@verifiedinc-public/shared-ui-elements 8.20.3 → 8.21.1

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

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

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/field.mjs

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

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/shared.mjs

@@ -0,0 +1 @@
+"use strict";import{credentialKeys as a}from"../../../core/fields/index.mjs";import{fieldInputTypes as l}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===l.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?d(t):void 0),i};function o(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 d=e=>{if(!(typeof e.value=="object"&&e.schema.key!==a.address))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{o as getAutoCompleteAttributeValue,d as getFieldValue,r as makeAttributes};

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

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

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

@@ -0,0 +1 @@
+"use strict";import{Stack as a,Box as s,Button as l}from"@mui/material";import{Edit as d}from"@mui/icons-material";import{useOneClickForm as i}from"./form.context.mjs";import{ReadonlyFields as m}from"./fields/readonly/field.mjs";import{EditFields as f}from"./fields/input/field.mjs";import{jsxs as r,jsx as t,Fragment as c}from"react/jsx-runtime";function x(){var o;const e=i();return r(c,{children:[t(m,{}),!((o=e.formContext.state.form)!=null&&o.isDisabled)&&t(l,{"aria-controls":"credentials-region",variant:"text",size:"small",color:"neutral",startIcon:t(d,{"aria-hidden":"true"}),sx:{position:"absolute",top:4,right:0,zIndex:1},onClick:()=>{e.setEditMode(!0)},children:"Edit"})]})}function u(){return t(f,{})}function p({FooterComponent:o}){const e=i();return r(a,{"data-testid":"one-click-form-wrapper",component:"form",id:"credentials-region",role:"region","aria-label":e.editMode?"Edit your information":"Review your information",onSubmit:n=>{n.preventDefault(),e.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:[t(s,{"data-testid":"one-click-form-content",position:"relative",display:"flex",flexDirection:"column",alignItems:"center",sx:{flex:1,width:"100%"},children:e.editMode?t(u,{}):t(x,{})}),o&&t(o,{form:e.formContext})]})}export{p as OneClickFormContent};

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

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

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

@@ -0,0 +1 @@
+"use strict";import{memo as p,useEffect as h}from"react";import{Box as f}from"@mui/material";import C from"lodash/isEqual";import{PhoneInput as D}from"../../../../PhoneInput.mjs";import{useCredentialsDisplayItemValid as I}from"../../CredentialsDisplay/hooks.mjs";import{useCredentialsDisplayItem as V}from"../../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{jsx as l}from"react/jsx-runtime";import{DataFieldClearAdornment as b}from"../DataFieldClearAdornment.mjs";import{DataFieldLabelText as v}from"../DataFieldLabelText.mjs";const y=p(function({credentialsDisplayItem:e,itemValid:t}){var r;const{objectController:n,credentialDisplayInfo:s,handleChangeValueCredential:o}=e,{isValid:d}=t,m=n.field.value.value,c=a=>{o("")};return h(()=>{const a=new URL(window.location.href),i=new URLSearchParams(a.searchParams).get("phone");if(i){const u=setTimeout(()=>{o(i,{shouldValidate:!1})},10);return()=>clearInterval(u)}},[]),l(f,{width:"100%",children:l(D,{label:l(v,{}),size:"small",onChange:a=>{e.isDisabled||o(a,{shouldValidate:a.length>3})},helperText:(r=s.credentialRequest)==null?void 0:r.description,error:!d,handleChangeCountry:c,value:m,shouldHaveClearButton:!0,shouldHaveSelectCountryButton:!1,InputProps:{endAdornment:l(b,{})},disabled:e.isDisabled})})},(e,t)=>C({itemValid:e.itemValid,objectController:e.credentialsDisplayItem.objectController},{itemValid:t.itemValid,objectController:t.credentialsDisplayItem.objectController}));function g(){const e=V(),t=I();return l(y,{credentialsDisplayItem:e,itemValid:t})}export{g as DataFieldPhoneInput};

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

@@ -0,0 +1 @@
+"use strict";import{memo as p}from"react";import{Box as u}from"@mui/material";import c from"lodash/isEqual";import{SSNInput as f}from"../../../../SSNInput.mjs";import{inputStyle as C}from"../../../styles/input.mjs";import{useCredentialsDisplayItemValid as D}from"../../CredentialsDisplay/hooks.mjs";import{useCredentialsDisplayItem as b}from"../../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{DataFieldLabelText as I}from"../DataFieldLabelText.mjs";import{DataFieldClearAdornment as V}from"../DataFieldClearAdornment.mjs";import{jsx as l}from"react/jsx-runtime";const h=p(function({credentialsDisplayItem:e,itemValid:t}){var a;const{objectController:o,credentialDisplayInfo:n,handleChangeValueCredential:s}=e,{isValid:m}=t,d=o.field.value.value,i=r=>{e.isDisabled||s(r.target.value,{shouldValidate:r.target.value.length>0})};return l(u,{width:"100%",children:l(f,{...C,label:l(I,{}),value:d,onChange:i,error:!m,helperText:(a=n.credentialRequest)==null?void 0:a.description,InputProps:{endAdornment:l(V,{onClick:()=>{i({target:{value:""}})}})},disabled:e.isDisabled})})},(e,t)=>c({itemValid:e.itemValid,objectController:e.credentialsDisplayItem.objectController},{itemValid:t.itemValid,objectController:t.credentialsDisplayItem.objectController}));function v(){const e=b(),t=D();return l(h,{credentialsDisplayItem:e,itemValid:t})}export{v as DataFieldSSNInput};

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

@@ -0,0 +1 @@
+"use strict";import{useMemo as d,useEffect as c}from"react";import{Box as R,Autocomplete as S,TextField as V}from"@mui/material";import{inputStyle as q}from"../../../styles/input.mjs";import{useCanFillByQueryParam as w}from"../../../hooks/useCanFillByQueryParam.mjs";import{useCredentialsDisplay as L}from"../../CredentialsDisplay/CredentialsDisplayContext.mjs";import{useCredentialsDisplayItemValid as j}from"../../CredentialsDisplay/hooks.mjs";import{useCredentialsDisplayItem as B}from"../../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{DataFieldLabelText as E}from"../DataFieldLabelText.mjs";import{jsx as s}from"react/jsx-runtime";import{findCorrectSchemaProperty as U}from"../../CredentialsDisplay/utils/findCorrectSchemaProperty.mjs";import{getLastPathName as D}from"../../CredentialsDisplay/utils/getLastPathName.mjs";import{isRequiredCredentialDisplayInfo as A}from"../../CredentialsDisplay/utils/isRequiredCredentialDisplayInfo.mjs";function N(){var h,b,y;const{schema:g}=L(),p=B(),x=w(),{objectController:i,credentialDisplayInfo:m,parentFieldSet:I,handleChangeValueCredential:f,handleClearValueCredential:C}=p,{isValid:T}=j(),a=U(m.schema,g,I),t=d(()=>{var e;return(((e=a?.input)==null?void 0:e.options)||[]).map(l=>typeof l=="string"?{label:l,value:l}:l)},[(h=a?.input)==null?void 0:h.options]),v=d(()=>t.map(e=>({label:e.label,id:e.value})),[t]),o=d(()=>{var e,l;if((e=a?.input)!=null&&e.default&&A({mandatory:(l=m.credentialRequest)==null?void 0:l.mandatory})){const n=v.find(u=>{var r;return u.id===((r=a?.input)==null?void 0:r.default)});if(n)return{label:n.label,id:n.id}}},[(b=a?.input)==null?void 0:b.default,v]),F=d(()=>{const e=t.find(l=>l.value===i.field.value.value);return e!=null&&e.value?{label:e.label,id:e.value}:null},[t,i.field.value.value]),P={...q,label:s(E,{}),error:!T,helperText:(y=m.credentialRequest)==null?void 0:y.description,inputProps:{tabIndex:0},fullWidth:!0};return c(()=>{!t.some(e=>e.value===i.field.value.value)&&i.field.value.value&&C()},[i.field.value.value,t]),c(()=>{o!=null&&o.id&&f(o.id)},[]),c(()=>{const e=D(i.field.name);if(!x(e))return;const l=new URL(window.location.href),n=new URLSearchParams(l.searchParams).get(D(i.field.name));if(n&&!i.field.value.value){const u=t.find(r=>r.value===n||r.label===n);if(u){const r=setTimeout(()=>{f(u.value)},10);return()=>clearTimeout(r)}}},[]),s(R,{width:"100%",children:s(S,{disablePortal:!0,autoHighlight:!0,defaultValue:o,options:v,isOptionEqualToValue:(e,l)=>e?.id===l?.id,value:F,onChange:(e,l)=>{if(!p.isDisabled){if(!l){C();return}f(l?.id??"")}},renderInput:e=>s(V,{...e,...P,inputProps:{...e.inputProps,...P.inputProps}}),disabled:p.isDisabled})})}export{N as DataFieldSelectInput};

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

@@ -0,0 +1 @@
+"use strict";import{memo as C,useRef as h,useEffect as b}from"react";import{Box as D,TextField as V}from"@mui/material";import v from"lodash/isEqual";import{inputStyle as y}from"../../../styles/input.mjs";import{getLastPathName as s}from"../../CredentialsDisplay/utils/getLastPathName.mjs";import{useCanFillByQueryParam as I}from"../../../hooks/useCanFillByQueryParam.mjs";import{useCredentialsDisplayItemValid as x}from"../../CredentialsDisplay/hooks.mjs";import{useCredentialsDisplayItem as g}from"../../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{DataFieldLabelText as j}from"../DataFieldLabelText.mjs";import{DataFieldClearAdornment as P}from"../DataFieldClearAdornment.mjs";import{jsx as r}from"react/jsx-runtime";import{getAutoCompleteAttributeValue as w}from"../utils/getAutoCompleteAttributeValue.mjs";const F=C(function({credentialsDisplayItem:e,itemValid:t}){var n;const a=h(null),d=I(),{objectController:l,handleChangeValueCredential:m,handleChangeDebouncedValueCredential:u}=e;b(()=>{const i=s(l.field.name);if(!d(i))return;const p=new URL(window.location.href),o=new URLSearchParams(p.searchParams).get(s(l.field.name));if(o&&!l.field.value.value){const f=setTimeout(()=>{m(o,{shouldValidate:!1}),a.current&&(a.current.value=o)},10);return()=>clearInterval(f)}},[]);const c={inputRef:a,...y,autoComplete:w(l.field.value.type),label:r(j,{}),defaultValue:l.field.value.value||"",onChange:i=>{e.isDisabled||u(i.target.value)},error:!t.isValid,helperText:(n=e.credentialDisplayInfo.credentialRequest)==null?void 0:n.description,InputProps:{placeholder:"",endAdornment:r(P,{onClick:()=>{a.current&&(a.current.value="")}})},inputProps:{tabIndex:0,autoCorrect:"off",autoCapitalize:"off"},fullWidth:!0,disabled:e.isDisabled};return r(D,{width:"100%",children:r(V,{...c})})},(e,t)=>v({itemValid:e.itemValid,objectController:e.credentialsDisplayItem.objectController},{itemValid:t.itemValid,objectController:t.credentialsDisplayItem.objectController}));function T(){const e=g(),t=x();return r(F,{credentialsDisplayItem:e,itemValid:t})}export{T as DataFieldTextInput};

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

@@ -0,0 +1 @@
+"use strict";var t=(a=>(a.Text="Text",a.Date="Date",a.Select="Select",a.Email="Email",a.Phone="Phone",a.SSN="SSN",a.Image="Image",a))(t||{});export{t as InputFormatEnum};

package/dist/components/form/OneClickForm/components/DataField/utils/defaults.mjs

@@ -0,0 +1 @@
+"use strict";const o=150;export{o as DEBOUNCE_MS};

package/dist/components/form/OneClickForm/components/DataField/utils/getAutoCompleteAttributeValue.mjs

@@ -0,0 +1 @@
+"use strict";function a(e){return e==="FirstNameCredential"?"given-name":e==="LastNameCredential"?"family-name":e==="EmailCredential"?"email":e==="PhoneCredential"?"tel":e==="AddressCredential"?"street-address address-level2 address-level1 postal-code":e==="Line2Credential"?"address-line2":"off"}export{a as getAutoCompleteAttributeValue};

package/dist/components/form/OneClickForm/components/DataField/utils/getCredentialLabel.mjs

@@ -0,0 +1 @@
+"use strict";import{when as t}from"../../../utils/when.mjs";function o(e,n){return t(n,{SsnCredential:()=>"SSN",GovernmentIdDocumentImageCredential:()=>"Gov. Doc ID",else:()=>e})}export{o as getCredentialLabel};

package/dist/components/form/OneClickForm/components/DataField/utils/getCredentialLabelInput.mjs

@@ -0,0 +1 @@
+"use strict";import{when as t}from"../../../utils/when.mjs";function i(e,n){return t(n,{Line2Credential:()=>"Line 2",else:()=>e})}export{i as getCredentialLabelInput};

package/dist/components/form/OneClickForm/components/DataField/utils/getCredentialSeparator.mjs

@@ -0,0 +1 @@
+"use strict";import{when as r}from"../../../utils/when.mjs";const t=e=>r(e,{AddressCredential:()=>", ",EmployerCredential:()=>"; ",else:()=>" "});export{t as getCredentialSeparator};

package/dist/components/form/OneClickForm/components/shared/Image.mjs

@@ -0,0 +1 @@
+"use strict";import{Box as r}from"@mui/material";import{jsx as s}from"react/jsx-runtime";const m=({src:o,alt:t,...a})=>s(r,{src:o,alt:t,...a,component:"img"});export{m as default};

package/dist/components/form/OneClickForm/components/shared/ImageEncoded.mjs

@@ -0,0 +1 @@
+"use strict";import{Stack as d,Box as l,Skeleton as m}from"@mui/material";import{Image as u}from"@mui/icons-material";import{useQuery as h}from"@tanstack/react-query";import{When as s}from"./When.mjs";import f from"./Image.mjs";import{jsxs as x,jsx as a}from"react/jsx-runtime";function g(r){const c=e=>`/${r.servicePath}?query=${encodeURIComponent(e)}`,{data:t}=h({queryKey:[r.src],queryFn:async()=>{if(!r.src)return null;if(r.src.includes("data:image/"))return r.src;const e=await fetch(c(r.src)),{data:i}=await e.json();if(!i)throw new Error(`Image not found. source: ${r.src}`);return i},enabled:!!r.src,retry:!0}),o={alignSelf:"flex-start",maxWidth:"100%"},n={...o,width:"100%",aspectRatio:1};return x(d,{sx:r.sx,children:[a(s,{value:!t&&r.src,children:a(l,{className:"image-encoded-skeleton-container",sx:n,children:a(m,{variant:"rounded",width:"100%",height:"100%"})})}),a(s,{value:!t&&!r.src,children:a(u,{sx:{...n,height:"100%",fontSize:void 0,color:"grey.300"}})}),a(s,{value:t,children:e=>a(f,{src:e,alt:r.alt??"",sx:o})})]})}export{g as ImageEncoded};

package/dist/components/form/OneClickForm/components/shared/When.mjs

@@ -0,0 +1 @@
+"use strict";import{jsx as r,Fragment as t}from"react/jsx-runtime";function i({value:n,children:e}){return n?typeof e=="function"?r(t,{children:e(n)}):r(t,{children:e}):null}export{i as When};

package/dist/components/form/OneClickForm/components/validations/fragments/birthDate.mjs

@@ -0,0 +1 @@
+"use strict";import*as i from"zod";const a=t=>{const e=new Date,r=new Date("1900-01-01"),n=new Date(e.getFullYear(),e.getMonth(),e.getDate(),23,59,59,999),s=new Date(t);if(s>=r&&s<=n){const o=Date.parse(String(new Date(t)));return!isNaN(o)}return!1};i.string().refine(t=>/^\d{2}\/\d{2}\/\d{4}$/.test(t)?a(t):!1,"Date of Birth is invalid"),i.string().refine(t=>{if(/^\d{2}\d{2}\d{4}$/.test(t)){const e=`${t.slice(0,2)}/${t.slice(2,4)}/${t.slice(4,8)}`;return a(e)}return!1},"Date of Birth is invalid"),i.string().refine(t=>{if(/^\d{2}\d{2}$/.test(t)){const e=`${t.slice(0,2)}/${t.slice(2,4)}/1970`;return a(e)}return!1},"Date of Birth is invalid");const c=t=>{if(t==="NaN"||t==="")return!1;const e=parseInt(t,10);if(isNaN(e))return!1;const r=new Date(e);if(isNaN(r.getTime()))return!1;const n=Date.UTC(1900,0,1,0,0,0,0);return e>=n},f=t=>{if(t==="NaN"||t==="")return!1;const e=parseInt(t,10);if(isNaN(e))return!1;const r=new Date(e);if(isNaN(r.getTime()))return!1;const n=new Date,s=new Date(Date.UTC(n.getUTCFullYear()-18,n.getUTCMonth(),n.getUTCDate(),23,59,59,999));return r.getTime()<=s.getTime()},u=i.string().refine(t=>/^-?\d+$/.test(t)?c(t):!1,"Date must be from 1900 or later"),D=i.string().refine(t=>/^-?\d+$/.test(t)?f(t):!1,"Must be 18 years or older");export{D as minimumAge18Schema,u as minimumDate1900Schema};

package/dist/components/form/OneClickForm/components/validations/fragments/credentials.mjs

@@ -0,0 +1 @@
+"use strict";import*as m from"zod";import{EmailFragmentSchema as e}from"./email.mjs";import{validatePhone as r}from"../../../utils/phone.mjs";const t=m.string().refine(a=>a?!isNaN(Number(a)):!1),i=e,s=m.string().refine(a=>r(a)),o=m.string().min(1);export{o as defaultTextSchema,i as emailSchema,s as phoneSchema,t as timestampSchema};

package/dist/components/form/OneClickForm/components/validations/fragments/email.mjs

@@ -0,0 +1 @@
+"use strict";import*as a from"zod";const i=a.string().min(1,"Email is required").email("Must be a valid email");export{i as EmailFragmentSchema};

package/dist/components/form/OneClickForm/components/validations/schemas/date.schema.mjs

@@ -0,0 +1 @@
+"use strict";import*as r from"zod";const a=r.string().refine(t=>{if(/^\d{2}\/\d{2}\/\d{4}$/.test(t)){const e=Date.parse(String(new Date(t)));return!isNaN(e)}return!1},"Date is invalid");export{a as USDateSchema};

package/dist/components/form/OneClickForm/constants/credentialTypes.mjs

@@ -0,0 +1 @@
+"use strict";const e={AddressCredential:"AddressCredential",Line2Credential:"Line2Credential",PhoneCredential:"PhoneCredential",BirthDateCredential:"BirthDateCredential"};export{e as credentialTypes};

package/dist/components/form/OneClickForm/contexts/one-click-form-options.context.mjs

@@ -0,0 +1 @@
+"use strict";import{createContext as r,useContext as n}from"react";import{jsx as s}from"react/jsx-runtime";const o=r(null);function i(){const e=n(o);if(!e)throw new Error("useOneClickFormOptions must be used within a OneClickFormOptionsProvider");return e}function l(e){const{selectableCredentials:t=!0}=e.options.features;return s(o.Provider,{value:{options:{...e.options,features:{...e.options.features,selectableCredentials:t}}},children:e.children})}export{l as OneClickFormOptionsProvider,i as useOneClickFormOptions};

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

@@ -0,0 +1 @@
+"use strict";import{useOneClickFormOptions as n}from"../contexts/one-click-form-options.context.mjs";function s(){const{options:r}=n(),{fillEmptyByQueryParam:e}=r.features;return i=>e?e.includes("*")||e.includes(i):!1}export{s as useCanFillByQueryParam};

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

@@ -0,0 +1 @@
+"use strict";import{useRef as l,useMemo as i,useEffect as n}from"react";import o from"lodash/debounce";function m(c,e=500,u){const r=l(),a=i(()=>{const t=o(c,e,u),s=(...f)=>t(...f);return s.cancel=()=>{t.cancel()},s.isPending=()=>!!r.current,s.flush=()=>t.flush(),s},[c,e,u]);return n(()=>{r.current=o(c,e,u)},[c,e,u]),n(()=>()=>{r.current&&r.current.cancel()},[]),a}export{m as useDebounceCallback};

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

@@ -0,0 +1 @@
+"use strict";import{useState as a}from"react";import{QueryClient as m,QueryClientProvider as l}from"@tanstack/react-query";import{OneClickFormOptionsProvider as u}from"./contexts/one-click-form-options.context.mjs";import d from"./components/CredentialsDisplay/CredentialsDisplayContext.mjs";import f from"./components/CredentialsDisplay/CredentialsDisplay.mjs";import{jsx as e,jsxs as p}from"react/jsx-runtime";function h({credentialRequests:r,credentials:t,schema:n,options:o,renderExtra:i,queryClient:s}){const[c]=a(()=>s??new m({defaultOptions:{queries:{retry:1/0,retryDelay:3e3,refetchOnReconnect:!1,refetchOnMount:!1,refetchOnWindowFocus:!1}}}));return e(u,{options:o,children:e(l,{client:c,children:p(d,{value:{credentialRequests:r,credentials:t,schema:n},children:[e(f,{}),i]})})})}export{h as OneClickForm};

package/dist/components/form/OneClickForm/styles/input.mjs

@@ -0,0 +1 @@
+"use strict";const t={variant:"outlined",size:"small"};export{t as inputStyle};

package/dist/components/form/OneClickForm/types/display-format.mjs

@@ -0,0 +1 @@
+"use strict";var n=(r=>(r.Image="Image",r.Phone="Phone",r.Ssn="SSN",r.Date="Date",r.Address="Address",r.CurrencyRange="CurrencyRange",r.String="String",r.State="State",r.Number="Number",r.CurrencyAmount="CurrencyAmount",r))(n||{});export{n as DisplayFormatEnum};

package/dist/components/form/OneClickForm/types/input-format.mjs

@@ -0,0 +1 @@
+"use strict";var t=(a=>(a.Text="Text",a.Date="Date",a.Select="Select",a.Email="Email",a.Phone="Phone",a.SSN="SSN",a.Image="Image",a))(t||{});export{t as InputFormatEnum};

package/dist/components/form/OneClickForm/utils/calendarDateFormatter.mjs

@@ -0,0 +1 @@
+"use strict";const t=e=>new Date(Number(e)).toLocaleDateString("en-US",{year:"numeric",month:"2-digit",day:"2-digit",timeZone:"UTC"});export{t as calendarDateFormatter};

package/dist/components/form/OneClickForm/utils/compareCredentialData.mjs

@@ -0,0 +1 @@
+"use strict";import m from"lodash";const n=(t,e)=>{const a=r=>Array.isArray(r.data)?r.data.map(a):Object.values(r.data)[0],o=a(t),s=a(e);return m.isEqual(o,s)};export{n as compareCredentialData};

package/dist/components/form/OneClickForm/utils/currencyRangeFormatter.mjs

@@ -0,0 +1 @@
+"use strict";const p=t=>{const[e,r]=t.split(" "),[n,s]=r.split("_"),c=parseInt(n.slice(3)),o=parseInt(s.slice(3)),a=c.toLocaleString(),i=o.toLocaleString(),l=`${a} - ${i}`;return`${e} ${l}`};export{p as currencyRangeFormatter};

package/dist/components/form/OneClickForm/utils/date.mjs

@@ -0,0 +1 @@
+"use strict";import"date-fns";import"@date-fns/tz";const g=e=>{let t=new Date(Number(e));if(!e){const a=new Date;t=new Date(Date.UTC(a.getUTCFullYear(),a.getUTCMonth(),a.getUTCDate()))}const n=String(t.getUTCDate()).padStart(2,"0"),r=String(t.getUTCMonth()+1).padStart(2,"0"),o=t.getUTCFullYear();return[r,n,o].join("/")},i=(e,t)=>new Date(Number(e)).toLocaleDateString("en-US",{weekday:"long",year:"numeric",month:"long",day:"numeric",hour:"numeric",minute:"numeric",...t});export{g as formatDateMMDDYYYY,i as formatExtendedDate};

package/dist/components/form/OneClickForm/utils/formatCredentialValue.mjs

@@ -0,0 +1 @@
+"use strict";import{DisplayFormatEnum as e}from"../types/display-format.mjs";import{addressFormatter as a}from"../../../../utils/address/index.mjs";import{calendarDateFormatter as o}from"./calendarDateFormatter.mjs";import{currencyRangeFormatter as s}from"./currencyRangeFormatter.mjs";import n from"./phoneNumberFormatter.mjs";import{ssnFormatter as m}from"./ssnFormatter.mjs";const u=(r,t)=>{if(!(r!=null&&r.length))return"";switch(t){case e.Phone:return n(r);case e.Ssn:return m(r);case e.Date:return o(r);case e.Address:return a(r);case e.CurrencyRange:return s(r);default:return r}};export{u as formatCredentialValue};

package/dist/components/form/OneClickForm/utils/image.mjs

@@ -0,0 +1 @@
+"use strict";function g(o,c){return new Promise(t=>{if(!o.target.files)return t(null);const r=o.target.files[0];if(!r||!r.type.startsWith("image/"))return t(null);const a=new FileReader;a.onload=function(s){var i;const n=new Image;n.onload=function(){const e=document.createElement("canvas"),l=e.getContext("2d");e.width=n.width,e.height=n.height,l?.drawImage(n,0,0,e.width,e.height);const u=e.toDataURL("image/jpeg",.8);return t(u)},n.src=String((i=s.target)==null?void 0:i.result)},a.onerror=()=>t(null),a.onabort=()=>t(null),a.readAsDataURL(r)})}export{g as handleLoadImageToBase64FromFile};

package/dist/components/form/OneClickForm/utils/isAtomicBySchema.mjs

@@ -0,0 +1 @@
+"use strict";const t=e=>Object.prototype.hasOwnProperty.call(e||{},"properties");export{t as isAtomicBySchema};

package/dist/components/form/OneClickForm/utils/isCompositeBySchema.mjs

@@ -0,0 +1 @@
+"use strict";const t=o=>Object.prototype.hasOwnProperty.call(o||{},"anyOf")||Object.prototype.hasOwnProperty.call(o||{},"allOf");export{t as isCompositeBySchema};

package/dist/components/form/OneClickForm/utils/phone.mjs

@@ -0,0 +1 @@
+"use strict";import t,{isValidPhoneNumber as e}from"libphonenumber-js";import"lodash/find";const n=r=>{const o=t(r);return e(r)&&!!(o!=null&&o.country)};export{n as validatePhone};

package/dist/components/form/OneClickForm/utils/phoneNumberFormatter.mjs

@@ -0,0 +1 @@
+"use strict";const c=s=>s.slice(0,-10)+" ("+s.slice(-10,-7)+") "+s.slice(-7,-4)+"-"+s.slice(-4);export{c as default};

package/dist/components/form/OneClickForm/utils/regex.mjs

@@ -0,0 +1 @@
+"use strict";const a=/[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}/g;export{a as uuidV4Regex};