@verifiedinc-public/shared-ui-elements 2.0.0 → 2.2.0

package/dist/components/index.mjs

@@ -1 +1 @@
-"use strict";import{A as a,a as s,g as e,e as r,B as n,C as t,d as o,D as i,E as p,F as d,I as u,O as c,P as m,Q as l,R as B,S as I,b as h,f as P,T as S,V as b,c as g,W as A,u as C}from"../shared/index-CTvz4BbG.mjs";import{SnackbarProvider as T}from"notistack";export{a as AcceptTermsNotice,s as Alert,e as Backdrop,r as Banner,n as Button,t as CredentialRequestsEditor,o as CustomAlertComponent,i as DateInput,p as ExactBirthdayBanner,d as FullWidthAlert,u as Image,c as OTPInput,m as PhoneInput,l as QRCodeDisplay,B as ResendPhoneBanner,I as SSNInput,h as SelectInput,T as SnackbarProvider,P as TestPhoneNumbersBanner,S as Typography,b as VerifiedImage,g as VerifiedIncLogo,A as When,C as useSnackbar};
+"use strict";import{A as a,a as s,g as e,e as r,B as n,C as t,d as o,D as i,E as p,F as d,I as u,O as c,P as m,Q as l,R as B,S as I,b as h,f as P,T as S,V as b,c as g,W as A,u as C}from"../shared/index-w5CoDyk5.mjs";import{SnackbarProvider as T}from"notistack";export{a as AcceptTermsNotice,s as Alert,e as Backdrop,r as Banner,n as Button,t as CredentialRequestsEditor,o as CustomAlertComponent,i as DateInput,p as ExactBirthdayBanner,d as FullWidthAlert,u as Image,c as OTPInput,m as PhoneInput,l as QRCodeDisplay,B as ResendPhoneBanner,I as SSNInput,h as SelectInput,T as SnackbarProvider,P as TestPhoneNumbersBanner,S as Typography,b as VerifiedImage,g as VerifiedIncLogo,A as When,C as useSnackbar};

package/dist/hooks/index.d.ts

@@ -4,3 +4,11 @@ export * from './useDisclosure';
 export * from './useCallbackRef';
 export * from './useQRCode';
 export * from './useSearchParams';
+export * from './useDebounceValue';
+export * from './useScript';
+export * from './useThrottle';
+export * from './useToggle';
+export * from './useWindowScroll';
+export * from './useWindowSize';
+export * from './useIntersectionObserver';
+export * from './useCounter';

package/dist/hooks/index.mjs

@@ -1 +1 @@
-"use strict";import{c as a,a as s,b as e,u as o,d as r}from"../shared/useSearchParams-CW9y02Ym.mjs";import{u}from"../shared/useQRCode-DXiPIj-D.mjs";export{a as useCallbackRef,s as useCopyToClipboard,e as useDisclosure,o as useLocalStorage,u as useQRCode,r as useSearchParams};
+"use strict";import{c as s,a,e,b as o,k as u,u as r,f as i,d as t,g as l,h as c,i as p,j as m}from"../shared/useIntersectionObserver-BX_TdOtC.mjs";import{u as n}from"../shared/useQRCode-DXiPIj-D.mjs";import{u as b}from"../shared/useCounter-BV32zXDQ.mjs";export{s as useCallbackRef,a as useCopyToClipboard,b as useCounter,e as useDebounceValue,o as useDisclosure,u as useIntersectionObserver,r as useLocalStorage,n as useQRCode,i as useScript,t as useSearchParams,l as useThrottle,c as useToggle,p as useWindowScroll,m as useWindowSize};

package/dist/hooks/useCounter.d.ts

@@ -0,0 +1,13 @@
+import { AnimationPlaybackControls } from 'framer-motion';
+interface UseCounterProps {
+    from: number;
+    to: number;
+    map?: (value: number) => string;
+    duration?: number;
+}
+interface UseCounterReturn {
+    ref: React.RefObject<HTMLElement>;
+    controls: React.MutableRefObject<AnimationPlaybackControls | null>;
+}
+export declare function useCounter({ from, to, duration, map, }: UseCounterProps): UseCounterReturn;
+export {};

package/dist/hooks/useDebounceValue.d.ts

@@ -0,0 +1,8 @@
+/**
+ * useDebounceValue Hook
+ *
+ * @param {any} value - The value to be debounced
+ * @param {number} delay - The delay in milliseconds
+ * @returns {any} - The debounced value
+ */
+export declare function useDebounceValue<T>(value: T, delay?: number): T;

package/dist/hooks/useIntersectionObserver.d.ts

@@ -0,0 +1,16 @@
+import { RefObject } from 'react';
+interface IntersectionResult {
+    isIntersecting: boolean;
+    entry: IntersectionObserverEntry | null;
+}
+interface UseIntersectionObserverOptions extends IntersectionObserverInit {
+    freezeOnceVisible?: boolean;
+}
+/**
+ * Hook that tracks the intersection of a DOM element with its containing element or viewport
+ * @param elementRef - React ref object for the target element
+ * @param options - IntersectionObserver options with additional hook-specific options
+ * @returns Object containing intersection state and the latest IntersectionObserverEntry
+ */
+export declare function useIntersectionObserver(elementRef: RefObject<Element>, { threshold, root, rootMargin, freezeOnceVisible, }?: UseIntersectionObserverOptions): IntersectionResult;
+export {};

package/dist/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,23 @@
+import { RefObject } from 'react';
+/** Supported event types. */
+type EventType = 'mousedown' | 'mouseup' | 'touchstart' | 'touchend' | 'focusin' | 'focusout';
+/**
+ * Custom hook that handles clicks outside a specified element.
+ * @template T - The type of the element's reference.
+ * @param {RefObject<T> | RefObject<T>[]} ref - The React ref object(s) representing the element(s) to watch for outside clicks.
+ * @param {(event: MouseEvent | TouchEvent | FocusEvent) => void} handler - The callback function to be executed when a click outside the element occurs.
+ * @param {EventType} [eventType] - The mouse event type to listen for (optional, default is 'mousedown').
+ * @param {?AddEventListenerOptions} [eventListenerOptions] - The options object to be passed to the `addEventListener` method (optional).
+ * @returns {void}
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-on-click-outside)
+ * @example
+ * ```tsx
+ * const containerRef = useRef(null);
+ * useOnClickOutside([containerRef], () => {
+ *   // Handle clicks outside the container.
+ * });
+ * ```
+ */
+export declare function useOnClickOutside<T extends HTMLElement = HTMLElement>(ref: RefObject<T> | Array<RefObject<T>>, handler: (event: MouseEvent | TouchEvent | FocusEvent) => void, eventType?: EventType, eventListenerOptions?: AddEventListenerOptions): void;
+export {};

package/dist/hooks/useScript.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Custom React hook for loading external scripts.
+ * @param src
+ * @param options
+ * @returns
+ */
+export declare function useScript(src: string, options?: {
+    removeOnUnmount: boolean;
+}): string;

package/dist/hooks/useThrottle.d.ts

@@ -0,0 +1,7 @@
+/**
+ * A hook that throttles a value by delaying its update for a specified time.
+ * @param value The value to be throttled.
+ * @param interval The interval in milliseconds.
+ * @returns The throttled value.
+ */
+export declare function useThrottle<T>(value: T, interval?: number): T;

package/dist/hooks/useToggle.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Hook that returns a toggle state and a function to toggle it.
+ * @param initialValue The initial value of the toggle state.
+ * @returns A tuple containing the current state and a function to toggle it.
+ */
+export declare function useToggle<T>(initialValue: T): [boolean, (value: T) => void];

package/dist/hooks/useWindowScroll.d.ts

@@ -0,0 +1,11 @@
+type ScrollToArgs = [ScrollToOptions] | [number, number];
+/**
+ * Hook to manage window scroll position and scrolling behavior
+ * @returns Object containing current scroll position and scrollTo function
+ */
+export declare function useWindowScroll(): {
+    x: number;
+    y: number;
+    scrollTo: (...args: ScrollToArgs) => void;
+};
+export {};

package/dist/hooks/useWindowSize.d.ts

@@ -0,0 +1,10 @@
+interface WindowSize {
+    width: number;
+    height: number;
+}
+/**
+ * Hook that tracks window dimensions
+ * @returns Object containing current window width and height
+ */
+export declare function useWindowSize(): WindowSize;
+export {};

package/dist/index.mjs

@@ -1 +1 @@
-"use strict";import{A as n,a as i,g as m,e as l,B as d,C as c,d as u,D as h,E as p,F as g,I as S,O as f,P as y,Q as D,R as k,S as C,b as P,f as w,T as b,V as B,c as T,W as I,h as N,i as R,j as Y,o as A,p as F,s as G,u as x,v as M}from"./shared/index-CTvz4BbG.mjs";import{c as U,a as v,b as V,u as W,d as j}from"./shared/useSearchParams-CW9y02Ym.mjs";import{u as E}from"./shared/useQRCode-DXiPIj-D.mjs";import{b as q,a as L,v as O,e as Q,d as z,p as H,u as J,h as X,j as Z,g as _,o as $,s as K,m as aa,c as sa,l as ea,n as ta,q as ra,f as oa,i as na,r as ia,z as ma,t as la,x as da,k as ca,w as ua,y as ha}from"./shared/shadows-fgmuXym6.mjs";import{masks as pa}from"./utils/masks/index.mjs";import{M as ga,S as Sa,U as fa,d as ya,e as Da,f as ka,g as Ca,a as Pa,s as wa}from"./shared/unix.schema-CMYTtXco.mjs";import{p as ba}from"./shared/phone.schema-XBbyizhq.mjs";import{SnackbarProvider as Ba}from"notistack";async function Ta(s){try{return[await s,null]}catch(a){return[null,a]}}const Ia=s=>{let a=new Date(Number(s));if(!s){const e=new Date;a=new Date(e.getFullYear(),e.getMonth(),e.getDate())}const t=String(a.getDate()).padStart(2,"0"),r=String(a.getMonth()+1).padStart(2,"0"),o=a.getFullYear();return[r,t,o].join("/")},Na=s=>{const a=new Date(s);return a.setUTCHours(12),String(+a)},Ra=s=>s.replace(/(\d{3})-?(\d{2})-?(\d{4})/,"\u2022\u2022\u2022-\u2022\u2022-$3");export{n as AcceptTermsNotice,i as Alert,m as Backdrop,l as Banner,d as Button,c as CredentialRequestsEditor,u as CustomAlertComponent,h as DateInput,p as ExactBirthdayBanner,g as FullWidthAlert,S as Image,ga as MaskedAndUnmaskedSSNSchema,f as OTPInput,y as PhoneInput,D as QRCodeDisplay,k as ResendPhoneBanner,C as SSNInput,Sa as SSNSchema,P as SelectInput,Ba as SnackbarProvider,w as TestPhoneNumbersBanner,b as Typography,fa as USDateSchema,B as VerifiedImage,T as VerifiedIncLogo,I as When,q as black,L as blue,O as colors,N as countries,Q as darkBlue,z as darkGreen,H as darkGrey,J as darkGreyContrast,X as darkRed,Z as darkYellow,ya as descriptionSchema,Da as emailSchema,ka as fieldSchema,Ia as formatDateMMDDYYYY,Na as formatDateToTimestamp,Ca as getDateSchemaWithPastValidation,R as getPhoneData,Y as getPhoneDataByFieldName,Pa as getUnixSchema,_ as green,$ as grey,K as greyContrast,aa as infoContrast,sa as lightBlue,ea as lightGreen,ta as lightGrey,ra as lightGreyContrast,oa as lightRed,na as lightYellow,pa as masks,A as omitProperties,F as parseToPhoneNational,ba as phoneSchema,ia as red,ma as shadows,G as sortByCountryName,Ra as ssnFormatter,wa as stateSchema,la as textDisabled,da as theme,U as useCallbackRef,v as useCopyToClipboard,V as useDisclosure,W as useLocalStorage,E as useQRCode,j as useSearchParams,x as useSnackbar,M as validatePhone,ca as warningContrast,ua as white,Ta as wrapPromise,ha as yellow};
+"use strict";import{A as n,a as i,g as l,e as m,B as u,C as c,d,D as h,E as p,F as g,I as S,O as f,P as D,Q as k,R as y,S as C,b,f as w,T as P,V as B,c as T,W as I,h as N,i as R,j as Y,o as v,p as F,s as M,u as W,v as x}from"./shared/index-w5CoDyk5.mjs";import{c as A,a as G,e as U,b as V,k as j,u as E,f as Q,d as z,g as O,h as q,i as H,j as L}from"./shared/useIntersectionObserver-BX_TdOtC.mjs";import{u as $}from"./shared/useQRCode-DXiPIj-D.mjs";import{u as J}from"./shared/useCounter-BV32zXDQ.mjs";import{b as K,a as X,v as Z,e as _,d as aa,p as sa,u as ea,h as ta,j as ra,g as oa,o as na,s as ia,m as la,c as ma,l as ua,n as ca,q as da,f as ha,i as pa,r as ga,z as Sa,t as fa,x as Da,k as ka,w as ya,y as Ca}from"./shared/shadows-fgmuXym6.mjs";import{masks as ba}from"./utils/masks/index.mjs";import{M as wa,S as Pa,U as Ba,d as Ta,e as Ia,f as Na,g as Ra,a as Ya,s as va}from"./shared/unix.schema-CMYTtXco.mjs";import{p as Fa}from"./shared/phone.schema-XBbyizhq.mjs";import{SnackbarProvider as Ma}from"notistack";async function Wa(s){try{return[await s,null]}catch(a){return[null,a]}}const xa=s=>{let a=new Date(Number(s));if(!s){const e=new Date;a=new Date(e.getFullYear(),e.getMonth(),e.getDate())}const t=String(a.getDate()).padStart(2,"0"),r=String(a.getMonth()+1).padStart(2,"0"),o=a.getFullYear();return[r,t,o].join("/")},Aa=s=>{const a=new Date(s);return a.setUTCHours(12),String(+a)},Ga=s=>s.replace(/(\d{3})-?(\d{2})-?(\d{4})/,"\u2022\u2022\u2022-\u2022\u2022-$3");export{n as AcceptTermsNotice,i as Alert,l as Backdrop,m as Banner,u as Button,c as CredentialRequestsEditor,d as CustomAlertComponent,h as DateInput,p as ExactBirthdayBanner,g as FullWidthAlert,S as Image,wa as MaskedAndUnmaskedSSNSchema,f as OTPInput,D as PhoneInput,k as QRCodeDisplay,y as ResendPhoneBanner,C as SSNInput,Pa as SSNSchema,b as SelectInput,Ma as SnackbarProvider,w as TestPhoneNumbersBanner,P as Typography,Ba as USDateSchema,B as VerifiedImage,T as VerifiedIncLogo,I as When,K as black,X as blue,Z as colors,N as countries,_ as darkBlue,aa as darkGreen,sa as darkGrey,ea as darkGreyContrast,ta as darkRed,ra as darkYellow,Ta as descriptionSchema,Ia as emailSchema,Na as fieldSchema,xa as formatDateMMDDYYYY,Aa as formatDateToTimestamp,Ra as getDateSchemaWithPastValidation,R as getPhoneData,Y as getPhoneDataByFieldName,Ya as getUnixSchema,oa as green,na as grey,ia as greyContrast,la as infoContrast,ma as lightBlue,ua as lightGreen,ca as lightGrey,da as lightGreyContrast,ha as lightRed,pa as lightYellow,ba as masks,v as omitProperties,F as parseToPhoneNational,Fa as phoneSchema,ga as red,Sa as shadows,M as sortByCountryName,Ga as ssnFormatter,va as stateSchema,fa as textDisabled,Da as theme,A as useCallbackRef,G as useCopyToClipboard,J as useCounter,U as useDebounceValue,V as useDisclosure,j as useIntersectionObserver,E as useLocalStorage,$ as useQRCode,Q as useScript,z as useSearchParams,W as useSnackbar,O as useThrottle,q as useToggle,H as useWindowScroll,L as useWindowSize,x as validatePhone,ka as warningContrast,ya as white,Wa as wrapPromise,Ca as yellow};