@verifiedinc-public/shared-ui-elements 3.14.0 → 3.15.0

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

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

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

@@ -0,0 +1,19 @@
+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/utils/defaults.d.ts

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { InputProps } from '@mui/material';
+type DateInputProps = {
+    name?: string;
+    value?: string;
+    label?: ReactNode;
+    error?: boolean;
+    helperText?: string;
+    onChange?(event: {
+        target: {
+            value: string;
+        };
+    }): void;
+    disabled?: boolean;
+    allowFutureDates?: boolean;
+    InputProps?: InputProps;
+};
+export declare const DateInput: import('react').ForwardRefExoticComponent<Readonly<DateInputProps> & import('react').RefAttributes<unknown>>;
+export {};

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,15 @@
+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

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

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

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

@@ -0,0 +1,22 @@
+import { InputBaseProps, InputProps, SxProps, TextFieldProps } from '@mui/material';
+export type PhoneInputProps = {
+    label?: string;
+    name?: string;
+    helperText?: string;
+    initialValue?: string;
+    onChange?(value: string): void;
+    error?: boolean;
+    handleChangeCountry?(newCountry: string): void;
+    value?: string;
+    variant?: TextFieldProps['variant'];
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputProps?: InputBaseProps['inputProps'];
+    InputProps?: InputProps;
+    sx?: SxProps;
+};
+/**
+ * Renders a phone input component with country selector and masking.
+ */
+declare function PhoneInput({ name, label, helperText, onChange, initialValue, error, value: valueProp, handleChangeCountry, inputProps: _inputProps, InputProps, }: Readonly<PhoneInputProps>): import("react").JSX.Element;
+export default PhoneInput;

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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,17 @@
+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/validations/fragments/birthDate.d.ts

@@ -0,0 +1,4 @@
+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>;

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

@@ -0,0 +1,6 @@
+import * as zod from 'zod';
+export declare const SSNSchema: zod.ZodString;
+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/email.d.ts

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

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

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

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

@@ -0,0 +1,3 @@
+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

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

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

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

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

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+type OneClickOptionFeatures = {
+    phoneCredentialWhitelist?: string[];
+    phoneCredentialRegexWhitelist?: string;
+};
+type OneClickOptionServicePaths = {
+    credentialImagePath: 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): import("react").JSX.Element;
+export {};

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

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

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

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

@@ -0,0 +1,5 @@
+/**
+ * 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

@@ -0,0 +1,11 @@
+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 {};

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

@@ -0,0 +1,14 @@
+import { 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';
+type OneClickFormProps = {
+    credentialRequests?: CredentialRequests[];
+    credentials: Credentials[];
+    schema: CredentialSchemas['schemas'];
+    options: OneClickFormOptions;
+    renderExtra?: ReactNode;
+    queryClient?: QueryClient;
+};
+export declare function OneClickForm({ credentialRequests, credentials, schema, options, renderExtra, queryClient: _queryClient, }: OneClickFormProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+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 readOnlyInputStyle: TextFieldProps;

package/dist/components/form/OneClickForm/types/display-format.d.ts

@@ -0,0 +1,12 @@
+export declare enum DisplayFormatEnum {
+    Image = "Image",
+    Phone = "Phone",
+    Ssn = "SSN",
+    Date = "Date",
+    Address = "Address",
+    CurrencyRange = "CurrencyRange",
+    String = "String",
+    State = "State",
+    Number = "Number",
+    CurrencyAmount = "CurrencyAmount"
+}

package/dist/components/form/OneClickForm/types/input-format.d.ts

@@ -0,0 +1,9 @@
+export declare enum InputFormatEnum {
+    Text = "Text",
+    Date = "Date",
+    Select = "Select",
+    Email = "Email",
+    Phone = "Phone",
+    SSN = "SSN",
+    Image = "Image"
+}

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

@@ -0,0 +1,16 @@
+export type Credentials = Record<string, any>;
+export type CredentialRequests = {
+    type: string;
+    issuers?: string[];
+    required?: boolean;
+    mandatory?: 'yes' | 'no' | 'if_available';
+    description?: string;
+    allowUserInput?: boolean;
+    children?: CredentialRequests[];
+};
+export type CredentialSchemas = Record<string, any>;
+export declare enum MandatoryEnum {
+    YES = "yes",
+    NO = "no",
+    IF_AVAILABLE = "if_available"
+}

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

@@ -0,0 +1,12 @@
+/**
+ * Parses a country code into a country name.
+ * @param {string} code the country code
+ * @returns {string} the country name. If the country code is not found, the country code is returned.
+ */
+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
+ * @returns {string} the formatted address value in the format street\n city, region, postalcode\n country
+ */
+export declare const addressFormatter: (rawValue: string) => string;

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

@@ -0,0 +1,6 @@
+/**
+ * Formats a calendar date in a human readable format
+ * @param {string} epoch string representation of ms since epoch
+ * @returns {string} formatted date
+ */
+export declare const calendarDateFormatter: (epoch: string) => string;

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

@@ -0,0 +1 @@
+export declare const compareCredentialData: (a: any, b: any) => boolean;

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

@@ -0,0 +1,6 @@
+/**
+ * Formats a currency range string into a human-readable format.
+ * @param {string} rawValue the raw value from the credential, e.g. "USD min100000_max200000"
+ * @returns {string} the formatted value, e.g. "USD 100,000 - 200,000"
+ */
+export declare const currencyRangeFormatter: (rawValue: string) => string;

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

@@ -0,0 +1,32 @@
+/**
+ * Formats a timestamp into a pretty format of DD/MM/YYYY.
+ * @param timestamp
+ * @param separator
+ */
+export declare const formatDateDDMMYYYY: (timestamp?: string) => string;
+/**
+ * Formats a timestamp into a pretty format from MMDDYYY to MM/DD/YYYY.
+ * @param date
+ * @returns
+ */
+export declare const formatRawDateMMDDYYYY: (date: string) => string;
+/**
+ * Formats a timestamp into a pretty format from MMDD to MM/DD/YYYY always enforcing year to be 1970.
+ * @param date
+ * @returns
+ */
+export declare const formatDateMMDD: (date: string) => string;
+export declare const dateUtils: {
+    /**
+     * Convert date from MM-DD-YYYY to YYYY-MM-DD
+     * @param date
+     * @returns
+     */
+    toYYYYDDMM: (date: string) => string;
+    /**
+     * Formats a timestamp into a pretty format from MMDD to MM/DD/YYYY always enforcing year to be 1970.
+     * @param date
+     * @returns
+     */
+    formatDateMMDD: (date: string) => string;
+};

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

@@ -0,0 +1,8 @@
+import { DisplayFormatEnum } from '../types/display-format';
+/**
+ * Formats a credential value based on its type.
+ * @param {string} rawValue the raw value of the credential
+ * @param {DisplayFormatEnum | string} type the type of the credential
+ * @returns {string} the formatted value
+ */
+export declare const formatCredentialValue: (rawValue: string, type: DisplayFormatEnum | string | undefined) => string;

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

@@ -0,0 +1,2 @@
+import { ChangeEvent } from 'react';
+export declare function handleLoadImageToBase64FromFile(event: ChangeEvent<HTMLInputElement>, sizeLimit?: number): Promise<string | null>;

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

@@ -0,0 +1 @@
+export declare const isAtomicBySchema: (schema: any | undefined) => boolean;

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

@@ -0,0 +1 @@
+export declare const isCompositeBySchema: (schema: any | undefined) => boolean;

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

@@ -0,0 +1,3 @@
+export declare const masks: {
+    DOB_MASK: string;
+};

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

@@ -0,0 +1,33 @@
+/**
+ * Defines a callback function for observers.
+ * @template T - The type of data the observer callback receives.
+ */
+type ObserverCallback<T> = (data: T) => void;
+/**
+ * Represents an observable object that can be observed by multiple observers.
+ * @template T - The type of data the observable holds.
+ */
+interface Observable<T> {
+    /**
+     * Adds an observer to the list of observers.
+     * @param observer - The callback function to be invoked when the observable is updated.
+     */
+    addObserver(observer: ObserverCallback<T>): void;
+    /**
+     * Removes an observer from the list of observers.
+     * @param observer - The callback function to be removed from the list of observers.
+     */
+    removeObserver(observer: ObserverCallback<T>): void;
+    /**
+     * Notifies all observers with the provided data.
+     * @param data - The data to be sent to all observers.
+     */
+    notify(data: T): void;
+}
+/**
+ * Creates an observable object.
+ * @template T - The type of data the observable will hold.
+ * @returns An object with methods to manage observers for the created observable.
+ */
+export declare function createObservable<T>(): Observable<T>;
+export {};

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

@@ -0,0 +1,31 @@
+type CountryData = {
+    countryName: string;
+    countryCode: string;
+    emoji: string;
+    mask: string;
+};
+export declare const countries: CountryData[];
+export declare function parseToPhoneNational(internationalPhone: string): string;
+/**
+ * Get phone data by the international phone string.
+ * @param internationalPhone
+ */
+export declare function getPhoneData(internationalPhone: string): CountryData | undefined;
+/**
+ * Get phone data by property and value match.
+ * @param fieldName
+ * @param value
+ */
+export declare function getPhoneDataByFieldName(fieldName: keyof CountryData, value: string): CountryData | undefined;
+/**
+ * Helper to sort countries by country name.
+ * @param a
+ * @param b
+ */
+export declare const sortByCountryName: (a: CountryData, b: CountryData) => number;
+/**
+ * Validate phone when it is valid and contains a country.
+ * @param internationalPhone
+ */
+export declare const validatePhone: (internationalPhone: string) => boolean;
+export {};

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

@@ -0,0 +1,7 @@
+/**
+ * A helper function to format phone number - currently only works on 10 digit phone numbers
+ * @param phoneNum string representation of a phone number
+ * @returns {string} formatted 10 digit phone number
+ */
+declare const phoneNumberFormatter: (phoneNum: string) => string;
+export default phoneNumberFormatter;

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

@@ -0,0 +1 @@
+export declare const uuidV4Regex: RegExp;

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

@@ -0,0 +1,7 @@
+/**
+ * Formats a SSN to the following format: •••-••-3333
+ * accepts SSNs with or without dashes (e.g. '111-22-3333' or '11223333')
+ * @param {string} rawValue the raw value of the ssncredential
+ * @returns {string} the formatted value
+ */
+export declare const ssnFormatter: (rawValue: string) => string;