@ikas/popup-renderer 1.0.17 → 1.0.19

package/build/index.js

@@ -1 +1 @@
-export{default as PopupRenderer}from"./popup-renderer/components/index.js";import*as e from"./popup-renderer/helpers/index.js";export{e as PopupHelpers};export{MOBILE_SCREEN_SIZE,Popup,PreviewType}from"./popup-renderer/models/index.js";export{DeviceTypeEnum,PopupSettings}from"./popup-renderer/models/settings/index.js";export{VisibilityTime}from"./popup-renderer/models/settings/visibility-time/index.js";export{VisibilityCondition,VisibilityConditionTypeEnum}from"./popup-renderer/models/settings/visibility-condition/index.js";export{Modal,PopupPositonEnum,PopupTypeEnum}from"./popup-renderer/models/modal/index.js";export{WindowSettings}from"./popup-renderer/models/modal/window-settings/index.js";export{Teaser,VisibilityConditionEnum}from"./popup-renderer/models/modal/teaser/index.js";export{PopupStep}from"./popup-renderer/models/modal/step/index.js";export{BaseElement,ComponentHorizontalAlignmentEnum,ComponentVerticalAlignmentEnum,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}from"./popup-renderer/models/modal/step/elements/form/customer-gender/index.js";export{CustomerNameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-name/index.js";export{CustomerPhoneFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-phone/index.js";export{CustomerSurnameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-surname/index.js";export{FormInputSettings,FormSettings}from"./popup-renderer/models/modal/step/elements/form/form-settings/index.js";export{IMAGE_SIZE,ImageElement,ImagePositionEnum}from"./popup-renderer/models/modal/step/elements/image/index.js";export{ImageColumnElement,ImageColumnPositionEnum}from"./popup-renderer/models/modal/step/elements/image-column/index.js";export{MAX_PRODUCT_COUNT,PopupProduct,PopupVariantPair,ProductListElement,ProductListLayoutEnum,ProductListSortTypeEnum,ProductListTypeEnum}from"./popup-renderer/models/modal/step/elements/product/index.js";export{ProductActionTypeEnum,ProductButtonSettings,ProductDetailSettings,ProductDiscountRatioSettings,ProductImageSettings}from"./popup-renderer/models/modal/step/elements/product/detail-settings/index.js";export{SocialMediaElement,SocialMediaLink,SocialMediaTypeEnum}from"./popup-renderer/models/modal/step/elements/social/index.js";export{SpaceElement}from"./popup-renderer/models/modal/step/elements/space/index.js";export{TextElement}from"./popup-renderer/models/modal/step/elements/text/index.js";export{BackgroundSettings,Border,ButtonBorderStyle,Overlay,Shadow}from"./popup-renderer/models/modal/background-settings/index.js";export{CloseButtonDisplayTypeEnum,CloseButtonPositionTypeEnum,CloseIconSettings,CloseIconTypeEnum,CloseSettings}from"./popup-renderer/models/modal/close-settings/index.js";
+export{default as PopupRenderer}from"./popup-renderer/components/index.js";import*as e from"./popup-renderer/helpers/index.js";export{e as PopupHelpers};export{MOBILE_SCREEN_SIZE,Popup,PreviewType}from"./popup-renderer/models/index.js";export{DeviceTypeEnum,PopupSettings}from"./popup-renderer/models/settings/index.js";export{VisibilityTime}from"./popup-renderer/models/settings/visibility-time/index.js";export{VisibilityCondition,VisibilityConditionTypeEnum}from"./popup-renderer/models/settings/visibility-condition/index.js";export{Modal,PopupPositonEnum,PopupTypeEnum}from"./popup-renderer/models/modal/index.js";export{WindowSettings}from"./popup-renderer/models/modal/window-settings/index.js";export{Teaser,VisibilityConditionEnum}from"./popup-renderer/models/modal/teaser/index.js";export{PopupStep}from"./popup-renderer/models/modal/step/index.js";export{BaseElement,ComponentHorizontalAlignmentEnum,ComponentVerticalAlignmentEnum,PopupElementTypeEnum}from"./popup-renderer/models/modal/step/elements/base/index.js";export{ButtonElement}from"./popup-renderer/models/modal/step/elements/button/index.js";export{DividerElement}from"./popup-renderer/models/modal/step/elements/divider/index.js";export{FormColumn,FormElement,FormItemTypeEnum,FormRow,InputLabel,RequiredInput}from"./popup-renderer/models/modal/step/elements/form/index.js";export{CheckboxFormItem,ContactPermission,ContactPermissionTypeEnum}from"./popup-renderer/models/modal/step/elements/form/checkbox/index.js";export{CustomerAttributeFormItem,CustomerAttributeTypeEnum}from"./popup-renderer/models/modal/step/elements/form/customer-attribute/index.js";export{CustomerBirthdayFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-birthday/index.js";export{CustomerEmailFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-email/index.js";export{CustomerGenderFormItem,CustomerGenderTypeEnum,GenderType}from"./popup-renderer/models/modal/step/elements/form/customer-gender/index.js";export{CustomerNameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-name/index.js";export{CustomerPhoneFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-phone/index.js";export{CustomerSurnameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-surname/index.js";export{FormInputSettings,FormSettings}from"./popup-renderer/models/modal/step/elements/form/form-settings/index.js";export{IMAGE_SIZE,ImageElement,ImagePositionEnum}from"./popup-renderer/models/modal/step/elements/image/index.js";export{ImageColumnElement,ImageColumnPositionEnum}from"./popup-renderer/models/modal/step/elements/image-column/index.js";export{MAX_PRODUCT_COUNT,PopupProduct,PopupVariantPair,ProductListElement,ProductListLayoutEnum,ProductListSortTypeEnum,ProductListTypeEnum}from"./popup-renderer/models/modal/step/elements/product/index.js";export{ProductActionTypeEnum,ProductButtonSettings,ProductDetailSettings,ProductDiscountRatioSettings,ProductImageSettings}from"./popup-renderer/models/modal/step/elements/product/detail-settings/index.js";export{SocialMediaElement,SocialMediaLink,SocialMediaTypeEnum}from"./popup-renderer/models/modal/step/elements/social/index.js";export{SpaceElement}from"./popup-renderer/models/modal/step/elements/space/index.js";export{TextElement}from"./popup-renderer/models/modal/step/elements/text/index.js";export{BackgroundSettings,Border,ButtonBorderStyle,Overlay,Shadow}from"./popup-renderer/models/modal/background-settings/index.js";export{CloseButtonDisplayTypeEnum,CloseButtonPositionTypeEnum,CloseIconSettings,CloseIconTypeEnum,CloseSettings}from"./popup-renderer/models/modal/close-settings/index.js";

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

@@ -1 +1 @@
-import e from"react";import'./../../../../ext/mobx-react-lite/es/index.js';import t from"react-date-picker";import{observer as r}from'./../../../../ext/mobx-react-lite/es/observer.js';var o=r((function(r){var o=e.useState(!1),l=o[0],a=o[1],n=e.useRef(null);r.placeholder;var i=r.isRequired,c=r.inputLabel;r.updateCurrentInfo;var s=r.formInputSettings,d=r.value,p=r.onValueChange;if(n.current){console.log("dateItemRef.current",n.current);var u=n.current.getElementsByClassName("react-date-picker__wrapper");if(console.log("inputWrappers",u),u.length>0){var f=u[0];console.log("inputWrapper",f),f.style.width="fit-content",f.style.backgroundColor=s.bgColor,f.style.border="".concat(s.borderWidth,"px solid ").concat(l?s.focusBorderColor:s.borderColor),f.style.borderRadius="".concat(s.borderRadius,"px"),f.style.fontSize="14px",f.style.padding="10px 12px",f.style.height="".concat(s.height,"px")}}return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"},ref:n},(c||i)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},c&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},c.text),i&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},"*")),i&&i.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},i.validationErrorMessage)),e.createElement(t,{onChange:function(e){return function(e){var t=e?e.valueOf().toString():"";console.log("on date change",t),p(t),i&&i.hasError&&t.length>0&&(i.hasError=!1)}(e)},value:d?new Date(d):null,className:"ikas-popup-datepicker",disableCalendar:!0,format:"dd / MM / y",maxDate:new Date,clearIcon:null,onFocus:function(){return a(!0)},onBlur:function(){return a(!1)}}))}));export{o as default};
+import e from"react";import'./../../../../ext/mobx-react-lite/es/index.js';import t from"react-date-picker";import{observer as r}from'./../../../../ext/mobx-react-lite/es/observer.js';var o=r((function(r){var o=e.useState(!1),a=o[0],l=o[1],n=e.useRef(null);r.placeholder;var i=r.isRequired,c=r.inputLabel;r.updateCurrentInfo;var s=r.formInputSettings,d=r.value,u=r.onValueChange;if(n.current){var p=n.current.getElementsByClassName("react-date-picker__wrapper");if(p.length>0){var f=p[0];f.style.width="fit-content",f.style.backgroundColor=s.bgColor,f.style.border="".concat(s.borderWidth,"px solid ").concat(a?s.focusBorderColor:s.borderColor),f.style.borderRadius="".concat(s.borderRadius,"px"),f.style.fontSize="14px",f.style.padding="10px 12px",f.style.height="".concat(s.height,"px")}}return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"},ref:n},(c||i)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},c&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},c.text),i&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},"*")),i&&i.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},i.validationErrorMessage)),e.createElement(t,{onChange:function(e){return function(e){var t=e?e.valueOf().toString():"";u(t),i&&i.hasError&&t.length>0&&(i.hasError=!1)}(e)},value:d?new Date(d):null,className:"ikas-popup-datepicker",disableCalendar:!0,format:"dd / MM / y",maxDate:new Date,clearIcon:null,onFocus:function(){return l(!0)},onBlur:function(){return l(!1)}}))}));export{o as default};

package/build/popup-renderer/components/form-element-renderer/gender-item-view/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { FormInputSettings } from "../../../models/modal/step/elements/form/form-settings";
+import { CustomerGenderFormItem } from "popup-renderer/models/modal/step/elements/form/customer-gender";
+type Props = {
+    genderFormItem: CustomerGenderFormItem;
+    formInputSettings: FormInputSettings;
+    onValueChange: (value: string) => void;
+};
+declare const GenderItemView: React.FC<Props>;
+export default GenderItemView;

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

@@ -0,0 +1 @@
+import e from"react";import'./../../../../ext/mobx-react-lite/es/index.js';import{observer as r}from'./../../../../ext/mobx-react-lite/es/observer.js';var t=r((function(r){var t,o=e.useState(!1),n=o[0],l=o[1],i=r.genderFormItem,a=r.formInputSettings;r.onValueChange;var d={width:"100%",backgroundColor:a.bgColor,border:"".concat(a.borderWidth,"px solid ").concat(n?a.focusBorderColor:a.borderColor),borderRadius:"".concat(a.borderRadius,"px"),fontSize:"14px",padding:"10px 12px",height:"".concat(a.height,"px")};return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"}},(i.inputLabel||i.required)&&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.inputLabel&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},i.inputLabel.text),i.required&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},"*")),i.required&&i.required.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},i.required.validationErrorMessage)),e.createElement("select",{value:(null===(t=i.genders.find((function(e){return e.isSelected})))||void 0===t?void 0:t.type)||"",onChange:function(e){return r=e.target.value,i.genders.forEach((function(e){e.isSelected=e.type===r})),void(i.required&&i.required.hasError&&(i.required.hasError=!1));var r},style:d,onFocus:function(){return l(!0)},onBlur:function(){return l(!1)}},e.createElement("option",{value:""},i.placeholder),i.genders.filter((function(e){return!!e.label})).map((function(r){return e.createElement("option",{key:r.type,value:r.type},r.label)}))))}));export{t as default};

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

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

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

@@ -1,10 +1,21 @@
 import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
 export declare class CustomerGenderFormItem {
     type: FormItemTypeEnum;
-    value: string | null;
     placeholder: string;
     inputLabel: InputLabel | null;
     required: RequiredInput | null;
     updateCurrentInfo: boolean;
+    genders: GenderType[];
     constructor(data?: Partial<CustomerGenderFormItem>);
 }
+export declare class GenderType {
+    type: CustomerGenderTypeEnum;
+    label: string | null;
+    isSelected: boolean | null;
+    constructor(data?: Partial<GenderType>);
+}
+export declare enum CustomerGenderTypeEnum {
+    FEMALE = "FEMALE",
+    MALE = "MALE",
+    OTHER = "OTHER"
+}

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

@@ -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_GENDER,this.value=n.value||null,this.placeholder=n.placeholder||"Enter your gender",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 CustomerGenderFormItem};
+import{makeObservable as e,observable as t}from"mobx";import{FormItemTypeEnum as r,InputLabel as i,RequiredInput as n}from"../index.js";var l,u=function(l){void 0===l&&(l={}),this.type=r.CUSTOMER_GENDER,this.placeholder=l.placeholder||"Enter your gender",this.inputLabel=l.inputLabel?new i(l.inputLabel):null,this.required=l.required?new n(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(r){void 0===r&&(r={}),this.type=r.type||l.FEMALE,this.label=r.label||"Other",this.isSelected=r.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};

package/package.json

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