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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,15 +0,0 @@
-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';
-export * from './components/CredentialsDisplay/types';
-export * from './components/CredentialsDisplay/utils';
-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): ReactElement;

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

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

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

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

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

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

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

@@ -1,12 +0,0 @@
-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/display-format.mjs

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

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

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

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

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

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

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

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

@@ -1,6 +0,0 @@
-/**
- * Formats a calendar date in MM/DD/YYYY 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/calendarDateFormatter.mjs

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

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

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

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

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

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

@@ -1,6 +0,0 @@
-/**
- * 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/currencyRangeFormatter.mjs

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

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

@@ -1,36 +0,0 @@
-/**
- * Formats a timestamp into a pretty format of DD/MM/YYYY.
- * @param timestamp
- * @param separator
- */
-export declare const formatDateMMDDYYYY: (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 formatMMDDYYYYTime: (date: number | string) => string;
-export declare const formatMMMDD: (date: number | string, options?: Intl.DateTimeFormatOptions) => string;
-export declare const formatExtendedDate: (date: number | string, options?: Intl.DateTimeFormatOptions) => string;
-export declare const getTimestampWithOffset: (date: Date | string | number, timezone: string) => number;
-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/date.mjs

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

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

@@ -1,8 +0,0 @@
-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/formatCredentialValue.mjs

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,31 +0,0 @@
-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/phone.mjs

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

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

@@ -1,7 +0,0 @@
-/**
- * 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/phoneNumberFormatter.mjs

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-"use strict";const e=r=>r.replace(/(\d{3})-?(\d{2})-?(\d{4})/,"\u2022\u2022\u2022-\u2022\u2022-$3");export{e as ssnFormatter};

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

@@ -1,14 +0,0 @@
-export declare const stringUtils: {
-    /**
-     * Capitalizes the first letter of every word in a string.
-     * Deliminator is space char `' '`.
-     */
-    capitalizeAll: (str: string) => string;
-    /**
-     * Capitalizes the first letter of a string.
-     */
-    capitalize: (str: string) => string;
-    camelCase: (str: string) => string;
-    prettifyCamelCase: (field: string) => string;
-    replaceUuidWithPlaceholder(pathname: string, placeholder?: string): string;
-};

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

@@ -1 +0,0 @@
-"use strict";import{uuidV4Regex as i}from"./regex.mjs";const a=/([A-Z][a-z0-9]+)/gm,o={capitalizeAll:function(e){return e.split(" ").map(t=>`${t.charAt(0).toUpperCase()}${t.slice(1).toLowerCase()}`).join(" ")},capitalize:function(e){return`${e.charAt(0).toUpperCase()}${e.slice(1).toLowerCase()}`},camelCase:function(e){const[t,...r]=e;return t.toLowerCase()+r.join("")},prettifyCamelCase:e=>e.split(a).filter(t=>t).join(" "),replaceUuidWithPlaceholder(e,t=":uuid"){return e.replace(i,t)}};export{o as stringUtils};

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

@@ -1,10 +0,0 @@
-/**
- * This TypeScript function, "when," is a versatile utility for conditional branching and value mapping.
- * It's particularly useful when you want to streamline your code by avoiding complex if-else chains or switch statements.
- * FYI: languages like Kotlin, Swift contains this powerful conditional statement.
- * @param value
- * @param cases
- */
-export declare function when<T extends string | number | symbol, R>(value: T | undefined, cases: Partial<Record<T, () => R>> & {
-    else?: () => R;
-}): R | undefined;

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

@@ -1 +0,0 @@
-"use strict";function o(e,l){var i,a;return e&&e in l?(i=l[e])==null?void 0:i.call(l):(a=l.else)==null?void 0:a.call(l)}export{o as when};