vrfi-design-system 1.2.5 → 1.2.6

package/dist/index.d.ts

@@ -195,6 +195,11 @@ declare interface AgencyJobCardProps extends HTMLAttributes<HTMLDivElement> {
 
 export { Align }
 
+declare enum AllowedCountries {
+    CANADA = "CA",
+    UNITED_STATES = "US"
+}
+
 export { AntdRadioProps }
 
 export declare const ApplicationHeader: default_2.FC<ApplicationHeaderProps>;
@@ -670,11 +675,12 @@ export { InputRef }
 
 export { InputTypes }
 
-export declare const InputWithCountry: ({ label, type, required, isdCodeName, customInput, ...rest }: Omit<InputWithCountryFlagProps & InputProps_2, "icon">) => default_2.JSX.Element;
+export declare const InputWithCountry: ({ label, type, required, isdCodeName, customInput, onlyCountries, ...rest }: Omit<InputWithCountryFlagProps & InputProps_2, "icon">) => default_2.JSX.Element;
 
 declare interface InputWithCountryFlagProps extends Omit<CustomInputProps, "customOnChange"> {
     isdCodeName: string;
     onChange?: (value: MobileInputValue_2) => void;
+    onlyCountries?: AllowedCountries[];
 }
 
 export declare const JobCard: FC<JobCardProps>;

package/dist/main.es.js

@@ -56196,17 +56196,18 @@ const HDe = ({
   required: n,
   isdCodeName: r,
   customInput: o,
-  ...a
+  onlyCountries: a,
+  ...i
 }) => {
   const {
-    field: { onChange: i, value: l, ...s },
-    fieldState: d
-  } = Co({ name: a.name }), { field: u } = Co({ name: r }), A = (f) => {
-    if (a.onChange)
-      a.onChange(f);
+    field: { onChange: l, value: s, ...d },
+    fieldState: u
+  } = Co({ name: i.name }), { field: A } = Co({ name: r }), f = (g) => {
+    if (i.onChange)
+      i.onChange(g);
     else {
-      const { code: g, phone: v } = f;
-      i(v), u.onChange(g);
+      const { code: v, phone: p } = g;
+      l(p), A.onChange(v);
     }
   };
   return /* @__PURE__ */ B.jsx("div", { className: "inputContainer", children: /* @__PURE__ */ B.jsx(_se, { locale: Qse, children: /* @__PURE__ */ B.jsxs(
@@ -56222,7 +56223,7 @@ const HDe = ({
           {
             customInput: o,
             label: e,
-            value: l,
+            value: s,
             required: n,
             className: ut({ customCountryInput: o }),
             children: /* @__PURE__ */ B.jsxs("div", { className: ut(Gf.countryInputWrapper), children: [
@@ -56234,23 +56235,24 @@ const HDe = ({
                   defaultValue: { short: rC.CANADA },
                   value: {
                     short: rC.CANADA,
-                    phone: l,
-                    code: u == null ? void 0 : u.value
+                    phone: s,
+                    code: A == null ? void 0 : A.value
                   },
-                  onChange: A,
+                  onChange: f,
                   placeholder: "",
                   selectProps: { filterOption: Vse },
                   type: t,
-                  status: d.invalid ? "error" : void 0,
-                  onWheel: (f) => W5(f, dl.NUMBER),
-                  ...a,
-                  ...s
+                  status: u.invalid ? "error" : void 0,
+                  onWheel: (g) => W5(g, dl.NUMBER),
+                  onlyCountries: a,
+                  ...i,
+                  ...d
                 }
               )
             ] })
           }
         ),
-        /* @__PURE__ */ B.jsx(Uo, { fieldName: a.name })
+        /* @__PURE__ */ B.jsx(Uo, { fieldName: i.name })
       ]
     }
   ) }) });