@verifiedinc-public/shared-ui-elements 8.0.1 → 8.3.0

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

@@ -0,0 +1 @@
+"use strict";import{AddressInput as P}from"../../../../../AddressInput/index.mjs";import{useFormField as h}from"../../../core/field.hook.mjs";import{useOneClickForm as k}from"../../form.context.mjs";import{FieldLabel as A}from"./label.mjs";import{ClearFieldAdornment as b}from"./clear-field-adornment.mjs";import{jsx as n}from"react/jsx-runtime";import{fieldInputTypes as z}from"../../../../core/fields/constants.mjs";function F({fieldKey:i}){var t,u,s,a,d,r;const{options:v}=k(),{field:l,setChildValue:o}=h({key:i});if(l?.schema.characteristics.inputType!==z.composite)return null;const c=(t=l.errorMessage)==null?void 0:t.toLowerCase().startsWith("line 2");return n(P,{label:n(A,{fieldKey:i}),helperText:c?l?.description:l.errorMessage??l?.description,error:!!l.errors&&!c,disabled:l.isDisabled,defaultValue:{line1:(u=l?.value)==null?void 0:u.line1,city:(s=l?.value)==null?void 0:s.city,state:(a=l?.value)==null?void 0:a.state,zipCode:(d=l?.value)==null?void 0:d.zipCode,country:((r=l?.value)==null?void 0:r.country)??"US"},onChange:e=>{var p,m,y,f,g;typeof e!="string"&&(e===null&&Object.keys(l?.value??{}).forEach(C=>{C!=="line2"&&o(C,"")}),typeof((p=l?.value)==null?void 0:p.line1)=="string"&&o("line1",e?.line1??""),typeof((m=l?.value)==null?void 0:m.city)=="string"&&o("city",e?.city??""),typeof((y=l?.value)==null?void 0:y.state)=="string"&&o("state",e?.state??""),typeof((f=l?.value)==null?void 0:f.zipCode)=="string"&&o("zipCode",e?.zipCode??""),typeof((g=l?.value)==null?void 0:g.country)=="string"&&o("country",e?.country??""))},InputProps:{"data-mask-me":!0},ClearAdornment:function({onClick:e}){return n(b,{fieldKey:i,onClick:e,ignoreKeys:["line2"]})},service:{googlePlacesAutocompletePlaces:v.servicePaths.googlePlacesAutocompletePlaces,googlePlacesGetPlace:v.servicePaths.googlePlacesGetPlace}})}export{F as AddressInputField};

package/dist/components/form/NewOneClickForm/react/ui/fields/input/clear-field-adornment.mjs

@@ -0,0 +1 @@
+"use strict";import{InputAdornment as p,IconButton as f}from"@mui/material";import{Close as v}from"@mui/icons-material";import{useFormField as y}from"../../../core/field.hook.mjs";import{jsx as r}from"react/jsx-runtime";function b({fieldKey:s,ignoreKeys:u,onClick:i,disabled:o}){const{field:l,clear:m}=y({key:s}),c=n=>{var e,t,a,d;return((t=(e=n.parentElement)==null?void 0:e.parentElement)==null?void 0:t.querySelector("input"))??((d=(a=n.parentElement)==null?void 0:a.parentElement)==null?void 0:d.querySelector("textarea"))};return r(p,{position:"end",children:r(f,{tabIndex:-1,"aria-label":"clear value",edge:"end",size:"small",onClick:n=>{var e;(o??l?.isDisabled)||((e=c(n.currentTarget))==null||e.focus(),m({ignoreKeys:u}),i?.())},disabled:o??l?.isDisabled,children:r(v,{fontSize:"small"})})})}export{b as ClearFieldAdornment};

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

@@ -0,0 +1 @@
+"use strict";import{useRef as x,useState as M}from"react";import{Box as S}from"@mui/material";import{USDateSchema as A}from"../../../../../../../validations/date.schema.mjs";import{formatDateMMDDYYYY as I}from"../../../../../../../utils/date.mjs";import{credentialKeys as B}from"../../../../core/fields/index.mjs";import{useFormField as K}from"../../../core/field.hook.mjs";import{useOneClickForm as N}from"../../form.context.mjs";import{getAutoCompleteAttributeValue as O}from"../shared.mjs";import{FieldLabel as P}from"./label.mjs";import{ClearFieldAdornment as V}from"./clear-field-adornment.mjs";import{jsx as i}from"react/jsx-runtime";import{fieldInputTypes as E}from"../../../../core/fields/constants.mjs";import{DateInput as R}from"../../../../../DateInput/index.mjs";function L({fieldKey:l}){var o;const{options:m}=N(),{field:e,setValue:t}=K({key:l}),u=x(null),[d,n]=M(e!=null&&e.value?I(e?.value):"");if(!e||e.schema.characteristics.inputType!==E.date)return null;const s=e.schema.key===B.birthDate,a=new Date,p=1900,c=1,f=1,D=s?a.getUTCFullYear()-18:a.getUTCFullYear()+100,h=s?a.getUTCMonth()+1:12,C=s?a.getUTCDate():31,g=new Date(p,c-1,f),k=new Date(D,h-1,C),y=r=>{if(e.isDisabled)return;const F=A.safeParse(r),T=r.replace(/[^0-9]/g,"");if(n(r),T.length<=0)return t("");if(!F.success)return t("NaN");const[v,U,Y]=r.split("/").map(Number),w=Date.UTC(Y,v-1,U,12,0,0,0);t(String(w))},b=()=>{n(""),t("")};return i(S,{width:"100%",children:i(R,{inputRef:u,variant:"outlined",size:"small",autoComplete:O(e.schema.key),label:i(P,{fieldKey:l}),value:d,onChange:y,error:!(e!=null&&e.isValid),helperText:(o=e.errorMessage)!=null&&o.length?e.errorMessage:e?.description,placeholder:e.schema.characteristics.placeholder,pickerClickOutsideBoundaryElement:m.features.datePickerClickOutsideBoundaryElement,pickerDefaultSelectedDate:new Date("08/01/1989"),minDate:g,maxDate:k,disabled:e.isDisabled,InputProps:{"data-mask-me":!0,endAdornment:i(V,{fieldKey:l,onClick:b,disabled:e.isDisabled})}})})}export{L as DateInputField};

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

@@ -0,0 +1 @@
+"use strict";import{Stack as h}from"@mui/material";import{credentialKeys as d}from"../../../../core/fields/index.mjs";import{useFormField as y}from"../../../core/field.hook.mjs";import{useOneClickForm as K}from"../../form.context.mjs";import{FieldRowContainer as n,FieldSectionTitle as m,FieldSectionContent as p}from"../style.mjs";import{AddressInputField as F}from"./address.field.mjs";import{TextInputField as f}from"./text.field.mjs";import{SelectInputField as k}from"./select.field.mjs";import{SSNInputField as v}from"./ssn.field.mjs";import{DateInputField as x}from"./date.field.mjs";import{HealthInsuranceInputField as I}from"./healthInsurance.field.mjs";import{jsx as e,jsxs as c,Fragment as T}from"react/jsx-runtime";import{fieldInputTypes as r}from"../../../../core/fields/constants.mjs";function u({fieldKey:i}){var a;const{field:l}=y({key:i}),o=(s,t)=>t?.schema.characteristics.inputType===r.text&&t?.schema.key===d.ssn?e(v,{fieldKey:s}):t?.schema.characteristics.inputType===r.date?e(x,{fieldKey:s}):t?.schema.characteristics.inputType===r.select?e(k,{fieldKey:s}):t?.schema.characteristics.inputType===r.text?e(f,{fieldKey:s}):(console.warn("Field not supported:",t?.schema.key),null);return((a=l?.schema)==null?void 0:a.key)===d.healthInsurance?c(n,{fieldKey:i,spacing:1.25,children:[e(m,{fieldKey:i,description:"Enter your insurance info:"}),e(p,{spacing:1.25,children:e(I,{fieldKey:i})})]}):l?.schema.characteristics.inputType===r.composite?l!=null&&l.children?l.schema.key===d.fullName?Object.keys(l.children).map(s=>{var t;return e(n,{fieldKey:`${i}.${s}`,children:o(`${i}.${s}`,(t=l.children)==null?void 0:t[s])},s)}):l.schema.key===d.address?c(T,{children:[e(n,{fieldKey:i,children:e(F,{fieldKey:i})}),e(n,{fieldKey:`${i}.line2`,children:e(f,{fieldKey:`${i}.line2`})})]}):c(n,{fieldKey:i,spacing:1.25,children:[e(m,{fieldKey:i}),e(p,{spacing:2,sx:{pt:1},children:Object.keys(l.children).map(s=>e(u,{fieldKey:`${i}.${s}`},s))})]}):null:e(n,{fieldKey:i,children:o(i,l)})}function $(){const i=K(),{fields:a}=i.formContext.state.form;return e(h,{spacing:2,sx:{width:"100%"},children:Object.entries(a).map(([l,o])=>o.schema.key===d.phone?null:e(u,{fieldKey:l},l))})}export{$ as EditFields};

package/dist/components/form/NewOneClickForm/react/ui/fields/input/healthInsurance.field.d.ts

@@ -0,0 +1,3 @@
+export declare function HealthInsuranceInputField({ fieldKey }: {
+    fieldKey: string;
+}): import("react").JSX.Element | null;

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

@@ -0,0 +1 @@
+"use strict";import{useState as v,useRef as x,useCallback as C,createElement as D}from"react";import{Stack as M,Autocomplete as A,TextField as H,Box as O,Avatar as S,Typography as T,InputAdornment as U,IconButton as z}from"@mui/material";import{Close as w}from"@mui/icons-material";import{useQuery as E}from"@tanstack/react-query";import{useDebounceValue as q}from"../../../../../../../hooks/useDebounceValue.mjs";import{MemberIdInput as V}from"../../../../../MemberIdInput.mjs";import{useFormField as j}from"../../../core/field.hook.mjs";import{useOneClickForm as B}from"../../form.context.mjs";import{jsxs as y,jsx as i,Fragment as K}from"react/jsx-runtime";const g=20;function R(m){const{options:a}=B(),s=q(m,300),[p,h]=v([]),[d,f]=v(!0),[t,u]=v(!1),c=x(0),{isLoading:I}=E({queryKey:["insurance-providers",s],queryFn:async({signal:n})=>{var l,o;const e=await((o=(l=a.servicePaths).oneClickHealthProviderPayers)==null?void 0:o.call(l,{search:s||void 0,limit:g,skip:0},n))??[];return c.current=e.length,h(e),f(e.length>=g),e},refetchOnMount:!0,enabled:!!a.servicePaths.oneClickHealthProviderPayers}),b=C(async()=>{var n,l;if(!(t||!d)){u(!0);try{const o=await((l=(n=a.servicePaths).oneClickHealthProviderPayers)==null?void 0:l.call(n,{search:s||void 0,limit:g,skip:c.current}))??[];h(e=>[...e,...o]),c.current+=o.length,f(o.length>=g)}finally{u(!1)}}},[t,d,s,a.servicePaths]);return{providers:p,isLoading:I,isLoadingMore:t,hasMore:d,loadMore:b}}function F({children:m}){return y(K,{children:[m," ",i(T,{"data-asterisk":!0,component:"span",color:"error",variant:"subtitle2",sx:{fontSize:"inherit"},children:"\u273D"})]})}function W({fieldKey:m}){const{field:a,setValue:s}=j({key:m}),[p,h]=v(""),{providers:d,isLoading:f,isLoadingMore:t,hasMore:u,loadMore:c}=R(p),I=x(null),b=C(e=>{const r=e.currentTarget;r.scrollTop+r.clientHeight>=r.scrollHeight-50&&u&&!t&&c()},[u,t,c]);if(!a)return null;const n=a.value;if(!n)return null;const l=e=>{s({...n,...e})},o=d.find(e=>e.verifiedId===n.payer.verifiedId)??n.payer;return y(M,{spacing:2,children:[i(A,{fullWidth:!0,disabled:a.isDisabled,options:d,loading:f||t,filterOptions:e=>e,value:o.verifiedId?o:null,inputValue:p,onInputChange:(e,r)=>{h(r)},onChange:(e,r)=>{l(r?{payer:{name:r.name,logoUrl:r.logoUrl,verifiedId:r.verifiedId},memberId:""}:{payer:{name:"",logoUrl:"",verifiedId:""},memberId:""})},isOptionEqualToValue:(e,r)=>!!e&&!!r&&e.verifiedId===r.verifiedId,getOptionLabel:e=>e.name,ListboxProps:{ref:I,onScroll:b},renderOption:(e,r)=>{var P,k;return D(O,{component:"li",...e,key:r.verifiedId},y(M,{direction:"row",spacing:1.5,alignItems:"center",children:[i(S,{src:r.logoUrl,alt:(P=r.name[0])==null?void 0:P.toUpperCase(),sx:{width:32,height:32,bgcolor:"primary.main"},slotProps:{img:{onError:L=>{L.currentTarget.style.display="none"}}},children:(k=r.name[0])==null?void 0:k.toUpperCase()}),i(T,{sx:{textAlign:"left"},children:r.name})]}))},renderInput:e=>i(H,{...e,label:i(F,{children:"Insurer"}),helperText:"The company that provides your health insurance",placeholder:"Search...",size:"small",InputLabelProps:{shrink:!0},InputProps:{...e.InputProps,"data-mask-me":!0,endAdornment:e.InputProps.endAdornment}})}),i(V,{fullWidth:!0,label:i(F,{children:"Member ID"}),placeholder:"Enter member ID",size:"small",disabled:a.isDisabled,value:n.memberId,onChange:e=>l({memberId:e.target.value}),helperText:"From your health insurance ID card",InputProps:{"data-mask-me":!0,endAdornment:n.memberId?i(U,{position:"end",children:i(z,{tabIndex:-1,"aria-label":"clear member id",edge:"end",size:"small",disabled:a.isDisabled,onClick:()=>l({memberId:""}),children:i(w,{fontSize:"small"})})}):null}})]})}export{W as HealthInsuranceInputField};

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

@@ -0,0 +1 @@
+"use strict";import{Box as i,Typography as a}from"@mui/material";import{useFormField as o}from"../../../core/field.hook.mjs";import{jsxs as t,jsx as r,Fragment as l}from"react/jsx-runtime";function n({fieldKey:s}){const{field:e}=o({key:s});return e!=null&&e.isRequired?t(i,{component:"span",sx:{display:"block",alignItems:"center",overflow:"hidden",textOverflow:"ellipsis",whitespace:"pre"},children:[e.schema.characteristics.label," ",r(a,{"data-asterisk":!0,component:"span",color:"error",variant:"subtitle2",sx:{fontSize:"inherit"},children:"\u273D"})]}):r(l,{children:e?.schema.characteristics.label})}export{n as FieldLabel};

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

@@ -0,0 +1 @@
+"use strict";import{Box as u,Autocomplete as p,TextField as d}from"@mui/material";import{useFormField as m}from"../../../core/field.hook.mjs";import{FieldLabel as c}from"./label.mjs";import{jsx as t}from"react/jsx-runtime";import{fieldInputTypes as f}from"../../../../core/fields/constants.mjs";function h({fieldKey:s}){const{field:e,setValue:o}=m({key:s});if(e?.schema.characteristics.inputType!==f.select)return null;const r=e.schema.characteristics.options||[],n=r.find(i=>i.value===e.value)??null,a={variant:"outlined",size:"small",label:t(c,{fieldKey:s}),error:!e.isValid,helperText:e.description,inputProps:{tabIndex:0},fullWidth:!0};return t(u,{width:"100%",children:t(p,{disablePortal:!0,autoHighlight:!0,options:r,isOptionEqualToValue:(i,l)=>i?.value===l?.value,value:n,onChange:(i,l)=>{if(!e.isDisabled){if(!l){o("");return}o(l.value)}},renderInput:i=>t(d,{...i,...a,inputProps:{...i.inputProps,...a.inputProps},InputLabelProps:{"data-mask-me":!0,shrink:!0,...a.InputLabelProps}}),disabled:e.isDisabled})})}export{h as SelectInputField};

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

@@ -0,0 +1 @@
+"use strict";import{useRef as s}from"react";import{Box as n}from"@mui/material";import{SSNInput as m}from"../../../../../SSNInput.mjs";import{useFormField as d}from"../../../core/field.hook.mjs";import{getAutoCompleteAttributeValue as u}from"../shared.mjs";import{FieldLabel as p}from"./label.mjs";import{ClearFieldAdornment as f}from"./clear-field-adornment.mjs";import{jsx as l}from"react/jsx-runtime";function b({fieldKey:t}){const{field:e,setValue:o}=d({key:t}),i=s(null);if(!e)return null;const r=a=>{e.isDisabled||o(a.target.value)};return l(n,{width:"100%",children:l(m,{inputRef:i,variant:"outlined",size:"small",autoComplete:u(e.schema.key),label:l(p,{fieldKey:t}),value:e.value||"",onChange:r,error:!(e!=null&&e.isValid),helperText:e?.description,shouldHaveCloseAdornment:!1,disabled:e.isDisabled,InputProps:{"data-mask-me":!0,endAdornment:l(f,{fieldKey:t})}})})}export{b as SSNInputField};

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

@@ -0,0 +1 @@
+"use strict";import{useRef as n}from"react";import{Box as s,TextField as u}from"@mui/material";import{useFormField as d}from"../../../core/field.hook.mjs";import{getAutoCompleteAttributeValue as m}from"../shared.mjs";import{FieldLabel as f}from"./label.mjs";import{ClearFieldAdornment as p}from"./clear-field-adornment.mjs";import{jsx as t}from"react/jsx-runtime";function c({fieldKey:l}){const{field:e,setValue:o}=d({key:l}),i=n(null);if(!e)return null;const a={inputRef:i,variant:"outlined",size:"small",autoComplete:m(e.schema.key),label:t(f,{fieldKey:l}),value:e.value||"",onChange:r=>{e.isDisabled||o(r.target.value)},error:!(e!=null&&e.isValid),helperText:e?.description,InputProps:{"data-mask-me":!0,endAdornment:t(p,{fieldKey:l,onClick:()=>{i.current&&(i.current.value="")}})},inputProps:{tabIndex:0,autoCorrect:"off",autoCapitalize:"off"},fullWidth:!0,disabled:e.isDisabled};return t(s,{width:"100%",children:t(u,{...a})})}export{c as TextInputField};

package/dist/components/form/NewOneClickForm/react/ui/fields/readonly/driversLicense.field.d.ts

@@ -0,0 +1,3 @@
+export declare function DriversLicenseField({ fieldKey }: {
+    fieldKey: string;
+}): import("react").JSX.Element | null;

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

@@ -0,0 +1 @@
+"use strict";import{MenuItem as h,Typography as o,Stack as c}from"@mui/material";import{useFormField as y}from"../../../core/field.hook.mjs";import{FieldLabelBase as b}from"../style.mjs";import{VariantSelectField as k}from"./variantSelect.field.mjs";import{jsx as i,jsxs as v}from"react/jsx-runtime";const x={maxWidth:"100%",whiteSpace:"pre-wrap"},S=[{key:"documentNumber",label:"Number"},{key:"issuanceState",label:"State"},{key:"issuanceDate",label:"Issued"},{key:"expirationDate",label:"Expires"},{key:"address",label:"Address"}];function g({fieldChildren:l}){return i(c,{spacing:1.5,py:1,children:S.map(({key:e,label:r})=>{const a=l?.[e];return a?v(c,{direction:"row",children:[i(b,{label:r}),i(o,{"data-mask-me":!0,variant:"body1",sx:{fontSize:20,fontWeight:300,wordBreak:"break-word",textAlign:"left"},children:a.displayValue})]},e):null})})}function w({fieldKey:l}){const{field:e}=y({key:l});if(!e||!e.hasVariants)return null;const r=e.variants??[];return i(k,{fieldKey:l,testId:`data-drivers-license-select-${l}`,renderValue:()=>i(g,{fieldChildren:e.children}),children:r.map(a=>{var n,t,s,d;const u=(t=(n=a.children)==null?void 0:n.documentNumber)==null?void 0:t.displayValue,m=(d=(s=a.children)==null?void 0:s.issuanceState)==null?void 0:d.displayValue,p=[u,m].filter(Boolean).join(" \u2014 ")||"-";return i(h,{value:a.id,onClick:f=>f.stopPropagation(),sx:x,children:i(o,{variant:"body1",fontWeight:500,children:p})},a.id)})})}export{w as DriversLicenseField};

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

@@ -0,0 +1 @@
+"use strict";import{Stack as m}from"@mui/material";import{credentialKeys as d}from"../../../../core/fields/index.mjs";import{useFormField as f}from"../../../core/field.hook.mjs";import{useOneClickForm as p}from"../../form.context.mjs";import{FieldRowContainer as t,FieldRow as r,FieldSectionTitle as y,FieldSectionContent as h}from"../style.mjs";import{MultiField as c}from"./multi.field.mjs";import{SingleField as u}from"./single.field.mjs";import{HealthInsuranceField as K}from"./healthInsurance.field.mjs";import{DriversLicenseField as F}from"./driversLicense.field.mjs";import{jsx as l,jsxs as k}from"react/jsx-runtime";import{fieldInputTypes as v}from"../../../../core/fields/constants.mjs";function o({fieldKey:e}){var a,s;const{field:i}=f({key:e});return((a=i?.schema)==null?void 0:a.key)===d.driversLicense&&i.hasVariants?l(t,{fieldKey:e,spacing:1.25,children:l(F,{fieldKey:e})}):((s=i?.schema)==null?void 0:s.key)===d.healthInsurance?l(t,{fieldKey:e,spacing:1.25,children:l(K,{fieldKey:e})}):i?.schema.characteristics.inputType===v.composite&&i.children?i.schema.key===d.address?l(r,{fieldKey:e,children:l(c,{fieldKey:e})}):i.schema.key===d.fullName?l(t,{fieldKey:e,spacing:1.25,children:Object.keys(i.children).map(n=>l(o,{fieldKey:`${e}.${n}`},n))}):k(t,{fieldKey:e,spacing:1.25,children:[l(y,{fieldKey:e}),l(h,{spacing:1.25,children:Object.keys(i.children).map(n=>l(o,{fieldKey:`${e}.${n}`},n))})]}):l(r,{fieldKey:e,children:i!=null&&i.hasVariants?l(c,{fieldKey:e}):l(u,{fieldKey:e})})}function g(){const e=p(),{fields:a}=e.formContext.state.form;return l(m,{spacing:1.25,sx:{width:"100%"},onClick:()=>{var s,i;(((s=e.options.features.editMode)==null?void 0:s.hide)??((i=e.formContext.state.form)==null?void 0:i.isDisabled))||e.setEditMode(!0)},children:Object.entries(a).map(([s,i])=>i.schema.key===d.phone?null:l(o,{fieldKey:s},s))})}export{g as ReadonlyFields};

package/dist/components/form/NewOneClickForm/react/ui/fields/readonly/healthInsurance.field.d.ts

@@ -0,0 +1,3 @@
+export declare function HealthInsuranceField({ fieldKey }: {
+    fieldKey: string;
+}): import("react").JSX.Element | null;

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

@@ -0,0 +1 @@
+"use strict";import{Typography as s,Stack as i,MenuItem as I,Avatar as f}from"@mui/material";import{useFormField as S}from"../../../core/field.hook.mjs";import{FieldSectionTitle as F,FieldSectionContent as A,FieldLabelBase as v,FieldDescriptionBase as C}from"../style.mjs";import{VariantSelectField as B}from"./variantSelect.field.mjs";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{maskMemberId as y}from"../../../../core/formats/healthInsurance.format.mjs";const x=48,D={pointerEvents:"auto"};function b({item:n}){var d,a,c,r,o;return e(i,{py:1,children:t(i,{direction:"row",sx:{flex:1},spacing:1.5,children:[e(f,{draggable:!1,src:((d=n.payer)==null?void 0:d.logoUrl)??"",sx:{bgcolor:"primary.main",width:x,height:x,borderRadius:2,flexShrink:0},slotProps:{img:{onError:m=>{m.currentTarget.style.display="none"}}},children:(r=(c=(a=n.payer)==null?void 0:a.name)==null?void 0:c[0])==null?void 0:r.toUpperCase()}),t(i,{direction:"column",spacing:1.5,children:[e(i,{direction:"row",spacing:1.5,children:t(i,{direction:"row",sx:{flex:1},children:[e(v,{label:"Insurer"}),e(s,{"data-mask-me":!0,variant:"body1",sx:{fontSize:20,fontWeight:300,wordBreak:"break-word",textAlign:"left"},children:(o=n.payer)==null?void 0:o.name})]})}),t(i,{direction:"row",children:[e(v,{label:"Member ID"}),t(i,{children:[e(s,{"data-mask-me":!0,variant:"body1",sx:{fontSize:20,fontWeight:300,wordBreak:"break-word",textAlign:"left"},children:y(n.memberId)}),e(C,{description:"Hidden for privacy"})]})]})]})]})})}function P({fieldKey:n}){var d;const{field:a}=S({key:n});if(!a)return null;if(!a.hasVariants){const r=a.value;return(d=r?.payer)!=null&&d.name?t(i,{spacing:1.25,sx:D,onClick:o=>{o.preventDefault(),o.stopPropagation()},children:[e(F,{fieldKey:n}),e(A,{spacing:1.25,children:e(b,{item:r})})]}):e(s,{sx:{textAlign:"left"},children:"No health insurance information available."})}const c=a.variants??[];return e(B,{fieldKey:n,testId:`data-health-insurance-select-${n}`,renderValue:()=>{const r=a.value;return r?e(b,{item:r}):null},children:c.map(r=>{var o,m,u,h,g;const l=r.value,k=((o=l?.payer)==null?void 0:o.name)??"-",w=l!=null&&l.memberId?y(l.memberId):"-";return e(I,{value:r.id,onClick:p=>p.stopPropagation(),sx:{maxWidth:"100%",whiteSpace:"pre-wrap"},children:t(i,{direction:"row",spacing:1.5,alignItems:"center",children:[e(f,{draggable:!1,src:((m=l?.payer)==null?void 0:m.logoUrl)??"",sx:{bgcolor:"primary.main",width:32,height:32,borderRadius:1,flexShrink:0},slotProps:{img:{onError:p=>{p.currentTarget.style.display="none"}}},children:(g=(h=(u=l?.payer)==null?void 0:u.name)==null?void 0:h[0])==null?void 0:g.toUpperCase()}),t(i,{sx:{alignItems:"flex-start",textAlign:"left"},children:[e(s,{variant:"body1",fontWeight:500,children:k}),e(s,{variant:"caption",color:"text.secondary",children:w})]})]})},r.id)})})}export{P as HealthInsuranceField};

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

@@ -0,0 +1 @@
+"use strict";import{useRef as S,useState as M,useEffect as g}from"react";import{Box as I,TextField as w,MenuItem as k}from"@mui/material";import{useFormField as F}from"../../../core/field.hook.mjs";import{useForm as P}from"../../../core/form.context.mjs";import{SingleField as O}from"./single.field.mjs";import{jsx as o}from"react/jsx-runtime";const R=()=>({menuStyle:{maxWidth:"100%",whiteSpace:"pre-wrap",flexWrap:"wrap","& *":{display:"inline-flex"},"& div":{width:"fit-content",height:"fit-content"},"& img.MuiBox-root, & .image-encoded-skeleton-container, & .MuiSkeleton-root":{display:"inline-flex",width:"100px",height:"100px"}},fieldInputEnabledStyle:{"& .MuiInputBase-root::before, & .MuiInputBase-root::after":{display:"none !important"},"& .MuiSelect-icon":{display:"none"}},fieldInputDisabledStyle:{pointerEvents:"auto"},blockStyle:{display:"inline-flex"},fieldInputReadonlyStyle:{"& .MuiInputBase-readOnly":{p:0,userSelect:"auto",cursor:"text",lineHeight:1.5},"& fieldset.MuiOutlinedInput-notchedOutline":{border:"none!important"},"& svg.MuiSvgIcon-root":{display:"none"}}});function $({fieldKey:n}){var r,d,s,u;const{field:i,fieldProps:m}=F({key:n}),{replaceFieldWithVariant:f}=P(),a=R(),p=i?.variants??[i].filter(e=>e!==void 0),l=p.length>1,c=S(void 0),[h,v]=M(void 0),y={ref:e=>{e&&(c.current=e)},select:!0,variant:"outlined",size:"small","aria-label":l?`Select ${(u=(s=i?.schema)==null?void 0:s.characteristics)==null?void 0:u.label}`:`Current ${(d=(r=i?.schema)==null?void 0:r.characteristics)==null?void 0:d.label}`,value:i?.id,helperText:i?.description,onChange:e=>{if(i!=null&&i.isDisabled)return;e.stopPropagation(),e.preventDefault();const t=e.target.value;t&&t!==i?.id&&f(n,t)},InputProps:{tabIndex:l?0:-1,readOnly:!l||m.disabled},SelectProps:{"data-mask-me":!0,"data-testid":`data-multifield-select-${n}`,size:"small",onClose:e=>{e.stopPropagation(),e.preventDefault()},MenuProps:{"data-mask-me":!0,slotProps:{paper:{sx:{width:h}}}}},sx:{width:"100%",...a.fieldInputDisabledStyle,...!l&&a.fieldInputReadonlyStyle,'& div[role="combobox"]':{width:"100%",height:"auto",overflow:"hidden",whiteSpace:"break-spaces!important"},"& .MuiSelect-select":{display:"block",alignItems:"center",whiteSpace:"break-spaces!important"},"& .Mui-disabled .MuiOutlinedInput-notchedOutline":{border:"none"},"& .Mui-disabled.MuiSelect-icon":{display:"none"},"& .Mui-disabled":{color:e=>`${e.palette.text.primary}`,WebkitTextFillColor:e=>`${e.palette.text.primary}`},"& .MuiFormHelperText-root":{ml:l?void 0:0}}};return g(()=>{const e=c.current;if(!e)return;const t=new ResizeObserver(b=>{for(const x of b)v(`${x.contentRect.width}px`)});return t.observe(e),()=>{t.disconnect()}},[]),i!=null&&i.id?o(I,{width:"100%",children:o(w,{...y,children:p.map(e=>o(k,{value:e.id,onClick:t=>{t.stopPropagation()},sx:a.menuStyle,children:e.displayValue??(e.isRequired?"-":null)},e.id))})}):o(O,{fieldKey:n})}export{$ as MultiField};

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

@@ -0,0 +1 @@
+"use strict";import{FieldValue as s,FieldDescription as l}from"../style.mjs";import{jsxs as r,Fragment as a,jsx as i}from"react/jsx-runtime";function n({fieldKey:e}){return r(a,{children:[i(s,{fieldKey:e}),i(l,{fieldKey:e})]})}export{n as SingleField};

package/dist/components/form/NewOneClickForm/react/ui/fields/readonly/variantSelect.field.d.ts

@@ -0,0 +1,8 @@
+interface VariantSelectFieldProps {
+    fieldKey: string;
+    testId: string;
+    renderValue: () => React.ReactNode;
+    children: React.ReactNode;
+}
+export declare function VariantSelectField({ fieldKey, testId, renderValue, children, }: VariantSelectFieldProps): import("react").JSX.Element | null;
+export {};

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

@@ -0,0 +1 @@
+"use strict";import{useRef as h,useState as f,useEffect as b}from"react";import{TextField as x,Typography as v}from"@mui/material";import{useFormField as S}from"../../../core/field.hook.mjs";import{useForm as g}from"../../../core/form.context.mjs";import{jsx as k,jsxs as s,Fragment as w}from"react/jsx-runtime";function y({fieldKey:r,testId:o,renderValue:l,children:n}){const{field:t}=S({key:r}),{replaceFieldWithVariant:d}=g(),i=h(void 0),[c,p]=f(void 0);return b(()=>{const e=i.current;if(!e)return;const a=new ResizeObserver(u=>{for(const m of u)p(`${m.contentRect.width}px`)});return a.observe(e),()=>a.disconnect()},[]),t?k(x,{ref:e=>{e&&(i.current=e)},select:!0,fullWidth:!0,variant:"outlined",size:"small","aria-label":`Select ${t.schema.characteristics.label}`,value:t.id,onChange:e=>{e.stopPropagation(),e.preventDefault();const a=e.target.value;a!==t.id&&d(r,a)},label:s(w,{children:[t.schema.characteristics.label,t.isRequired&&s(v,{"data-asterisk":!0,component:"span",color:"error",variant:"subtitle2",sx:{fontSize:"inherit"},children:[" ","*"]})]}),helperText:t.description,InputProps:{tabIndex:0,readOnly:t.isDisabled},SelectProps:{"data-mask-me":!0,"data-testid":o,size:"small",renderValue:l,onClose:e=>{e.stopPropagation(),e.preventDefault()},MenuProps:{"data-mask-me":!0,slotProps:{paper:{sx:{width:c}}}}},sx:{width:"100%",pointerEvents:"auto",'& div[role="combobox"]':{width:"100%",height:"auto",overflow:"hidden",whiteSpace:"break-spaces!important"},"& .MuiSelect-select":{display:"block",alignItems:"center",whiteSpace:"break-spaces!important"},"& .Mui-disabled .MuiOutlinedInput-notchedOutline":{border:"none"},"& .Mui-disabled.MuiSelect-icon":{display:"none"},"& .Mui-disabled":{color:e=>`${e.palette.text.primary}`,WebkitTextFillColor:e=>`${e.palette.text.primary}`}},children:n}):null}export{y as VariantSelectField};

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

@@ -4,11 +4,15 @@ import { FormField } from '../../../core/form';
  * @param field The field to make attributes for.
  * @returns The attributes for the field.
  */
-export declare const makeAttributes: (field: FormField | undefined, fieldKey: string) => {
+export declare const makeAttributes: ({ userPrivacyEnabled, field, fieldKey, }: {
+    userPrivacyEnabled?: boolean;
+    field: FormField | undefined;
+    fieldKey: string;
+}) => {
     role: string;
     'aria-label': string | undefined;
     'data-testid': string;
-    'data-verified-sdk-field-value': any;
+    'data-verified-sdk-field-value': undefined;
 };
 /**
  * Returns the autocomplete attribute value based on the type of the field.

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

@@ -0,0 +1 @@
+"use strict";import{credentialKeys as a}from"../../../core/fields/index.mjs";import{fieldInputTypes as d}from"../../../core/fields/constants.mjs";const r=({userPrivacyEnabled:e,field:t,fieldKey:s})=>{const i={role:"region","aria-label":t?.schema.characteristics.label,"data-testid":t?.schema.characteristics.inputType===d.composite?`data-field-composite-${s}`:`data-field-atomic-${s}`,"data-verified-sdk-field-value":void 0};return e||(i["data-verified-sdk-field-value"]=t?l(t):void 0),i};function c(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 l=e=>{if(!(typeof e.value=="object"&&e.schema.key!==a.address&&e.schema.key!==a.healthInsurance))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:e.displayValue};export{c as getAutoCompleteAttributeValue,l as getFieldValue,r as makeAttributes};

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

@@ -1,13 +1,22 @@
 import { SxProps } from '@mui/material';
-export declare function FieldLabel({ fieldKey, sx, }: {
+export declare function FieldLabelBase({ label, sx, }: {
+    label?: string;
+    sx?: SxProps;
+}): import("react").JSX.Element;
+export declare function FieldLabel({ fieldKey, label: labelOverride, sx, }: {
     fieldKey: string;
+    label?: string;
     sx?: SxProps;
 }): import("react").JSX.Element;
 export declare function FieldValue({ fieldKey }: {
     fieldKey: string;
 }): import("react").JSX.Element | null;
-export declare function FieldDescription({ fieldKey }: {
+export declare function FieldDescriptionBase({ description }: {
+    description: string;
+}): import("react").JSX.Element;
+export declare function FieldDescription({ fieldKey, description: descriptionOverride, }: {
     fieldKey: string;
+    description?: string;
 }): import("react").JSX.Element | null;
 export declare function FieldRowContainer({ fieldKey, children, spacing, }: {
     fieldKey: string;
@@ -18,8 +27,9 @@ export declare function FieldRow({ fieldKey, children, }: {
     fieldKey: string;
     children: React.ReactNode;
 }): import("react").JSX.Element;
-export declare function FieldSectionTitle({ fieldKey }: {
+export declare function FieldSectionTitle({ fieldKey, description, }: {
     fieldKey: string;
+    description?: string;
 }): import("react").JSX.Element;
 export declare function FieldSectionContent({ children, spacing, sx, }: {
     children: React.ReactNode;

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

@@ -0,0 +1 @@
+"use strict";import{Stack as l,Typography as d}from"@mui/material";import{useFormField as o}from"../../core/field.hook.mjs";import{makeAttributes as h}from"./shared.mjs";import{useOneClickForm as x}from"../form.context.mjs";import{jsx as t,jsxs as c}from"react/jsx-runtime";function f({label:e,sx:i}){return t(l,{sx:{flexShrink:0,alignItems:"flex-start",justifyContent:"flex-start",width:100,mt:.7,...i},children:t(d,{component:"span",variant:"subtitle2",textTransform:"uppercase",color:"text.primary",sx:{position:"relative",fontSize:12,fontWeight:700,textAlign:"left",alignSelf:"flex-start",letterSpacing:1},children:e})})}function a({fieldKey:e,label:i,sx:n}){const{fieldProps:r}=o({key:e}),s=i??r.label;return t(f,{label:s,sx:n})}function b({fieldKey:e}){const{field:i}=o({key:e});return i?t(d,{"data-mask-me":!0,variant:"body1",sx:{fontSize:20,fontWeight:300,wordBreak:"break-word",textAlign:"left"},children:i?.displayValue||(i!=null&&i.isRequired?null:"-")}):null}function u({description:e}){return t(d,{variant:"body1",color:"text.secondary",sx:{fontSize:12,fontWeight:400,wordBreak:"break-word",mt:.5,mr:1.75,textAlign:"left"},children:e})}function p({fieldKey:e,description:i}){const{fieldProps:n}=o({key:e}),r=i??n.description;return r?t(u,{description:r}):null}function m({fieldKey:e,children:i,spacing:n}){const r=x(),{field:s}=o({key:e}),y=h({userPrivacyEnabled:r.options.features.enableUserPrivacy,field:s,fieldKey:e});return t(l,{component:"section",...y,spacing:n,style:{width:"100%"},children:i})}function g({fieldKey:e,children:i}){return t(m,{fieldKey:e,children:c(l,{direction:"row",width:"100%",children:[t(a,{fieldKey:e}),t(l,{direction:"column",children:i})]})})}function k({fieldKey:e,description:i}){return c(l,{children:[t(a,{fieldKey:e,sx:{width:"100%",mt:0}}),t(p,{fieldKey:e,description:i})]})}function F({children:e,spacing:i,sx:n}){return t(l,{spacing:i,sx:{pl:2,borderLeftWidth:1,borderLeftColor:"neutral.main",borderLeftStyle:"solid",...n},children:e})}export{p as FieldDescription,u as FieldDescriptionBase,a as FieldLabel,f as FieldLabelBase,g as FieldRow,m as FieldRowContainer,F as FieldSectionContent,k as FieldSectionTitle,b as FieldValue};

package/dist/components/form/NewOneClickForm/react/ui/form-content.mjs

@@ -0,0 +1 @@
+"use strict";import{Stack as c,Box as m,Button as a}from"@mui/material";import{Edit as f,ArrowBack as u}from"@mui/icons-material";import{useOneClickForm as s}from"./form.context.mjs";import{ReadonlyFields as x}from"./fields/readonly/field.mjs";import{EditFields as p}from"./fields/input/field.mjs";import{jsxs as r,jsx as e,Fragment as l}from"react/jsx-runtime";function h(){var o,i;const t=s(),d=!((o=t.options.features.editMode)!=null&&o.hide)&&!((i=t.formContext.state.form)!=null&&i.isDisabled),n={position:"absolute",zIndex:1};return r(l,{children:[d&&!t.editMode&&e(a,{"aria-controls":"credentials-region",variant:"text",size:"small",color:"neutral",startIcon:e(f,{"aria-hidden":"true"}),sx:{...n,top:0,right:0,transform:"translateY(calc(-100% - 16px))"},onClick:()=>{t.setEditMode(!0),t.setUserInitiatedEdit(!0)},children:"Edit"}),t.editMode&&t.userInitiatedEdit&&e(a,{"aria-controls":"credentials-region",variant:"text",size:"small",color:"neutral",startIcon:e(u,{"aria-hidden":"true"}),sx:{...n,top:0,left:0,transform:"translateY(calc(-100% - 16px))"},onClick:()=>{t.formContext.resetForm(),t.setEditMode(!1),t.setUserInitiatedEdit(!1)},children:"Back"})]})}function g(){return e(x,{})}function C(){return e(p,{})}function E({FooterComponent:o}){const i=s();return r(c,{"data-testid":"one-click-form-wrapper",component:"form",id:"credentials-region",role:"region","aria-label":i.editMode?"Edit your information":"Review your information",onSubmit:t=>{t.preventDefault(),i.formContext.submitForm()},spacing:2,sx:{display:"flex",alignSelf:"flex-start",alignItems:"flex-start",justifyContent:"flex-start",width:"100%","& > div, & > div > div":{display:"flex",flexDirection:"column"}},children:[r(m,{"data-testid":"one-click-form-content",position:"relative",display:"flex",flexDirection:"column",alignItems:"center",sx:{flex:1,width:"100%"},children:[e(h,{}),e(l,{children:i.editMode?e(C,{}):e(g,{})})]}),o&&e(o,{form:i.formContext})]})}export{E as OneClickFormContent};

package/dist/components/form/NewOneClickForm/react/ui/form.context.d.ts

@@ -4,10 +4,19 @@ import { FormContextValue } from '../core/form.context';
 type OneClickOptionFeatures = {
     /** Element that the date picker should be detached from when clicking outside of it. */
     datePickerClickOutsideBoundaryElement?: HTMLElement | null;
+    enableUserPrivacy?: boolean;
+    editMode?: {
+        hide?: boolean;
+    };
 };
 type OneClickOptionServicePaths = {
     googlePlacesAutocompletePlaces?: (input: string, signal?: AbortSignal) => Promise<unknown>;
     googlePlacesGetPlace?: (placeId: string, signal?: AbortSignal) => Promise<unknown>;
+    oneClickHealthProviderPayers?: (params?: {
+        search?: string;
+        limit?: number;
+        skip?: number;
+    }, signal?: AbortSignal) => Promise<unknown>;
 };
 export type OneClickFormOptions = {
     features: OneClickOptionFeatures;
@@ -19,6 +28,8 @@ export type OneClickFormContext = {
     options: OneClickFormOptions;
     editMode: boolean;
     setEditMode: (editMode: boolean) => void;
+    userInitiatedEdit: boolean;
+    setUserInitiatedEdit: (value: boolean) => void;
 };
 type OneClickFormProviderProps = {
     options: OneClickFormOptions;

package/dist/components/form/NewOneClickForm/react/ui/form.context.mjs

@@ -0,0 +1 @@
+"use strict";import{useState as r,useMemo as l,createContext as f,useContext as C}from"react";import{QueryClient as p,QueryClientProvider as O}from"@tanstack/react-query";import{useForm as h}from"../core/form.context.mjs";import{jsx as u}from"react/jsx-runtime";const a=f(null);function y({options:e,children:c}){const t=h(),[o,i]=r(!t.state.form.isValid),[n,s]=r(!1),[d]=r(()=>e.queryClient??new p({defaultOptions:{queries:{retry:1/0,retryDelay:3e3,refetchOnReconnect:!1,refetchOnMount:!1,refetchOnWindowFocus:!1}}})),m=l(()=>({formContext:t,options:e,editMode:o,setEditMode:i,userInitiatedEdit:n,setUserInitiatedEdit:s}),[t,e,o,i,n,s]);return u(O,{client:d,children:u(a.Provider,{value:m,children:c})})}function x(){const e=C(a);if(!e)throw new Error("useOneClickForm must be used within a OneClickFormProvider");return e}export{y as OneClickFormProvider,x as useOneClickForm};

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

@@ -0,0 +1 @@
+"use strict";import{useMemo as s}from"react";import{FormProvider as a}from"../core/form.context.mjs";import{OneClickFormProvider as p}from"./form.context.mjs";import{OneClickFormContent as c}from"./form-content.mjs";import{jsx as o}from"react/jsx-runtime";import{FormBuilder as d}from"../../core/form/formBuilder.mjs";import{toDomainCredentials as l}from"../../core/internal/mappers/domain.map.mjs";function f({credentialRequests:r,credentials:e,options:t,onSubmit:n,FooterComponent:m}){const i=s(()=>new d().createFromCredentialAndRequests(l(e),r),[e,r]);return o(a,{form:i,onSubmit:n,children:o(p,{options:t,children:o(c,{FooterComponent:m})})})}export{f as NewOneClickForm};

package/dist/components/form/OTPInput.mjs

@@ -0,0 +1 @@
+"use strict";import{forwardRef as q,useRef as b,useState as R,useImperativeHandle as H,useMemo as L,useCallback as m}from"react";import{useTheme as O,FormControl as U,InputBase as G,Box as J,TextField as N,Stack as Q,Typography as V}from"@mui/material";import{v4 as X}from"uuid";import{jsx as g,jsxs as $}from"react/jsx-runtime";function Y(t,A){const l=O(),w=b(Array.from({length:6},()=>X())),[f,h]=R([]),c=b(null),o=b([]),x=b(null),[P,k]=R(!1);H(A,()=>({get value(){return f.join("")},set value(e){var n;h(e.split("")),(n=t.onChange)==null||n.call(t,{target:{value:e}})},focus(){var e,n;(e=o.current[0])==null||e.click(),(n=o.current[0])==null||n.focus()},blur(){o.current.forEach(e=>e?.blur())},clear(){h([])}}),[t,f]);const B={borderColor:t.error?l.palette.error.main:l.palette.action.disabled},F={borderColor:t.error?l.palette.error.main:l.palette.text.primary},M={borderColor:t.error?l.palette.error.main:l.palette.primary.main,boxShadow:`inset 0 0 0 1px ${t.error?l.palette.error.main:l.palette.primary.main}`},K={boxSizing:"content-box",direction:"row",alignItems:"center",spacing:1.25,sx:{"& input":{textAlign:"center",fontWeight:500,height:30,[l.breakpoints.down("xs")]:{height:16,fontSize:16,pt:1,pb:1,px:1},[l.breakpoints.up("xs")]:{fontSize:28,px:1},fontSize:32,py:1.75,borderRadius:1,borderStyle:"solid",borderWidth:1,...B},...!t.disabled&&{"&:hover input":{...F}},...P&&{"& input, &:hover input":{...M}}}},y=L(()=>({inputProps:{inputMode:"numeric",pattern:"[0-9]*",autoCorrect:"off",autoCapitalize:"off"}}),[]),S=m(e=>{var n;const r=e.target.value.replace(/[^0-9]/g,"");if(r.length===6&&/^\d{6}$/.test(r)){const p=r.split("");c.current&&(c.current.value=r),(n=t.onChange)==null||n.call(t,{target:{value:r}}),o.current.forEach(v=>v?.blur()),h(p);return}const u=e.currentTarget.ownerDocument,a=o.current.findIndex(p=>p===u.activeElement),i=r.charAt(r.length-1);!i||!/^[0-9]$/.test(i)||h(p=>{var v,D;const d=[...p];if(a!==-1)d[a]=i;else{const s=d.findIndex(W=>!W);s!==-1?d[s]=i:d.length<6&&d.push(i)}const C=d.join("");if(c.current&&(c.current.value=C),C.length===6)o.current.forEach(s=>s?.blur()),(v=t.onChange)==null||v.call(t,{target:{value:C}});else{const s=a!==-1?a+1:0;s<6&&((D=o.current[s])==null||D.focus())}return d})},[t]),E=m(e=>{e.key==="Backspace"&&h(n=>{var r;const u=[...n.slice(0,-1)];c.current&&(c.current.value=u.join(""));const a=u.length;return a>=0&&a<6&&((r=o.current[a])==null||r.focus()),u})},[]),I=m(e=>{var n,r;const u=e.currentTarget.ownerDocument,a=o.current.findIndex(p=>p===u.activeElement);if(a===-1)return;let i=a;switch(e.key){case"ArrowLeft":i=Math.max(0,a-1);break;case"ArrowRight":i=Math.min(5,a+1);break;default:return}i!==a&&(e.preventDefault(),(n=o.current[i])==null||n.focus(),(r=o.current[i])==null||r.select())},[]),T=m(()=>{k(!0)},[]),j=m(()=>{x.current&&clearTimeout(x.current),x.current=setTimeout(()=>{var e;const n=(e=o.current[0])==null?void 0:e.ownerDocument;o.current.some(r=>r&&r===n?.activeElement)||k(!1)},0)},[]),z=m(e=>new Array(3).fill(void 0).map((n,r)=>g(U,{children:g(G,{inputRef:u=>o.current[r+e]=u,id:w.current[r+e],name:`otp-input-${r+e}`,autoComplete:r+e===0?t.autoComplete??"one-time-code":void 0,autoFocus:r+e===0,value:f[r+e]||"",disabled:t.disabled,onChange:S,onKeyUp:E,onKeyDown:I,onFocus:T,onBlur:j,tabIndex:r+e+1,...y,"data-testid":`otp-input-${r+e}`,inputProps:{...y.inputProps,"aria-required":"true","aria-invalid":t.error?"true":"false","aria-label":`Digit ${r+e+1} of 6`}})},w.current[r+e])),[S,T,E,I,j,f,y,t.autoComplete,t.disabled]);return $(J,{width:"100%",sx:t.sx,children:[g("div",{style:{display:"none!important",pointerEvents:"none"},children:g(N,{inputRef:c,name:t.name,type:"text",value:f.join("")||"",sx:{pointerEvents:"none",display:"none"},inputProps:{hidden:!0}})}),$(Q,{"data-testid":"otp-input-container",...K,children:[z(0),g(V,{sx:{fontWeight:"700",fontSize:32},children:"-"}),z(3)]})]})}const _=q(Y);export{_ as OTPInput};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/CredentialsDisplay.mjs

@@ -0,0 +1 @@
+"use strict";import{useCallback as D}from"react";import{Box as d}from"@mui/material";import{useFormContext as C}from"react-hook-form";import{DataFieldRootStack as g}from"../DataField/DataFieldRootStack.mjs";import{DataFieldComposite as j}from"../DataField/DataFieldComposite.mjs";import{DataFieldAtomic as v}from"../DataField/DataFieldAtomic.mjs";import{CredentialsDisplayItem as p}from"./CredentialsDisplayItem.mjs";import{useCredentialsDisplay as F}from"./CredentialsDisplayContext.mjs";import{jsx as e,jsxs as b}from"react/jsx-runtime";import{EditModeButton as I}from"./components/EditModeButton.mjs";import{extractChildrenFromCredentialFieldSet as k}from"./utils/extractChildrenFromCredentialFieldSet.mjs";function w(){const f=F(),c=C().watch(),o=D((t,i=[])=>{const[a,s]=t,{id:l,credentialDisplayInfo:x}=s,n=k(s),h=Object.keys(n).length>0,u=i.length===0,y=[...i,a].map(r=>r).join("."),m={credentialDisplayInfo:x,path:y,isRoot:u};return h?e(p,{providerProps:m,children:e(j,{children:Object.entries(n).map(r=>o(r,[...i,a]))})},l):e(p,{providerProps:m,children:e(v,{})},l)},[]);return e(d,{id:"credentials-region",role:"region","aria-label":f.isEditMode?"Edit your information":"Review your information",display:"flex",sx:{alignSelf:"flex-start",alignItems:"flex-start",justifyContent:"flex-start",width:"100%","& > div, & > div > div":{display:"flex",flexDirection:"column"}},children:b(d,{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",sx:{flex:1,width:"100%"},children:[e(g,{sx:{mt:.75},children:Object.entries(c).map(t=>o(t))}),e(I,{})]})})}export{w as default};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/CredentialsDisplayContext.mjs

@@ -0,0 +1 @@
+"use strict";import{useMemo as y,useReducer as B,useState as E,useRef as G,useEffect as O,createContext as H,useContext as Q}from"react";import{produce as c}from"immer";import{useForm as U,FormProvider as W}from"react-hook-form";import{zodResolver as X}from"@hookform/resolvers/zod";import{useOneClickFormOptions as Y}from"../../contexts/one-click-form-options.context.mjs";import{jsx as b}from"react/jsx-runtime";import{makeCredentialDisplayInfoList as Z}from"./utils/makeCredentialDisplayInfoList.mjs";import{transformToFormObject as S}from"./utils/transformToFormObject.mjs";import{transformToFormSchema as R}from"./utils/transformToFormSchema.mjs";import{hasMandatoryFieldEmpty as K}from"./utils/hasMandatoryFieldEmpty.mjs";import{extractChildrenFromCredentialFieldSet as h}from"./utils/extractChildrenFromCredentialFieldSet.mjs";import{isRequiredCredentialDisplayInfo as T}from"./utils/isRequiredCredentialDisplayInfo.mjs";const j=H(null);function _(){const r=Q(j);if(!r)throw new Error("The component calling this hook is missing a parent with *CredentialDisplayProvider*");return r}function ee({value:r,children:F}){const V=r.schema,C=Y(),$=y(()=>Z(r.credentials,r.credentialRequests,r.schema),[r.credentialRequests,r.credentials,r.schema]),[m]=B(c,{credentials:r.credentials,credentialRequests:r.credentialRequests,schema:r.schema,displayInfoList:$}),u=y(()=>S(m.displayInfoList),[m.displayInfoList]),[q,M]=E(R(u,{schema:V},C.options)),s=U({mode:"all",defaultValues:u,resolver:X(q)}),k=G(s);k.current=s;const{errors:w}=s.formState,D=Object.keys(w),g=y(()=>D.length>0,[D]),[f,x]=E(!1),L=(t,o)=>{const e=s.getValues(t),a=e.credentialDisplayInfo.instances.find(d=>d.id===o);if(!a)throw new Error("matchDisplayInfo should not be undefined.");a.instances=JSON.parse(JSON.stringify(e.credentialDisplayInfo.instances));const i=S([a]),l=Object.values(i)[0];s.setValue(t,l,{shouldValidate:!1,shouldDirty:!1,shouldTouch:!1})},I=(t,o,e=!0)=>{const a=(i,l)=>{const d=c(l,n=>{T(n.credentialDisplayInfo.credentialRequest)||(n.credentialDisplayInfo.uiState.isChecked=o)});if(s.setValue(i,d,{shouldValidate:!1,shouldDirty:!1,shouldTouch:!1}),e){const n=h(l);Object.entries(n).forEach(([p,A])=>a(`${i}.${p}`,A))}};a(t,s.getValues(t))},P=(t,o,e)=>{I(t,!!o,!1);const a=c(s.getValues(t),i=>{i.value=o});s.setValue(t,a,{shouldValidate:e?.shouldValidate??!0,shouldTouch:!0,shouldDirty:!0})},J=(t,o,e)=>{o?s.clearErrors(t):s.setError(t,{type:"custom",message:e})},N=t=>{const o=c(s.getValues(t),e=>{e.value="";const a=h(e);!Object.values(a).length&&!T(e.credentialDisplayInfo.credentialRequest)&&(e.credentialDisplayInfo.uiState.isChecked=!1)});s.setValue(t,o,{shouldValidate:!1,shouldDirty:!0,shouldTouch:!0})},z=(t,o)=>{const e=(a,i)=>{const l=c(i,n=>{n.value=n.credentialDisplayInfo.value,n.credentialDisplayInfo.uiState.isEditMode=o});s.setValue(a,l,{shouldValidate:!1,shouldDirty:!0,shouldTouch:!0});const d=h(i);Object.entries(d).forEach(([n,p])=>e(`${a}.${n}`,p))};e(t,s.getValues(t))},v=t=>{x(t);const o=(e,a)=>{const i=c(a,d=>{d.credentialDisplayInfo.uiState.isEditMode=t});s.setValue(e,i,{shouldValidate:!1,shouldDirty:!1,shouldTouch:!1});const l=h(a);for(const[d,n]of Object.entries(l))o(`${e?`${e}.${d}`:d}`,n)};(e=>{const a=h(s.getValues());for(const[i,l]of Object.entries(a))o(`${i}`,l)})()};return O(()=>{const t=s.watch((o,e)=>{M(()=>R(o,{schema:V},C.options)),s.trigger(e.name)});return()=>{t.unsubscribe()}},[s,u]),O(()=>{f||v(g||K(u))},[u,f,g]),b(W,{...s,children:b(j.Provider,{value:{...m,isEditMode:f,handleChangeCredentialInstance:L,handleSelectCredential:I,handleChangeValueCredential:P,handleClearValueCredential:N,handleChangeValidationCredential:J,handleToggleEditModeCredential:z,setEditMode:v},children:F})})}export{ee as default,_ as useCredentialsDisplay};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/CredentialsDisplayItem.mjs

@@ -0,0 +1 @@
+"use strict";import e from"./CredentialsDisplayItemContext.mjs";import{jsx as o}from"react/jsx-runtime";function t({providerProps:r,...i}){return o(e,{...r,children:i.children})}export{t as CredentialsDisplayItem};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/CredentialsDisplayItemContext.mjs

@@ -0,0 +1 @@
+"use strict";import{useMemo as d,createContext as x,useContext as E}from"react";import{useFormContext as O,useController as j}from"react-hook-form";import{useDebounceCallback as F}from"../../hooks/useDebounceCallback.mjs";import{useCredentialsDisplay as M}from"./CredentialsDisplayContext.mjs";import{jsx as P}from"react/jsx-runtime";import{getParentPath as N}from"./utils/getParentPath.mjs";import{DEBOUNCE_MS as T}from"../DataField/utils/defaults.mjs";import{extractChildrenFromCredentialFieldSet as J}from"./utils/extractChildrenFromCredentialFieldSet.mjs";const u=x(null);function R(){const n=E(u);if(!n)throw new Error("The component calling this hook is missing a parent with *CredentialsDisplayItemProvider*");return n}function U(n){const{children:p,isRoot:o,...t}=n,l=M(),s=O(),m=j({name:n.path}),f=o?void 0:s.watch(N(n.path)),i=s.watch(n.path),h=(e,a=!0)=>{l.handleSelectCredential(t.path,e,a)},g=e=>{l.handleChangeCredentialInstance(t.path,e)},C=(e,a)=>{l.handleChangeValueCredential(t.path,e,a),h(!!e,!0)},D=F((e,a)=>{C(e,a)},T),v=(e,a,r)=>{l.handleChangeValueCredential(`${t.path}.${e}`,a,r)},y=(e,a)=>{l.handleChangeValidationCredential(t.path,e,a)},I=()=>{l.handleClearValueCredential(t.path)},S=e=>{l.handleToggleEditModeCredential(t.path,e)},V=d(()=>i.credentialDisplayInfo.uiState.isChecked,[i.credentialDisplayInfo.uiState.isChecked]),b=d(()=>{const e=a=>{var r;const{credentialDisplayInfo:w}=a,c=J(a);return Object.values(c).length?Object.values(c).every(e):((r=w.uiState)==null?void 0:r.isChecked)||!1};return e(i)},[JSON.stringify(i)]),k=d(()=>{var e,a;return!((a=(e=t.credentialDisplayInfo)==null?void 0:e.credentialRequest)!=null&&a.allowUserInput)},[JSON.stringify(t.credentialDisplayInfo)]);return P(u.Provider,{value:{...t,objectController:m,parentFieldSet:f,isRoot:o,isChecked:V,isAllChecked:b,isDisabled:k,handleSelectCredential:h,handleChangeCredentialInstance:g,handleChangeValueCredential:C,handleChangeDebouncedValueCredential:D,handleChangeChildValueCredential:v,handleChangeValidationCredential:y,handleClearValueCredential:I,handleToggleEditModeCredential:S},children:p})}export{U as default,R as useCredentialsDisplayItem};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/components/EditModeButton.mjs

@@ -0,0 +1 @@
+"use strict";import{Button as e}from"@mui/material";import{Edit as s}from"@mui/icons-material";import{useFormContext as n}from"react-hook-form";import{useCredentialsDisplay as a}from"../CredentialsDisplayContext.mjs";import{jsx as o}from"react/jsx-runtime";import{isSomeFieldInputAllowed as d}from"../utils/isSomeFieldInputAllowed.mjs";function l(){const t=a(),i=n().watch(),r=d(i);return t.isEditMode||!r?null:o(e,{"aria-controls":"credentials-region",variant:"text",size:"small",color:"neutral",startIcon:o(s,{"aria-hidden":"true"}),sx:{position:"absolute",top:4,right:0,zIndex:1},onClick:()=>{t.setEditMode(!0)},children:"Edit"})}export{l as EditModeButton};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/hooks.mjs

@@ -0,0 +1 @@
+"use strict";import{useMemo as s}from"react";import{useFormContext as f}from"react-hook-form";import{useCredentialsDisplayItem as u}from"./CredentialsDisplayItemContext.mjs";function c(){const l=f(),{isValid:o,errors:t}=l.formState,{objectController:m,credentialDisplayInfo:a}=u(),{isTouched:i,error:e}=m.fieldState,n=s(()=>!o||Object.keys(t).length>0,[o,t]),r=s(()=>!i&&!e?!0:!e,[i,e]),d=s(()=>r?"":e?e.message:`${a.label} is not valid`,[r,e,a.label]);return{isValid:r,isFormInvalid:n,errorMessage:d}}export{c as useCredentialsDisplayItemValid};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/types.mjs

@@ -0,0 +1 @@
+"use strict";var A=(a=>(a.YES="yes",a.NO="no",a.IF_AVAILABLE="if_available",a))(A||{});export{A as MandatoryEnum};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/extractChildrenFromCredentialFieldSet.mjs

@@ -0,0 +1 @@
+"use strict";function n(e){const{id:r,value:i,type:l,credentialDisplayInfo:a,...t}=e;return t}export{n as extractChildrenFromCredentialFieldSet};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/extractTypesFromSchema.mjs

@@ -0,0 +1 @@
+"use strict";import r from"lodash";function s(c,t=[],o=[]){return r.forOwn(c,(e,n)=>{(n==="$ref"&&typeof e=="string"||n==="$id"&&typeof e=="string"&&r.some(o,p=>["allOf","anyOf","oneOf"].includes(p)))&&t.push(e),r.isObject(e)&&s(e,t,[...o,n])}),t}export{s as extractTypesFromSchema};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/filterRepeatedCredentials.mjs

@@ -0,0 +1 @@
+"use strict";import n from"lodash";import{getCredentialValues as a}from"./getCredentialValues.mjs";function d(l){return n.uniqWith(l,function(e,t){var r,i;const o=a(e),u=a(t),s=n.isEqual(o,u);return((r=e.credentialRequest)==null?void 0:r.type)===((i=t.credentialRequest)==null?void 0:i.type)&&s})}export{d as filterRepeatedCredentials};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/findCorrectSchemaProperty.mjs

@@ -0,0 +1 @@
+"use strict";import o from"lodash";import{isAtomicBySchema as u}from"../../../utils/isAtomicBySchema.mjs";import{isCompositeBySchema as m}from"../../../utils/isCompositeBySchema.mjs";import{extractChildrenFromCredentialFieldSet as b}from"./extractChildrenFromCredentialFieldSet.mjs";const S=(e,v,h)=>{var a,f;let t;if(u(e)&&e.if){const r=Object.keys((a=e.if)==null?void 0:a.properties)[0],y=(f=e.if)==null?void 0:f.properties[r].const,O=o.chain(o.toArray(v)).find(i=>m(i)?!!o.find([i.anyOf,i.oneOf],n=>o.find(n,l=>o.get(l,`properties.${r}`))):!!o.get(i,`properties.${r}`)).get("$id").value(),s=(i,n)=>{var l;if(!n)return;const{credentialDisplayInfo:d}=n,c=b(n);if(((l=d?.credentialRequest)==null?void 0:l.type)===i)return n;if(Object.values(c).length!==0)return Object.values(c).find(g=>s(i,g))},p=s(O,h);p?.value===y&&(t=e.then.properties)}if(!(m(e)&&(t=o.chain(e.anyOf||e.oneOf).find(r=>r?.allOf===void 0).get("properties").value(),!t))){if(!t&&u(e)&&(t=e.properties),!t)throw new Error("Schema is not defined.");return Object.values(t)[0]}};export{S as findCorrectSchemaProperty};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/findCredentialsByType.mjs

@@ -0,0 +1 @@
+"use strict";function u(d,n){return d.map(r=>{var e,t;if(!Array.isArray(n.children))throw new Error(`${(e=n.credentialRequest)==null?void 0:e.type} is not an array`);const i=n.children.find(l=>{var a;return((a=l.credentialRequest)==null?void 0:a.type)===r});return i?{[(t=i.credentialRequest)==null?void 0:t.type]:i}:{}}).reduce((r,e)=>e?{...r,...e}:r,{})}export{u as findCredentialsByType};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/getCredentialTypeDisplayInfo.mjs

@@ -0,0 +1 @@
+"use strict";import{stringUtils as s}from"../../../utils/string.mjs";import{isAtomicBySchema as n}from"../../../utils/isAtomicBySchema.mjs";import{isCompositeBySchema as a}from"../../../utils/isCompositeBySchema.mjs";const p=(i,r)=>{if(!i){const e="schema must be defined";throw console.error(e),new Error(e)}const[,o]=Object.entries(i).find(([e])=>e===r);if(!o){const e=`Schema for ${r} not found`;throw console.error(e),new Error(e)}let t;if(n(o)&&(t=Object.values(o.properties)[0]),a(o)){const e=(o.allOf||o.anyOf||[]).find(l=>l?.properties!==void 0);t={...Object.values(e?.properties??{})[0],title:s.prettifyCamelCase(o.$id.replace("Credential",""))}}return{type:r,label:t?.title,displayFormat:t?.displayFormat,schema:o}};export{p as getCredentialTypeDisplayInfo};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/getCredentialValues.mjs

@@ -0,0 +1 @@
+"use strict";function l(a,n){return(Array.isArray(a)?a:[a]).reduce((e,r)=>Array.isArray(r.children)?[...e,...l(r.children,e)]:r.value.length?[...e,r.value]:e,n||[])}export{l as getCredentialValues};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/getLastPathName.mjs

@@ -0,0 +1 @@
+"use strict";const e=s=>{const t=s.lastIndexOf(".");return t===-1?s:s.substring(t+1)};export{e as getLastPathName};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/getParentPath.mjs

@@ -0,0 +1 @@
+"use strict";const e=n=>{const t=n.lastIndexOf(".");return t===-1?n:n.substring(0,t)};export{e as getParentPath};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/getReferencedSchemaNames.mjs

@@ -0,0 +1 @@
+"use strict";const i=(t,a=1)=>{const n=[];function e(r,d=!0,f=0){const o=["anyOf","allOf","oneOf"],u=c=>Object.keys(c).some(s=>o.includes(s));d||(r.$id||r.$ref)&&n.push(r.$id||r.$ref),u(r)&&o.forEach(c=>{if(!r[c])return;const s=r[c];Array.isArray(s)?s.forEach(h=>{f>a||e(h,!1,f+1)}):e(s,!1,f)})}return e(t),n};export{i as getReferencedSchemaNames};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/hasMandatoryFieldEmpty.mjs

@@ -0,0 +1 @@
+"use strict";import{extractChildrenFromCredentialFieldSet as n}from"./extractChildrenFromCredentialFieldSet.mjs";import{isRequiredCredentialDisplayInfo as o}from"./isRequiredCredentialDisplayInfo.mjs";function t(e,s){const i=n(e),r=Object.entries(i);return r.length?r.some(([l,a])=>t(a)):o(e.credentialDisplayInfo.credentialRequest)&&!e.value}export{t as hasMandatoryFieldEmpty};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/isNewCredentialAgainstInstance.mjs

@@ -0,0 +1 @@
+"use strict";import r from"lodash";import{getCredentialValues as t}from"./getCredentialValues.mjs";function a(n){if(n.originalInstance===null)return!1;const e=t(n),i=t(n.originalInstance);return!r.isEqual(e,i)}export{a as isNewCredentialAgainstInstance};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/isNewCredentialValues.mjs

@@ -0,0 +1 @@
+"use strict";import{getCredentialValues as t}from"./getCredentialValues.mjs";function a(e){return t(e).every(r=>!r)}export{a as isNewCredentialValues};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/isRequiredCredentialDisplayInfo.mjs

@@ -0,0 +1 @@
+"use strict";import{MandatoryEnum as o}from"../types.mjs";const t=a=>a.mandatory===o.YES||a.mandatory===o.IF_AVAILABLE;export{t as isRequiredCredentialDisplayInfo};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/isSomeFieldInputAllowed.mjs

@@ -0,0 +1 @@
+"use strict";import{extractChildrenFromCredentialFieldSet as a}from"./extractChildrenFromCredentialFieldSet.mjs";function u(l){const t=e=>{var r,n;if(e.type==="PhoneCredential")return!1;if((n=(r=e.credentialDisplayInfo)==null?void 0:r.credentialRequest)!=null&&n.allowUserInput)return!0;const i=a(e);return Object.values(i).some(o=>t(o))};return t(l)}export{u as isSomeFieldInputAllowed};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/isValidInputCredential.mjs

@@ -0,0 +1 @@
+"use strict";import{InputFormatEnum as a}from"../../../types/input-format.mjs";import{when as p}from"../../../utils/when.mjs";import{defaultTextSchema as f,emailSchema as h,phoneSchema as d,timestampSchema as S}from"../../validations/fragments/credentials.mjs";import{minimumDate1900Schema as P,minimumAge18Schema as g}from"../../validations/fragments/birthDate.mjs";import{SSNSchema as y}from"../../../../../../validations/ssn.schema.mjs";import{credentialTypes as v}from"../../../constants/credentialTypes.mjs";const x=(o,s,c,l)=>{var t,i;const{phoneCredentialWhitelist:u,phoneCredentialRegexWhitelist:n}=l??{};if(Array.isArray(c.children))return{success:!0};const e=String(o);return(t=s?.input)!=null&&t.pattern?{success:new RegExp(s.input.pattern).test(e)}:p((i=s?.input)==null?void 0:i.type,{[a.Date]:()=>{var r;if(!S.safeParse(e).success)return{success:!1,error:""};if(!P.safeParse(e).success)return{success:!1,error:""};if(c.credentialRequest.type===v.BirthDateCredential){const m=g.safeParse(e);if(!m.success)return{success:!1,error:(r=m.error)==null?void 0:r.errors[0].message}}return{success:!0}},[a.Email]:()=>({success:h.safeParse(e).success}),[a.Phone]:()=>n&&new RegExp(n).test(e)?{success:!0}:Array.isArray(u)&&u.some(r=>r===e)?{success:!0}:{success:d.safeParse(e).success},[a.SSN]:()=>e.includes("\u2022\u2022\u2022-\u2022\u2022-")?{success:!0}:{success:y.safeParse(e).success},else:()=>({success:f.safeParse(e).success})})};export{x as isValidInputCredential};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/makeCredentialDisplayInfoList.mjs

@@ -0,0 +1 @@
+"use strict";import y from"lodash";import{v4 as S}from"uuid";import{isCompositeBySchema as b}from"../../../utils/isCompositeBySchema.mjs";import{compareCredentialData as k}from"../../../utils/compareCredentialData.mjs";import{MandatoryEnum as M}from"../types.mjs";import{filterRepeatedCredentials as N}from"./filterRepeatedCredentials.mjs";import{getReferencedSchemaNames as O}from"./getReferencedSchemaNames.mjs";import{getCredentialTypeDisplayInfo as R}from"./getCredentialTypeDisplayInfo.mjs";import{isRequiredCredentialDisplayInfo as q}from"./isRequiredCredentialDisplayInfo.mjs";import{sortCredentialsBySchema as B}from"./sortCredentialsBySchema.mjs";const c=(u,f,l,n)=>{const I=!n,p=(t,e,a)=>{var r;const o=R(a,t.type),i=Array.isArray(t.data),C=e.description??"",m=(r=Object.values(t.data??{}))==null?void 0:r[0],s={...e,mandatory:e.mandatory??n?.mandatory??M.NO,allowUserInput:e.allowUserInput??n?.allowUserInput??!1,description:C},U=q({mandatory:s.mandatory}),D=A=>({type:A.type,mandatory:e.mandatory,allowUserInput:e.allowUserInput??n?.allowUserInput??!1}),g=()=>e.children?e.children:t.data.slice(0).sort(B(t,a)).map(D);return{id:t.uuid,label:o.label,value:i?"":m,isNewCredential:!1,displayFormat:o.displayFormat,children:i?c(t.data,g(),a,n??{allowUserInput:e.allowUserInput,mandatory:e.mandatory}):void 0,credentialRequest:s,schema:o.schema,credential:t,instances:[],originalInstance:null,uiState:{isEditMode:!1,isChecked:i||U?!0:m.length>0,isValid:!(s!=null&&s.allowUserInput),isDirty:!1,errorMessage:null}}},h=(t,e)=>y.chain(t).filter(a=>a.type===e.type).uniqWith(k).map(a=>p(a,e,l)).value(),d=({type:t})=>{const e=l[t];let a,r;b(e)?r=O(e,1).map(i=>d({type:i})):(a=e.properties,r={[Object.keys(a)[0]]:""});const o=S();return{uuid:o,id:o,type:t,data:r,createdAt:+new Date,updatedAt:+new Date}},w=t=>{const e=u.filter(i=>i.type===t.type);let a=e[0];a||(a=d({type:t.type}));const r=p(a,t,l),o=I?h(e,t):[];return r.instances=o,r.originalInstance=y.cloneDeep(r),r},v=t=>!!t;return N(f.map(w).filter(v))};export{c as makeCredentialDisplayInfoList};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/sortCredentialsBySchema.mjs

@@ -0,0 +1 @@
+"use strict";import{extractTypesFromSchema as a}from"./extractTypesFromSchema.mjs";const m=(t,r)=>(o,p)=>{const s=r[t.type],e=a(s);return e.indexOf(o.type)-e.indexOf(p.type)};export{m as sortCredentialsBySchema};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/transformToFormObject.mjs

@@ -0,0 +1 @@
+"use strict";import{stringUtils as d}from"../../../utils/string.mjs";import{when as p}from"../../../utils/when.mjs";const m=(r,t,e)=>p(t,{GovernmentIdDocumentImageCredential:()=>"documentImage",else:()=>r});function i(r){const t={};for(const e of r){const n=e.credentialRequest.type,o=d.camelCase(n.split("Credential").join("")),s=Object.keys(e.schema.properties??{})[0],a=m(s??o,n,Array.isArray(e.children));Array.isArray(e.children)?t[a]=e.children.reduce((l,c)=>({...l,...i([c])}),{id:e.id,value:e.value,type:e.credentialRequest.type,credentialDisplayInfo:e}):t[a]={id:e.id,value:e.value,type:e.credentialRequest.type,credentialDisplayInfo:e}}return t}export{i as transformToFormObject};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/transformToFormSchema.mjs

@@ -0,0 +1 @@
+"use strict";import*as e from"zod";import{isValidInputCredential as D}from"./isValidInputCredential.mjs";import{findCorrectSchemaProperty as v}from"./findCorrectSchemaProperty.mjs";import{extractChildrenFromCredentialFieldSet as y}from"./extractChildrenFromCredentialFieldSet.mjs";import{credentialTypes as S}from"../../../constants/credentialTypes.mjs";function h(g,d,o,a){const l={},I=y(g);for(const[p,f]of Object.entries(I)){const C=y(f),u=Object.entries(C);u.length>0?l[p]=e.object(u.reduce((t,[n,s])=>{const r={[n]:s};return{...t,...h(r,d,o,{parentFieldSet:f}).shape}},{id:e.string(),value:e.string(),type:e.string(),credentialDisplayInfo:e.any()})):l[p]=e.object({id:e.string(),value:e.string(),type:e.string(),credentialDisplayInfo:e.any()}).superRefine((t,n)=>{var s,r;if((s=t.credentialDisplayInfo.uiState)!=null&&s.isChecked)if(t.value===""){const c=((r=t.credentialDisplayInfo.credentialRequest)==null?void 0:r.type)===S.BirthDateCredential;n.addIssue({code:e.ZodIssueCode.custom,message:c?"":`${t.credentialDisplayInfo.label} is empty`})}else{const c=v(t.credentialDisplayInfo.schema,d.schema,a!=null&&a.parentFieldSet?a.parentFieldSet:void 0),i=D(t.value,c,t.credentialDisplayInfo,{phoneCredentialWhitelist:o.features.phoneCredentialWhitelist,phoneCredentialRegexWhitelist:o.features.phoneCredentialRegexWhitelist});if(!(i!=null&&i.success)||typeof i=="object"&&typeof i.error=="string"){const m=typeof i=="object"&&typeof i.error=="string"&&i.error,b=`${t.credentialDisplayInfo.label} is invalid`;n.addIssue({code:e.ZodIssueCode.custom,message:typeof m=="string"?m:b})}}})}return e.object(l)}export{h as transformToFormSchema};

package/dist/components/form/OneClickForm/components/DataField/DataFieldAtomic.mjs

@@ -0,0 +1 @@
+"use strict";import{Stack as s}from"@mui/material";import{DisplayFormatEnum as y}from"../../types/display-format.mjs";import{when as d}from"../../utils/when.mjs";import{When as S}from"../shared/When.mjs";import{useCredentialsDisplay as g}from"../CredentialsDisplay/CredentialsDisplayContext.mjs";import{useCredentialsDisplayItem as v}from"../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{InputFormatEnum as a}from"./types.mjs";import{jsxs as C,jsx as e}from"react/jsx-runtime";import{DataFieldLeftSide as x}from"./DataFieldLeftSide.mjs";import{DataFieldTextInput as b}from"./inputs/DataFieldTextInput.mjs";import{DataFieldImageInput as w}from"./inputs/DataFieldImageInput.mjs";import{DataFieldSelectInput as P}from"./inputs/DataFieldSelectInput.mjs";import{DataFieldSSNInput as j}from"./inputs/DataFieldSSNInput.mjs";import{DataFieldPhoneInput as E}from"./inputs/DataFieldPhoneInput.mjs";import{DataFieldDateInput as T}from"./inputs/DataFieldDateInput.mjs";import{DataFieldHeader as k}from"./DataFieldHeader/index.mjs";import{DataFieldText as A}from"./formats/DataFieldText.mjs";import{DataFieldImage as L}from"./formats/DataFieldImage.mjs";import{credentialTypes as r}from"../../constants/credentialTypes.mjs";import{findCorrectSchemaProperty as M}from"../CredentialsDisplay/utils/findCorrectSchemaProperty.mjs";function N(){const{schema:p}=g(),{credentialDisplayInfo:t,objectController:l,parentFieldSet:i,isRoot:c}=v(),f=t.instances.length>1,o=t.uiState.isEditMode,u=l.field.value.type,D={width:"calc(100%)"},F=()=>{var n;const m=M(t.schema,p,i);return d((n=m?.input)==null?void 0:n.type,{[a.Date]:()=>e(T,{}),[a.Phone]:()=>e(E,{}),[a.SSN]:()=>e(j,{}),[a.Select]:()=>e(P,{}),[a.Image]:()=>e(w,{}),else:()=>e(b,{})})},h=()=>f?e(S,{value:c&&!o,children:e(k,{block:!0})}):d(t?.displayFormat,{[y.Image]:()=>e(L,{}),else:()=>e(A,{})}),I=()=>o?F():h();return i?.type===r.AddressCredential&&(l.field.value.type!==r.Line2Credential||!o)||u===r.PhoneCredential?null:C(s,{component:"section",role:"region","aria-label":typeof t.label=="string"?t.label:"Credential field","data-testid":"data-field-atomic","data-credentialid":t.id,sx:{width:"100%",outline:"none"},direction:"row",alignItems:"center",children:[e(x,{}),e(s,{direction:"column",sx:D,children:I()})]})}export{N as DataFieldAtomic};

package/dist/components/form/OneClickForm/components/DataField/DataFieldCheckbox.mjs

@@ -0,0 +1 @@
+"use strict";import{Checkbox as l}from"@mui/material";import{useOneClickFormOptions as d}from"../../contexts/one-click-form-options.context.mjs";import{useCredentialsDisplayItem as p}from"../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{jsx as m}from"react/jsx-runtime";import{isRequiredCredentialDisplayInfo as c}from"../CredentialsDisplay/utils/isRequiredCredentialDisplayInfo.mjs";function f(){var t;const{options:{features:{selectableCredentials:o}}}=d(),{credentialDisplayInfo:i,isChecked:e,isAllChecked:r,handleSelectCredential:n}=p(),s=c({mandatory:(t=i.credentialRequest)==null?void 0:t.mandatory});return o?m(l,{sx:{mr:1,alignSelf:"flex-start"},checked:e,indeterminate:e&&!r,onChange:a=>{a.stopPropagation(),n(!e)},onClick:a=>{a.stopPropagation()},disabled:s,inputProps:{tabIndex:-1}}):null}export{f as DataFieldCheckbox};

package/dist/components/form/OneClickForm/components/DataField/DataFieldClearAdornment.mjs

@@ -0,0 +1 @@
+"use strict";import{InputAdornment as m,IconButton as p}from"@mui/material";import{Close as c}from"@mui/icons-material";import{useCredentialsDisplayItem as f}from"../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{jsx as n}from"react/jsx-runtime";function v({onClick:r,disabled:t}){const{isDisabled:a,handleClearValueCredential:s}=f(),u=l=>{var e,o,i,d;return((o=(e=l.parentElement)==null?void 0:e.parentElement)==null?void 0:o.querySelector("input"))??((d=(i=l.parentElement)==null?void 0:i.parentElement)==null?void 0:d.querySelector("textarea"))};return n(m,{position:"end",children:n(p,{tabIndex:-1,"aria-label":"clear value",edge:"end",size:"small",onClick:l=>{var e;(t??a)||((e=u(l.currentTarget))==null||e.focus(),s(),r?.())},disabled:t??a,children:n(c,{fontSize:"small"})})})}export{v as DataFieldClearAdornment};

package/dist/components/form/OneClickForm/components/DataField/DataFieldComposite.mjs

@@ -0,0 +1 @@
+"use strict";import{Box as t,Stack as o}from"@mui/material";import{when as b}from"../../utils/when.mjs";import{When as n}from"../shared/When.mjs";import{useCredentialsDisplayItem as g}from"../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{DataFieldHeader as w}from"./DataFieldHeader/index.mjs";import{DataFieldLeftSide as s}from"./DataFieldLeftSide.mjs";import{jsxs as a,Fragment as y,jsx as e}from"react/jsx-runtime";import{DataFieldAddressInput as C}from"./inputs/DataFieldAddressInput/index.mjs";import{credentialTypes as c}from"../../constants/credentialTypes.mjs";function D(m){const{children:f}=m,{credentialDisplayInfo:i,objectController:l,isRoot:p}=g(),r=i.uiState.isEditMode,h={width:"100%","&:not(:last-child)":{}},u=()=>r?b(l.field.value.type,{[c.AddressCredential]:()=>e(C,{}),else:()=>null}):null,x=()=>l.field.value.type===c.AddressCredential,d=u();return a(y,{children:[e(n,{value:!r&&x(),children:e(t,{component:"section",role:"region","aria-label":typeof i.label=="string"?i.label:"Credential field",width:"100%","data-testid":"data-field-composite2","data-credentialid":i.id,children:a(o,{direction:"row",alignItems:"center",sx:{flex:1,flexShrink:1,width:"100%"},children:[e(s,{}),e(t,{sx:h,children:e(n,{value:p,children:e(w,{block:!0})})})]})})}),d&&a(o,{role:"region","aria-label":typeof i.label=="string"?i.label:"Credential field",component:"section",direction:"row",alignItems:"center",sx:{flex:1,flexShrink:1,width:"100%"},children:[e(s,{}),e(t,{width:"100%","data-testid":"data-field-composite","data-credentialid":i.id,children:d})]}),f]})}export{D as DataFieldComposite};

package/dist/components/form/OneClickForm/components/DataField/DataFieldDescription.mjs

@@ -0,0 +1 @@
+"use strict";import{Typography as e}from"@mui/material";import{useCredentialsDisplayItem as o}from"../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{jsx as i}from"react/jsx-runtime";function a(){var r;const{credentialDisplayInfo:t}=o();return i(e,{variant:"body1",color:"text.secondary",sx:{fontSize:12,fontWeight:400,wordBreak:"break-word",mt:.5,mr:1.75,textAlign:"left"},children:(r=t.credentialRequest)==null?void 0:r.description})}export{a as DataFieldDescription};

package/dist/components/form/OneClickForm/components/DataField/DataFieldHeader/HeaderSelect/index.mjs

@@ -0,0 +1 @@
+"use strict";import{useRef as f,useState as h,useMemo as b,useEffect as g}from"react";import{TextField as v}from"@mui/material";import{inputStyle as x}from"../../../../styles/input.mjs";import{useCredentialsDisplayItem as y}from"../../../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{isNewCredentialValues as o}from"../../../CredentialsDisplay/utils/isNewCredentialValues.mjs";import{styles as S}from"./styles.mjs";import{jsx as I}from"react/jsx-runtime";import{renderInstance as w}from"./utils/renderInstance.mjs";function M(){const{credentialDisplayInfo:t,handleChangeCredentialInstance:l}=y(),i=S(),s=o(t),n=f(void 0),[p,d]=h(void 0),r=b(()=>(t.instances.length>0?t.instances:[]).filter(e=>!o(e)).map(e=>e.id===t.id?t:e),[t]),c={...x,ref:e=>{e&&(n.current=e)},select:!0,variant:"outlined","aria-label":r.length<=1?`Current ${t.label}`:`Select ${t.label}`,value:s?void 0:t.id,helperText:t.credentialRequest.description,onChange:e=>{e.stopPropagation(),e.preventDefault(),l(e.target.value)},InputProps:{tabIndex:r.length<=1?-1:0,readOnly:r.length<=1},SelectProps:{size:"small",onClose:e=>{e.stopPropagation(),e.preventDefault()},MenuProps:{slotProps:{paper:{sx:{width:p}}}}},sx:{width:"100%",...i.fieldInputDisabledStyle,...r.length<=1&&i.fieldInputReadonlyStyle,'& div[role="combobox"]':{width:"100%",height:"auto",overflow:"hidden",whiteSpace:"break-spaces!important"},"& .MuiSelect-select":{display:"block",alignItems:"center",whiteSpace:"break-spaces!important"},"& .Mui-disabled .MuiOutlinedInput-notchedOutline":{border:"none"},"& .Mui-disabled.MuiSelect-icon":{display:"none"},"& .Mui-disabled":{color:e=>`${e.palette.text.primary}`,WebkitTextFillColor:e=>`${e.palette.text.primary}`},"& .MuiFormHelperText-root":{ml:r.length<=1?0:void 0}}};return g(()=>{const e=n.current;if(!e)return;const a=new ResizeObserver(u=>{for(const m of u)d(`${m.contentRect.width}px`)});return a.observe(e),()=>{a.disconnect()}},[]),I(v,{...c,children:r.map(w())})}export{M as HeaderSelect};

package/dist/components/form/OneClickForm/components/DataField/DataFieldHeader/HeaderSelect/styles.mjs

@@ -0,0 +1 @@
+"use strict";const e=()=>({menuStyle:{maxWidth:"100%",whiteSpace:"pre-wrap",flexWrap:"wrap","& *":{display:"inline-flex"},"& div":{width:"fit-content",height:"fit-content"},"& img.MuiBox-root, & .image-encoded-skeleton-container, & .MuiSkeleton-root":{display:"inline-flex",width:"100px",height:"100px"}},fieldInputEnabledStyle:{"& .MuiInputBase-root::before, & .MuiInputBase-root::after":{display:"none !important"},"& .MuiSelect-icon":{display:"none"}},fieldInputDisabledStyle:{pointerEvents:"auto"},blockStyle:{display:"inline-flex"},fieldInputReadonlyStyle:{"& .MuiInputBase-readOnly":{p:0,userSelect:"auto",cursor:"text",lineHeight:1.5},"& fieldset.MuiOutlinedInput-notchedOutline":{border:"none!important"},"& svg.MuiSvgIcon-root":{display:"none"}}});export{e as styles};

package/dist/components/form/OneClickForm/components/DataField/DataFieldHeader/HeaderSelect/utils/getAddressFormat.mjs

@@ -0,0 +1 @@
+"use strict";import{toUSaddressPretty as r}from"../../../../../../../../utils/address/index.mjs";import{transformToFormObject as o}from"../../../../CredentialsDisplay/utils/transformToFormObject.mjs";function a(t){const{address:e}=o([t]);return r({line1:e.line1.value,line2:e.line2.value,city:e.city.value,state:e.state.value,zipCode:e.zipCode.value,country:e.country.value})}export{a as getAddressFormat};

package/dist/components/form/OneClickForm/components/DataField/DataFieldHeader/HeaderSelect/utils/renderInstance.mjs

@@ -0,0 +1 @@
+"use strict";import{Fragment as d}from"react";import{MenuItem as h,Box as f}from"@mui/material";import{DisplayFormatEnum as y}from"../../../../../types/display-format.mjs";import{useOneClickFormOptions as g}from"../../../../../contexts/one-click-form-options.context.mjs";import{formatCredentialValue as x}from"../../../../../utils/formatCredentialValue.mjs";import{ImageEncoded as v}from"../../../../shared/ImageEncoded.mjs";import{styles as A}from"../styles.mjs";import{getAddressFormat as F}from"./getAddressFormat.mjs";import{jsx as a,jsxs as C,Fragment as k}from"react/jsx-runtime";import{getCredentialSeparator as I}from"../../../utils/getCredentialSeparator.mjs";import{credentialTypes as P}from"../../../../../constants/credentialTypes.mjs";const b=S=>o=>{const s=A(),c=g(),n=e=>{const i=x(e.value,e.displayFormat);return e.displayFormat===y.Image?a(f,{component:"div",sx:s.blockStyle,children:a(v,{servicePath:c.options.servicePaths.credentialImagePath,src:e.value,alt:e.label,sx:{"& > img":{width:"40px",height:"40px",objectFit:"contain"},width:"40px",height:"40px"}})},e.id):a(d,{children:i},e.id)},m=e=>{var i;if(!Array.isArray(e.children))return n(e);if(Array.isArray(e.children)&&e.credentialRequest.type===P.AddressCredential){const r=F(e);if(r)return r}const l=I((i=e.credentialRequest)==null?void 0:i.type);return e.children.reduce((r,t)=>(t.value&&r.push(n(t)),Array.isArray(t.children)&&r.push(...m(t).flat(1/0)),r),[]).filter(Boolean).map((r,t,p)=>{const u=!!p[t+1];return C(d,{children:[r,u&&a(k,{children:l===" "?" ":l??""})]},typeof r=="string"?r:r.key)})};return a(h,{value:o.id,sx:s.menuStyle,onClick:e=>{e.stopPropagation()},children:m(o)},o.id)};export{b as renderInstance};

package/dist/components/form/OneClickForm/components/DataField/DataFieldHeader/index.mjs

@@ -0,0 +1 @@
+"use strict";import{Box as e}from"@mui/material";import{HeaderSelect as o}from"./HeaderSelect/index.mjs";import{DataFieldLabel as s}from"../DataFieldLabel.mjs";import{jsx as a,jsxs as d}from"react/jsx-runtime";function l(i){const r={display:"flex",flexGrow:1,width:"100%"},t={width:i.block?"100%":"auto",minWidth:"150px",maxWidth:"100%",display:"flex"};return a(e,{sx:r,children:d(e,{sx:t,children:[a(s,{}),a(o,{})]})})}export{l as DataFieldHeader};

package/dist/components/form/OneClickForm/components/DataField/DataFieldInputLabel.mjs

@@ -0,0 +1 @@
+"use strict";import{Typography as a}from"@mui/material";import{useCredentialsDisplayItemValid as t}from"../CredentialsDisplay/hooks.mjs";import{jsx as l}from"react/jsx-runtime";function i({label:e,sx:r}){const o=t();return l(a,{component:"span",color:o.isValid?"primary":"error",sx:{position:"relative",transform:"translateX(-14px) scale(0.75)",fontSize:16,zIndex:1,cursor:"default",lineHeight:"23px",textOverflow:"ellipsis",userSelect:"none",whiteSpace:"collapse",backgroundColor:"background",alignSelf:"flex-start",...r},children:e})}export{i as DataFieldInputLabel};

package/dist/components/form/OneClickForm/components/DataField/DataFieldLabel.mjs

@@ -0,0 +1 @@
+"use strict";import{Stack as r,Typography as l}from"@mui/material";import{useCredentialsDisplayItem as n}from"../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{jsx as e}from"react/jsx-runtime";import{getCredentialLabel as s}from"./utils/getCredentialLabel.mjs";function o({id:a}){const{credentialDisplayInfo:t}=n(),i=s(t.label,t.credentialRequest.type);return e(r,{sx:{flexShrink:0,alignItems:"flex-start",justifyContent:"flex-start",width:100,mt:.7},children:e(l,{component:"span",variant:"subtitle2",textTransform:"uppercase",color:"text.primary",id:a,sx:{position:"relative",fontSize:12,fontWeight:700,textAlign:"left",alignSelf:"flex-start",letterSpacing:1},children:i})})}export{o as DataFieldLabel};

package/dist/components/form/OneClickForm/components/DataField/DataFieldLabelText.mjs

@@ -0,0 +1 @@
+"use strict";import{Box as s,Typography as n}from"@mui/material";import{useCredentialsDisplayItem as o}from"../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{getCredentialLabelInput as l}from"./utils/getCredentialLabelInput.mjs";import{jsxs as p,jsx as i,Fragment as d}from"react/jsx-runtime";import{isRequiredCredentialDisplayInfo as m}from"../CredentialsDisplay/utils/isRequiredCredentialDisplayInfo.mjs";function c(e){var a;const{credentialDisplayInfo:r}=o(),t=l(r.label,r.credentialRequest.type);return m({mandatory:(a=r.credentialRequest)==null?void 0:a.mandatory})?p(s,{component:"span",sx:{display:"block",alignItems:"center",overflow:"hidden",textOverflow:"ellipsis",whitespace:"pre"},children:[(e.prefix??"")+t," ",!e.hideRequired&&i(n,{"data-asterisk":!0,component:"span",color:"error",variant:"subtitle2",sx:{fontSize:"inherit"},children:"\u273D"})]}):i(d,{children:(e.prefix??"")+t})}export{c as DataFieldLabelText};

package/dist/components/form/OneClickForm/components/DataField/DataFieldLeftSide.mjs

@@ -0,0 +1 @@
+"use strict";import{DataFieldCheckbox as t}from"./DataFieldCheckbox.mjs";import{jsx as e}from"react/jsx-runtime";function a(){return e(t,{})}export{a as DataFieldLeftSide};

package/dist/components/form/OneClickForm/components/DataField/DataFieldLegend.mjs

@@ -0,0 +1 @@
+"use strict";import{FormHelperText as t}from"@mui/material";import{jsx as m}from"react/jsx-runtime";function i({children:r,sx:e,...o}){return m(t,{...o,sx:{mt:1,...e},children:r})}export{i as DataFieldLegend};

package/dist/components/form/OneClickForm/components/DataField/DataFieldRootStack.mjs

@@ -0,0 +1 @@
+"use strict";import{useFormContext as e}from"react-hook-form";import{useCredentialsDisplay as r}from"../CredentialsDisplay/CredentialsDisplayContext.mjs";import{DataFieldStack as s}from"./DataFieldStack.mjs";import{jsx as m}from"react/jsx-runtime";import{isSomeFieldInputAllowed as d}from"../CredentialsDisplay/utils/isSomeFieldInputAllowed.mjs";function n(t){const o=r(),i=e().watch(),a=d(i);return m(s,{...t,onClick:()=>{o.isEditMode||!a||o.setEditMode(!0)}})}export{n as DataFieldRootStack};

package/dist/components/form/OneClickForm/components/DataField/DataFieldStack.mjs

@@ -0,0 +1 @@
+"use strict";import{Stack as s}from"@mui/material";import{useCredentialsDisplay as t}from"../CredentialsDisplay/CredentialsDisplayContext.mjs";import{jsx as a}from"react/jsx-runtime";function r(i){const o=t();return a(s,{direction:"column",...i,sx:{width:"100%",...i.sx},spacing:o.isEditMode?2.125:1.1875})}export{r as DataFieldStack};

package/dist/components/form/OneClickForm/components/DataField/DataFieldValue.mjs

@@ -0,0 +1 @@
+"use strict";import{Typography as o}from"@mui/material";import{jsx as t}from"react/jsx-runtime";function a({children:r,sx:e}){return t(o,{variant:"body1",sx:{...e,fontSize:20,fontWeight:300,wordBreak:"break-word",textAlign:"left"},children:r})}export{a as DataFieldValue};

package/dist/components/form/OneClickForm/components/DataField/formats/DataFieldImage.mjs

@@ -0,0 +1 @@
+"use strict";import{Stack as i}from"@mui/material";import{useOneClickFormOptions as t}from"../../../contexts/one-click-form-options.context.mjs";import{ImageEncoded as o}from"../../shared/ImageEncoded.mjs";import{useCredentialsDisplayItem as s}from"../../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{jsxs as m,jsx as e}from"react/jsx-runtime";import{DataFieldLabel as l}from"../DataFieldLabel.mjs";function n(){const r=t(),{credentialDisplayInfo:a}=s();return m(i,{direction:"row",width:"100%",children:[e(l,{}),e(i,{direction:"column",sx:{flex:1,maxWidth:100},children:e(o,{servicePath:r.options.servicePaths.credentialImagePath,src:a.value,alt:a.label})})]})}export{n as DataFieldImage};

package/dist/components/form/OneClickForm/components/DataField/formats/DataFieldText.mjs

@@ -0,0 +1 @@
+"use strict";import{Stack as i}from"@mui/material";import{formatCredentialValue as m}from"../../../utils/formatCredentialValue.mjs";import{useCredentialsDisplayItem as s}from"../../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{DataFieldDescription as d}from"../DataFieldDescription.mjs";import{MandatoryEnum as l}from"../../CredentialsDisplay/types.mjs";import{jsx as a,jsxs as t}from"react/jsx-runtime";import{DataFieldValue as n}from"../DataFieldValue.mjs";import{DataFieldLabel as c}from"../DataFieldLabel.mjs";function p(){const{credentialDisplayInfo:r}=s(),e=m(r.value,r.displayFormat),o=r.credentialRequest.mandatory===l.NO;return a("div",{style:{width:"100%"},children:t(i,{direction:"row",width:"100%",children:[a(c,{}),t(i,{direction:"column",children:[a(n,{children:e||o?"-":void 0}),a(d,{})]})]})})}export{p as DataFieldText};

package/dist/components/form/OneClickForm/components/DataField/inputs/DataFieldAddressInput/autofill.hook.mjs

@@ -0,0 +1 @@
+"use strict";import{useState as c,useRef as y}from"react";import{wrapPromise as l}from"../../../../../../../utils/wrapPromise/index.mjs";import"libphonenumber-js";import"lodash/find";import"tinycolor2";import{useOneClickFormOptions as b}from"../../../../contexts/one-click-form-options.context.mjs";function h(){const u=b(),{googlePlacesAutocompletePlaces:a,googlePlacesGetPlace:i}=u.options.servicePaths??{},[p,d]=c([]),[f,n]=c(!1),r=y(null);return{handleAutoComplete:async o=>{if(!a)return;r.current&&r.current.abort();const e=new AbortController;r.current=e,n(!0);try{const t=await fetch(a,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({input:o}),signal:e.signal});if(e.signal.aborted)return;if(!t.ok){n(!1);return}const[s,g]=await l(t.json());if(e.signal.aborted)return;g||d(s)}catch(t){if(t instanceof DOMException&&t.name==="AbortError")return;console.error("Failed to fetch address suggestions:",t)}finally{r.current===e&&n(!1)}},fetchPlace:async o=>{if(!i)return null;const e=await fetch(i,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:o})});if(!e.ok)return null;const[t,s]=await l(e.json());return s?null:t},buildAddress:o=>{const e={line1:"",city:"",state:"",country:"",zipCode:""};for(const t of o??[])switch(t.types[0]){case"street_number":{e.line1=`${t.longText} ${e.line1}`;break}case"route":{e.line1||(e.line1=""),e.line1+=t.shortText;break}case"postal_code":{e.zipCode=`${t.longText}${e.zipCode}`;break}case"postal_code_suffix":{e.zipCode=`${e.zipCode}-${t.longText}`;break}case"locality":e.city=t.longText??"";break;case"sublocality_level_1":case"sublocality":e.city||(e.city=t.longText??"");break;case"neighborhood":e.city||(e.city=t.longText??"");break;case"administrative_area_level_1":{t.shortText&&t.shortText.length===2&&(e.state=t.shortText);break}case"country":e.country=t.shortText??"US";break}return e},suggestions:p,isPending:f}}export{h as useAutoFill};

package/dist/components/form/OneClickForm/components/DataField/inputs/DataFieldAddressInput/hook.mjs

@@ -0,0 +1 @@
+"use strict";import{useState as s,useMemo as f,useEffect as v}from"react";import{useFormContext as E}from"react-hook-form";import{wrapPromise as M}from"../../../../../../../utils/wrapPromise/index.mjs";import"libphonenumber-js";import"lodash/find";import"tinycolor2";import{toUSaddress as C,fromUSAddress as R}from"../../../../../../../utils/address/index.mjs";import{useDebounceValue as k}from"../../../../../../../hooks/useDebounceValue.mjs";import{usePrevious as B}from"../../../../../../../hooks/usePrevious.mjs";import{useAutoFill as N}from"./autofill.hook.mjs";import{extractChildrenFromCredentialFieldSet as m}from"../../../CredentialsDisplay/utils/extractChildrenFromCredentialFieldSet.mjs";function _({credentialsDisplayItem:o}){const a=E(),{objectController:p}=o,g=p.field.name,t=p.field.value,[b,h]=s(!1),{handleAutoComplete:y,fetchPlace:F,buildAddress:D,suggestions:I,isPending:P}=N(),A=f(()=>{if(o.isDisabled)return!0;for(const[e]of Object.entries(m(t)))if(e!=="line2"&&!a.getValues(`${g}.${e}`).credentialDisplayInfo.credentialRequest.allowUserInput)return!0;return!1},[a,o]),S=f(()=>{var e;for(const[i]of Object.entries(m(t)))if(i!=="line2"&&(e=a.getFieldState(`${g}.${i}`).error)!=null&&e.message)return`${t.credentialDisplayInfo.label} is invalid`},[a]),V=f(()=>C({line1:t.line1.value,city:t.city.value,state:t.state.value,zipCode:t.zipCode.value}),[]),[$,j]=s({title:V??"",value:""}),[u,d]=s(""),O=B(u),r=k(u),[w,x]=s(!1),l=(e,i)=>{let n;typeof e=="string"?n=R(e.replace(/\n/g,"")):(n=e,d(C({...e,country:void 0})??""));for(const[c]of Object.entries(m(t)))c!=="line2"&&o.handleChangeChildValueCredential(c,n?.[c]??"",i)},U=async e=>{if(j(e),!e.value)return;h(!0);const[i]=await M(F(e.value));if(!i)return;const n=D(i);l(n),h(!1)},z=e=>{d(e)},q=()=>{d(""),l("",{shouldValidate:!1})};return v(()=>{!r.length&&w&&l("",void 0),!(!r||r.length<=3||r===O)&&(l(r,void 0),y(r).catch(console.error))},[r]),v(()=>{x(!0)},[]),{value:$,inputValue:u,suggestions:I,isPending:P,isFetchingPlace:b,error:S,disabled:A,handleInputChange:z,handleOptionChange:U,handleClear:q}}export{_ as useDataFieldAddressInput};

package/dist/components/form/OneClickForm/components/DataField/inputs/DataFieldAddressInput/index.mjs

@@ -0,0 +1 @@
+"use strict";import{memo as b}from"react";import x from"lodash/isEqual";import{Box as d,Autocomplete as C,Typography as I,TextField as v,useTheme as D,Paper as P}from"@mui/material";import m from"@mui/material/Unstable_Grid2";import{inputStyle as V}from"../../../../styles/input.mjs";import{useCredentialsDisplayItem as j}from"../../../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{useCredentialsDisplayItemValid as w}from"../../../CredentialsDisplay/hooks.mjs";import{DataFieldLabelText as A}from"../../DataFieldLabelText.mjs";import{DataFieldClearAdornment as O}from"../../DataFieldClearAdornment.mjs";import{useDataFieldAddressInput as T}from"./hook.mjs";import{jsx as i,jsxs as F}from"react/jsx-runtime";import{getAutoCompleteAttributeValue as k}from"../../utils/getAutoCompleteAttributeValue.mjs";function S(l){const o=D();return F(P,{...l,children:[l.children,i(d,{sx:a=>({display:"flex",justifyContent:"flex-end",p:1,pt:"1px",...a.applyStyles("dark",{opacity:.8})}),children:i("img",{src:o.palette.mode==="dark"?"https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-non-white3_hdpi.png":"https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png",alt:"",width:"120",height:"14"})})]})}const q=b(function({credentialsDisplayItem:l}){const{value:o,inputValue:a,suggestions:c,isPending:r,isFetchingPlace:s,error:p,disabled:n,handleInputChange:u,handleOptionChange:f,handleClear:h}=T({credentialsDisplayItem:l});return i(d,{width:"100%",children:i(C,{disableClearable:!0,freeSolo:!0,isOptionEqualToValue:(e,t)=>e?.value===t?.value,getOptionLabel:e=>typeof e=="string"?e:e?.title,filterOptions:e=>e,options:r?[]:c.map(e=>({title:e.placePrediction.text.text??"",value:e.placePrediction.place??""})),autoComplete:!0,includeInputInList:!0,filterSelectedOptions:!0,noOptionsText:"No locations",value:o,inputValue:a,loading:r||s,disabled:s||n,onChange:(e,t)=>{e.preventDefault(),e.stopPropagation(),!n&&(!t||typeof t=="string"||f(t).catch(console.error))},onInputChange:(e,t)=>{u(t)},renderInput:e=>{var t;return i(v,{id:e.id,disabled:e.disabled,...V,label:i(A,{}),error:!!p,helperText:p||((t=l.credentialDisplayInfo.credentialRequest)==null?void 0:t.description),inputProps:{...e.inputProps,tabIndex:0,autoCapitalize:"off",autoComplete:k(l.objectController.field.value.type)},InputProps:{...e.InputProps,disableInjectingGlobalStyles:!0,endAdornment:i(O,{onClick:()=>{h()},disabled:n})},fullWidth:!0,multiline:!0})},renderOption:(e,t)=>{const{key:g,...y}=e;return i("li",{...y,children:i(m,{container:!0,sx:{alignItems:"flex-start"},children:i(m,{sx:{width:"100%",wordWrap:"break-word"},children:i(I,{variant:"body2",sx:{color:"text.secondary",textAlign:"left"},children:t?.title})})})},g)},PaperComponent:S})})},(l,o)=>x({itemValid:l.itemValid,objectController:l.credentialsDisplayItem.objectController},{itemValid:o.itemValid,objectController:o.credentialsDisplayItem.objectController}));function L(){const l=j(),o=w();return i(q,{credentialsDisplayItem:l,itemValid:o})}export{L as DataFieldAddressInput};

package/dist/components/form/OneClickForm/components/DataField/inputs/DataFieldDateInput.mjs

@@ -0,0 +1 @@
+"use strict";import{memo as F,useState as U}from"react";import{Box as Y}from"@mui/material";import O from"lodash/isEqual";import{inputStyle as B}from"../../../styles/input.mjs";import{formatDateMMDDYYYY as M}from"../../../utils/date.mjs";import{useOneClickFormOptions as N}from"../../../contexts/one-click-form-options.context.mjs";import{USDateSchema as P}from"../../validations/schemas/date.schema.mjs";import{useCredentialsDisplayItemValid as A}from"../../CredentialsDisplay/hooks.mjs";import{useCredentialsDisplayItem as E}from"../../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{DataFieldLabelText as q}from"../DataFieldLabelText.mjs";import{DataFieldClearAdornment as L}from"../DataFieldClearAdornment.mjs";import{jsx as a}from"react/jsx-runtime";import{DateInput as R}from"../../../../DateInput/index.mjs";import{credentialTypes as z}from"../../../constants/credentialTypes.mjs";const G=F(function({credentialsDisplayItem:e,itemValid:t}){var s;const{options:{features:c}}=N(),{objectController:r,credentialDisplayInfo:u,handleChangeValueCredential:o}=e,{description:m}=u.credentialRequest??{},{isValid:d}=t,n=(s=r.fieldState.error)==null?void 0:s.message,f=n&&n.length>0?n:m,[D,p]=U(r.field.value.value?M(r.field.value.value):""),C=r.field.value.type===z.BirthDateCredential,l=new Date,b=1900,y=1,h=1,g=C?l.getUTCFullYear()-18:l.getUTCFullYear(),I=l.getUTCMonth()+1,v=l.getUTCDate(),V=new Date(b,y-1,h),k=new Date(g,I-1,v);return a(Y,{width:"100%",children:a(R,{...B,autoComplete:"bday",autoCorrect:"off",label:a(q,{}),value:D,error:!d,helperText:d?m:f,placeholder:"__/__/____",onChange:i=>{if(e.isDisabled)return;const T=P.safeParse(i),_=i.replace(/[^0-9]/g,"");if(p(i),_.length<=0)return o("");if(!T.success)return o("NaN");const[S,j,w]=i.split("/").map(Number),x=Date.UTC(w,S-1,j,12,0,0,0);o(String(x))},InputProps:{endAdornment:a(L,{onClick:()=>{e.isDisabled||p("")}})},pickerInputOverflow:!0,pickerDefaultSelectedDate:new Date("08/01/1989"),pickerClickOutsideBoundaryElement:c.datePickerClickOutsideBoundaryElement,minDate:V,maxDate:k,disabled:e.isDisabled})})},(e,t)=>O({itemValid:e.itemValid,objectController:e.credentialsDisplayItem.objectController},{itemValid:t.itemValid,objectController:t.credentialsDisplayItem.objectController}));function H(){const e=E(),t=A();return a(G,{credentialsDisplayItem:e,itemValid:t})}export{H as DataFieldDateInput};

package/dist/components/form/OneClickForm/components/DataField/inputs/DataFieldImageInput.mjs

@@ -0,0 +1 @@
+"use strict";import{memo as h,useRef as D}from"react";import{Stack as o,Box as I}from"@mui/material";import g from"lodash/isEqual";import{Button as v}from"../../../../../Button/index.mjs";import{useOneClickFormOptions as C}from"../../../contexts/one-click-form-options.context.mjs";import{handleLoadImageToBase64FromFile as x}from"../../../utils/image.mjs";import{When as c}from"../../shared/When.mjs";import{ImageEncoded as y}from"../../shared/ImageEncoded.mjs";import{useCredentialsDisplayItemValid as V}from"../../CredentialsDisplay/hooks.mjs";import{useCredentialsDisplayItem as j}from"../../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{jsx as i,jsxs as r}from"react/jsx-runtime";import{DataFieldInputLabel as F}from"../DataFieldInputLabel.mjs";import{DataFieldLegend as k}from"../DataFieldLegend.mjs";import{DataFieldLabelText as w}from"../DataFieldLabelText.mjs";const L=h(function({credentialsDisplayItem:e,itemValid:t}){var s,n;const{options:p}=C(),{objectController:u,credentialDisplayInfo:l,handleChangeValueCredential:f}=e,{isValid:b}=t,d=D(null);return r(o,{direction:"column",width:"100%",sx:{position:"relative",flex:1},children:[i(F,{label:i(w,{}),sx:{mt:-1.5}}),r(o,{sx:{position:"relative",borderRadius:1,overflow:"hidden"},children:[i(y,{servicePath:p.servicePaths.credentialImagePath,src:u.field.value.value,sx:{mx:"auto"}}),r(o,{direction:"column",alignItems:"center",justifyContent:"center",sx:{position:"absolute",inset:0,width:"100%",height:"100%",backgroundColor:e.isDisabled?"transparent":"rgba(0,0,0,0.6)"},children:[i(I,{ref:d,component:"input",type:"file",accept:"image/*",onChange:a=>{(async()=>{if(e.isDisabled)return;const m=await x(a);m&&f(m)})()},sx:{display:"none",visibility:"hidden"},disabled:e.isDisabled}),!e.isDisabled&&i(v,{color:"primary",type:"button",onClick:()=>{var a;e.isDisabled||(a=d.current)==null||a.click()},tabIndex:0,disabled:e.isDisabled,children:l.value?"Change Image":"Add Image"})]})]}),i(c,{value:b,children:i(c,{value:(s=l.credentialRequest)==null?void 0:s.description,children:i(k,{children:(n=l.credentialRequest)==null?void 0:n.description})})})]})},(e,t)=>g({itemValid:e.itemValid,objectController:e.credentialsDisplayItem.objectController},{itemValid:t.itemValid,objectController:t.credentialsDisplayItem.objectController}));function R(){const e=j(),t=V();return i(L,{credentialsDisplayItem:e,itemValid:t})}export{R as DataFieldImageInput};