@ikas/popup-renderer 1.0.71 → 1.0.72

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.
Files changed (22) hide show
  1. package/build/index.js +1 -1
  2. package/build/popup-renderer/components/form-element-renderer/date-item-view/index.d.ts +2 -2
  3. package/build/popup-renderer/components/form-element-renderer/index.js +1 -1
  4. package/build/popup-renderer/components/form-element-renderer/input-item-view/index.d.ts +2 -2
  5. package/build/popup-renderer/components/form-element-renderer/input-item-view/index.js +1 -1
  6. package/build/popup-renderer/models/modal/step/elements/form/customer-attribute/index.d.ts +2 -2
  7. package/build/popup-renderer/models/modal/step/elements/form/customer-attribute/index.js +1 -1
  8. package/build/popup-renderer/models/modal/step/elements/form/customer-birthday/index.d.ts +2 -2
  9. package/build/popup-renderer/models/modal/step/elements/form/customer-birthday/index.js +1 -1
  10. package/build/popup-renderer/models/modal/step/elements/form/customer-email/index.d.ts +2 -2
  11. package/build/popup-renderer/models/modal/step/elements/form/customer-email/index.js +1 -1
  12. package/build/popup-renderer/models/modal/step/elements/form/customer-gender/index.d.ts +2 -2
  13. package/build/popup-renderer/models/modal/step/elements/form/customer-gender/index.js +1 -1
  14. package/build/popup-renderer/models/modal/step/elements/form/customer-name/index.d.ts +2 -2
  15. package/build/popup-renderer/models/modal/step/elements/form/customer-name/index.js +1 -1
  16. package/build/popup-renderer/models/modal/step/elements/form/customer-phone/index.d.ts +2 -2
  17. package/build/popup-renderer/models/modal/step/elements/form/customer-phone/index.js +1 -1
  18. package/build/popup-renderer/models/modal/step/elements/form/customer-surname/index.d.ts +2 -2
  19. package/build/popup-renderer/models/modal/step/elements/form/customer-surname/index.js +1 -1
  20. package/build/popup-renderer/models/modal/step/elements/form/index.d.ts +4 -0
  21. package/build/popup-renderer/models/modal/step/elements/form/index.js +1 -1
  22. package/package.json +1 -1
package/build/index.js CHANGED
@@ -1 +1 @@
1
- export{default as PopupRenderer}from"./popup-renderer/components/index.js";import*as e from"./popup-renderer/helpers/index.js";export{e as PopupHelpers};export{MOBILE_SCREEN_SIZE,Popup,PreviewType}from"./popup-renderer/models/index.js";export{DeviceTypeEnum,PopupSettings}from"./popup-renderer/models/settings/index.js";export{VisibilityTime}from"./popup-renderer/models/settings/visibility-time/index.js";export{VisibilityCondition,VisibilityConditionTypeEnum}from"./popup-renderer/models/settings/visibility-condition/index.js";export{Modal,PopupPositonEnum,PopupTypeEnum}from"./popup-renderer/models/modal/index.js";export{WindowSettings}from"./popup-renderer/models/modal/window-settings/index.js";export{Teaser,VisibilityConditionEnum}from"./popup-renderer/models/modal/teaser/index.js";export{PopupStep}from"./popup-renderer/models/modal/step/index.js";export{BaseElement,ComponentHorizontalAlignmentEnum,ComponentVerticalAlignmentEnum,IkasPopupRendererFontFamily,PopupElementTypeEnum}from"./popup-renderer/models/modal/step/elements/base/index.js";export{ButtonElement}from"./popup-renderer/models/modal/step/elements/button/index.js";export{DividerElement}from"./popup-renderer/models/modal/step/elements/divider/index.js";export{FormColumn,FormElement,FormItemTypeEnum,FormRow,InputLabel,RequiredInput}from"./popup-renderer/models/modal/step/elements/form/index.js";export{CheckboxFormItem,ContactPermission,ContactPermissionTypeEnum}from"./popup-renderer/models/modal/step/elements/form/checkbox/index.js";export{CustomerAttributeFormItem,CustomerAttributeTypeEnum}from"./popup-renderer/models/modal/step/elements/form/customer-attribute/index.js";export{CustomerBirthdayFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-birthday/index.js";export{CustomerEmailFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-email/index.js";export{CustomerGenderFormItem,CustomerGenderTypeEnum,GenderType}from"./popup-renderer/models/modal/step/elements/form/customer-gender/index.js";export{CustomerNameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-name/index.js";export{CustomerPhoneFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-phone/index.js";export{CustomerSurnameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-surname/index.js";export{FormInputSettings,FormSettings}from"./popup-renderer/models/modal/step/elements/form/form-settings/index.js";export{IMAGE_SIZE,ImageElement,ImageFitEnum,ImagePositionEnum}from"./popup-renderer/models/modal/step/elements/image/index.js";export{ImageColumnElement,ImageColumnPositionEnum}from"./popup-renderer/models/modal/step/elements/image-column/index.js";export{MAX_PRODUCT_COUNT,PopupProduct,PopupVariantPair,ProductListElement,ProductListLayoutEnum,ProductListSortTypeEnum,ProductListTypeEnum}from"./popup-renderer/models/modal/step/elements/product/index.js";export{ProductActionTypeEnum,ProductButtonSettings,ProductDetailSettings,ProductDiscountRatioSettings,ProductImageSettings}from"./popup-renderer/models/modal/step/elements/product/detail-settings/index.js";export{SocialMediaElement,SocialMediaLink,SocialMediaTypeEnum}from"./popup-renderer/models/modal/step/elements/social/index.js";export{SpaceElement}from"./popup-renderer/models/modal/step/elements/space/index.js";export{TextElement}from"./popup-renderer/models/modal/step/elements/text/index.js";export{BackgroundSettings,Border,ButtonBorderStyle,Overlay,Shadow}from"./popup-renderer/models/modal/background-settings/index.js";export{CloseButtonDisplayTypeEnum,CloseButtonPositionTypeEnum,CloseIconSettings,CloseIconTypeEnum,CloseSettings}from"./popup-renderer/models/modal/close-settings/index.js";
1
+ export{default as PopupRenderer}from"./popup-renderer/components/index.js";import*as e from"./popup-renderer/helpers/index.js";export{e as PopupHelpers};export{MOBILE_SCREEN_SIZE,Popup,PreviewType}from"./popup-renderer/models/index.js";export{DeviceTypeEnum,PopupSettings}from"./popup-renderer/models/settings/index.js";export{VisibilityTime}from"./popup-renderer/models/settings/visibility-time/index.js";export{VisibilityCondition,VisibilityConditionTypeEnum}from"./popup-renderer/models/settings/visibility-condition/index.js";export{Modal,PopupPositonEnum,PopupTypeEnum}from"./popup-renderer/models/modal/index.js";export{WindowSettings}from"./popup-renderer/models/modal/window-settings/index.js";export{Teaser,VisibilityConditionEnum}from"./popup-renderer/models/modal/teaser/index.js";export{PopupStep}from"./popup-renderer/models/modal/step/index.js";export{BaseElement,ComponentHorizontalAlignmentEnum,ComponentVerticalAlignmentEnum,IkasPopupRendererFontFamily,PopupElementTypeEnum}from"./popup-renderer/models/modal/step/elements/base/index.js";export{ButtonElement}from"./popup-renderer/models/modal/step/elements/button/index.js";export{DividerElement}from"./popup-renderer/models/modal/step/elements/divider/index.js";export{FormColumn,FormElement,FormItemTypeEnum,FormRow,InputLabel,InputPlaceholder,RequiredInput}from"./popup-renderer/models/modal/step/elements/form/index.js";export{CheckboxFormItem,ContactPermission,ContactPermissionTypeEnum}from"./popup-renderer/models/modal/step/elements/form/checkbox/index.js";export{CustomerAttributeFormItem,CustomerAttributeTypeEnum}from"./popup-renderer/models/modal/step/elements/form/customer-attribute/index.js";export{CustomerBirthdayFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-birthday/index.js";export{CustomerEmailFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-email/index.js";export{CustomerGenderFormItem,CustomerGenderTypeEnum,GenderType}from"./popup-renderer/models/modal/step/elements/form/customer-gender/index.js";export{CustomerNameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-name/index.js";export{CustomerPhoneFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-phone/index.js";export{CustomerSurnameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-surname/index.js";export{FormInputSettings,FormSettings}from"./popup-renderer/models/modal/step/elements/form/form-settings/index.js";export{IMAGE_SIZE,ImageElement,ImageFitEnum,ImagePositionEnum}from"./popup-renderer/models/modal/step/elements/image/index.js";export{ImageColumnElement,ImageColumnPositionEnum}from"./popup-renderer/models/modal/step/elements/image-column/index.js";export{MAX_PRODUCT_COUNT,PopupProduct,PopupVariantPair,ProductListElement,ProductListLayoutEnum,ProductListSortTypeEnum,ProductListTypeEnum}from"./popup-renderer/models/modal/step/elements/product/index.js";export{ProductActionTypeEnum,ProductButtonSettings,ProductDetailSettings,ProductDiscountRatioSettings,ProductImageSettings}from"./popup-renderer/models/modal/step/elements/product/detail-settings/index.js";export{SocialMediaElement,SocialMediaLink,SocialMediaTypeEnum}from"./popup-renderer/models/modal/step/elements/social/index.js";export{SpaceElement}from"./popup-renderer/models/modal/step/elements/space/index.js";export{TextElement}from"./popup-renderer/models/modal/step/elements/text/index.js";export{BackgroundSettings,Border,ButtonBorderStyle,Overlay,Shadow}from"./popup-renderer/models/modal/background-settings/index.js";export{CloseButtonDisplayTypeEnum,CloseButtonPositionTypeEnum,CloseIconSettings,CloseIconTypeEnum,CloseSettings}from"./popup-renderer/models/modal/close-settings/index.js";
@@ -1,8 +1,8 @@
1
1
  import React from "react";
2
- import { InputLabel, RequiredInput } from "../../../models/modal/step/elements/form";
2
+ import { InputLabel, InputPlaceholder, RequiredInput } from "../../../models/modal/step/elements/form";
3
3
  import { FormInputSettings } from "../../../models/modal/step/elements/form/form-settings";
4
4
  type Props = {
5
- placeholder: string;
5
+ placeholder?: InputPlaceholder | null;
6
6
  isRequired?: RequiredInput | null;
7
7
  inputLabel?: InputLabel | null;
8
8
  updateCurrentInfo: boolean;
@@ -1 +1 @@
1
- import{__awaiter as e,__generator as t}from'./../../../ext/tslib/tslib.es6.mjs.js';import r from"react";import'./../../../ext/mobx-react-lite/es/index.js';import{getHorizontalAlignment as n}from"../../helpers/index.js";import{FormItemTypeEnum as o}from"../../models/modal/step/elements/form/index.js";import a from"../button-element-renderer/index.js";import i from"./input-item-view/index.js";import{CheckboxItemView as s}from"./checkbox-item-view/index.js";import l from"./date-item-view/index.js";import u from"./gender-item-view/index.js";import{observer as m}from'./../../../ext/mobx-react-lite/es/observer.js';var c=m((function(m){var c=m.element,d=m.popup,f=m.isPreviewMode,p=m.sfProps,E=r.useState(!1);E[0];var v=E[1],C=c,I=C.rows.slice().sort((function(e,t){return e.order-t.order})),h=C.formSettings,M=C.buttonSettings,S=C.bgColor,g={display:"flex",flexDirection:"column",alignItems:"center",justifyContent:n(C.horizontalAlignment),gap:"".concat(h.gapBetweenItems,"px"),padding:"".concat(C.verticalPadding,"px ").concat(C.horizontalPadding,"px"),backgroundColor:S,width:"100%"},R={display:"flex",flexDirection:"row",width:"100%",gap:"".concat(h.gapBetweenItems,"px")},O={flex:1,display:"flex",alignItems:"flex-end"},_=function(){return e(void 0,void 0,void 0,(function(){var e,r,n;return t(this,(function(t){switch(t.label){case 0:return e=d.modal.steps.findIndex((function(e){return e.id===d.modal.selectedStep.id})),r=e===d.modal.steps.length-2,!f&&p&&r?(v(!0),function(){var e=!1;return C.rows.forEach((function(t){t.columns.forEach((function(t){switch(t.type){case o.CUSTOMER_BIRTHDAY:var r=t.formItem;r.required&&!r.value&&(r.required.hasError=!0,e=!0);break;case o.CUSTOMER_EMAIL:case o.CUSTOMER_PHONE:case o.CUSTOMER_NAME:case o.CUSTOMER_SURNAME:case o.CHECKBOX_FORM_ITEM:var n=t.formItem;if(n.required&&!n.value){if(n.type===o.CUSTOMER_EMAIL&&(null==p?void 0:p.isCustomerLoggedIn))return;n.required.hasError=!0,e=!0}break;case o.CUSTOMER_GENDER:var a=t.formItem,i=a.genders.find((function(e){return e.isSelected}));a.required&&!i&&(a.required.hasError=!0,e=!0);case o.CHECKBOX_FORM_ITEM:var s=t.formItem;s.requiredToBeChecked&&!s.isChecked&&(s.requiredToBeChecked.hasError=!0,e=!0)}}))})),e}()?(v(!1),[2]):(n={},C.rows.forEach((function(e){e.columns.forEach((function(e){var t;switch(e.type){case o.CUSTOMER_BIRTHDAY:n.birthday=e.formItem.value;break;case o.CUSTOMER_EMAIL:n.email=e.formItem.value;break;case o.CUSTOMER_GENDER:n.gender=(null===(t=e.formItem.genders.find((function(e){return e.isSelected})))||void 0===t?void 0:t.type)||"";break;case o.CUSTOMER_PHONE:n.phone=e.formItem.value;break;case o.CUSTOMER_NAME:n.firstName=e.formItem.value||"";break;case o.CUSTOMER_SURNAME:n.lastName=e.formItem.value||"";break;case o.CHECKBOX_FORM_ITEM:n.hasPermission=e.formItem.isChecked}}))})),[4,p.onCustomerSave(n)])):[3,2];case 1:t.sent(),v(!1),t.label=2;case 2:return-1!==e&&e<d.modal.steps.length&&(d.modal.selectedStep=d.modal.steps[e+1]),[2]}}))}))},T={width:"".concat(M.width,"%"),minWidth:"fit-content"};return r.createElement("div",{style:g},I.map((function(e,t){return r.createElement("div",{style:R,key:t},e.columns.slice().sort((function(e,t){return e.order-t.order})).map((function(e,t){return r.createElement("div",{style:O,key:t},function(e){switch(e.type){case o.CUSTOMER_EMAIL:case o.CUSTOMER_PHONE:case o.CUSTOMER_NAME:case o.CUSTOMER_SURNAME:var t=e.formItem;return t.type===o.CUSTOMER_EMAIL&&(null==p?void 0:p.isCustomerLoggedIn)&&!f?null:r.createElement(i,{formInputSettings:h.formInputSettings,inputLabel:t.inputLabel,isRequired:t.required,onValueChange:function(e){return f?null:t.value=e},placeholder:t.placeholder,updateCurrentInfo:t.updateCurrentInfo,value:t.value||""});case o.CUSTOMER_BIRTHDAY:var n=e.formItem;return r.createElement(l,{formInputSettings:h.formInputSettings,inputLabel:n.inputLabel,isRequired:n.required,onValueChange:function(e){return f?null:n.value=e},placeholder:n.placeholder,updateCurrentInfo:n.updateCurrentInfo,value:n.value||""});case o.CUSTOMER_GENDER:var a=e.formItem;return r.createElement(u,{genderFormItem:a,formInputSettings:h.formInputSettings,onValueChange:function(e){return f?null:a.genders.forEach((function(t){t.isSelected=t.label===e}))}});case o.CHECKBOX_FORM_ITEM:return r.createElement(s,{checkboxItem:e.formItem})}}(e))})))})),r.createElement("div",{style:T,onClick:function(e){_(),e.preventDefault(),e.stopPropagation()}},r.createElement(a,{element:M})," "))}));export{c as default};
1
+ import{__awaiter as e,__generator as t}from'./../../../ext/tslib/tslib.es6.mjs.js';import r from"react";import'./../../../ext/mobx-react-lite/es/index.js';import{getHorizontalAlignment as n,injectFontScript as o}from"../../helpers/index.js";import{FormItemTypeEnum as i}from"../../models/modal/step/elements/form/index.js";import a from"../button-element-renderer/index.js";import s from"./input-item-view/index.js";import{CheckboxItemView as l}from"./checkbox-item-view/index.js";import u from"./date-item-view/index.js";import m from"./gender-item-view/index.js";import{observer as c}from'./../../../ext/mobx-react-lite/es/observer.js';var d=c((function(c){var d=c.element,f=c.popup,p=c.isPreviewMode,E=c.sfProps,v=r.useState(!1);v[0];var C=v[1],I=d,h=I.rows.slice().sort((function(e,t){return e.order-t.order})),M=I.formSettings,S=I.buttonSettings,g=I.bgColor,R={display:"flex",flexDirection:"column",alignItems:"center",justifyContent:n(I.horizontalAlignment),gap:"".concat(M.gapBetweenItems,"px"),padding:"".concat(I.verticalPadding,"px ").concat(I.horizontalPadding,"px"),backgroundColor:g,width:"100%"},O={display:"flex",flexDirection:"row",width:"100%",gap:"".concat(M.gapBetweenItems,"px")},_={flex:1,display:"flex",alignItems:"flex-end",fontFamily:o(M.fontFamily),fontSize:M.fontSize},T=function(){return e(void 0,void 0,void 0,(function(){var e,r,n;return t(this,(function(t){switch(t.label){case 0:return e=f.modal.steps.findIndex((function(e){return e.id===f.modal.selectedStep.id})),r=e===f.modal.steps.length-2,!p&&E&&r?(C(!0),function(){var e=!1;return I.rows.forEach((function(t){t.columns.forEach((function(t){switch(t.type){case i.CUSTOMER_BIRTHDAY:var r=t.formItem;r.required&&!r.value&&(r.required.hasError=!0,e=!0);break;case i.CUSTOMER_EMAIL:case i.CUSTOMER_PHONE:case i.CUSTOMER_NAME:case i.CUSTOMER_SURNAME:case i.CHECKBOX_FORM_ITEM:var n=t.formItem;if(n.required&&!n.value){if(n.type===i.CUSTOMER_EMAIL&&(null==E?void 0:E.isCustomerLoggedIn))return;n.required.hasError=!0,e=!0}break;case i.CUSTOMER_GENDER:var o=t.formItem,a=o.genders.find((function(e){return e.isSelected}));o.required&&!a&&(o.required.hasError=!0,e=!0);case i.CHECKBOX_FORM_ITEM:var s=t.formItem;s.requiredToBeChecked&&!s.isChecked&&(s.requiredToBeChecked.hasError=!0,e=!0)}}))})),e}()?(C(!1),[2]):(n={},I.rows.forEach((function(e){e.columns.forEach((function(e){var t;switch(e.type){case i.CUSTOMER_BIRTHDAY:n.birthday=e.formItem.value;break;case i.CUSTOMER_EMAIL:n.email=e.formItem.value;break;case i.CUSTOMER_GENDER:n.gender=(null===(t=e.formItem.genders.find((function(e){return e.isSelected})))||void 0===t?void 0:t.type)||"";break;case i.CUSTOMER_PHONE:n.phone=e.formItem.value;break;case i.CUSTOMER_NAME:n.firstName=e.formItem.value||"";break;case i.CUSTOMER_SURNAME:n.lastName=e.formItem.value||"";break;case i.CHECKBOX_FORM_ITEM:n.hasPermission=e.formItem.isChecked}}))})),[4,E.onCustomerSave(n)])):[3,2];case 1:t.sent(),C(!1),t.label=2;case 2:return-1!==e&&e<f.modal.steps.length&&(f.modal.selectedStep=f.modal.steps[e+1]),[2]}}))}))},b={width:"".concat(S.width,"%"),minWidth:"fit-content"};return r.createElement("div",{style:R},h.map((function(e,t){return r.createElement("div",{style:O,key:t},e.columns.slice().sort((function(e,t){return e.order-t.order})).map((function(e,t){return r.createElement("div",{style:_,key:t},function(e){switch(e.type){case i.CUSTOMER_EMAIL:case i.CUSTOMER_PHONE:case i.CUSTOMER_NAME:case i.CUSTOMER_SURNAME:var t=e.formItem;return t.type===i.CUSTOMER_EMAIL&&(null==E?void 0:E.isCustomerLoggedIn)&&!p?null:r.createElement(s,{formInputSettings:M.formInputSettings,inputLabel:t.inputLabel,isRequired:t.required,onValueChange:function(e){return p?null:t.value=e},placeholder:t.placeholder,updateCurrentInfo:t.updateCurrentInfo,value:t.value||""});case i.CUSTOMER_BIRTHDAY:var n=e.formItem;return r.createElement(u,{formInputSettings:M.formInputSettings,inputLabel:n.inputLabel,isRequired:n.required,onValueChange:function(e){return p?null:n.value=e},placeholder:n.placeholder,updateCurrentInfo:n.updateCurrentInfo,value:n.value||""});case i.CUSTOMER_GENDER:var o=e.formItem;return r.createElement(m,{genderFormItem:o,formInputSettings:M.formInputSettings,onValueChange:function(e){return p?null:o.genders.forEach((function(t){t.isSelected=t.label===e}))}});case i.CHECKBOX_FORM_ITEM:return r.createElement(l,{checkboxItem:e.formItem})}}(e))})))})),r.createElement("div",{style:b,onClick:function(e){T(),e.preventDefault(),e.stopPropagation()}},r.createElement(a,{element:S})," "))}));export{d as default};
@@ -1,8 +1,8 @@
1
1
  import React from "react";
2
- import { InputLabel, RequiredInput } from "../../../models/modal/step/elements/form";
2
+ import { InputLabel, InputPlaceholder, RequiredInput } from "../../../models/modal/step/elements/form";
3
3
  import { FormInputSettings } from "../../../models/modal/step/elements/form/form-settings";
4
4
  type Props = {
5
- placeholder: string;
5
+ placeholder?: InputPlaceholder | null;
6
6
  isRequired?: RequiredInput | null;
7
7
  inputLabel?: InputLabel | null;
8
8
  updateCurrentInfo: boolean;
@@ -1 +1 @@
1
- import e from"react";import'./../../../../ext/mobx-react-lite/es/index.js';import{observer as t}from'./../../../../ext/mobx-react-lite/es/observer.js';var r=t((function(t){var r=e.useState(!1),o=r[0],l=r[1],n=t.placeholder,a=t.isRequired,i=t.inputLabel;t.updateCurrentInfo;var c=t.formInputSettings,d=t.value,s=t.onValueChange,u={width:"100%",backgroundColor:c.bgColor,border:"".concat(c.borderWidth,"px solid ").concat(o?c.focusBorderColor:c.borderColor),borderRadius:"".concat(c.borderRadius,"px"),fontSize:"14px",padding:"10px 12px",height:"".concat(c.height,"px")};return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"}},(i||a)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},i&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},i.text),a&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},"*")),a&&a.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},a.validationErrorMessage)),e.createElement("input",{type:"text",placeholder:n,value:d||"",onChange:function(e){return function(e){s(e),a&&a.hasError&&e.length>0&&(a.hasError=!1)}(e.target.value)},style:u,onFocus:function(){return l(!0)},onBlur:function(){return l(!1)}}))}));export{r as default};
1
+ import e from"react";import'./../../../../ext/mobx-react-lite/es/index.js';import{observer as t}from'./../../../../ext/mobx-react-lite/es/observer.js';var r=t((function(t){var r=e.useState(!1),o=r[0],l=r[1],n=t.placeholder,a=t.isRequired,i=t.inputLabel;t.updateCurrentInfo;var c=t.formInputSettings,d=t.value,s=t.onValueChange,u={width:"100%",backgroundColor:c.bgColor,border:"".concat(c.borderWidth,"px solid ").concat(o?c.focusBorderColor:c.borderColor),borderRadius:"".concat(c.borderRadius,"px"),fontSize:"14px",padding:"10px 12px",height:"".concat(c.height,"px")};return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"}},(i||a)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},i&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},i.text),a&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},"*")),a&&a.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},a.validationErrorMessage)),e.createElement("input",{type:"text",placeholder:(null==n?void 0:n.text)||"",value:d||"",onChange:function(e){return function(e){s(e),a&&a.hasError&&e.length>0&&(a.hasError=!1)}(e.target.value)},style:u,onFocus:function(){return l(!0)},onBlur:function(){return l(!1)}}))}));export{r as default};
@@ -1,4 +1,4 @@
1
- import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
1
+ import { FormItemTypeEnum, InputLabel, InputPlaceholder, RequiredInput } from "..";
2
2
  export declare enum CustomerAttributeTypeEnum {
3
3
  BOOLEAN = "BOOLEAN",
4
4
  CHOICE = "CHOICE",
@@ -9,7 +9,7 @@ export declare enum CustomerAttributeTypeEnum {
9
9
  }
10
10
  export declare class CustomerAttributeFormItem {
11
11
  type: FormItemTypeEnum;
12
- placeholder: string;
12
+ placeholder: InputPlaceholder | null;
13
13
  inputLabel: InputLabel | null;
14
14
  required: RequiredInput | null;
15
15
  updateCurrentInfo: boolean;
@@ -1 +1 @@
1
- import{makeObservable as e,observable as t}from"mobx";import{FormItemTypeEnum as r,InputLabel as i,RequiredInput as u}from"../index.js";var n;!function(e){e.BOOLEAN="BOOLEAN",e.CHOICE="CHOICE",e.DATETIME="DATETIME",e.MULTIPLE_CHOICE="MULTIPLE_CHOICE",e.NUMERIC="NUMERIC",e.TEXT="TEXT"}(n||(n={}));var o=function(n){void 0===n&&(n={}),this.type=r.CUSTOMER_ATTRIBUTE,this.placeholder=n.placeholder||"",this.inputLabel=n.inputLabel?new i(n.inputLabel):null,this.required=n.required?new u(n.required):null,this.updateCurrentInfo=n.updateCurrentInfo||!1,this.customerAttributeId=n.customerAttributeId||"",e(this,{type:t,placeholder:t,inputLabel:t,required:t,updateCurrentInfo:t,customerAttributeId:t})};export{o as CustomerAttributeFormItem,n as CustomerAttributeTypeEnum};
1
+ import{makeObservable as e,observable as t}from"mobx";import{FormItemTypeEnum as r,InputPlaceholder as u,InputLabel as i,RequiredInput as n}from"../index.js";var o;!function(e){e.BOOLEAN="BOOLEAN",e.CHOICE="CHOICE",e.DATETIME="DATETIME",e.MULTIPLE_CHOICE="MULTIPLE_CHOICE",e.NUMERIC="NUMERIC",e.TEXT="TEXT"}(o||(o={}));var l=function(o){void 0===o&&(o={}),this.type=r.CUSTOMER_ATTRIBUTE,this.placeholder=o.placeholder?new u(o.placeholder):null,this.inputLabel=o.inputLabel?new i(o.inputLabel):null,this.required=o.required?new n(o.required):null,this.updateCurrentInfo=o.updateCurrentInfo||!1,this.customerAttributeId=o.customerAttributeId||"",e(this,{type:t,placeholder:t,inputLabel:t,required:t,updateCurrentInfo:t,customerAttributeId:t})};export{l as CustomerAttributeFormItem,o as CustomerAttributeTypeEnum};
@@ -1,8 +1,8 @@
1
- import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
1
+ import { FormItemTypeEnum, InputLabel, InputPlaceholder, RequiredInput } from "..";
2
2
  export declare class CustomerBirthdayFormItem {
3
3
  type: FormItemTypeEnum;
4
4
  value: string | null;
5
- placeholder: string;
5
+ placeholder: InputPlaceholder | null;
6
6
  inputLabel: InputLabel | null;
7
7
  required: RequiredInput | null;
8
8
  updateCurrentInfo: boolean;
@@ -1 +1 @@
1
- import{makeObservable as e,observable as r}from"mobx";import{FormItemTypeEnum as t,InputLabel as u,RequiredInput as i}from"../index.js";var l=function(l){void 0===l&&(l={}),this.type=t.CUSTOMER_BIRTHDAY,this.value=l.value||null,this.placeholder=l.placeholder||"Enter your birthday",this.inputLabel=l.inputLabel?new u(l.inputLabel):null,this.required=l.required?new i(l.required):null,this.updateCurrentInfo=l.updateCurrentInfo||!1,e(this,{value:r,type:r,placeholder:r,inputLabel:r,required:r,updateCurrentInfo:r})};export{l as CustomerBirthdayFormItem};
1
+ import{makeObservable as e,observable as r}from"mobx";import{FormItemTypeEnum as l,InputPlaceholder as t,InputLabel as u,RequiredInput as i}from"../index.js";var n=function(n){void 0===n&&(n={}),this.type=l.CUSTOMER_BIRTHDAY,this.value=n.value||null,this.placeholder=n.placeholder?new t(n.placeholder):null,this.inputLabel=n.inputLabel?new u(n.inputLabel):null,this.required=n.required?new i(n.required):null,this.updateCurrentInfo=n.updateCurrentInfo||!1,e(this,{value:r,type:r,placeholder:r,inputLabel:r,required:r,updateCurrentInfo:r})};export{n as CustomerBirthdayFormItem};
@@ -1,8 +1,8 @@
1
- import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
1
+ import { FormItemTypeEnum, InputLabel, InputPlaceholder, RequiredInput } from "..";
2
2
  export declare class CustomerEmailFormItem {
3
3
  type: FormItemTypeEnum;
4
4
  value: string | null;
5
- placeholder: string;
5
+ placeholder: InputPlaceholder | null;
6
6
  inputLabel: InputLabel | null;
7
7
  required: RequiredInput | null;
8
8
  updateCurrentInfo: boolean;
@@ -1 +1 @@
1
- import{makeObservable as e,observable as r}from"mobx";import{FormItemTypeEnum as t,InputLabel as i,RequiredInput as u}from"../index.js";var n=function(n){void 0===n&&(n={}),this.type=t.CUSTOMER_EMAIL,this.value=n.value||null,this.placeholder=n.placeholder||"Enter your email",this.inputLabel=n.inputLabel?new i(n.inputLabel):null,this.required=n.required?new u(n.required):new u,this.updateCurrentInfo=n.updateCurrentInfo||!1,e(this,{value:r,type:r,placeholder:r,inputLabel:r,required:r,updateCurrentInfo:r})};export{n as CustomerEmailFormItem};
1
+ import{makeObservable as e,observable as r}from"mobx";import{FormItemTypeEnum as t,InputPlaceholder as l,InputLabel as u,RequiredInput as i}from"../index.js";var n=function(n){void 0===n&&(n={}),this.type=t.CUSTOMER_EMAIL,this.value=n.value||null,this.placeholder=n.placeholder?new l(n.placeholder):null,this.inputLabel=n.inputLabel?new u(n.inputLabel):null,this.required=n.required?new i(n.required):new i,this.updateCurrentInfo=n.updateCurrentInfo||!1,e(this,{value:r,type:r,placeholder:r,inputLabel:r,required:r,updateCurrentInfo:r})};export{n as CustomerEmailFormItem};
@@ -1,7 +1,7 @@
1
- import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
1
+ import { FormItemTypeEnum, InputLabel, InputPlaceholder, RequiredInput } from "..";
2
2
  export declare class CustomerGenderFormItem {
3
3
  type: FormItemTypeEnum;
4
- placeholder: string;
4
+ placeholder: InputPlaceholder | null;
5
5
  inputLabel: InputLabel | null;
6
6
  required: RequiredInput | null;
7
7
  updateCurrentInfo: boolean;
@@ -1 +1 @@
1
- import{makeObservable as e,observable as t}from"mobx";import{FormItemTypeEnum as n,InputLabel as r,RequiredInput as i}from"../index.js";var l,u=function(l){void 0===l&&(l={}),this.type=n.CUSTOMER_GENDER,this.placeholder=l.placeholder||"Enter your gender",this.inputLabel=l.inputLabel?new r(l.inputLabel):null,this.required=l.required?new i(l.required):null,this.updateCurrentInfo=l.updateCurrentInfo||!1,this.genders=l.genders?l.genders.map((function(e){return new d(e)})):[],e(this,{type:t,placeholder:t,inputLabel:t,required:t,updateCurrentInfo:t,genders:t})},d=function(n){void 0===n&&(n={}),this.type=n.type||l.FEMALE,this.label=n.label||null,this.isSelected=n.isSelected||!1,e(this,{type:t,label:t,isSelected:t})};!function(e){e.FEMALE="FEMALE",e.MALE="MALE",e.OTHER="OTHER"}(l||(l={}));export{u as CustomerGenderFormItem,l as CustomerGenderTypeEnum,d as GenderType};
1
+ import{makeObservable as e,observable as t}from"mobx";import{FormItemTypeEnum as n,InputPlaceholder as i,InputLabel as r,RequiredInput as l}from"../index.js";var u,d=function(u){void 0===u&&(u={}),this.type=n.CUSTOMER_GENDER,this.placeholder=u.placeholder?new i(u.placeholder):null,this.inputLabel=u.inputLabel?new r(u.inputLabel):null,this.required=u.required?new l(u.required):null,this.updateCurrentInfo=u.updateCurrentInfo||!1,this.genders=u.genders?u.genders.map((function(e){return new p(e)})):[],e(this,{type:t,placeholder:t,inputLabel:t,required:t,updateCurrentInfo:t,genders:t})},p=function(n){void 0===n&&(n={}),this.type=n.type||u.FEMALE,this.label=n.label||null,this.isSelected=n.isSelected||!1,e(this,{type:t,label:t,isSelected:t})};!function(e){e.FEMALE="FEMALE",e.MALE="MALE",e.OTHER="OTHER"}(u||(u={}));export{d as CustomerGenderFormItem,u as CustomerGenderTypeEnum,p as GenderType};
@@ -1,8 +1,8 @@
1
- import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
1
+ import { FormItemTypeEnum, InputLabel, InputPlaceholder, RequiredInput } from "..";
2
2
  export declare class CustomerNameFormItem {
3
3
  type: FormItemTypeEnum;
4
4
  value: string | null;
5
- placeholder: string;
5
+ placeholder: InputPlaceholder | null;
6
6
  inputLabel: InputLabel | null;
7
7
  required: RequiredInput | null;
8
8
  updateCurrentInfo: boolean;
@@ -1 +1 @@
1
- import{makeObservable as e,observable as r}from"mobx";import{FormItemTypeEnum as t,InputLabel as u,RequiredInput as i}from"../index.js";var n=function(n){void 0===n&&(n={}),this.type=t.CUSTOMER_NAME,this.value=n.value||null,this.placeholder=n.placeholder||"Enter your name",this.inputLabel=n.inputLabel?new u(n.inputLabel):null,this.required=n.required?new i(n.required):null,this.updateCurrentInfo=n.updateCurrentInfo||!1,e(this,{value:r,type:r,placeholder:r,inputLabel:r,required:r,updateCurrentInfo:r})};export{n as CustomerNameFormItem};
1
+ import{makeObservable as e,observable as r}from"mobx";import{FormItemTypeEnum as l,InputPlaceholder as t,InputLabel as u,RequiredInput as i}from"../index.js";var n=function(n){void 0===n&&(n={}),this.type=l.CUSTOMER_NAME,this.value=n.value||null,this.placeholder=n.placeholder?new t(n.placeholder):null,this.inputLabel=n.inputLabel?new u(n.inputLabel):null,this.required=n.required?new i(n.required):null,this.updateCurrentInfo=n.updateCurrentInfo||!1,e(this,{value:r,type:r,placeholder:r,inputLabel:r,required:r,updateCurrentInfo:r})};export{n as CustomerNameFormItem};
@@ -1,8 +1,8 @@
1
- import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
1
+ import { FormItemTypeEnum, InputLabel, InputPlaceholder, RequiredInput } from "..";
2
2
  export declare class CustomerPhoneFormItem {
3
3
  type: FormItemTypeEnum;
4
4
  value: string | null;
5
- placeholder: string;
5
+ placeholder: InputPlaceholder | null;
6
6
  inputLabel: InputLabel | null;
7
7
  required: RequiredInput | null;
8
8
  addCountryCode: boolean;
@@ -1 +1 @@
1
- import{makeObservable as e,observable as r}from"mobx";import{FormItemTypeEnum as t,InputLabel as u,RequiredInput as n}from"../index.js";var o=function(o){void 0===o&&(o={}),this.type=t.CUSTOMER_PHONE,this.value=o.value||null,this.placeholder=o.placeholder||"Enter your phone",this.inputLabel=o.inputLabel?new u(o.inputLabel):null,this.required=o.required?new n(o.required):null,this.addCountryCode=o.addCountryCode||!1,this.updateCurrentInfo=o.updateCurrentInfo||!1,e(this,{value:r,type:r,placeholder:r,inputLabel:r,required:r,addCountryCode:r,updateCurrentInfo:r})};export{o as CustomerPhoneFormItem};
1
+ import{makeObservable as e,observable as r}from"mobx";import{FormItemTypeEnum as t,InputPlaceholder as u,InputLabel as l,RequiredInput as n}from"../index.js";var d=function(d){void 0===d&&(d={}),this.type=t.CUSTOMER_PHONE,this.value=d.value||null,this.placeholder=d.placeholder?new u(d.placeholder):null,this.inputLabel=d.inputLabel?new l(d.inputLabel):null,this.required=d.required?new n(d.required):null,this.addCountryCode=d.addCountryCode||!1,this.updateCurrentInfo=d.updateCurrentInfo||!1,e(this,{value:r,type:r,placeholder:r,inputLabel:r,required:r,addCountryCode:r,updateCurrentInfo:r})};export{d as CustomerPhoneFormItem};
@@ -1,8 +1,8 @@
1
- import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
1
+ import { FormItemTypeEnum, InputLabel, InputPlaceholder, RequiredInput } from "..";
2
2
  export declare class CustomerSurnameFormItem {
3
3
  type: FormItemTypeEnum;
4
4
  value: string | null;
5
- placeholder: string;
5
+ placeholder: InputPlaceholder | null;
6
6
  inputLabel: InputLabel | null;
7
7
  required: RequiredInput | null;
8
8
  updateCurrentInfo: boolean;
@@ -1 +1 @@
1
- import{makeObservable as e,observable as r}from"mobx";import{FormItemTypeEnum as t,InputLabel as u,RequiredInput as i}from"../index.js";var n=function(n){void 0===n&&(n={}),this.type=t.CUSTOMER_SURNAME,this.value=n.value||null,this.placeholder=n.placeholder||"Enter your surname",this.inputLabel=n.inputLabel?new u(n.inputLabel):null,this.required=n.required?new i(n.required):null,this.updateCurrentInfo=n.updateCurrentInfo||!1,e(this,{value:r,type:r,placeholder:r,inputLabel:r,required:r,updateCurrentInfo:r})};export{n as CustomerSurnameFormItem};
1
+ import{makeObservable as e,observable as r}from"mobx";import{FormItemTypeEnum as l,InputPlaceholder as t,InputLabel as u,RequiredInput as i}from"../index.js";var n=function(n){void 0===n&&(n={}),this.type=l.CUSTOMER_SURNAME,this.value=n.value||null,this.placeholder=n.placeholder?new t(n.placeholder):null,this.inputLabel=n.inputLabel?new u(n.inputLabel):null,this.required=n.required?new i(n.required):null,this.updateCurrentInfo=n.updateCurrentInfo||!1,e(this,{value:r,type:r,placeholder:r,inputLabel:r,required:r,updateCurrentInfo:r})};export{n as CustomerSurnameFormItem};
@@ -63,3 +63,7 @@ export declare class RequiredInput {
63
63
  hasError: boolean;
64
64
  constructor(data?: Partial<RequiredInput>);
65
65
  }
66
+ export declare class InputPlaceholder {
67
+ text: string;
68
+ constructor(data?: Partial<InputLabel>);
69
+ }
@@ -1 +1 @@
1
- import{__extends as t,__assign as r}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as o,observable as e,action as n}from"mobx";import{PopupElementTypeEnum as i,BaseElement as s}from"../base/index.js";import{ButtonElement as d}from"../button/index.js";import{FormSettings as m}from"./form-settings/index.js";import{CustomerNameFormItem as u}from"./customer-name/index.js";import{CustomerSurnameFormItem as E}from"./customer-surname/index.js";import{CustomerEmailFormItem as a}from"./customer-email/index.js";import{CustomerPhoneFormItem as c}from"./customer-phone/index.js";import{CustomerBirthdayFormItem as l}from"./customer-birthday/index.js";import{CustomerGenderFormItem as h}from"./customer-gender/index.js";import{CheckboxFormItem as M}from"./checkbox/index.js";import{CustomerAttributeFormItem as f}from"./customer-attribute/index.js";var R;!function(t){t.CUSTOMER_NAME="CUSTOMER_NAME",t.CUSTOMER_SURNAME="CUSTOMER_SURNAME",t.CUSTOMER_EMAIL="CUSTOMER_EMAIL",t.CUSTOMER_PHONE="CUSTOMER_PHONE",t.CUSTOMER_BIRTHDAY="CUSTOMER_BIRTHDAY",t.CUSTOMER_GENDER="CUSTOMER_GENDER",t.CHECKBOX_FORM_ITEM="CHECKBOX_FORM_ITEM",t.CUSTOMER_ATTRIBUTE="CUSTOMER_ATTRIBUTE"}(R||(R={}));var T=function(r){function s(t,s){void 0===t&&(t={});var u,E,a=this;return(a=r.call(this,t)||this).type=i.FORM,a.rows=t.rows?t.rows.map((function(t){return new C(t)})):[],a.formSettings=t.formSettings||new m,a.buttonSettings=t.buttonSettings||new d({outerHorizontalPadding:0,outerVerticalPadding:0,buttonBgColor:"#000000",borderColor:"#000000"}),a.bgColor=t.bgColor||"",a.verticalPadding=null!==(u=t.verticalPadding)&&void 0!==u?u:12,a.horizontalPadding=null!==(E=t.horizontalPadding)&&void 0!==E?E:12,o(a,{rows:e,formSettings:e,buttonSettings:e,bgColor:e,addNewElement:n.bound}),0===a.rows.length&&s>0&&a.addNewElement(R.CUSTOMER_EMAIL),a}return t(s,r),s.prototype.addNewElement=function(t){var r=new C({order:this.rows.length,columns:[new S({type:t,order:0})]});this.rows.push(r)},s}(s),C=function(){function t(t){var r;void 0===t&&(t={}),this.id=t.id||Date.now().toString(),this.order=null!==(r=t.order)&&void 0!==r?r:0,this.columns=t.columns?t.columns.map((function(t){return new S(t)})):[],o(this,{id:e,order:e,columns:e,addNewElement:n.bound,changeColumnSort:n.bound})}return t.prototype.addNewElement=function(t){this.columns.push(new S({type:t,order:this.columns.length}))},t.prototype.changeColumnSort=function(){this.columns.forEach((function(t,r){0===r?t.order=t.order+1:1===r&&(t.order=t.order-1)})),this.columns=this.columns.sort((function(t,r){return t.order-r.order}))},t}(),S=function(){function t(t){var r;void 0===t&&(t={}),this.id=t.id||Date.now().toString(),this.order=null!==(r=t.order)&&void 0!==r?r:0,this.type=t.type||R.CUSTOMER_NAME,this.formItem=this.setFormItems(t.formItem),o(this,{id:e,order:e,type:e,formItem:e,setFormItems:n.bound})}return t.prototype.setFormItems=function(t){switch(this.type){case R.CUSTOMER_NAME:return new u(r({},t));case R.CUSTOMER_SURNAME:return new E(r({},t));case R.CUSTOMER_EMAIL:return new a(r({},t));case R.CUSTOMER_PHONE:return new c(r({},t));case R.CUSTOMER_BIRTHDAY:return new l(r({},t));case R.CUSTOMER_GENDER:return new h(r({},t));case R.CHECKBOX_FORM_ITEM:return new M(r({},t));case R.CUSTOMER_ATTRIBUTE:return new f(r({},t))}},t}(),p=function(t){void 0===t&&(t={}),this.text=t.text||"Input Label",o(this,{text:e})},O=function(t){void 0===t&&(t={}),this.validationErrorMessage=t.validationErrorMessage||"It's required to fill this field",this.hasError=t.hasError||!1,o(this,{validationErrorMessage:e,hasError:e})};export{S as FormColumn,T as FormElement,R as FormItemTypeEnum,C as FormRow,p as InputLabel,O as RequiredInput};
1
+ import{__extends as t,__assign as e}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as r,observable as o,action as n}from"mobx";import{PopupElementTypeEnum as i,BaseElement as s}from"../base/index.js";import{ButtonElement as d}from"../button/index.js";import{FormSettings as m}from"./form-settings/index.js";import{CustomerNameFormItem as u}from"./customer-name/index.js";import{CustomerSurnameFormItem as a}from"./customer-surname/index.js";import{CustomerEmailFormItem as l}from"./customer-email/index.js";import{CustomerPhoneFormItem as E}from"./customer-phone/index.js";import{CustomerBirthdayFormItem as c}from"./customer-birthday/index.js";import{CustomerGenderFormItem as h}from"./customer-gender/index.js";import{CheckboxFormItem as M}from"./checkbox/index.js";import{CustomerAttributeFormItem as f}from"./customer-attribute/index.js";var p;!function(t){t.CUSTOMER_NAME="CUSTOMER_NAME",t.CUSTOMER_SURNAME="CUSTOMER_SURNAME",t.CUSTOMER_EMAIL="CUSTOMER_EMAIL",t.CUSTOMER_PHONE="CUSTOMER_PHONE",t.CUSTOMER_BIRTHDAY="CUSTOMER_BIRTHDAY",t.CUSTOMER_GENDER="CUSTOMER_GENDER",t.CHECKBOX_FORM_ITEM="CHECKBOX_FORM_ITEM",t.CUSTOMER_ATTRIBUTE="CUSTOMER_ATTRIBUTE"}(p||(p={}));var R=function(e){function s(t,s){void 0===t&&(t={});var u,a,l=this;return(l=e.call(this,t)||this).type=i.FORM,l.rows=t.rows?t.rows.map((function(t){return new T(t)})):[],l.formSettings=t.formSettings||new m,l.buttonSettings=t.buttonSettings||new d({outerHorizontalPadding:0,outerVerticalPadding:0,buttonBgColor:"#000000",borderColor:"#000000"}),l.bgColor=t.bgColor||"",l.verticalPadding=null!==(u=t.verticalPadding)&&void 0!==u?u:12,l.horizontalPadding=null!==(a=t.horizontalPadding)&&void 0!==a?a:12,r(l,{rows:o,formSettings:o,buttonSettings:o,bgColor:o,addNewElement:n.bound}),0===l.rows.length&&s<1&&l.addNewElement(p.CUSTOMER_EMAIL),l}return t(s,e),s.prototype.addNewElement=function(t){var e=new T({order:this.rows.length,columns:[new S({type:t,order:0})]});this.rows.push(e)},s}(s),T=function(){function t(t){var e;void 0===t&&(t={}),this.id=t.id||Date.now().toString(),this.order=null!==(e=t.order)&&void 0!==e?e:0,this.columns=t.columns?t.columns.map((function(t){return new S(t)})):[],r(this,{id:o,order:o,columns:o,addNewElement:n.bound,changeColumnSort:n.bound})}return t.prototype.addNewElement=function(t){this.columns.push(new S({type:t,order:this.columns.length}))},t.prototype.changeColumnSort=function(){this.columns.forEach((function(t,e){0===e?t.order=t.order+1:1===e&&(t.order=t.order-1)})),this.columns=this.columns.sort((function(t,e){return t.order-e.order}))},t}(),S=function(){function t(t){var e;void 0===t&&(t={}),this.id=t.id||Date.now().toString(),this.order=null!==(e=t.order)&&void 0!==e?e:0,this.type=t.type||p.CUSTOMER_NAME,this.formItem=this.setFormItems(t.formItem),r(this,{id:o,order:o,type:o,formItem:o,setFormItems:n.bound})}return t.prototype.setFormItems=function(t){switch(this.type){case p.CUSTOMER_NAME:return new u(t?e({},t):{placeholder:new O({text:"First Name"})});case p.CUSTOMER_SURNAME:return new a(t?e({},t):{placeholder:new O({text:"Surname"})});case p.CUSTOMER_EMAIL:return new l(t?e({},t):{placeholder:new O({text:"Email"})});case p.CUSTOMER_PHONE:return new E(t?e({},t):{placeholder:new O({text:"Phone"})});case p.CUSTOMER_BIRTHDAY:return new c(t?e({},t):{placeholder:new O({text:"Birthday"})});case p.CUSTOMER_GENDER:return new h(t?e({},t):{placeholder:new O({text:"Gender"})});case p.CHECKBOX_FORM_ITEM:return new M(e({},t));case p.CUSTOMER_ATTRIBUTE:return new f(e({},t))}},t}(),w=function(t){void 0===t&&(t={}),this.text=t.text||"Label",r(this,{text:o})},C=function(t){void 0===t&&(t={}),this.validationErrorMessage=t.validationErrorMessage||"It's required to fill this field",this.hasError=t.hasError||!1,r(this,{validationErrorMessage:o,hasError:o})},O=function(t){void 0===t&&(t={}),this.text=t.text||"Placeholder",r(this,{text:o})};export{S as FormColumn,R as FormElement,p as FormItemTypeEnum,T as FormRow,w as InputLabel,O as InputPlaceholder,C as RequiredInput};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ikas/popup-renderer",
3
- "version": "1.0.71",
3
+ "version": "1.0.72",
4
4
  "description": "",
5
5
  "author": "ucy",
6
6
  "license": "ISC",