@ikas/popup-renderer 0.0.1 → 0.0.2

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

@@ -1 +1 @@
-"use strict";var e=require("react");require('./../../../ext/mobx-react-lite/es/index.js');var t=require("../../helpers/index.js"),n=require("../../models/modal/step/elements/form/index.js"),r=require("../button-element-renderer/index.js"),o=require("./input-item-view/index.js"),i=require("./checkbox-item-view/index.js"),a=require('./../../../ext/mobx-react-lite/es/observer.js');function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(e),m=a.observer((function(e){var a=e.element,l=a.rows.slice().sort((function(e,t){return e.order-t.order})),m=a.formSettings,c=a.buttonSettings,d=a.bgColor,s={display:"flex",flexDirection:"column",alignItems:"center",justifyContent:t.getHorizontalAlignment(a.horizontalAlignment),gap:"".concat(m.gapBetweenItems,"px"),padding:"".concat(a.verticalPadding,"px ").concat(a.horizontalPadding,"px"),backgroundColor:d,width:"100%"},f={display:"flex",flexDirection:"row",width:"100%",gap:"".concat(m.gapBetweenItems,"px")},p={flex:1,display:"flex",alignItems:"flex-end"},E={width:"".concat(c.width,"%"),minWidth:"fit-content"};return u.default.createElement("div",{style:s},l.map((function(e,t){return u.default.createElement("div",{style:f,key:t},e.columns.slice().sort((function(e,t){return e.order-t.order})).map((function(e,t){return u.default.createElement("div",{style:p,key:t},function(e){switch(e.type){case n.FormItemTypeEnum.CUSTOMER_BIRTHDAY:case n.FormItemTypeEnum.CUSTOMER_EMAIL:case n.FormItemTypeEnum.CUSTOMER_GENDER:case n.FormItemTypeEnum.CUSTOMER_PHONE:case n.FormItemTypeEnum.CUSTOMER_NAME:case n.FormItemTypeEnum.CUSTOMER_SURNAME:var t=e.formItem;return u.default.createElement(o,{formInputSettings:m.formInputSettings,inputLabel:t.inputLabel,isRequired:t.required,onValueChange:function(e){return t.value=e},placeholder:t.placeholder,updateCurrentInfo:t.updateCurrentInfo,value:t.value||""});case n.FormItemTypeEnum.CHECKBOX_FORM_ITEM:return u.default.createElement(i,{checkboxItem:e.formItem})}}(e))})))})),u.default.createElement("div",{style:E,onClick:function(){}},u.default.createElement(r,{element:c})," "))}));module.exports=m;
+"use strict";var e=require("react");require('./../../../ext/mobx-react-lite/es/index.js');var t=require("../../helpers/index.js"),n=require("../../models/modal/step/elements/form/index.js"),r=require("../button-element-renderer/index.js"),o=require("./input-item-view/index.js"),i=require("./checkbox-item-view/index.js"),a=require('./../../../ext/mobx-react-lite/es/observer.js');function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(e),m=a.observer((function(e){var a=e.element,l=a.rows.slice().sort((function(e,t){return e.order-t.order})),m=a.formSettings,c=a.buttonSettings,d=a.bgColor,s={display:"flex",flexDirection:"column",alignItems:"center",justifyContent:t.getHorizontalAlignment(a.horizontalAlignment),gap:"".concat(m.gapBetweenItems,"px"),padding:"".concat(a.verticalPadding,"px ").concat(a.horizontalPadding,"px"),backgroundColor:d,width:"100%"},f={display:"flex",flexDirection:"row",width:"100%",gap:"".concat(m.gapBetweenItems,"px")},p={flex:1,display:"flex",alignItems:"flex-end"},E={width:"".concat(c.width,"%"),minWidth:"fit-content"};return u.default.createElement("div",{style:s},l.map((function(e,t){return u.default.createElement("div",{style:f,key:t},e.columns.slice().sort((function(e,t){return e.order-t.order})).map((function(e,t){return u.default.createElement("div",{style:p,key:t},function(e){switch(e.type){case n.FormItemTypeEnum.CUSTOMER_BIRTHDAY:case n.FormItemTypeEnum.CUSTOMER_EMAIL:case n.FormItemTypeEnum.CUSTOMER_GENDER:case n.FormItemTypeEnum.CUSTOMER_PHONE:case n.FormItemTypeEnum.CUSTOMER_NAME:case n.FormItemTypeEnum.CUSTOMER_SURNAME:var t=e.formItem;return u.default.createElement(o,{formInputSettings:m.formInputSettings,inputLabel:t.inputLabel,isRequired:t.required,onValueChange:function(e){return t.value=e},placeholder:t.placeholder,updateCurrentInfo:t.updateCurrentInfo,value:t.value||""});case n.FormItemTypeEnum.CHECKBOX_FORM_ITEM:return u.default.createElement(i.CheckboxItemView,{checkboxItem:e.formItem})}}(e))})))})),u.default.createElement("div",{style:E,onClick:function(){}},u.default.createElement(r,{element:c})," "))}));module.exports=m;

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

@@ -19,7 +19,7 @@ export declare enum PopupElementTypeEnum {
     DIVIDER = "DIVIDER",
     SPACE = "SPACE"
 }
-export default class BaseElement {
+export declare class BaseElement {
     id: string;
     order: number;
     width: string | null;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n,o,t=require("mobx"),i=require("uuid");exports.ComponentHorizontalAlignmentEnum=void 0,(e=exports.ComponentHorizontalAlignmentEnum||(exports.ComponentHorizontalAlignmentEnum={})).LEFT="LEFT",e.CENTER="CENTER",e.RIGHT="RIGHT",exports.ComponentVerticalAlignmentEnum=void 0,(n=exports.ComponentVerticalAlignmentEnum||(exports.ComponentVerticalAlignmentEnum={})).TOP="TOP",n.MIDDLE="MIDDLE",n.BOTTOM="BOTTOM",exports.PopupElementTypeEnum=void 0,(o=exports.PopupElementTypeEnum||(exports.PopupElementTypeEnum={})).TEXT="TEXT",o.FORM="FORM",o.IMAGE="IMAGE",o.IMAGE_COLUMN="IMAGE_COLUMN",o.PRODUCT_LIST="PRODUCT_LIST",o.BUTTON="BUTTON",o.SOCIAL_MEDIA="SOCIAL_MEDIA",o.DIVIDER="DIVIDER",o.SPACE="SPACE";var r=function(e){var n,o,r,l,a;void 0===e&&(e={}),this.id=e.id||i.v4(),this.order=e.order||0,this.width=null!==(n=e.width)&&void 0!==n?n:"100",this.verticalPadding=null!==(o=e.verticalPadding)&&void 0!==o?o:24,this.horizontalPadding=null!==(r=e.horizontalPadding)&&void 0!==r?r:24,this.outerVerticalPadding=null!==(l=e.outerVerticalPadding)&&void 0!==l?l:0,this.outerHorizontalPadding=null!==(a=e.outerHorizontalPadding)&&void 0!==a?a:0,this.horizontalAlignment=e.horizontalAlignment||exports.ComponentHorizontalAlignmentEnum.CENTER,this.verticalAlignment=e.verticalAlignment||exports.ComponentVerticalAlignmentEnum.TOP,t.makeObservable(this,{id:t.observable,order:t.observable,width:t.observable,verticalPadding:t.observable,horizontalPadding:t.observable,outerVerticalPadding:t.observable,outerHorizontalPadding:t.observable,horizontalAlignment:t.observable,verticalAlignment:t.observable})};exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n,o,t=require("mobx"),i=require("uuid");exports.ComponentHorizontalAlignmentEnum=void 0,(e=exports.ComponentHorizontalAlignmentEnum||(exports.ComponentHorizontalAlignmentEnum={})).LEFT="LEFT",e.CENTER="CENTER",e.RIGHT="RIGHT",exports.ComponentVerticalAlignmentEnum=void 0,(n=exports.ComponentVerticalAlignmentEnum||(exports.ComponentVerticalAlignmentEnum={})).TOP="TOP",n.MIDDLE="MIDDLE",n.BOTTOM="BOTTOM",exports.PopupElementTypeEnum=void 0,(o=exports.PopupElementTypeEnum||(exports.PopupElementTypeEnum={})).TEXT="TEXT",o.FORM="FORM",o.IMAGE="IMAGE",o.IMAGE_COLUMN="IMAGE_COLUMN",o.PRODUCT_LIST="PRODUCT_LIST",o.BUTTON="BUTTON",o.SOCIAL_MEDIA="SOCIAL_MEDIA",o.DIVIDER="DIVIDER",o.SPACE="SPACE";var r=function(e){var n,o,r,l,a;void 0===e&&(e={}),this.id=e.id||i.v4(),this.order=e.order||0,this.width=null!==(n=e.width)&&void 0!==n?n:"100",this.verticalPadding=null!==(o=e.verticalPadding)&&void 0!==o?o:24,this.horizontalPadding=null!==(r=e.horizontalPadding)&&void 0!==r?r:24,this.outerVerticalPadding=null!==(l=e.outerVerticalPadding)&&void 0!==l?l:0,this.outerHorizontalPadding=null!==(a=e.outerHorizontalPadding)&&void 0!==a?a:0,this.horizontalAlignment=e.horizontalAlignment||exports.ComponentHorizontalAlignmentEnum.CENTER,this.verticalAlignment=e.verticalAlignment||exports.ComponentVerticalAlignmentEnum.TOP,t.makeObservable(this,{id:t.observable,order:t.observable,width:t.observable,verticalPadding:t.observable,horizontalPadding:t.observable,outerVerticalPadding:t.observable,outerHorizontalPadding:t.observable,horizontalAlignment:t.observable,verticalAlignment:t.observable})};exports.BaseElement=r;

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

@@ -1,4 +1,4 @@
-import BaseElement, { PopupElementTypeEnum } from "../base";
+import { BaseElement, PopupElementTypeEnum } from "../base";
 import { ButtonBorderStyle } from "../../../background-settings";
 export declare class ButtonElement extends BaseElement {
     text: string;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),o=require("mobx"),r=require("../base/index.js"),l=require("../../../background-settings/index.js"),t=function(t){function i(e){var i,n,d,b,a,u,s,v,g=this;return(g=t.call(this,e)||this).text=e.text||"Button Text",g.type=r.PopupElementTypeEnum.BUTTON,g.color=e.color||"#FFFFFF",g.buttonBgColor=e.buttonBgColor||"#000000",g.bgColor=e.bgColor||"",g.fontFamily=e.fontFamily||"Arial",g.fontSize=null!==(i=e.fontSize)&&void 0!==i?i:16,g.fontWeight=null!==(n=e.fontWeight)&&void 0!==n?n:400,g.borderRadius=null!==(d=e.borderRadius)&&void 0!==d?d:4,g.borderColor=e.borderColor||"#000000",g.borderStyle=e.borderStyle||l.ButtonBorderStyle.SOLID,g.borderWidth=null!==(b=e.borderWidth)&&void 0!==b?b:0,g.link=e.link||null,g.verticalPadding=null!==(a=e.verticalPadding)&&void 0!==a?a:12,g.horizontalPadding=null!==(u=e.horizontalPadding)&&void 0!==u?u:12,g.outerVerticalPadding=null!==(s=e.outerVerticalPadding)&&void 0!==s?s:12,g.outerHorizontalPadding=null!==(v=e.outerHorizontalPadding)&&void 0!==v?v:12,o.makeObservable(g,{text:o.observable,color:o.observable,buttonBgColor:o.observable,bgColor:o.observable,fontFamily:o.observable,fontSize:o.observable,fontWeight:o.observable,borderRadius:o.observable,borderColor:o.observable,borderStyle:o.observable,borderWidth:o.observable,link:o.observable}),g}return e.__extends(i,t),i}(r.default);exports.ButtonElement=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),o=require("mobx"),r=require("../base/index.js"),l=require("../../../background-settings/index.js"),t=function(t){function i(e){var i,n,d,b,a,s,u,v,g=this;return(g=t.call(this,e)||this).text=e.text||"Button Text",g.type=r.PopupElementTypeEnum.BUTTON,g.color=e.color||"#FFFFFF",g.buttonBgColor=e.buttonBgColor||"#000000",g.bgColor=e.bgColor||"",g.fontFamily=e.fontFamily||"Arial",g.fontSize=null!==(i=e.fontSize)&&void 0!==i?i:16,g.fontWeight=null!==(n=e.fontWeight)&&void 0!==n?n:400,g.borderRadius=null!==(d=e.borderRadius)&&void 0!==d?d:4,g.borderColor=e.borderColor||"#000000",g.borderStyle=e.borderStyle||l.ButtonBorderStyle.SOLID,g.borderWidth=null!==(b=e.borderWidth)&&void 0!==b?b:0,g.link=e.link||null,g.verticalPadding=null!==(a=e.verticalPadding)&&void 0!==a?a:12,g.horizontalPadding=null!==(s=e.horizontalPadding)&&void 0!==s?s:12,g.outerVerticalPadding=null!==(u=e.outerVerticalPadding)&&void 0!==u?u:12,g.outerHorizontalPadding=null!==(v=e.outerHorizontalPadding)&&void 0!==v?v:12,o.makeObservable(g,{text:o.observable,color:o.observable,buttonBgColor:o.observable,bgColor:o.observable,fontFamily:o.observable,fontSize:o.observable,fontWeight:o.observable,borderRadius:o.observable,borderColor:o.observable,borderStyle:o.observable,borderWidth:o.observable,link:o.observable}),g}return e.__extends(i,t),i}(r.BaseElement);exports.ButtonElement=t;

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

@@ -1,6 +1,6 @@
-import BaseElement, { PopupElementTypeEnum } from "../base";
+import { BaseElement, PopupElementTypeEnum } from "../base";
 import { ButtonBorderStyle } from "../../../background-settings";
-export default class DividerElement extends BaseElement {
+export declare class DividerElement extends BaseElement {
     type: PopupElementTypeEnum;
     bgColor: string;
     borderWidth: number;

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

@@ -1 +1 @@
-"use strict";var e=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),r=require("mobx"),o=require("../base/index.js"),d=require("../../../background-settings/index.js"),l=function(l){function i(e){void 0===e&&(e={});var i,b,t,s,n=this;return(n=l.call(this,e)||this).type=o.PopupElementTypeEnum.DIVIDER,n.bgColor=e.bgColor||"#FFFFFF",n.borderWidth=null!==(i=e.borderWidth)&&void 0!==i?i:1,n.borderRadius=null!==(b=e.borderRadius)&&void 0!==b?b:0,n.borderColor=e.borderColor||"#E3E8EF",n.borderStyle=e.borderStyle||d.ButtonBorderStyle.SOLID,n.verticalPadding=null!==(t=e.verticalPadding)&&void 0!==t?t:24,n.horizontalPadding=null!==(s=e.horizontalPadding)&&void 0!==s?s:24,r.makeObservable(n,{bgColor:r.observable,borderWidth:r.observable,borderRadius:r.observable,borderColor:r.observable,borderStyle:r.observable}),n}return e.__extends(i,l),i}(o.default);module.exports=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),r=require("mobx"),o=require("../base/index.js"),d=require("../../../background-settings/index.js"),l=function(l){function i(e){void 0===e&&(e={});var i,t,b,s,n=this;return(n=l.call(this,e)||this).type=o.PopupElementTypeEnum.DIVIDER,n.bgColor=e.bgColor||"#FFFFFF",n.borderWidth=null!==(i=e.borderWidth)&&void 0!==i?i:1,n.borderRadius=null!==(t=e.borderRadius)&&void 0!==t?t:0,n.borderColor=e.borderColor||"#E3E8EF",n.borderStyle=e.borderStyle||d.ButtonBorderStyle.SOLID,n.verticalPadding=null!==(b=e.verticalPadding)&&void 0!==b?b:24,n.horizontalPadding=null!==(s=e.horizontalPadding)&&void 0!==s?s:24,r.makeObservable(n,{bgColor:r.observable,borderWidth:r.observable,borderRadius:r.observable,borderColor:r.observable,borderStyle:r.observable}),n}return e.__extends(i,l),i}(o.BaseElement);exports.DividerElement=l;

package/build-cjs/popup-renderer/models/modal/step/elements/form/checkbox/index.d.ts

@@ -1,5 +1,5 @@
 import { FormItemTypeEnum, RequiredInput } from "..";
-export default class CheckboxFormItem {
+export declare class CheckboxFormItem {
     type: FormItemTypeEnum;
     isChecked: boolean;
     text: string;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("mobx"),s=require("../index.js"),o=function(e){void 0===e&&(e={}),this.type=s.FormItemTypeEnum.CHECKBOX_FORM_ITEM,this.isChecked=e.isChecked||!1,this.text=e.text||"I agree to the terms and conditions",this.contactPermission=e.contactPermission?new i(e.contactPermission):null,this.showInCheckedStatus=e.showInCheckedStatus||!1,this.requiredToBeChecked=e.requiredToBeChecked||null,t.makeObservable(this,{type:t.observable,text:t.observable,isChecked:t.observable,contactPermission:t.observable,showInCheckedStatus:t.observable,requiredToBeChecked:t.observable})};exports.ContactPermissionTypeEnum=void 0,(e=exports.ContactPermissionTypeEnum||(exports.ContactPermissionTypeEnum={})).SMS="SMS",e.EMAIL="EMAIL",e.GENERAL="GENERAL";var i=function(e){void 0===e&&(e={}),this.type=e.type||exports.ContactPermissionTypeEnum.GENERAL,t.makeObservable(this,{type:t.observable})};exports.ContactPermission=i,exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("mobx"),s=require("../index.js"),o=function(e){void 0===e&&(e={}),this.type=s.FormItemTypeEnum.CHECKBOX_FORM_ITEM,this.isChecked=e.isChecked||!1,this.text=e.text||"I agree to the terms and conditions",this.contactPermission=e.contactPermission?new i(e.contactPermission):null,this.showInCheckedStatus=e.showInCheckedStatus||!1,this.requiredToBeChecked=e.requiredToBeChecked||null,t.makeObservable(this,{type:t.observable,text:t.observable,isChecked:t.observable,contactPermission:t.observable,showInCheckedStatus:t.observable,requiredToBeChecked:t.observable})};exports.ContactPermissionTypeEnum=void 0,(e=exports.ContactPermissionTypeEnum||(exports.ContactPermissionTypeEnum={})).SMS="SMS",e.EMAIL="EMAIL",e.GENERAL="GENERAL";var i=function(e){void 0===e&&(e={}),this.type=e.type||exports.ContactPermissionTypeEnum.GENERAL,t.makeObservable(this,{type:t.observable})};exports.CheckboxFormItem=o,exports.ContactPermission=i;

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-attribute/index.d.ts

@@ -7,7 +7,7 @@ export declare enum CustomerAttributeTypeEnum {
     NUMERIC = "NUMERIC",
     TEXT = "TEXT"
 }
-export default class CustomerAttributeFormItem {
+export declare class CustomerAttributeFormItem {
     type: FormItemTypeEnum;
     placeholder: string;
     inputLabel: InputLabel | null;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("mobx"),r=require("../index.js");exports.CustomerAttributeTypeEnum=void 0,(e=exports.CustomerAttributeTypeEnum||(exports.CustomerAttributeTypeEnum={})).BOOLEAN="BOOLEAN",e.CHOICE="CHOICE",e.DATETIME="DATETIME",e.MULTIPLE_CHOICE="MULTIPLE_CHOICE",e.NUMERIC="NUMERIC",e.TEXT="TEXT";var u=function(e){void 0===e&&(e={}),this.type=r.FormItemTypeEnum.CUSTOMER_ATTRIBUTE,this.placeholder=e.placeholder||"",this.inputLabel=e.inputLabel?new r.InputLabel(e.inputLabel):null,this.required=e.required?new r.RequiredInput(e.required):null,this.updateCurrentInfo=e.updateCurrentInfo||!1,this.customerAttributeId=e.customerAttributeId||"",t.makeObservable(this,{type:t.observable,placeholder:t.observable,inputLabel:t.observable,required:t.observable,updateCurrentInfo:t.observable,customerAttributeId:t.observable})};exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("mobx"),r=require("../index.js");exports.CustomerAttributeTypeEnum=void 0,(e=exports.CustomerAttributeTypeEnum||(exports.CustomerAttributeTypeEnum={})).BOOLEAN="BOOLEAN",e.CHOICE="CHOICE",e.DATETIME="DATETIME",e.MULTIPLE_CHOICE="MULTIPLE_CHOICE",e.NUMERIC="NUMERIC",e.TEXT="TEXT";var u=function(e){void 0===e&&(e={}),this.type=r.FormItemTypeEnum.CUSTOMER_ATTRIBUTE,this.placeholder=e.placeholder||"",this.inputLabel=e.inputLabel?new r.InputLabel(e.inputLabel):null,this.required=e.required?new r.RequiredInput(e.required):null,this.updateCurrentInfo=e.updateCurrentInfo||!1,this.customerAttributeId=e.customerAttributeId||"",t.makeObservable(this,{type:t.observable,placeholder:t.observable,inputLabel:t.observable,required:t.observable,updateCurrentInfo:t.observable,customerAttributeId:t.observable})};exports.CustomerAttributeFormItem=u;

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-birthday/index.d.ts

@@ -1,5 +1,5 @@
 import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
-export default class CustomerBirthdayFormItem {
+export declare class CustomerBirthdayFormItem {
     type: FormItemTypeEnum;
     value: string | null;
     placeholder: string;

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

@@ -1 +1 @@
-"use strict";var e=require("mobx"),r=require("../index.js"),u=function(u){void 0===u&&(u={}),this.type=r.FormItemTypeEnum.CUSTOMER_BIRTHDAY,this.value=u.value||null,this.placeholder=u.placeholder||"Enter your birthday",this.inputLabel=u.inputLabel?new r.InputLabel(u.inputLabel):null,this.required=u.required?new r.RequiredInput(u.required):null,this.updateCurrentInfo=u.updateCurrentInfo||!1,e.makeObservable(this,{value:e.observable,type:e.observable,placeholder:e.observable,inputLabel:e.observable,required:e.observable,updateCurrentInfo:e.observable})};module.exports=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("mobx"),r=require("../index.js"),t=function(t){void 0===t&&(t={}),this.type=r.FormItemTypeEnum.CUSTOMER_BIRTHDAY,this.value=t.value||null,this.placeholder=t.placeholder||"Enter your birthday",this.inputLabel=t.inputLabel?new r.InputLabel(t.inputLabel):null,this.required=t.required?new r.RequiredInput(t.required):null,this.updateCurrentInfo=t.updateCurrentInfo||!1,e.makeObservable(this,{value:e.observable,type:e.observable,placeholder:e.observable,inputLabel:e.observable,required:e.observable,updateCurrentInfo:e.observable})};exports.CustomerBirthdayFormItem=t;

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-email/index.d.ts

@@ -1,5 +1,5 @@
 import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
-export default class CustomerEmailFormItem {
+export declare class CustomerEmailFormItem {
     type: FormItemTypeEnum;
     value: string | null;
     placeholder: string;

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

@@ -1 +1 @@
-"use strict";var e=require("mobx"),r=require("../index.js"),u=function(u){void 0===u&&(u={}),this.type=r.FormItemTypeEnum.CUSTOMER_EMAIL,this.value=u.value||null,this.placeholder=u.placeholder||"Enter your email",this.inputLabel=u.inputLabel?new r.InputLabel(u.inputLabel):null,this.required=u.required?new r.RequiredInput(u.required):null,this.updateCurrentInfo=u.updateCurrentInfo||!1,e.makeObservable(this,{value:e.observable,type:e.observable,placeholder:e.observable,inputLabel:e.observable,required:e.observable,updateCurrentInfo:e.observable})};module.exports=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("mobx"),r=require("../index.js"),t=function(t){void 0===t&&(t={}),this.type=r.FormItemTypeEnum.CUSTOMER_EMAIL,this.value=t.value||null,this.placeholder=t.placeholder||"Enter your email",this.inputLabel=t.inputLabel?new r.InputLabel(t.inputLabel):null,this.required=t.required?new r.RequiredInput(t.required):null,this.updateCurrentInfo=t.updateCurrentInfo||!1,e.makeObservable(this,{value:e.observable,type:e.observable,placeholder:e.observable,inputLabel:e.observable,required:e.observable,updateCurrentInfo:e.observable})};exports.CustomerEmailFormItem=t;

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-gender/index.d.ts

@@ -1,5 +1,5 @@
 import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
-export default class CustomerGenderFormItem {
+export declare class CustomerGenderFormItem {
     type: FormItemTypeEnum;
     value: string | null;
     placeholder: string;

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

@@ -1 +1 @@
-"use strict";var e=require("mobx"),r=require("../index.js"),u=function(u){void 0===u&&(u={}),this.type=r.FormItemTypeEnum.CUSTOMER_GENDER,this.value=u.value||null,this.placeholder=u.placeholder||"Enter your gender",this.inputLabel=u.inputLabel?new r.InputLabel(u.inputLabel):null,this.required=u.required?new r.RequiredInput(u.required):null,this.updateCurrentInfo=u.updateCurrentInfo||!1,e.makeObservable(this,{value:e.observable,type:e.observable,placeholder:e.observable,inputLabel:e.observable,required:e.observable,updateCurrentInfo:e.observable})};module.exports=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("mobx"),r=require("../index.js"),t=function(t){void 0===t&&(t={}),this.type=r.FormItemTypeEnum.CUSTOMER_GENDER,this.value=t.value||null,this.placeholder=t.placeholder||"Enter your gender",this.inputLabel=t.inputLabel?new r.InputLabel(t.inputLabel):null,this.required=t.required?new r.RequiredInput(t.required):null,this.updateCurrentInfo=t.updateCurrentInfo||!1,e.makeObservable(this,{value:e.observable,type:e.observable,placeholder:e.observable,inputLabel:e.observable,required:e.observable,updateCurrentInfo:e.observable})};exports.CustomerGenderFormItem=t;

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-name/index.d.ts

@@ -1,5 +1,5 @@
 import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
-export default class CustomerNameFormItem {
+export declare class CustomerNameFormItem {
     type: FormItemTypeEnum;
     value: string | null;
     placeholder: string;

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

@@ -1 +1 @@
-"use strict";var e=require("mobx"),r=require("../index.js"),u=function(u){void 0===u&&(u={}),this.type=r.FormItemTypeEnum.CUSTOMER_NAME,this.value=u.value||null,this.placeholder=u.placeholder||"Enter your name",this.inputLabel=u.inputLabel?new r.InputLabel(u.inputLabel):null,this.required=u.required?new r.RequiredInput(u.required):null,this.updateCurrentInfo=u.updateCurrentInfo||!1,e.makeObservable(this,{value:e.observable,type:e.observable,placeholder:e.observable,inputLabel:e.observable,required:e.observable,updateCurrentInfo:e.observable})};module.exports=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("mobx"),r=require("../index.js"),t=function(t){void 0===t&&(t={}),this.type=r.FormItemTypeEnum.CUSTOMER_NAME,this.value=t.value||null,this.placeholder=t.placeholder||"Enter your name",this.inputLabel=t.inputLabel?new r.InputLabel(t.inputLabel):null,this.required=t.required?new r.RequiredInput(t.required):null,this.updateCurrentInfo=t.updateCurrentInfo||!1,e.makeObservable(this,{value:e.observable,type:e.observable,placeholder:e.observable,inputLabel:e.observable,required:e.observable,updateCurrentInfo:e.observable})};exports.CustomerNameFormItem=t;

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-phone/index.d.ts

@@ -1,5 +1,5 @@
 import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
-export default class CustomerPhoneFormItem {
+export declare class CustomerPhoneFormItem {
     type: FormItemTypeEnum;
     value: string | null;
     placeholder: string;

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

@@ -1 +1 @@
-"use strict";var e=require("mobx"),r=require("../index.js"),u=function(u){void 0===u&&(u={}),this.type=r.FormItemTypeEnum.CUSTOMER_PHONE,this.value=u.value||null,this.placeholder=u.placeholder||"Enter your phone",this.inputLabel=u.inputLabel?new r.InputLabel(u.inputLabel):null,this.required=u.required?new r.RequiredInput(u.required):null,this.addCountryCode=u.addCountryCode||!1,this.updateCurrentInfo=u.updateCurrentInfo||!1,e.makeObservable(this,{value:e.observable,type:e.observable,placeholder:e.observable,inputLabel:e.observable,required:e.observable,addCountryCode:e.observable,updateCurrentInfo:e.observable})};module.exports=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("mobx"),r=require("../index.js"),t=function(t){void 0===t&&(t={}),this.type=r.FormItemTypeEnum.CUSTOMER_PHONE,this.value=t.value||null,this.placeholder=t.placeholder||"Enter your phone",this.inputLabel=t.inputLabel?new r.InputLabel(t.inputLabel):null,this.required=t.required?new r.RequiredInput(t.required):null,this.addCountryCode=t.addCountryCode||!1,this.updateCurrentInfo=t.updateCurrentInfo||!1,e.makeObservable(this,{value:e.observable,type:e.observable,placeholder:e.observable,inputLabel:e.observable,required:e.observable,addCountryCode:e.observable,updateCurrentInfo:e.observable})};exports.CustomerPhoneFormItem=t;

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-surname/index.d.ts

@@ -1,5 +1,5 @@
 import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
-export default class CustomerSurnameFormItem {
+export declare class CustomerSurnameFormItem {
     type: FormItemTypeEnum;
     value: string | null;
     placeholder: string;

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

@@ -1 +1 @@
-"use strict";var e=require("mobx"),r=require("../index.js"),u=function(u){void 0===u&&(u={}),this.type=r.FormItemTypeEnum.CUSTOMER_SURNAME,this.value=u.value||null,this.placeholder=u.placeholder||"Enter your surname",this.inputLabel=u.inputLabel?new r.InputLabel(u.inputLabel):null,this.required=u.required?new r.RequiredInput(u.required):null,this.updateCurrentInfo=u.updateCurrentInfo||!1,e.makeObservable(this,{value:e.observable,type:e.observable,placeholder:e.observable,inputLabel:e.observable,required:e.observable,updateCurrentInfo:e.observable})};module.exports=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("mobx"),r=require("../index.js"),u=function(u){void 0===u&&(u={}),this.type=r.FormItemTypeEnum.CUSTOMER_SURNAME,this.value=u.value||null,this.placeholder=u.placeholder||"Enter your surname",this.inputLabel=u.inputLabel?new r.InputLabel(u.inputLabel):null,this.required=u.required?new r.RequiredInput(u.required):null,this.updateCurrentInfo=u.updateCurrentInfo||!1,e.makeObservable(this,{value:e.observable,type:e.observable,placeholder:e.observable,inputLabel:e.observable,required:e.observable,updateCurrentInfo:e.observable})};exports.CustomerSurnameFormItem=u;

package/build-cjs/popup-renderer/models/modal/step/elements/form/form-settings/index.d.ts

@@ -1,4 +1,4 @@
-export default class FormSettings {
+export declare class FormSettings {
     formInputSettings: FormInputSettings;
     gapBetweenItems: number;
     fontFamily: string;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("mobx"),o=function(o){var t,i;void 0===o&&(o={}),this.formInputSettings=o.formInputSettings?new r(o.formInputSettings):new r,this.gapBetweenItems=null!==(t=o.gapBetweenItems)&&void 0!==t?t:12,this.fontFamily=o.fontFamily||"Arial",this.fontSize=null!==(i=o.fontSize)&&void 0!==i?i:14,e.makeObservable(this,{formInputSettings:e.observable,gapBetweenItems:e.observable,fontFamily:e.observable,fontSize:e.observable})},r=function(o){var r,t,i;void 0===o&&(o={}),this.bgColor=o.bgColor||"#FFFFFF",this.borderWidth=null!==(r=o.borderWidth)&&void 0!==r?r:1,this.borderRadius=null!==(t=o.borderRadius)&&void 0!==t?t:4,this.borderColor=o.borderColor||"#E3E8EF",this.focusBorderColor=o.focusBorderColor||"#000000",this.height=null!==(i=o.height)&&void 0!==i?i:40,e.makeObservable(this,{bgColor:e.observable,borderWidth:e.observable,borderRadius:e.observable,borderColor:e.observable,focusBorderColor:e.observable,height:e.observable})};exports.FormInputSettings=r,exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("mobx"),o=function(o){var t,i;void 0===o&&(o={}),this.formInputSettings=o.formInputSettings?new r(o.formInputSettings):new r,this.gapBetweenItems=null!==(t=o.gapBetweenItems)&&void 0!==t?t:12,this.fontFamily=o.fontFamily||"Arial",this.fontSize=null!==(i=o.fontSize)&&void 0!==i?i:14,e.makeObservable(this,{formInputSettings:e.observable,gapBetweenItems:e.observable,fontFamily:e.observable,fontSize:e.observable})},r=function(o){var r,t,i;void 0===o&&(o={}),this.bgColor=o.bgColor||"#FFFFFF",this.borderWidth=null!==(r=o.borderWidth)&&void 0!==r?r:1,this.borderRadius=null!==(t=o.borderRadius)&&void 0!==t?t:4,this.borderColor=o.borderColor||"#E3E8EF",this.focusBorderColor=o.focusBorderColor||"#000000",this.height=null!==(i=o.height)&&void 0!==i?i:40,e.makeObservable(this,{bgColor:e.observable,borderWidth:e.observable,borderRadius:e.observable,borderColor:e.observable,focusBorderColor:e.observable,height:e.observable})};exports.FormInputSettings=r,exports.FormSettings=o;

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

@@ -1,14 +1,14 @@
-import BaseElement, { PopupElementTypeEnum } from "../base";
+import { BaseElement, PopupElementTypeEnum } from "../base";
 import { ButtonElement } from "../button";
-import FormSettings from "./form-settings";
-import CustomerNameFormItem from "./customer-name";
-import CustomerSurnameFormItem from "./customer-surname";
-import CustomerEmailFormItem from "./customer-email";
-import CustomerPhoneFormItem from "./customer-phone";
-import CustomerBirthdayFormItem from "./customer-birthday";
-import CustomerGenderFormItem from "./customer-gender";
-import CheckboxFormItem from "./checkbox";
-import CustomerAttributeFormItem from "./customer-attribute";
+import { FormSettings } from "./form-settings";
+import { CustomerNameFormItem } from "./customer-name";
+import { CustomerSurnameFormItem } from "./customer-surname";
+import { CustomerEmailFormItem } from "./customer-email";
+import { CustomerPhoneFormItem } from "./customer-phone";
+import { CustomerBirthdayFormItem } from "./customer-birthday";
+import { CustomerGenderFormItem } from "./customer-gender";
+import { CheckboxFormItem } from "./checkbox";
+import { CustomerAttributeFormItem } from "./customer-attribute";
 export declare enum FormItemTypeEnum {
     CUSTOMER_NAME = "CUSTOMER_NAME",
     CUSTOMER_SURNAME = "CUSTOMER_SURNAME",
@@ -20,7 +20,7 @@ export declare enum FormItemTypeEnum {
     CUSTOMER_ATTRIBUTE = "CUSTOMER_ATTRIBUTE"
 }
 export type FormItem = CustomerNameFormItem | CustomerSurnameFormItem | CustomerEmailFormItem | CustomerPhoneFormItem | CustomerBirthdayFormItem | CustomerGenderFormItem | CheckboxFormItem | CustomerAttributeFormItem;
-export default class FormElement extends BaseElement {
+export declare class FormElement extends BaseElement {
     type: PopupElementTypeEnum;
     rows: FormRow[];
     formSettings: FormSettings;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),t=require("mobx"),o=require("uuid"),n=require("../base/index.js"),s=require("../button/index.js"),i=require("./form-settings/index.js"),u=require("./customer-name/index.js"),m=require("./customer-surname/index.js"),a=require("./customer-email/index.js"),d=require("./customer-phone/index.js"),E=require("./customer-birthday/index.js"),l=require("./customer-gender/index.js"),b=require("./checkbox/index.js"),p=require("./customer-attribute/index.js");exports.FormItemTypeEnum=void 0,(e=exports.FormItemTypeEnum||(exports.FormItemTypeEnum={})).CUSTOMER_NAME="CUSTOMER_NAME",e.CUSTOMER_SURNAME="CUSTOMER_SURNAME",e.CUSTOMER_EMAIL="CUSTOMER_EMAIL",e.CUSTOMER_PHONE="CUSTOMER_PHONE",e.CUSTOMER_BIRTHDAY="CUSTOMER_BIRTHDAY",e.CUSTOMER_GENDER="CUSTOMER_GENDER",e.CHECKBOX_FORM_ITEM="CHECKBOX_FORM_ITEM",e.CUSTOMER_ATTRIBUTE="CUSTOMER_ATTRIBUTE";var c=function(e){function o(r){void 0===r&&(r={});var o,u,m=this;return(m=e.call(this,r)||this).type=n.PopupElementTypeEnum.FORM,m.rows=r.rows?r.rows.map((function(e){return new T(e)})):[],m.formSettings=r.formSettings||new i.default,m.buttonSettings=r.buttonSettings||new s.ButtonElement({outerHorizontalPadding:0,outerVerticalPadding:0}),m.bgColor=r.bgColor||"#FFFFFF",m.verticalPadding=null!==(o=r.verticalPadding)&&void 0!==o?o:12,m.horizontalPadding=null!==(u=r.horizontalPadding)&&void 0!==u?u:12,t.makeObservable(m,{rows:t.observable,formSettings:t.observable,buttonSettings:t.observable,bgColor:t.observable,addNewElement:t.action.bound}),0===m.rows.length&&m.addNewElement(exports.FormItemTypeEnum.CUSTOMER_EMAIL),m}return r.__extends(o,e),o.prototype.addNewElement=function(e){var r=new T({order:this.rows.length,columns:[new _({type:e,order:0})]});this.rows.push(r)},o}(n.default),T=function(){function e(e){void 0===e&&(e={}),this.id=e.id||o.v4(),this.order=e.order||0,this.columns=e.columns?e.columns.map((function(e){return new _(e)})):[],t.makeObservable(this,{id:t.observable,order:t.observable,columns:t.observable,addNewElement:t.action.bound,changeColumnSort:t.action.bound})}return e.prototype.addNewElement=function(e){this.columns.push(new _({type:e,order:this.columns.length}))},e.prototype.changeColumnSort=function(){this.columns.forEach((function(e,r){0===r?e.order=e.order+1:1===r&&(e.order=e.order-1)})),this.columns=this.columns.sort((function(e,r){return e.order-r.order}))},e}(),_=function(){function e(e){void 0===e&&(e={}),this.id=e.id||o.v4(),this.order=e.order||0,this.type=e.type||exports.FormItemTypeEnum.CUSTOMER_NAME,this.formItem=this.setFormItems(e.formItem),t.makeObservable(this,{id:t.observable,order:t.observable,type:t.observable,formItem:t.observable,setFormItems:t.action.bound})}return e.prototype.setFormItems=function(e){switch(this.type){case exports.FormItemTypeEnum.CUSTOMER_NAME:return new u(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_SURNAME:return new m(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_EMAIL:return new a(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_PHONE:return new d(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_BIRTHDAY:return new E(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_GENDER:return new l(r.__assign({},e));case exports.FormItemTypeEnum.CHECKBOX_FORM_ITEM:return new b.default(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_ATTRIBUTE:return new p.default(r.__assign({},e))}},e}(),M=function(e){void 0===e&&(e={}),this.text=e.text||"Input Label",t.makeObservable(this,{text:t.observable})},h=function(e){void 0===e&&(e={}),this.validationErrorMessage=e.validationErrorMessage||"It's required to fill this field",this.hasError=e.hasError||!1,t.makeObservable(this,{validationErrorMessage:t.observable,hasError:t.observable})};exports.FormColumn=_,exports.FormRow=T,exports.InputLabel=M,exports.RequiredInput=h,exports.default=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),t=require("mobx"),o=require("uuid"),s=require("../base/index.js"),n=require("../button/index.js"),i=require("./form-settings/index.js"),m=require("./customer-name/index.js"),u=require("./customer-surname/index.js"),a=require("./customer-email/index.js"),E=require("./customer-phone/index.js"),d=require("./customer-birthday/index.js"),l=require("./customer-gender/index.js"),b=require("./checkbox/index.js"),p=require("./customer-attribute/index.js");exports.FormItemTypeEnum=void 0,(e=exports.FormItemTypeEnum||(exports.FormItemTypeEnum={})).CUSTOMER_NAME="CUSTOMER_NAME",e.CUSTOMER_SURNAME="CUSTOMER_SURNAME",e.CUSTOMER_EMAIL="CUSTOMER_EMAIL",e.CUSTOMER_PHONE="CUSTOMER_PHONE",e.CUSTOMER_BIRTHDAY="CUSTOMER_BIRTHDAY",e.CUSTOMER_GENDER="CUSTOMER_GENDER",e.CHECKBOX_FORM_ITEM="CHECKBOX_FORM_ITEM",e.CUSTOMER_ATTRIBUTE="CUSTOMER_ATTRIBUTE";var c=function(e){function o(r){void 0===r&&(r={});var o,m,u=this;return(u=e.call(this,r)||this).type=s.PopupElementTypeEnum.FORM,u.rows=r.rows?r.rows.map((function(e){return new T(e)})):[],u.formSettings=r.formSettings||new i.FormSettings,u.buttonSettings=r.buttonSettings||new n.ButtonElement({outerHorizontalPadding:0,outerVerticalPadding:0}),u.bgColor=r.bgColor||"#FFFFFF",u.verticalPadding=null!==(o=r.verticalPadding)&&void 0!==o?o:12,u.horizontalPadding=null!==(m=r.horizontalPadding)&&void 0!==m?m:12,t.makeObservable(u,{rows:t.observable,formSettings:t.observable,buttonSettings:t.observable,bgColor:t.observable,addNewElement:t.action.bound}),0===u.rows.length&&u.addNewElement(exports.FormItemTypeEnum.CUSTOMER_EMAIL),u}return r.__extends(o,e),o.prototype.addNewElement=function(e){var r=new T({order:this.rows.length,columns:[new _({type:e,order:0})]});this.rows.push(r)},o}(s.BaseElement),T=function(){function e(e){void 0===e&&(e={}),this.id=e.id||o.v4(),this.order=e.order||0,this.columns=e.columns?e.columns.map((function(e){return new _(e)})):[],t.makeObservable(this,{id:t.observable,order:t.observable,columns:t.observable,addNewElement:t.action.bound,changeColumnSort:t.action.bound})}return e.prototype.addNewElement=function(e){this.columns.push(new _({type:e,order:this.columns.length}))},e.prototype.changeColumnSort=function(){this.columns.forEach((function(e,r){0===r?e.order=e.order+1:1===r&&(e.order=e.order-1)})),this.columns=this.columns.sort((function(e,r){return e.order-r.order}))},e}(),_=function(){function e(e){void 0===e&&(e={}),this.id=e.id||o.v4(),this.order=e.order||0,this.type=e.type||exports.FormItemTypeEnum.CUSTOMER_NAME,this.formItem=this.setFormItems(e.formItem),t.makeObservable(this,{id:t.observable,order:t.observable,type:t.observable,formItem:t.observable,setFormItems:t.action.bound})}return e.prototype.setFormItems=function(e){switch(this.type){case exports.FormItemTypeEnum.CUSTOMER_NAME:return new m.CustomerNameFormItem(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_SURNAME:return new u.CustomerSurnameFormItem(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_EMAIL:return new a.CustomerEmailFormItem(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_PHONE:return new E.CustomerPhoneFormItem(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_BIRTHDAY:return new d.CustomerBirthdayFormItem(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_GENDER:return new l.CustomerGenderFormItem(r.__assign({},e));case exports.FormItemTypeEnum.CHECKBOX_FORM_ITEM:return new b.CheckboxFormItem(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_ATTRIBUTE:return new p.CustomerAttributeFormItem(r.__assign({},e))}},e}(),h=function(e){void 0===e&&(e={}),this.text=e.text||"Input Label",t.makeObservable(this,{text:t.observable})},M=function(e){void 0===e&&(e={}),this.validationErrorMessage=e.validationErrorMessage||"It's required to fill this field",this.hasError=e.hasError||!1,t.makeObservable(this,{validationErrorMessage:t.observable,hasError:t.observable})};exports.FormColumn=_,exports.FormElement=c,exports.FormRow=T,exports.InputLabel=h,exports.RequiredInput=M;

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

@@ -1,4 +1,4 @@
-import BaseElement, { PopupElementTypeEnum } from "../base";
+import { BaseElement, PopupElementTypeEnum } from "../base";
 export declare const IMAGE_SIZE = 1080;
 export declare enum ImagePositionEnum {
     FLOAT_LEFT = "FLOAT_LEFT",

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,i=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),o=require("mobx"),t=require("../base/index.js");exports.ImagePositionEnum=void 0,(e=exports.ImagePositionEnum||(exports.ImagePositionEnum={})).FLOAT_LEFT="FLOAT_LEFT",e.FLOAT_RIGHT="FLOAT_RIGHT",e.DISABLE_FLOAT="DISABLE_FLOAT";var n=function(e){function n(i){var n,r,a,s,l=this;return(l=e.call(this,i)||this).type=t.PopupElementTypeEnum.IMAGE,l.imagePosition=i.imagePosition||exports.ImagePositionEnum.DISABLE_FLOAT,l.imageId=i.imageId||null,l.bgColor=i.bgColor||"#FFFFFF",l.cdnURL=null,l.merchantId=null,l.link=i.link||null,l.maxWidth=null!==(n=i.maxWidth)&&void 0!==n?n:100,l.verticalPadding=null!==(r=i.verticalPadding)&&void 0!==r?r:24,l.horizontalPadding=null!==(a=i.horizontalPadding)&&void 0!==a?a:24,l.borderRadius=null!==(s=i.borderRadius)&&void 0!==s?s:0,o.makeObservable(l,{imagePosition:o.observable,imageId:o.observable,bgColor:o.observable,cdnURL:o.observable,merchantId:o.observable,link:o.observable,maxWidth:o.observable,borderRadius:o.observable,src:o.computed}),l}return i.__extends(n,e),Object.defineProperty(n.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}),n}(t.default);exports.IMAGE_SIZE=1080,exports.ImageElement=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,i=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),o=require("mobx"),n=require("../base/index.js");exports.ImagePositionEnum=void 0,(e=exports.ImagePositionEnum||(exports.ImagePositionEnum={})).FLOAT_LEFT="FLOAT_LEFT",e.FLOAT_RIGHT="FLOAT_RIGHT",e.DISABLE_FLOAT="DISABLE_FLOAT";var t=function(e){function t(i){var t,r,a,s,l=this;return(l=e.call(this,i)||this).type=n.PopupElementTypeEnum.IMAGE,l.imagePosition=i.imagePosition||exports.ImagePositionEnum.DISABLE_FLOAT,l.imageId=i.imageId||null,l.bgColor=i.bgColor||"#FFFFFF",l.cdnURL=null,l.merchantId=null,l.link=i.link||null,l.maxWidth=null!==(t=i.maxWidth)&&void 0!==t?t:100,l.verticalPadding=null!==(r=i.verticalPadding)&&void 0!==r?r:24,l.horizontalPadding=null!==(a=i.horizontalPadding)&&void 0!==a?a:24,l.borderRadius=null!==(s=i.borderRadius)&&void 0!==s?s:0,o.makeObservable(l,{imagePosition:o.observable,imageId:o.observable,bgColor:o.observable,cdnURL:o.observable,merchantId:o.observable,link:o.observable,maxWidth:o.observable,borderRadius:o.observable,src:o.computed}),l}return i.__extends(t,e),Object.defineProperty(t.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}),t}(n.BaseElement);exports.IMAGE_SIZE=1080,exports.ImageElement=t;

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

@@ -1,4 +1,4 @@
-import BaseElement, { PopupElementTypeEnum } from "../base";
+import { BaseElement, PopupElementTypeEnum } from "../base";
 export declare enum ImageColumnPositionEnum {
     LEFT_ALIGN = "LEFT_ALIGN",
     RIGTH_ALIGN = "RIGTH_ALIGN"

package/build-cjs/popup-renderer/models/modal/step/elements/image-column/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,i=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),n=require("mobx"),o=require("../base/index.js"),t=require("../image/index.js");exports.ImageColumnPositionEnum=void 0,(e=exports.ImageColumnPositionEnum||(exports.ImageColumnPositionEnum={})).LEFT_ALIGN="LEFT_ALIGN",e.RIGTH_ALIGN="RIGTH_ALIGN";var a=function(e){function a(i){var t,a,r=this;return(r=e.call(this,i)||this).type=o.PopupElementTypeEnum.IMAGE_COLUMN,r.imagePosition=i.imagePosition||exports.ImageColumnPositionEnum.RIGTH_ALIGN,r.imageId=i.imageId||null,r.cdnURL=null,r.merchantId=null,r.link=i.link||null,r.verticalPadding=null!==(t=i.verticalPadding)&&void 0!==t?t:24,r.horizontalPadding=null!==(a=i.horizontalPadding)&&void 0!==a?a:24,n.makeObservable(r,{imagePosition:n.observable,imageId:n.observable,cdnURL:n.observable,merchantId:n.observable,link:n.observable,src:n.computed}),r}return i.__extends(a,e),Object.defineProperty(a.prototype,"src",{get:function(){if(this.imageId)return this.imageId.includes("/")?"".concat(this.cdnURL,"images/").concat(this.merchantId,"/").concat(this.imageId,"/image_").concat(t.IMAGE_SIZE,".jpeg"):void 0},enumerable:!1,configurable:!0}),a}(o.default);exports.ImageColumnElement=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,i=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),n=require("mobx"),o=require("../base/index.js"),t=require("../image/index.js");exports.ImageColumnPositionEnum=void 0,(e=exports.ImageColumnPositionEnum||(exports.ImageColumnPositionEnum={})).LEFT_ALIGN="LEFT_ALIGN",e.RIGTH_ALIGN="RIGTH_ALIGN";var a=function(e){function a(i){var t,a,r=this;return(r=e.call(this,i)||this).type=o.PopupElementTypeEnum.IMAGE_COLUMN,r.imagePosition=i.imagePosition||exports.ImageColumnPositionEnum.RIGTH_ALIGN,r.imageId=i.imageId||null,r.cdnURL=null,r.merchantId=null,r.link=i.link||null,r.verticalPadding=null!==(t=i.verticalPadding)&&void 0!==t?t:24,r.horizontalPadding=null!==(a=i.horizontalPadding)&&void 0!==a?a:24,n.makeObservable(r,{imagePosition:n.observable,imageId:n.observable,cdnURL:n.observable,merchantId:n.observable,link:n.observable,src:n.computed}),r}return i.__extends(a,e),Object.defineProperty(a.prototype,"src",{get:function(){if(this.imageId)return this.imageId.includes("/")?"".concat(this.cdnURL,"images/").concat(this.merchantId,"/").concat(this.imageId,"/image_").concat(t.IMAGE_SIZE,".jpeg"):void 0},enumerable:!1,configurable:!0}),a}(o.BaseElement);exports.ImageColumnElement=a;

package/build-cjs/popup-renderer/models/modal/step/elements/product/detail-settings/index.d.ts

@@ -1,5 +1,5 @@
 import { TextElement } from "../../text";
-export default class ProductDetailSettings {
+export declare class ProductDetailSettings {
     image: ProductImageSettings | null;
     name: TextElement | null;
     discountRatio: TextElement | null;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("mobx"),o=require("../../text/index.js"),i=function(e){void 0===e&&(e={}),this.image=e.image?new n(e.image):new n({}),this.name=e.name?new o.TextElement(e.name):new o.TextElement({horizontalPadding:0,verticalPadding:6}),this.discountRatio=e.discountRatio?new o.TextElement(e.discountRatio):new o.TextElement({horizontalPadding:0,verticalPadding:8}),this.originalPrice=e.originalPrice?new o.TextElement(e.originalPrice):new o.TextElement({horizontalPadding:0,verticalPadding:2,fontSize:14,color:"#697586"}),this.finalPrice=e.finalPrice?new o.TextElement(e.finalPrice):new o.TextElement({horizontalPadding:0,verticalPadding:2}),this.button=e.button?new a(e.button):new a({}),t.makeObservable(this,{image:t.observable,name:t.observable,discountRatio:t.observable,originalPrice:t.observable,finalPrice:t.observable,button:t.observable})},n=function(e){var o,i;this.bgColor=e.bgColor||"#FFFFFF",this.maxWidth=null!==(o=e.maxWidth)&&void 0!==o?o:100,this.borderRadius=null!==(i=e.borderRadius)&&void 0!==i?i:0,t.makeObservable(this,{bgColor:t.observable,maxWidth:t.observable,borderRadius:t.observable})},r=function(e){var o;void 0===e&&(e={}),this.color=e.color||"#000000",this.bgColor=e.bgColor||"#FFFFFF",this.fontFamily=e.fontFamily||"Arial",this.fontSize=null!==(o=e.fontSize)&&void 0!==o?o:24,t.makeObservable(this,{color:t.observable,bgColor:t.observable,fontFamily:t.observable,fontSize:t.observable})};exports.ProductActionTypeEnum=void 0,(e=exports.ProductActionTypeEnum||(exports.ProductActionTypeEnum={})).ADD_TO_CART="ADD_TO_CART",e.NAVIGATE_TO_PRODUCT_DETAIL="NAVIGATE_TO_PRODUCT_DETAIL";var a=function(e){void 0===e&&(e={}),this.text=e.text||"Button Text",this.action=e.action||exports.ProductActionTypeEnum.ADD_TO_CART,t.makeObservable(this,{text:t.observable,action:t.observable})};exports.ProductButtonSettings=a,exports.ProductDiscountRatioSettings=r,exports.ProductImageSettings=n,exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("mobx"),i=require("../../text/index.js"),o=function(e){void 0===e&&(e={}),this.image=e.image?new n(e.image):new n({}),this.name=e.name?new i.TextElement(e.name):new i.TextElement({horizontalPadding:0,verticalPadding:6}),this.discountRatio=e.discountRatio?new i.TextElement(e.discountRatio):new i.TextElement({horizontalPadding:0,verticalPadding:8}),this.originalPrice=e.originalPrice?new i.TextElement(e.originalPrice):new i.TextElement({horizontalPadding:0,verticalPadding:2,fontSize:14,color:"#697586"}),this.finalPrice=e.finalPrice?new i.TextElement(e.finalPrice):new i.TextElement({horizontalPadding:0,verticalPadding:2}),this.button=e.button?new a(e.button):new a({}),t.makeObservable(this,{image:t.observable,name:t.observable,discountRatio:t.observable,originalPrice:t.observable,finalPrice:t.observable,button:t.observable})},n=function(e){var i,o;this.bgColor=e.bgColor||"#FFFFFF",this.maxWidth=null!==(i=e.maxWidth)&&void 0!==i?i:100,this.borderRadius=null!==(o=e.borderRadius)&&void 0!==o?o:0,t.makeObservable(this,{bgColor:t.observable,maxWidth:t.observable,borderRadius:t.observable})},r=function(e){var i;void 0===e&&(e={}),this.color=e.color||"#000000",this.bgColor=e.bgColor||"#FFFFFF",this.fontFamily=e.fontFamily||"Arial",this.fontSize=null!==(i=e.fontSize)&&void 0!==i?i:24,t.makeObservable(this,{color:t.observable,bgColor:t.observable,fontFamily:t.observable,fontSize:t.observable})};exports.ProductActionTypeEnum=void 0,(e=exports.ProductActionTypeEnum||(exports.ProductActionTypeEnum={})).ADD_TO_CART="ADD_TO_CART",e.NAVIGATE_TO_PRODUCT_DETAIL="NAVIGATE_TO_PRODUCT_DETAIL";var a=function(e){void 0===e&&(e={}),this.text=e.text||"Button Text",this.action=e.action||exports.ProductActionTypeEnum.ADD_TO_CART,t.makeObservable(this,{text:t.observable,action:t.observable})};exports.ProductButtonSettings=a,exports.ProductDetailSettings=o,exports.ProductDiscountRatioSettings=r,exports.ProductImageSettings=n;

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

@@ -1,5 +1,5 @@
-import BaseElement, { PopupElementTypeEnum } from "../base";
-import ProductDetailSettings from "./detail-settings";
+import { BaseElement, PopupElementTypeEnum } from "../base";
+import { ProductDetailSettings } from "./detail-settings";
 import { ButtonElement } from "../button";
 export declare enum ProductListSortTypeEnum {
     ASC_AVERAGE_RATING = "ASC_AVERAGE_RATING",
@@ -29,7 +29,7 @@ export declare enum ProductListLayoutEnum {
     THREE_COLUMN = "THREE_COLUMN"
 }
 export declare const MAX_PRODUCT_COUNT = 10;
-export default class ProductListElement extends BaseElement {
+export declare class ProductListElement extends BaseElement {
     type: PopupElementTypeEnum;
     listType: ProductListTypeEnum;
     sortType: ProductListSortTypeEnum;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,r,o=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),i=require("mobx"),n=require("uuid"),u=require("../base/index.js"),s=require("./detail-settings/index.js"),a=require("../button/index.js");exports.ProductListSortTypeEnum=void 0,(e=exports.ProductListSortTypeEnum||(exports.ProductListSortTypeEnum={})).ASC_AVERAGE_RATING="ASC_AVERAGE_RATING",e.DESC_AVERAGE_RATING="DESC_AVERAGE_RATING",e.ASC_CREATED_AT="ASC_CREATED_AT",e.DESC_CREATED_AT="DESC_CREATED_AT",e.ASC_DISCOUNT_RATIO="ASC_DISCOUNT_RATIO",e.DESC_DISCOUNT_RATIO="DESC_DISCOUNT_RATIO",e.ASC_NAME="ASC_NAME",e.DESC_NAME="DESC_NAME",e.ASC_PRICE="ASC_PRICE",e.DESC_PRICE="DESC_PRICE",e.ASC_REVIEW_COUNT="ASC_REVIEW_COUNT",e.DESC_REVIEW_COUNT="DESC_REVIEW_COUNT",e.ASC_SALE_COUNT="ASC_SALE_COUNT",e.DESC_SALE_COUNT="DESC_SALE_COUNT",exports.ProductListTypeEnum=void 0,(t=exports.ProductListTypeEnum||(exports.ProductListTypeEnum={})).ALL="ALL",t.SPECIFIC="SPECIFIC",t.CATEGORY="CATEGORY",t.LAST_VIEWED="LAST_VIEWED",exports.ProductListLayoutEnum=void 0,(r=exports.ProductListLayoutEnum||(exports.ProductListLayoutEnum={})).ONE_COLUMN="ONE_COLUMN",r.TWO_COLUMN="TWO_COLUMN",r.THREE_COLUMN="THREE_COLUMN";var l=function(e){function t(t){void 0===t&&(t={});var r,o,n,l,d,c,E,p,b=this;return(b=e.call(this,t)||this).type=u.PopupElementTypeEnum.PRODUCT_LIST,b.listType=t.listType||exports.ProductListTypeEnum.ALL,b.sortType=t.sortType||exports.ProductListSortTypeEnum.ASC_CREATED_AT,b.maxProductsToShow=null!==(r=t.maxProductsToShow)&&void 0!==r?r:10,b.categoryId=null!==(o=t.categoryId)&&void 0!==o?o:null,b.variantPairs=null!==(n=t.variantPairs)&&void 0!==n?n:null,b.layout=null!==(l=t.layout)&&void 0!==l?l:exports.ProductListLayoutEnum.TWO_COLUMN,b.productDetailSettings=t.productDetailSettings?new s.default(t.productDetailSettings):new s.default,b.buttonSettings=t.buttonSettings?new a.ButtonElement(t.buttonSettings):new a.ButtonElement({outerHorizontalPadding:0}),b.productBgColor=t.productBgColor||"#FFFFFF",b.gapBetweenProductElements=null!==(d=t.gapBetweenProductElements)&&void 0!==d?d:12,b.gapBetweenProducts=null!==(c=t.gapBetweenProducts)&&void 0!==c?c:12,b.verticalPadding=null!==(E=t.verticalPadding)&&void 0!==E?E:12,b.horizontalPadding=null!==(p=t.horizontalPadding)&&void 0!==p?p:12,i.makeObservable(b,{type:i.observable,listType:i.observable,sortType:i.observable,maxProductsToShow:i.observable,categoryId:i.observable,variantPairs:i.observable,layout:i.observable,productDetailSettings:i.observable,buttonSettings:i.observable,productBgColor:i.observable,gapBetweenProductElements:i.observable,gapBetweenProducts:i.observable}),b}return o.__extends(t,e),t}(u.default),d=function(e){var t;this.productId=e.productId,this.variantId=e.variantId,this.order=null!==(t=e.order)&&void 0!==t?t:0,this.productListElementId=e.productListElementId,i.makeObservable(this,{productId:i.observable,variantId:i.observable,order:i.observable,productListElementId:i.observable})},c=function(){function e(e){void 0===e&&(e={}),this.productId=e.productId||n.v4(),this.variantId=e.variantId||n.v4(),this.name=e.name||"",this.price=e.price||0,this.discountPrice=e.discountPrice||null,this.imageURL=e.imageURL?"".concat(e.imageURL,"/image_").concat(1080,".jpeg"):null,this.currencySymbol=e.currencySymbol||null,this.url=e.url||null,i.makeObservable(this,{productId:i.observable,variantId:i.observable,name:i.observable,price:i.observable,discountPrice:i.observable,imageURL:i.observable,currencySymbol:i.observable,url:i.observable,$price:i.computed,$discountPrice:i.computed})}return Object.defineProperty(e.prototype,"$price",{get:function(){return this.currencySymbol+new Intl.NumberFormat(void 0,{minimumFractionDigits:2,maximumFractionDigits:2}).format(this.price)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"$discountPrice",{get:function(){return this.discountPrice?this.currencySymbol+new Intl.NumberFormat(void 0,{minimumFractionDigits:2,maximumFractionDigits:2}).format(this.discountPrice):null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"$discountRatio",{get:function(){return this.discountPrice?"%"+((this.price-this.discountPrice)/this.price*100).toFixed(2):null},enumerable:!1,configurable:!0}),e}();exports.MAX_PRODUCT_COUNT=10,exports.PopupProduct=c,exports.PopupVariantPair=d,exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,r,o=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),i=require("mobx"),n=require("uuid"),u=require("../base/index.js"),s=require("./detail-settings/index.js"),a=require("../button/index.js");exports.ProductListSortTypeEnum=void 0,(e=exports.ProductListSortTypeEnum||(exports.ProductListSortTypeEnum={})).ASC_AVERAGE_RATING="ASC_AVERAGE_RATING",e.DESC_AVERAGE_RATING="DESC_AVERAGE_RATING",e.ASC_CREATED_AT="ASC_CREATED_AT",e.DESC_CREATED_AT="DESC_CREATED_AT",e.ASC_DISCOUNT_RATIO="ASC_DISCOUNT_RATIO",e.DESC_DISCOUNT_RATIO="DESC_DISCOUNT_RATIO",e.ASC_NAME="ASC_NAME",e.DESC_NAME="DESC_NAME",e.ASC_PRICE="ASC_PRICE",e.DESC_PRICE="DESC_PRICE",e.ASC_REVIEW_COUNT="ASC_REVIEW_COUNT",e.DESC_REVIEW_COUNT="DESC_REVIEW_COUNT",e.ASC_SALE_COUNT="ASC_SALE_COUNT",e.DESC_SALE_COUNT="DESC_SALE_COUNT",exports.ProductListTypeEnum=void 0,(t=exports.ProductListTypeEnum||(exports.ProductListTypeEnum={})).ALL="ALL",t.SPECIFIC="SPECIFIC",t.CATEGORY="CATEGORY",t.LAST_VIEWED="LAST_VIEWED",exports.ProductListLayoutEnum=void 0,(r=exports.ProductListLayoutEnum||(exports.ProductListLayoutEnum={})).ONE_COLUMN="ONE_COLUMN",r.TWO_COLUMN="TWO_COLUMN",r.THREE_COLUMN="THREE_COLUMN";var l=function(e){function t(t){void 0===t&&(t={});var r,o,n,l,d,c,E,p,b=this;return(b=e.call(this,t)||this).type=u.PopupElementTypeEnum.PRODUCT_LIST,b.listType=t.listType||exports.ProductListTypeEnum.ALL,b.sortType=t.sortType||exports.ProductListSortTypeEnum.ASC_CREATED_AT,b.maxProductsToShow=null!==(r=t.maxProductsToShow)&&void 0!==r?r:10,b.categoryId=null!==(o=t.categoryId)&&void 0!==o?o:null,b.variantPairs=null!==(n=t.variantPairs)&&void 0!==n?n:null,b.layout=null!==(l=t.layout)&&void 0!==l?l:exports.ProductListLayoutEnum.TWO_COLUMN,b.productDetailSettings=t.productDetailSettings?new s.ProductDetailSettings(t.productDetailSettings):new s.ProductDetailSettings,b.buttonSettings=t.buttonSettings?new a.ButtonElement(t.buttonSettings):new a.ButtonElement({outerHorizontalPadding:0}),b.productBgColor=t.productBgColor||"#FFFFFF",b.gapBetweenProductElements=null!==(d=t.gapBetweenProductElements)&&void 0!==d?d:12,b.gapBetweenProducts=null!==(c=t.gapBetweenProducts)&&void 0!==c?c:12,b.verticalPadding=null!==(E=t.verticalPadding)&&void 0!==E?E:12,b.horizontalPadding=null!==(p=t.horizontalPadding)&&void 0!==p?p:12,i.makeObservable(b,{type:i.observable,listType:i.observable,sortType:i.observable,maxProductsToShow:i.observable,categoryId:i.observable,variantPairs:i.observable,layout:i.observable,productDetailSettings:i.observable,buttonSettings:i.observable,productBgColor:i.observable,gapBetweenProductElements:i.observable,gapBetweenProducts:i.observable}),b}return o.__extends(t,e),t}(u.BaseElement),d=function(e){var t;this.productId=e.productId,this.variantId=e.variantId,this.order=null!==(t=e.order)&&void 0!==t?t:0,this.productListElementId=e.productListElementId,i.makeObservable(this,{productId:i.observable,variantId:i.observable,order:i.observable,productListElementId:i.observable})},c=function(){function e(e){void 0===e&&(e={}),this.productId=e.productId||n.v4(),this.variantId=e.variantId||n.v4(),this.name=e.name||"",this.price=e.price||0,this.discountPrice=e.discountPrice||null,this.imageURL=e.imageURL?"".concat(e.imageURL,"/image_").concat(1080,".jpeg"):null,this.currencySymbol=e.currencySymbol||null,this.url=e.url||null,i.makeObservable(this,{productId:i.observable,variantId:i.observable,name:i.observable,price:i.observable,discountPrice:i.observable,imageURL:i.observable,currencySymbol:i.observable,url:i.observable,$price:i.computed,$discountPrice:i.computed})}return Object.defineProperty(e.prototype,"$price",{get:function(){return this.currencySymbol+new Intl.NumberFormat(void 0,{minimumFractionDigits:2,maximumFractionDigits:2}).format(this.price)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"$discountPrice",{get:function(){return this.discountPrice?this.currencySymbol+new Intl.NumberFormat(void 0,{minimumFractionDigits:2,maximumFractionDigits:2}).format(this.discountPrice):null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"$discountRatio",{get:function(){return this.discountPrice?"%"+((this.price-this.discountPrice)/this.price*100).toFixed(2):null},enumerable:!1,configurable:!0}),e}();exports.MAX_PRODUCT_COUNT=10,exports.PopupProduct=c,exports.PopupVariantPair=d,exports.ProductListElement=l;

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

@@ -1,5 +1,5 @@
-import BaseElement, { PopupElementTypeEnum } from "../base";
-export default class SocialMediaElement extends BaseElement {
+import { BaseElement, PopupElementTypeEnum } from "../base";
+export declare class SocialMediaElement extends BaseElement {
     type: PopupElementTypeEnum;
     logoColor: string;
     borderRadius: number;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o,e=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),i=require("mobx"),a=require("uuid"),n=require("../base/index.js"),r=function(o){function a(e){void 0===e&&(e={});var a,r,c,l,s,d=this;return(d=o.call(this,e)||this).type=n.PopupElementTypeEnum.SOCIAL_MEDIA,d.logoColor=e.logoColor||"#000000",d.borderRadius=null!==(a=e.borderRadius)&&void 0!==a?a:0,d.bgColor=e.bgColor||"#ffffff",d.gapBetweenLogos=null!==(r=e.gapBetweenLogos)&&void 0!==r?r:8,d.verticalPadding=null!==(c=e.verticalPadding)&&void 0!==c?c:24,d.horizontalPadding=null!==(l=e.horizontalPadding)&&void 0!==l?l:24,d.socialMediaLinks=(null===(s=e.socialMediaLinks)||void 0===s?void 0:s.length)?e.socialMediaLinks.map((function(o){return new t(o)})):[new t({type:exports.SocialMediaTypeEnum.FACEBOOK,order:0,icon:"https://cdn.myikas.dev/social/facebook/1080/".concat(d.borderRadius,"/").concat(d.bgColor,"/").concat(d.logoColor)}),new t({type:exports.SocialMediaTypeEnum.TWITTER,order:1,icon:"https://cdn.myikas.dev/social/x/1080/".concat(d.borderRadius,"/").concat(d.bgColor,"/").concat(d.logoColor)}),new t({type:exports.SocialMediaTypeEnum.INSTAGRAM,order:2,icon:"https://cdn.myikas.dev/social/instagram/1080/".concat(d.borderRadius,"/").concat(d.bgColor,"/").concat(d.logoColor)}),new t({type:exports.SocialMediaTypeEnum.YOUTUBE,order:3,icon:"https://cdn.myikas.dev/social/youtube/1080/".concat(d.borderRadius,"/").concat(d.bgColor,"/").concat(d.logoColor)}),new t({type:exports.SocialMediaTypeEnum.TIKTOK,order:4,icon:"https://cdn.myikas.dev/social/tiktok/1080/".concat(d.borderRadius,"/").concat(d.bgColor,"/").concat(d.logoColor)}),new t({type:exports.SocialMediaTypeEnum.LINKEDIN,order:4,icon:"https://cdn.myikas.dev/social/linkedin/1080/".concat(d.borderRadius,"/").concat(d.bgColor,"/").concat(d.logoColor)})],i.makeObservable(d,{logoColor:i.observable,borderRadius:i.observable,bgColor:i.observable,socialMediaLinks:i.observable,gapBetweenLogos:i.observable,updateIconLinks:i.action.bound}),d}return e.__extends(a,o),a.prototype.updateIconLinks=function(){var o=this;this.socialMediaLinks.forEach((function(e){e.icon="https://cdn.myikas.dev/social/".concat(e.type.toLowerCase(),"/1080/").concat(o.borderRadius,"/").concat(o.bgColor,"/").concat(o.logoColor)}))},a}(n.default),t=function(){function o(o){var e;void 0===o&&(o={}),this.id=o.id||a.v4(),this.icon=o.icon||null,this.link=o.link||null,this.order=null!==(e=o.order)&&void 0!==e?e:0,this.type=o.type||exports.SocialMediaTypeEnum.FACEBOOK,i.makeObservable(this,{icon:i.observable,link:i.observable,order:i.observable,type:i.observable,iconUrlWithoutHash:i.computed})}return Object.defineProperty(o.prototype,"iconUrlWithoutHash",{get:function(){var o;return null===(o=this.icon)||void 0===o?void 0:o.replace(/#/g,"")},enumerable:!1,configurable:!0}),o}();exports.SocialMediaTypeEnum=void 0,(o=exports.SocialMediaTypeEnum||(exports.SocialMediaTypeEnum={})).FACEBOOK="FACEBOOK",o.TWITTER="TWITTER",o.INSTAGRAM="INSTAGRAM",o.YOUTUBE="YOUTUBE",o.TIKTOK="TIKTOK",o.LINKEDIN="LINKEDIN",exports.SocialMediaLink=t,exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o,e=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),i=require("mobx"),n=require("uuid"),a=require("../base/index.js"),r=function(o){function n(e){void 0===e&&(e={});var n,r,c,l,s,d=this;return(d=o.call(this,e)||this).type=a.PopupElementTypeEnum.SOCIAL_MEDIA,d.logoColor=e.logoColor||"#000000",d.borderRadius=null!==(n=e.borderRadius)&&void 0!==n?n:0,d.bgColor=e.bgColor||"#ffffff",d.gapBetweenLogos=null!==(r=e.gapBetweenLogos)&&void 0!==r?r:8,d.verticalPadding=null!==(c=e.verticalPadding)&&void 0!==c?c:24,d.horizontalPadding=null!==(l=e.horizontalPadding)&&void 0!==l?l:24,d.socialMediaLinks=(null===(s=e.socialMediaLinks)||void 0===s?void 0:s.length)?e.socialMediaLinks.map((function(o){return new t(o)})):[new t({type:exports.SocialMediaTypeEnum.FACEBOOK,order:0,icon:"https://cdn.myikas.dev/social/facebook/1080/".concat(d.borderRadius,"/").concat(d.bgColor,"/").concat(d.logoColor)}),new t({type:exports.SocialMediaTypeEnum.TWITTER,order:1,icon:"https://cdn.myikas.dev/social/x/1080/".concat(d.borderRadius,"/").concat(d.bgColor,"/").concat(d.logoColor)}),new t({type:exports.SocialMediaTypeEnum.INSTAGRAM,order:2,icon:"https://cdn.myikas.dev/social/instagram/1080/".concat(d.borderRadius,"/").concat(d.bgColor,"/").concat(d.logoColor)}),new t({type:exports.SocialMediaTypeEnum.YOUTUBE,order:3,icon:"https://cdn.myikas.dev/social/youtube/1080/".concat(d.borderRadius,"/").concat(d.bgColor,"/").concat(d.logoColor)}),new t({type:exports.SocialMediaTypeEnum.TIKTOK,order:4,icon:"https://cdn.myikas.dev/social/tiktok/1080/".concat(d.borderRadius,"/").concat(d.bgColor,"/").concat(d.logoColor)}),new t({type:exports.SocialMediaTypeEnum.LINKEDIN,order:4,icon:"https://cdn.myikas.dev/social/linkedin/1080/".concat(d.borderRadius,"/").concat(d.bgColor,"/").concat(d.logoColor)})],i.makeObservable(d,{logoColor:i.observable,borderRadius:i.observable,bgColor:i.observable,socialMediaLinks:i.observable,gapBetweenLogos:i.observable,updateIconLinks:i.action.bound}),d}return e.__extends(n,o),n.prototype.updateIconLinks=function(){var o=this;this.socialMediaLinks.forEach((function(e){e.icon="https://cdn.myikas.dev/social/".concat(e.type.toLowerCase(),"/1080/").concat(o.borderRadius,"/").concat(o.bgColor,"/").concat(o.logoColor)}))},n}(a.BaseElement),t=function(){function o(o){var e;void 0===o&&(o={}),this.id=o.id||n.v4(),this.icon=o.icon||null,this.link=o.link||null,this.order=null!==(e=o.order)&&void 0!==e?e:0,this.type=o.type||exports.SocialMediaTypeEnum.FACEBOOK,i.makeObservable(this,{icon:i.observable,link:i.observable,order:i.observable,type:i.observable,iconUrlWithoutHash:i.computed})}return Object.defineProperty(o.prototype,"iconUrlWithoutHash",{get:function(){var o;return null===(o=this.icon)||void 0===o?void 0:o.replace(/#/g,"")},enumerable:!1,configurable:!0}),o}();exports.SocialMediaTypeEnum=void 0,(o=exports.SocialMediaTypeEnum||(exports.SocialMediaTypeEnum={})).FACEBOOK="FACEBOOK",o.TWITTER="TWITTER",o.INSTAGRAM="INSTAGRAM",o.YOUTUBE="YOUTUBE",o.TIKTOK="TIKTOK",o.LINKEDIN="LINKEDIN",exports.SocialMediaElement=r,exports.SocialMediaLink=t;

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

@@ -1,4 +1,4 @@
-import BaseElement, { PopupElementTypeEnum } from "../base";
+import { BaseElement, PopupElementTypeEnum } from "../base";
 export declare class SpaceElement extends BaseElement {
     type: PopupElementTypeEnum;
     bgColor: string;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),i=require("mobx"),r=require("../base/index.js"),t=function(t){function l(e){var l,o,n,s=this;return(s=t.call(this,e)||this).type=r.PopupElementTypeEnum.SPACE,s.bgColor=e.bgColor||"#FFFFFF",s.height=null!==(l=e.height)&&void 0!==l?l:24,s.horizontalPadding=null!==(o=e.horizontalPadding)&&void 0!==o?o:0,s.verticalPadding=null!==(n=e.verticalPadding)&&void 0!==n?n:0,i.makeObservable(s,{bgColor:i.observable,height:i.observable}),s}return e.__extends(l,t),l}(r.default);exports.SpaceElement=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),i=require("mobx"),r=require("../base/index.js"),t=function(t){function l(e){var l,o,n,s=this;return(s=t.call(this,e)||this).type=r.PopupElementTypeEnum.SPACE,s.bgColor=e.bgColor||"#FFFFFF",s.height=null!==(l=e.height)&&void 0!==l?l:24,s.horizontalPadding=null!==(o=e.horizontalPadding)&&void 0!==o?o:0,s.verticalPadding=null!==(n=e.verticalPadding)&&void 0!==n?n:0,i.makeObservable(s,{bgColor:i.observable,height:i.observable}),s}return e.__extends(l,t),l}(r.BaseElement);exports.SpaceElement=t;

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

@@ -1,4 +1,4 @@
-import BaseElement, { PopupElementTypeEnum } from "../base";
+import { BaseElement, PopupElementTypeEnum } from "../base";
 import { ButtonBorderStyle } from "../../../background-settings";
 export declare class TextElement extends BaseElement {
     type: PopupElementTypeEnum;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),o=require("mobx"),r=require("../base/index.js"),t=require("../../../background-settings/index.js"),l=function(l){function i(e){var i,n,d,a,b,s,u,v,g=this;return(g=l.call(this,e)||this).type=r.PopupElementTypeEnum.TEXT,g.text=e.text||"This is a text",g.color=e.color||"#000000",g.bgColor=e.bgColor||"",g.fontFamily=e.fontFamily||"Arial",g.fontSize=null!==(i=e.fontSize)&&void 0!==i?i:16,g.fontWeight=null!==(n=e.fontWeight)&&void 0!==n?n:400,g.borderRadius=null!==(d=e.borderRadius)&&void 0!==d?d:4,g.borderColor=e.borderColor||"#000000",g.borderStyle=e.borderStyle||t.ButtonBorderStyle.SOLID,g.borderWidth=null!==(a=e.borderWidth)&&void 0!==a?a:0,g.verticalPadding=null!==(b=e.verticalPadding)&&void 0!==b?b:12,g.horizontalPadding=null!==(s=e.horizontalPadding)&&void 0!==s?s:12,g.outerHorizontalPadding=null!==(u=e.outerHorizontalPadding)&&void 0!==u?u:0,g.outerVerticalPadding=null!==(v=e.outerVerticalPadding)&&void 0!==v?v:0,g.horizontalAlignment=e.horizontalAlignment||r.ComponentHorizontalAlignmentEnum.LEFT,o.makeObservable(g,{text:o.observable,color:o.observable,bgColor:o.observable,fontFamily:o.observable,fontSize:o.observable,fontWeight:o.observable,borderRadius:o.observable,borderColor:o.observable,borderStyle:o.observable,borderWidth:o.observable}),g}return e.__extends(i,l),i}(r.default);exports.TextElement=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),o=require("mobx"),r=require("../base/index.js"),t=require("../../../background-settings/index.js"),l=function(l){function i(e){var i,n,d,a,b,s,u,v,g=this;return(g=l.call(this,e)||this).type=r.PopupElementTypeEnum.TEXT,g.text=e.text||"This is a text",g.color=e.color||"#000000",g.bgColor=e.bgColor||"",g.fontFamily=e.fontFamily||"Arial",g.fontSize=null!==(i=e.fontSize)&&void 0!==i?i:16,g.fontWeight=null!==(n=e.fontWeight)&&void 0!==n?n:400,g.borderRadius=null!==(d=e.borderRadius)&&void 0!==d?d:4,g.borderColor=e.borderColor||"#000000",g.borderStyle=e.borderStyle||t.ButtonBorderStyle.SOLID,g.borderWidth=null!==(a=e.borderWidth)&&void 0!==a?a:0,g.verticalPadding=null!==(b=e.verticalPadding)&&void 0!==b?b:12,g.horizontalPadding=null!==(s=e.horizontalPadding)&&void 0!==s?s:12,g.outerHorizontalPadding=null!==(u=e.outerHorizontalPadding)&&void 0!==u?u:0,g.outerVerticalPadding=null!==(v=e.outerVerticalPadding)&&void 0!==v?v:0,g.horizontalAlignment=e.horizontalAlignment||r.ComponentHorizontalAlignmentEnum.LEFT,o.makeObservable(g,{text:o.observable,color:o.observable,bgColor:o.observable,fontFamily:o.observable,fontSize:o.observable,fontWeight:o.observable,borderRadius:o.observable,borderColor:o.observable,borderStyle:o.observable,borderWidth:o.observable}),g}return e.__extends(i,l),i}(r.BaseElement);exports.TextElement=l;

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

@@ -1,10 +1,10 @@
 import { TextElement } from "./elements/text";
-import FormElement from "./elements/form";
+import { FormElement } from "./elements/form";
 import { ImageElement } from "./elements/image";
-import ProductListElement from "./elements/product";
+import { ProductListElement } from "./elements/product";
 import { ButtonElement } from "./elements/button";
-import SocialMediaElement from "./elements/social";
-import DividerElement from "./elements/divider";
+import { SocialMediaElement } from "./elements/social";
+import { DividerElement } from "./elements/divider";
 import { SpaceElement } from "./elements/space";
 import { PopupElementTypeEnum } from "./elements/base";
 import { ImageColumnElement } from "./elements/image-column";

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("mobx"),n=require("uuid"),t=require("./elements/text/index.js"),s=require("./elements/form/index.js"),u=require("./elements/image/index.js"),r=require("./elements/product/index.js"),m=require("./elements/button/index.js"),p=require("./elements/social/index.js"),l=require("./elements/divider/index.js"),a=require("./elements/space/index.js"),i=require("./elements/base/index.js"),o=require("./elements/image-column/index.js"),E=function(){function E(s){var u=this;this.id=s.id||n.v4(),this.stepNumber=s.stepNumber||0,this.name=s.name||"",this.isThankYouStep=s.isThankYouStep||!1,this.isTeaser=s.isTeaser||!1,this.elements=s.elements&&s.elements.length?s.elements.map((function(e){return u.setContent(e)})):[],this.isTeaser&&!this.elements.length&&this.elements.push(new t.TextElement({order:0})),e.makeObservable(this,{stepNumber:e.observable,name:e.observable,isThankYouStep:e.observable,isTeaser:e.observable,elements:e.observable,setContent:e.action.bound,addNewElement:e.action.bound})}return E.prototype.setContent=function(e){switch(e.type){case i.PopupElementTypeEnum.TEXT:return new t.TextElement(e||{});case i.PopupElementTypeEnum.FORM:return new s.default(e||{});case i.PopupElementTypeEnum.IMAGE:return new u.ImageElement(e||{});case i.PopupElementTypeEnum.IMAGE_COLUMN:return new o.ImageColumnElement(e||{});case i.PopupElementTypeEnum.PRODUCT_LIST:return new r.default(e||{});case i.PopupElementTypeEnum.BUTTON:return new m.ButtonElement(e||{});case i.PopupElementTypeEnum.SOCIAL_MEDIA:return new p.default(e||{});case i.PopupElementTypeEnum.DIVIDER:return new l(e||{});case i.PopupElementTypeEnum.SPACE:return new a.SpaceElement(e||{})}},E.prototype.addNewElement=function(e){var n=this.elements.length;switch(e){case i.PopupElementTypeEnum.TEXT:this.elements.push(new t.TextElement({order:n}));break;case i.PopupElementTypeEnum.FORM:this.elements.push(new s.default({order:n}));break;case i.PopupElementTypeEnum.IMAGE:this.elements.push(new u.ImageElement({order:n}));break;case i.PopupElementTypeEnum.IMAGE_COLUMN:this.elements.push(new o.ImageColumnElement({order:n}));break;case i.PopupElementTypeEnum.PRODUCT_LIST:this.elements.push(new r.default({order:n}));break;case i.PopupElementTypeEnum.BUTTON:this.elements.push(new m.ButtonElement({order:n}));break;case i.PopupElementTypeEnum.SOCIAL_MEDIA:this.elements.push(new p.default({order:n}));break;case i.PopupElementTypeEnum.DIVIDER:this.elements.push(new l({order:n}));break;case i.PopupElementTypeEnum.SPACE:this.elements.push(new a.SpaceElement({order:n}))}},E}();exports.PopupStep=E;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("mobx"),n=require("uuid"),t=require("./elements/text/index.js"),s=require("./elements/form/index.js"),r=require("./elements/image/index.js"),m=require("./elements/product/index.js"),u=require("./elements/button/index.js"),p=require("./elements/social/index.js"),l=require("./elements/divider/index.js"),i=require("./elements/space/index.js"),o=require("./elements/base/index.js"),E=require("./elements/image-column/index.js"),a=function(){function a(s){var r=this;this.id=s.id||n.v4(),this.stepNumber=s.stepNumber||0,this.name=s.name||"",this.isThankYouStep=s.isThankYouStep||!1,this.isTeaser=s.isTeaser||!1,this.elements=s.elements&&s.elements.length?s.elements.map((function(e){return r.setContent(e)})):[],this.isTeaser&&!this.elements.length&&this.elements.push(new t.TextElement({order:0})),e.makeObservable(this,{stepNumber:e.observable,name:e.observable,isThankYouStep:e.observable,isTeaser:e.observable,elements:e.observable,setContent:e.action.bound,addNewElement:e.action.bound})}return a.prototype.setContent=function(e){switch(e.type){case o.PopupElementTypeEnum.TEXT:return new t.TextElement(e||{});case o.PopupElementTypeEnum.FORM:return new s.FormElement(e||{});case o.PopupElementTypeEnum.IMAGE:return new r.ImageElement(e||{});case o.PopupElementTypeEnum.IMAGE_COLUMN:return new E.ImageColumnElement(e||{});case o.PopupElementTypeEnum.PRODUCT_LIST:return new m.ProductListElement(e||{});case o.PopupElementTypeEnum.BUTTON:return new u.ButtonElement(e||{});case o.PopupElementTypeEnum.SOCIAL_MEDIA:return new p.SocialMediaElement(e||{});case o.PopupElementTypeEnum.DIVIDER:return new l.DividerElement(e||{});case o.PopupElementTypeEnum.SPACE:return new i.SpaceElement(e||{})}},a.prototype.addNewElement=function(e){var n=this.elements.length;switch(e){case o.PopupElementTypeEnum.TEXT:this.elements.push(new t.TextElement({order:n}));break;case o.PopupElementTypeEnum.FORM:this.elements.push(new s.FormElement({order:n}));break;case o.PopupElementTypeEnum.IMAGE:this.elements.push(new r.ImageElement({order:n}));break;case o.PopupElementTypeEnum.IMAGE_COLUMN:this.elements.push(new E.ImageColumnElement({order:n}));break;case o.PopupElementTypeEnum.PRODUCT_LIST:this.elements.push(new m.ProductListElement({order:n}));break;case o.PopupElementTypeEnum.BUTTON:this.elements.push(new u.ButtonElement({order:n}));break;case o.PopupElementTypeEnum.SOCIAL_MEDIA:this.elements.push(new p.SocialMediaElement({order:n}));break;case o.PopupElementTypeEnum.DIVIDER:this.elements.push(new l.DividerElement({order:n}));break;case o.PopupElementTypeEnum.SPACE:this.elements.push(new i.SpaceElement({order:n}))}},a}();exports.PopupStep=a;

package/package.json

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