@ikas/popup-renderer 1.0.235 → 1.0.236

package/build/popup-renderer/components/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/popup-renderer",
-  "version": "1.0.235",
+  "version": "1.0.236",
   "description": "",
   "author": "ucy",
   "license": "ISC",

package/build/popup-renderer/assets/x-circle.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-type Props = {
-    className?: string;
-    style?: React.CSSProperties;
-};
-declare const XCircle: React.FC<Props>;
-export default XCircle;

package/build/popup-renderer/assets/x-circle.js

@@ -1 +0,0 @@
-import e from"react";var t=function(t){return t.className,t.style,e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e.createElement("g",{"clip-path":"url(#clip0_6269_30717)"},e.createElement("path",{d:"M10 5.99992L6.00001 9.99992M6.00001 5.99992L10 9.99992M14.6667 7.99992C14.6667 11.6818 11.6819 14.6666 8.00001 14.6666C4.31811 14.6666 1.33334 11.6818 1.33334 7.99992C1.33334 4.31802 4.31811 1.33325 8.00001 1.33325C11.6819 1.33325 14.6667 4.31802 14.6667 7.99992Z",stroke:"currentColor","stroke-width":"1.4","stroke-linecap":"round","stroke-linejoin":"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_6269_30717"},e.createElement("rect",{width:"16",height:"16",fill:"white"}))))};export{t as default};