@ikas/storefront 6.1.0-beta.196 → 6.1.0-beta.197

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

@@ -1 +1 @@
-import{__assign as t}from"../../../ext/tslib/tslib.es6.mjs.js";import e from"react";import{observer as n}from"../../../../../../mobx-react/dist/mobxreact.esm.js";import{ButtonActionTypeEnum as o}from"../../models/modal/step/elements/button/index.js";import{getHorizontalAlignment as r,injectFontScript as i}from"../../helpers/index.js";var a=n((function(n){var a=n.element,c=n.isStandaloneButtonComponent,l=n.onClose,s=n.disableButtonAction,d=e.useRef(null),u=a,m={display:"flex",alignItems:"center",justifyContent:r(u.horizontalAlignment),padding:"".concat(u.outerVerticalPadding,"px ").concat(u.outerHorizontalPadding,"px"),backgroundColor:u.bgColor},f={color:u.color,backgroundColor:u.buttonBgColor,fontSize:u.fontSize,fontWeight:u.fontWeight,fontFamily:i(u.fontFamily),textAlign:"center",border:"".concat(u.borderWidth,"px ").concat(u.borderStyle," ").concat(u.borderColor),borderRadius:u.borderRadius,padding:"".concat(u.verticalPadding,"px ").concat(u.horizontalPadding,"px")},p={width:"".concat(u.width,"%"),minWidth:"fit-content",cursor:"pointer"},b=e.useCallback((function(){if(d.current&&!s){var t=u.link||void 0;if(!c&&t)d.current.href=t||"",d.current.click();else switch(u.actionType){case o.NAVIGATE_TO_LINK_AND_CLOSE:d.current.href=t||"",null==l||l(!0),d.current.click();break;case o.NAVIGATE_TO_LINK:d.current.href=t||"",d.current.click();break;case o.CLOSE:null==l||l(!0)}}}),[d,d.current]);return e.createElement("div",{style:m},e.createElement("a",{onClick:b,style:p,target:u.openLinkInNewWindow?"_blank":"_self",ref:d},e.createElement("div",{dangerouslySetInnerHTML:{__html:u.text},style:t({},f)})))}));export{a as default};
+import{__assign as t}from"../../../ext/tslib/tslib.es6.mjs.js";import e from"react";import{observer as n}from"../../../../../../mobx-react/dist/mobxreact.esm.js";import{ButtonActionTypeEnum as o}from"../../models/modal/step/elements/button/index.js";import{getHorizontalAlignment as r,injectFontScript as i,normalizeUrl as a}from"../../helpers/index.js";var c=n((function(n){var c=n.element,l=n.isStandaloneButtonComponent,s=n.onClose,d=n.disableButtonAction,u=e.useRef(null),m=c,f={display:"flex",alignItems:"center",justifyContent:r(m.horizontalAlignment),padding:"".concat(m.outerVerticalPadding,"px ").concat(m.outerHorizontalPadding,"px"),backgroundColor:m.bgColor},p={color:m.color,backgroundColor:m.buttonBgColor,fontSize:m.fontSize,fontWeight:m.fontWeight,fontFamily:i(m.fontFamily),textAlign:"center",border:"".concat(m.borderWidth,"px ").concat(m.borderStyle," ").concat(m.borderColor),borderRadius:m.borderRadius,padding:"".concat(m.verticalPadding,"px ").concat(m.horizontalPadding,"px")},b={width:"".concat(m.width,"%"),minWidth:"fit-content",cursor:"pointer"},g=e.useCallback((function(){if(u.current&&!d){var t=m.link||void 0;if(!l&&t)u.current.href=a(t)||"",u.current.click();else switch(m.actionType){case o.NAVIGATE_TO_LINK_AND_CLOSE:u.current.href=a(t)||"",null==s||s(!0),u.current.click();break;case o.NAVIGATE_TO_LINK:u.current.href=a(t)||"",u.current.click();break;case o.CLOSE:null==s||s(!0)}}}),[u,u.current]);return e.createElement("div",{style:f},e.createElement("a",{onClick:g,style:b,target:m.openLinkInNewWindow?"_blank":"_self",ref:u},e.createElement("div",{dangerouslySetInnerHTML:{__html:m.text},style:t({},p)})))}));export{c as default};

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

@@ -1 +1 @@
-import e from"react";import{observer as t}from"../../../../../../mobx-react/dist/mobxreact.esm.js";import{ImageFitEnum as r}from"../../models/modal/step/elements/image/index.js";var i=t((function(t){var i=t.element,a=t.popup,o=t.editModeChildren,d=t.isMobile,n=i;n.cdnURL||(n.cdnURL=a.cdnURL),n.merchantId||(n.merchantId=a.merchantId);var c=a.modal.windowSettings,m={width:c.takeFullWidth||d?"100%":c.maxWidth,backgroundColor:n.bgColor,padding:"".concat(n.verticalPadding,"px ").concat(n.horizontalPadding,"px"),borderRadius:n.borderRadius};if(!n.src&&a.isPreviewMode&&o)return e.createElement("div",{style:m},o);var l={objectFit:n.objectFit===r.CONTAIN?"contain":"cover",height:"100%"};return e.createElement("a",{href:n.link||void 0,style:m,target:"_blank"},n.src&&e.createElement("img",{src:n.src||void 0,width:"100% !important",style:l}))}));export{i as default};
+import e from"react";import{observer as t}from"../../../../../../mobx-react/dist/mobxreact.esm.js";import{ImageFitEnum as r}from"../../models/modal/step/elements/image/index.js";import{normalizeUrl as i}from"../../helpers/index.js";var a=t((function(t){var a=t.element,o=t.popup,d=t.editModeChildren,n=t.isMobile,m=a;m.cdnURL||(m.cdnURL=o.cdnURL),m.merchantId||(m.merchantId=o.merchantId);var c=o.modal.windowSettings,l={width:c.takeFullWidth||n?"100%":c.maxWidth,backgroundColor:m.bgColor,padding:"".concat(m.verticalPadding,"px ").concat(m.horizontalPadding,"px"),borderRadius:m.borderRadius};if(!m.src&&o.isPreviewMode&&d)return e.createElement("div",{style:l},d);var s={objectFit:m.objectFit===r.CONTAIN?"contain":"cover",height:"100%"};return e.createElement("a",{href:i(m.link),style:l,target:"_blank"},m.src&&e.createElement("img",{src:m.src||void 0,width:"100% !important",style:s}))}));export{a as default};

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

@@ -1 +1 @@
-import e from"react";import{observer as t}from"../../../../../../mobx-react/dist/mobxreact.esm.js";import{ImagePositionEnum as i,ImageFitEnum as a}from"../../models/modal/step/elements/image/index.js";var o=t((function(t){var o=t.element,r=t.popup,n=t.editModeChildren,d=o;if(d.cdnURL||(d.cdnURL=r.cdnURL),d.merchantId||(d.merchantId=r.merchantId),!d.src&&r.isPreviewMode&&n)return n;var c={display:"flex",alignItems:"center",justifyContent:d.imagePosition===i.DISABLE_FLOAT?"center":d.imagePosition===i.FLOAT_LEFT?"flex-start":"flex-end",padding:"".concat(d.verticalPadding,"px ").concat(d.horizontalPadding,"px"),backgroundColor:d.bgColor,maxWidth:"100%"},m={borderRadius:"".concat(d.borderRadius,"px"),objectFit:d.objectFit===a.CONTAIN?"contain":"cover",width:"".concat(d.maxWidth,"%")};return e.createElement("a",{href:d.link||void 0,style:c,target:"_blank"},e.createElement("img",{src:d.src||void 0,width:100===d.maxWidth?"100% !important":void 0,style:m}))}));export{o as default};
+import e from"react";import{observer as t}from"../../../../../../mobx-react/dist/mobxreact.esm.js";import{normalizeUrl as r}from"../../helpers/index.js";import{ImagePositionEnum as i,ImageFitEnum as a}from"../../models/modal/step/elements/image/index.js";var o=t((function(t){var o=t.element,n=t.popup,d=t.editModeChildren,m=o;if(m.cdnURL||(m.cdnURL=n.cdnURL),m.merchantId||(m.merchantId=n.merchantId),!m.src&&n.isPreviewMode&&d)return d;var c={display:"flex",alignItems:"center",justifyContent:m.imagePosition===i.DISABLE_FLOAT?"center":m.imagePosition===i.FLOAT_LEFT?"flex-start":"flex-end",padding:"".concat(m.verticalPadding,"px ").concat(m.horizontalPadding,"px"),backgroundColor:m.bgColor,maxWidth:"100%"},s={borderRadius:"".concat(m.borderRadius,"px"),objectFit:m.objectFit===a.CONTAIN?"contain":"cover",width:"".concat(m.maxWidth,"%")};return e.createElement("a",{href:r(m.link),style:c,target:"_blank"},e.createElement("img",{src:m.src||void 0,width:100===m.maxWidth?"100% !important":void 0,style:s}))}));export{o as default};

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

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

@@ -1 +1 @@
-import e from"react";import{observer as t}from"../../../../../../mobx-react/dist/mobxreact.esm.js";import{getHorizontalAlignment as r}from"../../helpers/index.js";var n=t((function(t){var n=t.element,i=n.socialMediaLinks.filter((function(e){return!!e.link})).sort((function(e,t){return e.order-t.order}));if(!i.length&&t.editModeChildren&&t.popup.isPreviewMode)return t.editModeChildren;var o={display:"flex",alignItems:"center",justifyContent:r(n.horizontalAlignment),padding:"".concat(n.verticalPadding,"px ").concat(n.horizontalPadding,"px"),backgroundColor:n.bgColor,width:"100%"},a={display:"flex",alignItems:"center",gap:"".concat(n.gapBetweenLogos,"px")};return e.createElement("div",{style:o},e.createElement("div",{style:a},i.map((function(t,r){return e.createElement("a",{href:t.link||"",key:r,target:"_blank"},e.createElement("img",{src:t.iconUrlWithoutHash||"",width:24,height:24}))}))))}));export{n as default};
+import e from"react";import{observer as t}from"../../../../../../mobx-react/dist/mobxreact.esm.js";import{getHorizontalAlignment as r,normalizeUrl as n}from"../../helpers/index.js";var i=t((function(t){var i=t.element,o=i.socialMediaLinks.filter((function(e){return!!e.link})).sort((function(e,t){return e.order-t.order}));if(!o.length&&t.editModeChildren&&t.popup.isPreviewMode)return t.editModeChildren;var a={display:"flex",alignItems:"center",justifyContent:r(i.horizontalAlignment),padding:"".concat(i.verticalPadding,"px ").concat(i.horizontalPadding,"px"),backgroundColor:i.bgColor,width:"100%"},l={display:"flex",alignItems:"center",gap:"".concat(i.gapBetweenLogos,"px")};return e.createElement("div",{style:a},e.createElement("div",{style:l},o.map((function(t,r){return e.createElement("a",{href:n(t.link)||"",key:r,target:"_blank"},e.createElement("img",{src:t.iconUrlWithoutHash||"",width:24,height:24}))}))))}));export{i as default};

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

@@ -1 +1 @@
-import"../../ext/tslib/tslib.es6.mjs.js";import"../../ext/libphonenumber-js/es6/PhoneNumberMatcher.js";import"../../ext/libphonenumber-js/es6/AsYouTypeFormatter.js";import{isValidPhoneNumber as e}from"../../ext/libphonenumber-js/min/exports/isValidPhoneNumber.js";import"../../ext/libphonenumber-js/min/exports/PhoneNumberMatcher.js";import"../../ext/libphonenumber-js/min/exports/AsYouType.js";import"../../ext/libphonenumber-js/min/exports/Metadata.js";import"../../ext/libphonenumber-js/es6/findNumbers/isValidCandidate.js";import"../../ext/libphonenumber-js/index.es6.exports/PhoneNumberSearch.js";import{ComponentHorizontalAlignmentEnum as t}from"../models/modal/step/elements/base/index.js";var n=function(e){var n="";switch(e){case t.LEFT:n="flex-start";break;case t.CENTER:n="center";break;case t.RIGHT:n="flex-end"}return n},r=function(e){if(e.name){var t=e.name.replace(/ /g,"+"),n="";if(e.variants){n+=":";var r=e.variants.some((function(e){return"italic"===e}));if(r&&(n+="ital,"),n+="wght@",r){var a=new RegExp("italic","i");n+=e.variants.reduce((function(e,t){return a.test(t)?e:e+"0,".concat(t.replace("regular","400"),";")}),""),n+=e.variants.reduce((function(e,t){return a.test(t)?e+"1,".concat("italic"===t?"400":t.replace("italic",""),";"):e}),"")}else n+=e.variants.reduce((function(e,t){return e+"".concat(t.replace("regular","400"),";")}),"");n=n.substring(0,n.length-1),n+="&display=swap"}return"https://fonts.googleapis.com/css2?family=".concat(t).concat(n)}},a=function(e){var t="'".concat(e.name,'\', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif');if(document.getElementById("ikas-popup-font-".concat(e.name)))return t;var n=r(e);if(n){var a=document.createElement("link");return a.setAttribute("id","ikas-popup-font-".concat(e.name)),a.setAttribute("rel","stylesheet"),a.setAttribute("href",n),document.getElementsByTagName("head")[0].appendChild(a),t}},i=function(e){return!(e.length>320)&&/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/.test(e)},s=function(t,n){return e(t,n?n.toUpperCase():"TR")},o=function(e){var t;return Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15)+(null!==(t=null==e?void 0:e.length)&&void 0!==t?t:0)};export{o as generateRandomId,r as getGoogleFontHref,n as getHorizontalAlignment,a as injectFontScript,i as validateEmail,s as validatePhoneNumber};
+import"../../ext/tslib/tslib.es6.mjs.js";import"../../ext/libphonenumber-js/es6/PhoneNumberMatcher.js";import"../../ext/libphonenumber-js/es6/AsYouTypeFormatter.js";import{isValidPhoneNumber as t}from"../../ext/libphonenumber-js/min/exports/isValidPhoneNumber.js";import"../../ext/libphonenumber-js/min/exports/PhoneNumberMatcher.js";import"../../ext/libphonenumber-js/min/exports/AsYouType.js";import"../../ext/libphonenumber-js/min/exports/Metadata.js";import"../../ext/libphonenumber-js/es6/findNumbers/isValidCandidate.js";import"../../ext/libphonenumber-js/index.es6.exports/PhoneNumberSearch.js";import{ComponentHorizontalAlignmentEnum as e}from"../models/modal/step/elements/base/index.js";var n=function(t){var n="";switch(t){case e.LEFT:n="flex-start";break;case e.CENTER:n="center";break;case e.RIGHT:n="flex-end"}return n},r=function(t){if(t.name){var e=t.name.replace(/ /g,"+"),n="";if(t.variants){n+=":";var r=t.variants.some((function(t){return"italic"===t}));if(r&&(n+="ital,"),n+="wght@",r){var a=new RegExp("italic","i");n+=t.variants.reduce((function(t,e){return a.test(e)?t:t+"0,".concat(e.replace("regular","400"),";")}),""),n+=t.variants.reduce((function(t,e){return a.test(e)?t+"1,".concat("italic"===e?"400":e.replace("italic",""),";"):t}),"")}else n+=t.variants.reduce((function(t,e){return t+"".concat(e.replace("regular","400"),";")}),"");n=n.substring(0,n.length-1),n+="&display=swap"}return"https://fonts.googleapis.com/css2?family=".concat(e).concat(n)}},a=function(t){var e="'".concat(t.name,'\', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif');if(document.getElementById("ikas-popup-font-".concat(t.name)))return e;var n=r(t);if(n){var a=document.createElement("link");return a.setAttribute("id","ikas-popup-font-".concat(t.name)),a.setAttribute("rel","stylesheet"),a.setAttribute("href",n),document.getElementsByTagName("head")[0].appendChild(a),e}},i=function(t){return!(t.length>320)&&/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/.test(t)},s=function(e,n){return t(e,n?n.toUpperCase():"TR")},o=function(t){var e;return Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15)+(null!==(e=null==t?void 0:t.length)&&void 0!==e?e:0)},m=function(t){if(t&&""!==t.trim()){var e=t.trim();return e.startsWith("http://")||e.startsWith("https://")||e.startsWith("mailto:")||e.startsWith("tel:")||e.startsWith("ftp://")||e.startsWith("//")?e:"https://".concat(e)}};export{o as generateRandomId,r as getGoogleFontHref,n as getHorizontalAlignment,a as injectFontScript,m as normalizeUrl,i as validateEmail,s as validatePhoneNumber};

package/build/ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/image/index.js

@@ -1 +1 @@
-import{__extends as i}from"../../../../../../ext/tslib/tslib.es6.mjs.js";import{makeObservable as t,observable as e,computed as n}from"mobx";import{PopupElementTypeEnum as a,BaseElement as o}from"../base/index.js";import{POPUP_DEFAULT_IMAGE_PATH as d}from"../../../index.js";var r,s,m,l=1080;(m=r||(r={})).FLOAT_LEFT="FLOAT_LEFT",m.FLOAT_RIGHT="FLOAT_RIGHT",m.DISABLE_FLOAT="DISABLE_FLOAT",function(i){i.CONTAIN="CONTAIN",i.COVER="COVER"}(s||(s={}));var c=function(o){function m(i){var d,m,l,c,g=this;return(g=o.call(this,i)||this).type=a.IMAGE,g.imagePosition=i.imagePosition||r.DISABLE_FLOAT,g.imageId=i.imageId||null,g.bgColor=i.bgColor||"",g.cdnURL=null,g.merchantId=null,g.objectFit=i.objectFit||s.CONTAIN,g.link=i.link||null,g.maxWidth=null!==(d=i.maxWidth)&&void 0!==d?d:100,g.verticalPadding=null!==(m=i.verticalPadding)&&void 0!==m?m:0,g.horizontalPadding=null!==(l=i.horizontalPadding)&&void 0!==l?l:0,g.borderRadius=null!==(c=i.borderRadius)&&void 0!==c?c:0,t(g,{imagePosition:e,imageId:e,bgColor:e,cdnURL:e,merchantId:e,objectFit:e,link:e,maxWidth:e,borderRadius:e,src:n}),g}return i(m,o),Object.defineProperty(m.prototype,"src",{get:function(){if(this.imageId)return this.imageId.includes(d)?"".concat(this.cdnURL).concat(this.imageId):this.imageId.includes("/")?"".concat(this.cdnURL,"images/").concat(this.merchantId,"/").concat(this.imageId,"/image_").concat(1080,".jpeg"):void 0},enumerable:!1,configurable:!0}),m}(o);export{l as IMAGE_SIZE,c as ImageElement,s as ImageFitEnum,r as ImagePositionEnum};
+import{__extends as i}from"../../../../../../ext/tslib/tslib.es6.mjs.js";import{makeObservable as t,observable as e,computed as n}from"mobx";import{PopupElementTypeEnum as a,BaseElement as o}from"../base/index.js";import{POPUP_DEFAULT_IMAGE_PATH as c}from"../../../index.js";var d,s,m,r=1080;(m=d||(d={})).FLOAT_LEFT="FLOAT_LEFT",m.FLOAT_RIGHT="FLOAT_RIGHT",m.DISABLE_FLOAT="DISABLE_FLOAT",function(i){i.CONTAIN="CONTAIN",i.COVER="COVER"}(s||(s={}));var l=function(o){function m(i){var c,m,r,l,g=this;return(g=o.call(this,i)||this).type=a.IMAGE,g.imagePosition=i.imagePosition||d.DISABLE_FLOAT,g.imageId=i.imageId||null,g.bgColor=i.bgColor||"",g.cdnURL=null,g.merchantId=null,g.objectFit=i.objectFit||s.CONTAIN,g.link=i.link||null,g.maxWidth=null!==(c=i.maxWidth)&&void 0!==c?c:100,g.verticalPadding=null!==(m=i.verticalPadding)&&void 0!==m?m:0,g.horizontalPadding=null!==(r=i.horizontalPadding)&&void 0!==r?r:0,g.borderRadius=null!==(l=i.borderRadius)&&void 0!==l?l:0,t(g,{imagePosition:e,imageId:e,bgColor:e,cdnURL:e,merchantId:e,objectFit:e,link:e,maxWidth:e,borderRadius:e,src:n}),g}return i(m,o),Object.defineProperty(m.prototype,"src",{get:function(){if(this.imageId)return this.imageId.includes(c)?"".concat(this.cdnURL).concat(this.imageId):this.imageId.includes("/")?"".concat(this.cdnURL,"images/").concat(this.merchantId).concat(this.imageId,"/image_").concat(r,".jpeg"):"".concat(this.cdnURL,"images/").concat(this.merchantId,"/").concat(this.imageId,"/image_").concat(r,".jpeg")},enumerable:!1,configurable:!0}),m}(o);export{r as IMAGE_SIZE,l as ImageElement,s as ImageFitEnum,d as ImagePositionEnum};

package/build/ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/image-column/index.js

@@ -1 +1 @@
-import{__extends as i}from"../../../../../../ext/tslib/tslib.es6.mjs.js";import{makeObservable as o,observable as e,computed as n}from"mobx";import{PopupElementTypeEnum as t,BaseElement as a}from"../base/index.js";import{IMAGE_SIZE as m,ImageFitEnum as s}from"../image/index.js";import{POPUP_DEFAULT_IMAGE_PATH as r}from"../../../index.js";var l,d,c;(c=l||(l={})).LEFT_ALIGN="LEFT_ALIGN",c.RIGTH_ALIGN="RIGTH_ALIGN",function(i){i.TOP="TOP",i.BOTTOM="BOTTOM",i.HIDE="HIDE"}(d||(d={}));var I=function(a){function c(i){var m,r,c,I=this;return(I=a.call(this,i)||this).type=t.IMAGE_COLUMN,I.imagePosition=i.imagePosition||l.RIGTH_ALIGN,I.mobilePosition=i.mobilePosition||d.HIDE,I.imageId=i.imageId||null,I.bgColor=i.bgColor||"",I.cdnURL=null,I.merchantId=null,I.objectFit=i.objectFit||s.COVER,I.link=i.link||null,I.verticalPadding=null!==(m=i.verticalPadding)&&void 0!==m?m:0,I.horizontalPadding=null!==(r=i.horizontalPadding)&&void 0!==r?r:0,I.borderRadius=null!==(c=i.borderRadius)&&void 0!==c?c:0,o(I,{imagePosition:e,mobilePosition:e,imageId:e,bgColor:e,cdnURL:e,merchantId:e,objectFit:e,link:e,borderRadius:e,src:n}),I}return i(c,a),Object.defineProperty(c.prototype,"src",{get:function(){if(this.imageId)return this.imageId.includes(r)?"".concat(this.cdnURL).concat(this.imageId):this.imageId.includes("/")?"".concat(this.cdnURL,"images/").concat(this.merchantId,"/").concat(this.imageId,"/image_").concat(m,".jpeg"):void 0},enumerable:!1,configurable:!0}),c}(a);export{I as ImageColumnElement,l as ImageColumnPositionEnum,d as MobileImageColumnPositionEnum};
+import{__extends as i}from"../../../../../../ext/tslib/tslib.es6.mjs.js";import{makeObservable as n,observable as o,computed as t}from"mobx";import{PopupElementTypeEnum as e,BaseElement as a}from"../base/index.js";import{IMAGE_SIZE as m,ImageFitEnum as s}from"../image/index.js";import{POPUP_DEFAULT_IMAGE_PATH as c}from"../../../index.js";var r,d,l;(l=r||(r={})).LEFT_ALIGN="LEFT_ALIGN",l.RIGTH_ALIGN="RIGTH_ALIGN",function(i){i.TOP="TOP",i.BOTTOM="BOTTOM",i.HIDE="HIDE"}(d||(d={}));var g=function(a){function l(i){var m,c,l,g=this;return(g=a.call(this,i)||this).type=e.IMAGE_COLUMN,g.imagePosition=i.imagePosition||r.RIGTH_ALIGN,g.mobilePosition=i.mobilePosition||d.HIDE,g.imageId=i.imageId||null,g.bgColor=i.bgColor||"",g.cdnURL=null,g.merchantId=null,g.objectFit=i.objectFit||s.COVER,g.link=i.link||null,g.verticalPadding=null!==(m=i.verticalPadding)&&void 0!==m?m:0,g.horizontalPadding=null!==(c=i.horizontalPadding)&&void 0!==c?c:0,g.borderRadius=null!==(l=i.borderRadius)&&void 0!==l?l:0,n(g,{imagePosition:o,mobilePosition:o,imageId:o,bgColor:o,cdnURL:o,merchantId:o,objectFit:o,link:o,borderRadius:o,src:t}),g}return i(l,a),Object.defineProperty(l.prototype,"src",{get:function(){if(this.imageId)return this.imageId.includes(c)?"".concat(this.cdnURL).concat(this.imageId):this.imageId.includes("/")?"".concat(this.cdnURL,"images/").concat(this.merchantId).concat(this.imageId,"/image_").concat(m,".jpeg"):"".concat(this.cdnURL,"images/").concat(this.merchantId,"/").concat(this.imageId,"/image_").concat(m,".jpeg")},enumerable:!1,configurable:!0}),l}(a);export{g as ImageColumnElement,r as ImageColumnPositionEnum,d as MobileImageColumnPositionEnum};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/storefront",
-  "version": "6.1.0-beta.196",
+  "version": "6.1.0-beta.197",
   "description": "Storefront functionality for ikas storefront themes.",
   "author": "ikas",
   "license": "ISC",
@@ -17,16 +17,16 @@
     "build": "rm -rf build && rollup -c"
   },
   "dependencies": {
-    "@ikas/popup-renderer": "1.0.211",
-    "@ikas/popup-script-injector": "1.0.0-alpha.14",
+    "@ikas/popup-renderer": "1.0.225",
+    "@ikas/popup-script-injector": "1.0.0-alpha.16",
     "swiper": "11.0.6"
   },
   "devDependencies": {
-    "@ikas/storefront-api": "^6.1.0-beta.196",
-    "@ikas/storefront-config": "^6.1.0-beta.196",
-    "@ikas/storefront-model-functions": "^6.1.0-beta.196",
-    "@ikas/storefront-models": "^6.1.0-beta.196",
-    "@ikas/storefront-providers": "^6.1.0-beta.196",
+    "@ikas/storefront-api": "^6.1.0-beta.197",
+    "@ikas/storefront-config": "^6.1.0-beta.197",
+    "@ikas/storefront-model-functions": "^6.1.0-beta.197",
+    "@ikas/storefront-models": "^6.1.0-beta.197",
+    "@ikas/storefront-providers": "^6.1.0-beta.197",
     "@ikas/localized-address": "1.0.0-beta.6",
     "@adyen/adyen-web": "^5.57.0",
     "@rollup/plugin-commonjs": "^22.0.0",
@@ -61,11 +61,11 @@
   },
   "peerDependencies": {
     "@ikas/localized-address": "1.0.0-beta.6",
-    "@ikas/storefront-api": "^6.1.0-beta.196",
-    "@ikas/storefront-config": "^6.1.0-beta.196",
-    "@ikas/storefront-model-functions": "^6.1.0-beta.196",
-    "@ikas/storefront-models": "^6.1.0-beta.196",
-    "@ikas/storefront-providers": "^6.1.0-beta.196",
+    "@ikas/storefront-api": "^6.1.0-beta.197",
+    "@ikas/storefront-config": "^6.1.0-beta.197",
+    "@ikas/storefront-model-functions": "^6.1.0-beta.197",
+    "@ikas/storefront-models": "^6.1.0-beta.197",
+    "@ikas/storefront-providers": "^6.1.0-beta.197",
     "mobx": "^6.1.3",
     "mobx-react-lite": "^3.1.5",
     "next": "12.2.0",