@ikas/popup-renderer - npm Package Compare versions

Comparing version 1.0.190 to 1.0.191

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

 import React from "react";
 import { CheckboxFormItem } from "../../../models/modal/step/elements/form/checkbox";
+import { FormInputSettings } from "popup-renderer/models/modal/step/elements/form/form-settings";
 type Props = {
     checkboxItem: CheckboxFormItem;
+    formInputSettings: FormInputSettings;
 };
 export declare const CheckboxItemView: React.FC<Props>;
 export {};

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

@@ -1,1 +0,1 @@
-import e from"react";import{observer as t}from"mobx-react";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,o=e.useCallback((function(){var e=/<pre[^>]*>([\s\S]*?)<\/pre>/.exec(r.text);return e?e[1]:r.text}),[r.text]);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:"baseline",wordBreak:"break-word"}},e.createElement("input",{style:{width:"16px",height:"16px",cursor:"pointer",position:"relative",top:3},type:"checkbox",checked:r.isChecked,onChange:function(){r.isChecked=!r.isChecked,i&&i.hasError&&r.isChecked&&(i.hasError=!1)}}),e.createElement("div",{dangerouslySetInnerHTML:{__html:o()}})),!!i&&i.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},i.validationErrorMessage))}));export{r as CheckboxItemView};
+import e from"react";import{observer as t}from"mobx-react";var r=t((function(t){var r=t.checkboxItem,o=t.formInputSettings;e.useEffect((function(){r.showInCheckedStatus?r.isChecked=!0:r.isChecked=!1}),[r.showInCheckedStatus]);var i=r.requiredToBeChecked,c=e.useCallback((function(){var e=/<pre[^>]*>([\s\S]*?)<\/pre>/.exec(r.text);return e?e[1]:r.text}),[r.text]);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:"baseline",wordBreak:"break-word"}},e.createElement("input",{style:{width:"16px",height:"16px",cursor:"pointer",position:"relative",top:3},type:"checkbox",checked:r.isChecked,onChange:function(){r.isChecked=!r.isChecked,i&&i.hasError&&r.isChecked&&(i.hasError=!1)}}),e.createElement("div",{style:{color:o.checkboxTextColor},dangerouslySetInnerHTML:{__html:c()}})),!!i&&i.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},i.validationErrorMessage))}));export{r as CheckboxItemView};

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

@@ -1,1 +0,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],n=r[1];e.useRef(null);var l=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?"".concat(d.bgColor):"transparent",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"),outline:"none"},x=a?((null==l?void 0:l.text)||"")+" *":(null==l?void 0:l.text)||"";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&&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:x,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 n(!0)},onBlur:function(){return n(!1)}}))}));export{r as default};
+import e from"react";import{observer as t}from"mobx-react";import{generateRandomId as r}from"../../../helpers/index.js";var o=t((function(t){var o=e.useState(!1),n=o[0],l=o[1];e.useRef(null);var a=e.useMemo((function(){return r()}),[]),i=t.placeholder,c=t.isRequired,u=t.inputLabel;t.updateCurrentInfo;var d=t.validationErrorMessage,s=t.formInputSettings,p=t.value,m=t.onValueChange,f={width:"100%",backgroundColor:s.bgColor?"".concat(s.bgColor):"transparent",border:"".concat(s.borderWidth,"px solid ").concat(n?s.focusBorderColor:s.borderColor),borderRadius:"".concat(s.borderRadius,"px"),fontSize:"14px",padding:"10px 12px",height:"".concat(s.height,"px"),outline:"none"},x=c?((null==i?void 0:i.text)||"")+" *":(null==i?void 0:i.text)||"";return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"}},(u||c)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},u&&e.createElement("label",{style:{color:s.titleColor,fontSize:"14px"}},u.text)),c&&c.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},c.validationErrorMessage),!!d&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},d)),e.createElement("input",{type:"text",placeholder:x,value:p||"",onChange:function(e){return function(e){m(e),c&&c.hasError&&e.length>0&&(c.hasError=!1)}(e.target.value)},style:f,onFocus:function(){return l(!0)},onBlur:function(){return l(!1)},className:"ikas-form-input-item-view-".concat(a)}),e.createElement("style",null,"\n        .ikas-form-input-item-view-".concat(a," {\n          ::placeholder {\n              color: ").concat(s.placeholderColor,";\n            }\n          }  \n        ")))}));export{o as default};

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

@@ -12,1 +12,2 @@ import { Popup } from "../models";
 export declare const validatePhoneNumber: (phone: string, countryCode?: string) => boolean;
+export declare const generateRandomId: (text?: string) => string;

build/popup-renderer/helpers/index.js

@@ -1,1 +0,1 @@
-import{__spreadArray as e}from'./../../ext/tslib/tslib.es6.mjs.js';import'./../../ext/libphonenumber-js/es6/PhoneNumberMatcher.js';import'./../../ext/libphonenumber-js/es6/AsYouTypeFormatter.js';import{isValidPhoneNumber as t}from'./../../ext/libphonenumber-js/min/exports/isValidPhoneNumber.js';import'./../../ext/libphonenumber-js/min/exports/PhoneNumberMatcher.js';import'./../../ext/libphonenumber-js/min/exports/AsYouType.js';import'./../../ext/libphonenumber-js/min/exports/Metadata.js';import'./../../ext/libphonenumber-js/es6/findNumbers/isValidCandidate.js';import'./../../ext/libphonenumber-js/index.es6.exports/PhoneNumberSearch.js';import{PopupElementTypeEnum as n,ComponentHorizontalAlignmentEnum as r}from"../models/modal/step/elements/base/index.js";var a=function(t){var r=[];return t.modal.steps.forEach((function(t){t.elements.forEach((function(t){if(t.type===n.PRODUCT_LIST){var a=t.variantPairs;a&&(r=e(e([],r,!0),a,!0))}}))})),{variantPairs:r}},o=function(e){var t="";switch(e){case r.LEFT:t="flex-start";break;case r.CENTER:t="center";break;case r.RIGHT:t="flex-end"}return t},s=function(e){if(e.name){var t=e.name.replace(/ /g,"+"),n="";if(e.variants){n+=":";var r=e.variants.some((function(e){return"italic"===e}));if(r&&(n+="ital,"),n+="wght@",r){var a=new RegExp("italic","i");n+=e.variants.reduce((function(e,t){return a.test(t)?e:e+"0,".concat(t.replace("regular","400"),";")}),""),n+=e.variants.reduce((function(e,t){return a.test(t)?e+"1,".concat("italic"===t?"400":t.replace("italic",""),";"):e}),"")}else n+=e.variants.reduce((function(e,t){return e+"".concat(t.replace("regular","400"),";")}),"");n=n.substring(0,n.length-1),n+="&display=swap"}return"https://fonts.googleapis.com/css2?family=".concat(t).concat(n)}},i=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 n=s(e);if(n){var r=document.createElement("link");return r.setAttribute("id","ikas-popup-font-".concat(e.name)),r.setAttribute("rel","stylesheet"),r.setAttribute("href",n),document.getElementsByTagName("head")[0].appendChild(r),t}},m=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)},u=function(e,n){return t(e,n?n.toUpperCase():"TR")};export{s as getGoogleFontHref,o as getHorizontalAlignment,a as getPopupDynamicData,i as injectFontScript,m as validateEmail,u as validatePhoneNumber};
+import{__spreadArray as e}from'./../../ext/tslib/tslib.es6.mjs.js';import'./../../ext/libphonenumber-js/es6/PhoneNumberMatcher.js';import'./../../ext/libphonenumber-js/es6/AsYouTypeFormatter.js';import{isValidPhoneNumber as t}from'./../../ext/libphonenumber-js/min/exports/isValidPhoneNumber.js';import'./../../ext/libphonenumber-js/min/exports/PhoneNumberMatcher.js';import'./../../ext/libphonenumber-js/min/exports/AsYouType.js';import'./../../ext/libphonenumber-js/min/exports/Metadata.js';import'./../../ext/libphonenumber-js/es6/findNumbers/isValidCandidate.js';import'./../../ext/libphonenumber-js/index.es6.exports/PhoneNumberSearch.js';import{PopupElementTypeEnum as n,ComponentHorizontalAlignmentEnum as r}from"../models/modal/step/elements/base/index.js";var o=function(t){var r=[];return t.modal.steps.forEach((function(t){t.elements.forEach((function(t){if(t.type===n.PRODUCT_LIST){var o=t.variantPairs;o&&(r=e(e([],r,!0),o,!0))}}))})),{variantPairs:r}},a=function(e){var t="";switch(e){case r.LEFT:t="flex-start";break;case r.CENTER:t="center";break;case r.RIGHT:t="flex-end"}return t},s=function(e){if(e.name){var t=e.name.replace(/ /g,"+"),n="";if(e.variants){n+=":";var r=e.variants.some((function(e){return"italic"===e}));if(r&&(n+="ital,"),n+="wght@",r){var o=new RegExp("italic","i");n+=e.variants.reduce((function(e,t){return o.test(t)?e:e+"0,".concat(t.replace("regular","400"),";")}),""),n+=e.variants.reduce((function(e,t){return o.test(t)?e+"1,".concat("italic"===t?"400":t.replace("italic",""),";"):e}),"")}else n+=e.variants.reduce((function(e,t){return e+"".concat(t.replace("regular","400"),";")}),"");n=n.substring(0,n.length-1),n+="&display=swap"}return"https://fonts.googleapis.com/css2?family=".concat(t).concat(n)}},i=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 n=s(e);if(n){var r=document.createElement("link");return r.setAttribute("id","ikas-popup-font-".concat(e.name)),r.setAttribute("rel","stylesheet"),r.setAttribute("href",n),document.getElementsByTagName("head")[0].appendChild(r),t}},u=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)},m=function(e,n){return t(e,n?n.toUpperCase():"TR")},l=function(e){var t;return Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15)+(null!==(t=null==e?void 0:e.length)&&void 0!==t?t:0)};export{l as generateRandomId,s as getGoogleFontHref,a as getHorizontalAlignment,o as getPopupDynamicData,i as injectFontScript,u as validateEmail,m as validatePhoneNumber};

build/popup-renderer/models/modal/step/elements/form/form-settings/index.d.ts

@@ -16,3 +16,6 @@ import { IkasPopupRendererFontFamily } from "../../base";
     height: number;
+    placeholderColor: string;
+    titleColor: string;
+    checkboxTextColor: string;
     constructor(data?: Partial<FormInputSettings>);
 }

build/popup-renderer/models/modal/step/elements/form/form-settings/index.js

@@ -1,1 +0,1 @@
-import{makeObservable as o,observable as r}from"mobx";import{IkasPopupRendererFontFamily as t}from"../../base/index.js";var i=function(i){var n,d;void 0===i&&(i={}),this.formInputSettings=i.formInputSettings?new e(i.formInputSettings):new e({borderColor:"#E3E8EF",focusBorderColor:"#000000"}),this.gapBetweenItems=null!==(n=i.gapBetweenItems)&&void 0!==n?n:12,this.fontFamily=new t(i.fontFamily),this.fontSize=null!==(d=i.fontSize)&&void 0!==d?d:14,o(this,{formInputSettings:r,gapBetweenItems:r,fontFamily:r,fontSize:r})},e=function(t){var i,e,n;void 0===t&&(t={}),this.bgColor=t.bgColor||"",this.borderWidth=null!==(i=t.borderWidth)&&void 0!==i?i:1,this.borderRadius=null!==(e=t.borderRadius)&&void 0!==e?e:4,this.borderColor=t.borderColor||"",this.focusBorderColor=t.focusBorderColor||"",this.height=null!==(n=t.height)&&void 0!==n?n:40,o(this,{bgColor:r,borderWidth:r,borderRadius:r,borderColor:r,focusBorderColor:r,height:r})};export{e as FormInputSettings,i as FormSettings};
+import{makeObservable as o,observable as r}from"mobx";import{IkasPopupRendererFontFamily as t}from"../../base/index.js";var e=function(e){var l,d;void 0===e&&(e={}),this.formInputSettings=e.formInputSettings?new i(e.formInputSettings):new i({borderColor:"#E3E8EF",focusBorderColor:"#000000"}),this.gapBetweenItems=null!==(l=e.gapBetweenItems)&&void 0!==l?l:12,this.fontFamily=new t(e.fontFamily),this.fontSize=null!==(d=e.fontSize)&&void 0!==d?d:14,o(this,{formInputSettings:r,gapBetweenItems:r,fontFamily:r,fontSize:r})},i=function(t){var e,i,l;void 0===t&&(t={}),this.bgColor=t.bgColor||"",this.borderWidth=null!==(e=t.borderWidth)&&void 0!==e?e:1,this.borderRadius=null!==(i=t.borderRadius)&&void 0!==i?i:4,this.borderColor=t.borderColor||"",this.focusBorderColor=t.focusBorderColor||"",this.height=null!==(l=t.height)&&void 0!==l?l:40,this.placeholderColor=t.placeholderColor||"#999999",this.titleColor=t.titleColor||"#000000",this.checkboxTextColor=t.checkboxTextColor||"#000000",o(this,{bgColor:r,borderWidth:r,borderRadius:r,borderColor:r,focusBorderColor:r,height:r,placeholderColor:r,titleColor:r})};export{i as FormInputSettings,e as FormSettings};

package.json

 {
   "name": "@ikas/popup-renderer",
-  "version": "1.0.190",
+  "version": "1.0.191",
   "description": "",
@@ -5,0 +5,0 @@ "author": "ucy",

No alert changes

Improved metrics

Total package byte prevSize

297177

increased by0.37%

Lines of code

2085

increased by0.48%

No dependency changes