@ikas/popup-renderer 1.0.79 → 1.0.81

package/build/index.js

@@ -1 +1 @@
-export{default as PopupRenderer}from"./popup-renderer/components/index.js";import*as e from"./popup-renderer/helpers/index.js";export{e as PopupHelpers};export{MOBILE_SCREEN_SIZE,Popup,PreviewType}from"./popup-renderer/models/index.js";export{DeviceTypeEnum,PopupSettings}from"./popup-renderer/models/settings/index.js";export{VisibilityTime}from"./popup-renderer/models/settings/visibility-time/index.js";export{VisibilityCondition,VisibilityConditionTypeEnum}from"./popup-renderer/models/settings/visibility-condition/index.js";export{Modal,PopupPositonEnum,PopupTypeEnum}from"./popup-renderer/models/modal/index.js";export{WindowSettings}from"./popup-renderer/models/modal/window-settings/index.js";export{Teaser,VisibilityConditionEnum}from"./popup-renderer/models/modal/teaser/index.js";export{PopupStep}from"./popup-renderer/models/modal/step/index.js";export{BaseElement,ComponentHorizontalAlignmentEnum,ComponentVerticalAlignmentEnum,IkasPopupRendererFontFamily,PopupElementTypeEnum}from"./popup-renderer/models/modal/step/elements/base/index.js";export{ButtonElement}from"./popup-renderer/models/modal/step/elements/button/index.js";export{DividerElement}from"./popup-renderer/models/modal/step/elements/divider/index.js";export{FormColumn,FormElement,FormItemTypeEnum,FormRow,InputLabel,InputPlaceholder,RequiredInput}from"./popup-renderer/models/modal/step/elements/form/index.js";export{CheckboxFormItem,ContactPermission,ContactPermissionTypeEnum}from"./popup-renderer/models/modal/step/elements/form/checkbox/index.js";export{CustomerAttributeFormItem,CustomerAttributeTypeEnum}from"./popup-renderer/models/modal/step/elements/form/customer-attribute/index.js";export{CustomerBirthdayFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-birthday/index.js";export{CustomerEmailFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-email/index.js";export{CustomerGenderFormItem,CustomerGenderTypeEnum,GenderType}from"./popup-renderer/models/modal/step/elements/form/customer-gender/index.js";export{CustomerNameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-name/index.js";export{CustomerPhoneFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-phone/index.js";export{CustomerSurnameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-surname/index.js";export{FormInputSettings,FormSettings}from"./popup-renderer/models/modal/step/elements/form/form-settings/index.js";export{IMAGE_SIZE,ImageElement,ImageFitEnum,ImagePositionEnum}from"./popup-renderer/models/modal/step/elements/image/index.js";export{ImageColumnElement,ImageColumnPositionEnum}from"./popup-renderer/models/modal/step/elements/image-column/index.js";export{MAX_PRODUCT_COUNT,PopupProduct,PopupVariantPair,ProductListElement,ProductListLayoutEnum,ProductListSortTypeEnum,ProductListTypeEnum}from"./popup-renderer/models/modal/step/elements/product/index.js";export{ProductActionTypeEnum,ProductButtonSettings,ProductDetailSettings,ProductDiscountRatioSettings,ProductImageSettings}from"./popup-renderer/models/modal/step/elements/product/detail-settings/index.js";export{SocialMediaElement,SocialMediaLink,SocialMediaTypeEnum}from"./popup-renderer/models/modal/step/elements/social/index.js";export{SpaceElement}from"./popup-renderer/models/modal/step/elements/space/index.js";export{TextElement}from"./popup-renderer/models/modal/step/elements/text/index.js";export{BackgroundSettings,Border,ButtonBorderStyle,Overlay,Shadow}from"./popup-renderer/models/modal/background-settings/index.js";export{CloseButtonDisplayTypeEnum,CloseButtonPositionTypeEnum,CloseIconSettings,CloseIconTypeEnum,CloseSettings}from"./popup-renderer/models/modal/close-settings/index.js";
+export{default as PopupRenderer}from"./popup-renderer/components/index.js";import*as e from"./popup-renderer/helpers/index.js";export{e as PopupHelpers};export{MOBILE_SCREEN_SIZE,Popup,PreviewType}from"./popup-renderer/models/index.js";export{DeviceTypeEnum,PopupSettings}from"./popup-renderer/models/settings/index.js";export{VisibilityTime}from"./popup-renderer/models/settings/visibility-time/index.js";export{VisibilityCondition,VisibilityConditionTypeEnum}from"./popup-renderer/models/settings/visibility-condition/index.js";export{Modal,PopupPositonEnum,PopupTypeEnum}from"./popup-renderer/models/modal/index.js";export{WindowSettings}from"./popup-renderer/models/modal/window-settings/index.js";export{Teaser,VisibilityConditionEnum}from"./popup-renderer/models/modal/teaser/index.js";export{PopupStep}from"./popup-renderer/models/modal/step/index.js";export{BaseElement,ComponentHorizontalAlignmentEnum,ComponentVerticalAlignmentEnum,IkasPopupRendererFontFamily,PopupElementTypeEnum}from"./popup-renderer/models/modal/step/elements/base/index.js";export{ButtonElement}from"./popup-renderer/models/modal/step/elements/button/index.js";export{DividerElement}from"./popup-renderer/models/modal/step/elements/divider/index.js";export{FormColumn,FormElement,FormItemTypeEnum,FormRow,InputLabel,InputPlaceholder,RequiredInput}from"./popup-renderer/models/modal/step/elements/form/index.js";export{CheckboxFormItem,ContactPermission,ContactPermissionTypeEnum}from"./popup-renderer/models/modal/step/elements/form/checkbox/index.js";export{CustomerAttributeFormItem,CustomerAttributeTypeEnum}from"./popup-renderer/models/modal/step/elements/form/customer-attribute/index.js";export{CustomerBirthdayFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-birthday/index.js";export{CustomerEmailFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-email/index.js";export{CustomerGenderFormItem,CustomerGenderTypeEnum,GenderType}from"./popup-renderer/models/modal/step/elements/form/customer-gender/index.js";export{CustomerNameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-name/index.js";export{CustomerPhoneFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-phone/index.js";export{CustomerSurnameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-surname/index.js";export{FormInputSettings,FormSettings}from"./popup-renderer/models/modal/step/elements/form/form-settings/index.js";export{IMAGE_SIZE,ImageElement,ImageFitEnum,ImagePositionEnum}from"./popup-renderer/models/modal/step/elements/image/index.js";export{ImageColumnElement,ImageColumnPositionEnum,MobileImageColumnPositionEnum}from"./popup-renderer/models/modal/step/elements/image-column/index.js";export{MAX_PRODUCT_COUNT,PopupProduct,PopupVariantPair,ProductListElement,ProductListLayoutEnum,ProductListSortTypeEnum,ProductListTypeEnum}from"./popup-renderer/models/modal/step/elements/product/index.js";export{ProductActionTypeEnum,ProductButtonSettings,ProductDetailSettings,ProductDiscountRatioSettings,ProductImageSettings}from"./popup-renderer/models/modal/step/elements/product/detail-settings/index.js";export{SocialMediaElement,SocialMediaLink,SocialMediaTypeEnum}from"./popup-renderer/models/modal/step/elements/social/index.js";export{SpaceElement}from"./popup-renderer/models/modal/step/elements/space/index.js";export{TextElement}from"./popup-renderer/models/modal/step/elements/text/index.js";export{BackgroundSettings,Border,ButtonBorderStyle,Overlay,Shadow}from"./popup-renderer/models/modal/background-settings/index.js";export{CloseButtonDisplayTypeEnum,CloseButtonPositionTypeEnum,CloseIconSettings,CloseIconTypeEnum,CloseSettings}from"./popup-renderer/models/modal/close-settings/index.js";

package/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'./../../../ext/mobx-react-lite/es/index.js';import{getHorizontalAlignment as o,injectFontScript as r}from"../../helpers/index.js";import{observer as n}from'./../../../ext/mobx-react-lite/es/observer.js';var i=n((function(n){var i=n.element,d={display:"flex",alignItems:"center",justifyContent:o(i.horizontalAlignment),padding:"".concat(i.outerVerticalPadding,"px ").concat(i.outerHorizontalPadding,"px"),backgroundColor:i.bgColor},a={color:i.color,backgroundColor:i.buttonBgColor,fontSize:i.fontSize,fontWeight:i.fontWeight,fontFamily:r(i.fontFamily),textAlign:"center",border:"".concat(i.borderWidth,"px ").concat(i.borderStyle," ").concat(i.borderColor),borderRadius:i.borderRadius,padding:"".concat(i.verticalPadding,"px ").concat(i.horizontalPadding,"px")},l={width:"".concat(i.width,"%"),minWidth:"fit-content",cursor:"pointer"};return e.createElement("div",{style:d},e.createElement("a",{href:i.link||void 0,style:l},e.createElement("div",{dangerouslySetInnerHTML:{__html:i.text},style:t({},a)})))}));export{i as default};
+import{__assign as t}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from"react";import{observer as e}from"mobx-react";import{getHorizontalAlignment as r,injectFontScript as n}from"../../helpers/index.js";var i=e((function(e){var i=e.element,a={display:"flex",alignItems:"center",justifyContent:r(i.horizontalAlignment),padding:"".concat(i.outerVerticalPadding,"px ").concat(i.outerHorizontalPadding,"px"),backgroundColor:i.bgColor},d={color:i.color,backgroundColor:i.buttonBgColor,fontSize:i.fontSize,fontWeight:i.fontWeight,fontFamily:n(i.fontFamily),textAlign:"center",border:"".concat(i.borderWidth,"px ").concat(i.borderStyle," ").concat(i.borderColor),borderRadius:i.borderRadius,padding:"".concat(i.verticalPadding,"px ").concat(i.horizontalPadding,"px")},l={width:"".concat(i.width,"%"),minWidth:"fit-content",cursor:"pointer"};return o.createElement("div",{style:a},o.createElement("a",{href:i.link||void 0,style:l},o.createElement("div",{dangerouslySetInnerHTML:{__html:i.text},style:t({},d)})))}));export{i as default};

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

@@ -1 +1 @@
-import e from"react";import'./../../../ext/mobx-react-lite/es/index.js';import{getHorizontalAlignment as o}from"../../helpers/index.js";import{observer as t}from'./../../../ext/mobx-react-lite/es/observer.js';var r=t((function(t){var r=t.element,d={display:"flex",alignItems:"center",justifyContent:o(r.horizontalAlignment),padding:"".concat(r.verticalPadding,"px ").concat(r.horizontalPadding,"px"),backgroundColor:r.bgColor,width:"100%"},i={backgroundColor:r.borderColor,width:"".concat(r.width,"%"),height:"".concat(r.borderWidth,"px"),borderRadius:"".concat(r.borderRadius,"px")};return e.createElement("div",{style:d},e.createElement("div",{style:i}))}));export{r as default};
+import t from"react";import{observer as r}from"mobx-react";import{getHorizontalAlignment as e}from"../../helpers/index.js";var o=r((function(r){var o=r.element,a={display:"flex",alignItems:"center",justifyContent:e(o.horizontalAlignment),padding:"".concat(o.verticalPadding,"px ").concat(o.horizontalPadding,"px"),backgroundColor:o.bgColor,width:"100%"},n={backgroundColor:o.borderColor,width:"".concat(o.width,"%"),height:"".concat(o.borderWidth,"px"),borderRadius:"".concat(o.borderRadius,"px")};return t.createElement("div",{style:a},t.createElement("div",{style:n}))}));export{o as default};

package/build/popup-renderer/components/form-element-renderer/checkbox-item-view/index.js

@@ -1 +1 @@
-import e from"react";import'./../../../../ext/mobx-react-lite/es/index.js';import{observer as t}from'./../../../../ext/mobx-react-lite/es/observer.js';var r=t((function(t){var r=t.checkboxItem;e.useEffect((function(){r.showInCheckedStatus?r.isChecked=!0:r.isChecked=!1}),[r.showInCheckedStatus]);var i=r.requiredToBeChecked;return e.createElement("div",{style:{width:"100%",display:"flex",gap:6,flexDirection:"column"}},e.createElement("div",{style:{width:"100%",display:"flex",gap:8,flexDirection:"row",alignItems:"center"}},e.createElement("input",{style:{width:"16px",height:"16px",cursor:"pointer"},type:"checkbox",checked:r.isChecked,onChange:function(){r.isChecked=!r.isChecked,i&&i.hasError&&r.isChecked&&(i.hasError=!1)}}),e.createElement("div",{style:{display:"flex",alignItems:"center",gap:4}},e.createElement("div",{dangerouslySetInnerHTML:{__html:r.text}}),!!i&&e.createElement("span",null,"*"))),!!i&&i.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},i.validationErrorMessage))}));export{r as CheckboxItemView};
+import e from"react";import{observer as t}from"mobx-react";var r=t((function(t){var r=t.checkboxItem;e.useEffect((function(){r.showInCheckedStatus?r.isChecked=!0:r.isChecked=!1}),[r.showInCheckedStatus]);var c=r.requiredToBeChecked;return e.createElement("div",{style:{width:"100%",display:"flex",gap:6,flexDirection:"column"}},e.createElement("div",{style:{width:"100%",display:"flex",gap:8,flexDirection:"row",alignItems:"center"}},e.createElement("input",{style:{width:"16px",height:"16px",cursor:"pointer"},type:"checkbox",checked:r.isChecked,onChange:function(){r.isChecked=!r.isChecked,c&&c.hasError&&r.isChecked&&(c.hasError=!1)}}),e.createElement("div",{style:{display:"flex",alignItems:"center",gap:4}},e.createElement("div",{dangerouslySetInnerHTML:{__html:r.text}}),!!c&&e.createElement("span",null,"*"))),!!c&&c.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},c.validationErrorMessage))}));export{r as CheckboxItemView};

package/build/popup-renderer/components/form-element-renderer/date-item-view/index.js

@@ -1 +1 @@
-import e from"react";import'./../../../../ext/mobx-react-lite/es/index.js';import r from"react-date-picker";import{observer as t}from'./../../../../ext/mobx-react-lite/es/observer.js';var o=t((function(t){var o=e.useState(!1),a=o[0],l=o[1],n=e.useRef(null);t.placeholder;var c=t.isRequired,i=t.inputLabel;t.updateCurrentInfo;var s=t.formInputSettings,d=t.value,u=t.onValueChange;e.useEffect((function(){if(n.current){var e=n.current.getElementsByClassName("react-date-picker__wrapper");if(e.length>0){var r=e[0];r.style.backgroundColor=s.bgColor,r.style.border="".concat(s.borderWidth,"px solid ").concat(a?s.focusBorderColor:s.borderColor),r.style.borderRadius="".concat(s.borderRadius,"px"),r.style.fontSize="14px",r.style.padding="10px 12px",r.style.height="".concat(s.height,"px")}}}),[n.current]);return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"},ref:n},(i||c)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},i&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},i.text),c&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},"*")),c&&c.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},c.validationErrorMessage)),e.createElement(r,{onChange:function(e){return function(e){var r=e?e.valueOf().toString():"";u(r),c&&c.hasError&&r.length>0&&(c.hasError=!1)}(e)},value:d?new Date(Number(d)):null,className:"ikas-popup-datepicker",disableCalendar:!0,format:"dd / MM / yyyy",maxDate:new Date,clearIcon:null,onFocus:function(){return l(!0)},onBlur:function(){return function(){if(l(!1),n.current){var e=n.current.getElementsByClassName("react-date-picker__wrapper");e.length>0&&(e[0].style.border="".concat(s.borderWidth,"px solid ").concat(s.borderColor))}}()}}))}));export{o as default};
+import e from"react";import{observer as r}from"mobx-react";import t from"react-date-picker";var a=r((function(r){var a=e.useState(!1),o=a[0],l=a[1],n=e.useRef(null);r.placeholder;var c=r.isRequired,i=r.inputLabel;r.updateCurrentInfo;var s=r.formInputSettings,u=r.value,d=r.onValueChange;e.useEffect((function(){if(n.current){var e=n.current.getElementsByClassName("react-date-picker__wrapper");if(e.length>0){var r=e[0];r.style.backgroundColor=s.bgColor,r.style.border="".concat(s.borderWidth,"px solid ").concat(o?s.focusBorderColor:s.borderColor),r.style.borderRadius="".concat(s.borderRadius,"px"),r.style.fontSize="14px",r.style.padding="10px 12px",r.style.height="".concat(s.height,"px")}}}),[n.current]);return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"},ref:n},(i||c)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},i&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},i.text),c&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},"*")),c&&c.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},c.validationErrorMessage)),e.createElement(t,{onChange:function(e){return function(e){var r=e?e.valueOf().toString():"";d(r),c&&c.hasError&&r.length>0&&(c.hasError=!1)}(e)},value:u?new Date(Number(u)):null,className:"ikas-popup-datepicker",disableCalendar:!0,format:"dd / MM / yyyy",maxDate:new Date,clearIcon:null,onFocus:function(){return l(!0)},onBlur:function(){return function(){if(l(!1),n.current){var e=n.current.getElementsByClassName("react-date-picker__wrapper");e.length>0&&(e[0].style.border="".concat(s.borderWidth,"px solid ").concat(s.borderColor))}}()}}))}));export{a as default};

package/build/popup-renderer/components/form-element-renderer/gender-item-view/index.js

@@ -1 +1 @@
-import e from"react";import'./../../../../ext/mobx-react-lite/es/index.js';import{observer as r}from'./../../../../ext/mobx-react-lite/es/observer.js';var t=r((function(r){var t,o=e.useState(!1),n=o[0],i=o[1],l=r.genderFormItem,a=r.formInputSettings;r.onValueChange;var d={width:"100%",backgroundColor:a.bgColor,border:"".concat(a.borderWidth,"px solid ").concat(n?a.focusBorderColor:a.borderColor),color:l.genders.find((function(e){return e.isSelected}))?"black":"#697586",borderRadius:"".concat(a.borderRadius,"px"),fontSize:"14px",padding:"10px 12px",height:"".concat(a.height,"px"),appearance:"none",backgroundImage:"url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' %3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\")",backgroundRepeat:"no-repeat",backgroundPosition:"right 12px center",backgroundSize:"20px",cursor:"pointer"};return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"}},(l.inputLabel||l.required)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},l.inputLabel&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},l.inputLabel.text),l.required&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},"*")),l.required&&l.required.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},l.required.validationErrorMessage)),e.createElement("select",{value:(null===(t=l.genders.find((function(e){return e.isSelected})))||void 0===t?void 0:t.type)||void 0,onChange:function(e){return r=e.target.value,l.genders.forEach((function(e){e.isSelected=e.type===r})),void(l.required&&l.required.hasError&&(l.required.hasError=!1));var r},style:d,onFocus:function(){return i(!0)},onBlur:function(){return i(!1)},"aria-placeholder":l.placeholder},e.createElement("option",{value:"",disabled:!0,selected:!0,hidden:!0},l.placeholder),l.genders.filter((function(e){return!!e.label})).map((function(r){return e.createElement("option",{key:r.type,value:r.type},r.label)}))))}));export{t as default};
+import e from"react";import{observer as r}from"mobx-react";var t=r((function(r){var t,o=e.useState(!1),n=o[0],i=o[1],l=r.genderFormItem,a=r.formInputSettings;r.onValueChange;var d={width:"100%",backgroundColor:a.bgColor,border:"".concat(a.borderWidth,"px solid ").concat(n?a.focusBorderColor:a.borderColor),color:l.genders.find((function(e){return e.isSelected}))?"black":"#697586",borderRadius:"".concat(a.borderRadius,"px"),fontSize:"14px",padding:"10px 12px",height:"".concat(a.height,"px"),appearance:"none",backgroundImage:"url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' %3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\")",backgroundRepeat:"no-repeat",backgroundPosition:"right 12px center",backgroundSize:"20px",cursor:"pointer"};return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"}},(l.inputLabel||l.required)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},l.inputLabel&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},l.inputLabel.text),l.required&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},"*")),l.required&&l.required.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},l.required.validationErrorMessage)),e.createElement("select",{value:(null===(t=l.genders.find((function(e){return e.isSelected})))||void 0===t?void 0:t.type)||void 0,onChange:function(e){return r=e.target.value,l.genders.forEach((function(e){e.isSelected=e.type===r})),void(l.required&&l.required.hasError&&(l.required.hasError=!1));var r},style:d,onFocus:function(){return i(!0)},onBlur:function(){return i(!1)}},!!l.placeholder&&e.createElement("option",{value:"",disabled:!0,selected:!0,hidden:!0},l.placeholder.text),l.genders.filter((function(e){return!!e.label})).map((function(r){return e.createElement("option",{key:r.type,value:r.type},r.label)}))))}));export{t as default};

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

@@ -1 +1 @@
-import{__awaiter as e,__generator as t}from'./../../../ext/tslib/tslib.es6.mjs.js';import r from"react";import'./../../../ext/mobx-react-lite/es/index.js';import{getHorizontalAlignment as n,injectFontScript as o}from"../../helpers/index.js";import{FormItemTypeEnum as i}from"../../models/modal/step/elements/form/index.js";import a from"../button-element-renderer/index.js";import s from"./input-item-view/index.js";import{CheckboxItemView as l}from"./checkbox-item-view/index.js";import u from"./date-item-view/index.js";import m from"./gender-item-view/index.js";import{observer as c}from'./../../../ext/mobx-react-lite/es/observer.js';var d=c((function(c){var d=c.element,f=c.popup,p=c.isPreviewMode,E=c.sfProps,v=r.useState(!1);v[0];var C=v[1],I=d,h=I.rows.slice().sort((function(e,t){return e.order-t.order})),M=I.formSettings,S=I.buttonSettings,g=I.bgColor,R={display:"flex",flexDirection:"column",alignItems:"center",justifyContent:n(I.horizontalAlignment),gap:"".concat(M.gapBetweenItems,"px"),padding:"".concat(I.verticalPadding,"px ").concat(I.horizontalPadding,"px"),backgroundColor:g,width:"100%"},O={display:"flex",flexDirection:"row",width:"100%",gap:"".concat(M.gapBetweenItems,"px")},_={flex:1,display:"flex",alignItems:"flex-end",fontFamily:o(M.fontFamily),fontSize:M.fontSize},T=function(){return e(void 0,void 0,void 0,(function(){var e,r,n;return t(this,(function(t){switch(t.label){case 0:return e=f.modal.steps.findIndex((function(e){return e.id===f.modal.selectedStep.id})),r=e===f.modal.steps.length-2,!p&&E&&r?(C(!0),function(){var e=!1;return I.rows.forEach((function(t){t.columns.forEach((function(t){switch(t.type){case i.CUSTOMER_BIRTHDAY:var r=t.formItem;r.required&&!r.value&&(r.required.hasError=!0,e=!0);break;case i.CUSTOMER_EMAIL:case i.CUSTOMER_PHONE:case i.CUSTOMER_NAME:case i.CUSTOMER_SURNAME:case i.CHECKBOX_FORM_ITEM:var n=t.formItem;if(n.required&&!n.value){if(n.type===i.CUSTOMER_EMAIL&&(null==E?void 0:E.isCustomerLoggedIn))return;n.required.hasError=!0,e=!0}break;case i.CUSTOMER_GENDER:var o=t.formItem,a=o.genders.find((function(e){return e.isSelected}));o.required&&!a&&(o.required.hasError=!0,e=!0);case i.CHECKBOX_FORM_ITEM:var s=t.formItem;s.requiredToBeChecked&&!s.isChecked&&(s.requiredToBeChecked.hasError=!0,e=!0)}}))})),e}()?(C(!1),[2]):(n={},I.rows.forEach((function(e){e.columns.forEach((function(e){var t;switch(e.type){case i.CUSTOMER_BIRTHDAY:n.birthday=e.formItem.value;break;case i.CUSTOMER_EMAIL:n.email=e.formItem.value;break;case i.CUSTOMER_GENDER:n.gender=(null===(t=e.formItem.genders.find((function(e){return e.isSelected})))||void 0===t?void 0:t.type)||"";break;case i.CUSTOMER_PHONE:n.phone=e.formItem.value;break;case i.CUSTOMER_NAME:n.firstName=e.formItem.value||"";break;case i.CUSTOMER_SURNAME:n.lastName=e.formItem.value||"";break;case i.CHECKBOX_FORM_ITEM:n.hasPermission=e.formItem.isChecked}}))})),[4,E.onCustomerSave(n)])):[3,2];case 1:t.sent(),C(!1),t.label=2;case 2:return-1!==e&&e<f.modal.steps.length&&(f.modal.selectedStep=f.modal.steps[e+1]),[2]}}))}))},b={width:"".concat(S.width,"%"),minWidth:"fit-content"};return r.createElement("div",{style:R},h.map((function(e,t){return r.createElement("div",{style:O,key:t},e.columns.slice().sort((function(e,t){return e.order-t.order})).map((function(e,t){return r.createElement("div",{style:_,key:t},function(e){switch(e.type){case i.CUSTOMER_EMAIL:case i.CUSTOMER_PHONE:case i.CUSTOMER_NAME:case i.CUSTOMER_SURNAME:var t=e.formItem;return t.type===i.CUSTOMER_EMAIL&&(null==E?void 0:E.isCustomerLoggedIn)&&!p?null:r.createElement(s,{formInputSettings:M.formInputSettings,inputLabel:t.inputLabel,isRequired:t.required,onValueChange:function(e){return p?null:t.value=e},placeholder:t.placeholder,updateCurrentInfo:t.updateCurrentInfo,value:t.value||""});case i.CUSTOMER_BIRTHDAY:var n=e.formItem;return r.createElement(u,{formInputSettings:M.formInputSettings,inputLabel:n.inputLabel,isRequired:n.required,onValueChange:function(e){return p?null:n.value=e},placeholder:n.placeholder,updateCurrentInfo:n.updateCurrentInfo,value:n.value||""});case i.CUSTOMER_GENDER:var o=e.formItem;return r.createElement(m,{genderFormItem:o,formInputSettings:M.formInputSettings,onValueChange:function(e){return p?null:o.genders.forEach((function(t){t.isSelected=t.label===e}))}});case i.CHECKBOX_FORM_ITEM:return r.createElement(l,{checkboxItem:e.formItem})}}(e))})))})),r.createElement("div",{style:b,onClick:function(e){T(),e.preventDefault(),e.stopPropagation()}},r.createElement(a,{element:S})," "))}));export{d as default};
+import{__awaiter as e,__generator as t}from'./../../../ext/tslib/tslib.es6.mjs.js';import r from"react";import{observer as n}from"mobx-react";import{getHorizontalAlignment as o,injectFontScript as a}from"../../helpers/index.js";import{FormItemTypeEnum as i}from"../../models/modal/step/elements/form/index.js";import s from"../button-element-renderer/index.js";import l from"./input-item-view/index.js";import{CheckboxItemView as u}from"./checkbox-item-view/index.js";import m from"./date-item-view/index.js";import c from"./gender-item-view/index.js";var d=n((function(n){var d=n.element,f=n.popup,p=n.isPreviewMode,E=n.sfProps,C=r.useState(!1);C[0];var I=C[1],v=d,h=v.rows.slice().sort((function(e,t){return e.order-t.order})),M=v.formSettings,S=v.buttonSettings,g=v.bgColor,R={display:"flex",flexDirection:"column",alignItems:"center",justifyContent:o(v.horizontalAlignment),gap:"".concat(M.gapBetweenItems,"px"),padding:"".concat(v.verticalPadding,"px ").concat(v.horizontalPadding,"px"),backgroundColor:g,width:"100%"},O={display:"flex",flexDirection:"row",width:"100%",gap:"".concat(M.gapBetweenItems,"px")},T={flex:1,display:"flex",alignItems:"flex-end",fontFamily:a(M.fontFamily),fontSize:M.fontSize},_=function(){return e(void 0,void 0,void 0,(function(){var e,r,n;return t(this,(function(t){switch(t.label){case 0:return e=f.modal.steps.findIndex((function(e){return e.id===f.modal.selectedStep.id})),r=e===f.modal.steps.length-2,!p&&E&&r?(I(!0),function(){var e=!1;return v.rows.forEach((function(t){t.columns.forEach((function(t){switch(t.type){case i.CUSTOMER_BIRTHDAY:var r=t.formItem;r.required&&!r.value&&(r.required.hasError=!0,e=!0);break;case i.CUSTOMER_EMAIL:case i.CUSTOMER_PHONE:case i.CUSTOMER_NAME:case i.CUSTOMER_SURNAME:case i.CHECKBOX_FORM_ITEM:var n=t.formItem;if(n.required&&!n.value){if(n.type===i.CUSTOMER_EMAIL&&(null==E?void 0:E.isCustomerLoggedIn))return;n.required.hasError=!0,e=!0}break;case i.CUSTOMER_GENDER:var o=t.formItem,a=o.genders.find((function(e){return e.isSelected}));o.required&&!a&&(o.required.hasError=!0,e=!0);case i.CHECKBOX_FORM_ITEM:var s=t.formItem;s.requiredToBeChecked&&!s.isChecked&&(s.requiredToBeChecked.hasError=!0,e=!0)}}))})),e}()?(I(!1),[2]):(n={},v.rows.forEach((function(e){e.columns.forEach((function(e){var t;switch(e.type){case i.CUSTOMER_BIRTHDAY:n.birthday=e.formItem.value;break;case i.CUSTOMER_EMAIL:n.email=e.formItem.value;break;case i.CUSTOMER_GENDER:n.gender=(null===(t=e.formItem.genders.find((function(e){return e.isSelected})))||void 0===t?void 0:t.type)||"";break;case i.CUSTOMER_PHONE:n.phone=e.formItem.value;break;case i.CUSTOMER_NAME:n.firstName=e.formItem.value||"";break;case i.CUSTOMER_SURNAME:n.lastName=e.formItem.value||"";break;case i.CHECKBOX_FORM_ITEM:n.hasPermission=e.formItem.isChecked}}))})),[4,E.onCustomerSave(n)])):[3,2];case 1:t.sent(),I(!1),t.label=2;case 2:return-1!==e&&e<f.modal.steps.length&&(f.modal.selectedStep=f.modal.steps[e+1]),[2]}}))}))},b={width:"".concat(S.width,"%"),minWidth:"fit-content"};return r.createElement("div",{style:R},h.map((function(e,t){return r.createElement("div",{style:O,key:t},e.columns.slice().sort((function(e,t){return e.order-t.order})).map((function(e,t){return r.createElement("div",{style:T,key:t},function(e){switch(e.type){case i.CUSTOMER_EMAIL:case i.CUSTOMER_PHONE:case i.CUSTOMER_NAME:case i.CUSTOMER_SURNAME:var t=e.formItem;return t.type===i.CUSTOMER_EMAIL&&(null==E?void 0:E.isCustomerLoggedIn)&&!p?null:r.createElement(l,{formInputSettings:M.formInputSettings,inputLabel:t.inputLabel,isRequired:t.required,onValueChange:function(e){return p?null:t.value=e},placeholder:t.placeholder,updateCurrentInfo:t.updateCurrentInfo,value:t.value||""});case i.CUSTOMER_BIRTHDAY:var n=e.formItem;return r.createElement(m,{formInputSettings:M.formInputSettings,inputLabel:n.inputLabel,isRequired:n.required,onValueChange:function(e){return p?null:n.value=e},placeholder:n.placeholder,updateCurrentInfo:n.updateCurrentInfo,value:n.value||""});case i.CUSTOMER_GENDER:var o=e.formItem;return r.createElement(c,{genderFormItem:o,formInputSettings:M.formInputSettings,onValueChange:function(e){return p?null:o.genders.forEach((function(t){t.isSelected=t.label===e}))}});case i.CHECKBOX_FORM_ITEM:return r.createElement(u,{checkboxItem:e.formItem})}}(e))})))})),r.createElement("div",{style:b,onClick:function(e){_(),e.preventDefault(),e.stopPropagation()}},r.createElement(s,{element:S})," "))}));export{d as default};

package/build/popup-renderer/components/form-element-renderer/input-item-view/index.js

@@ -1 +1 @@
-import e from"react";import'./../../../../ext/mobx-react-lite/es/index.js';import{observer as t}from'./../../../../ext/mobx-react-lite/es/observer.js';var r=t((function(t){var r=e.useState(!1),o=r[0],l=r[1],n=t.placeholder,a=t.isRequired,i=t.inputLabel;t.updateCurrentInfo;var c=t.formInputSettings,d=t.value,s=t.onValueChange,u={width:"100%",backgroundColor:c.bgColor,border:"".concat(c.borderWidth,"px solid ").concat(o?c.focusBorderColor:c.borderColor),borderRadius:"".concat(c.borderRadius,"px"),fontSize:"14px",padding:"10px 12px",height:"".concat(c.height,"px")};return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"}},(i||a)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},i&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},i.text),a&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},"*")),a&&a.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},a.validationErrorMessage)),e.createElement("input",{type:"text",placeholder:(null==n?void 0:n.text)||"",value:d||"",onChange:function(e){return function(e){s(e),a&&a.hasError&&e.length>0&&(a.hasError=!1)}(e.target.value)},style:u,onFocus:function(){return l(!0)},onBlur:function(){return l(!1)}}))}));export{r as default};
+import e from"react";import{observer as t}from"mobx-react";var r=t((function(t){var r=e.useState(!1),o=r[0],l=r[1],n=t.placeholder,a=t.isRequired,i=t.inputLabel;t.updateCurrentInfo;var c=t.formInputSettings,d=t.value,u=t.onValueChange,p={width:"100%",backgroundColor:c.bgColor,border:"".concat(c.borderWidth,"px solid ").concat(o?c.focusBorderColor:c.borderColor),borderRadius:"".concat(c.borderRadius,"px"),fontSize:"14px",padding:"10px 12px",height:"".concat(c.height,"px")};return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"}},(i||a)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},i&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},i.text),a&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},"*")),a&&a.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},a.validationErrorMessage)),e.createElement("input",{type:"text",placeholder:(null==n?void 0:n.text)||"",value:d||"",onChange:function(e){return function(e){u(e),a&&a.hasError&&e.length>0&&(a.hasError=!1)}(e.target.value)},style:p,onFocus:function(){return l(!0)},onBlur:function(){return l(!1)}}))}));export{r as default};

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

@@ -1 +1 @@
-import e from"react";import'./../../../ext/mobx-react-lite/es/index.js';import{ImageFitEnum as t}from"../../models/modal/step/elements/image/index.js";import{observer as r}from'./../../../ext/mobx-react-lite/es/observer.js';var i=r((function(r){var i=r.element,o=r.popup,d=r.editModeChildren,m=i;m.cdnURL||(m.cdnURL=o.cdnURL),m.merchantId||(m.merchantId=o.merchantId);var n=o.modal.windowSettings,a={width:n.takeFullWidth?"100%":n.maxWidth,height:"100%"};if(!m.src&&o.isPreviewMode&&d)return e.createElement("div",{style:a},d);var c={objectFit:m.objectFit===t.CONTAIN?"contain":"cover",height:"100%"};return e.createElement("a",{href:m.link||void 0,style:a},m.src&&e.createElement("img",{src:m.src||void 0,width:"100% !important",style:c}))}));export{i as default};
+import e from"react";import{observer as t}from"mobx-react";import{ImageFitEnum as r}from"../../models/modal/step/elements/image/index.js";var i=t((function(t){var i=t.element,d=t.popup,n=t.editModeChildren,o=i;o.cdnURL||(o.cdnURL=d.cdnURL),o.merchantId||(o.merchantId=d.merchantId);var a=d.modal.windowSettings,m={width:a.takeFullWidth?"100%":a.maxWidth,height:"100%"};if(!o.src&&d.isPreviewMode&&n)return e.createElement("div",{style:m},n);var c={objectFit:o.objectFit===r.CONTAIN?"contain":"cover",height:"100%"};return e.createElement("a",{href:o.link||void 0,style:m},o.src&&e.createElement("img",{src:o.src||void 0,width:"100% !important",style:c}))}));export{i as default};

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

@@ -1 +1 @@
-import{__assign as e}from'./../../../ext/tslib/tslib.es6.mjs.js';import t from"react";import'./../../../ext/mobx-react-lite/es/index.js';import{getHorizontalAlignment as o}from"../../helpers/index.js";import{ImageFitEnum as i,ImagePositionEnum as n}from"../../models/modal/step/elements/image/index.js";import{observer as r}from'./../../../ext/mobx-react-lite/es/observer.js';var d=r((function(r){var d=r.element,a=r.popup,c=r.editModeChildren,l=d;if(l.cdnURL||(l.cdnURL=a.cdnURL),l.merchantId||(l.merchantId=a.merchantId),!l.src&&a.isPreviewMode&&c)return c;var m={display:"flex",alignItems:"center",justifyContent:o(l.horizontalAlignment),padding:"".concat(l.verticalPadding,"px ").concat(l.horizontalPadding,"px"),backgroundColor:l.bgColor,maxWidth:"100%"},s={borderRadius:"".concat(l.borderRadius,"px"),objectFit:l.objectFit===i.CONTAIN?"contain":"cover",width:"".concat(l.maxWidth,"%")};return l.imagePosition===n.DISABLE_FLOAT?t.createElement("a",{href:l.link||void 0,style:m},t.createElement("img",{src:l.src||void 0,width:100===l.maxWidth?"100% !important":void 0,style:s})):t.createElement("img",{src:l.src||void 0,width:100===l.maxWidth?"100% !important":void 0,style:e(e({},s),{padding:"".concat(l.verticalPadding,"px ").concat(l.horizontalPadding,"px"),backgroundColor:l.bgColor,float:l.imagePosition===n.FLOAT_LEFT?"left":"right"}),onClick:function(){l.link&&window.open(l.link,"_blank")}})}));export{d as default};
+import{__assign as t}from'./../../../ext/tslib/tslib.es6.mjs.js';import i from"react";import{observer as o}from"mobx-react";import{getHorizontalAlignment as e}from"../../helpers/index.js";import{ImageFitEnum as n,ImagePositionEnum as r}from"../../models/modal/step/elements/image/index.js";var a=o((function(o){var a=o.element,d=o.popup,c=o.editModeChildren,l=a;if(l.cdnURL||(l.cdnURL=d.cdnURL),l.merchantId||(l.merchantId=d.merchantId),!l.src&&d.isPreviewMode&&c)return c;var m={display:"flex",alignItems:"center",justifyContent:e(l.horizontalAlignment),padding:"".concat(l.verticalPadding,"px ").concat(l.horizontalPadding,"px"),backgroundColor:l.bgColor,maxWidth:"100%"},s={borderRadius:"".concat(l.borderRadius,"px"),objectFit:l.objectFit===n.CONTAIN?"contain":"cover",width:"".concat(l.maxWidth,"%")};return l.imagePosition===r.DISABLE_FLOAT?i.createElement("a",{href:l.link||void 0,style:m},i.createElement("img",{src:l.src||void 0,width:100===l.maxWidth?"100% !important":void 0,style:s})):i.createElement("img",{src:l.src||void 0,width:100===l.maxWidth?"100% !important":void 0,style:t(t({},s),{padding:"".concat(l.verticalPadding,"px ").concat(l.horizontalPadding,"px"),backgroundColor:l.bgColor,float:l.imagePosition===r.FLOAT_LEFT?"left":"right"}),onClick:function(){l.link&&window.open(l.link,"_blank")}})}));export{a as default};

package/build/popup-renderer/components/index.d.ts

@@ -13,6 +13,7 @@ type Props = {
     dashboardComponents?: DashboardComponents;
     previewMode?: boolean;
     sfProps?: SFProps;
+    isMobile: boolean;
 };
 export type DynamicData = {
     products: PopupProductDictionary;

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

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

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

@@ -1 +1 @@
-import{__spreadArray as t,__assign as e}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from"react";import'./../../../ext/mobx-react-lite/es/index.js';import{getHorizontalAlignment as n,injectFontScript as i}from"../../helpers/index.js";import{ProductListTypeEnum as l,ProductListLayoutEnum as r}from"../../models/modal/step/elements/product/index.js";import d from"../button-element-renderer/index.js";import{Navigation as a,Scrollbar as c}from"swiper/modules";import{Swiper as u,SwiperSlide as s}from"swiper/react";import v from"../../assets/left-arrow.js";import m from"../../assets/right-arrow.js";import{observer as g}from'./../../../ext/mobx-react-lite/es/observer.js';var p=g((function(g){var p,f=g.element,b=g.products,h=g.popup,x=g.editModeChildren,y=g.isPreviewMode,E=o.useState(null),C=E[0],w=E[1],P=o.useState(!1),S=P[0],R=P[1],z=o.useState(!1),j=z[0],W=z[1],I=f,k=[];if(b&&(k=I.listType===l.SPECIFIC?(null===(p=I.variantPairs)||void 0===p?void 0:p.length)?b.slice().sort((function(t,e){return I.variantPairs.findIndex((function(e){return e.variantId===t.variantId}))-I.variantPairs.findIndex((function(t){return t.variantId===e.variantId}))})):[]:t([],b,!0)),k.length>I.maxProductsToShow&&(k.length=I.maxProductsToShow),!(k&&k.length||!h.isPreviewMode)&&x)return x;if(!k||!k.length)return null;I.gapBetweenProductElements;var F=I.productDetailSettings.image,D=I.productDetailSettings.button,A=I.buttonSettings,N=I.productDetailSettings.discountRatio,_=I.productDetailSettings.finalPrice,B=I.productDetailSettings.originalPrice,M=I.productDetailSettings.name,L=n(I.horizontalAlignment),O=1;I.layout===r.ONE_COLUMN?O=1:I.layout===r.TWO_COLUMN?O=2:I.layout===r.THREE_COLUMN&&(O=3);var T={padding:"".concat(I.verticalPadding,"px ").concat(I.horizontalPadding,"px"),backgroundColor:I.productBgColor,width:"100%",height:"max-content"},U={display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:"center",height:"100%"},H={display:"flex",justifyContent:L,alignItems:"center",width:"100%",backgroundColor:null==F?void 0:F.bgColor,borderRadius:(null==F?void 0:F.borderRadius)?"".concat(F.borderRadius,"px"):void 0},V={width:"".concat(null==F?void 0:F.maxWidth,"%"),objectFit:"contain",borderRadius:(null==F?void 0:F.borderRadius)?"".concat(F.borderRadius,"px"):void 0},$={display:"flex",flexDirection:"column",width:"100%"},q={display:"flex",flexDirection:"column"},G={backgroundColor:null==M?void 0:M.bgColor,color:null==M?void 0:M.color,fontFamily:M?i(M.fontFamily):void 0,fontSize:null==M?void 0:M.fontSize,fontWeight:null==M?void 0:M.fontWeight,padding:"".concat(null==M?void 0:M.verticalPadding,"px ").concat(null==M?void 0:M.horizontalPadding,"px"),width:"100%",textAlign:null==M?void 0:M.horizontalAlignment,border:"".concat(null==M?void 0:M.borderWidth,"px ").concat(null==M?void 0:M.borderStyle," ").concat(null==M?void 0:M.borderColor),borderRadius:null==M?void 0:M.borderRadius},J={backgroundColor:null==N?void 0:N.bgColor,color:null==N?void 0:N.color,fontFamily:N?i(N.fontFamily):void 0,fontSize:null==N?void 0:N.fontSize,fontWeight:null==N?void 0:N.fontWeight,padding:"".concat(null==N?void 0:N.verticalPadding,"px ").concat(null==N?void 0:N.horizontalPadding,"px"),width:"100%",textAlign:null==N?void 0:N.horizontalAlignment,border:"".concat(null==N?void 0:N.borderWidth,"px ").concat(null==N?void 0:N.borderStyle," ").concat(null==N?void 0:N.borderColor),borderRadius:null==N?void 0:N.borderRadius},K={textDecoration:"line-through",backgroundColor:null==B?void 0:B.bgColor,color:null==B?void 0:B.color,fontFamily:B?i(B.fontFamily):void 0,fontSize:null==B?void 0:B.fontSize,fontWeight:null==B?void 0:B.fontWeight,padding:"".concat(null==B?void 0:B.verticalPadding,"px ").concat(null==B?void 0:B.horizontalPadding,"px"),width:"100%",textAlign:null==B?void 0:B.horizontalAlignment,border:"".concat(null==B?void 0:B.borderWidth,"px ").concat(null==B?void 0:B.borderStyle," ").concat(null==B?void 0:B.borderColor),borderRadius:null==B?void 0:B.borderRadius},Q={backgroundColor:null==_?void 0:_.bgColor,color:null==_?void 0:_.color,fontFamily:_?i(_.fontFamily):void 0,fontSize:null==_?void 0:_.fontSize,fontWeight:null==_?void 0:_.fontWeight,padding:"".concat(null==_?void 0:_.verticalPadding,"px ").concat(null==_?void 0:_.horizontalPadding,"px"),width:"100%",textAlign:null==_?void 0:_.horizontalAlignment,border:"".concat(null==_?void 0:_.borderWidth,"px ").concat(null==_?void 0:_.borderStyle," ").concat(null==_?void 0:_.borderColor),borderRadius:null==_?void 0:_.borderRadius},X={width:"".concat(A.width,"%"),minWidth:"fit-content"},Y=e({display:"flex",justifyContent:"center",width:"100%",gap:"10px"},1===O?{position:"absolute",top:0,left:0,right:0,bottom:0,alignItems:"center",justifyContent:"space-between",zIndex:10}:void 0),Z={padding:10,display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"100%",border:"1px solid #EEF2F6",cursor:"pointer"};return o.createElement("div",{style:T},o.createElement(u,{onSwiper:w,modules:[a,c],spaceBetween:I.gapBetweenProducts,slidesPerView:O,navigation:{nextEl:".custom-next-button",prevEl:".custom-prev-button"},scrollbar:void 0},k.map((function(t,e){return o.createElement(s,{style:{height:"auto"},key:t.variantId},o.createElement("div",{style:U,onClick:function(){return function(t){if(!y&&t.url){var e=document.createElement("a");e.href=t.url,e.target="_blank",e.click()}}(t)}},o.createElement("div",{style:$},!!F&&t.imageURL&&o.createElement("div",{style:H},o.createElement("img",{src:t.imageURL||void 0,alt:t.name||void 0,style:V})),(!!M||!!N)&&o.createElement("div",{style:q},!!M&&o.createElement("div",{style:G},t.name),!!N&&!!t.discountPrice&&o.createElement("div",{style:J},t.$discountRatio)),(!!B||!!_)&&o.createElement("div",null,!!B&&!!t.discountPrice&&o.createElement("div",{style:K},t.price),!!_&&o.createElement("div",{style:Q},t.discountPrice||t.price))),!!D&&o.createElement("div",{style:X}," ",o.createElement(d,{element:A})," ")))})),o.createElement("div",{style:Y},o.createElement("div",{className:"custom-prev-button",style:e(e({},Z),S?{opacity:.5,cursor:"not-allowed"}:{}),onClick:function(){C&&(C.slidePrev(),W(C.isEnd),R(C.isBeginning))}},o.createElement(v,null)),o.createElement("div",{className:"custom-next-button",style:e(e({},Z),j?{opacity:.5,cursor:"not-allowed"}:{}),onClick:function(){C&&(C.slideNext(),W(C.isEnd),R(C.isBeginning))}},o.createElement(m,null)))))}));export{p as default};
+import{__spreadArray as t,__assign as e}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from"react";import{observer as n}from"mobx-react";import{getHorizontalAlignment as i,injectFontScript as l}from"../../helpers/index.js";import{ProductListTypeEnum as r,ProductListLayoutEnum as d}from"../../models/modal/step/elements/product/index.js";import a from"../button-element-renderer/index.js";import{Navigation as c,Scrollbar as u}from"swiper/modules";import{Swiper as s,SwiperSlide as v}from"swiper/react";import m from"../../assets/left-arrow.js";import g from"../../assets/right-arrow.js";var p=n((function(n){var p,f=n.element,b=n.products,h=n.popup,x=n.editModeChildren,y=n.isPreviewMode,E=o.useState(null),C=E[0],w=E[1],P=o.useState(!1),S=P[0],R=P[1],z=o.useState(!1),W=z[0],I=z[1],j=f,k=[];if(b&&(k=j.listType===r.SPECIFIC?(null===(p=j.variantPairs)||void 0===p?void 0:p.length)?b.slice().sort((function(t,e){return j.variantPairs.findIndex((function(e){return e.variantId===t.variantId}))-j.variantPairs.findIndex((function(t){return t.variantId===e.variantId}))})):[]:t([],b,!0)),k.length>j.maxProductsToShow&&(k.length=j.maxProductsToShow),!(k&&k.length||!h.isPreviewMode)&&x)return x;if(!k||!k.length)return null;j.gapBetweenProductElements;var F=j.productDetailSettings.image,D=j.productDetailSettings.button,A=j.buttonSettings,N=j.productDetailSettings.discountRatio,B=j.productDetailSettings.finalPrice,M=j.productDetailSettings.originalPrice,L=j.productDetailSettings.name,O=i(j.horizontalAlignment),T=1;j.layout===d.ONE_COLUMN?T=1:j.layout===d.TWO_COLUMN?T=2:j.layout===d.THREE_COLUMN&&(T=3);var U={padding:"".concat(j.verticalPadding,"px ").concat(j.horizontalPadding,"px"),backgroundColor:j.productBgColor,width:"100%",height:"max-content"},_={display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:"center",height:"100%"},H={display:"flex",justifyContent:O,alignItems:"center",width:"100%",backgroundColor:null==F?void 0:F.bgColor,borderRadius:(null==F?void 0:F.borderRadius)?"".concat(F.borderRadius,"px"):void 0},V={width:"".concat(null==F?void 0:F.maxWidth,"%"),objectFit:"contain",borderRadius:(null==F?void 0:F.borderRadius)?"".concat(F.borderRadius,"px"):void 0},$={display:"flex",flexDirection:"column",width:"100%"},q={display:"flex",flexDirection:"column"},G={backgroundColor:null==L?void 0:L.bgColor,color:null==L?void 0:L.color,fontFamily:L?l(L.fontFamily):void 0,fontSize:null==L?void 0:L.fontSize,fontWeight:null==L?void 0:L.fontWeight,padding:"".concat(null==L?void 0:L.verticalPadding,"px ").concat(null==L?void 0:L.horizontalPadding,"px"),width:"100%",textAlign:null==L?void 0:L.horizontalAlignment,border:"".concat(null==L?void 0:L.borderWidth,"px ").concat(null==L?void 0:L.borderStyle," ").concat(null==L?void 0:L.borderColor),borderRadius:null==L?void 0:L.borderRadius},J={backgroundColor:null==N?void 0:N.bgColor,color:null==N?void 0:N.color,fontFamily:N?l(N.fontFamily):void 0,fontSize:null==N?void 0:N.fontSize,fontWeight:null==N?void 0:N.fontWeight,padding:"".concat(null==N?void 0:N.verticalPadding,"px ").concat(null==N?void 0:N.horizontalPadding,"px"),width:"100%",textAlign:null==N?void 0:N.horizontalAlignment,border:"".concat(null==N?void 0:N.borderWidth,"px ").concat(null==N?void 0:N.borderStyle," ").concat(null==N?void 0:N.borderColor),borderRadius:null==N?void 0:N.borderRadius},K={textDecoration:"line-through",backgroundColor:null==M?void 0:M.bgColor,color:null==M?void 0:M.color,fontFamily:M?l(M.fontFamily):void 0,fontSize:null==M?void 0:M.fontSize,fontWeight:null==M?void 0:M.fontWeight,padding:"".concat(null==M?void 0:M.verticalPadding,"px ").concat(null==M?void 0:M.horizontalPadding,"px"),width:"100%",textAlign:null==M?void 0:M.horizontalAlignment,border:"".concat(null==M?void 0:M.borderWidth,"px ").concat(null==M?void 0:M.borderStyle," ").concat(null==M?void 0:M.borderColor),borderRadius:null==M?void 0:M.borderRadius},Q={backgroundColor:null==B?void 0:B.bgColor,color:null==B?void 0:B.color,fontFamily:B?l(B.fontFamily):void 0,fontSize:null==B?void 0:B.fontSize,fontWeight:null==B?void 0:B.fontWeight,padding:"".concat(null==B?void 0:B.verticalPadding,"px ").concat(null==B?void 0:B.horizontalPadding,"px"),width:"100%",textAlign:null==B?void 0:B.horizontalAlignment,border:"".concat(null==B?void 0:B.borderWidth,"px ").concat(null==B?void 0:B.borderStyle," ").concat(null==B?void 0:B.borderColor),borderRadius:null==B?void 0:B.borderRadius},X={width:"".concat(A.width,"%"),minWidth:"fit-content"},Y=e({display:"flex",justifyContent:"center",width:"100%",gap:"10px"},1===T?{position:"absolute",top:0,left:0,right:0,bottom:0,alignItems:"center",justifyContent:"space-between",zIndex:10}:void 0),Z={padding:10,display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"100%",border:"1px solid #EEF2F6",cursor:"pointer"};return o.createElement("div",{style:U},o.createElement(s,{onSwiper:w,modules:[c,u],spaceBetween:j.gapBetweenProducts,slidesPerView:T,navigation:{nextEl:".custom-next-button",prevEl:".custom-prev-button"},scrollbar:void 0},k.map((function(t,e){return o.createElement(v,{style:{height:"auto"},key:t.variantId},o.createElement("div",{style:_,onClick:function(){return function(t){if(!y&&t.url){var e=document.createElement("a");e.href=t.url,e.target="_blank",e.click()}}(t)}},o.createElement("div",{style:$},!!F&&t.imageURL&&o.createElement("div",{style:H},o.createElement("img",{src:t.imageURL||void 0,alt:t.name||void 0,style:V})),(!!L||!!N)&&o.createElement("div",{style:q},!!L&&o.createElement("div",{style:G},t.name),!!N&&!!t.discountPrice&&o.createElement("div",{style:J},t.$discountRatio)),(!!M||!!B)&&o.createElement("div",null,!!M&&!!t.discountPrice&&o.createElement("div",{style:K},t.price),!!B&&o.createElement("div",{style:Q},t.discountPrice||t.price))),!!D&&o.createElement("div",{style:X}," ",o.createElement(a,{element:A})," ")))})),o.createElement("div",{style:Y},o.createElement("div",{className:"custom-prev-button",style:e(e({},Z),S?{opacity:.5,cursor:"not-allowed"}:{}),onClick:function(){C&&(C.slidePrev(),I(C.isEnd),R(C.isBeginning))}},o.createElement(m,null)),o.createElement("div",{className:"custom-next-button",style:e(e({},Z),W?{opacity:.5,cursor:"not-allowed"}:{}),onClick:function(){C&&(C.slideNext(),I(C.isEnd),R(C.isBeginning))}},o.createElement(g,null)))))}));export{p as default};

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

@@ -1 +1 @@
-import e from"react";import'./../../../ext/mobx-react-lite/es/index.js';import{getHorizontalAlignment as t}from"../../helpers/index.js";import{observer as r}from'./../../../ext/mobx-react-lite/es/observer.js';var n=r((function(r){var n=r.element,i=n.socialMediaLinks.filter((function(e){return!!e.link})).sort((function(e,t){return e.order-t.order}));if(!i.length&&r.editModeChildren&&r.popup.isPreviewMode)return r.editModeChildren;var o={display:"flex",alignItems:"center",justifyContent:t(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},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";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},e.createElement("img",{src:t.iconUrlWithoutHash||"",width:24,height:24}))}))))}));export{n as default};

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

@@ -1 +1 @@
-import e from"react";import'./../../../ext/mobx-react-lite/es/index.js';import{observer as o}from'./../../../ext/mobx-react-lite/es/observer.js';var t=o((function(o){var t=o.element,r={backgroundColor:t.bgColor,padding:"".concat(t.verticalPadding,"px ").concat(t.horizontalPadding,"px"),height:t.height,width:"100%"};return e.createElement("div",{style:r})}));export{t as default};
+import t from"react";import{observer as r}from"mobx-react";var e=r((function(r){var e=r.element,o={backgroundColor:e.bgColor,padding:"".concat(e.verticalPadding,"px ").concat(e.horizontalPadding,"px"),height:e.height,width:"100%"};return t.createElement("div",{style:o})}));export{e as default};

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

@@ -1 +1 @@
-import{__assign as o}from'./../../../ext/tslib/tslib.es6.mjs.js';import e from"react";import'./../../../ext/mobx-react-lite/es/index.js';import{injectFontScript as t}from"../../helpers/index.js";import{observer as r}from'./../../../ext/mobx-react-lite/es/observer.js';var n=r((function(r){var n=r.element,i=n,d={backgroundColor:i.bgColor,border:"".concat(i.borderWidth,"px ").concat(i.borderStyle," ").concat(i.borderColor),borderRadius:i.borderRadius,padding:"".concat(i.outerVerticalPadding,"px ").concat(i.outerHorizontalPadding,"px")},a={color:i.color,fontSize:i.fontSize,fontWeight:i.fontWeight,fontFamily:t(i.fontFamily),textAlign:i.horizontalAlignment,padding:"".concat(i.verticalPadding,"px ").concat(i.horizontalPadding,"px")};return e.createElement("div",{style:d},e.createElement("div",{dangerouslySetInnerHTML:{__html:n.text},style:o({},a)}))}));export{n as default};
+import{__assign as o}from'./../../../ext/tslib/tslib.es6.mjs.js';import t from"react";import{observer as e}from"mobx-react";import{injectFontScript as r}from"../../helpers/index.js";var n=e((function(e){var n=e.element,a=n,i={backgroundColor:a.bgColor,border:"".concat(a.borderWidth,"px ").concat(a.borderStyle," ").concat(a.borderColor),borderRadius:a.borderRadius,padding:"".concat(a.outerVerticalPadding,"px ").concat(a.outerHorizontalPadding,"px")},d={color:a.color,fontSize:a.fontSize,fontWeight:a.fontWeight,fontFamily:r(a.fontFamily),textAlign:a.horizontalAlignment,padding:"".concat(a.verticalPadding,"px ").concat(a.horizontalPadding,"px")};return t.createElement("div",{style:i},t.createElement("div",{dangerouslySetInnerHTML:{__html:n.text},style:o({},d)}))}));export{n as default};

package/build/popup-renderer/models/modal/step/elements/image-column/index.d.ts

@@ -4,9 +4,15 @@ export declare enum ImageColumnPositionEnum {
     LEFT_ALIGN = "LEFT_ALIGN",
     RIGTH_ALIGN = "RIGTH_ALIGN"
 }
+export declare enum MobileImageColumnPositionEnum {
+    TOP = "TOP",
+    BOTTOM = "BOTTOM",
+    HIDE = "HIDE"
+}
 export declare class ImageColumnElement extends BaseElement {
     type: PopupElementTypeEnum;
     imagePosition: ImageColumnPositionEnum;
+    mobilePosition: MobileImageColumnPositionEnum;
     imageId: string | null;
     bgColor: string;
     link: string | null;

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

package/package.json

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

package/build/ext/mobx-react-lite/es/ObserverComponent.js

@@ -1 +0,0 @@
-import"./useObserver.js";process.env.NODE_ENV;

package/build/ext/mobx-react-lite/es/index.js

@@ -1 +0,0 @@
-import"./utils/assertEnvironment.js";import{unstable_batchedUpdates as r}from"react-dom";import{observerBatching as e}from"./utils/observerBatching.js";export{observerBatching}from"./utils/observerBatching.js";import"./useObserver.js";import{observerFinalizationRegistry as o}from"./utils/observerFinalizationRegistry.js";export{observer}from"./observer.js";import"./ObserverComponent.js";import"mobx";import"react";import"./useAsObservableSource.js";e(r),o.finalizeAllImmediately;

package/build/ext/mobx-react-lite/es/observer.js

@@ -1 +0,0 @@
-import{forwardRef as e,memo as r}from"react";import{useObserver as o}from"./useObserver.js";var t=!0,n="function"==typeof Symbol&&Symbol.for,a=n?Symbol.for("react.forward_ref"):"function"==typeof e&&e((function(e){return null})).$$typeof,f=n?Symbol.for("react.memo"):"function"==typeof r&&r((function(e){return null})).$$typeof;function c(n,c){var i;if("production"!==process.env.NODE_ENV&&t&&c&&(t=!1,console.warn("[mobx-react-lite] `observer(fn, { forwardRef: true })` is deprecated, use `observer(React.forwardRef(fn))`")),f&&n.$$typeof===f)throw new Error("[mobx-react-lite] You are trying to use `observer` on a function component wrapped in either another `observer` or `React.memo`. The observer already applies 'React.memo' for you.");var s=null!==(i=null==c?void 0:c.forwardRef)&&void 0!==i&&i,y=n,u=n.displayName||n.name;if(a&&n.$$typeof===a&&(s=!0,"function"!=typeof(y=n.render)))throw new Error("[mobx-react-lite] `render` property of ForwardRef was not a function");var m,l,d=function(e,r){return o((function(){return y(e,r)}),u)};return""!==u&&(d.displayName=u),n.contextTypes&&(d.contextTypes=n.contextTypes),s&&(d=e(d)),d=r(d),m=n,l=d,Object.keys(m).forEach((function(e){p[e]||Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(m,e))})),"production"!==process.env.NODE_ENV&&Object.defineProperty(d,"contextTypes",{set:function(){var e;throw new Error("[mobx-react-lite] `".concat(this.displayName||(null===(e=this.type)||void 0===e?void 0:e.displayName)||"Component",".contextTypes` must be set before applying `observer`."))}}),d}var p={$$typeof:!0,render:!0,compare:!0,type:!0,displayName:!0};export{c as observer};

package/build/ext/mobx-react-lite/es/useAsObservableSource.js

@@ -1 +0,0 @@
-import"mobx";import"react";

package/build/ext/mobx-react-lite/es/useObserver.js

@@ -1 +0,0 @@
-import{Reaction as r}from"mobx";import e from"react";import{printDebugValue as n}from"./utils/printDebugValue.js";import{observerFinalizationRegistry as t}from"./utils/observerFinalizationRegistry.js";var o=function(r,e){var n="function"==typeof Symbol&&r[Symbol.iterator];if(!n)return r;var t,o,u=n.call(r),i=[];try{for(;(void 0===e||e-- >0)&&!(t=u.next()).done;)i.push(t.value)}catch(r){o={error:r}}finally{try{t&&!t.done&&(n=u.return)&&n.call(u)}finally{if(o)throw o.error}}return i};function u(r){return"observer".concat(r)}var i=function(){};function c(){return new i}function a(i,a){void 0===a&&(a="observed");var f=o(e.useState(c),1)[0],l=o(e.useState(),2)[1],s=function(){return l([])},d=e.useRef(null);d.current||(d.current={reaction:null,mounted:!1,changedBeforeMount:!1});var m,v,g=d.current;if(g.reaction||(g.reaction=new r(u(a),(function(){g.mounted?s():g.changedBeforeMount=!0})),t.register(f,g,g)),e.useDebugValue(g.reaction,n),e.useEffect((function(){return t.unregister(g),g.mounted=!0,g.reaction?g.changedBeforeMount&&(g.changedBeforeMount=!1,s()):(g.reaction=new r(u(a),(function(){s()})),s()),function(){g.reaction.dispose(),g.reaction=null,g.mounted=!1,g.changedBeforeMount=!1}}),[]),g.reaction.track((function(){try{m=i()}catch(r){v=r}})),v)throw v;return m}export{a as useObserver};

package/build/ext/mobx-react-lite/es/utils/UniversalFinalizationRegistry.js

@@ -1 +0,0 @@
-var e=1e4,t=1e4,i=function(){function e(e){var t=this;Object.defineProperty(this,"finalize",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"registrations",{enumerable:!0,configurable:!0,writable:!0,value:new Map}),Object.defineProperty(this,"sweepTimeout",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"sweep",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0===e&&(e=1e4),clearTimeout(t.sweepTimeout),t.sweepTimeout=void 0;var i=Date.now();t.registrations.forEach((function(r,n){i-r.registeredAt>=e&&(t.finalize(r.value),t.registrations.delete(n))})),t.registrations.size>0&&t.scheduleSweep()}}),Object.defineProperty(this,"finalizeAllImmediately",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.sweep(0)}})}return Object.defineProperty(e.prototype,"register",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t,i){this.registrations.set(i,{value:t,registeredAt:Date.now()}),this.scheduleSweep()}}),Object.defineProperty(e.prototype,"unregister",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.registrations.delete(e)}}),Object.defineProperty(e.prototype,"scheduleSweep",{enumerable:!1,configurable:!0,writable:!0,value:function(){void 0===this.sweepTimeout&&(this.sweepTimeout=setTimeout(this.sweep,1e4))}}),e}(),r="undefined"!=typeof FinalizationRegistry?FinalizationRegistry:i;export{e as REGISTRY_FINALIZE_AFTER,t as REGISTRY_SWEEP_INTERVAL,i as TimerBasedFinalizationRegistry,r as UniversalFinalizationRegistry};

package/build/ext/mobx-react-lite/es/utils/assertEnvironment.js

@@ -1 +0,0 @@
-import{makeObservable as r}from"mobx";import{useState as o}from"react";if(!o)throw new Error("mobx-react-lite requires React with Hooks support");if(!r)throw new Error("mobx-react-lite@3 requires mobx at least version 6 to be available");

package/build/ext/mobx-react-lite/es/utils/observerBatching.js

@@ -1 +0,0 @@
-import{configure as o}from"mobx";function e(o){o()}function t(t){t||(t=e,"production"!==process.env.NODE_ENV&&console.warn("[MobX] Failed to get unstable_batched updates from react-dom / react-native")),o({reactionScheduler:t})}export{e as defaultNoopBatch,t as observerBatching};

package/build/ext/mobx-react-lite/es/utils/observerFinalizationRegistry.js

@@ -1 +0,0 @@
-import{UniversalFinalizationRegistry as i}from"./UniversalFinalizationRegistry.js";var n=new i((function(i){var n;null===(n=i.reaction)||void 0===n||n.dispose(),i.reaction=null}));export{n as observerFinalizationRegistry};

package/build/ext/mobx-react-lite/es/utils/printDebugValue.js

@@ -1 +0,0 @@
-import{getDependencyTree as o}from"mobx";function r(r){return o(r)}export{r as printDebugValue};