@ikas/popup-renderer 1.0.229 → 1.0.230
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";var t=function(t){var r=t.className,o=t.style;return e.createElement("svg",{className:"icon "+(r||""),width:"
|
|
1
|
+
import e from"react";var t=function(t){var r=t.className,o=t.style;return e.createElement("svg",{className:"icon "+(r||""),width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:o},e.createElement("path",{d:"M15 4.99998L5 15M5 4.99998L15 15",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"}))};export{t as default};
|
|
@@ -1 +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{CloseButtonPositionTypeEnum as r,
|
|
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 P from"./image-element-renderer/index.js";import x from"./image-column-element-renderer/index.js";import v 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";var y=t(function(t){var y,T,O,h,C,I,_,M,S=t.popup,w=t.dynamicData,A=t.dashboardComponents,R=t.previewMode,D=t.sfProps,k=t.isMobile,B=e.useState(!1),N=B[0],L=B[1],j=S.modal,U=j.teaser,W=!!j.selectedStep.isTeaser,H=j.selectedStep.elements.find(function(e){return e.type===d.IMAGE_COLUMN}),F=W?U.backgroundSettings:j.backgroundSettings,V=W?U.windowSettings:j.windowSettings,G=W?U.closeSettings:j.closeSettings,z=F.allowScrollingWhenPopupOpen,K=S.isPreviewMode||R,X=!!K||j.isVisible;e.useEffect(function(){return document.body.style.overflow=X&&!z?"hidden":"auto",function(){document.body.style.overflow="auto"}},[X,z]);var Y=F.overlay,q=F.border,J="center",Q="center";switch(W?o.POPUP:j.type){case o.POPUP:var Z=W?U.position:j.position;Z===n.POPUP_TOP_LEFT?(J="flex-start",Q="flex-start"):Z===n.POPUP_TOP_CENTER?(J="center",Q="flex-start"):Z===n.POPUP_TOP_RIGHT?(J="flex-end",Q="flex-start"):Z===n.POPUP_MIDDLE_LEFT?(J="flex-start",Q="center"):Z===n.POPUP_MIDDLE_CENTER?(J="center",Q="center"):Z===n.POPUP_MIDDLE_RIGHT?(J="flex-end",Q="center"):Z===n.POPUP_BOTTOM_LEFT?(J="flex-start",Q="flex-end"):Z===n.POPUP_BOTTOM_CENTER?(J="center",Q="flex-end"):Z===n.POPUP_BOTTOM_RIGHT&&(J="flex-end",Q="flex-end");break;case o.DRAWER:j.position===n.DRAWER_LEFT?(J="flex-start",Q="center"):j.position===n.DRAWER_RIGHT&&(J="flex-end",Q="center");break;case o.NOTIFICATION_BAR:j.position===n.NOTIFICATION_BAR_UP?(J="center",Q="flex-start"):j.position===n.NOTIFICATION_BAR_DOWN&&(J="center",Q="flex-end")}var $=e.useMemo(function(){return 2147483644},[]),ee=e.useMemo(function(){return $+1},[]),te=e.useMemo(function(){return ee+1},[]),oe=e.useMemo(function(){return te+1},[]),ne={position:"fixed",display:"flex",justifyContent:J,alignItems:Q,top:0,left:0,right:0,bottom:0,zIndex:$,overflow:"hidden",padding:"".concat(V.outerVerticalPadding,"px ").concat(V.outerHorizontalPadding,"px"),opacity:X?1:0,visibility:X?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},ie={position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:ee,backgroundColor:Y?Y.bgColor:"",opacity:Y?(Y.bgOpacity||100)/100:void 0},re={position:"relative",zIndex:te,backgroundColor:F.bgColor,border:q?"".concat(q.borderWidth,"px ").concat(q.borderStyle," ").concat(q.borderColor):"",borderRadius:"".concat(V.borderRadius,"px"),maxWidth:"100%",maxHeight:"100%",width:V.takeFullWidth?"100%":void 0,minHeight:V.minHeight,height:V.takeFullHeight?"100%":void 0,boxShadow:F.shadow?"0 0 10px ".concat(F.shadow.color):"",overflow:"auto",opacity:X?1:0,visibility:X?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},le="";switch(null==H?void 0:H.verticalAlignment){case a.BOTTOM:le="flex-end";break;case a.MIDDLE:le="center";break;case a.TOP:le="flex-start"}var se=H?H.imagePosition===g.LEFT_ALIGN?"row-reverse":"row":"",de=H?H.mobilePosition===b.TOP?"column-reverse":"column":"",ae={display:"flex",flexDirection:H?k?de:se:"column",overflow:"hidden"},ce={width:V.takeFullWidth?"100%":V.maxWidth,maxWidth:"100%",overflow:"auto",display:"flex",flexDirection:"column",justifyContent:le,padding:"".concat(V.innerVerticalPadding,"px ").concat(V.innerHorizontalPadding,"px")},me={position:G.closeButtonPositionType===r.TAKE_SPACE?"relative":"absolute",float:G.closeButtonPositionType===r.TAKE_SPACE?"right":"none",top:8,right:8,zIndex:oe},pe="".concat(null!==(T=null===(y=G.iconSettings)||void 0===y?void 0:y.backgroundBorderRadius)&&void 0!==T?T:50,"px"),ue=null!==(h=null===(O=G.iconSettings)||void 0===O?void 0:O.backgroundBorderWidth)&&void 0!==h?h:0,fe={position:"sticky",padding:"6px",marginLeft:G.closeButtonPositionType===r.TAKE_SPACE?"14px":void 0,display:"flex",justifyContent:"center",alignItems:"center",border:(null===(C=G.iconSettings)||void 0===C?void 0:C.type)===l.WITH_BORDER?"".concat(ue,"px solid ").concat(null===(I=G.iconSettings)||void 0===I?void 0:I.color):"",borderRadius:pe,backgroundColor:null===(_=G.iconSettings)||void 0===_?void 0:_.backgroundColor},Pe={color:null===(M=G.iconSettings)||void 0===M?void 0:M.color,cursor:"pointer"},xe=function(t){var o=t.type,n=A&&A[o]&&A[o].length?A[o][0]:null,i=n&&S.marketingPopupViewModel?e.createElement(n,{element:t,marketingPopupViewModel:S.marketingPopupViewModel}):void 0;switch(o){case d.TEXT:return e.createElement(c,{element:t});case d.IMAGE:return e.createElement(P,{element:t,popup:S,editModeChildren:i});case d.IMAGE_COLUMN:return k&&H.mobilePosition===b.HIDE?null:e.createElement(x,{element:t,popup:S,editModeChildren:i,isMobile:k});case d.BUTTON:return e.createElement(m,{element:t,onClose:ve,isStandaloneButtonComponent:!0});case d.DIVIDER:return e.createElement(u,{element:t});case d.FORM:return e.createElement(E,{element:t,popup:S,isPreviewMode:!!K,sfProps:D,setIsCustomerSaved:L});case d.PRODUCT_LIST:return e.createElement(v,{element:t,products:w.products[t.id],popup:S,editModeChildren:i,isPreviewMode:!!K,sfProps:D,onClose:ve});case d.SOCIAL_MEDIA:return e.createElement(f,{element:t,popup:S,editModeChildren:i});case d.SPACE:return e.createElement(p,{element:t})}},ve=function(e){if(!K&&j.isVisible){var t=N||e;j.isVisible=!1,D&&D.onModalClose(t),L(!1)}};return e.createElement("div",{className:"ikas-popup-default-styles",id:"ikas-popup-container",style:ne},e.createElement("div",{style:re},G.closeButtonDisplayType!==s.ALWAYS_HIDDEN&&e.createElement("div",{style:me,onClick:function(){return ve()}},e.createElement("div",{style:fe,className:G.closeButtonDisplayType===s.VISIBLE_ON_HOVER?"visible-on-hover":""},e.createElement(i,{style:Pe}))),e.createElement("div",{style:ae,onClick:function(e){W&&(j.selectedStep=j.steps[0])}},e.createElement("div",{style:ce},j.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 xe(e)})),H&&xe(H))),e.createElement("div",{style:ie,onClick:function(){G.closeOnlyWithCloseButton||ve()}}))});export{y as default};
|