@verifiedinc-public/shared-ui-elements 9.5.2 → 9.6.0

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

@@ -1 +0,0 @@
-"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/DataFieldAddressInput/types.d.ts

@@ -1,25 +0,0 @@
-export type Option = {
-    title: string;
-    value: string;
-};
-export type Address = {
-    line1?: string;
-    city?: string;
-    state?: string;
-    zipCode?: string;
-    country: string;
-};
-export type PlaceAddressComponent = {
-    types: string[];
-    longText: string;
-    shortText: string;
-    languageCode: string;
-};
-export type PlaceSuggestion = {
-    placePrediction: {
-        text: {
-            text: string;
-        };
-        place: string;
-    };
-};

package/dist/components/form/OneClickForm/components/DataField/inputs/DataFieldDateInput.d.ts

@@ -1,6 +0,0 @@
-import { ReactElement } from 'react';
-/**
- * This component manages the input of type Date.
- * @constructor
- */
-export declare function DataFieldDateInput(): ReactElement;

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

@@ -1 +0,0 @@
-"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{credentialTypes as R}from"../../../constants/credentialTypes.mjs";import{DateInput as z}from"../../../../DateInput/index.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===R.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(z,{...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.d.ts

@@ -1,6 +0,0 @@
-import { ReactElement } from 'react';
-/**
- * This component manages the input of type Image.
- * @constructor
- */
-export declare function DataFieldImageInput(): ReactElement;

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

@@ -1 +0,0 @@
-"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{DataFieldLabelText as k}from"../DataFieldLabelText.mjs";import{DataFieldLegend as w}from"../DataFieldLegend.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(k,{}),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(w,{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.d.ts

@@ -1,2 +0,0 @@
-import { ReactElement } from 'react';
-export declare function DataFieldPhoneInput(): ReactElement;

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

@@ -1 +0,0 @@
-"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.d.ts

@@ -1,6 +0,0 @@
-import { ReactElement } from 'react';
-/**
- * This component manages the input of type SSN.
- * @constructor
- */
-export declare function DataFieldSSNInput(): ReactElement;

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

@@ -1 +0,0 @@
-"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.d.ts

@@ -1,5 +0,0 @@
-/**
- * This component manages the input of type Select.
- * @constructor
- */
-export declare function DataFieldSelectInput(): import("react").JSX.Element;

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

@@ -1 +0,0 @@
-"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{isRequiredCredentialDisplayInfo as A}from"../../CredentialsDisplay/utils/isRequiredCredentialDisplayInfo.mjs";import{getLastPathName as D}from"../../CredentialsDisplay/utils/getLastPathName.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.d.ts

@@ -1,5 +0,0 @@
-/**
- * This component manages the input of type Text.
- * @constructor
- */
-export declare function DataFieldTextInput(): import("react").JSX.Element;

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

@@ -1 +0,0 @@
-"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/inputs/index.d.ts

@@ -1,7 +0,0 @@
-export * from './DataFieldTextInput';
-export * from './DataFieldSelectInput';
-export * from './DataFieldPhoneInput';
-export * from './DataFieldDateInput';
-export * from './DataFieldSSNInput';
-export * from './DataFieldImageInput';
-export * from './DataFieldAddressInput';

package/dist/components/form/OneClickForm/components/DataField/types.d.ts

@@ -1,19 +0,0 @@
-export type Address = {
-    line1?: string;
-    city?: string;
-    state?: string;
-    country?: string;
-    postcode?: string;
-};
-/**
- * Possible input format that user can provide.
- */
-export declare enum InputFormatEnum {
-    Text = "Text",
-    Date = "Date",
-    Select = "Select",
-    Email = "Email",
-    Phone = "Phone",
-    SSN = "SSN",
-    Image = "Image"
-}

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

@@ -1 +0,0 @@
-"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.d.ts

@@ -1,4 +0,0 @@
-/**
- * Default values for the DataField input components.
- */
-export declare const DEBOUNCE_MS = 150;

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

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

package/dist/components/form/OneClickForm/components/DataField/utils/getAutoCompleteAttributeValue.d.ts

@@ -1,6 +0,0 @@
-/**
- * Returns the autocomplete attribute value based on the type of the field.
- * @param type The type of the field.
- * @returns The autocomplete attribute value.
- */
-export declare function getAutoCompleteAttributeValue(type: string): "off" | "tel" | "email" | "address-line2" | "family-name" | "given-name" | "street-address address-level2 address-level1 postal-code";

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

@@ -1 +0,0 @@
-"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.d.ts

@@ -1,7 +0,0 @@
-/**
- * Gets the credential label based on the type.
- * @param label The credential label
- * @param type The credential type
- * @returns The credential label
- */
-export declare function getCredentialLabel(label: string | undefined, type: string): string | undefined;

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

@@ -1 +0,0 @@
-"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.d.ts

@@ -1,7 +0,0 @@
-/**
- * Gets the credential label based on the type.
- * @param label The credential label
- * @param type The credential type
- * @returns The credential label
- */
-export declare function getCredentialLabelInput(label: string | undefined, type: string): string | undefined;

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

@@ -1 +0,0 @@
-"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.d.ts

@@ -1 +0,0 @@
-export declare const getCredentialSeparator: (type: string | undefined) => string | undefined;

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

@@ -1 +0,0 @@
-"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/DataField/utils/hasSomeRequiredEmptyCredential.d.ts

@@ -1,2 +0,0 @@
-import { CredentialDisplayInfo } from '../../CredentialsDisplay/types';
-export declare function hasSomeRequiredEmptyCredential(credentialDisplayInfo: CredentialDisplayInfo): boolean;

package/dist/components/form/OneClickForm/components/DataField/utils/index.d.ts

@@ -1,5 +0,0 @@
-export * from './hasSomeRequiredEmptyCredential';
-export * from './getCredentialSeparator';
-export * from './defaults';
-export * from './getCredentialLabel';
-export * from './getAutoCompleteAttributeValue';

package/dist/components/form/OneClickForm/components/shared/CountrySelector.d.ts

@@ -1,10 +0,0 @@
-type CountrySelectorProps = {
-    value: string;
-    onChange(value: string): void;
-};
-/**
- * Component that renders and allows to manage the desired phone country format.
- * @constructor
- */
-export default function CountrySelector(props: Readonly<CountrySelectorProps>): import("react").JSX.Element;
-export {};

package/dist/components/form/OneClickForm/components/shared/DefaultInput.d.ts

@@ -1,6 +0,0 @@
-declare const _default: import('react').ForwardRefExoticComponent<Omit<{
-    [x: string]: any;
-    variant?: string | undefined;
-    margin?: string | undefined;
-}, "ref"> & import('react').RefAttributes<unknown>>;
-export default _default;

package/dist/components/form/OneClickForm/components/shared/IMaskInput.d.ts

@@ -1,15 +0,0 @@
-export type ChangeEvent = (event: {
-    target: {
-        name: string;
-        value: string;
-    };
-}, nativeEvent?: InputEvent) => void;
-interface InputMaskProps {
-    onChange: ChangeEvent;
-    name: string;
-    mask: string;
-    definitions?: Record<string, RegExp>;
-    useOnComplete?: boolean;
-}
-export declare const IMaskInput: import('react').ForwardRefExoticComponent<InputMaskProps & import('react').RefAttributes<HTMLInputElement>>;
-export {};

package/dist/components/form/OneClickForm/components/shared/Image.d.ts

@@ -1,16 +0,0 @@
-import { FC } from 'react';
-import { BoxProps } from '@mui/material';
-export interface ImageProps extends BoxProps {
-    src: string;
-    alt: string;
-}
-/**
- * Displays an image.
- *
- * Wraps an HTML `img` element with MUI's `Box` component
- * so that styles can easily be set (including leveraging our theme) with the `sx` prop.
- *
- * As recommended by the MUI docs https://mui.com/system/basics/
- */
-declare const Image: FC<ImageProps>;
-export default Image;

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

@@ -1 +0,0 @@
-"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.d.ts

@@ -1,14 +0,0 @@
-import { SxProps } from '@mui/material';
-type ImageEncodedProps = {
-    servicePath: string;
-    src: string;
-    alt?: string;
-    sx?: SxProps;
-};
-/**
- * Image component that decodes the same by extracting our
- * @param props
- * @constructor
- */
-export declare function ImageEncoded(props: ImageEncodedProps): import("react").JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-"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/InputMask.d.ts

@@ -1,26 +0,0 @@
-import { ChangeEventHandler, ReactNode } from 'react';
-type Selection = {
-    start: string;
-    end: string;
-};
-type State = {
-    value: string;
-    selection: Selection;
-};
-type BeforeMaskedStateChangeOptions = {
-    previousState: State;
-    currentState: State;
-    nextState: State;
-};
-type InputMaskProps = {
-    children: ReactNode;
-    mask: string | (RegExp | string)[];
-    value: string;
-    onChange: ChangeEventHandler<HTMLInputElement>;
-    beforeMaskedStateChange?: (options: BeforeMaskedStateChangeOptions) => void;
-    maskPlaceholder?: string | null;
-    alwaysShowMask?: boolean;
-    disabled?: boolean;
-};
-export declare function InputMask(props: Readonly<InputMaskProps>): import("react").JSX.Element;
-export {};

package/dist/components/form/OneClickForm/components/shared/TextInput.d.ts

@@ -1,15 +0,0 @@
-import { FC } from 'react';
-import { TextFieldProps } from '@mui/material';
-/**
- * A somewhat generic input for text
- *
- * TextInput is an abstraction over the MUI TextField component
- * encapsulating props shared by inputs of this type.
- * See the TextField component docs for additional props, options, etc. https://mui.com/components/text-fields/
- *
- * @param {TextFieldProps} props TextInput takes the same props as the MUI TextField component
- * with a default values for type ('text') and id and label defaulting to the value of the name prop
- * and the name prop (capitalized)
- */
-declare const TextInput: FC<TextFieldProps>;
-export default TextInput;

package/dist/components/form/OneClickForm/components/shared/TextMaskCustom.d.ts

@@ -1,15 +0,0 @@
-export type ChangeEvent = (event: {
-    target: {
-        name: string;
-        value: string;
-    };
-}, nativeEvent?: InputEvent) => void;
-interface TextMaskCustomProps {
-    onChange: ChangeEvent;
-    name: string;
-    mask: string;
-    definitions?: Record<string, RegExp>;
-    useOnComplete?: boolean;
-}
-export declare const TextMaskCustom: import('react').ForwardRefExoticComponent<TextMaskCustomProps & import('react').RefAttributes<HTMLInputElement>>;
-export {};

package/dist/components/form/OneClickForm/components/shared/Textarea.d.ts

@@ -1,14 +0,0 @@
-import { TextFieldProps } from '@mui/material';
-import { FC } from 'react';
-/**
- * A multiline textarea input
- *
- * Textarea is an abstraction over the MUI TextField component
- * encapsulating props shared by inputs of this type
- * see the TextField component docs for additional props, options, etc https://mui.com/components/text-fields/
- *
- * @param {TextFieldProps} props Textarea takes the same props as the MUI TextField component
- * with multiline always set to true.
- */
-declare const Textarea: FC<TextFieldProps>;
-export default Textarea;

package/dist/components/form/OneClickForm/components/shared/When.d.ts

@@ -1,17 +0,0 @@
-import { ReactNode } from 'react';
-export type WhenProps<T = unknown> = {
-    value: T;
-    children: ReactNode | ((condition: NonNullable<T>) => ReactNode);
-};
-/**
- * This component can be used when using value is truthy to render some other component,
- * instead of using ternary operators you can use this.
- *
- * This is particularly useful when you have nested conditional rendering. Also, it allows for safer falsy conditions
- * while in a ternary you can risk rendering falsy values in the react tree if you use `&&`.
- * @param value
- * @param children Children can be direct ReactNode or a function returning ReactNode, when a function,
- * the value is being passed as param and is guarantee to be non-nullable excluding undefined and null from the inferred type.
- * @constructor
- */
-export declare function When<T>({ value, children }: WhenProps<T>): import("react").JSX.Element | null;

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

@@ -1 +0,0 @@
-"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.d.ts

@@ -1,6 +0,0 @@
-import * as zod from 'zod';
-export declare const birthDateSchema: zod.ZodEffects<zod.ZodString, string, string>;
-export declare const simpleBirthDateSchema: zod.ZodEffects<zod.ZodString, string, string>;
-export declare const shortenBirthDateSchema: zod.ZodEffects<zod.ZodString, string, string>;
-export declare const minimumDate1900Schema: zod.ZodEffects<zod.ZodString, string, string>;
-export declare const minimumAge18Schema: zod.ZodEffects<zod.ZodString, string, string>;

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

@@ -1 +0,0 @@
-"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.d.ts

@@ -1,7 +0,0 @@
-import { SSNSchema } from '../../../../../../validations/ssn.schema';
-import * as zod from 'zod';
-export { SSNSchema };
-export declare const timestampSchema: zod.ZodEffects<zod.ZodString, string, string>;
-export declare const emailSchema: zod.ZodString;
-export declare const phoneSchema: zod.ZodEffects<zod.ZodString, string, string>;
-export declare const defaultTextSchema: zod.ZodString;

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

@@ -1 +0,0 @@
-"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.d.ts

@@ -1,2 +0,0 @@
-import * as zod from 'zod';
-export declare const EmailFragmentSchema: zod.ZodString;

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

@@ -1 +0,0 @@
-"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/fragments/otp.d.ts

@@ -1,2 +0,0 @@
-import * as zod from 'zod';
-export declare const OTPFragmentSchema: zod.ZodString;

package/dist/components/form/OneClickForm/components/validations/fragments/phone.d.ts

@@ -1,3 +0,0 @@
-import * as zod from 'zod';
-export declare const PhoneFragmentSchema: zod.ZodString;
-export declare const StrictPhoneFragmentSchema: zod.ZodEffects<zod.ZodString, string, string>;

package/dist/components/form/OneClickForm/components/validations/fragments/uuid.d.ts

@@ -1,2 +0,0 @@
-import * as zod from 'zod';
-export declare const UUIDFragmentSchema: zod.ZodString;

package/dist/components/form/OneClickForm/components/validations/schemas/date.schema.d.ts

@@ -1,2 +0,0 @@
-import * as zod from 'zod';
-export declare const USDateSchema: zod.ZodEffects<zod.ZodString, string, string>;

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

@@ -1 +0,0 @@
-"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.d.ts

@@ -1,9 +0,0 @@
-export declare const credentialTypes: {
-    readonly SSNCredential: "SSNCredential";
-    readonly FullNameCredential: "FullNameCredential";
-    readonly AddressCredential: "AddressCredential";
-    readonly Line2Credential: "Line2Credential";
-    readonly PhoneCredential: "PhoneCredential";
-    readonly BirthDateCredential: "BirthDateCredential";
-    readonly GovernmentIdDocumentImageCredential: "GovernmentIdDocumentImageCredential";
-};

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

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

package/dist/components/form/OneClickForm/constants/index.d.ts

@@ -1 +0,0 @@
-export * from './credentialTypes';

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

@@ -1,34 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-type OneClickOptionFeatures = {
-    selectableCredentials?: boolean;
-    phoneCredentialWhitelist?: string[];
-    phoneCredentialRegexWhitelist?: string;
-    /** Array of field names that can be filled by query params. Use '*' to allow all fields. */
-    fillEmptyByQueryParam?: string[];
-    /** Element that the date picker should be detached from when clicking outside of it. */
-    datePickerClickOutsideBoundaryElement?: HTMLElement | null;
-};
-type OneClickOptionServicePaths = {
-    credentialImagePath: string;
-    googlePlacesAutocompletePlaces?: string;
-    googlePlacesGetPlace?: string;
-};
-export type OneClickFormOptions = {
-    features: OneClickOptionFeatures;
-    servicePaths: OneClickOptionServicePaths;
-};
-type OneClickFormOptionsContext = {
-    options: OneClickFormOptions;
-};
-type OneClickFormOptionsProviderProps = {
-    children: ReactNode;
-    options: OneClickFormOptions;
-};
-export declare function useOneClickFormOptions(): OneClickFormOptionsContext;
-/**
- * Provider for 1-click form that should provide options to be accessed by deep react modules.
- * @param props
- * @constructor
- */
-export declare function OneClickFormOptionsProvider(props: OneClickFormOptionsProviderProps): ReactElement;
-export {};

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

@@ -1 +0,0 @@
-"use strict";import{useContext as r,createContext as n}from"react";import{jsx as s}from"react/jsx-runtime";const o=n(null);function i(){const e=r(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.d.ts

@@ -1,5 +0,0 @@
-/**
- * Hook to check if a field can be filled by query params based on the fillEmptyByQueryParam option
- * @returns A function that takes a fieldName and returns a boolean indicating if the field can be filled by query params.
- */
-export declare function useCanFillByQueryParam(): (fieldName: string) => boolean;

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

@@ -1 +0,0 @@
-"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/useDebounce.d.ts

@@ -1 +0,0 @@
-export declare function useDebounce<T>(value: T, delay?: number): T;

package/dist/components/form/OneClickForm/hooks/useDebounceCallback.d.ts

@@ -1,46 +0,0 @@
-/** Configuration options for controlling the behavior of the debounced function. */
-type DebounceOptions = {
-    /**
-     * Determines whether the function should be invoked on the leading edge of the timeout.
-     * @default false
-     */
-    leading?: boolean;
-    /**
-     * Determines whether the function should be invoked on the trailing edge of the timeout.
-     * @default false
-     */
-    trailing?: boolean;
-    /**
-     * The maximum time the specified function is allowed to be delayed before it is invoked.
-     */
-    maxWait?: number;
-};
-/** Functions to manage a debounced callback. */
-type ControlFunctions = {
-    /** Cancels pending function invocations. */
-    cancel: () => void;
-    /** Immediately invokes pending function invocations. */
-    flush: () => void;
-    /**
-     * Checks if there are any pending function invocations.
-     * @returns `true` if there are pending invocations, otherwise `false`.
-     */
-    isPending: () => boolean;
-};
-/**
- * Represents the state and control functions of a debounced callback.
- * Subsequent calls to the debounced function return the result of the last invocation.
- * Note: If there are no previous invocations, the result will be undefined.
- * Ensure proper handling in your code.
- */
-export type DebouncedState<T extends (...args: any) => ReturnType<T>> = ((...args: Parameters<T>) => ReturnType<T> | undefined) & ControlFunctions;
-/**
- * Custom hook that creates a debounced version of a callback function.
- * @template T - Type of the original callback function.
- * @param {T} func - The callback function to be debounced.
- * @param {number} delay - The delay in milliseconds before the callback is invoked (default is `500` milliseconds).
- * @param {DebounceOptions} [options] - Options to control the behavior of the debounced function.
- * @returns {DebouncedState<T>} A debounced version of the original callback along with control functions.
- */
-export declare function useDebounceCallback<T extends (...args: any) => ReturnType<T>>(func: T, delay?: number, options?: DebounceOptions): DebouncedState<T>;
-export {};

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

@@ -1 +0,0 @@
-"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/hooks/usePrevious.d.ts

@@ -1,5 +0,0 @@
-/**
- * Custom React hook for tracking previous values.
- * @param value
- */
-export declare function usePrevious<T>(value: T): T | undefined;

package/dist/components/form/OneClickForm/hooks/useZipCodeLookup.d.ts

@@ -1,11 +0,0 @@
-type Request = {
-    zipcode: string;
-};
-type Response = {
-    state: string;
-    city: string;
-    country: string;
-    zipcode: string;
-};
-export declare function useZipCodeLookup(): import('@tanstack/react-query').UseMutationResult<Response, Error, Request, unknown>;
-export {};