@ikas/popup-renderer - npm Package Compare versions

Comparing version 1.0.197 to 1.0.198

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

 import React from "react";
 import { InputLabel, InputPlaceholder, RequiredInput } from "../../../models/modal/step/elements/form";
 import { FormInputSettings } from "../../../models/modal/step/elements/form/form-settings";
+import { SFProps } from "popup-renderer/components";
 type Props = {
@@ -13,4 +14,6 @@ placeholder?: InputPlaceholder | null;
     validationErrorMessage: null | string;
+    isPhoneInput?: boolean;
+    sfProps?: SFProps;
 };
 declare const InputItemView: React.FC<Props>;
 export default InputItemView;

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

package.json

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

New alerts

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

310274

increased by4.32%

Number of package files

186

increased by12.73%

Lines of code

2161

increased by3.6%

Worsened metrics

Number of low supply chain risk alerts

5

increased by400%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes