@ikas/popup-renderer 1.0.6 → 1.0.7

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

@@ -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=t.checkboxItem;e.useEffect((function(){r.showInCheckedStatus?r.isChecked=!0:r.isChecked=!1}),[r.showInCheckedStatus]);var i=r.requiredToBeChecked;return e.createElement("div",{style:{width:"100%",display:"flex",gap:6,flexDirection:"column"}},e.createElement("div",{style:{width:"100%",display:"flex",gap:8,flexDirection:"row",alignItems:"center"}},e.createElement("input",{style:{width:"16px",height:"16px",cursor:"pointer"},type:"checkbox",checked:r.isChecked,onChange:function(){r.isChecked=!r.isChecked}}),e.createElement("div",{style:{display:"flex",alignItems:"center",gap:4}},e.createElement("div",{dangerouslySetInnerHTML:{__html:r.text}}),!!i&&e.createElement("span",null,"*"))),!!i&&i.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},i.validationErrorMessage))}));export{r as CheckboxItemView};
+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=t.checkboxItem;e.useEffect((function(){r.showInCheckedStatus?r.isChecked=!0:r.isChecked=!1}),[r.showInCheckedStatus]);var i=r.requiredToBeChecked;return e.createElement("div",{style:{width:"100%",display:"flex",gap:6,flexDirection:"column"}},e.createElement("div",{style:{width:"100%",display:"flex",gap:8,flexDirection:"row",alignItems:"center"}},e.createElement("input",{style:{width:"16px",height:"16px",cursor:"pointer"},type:"checkbox",checked:r.isChecked,onChange:function(){r.isChecked=!r.isChecked,i&&i.hasError&&r.isChecked&&(i.hasError=!1)}}),e.createElement("div",{style:{display:"flex",alignItems:"center",gap:4}},e.createElement("div",{dangerouslySetInnerHTML:{__html:r.text}}),!!i&&e.createElement("span",null,"*"))),!!i&&i.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},i.validationErrorMessage))}));export{r as CheckboxItemView};

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{observer as c}from'./../../../ext/mobx-react-lite/es/observer.js';var l=c((function(c){var l=c.element,m=c.popup,u=c.isPreviewMode,d=c.sfProps,f=r.useState(!1);f[0];var E=f[1],p=l,C=p.rows.slice().sort((function(e,t){return e.order-t.order})),M=p.formSettings,h=p.buttonSettings,R=p.bgColor,v={display:"flex",flexDirection:"column",alignItems:"center",justifyContent:n(p.horizontalAlignment),gap:"".concat(M.gapBetweenItems,"px"),padding:"".concat(p.verticalPadding,"px ").concat(p.horizontalPadding,"px"),backgroundColor:R,width:"100%"},I={display:"flex",flexDirection:"row",width:"100%",gap:"".concat(M.gapBetweenItems,"px")},O={flex:1,display:"flex",alignItems:"flex-end"},S=function(){return e(void 0,void 0,void 0,(function(){var e,r,n,a,i,s,c,l;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})),u||!d?[3,2]:(E(!0),function(){var e=!1;return p.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;r.required&&!r.value&&(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="",n="",a=null,i=null,s=null,c=null,l=!1,p.rows.forEach((function(e){e.columns.forEach((function(e){switch(e.type){case o.CUSTOMER_BIRTHDAY:s=e.formItem.value;break;case o.CUSTOMER_EMAIL:a=e.formItem.value;break;case o.CUSTOMER_GENDER:c=e.formItem.value;break;case o.CUSTOMER_PHONE:i=e.formItem.value;break;case o.CUSTOMER_NAME:r=e.formItem.value||"";break;case o.CUSTOMER_SURNAME:n=e.formItem.value||"";break;case o.CHECKBOX_FORM_ITEM:l=e.formItem.isChecked}}))})),[4,d.onCustomerSave({firstName:r,lastName:n,email:a,phone:i,birthday:s,gender:c,hasPermission:l})]));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]}}))}))},_={width:"".concat(h.width,"%"),minWidth:"fit-content"};return r.createElement("div",{style:v},C.map((function(e,t){return r.createElement("div",{style:I,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_BIRTHDAY: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 r.createElement(i,{formInputSettings:M.formInputSettings,inputLabel:t.inputLabel,isRequired:t.required,onValueChange:function(e){return u?null:t.value=e},placeholder:t.placeholder,updateCurrentInfo:t.updateCurrentInfo,value:t.value||""});case o.CHECKBOX_FORM_ITEM:return r.createElement(s,{checkboxItem:e.formItem})}}(e))})))})),r.createElement("div",{style:_,onClick:function(){return S()}},r.createElement(a,{element:h})," "))}));export{l 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 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{observer as c}from'./../../../ext/mobx-react-lite/es/observer.js';var l=c((function(c){var l=c.element,m=c.popup,u=c.isPreviewMode,d=c.sfProps,f=r.useState(!1);f[0];var E=f[1],p=l,C=p.rows.slice().sort((function(e,t){return e.order-t.order})),M=p.formSettings,I=p.buttonSettings,R=p.bgColor,v={display:"flex",flexDirection:"column",alignItems:"center",justifyContent:n(p.horizontalAlignment),gap:"".concat(M.gapBetweenItems,"px"),padding:"".concat(p.verticalPadding,"px ").concat(p.horizontalPadding,"px"),backgroundColor:R,width:"100%"},h={display:"flex",flexDirection:"row",width:"100%",gap:"".concat(M.gapBetweenItems,"px")},O={flex:1,display:"flex",alignItems:"flex-end"},S=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})),u||!d?[3,2]:(E(!0),function(){var e=!1;return p.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==d?void 0:d.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={},p.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,d.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]}}))}))},_={width:"".concat(I.width,"%"),minWidth:"fit-content"};return r.createElement("div",{style:v},C.map((function(e,t){return r.createElement("div",{style:h,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_BIRTHDAY: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==d?void 0:d.isCustomerLoggedIn)?null:r.createElement(i,{formInputSettings:M.formInputSettings,inputLabel:t.inputLabel,isRequired:t.required,onValueChange:function(e){return u?null:t.value=e},placeholder:t.placeholder,updateCurrentInfo:t.updateCurrentInfo,value:t.value||""});case o.CHECKBOX_FORM_ITEM:return r.createElement(s,{checkboxItem:e.formItem})}}(e))})))})),r.createElement("div",{style:_,onClick:function(){return S()}},r.createElement(a,{element:I})," "))}));export{l as default};

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

@@ -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 s(e.target.value)},style:u,onFocus:function(){return l(!0)},onBlur:function(){return l(!1)}}))}));export{r as default};
+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};

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

@@ -3,6 +3,7 @@ import { DashboardComponents, Popup, PopupProductDictionary } from "../models";
 import { PopupRendererSaveCustomerInput } from "popup-renderer/models/modal/step/elements/form";
 import "../style.css";
 export type SFProps = {
+    isCustomerLoggedIn: boolean;
     onModalClose: () => void;
     onCustomerSave: (customer: PopupRendererSaveCustomerInput) => Promise<void>;
 };

package/package.json

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