@ikas/popup-renderer 1.0.113 → 1.0.115
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.
|
@@ -1 +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 c}from"./checkbox-item-view/index.js";import d 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,M=t.useState(!1);M[0];var I=M[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?(I(!0),function(){var e=!1;return h.rows.forEach((function(r){r.columns.forEach((function(r){switch(r.type){case s.CUSTOMER_BIRTHDAY:var t=r.formItem;t.required&&!t.value&&(t.required.hasError=!0,e=!0);break;case s.CUSTOMER_EMAIL:case s.CUSTOMER_PHONE:case s.CUSTOMER_NAME:case s.CUSTOMER_SURNAME:case s.CHECKBOX_FORM_ITEM:var n=r.formItem;if(n.required&&!n.value){if(n.type===s.CUSTOMER_EMAIL&&(null==C?void 0:C.isCustomerLoggedIn))return;n.required.hasError=!0,e=!0}else if(r.type===s.CUSTOMER_EMAIL){var o=i(n.value||"");n.validEmailError.hasError=!o,e=!o}else if(r.type===s.CUSTOMER_PHONE){var a=l(n.value||"");n.validPhoneError.hasError=!a,e=!a}break;case s.CUSTOMER_GENDER:var u=r.formItem,m=u.genders.find((function(e){return e.isSelected}));u.required&&!m&&(u.required.hasError=!0,e=!0);case s.CHECKBOX_FORM_ITEM:var c=r.formItem;c.requiredToBeChecked&&!c.isChecked&&(c.requiredToBeChecked.hasError=!0,e=!0)}}))})),e}()?(I(!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(),I(!1),r.label=2;case 2:return-1!==e&&e<p.modal.steps.length&&(p.modal.selectedStep=p.modal.steps[e+1]),[2]}}))}))},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(d,{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(c,{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};
|
|
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 c}from"./checkbox-item-view/index.js";import d 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,M=t.useState(!1);M[0];var I=M[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?(I(!0),function(){var e=!1;return h.rows.forEach((function(r){r.columns.forEach((function(r){switch(r.type){case s.CUSTOMER_BIRTHDAY:var t=r.formItem;t.required&&!t.value&&(t.required.hasError=!0,e=!0);break;case s.CUSTOMER_EMAIL:case s.CUSTOMER_PHONE:case s.CUSTOMER_NAME:case s.CUSTOMER_SURNAME:case s.CHECKBOX_FORM_ITEM:var n=r.formItem;if(n.required&&!n.value){if(n.type===s.CUSTOMER_EMAIL&&(null==C?void 0:C.isCustomerLoggedIn))return;n.required.hasError=!0,e=!0}else if(r.type===s.CUSTOMER_EMAIL){var o=i(n.value||"");n.validEmailError.hasError=!o,e=!o}else if(r.type===s.CUSTOMER_PHONE){var a=l(n.value||"");n.validPhoneError.hasError=!a,e=!a}break;case s.CUSTOMER_GENDER:var u=r.formItem,m=u.genders.find((function(e){return e.isSelected}));u.required&&!m&&(u.required.hasError=!0,e=!0);break;case s.CHECKBOX_FORM_ITEM:var c=r.formItem;console.log("validate",c),c.requiredToBeChecked&&!c.isChecked&&(c.requiredToBeChecked.hasError=!0,e=!0)}}))})),e}()?(I(!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(),I(!1),r.label=2;case 2:return-1!==e&&e<p.modal.steps.length&&(p.modal.selectedStep=p.modal.steps[e+1]),[2]}}))}))},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(d,{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(c,{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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__extends as o}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as n,observable as i,action as t,computed as r}from"mobx";import{PopupElementTypeEnum as c,BaseElement as e}from"../base/index.js";var a,l=function(r){function e(o){void 0===o&&(o={});var e,l,s,u,g,p=this;return(p=r.call(this,o)||this).type=c.SOCIAL_MEDIA,p.logoColor=o.logoColor||"#000000",p.borderRadius=null!==(e=o.borderRadius)&&void 0!==e?e:0,p.bgColor=o.bgColor||"",p.gapBetweenLogos=null!==(l=o.gapBetweenLogos)&&void 0!==l?l:8,p.verticalPadding=null!==(s=o.verticalPadding)&&void 0!==s?s:10,p.horizontalPadding=null!==(u=o.horizontalPadding)&&void 0!==u?u:0,p.socialMediaLinks=(null===(g=o.socialMediaLinks)||void 0===g?void 0:g.length)?o.socialMediaLinks.map((function(o){return new d(o)})):[new d({type:a.FACEBOOK,order:0,icon:"https://cdn.myikas.dev/social/facebook/1080/".concat(p.borderRadius,"/").concat(p.bgColor,"/").concat(p.logoColor)}),new d({type:a.TWITTER,order:1,icon:"https://cdn.myikas.dev/social/x/1080/".concat(p.borderRadius,"/").concat(p.bgColor,"/").concat(p.logoColor)}),new d({type:a.INSTAGRAM,order:2,icon:"https://cdn.myikas.dev/social/instagram/1080/".concat(p.borderRadius,"/").concat(p.bgColor,"/").concat(p.logoColor)}),new d({type:a.YOUTUBE,order:3,icon:"https://cdn.myikas.dev/social/youtube/1080/".concat(p.borderRadius,"/").concat(p.bgColor,"/").concat(p.logoColor)}),new d({type:a.TIKTOK,order:4,icon:"https://cdn.myikas.dev/social/tiktok/1080/".concat(p.borderRadius,"/").concat(p.bgColor,"/").concat(p.logoColor)}),new d({type:a.LINKEDIN,order:4,icon:"https://cdn.myikas.dev/social/linkedin/1080/".concat(p.borderRadius,"/").concat(p.bgColor,"/").concat(p.logoColor)})],n(p,{logoColor:i,borderRadius:i,bgColor:i,socialMediaLinks:i,gapBetweenLogos:i,updateIconLinks:t.bound}),p}return o(e,r),e.prototype.updateIconLinks=function(){var o=this;this.socialMediaLinks.forEach((function(n){n.icon="https://cdn.myikas.dev/social/".concat(n.type.toLowerCase(),"/1080/").concat(o.borderRadius,"/").concat(o.bgColor.length?o.bgColor:"ffffff","/").concat(o.logoColor)}))},e}(e),d=function(){function o(o){var t;void 0===o&&(o={}),this.id=o.id||Date.now().toString(),this.icon=o.icon||null,this.link=o.link||null,this.order=null!==(t=o.order)&&void 0!==t?t:0,this.type=o.type||a.FACEBOOK,n(this,{icon:i,link:i,order:i,type:i,iconUrlWithoutHash:r})}return Object.defineProperty(o.prototype,"iconUrlWithoutHash",{get:function(){var o;return null===(o=this.icon)||void 0===o?void 0:o.replace(/#/g,"")},enumerable:!1,configurable:!0}),o}();!function(o){o.FACEBOOK="FACEBOOK",o.TWITTER="TWITTER",o.INSTAGRAM="INSTAGRAM",o.YOUTUBE="YOUTUBE",o.TIKTOK="TIKTOK",o.LINKEDIN="LINKEDIN"}(a||(a={}));export{l as SocialMediaElement,d as SocialMediaLink,a as SocialMediaTypeEnum};
|
|
1
|
+
import{__extends as o}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as n,observable as i,action as t,computed as r}from"mobx";import{PopupElementTypeEnum as c,BaseElement as e}from"../base/index.js";var a,l=function(r){function e(o){void 0===o&&(o={});var e,l,s,u,g,p=this;return(p=r.call(this,o)||this).type=c.SOCIAL_MEDIA,p.logoColor=o.logoColor||"#000000",p.borderRadius=null!==(e=o.borderRadius)&&void 0!==e?e:0,p.bgColor=o.bgColor||"",p.gapBetweenLogos=null!==(l=o.gapBetweenLogos)&&void 0!==l?l:8,p.verticalPadding=null!==(s=o.verticalPadding)&&void 0!==s?s:10,p.horizontalPadding=null!==(u=o.horizontalPadding)&&void 0!==u?u:0,p.socialMediaLinks=(null===(g=o.socialMediaLinks)||void 0===g?void 0:g.length)?o.socialMediaLinks.map((function(o){return new d(o)})):[new d({type:a.FACEBOOK,order:0,icon:"https://cdn.myikas.dev/social/facebook/1080/".concat(p.borderRadius,"/").concat(p.bgColor,"/").concat(p.logoColor)}),new d({type:a.TWITTER,order:1,icon:"https://cdn.myikas.dev/social/x/1080/".concat(p.borderRadius,"/").concat(p.bgColor,"/").concat(p.logoColor)}),new d({type:a.INSTAGRAM,order:2,icon:"https://cdn.myikas.dev/social/instagram/1080/".concat(p.borderRadius,"/").concat(p.bgColor,"/").concat(p.logoColor)}),new d({type:a.YOUTUBE,order:3,icon:"https://cdn.myikas.dev/social/youtube/1080/".concat(p.borderRadius,"/").concat(p.bgColor,"/").concat(p.logoColor)}),new d({type:a.TIKTOK,order:4,icon:"https://cdn.myikas.dev/social/tiktok/1080/".concat(p.borderRadius,"/").concat(p.bgColor,"/").concat(p.logoColor)}),new d({type:a.LINKEDIN,order:4,icon:"https://cdn.myikas.dev/social/linkedin/1080/".concat(p.borderRadius,"/").concat(p.bgColor,"/").concat(p.logoColor)})],n(p,{logoColor:i,borderRadius:i,bgColor:i,socialMediaLinks:i,gapBetweenLogos:i,updateIconLinks:t.bound}),p}return o(e,r),e.prototype.updateIconLinks=function(){var o=this;this.socialMediaLinks.forEach((function(n){n.icon="https://cdn.myikas.dev/social/".concat(n.type.toLowerCase(),"/1080/").concat(o.borderRadius,"/").concat(o.bgColor.length?o.bgColor:"ffffff","/").concat(o.logoColor)}))},e}(e),d=function(){function o(o){var t;void 0===o&&(o={}),this.id=o.id||Date.now().toString()+o.type,this.icon=o.icon||null,this.link=o.link||null,this.order=null!==(t=o.order)&&void 0!==t?t:0,this.type=o.type||a.FACEBOOK,n(this,{icon:i,link:i,order:i,type:i,iconUrlWithoutHash:r})}return Object.defineProperty(o.prototype,"iconUrlWithoutHash",{get:function(){var o;return null===(o=this.icon)||void 0===o?void 0:o.replace(/#/g,"")},enumerable:!1,configurable:!0}),o}();!function(o){o.FACEBOOK="FACEBOOK",o.TWITTER="TWITTER",o.INSTAGRAM="INSTAGRAM",o.YOUTUBE="YOUTUBE",o.TIKTOK="TIKTOK",o.LINKEDIN="LINKEDIN"}(a||(a={}));export{l as SocialMediaElement,d as SocialMediaLink,a as SocialMediaTypeEnum};
|