@ikas/storefront 4.15.0-beta.124 → 4.15.0-beta.125

package/build/ext/@ikas/popup-renderer/build/popup-renderer/components/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/storefront",
-  "version": "4.15.0-beta.124",
+  "version": "4.15.0-beta.125",
   "description": "Storefront functionality for ikas storefront themes.",
   "author": "ikas",
   "license": "ISC",
@@ -17,15 +17,15 @@
     "build": "rm -rf build && rollup -c"
   },
   "dependencies": {
-    "@ikas/popup-renderer": "^1.0.151",
+    "@ikas/popup-renderer": "^1.0.154",
     "swiper": "11.0.6"
   },
   "devDependencies": {
-    "@ikas/storefront-api": "^4.15.0-beta.124",
-    "@ikas/storefront-config": "^4.15.0-beta.124",
-    "@ikas/storefront-model-functions": "^4.15.0-beta.124",
-    "@ikas/storefront-models": "^4.15.0-beta.124",
-    "@ikas/storefront-providers": "^4.15.0-beta.124",
+    "@ikas/storefront-api": "^4.15.0-beta.125",
+    "@ikas/storefront-config": "^4.15.0-beta.125",
+    "@ikas/storefront-model-functions": "^4.15.0-beta.125",
+    "@ikas/storefront-models": "^4.15.0-beta.125",
+    "@ikas/storefront-providers": "^4.15.0-beta.125",
     "@ikas/localized-address": "1.0.0-beta.3",
     "@adyen/adyen-web": "^5.57.0",
     "@rollup/plugin-commonjs": "^22.0.0",
@@ -60,11 +60,11 @@
   },
   "peerDependencies": {
     "@ikas/localized-address": "1.0.0-beta.3",
-    "@ikas/storefront-api": "^4.15.0-beta.124",
-    "@ikas/storefront-config": "^4.15.0-beta.124",
-    "@ikas/storefront-model-functions": "^4.15.0-beta.124",
-    "@ikas/storefront-models": "^4.15.0-beta.124",
-    "@ikas/storefront-providers": "^4.15.0-beta.124",
+    "@ikas/storefront-api": "^4.15.0-beta.125",
+    "@ikas/storefront-config": "^4.15.0-beta.125",
+    "@ikas/storefront-model-functions": "^4.15.0-beta.125",
+    "@ikas/storefront-models": "^4.15.0-beta.125",
+    "@ikas/storefront-providers": "^4.15.0-beta.125",
     "mobx": "^6.1.3",
     "mobx-react-lite": "^3.1.5",
     "next": "12.2.0",