@ikas/popup-renderer 1.0.94 → 1.0.95

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,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,MobileImageColumnPositionEnum}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,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,ValidEmailError}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,ValidPhoneError}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,MobileImageColumnPositionEnum}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/index.js

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

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

@@ -9,6 +9,7 @@ type Props = {
     value: string | null;
     formInputSettings: FormInputSettings;
     onValueChange: (value: string) => void;
+    validationErrorMessage?: string;
 };
 declare const InputItemView: React.FC<Props>;
 export default InputItemView;

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

@@ -1 +1 @@
-import e from"react";import{observer as t}from"mobx-react";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,u=t.onValueChange,p={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){u(e),a&&a.hasError&&e.length>0&&(a.hasError=!1)}(e.target.value)},style:p,onFocus:function(){return l(!0)},onBlur:function(){return l(!1)}}))}));export{r as default};
+import e from"react";import{observer as t}from"mobx-react";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.validationErrorMessage,d=t.formInputSettings,u=t.value,p=t.onValueChange,s={width:"100%",backgroundColor:d.bgColor,border:"".concat(d.borderWidth,"px solid ").concat(o?d.focusBorderColor:d.borderColor),borderRadius:"".concat(d.borderRadius,"px"),fontSize:"14px",padding:"10px 12px",height:"".concat(d.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),!!c&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},c)),e.createElement("input",{type:"text",placeholder:(null==n?void 0:n.text)||"",value:u||"",onChange:function(e){return function(e){p(e),a&&a.hasError&&e.length>0&&(a.hasError=!1)}(e.target.value)},style:s,onFocus:function(){return l(!0)},onBlur:function(){return l(!1)}}))}));export{r as default};

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

@@ -7,3 +7,5 @@ export declare const getPopupDynamicData: (model: Popup) => {
 export declare const getHorizontalAlignment: (position: ComponentHorizontalAlignmentEnum) => string;
 export declare const getGoogleFontHref: (fontFamily: IkasPopupRendererFontFamily) => string | undefined;
 export declare const injectFontScript: (fontFamily: IkasPopupRendererFontFamily) => string | undefined;
+export declare const validateEmail: (str: string) => boolean;
+export declare const validatePhoneNumber: (str: string) => boolean;

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

@@ -1 +1 @@
-import{__spreadArray as e}from'./../../ext/tslib/tslib.es6.mjs.js';import{PopupElementTypeEnum as t,ComponentHorizontalAlignmentEnum as a}from"../models/modal/step/elements/base/index.js";var n=function(a){var n=[];return a.modal.steps.forEach((function(a){a.elements.forEach((function(a){if(a.type===t.PRODUCT_LIST){var r=a.variantPairs;r&&(n=e(e([],n,!0),r,!0))}}))})),{variantPairs:n}},r=function(e){var t="";switch(e){case a.LEFT:t="flex-start";break;case a.CENTER:t="center";break;case a.RIGHT:t="flex-end"}return t},i=function(e){if(e.name){var t=e.name.replace(/ /g,"+"),a="";if(e.variants){a+=":";var n=e.variants.some((function(e){return"italic"===e}));if(n&&(a+="ital,"),a+="wght@",n){var r=new RegExp("italic","i");a+=e.variants.reduce((function(e,t){return r.test(t)?e:e+"0,".concat(t.replace("regular","400"),";")}),""),a+=e.variants.reduce((function(e,t){return r.test(t)?e+"1,".concat("italic"===t?"400":t.replace("italic",""),";"):e}),"")}else a+=e.variants.reduce((function(e,t){return e+"".concat(t.replace("regular","400"),";")}),"");a=a.substring(0,a.length-1),a+="&display=swap"}return"https://fonts.googleapis.com/css2?family=".concat(t).concat(a)}},s=function(e){var t="'".concat(e.name,'\', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif');if(document.getElementById("ikas-popup-font-".concat(e.name)))return t;var a=i(e);if(a){var n=document.createElement("link");return n.setAttribute("id","ikas-popup-font-".concat(e.name)),n.setAttribute("rel","stylesheet"),n.setAttribute("href",a),document.getElementsByTagName("head")[0].appendChild(n),t}};export{i as getGoogleFontHref,r as getHorizontalAlignment,n as getPopupDynamicData,s as injectFontScript};
+import{__spreadArray as e}from'./../../ext/tslib/tslib.es6.mjs.js';import{PopupElementTypeEnum as t,ComponentHorizontalAlignmentEnum as a}from"../models/modal/step/elements/base/index.js";var n=function(a){var n=[];return a.modal.steps.forEach((function(a){a.elements.forEach((function(a){if(a.type===t.PRODUCT_LIST){var r=a.variantPairs;r&&(n=e(e([],n,!0),r,!0))}}))})),{variantPairs:n}},r=function(e){var t="";switch(e){case a.LEFT:t="flex-start";break;case a.CENTER:t="center";break;case a.RIGHT:t="flex-end"}return t},i=function(e){if(e.name){var t=e.name.replace(/ /g,"+"),a="";if(e.variants){a+=":";var n=e.variants.some((function(e){return"italic"===e}));if(n&&(a+="ital,"),a+="wght@",n){var r=new RegExp("italic","i");a+=e.variants.reduce((function(e,t){return r.test(t)?e:e+"0,".concat(t.replace("regular","400"),";")}),""),a+=e.variants.reduce((function(e,t){return r.test(t)?e+"1,".concat("italic"===t?"400":t.replace("italic",""),";"):e}),"")}else a+=e.variants.reduce((function(e,t){return e+"".concat(t.replace("regular","400"),";")}),"");a=a.substring(0,a.length-1),a+="&display=swap"}return"https://fonts.googleapis.com/css2?family=".concat(t).concat(a)}},s=function(e){var t="'".concat(e.name,'\', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif');if(document.getElementById("ikas-popup-font-".concat(e.name)))return t;var a=i(e);if(a){var n=document.createElement("link");return n.setAttribute("id","ikas-popup-font-".concat(e.name)),n.setAttribute("rel","stylesheet"),n.setAttribute("href",a),document.getElementsByTagName("head")[0].appendChild(n),t}},c=function(e){return!(e.length>320)&&/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/.test(e)},o=function(e){return/^\+?\d+$/.test(e)};export{i as getGoogleFontHref,r as getHorizontalAlignment,n as getPopupDynamicData,s as injectFontScript,c as validateEmail,o as validatePhoneNumber};

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

@@ -6,5 +6,11 @@ export declare class CustomerEmailFormItem {
     inputLabel: InputLabel | null;
     required: RequiredInput | null;
     updateCurrentInfo: boolean;
+    validEmailError: ValidEmailError;
     constructor(data?: Partial<CustomerEmailFormItem>);
 }
+export declare class ValidEmailError {
+    validationErrorMessage: string;
+    hasError: boolean;
+    constructor(data?: Partial<RequiredInput>);
+}

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

@@ -1 +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};
+import{makeObservable as r,observable as e}from"mobx";import{FormItemTypeEnum as i,InputPlaceholder as a,InputLabel as t,RequiredInput as l}from"../index.js";import{Popup as o}from"../../../../../index.js";var n=function(o){void 0===o&&(o={}),this.type=i.CUSTOMER_EMAIL,this.value=o.value||null,this.placeholder=o.placeholder?new a(o.placeholder):null,this.inputLabel=o.inputLabel?new t(o.inputLabel):null,this.required=o.required?new l(o.required):new l,this.updateCurrentInfo=o.updateCurrentInfo||!1,this.validEmailError=new s,r(this,{value:e,type:e,placeholder:e,inputLabel:e,required:e,updateCurrentInfo:e,validEmailError:e})},s=function(i){void 0===i&&(i={}),this.validationErrorMessage=i.validationErrorMessage||o.t("popup:initialClassTranslations.validEmailErrorMessage"),this.hasError=i.hasError||!1,r(this,{validationErrorMessage:e,hasError:e})};export{n as CustomerEmailFormItem,s as ValidEmailError};

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

@@ -7,5 +7,11 @@ export declare class CustomerPhoneFormItem {
     required: RequiredInput | null;
     addCountryCode: boolean;
     updateCurrentInfo: boolean;
+    validPhoneError: ValidPhoneError;
     constructor(data?: Partial<CustomerPhoneFormItem>);
 }
+export declare class ValidPhoneError {
+    validationErrorMessage: string;
+    hasError: boolean;
+    constructor(data?: Partial<RequiredInput>);
+}

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

@@ -1 +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};
+import{makeObservable as r,observable as e}from"mobx";import{FormItemTypeEnum as i,InputPlaceholder as o,InputLabel as t,RequiredInput as a}from"../index.js";import{Popup as n}from"../../../../../index.js";var l=function(n){void 0===n&&(n={}),this.type=i.CUSTOMER_PHONE,this.value=n.value||null,this.placeholder=n.placeholder?new o(n.placeholder):null,this.inputLabel=n.inputLabel?new t(n.inputLabel):null,this.required=n.required?new a(n.required):null,this.addCountryCode=n.addCountryCode||!1,this.updateCurrentInfo=n.updateCurrentInfo||!1,this.validPhoneError=new d,r(this,{value:e,type:e,placeholder:e,inputLabel:e,required:e,addCountryCode:e,updateCurrentInfo:e,validPhoneError:e})},d=function(i){void 0===i&&(i={}),this.validationErrorMessage=i.validationErrorMessage||n.t("popup:initialClassTranslations.validPhoneErrorMessage"),this.hasError=i.hasError||!1,r(this,{validationErrorMessage:e,hasError:e})};export{l as CustomerPhoneFormItem,d as ValidPhoneError};

package/package.json

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