@ikas/popup-renderer 1.0.62 → 1.0.64

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,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,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,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";

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

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

package/build/popup-renderer/models/modal/close-settings/index.js

@@ -1 +1 @@
-import{makeObservable as o,observable as t}from"mobx";var n,i;!function(o){o.ALWAYS_VISIBLE="ALWAYS_VISIBLE",o.ALWAYS_HIDDEN="ALWAYS_HIDDEN",o.VISIBLE_ON_HOVER="VISIBLE_ON_HOVER"}(n||(n={})),function(o){o.SHOW_ON_CONTENT="SHOW_ON_CONTENT",o.TAKE_SPACE="TAKE_SPACE"}(i||(i={}));var s,e=function(s){this.closeButtonPositionType=s.closeButtonPositionType||i.SHOW_ON_CONTENT,this.closeButtonDisplayType=s.closeButtonDisplayType||n.ALWAYS_VISIBLE,this.iconSettings=s.iconSettings?new T(s.iconSettings):new T({}),o(this,{closeButtonPositionType:t,closeButtonDisplayType:t,iconSettings:t})};!function(o){o.WITH_BORDER="WITH_BORDER",o.WITHOUT_BORDER="WITHOUT_BORDER"}(s||(s={}));var T=function(n){this.type=n.type||s.WITHOUT_BORDER,this.color=n.color||"#697586",this.backgroundColor=n.backgroundColor||"",o(this,{type:t,color:t,backgroundColor:t})};export{n as CloseButtonDisplayTypeEnum,i as CloseButtonPositionTypeEnum,T as CloseIconSettings,s as CloseIconTypeEnum,e as CloseSettings};
+import{makeObservable as o,observable as t}from"mobx";var n,i;!function(o){o.ALWAYS_VISIBLE="ALWAYS_VISIBLE",o.ALWAYS_HIDDEN="ALWAYS_HIDDEN",o.VISIBLE_ON_HOVER="VISIBLE_ON_HOVER"}(n||(n={})),function(o){o.SHOW_ON_CONTENT="SHOW_ON_CONTENT",o.TAKE_SPACE="TAKE_SPACE"}(i||(i={}));var s,e=function(s){this.closeButtonPositionType=s.closeButtonPositionType||i.SHOW_ON_CONTENT,this.closeButtonDisplayType=s.closeButtonDisplayType||n.ALWAYS_VISIBLE,this.iconSettings=s.iconSettings?new T(s.iconSettings):new T({}),o(this,{closeButtonPositionType:t,closeButtonDisplayType:t,iconSettings:t})};!function(o){o.WITH_BORDER="WITH_BORDER",o.WITHOUT_BORDER="WITHOUT_BORDER"}(s||(s={}));var T=function(n){this.type=n.type||s.WITHOUT_BORDER,this.color=n.color||"#697586",this.backgroundColor=n.backgroundColor||"#FFFFFF",o(this,{type:t,color:t,backgroundColor:t})};export{n as CloseButtonDisplayTypeEnum,i as CloseButtonPositionTypeEnum,T as CloseIconSettings,s as CloseIconTypeEnum,e as CloseSettings};

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

@@ -5,6 +5,10 @@ export declare enum ImagePositionEnum {
     FLOAT_RIGHT = "FLOAT_RIGHT",
     DISABLE_FLOAT = "DISABLE_FLOAT"
 }
+export declare enum ImageFitEnum {
+    CONTAIN = "CONTAIN",
+    COVER = "COVER"
+}
 export declare class ImageElement extends BaseElement {
     type: PopupElementTypeEnum;
     imagePosition: ImagePositionEnum;
@@ -14,6 +18,7 @@ export declare class ImageElement extends BaseElement {
     maxWidth: number;
     cdnURL: string | null;
     merchantId: string | null;
+    objectFit: ImageFitEnum;
     verticalPadding: number;
     horizontalPadding: number;
     borderRadius: number;

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

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

@@ -1,4 +1,5 @@
 import { BaseElement, PopupElementTypeEnum } from "../base";
+import { ImageFitEnum } from "../image";
 export declare enum ImageColumnPositionEnum {
     LEFT_ALIGN = "LEFT_ALIGN",
     RIGTH_ALIGN = "RIGTH_ALIGN"
@@ -11,6 +12,7 @@ export declare class ImageColumnElement extends BaseElement {
     link: string | null;
     cdnURL: string | null;
     merchantId: string | null;
+    objectFit: ImageFitEnum;
     constructor(data: Partial<ImageColumnElement>);
     get src(): string | undefined;
 }

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 n,observable as t,computed as o}from"mobx";import{PopupElementTypeEnum as e,BaseElement as a}from"../base/index.js";import{IMAGE_SIZE as r}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.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,n(m,{imagePosition:t,imageId:t,cdnURL:t,merchantId:t,link:t,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 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};

package/build/popup-renderer/models/modal/window-settings/index.d.ts

@@ -4,6 +4,8 @@ export declare class WindowSettings {
     borderRadius: number;
     outerVerticalPadding: number;
     outerHorizontalPadding: number;
+    innerVerticalPadding: number;
+    innerHorizontalPadding: number;
     takeFullWidth: boolean;
     takeFullHeight: boolean;
     constructor(data: Partial<WindowSettings>);

package/build/popup-renderer/models/modal/window-settings/index.js

@@ -1 +1 @@
-import{makeObservable as t,observable as i}from"mobx";var a=function(a){var d,e,l;this.maxHeight=a.maxHeight||435,this.maxWidth=a.maxWidth||400,this.borderRadius=null!==(d=a.borderRadius)&&void 0!==d?d:0,this.outerVerticalPadding=null!==(e=a.outerVerticalPadding)&&void 0!==e?e:0,this.outerHorizontalPadding=null!==(l=a.outerHorizontalPadding)&&void 0!==l?l:0,this.takeFullHeight=a.takeFullHeight||!1,this.takeFullWidth=a.takeFullWidth||!1,t(this,{maxHeight:i,maxWidth:i,borderRadius:i,outerVerticalPadding:i,outerHorizontalPadding:i,takeFullHeight:i,takeFullWidth:i})};export{a as WindowSettings};
+import{makeObservable as i,observable as t}from"mobx";var a=function(a){var d,n,r,e,l;this.maxHeight=a.maxHeight||435,this.maxWidth=a.maxWidth||400,this.borderRadius=null!==(d=a.borderRadius)&&void 0!==d?d:0,this.outerVerticalPadding=null!==(n=a.outerVerticalPadding)&&void 0!==n?n:0,this.outerHorizontalPadding=null!==(r=a.outerHorizontalPadding)&&void 0!==r?r:0,this.innerVerticalPadding=null!==(e=a.innerVerticalPadding)&&void 0!==e?e:0,this.innerHorizontalPadding=null!==(l=a.innerHorizontalPadding)&&void 0!==l?l:8,this.takeFullHeight=a.takeFullHeight||!1,this.takeFullWidth=a.takeFullWidth||!1,i(this,{maxHeight:t,maxWidth:t,borderRadius:t,outerVerticalPadding:t,outerHorizontalPadding:t,innerVerticalPadding:t,innerHorizontalPadding:t,takeFullHeight:t,takeFullWidth:t})};export{a as WindowSettings};

package/package.json

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