@ikas/popup-renderer 1.0.125 → 1.0.127

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

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

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}},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 new RegExp("^(\\+90\\d{10}|(?!\\+90)\\+\\d{11,14}|(?!\\+?\\d11,14})\\d{1,14})$").test(e)||new RegExp("/^+?d{10,}$/").test(e)};export{i as getGoogleFontHref,r as getHorizontalAlignment,n as getPopupDynamicData,s as injectFontScript,c as validateEmail,o as validatePhoneNumber};
+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/^(\\+90\\d{10}|(?!\\+90)\\+\\d{11,14}|(?!\\+?\\d11,14})\\d{1,14})$/.test(e)||/^\+\d{10,}$/.test(e)};export{i as getGoogleFontHref,r as getHorizontalAlignment,n as getPopupDynamicData,s as injectFontScript,c as validateEmail,o as validatePhoneNumber};

package/package.json

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