@verifiedinc-public/shared-ui-elements 5.7.0 → 5.9.1

package/dist/components/chart/index.mjs

@@ -1 +1 @@
-"use strict";import{B as a,i as s,E as e,L as r,j as i,M as t,g as C,O as h,P as n,R as o,e as S,d as m,S as g,a as p,b as c,k as d,c as l,f as O,h as b,m as k}from"../../shared/SignupBigNumbers-DTFFbGIC.mjs";export{a as BigNumber,s as EmptyChartSection,e as ErrorCodesChart,r as LoadingChartSection,i as MetricLastUpdated,t as MonthlySignupsOverviewTable,C as OneClickOverTimeChart,h as OneClickPercentageChart,n as PieChart,o as ReasonCodesChart,S as RiskScoreBarChart,m as RiskScorePieChart,g as SeriesChart,p as SeriesChartLegend,c as SeriesPercentageChart,d as SignupBigNumbers,l as SimpleBarChart,O as SimpleLegend,b as mapMonthlySignupsOverviewTableData,k as mapTimeSeriesData};
+"use strict";import{B as a,i as s,E as e,L as r,j as i,M as t,g as C,O as h,P as n,R as o,e as S,d as m,S as g,a as p,b as c,k as d,c as l,f as O,h as b,m as k}from"../../shared/SignupBigNumbers-BO1JJl6G.mjs";export{a as BigNumber,s as EmptyChartSection,e as ErrorCodesChart,r as LoadingChartSection,i as MetricLastUpdated,t as MonthlySignupsOverviewTable,C as OneClickOverTimeChart,h as OneClickPercentageChart,n as PieChart,o as ReasonCodesChart,S as RiskScoreBarChart,m as RiskScorePieChart,g as SeriesChart,p as SeriesChartLegend,c as SeriesPercentageChart,d as SignupBigNumbers,l as SimpleBarChart,O as SimpleLegend,b as mapMonthlySignupsOverviewTableData,k as mapTimeSeriesData};

package/dist/components/form/DateInput/index.d.ts

@@ -1,13 +1,16 @@
-import { ChangeEventHandler } from 'react';
+import { ReactNode, ChangeEventHandler } from 'react';
 import { TextFieldProps } from '@mui/material';
+import { InputMaskProps } from '../InputMask';
 interface DateInputProps extends Omit<TextFieldProps, 'onBlur' | 'onChange'> {
-    label?: string;
+    label?: ReactNode;
     value?: string;
     helperText?: string;
     onChange?: (value: string) => void;
     onBlur?: ChangeEventHandler<HTMLInputElement>;
+    pickerDefaultSelectedDate?: Date;
     pickerClickOutsideBoundaryElement?: HTMLElement;
     pickerInputOverflow?: boolean;
+    inputMaskProps?: Readonly<Partial<InputMaskProps>>;
 }
 export declare const DateInput: import('react').ForwardRefExoticComponent<Omit<Readonly<DateInputProps>, "ref"> & import('react').RefAttributes<unknown>>;
 export {};

package/dist/components/form/InputMask.d.ts

@@ -12,7 +12,7 @@ interface BeforeMaskedStateChangeOptions {
     currentState: State;
     nextState: State;
 }
-interface InputMaskProps {
+export interface InputMaskProps {
     children: ReactNode;
     mask: string | Array<RegExp | string>;
     value: string;

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

@@ -1 +1,2 @@
-export default function CredentialsDisplay(): import("react").JSX.Element;
+import { ReactElement } from 'react';
+export default function CredentialsDisplay(): ReactElement;

package/dist/components/form/OneClickForm/components/CredentialsDisplay/CredentialsDisplayContext.d.ts

@@ -1,10 +1,11 @@
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { CredentialDisplayInfo, CredentialRequests, Credentials } from './types';
 export type CredentialsDisplayContext = {
     credentialRequests: any[];
     credentials: any[];
     displayInfoList: CredentialDisplayInfo[];
     schema: any;
+    isEditMode: boolean;
     handleChangeCredentialInstance(path: string, credentialId: string): void;
     handleChangeValueCredential(path: string, value: unknown, options?: {
         shouldValidate?: boolean;
@@ -13,6 +14,7 @@ export type CredentialsDisplayContext = {
     handleChangeValidationCredential(path: string, valid: boolean, message?: string): void;
     handleSelectCredential(path: string, checked: boolean, shouldCascade: boolean): void;
     handleToggleEditModeCredential(path: string, editMode: boolean): void;
+    setEditMode(editMode: boolean): void;
 };
 type CredentialValue = {
     credentials: Credentials[];
@@ -32,5 +34,5 @@ export declare function useCredentialsDisplay(): CredentialsDisplayContext;
 export default function CredentialsDisplayProvider({ value, children, }: {
     value: CredentialValue;
     children: ReactNode | ReactNode[];
-}): import("react").JSX.Element;
+}): ReactElement;
 export {};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/CredentialsDisplayItem.d.ts

@@ -1,8 +1,6 @@
-import { ReactNode } from 'react';
-import { SxProps } from '@mui/material';
+import { ReactElement, ReactNode } from 'react';
 type CredentialsDisplayItemProps = {
     providerProps: any;
-    sx?: SxProps;
     children?: ReactNode;
 };
 /**
@@ -11,5 +9,5 @@ type CredentialsDisplayItemProps = {
  * @param props
  * @constructor
  */
-export declare function CredentialsDisplayItem({ providerProps, ...props }: CredentialsDisplayItemProps): import("react").JSX.Element;
+export declare function CredentialsDisplayItem({ providerProps, ...props }: CredentialsDisplayItemProps): ReactElement;
 export {};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/CredentialsDisplayItemContext.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { FieldValues, UseControllerReturn } from 'react-hook-form';
 import { CredentialDisplayInfo, CredentialFieldSet } from './types';
 export type CredentialsDisplayItemContext = {
@@ -17,6 +17,9 @@ export type CredentialsDisplayItemContext = {
     handleChangeDebouncedValueCredential(value: unknown, options?: {
         shouldValidate?: boolean;
     }): void;
+    handleChangeChildValueCredential(childPath: string, value: unknown, options?: {
+        shouldValidate?: boolean;
+    }): void;
     handleClearValueCredential(): void;
     handleChangeValidationCredential(valid: boolean, message?: string): void;
     handleChangeCredentialInstance(credentialId: string): void;
@@ -39,5 +42,5 @@ type CredentialsDisplayItemProviderProps = {
  * @param props
  * @constructor
  */
-export default function CredentialsDisplayItemProvider(props: CredentialsDisplayItemProviderProps): import("react").JSX.Element;
+export default function CredentialsDisplayItemProvider(props: CredentialsDisplayItemProviderProps): ReactElement;
 export {};

package/dist/components/form/OneClickForm/components/CredentialsDisplay/components/EditModeButton.d.ts

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

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

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

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

@@ -3,5 +3,6 @@
  */
 export declare function useCredentialsDisplayItemValid(): {
     isValid: boolean;
+    isFormInvalid: boolean;
     errorMessage: string | undefined;
 };

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

@@ -60,6 +60,7 @@ export interface CredentialField {
     id: string;
     value: string;
     credentialDisplayInfo: CredentialDisplayInfo;
+    type: string;
 }
 export type CredentialFieldSet = CredentialField & {
     [key: string]: CredentialFieldSet;

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

@@ -0,0 +1,9 @@
+import { CredentialFieldSet } from '../types';
+/**
+ * Extracts all nested child credential fields from a CredentialFieldSet object.
+ *
+ * @param {CredentialFieldSet} credentialFieldSet - The credential field set to extract child fields from.
+ * @returns {Record<string, CredentialFieldSet>} An object containing only the nested credential field sets,
+ *          where keys are the property names and values are the corresponding CredentialFieldSet objects.
+ */
+export declare function extractChildrenFromCredentialFieldSet(credentialFieldSet: CredentialFieldSet): Record<string, CredentialFieldSet>;

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

@@ -14,3 +14,4 @@ export * from './transformToFormObject';
 export * from './transformToFormSchema';
 export * from './getParentPath';
 export * from './getLastPathName';
+export * from './extractChildrenFromCredentialFieldSet';

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

@@ -1,8 +1,15 @@
 import { OneClickFormOptions } from '../../../contexts/one-click-form-options.context';
-import { CredentialDisplayInfo } from '../types';
+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(displayInfoList: CredentialDisplayInfo[], oneClickFormOptions: OneClickFormOptions): zod.ZodObject<any>;
+export declare function transformToFormSchema(fieldSet: CredentialFieldSet, options: Options, oneClickFormOptions: OneClickFormOptions, context?: Context): zod.ZodObject<any>;
+export {};

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

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

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

@@ -1,6 +1,7 @@
+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(): import("react").JSX.Element;
+export declare function DataFieldCheckbox(): ReactElement | null;

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

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

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 type DataFieldCompositeProps = {
     children?: ReactNode | ReactNode[] | undefined;
 };
@@ -7,5 +7,5 @@ type DataFieldCompositeProps = {
  * @param props
  * @constructor
  */
-export declare function DataFieldComposite(props: DataFieldCompositeProps): import("react").JSX.Element;
+export declare function DataFieldComposite(props: DataFieldCompositeProps): ReactElement | null;
 export {};

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 type DataFieldHeaderProps = Readonly<{
     block?: boolean;
     onFocus?: () => void;
@@ -7,5 +8,5 @@ type DataFieldHeaderProps = Readonly<{
  * of desired credential to be used.
  * @constructor
  */
-export declare function DataFieldHeader(props: DataFieldHeaderProps): import("react").JSX.Element;
+export declare function DataFieldHeader(props: DataFieldHeaderProps): ReactElement;
 export {};

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

@@ -0,0 +1,19 @@
+import { PropsWithChildren, ReactElement, ReactNode } from 'react';
+import { OverridableStringUnion } from '@mui/types';
+import { Variant } from '@mui/material/styles/createTypography';
+import { SxProps } from '@mui/material';
+import { TypographyPropsVariantOverrides } from '@mui/material/Typography/Typography';
+type DataFieldLabelInputProps = PropsWithChildren & {
+    label?: ReactNode;
+    variant?: OverridableStringUnion<'inherit' | Variant, TypographyPropsVariantOverrides>;
+    sx?: SxProps;
+};
+/**
+ * Component to display a credential label.
+ * @param variant
+ * @param label
+ * @param sx
+ * @constructor
+ */
+export declare function DataFieldInputLabel({ variant, label, sx, }: DataFieldLabelInputProps): ReactElement;
+export {};

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

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

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

@@ -1,19 +1,2 @@
-import { PropsWithChildren, ReactNode } from 'react';
-import { OverridableStringUnion } from '@mui/types';
-import { Variant } from '@mui/material/styles/createTypography';
-import { SxProps } from '@mui/material';
-import { TypographyPropsVariantOverrides } from '@mui/material/Typography/Typography';
-type DataFieldLabelProps = PropsWithChildren & {
-    label?: ReactNode;
-    variant?: OverridableStringUnion<'inherit' | Variant, TypographyPropsVariantOverrides>;
-    sx?: SxProps;
-};
-/**
- * Component to display a credential label.
- * @param variant
- * @param label
- * @param sx
- * @constructor
- */
-export declare function DataFieldLabel({ variant, label, sx }: DataFieldLabelProps): import("react").JSX.Element;
-export {};
+import { ReactElement } from 'react';
+export declare function DataFieldLabel(): ReactElement;

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

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

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

@@ -1,6 +1,7 @@
+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(): import("react").JSX.Element;
+export declare function DataFieldLeftSide(): ReactElement;

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

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, ReactElement } from 'react';
 import { SxProps } from '@mui/material';
 type DataFieldPaperProps = PropsWithChildren & {
     sx?: SxProps;
@@ -9,5 +9,5 @@ type DataFieldPaperProps = PropsWithChildren & {
  * @param sx
  * @constructor
  */
-export declare function DataFieldPaper({ children, sx }: DataFieldPaperProps): import("react").JSX.Element;
+export declare function DataFieldPaper({ children, sx, }: DataFieldPaperProps): ReactElement;
 export {};

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

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

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

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, ReactElement } from 'react';
 import { SxProps } from '@mui/material';
 type DataFieldValueProps = PropsWithChildren & {
     sx?: SxProps;
@@ -9,5 +9,5 @@ type DataFieldValueProps = PropsWithChildren & {
  * @param sx
  * @constructor
  */
-export declare function DataFieldValue({ children, sx }: DataFieldValueProps): import("react").JSX.Element;
+export declare function DataFieldValue({ children, sx, }: DataFieldValueProps): ReactElement;
 export {};

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

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 type DataFieldImageProps = {
     hasMultipleInstances: boolean;
 };
@@ -5,5 +6,5 @@ type DataFieldImageProps = {
  * This component is responsible to render the credential of type Image.
  * @constructor
  */
-export declare function DataFieldImage(props: DataFieldImageProps): import("react").JSX.Element;
+export declare function DataFieldImage(props: DataFieldImageProps): ReactElement;
 export {};

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

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

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

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

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

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

@@ -1,5 +1,8 @@
-export * from './DataFieldLabel';
+export * from './DataFieldInputLabel';
 export * from './DataFieldValue';
 export * from './DataFieldGroup';
 export * from './DataFieldLegend';
 export * from './DataFieldLabelText';
+export * from './DataFieldLabel';
+export * from './DataFieldInputModeHeader';
+export * from './DataFieldLeftSide';

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

@@ -0,0 +1,13 @@
+export type Address = {
+    line1?: string;
+    city?: string;
+    state?: string;
+    zipCode?: string;
+    country: string;
+};
+export declare function useAutoFill(): {
+    handleAutoComplete: (value: string) => Promise<void>;
+    buildAddress: (place: google.maps.places.Place) => Address;
+    suggestions: google.maps.places.AutocompleteSuggestion[];
+    isPending: boolean;
+};

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

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

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

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

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

@@ -0,0 +1,4 @@
+export type Option = {
+    title: string;
+    value: google.maps.places.AutocompleteSuggestion | undefined;
+};

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

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

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

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

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

@@ -4,3 +4,4 @@ export * from './DataFieldPhoneInput';
 export * from './DataFieldDateInput';
 export * from './DataFieldSSNInput';
 export * from './DataFieldImageInput';
+export * from './DataFieldAddressInput';

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

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

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

@@ -1,3 +1,4 @@
 export * from './hasSomeRequiredEmptyCredential';
 export * from './getCredentialSeparator';
 export * from './defaults';
+export * from './getCredentialLabel';

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

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

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

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

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

@@ -1,5 +1,6 @@
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 type OneClickOptionFeatures = {
+    googlePlacesApiKey?: string;
     selectableCredentials?: boolean;
     phoneCredentialWhitelist?: string[];
     phoneCredentialRegexWhitelist?: string;
@@ -9,9 +10,13 @@ type OneClickOptionFeatures = {
 type OneClickOptionServicePaths = {
     credentialImagePath: string;
 };
+type OneClickOptionApiKeys = {
+    googlePlacesApiKey?: string;
+};
 export type OneClickFormOptions = {
     features: OneClickOptionFeatures;
     servicePaths: OneClickOptionServicePaths;
+    apiKeys: OneClickOptionApiKeys;
 };
 type OneClickFormOptionsContext = {
     options: OneClickFormOptions;
@@ -26,5 +31,5 @@ export declare function useOneClickFormOptions(): OneClickFormOptionsContext;
  * @param props
  * @constructor
  */
-export declare function OneClickFormOptionsProvider(props: OneClickFormOptionsProviderProps): import("react").JSX.Element;
+export declare function OneClickFormOptionsProvider(props: OneClickFormOptionsProviderProps): ReactElement;
 export {};

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { QueryClient } from '@tanstack/react-query';
 import { OneClickFormOptions } from './contexts/one-click-form-options.context';
 import { CredentialRequests, Credentials, CredentialSchemas } from './types/request';
@@ -10,5 +10,5 @@ type OneClickFormProps = {
     renderExtra?: ReactNode;
     queryClient?: QueryClient;
 };
-export declare function OneClickForm({ credentialRequests, credentials, schema, options, renderExtra, queryClient: _queryClient, }: OneClickFormProps): import("react").JSX.Element;
+export declare function OneClickForm({ credentialRequests, credentials, schema, options, renderExtra, queryClient: _queryClient, }: OneClickFormProps): ReactElement;
 export {};

package/dist/components/form/OneClickForm/styles/input.d.ts

@@ -2,5 +2,8 @@ import { TextFieldProps } from '@mui/material';
 /**
  * The base style definition for input fields, it should reflect changes across all inputs.
  */
-export declare const inputStyle: TextFieldProps;
+export declare const inputStyle: {
+    readonly variant: "outlined";
+    readonly size: "small";
+};
 export declare const readOnlyInputStyle: TextFieldProps;

package/dist/components/form/OneClickForm/utils/addressFormatter.d.ts

@@ -6,7 +6,51 @@
 export declare const parseCountryCode: (code: string) => string;
 /**
  * Formats an address value.
- * @param {string} rawValue the raw address value in the format street, city, ISO 3166-2code postalcode
+ * @param {string} rawValue the raw address value in the format street, city, ISO 3166-2 alpha-2 code postalcode
  * @returns {string} the formatted address value in the format street\n city, region, postalcode\n country
+ * @deprecated Use toUSaddress and fromUSAddress instead
  */
 export declare const addressFormatter: (rawValue: string) => string;
+/**
+ * Formats an address to U.S format.
+ * @param {string} address the address value in the format: street number street name city, state, zipCode.
+ * @returns {string} the formatted address value in the format: line1, city, state, country(optional), zipCode.
+ * @returns {string} with available parts if some fields are missing
+ */
+export declare const toUSaddress: (parts: {
+    line1?: string;
+    line2?: string;
+    city?: string;
+    state?: string;
+    zipCode?: string;
+    country?: string;
+}) => string;
+/**
+ * Formats an address to U.S format (pretty).
+ * @param {string} address the address value in the format: street number street name city, state, zipCode.
+ * @returns {string} the formatted address value in the format: line1, city, state, country(optional), zipCode.
+ * @returns {null} if the address parts are invalid
+ */
+export declare const toUSaddressPretty: (parts: {
+    line1: string;
+    line2?: string;
+    city: string;
+    state: string;
+    zipCode: string;
+    country?: string;
+}) => string | null;
+/**
+ * Parses a US formatted address string back into its component parts.
+ * Expected format: "street address, city, state zipCode"
+ * Example: "5320 Newell Rd, Palo Alto, CA 94303"
+ *
+ * @param {string} formattedAddress The formatted address string
+ * @returns Object containing the address parts or null if parsing fails
+ */
+export declare const fromUSAddress: (formattedAddress: string) => {
+    line1?: string;
+    city?: string;
+    state?: string;
+    zipCode?: string;
+    country: string;
+} | null;