@verifiedinc-public/shared-ui-elements 12.8.1 → 12.8.3

package/dist/components/form/NewOneClickForm/core/fields/employer.d.ts

@@ -12,7 +12,7 @@ export declare const employer: {
         employer: import('zod').ZodObject<{
             name: import('zod').ZodString;
             legalName: import('zod').ZodOptional<import('zod').ZodString>;
-            address: import('zod').ZodEffects<import('zod').ZodEffects<import('zod').ZodObject<{
+            address: import('zod').ZodOptional<import('zod').ZodEffects<import('zod').ZodEffects<import('zod').ZodObject<{
                 line1: import('zod').ZodOptional<import('zod').ZodString>;
                 line2: import('zod').ZodOptional<import('zod').ZodString>;
                 city: import('zod').ZodOptional<import('zod').ZodString>;
@@ -61,54 +61,54 @@ export declare const employer: {
                 state?: string | undefined;
                 country?: string | undefined;
                 zipCode?: string | undefined;
-            }>;
+            }>>;
         }, "strip", import('zod').ZodTypeAny, {
-            address: {
+            name: string;
+            address?: {
                 line1?: string | undefined;
                 line2?: string | undefined;
                 city?: string | undefined;
                 state?: string | undefined;
                 country?: "US" | undefined;
                 zipCode?: string | undefined;
-            };
-            name: string;
+            } | undefined;
             legalName?: string | undefined;
         }, {
-            address: {
+            name: string;
+            address?: {
                 line1?: string | undefined;
                 line2?: string | undefined;
                 city?: string | undefined;
                 state?: string | undefined;
                 country?: string | undefined;
                 zipCode?: string | undefined;
-            };
-            name: string;
+            } | undefined;
             legalName?: string | undefined;
         }>;
     }, "strip", import('zod').ZodTypeAny, {
         employer: {
-            address: {
+            name: string;
+            address?: {
                 line1?: string | undefined;
                 line2?: string | undefined;
                 city?: string | undefined;
                 state?: string | undefined;
                 country?: "US" | undefined;
                 zipCode?: string | undefined;
-            };
-            name: string;
+            } | undefined;
             legalName?: string | undefined;
         };
     }, {
         employer: {
-            address: {
+            name: string;
+            address?: {
                 line1?: string | undefined;
                 line2?: string | undefined;
                 city?: string | undefined;
                 state?: string | undefined;
                 country?: string | undefined;
                 zipCode?: string | undefined;
-            };
-            name: string;
+            } | undefined;
             legalName?: string | undefined;
         };
     }>;

package/dist/components/form/NewOneClickForm/core/fields/index.d.ts

@@ -609,7 +609,7 @@ export declare const fields: {
             employer: import('zod').ZodObject<{
                 name: import('zod').ZodString;
                 legalName: import('zod').ZodOptional<import('zod').ZodString>;
-                address: import('zod').ZodEffects<import('zod').ZodEffects<import('zod').ZodObject<{
+                address: import('zod').ZodOptional<import('zod').ZodEffects<import('zod').ZodEffects<import('zod').ZodObject<{
                     line1: import('zod').ZodOptional<import('zod').ZodString>;
                     line2: import('zod').ZodOptional<import('zod').ZodString>;
                     city: import('zod').ZodOptional<import('zod').ZodString>;
@@ -658,54 +658,54 @@ export declare const fields: {
                     state?: string | undefined;
                     country?: string | undefined;
                     zipCode?: string | undefined;
-                }>;
+                }>>;
             }, "strip", import('zod').ZodTypeAny, {
-                address: {
+                name: string;
+                address?: {
                     line1?: string | undefined;
                     line2?: string | undefined;
                     city?: string | undefined;
                     state?: string | undefined;
                     country?: "US" | undefined;
                     zipCode?: string | undefined;
-                };
-                name: string;
+                } | undefined;
                 legalName?: string | undefined;
             }, {
-                address: {
+                name: string;
+                address?: {
                     line1?: string | undefined;
                     line2?: string | undefined;
                     city?: string | undefined;
                     state?: string | undefined;
                     country?: string | undefined;
                     zipCode?: string | undefined;
-                };
-                name: string;
+                } | undefined;
                 legalName?: string | undefined;
             }>;
         }, "strip", import('zod').ZodTypeAny, {
             employer: {
-                address: {
+                name: string;
+                address?: {
                     line1?: string | undefined;
                     line2?: string | undefined;
                     city?: string | undefined;
                     state?: string | undefined;
                     country?: "US" | undefined;
                     zipCode?: string | undefined;
-                };
-                name: string;
+                } | undefined;
                 legalName?: string | undefined;
             };
         }, {
             employer: {
-                address: {
+                name: string;
+                address?: {
                     line1?: string | undefined;
                     line2?: string | undefined;
                     city?: string | undefined;
                     state?: string | undefined;
                     country?: string | undefined;
                     zipCode?: string | undefined;
-                };
-                name: string;
+                } | undefined;
                 legalName?: string | undefined;
             };
         }>;

package/dist/components/form/NewOneClickForm/core/form/form.mjs

@@ -1 +1 @@
-"use strict";var t=Object.defineProperty,a=(s,e,i)=>e in s?t(s,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):s[e]=i,l=(s,e,i)=>a(s,typeof e!="symbol"?e+"":e,i);import{credentialKeys as c}from"../fields/index.mjs";const r=s=>typeof s=="string"?s.trim():Array.isArray(s)?s.map(r):s&&typeof s=="object"?Object.fromEntries(Object.entries(s).map(([e,i])=>[e,r(i)])):s;class n{constructor(e){l(this,"fields"),this.fields=e}get isValid(){return Object.values(this.fields).every(e=>e.isValid)}get isEmpty(){return Object.values(this.fields).every(e=>e.schema.key===c.phone?!0:e.isEmpty)}get isDirty(){return Object.values(this.fields).some(e=>e.isDirty)}get isDisabled(){return Object.values(this.fields).every(e=>e.isDisabled)}get values(){return Object.fromEntries(Object.values(this.fields).map(e=>[e.schema.key,r(e.value)]))}}export{n as Form};
+"use strict";var t=Object.defineProperty,a=(s,e,i)=>e in s?t(s,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):s[e]=i,l=(s,e,i)=>a(s,typeof e!="symbol"?e+"":e,i);import{credentialKeys as o}from"../fields/index.mjs";const r=s=>typeof s=="string"?s.trim():Array.isArray(s)?s.map(r):s&&typeof s=="object"?Object.fromEntries(Object.entries(s).filter(([,e])=>e!==void 0).map(([e,i])=>[e,r(i)])):s;class c{constructor(e){l(this,"fields"),this.fields=e}get isValid(){return Object.values(this.fields).every(e=>e.isValid)}get isEmpty(){return Object.values(this.fields).every(e=>e.schema.key===o.phone?!0:e.isEmpty)}get isDirty(){return Object.values(this.fields).some(e=>e.isDirty)}get isDisabled(){return Object.values(this.fields).every(e=>e.isDisabled)}get values(){return Object.fromEntries(Object.values(this.fields).map(e=>[e.schema.key,r(e.value)]))}}export{c as Form};

package/dist/components/form/NewOneClickForm/core/formats/employer.format.mjs

@@ -1 +1 @@
-"use strict";const o=l=>{var e;return(e=l?.employer)!=null&&e.name?[l.employer.name,l.employer.legalName].filter(Boolean).join(" \u2014 "):null};export{o as employerFormat};
+"use strict";const n=l=>{var o;const e=l?.employer;return e!=null&&e.name?[e.name,(o=e.address)==null?void 0:o.state].filter(Boolean).join(" \u2014 "):null};export{n as employerFormat};

package/dist/components/form/NewOneClickForm/core/validations/employer/employer.schema.d.ts

@@ -3,7 +3,7 @@ export declare const employerSchema: z.ZodObject<{
     employer: z.ZodObject<{
         name: z.ZodString;
         legalName: z.ZodOptional<z.ZodString>;
-        address: z.ZodEffects<z.ZodEffects<z.ZodObject<{
+        address: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodObject<{
             line1: z.ZodOptional<z.ZodString>;
             line2: z.ZodOptional<z.ZodString>;
             city: z.ZodOptional<z.ZodString>;
@@ -52,54 +52,54 @@ export declare const employerSchema: z.ZodObject<{
             state?: string | undefined;
             country?: string | undefined;
             zipCode?: string | undefined;
-        }>;
+        }>>;
     }, "strip", z.ZodTypeAny, {
-        address: {
+        name: string;
+        address?: {
             line1?: string | undefined;
             line2?: string | undefined;
             city?: string | undefined;
             state?: string | undefined;
             country?: "US" | undefined;
             zipCode?: string | undefined;
-        };
-        name: string;
+        } | undefined;
         legalName?: string | undefined;
     }, {
-        address: {
+        name: string;
+        address?: {
             line1?: string | undefined;
             line2?: string | undefined;
             city?: string | undefined;
             state?: string | undefined;
             country?: string | undefined;
             zipCode?: string | undefined;
-        };
-        name: string;
+        } | undefined;
         legalName?: string | undefined;
     }>;
 }, "strip", z.ZodTypeAny, {
     employer: {
-        address: {
+        name: string;
+        address?: {
             line1?: string | undefined;
             line2?: string | undefined;
             city?: string | undefined;
             state?: string | undefined;
             country?: "US" | undefined;
             zipCode?: string | undefined;
-        };
-        name: string;
+        } | undefined;
         legalName?: string | undefined;
     };
 }, {
     employer: {
-        address: {
+        name: string;
+        address?: {
             line1?: string | undefined;
             line2?: string | undefined;
             city?: string | undefined;
             state?: string | undefined;
             country?: string | undefined;
             zipCode?: string | undefined;
-        };
-        name: string;
+        } | undefined;
         legalName?: string | undefined;
     };
 }>;

package/dist/components/form/NewOneClickForm/core/validations/employer/employer.schema.mjs

@@ -1 +1 @@
-"use strict";import{z as e}from"zod";import{employerNameSchema as m}from"./employerName.schema.mjs";import{legalNameSchema as o}from"./legalName.schema.mjs";import{requiredAddressSchema as a}from"../address/address.schema.mjs";const r=e.object({employer:e.object({name:m,legalName:o.optional(),address:a})});export{r as employerSchema};
+"use strict";import{z as e}from"zod";import{employerNameSchema as m}from"./employerName.schema.mjs";import{legalNameSchema as o}from"./legalName.schema.mjs";import{requiredAddressSchema as a}from"../address/address.schema.mjs";const r=e.object({employer:e.object({name:m,legalName:o.optional(),address:a.optional()})});export{r as employerSchema};

package/dist/components/form/NewOneClickForm/react/ui/fields/input/employer.field.mjs

@@ -1 +1 @@
-"use strict";import{useState as N}from"react";import{Stack as k,TextField as o,Box as x}from"@mui/material";import{AddressInput as I}from"../../../../../AddressInput/index.mjs";import{useFormField as q}from"../../../core/field.hook.mjs";import{RequiredLabel as v}from"../shared.mjs";import{useOneClickForm as F}from"../../form.context.mjs";import{jsxs as S,jsx as r}from"react/jsx-runtime";function D({fieldKey:h}){var n,u;const{options:m}=F(),{field:l,setValue:y}=q({key:h}),[P,b]=N({});if(!l)return null;const p=l.value;if(!p)return null;const a=p.employer,t=e=>{b(s=>s[e]?s:{...s,[e]:!0})},d=e=>{y({employer:{...a,...e}})},C=((u=(n=l.errors)==null?void 0:n.error)==null?void 0:u.issues)??[],i=e=>{var s;if(!(!l.touched&&!P[e]))return(s=C.find(z=>z.path[1]===e))==null?void 0:s.message},c=i("name"),f=i("legalName"),g=i("address");return S(k,{spacing:2,children:[r(o,{"data-testid":"data-field-atomic-employer.name",fullWidth:!0,size:"small",label:r(v,{required:l.isRequired,children:"Name"}),value:a.name??"",onChange:e=>{d({name:e.target.value}),t("name")},onBlur:()=>t("name"),error:!!c,helperText:c,disabled:l.isDisabled,InputProps:{"data-mask-me":!0},inputProps:{autoCorrect:"off"}}),r(o,{"data-testid":"data-field-atomic-employer.legalName",fullWidth:!0,size:"small",label:"Legal Name",value:a.legalName??"",onChange:e=>{d({legalName:e.target.value||void 0}),t("legalName")},onBlur:()=>t("legalName"),error:!!f,helperText:f,disabled:l.isDisabled,InputProps:{"data-mask-me":!0},inputProps:{autoCorrect:"off"}}),r(x,{"data-testid":"data-field-composite-employer.address",width:"100%",children:r(I,{size:"small",label:r(v,{required:l.isRequired,children:"Address"}),defaultValue:{line1:a.address.line1,city:a.address.city,state:a.address.state,zipCode:a.address.zipCode,country:a.address.country??"US"},onChange:e=>{if(typeof e=="string")return;const s={line1:e?.line1,line2:a.address.line2??"",city:e?.city,state:e?.state,zipCode:e?.zipCode,country:e?.country==="US"?"US":void 0};d({address:s}),t("address")},onBlur:()=>t("address"),error:!!g,helperText:g,disabled:l.isDisabled,InputProps:{"data-mask-me":!0},service:{googlePlacesAutocompletePlaces:m.servicePaths.googlePlacesAutocompletePlaces,googlePlacesGetPlace:m.servicePaths.googlePlacesGetPlace}})}),r(o,{"data-testid":"data-field-atomic-employer.address.line2",fullWidth:!0,size:"small",label:"Line 2",value:a.address.line2??"",onChange:e=>d({address:{...a.address,line2:e.target.value}}),disabled:l.isDisabled,InputProps:{"data-mask-me":!0},inputProps:{autoCorrect:"off"}})]})}export{D as EmployerInputField};
+"use strict";import{useState as x}from"react";import{Stack as A,TextField as P,Box as I}from"@mui/material";import{AddressInput as S}from"../../../../../AddressInput/index.mjs";import{useFormField as B}from"../../../core/field.hook.mjs";import{RequiredLabel as U,toFieldValueAttribute as n}from"../shared.mjs";import{useOneClickForm as j}from"../../form.context.mjs";import{jsxs as D,jsx as s}from"react/jsx-runtime";import{addressFormat as T}from"../../../../core/formats/address.format.mjs";function q({fieldKey:h}){var u,m;const{options:r}=j(),{field:l,setValue:b}=B({key:h}),[C,k]=x({});if(!l)return null;const c=l.value;if(!c)return null;const t=c.employer,a=t.address??{},d=r.features.enableUserPrivacy,o=e=>{k(i=>i[e]?i:{...i,[e]:!0})},p=e=>{b({employer:{...t,...e}})},f=e=>{const i=Object.values(e).some(Boolean);p({address:i?e:void 0}),o("address")},z=((m=(u=l.errors)==null?void 0:u.error)==null?void 0:m.issues)??[],v=e=>{var i;if(!(!l.touched&&!C[e]))return(i=z.find(F=>F.path[1]===e))==null?void 0:i.message},y=v("name"),g=v("address");return D(A,{spacing:2,children:[s(P,{"data-testid":"data-field-atomic-employer.name","data-verified-sdk-field-value":n(t.name,d),fullWidth:!0,size:"small",label:s(U,{required:l.isRequired,children:"Name"}),value:t.name??"",onChange:e=>{p({name:e.target.value}),o("name")},onBlur:()=>o("name"),error:!!y,helperText:y,disabled:l.isDisabled,InputProps:{"data-mask-me":!0},inputProps:{autoCorrect:"off"}}),s(I,{"data-testid":"data-field-composite-employer.address","data-verified-sdk-field-value":n(a.line1?T(a):void 0,d),width:"100%",children:s(S,{size:"small",label:"Address",defaultValue:{line1:a.line1,city:a.city,state:a.state,zipCode:a.zipCode,country:a.country??"US"},onChange:e=>{typeof e!="string"&&f({line1:e?.line1,line2:a.line2??"",city:e?.city,state:e?.state,zipCode:e?.zipCode,country:e?.country==="US"?"US":void 0})},onBlur:()=>o("address"),error:!!g,helperText:g,disabled:l.isDisabled,InputProps:{"data-mask-me":!0},service:{googlePlacesAutocompletePlaces:r.servicePaths.googlePlacesAutocompletePlaces,googlePlacesGetPlace:r.servicePaths.googlePlacesGetPlace}})}),s(P,{"data-testid":"data-field-atomic-employer.address.line2","data-verified-sdk-field-value":n(a.line2,d),fullWidth:!0,size:"small",label:"Line 2",value:a.line2??"",onChange:e=>f({...a,line2:e.target.value}),disabled:l.isDisabled,InputProps:{"data-mask-me":!0},inputProps:{autoCorrect:"off"}})]})}export{q as EmployerInputField};

package/dist/components/form/NewOneClickForm/react/ui/fields/readonly/employer.field.mjs

@@ -1 +1 @@
-"use strict";import{Stack as o,MenuItem as u,Typography as m}from"@mui/material";import{useFormField as f}from"../../../core/field.hook.mjs";import{useOneClickForm as p}from"../../form.context.mjs";import{FieldSectionTitle as v,FieldSectionContent as y,FieldLabelBase as h}from"../style.mjs";import{VariantSelectField as g}from"./variantSelect.field.mjs";import{jsxs as n,jsx as a}from"react/jsx-runtime";import{addressFormat as b}from"../../../../core/formats/address.format.mjs";function s({label:e,value:r,testId:i,fieldValue:t}){return n(o,{direction:"row","data-testid":i,"data-verified-sdk-field-value":t,children:[a(h,{label:e}),a(m,{"data-mask-me":!0,variant:"body1",sx:{fontSize:20,fontWeight:300,wordBreak:"break-word",textAlign:"left"},children:r})]})}function c({item:e}){const{options:r}=p(),i=b(e.address),t=l=>r.features.enableUserPrivacy?void 0:l??void 0;return n(o,{spacing:1.25,children:[a(s,{label:"Name",value:e.name,testId:"data-field-atomic-employer.name",fieldValue:t(e.name)}),e.legalName&&a(s,{label:"Legal Name",value:e.legalName,testId:"data-field-atomic-employer.legalName",fieldValue:t(e.legalName)}),a(s,{label:"Address",value:i??"-",testId:"data-field-composite-employer.address",fieldValue:t(i)})]})}function F({fieldKey:e}){var r;const{field:i}=f({key:e});if(!i)return null;if(!i.hasVariants){const l=(r=i.value)==null?void 0:r.employer;return l?n(o,{spacing:1.25,children:[a(v,{fieldKey:e}),a(y,{spacing:1.25,children:a(c,{item:l})})]}):null}const t=i.variants??[];return a(g,{fieldKey:e,testId:`data-employer-select-${e}`,renderValue:()=>{var l;const d=(l=i.value)==null?void 0:l.employer;return d?a(c,{item:d}):null},children:t.map(l=>a(u,{value:l.id,onClick:d=>d.stopPropagation(),sx:{maxWidth:"100%",whiteSpace:"pre-wrap"},children:a(m,{variant:"body1",fontWeight:500,children:l.displayValue??"-"})},l.id))})}export{F as EmployerField};
+"use strict";import{Stack as n,MenuItem as f,Typography as s}from"@mui/material";import{useFormField as p}from"../../../core/field.hook.mjs";import{useOneClickForm as v}from"../../form.context.mjs";import{toFieldValueAttribute as m}from"../shared.mjs";import{FieldSectionTitle as y,FieldSectionContent as h,FieldLabelBase as b}from"../style.mjs";import{VariantSelectField as F}from"./variantSelect.field.mjs";import{jsxs as o,jsx as i}from"react/jsx-runtime";import{addressFormat as g}from"../../../../core/formats/address.format.mjs";function u({label:a,value:l,testId:t,fieldValue:r}){return o(n,{direction:"row","data-testid":t,"data-verified-sdk-field-value":r,children:[i(b,{label:a}),i(s,{"data-mask-me":!0,variant:"body1",sx:{fontSize:20,fontWeight:300,wordBreak:"break-word",textAlign:"left"},children:l})]})}function c({item:a}){var l;const{options:t}=v(),r=t.features.enableUserPrivacy,e=(l=a.address)!=null&&l.line1?g(a.address):null;return o(n,{spacing:1.25,children:[i(u,{label:"Name",value:a.name,testId:"data-field-atomic-employer.name",fieldValue:m(a.name,r)}),e&&i(u,{label:"Address",value:e,testId:"data-field-composite-employer.address",fieldValue:m(e,r)})]})}function k({fieldKey:a}){var l;const{field:t}=p({key:a});if(!t)return null;if(!t.hasVariants){const e=(l=t.value)==null?void 0:l.employer;return e?o(n,{spacing:1.25,children:[i(y,{fieldKey:a}),i(h,{spacing:1.25,children:i(c,{item:e})})]}):null}const r=t.variants??[];return i(F,{fieldKey:a,testId:`data-employer-select-${a}`,renderValue:()=>{var e;const d=(e=t.value)==null?void 0:e.employer;return d?i(c,{item:d}):null},children:r.map(e=>i(f,{value:e.id,onClick:d=>d.stopPropagation(),sx:{maxWidth:"100%",whiteSpace:"pre-wrap"},children:i(s,{variant:"body1",fontWeight:500,children:e.displayValue??"-"})},e.id))})}export{k as EmployerField};

package/dist/components/form/NewOneClickForm/react/ui/fields/shared.d.ts

@@ -1,5 +1,12 @@
 import { FormField } from '../../../core/form';
 import { OneClickFormOptions } from '../form.context';
+/**
+ * Value for the `data-verified-sdk-field-value` attribute, withheld when user privacy is enabled.
+ * @param value The field value to expose.
+ * @param userPrivacyEnabled Whether the user privacy feature is enabled.
+ * @returns The value to expose, or undefined.
+ */
+export declare const toFieldValueAttribute: <T>(value: T, userPrivacyEnabled?: boolean) => T | undefined;
 /**
  * Makes attributes for a field.
  * @param field The field to make attributes for.
@@ -14,7 +21,45 @@ export declare const makeAttributes: ({ userPrivacyEnabled, field, fieldKey, opt
     role: string;
     'aria-label': string | undefined;
     'data-testid': string;
-    'data-verified-sdk-field-value': ReturnType<typeof getFieldValue>;
+    'data-verified-sdk-field-value': string | {
+        memberId: string;
+        payer: {
+            name: string;
+            verifiedId: string;
+            logoUrl?: string | null | undefined;
+        };
+        id?: number | undefined;
+    } | {
+        employer: {
+            name: string;
+            address?: {
+                line1?: string | undefined;
+                line2?: string | undefined;
+                city?: string | undefined;
+                state?: string | undefined;
+                country?: "US" | undefined;
+                zipCode?: string | undefined;
+            } | undefined;
+            legalName?: string | undefined;
+        };
+    } | {
+        firstName?: string | undefined;
+        lastName?: string | undefined;
+        middleName?: string | undefined;
+    } | {
+        line1?: string | undefined;
+        line2?: string | undefined;
+        city?: string | undefined;
+        state?: string | undefined;
+        country?: string | undefined;
+        zipCode?: string | undefined;
+    } | {
+        documentNumber?: string | undefined;
+        issuanceState?: string | undefined;
+        issuanceDate?: string | undefined;
+        expirationDate?: string | undefined;
+        address?: undefined;
+    } | null | undefined;
 };
 /**
  * Returns the autocomplete attribute value based on the type of the field.
@@ -37,15 +82,15 @@ export declare const getFieldValue: (field: FormField, options: OneClickFormOpti
     id?: number | undefined;
 } | {
     employer: {
-        address: {
+        name: string;
+        address?: {
             line1?: string | undefined;
             line2?: string | undefined;
             city?: string | undefined;
             state?: string | undefined;
             country?: "US" | undefined;
             zipCode?: string | undefined;
-        };
-        name: string;
+        } | undefined;
         legalName?: string | undefined;
     };
 } | {

package/dist/components/form/NewOneClickForm/react/ui/fields/shared.mjs

@@ -1 +1 @@
-"use strict";import{Typography as c}from"@mui/material";import{credentialKeys as a}from"../../../core/fields/index.mjs";import{jsx as l,Fragment as d,jsxs as m}from"react/jsx-runtime";import{fieldInputTypes as u}from"../../../core/fields/constants.mjs";const p=({userPrivacyEnabled:e,field:s,fieldKey:i,options:r})=>{const t={role:"region","aria-label":s?.schema.characteristics.label,"data-testid":s?.schema.characteristics.inputType===u.composite?`data-field-composite-${i}`:`data-field-atomic-${i}`,"data-verified-sdk-field-value":void 0};return e||(t["data-verified-sdk-field-value"]=s?o(s,r):void 0),t};function f(e){return e===a.firstName?"given-name":e===a.lastName?"family-name":e===a.phone?"tel":e===a.address?"street-address address-level2 address-level1 postal-code":e===a.line2?"address-line2":"off"}const o=(e,s)=>{if(!(typeof e.value=="object"&&e.schema.key!==a.address&&e.schema.key!==a.healthInsurance&&e.schema.key!==a.employer))return e.schema.key===a.state||e.schema.key===a.issuanceState||e.schema.key===a.birthDate||e.schema.key===a.expirationDate||e.schema.key===a.issuanceDate?e.value:n(e,s)},n=(e,s)=>{var i,r;const t=e.displayValue;return(r=(i=s.features.field)==null?void 0:i.dob)!=null&&r.redactYear&&e.schema.key===a.birthDate&&typeof t=="string"?t.replace(/\/\d{4}$/,"/\u2022\u2022\u2022\u2022"):t};function h({children:e,required:s}){return s?m(d,{children:[e," ",l(c,{"data-asterisk":!0,component:"span",color:"error",variant:"subtitle2",sx:{fontSize:"inherit"},children:"\u273D"})]}):l(d,{children:e})}export{h as RequiredLabel,f as getAutoCompleteAttributeValue,n as getFieldDisplayValue,o as getFieldValue,p as makeAttributes};
+"use strict";import{Typography as m}from"@mui/material";import{credentialKeys as s}from"../../../core/fields/index.mjs";import{jsx as l,Fragment as o,jsxs as u}from"react/jsx-runtime";import{fieldInputTypes as p}from"../../../core/fields/constants.mjs";const d=(e,a)=>a?void 0:e,h=({userPrivacyEnabled:e,field:a,fieldKey:t,options:i})=>({role:"region","aria-label":a?.schema.characteristics.label,"data-testid":a?.schema.characteristics.inputType===p.composite?`data-field-composite-${t}`:`data-field-atomic-${t}`,"data-verified-sdk-field-value":d(a?n(a,i):void 0,e)});function f(e){return e===s.firstName?"given-name":e===s.lastName?"family-name":e===s.phone?"tel":e===s.address?"street-address address-level2 address-level1 postal-code":e===s.line2?"address-line2":"off"}const n=(e,a)=>{if(!(typeof e.value=="object"&&e.schema.key!==s.address&&e.schema.key!==s.healthInsurance&&e.schema.key!==s.employer))return e.schema.key===s.state||e.schema.key===s.issuanceState||e.schema.key===s.birthDate||e.schema.key===s.expirationDate||e.schema.key===s.issuanceDate?e.value:c(e,a)},c=(e,a)=>{var t,i;const r=e.displayValue;return(i=(t=a.features.field)==null?void 0:t.dob)!=null&&i.redactYear&&e.schema.key===s.birthDate&&typeof r=="string"?r.replace(/\/\d{4}$/,"/\u2022\u2022\u2022\u2022"):r};function y({children:e,required:a}){return a?u(o,{children:[e," ",l(m,{"data-asterisk":!0,component:"span",color:"error",variant:"subtitle2",sx:{fontSize:"inherit"},children:"\u273D"})]}):l(o,{children:e})}export{y as RequiredLabel,f as getAutoCompleteAttributeValue,c as getFieldDisplayValue,n as getFieldValue,h as makeAttributes,d as toFieldValueAttribute};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verifiedinc-public/shared-ui-elements",
-  "version": "12.8.1",
+  "version": "12.8.3",
   "description": "A set of UI components, utilities that is shareable with the core apps.",
   "private": false,
   "sideEffects": false,