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

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

@@ -1,19 +0,0 @@
-export * from './getCredentialTypeDisplayInfo';
-export * from './isRequiredCredentialDisplayInfo';
-export * from './isValidInputCredential';
-export * from './makeCredentialDisplayInfoList';
-export * from './findCorrectSchemaProperty';
-export * from './getReferencedSchemaNames';
-export * from './getCredentialValues';
-export * from './isNewCredentialAgainstInstance';
-export * from './filterRepeatedCredentials';
-export * from './findCredentialsByType';
-export * from './extractTypesFromSchema';
-export * from './sortCredentialsBySchema';
-export * from './transformToFormObject';
-export * from './transformToFormSchema';
-export * from './getParentPath';
-export * from './getLastPathName';
-export * from './extractChildrenFromCredentialFieldSet';
-export * from './hasMandatoryFieldEmpty';
-export * from './isSomeFieldInputAllowed';

package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/isNewCredentialAgainstInstance.d.ts

@@ -1,9 +0,0 @@
-import { CredentialDisplayInfo } from '../types';
-/**
- * Checks if a `CredentialDisplayInfo` is a new credential instance.
- *
- * @param {CredentialDisplayInfo} credentialDisplayInfo - The `CredentialDisplayInfo` to check.
- * @returns {boolean} `true` if it's a new instance, `false` otherwise.
- * @throws {Error} Throws an error if `credentialDisplayInfo.originalInstance` is `null`.
- */
-export declare function isNewCredentialAgainstInstance(credentialDisplayInfo: CredentialDisplayInfo): boolean;

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

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

@@ -1,6 +0,0 @@
-import { CredentialDisplayInfo } from '../types';
-/**
- * Returns true if all the values in the credential display info are empty.
- * @param credentialDisplayInfo
- */
-export declare function isNewCredentialValues(credentialDisplayInfo: CredentialDisplayInfo): boolean;

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

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

@@ -1,4 +0,0 @@
-import { MandatoryEnum } from '../types';
-export declare const isRequiredCredentialDisplayInfo: (displayInfo: {
-    mandatory?: MandatoryEnum;
-}) => boolean;

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

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

@@ -1,6 +0,0 @@
-import { CredentialFieldSet } from '../types';
-/**
- * Recursively checks if any child in the credential field set has allowUserInput set to true
- * in its credentialDisplayInfo.credentialRequest property.
- */
-export declare function isSomeFieldInputAllowed(fieldSet: CredentialFieldSet): boolean;

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

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

@@ -1,13 +0,0 @@
-import { CredentialDisplayInfo } from '../types';
-type Options = {
-    phoneCredentialWhitelist?: string[];
-    phoneCredentialRegexWhitelist?: string;
-};
-/**
- * Checks the validity of the credential based on the schema input pattern.
- */
-export declare const isValidInputCredential: (value: string, schemaProperty: any | undefined, credentialDisplayInfo: CredentialDisplayInfo, options?: Options) => {
-    success: boolean;
-    error?: string;
-} | undefined;
-export {};

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

@@ -1 +0,0 @@
-"use strict";import{InputFormatEnum as a}from"../../../types/input-format.mjs";import{when as p}from"../../../utils/when.mjs";import{defaultTextSchema as f,phoneSchema as h,emailSchema 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:d.safeParse(e).success}),[a.Phone]:()=>n&&new RegExp(n).test(e)?{success:!0}:Array.isArray(u)&&u.some(r=>r===e)?{success:!0}:{success:h.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.d.ts

@@ -1,14 +0,0 @@
-import { CredentialDisplayInfo, CredentialRequests, Credentials, MandatoryEnum } from '../types';
-/**
- * Orders credentials by the order from the list of credential requests.
- * Used for displaying credentials on the Request page
- * @param {Credentials[]} credentials the credentials to order
- * @param {CredentialRequests[]} credentialRequests the credential requests to order by
- * @param {any} schema the schema to use to get the display info for each credential
- * @param options Attributes or properties to cascade down to children
- * @returns {CredentialDisplayInfo[]} the ordered credential display info
- */
-export declare const makeCredentialDisplayInfoList: (credentials: Credentials[], credentialRequests: CredentialRequests[], schema: any, options?: {
-    allowUserInput?: boolean;
-    mandatory?: MandatoryEnum;
-}) => CredentialDisplayInfo[];

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

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

@@ -1,2 +0,0 @@
-import { Credentials } from '../types';
-export declare const sortCredentialsBySchema: (credential: Credentials, schema: any) => (a: Credentials, b: Credentials) => number;

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

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

@@ -1,6 +0,0 @@
-import { CredentialDisplayInfo } from '../types';
-/**
- * Transforms the display info list into a form object.
- * @param displayInfoList
- */
-export declare function transformToFormObject(displayInfoList: CredentialDisplayInfo[]): any;

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

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

@@ -1,15 +0,0 @@
-import { OneClickFormOptions } from '../../../contexts/one-click-form-options.context';
-import { CredentialFieldSet } from '../types';
-import * as zod from 'zod';
-type Options = {
-    schema: any;
-};
-type Context = {
-    parentFieldSet?: CredentialFieldSet;
-};
-/**
- * Transforms the display info list into a form schema.
- * @param displayInfoList
- */
-export declare function transformToFormSchema(fieldSet: CredentialFieldSet, options: Options, oneClickFormOptions: OneClickFormOptions, context?: Context): zod.ZodObject<any>;
-export {};

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

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

@@ -1,6 +0,0 @@
-import { ReactElement } from 'react';
-/**
- * This component renders an atomic level credential, it displays the component by displayFormat.
- * @constructor
- */
-export declare function DataFieldAtomic(): ReactElement | null;

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

@@ -1 +0,0 @@
-"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{credentialTypes as r}from"../../constants/credentialTypes.mjs";import{DataFieldLeftSide as x}from"./DataFieldLeftSide.mjs";import{findCorrectSchemaProperty as b}from"../CredentialsDisplay/utils/findCorrectSchemaProperty.mjs";import{DataFieldTextInput as w}from"./inputs/DataFieldTextInput.mjs";import{DataFieldImageInput as P}from"./inputs/DataFieldImageInput.mjs";import{DataFieldSelectInput as j}from"./inputs/DataFieldSelectInput.mjs";import{DataFieldSSNInput as E}from"./inputs/DataFieldSSNInput.mjs";import{DataFieldPhoneInput as T}from"./inputs/DataFieldPhoneInput.mjs";import{DataFieldDateInput as k}from"./inputs/DataFieldDateInput.mjs";import{DataFieldHeader as A}from"./DataFieldHeader/index.mjs";import{DataFieldText as L}from"./formats/DataFieldText.mjs";import{DataFieldImage as M}from"./formats/DataFieldImage.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=b(t.schema,p,i);return d((n=m?.input)==null?void 0:n.type,{[a.Date]:()=>e(k,{}),[a.Phone]:()=>e(T,{}),[a.SSN]:()=>e(E,{}),[a.Select]:()=>e(j,{}),[a.Image]:()=>e(P,{}),else:()=>e(w,{})})},h=()=>f?e(S,{value:c&&!o,children:e(A,{block:!0})}):d(t?.displayFormat,{[y.Image]:()=>e(M,{}),else:()=>e(L,{})}),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.d.ts

@@ -1,7 +0,0 @@
-import { ReactElement } from 'react';
-/**
- * This component renders and manages the check for atomic and composite level,
- * when composite, it controls the children also by selecting/deselecting them.
- * @constructor
- */
-export declare function DataFieldCheckbox(): ReactElement | null;

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

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

@@ -1,6 +0,0 @@
-type DataFieldClearAdornmentProps = Readonly<{
-    disabled?: boolean;
-    onClick?: () => void;
-}>;
-export declare function DataFieldClearAdornment({ onClick, disabled, }: DataFieldClearAdornmentProps): import("react").JSX.Element;
-export {};

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

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

@@ -1,11 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-type DataFieldCompositeProps = {
-    children?: ReactNode | ReactNode[] | undefined;
-};
-/**
- * This component renders a composite level credential, followed by child of atomic/composite credentials.
- * @param props
- * @constructor
- */
-export declare function DataFieldComposite(props: DataFieldCompositeProps): ReactElement | null;
-export {};

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

@@ -1 +0,0 @@
-"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{credentialTypes as c}from"../../constants/credentialTypes.mjs";import{DataFieldAddressInput as C}from"./inputs/DataFieldAddressInput/index.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.d.ts

@@ -1 +0,0 @@
-export declare function DataFieldDescription(): import("react").JSX.Element;

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

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

@@ -1,13 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { SxProps } from '@mui/material';
-type DataFieldGroupProps = PropsWithChildren & {
-    sx?: SxProps;
-};
-/**
- * Component used to group the other data field elements, should not use other than this.
- * @param children
- * @param sx
- * @constructor
- */
-export declare function DataFieldGroup({ children, sx }: DataFieldGroupProps): import("react").JSX.Element;
-export {};

package/dist/components/form/OneClickForm/components/DataField/DataFieldHeader/HeaderSelect/index.d.ts

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

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

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

@@ -1,2 +0,0 @@
-import { SxProps } from '@mui/material';
-export declare const styles: () => Record<string, SxProps>;

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

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

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

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

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

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

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

@@ -1,3 +0,0 @@
-import { ReactElement } from 'react';
-import { CredentialDisplayInfo } from '../../../../CredentialsDisplay/types';
-export declare const renderInstance: (renderAsString: boolean) => (credentialDisplayInfo: CredentialDisplayInfo) => string | import("react").JSX.Element | (string | ReactElement<any, string | import('react').JSXElementConstructor<any>>)[];

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

@@ -1 +0,0 @@
-"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{credentialTypes as I}from"../../../../../constants/credentialTypes.mjs";import{getCredentialSeparator as P}from"../../../utils/getCredentialSeparator.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===I.AddressCredential){const r=F(e);if(r)return r}const l=P((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.d.ts

@@ -1,12 +0,0 @@
-import { ReactElement } from 'react';
-type DataFieldHeaderProps = Readonly<{
-    block?: boolean;
-    onFocus?: () => void;
-}>;
-/**
- * This component renders the select for the composite level credential, it manages the selection
- * of desired credential to be used.
- * @constructor
- */
-export declare function DataFieldHeader(props: DataFieldHeaderProps): ReactElement;
-export {};

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

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

@@ -1,14 +0,0 @@
-import { PropsWithChildren, ReactElement, ReactNode } from 'react';
-import { SxProps } from '@mui/material';
-type DataFieldLabelInputProps = PropsWithChildren & {
-    label?: ReactNode;
-    sx?: SxProps;
-};
-/**
- * Component to display a credential label.
- * @param label
- * @param sx
- * @constructor
- */
-export declare function DataFieldInputLabel({ label, sx, }: DataFieldLabelInputProps): ReactElement;
-export {};

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

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

@@ -1,11 +0,0 @@
-import { ReactElement } from 'react';
-import { SxProps } from '@mui/material';
-type DataFieldInputModeHeaderProps = {
-    sx?: SxProps;
-};
-/**
- * Component that displays the header on input mode for a data field.
- * @constructor
- */
-export declare function DataFieldInputModeHeader(props: Readonly<DataFieldInputModeHeaderProps>): ReactElement | null;
-export {};

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

@@ -1,6 +0,0 @@
-import { ReactElement } from 'react';
-interface DataFieldLabelProps {
-    id?: string;
-}
-export declare function DataFieldLabel({ id }: DataFieldLabelProps): ReactElement;
-export {};

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

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

@@ -1,11 +0,0 @@
-import { ReactElement } from 'react';
-type DataFieldLabelTextProps = {
-    prefix?: string;
-    hideRequired?: boolean;
-};
-/**
- * Component to display a credential label text, when required it renders an asterisk.
- * @constructor
- */
-export declare function DataFieldLabelText(props: DataFieldLabelTextProps): ReactElement;
-export {};

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

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

@@ -1,7 +0,0 @@
-import { ReactElement } from 'react';
-/**
- * This component will render the left side of a data field,
- * rendering checkbox or nothing depending on the isSelectable field.
- * @constructor
- */
-export declare function DataFieldLeftSide(): ReactElement;

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

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

@@ -1,14 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { SxProps } from '@mui/material';
-type DataFieldLegendProps = PropsWithChildren & {
-    sx?: SxProps;
-    error?: boolean;
-};
-/**
- * Component to display a credential legend.
- * @param children
- * @param sx
- * @constructor
- */
-export declare function DataFieldLegend({ children, sx, ...props }: DataFieldLegendProps): import("react").JSX.Element;
-export {};

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

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

@@ -1,13 +0,0 @@
-import { PropsWithChildren, ReactElement } from 'react';
-import { SxProps } from '@mui/material';
-type DataFieldPaperProps = PropsWithChildren & {
-    sx?: SxProps;
-};
-/**
- * Component used to wrap data field types.
- * @param children
- * @param sx
- * @constructor
- */
-export declare function DataFieldPaper({ children, sx, }: DataFieldPaperProps): ReactElement;
-export {};

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

@@ -1,8 +0,0 @@
-import { ReactElement } from 'react';
-import { StackProps } from '@mui/material';
-/**
- * This component renders a sequence of data field atomic/composite credentials and spaces them.
- * @param props
- * @constructor
- */
-export declare function DataFieldRootStack(props: StackProps): ReactElement;

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

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

@@ -1,8 +0,0 @@
-import { ReactElement } from 'react';
-import { StackProps } from '@mui/material';
-/**
- * This component renders a sequence of data field atomic/composite credentials and spaces them.
- * @param props
- * @constructor
- */
-export declare function DataFieldStack(props: StackProps): ReactElement;

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

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

@@ -1,13 +0,0 @@
-import { PropsWithChildren, ReactElement } from 'react';
-import { SxProps } from '@mui/material';
-type DataFieldValueProps = PropsWithChildren & {
-    sx?: SxProps;
-};
-/**
- * Component to display a credential value of display type Text.
- * @param children
- * @param sx
- * @constructor
- */
-export declare function DataFieldValue({ children, sx, }: DataFieldValueProps): ReactElement;
-export {};

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

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

@@ -1,6 +0,0 @@
-import { ReactElement } from 'react';
-/**
- * This component is responsible to render the credential of type Image.
- * @constructor
- */
-export declare function DataFieldImage(): ReactElement;

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

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

@@ -1,10 +0,0 @@
-import { ReactElement } from 'react';
-type DataFieldInputAddressProps = {
-    hasMultipleInstances: boolean;
-};
-/**
- * This component renders and manages display format Address.
- * @constructor
- */
-export declare function DataFieldInputAddress(props: DataFieldInputAddressProps): ReactElement;
-export {};

package/dist/components/form/OneClickForm/components/DataField/formats/DataFieldInputSelect.d.ts

@@ -1,9 +0,0 @@
-type DataFieldInputSelectProps = {
-    hasMultipleInstances?: boolean;
-};
-/**
- * This component manages the input of type Select.
- * @constructor
- */
-export declare function DataFieldInputSelect(props: DataFieldInputSelectProps): import("react").JSX.Element;
-export {};

package/dist/components/form/OneClickForm/components/DataField/formats/DataFieldText.d.ts

@@ -1,6 +0,0 @@
-import { ReactElement } from 'react';
-/**
- * This component renders and manages the input value for display format Text or to strings.
- * @constructor
- */
-export declare function DataFieldText(): ReactElement;

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

@@ -1 +0,0 @@
-"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{DataFieldLabel as n}from"../DataFieldLabel.mjs";import{DataFieldValue as c}from"../DataFieldValue.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(n,{}),t(i,{direction:"column",children:[a(c,{children:e||o?"-":void 0}),a(d,{})]})]})})}export{p as DataFieldText};

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

@@ -1,3 +0,0 @@
-export * from './DataFieldImage';
-export * from './DataFieldInputAddress';
-export * from './DataFieldText';

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

@@ -1,10 +0,0 @@
-export * from './DataFieldInputLabel';
-export * from './DataFieldValue';
-export * from './DataFieldGroup';
-export * from './DataFieldLegend';
-export * from './DataFieldLabelText';
-export * from './DataFieldLabel';
-export * from './DataFieldInputModeHeader';
-export * from './DataFieldLeftSide';
-export * from './DataFieldClearAdornment';
-export * from './DataFieldHeader';

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

@@ -1,10 +0,0 @@
-import { Address, PlaceAddressComponent, PlaceSuggestion } from './types';
-type AutoFillHookReturn = {
-    handleAutoComplete: (value: string) => Promise<void>;
-    fetchPlace: (placeId: string) => Promise<PlaceAddressComponent[] | null>;
-    buildAddress: (placeComponents: PlaceAddressComponent[]) => Address;
-    suggestions: PlaceSuggestion[];
-    isPending: boolean;
-};
-export declare function useAutoFill(): AutoFillHookReturn;
-export {};

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

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

@@ -1,20 +0,0 @@
-import { useCredentialsDisplayItem } from '../../../CredentialsDisplay/CredentialsDisplayItemContext';
-import { Option, PlaceSuggestion } from './types';
-type DataFieldAddressInputReturn = {
-    value: Option;
-    inputValue: string;
-    suggestions: PlaceSuggestion[];
-    isPending: boolean;
-    isFetchingPlace: boolean;
-    error: string | undefined;
-    disabled: boolean;
-    handleInputChange: (newInputValue: string, changeOptions?: {
-        shouldValidate?: boolean;
-    }) => void;
-    handleOptionChange: (option: Option) => Promise<void>;
-    handleClear: () => void;
-};
-export declare function useDataFieldAddressInput({ credentialsDisplayItem, }: {
-    credentialsDisplayItem: ReturnType<typeof useCredentialsDisplayItem>;
-}): DataFieldAddressInputReturn;
-export {};

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

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

@@ -1,6 +0,0 @@
-import { ReactElement } from 'react';
-/**
- * This component composes the fields of address except line 2.
- * @constructor
- */
-export declare function DataFieldAddressInput(): ReactElement;