@ikas/popup-renderer 0.0.6 → 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/build-cjs/ext/mobx-react-lite/es/ObserverComponent.js +0 -1
- package/build-cjs/ext/mobx-react-lite/es/index.js +0 -1
- package/build-cjs/ext/mobx-react-lite/es/observer.js +0 -1
- package/build-cjs/ext/mobx-react-lite/es/useAsObservableSource.js +0 -1
- package/build-cjs/ext/mobx-react-lite/es/useObserver.js +0 -1
- package/build-cjs/ext/mobx-react-lite/es/utils/UniversalFinalizationRegistry.js +0 -1
- package/build-cjs/ext/mobx-react-lite/es/utils/assertEnvironment.js +0 -1
- package/build-cjs/ext/mobx-react-lite/es/utils/observerBatching.js +0 -1
- package/build-cjs/ext/mobx-react-lite/es/utils/observerFinalizationRegistry.js +0 -1
- package/build-cjs/ext/mobx-react-lite/es/utils/printDebugValue.js +0 -1
- package/build-cjs/ext/tslib/tslib.es6.mjs.js +0 -1
- package/build-cjs/index.d.ts +0 -33
- package/build-cjs/index.js +0 -1
- package/build-cjs/popup-renderer/assets/left-arrow.d.ts +0 -7
- package/build-cjs/popup-renderer/assets/left-arrow.js +0 -1
- package/build-cjs/popup-renderer/assets/right-arrow.d.ts +0 -7
- package/build-cjs/popup-renderer/assets/right-arrow.js +0 -1
- package/build-cjs/popup-renderer/assets/x-close.d.ts +0 -7
- package/build-cjs/popup-renderer/assets/x-close.js +0 -1
- package/build-cjs/popup-renderer/components/button-element-renderer/index.d.ts +0 -7
- package/build-cjs/popup-renderer/components/button-element-renderer/index.js +0 -1
- package/build-cjs/popup-renderer/components/divider-element-renderer/index.d.ts +0 -7
- package/build-cjs/popup-renderer/components/divider-element-renderer/index.js +0 -1
- package/build-cjs/popup-renderer/components/form-element-renderer/checkbox-item-view/index.d.ts +0 -7
- package/build-cjs/popup-renderer/components/form-element-renderer/checkbox-item-view/index.js +0 -1
- package/build-cjs/popup-renderer/components/form-element-renderer/index.d.ts +0 -7
- package/build-cjs/popup-renderer/components/form-element-renderer/index.js +0 -1
- package/build-cjs/popup-renderer/components/form-element-renderer/input-item-view/index.d.ts +0 -14
- package/build-cjs/popup-renderer/components/form-element-renderer/input-item-view/index.js +0 -1
- package/build-cjs/popup-renderer/components/image-column-element-renderer/index.d.ts +0 -10
- package/build-cjs/popup-renderer/components/image-column-element-renderer/index.js +0 -1
- package/build-cjs/popup-renderer/components/image-element-renderer/index.d.ts +0 -10
- package/build-cjs/popup-renderer/components/image-element-renderer/index.js +0 -1
- package/build-cjs/popup-renderer/components/index.d.ts +0 -13
- package/build-cjs/popup-renderer/components/index.js +0 -1
- package/build-cjs/popup-renderer/components/product-list-renderer/index.d.ts +0 -12
- package/build-cjs/popup-renderer/components/product-list-renderer/index.js +0 -1
- package/build-cjs/popup-renderer/components/social-element-renderer/index.d.ts +0 -10
- package/build-cjs/popup-renderer/components/social-element-renderer/index.js +0 -1
- package/build-cjs/popup-renderer/components/space-element-renderer/index.d.ts +0 -7
- package/build-cjs/popup-renderer/components/space-element-renderer/index.js +0 -1
- package/build-cjs/popup-renderer/components/text-element-renderer/index.d.ts +0 -7
- package/build-cjs/popup-renderer/components/text-element-renderer/index.js +0 -1
- package/build-cjs/popup-renderer/helpers/index.d.ts +0 -7
- package/build-cjs/popup-renderer/helpers/index.js +0 -1
- package/build-cjs/popup-renderer/models/index.d.ts +0 -47
- package/build-cjs/popup-renderer/models/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/background-settings/index.d.ts +0 -29
- package/build-cjs/popup-renderer/models/modal/background-settings/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/close-settings/index.d.ts +0 -25
- package/build-cjs/popup-renderer/models/modal/close-settings/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/index.d.ts +0 -44
- package/build-cjs/popup-renderer/models/modal/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/base/index.d.ts +0 -33
- package/build-cjs/popup-renderer/models/modal/step/elements/base/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/button/index.d.ts +0 -20
- package/build-cjs/popup-renderer/models/modal/step/elements/button/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/divider/index.d.ts +0 -13
- package/build-cjs/popup-renderer/models/modal/step/elements/divider/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/form/checkbox/index.d.ts +0 -19
- package/build-cjs/popup-renderer/models/modal/step/elements/form/checkbox/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-attribute/index.d.ts +0 -18
- package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-attribute/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-birthday/index.d.ts +0 -10
- package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-birthday/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-email/index.d.ts +0 -10
- package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-email/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-gender/index.d.ts +0 -10
- package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-gender/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-name/index.d.ts +0 -10
- package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-name/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-phone/index.d.ts +0 -11
- package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-phone/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-surname/index.d.ts +0 -10
- package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-surname/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/form/form-settings/index.d.ts +0 -16
- package/build-cjs/popup-renderer/models/modal/step/elements/form/form-settings/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/form/index.d.ts +0 -56
- package/build-cjs/popup-renderer/models/modal/step/elements/form/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/image/index.d.ts +0 -22
- package/build-cjs/popup-renderer/models/modal/step/elements/image/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/image-column/index.d.ts +0 -15
- package/build-cjs/popup-renderer/models/modal/step/elements/image-column/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/product/detail-settings/index.d.ts +0 -32
- package/build-cjs/popup-renderer/models/modal/step/elements/product/detail-settings/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/product/index.d.ts +0 -67
- package/build-cjs/popup-renderer/models/modal/step/elements/product/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/social/index.d.ts +0 -30
- package/build-cjs/popup-renderer/models/modal/step/elements/social/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/space/index.d.ts +0 -7
- package/build-cjs/popup-renderer/models/modal/step/elements/space/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/elements/text/index.d.ts +0 -18
- package/build-cjs/popup-renderer/models/modal/step/elements/text/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/step/index.d.ts +0 -22
- package/build-cjs/popup-renderer/models/modal/step/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/teaser/index.d.ts +0 -20
- package/build-cjs/popup-renderer/models/modal/teaser/index.js +0 -1
- package/build-cjs/popup-renderer/models/modal/window-settings/index.d.ts +0 -10
- package/build-cjs/popup-renderer/models/modal/window-settings/index.js +0 -1
- package/build-cjs/popup-renderer/models/settings/index.d.ts +0 -17
- package/build-cjs/popup-renderer/models/settings/index.js +0 -1
- package/build-cjs/popup-renderer/models/settings/visibility-condition/index.d.ts +0 -12
- package/build-cjs/popup-renderer/models/settings/visibility-condition/index.js +0 -1
- package/build-cjs/popup-renderer/models/settings/visibility-time/index.d.ts +0 -5
- package/build-cjs/popup-renderer/models/settings/visibility-time/index.js +0 -1
- package/build-cjs/popup-renderer/style.css +0 -85
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
export declare enum ComponentHorizontalAlignmentEnum {
|
|
2
|
-
LEFT = "LEFT",
|
|
3
|
-
CENTER = "CENTER",
|
|
4
|
-
RIGHT = "RIGHT"
|
|
5
|
-
}
|
|
6
|
-
export declare enum ComponentVerticalAlignmentEnum {
|
|
7
|
-
TOP = "TOP",
|
|
8
|
-
MIDDLE = "MIDDLE",
|
|
9
|
-
BOTTOM = "BOTTOM"
|
|
10
|
-
}
|
|
11
|
-
export declare enum PopupElementTypeEnum {
|
|
12
|
-
TEXT = "TEXT",
|
|
13
|
-
FORM = "FORM",
|
|
14
|
-
IMAGE = "IMAGE",
|
|
15
|
-
IMAGE_COLUMN = "IMAGE_COLUMN",
|
|
16
|
-
PRODUCT_LIST = "PRODUCT_LIST",
|
|
17
|
-
BUTTON = "BUTTON",
|
|
18
|
-
SOCIAL_MEDIA = "SOCIAL_MEDIA",
|
|
19
|
-
DIVIDER = "DIVIDER",
|
|
20
|
-
SPACE = "SPACE"
|
|
21
|
-
}
|
|
22
|
-
export declare class BaseElement {
|
|
23
|
-
id: string;
|
|
24
|
-
order: number;
|
|
25
|
-
width: string | null;
|
|
26
|
-
verticalPadding: number;
|
|
27
|
-
horizontalPadding: number;
|
|
28
|
-
outerVerticalPadding: number;
|
|
29
|
-
outerHorizontalPadding: number;
|
|
30
|
-
horizontalAlignment: ComponentHorizontalAlignmentEnum;
|
|
31
|
-
verticalAlignment: ComponentVerticalAlignmentEnum;
|
|
32
|
-
constructor(data?: Partial<BaseElement>);
|
|
33
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n,t,o=require("mobx");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,(t=exports.PopupElementTypeEnum||(exports.PopupElementTypeEnum={})).TEXT="TEXT",t.FORM="FORM",t.IMAGE="IMAGE",t.IMAGE_COLUMN="IMAGE_COLUMN",t.PRODUCT_LIST="PRODUCT_LIST",t.BUTTON="BUTTON",t.SOCIAL_MEDIA="SOCIAL_MEDIA",t.DIVIDER="DIVIDER",t.SPACE="SPACE";var i=function(e){var n,t,i,r,l;void 0===e&&(e={}),this.id=e.id||Date.now().toString(),this.order=e.order||0,this.width=null!==(n=e.width)&&void 0!==n?n:"100",this.verticalPadding=null!==(t=e.verticalPadding)&&void 0!==t?t:24,this.horizontalPadding=null!==(i=e.horizontalPadding)&&void 0!==i?i:24,this.outerVerticalPadding=null!==(r=e.outerVerticalPadding)&&void 0!==r?r:0,this.outerHorizontalPadding=null!==(l=e.outerHorizontalPadding)&&void 0!==l?l:0,this.horizontalAlignment=e.horizontalAlignment||exports.ComponentHorizontalAlignmentEnum.CENTER,this.verticalAlignment=e.verticalAlignment||exports.ComponentVerticalAlignmentEnum.TOP,o.makeObservable(this,{id:o.observable,order:o.observable,width:o.observable,verticalPadding:o.observable,horizontalPadding:o.observable,outerVerticalPadding:o.observable,outerHorizontalPadding:o.observable,horizontalAlignment:o.observable,verticalAlignment:o.observable})};exports.BaseElement=i;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { BaseElement, PopupElementTypeEnum } from "../base";
|
|
2
|
-
import { ButtonBorderStyle } from "../../../background-settings";
|
|
3
|
-
export declare class ButtonElement extends BaseElement {
|
|
4
|
-
text: string;
|
|
5
|
-
type: PopupElementTypeEnum;
|
|
6
|
-
color: string;
|
|
7
|
-
buttonBgColor: string;
|
|
8
|
-
bgColor: string;
|
|
9
|
-
fontFamily: string;
|
|
10
|
-
fontSize: number;
|
|
11
|
-
fontWeight: number;
|
|
12
|
-
borderRadius: number;
|
|
13
|
-
borderColor: string;
|
|
14
|
-
borderStyle: ButtonBorderStyle;
|
|
15
|
-
borderWidth: number;
|
|
16
|
-
link: string | null;
|
|
17
|
-
verticalPadding: number;
|
|
18
|
-
horizontalPadding: number;
|
|
19
|
-
constructor(data: Partial<ButtonElement>);
|
|
20
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
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,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;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { BaseElement, PopupElementTypeEnum } from "../base";
|
|
2
|
-
import { ButtonBorderStyle } from "../../../background-settings";
|
|
3
|
-
export declare class DividerElement extends BaseElement {
|
|
4
|
-
type: PopupElementTypeEnum;
|
|
5
|
-
bgColor: string;
|
|
6
|
-
borderWidth: number;
|
|
7
|
-
verticalPadding: number;
|
|
8
|
-
horizontalPadding: number;
|
|
9
|
-
borderRadius: number;
|
|
10
|
-
borderColor: string;
|
|
11
|
-
borderStyle: ButtonBorderStyle;
|
|
12
|
-
constructor(data?: Partial<DividerElement>);
|
|
13
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { FormItemTypeEnum, RequiredInput } from "..";
|
|
2
|
-
export declare class CheckboxFormItem {
|
|
3
|
-
type: FormItemTypeEnum;
|
|
4
|
-
isChecked: boolean;
|
|
5
|
-
text: string;
|
|
6
|
-
contactPermission: ContactPermission | null;
|
|
7
|
-
showInCheckedStatus: boolean;
|
|
8
|
-
requiredToBeChecked: RequiredInput | null;
|
|
9
|
-
constructor(data?: Partial<CheckboxFormItem>);
|
|
10
|
-
}
|
|
11
|
-
export declare enum ContactPermissionTypeEnum {
|
|
12
|
-
SMS = "SMS",
|
|
13
|
-
EMAIL = "EMAIL",
|
|
14
|
-
GENERAL = "GENERAL"
|
|
15
|
-
}
|
|
16
|
-
export declare class ContactPermission {
|
|
17
|
-
type: ContactPermissionTypeEnum;
|
|
18
|
-
constructor(data?: Partial<ContactPermission>);
|
|
19
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
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.CheckboxFormItem=o,exports.ContactPermission=i;
|
package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-attribute/index.d.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
|
|
2
|
-
export declare enum CustomerAttributeTypeEnum {
|
|
3
|
-
BOOLEAN = "BOOLEAN",
|
|
4
|
-
CHOICE = "CHOICE",
|
|
5
|
-
DATETIME = "DATETIME",
|
|
6
|
-
MULTIPLE_CHOICE = "MULTIPLE_CHOICE",
|
|
7
|
-
NUMERIC = "NUMERIC",
|
|
8
|
-
TEXT = "TEXT"
|
|
9
|
-
}
|
|
10
|
-
export declare class CustomerAttributeFormItem {
|
|
11
|
-
type: FormItemTypeEnum;
|
|
12
|
-
placeholder: string;
|
|
13
|
-
inputLabel: InputLabel | null;
|
|
14
|
-
required: RequiredInput | null;
|
|
15
|
-
updateCurrentInfo: boolean;
|
|
16
|
-
customerAttributeId: string;
|
|
17
|
-
constructor(data?: Partial<CustomerAttributeFormItem>);
|
|
18
|
-
}
|
package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-attribute/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
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.CustomerAttributeFormItem=u;
|
package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-birthday/index.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
|
|
2
|
-
export declare class CustomerBirthdayFormItem {
|
|
3
|
-
type: FormItemTypeEnum;
|
|
4
|
-
value: string | null;
|
|
5
|
-
placeholder: string;
|
|
6
|
-
inputLabel: InputLabel | null;
|
|
7
|
-
required: RequiredInput | null;
|
|
8
|
-
updateCurrentInfo: boolean;
|
|
9
|
-
constructor(data?: Partial<CustomerBirthdayFormItem>);
|
|
10
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
|
|
2
|
-
export declare class CustomerEmailFormItem {
|
|
3
|
-
type: FormItemTypeEnum;
|
|
4
|
-
value: string | null;
|
|
5
|
-
placeholder: string;
|
|
6
|
-
inputLabel: InputLabel | null;
|
|
7
|
-
required: RequiredInput | null;
|
|
8
|
-
updateCurrentInfo: boolean;
|
|
9
|
-
constructor(data?: Partial<CustomerEmailFormItem>);
|
|
10
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
|
|
2
|
-
export declare class CustomerGenderFormItem {
|
|
3
|
-
type: FormItemTypeEnum;
|
|
4
|
-
value: string | null;
|
|
5
|
-
placeholder: string;
|
|
6
|
-
inputLabel: InputLabel | null;
|
|
7
|
-
required: RequiredInput | null;
|
|
8
|
-
updateCurrentInfo: boolean;
|
|
9
|
-
constructor(data?: Partial<CustomerGenderFormItem>);
|
|
10
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
|
|
2
|
-
export declare class CustomerNameFormItem {
|
|
3
|
-
type: FormItemTypeEnum;
|
|
4
|
-
value: string | null;
|
|
5
|
-
placeholder: string;
|
|
6
|
-
inputLabel: InputLabel | null;
|
|
7
|
-
required: RequiredInput | null;
|
|
8
|
-
updateCurrentInfo: boolean;
|
|
9
|
-
constructor(data?: Partial<CustomerNameFormItem>);
|
|
10
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
|
|
2
|
-
export declare class CustomerPhoneFormItem {
|
|
3
|
-
type: FormItemTypeEnum;
|
|
4
|
-
value: string | null;
|
|
5
|
-
placeholder: string;
|
|
6
|
-
inputLabel: InputLabel | null;
|
|
7
|
-
required: RequiredInput | null;
|
|
8
|
-
addCountryCode: boolean;
|
|
9
|
-
updateCurrentInfo: boolean;
|
|
10
|
-
constructor(data?: Partial<CustomerPhoneFormItem>);
|
|
11
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
|
|
2
|
-
export declare class CustomerSurnameFormItem {
|
|
3
|
-
type: FormItemTypeEnum;
|
|
4
|
-
value: string | null;
|
|
5
|
-
placeholder: string;
|
|
6
|
-
inputLabel: InputLabel | null;
|
|
7
|
-
required: RequiredInput | null;
|
|
8
|
-
updateCurrentInfo: boolean;
|
|
9
|
-
constructor(data?: Partial<CustomerSurnameFormItem>);
|
|
10
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export declare class FormSettings {
|
|
2
|
-
formInputSettings: FormInputSettings;
|
|
3
|
-
gapBetweenItems: number;
|
|
4
|
-
fontFamily: string;
|
|
5
|
-
fontSize: number;
|
|
6
|
-
constructor(data?: Partial<FormSettings>);
|
|
7
|
-
}
|
|
8
|
-
export declare class FormInputSettings {
|
|
9
|
-
bgColor: string;
|
|
10
|
-
borderWidth: number;
|
|
11
|
-
borderRadius: number;
|
|
12
|
-
borderColor: string | null;
|
|
13
|
-
focusBorderColor: string | null;
|
|
14
|
-
height: number;
|
|
15
|
-
constructor(data?: Partial<FormInputSettings>);
|
|
16
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
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.FormSettings=o;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { BaseElement, PopupElementTypeEnum } from "../base";
|
|
2
|
-
import { ButtonElement } from "../button";
|
|
3
|
-
import { FormSettings } from "./form-settings";
|
|
4
|
-
import { CustomerNameFormItem } from "./customer-name";
|
|
5
|
-
import { CustomerSurnameFormItem } from "./customer-surname";
|
|
6
|
-
import { CustomerEmailFormItem } from "./customer-email";
|
|
7
|
-
import { CustomerPhoneFormItem } from "./customer-phone";
|
|
8
|
-
import { CustomerBirthdayFormItem } from "./customer-birthday";
|
|
9
|
-
import { CustomerGenderFormItem } from "./customer-gender";
|
|
10
|
-
import { CheckboxFormItem } from "./checkbox";
|
|
11
|
-
import { CustomerAttributeFormItem } from "./customer-attribute";
|
|
12
|
-
export declare enum FormItemTypeEnum {
|
|
13
|
-
CUSTOMER_NAME = "CUSTOMER_NAME",
|
|
14
|
-
CUSTOMER_SURNAME = "CUSTOMER_SURNAME",
|
|
15
|
-
CUSTOMER_EMAIL = "CUSTOMER_EMAIL",
|
|
16
|
-
CUSTOMER_PHONE = "CUSTOMER_PHONE",
|
|
17
|
-
CUSTOMER_BIRTHDAY = "CUSTOMER_BIRTHDAY",
|
|
18
|
-
CUSTOMER_GENDER = "CUSTOMER_GENDER",
|
|
19
|
-
CHECKBOX_FORM_ITEM = "CHECKBOX_FORM_ITEM",
|
|
20
|
-
CUSTOMER_ATTRIBUTE = "CUSTOMER_ATTRIBUTE"
|
|
21
|
-
}
|
|
22
|
-
export type FormItem = CustomerNameFormItem | CustomerSurnameFormItem | CustomerEmailFormItem | CustomerPhoneFormItem | CustomerBirthdayFormItem | CustomerGenderFormItem | CheckboxFormItem | CustomerAttributeFormItem;
|
|
23
|
-
export declare class FormElement extends BaseElement {
|
|
24
|
-
type: PopupElementTypeEnum;
|
|
25
|
-
rows: FormRow[];
|
|
26
|
-
formSettings: FormSettings;
|
|
27
|
-
buttonSettings: ButtonElement;
|
|
28
|
-
bgColor: string;
|
|
29
|
-
constructor(data?: Partial<FormElement>);
|
|
30
|
-
addNewElement(type: FormItemTypeEnum): void;
|
|
31
|
-
}
|
|
32
|
-
export declare class FormRow {
|
|
33
|
-
id: string;
|
|
34
|
-
order: number;
|
|
35
|
-
columns: FormColumn[];
|
|
36
|
-
constructor(data?: Partial<FormRow>);
|
|
37
|
-
addNewElement(type: FormItemTypeEnum): void;
|
|
38
|
-
changeColumnSort(): void;
|
|
39
|
-
}
|
|
40
|
-
export declare class FormColumn {
|
|
41
|
-
id: string;
|
|
42
|
-
order: number;
|
|
43
|
-
formItem: FormItem;
|
|
44
|
-
type: FormItemTypeEnum;
|
|
45
|
-
constructor(data?: Partial<FormColumn>);
|
|
46
|
-
setFormItems(item?: FormItem): CustomerNameFormItem | CustomerSurnameFormItem | CustomerEmailFormItem | CustomerPhoneFormItem | CustomerBirthdayFormItem | CustomerGenderFormItem | CheckboxFormItem | CustomerAttributeFormItem;
|
|
47
|
-
}
|
|
48
|
-
export declare class InputLabel {
|
|
49
|
-
text: string;
|
|
50
|
-
constructor(data?: Partial<InputLabel>);
|
|
51
|
-
}
|
|
52
|
-
export declare class RequiredInput {
|
|
53
|
-
validationErrorMessage: string;
|
|
54
|
-
hasError: boolean;
|
|
55
|
-
constructor(data?: Partial<RequiredInput>);
|
|
56
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),t=require("mobx"),o=require("../base/index.js"),n=require("../button/index.js"),s=require("./form-settings/index.js"),i=require("./customer-name/index.js"),m=require("./customer-surname/index.js"),u=require("./customer-email/index.js"),a=require("./customer-phone/index.js"),E=require("./customer-birthday/index.js"),d=require("./customer-gender/index.js"),l=require("./checkbox/index.js"),b=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 p=function(e){function i(r){void 0===r&&(r={});var i,m,u=this;return(u=e.call(this,r)||this).type=o.PopupElementTypeEnum.FORM,u.rows=r.rows?r.rows.map((function(e){return new c(e)})):[],u.formSettings=r.formSettings||new s.FormSettings,u.buttonSettings=r.buttonSettings||new n.ButtonElement({outerHorizontalPadding:0,outerVerticalPadding:0}),u.bgColor=r.bgColor||"#FFFFFF",u.verticalPadding=null!==(i=r.verticalPadding)&&void 0!==i?i: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(i,e),i.prototype.addNewElement=function(e){var r=new c({order:this.rows.length,columns:[new T({type:e,order:0})]});this.rows.push(r)},i}(o.BaseElement),c=function(){function e(e){void 0===e&&(e={}),this.id=e.id||Date.now().toString(),this.order=e.order||0,this.columns=e.columns?e.columns.map((function(e){return new T(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 T({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}(),T=function(){function e(e){void 0===e&&(e={}),this.id=e.id||Date.now().toString(),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 i.CustomerNameFormItem(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_SURNAME:return new m.CustomerSurnameFormItem(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_EMAIL:return new u.CustomerEmailFormItem(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_PHONE:return new a.CustomerPhoneFormItem(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_BIRTHDAY:return new E.CustomerBirthdayFormItem(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_GENDER:return new d.CustomerGenderFormItem(r.__assign({},e));case exports.FormItemTypeEnum.CHECKBOX_FORM_ITEM:return new l.CheckboxFormItem(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_ATTRIBUTE:return new b.CustomerAttributeFormItem(r.__assign({},e))}},e}(),_=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=T,exports.FormElement=p,exports.FormRow=c,exports.InputLabel=_,exports.RequiredInput=h;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { BaseElement, PopupElementTypeEnum } from "../base";
|
|
2
|
-
export declare const IMAGE_SIZE = 1080;
|
|
3
|
-
export declare enum ImagePositionEnum {
|
|
4
|
-
FLOAT_LEFT = "FLOAT_LEFT",
|
|
5
|
-
FLOAT_RIGHT = "FLOAT_RIGHT",
|
|
6
|
-
DISABLE_FLOAT = "DISABLE_FLOAT"
|
|
7
|
-
}
|
|
8
|
-
export declare class ImageElement extends BaseElement {
|
|
9
|
-
type: PopupElementTypeEnum;
|
|
10
|
-
imagePosition: ImagePositionEnum;
|
|
11
|
-
imageId: string | null;
|
|
12
|
-
bgColor: string;
|
|
13
|
-
link: string | null;
|
|
14
|
-
maxWidth: number;
|
|
15
|
-
cdnURL: string | null;
|
|
16
|
-
merchantId: string | null;
|
|
17
|
-
verticalPadding: number;
|
|
18
|
-
horizontalPadding: number;
|
|
19
|
-
borderRadius: number;
|
|
20
|
-
constructor(data: Partial<ImageElement>);
|
|
21
|
-
get src(): string | undefined;
|
|
22
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { BaseElement, PopupElementTypeEnum } from "../base";
|
|
2
|
-
export declare enum ImageColumnPositionEnum {
|
|
3
|
-
LEFT_ALIGN = "LEFT_ALIGN",
|
|
4
|
-
RIGTH_ALIGN = "RIGTH_ALIGN"
|
|
5
|
-
}
|
|
6
|
-
export declare class ImageColumnElement extends BaseElement {
|
|
7
|
-
type: PopupElementTypeEnum;
|
|
8
|
-
imagePosition: ImageColumnPositionEnum;
|
|
9
|
-
imageId: string | null;
|
|
10
|
-
link: string | null;
|
|
11
|
-
cdnURL: string | null;
|
|
12
|
-
merchantId: string | null;
|
|
13
|
-
constructor(data: Partial<ImageColumnElement>);
|
|
14
|
-
get src(): string | undefined;
|
|
15
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
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.BaseElement);exports.ImageColumnElement=a;
|
package/build-cjs/popup-renderer/models/modal/step/elements/product/detail-settings/index.d.ts
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { TextElement } from "../../text";
|
|
2
|
-
export declare class ProductDetailSettings {
|
|
3
|
-
image: ProductImageSettings | null;
|
|
4
|
-
name: TextElement | null;
|
|
5
|
-
discountRatio: TextElement | null;
|
|
6
|
-
originalPrice: TextElement | null;
|
|
7
|
-
finalPrice: TextElement | null;
|
|
8
|
-
button: ProductButtonSettings | null;
|
|
9
|
-
constructor(data?: Partial<ProductDetailSettings>);
|
|
10
|
-
}
|
|
11
|
-
export declare class ProductImageSettings {
|
|
12
|
-
bgColor: string;
|
|
13
|
-
maxWidth: number;
|
|
14
|
-
borderRadius: number;
|
|
15
|
-
constructor(data: Partial<ProductImageSettings>);
|
|
16
|
-
}
|
|
17
|
-
export declare class ProductDiscountRatioSettings {
|
|
18
|
-
color: string;
|
|
19
|
-
bgColor: string;
|
|
20
|
-
fontFamily: string;
|
|
21
|
-
fontSize: number;
|
|
22
|
-
constructor(data?: Partial<ProductDiscountRatioSettings>);
|
|
23
|
-
}
|
|
24
|
-
export declare enum ProductActionTypeEnum {
|
|
25
|
-
ADD_TO_CART = "ADD_TO_CART",
|
|
26
|
-
NAVIGATE_TO_PRODUCT_DETAIL = "NAVIGATE_TO_PRODUCT_DETAIL"
|
|
27
|
-
}
|
|
28
|
-
export declare class ProductButtonSettings {
|
|
29
|
-
text: string;
|
|
30
|
-
action: ProductActionTypeEnum;
|
|
31
|
-
constructor(data?: Partial<ProductButtonSettings>);
|
|
32
|
-
}
|
package/build-cjs/popup-renderer/models/modal/step/elements/product/detail-settings/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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;
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { BaseElement, PopupElementTypeEnum } from "../base";
|
|
2
|
-
import { ProductDetailSettings } from "./detail-settings";
|
|
3
|
-
import { ButtonElement } from "../button";
|
|
4
|
-
export declare enum ProductListSortTypeEnum {
|
|
5
|
-
ASC_AVERAGE_RATING = "ASC_AVERAGE_RATING",
|
|
6
|
-
DESC_AVERAGE_RATING = "DESC_AVERAGE_RATING",
|
|
7
|
-
ASC_CREATED_AT = "ASC_CREATED_AT",
|
|
8
|
-
DESC_CREATED_AT = "DESC_CREATED_AT",
|
|
9
|
-
ASC_DISCOUNT_RATIO = "ASC_DISCOUNT_RATIO",
|
|
10
|
-
DESC_DISCOUNT_RATIO = "DESC_DISCOUNT_RATIO",
|
|
11
|
-
ASC_NAME = "ASC_NAME",
|
|
12
|
-
DESC_NAME = "DESC_NAME",
|
|
13
|
-
ASC_PRICE = "ASC_PRICE",
|
|
14
|
-
DESC_PRICE = "DESC_PRICE",
|
|
15
|
-
ASC_REVIEW_COUNT = "ASC_REVIEW_COUNT",
|
|
16
|
-
DESC_REVIEW_COUNT = "DESC_REVIEW_COUNT",
|
|
17
|
-
ASC_SALE_COUNT = "ASC_SALE_COUNT",
|
|
18
|
-
DESC_SALE_COUNT = "DESC_SALE_COUNT"
|
|
19
|
-
}
|
|
20
|
-
export declare enum ProductListTypeEnum {
|
|
21
|
-
ALL = "ALL",
|
|
22
|
-
SPECIFIC = "SPECIFIC",
|
|
23
|
-
CATEGORY = "CATEGORY",
|
|
24
|
-
LAST_VIEWED = "LAST_VIEWED"
|
|
25
|
-
}
|
|
26
|
-
export declare enum ProductListLayoutEnum {
|
|
27
|
-
ONE_COLUMN = "ONE_COLUMN",
|
|
28
|
-
TWO_COLUMN = "TWO_COLUMN",
|
|
29
|
-
THREE_COLUMN = "THREE_COLUMN"
|
|
30
|
-
}
|
|
31
|
-
export declare const MAX_PRODUCT_COUNT = 10;
|
|
32
|
-
export declare class ProductListElement extends BaseElement {
|
|
33
|
-
type: PopupElementTypeEnum;
|
|
34
|
-
listType: ProductListTypeEnum;
|
|
35
|
-
sortType: ProductListSortTypeEnum;
|
|
36
|
-
maxProductsToShow: number;
|
|
37
|
-
categoryId: string | null;
|
|
38
|
-
variantPairs: PopupVariantPair[] | null;
|
|
39
|
-
layout: ProductListLayoutEnum;
|
|
40
|
-
productDetailSettings: ProductDetailSettings;
|
|
41
|
-
buttonSettings: ButtonElement;
|
|
42
|
-
productBgColor: string;
|
|
43
|
-
gapBetweenProductElements: number;
|
|
44
|
-
gapBetweenProducts: number;
|
|
45
|
-
constructor(data?: Partial<ProductListElement>);
|
|
46
|
-
}
|
|
47
|
-
export declare class PopupVariantPair {
|
|
48
|
-
productId: string;
|
|
49
|
-
variantId: string;
|
|
50
|
-
order: number;
|
|
51
|
-
productListElementId: string;
|
|
52
|
-
constructor(data: PopupVariantPair);
|
|
53
|
-
}
|
|
54
|
-
export declare class PopupProduct {
|
|
55
|
-
productId: string;
|
|
56
|
-
variantId: string;
|
|
57
|
-
name: string;
|
|
58
|
-
price: number;
|
|
59
|
-
discountPrice: number | null;
|
|
60
|
-
imageURL: string | null;
|
|
61
|
-
currencySymbol: string | null;
|
|
62
|
-
url: string | null;
|
|
63
|
-
constructor(data?: Partial<PopupProduct>);
|
|
64
|
-
get $price(): string;
|
|
65
|
-
get $discountPrice(): string | null;
|
|
66
|
-
get $discountRatio(): string | null;
|
|
67
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t,e,r,o=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),i=require("mobx"),n=require("../base/index.js"),s=require("./detail-settings/index.js"),u=require("../button/index.js");exports.ProductListSortTypeEnum=void 0,(t=exports.ProductListSortTypeEnum||(exports.ProductListSortTypeEnum={})).ASC_AVERAGE_RATING="ASC_AVERAGE_RATING",t.DESC_AVERAGE_RATING="DESC_AVERAGE_RATING",t.ASC_CREATED_AT="ASC_CREATED_AT",t.DESC_CREATED_AT="DESC_CREATED_AT",t.ASC_DISCOUNT_RATIO="ASC_DISCOUNT_RATIO",t.DESC_DISCOUNT_RATIO="DESC_DISCOUNT_RATIO",t.ASC_NAME="ASC_NAME",t.DESC_NAME="DESC_NAME",t.ASC_PRICE="ASC_PRICE",t.DESC_PRICE="DESC_PRICE",t.ASC_REVIEW_COUNT="ASC_REVIEW_COUNT",t.DESC_REVIEW_COUNT="DESC_REVIEW_COUNT",t.ASC_SALE_COUNT="ASC_SALE_COUNT",t.DESC_SALE_COUNT="DESC_SALE_COUNT",exports.ProductListTypeEnum=void 0,(e=exports.ProductListTypeEnum||(exports.ProductListTypeEnum={})).ALL="ALL",e.SPECIFIC="SPECIFIC",e.CATEGORY="CATEGORY",e.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 a=function(t){function e(e){void 0===e&&(e={});var r,o,a,l,d,c,E,p,b=this;return(b=t.call(this,e)||this).type=n.PopupElementTypeEnum.PRODUCT_LIST,b.listType=e.listType||exports.ProductListTypeEnum.ALL,b.sortType=e.sortType||exports.ProductListSortTypeEnum.ASC_CREATED_AT,b.maxProductsToShow=null!==(r=e.maxProductsToShow)&&void 0!==r?r:10,b.categoryId=null!==(o=e.categoryId)&&void 0!==o?o:null,b.variantPairs=null!==(a=e.variantPairs)&&void 0!==a?a:null,b.layout=null!==(l=e.layout)&&void 0!==l?l:exports.ProductListLayoutEnum.TWO_COLUMN,b.productDetailSettings=e.productDetailSettings?new s.ProductDetailSettings(e.productDetailSettings):new s.ProductDetailSettings,b.buttonSettings=e.buttonSettings?new u.ButtonElement(e.buttonSettings):new u.ButtonElement({outerHorizontalPadding:0}),b.productBgColor=e.productBgColor||"#FFFFFF",b.gapBetweenProductElements=null!==(d=e.gapBetweenProductElements)&&void 0!==d?d:12,b.gapBetweenProducts=null!==(c=e.gapBetweenProducts)&&void 0!==c?c:12,b.verticalPadding=null!==(E=e.verticalPadding)&&void 0!==E?E:12,b.horizontalPadding=null!==(p=e.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(e,t),e}(n.BaseElement),l=function(t){var e;this.productId=t.productId,this.variantId=t.variantId,this.order=null!==(e=t.order)&&void 0!==e?e:0,this.productListElementId=t.productListElementId,i.makeObservable(this,{productId:i.observable,variantId:i.observable,order:i.observable,productListElementId:i.observable})},d=function(){function t(t){void 0===t&&(t={}),this.productId=t.productId||Date.now().toString(),this.variantId=t.variantId||Date.now().toString(),this.name=t.name||"",this.price=t.price||0,this.discountPrice=t.discountPrice||null,this.imageURL=t.imageURL?"".concat(t.imageURL,"/image_").concat(1080,".jpeg"):null,this.currencySymbol=t.currencySymbol||null,this.url=t.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(t.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(t.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(t.prototype,"$discountRatio",{get:function(){return this.discountPrice?"%"+((this.price-this.discountPrice)/this.price*100).toFixed(2):null},enumerable:!1,configurable:!0}),t}();exports.MAX_PRODUCT_COUNT=10,exports.PopupProduct=d,exports.PopupVariantPair=l,exports.ProductListElement=a;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { BaseElement, PopupElementTypeEnum } from "../base";
|
|
2
|
-
export declare class SocialMediaElement extends BaseElement {
|
|
3
|
-
type: PopupElementTypeEnum;
|
|
4
|
-
logoColor: string;
|
|
5
|
-
borderRadius: number;
|
|
6
|
-
bgColor: string;
|
|
7
|
-
socialMediaLinks: SocialMediaLink[];
|
|
8
|
-
gapBetweenLogos: number;
|
|
9
|
-
verticalPadding: number;
|
|
10
|
-
horizontalPadding: number;
|
|
11
|
-
constructor(data?: Partial<SocialMediaElement>);
|
|
12
|
-
updateIconLinks(): void;
|
|
13
|
-
}
|
|
14
|
-
export declare class SocialMediaLink {
|
|
15
|
-
id: string | null;
|
|
16
|
-
icon: string | null;
|
|
17
|
-
link: string | null;
|
|
18
|
-
order: number;
|
|
19
|
-
type: SocialMediaTypeEnum;
|
|
20
|
-
constructor(data?: Partial<SocialMediaLink>);
|
|
21
|
-
get iconUrlWithoutHash(): string | undefined;
|
|
22
|
-
}
|
|
23
|
-
export declare enum SocialMediaTypeEnum {
|
|
24
|
-
FACEBOOK = "FACEBOOK",
|
|
25
|
-
TWITTER = "TWITTER",
|
|
26
|
-
INSTAGRAM = "INSTAGRAM",
|
|
27
|
-
YOUTUBE = "YOUTUBE",
|
|
28
|
-
TIKTOK = "TIKTOK",
|
|
29
|
-
LINKEDIN = "LINKEDIN"
|
|
30
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o,e=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),i=require("mobx"),n=require("../base/index.js"),a=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.BaseElement),t=function(){function o(o){var e;void 0===o&&(o={}),this.id=o.id||Date.now().toString(),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=a,exports.SocialMediaLink=t;
|
|
@@ -1 +0,0 @@
|
|
|
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.BaseElement);exports.SpaceElement=t;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { BaseElement, PopupElementTypeEnum } from "../base";
|
|
2
|
-
import { ButtonBorderStyle } from "../../../background-settings";
|
|
3
|
-
export declare class TextElement extends BaseElement {
|
|
4
|
-
type: PopupElementTypeEnum;
|
|
5
|
-
text: string;
|
|
6
|
-
color: string;
|
|
7
|
-
bgColor: string;
|
|
8
|
-
fontFamily: string;
|
|
9
|
-
fontSize: number;
|
|
10
|
-
fontWeight: number;
|
|
11
|
-
borderRadius: number;
|
|
12
|
-
borderColor: string;
|
|
13
|
-
borderStyle: ButtonBorderStyle;
|
|
14
|
-
borderWidth: number;
|
|
15
|
-
verticalPadding: number;
|
|
16
|
-
horizontalPadding: number;
|
|
17
|
-
constructor(data: Partial<TextElement>);
|
|
18
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
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.BaseElement);exports.TextElement=l;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { TextElement } from "./elements/text";
|
|
2
|
-
import { FormElement } from "./elements/form";
|
|
3
|
-
import { ImageElement } from "./elements/image";
|
|
4
|
-
import { ProductListElement } from "./elements/product";
|
|
5
|
-
import { ButtonElement } from "./elements/button";
|
|
6
|
-
import { SocialMediaElement } from "./elements/social";
|
|
7
|
-
import { DividerElement } from "./elements/divider";
|
|
8
|
-
import { SpaceElement } from "./elements/space";
|
|
9
|
-
import { PopupElementTypeEnum } from "./elements/base";
|
|
10
|
-
import { ImageColumnElement } from "./elements/image-column";
|
|
11
|
-
export type ElementType = TextElement | FormElement | ImageElement | ImageColumnElement | ProductListElement | ButtonElement | SocialMediaElement | DividerElement | SpaceElement;
|
|
12
|
-
export declare class PopupStep {
|
|
13
|
-
id: string;
|
|
14
|
-
stepNumber: number;
|
|
15
|
-
name: string;
|
|
16
|
-
isThankYouStep: boolean;
|
|
17
|
-
isTeaser: boolean;
|
|
18
|
-
elements: ElementType[];
|
|
19
|
-
constructor(data: Partial<PopupStep>);
|
|
20
|
-
setContent(content: ElementType): TextElement | FormElement | ImageElement | ImageColumnElement | ProductListElement | ButtonElement | SocialMediaElement | DividerElement | SpaceElement;
|
|
21
|
-
addNewElement(type: PopupElementTypeEnum): void;
|
|
22
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("mobx"),n=require("./elements/text/index.js"),t=require("./elements/form/index.js"),s=require("./elements/image/index.js"),m=require("./elements/product/index.js"),r=require("./elements/button/index.js"),u=require("./elements/social/index.js"),p=require("./elements/divider/index.js"),l=require("./elements/space/index.js"),i=require("./elements/base/index.js"),o=require("./elements/image-column/index.js"),E=function(){function E(t){var s=this;this.id=t.id||Date.now().toString(),this.stepNumber=t.stepNumber||0,this.name=t.name||"",this.isThankYouStep=t.isThankYouStep||!1,this.isTeaser=t.isTeaser||!1,this.elements=t.elements&&t.elements.length?t.elements.map((function(e){return s.setContent(e)})):[],this.isTeaser&&!this.elements.length&&this.elements.push(new n.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 n.TextElement(e||{});case i.PopupElementTypeEnum.FORM:return new t.FormElement(e||{});case i.PopupElementTypeEnum.IMAGE:return new s.ImageElement(e||{});case i.PopupElementTypeEnum.IMAGE_COLUMN:return new o.ImageColumnElement(e||{});case i.PopupElementTypeEnum.PRODUCT_LIST:return new m.ProductListElement(e||{});case i.PopupElementTypeEnum.BUTTON:return new r.ButtonElement(e||{});case i.PopupElementTypeEnum.SOCIAL_MEDIA:return new u.SocialMediaElement(e||{});case i.PopupElementTypeEnum.DIVIDER:return new p.DividerElement(e||{});case i.PopupElementTypeEnum.SPACE:return new l.SpaceElement(e||{})}},E.prototype.addNewElement=function(e){var E=this.elements.length;switch(e){case i.PopupElementTypeEnum.TEXT:this.elements.push(new n.TextElement({order:E}));break;case i.PopupElementTypeEnum.FORM:this.elements.push(new t.FormElement({order:E}));break;case i.PopupElementTypeEnum.IMAGE:this.elements.push(new s.ImageElement({order:E}));break;case i.PopupElementTypeEnum.IMAGE_COLUMN:this.elements.push(new o.ImageColumnElement({order:E}));break;case i.PopupElementTypeEnum.PRODUCT_LIST:this.elements.push(new m.ProductListElement({order:E}));break;case i.PopupElementTypeEnum.BUTTON:this.elements.push(new r.ButtonElement({order:E}));break;case i.PopupElementTypeEnum.SOCIAL_MEDIA:this.elements.push(new u.SocialMediaElement({order:E}));break;case i.PopupElementTypeEnum.DIVIDER:this.elements.push(new p.DividerElement({order:E}));break;case i.PopupElementTypeEnum.SPACE:this.elements.push(new l.SpaceElement({order:E}))}},E}();exports.PopupStep=E;
|