@verifiedinc-public/shared-ui-elements 6.2.7 → 6.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/__for-stories/Iframe.d.ts +15 -0
- package/dist/components/__for-stories/IframeContent.d.ts +10 -0
- package/dist/components/__for-stories/index.d.ts +2 -0
- package/dist/components/chart/index.mjs +1 -1
- package/dist/components/form/BasePhoneInput.d.ts +4 -2
- package/dist/components/form/OTPInput.d.ts +4 -0
- package/dist/components/index.mjs +1 -1
- package/dist/hooks/index.mjs +1 -1
- package/dist/index.mjs +1 -1
- package/dist/shared/{ContentWithLoader-C3OLA-pA.mjs → ContentWithLoader-CBEOOGe8.mjs} +33 -60
- package/dist/shared/SignupBigNumbers-BO4w08nI.mjs +2 -0
- package/dist/shared/_baseGetTag-B6tQMIzM.mjs +1 -0
- package/dist/shared/{omitProperty-D7PX0U1y.mjs → omitProperty-vvACB_0N.mjs} +1 -1
- package/dist/shared/{phone-BOAnkjdX.mjs → phone-eqP--V9t.mjs} +1 -1
- package/dist/shared/{toNumber-CzdKWymW.mjs → toNumber-BUb3rTFh.mjs} +1 -1
- package/dist/shared/{useDebounceCallback-CpONHAkq.mjs → useDebounceCallback-BjXpMPjV.mjs} +1 -1
- package/dist/shared/{useOnClickOutside-ClLC7IVz.mjs → useOnClickOutside-Dd8Kv-vk.mjs} +1 -1
- package/dist/shared/{uuidColor-InHecq4I.mjs → uuidColor-4a9NRAqk.mjs} +1 -1
- package/dist/utils/index.mjs +1 -1
- package/dist/utils/phone/index.mjs +1 -1
- package/package.json +3 -3
- package/dist/shared/SignupBigNumbers-xhclmee1.mjs +0 -10
- package/dist/shared/_baseGetTag-BHcKw2dP.mjs +0 -1
@@ -0,0 +1,15 @@
|
|
1
|
+
import { CSSProperties } from 'react';
|
2
|
+
interface IframeState {
|
3
|
+
body: HTMLElement | null;
|
4
|
+
head: HTMLElement | null;
|
5
|
+
document: Document | null;
|
6
|
+
isIOS: boolean;
|
7
|
+
}
|
8
|
+
interface IframeProps {
|
9
|
+
children: React.ReactNode;
|
10
|
+
className?: string;
|
11
|
+
style?: CSSProperties;
|
12
|
+
}
|
13
|
+
export declare function Iframe({ children, className, style }: IframeProps): import("react").JSX.Element;
|
14
|
+
export declare const useIframe: () => IframeState;
|
15
|
+
export {};
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { default as React } from 'react';
|
2
|
+
/**
|
3
|
+
*
|
4
|
+
* This is a wrapper component for OTPInput
|
5
|
+
* It was needed to demonstrate the focus, blur and clear functionality of OTPInput via useRef
|
6
|
+
* It shows the OtpInput wrapped in a Box with 3 buttons to demonstrate focus, blur and clear functionality
|
7
|
+
*/
|
8
|
+
export declare function IframeContent(props: {
|
9
|
+
children: React.ReactNode;
|
10
|
+
}): React.JSX.Element;
|
@@ -1 +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-
|
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-BO4w08nI.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};
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { ReactNode } from 'react';
|
2
|
-
import { InputProps } from '@mui/material';
|
2
|
+
import { InputLabelProps, InputProps } from '@mui/material';
|
3
3
|
import { TextFieldProps } from '../TextField';
|
4
4
|
export interface BasePhoneInputProps {
|
5
5
|
label?: ReactNode;
|
@@ -19,6 +19,7 @@ export interface BasePhoneInputProps {
|
|
19
19
|
autoFocus?: boolean;
|
20
20
|
disabled?: boolean;
|
21
21
|
InputProps?: InputProps;
|
22
|
+
InputLabelProps?: InputLabelProps;
|
22
23
|
placeholder?: string;
|
23
24
|
lazy?: boolean;
|
24
25
|
}
|
@@ -37,6 +38,7 @@ export interface BasePhoneInputProps {
|
|
37
38
|
* @param value - The value of the phone input. If passed, it will be used instead of the value from component state.
|
38
39
|
* @param autoFocus - Whether the phone input should be focused on mount. Defaults to false.
|
39
40
|
* @param InputProps - Additional props to be passed to the input component.
|
41
|
+
* @param InputLabelProps - Additional props to be passed to the input label component.
|
40
42
|
* @param shouldHaveSelectCountryButton - Whether to show the country selector button. Defaults to true.
|
41
43
|
* @param shouldHaveClearButton - Whether to show the clear button. Defaults to false.
|
42
44
|
* @param disabled - Whether the phone input is disabled. Defaults to false.
|
@@ -45,4 +47,4 @@ export interface BasePhoneInputProps {
|
|
45
47
|
* @param placeholder - The placeholder for the phone input.
|
46
48
|
* @param lazy - Whether to use lazy loading for the phone input. Defaults to false.
|
47
49
|
*/
|
48
|
-
export declare function BasePhoneInput({ label, name, helperText, onChange, onBlur, onValidPhone, initialValue, error, handleChangeCountry, value: valueProp, autoFocus, InputProps, shouldHaveSelectCountryButton, shouldHaveClearButton, disabled, size, placeholder, lazy, }: Readonly<BasePhoneInputProps>): React.JSX.Element;
|
50
|
+
export declare function BasePhoneInput({ label, name, helperText, onChange, onBlur, onValidPhone, initialValue, error, handleChangeCountry, value: valueProp, autoFocus, InputProps, InputLabelProps, shouldHaveSelectCountryButton, shouldHaveClearButton, disabled, size, placeholder, lazy, }: Readonly<BasePhoneInputProps>): React.JSX.Element;
|
@@ -10,6 +10,10 @@ interface OTPInputProps {
|
|
10
10
|
disabled?: boolean;
|
11
11
|
sx?: SxProps;
|
12
12
|
autoComplete?: string;
|
13
|
+
/**
|
14
|
+
* ID of the element that labels this component (for accessibility)
|
15
|
+
*/
|
16
|
+
ariaLabelledBy?: string;
|
13
17
|
}
|
14
18
|
export type OTPInputInstance = Readonly<{
|
15
19
|
focus: () => void;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";import{A as a,ab as s,c as e,$ as t,X as r,B as n,a1 as i,a0 as o,a7 as l,a6 as d,ac as p,C as m,a4 as C,D as c,i as u,N as h,h as g,Z as S,E as P,F as y,aa as I,I as B,b as f,L as T,M as k,g as b,k as D,U as L,O,a5 as R,e as F,f as v,P as E,W as N,R as x,a9 as A,Y as M,S as w,d as V,_ as W,T as q,j as H,a as j,V as z,Q as U,a8 as Q,H as G,v as J,t as K,p as X,u as Y,l as Z,r as _,G as $,z as aa,q as sa,J as ea,s as ta,m as ra,K as na,n as ia,o as oa,w as la,a2 as da,x as pa,y as ma,a3 as Ca}from"../shared/ContentWithLoader-
|
1
|
+
"use strict";import{A as a,ab as s,c as e,$ as t,X as r,B as n,a1 as i,a0 as o,a7 as l,a6 as d,ac as p,C as m,a4 as C,D as c,i as u,N as h,h as g,Z as S,E as P,F as y,aa as I,I as B,b as f,L as T,M as k,g as b,k as D,U as L,O,a5 as R,e as F,f as v,P as E,W as N,R as x,a9 as A,Y as M,S as w,d as V,_ as W,T as q,j as H,a as j,V as z,Q as U,a8 as Q,H as G,v as J,t as K,p as X,u as Y,l as Z,r as _,G as $,z as aa,q as sa,J as ea,s as ta,m as ra,K as na,n as ia,o as oa,w as la,a2 as da,x as pa,y as ma,a3 as Ca}from"../shared/ContentWithLoader-CBEOOGe8.mjs";import{a as ca,b as ua,P as ha,S as ga}from"../shared/PageSectionHeader-ByKApArq.mjs";import{B as Sa,C as Pa,i as ya,E as Ia,L as Ba,j as fa,M as Ta,g as ka,O as ba,P as Da,R as La,e as Oa,d as Ra,S as Fa,a as va,b as Ea,k as Na,c as xa,f as Aa,W as Ma,h as wa,m as Va,u as Wa}from"../shared/SignupBigNumbers-BO4w08nI.mjs";import{SnackbarProvider as qa}from"notistack";export{a as AcceptTermsNotice,s as AdaptativeBox,e as Alert,t as Backdrop,r as Banner,n as BasePhoneInput,Sa as BigNumber,i as BrandFilterInput,o as Button,l as CalendlyDialog,d as CalendlyDialogComponent,p as ContentWithLoader,m as CredentialRequestsEditor,Pa as CustomAlertComponent,C as CustomDialog,c as DateInput,u as DateRangeInput,h as DefaultInput,g as EmailInput,ya as EmptyChartSection,Ia as ErrorCodesChart,S as ExactBirthdayBanner,P as ExportToPdfButton,y as FullWidthAlert,I as IconPlayer,B as Image,f as LegalLink,T as LinkButton,Ba as LoadingChartSection,k as MandatoryEnum,fa as MetricLastUpdated,Ta as MonthlySignupsOverviewTable,b as OTPInput,D as OneClickForm,ka as OneClickOverTimeChart,ba as OneClickPercentageChart,L as OneClickPoweredByVerified,O as OriginalButton,ca as PageHeader,ua as PageSectionHeader,ha as Paragraph,R as PersistentDialog,F as PhoneInput,Da as PieChart,v as PrettyPhoneInput,E as PrivacyPolicyNotice,N as QRCodeDisplay,x as RadioOption,La as ReasonCodesChart,A as RequiredLabel,M as ResendPhoneBanner,Oa as RiskScoreBarChart,Ra as RiskScorePieChart,w as SSNInput,ga as SectionHeader,V as SelectInput,Fa as SeriesChart,va as SeriesChartLegend,Ea as SeriesPercentageChart,Na as SignupBigNumbers,xa as SimpleBarChart,Aa as SimpleLegend,qa as SnackbarProvider,W as TestPhoneNumbersBanner,q as TextButton,H as TimezoneInput,j as Typography,z as VerifiedImage,U as VerifiedIncLogo,Ma as When,Q as WhenStyled,G as extractChildrenFromCredentialFieldSet,J as extractTypesFromSchema,K as filterRepeatedCredentials,X as findCorrectSchemaProperty,Y as findCredentialsByType,Z as getCredentialTypeDisplayInfo,_ as getCredentialValues,$ as getLastPathName,aa as getParentPath,sa as getReferencedSchemaNames,ea as hasMandatoryFieldEmpty,ta as isNewCredentialAgainstInstance,ra as isRequiredCredentialDisplayInfo,na as isSomeFieldInputAllowed,ia as isValidInputCredential,oa as makeCredentialDisplayInfoList,wa as mapMonthlySignupsOverviewTableData,Va as mapTimeSeriesData,la as sortCredentialsBySchema,da as toOption,pa as transformToFormObject,ma as transformToFormSchema,Ca as useBrandFilterInput,Wa as useSnackbar};
|
package/dist/hooks/index.mjs
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";import{b as s,k as a,a as e,i as u,u as o,j as r,d as i,c as t,e as l,f as c,g as m,h as n}from"../shared/useDebounceCallback-
|
1
|
+
"use strict";import{b as s,k as a,a as e,i as u,u as o,j as r,d as i,c as t,e as l,f as c,g as m,h as n}from"../shared/useDebounceCallback-BjXpMPjV.mjs";import{u as b,a as p}from"../shared/usePrevious-DG_IMu2h.mjs";import{a as f,b as d,u as C}from"../shared/useOnClickOutside-Dd8Kv-vk.mjs";import{u as O}from"../shared/useCounter-BV32zXDQ.mjs";import{u as S}from"../shared/useResizeObserver-D434c1uN.mjs";export{s as useCallbackRef,b as useCopyToClipboard,O as useCounter,a as useDebounceCallback,f as useDebounceValue,e as useDisclosure,u as useIntersectionObserver,o as useLocalStorage,r as useNavigatorOnline,d as useOnClickOutside,p as usePrevious,C as useQRCode,S as useResizeObserver,i as useScript,t as useSearchParams,l as useThrottle,c as useToggle,m as useWindowScroll,n as useWindowSize};
|
package/dist/index.mjs
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";import{A as a,ab as s,c as e,$ as t,X as r,B as o,a1 as i,a0 as n,a7 as m,a6 as l,ac as d,C as p,a4 as u,D as c,i as h,N as C,h as g,Z as S,E as f,F as y,aa as P,I as k,b as T,L as D,M as b,g as B,k as I,U as F,O,a5 as R,e as L,f as N,P as w,W as v,R as M,a9 as E,Y as x,S as A,d as U,_ as W,T as G,j as Y,a as V,V as z,Q as H,a8 as _,H as j,v as q,t as Q,p as J,u as K,l as X,r as $,G as Z,z as aa,q as sa,J as ea,s as ta,m as ra,K as oa,n as ia,o as na,w as ma,a2 as la,x as da,y as pa,a3 as ua}from"./shared/ContentWithLoader-
|
1
|
+
"use strict";import{A as a,ab as s,c as e,$ as t,X as r,B as o,a1 as i,a0 as n,a7 as m,a6 as l,ac as d,C as p,a4 as u,D as c,i as h,N as C,h as g,Z as S,E as f,F as y,aa as P,I as k,b as T,L as D,M as b,g as B,k as I,U as F,O,a5 as R,e as L,f as N,P as w,W as v,R as M,a9 as E,Y as x,S as A,d as U,_ as W,T as G,j as Y,a as V,V as z,Q as H,a8 as _,H as j,v as q,t as Q,p as J,u as K,l as X,r as $,G as Z,z as aa,q as sa,J as ea,s as ta,m as ra,K as oa,n as ia,o as na,w as ma,a2 as la,x as da,y as pa,a3 as ua}from"./shared/ContentWithLoader-CBEOOGe8.mjs";import{a as ca,b as ha,P as Ca,S as ga}from"./shared/PageSectionHeader-ByKApArq.mjs";import{B as Sa,C as fa,i as ya,E as Pa,L as ka,j as Ta,M as Da,g as ba,O as Ba,P as Ia,R as Fa,e as Oa,d as Ra,S as La,a as Na,b as wa,k as va,c as Ma,f as Ea,W as xa,h as Aa,m as Ua,u as Wa}from"./shared/SignupBigNumbers-BO4w08nI.mjs";import{b as Ga,k as Ya,a as Va,i as za,u as Ha,j as _a,d as ja,c as qa,e as Qa,f as Ja,g as Ka,h as Xa}from"./shared/useDebounceCallback-BjXpMPjV.mjs";import{u as $a,a as Za}from"./shared/usePrevious-DG_IMu2h.mjs";import{a as as,b as ss,u as es}from"./shared/useOnClickOutside-Dd8Kv-vk.mjs";import{u as ts}from"./shared/useCounter-BV32zXDQ.mjs";import{u as rs}from"./shared/useResizeObserver-D434c1uN.mjs";import{b as os,a as is,x as ns,m as ms,e as ls,d as ds,q as ps,v as us,h as cs,j as hs,g as Cs,p as gs,u as Ss,n as fs,c as ys,l as Ps,o as ks,s as Ts,f as Ds,i as bs,r as Bs,t as Is,k as Fs,w as Os,y as Rs}from"./shared/colors-CSvtCJK4.mjs";import{s as Ls,t as Ns}from"./shared/shadows-DeJXK9-L.mjs";import{wrapPromise as ws}from"./utils/wrapPromise/index.mjs";import{f as vs,b as Ms,a as Es,c as xs,t as As,u as Us}from"./shared/uuidColor-4a9NRAqk.mjs";import{c as Ws,g as Gs,a as Ys,p as Vs,s as zs,v as Hs}from"./shared/phone-eqP--V9t.mjs";import{masks as _s}from"./utils/masks/index.mjs";import{o as js}from"./shared/omitProperty-vvACB_0N.mjs";import{D as qs,a as Qs,m as Js,s as Ks}from"./shared/makeGoogleFont-DlDELqyO.mjs";import{toCapitalize as Xs,toSentenceCase as $s}from"./utils/string/index.mjs";import{k as Zs}from"./shared/formatKebabToPretty-Du43TgPC.mjs";import{alpha as ae,contrastColor as se,darken as ee,getThemeFromPrimaryColor as te,lighten as re}from"./utils/color/index.mjs";import{U as oe,d as ie,e as ne,f as me,g as le,a as de,s as pe}from"./shared/unix.schema-CM7mF14M.mjs";import{M as ue,S as ce,p as he}from"./shared/ssn.schema-CX80CpX4.mjs";import{SnackbarProvider as Ce}from"notistack";export{a as AcceptTermsNotice,s as AdaptativeBox,e as Alert,t as Backdrop,r as Banner,o as BasePhoneInput,Sa as BigNumber,i as BrandFilterInput,n as Button,m as CalendlyDialog,l as CalendlyDialogComponent,d as ContentWithLoader,p as CredentialRequestsEditor,fa as CustomAlertComponent,u as CustomDialog,qs as DEFAULT_FONT_FAMILY,Qs as DEFAULT_FONT_WEIGHTS,c as DateInput,h as DateRangeInput,C as DefaultInput,g as EmailInput,ya as EmptyChartSection,Pa as ErrorCodesChart,S as ExactBirthdayBanner,f as ExportToPdfButton,y as FullWidthAlert,P as IconPlayer,k as Image,T as LegalLink,D as LinkButton,ka as LoadingChartSection,b as MandatoryEnum,ue as MaskedAndUnmaskedSSNSchema,Ta as MetricLastUpdated,Da as MonthlySignupsOverviewTable,B as OTPInput,I as OneClickForm,ba as OneClickOverTimeChart,Ba as OneClickPercentageChart,F as OneClickPoweredByVerified,O as OriginalButton,ca as PageHeader,ha as PageSectionHeader,Ca as Paragraph,R as PersistentDialog,L as PhoneInput,Ia as PieChart,N as PrettyPhoneInput,w as PrivacyPolicyNotice,v as QRCodeDisplay,M as RadioOption,Fa as ReasonCodesChart,E as RequiredLabel,x as ResendPhoneBanner,Oa as RiskScoreBarChart,Ra as RiskScorePieChart,A as SSNInput,ce as SSNSchema,ga as SectionHeader,U as SelectInput,La as SeriesChart,Na as SeriesChartLegend,wa as SeriesPercentageChart,va as SignupBigNumbers,Ma as SimpleBarChart,Ea as SimpleLegend,Ce as SnackbarProvider,W as TestPhoneNumbersBanner,G as TextButton,Y as TimezoneInput,V as Typography,oe as USDateSchema,z as VerifiedImage,H as VerifiedIncLogo,xa as When,_ as WhenStyled,ae as alpha,os as black,is as blue,ns as colors,se as contrastColor,Ws as countries,ms as dangerContrast,ls as darkBlue,ds as darkGreen,ps as darkGrey,us as darkGreyContrast,cs as darkRed,hs as darkYellow,ee as darken,ie as descriptionSchema,ne as emailSchema,j as extractChildrenFromCredentialFieldSet,q as extractTypesFromSchema,me as fieldSchema,Q as filterRepeatedCredentials,J as findCorrectSchemaProperty,K as findCredentialsByType,vs as formatDateMMDDYYYY,Ms as formatDateMMYY,Es as formatDateToTimestamp,xs as formatExtendedDate,X as getCredentialTypeDisplayInfo,$ as getCredentialValues,le as getDateSchemaWithPastValidation,Z as getLastPathName,aa as getParentPath,Gs as getPhoneData,Ys as getPhoneDataByFieldName,sa as getReferencedSchemaNames,te as getThemeFromPrimaryColor,de as getUnixSchema,Cs as green,gs as grey,Ss as greyContrast,ea as hasMandatoryFieldEmpty,fs as infoContrast,ta as isNewCredentialAgainstInstance,ra as isRequiredCredentialDisplayInfo,oa as isSomeFieldInputAllowed,ia as isValidInputCredential,Zs as kebabCaseToPretty,ys as lightBlue,Ps as lightGreen,ks as lightGrey,Ts as lightGreyContrast,Ds as lightRed,bs as lightYellow,re as lighten,na as makeCredentialDisplayInfoList,Js as makeGoogleFontUrl,Aa as mapMonthlySignupsOverviewTableData,Ua as mapTimeSeriesData,_s as masks,js as omitProperties,Vs as parseToPhoneNational,he as phoneSchema,Bs as red,Ls as shadows,zs as sortByCountryName,ma as sortCredentialsBySchema,Ks as ssnFormatter,pe as stateSchema,Is as textDisabled,Ns as theme,Xs as toCapitalize,la as toOption,$s as toSentenceCase,As as toUTCMilliseconds,da as transformToFormObject,pa as transformToFormSchema,ua as useBrandFilterInput,Ga as useCallbackRef,$a as useCopyToClipboard,ts as useCounter,Ya as useDebounceCallback,as as useDebounceValue,Va as useDisclosure,za as useIntersectionObserver,Ha as useLocalStorage,_a as useNavigatorOnline,ss as useOnClickOutside,Za as usePrevious,es as useQRCode,rs as useResizeObserver,ja as useScript,qa as useSearchParams,Wa as useSnackbar,Qa as useThrottle,Ja as useToggle,Ka as useWindowScroll,Xa as useWindowSize,Us as uuidToHashedColor,Hs as validatePhone,Fs as warningContrast,Os as white,ws as wrapPromise,Rs as yellow};
|