New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@ikas/popup-renderer

Package Overview
Dependencies
Maintainers
2
Versions
221
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ikas/popup-renderer - npm Package Compare versions

Comparing version 1.0.153 to 1.0.154

2

build/popup-renderer/components/index.js

@@ -1,1 +0,1 @@

import e from"react";import{observer as t}from"mobx-react";import{PopupTypeEnum as o,PopupPositonEnum as n}from"../models/modal/index.js";import i from"../assets/x-close.js";import{CloseButtonPositionTypeEnum as r,CloseIconTypeEnum as l,CloseButtonDisplayTypeEnum as s}from"../models/modal/close-settings/index.js";import{PopupElementTypeEnum as d,ComponentVerticalAlignmentEnum as a}from"../models/modal/step/elements/base/index.js";import c from"./text-element-renderer/index.js";import m from"./button-element-renderer/index.js";import p from"./space-element-renderer/index.js";import u from"./divider-element-renderer/index.js";import f from"./social-element-renderer/index.js";import x from"./image-element-renderer/index.js";import P from"./image-column-element-renderer/index.js";import g from"./product-list-renderer/index.js";import v from"./form-element-renderer/index.js";import{ImageColumnPositionEnum as E,MobileImageColumnPositionEnum as y}from"../models/modal/step/elements/image-column/index.js";var T=t((function(t){var T,b,I,O,_=t.popup,h=t.dynamicData,C=t.dashboardComponents,M=t.previewMode,w=t.sfProps,A=t.isMobile,S=_.modal,D=S.teaser,R=!!S.selectedStep.isTeaser,k=S.selectedStep.elements.find((function(e){return e.type===d.IMAGE_COLUMN})),N=R?D.backgroundSettings:S.backgroundSettings,L=R?D.windowSettings:S.windowSettings,j=R?D.closeSettings:S.closeSettings,U=N.allowScrollingWhenPopupOpen,B=_.isPreviewMode||M,H=!!B||S.isVisible;document.body.style.overflow=H&&!U?"hidden":"auto";var W=N.overlay,F=N.border,V="center",G="center";switch(R?o.POPUP:S.type){case o.POPUP:var z=R?D.position:S.position;z===n.POPUP_TOP_LEFT?(V="flex-start",G="flex-start"):z===n.POPUP_TOP_CENTER?(V="center",G="flex-start"):z===n.POPUP_TOP_RIGHT?(V="flex-end",G="flex-start"):z===n.POPUP_MIDDLE_LEFT?(V="flex-start",G="center"):z===n.POPUP_MIDDLE_CENTER?(V="center",G="center"):z===n.POPUP_MIDDLE_RIGHT?(V="flex-end",G="center"):z===n.POPUP_BOTTOM_LEFT?(V="flex-start",G="flex-end"):z===n.POPUP_BOTTOM_CENTER?(V="center",G="flex-end"):z===n.POPUP_BOTTOM_RIGHT&&(V="flex-end",G="flex-end");break;case o.DRAWER:S.position===n.DRAWER_LEFT?(V="flex-start",G="center"):S.position===n.DRAWER_RIGHT&&(V="flex-end",G="center");break;case o.NOTIFICATION_BAR:S.position===n.NOTIFICATION_BAR_UP?(V="center",G="flex-start"):S.position===n.NOTIFICATION_BAR_DOWN&&(V="center",G="flex-end")}var Z=e.useMemo((function(){for(var e=document.getElementsByTagName("*"),t=0,o=0;o<e.length;o++){var n=parseInt(window.getComputedStyle(e[o]).getPropertyValue("z-index"));n>t&&(t=n)}return t||9e4}),[])+1;console.log(Z);var K=e.useMemo((function(){return Z}),[]),X=e.useMemo((function(){return K+1}),[]),Y=e.useMemo((function(){return X+1}),[]),q=e.useMemo((function(){return Y+1}),[]);console.log("containerZIndex",K),console.log("overlayZIndex",X),console.log("modalZIndex",Y),console.log("closeIconZIndex",q);var J={position:"fixed",display:"flex",justifyContent:V,alignItems:G,top:0,left:0,right:0,bottom:0,zIndex:K,overflow:"hidden",padding:"".concat(L.outerVerticalPadding,"px ").concat(L.outerHorizontalPadding,"px"),opacity:H?1:0,visibility:H?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},Q={position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:X,backgroundColor:W?W.bgColor:"",opacity:W?(W.bgOpacity||100)/100:void 0},$={position:"relative",zIndex:Y,backgroundColor:N.bgColor,border:F?"".concat(F.borderWidth,"px ").concat(F.borderStyle," ").concat(F.borderColor):"",borderRadius:"".concat(L.borderRadius,"px"),maxWidth:"100%",maxHeight:"100%",width:L.takeFullWidth?"100%":void 0,minHeight:L.minHeight,height:L.takeFullHeight?"100%":void 0,boxShadow:N.shadow?"0 0 10px ".concat(N.shadow.color):"",overflow:"auto",opacity:H?1:0,visibility:H?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},ee="";switch(null==k?void 0:k.verticalAlignment){case a.BOTTOM:ee="flex-end";break;case a.MIDDLE:ee="center";break;case a.TOP:ee="flex-start"}var te=k?k.imagePosition===E.LEFT_ALIGN?"row-reverse":"row":"",oe=k?k.mobilePosition===y.TOP?"column-reverse":"column":"",ne={display:"flex",flexDirection:k?A?oe:te:"column"},ie={width:L.takeFullWidth?"100%":L.maxWidth,maxWidth:"100%",overflow:"auto",display:"flex",flexDirection:"column",justifyContent:ee,padding:"".concat(L.innerVerticalPadding,"px ").concat(L.innerHorizontalPadding,"px")},re={position:j.closeButtonPositionType===r.TAKE_SPACE?"relative":"absolute",float:j.closeButtonPositionType===r.TAKE_SPACE?"right":"none",top:8,right:8,zIndex:q},le={position:"sticky",padding:"6px",marginLeft:j.closeButtonPositionType===r.TAKE_SPACE?"14px":void 0,display:"flex",justifyContent:"center",alignItems:"center",border:(null===(T=j.iconSettings)||void 0===T?void 0:T.type)===l.WITH_BORDER?"1px solid ".concat(null===(b=j.iconSettings)||void 0===b?void 0:b.color):"",borderRadius:"50%",backgroundColor:null===(I=j.iconSettings)||void 0===I?void 0:I.backgroundColor},se={color:null===(O=j.iconSettings)||void 0===O?void 0:O.color,cursor:"pointer"},de=function(t){var o=t.type,n=C&&C[o]&&C[o].length?C[o][0]:null,i=n&&_.marketingPopupViewModel?e.createElement(n,{element:t,marketingPopupViewModel:_.marketingPopupViewModel}):void 0;switch(o){case d.TEXT:return e.createElement(c,{element:t});case d.IMAGE:return e.createElement(x,{element:t,popup:_,editModeChildren:i});case d.IMAGE_COLUMN:return A&&k.mobilePosition===y.HIDE?null:e.createElement(P,{element:t,popup:_,editModeChildren:i,isMobile:A});case d.BUTTON:return e.createElement(m,{element:t});case d.DIVIDER:return e.createElement(u,{element:t});case d.FORM:return e.createElement(v,{element:t,popup:_,isPreviewMode:!!B,sfProps:w});case d.PRODUCT_LIST:return e.createElement(g,{element:t,products:h.products[t.id],popup:_,editModeChildren:i,isPreviewMode:!!B,sfProps:w,onClose:ae});case d.SOCIAL_MEDIA:return e.createElement(f,{element:t,popup:_,editModeChildren:i});case d.SPACE:return e.createElement(p,{element:t})}},ae=function(e){B||S.isVisible&&(S.isVisible=!1,w&&w.onModalClose(e))};return e.createElement("div",{className:"ikas-popup-default-styles",id:"ikas-popup-container",style:J},e.createElement("div",{style:$},j.closeButtonDisplayType!==s.ALWAYS_HIDDEN&&e.createElement("div",{style:re,onClick:function(){return ae()}},e.createElement("div",{style:le,className:j.closeButtonDisplayType===s.VISIBLE_ON_HOVER?"visible-on-hover":""},e.createElement(i,{style:se}))),e.createElement("div",{style:ne,onClick:function(e){R&&(S.selectedStep=S.steps[0])}},e.createElement("div",{style:ie},S.selectedStep.elements.filter((function(e){return e.type!==d.IMAGE_COLUMN})).slice().sort((function(e,t){return e.order-t.order})).map((function(e){return de(e)}))),k&&de(k))),e.createElement("div",{style:Q,onClick:function(){return ae()}}))}));export{T as default};
import e from"react";import{observer as t}from"mobx-react";import{PopupTypeEnum as o,PopupPositonEnum as i}from"../models/modal/index.js";import n from"../assets/x-close.js";import{CloseButtonPositionTypeEnum as r,CloseIconTypeEnum as l,CloseButtonDisplayTypeEnum as s}from"../models/modal/close-settings/index.js";import{PopupElementTypeEnum as d,ComponentVerticalAlignmentEnum as a}from"../models/modal/step/elements/base/index.js";import c from"./text-element-renderer/index.js";import m from"./button-element-renderer/index.js";import p from"./space-element-renderer/index.js";import u from"./divider-element-renderer/index.js";import f from"./social-element-renderer/index.js";import P from"./image-element-renderer/index.js";import x from"./image-column-element-renderer/index.js";import E from"./product-list-renderer/index.js";import v from"./form-element-renderer/index.js";import{ImageColumnPositionEnum as g,MobileImageColumnPositionEnum as T}from"../models/modal/step/elements/image-column/index.js";var b=t((function(t){var b,y,O,I,_=t.popup,h=t.dynamicData,C=t.dashboardComponents,M=t.previewMode,w=t.sfProps,A=t.isMobile,D=_.modal,R=D.teaser,S=!!D.selectedStep.isTeaser,k=D.selectedStep.elements.find((function(e){return e.type===d.IMAGE_COLUMN})),N=S?R.backgroundSettings:D.backgroundSettings,L=S?R.windowSettings:D.windowSettings,j=S?R.closeSettings:D.closeSettings,U=N.allowScrollingWhenPopupOpen,B=_.isPreviewMode||M,H=!!B||D.isVisible;document.body.style.overflow=H&&!U?"hidden":"auto";var W=N.overlay,F=N.border,V="center",G="center";switch(S?o.POPUP:D.type){case o.POPUP:var z=S?R.position:D.position;z===i.POPUP_TOP_LEFT?(V="flex-start",G="flex-start"):z===i.POPUP_TOP_CENTER?(V="center",G="flex-start"):z===i.POPUP_TOP_RIGHT?(V="flex-end",G="flex-start"):z===i.POPUP_MIDDLE_LEFT?(V="flex-start",G="center"):z===i.POPUP_MIDDLE_CENTER?(V="center",G="center"):z===i.POPUP_MIDDLE_RIGHT?(V="flex-end",G="center"):z===i.POPUP_BOTTOM_LEFT?(V="flex-start",G="flex-end"):z===i.POPUP_BOTTOM_CENTER?(V="center",G="flex-end"):z===i.POPUP_BOTTOM_RIGHT&&(V="flex-end",G="flex-end");break;case o.DRAWER:D.position===i.DRAWER_LEFT?(V="flex-start",G="center"):D.position===i.DRAWER_RIGHT&&(V="flex-end",G="center");break;case o.NOTIFICATION_BAR:D.position===i.NOTIFICATION_BAR_UP?(V="center",G="flex-start"):D.position===i.NOTIFICATION_BAR_DOWN&&(V="center",G="flex-end")}var K=e.useMemo((function(){return 2147483644}),[]),X=e.useMemo((function(){return K+1}),[]),Y=e.useMemo((function(){return X+1}),[]),q=e.useMemo((function(){return Y+1}),[]),J={position:"fixed",display:"flex",justifyContent:V,alignItems:G,top:0,left:0,right:0,bottom:0,zIndex:K,overflow:"hidden",padding:"".concat(L.outerVerticalPadding,"px ").concat(L.outerHorizontalPadding,"px"),opacity:H?1:0,visibility:H?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},Q={position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:X,backgroundColor:W?W.bgColor:"",opacity:W?(W.bgOpacity||100)/100:void 0},Z={position:"relative",zIndex:Y,backgroundColor:N.bgColor,border:F?"".concat(F.borderWidth,"px ").concat(F.borderStyle," ").concat(F.borderColor):"",borderRadius:"".concat(L.borderRadius,"px"),maxWidth:"100%",maxHeight:"100%",width:L.takeFullWidth?"100%":void 0,minHeight:L.minHeight,height:L.takeFullHeight?"100%":void 0,boxShadow:N.shadow?"0 0 10px ".concat(N.shadow.color):"",overflow:"auto",opacity:H?1:0,visibility:H?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},$="";switch(null==k?void 0:k.verticalAlignment){case a.BOTTOM:$="flex-end";break;case a.MIDDLE:$="center";break;case a.TOP:$="flex-start"}var ee=k?k.imagePosition===g.LEFT_ALIGN?"row-reverse":"row":"",te=k?k.mobilePosition===T.TOP?"column-reverse":"column":"",oe={display:"flex",flexDirection:k?A?te:ee:"column"},ie={width:L.takeFullWidth?"100%":L.maxWidth,maxWidth:"100%",overflow:"auto",display:"flex",flexDirection:"column",justifyContent:$,padding:"".concat(L.innerVerticalPadding,"px ").concat(L.innerHorizontalPadding,"px")},ne={position:j.closeButtonPositionType===r.TAKE_SPACE?"relative":"absolute",float:j.closeButtonPositionType===r.TAKE_SPACE?"right":"none",top:8,right:8,zIndex:q},re={position:"sticky",padding:"6px",marginLeft:j.closeButtonPositionType===r.TAKE_SPACE?"14px":void 0,display:"flex",justifyContent:"center",alignItems:"center",border:(null===(b=j.iconSettings)||void 0===b?void 0:b.type)===l.WITH_BORDER?"1px solid ".concat(null===(y=j.iconSettings)||void 0===y?void 0:y.color):"",borderRadius:"50%",backgroundColor:null===(O=j.iconSettings)||void 0===O?void 0:O.backgroundColor},le={color:null===(I=j.iconSettings)||void 0===I?void 0:I.color,cursor:"pointer"},se=function(t){var o=t.type,i=C&&C[o]&&C[o].length?C[o][0]:null,n=i&&_.marketingPopupViewModel?e.createElement(i,{element:t,marketingPopupViewModel:_.marketingPopupViewModel}):void 0;switch(o){case d.TEXT:return e.createElement(c,{element:t});case d.IMAGE:return e.createElement(P,{element:t,popup:_,editModeChildren:n});case d.IMAGE_COLUMN:return A&&k.mobilePosition===T.HIDE?null:e.createElement(x,{element:t,popup:_,editModeChildren:n,isMobile:A});case d.BUTTON:return e.createElement(m,{element:t});case d.DIVIDER:return e.createElement(u,{element:t});case d.FORM:return e.createElement(v,{element:t,popup:_,isPreviewMode:!!B,sfProps:w});case d.PRODUCT_LIST:return e.createElement(E,{element:t,products:h.products[t.id],popup:_,editModeChildren:n,isPreviewMode:!!B,sfProps:w,onClose:de});case d.SOCIAL_MEDIA:return e.createElement(f,{element:t,popup:_,editModeChildren:n});case d.SPACE:return e.createElement(p,{element:t})}},de=function(e){B||D.isVisible&&(D.isVisible=!1,w&&w.onModalClose(e))};return e.createElement("div",{className:"ikas-popup-default-styles",id:"ikas-popup-container",style:J},e.createElement("div",{style:Z},j.closeButtonDisplayType!==s.ALWAYS_HIDDEN&&e.createElement("div",{style:ne,onClick:function(){return de()}},e.createElement("div",{style:re,className:j.closeButtonDisplayType===s.VISIBLE_ON_HOVER?"visible-on-hover":""},e.createElement(n,{style:le}))),e.createElement("div",{style:oe,onClick:function(e){S&&(D.selectedStep=D.steps[0])}},e.createElement("div",{style:ie},D.selectedStep.elements.filter((function(e){return e.type!==d.IMAGE_COLUMN})).slice().sort((function(e,t){return e.order-t.order})).map((function(e){return se(e)}))),k&&se(k))),e.createElement("div",{style:Q,onClick:function(){return de()}}))}));export{b as default};

2

package.json
{
"name": "@ikas/popup-renderer",
"version": "1.0.153",
"version": "1.0.154",
"description": "",

@@ -5,0 +5,0 @@ "author": "ucy",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc