@verifiedinc-public/shared-ui-elements 3.2.0 → 3.3.0

package/README.md

@@ -33,6 +33,14 @@ This project utilizes alias only for the storybook implementation, the modules t
 
 Ensure that new dependencies are added to both devDependencies and peerDependencies if required in the client's project.
 
+### When to Avoid Peer Dependencies
+
+While most dependencies should be peer dependencies to avoid version conflicts and duplicate packages, there are specific cases where a dependency should be a direct dependency instead:
+
+- When a third-party library encounters rendering errors due to its unique distribution method or packaging structure, making it incompatible with peer dependency resolution.
+
+This exception helps prevent runtime errors and ensures consistent behavior across different client implementations.
+
 ## Installing in Your Client Session
 
 When installing the `@verifiedinc/shared-ui-elements` package, you have access to different export paths optimized for specific use cases.

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

@@ -1,7 +1,8 @@
-import { ReactElement } from 'react';
-export interface DateRangeInputProps {
+import { FC } from 'react';
+interface DateRangeInputProps {
     startDate?: Date | number;
     endDate?: Date | number;
     onChange: (startDate: number, endDate: number) => void;
 }
-export declare function DateRangeInput(props: DateRangeInputProps): ReactElement;
+export declare const DateRangeInput: FC<DateRangeInputProps>;
+export {};

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

@@ -0,0 +1,19 @@
+import { ReactElement } from 'react';
+/**
+ * Props for the TimezoneInput component.
+ */
+interface TimezoneInputProps {
+    /**
+     * The currently selected timezone code.
+     * This should be a valid IANA timezone identifier (e.g., 'America/New_York', 'Europe/London').
+     * The value must match one of the timezone codes from the timezones.json file.
+     */
+    value: string;
+    /**
+     * Callback fired when the timezone selection changes.
+     * @param value - The new timezone code selected by the user
+     */
+    onChange: (value: string) => void;
+}
+export declare function TimezoneInput({ value, onChange, }: TimezoneInputProps): ReactElement;
+export {};

package/dist/components/index.mjs

@@ -1 +1 @@
-"use strict";import{A as a,f as s,o as e,B as t,p as n,C as r,l as o,D as i,j as p,E as c,m as u,F as d,I as l,e as m,L as P,O as I,a as g,b as B,P as h,i as S,d as k,Q as y,R as T,g as b,S as f,h as A,n as C,T as L,c as R,V as D,k as E,W as N,u as v}from"../shared/index-daG4IBxl.mjs";import{SnackbarProvider as x}from"notistack";export{a as AcceptTermsNotice,s as Alert,e as Backdrop,t as Banner,n as Button,r as CredentialRequestsEditor,o as CustomAlertComponent,i as DateInput,p as DateRangeInput,c as EmailInput,u as ExactBirthdayBanner,d as FullWidthAlert,l as Image,m as LegalLink,P as LinkButton,I as OTPInput,g as PageHeader,B as PageSectionHeader,h as Paragraph,S as PhoneInput,k as PrivacyPolicyNotice,y as QRCodeDisplay,T as ResendPhoneBanner,b as SSNInput,f as SectionHeader,A as SelectInput,x as SnackbarProvider,C as TestPhoneNumbersBanner,L as TextButton,R as Typography,D as VerifiedImage,E as VerifiedIncLogo,N as When,v as useSnackbar};
+"use strict";import{A as a,f as s,o as e,B as t,p as n,C as r,l as o,D as i,j as p,E as c,m as u,F as d,I as l,e as m,L as P,O as I,a as g,b as B,P as h,i as S,d as k,Q as y,R as T,g as b,S as f,h as A,n as C,T as L,c as R,V as D,k as E,W as N,u as v}from"../shared/index-5BCABZr1.mjs";import{SnackbarProvider as x}from"notistack";export{a as AcceptTermsNotice,s as Alert,e as Backdrop,t as Banner,n as Button,r as CredentialRequestsEditor,o as CustomAlertComponent,i as DateInput,p as DateRangeInput,c as EmailInput,u as ExactBirthdayBanner,d as FullWidthAlert,l as Image,m as LegalLink,P as LinkButton,I as OTPInput,g as PageHeader,B as PageSectionHeader,h as Paragraph,S as PhoneInput,k as PrivacyPolicyNotice,y as QRCodeDisplay,T as ResendPhoneBanner,b as SSNInput,f as SectionHeader,A as SelectInput,x as SnackbarProvider,C as TestPhoneNumbersBanner,L as TextButton,R as Typography,D as VerifiedImage,E as VerifiedIncLogo,N as When,v as useSnackbar};

package/dist/index.mjs

@@ -1 +1 @@
-"use strict";import{A as n,f as i,o as l,B as u,p as m,C as c,l as d,D as h,j as g,E as p,m as S,F as k,I as f,e as P,L as y,O as D,a as C,b,P as w,i as B,d as T,Q as I,R as N,g as R,S as v,h as Y,n as x,T as A,c as F,V as G,k as L,W as M,q as W,s as O,t as U,x as j,r as E,v as V,u as q,w as H}from"./shared/index-daG4IBxl.mjs";import{c as z,a as Q,e as $,b as J,k as K,u as X,f as _,d as Z,g as aa,h as sa,i as ea,j as ta}from"./shared/useIntersectionObserver-BX_TdOtC.mjs";import{a as ra,b as oa,u as na}from"./shared/useOnClickOutside-1j2klMbE.mjs";import{u as ia}from"./shared/useCounter-BV32zXDQ.mjs";import{b as la,a as ua,v as ma,e as ca,d as da,p as ha,u as ga,h as pa,j as Sa,g as ka,o as fa,s as Pa,m as ya,c as Da,l as Ca,n as ba,q as wa,f as Ba,i as Ta,r as Ia,z as Na,t as Ra,x as va,k as Ya,w as xa,y as Aa}from"./shared/shadows-Dhd7FrwF.mjs";import{masks as Fa}from"./utils/masks/index.mjs";import{M as Ga,S as La,U as Ma,d as Wa,e as Oa,f as Ua,g as ja,a as Ea,s as Va}from"./shared/unix.schema-CMYTtXco.mjs";import{p as qa}from"./shared/phone.schema-XBbyizhq.mjs";import{SnackbarProvider as Ha}from"notistack";async function za(s){try{return[await s,null]}catch(a){return[null,a]}}const Qa=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("/")},$a=s=>{const a=new Date(s);return a.setUTCHours(12),String(+a)},Ja=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,u as Banner,m as Button,c as CredentialRequestsEditor,d as CustomAlertComponent,h as DateInput,g as DateRangeInput,p as EmailInput,S as ExactBirthdayBanner,k as FullWidthAlert,f as Image,P as LegalLink,y as LinkButton,Ga as MaskedAndUnmaskedSSNSchema,D as OTPInput,C as PageHeader,b as PageSectionHeader,w as Paragraph,B as PhoneInput,T as PrivacyPolicyNotice,I as QRCodeDisplay,N as ResendPhoneBanner,R as SSNInput,La as SSNSchema,v as SectionHeader,Y as SelectInput,Ha as SnackbarProvider,x as TestPhoneNumbersBanner,A as TextButton,F as Typography,Ma as USDateSchema,G as VerifiedImage,L as VerifiedIncLogo,M as When,la as black,ua as blue,ma as colors,W as countries,ca as darkBlue,da as darkGreen,ha as darkGrey,ga as darkGreyContrast,pa as darkRed,Sa as darkYellow,Wa as descriptionSchema,Oa as emailSchema,Ua as fieldSchema,Qa as formatDateMMDDYYYY,$a as formatDateToTimestamp,ja as getDateSchemaWithPastValidation,O as getPhoneData,U as getPhoneDataByFieldName,Ea as getUnixSchema,ka as green,fa as grey,Pa as greyContrast,ya as infoContrast,Da as lightBlue,Ca as lightGreen,ba as lightGrey,wa as lightGreyContrast,Ba as lightRed,Ta as lightYellow,Fa as masks,j as omitProperties,E as parseToPhoneNational,qa as phoneSchema,Ia as red,Na as shadows,V as sortByCountryName,Ja as ssnFormatter,Va as stateSchema,Ra as textDisabled,va as theme,z as useCallbackRef,Q as useCopyToClipboard,ia as useCounter,$ as useDebounceValue,J as useDisclosure,K as useIntersectionObserver,X as useLocalStorage,ra as useOnClickOutside,oa as usePrevious,na as useQRCode,_ as useScript,Z as useSearchParams,q as useSnackbar,aa as useThrottle,sa as useToggle,ea as useWindowScroll,ta as useWindowSize,H as validatePhone,Ya as warningContrast,xa as white,za as wrapPromise,Aa as yellow};
+"use strict";import{A as n,f as i,o as l,B as u,p as m,C as c,l as d,D as h,j as g,E as p,m as S,F as k,I as f,e as P,L as y,O as D,a as C,b,P as w,i as B,d as T,Q as I,R as N,g as R,S as v,h as Y,n as x,T as A,c as F,V as G,k as L,W as M,q as W,s as O,t as U,x as j,r as E,v as V,u as q,w as H}from"./shared/index-5BCABZr1.mjs";import{c as z,a as Q,e as $,b as J,k as K,u as X,f as _,d as Z,g as aa,h as sa,i as ea,j as ta}from"./shared/useIntersectionObserver-BX_TdOtC.mjs";import{a as ra,b as oa,u as na}from"./shared/useOnClickOutside-1j2klMbE.mjs";import{u as ia}from"./shared/useCounter-BV32zXDQ.mjs";import{b as la,a as ua,v as ma,e as ca,d as da,p as ha,u as ga,h as pa,j as Sa,g as ka,o as fa,s as Pa,m as ya,c as Da,l as Ca,n as ba,q as wa,f as Ba,i as Ta,r as Ia,z as Na,t as Ra,x as va,k as Ya,w as xa,y as Aa}from"./shared/shadows-Dhd7FrwF.mjs";import{masks as Fa}from"./utils/masks/index.mjs";import{M as Ga,S as La,U as Ma,d as Wa,e as Oa,f as Ua,g as ja,a as Ea,s as Va}from"./shared/unix.schema-CMYTtXco.mjs";import{p as qa}from"./shared/phone.schema-XBbyizhq.mjs";import{SnackbarProvider as Ha}from"notistack";async function za(s){try{return[await s,null]}catch(a){return[null,a]}}const Qa=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("/")},$a=s=>{const a=new Date(s);return a.setUTCHours(12),String(+a)},Ja=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,u as Banner,m as Button,c as CredentialRequestsEditor,d as CustomAlertComponent,h as DateInput,g as DateRangeInput,p as EmailInput,S as ExactBirthdayBanner,k as FullWidthAlert,f as Image,P as LegalLink,y as LinkButton,Ga as MaskedAndUnmaskedSSNSchema,D as OTPInput,C as PageHeader,b as PageSectionHeader,w as Paragraph,B as PhoneInput,T as PrivacyPolicyNotice,I as QRCodeDisplay,N as ResendPhoneBanner,R as SSNInput,La as SSNSchema,v as SectionHeader,Y as SelectInput,Ha as SnackbarProvider,x as TestPhoneNumbersBanner,A as TextButton,F as Typography,Ma as USDateSchema,G as VerifiedImage,L as VerifiedIncLogo,M as When,la as black,ua as blue,ma as colors,W as countries,ca as darkBlue,da as darkGreen,ha as darkGrey,ga as darkGreyContrast,pa as darkRed,Sa as darkYellow,Wa as descriptionSchema,Oa as emailSchema,Ua as fieldSchema,Qa as formatDateMMDDYYYY,$a as formatDateToTimestamp,ja as getDateSchemaWithPastValidation,O as getPhoneData,U as getPhoneDataByFieldName,Ea as getUnixSchema,ka as green,fa as grey,Pa as greyContrast,ya as infoContrast,Da as lightBlue,Ca as lightGreen,ba as lightGrey,wa as lightGreyContrast,Ba as lightRed,Ta as lightYellow,Fa as masks,j as omitProperties,E as parseToPhoneNational,qa as phoneSchema,Ia as red,Na as shadows,V as sortByCountryName,Ja as ssnFormatter,Va as stateSchema,Ra as textDisabled,va as theme,z as useCallbackRef,Q as useCopyToClipboard,ia as useCounter,$ as useDebounceValue,J as useDisclosure,K as useIntersectionObserver,X as useLocalStorage,ra as useOnClickOutside,oa as usePrevious,na as useQRCode,_ as useScript,Z as useSearchParams,q as useSnackbar,aa as useThrottle,sa as useToggle,ea as useWindowScroll,ta as useWindowSize,H as validatePhone,Ya as warningContrast,xa as white,za as wrapPromise,Aa as yellow};