@ikas/popup-renderer 1.0.87 → 1.0.89

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

@@ -26,6 +26,7 @@ export declare class Popup {
     storeUrl: string;
     marketingPopupViewModel?: IMarketingPopupViewModel;
     private products;
+    static t: Function;
     constructor(data: Partial<Popup>, cdnURL: string, merchantId: string);
     set $products(products: PopupProduct[]);
     get $products(): PopupProduct[];

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

@@ -1 +1 @@
-import{makeObservable as e,observable as a,computed as t}from"mobx";import{PopupSettings as i}from"./settings/index.js";import{Modal as o}from"./modal/index.js";var r;!function(e){e.DESKTOP="DESKTOP",e.MOBILE="MOBILE"}(r||(r={}));var l=468,n=function(){function l(l,n,u){this.id=l.id||Date.now().toString(),this.settings=new i(l.settings||{}),this.modal=new o(l.modal||{}),this.pagePreviewType=l.pagePreviewType||r.DESKTOP,this.cdnURL=n,this.merchantId=u,this.storeUrl=l.storeUrl||"",this.products=[],this.marketingPopupViewModel=l.marketingPopupViewModel||void 0,e(this,{id:a,settings:a,modal:a,pagePreviewType:a,cdnURL:a,merchantId:a,storeUrl:a,products:a,marketingPopupViewModel:a,isPreviewMode:t})}return Object.defineProperty(l.prototype,"$products",{get:function(){return this.products},set:function(e){this.products=e},enumerable:!1,configurable:!0}),Object.defineProperty(l.prototype,"isPreviewMode",{get:function(){return!!this.marketingPopupViewModel},enumerable:!1,configurable:!0}),l.fontFamilyOptions=function(){return[{value:"Arial",label:"Arial"},{value:"Helvetica",label:"Helvetica"},{value:"Times New Roman",label:"Times New Roman"},{value:"Courier",label:"Courier"},{value:"Verdana",label:"Verdana"},{value:"Georgia",label:"Georgia"},{value:"Palatino",label:"Palatino"},{value:"Garamond",label:"Garamond"},{value:"Bookman",label:"Bookman"},{value:"Comic Sans MS",label:"Comic Sans MS"},{value:"Trebuchet MS",label:"Trebuchet MS"},{value:"Arial Black",label:"Arial Black"},{value:"Impact",label:"Impact"}]},l}();export{l as MOBILE_SCREEN_SIZE,n as Popup,r as PreviewType};
+import{makeObservable as e,observable as a,computed as t}from"mobx";import{PopupSettings as i}from"./settings/index.js";import{Modal as o}from"./modal/index.js";var l;!function(e){e.DESKTOP="DESKTOP",e.MOBILE="MOBILE"}(l||(l={}));var r=468,n=function(){function r(n,u,s){var d;this.id=n.id||Date.now().toString(),this.settings=new i(n.settings||{}),this.modal=new o(n.modal||{}),this.pagePreviewType=n.pagePreviewType||l.DESKTOP,this.cdnURL=u,this.merchantId=s,this.storeUrl=n.storeUrl||"",this.products=[],this.marketingPopupViewModel=n.marketingPopupViewModel||void 0,r.t=(null===(d=this.marketingPopupViewModel)||void 0===d?void 0:d.t)||function(){},e(this,{id:a,settings:a,modal:a,pagePreviewType:a,cdnURL:a,merchantId:a,storeUrl:a,products:a,marketingPopupViewModel:a,isPreviewMode:t})}return Object.defineProperty(r.prototype,"$products",{get:function(){return this.products},set:function(e){this.products=e},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"isPreviewMode",{get:function(){return!!this.marketingPopupViewModel},enumerable:!1,configurable:!0}),r.fontFamilyOptions=function(){return[{value:"Arial",label:"Arial"},{value:"Helvetica",label:"Helvetica"},{value:"Times New Roman",label:"Times New Roman"},{value:"Courier",label:"Courier"},{value:"Verdana",label:"Verdana"},{value:"Georgia",label:"Georgia"},{value:"Palatino",label:"Palatino"},{value:"Garamond",label:"Garamond"},{value:"Bookman",label:"Bookman"},{value:"Comic Sans MS",label:"Comic Sans MS"},{value:"Trebuchet MS",label:"Trebuchet MS"},{value:"Arial Black",label:"Arial Black"},{value:"Impact",label:"Impact"}]},r}();export{r as MOBILE_SCREEN_SIZE,n as Popup,l as PreviewType};

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

@@ -1 +1 @@
-import{makeObservable as t,observable as i,computed as e,action as P}from"mobx";import{PopupStep as n}from"./step/index.js";import{Teaser as s}from"./teaser/index.js";import{WindowSettings as o}from"./window-settings/index.js";import{Border as O,BackgroundSettings as T}from"./background-settings/index.js";import{CloseSettings as _}from"./close-settings/index.js";var r,a;!function(t){t.POPUP="POPUP",t.NOTIFICATION_BAR="NOTIFICATION_BAR",t.DRAWER="DRAWER"}(r||(r={})),function(t){t.POPUP_TOP_LEFT="POPUP_TOP_LEFT",t.POPUP_TOP_CENTER="POPUP_TOP_CENTER",t.POPUP_TOP_RIGHT="POPUP_TOP_RIGHT",t.POPUP_MIDDLE_LEFT="POPUP_MIDDLE_LEFT",t.POPUP_MIDDLE_CENTER="POPUP_MIDDLE_CENTER",t.POPUP_MIDDLE_RIGHT="POPUP_MIDDLE_RIGHT",t.POPUP_BOTTOM_LEFT="POPUP_BOTTOM_LEFT",t.POPUP_BOTTOM_CENTER="POPUP_BOTTOM_CENTER",t.POPUP_BOTTOM_RIGHT="POPUP_BOTTOM_RIGHT",t.NOTIFICATION_BAR_UP="NOTIFICATION_BAR_UP",t.NOTIFICATION_BAR_DOWN="NOTIFICATION_BAR_DOWN",t.DRAWER_RIGHT="DRAWER_RIGHT",t.DRAWER_LEFT="DRAWER_LEFT"}(a||(a={}));var I=function(){function I(O){this.type=O.type||r.POPUP,this.teaser=O.teaser?new s(O.teaser):new s({backgroundSettings:new T({allowScrollingWhenPopupOpen:!0})}),this.windowSettings=O.windowSettings?new o(O.windowSettings):new o({borderRadius:4,outerVerticalPadding:12,outerHorizontalPadding:12}),this.backgroundSettings=new T(O.backgroundSettings||{}),this.closeSettings=new _(O.closeSettings||{}),this.steps=O.steps&&O.steps.length?O.steps.map((function(t){return new n(t)})):[new n({stepNumber:1,name:"TODO",isThankYouStep:!1})],this.isVisible=!1,this.selectedStep=this.steps[0],this.position=O.position?O.position:a.POPUP_MIDDLE_CENTER,t(this,{isVisible:i,type:i,position:i,teaser:i,windowSettings:i,backgroundSettings:i,closeSettings:i,steps:i,selectedStep:i,availablePositions:e,setInitialSettings:P.bound,setInitialPosition:P.bound,setInitialWindowSettings:P.bound})}return I.prototype.setInitialSettings=function(t){void 0===t&&(t=!1),this.setInitialPosition(t),this.setInitialWindowSettings(t)},I.prototype.setInitialPosition=function(t){switch(this.type){case r.POPUP:this.position=t?a.POPUP_BOTTOM_RIGHT:a.POPUP_MIDDLE_CENTER;break;case r.NOTIFICATION_BAR:this.position=a.NOTIFICATION_BAR_UP;break;case r.DRAWER:this.position=a.DRAWER_RIGHT}},I.prototype.setInitialWindowSettings=function(t){switch(this.type){case r.POPUP:this.windowSettings=new o({borderRadius:4,outerVerticalPadding:12,outerHorizontalPadding:12}),t&&(this.backgroundSettings.allowScrollingWhenPopupOpen=!0,this.backgroundSettings.overlay=null,this.backgroundSettings.border=new O({borderWidth:1,borderColor:"#E3E8EF"}));break;case r.NOTIFICATION_BAR:this.windowSettings=new o({outerHorizontalPadding:0,outerVerticalPadding:0,borderRadius:4,takeFullWidth:!0});break;case r.DRAWER:this.windowSettings=new o({borderRadius:4,outerHorizontalPadding:0,outerVerticalPadding:0,takeFullHeight:!0})}},Object.defineProperty(I.prototype,"availablePositions",{get:function(){var t;return(t={})[r.POPUP]=[a.POPUP_TOP_LEFT,a.POPUP_TOP_CENTER,a.POPUP_TOP_RIGHT,a.POPUP_MIDDLE_LEFT,a.POPUP_MIDDLE_CENTER,a.POPUP_MIDDLE_RIGHT,a.POPUP_BOTTOM_LEFT,a.POPUP_BOTTOM_CENTER,a.POPUP_BOTTOM_RIGHT],t[r.NOTIFICATION_BAR]=[a.NOTIFICATION_BAR_UP,a.NOTIFICATION_BAR_DOWN],t[r.DRAWER]=[a.DRAWER_RIGHT,a.DRAWER_LEFT],t},enumerable:!1,configurable:!0}),I}();export{I as Modal,a as PopupPositonEnum,r as PopupTypeEnum};
+import{makeObservable as t,observable as i,computed as e,action as P}from"mobx";import{PopupStep as n}from"./step/index.js";import{Teaser as s}from"./teaser/index.js";import{WindowSettings as o}from"./window-settings/index.js";import{Border as O,BackgroundSettings as T}from"./background-settings/index.js";import{CloseSettings as _}from"./close-settings/index.js";import{Popup as r}from"../index.js";var a,I;!function(t){t.POPUP="POPUP",t.NOTIFICATION_BAR="NOTIFICATION_BAR",t.DRAWER="DRAWER"}(a||(a={})),function(t){t.POPUP_TOP_LEFT="POPUP_TOP_LEFT",t.POPUP_TOP_CENTER="POPUP_TOP_CENTER",t.POPUP_TOP_RIGHT="POPUP_TOP_RIGHT",t.POPUP_MIDDLE_LEFT="POPUP_MIDDLE_LEFT",t.POPUP_MIDDLE_CENTER="POPUP_MIDDLE_CENTER",t.POPUP_MIDDLE_RIGHT="POPUP_MIDDLE_RIGHT",t.POPUP_BOTTOM_LEFT="POPUP_BOTTOM_LEFT",t.POPUP_BOTTOM_CENTER="POPUP_BOTTOM_CENTER",t.POPUP_BOTTOM_RIGHT="POPUP_BOTTOM_RIGHT",t.NOTIFICATION_BAR_UP="NOTIFICATION_BAR_UP",t.NOTIFICATION_BAR_DOWN="NOTIFICATION_BAR_DOWN",t.DRAWER_RIGHT="DRAWER_RIGHT",t.DRAWER_LEFT="DRAWER_LEFT"}(I||(I={}));var R=function(){function R(O){this.type=O.type||a.POPUP,this.teaser=O.teaser?new s(O.teaser):new s({backgroundSettings:new T({allowScrollingWhenPopupOpen:!0})}),this.windowSettings=O.windowSettings?new o(O.windowSettings):new o({borderRadius:4,outerVerticalPadding:12,outerHorizontalPadding:12}),this.backgroundSettings=new T(O.backgroundSettings||{}),this.closeSettings=new _(O.closeSettings||{}),this.steps=O.steps&&O.steps.length?O.steps.map((function(t){return new n(t)})):[new n({stepNumber:1,name:r.t("popup:initialClassTranslations.welcome"),isThankYouStep:!1})],this.isVisible=!1,this.selectedStep=this.steps[0],this.position=O.position?O.position:I.POPUP_MIDDLE_CENTER,t(this,{isVisible:i,type:i,position:i,teaser:i,windowSettings:i,backgroundSettings:i,closeSettings:i,steps:i,selectedStep:i,availablePositions:e,setInitialSettings:P.bound,setInitialPosition:P.bound,setInitialWindowSettings:P.bound})}return R.prototype.setInitialSettings=function(t){void 0===t&&(t=!1),this.setInitialPosition(t),this.setInitialWindowSettings(t)},R.prototype.setInitialPosition=function(t){switch(this.type){case a.POPUP:this.position=t?I.POPUP_BOTTOM_RIGHT:I.POPUP_MIDDLE_CENTER;break;case a.NOTIFICATION_BAR:this.position=I.NOTIFICATION_BAR_UP;break;case a.DRAWER:this.position=I.DRAWER_RIGHT}},R.prototype.setInitialWindowSettings=function(t){switch(this.type){case a.POPUP:this.windowSettings=new o({borderRadius:4,outerVerticalPadding:12,outerHorizontalPadding:12}),t&&(this.backgroundSettings.allowScrollingWhenPopupOpen=!0,this.backgroundSettings.overlay=null,this.backgroundSettings.border=new O({borderWidth:1,borderColor:"#E3E8EF"}));break;case a.NOTIFICATION_BAR:this.windowSettings=new o({outerHorizontalPadding:0,outerVerticalPadding:0,borderRadius:4,takeFullWidth:!0});break;case a.DRAWER:this.windowSettings=new o({borderRadius:4,outerHorizontalPadding:0,outerVerticalPadding:0,takeFullHeight:!0})}},Object.defineProperty(R.prototype,"availablePositions",{get:function(){var t;return(t={})[a.POPUP]=[I.POPUP_TOP_LEFT,I.POPUP_TOP_CENTER,I.POPUP_TOP_RIGHT,I.POPUP_MIDDLE_LEFT,I.POPUP_MIDDLE_CENTER,I.POPUP_MIDDLE_RIGHT,I.POPUP_BOTTOM_LEFT,I.POPUP_BOTTOM_CENTER,I.POPUP_BOTTOM_RIGHT],t[a.NOTIFICATION_BAR]=[I.NOTIFICATION_BAR_UP,I.NOTIFICATION_BAR_DOWN],t[a.DRAWER]=[I.DRAWER_RIGHT,I.DRAWER_LEFT],t},enumerable:!1,configurable:!0}),R}();export{R as Modal,I as PopupPositonEnum,a as PopupTypeEnum};

package/build/popup-renderer/models/modal/step/elements/button/index.js

@@ -1 +1 @@
-import{__extends as o}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as r,observable as t}from"mobx";import{PopupElementTypeEnum as i,IkasPopupRendererFontFamily as l,BaseElement as n}from"../base/index.js";import{ButtonBorderStyle as d}from"../../../background-settings/index.js";var e=function(n){function e(o){var e,a,u,b,g,s,f,m,v=this;return(v=n.call(this,o)||this).text=o.text||"Button Text",v.type=i.BUTTON,v.color=o.color||"#FFFFFF",v.buttonBgColor=o.buttonBgColor||"",v.bgColor=o.bgColor||"",v.fontFamily=new l(o.fontFamily),v.fontSize=null!==(e=o.fontSize)&&void 0!==e?e:16,v.fontWeight=null!==(a=o.fontWeight)&&void 0!==a?a:400,v.borderRadius=null!==(u=o.borderRadius)&&void 0!==u?u:4,v.borderColor=o.borderColor||"",v.borderStyle=o.borderStyle||d.SOLID,v.borderWidth=null!==(b=o.borderWidth)&&void 0!==b?b:0,v.link=o.link||null,v.verticalPadding=null!==(g=o.verticalPadding)&&void 0!==g?g:12,v.horizontalPadding=null!==(s=o.horizontalPadding)&&void 0!==s?s:12,v.outerVerticalPadding=null!==(f=o.outerVerticalPadding)&&void 0!==f?f:12,v.outerHorizontalPadding=null!==(m=o.outerHorizontalPadding)&&void 0!==m?m:12,r(v,{text:t,color:t,buttonBgColor:t,bgColor:t,fontFamily:t,fontSize:t,fontWeight:t,borderRadius:t,borderColor:t,borderStyle:t,borderWidth:t,link:t}),v}return o(e,n),e}(n);export{e as ButtonElement};
+import{__extends as o}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as r,observable as t}from"mobx";import{PopupElementTypeEnum as i,IkasPopupRendererFontFamily as l,BaseElement as n}from"../base/index.js";import{ButtonBorderStyle as d}from"../../../background-settings/index.js";import{Popup as e}from"../../../../index.js";var a=function(n){function a(o){var a,u,b,s,g,f,m,v,c=this;return(c=n.call(this,o)||this).text=o.text||e.t("popup:initialClassTranslations.buttonText"),c.type=i.BUTTON,c.color=o.color||"#FFFFFF",c.buttonBgColor=o.buttonBgColor||"",c.bgColor=o.bgColor||"",c.fontFamily=new l(o.fontFamily),c.fontSize=null!==(a=o.fontSize)&&void 0!==a?a:16,c.fontWeight=null!==(u=o.fontWeight)&&void 0!==u?u:400,c.borderRadius=null!==(b=o.borderRadius)&&void 0!==b?b:4,c.borderColor=o.borderColor||"",c.borderStyle=o.borderStyle||d.SOLID,c.borderWidth=null!==(s=o.borderWidth)&&void 0!==s?s:0,c.link=o.link||null,c.verticalPadding=null!==(g=o.verticalPadding)&&void 0!==g?g:12,c.horizontalPadding=null!==(f=o.horizontalPadding)&&void 0!==f?f:12,c.outerVerticalPadding=null!==(m=o.outerVerticalPadding)&&void 0!==m?m:12,c.outerHorizontalPadding=null!==(v=o.outerHorizontalPadding)&&void 0!==v?v:12,r(c,{text:t,color:t,buttonBgColor:t,bgColor:t,fontFamily:t,fontSize:t,fontWeight:t,borderRadius:t,borderColor:t,borderStyle:t,borderWidth:t,link:t}),c}return o(a,n),a}(n);export{a as ButtonElement};

package/build/popup-renderer/models/modal/step/elements/form/checkbox/index.js

@@ -1 +1 @@
-import{makeObservable as e,observable as t}from"mobx";import{FormItemTypeEnum as i}from"../index.js";var s,o=function(s){void 0===s&&(s={}),this.type=i.CHECKBOX_FORM_ITEM,this.isChecked=s.isChecked||!1,this.text=s.text||"I agree to the terms and conditions",this.contactPermission=s.contactPermission?new n(s.contactPermission):null,this.showInCheckedStatus=s.showInCheckedStatus||!1,this.requiredToBeChecked=s.requiredToBeChecked||null,e(this,{type:t,text:t,isChecked:t,contactPermission:t,showInCheckedStatus:t,requiredToBeChecked:t})};!function(e){e.SMS="SMS",e.EMAIL="EMAIL",e.GENERAL="GENERAL"}(s||(s={}));var n=function(i){void 0===i&&(i={}),this.type=i.type||s.GENERAL,e(this,{type:t})};export{o as CheckboxFormItem,n as ContactPermission,s as ContactPermissionTypeEnum};
+import{makeObservable as e,observable as t}from"mobx";import{FormItemTypeEnum as i}from"../index.js";import{Popup as s}from"../../../../../index.js";var o,n=function(o){void 0===o&&(o={}),this.type=i.CHECKBOX_FORM_ITEM,this.isChecked=o.isChecked||!1,this.text=o.text||s.t("popup:initialClassTranslations.agreeTermsAndConditions"),this.contactPermission=o.contactPermission?new r(o.contactPermission):null,this.showInCheckedStatus=o.showInCheckedStatus||!1,this.requiredToBeChecked=o.requiredToBeChecked||null,e(this,{type:t,text:t,isChecked:t,contactPermission:t,showInCheckedStatus:t,requiredToBeChecked:t})};!function(e){e.SMS="SMS",e.EMAIL="EMAIL",e.GENERAL="GENERAL"}(o||(o={}));var r=function(i){void 0===i&&(i={}),this.type=i.type||o.GENERAL,e(this,{type:t})};export{n as CheckboxFormItem,r as ContactPermission,o as ContactPermissionTypeEnum};

package/build/popup-renderer/models/modal/step/elements/form/index.js

@@ -1 +1 @@
-import{__extends as t,__assign as e}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as r,observable as o,action as n}from"mobx";import{PopupElementTypeEnum as i,BaseElement as s}from"../base/index.js";import{ButtonElement as d}from"../button/index.js";import{FormSettings as u}from"./form-settings/index.js";import{CustomerNameFormItem as m}from"./customer-name/index.js";import{CustomerSurnameFormItem as a}from"./customer-surname/index.js";import{CustomerEmailFormItem as E}from"./customer-email/index.js";import{CustomerPhoneFormItem as l}from"./customer-phone/index.js";import{CustomerBirthdayFormItem as c}from"./customer-birthday/index.js";import{CustomerGenderFormItem as h}from"./customer-gender/index.js";import{CheckboxFormItem as M}from"./checkbox/index.js";import{CustomerAttributeFormItem as f}from"./customer-attribute/index.js";var p;!function(t){t.CUSTOMER_NAME="CUSTOMER_NAME",t.CUSTOMER_SURNAME="CUSTOMER_SURNAME",t.CUSTOMER_EMAIL="CUSTOMER_EMAIL",t.CUSTOMER_PHONE="CUSTOMER_PHONE",t.CUSTOMER_BIRTHDAY="CUSTOMER_BIRTHDAY",t.CUSTOMER_GENDER="CUSTOMER_GENDER",t.CHECKBOX_FORM_ITEM="CHECKBOX_FORM_ITEM",t.CUSTOMER_ATTRIBUTE="CUSTOMER_ATTRIBUTE"}(p||(p={}));var R=function(e){function s(t,s){void 0===t&&(t={});var m,a,E=this;return(E=e.call(this,t)||this).type=i.FORM,E.rows=t.rows?t.rows.map((function(t){return new T(t)})):[],E.formSettings=t.formSettings||new u,E.buttonSettings=t.buttonSettings||new d({outerHorizontalPadding:0,outerVerticalPadding:0,buttonBgColor:"#000000",borderColor:"#000000"}),E.bgColor=t.bgColor||"",E.verticalPadding=null!==(m=t.verticalPadding)&&void 0!==m?m:12,E.horizontalPadding=null!==(a=t.horizontalPadding)&&void 0!==a?a:12,r(E,{rows:o,formSettings:o,buttonSettings:o,bgColor:o,addNewElement:n.bound}),0===E.rows.length&&1===s&&E.addNewElement(p.CUSTOMER_EMAIL),E}return t(s,e),s.prototype.addNewElement=function(t){var e=new T({order:this.rows.length,columns:[new S({type:t,order:0})]});this.rows.push(e)},s}(s),T=function(){function t(t){var e;void 0===t&&(t={}),this.id=t.id||Date.now().toString(),this.order=null!==(e=t.order)&&void 0!==e?e:0,this.columns=t.columns?t.columns.map((function(t){return new S(t)})):[],r(this,{id:o,order:o,columns:o,addNewElement:n.bound,changeColumnSort:n.bound})}return t.prototype.addNewElement=function(t){this.columns.push(new S({type:t,order:this.columns.length}))},t.prototype.changeColumnSort=function(){this.columns.forEach((function(t,e){0===e?t.order=t.order+1:1===e&&(t.order=t.order-1)})),this.columns=this.columns.sort((function(t,e){return t.order-e.order}))},t}(),S=function(){function t(t){var e;void 0===t&&(t={}),this.id=t.id||Date.now().toString(),this.order=null!==(e=t.order)&&void 0!==e?e:0,this.type=t.type||p.CUSTOMER_NAME,this.formItem=this.setFormItems(t.formItem),r(this,{id:o,order:o,type:o,formItem:o,setFormItems:n.bound})}return t.prototype.setFormItems=function(t){switch(this.type){case p.CUSTOMER_NAME:return new m(t?e({},t):{inputLabel:new w({text:"First Name"})});case p.CUSTOMER_SURNAME:return new a(t?e({},t):{inputLabel:new w({text:"Surname"})});case p.CUSTOMER_EMAIL:return new E(t?e({},t):{inputLabel:new w({text:"Email"})});case p.CUSTOMER_PHONE:return new l(t?e({},t):{inputLabel:new w({text:"Phone"})});case p.CUSTOMER_BIRTHDAY:return new c(t?e({},t):{inputLabel:new w({text:"Birthday"})});case p.CUSTOMER_GENDER:return new h(t?e({},t):{inputLabel:new w({text:"Gender"})});case p.CHECKBOX_FORM_ITEM:return new M(e({},t));case p.CUSTOMER_ATTRIBUTE:return new f(e({},t))}},t}(),w=function(t){void 0===t&&(t={}),this.text=t.text||"Label",r(this,{text:o})},C=function(t){void 0===t&&(t={}),this.validationErrorMessage=t.validationErrorMessage||"It's required to fill this field",this.hasError=t.hasError||!1,r(this,{validationErrorMessage:o,hasError:o})},O=function(t){void 0===t&&(t={}),this.text=t.text||"Placeholder",r(this,{text:o})};export{S as FormColumn,R as FormElement,p as FormItemTypeEnum,T as FormRow,w as InputLabel,O as InputPlaceholder,C as RequiredInput};
+import{__extends as t,__assign as o}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as e,observable as r,action as n}from"mobx";import{PopupElementTypeEnum as i,BaseElement as s}from"../base/index.js";import{ButtonElement as a}from"../button/index.js";import{FormSettings as u}from"./form-settings/index.js";import{CustomerNameFormItem as l}from"./customer-name/index.js";import{CustomerSurnameFormItem as d}from"./customer-surname/index.js";import{CustomerEmailFormItem as m}from"./customer-email/index.js";import{CustomerPhoneFormItem as p}from"./customer-phone/index.js";import{CustomerBirthdayFormItem as E}from"./customer-birthday/index.js";import{CustomerGenderFormItem as c}from"./customer-gender/index.js";import{CheckboxFormItem as h}from"./checkbox/index.js";import{CustomerAttributeFormItem as T}from"./customer-attribute/index.js";import{Popup as C}from"../../../../index.js";var M;!function(t){t.CUSTOMER_NAME="CUSTOMER_NAME",t.CUSTOMER_SURNAME="CUSTOMER_SURNAME",t.CUSTOMER_EMAIL="CUSTOMER_EMAIL",t.CUSTOMER_PHONE="CUSTOMER_PHONE",t.CUSTOMER_BIRTHDAY="CUSTOMER_BIRTHDAY",t.CUSTOMER_GENDER="CUSTOMER_GENDER",t.CHECKBOX_FORM_ITEM="CHECKBOX_FORM_ITEM",t.CUSTOMER_ATTRIBUTE="CUSTOMER_ATTRIBUTE"}(M||(M={}));var f=function(o){function s(t,s){void 0===t&&(t={});var l,d,m=this;return(m=o.call(this,t)||this).type=i.FORM,m.rows=t.rows?t.rows.map((function(t){return new R(t)})):[],m.formSettings=t.formSettings||new u,m.buttonSettings=t.buttonSettings||new a({outerHorizontalPadding:0,outerVerticalPadding:0,buttonBgColor:"#000000",borderColor:"#000000"}),m.bgColor=t.bgColor||"",m.verticalPadding=null!==(l=t.verticalPadding)&&void 0!==l?l:12,m.horizontalPadding=null!==(d=t.horizontalPadding)&&void 0!==d?d:12,e(m,{rows:r,formSettings:r,buttonSettings:r,bgColor:r,addNewElement:n.bound}),0===m.rows.length&&1===s&&m.addNewElement(M.CUSTOMER_EMAIL),m}return t(s,o),s.prototype.addNewElement=function(t){var o=new R({order:this.rows.length,columns:[new w({type:t,order:0})]});this.rows.push(o)},s}(s),R=function(){function t(t){var o;void 0===t&&(t={}),this.id=t.id||Date.now().toString(),this.order=null!==(o=t.order)&&void 0!==o?o:0,this.columns=t.columns?t.columns.map((function(t){return new w(t)})):[],e(this,{id:r,order:r,columns:r,addNewElement:n.bound,changeColumnSort:n.bound})}return t.prototype.addNewElement=function(t){this.columns.push(new w({type:t,order:this.columns.length}))},t.prototype.changeColumnSort=function(){this.columns.forEach((function(t,o){0===o?t.order=t.order+1:1===o&&(t.order=t.order-1)})),this.columns=this.columns.sort((function(t,o){return t.order-o.order}))},t}(),w=function(){function t(t){var o;void 0===t&&(t={}),this.id=t.id||Date.now().toString(),this.order=null!==(o=t.order)&&void 0!==o?o:0,this.type=t.type||M.CUSTOMER_NAME,this.formItem=this.setFormItems(t.formItem),e(this,{id:r,order:r,type:r,formItem:r,setFormItems:n.bound})}return t.prototype.setFormItems=function(t){switch(this.type){case M.CUSTOMER_NAME:return new l(t?o({},t):{inputLabel:new S({text:C.t("popup:initialClassTranslations.firstName")})});case M.CUSTOMER_SURNAME:return new d(t?o({},t):{inputLabel:new S({text:C.t("popup:initialClassTranslations.lastName")})});case M.CUSTOMER_EMAIL:return new m(t?o({},t):{inputLabel:new S({text:C.t("popup:initialClassTranslations.email")})});case M.CUSTOMER_PHONE:return new p(t?o({},t):{inputLabel:new S({text:C.t("popup:initialClassTranslations.phone")})});case M.CUSTOMER_BIRTHDAY:return new E(t?o({},t):{inputLabel:new S({text:C.t("popup:initialClassTranslations.birthday")})});case M.CUSTOMER_GENDER:return new c(t?o({},t):{inputLabel:new S({text:C.t("popup:initialClassTranslations.gender")})});case M.CHECKBOX_FORM_ITEM:return new h(o({},t));case M.CUSTOMER_ATTRIBUTE:return new T(o({},t))}},t}(),S=function(t){void 0===t&&(t={}),this.text=t.text||C.t("popup:initialClassTranslations.inputLabel"),e(this,{text:r})},O=function(t){void 0===t&&(t={}),this.validationErrorMessage=t.validationErrorMessage||C.t("popup:initialClassTranslations.requiredFieldErrorMessage"),this.hasError=t.hasError||!1,e(this,{validationErrorMessage:r,hasError:r})},g=function(t){void 0===t&&(t={}),this.text=t.text||C.t("popup:initialClassTranslations.placeholder"),e(this,{text:r})};export{w as FormColumn,f as FormElement,M as FormItemTypeEnum,R as FormRow,S as InputLabel,g as InputPlaceholder,O as RequiredInput};

package/build/popup-renderer/models/modal/step/elements/product/detail-settings/index.js

@@ -1 +1 @@
-import{makeObservable as i,observable as o}from"mobx";import{TextElement as t}from"../../text/index.js";import{IkasPopupRendererFontFamily as n}from"../../base/index.js";var a,e=function(n){void 0===n&&(n={}),this.image=n.image?new r(n.image):new r({}),this.name=n.name?new t(n.name):new t({horizontalPadding:0,verticalPadding:6}),this.discountRatio=n.discountRatio?new t(n.discountRatio):new t({horizontalPadding:0,verticalPadding:8}),this.originalPrice=n.originalPrice?new t(n.originalPrice):new t({horizontalPadding:0,verticalPadding:2,fontSize:14,color:"#697586"}),this.finalPrice=n.finalPrice?new t(n.finalPrice):new t({horizontalPadding:0,verticalPadding:2}),this.button=n.button?new l(n.button):new l({}),i(this,{image:o,name:o,discountRatio:o,originalPrice:o,finalPrice:o,button:o})},r=function(t){var n,a;this.bgColor=t.bgColor||"",this.maxWidth=null!==(n=t.maxWidth)&&void 0!==n?n:100,this.borderRadius=null!==(a=t.borderRadius)&&void 0!==a?a:0,i(this,{bgColor:o,maxWidth:o,borderRadius:o})},d=function(t){var a;void 0===t&&(t={}),this.color=t.color||"#000000",this.bgColor=t.bgColor||"",this.fontFamily=new n(t.fontFamily),this.fontSize=null!==(a=t.fontSize)&&void 0!==a?a:24,i(this,{color:o,bgColor:o,fontFamily:o,fontSize:o})};!function(i){i.ADD_TO_CART="ADD_TO_CART",i.NAVIGATE_TO_PRODUCT_DETAIL="NAVIGATE_TO_PRODUCT_DETAIL"}(a||(a={}));var l=function(t){void 0===t&&(t={}),this.text=t.text||"Button Text",this.action=t.action||a.ADD_TO_CART,i(this,{text:o,action:o})};export{a as ProductActionTypeEnum,l as ProductButtonSettings,e as ProductDetailSettings,d as ProductDiscountRatioSettings,r as ProductImageSettings};
+import{makeObservable as i,observable as o}from"mobx";import{TextElement as t}from"../../text/index.js";import{IkasPopupRendererFontFamily as n}from"../../base/index.js";import{Popup as a}from"../../../../../index.js";var e,r=function(n){void 0===n&&(n={}),this.image=n.image?new d(n.image):new d({}),this.name=n.name?new t(n.name):new t({horizontalPadding:0,verticalPadding:6}),this.discountRatio=n.discountRatio?new t(n.discountRatio):new t({horizontalPadding:0,verticalPadding:8}),this.originalPrice=n.originalPrice?new t(n.originalPrice):new t({horizontalPadding:0,verticalPadding:2,fontSize:14,color:"#697586"}),this.finalPrice=n.finalPrice?new t(n.finalPrice):new t({horizontalPadding:0,verticalPadding:2}),this.button=n.button?new s(n.button):new s({}),i(this,{image:o,name:o,discountRatio:o,originalPrice:o,finalPrice:o,button:o})},d=function(t){var n,a;this.bgColor=t.bgColor||"",this.maxWidth=null!==(n=t.maxWidth)&&void 0!==n?n:100,this.borderRadius=null!==(a=t.borderRadius)&&void 0!==a?a:0,i(this,{bgColor:o,maxWidth:o,borderRadius:o})},l=function(t){var a;void 0===t&&(t={}),this.color=t.color||"#000000",this.bgColor=t.bgColor||"",this.fontFamily=new n(t.fontFamily),this.fontSize=null!==(a=t.fontSize)&&void 0!==a?a:24,i(this,{color:o,bgColor:o,fontFamily:o,fontSize:o})};!function(i){i.ADD_TO_CART="ADD_TO_CART",i.NAVIGATE_TO_PRODUCT_DETAIL="NAVIGATE_TO_PRODUCT_DETAIL"}(e||(e={}));var s=function(t){void 0===t&&(t={}),this.text=t.text||a.t("popup:initialClassTranslations.buttonText"),this.action=t.action||e.ADD_TO_CART,i(this,{text:o,action:o})};export{e as ProductActionTypeEnum,s as ProductButtonSettings,r as ProductDetailSettings,l as ProductDiscountRatioSettings,d as ProductImageSettings};

package/build/popup-renderer/models/modal/step/elements/text/index.js

@@ -1 +1 @@
-import{__extends as o}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as r,observable as i}from"mobx";import{PopupElementTypeEnum as t,IkasPopupRendererFontFamily as l,ComponentHorizontalAlignmentEnum as d,BaseElement as e}from"../base/index.js";import{ButtonBorderStyle as n}from"../../../background-settings/index.js";var a=function(e){function a(o){var a,u,b,s,g,m,f,h,v=this;return(v=e.call(this,o)||this).type=t.TEXT,v.text=o.text||"This is a text",v.color=o.color||"#000000",v.bgColor=o.bgColor||"",v.fontFamily=new l(o.fontFamily),v.fontSize=null!==(a=o.fontSize)&&void 0!==a?a:16,v.fontWeight=null!==(u=o.fontWeight)&&void 0!==u?u:400,v.borderRadius=null!==(b=o.borderRadius)&&void 0!==b?b:4,v.borderColor=o.borderColor||"#000000",v.borderStyle=o.borderStyle||n.SOLID,v.borderWidth=null!==(s=o.borderWidth)&&void 0!==s?s:0,v.verticalPadding=null!==(g=o.verticalPadding)&&void 0!==g?g:12,v.horizontalPadding=null!==(m=o.horizontalPadding)&&void 0!==m?m:12,v.outerHorizontalPadding=null!==(f=o.outerHorizontalPadding)&&void 0!==f?f:0,v.outerVerticalPadding=null!==(h=o.outerVerticalPadding)&&void 0!==h?h:0,v.horizontalAlignment=o.horizontalAlignment||d.LEFT,r(v,{text:i,color:i,bgColor:i,fontFamily:i,fontSize:i,fontWeight:i,borderRadius:i,borderColor:i,borderStyle:i,borderWidth:i}),v}return o(a,e),a}(e);export{a as TextElement};
+import{__extends as o}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as r,observable as i}from"mobx";import{PopupElementTypeEnum as t,IkasPopupRendererFontFamily as l,ComponentHorizontalAlignmentEnum as n,BaseElement as d}from"../base/index.js";import{ButtonBorderStyle as e}from"../../../background-settings/index.js";import{Popup as a}from"../../../../index.js";var s=function(d){function s(o){var s,u,b,g,m,f,h,v,c=this;return(c=d.call(this,o)||this).type=t.TEXT,c.text=o.text||a.t("popup:initialClassTranslations.text"),c.color=o.color||"#000000",c.bgColor=o.bgColor||"",c.fontFamily=new l(o.fontFamily),c.fontSize=null!==(s=o.fontSize)&&void 0!==s?s:16,c.fontWeight=null!==(u=o.fontWeight)&&void 0!==u?u:400,c.borderRadius=null!==(b=o.borderRadius)&&void 0!==b?b:4,c.borderColor=o.borderColor||"#000000",c.borderStyle=o.borderStyle||e.SOLID,c.borderWidth=null!==(g=o.borderWidth)&&void 0!==g?g:0,c.verticalPadding=null!==(m=o.verticalPadding)&&void 0!==m?m:12,c.horizontalPadding=null!==(f=o.horizontalPadding)&&void 0!==f?f:12,c.outerHorizontalPadding=null!==(h=o.outerHorizontalPadding)&&void 0!==h?h:0,c.outerVerticalPadding=null!==(v=o.outerVerticalPadding)&&void 0!==v?v:0,c.horizontalAlignment=o.horizontalAlignment||n.LEFT,r(c,{text:i,color:i,bgColor:i,fontFamily:i,fontSize:i,fontWeight:i,borderRadius:i,borderColor:i,borderStyle:i,borderWidth:i}),c}return o(s,d),s}(d);export{s as TextElement};

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

@@ -18,5 +18,5 @@ export declare class PopupStep {
     elements: ElementType[];
     constructor(data: Partial<PopupStep>);
     setContent(content: ElementType): TextElement | FormElement | ImageElement | ImageColumnElement | ProductListElement | ButtonElement | SocialMediaElement | DividerElement | SpaceElement;
-    addNewElement(type: PopupElementTypeEnum): void;
+    addNewElement(type: PopupElementTypeEnum, element?: ElementType): void;
 }

package/build/popup-renderer/models/modal/step/index.js

@@ -1 +1 @@
-import{makeObservable as e,observable as t,action as s}from"mobx";import{TextElement as n}from"./elements/text/index.js";import{FormElement as r}from"./elements/form/index.js";import{ImageElement as i}from"./elements/image/index.js";import{ProductListElement as o}from"./elements/product/index.js";import{ButtonElement as m}from"./elements/button/index.js";import{SocialMediaElement as a}from"./elements/social/index.js";import{DividerElement as h}from"./elements/divider/index.js";import{SpaceElement as u}from"./elements/space/index.js";import{PopupElementTypeEnum as p}from"./elements/base/index.js";import{ImageColumnElement as l}from"./elements/image-column/index.js";var d=function(){function d(r){var i=this;this.id=r.id||Date.now().toString(),this.stepNumber=r.stepNumber||0,this.name=r.name||"",this.isThankYouStep=r.isThankYouStep||!1,this.isTeaser=r.isTeaser||!1,this.elements=r.elements&&r.elements.length?r.elements.map((function(e){return i.setContent(e)})):[],this.isTeaser&&(this.id=this.id+"-teaser"),this.isTeaser&&!this.elements.length&&this.elements.push(new n({order:0})),e(this,{stepNumber:t,name:t,isThankYouStep:t,isTeaser:t,elements:t,setContent:s.bound,addNewElement:s.bound})}return d.prototype.setContent=function(e){switch(e.type){case p.TEXT:return new n(e||{});case p.FORM:return new r(e||{},this.stepNumber);case p.IMAGE:return new i(e||{});case p.IMAGE_COLUMN:return new l(e||{});case p.PRODUCT_LIST:return new o(e||{});case p.BUTTON:return new m(e||{});case p.SOCIAL_MEDIA:return new a(e||{});case p.DIVIDER:return new h(e||{});case p.SPACE:return new u(e||{})}},d.prototype.addNewElement=function(e){var t=this.elements.length;switch(e){case p.TEXT:this.elements.push(new n({order:t}));break;case p.FORM:this.elements.push(new r({order:t},this.stepNumber));break;case p.IMAGE:this.elements.push(new i({order:t}));break;case p.IMAGE_COLUMN:this.elements.push(new l({order:t}));break;case p.PRODUCT_LIST:this.elements.push(new o({order:t}));break;case p.BUTTON:this.elements.push(new m({order:t,buttonBgColor:"#000000",borderColor:"#000000"}));break;case p.SOCIAL_MEDIA:this.elements.push(new a({order:t}));break;case p.DIVIDER:this.elements.push(new h({order:t,borderColor:"#E3E8EF"}));break;case p.SPACE:this.elements.push(new u({order:t}))}},d}();export{d as PopupStep};
+import{__assign as e}from'./../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as t,observable as s,action as n}from"mobx";import{TextElement as r}from"./elements/text/index.js";import{FormElement as i}from"./elements/form/index.js";import{ImageElement as o}from"./elements/image/index.js";import{ProductListElement as m}from"./elements/product/index.js";import{ButtonElement as a}from"./elements/button/index.js";import{SocialMediaElement as d}from"./elements/social/index.js";import{DividerElement as h}from"./elements/divider/index.js";import{SpaceElement as u}from"./elements/space/index.js";import{PopupElementTypeEnum as l}from"./elements/base/index.js";import{ImageColumnElement as p}from"./elements/image-column/index.js";var w=function(){function w(e){var i=this;this.id=e.id||Date.now().toString(),this.stepNumber=e.stepNumber||0,this.name=e.name||"",this.isThankYouStep=e.isThankYouStep||!1,this.isTeaser=e.isTeaser||!1,this.elements=e.elements&&e.elements.length?e.elements.map((function(e){return i.setContent(e)})):[],this.isTeaser&&(this.id=this.id+"-teaser"),this.isTeaser&&!this.elements.length&&this.elements.push(new r({order:0})),t(this,{stepNumber:s,name:s,isThankYouStep:s,isTeaser:s,elements:s,setContent:n.bound,addNewElement:n.bound})}return w.prototype.setContent=function(e){switch(e.type){case l.TEXT:return new r(e||{});case l.FORM:return new i(e||{},this.stepNumber);case l.IMAGE:return new o(e||{});case l.IMAGE_COLUMN:return new p(e||{});case l.PRODUCT_LIST:return new m(e||{});case l.BUTTON:return new a(e||{});case l.SOCIAL_MEDIA:return new d(e||{});case l.DIVIDER:return new h(e||{});case l.SPACE:return new u(e||{})}},w.prototype.addNewElement=function(t,s){var n=this.elements.length;switch(t){case l.TEXT:this.elements.push(new r(e(e({},s),{order:n,id:Date.now().toString()})));break;case l.FORM:this.elements.push(new i(e(e({},s),{order:n,id:Date.now().toString()}),this.stepNumber));break;case l.IMAGE:this.elements.push(new o(e(e({},s),{order:n,id:Date.now().toString()})));break;case l.IMAGE_COLUMN:this.elements.push(new p(e(e({},s),{order:n,id:Date.now().toString()})));break;case l.PRODUCT_LIST:this.elements.push(new m(e(e({},s),{order:n,id:Date.now().toString()})));break;case l.BUTTON:this.elements.push(new a(e(e({},s),{order:n,buttonBgColor:"#000000",borderColor:"#000000",id:Date.now().toString()})));break;case l.SOCIAL_MEDIA:this.elements.push(new d(e(e({},s),{order:n,id:Date.now().toString()})));break;case l.DIVIDER:this.elements.push(new h(e(e({},s),{order:n,id:Date.now().toString(),borderColor:"#E3E8EF"})));break;case l.SPACE:this.elements.push(new u(e(e({},s),{order:n,id:Date.now().toString()})))}},w}();export{w as PopupStep};

package/build/popup-renderer/models/modal/teaser/index.js

@@ -1 +1 @@
-import{makeObservable as i,observable as t}from"mobx";import{WindowSettings as s}from"../window-settings/index.js";import{BackgroundSettings as e}from"../background-settings/index.js";import{CloseSettings as n}from"../close-settings/index.js";import{PopupStep as o}from"../step/index.js";import{PopupPositonEnum as _}from"../index.js";var r;!function(i){i.VISIBLE_AT_FIRST_AND_AT_THE_END="VISIBLE_AT_FIRST_AND_AT_THE_END",i.VISIBLE_AT_FIRST="VISIBLE_AT_FIRST",i.VISIBLE_AT_THE_END="VISIBLE_AT_THE_END"}(r||(r={}));var T=function(T){this.isActive=T.isActive||null,this.step=T.step?new o(T.step):new o({isTeaser:!0,stepNumber:1,name:"Teaser"}),this.windowSettings=new s(T.windowSettings||{maxHeight:150,maxWidth:350,borderRadius:4,outerVerticalPadding:12,outerHorizontalPadding:12}),this.backgroundSettings=new e(T.backgroundSettings||{}),this.closeSettings=new n(T.closeSettings||{}),this.visibleCondition=T.visibleCondition||r.VISIBLE_AT_FIRST_AND_AT_THE_END,this.position=T.position||_.POPUP_BOTTOM_RIGHT,i(this,{isActive:t,step:t,windowSettings:t,backgroundSettings:t,closeSettings:t,visibleCondition:t,position:t})};export{T as Teaser,r as VisibilityConditionEnum};
+import{makeObservable as i,observable as t}from"mobx";import{WindowSettings as s}from"../window-settings/index.js";import{BackgroundSettings as n}from"../background-settings/index.js";import{CloseSettings as e}from"../close-settings/index.js";import{PopupStep as o}from"../step/index.js";import{PopupPositonEnum as r}from"../index.js";import{Popup as _}from"../../index.js";var T;!function(i){i.VISIBLE_AT_FIRST_AND_AT_THE_END="VISIBLE_AT_FIRST_AND_AT_THE_END",i.VISIBLE_AT_FIRST="VISIBLE_AT_FIRST",i.VISIBLE_AT_THE_END="VISIBLE_AT_THE_END"}(T||(T={}));var d=function(d){this.isActive=d.isActive||null,this.step=d.step?new o(d.step):new o({isTeaser:!0,stepNumber:1,name:_.t("popup:initialClassTranslations.teaser")}),this.windowSettings=new s(d.windowSettings||{minHeight:150,maxWidth:350,borderRadius:4,outerVerticalPadding:12,outerHorizontalPadding:12}),this.backgroundSettings=new n(d.backgroundSettings||{}),this.closeSettings=new e(d.closeSettings||{}),this.visibleCondition=d.visibleCondition||T.VISIBLE_AT_FIRST_AND_AT_THE_END,this.position=d.position||r.POPUP_BOTTOM_RIGHT,i(this,{isActive:t,step:t,windowSettings:t,backgroundSettings:t,closeSettings:t,visibleCondition:t,position:t})};export{d as Teaser,T as VisibilityConditionEnum};

package/package.json

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