@verifiedinc-public/shared-ui-elements 12.0.0 → 12.1.0
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/chart/OverviewBigNumbers/OverviewBigNumbers.mjs +1 -1
- package/dist/index.mjs +1 -1
- package/dist/styles/theme.d.ts +13 -2
- package/dist/styles/theme.mjs +1 -1
- package/dist/utils/color/index.d.ts +31 -0
- package/dist/utils/color/index.mjs +1 -1
- package/dist/utils/index.mjs +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{Stack as b}from"@mui/material";import{BigNumber as r}from"../BigNumber/index.mjs";import{
|
|
1
|
+
"use strict";import{Stack as b}from"@mui/material";import{BigNumber as r}from"../BigNumber/index.mjs";import{formatNumberRounded as c,formatCurrency as f,formatPercentage as x}from"../../../utils/number/formatters.mjs";import{defaultOverviewMetrics as n}from"./OverviewBigNumbers.types.mjs";import{mapOverviewMetrics as C}from"./OverviewBigNumbers.map.mjs";import{jsxs as g,jsx as i}from"react/jsx-runtime";const o={color:"primary.main"};function w({metrics:m,chartData:u,metricsConfig:d,isLoading:v=!0,hideTotalCost:p=!1,startedCard:e,succeededCard:l,costCard:t,rateCard:s}){const a=v?n:u&&d?C(u,d):m??n;return g(b,{direction:"row",spacing:3,children:[i(r,{label:e?.label??"Started",value:a.started,initialValue:a.started,map:c,sx:e?.sx??o}),i(r,{label:l?.label??"Succeeded",value:a.succeeded,initialValue:a.succeeded,map:c,sx:l?.sx??o}),!p&&i(r,{label:t?.label??"Total Cost",value:a.totalCost??0,initialValue:a.totalCost??0,map:f,sx:t?.sx??o}),i(r,{label:s?.label??"Success Rate",value:a.successRate,initialValue:a.successRate,map:x,sx:s?.sx??o})]})}export{w as OverviewBigNumbers};
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{Paragraph as a}from"./components/typographies/Paragraph.mjs";import{SectionHeader as e}from"./components/typographies/SectionHeader.mjs";import{PageHeader as r}from"./components/typographies/PageHeader.mjs";import{PageSectionHeader as s}from"./components/typographies/PageSectionHeader.mjs";import{Typography as o}from"./components/Typography/index.mjs";import{CredentialRequestsEditor as t}from"./components/CredentialRequestsEditor/index.mjs";import{When as i}from"./components/When.mjs";import{Image as m}from"./components/Image.mjs";import{QRCodeDisplay as n}from"./components/QRCodeDisplay/index.mjs";import{CustomAlertComponent as p,useSnackbar as l}from"./components/Snackbar/index.mjs";import{Backdrop as f}from"./components/Backdrop/index.mjs";import{Button as d}from"./components/Button/index.mjs";import{BrandFilterInput as u}from"./components/BrandFilterInput/index.mjs";import{SeriesChart as c}from"./components/chart/SeriesChart/index.mjs";import{SeriesChartLegend as h}from"./components/chart/SeriesChartLegend/index.mjs";import{SeriesPercentageChart as C}from"./components/chart/SeriesPercentageChart/index.mjs";import{BigNumber as T}from"./components/chart/BigNumber/index.mjs";import{SimpleBarChart as g}from"./components/chart/SimpleBarChart/index.mjs";import{AreaChart as S}from"./components/chart/AreaChart/index.mjs";import{ErrorCodesChart as P}from"./components/chart/ErrorCodesChart/index.mjs";import{ReasonCodesChart as D}from"./components/chart/ReasonCodesChart/index.mjs";import{PieChart as b}from"./components/chart/PieChart/index.mjs";import{RiskScorePieChart as y}from"./components/chart/RiskScorePieChart/index.mjs";import{RiskScoreBarChart as B}from"./components/chart/RiskScoreBarChart/index.mjs";import{SimpleLegend as F}from"./components/chart/SimpleLegend/index.mjs";import{LoadingChartSection as v}from"./components/chart/LoadingChartSection.mjs";import{EmptyChartSection as k}from"./components/chart/EmptyChartSection.mjs";import{MetricLastUpdated as I}from"./components/chart/MetricLastUpdated.mjs";import{FunnelChart as L}from"./components/chart/FunnelChart/index.mjs";import{ConversionOverTimeChart as O,normalizePercentData as A}from"./components/chart/ConversionOverTimeChart/index.mjs";import{WhenStyled as M}from"./components/WhenStyled.mjs";import{RequiredLabel as E}from"./components/RequiredLabel/index.mjs";import{CopyableUuid as R}from"./components/CopyableUuid/index.mjs";import{Tunnel as N}from"./contexts/tunnel/index.mjs";import{useLocalStorage as w}from"./hooks/useLocalStorage.mjs";import{useCopyToClipboard as x}from"./hooks/useCopyToClipboard.mjs";import{useDisclosure as U}from"./hooks/useDisclosure.mjs";import{useGoogleFont as V}from"./hooks/useGoogleFont.mjs";import{useCallbackRef as W}from"./hooks/useCallbackRef.mjs";import{useQRCode as Y}from"./hooks/useQRCode.mjs";import{useSearchParams as G}from"./hooks/useSearchParams.mjs";import{useDebounceValue as H}from"./hooks/useDebounceValue.mjs";import{useScript as _}from"./hooks/useScript.mjs";import{useThrottle as Q}from"./hooks/useThrottle.mjs";import{useToggle as z}from"./hooks/useToggle.mjs";import{useWindowScroll as K}from"./hooks/useWindowScroll.mjs";import{useWindowSize as q}from"./hooks/useWindowSize.mjs";import{useIntersectionObserver as X}from"./hooks/useIntersectionObserver.mjs";import{useCounter as j}from"./hooks/useCounter.mjs";import{useOnClickOutside as Z}from"./hooks/useOnClickOutside.mjs";import{usePrevious as J}from"./hooks/usePrevious.mjs";import{useResizeObserver as $}from"./hooks/useResizeObserver.mjs";import{useNavigatorOnline as aa}from"./hooks/useNavigatorOnline.mjs";import{useDebounceCallback as ea}from"./hooks/useDebounceCallback.mjs";import{useStyledQRCode as ra}from"./hooks/useStyledQRCode.mjs";import{useNetworkType as sa}from"./hooks/useNetworkType.mjs";import{useBidirectionalScroll as oa}from"./hooks/useBidirectionalScroll.mjs";import{usePersistedState as ta}from"./hooks/usePersistedState.mjs";import{black as ia,blue as ma,colors as na,dangerContrast as pa,darkBlue as la,darkGreen as fa,darkGrey as da,darkGreyContrast as ua,darkRed as ca,darkYellow as ha,green as Ca,grey as Ta,greyContrast as ga,infoContrast as Sa,lightBlue as Pa,lightGreen as Da,lightGrey as ba,lightGreyContrast as ya,lightRed as Ba,lightYellow as Fa,red as va,textDisabled as ka,warningContrast as Ia,white as La,yellow as Oa}from"./styles/colors.mjs";import{theme as Aa}from"./styles/theme.mjs";import{shadows as Ma}from"./styles/shadows.mjs";import{wrapPromise as Ea}from"./utils/wrapPromise/index.mjs";import{formatDateMMDDYYYY as Ra,formatDateMMYY as Na,formatDateToTimestamp as wa,formatExtendedDate as xa,formatLogTimestamp as Ua,toUTCMilliseconds as Va}from"./utils/date.mjs";import{countries as Wa,getPhoneData as Ya,getPhoneDataByFieldName as Ga,parseToPhoneNational as Ha,sortByCountryName as _a,validatePhone as Qa}from"./utils/phone/index.mjs";import{masks as za}from"./utils/masks/index.mjs";import{omitProperties as Ka}from"./utils/omitProperty.mjs";import{ssnFormatter as qa,ssnRegex as Xa}from"./utils/ssn.mjs";import{stringToHashedColor as ja,uuidToHashedColor as Za}from"./utils/uuidColor.mjs";import{toCapitalize as Ja}from"./utils/string/toCapitalize.mjs";import{toSentenceCase as $a}from"./utils/string/toSentenceCase.mjs";import{kebabCaseToPretty as ae}from"./utils/string/formatKebabToPretty.mjs";import{generateKeyFromString as ee}from"./utils/string/generateKeyFromString.mjs";import{alpha as re,contrastColor as se,darken as oe,getThemeFromPrimaryColor as te,lighten as ie,mix as me}from"./utils/color/index.mjs";import{addressFormatter as ne,fromUSAddress as pe,parseCountryCode as le,toUSaddress as fe,toUSaddressPretty as de}from"./utils/address/index.mjs";import{DEFAULT_FONT_FAMILY as ue,DEFAULT_FONT_WEIGHTS as ce,makeGoogleFontUrl as he}from"./utils/makeGoogleFont.mjs";import{prepareNotification as Ce}from"./utils/notification.mjs";import{resolveLogo as Te}from"./utils/logo/index.mjs";import{USDateSchema as ge,birthDateSchema as Se,dateSchema as Pe,getDateSchemaWithPastValidation as De,refineAge18Plus as be,refineMinimumDate1900 as ye,refineTimestamp as Be,validateAge18Plus as Fe,validateMinimumDate1900 as ve,validateTimestamp as ke}from"./validations/date.schema.mjs";import{descriptionSchema as Ie}from"./validations/description.schema.mjs";import{businessEmailSchema as Le,emailSchema as Oe}from"./validations/email.schema.mjs";import{fieldSchema as Ae}from"./validations/field.schema.mjs";import{phoneSchema as Me}from"./validations/phone.schema.mjs";import{MaskedAndUnmaskedSSNSchema as Ee,SSNSchema as Re}from"./validations/ssn.schema.mjs";import{getUnixSchema as Ne}from"./validations/unix.schema.mjs";import{npiSchema as we}from"./validations/npi.schema.mjs";import{stateSchema as xe,zipCodeSchema as Ue}from"./validations/address.schema.mjs";import{AcceptTermsNotice as Ve}from"./components/terms/AcceptTermsNotice.mjs";import{AdaptativeBox as We}from"./components/UI/AdaptativeBox.mjs";import{AddressInput as Ye}from"./components/form/AddressInput/index.mjs";import{Alert as Ge}from"./components/Alert/Alert.mjs";import{BILLABLE_PRODUCTS as He,BillableProduct as _e}from"./components/chart/BillableEventsTable/BillableEventsTable.types.mjs";import{Banner as Qe}from"./components/Banners/Banner.mjs";import{BasePhoneInput as ze}from"./components/form/BasePhoneInput.mjs";import{BillableEventsProductTable as Ke}from"./components/chart/BillableEventsProductTable/BillableEventsProductTable.mjs";import{BillableEventsTable as qe}from"./components/chart/BillableEventsTable/BillableEventsTable.mjs";import{BrandDetailsPanel as Xe}from"./components/chart/BillableEventsTable/BrandDetailsPanel.mjs";import{CalendlyDialog as je,CalendlyDialogComponent as Ze}from"./components/dialog/CalendlyDialog.mjs";import{ContentWithLoader as Je}from"./components/UI/ContentWithLoader.mjs";import{CustomDialog as $e}from"./components/dialog/Dialog.mjs";import{DataTable as ar}from"./components/DataTable/DataTable.mjs";import{DateInput as er}from"./components/form/DateInput/index.mjs";import{DateRangeInput as rr}from"./components/form/DateRangeInput/index.mjs";import{DefaultInput as sr}from"./components/form/DefaultInput.mjs";import{EmailInput as or}from"./components/form/EmailInput.mjs";import{ExactBirthdayBanner as tr}from"./components/Banners/ExactBirthdayBanner.mjs";import{ExportToPdfButton as ir}from"./components/buttons/ExportToPdfButton.mjs";import{Form as mr}from"./components/form/NewOneClickForm/core/form/form.mjs";import{FormBuilder as nr}from"./components/form/NewOneClickForm/core/form/formBuilder.mjs";import{FormField as pr}from"./components/form/NewOneClickForm/core/form/formField.mjs";import{FormFieldBuilder as lr}from"./components/form/NewOneClickForm/core/form/formFieldBuilder.mjs";import{FormProvider as fr,useForm as dr}from"./components/form/NewOneClickForm/react/core/form.context.mjs";import{FullWidthAlert as ur}from"./components/Alert/FullWidthAlert.mjs";import{IconPlayer as cr}from"./components/icons/IconPlayer.mjs";import{LegalLink as hr}from"./components/terms/LegalLink.mjs";import{LinkButton as Cr}from"./components/buttons/LinkButton.mjs";import{LogDetailPanel as Tr}from"./components/logs/LogsTable/LogDetailPanel.mjs";import{LogsInfoAlert as gr}from"./components/logs/LogsInfoAlert/LogsInfoAlert.mjs";import{LogsTable as Sr}from"./components/logs/LogsTable/LogsTable.mjs";import{MetricsProvider as Pr,useMetrics as Dr}from"./contexts/metrics/Metrics.context.mjs";import{NPIInput as br}from"./components/form/NPIInput/index.mjs";import{NewOneClickForm as yr}from"./components/form/NewOneClickForm/react/ui/form.mjs";import{OTPInput as Br}from"./components/form/OTPInput.mjs";import{OneClickVerificationEventsOverTimeChart as Fr}from"./components/chart/OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.mjs";import{OneClickVerificationFunnelChart as vr}from"./components/chart/OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.mjs";import{OneClickVerificationSuccessOverTimeChart as kr}from"./components/chart/OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.mjs";import{OriginalButton as Ir}from"./components/buttons/OriginalButton.mjs";import{OverviewBigNumbers as Lr}from"./components/chart/OverviewBigNumbers/OverviewBigNumbers.mjs";import{PersistentDialog as Or}from"./components/dialog/PersistentDialog.mjs";import{PhoneInput as Ar}from"./components/form/PhoneInput.mjs";import{PoweredByVerified as Mr}from"./components/verified/powered-by-verified/index.mjs";import{PrettyPhoneInput as Er}from"./components/form/PrettyPhoneInput.mjs";import{PrivacyPolicyNotice as Rr}from"./components/terms/PrivacyPolicyNotice.mjs";import{RadioOption as Nr}from"./components/form/RadioOption.mjs";import{ResendPhoneBanner as wr}from"./components/Banners/ResendPhoneBanner.mjs";import{SSNInput as xr}from"./components/form/SSNInput.mjs";import{SelectInput as Ur}from"./components/form/SelectInput.mjs";import{SnackbarProvider as Vr}from"notistack";import{SynchronizedMetricsChart as Wr,TOTAL_DATA_KEY as Yr,enrichWithTotal as Gr,mergeChartData as Hr}from"./components/chart/SynchronizedMetricsChart/SynchronizedMetricsChart.mjs";import{TTSMagicButton as _r}from"./components/text-to-signup/magic-button.mjs";import{TTSMagicLegalLanguage as Qr}from"./components/text-to-signup/magic-legal-language.mjs";import{TTSMagicQRCode as zr}from"./components/text-to-signup/magic-qr-code.mjs";import{TTSOverTimeChart as Kr}from"./components/chart/TTSOverTimeChart/TTSOverTimeChart.mjs";import{TestPhoneNumbersBanner as qr}from"./components/Banners/TestPhoneNumbersBanner.mjs";import{TextButton as Xr}from"./components/buttons/TextButton.mjs";import{TimezoneInput as jr}from"./components/form/TimezoneInput/index.mjs";import{VerifiedImage as Zr}from"./components/verified/VerifiedImage.mjs";import{VerifiedIncLogo as Jr}from"./components/verified/VerifiedIncLogo.mjs";import{applyFieldFilters as $r,buildInitialFilterState as as,effectiveFilterFieldCount as es,emptyFieldValue as rs,isFilterFieldActive as ss}from"./components/DataTable/DataTable.filterState.mjs";import{applySearch as os,getLeafAccessorsById as ts}from"./components/DataTable/DataTable.filters.mjs";import{defaultOverviewMetrics as is}from"./components/chart/OverviewBigNumbers/OverviewBigNumbers.types.mjs";import{exportBillableEventsToCsv as ms}from"./components/chart/BillableEventsTable/exportBillableEventsToCsv.mjs";import{exportDataTableToCsv as ns,exportDataTableToExcel as ps,getDataTableExportModel as ls,printDataTable as fs}from"./components/DataTable/DataTable.export.mjs";import{formatChallengeInput as ds,formatHealthDataProviderMode as us,formatPromptForChallenge as cs}from"./components/chart/BillableEventsTable/format.mjs";import{formatInTimeZone as hs}from"./node_modules/date-fns-tz/dist/esm/formatInTimeZone/index.mjs";import{formatIntegrationType as Cs,mapBillableEventsTableData as Ts}from"./components/chart/BillableEventsTable/BillableEventsTableDataMapper.mjs";import{mapBillableEventsProductTableData as gs}from"./components/chart/BillableEventsProductTable/BillableEventsProductTableDataMapper.mjs";import{mapOneClickVerificationAreaSeriesData as Ss}from"./components/chart/OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.map.mjs";import{mapOneClickVerificationFunnelChartData as Ps}from"./components/chart/OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.map.mjs";import{mapOneClickVerificationSuccessOverTimeChartData as Ds}from"./components/chart/OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.map.mjs";import{mapSeriesTimeSeriesData as bs}from"./components/chart/SeriesChart/SeriesChart.map.mjs";import{mapTTSTimeSeriesData as ys}from"./components/chart/TTSOverTimeChart/TTSOverTimeChart.map.mjs";import{toCreatePatchCredentials as Bs}from"./components/form/NewOneClickForm/core/mappers/create-patch.map.mjs";import{toOption as Fs,useBrandFilterInput as vs}from"./components/BrandFilterInput/BrandFilterInput.hook.mjs";import{toShareCredentials as ks}from"./components/form/NewOneClickForm/core/mappers/share.map.mjs";import{useColorMap as Is}from"./hooks/metrics/useColorMap.mjs";import{useTTSMagicLink as Ls}from"./hooks/text-to-signup/magic-link.mjs";import{useTTSMagicQRCode as Os}from"./hooks/text-to-signup/magic-qr-code.mjs";import{useTTSMagicQRCodeOptions as As}from"./hooks/text-to-signup/magic-qr-code-options.mjs";import{useTTSMagicText as Ms}from"./hooks/text-to-signup/magic-text.mjs";export{Ve as AcceptTermsNotice,We as AdaptativeBox,Ye as AddressInput,Ge as Alert,S as AreaChart,He as BILLABLE_PRODUCTS,f as Backdrop,Qe as Banner,ze as BasePhoneInput,T as BigNumber,Ke as BillableEventsProductTable,qe as BillableEventsTable,_e as BillableProduct,Xe as BrandDetailsPanel,u as BrandFilterInput,d as Button,je as CalendlyDialog,Ze as CalendlyDialogComponent,Je as ContentWithLoader,O as ConversionOverTimeChart,R as CopyableUuid,t as CredentialRequestsEditor,p as CustomAlertComponent,$e as CustomDialog,ue as DEFAULT_FONT_FAMILY,ce as DEFAULT_FONT_WEIGHTS,ar as DataTable,er as DateInput,rr as DateRangeInput,sr as DefaultInput,or as EmailInput,k as EmptyChartSection,P as ErrorCodesChart,tr as ExactBirthdayBanner,ir as ExportToPdfButton,mr as Form,nr as FormBuilder,pr as FormField,lr as FormFieldBuilder,fr as FormProvider,ur as FullWidthAlert,L as FunnelChart,cr as IconPlayer,m as Image,hr as LegalLink,Cr as LinkButton,v as LoadingChartSection,Tr as LogDetailPanel,gr as LogsInfoAlert,Sr as LogsTable,Ee as MaskedAndUnmaskedSSNSchema,I as MetricLastUpdated,Pr as MetricsProvider,br as NPIInput,yr as NewOneClickForm,Br as OTPInput,Fr as OneClickVerificationEventsOverTimeChart,vr as OneClickVerificationFunnelChart,kr as OneClickVerificationSuccessOverTimeChart,Ir as OriginalButton,Lr as OverviewBigNumbers,r as PageHeader,s as PageSectionHeader,a as Paragraph,Or as PersistentDialog,Ar as PhoneInput,b as PieChart,Mr as PoweredByVerified,Er as PrettyPhoneInput,Rr as PrivacyPolicyNotice,n as QRCodeDisplay,Nr as RadioOption,D as ReasonCodesChart,E as RequiredLabel,wr as ResendPhoneBanner,B as RiskScoreBarChart,y as RiskScorePieChart,xr as SSNInput,Re as SSNSchema,e as SectionHeader,Ur as SelectInput,c as SeriesChart,h as SeriesChartLegend,C as SeriesPercentageChart,g as SimpleBarChart,F as SimpleLegend,Vr as SnackbarProvider,Wr as SynchronizedMetricsChart,Yr as TOTAL_DATA_KEY,_r as TTSMagicButton,Qr as TTSMagicLegalLanguage,zr as TTSMagicQRCode,Kr as TTSOverTimeChart,qr as TestPhoneNumbersBanner,Xr as TextButton,jr as TimezoneInput,N as Tunnel,o as Typography,ge as USDateSchema,Zr as VerifiedImage,Jr as VerifiedIncLogo,i as When,M as WhenStyled,ne as addressFormatter,re as alpha,$r as applyFieldFilters,os as applySearch,Se as birthDateSchema,ia as black,ma as blue,as as buildInitialFilterState,Le as businessEmailSchema,na as colors,se as contrastColor,Wa as countries,pa as dangerContrast,la as darkBlue,fa as darkGreen,da as darkGrey,ua as darkGreyContrast,ca as darkRed,ha as darkYellow,oe as darken,Pe as dateSchema,is as defaultOverviewMetrics,Ie as descriptionSchema,es as effectiveFilterFieldCount,Oe as emailSchema,rs as emptyFieldValue,Gr as enrichWithTotal,ms as exportBillableEventsToCsv,ns as exportDataTableToCsv,ps as exportDataTableToExcel,Ae as fieldSchema,ds as formatChallengeInput,Ra as formatDateMMDDYYYY,Na as formatDateMMYY,wa as formatDateToTimestamp,xa as formatExtendedDate,us as formatHealthDataProviderMode,hs as formatInTimeZone,Cs as formatIntegrationType,Ua as formatLogTimestamp,cs as formatPromptForChallenge,pe as fromUSAddress,ee as generateKeyFromString,ls as getDataTableExportModel,De as getDateSchemaWithPastValidation,ts as getLeafAccessorsById,Ya as getPhoneData,Ga as getPhoneDataByFieldName,te as getThemeFromPrimaryColor,Ne as getUnixSchema,Ca as green,Ta as grey,ga as greyContrast,Sa as infoContrast,ss as isFilterFieldActive,ae as kebabCaseToPretty,Pa as lightBlue,Da as lightGreen,ba as lightGrey,ya as lightGreyContrast,Ba as lightRed,Fa as lightYellow,ie as lighten,he as makeGoogleFontUrl,gs as mapBillableEventsProductTableData,Ts as mapBillableEventsTableData,Ss as mapOneClickVerificationAreaSeriesData,Ps as mapOneClickVerificationFunnelChartData,Ds as mapOneClickVerificationSuccessOverTimeChartData,bs as mapSeriesTimeSeriesData,ys as mapTTSTimeSeriesData,za as masks,Hr as mergeChartData,me as mix,A as normalizePercentData,we as npiSchema,Ka as omitProperties,le as parseCountryCode,Ha as parseToPhoneNational,Me as phoneSchema,Ce as prepareNotification,fs as printDataTable,va as red,be as refineAge18Plus,ye as refineMinimumDate1900,Be as refineTimestamp,Te as resolveLogo,Ma as shadows,_a as sortByCountryName,qa as ssnFormatter,Xa as ssnRegex,xe as stateSchema,ja as stringToHashedColor,ka as textDisabled,Aa as theme,Ja as toCapitalize,Bs as toCreatePatchCredentials,Fs as toOption,$a as toSentenceCase,ks as toShareCredentials,fe as toUSaddress,de as toUSaddressPretty,Va as toUTCMilliseconds,oa as useBidirectionalScroll,vs as useBrandFilterInput,W as useCallbackRef,Is as useColorMap,x as useCopyToClipboard,j as useCounter,ea as useDebounceCallback,H as useDebounceValue,U as useDisclosure,dr as useForm,V as useGoogleFont,X as useIntersectionObserver,w as useLocalStorage,Dr as useMetrics,aa as useNavigatorOnline,sa as useNetworkType,Z as useOnClickOutside,ta as usePersistedState,J as usePrevious,Y as useQRCode,$ as useResizeObserver,_ as useScript,G as useSearchParams,l as useSnackbar,ra as useStyledQRCode,Ls as useTTSMagicLink,Os as useTTSMagicQRCode,As as useTTSMagicQRCodeOptions,Ms as useTTSMagicText,Q as useThrottle,z as useToggle,K as useWindowScroll,q as useWindowSize,Za as uuidToHashedColor,Fe as validateAge18Plus,ve as validateMinimumDate1900,Qa as validatePhone,ke as validateTimestamp,Ia as warningContrast,La as white,Ea as wrapPromise,Oa as yellow,Ue as zipCodeSchema};
|
|
1
|
+
"use strict";import{Paragraph as a}from"./components/typographies/Paragraph.mjs";import{SectionHeader as e}from"./components/typographies/SectionHeader.mjs";import{PageHeader as r}from"./components/typographies/PageHeader.mjs";import{PageSectionHeader as s}from"./components/typographies/PageSectionHeader.mjs";import{Typography as o}from"./components/Typography/index.mjs";import{CredentialRequestsEditor as t}from"./components/CredentialRequestsEditor/index.mjs";import{When as i}from"./components/When.mjs";import{Image as m}from"./components/Image.mjs";import{QRCodeDisplay as n}from"./components/QRCodeDisplay/index.mjs";import{CustomAlertComponent as p,useSnackbar as l}from"./components/Snackbar/index.mjs";import{Backdrop as f}from"./components/Backdrop/index.mjs";import{Button as d}from"./components/Button/index.mjs";import{BrandFilterInput as u}from"./components/BrandFilterInput/index.mjs";import{SeriesChart as c}from"./components/chart/SeriesChart/index.mjs";import{SeriesChartLegend as C}from"./components/chart/SeriesChartLegend/index.mjs";import{SeriesPercentageChart as h}from"./components/chart/SeriesPercentageChart/index.mjs";import{BigNumber as T}from"./components/chart/BigNumber/index.mjs";import{SimpleBarChart as g}from"./components/chart/SimpleBarChart/index.mjs";import{AreaChart as S}from"./components/chart/AreaChart/index.mjs";import{ErrorCodesChart as P}from"./components/chart/ErrorCodesChart/index.mjs";import{ReasonCodesChart as D}from"./components/chart/ReasonCodesChart/index.mjs";import{PieChart as b}from"./components/chart/PieChart/index.mjs";import{RiskScorePieChart as y}from"./components/chart/RiskScorePieChart/index.mjs";import{RiskScoreBarChart as B}from"./components/chart/RiskScoreBarChart/index.mjs";import{SimpleLegend as F}from"./components/chart/SimpleLegend/index.mjs";import{LoadingChartSection as v}from"./components/chart/LoadingChartSection.mjs";import{EmptyChartSection as k}from"./components/chart/EmptyChartSection.mjs";import{MetricLastUpdated as I}from"./components/chart/MetricLastUpdated.mjs";import{FunnelChart as O}from"./components/chart/FunnelChart/index.mjs";import{ConversionOverTimeChart as L,normalizePercentData as A}from"./components/chart/ConversionOverTimeChart/index.mjs";import{WhenStyled as M}from"./components/WhenStyled.mjs";import{RequiredLabel as E}from"./components/RequiredLabel/index.mjs";import{CopyableUuid as R}from"./components/CopyableUuid/index.mjs";import{Tunnel as N}from"./contexts/tunnel/index.mjs";import{useLocalStorage as x}from"./hooks/useLocalStorage.mjs";import{useCopyToClipboard as w}from"./hooks/useCopyToClipboard.mjs";import{useDisclosure as U}from"./hooks/useDisclosure.mjs";import{useGoogleFont as W}from"./hooks/useGoogleFont.mjs";import{useCallbackRef as V}from"./hooks/useCallbackRef.mjs";import{useQRCode as G}from"./hooks/useQRCode.mjs";import{useSearchParams as Y}from"./hooks/useSearchParams.mjs";import{useDebounceValue as _}from"./hooks/useDebounceValue.mjs";import{useScript as H}from"./hooks/useScript.mjs";import{useThrottle as z}from"./hooks/useThrottle.mjs";import{useToggle as Q}from"./hooks/useToggle.mjs";import{useWindowScroll as q}from"./hooks/useWindowScroll.mjs";import{useWindowSize as K}from"./hooks/useWindowSize.mjs";import{useIntersectionObserver as Z}from"./hooks/useIntersectionObserver.mjs";import{useCounter as J}from"./hooks/useCounter.mjs";import{useOnClickOutside as $}from"./hooks/useOnClickOutside.mjs";import{usePrevious as j}from"./hooks/usePrevious.mjs";import{useResizeObserver as X}from"./hooks/useResizeObserver.mjs";import{useNavigatorOnline as aa}from"./hooks/useNavigatorOnline.mjs";import{useDebounceCallback as ea}from"./hooks/useDebounceCallback.mjs";import{useStyledQRCode as ra}from"./hooks/useStyledQRCode.mjs";import{useNetworkType as sa}from"./hooks/useNetworkType.mjs";import{useBidirectionalScroll as oa}from"./hooks/useBidirectionalScroll.mjs";import{usePersistedState as ta}from"./hooks/usePersistedState.mjs";import{black as ia,blue as ma,colors as na,dangerContrast as pa,darkBlue as la,darkGreen as fa,darkGrey as da,darkGreyContrast as ua,darkRed as ca,darkYellow as Ca,green as ha,grey as Ta,greyContrast as ga,infoContrast as Sa,lightBlue as Pa,lightGreen as Da,lightGrey as ba,lightGreyContrast as ya,lightRed as Ba,lightYellow as Fa,red as va,textDisabled as ka,warningContrast as Ia,white as Oa,yellow as La}from"./styles/colors.mjs";import{theme as Aa}from"./styles/theme.mjs";import{shadows as Ma}from"./styles/shadows.mjs";import{wrapPromise as Ea}from"./utils/wrapPromise/index.mjs";import{formatDateMMDDYYYY as Ra,formatDateMMYY as Na,formatDateToTimestamp as xa,formatExtendedDate as wa,formatLogTimestamp as Ua,toUTCMilliseconds as Wa}from"./utils/date.mjs";import{countries as Va,getPhoneData as Ga,getPhoneDataByFieldName as Ya,parseToPhoneNational as _a,sortByCountryName as Ha,validatePhone as za}from"./utils/phone/index.mjs";import{masks as Qa}from"./utils/masks/index.mjs";import{omitProperties as qa}from"./utils/omitProperty.mjs";import{ssnFormatter as Ka,ssnRegex as Za}from"./utils/ssn.mjs";import{stringToHashedColor as Ja,uuidToHashedColor as $a}from"./utils/uuidColor.mjs";import{toCapitalize as ja}from"./utils/string/toCapitalize.mjs";import{toSentenceCase as Xa}from"./utils/string/toSentenceCase.mjs";import{kebabCaseToPretty as ae}from"./utils/string/formatKebabToPretty.mjs";import{generateKeyFromString as ee}from"./utils/string/generateKeyFromString.mjs";import{alpha as re,contrastColor as se,darken as oe,ensureWcagAAContrast as te,getContrastRatio as ie,getThemeFromPrimaryColor as me,lighten as ne,meetsWcagAA as pe,mix as le}from"./utils/color/index.mjs";import{addressFormatter as fe,fromUSAddress as de,parseCountryCode as ue,toUSaddress as ce,toUSaddressPretty as Ce}from"./utils/address/index.mjs";import{DEFAULT_FONT_FAMILY as he,DEFAULT_FONT_WEIGHTS as Te,makeGoogleFontUrl as ge}from"./utils/makeGoogleFont.mjs";import{prepareNotification as Se}from"./utils/notification.mjs";import{resolveLogo as Pe}from"./utils/logo/index.mjs";import{USDateSchema as De,birthDateSchema as be,dateSchema as ye,getDateSchemaWithPastValidation as Be,refineAge18Plus as Fe,refineMinimumDate1900 as ve,refineTimestamp as ke,validateAge18Plus as Ie,validateMinimumDate1900 as Oe,validateTimestamp as Le}from"./validations/date.schema.mjs";import{descriptionSchema as Ae}from"./validations/description.schema.mjs";import{businessEmailSchema as Me,emailSchema as Ee}from"./validations/email.schema.mjs";import{fieldSchema as Re}from"./validations/field.schema.mjs";import{phoneSchema as Ne}from"./validations/phone.schema.mjs";import{MaskedAndUnmaskedSSNSchema as xe,SSNSchema as we}from"./validations/ssn.schema.mjs";import{getUnixSchema as Ue}from"./validations/unix.schema.mjs";import{npiSchema as We}from"./validations/npi.schema.mjs";import{stateSchema as Ve,zipCodeSchema as Ge}from"./validations/address.schema.mjs";import{AcceptTermsNotice as Ye}from"./components/terms/AcceptTermsNotice.mjs";import{AdaptativeBox as _e}from"./components/UI/AdaptativeBox.mjs";import{AddressInput as He}from"./components/form/AddressInput/index.mjs";import{Alert as ze}from"./components/Alert/Alert.mjs";import{BILLABLE_PRODUCTS as Qe,BillableProduct as qe}from"./components/chart/BillableEventsTable/BillableEventsTable.types.mjs";import{Banner as Ke}from"./components/Banners/Banner.mjs";import{BasePhoneInput as Ze}from"./components/form/BasePhoneInput.mjs";import{BillableEventsProductTable as Je}from"./components/chart/BillableEventsProductTable/BillableEventsProductTable.mjs";import{BillableEventsTable as $e}from"./components/chart/BillableEventsTable/BillableEventsTable.mjs";import{BrandDetailsPanel as je}from"./components/chart/BillableEventsTable/BrandDetailsPanel.mjs";import{CalendlyDialog as Xe,CalendlyDialogComponent as ar}from"./components/dialog/CalendlyDialog.mjs";import{ContentWithLoader as er}from"./components/UI/ContentWithLoader.mjs";import{CustomDialog as rr}from"./components/dialog/Dialog.mjs";import{DataTable as sr}from"./components/DataTable/DataTable.mjs";import{DateInput as or}from"./components/form/DateInput/index.mjs";import{DateRangeInput as tr}from"./components/form/DateRangeInput/index.mjs";import{DefaultInput as ir}from"./components/form/DefaultInput.mjs";import{EmailInput as mr}from"./components/form/EmailInput.mjs";import{ExactBirthdayBanner as nr}from"./components/Banners/ExactBirthdayBanner.mjs";import{ExportToPdfButton as pr}from"./components/buttons/ExportToPdfButton.mjs";import{Form as lr}from"./components/form/NewOneClickForm/core/form/form.mjs";import{FormBuilder as fr}from"./components/form/NewOneClickForm/core/form/formBuilder.mjs";import{FormField as dr}from"./components/form/NewOneClickForm/core/form/formField.mjs";import{FormFieldBuilder as ur}from"./components/form/NewOneClickForm/core/form/formFieldBuilder.mjs";import{FormProvider as cr,useForm as Cr}from"./components/form/NewOneClickForm/react/core/form.context.mjs";import{FullWidthAlert as hr}from"./components/Alert/FullWidthAlert.mjs";import{IconPlayer as Tr}from"./components/icons/IconPlayer.mjs";import{LegalLink as gr}from"./components/terms/LegalLink.mjs";import{LinkButton as Sr}from"./components/buttons/LinkButton.mjs";import{LogDetailPanel as Pr}from"./components/logs/LogsTable/LogDetailPanel.mjs";import{LogsInfoAlert as Dr}from"./components/logs/LogsInfoAlert/LogsInfoAlert.mjs";import{LogsTable as br}from"./components/logs/LogsTable/LogsTable.mjs";import{MetricsProvider as yr,useMetrics as Br}from"./contexts/metrics/Metrics.context.mjs";import{NPIInput as Fr}from"./components/form/NPIInput/index.mjs";import{NewOneClickForm as vr}from"./components/form/NewOneClickForm/react/ui/form.mjs";import{OTPInput as kr}from"./components/form/OTPInput.mjs";import{OneClickVerificationEventsOverTimeChart as Ir}from"./components/chart/OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.mjs";import{OneClickVerificationFunnelChart as Or}from"./components/chart/OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.mjs";import{OneClickVerificationSuccessOverTimeChart as Lr}from"./components/chart/OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.mjs";import{OriginalButton as Ar}from"./components/buttons/OriginalButton.mjs";import{OverviewBigNumbers as Mr}from"./components/chart/OverviewBigNumbers/OverviewBigNumbers.mjs";import{PersistentDialog as Er}from"./components/dialog/PersistentDialog.mjs";import{PhoneInput as Rr}from"./components/form/PhoneInput.mjs";import{PoweredByVerified as Nr}from"./components/verified/powered-by-verified/index.mjs";import{PrettyPhoneInput as xr}from"./components/form/PrettyPhoneInput.mjs";import{PrivacyPolicyNotice as wr}from"./components/terms/PrivacyPolicyNotice.mjs";import{RadioOption as Ur}from"./components/form/RadioOption.mjs";import{ResendPhoneBanner as Wr}from"./components/Banners/ResendPhoneBanner.mjs";import{SSNInput as Vr}from"./components/form/SSNInput.mjs";import{SelectInput as Gr}from"./components/form/SelectInput.mjs";import{SnackbarProvider as Yr}from"notistack";import{SynchronizedMetricsChart as _r,TOTAL_DATA_KEY as Hr,enrichWithTotal as zr,mergeChartData as Qr}from"./components/chart/SynchronizedMetricsChart/SynchronizedMetricsChart.mjs";import{TTSMagicButton as qr}from"./components/text-to-signup/magic-button.mjs";import{TTSMagicLegalLanguage as Kr}from"./components/text-to-signup/magic-legal-language.mjs";import{TTSMagicQRCode as Zr}from"./components/text-to-signup/magic-qr-code.mjs";import{TTSOverTimeChart as Jr}from"./components/chart/TTSOverTimeChart/TTSOverTimeChart.mjs";import{TestPhoneNumbersBanner as $r}from"./components/Banners/TestPhoneNumbersBanner.mjs";import{TextButton as jr}from"./components/buttons/TextButton.mjs";import{TimezoneInput as Xr}from"./components/form/TimezoneInput/index.mjs";import{VerifiedImage as as}from"./components/verified/VerifiedImage.mjs";import{VerifiedIncLogo as es}from"./components/verified/VerifiedIncLogo.mjs";import{applyFieldFilters as rs,buildInitialFilterState as ss,effectiveFilterFieldCount as os,emptyFieldValue as ts,isFilterFieldActive as is}from"./components/DataTable/DataTable.filterState.mjs";import{applySearch as ms,getLeafAccessorsById as ns}from"./components/DataTable/DataTable.filters.mjs";import{defaultOverviewMetrics as ps}from"./components/chart/OverviewBigNumbers/OverviewBigNumbers.types.mjs";import{exportBillableEventsToCsv as ls}from"./components/chart/BillableEventsTable/exportBillableEventsToCsv.mjs";import{exportDataTableToCsv as fs,exportDataTableToExcel as ds,getDataTableExportModel as us,printDataTable as cs}from"./components/DataTable/DataTable.export.mjs";import{formatChallengeInput as Cs,formatHealthDataProviderMode as hs,formatPromptForChallenge as Ts}from"./components/chart/BillableEventsTable/format.mjs";import{formatInTimeZone as gs}from"./node_modules/date-fns-tz/dist/esm/formatInTimeZone/index.mjs";import{formatIntegrationType as Ss,mapBillableEventsTableData as Ps}from"./components/chart/BillableEventsTable/BillableEventsTableDataMapper.mjs";import{mapBillableEventsProductTableData as Ds}from"./components/chart/BillableEventsProductTable/BillableEventsProductTableDataMapper.mjs";import{mapOneClickVerificationAreaSeriesData as bs}from"./components/chart/OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.map.mjs";import{mapOneClickVerificationFunnelChartData as ys}from"./components/chart/OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.map.mjs";import{mapOneClickVerificationSuccessOverTimeChartData as Bs}from"./components/chart/OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.map.mjs";import{mapSeriesTimeSeriesData as Fs}from"./components/chart/SeriesChart/SeriesChart.map.mjs";import{mapTTSTimeSeriesData as vs}from"./components/chart/TTSOverTimeChart/TTSOverTimeChart.map.mjs";import{toCreatePatchCredentials as ks}from"./components/form/NewOneClickForm/core/mappers/create-patch.map.mjs";import{toOption as Is,useBrandFilterInput as Os}from"./components/BrandFilterInput/BrandFilterInput.hook.mjs";import{toShareCredentials as Ls}from"./components/form/NewOneClickForm/core/mappers/share.map.mjs";import{useColorMap as As}from"./hooks/metrics/useColorMap.mjs";import{useTTSMagicLink as Ms}from"./hooks/text-to-signup/magic-link.mjs";import{useTTSMagicQRCode as Es}from"./hooks/text-to-signup/magic-qr-code.mjs";import{useTTSMagicQRCodeOptions as Rs}from"./hooks/text-to-signup/magic-qr-code-options.mjs";import{useTTSMagicText as Ns}from"./hooks/text-to-signup/magic-text.mjs";export{Ye as AcceptTermsNotice,_e as AdaptativeBox,He as AddressInput,ze as Alert,S as AreaChart,Qe as BILLABLE_PRODUCTS,f as Backdrop,Ke as Banner,Ze as BasePhoneInput,T as BigNumber,Je as BillableEventsProductTable,$e as BillableEventsTable,qe as BillableProduct,je as BrandDetailsPanel,u as BrandFilterInput,d as Button,Xe as CalendlyDialog,ar as CalendlyDialogComponent,er as ContentWithLoader,L as ConversionOverTimeChart,R as CopyableUuid,t as CredentialRequestsEditor,p as CustomAlertComponent,rr as CustomDialog,he as DEFAULT_FONT_FAMILY,Te as DEFAULT_FONT_WEIGHTS,sr as DataTable,or as DateInput,tr as DateRangeInput,ir as DefaultInput,mr as EmailInput,k as EmptyChartSection,P as ErrorCodesChart,nr as ExactBirthdayBanner,pr as ExportToPdfButton,lr as Form,fr as FormBuilder,dr as FormField,ur as FormFieldBuilder,cr as FormProvider,hr as FullWidthAlert,O as FunnelChart,Tr as IconPlayer,m as Image,gr as LegalLink,Sr as LinkButton,v as LoadingChartSection,Pr as LogDetailPanel,Dr as LogsInfoAlert,br as LogsTable,xe as MaskedAndUnmaskedSSNSchema,I as MetricLastUpdated,yr as MetricsProvider,Fr as NPIInput,vr as NewOneClickForm,kr as OTPInput,Ir as OneClickVerificationEventsOverTimeChart,Or as OneClickVerificationFunnelChart,Lr as OneClickVerificationSuccessOverTimeChart,Ar as OriginalButton,Mr as OverviewBigNumbers,r as PageHeader,s as PageSectionHeader,a as Paragraph,Er as PersistentDialog,Rr as PhoneInput,b as PieChart,Nr as PoweredByVerified,xr as PrettyPhoneInput,wr as PrivacyPolicyNotice,n as QRCodeDisplay,Ur as RadioOption,D as ReasonCodesChart,E as RequiredLabel,Wr as ResendPhoneBanner,B as RiskScoreBarChart,y as RiskScorePieChart,Vr as SSNInput,we as SSNSchema,e as SectionHeader,Gr as SelectInput,c as SeriesChart,C as SeriesChartLegend,h as SeriesPercentageChart,g as SimpleBarChart,F as SimpleLegend,Yr as SnackbarProvider,_r as SynchronizedMetricsChart,Hr as TOTAL_DATA_KEY,qr as TTSMagicButton,Kr as TTSMagicLegalLanguage,Zr as TTSMagicQRCode,Jr as TTSOverTimeChart,$r as TestPhoneNumbersBanner,jr as TextButton,Xr as TimezoneInput,N as Tunnel,o as Typography,De as USDateSchema,as as VerifiedImage,es as VerifiedIncLogo,i as When,M as WhenStyled,fe as addressFormatter,re as alpha,rs as applyFieldFilters,ms as applySearch,be as birthDateSchema,ia as black,ma as blue,ss as buildInitialFilterState,Me as businessEmailSchema,na as colors,se as contrastColor,Va as countries,pa as dangerContrast,la as darkBlue,fa as darkGreen,da as darkGrey,ua as darkGreyContrast,ca as darkRed,Ca as darkYellow,oe as darken,ye as dateSchema,ps as defaultOverviewMetrics,Ae as descriptionSchema,os as effectiveFilterFieldCount,Ee as emailSchema,ts as emptyFieldValue,zr as enrichWithTotal,te as ensureWcagAAContrast,ls as exportBillableEventsToCsv,fs as exportDataTableToCsv,ds as exportDataTableToExcel,Re as fieldSchema,Cs as formatChallengeInput,Ra as formatDateMMDDYYYY,Na as formatDateMMYY,xa as formatDateToTimestamp,wa as formatExtendedDate,hs as formatHealthDataProviderMode,gs as formatInTimeZone,Ss as formatIntegrationType,Ua as formatLogTimestamp,Ts as formatPromptForChallenge,de as fromUSAddress,ee as generateKeyFromString,ie as getContrastRatio,us as getDataTableExportModel,Be as getDateSchemaWithPastValidation,ns as getLeafAccessorsById,Ga as getPhoneData,Ya as getPhoneDataByFieldName,me as getThemeFromPrimaryColor,Ue as getUnixSchema,ha as green,Ta as grey,ga as greyContrast,Sa as infoContrast,is as isFilterFieldActive,ae as kebabCaseToPretty,Pa as lightBlue,Da as lightGreen,ba as lightGrey,ya as lightGreyContrast,Ba as lightRed,Fa as lightYellow,ne as lighten,ge as makeGoogleFontUrl,Ds as mapBillableEventsProductTableData,Ps as mapBillableEventsTableData,bs as mapOneClickVerificationAreaSeriesData,ys as mapOneClickVerificationFunnelChartData,Bs as mapOneClickVerificationSuccessOverTimeChartData,Fs as mapSeriesTimeSeriesData,vs as mapTTSTimeSeriesData,Qa as masks,pe as meetsWcagAA,Qr as mergeChartData,le as mix,A as normalizePercentData,We as npiSchema,qa as omitProperties,ue as parseCountryCode,_a as parseToPhoneNational,Ne as phoneSchema,Se as prepareNotification,cs as printDataTable,va as red,Fe as refineAge18Plus,ve as refineMinimumDate1900,ke as refineTimestamp,Pe as resolveLogo,Ma as shadows,Ha as sortByCountryName,Ka as ssnFormatter,Za as ssnRegex,Ve as stateSchema,Ja as stringToHashedColor,ka as textDisabled,Aa as theme,ja as toCapitalize,ks as toCreatePatchCredentials,Is as toOption,Xa as toSentenceCase,Ls as toShareCredentials,ce as toUSaddress,Ce as toUSaddressPretty,Wa as toUTCMilliseconds,oa as useBidirectionalScroll,Os as useBrandFilterInput,V as useCallbackRef,As as useColorMap,w as useCopyToClipboard,J as useCounter,ea as useDebounceCallback,_ as useDebounceValue,U as useDisclosure,Cr as useForm,W as useGoogleFont,Z as useIntersectionObserver,x as useLocalStorage,Br as useMetrics,aa as useNavigatorOnline,sa as useNetworkType,$ as useOnClickOutside,ta as usePersistedState,j as usePrevious,G as useQRCode,X as useResizeObserver,H as useScript,Y as useSearchParams,l as useSnackbar,ra as useStyledQRCode,Ms as useTTSMagicLink,Es as useTTSMagicQRCode,Rs as useTTSMagicQRCodeOptions,Ns as useTTSMagicText,z as useThrottle,Q as useToggle,q as useWindowScroll,K as useWindowSize,$a as uuidToHashedColor,Ie as validateAge18Plus,Oe as validateMinimumDate1900,za as validatePhone,Le as validateTimestamp,Ia as warningContrast,Oa as white,Ea as wrapPromise,La as yellow,Ge as zipCodeSchema};
|
package/dist/styles/theme.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ThemeOptions } from '@mui/material';
|
|
1
|
+
import { Theme, ThemeOptions } from '@mui/material';
|
|
2
2
|
declare module '@mui/material/Button' {
|
|
3
3
|
interface ButtonPropsColorOverrides {
|
|
4
4
|
neutralContrast: true;
|
|
@@ -39,6 +39,17 @@ declare module '@mui/material' {
|
|
|
39
39
|
}
|
|
40
40
|
interface ThemeOptionsProps extends ThemeOptions {
|
|
41
41
|
primaryFontFace: Record<string, any>;
|
|
42
|
+
/**
|
|
43
|
+
* When true, adjusts every palette color's `main`/`dark` (and fill colors'
|
|
44
|
+
* `contrastText`) plus `text.primary`/`text.secondary`/`text.disabled` so they meet the
|
|
45
|
+
* WCAG level AA contrast ratio - see `applyWcagAAContrast`. `light` is left untouched, since
|
|
46
|
+
* it's also used as a background/overlay tint. This can shift a color away from its
|
|
47
|
+
* original hue (e.g. a `contained` button's fill, or its hover state), trading exact
|
|
48
|
+
* brand-color fidelity for guaranteed readability everywhere these are used, including
|
|
49
|
+
* direct `theme.palette.x.main`/`.dark` reads in app code that a theme-only fix can't
|
|
50
|
+
* otherwise reach. Off by default to preserve existing palettes.
|
|
51
|
+
*/
|
|
52
|
+
wcagAAEnabled?: boolean;
|
|
42
53
|
}
|
|
43
|
-
export declare const theme: ({ primaryFontFace, ...options }: ThemeOptionsProps) =>
|
|
54
|
+
export declare const theme: ({ primaryFontFace, wcagAAEnabled, ...options }: ThemeOptionsProps) => Theme;
|
|
44
55
|
export {};
|
package/dist/styles/theme.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{createTheme as
|
|
1
|
+
"use strict";import{createTheme as s}from"@mui/material";import{colors as t}from"./colors.mjs";import{typography as o}from"./typography.mjs";import{ensureWcagAAContrast as n}from"../utils/color/index.mjs";function l(r){return typeof r=="object"&&r!==null&&typeof r.main=="string"}function d(r){const{palette:i}=r,a=i.background.default;return i.text.primary=n(i.text.primary,a),i.text.secondary=n(i.text.secondary,a),i.text.disabled=n(i.text.disabled,a),Object.values(i).forEach(e=>{l(e)&&(e.main=n(e.main,a),typeof e.dark=="string"&&(e.dark=n(e.dark,a)),typeof e.contrastText=="string"&&(e.contrastText=n(e.contrastText,e.main)))}),r}const u=({primaryFontFace:r,wcagAAEnabled:i,...a})=>{const e=s({breakpoints:{values:{xs:0,sm:600,md:900,lg:1200,xl:1536}},typography:{fontFamily:r.style.fontFamily,...o},palette:{text:{disabled:t.textDisabled},primary:{main:t.green,light:t.lightGreen,dark:t.darkGreen,contrastText:t.white},secondary:{main:t.blue,light:t.lightBlue,dark:t.darkBlue,contrastText:t.white},error:{main:t.red,light:t.lightRed,dark:t.darkRed,contrastText:t.white},warning:{main:t.yellow,light:t.yellow,dark:t.darkYellow,contrastText:t.white},success:{main:t.green,light:t.green,dark:t.darkGreen,contrastText:t.white},info:{main:t.blue,light:t.lightBlue,dark:t.darkBlue,contrastText:t.infoContrast},neutral:{main:t.grey,light:t.lightGrey,dark:t.darkGrey},neutralContrast:{main:t.greyContrast,light:t.lightGreyContrast,dark:t.darkGreyContrast},warningContrast:{main:t.warningContrast},infoContrast:{main:t.infoContrast},dangerContrast:{main:t.dangerContrast}},components:{MuiAlert:{styleOverrides:{action:{overflowWrap:"normal",display:"flex",alignItems:"center",padding:"8px 0",marginRight:0,"& button, & a":{lineHeight:"0"}}}},MuiAlertTitle:{styleOverrides:{root:{...o.body2,fontSize:"1.1rem",fontWeight:700}}},MuiListItemIcon:{styleOverrides:{root:{minWidth:34}}},MuiListItemText:{styleOverrides:{primary:{fontSize:"1rem",fontWeight:800}}},MuiFab:{styleOverrides:{circular:{width:42,height:42},sizeSmall:{width:40,height:40}}},MuiIconButton:{styleOverrides:{root:{"&.Mui-disabled":{svg:{opacity:.4}}}}},MuiButton:{styleOverrides:{root:{fontWeight:800,"&.MuiButton-contained.Mui-focused, &.MuiButton-contained:focus":{boxShadow:"0px 3px 5px -1px rgba(0,0,0,0.25),0px 6px 7px 0px rgba(0,0,0,0.18),0px 1px 12px 0px rgba(0,0,0,0.16)"}}}},MuiDialog:{defaultProps:{maxWidth:"xs"}},MuiDialogTitle:{styleOverrides:{root:{fontSize:20,fontWeight:800,textAlign:"center"}}},MuiDialogContent:{styleOverrides:{root:{paddingTop:"8px!important",paddingBottom:8}}},MuiDialogActions:{styleOverrides:{root:{paddingLeft:24,paddingRight:24,paddingBottom:24,justifyContent:"space-between","& .MuiButton-root":{marginTop:0}}}},MuiRadio:{styleOverrides:{root:{"&.Mui-disabled":{color:`${t.grey} !important`}}}},MuiTableRow:{styleOverrides:{root:{"& th.MuiTableCell-root":{fontSize:12,fontWeight:700,letterSpacing:1},"& td.MuiTableCell-root":{fontSize:20,fontWeight:300}}}},MuiInputBase:{styleOverrides:{root:{"& .MuiInputBase-input":{fontSize:20,fontWeight:300},"& .MuiInputBase-input:not(.MuiInputBase-inputSizeSmall):not(.MuiAutocomplete-input):not(.MuiInputBase-inputMultiline)":{paddingTop:13.625,paddingBottom:13.625},"& .MuiInputBase-input.MuiAutocomplete-input:not(.MuiInputBase-inputSizeSmall)":{paddingTop:4.625,paddingBottom:4.625},"&.MuiInputBase-multiline.MuiInputBase-sizeSmall":{paddingRight:"14px!important"}}}},MuiInputLabel:{styleOverrides:{root:{'&[data-shrink="false"]':{fontSize:20,fontWeight:300,transform:"translate(14px, 14px) scale(1)","& span[data-asterisk]":{display:"none"},"&.MuiInputLabel-sizeSmall":{transform:"translate(14px, 9px) scale(1)"}}}}},MuiTextField:{defaultProps:{variant:"outlined",size:"medium",InputLabelProps:{shrink:!0}},styleOverrides:{root:{"& .MuiInputBase-multiline textarea":{minHeight:28.75}}}},MuiSelect:{defaultProps:{variant:"outlined",size:"medium",MenuProps:{disableScrollLock:!0}}},MuiAutocomplete:{defaultProps:{size:"medium"}},MuiFormHelperText:{styleOverrides:{root:{wordBreak:"break-word"}}}},...a});return i?d(e):e};export{u as theme};
|
|
@@ -33,6 +33,37 @@ export declare const contrastColor: (color: string, alpha?: number) => string;
|
|
|
33
33
|
* @returns The blended color.
|
|
34
34
|
*/
|
|
35
35
|
export declare const mix: (color1: string, color2: string, amount: number) => string;
|
|
36
|
+
/**
|
|
37
|
+
* Gets the WCAG contrast ratio between two colors, compositing away any alpha channel first
|
|
38
|
+
* (each color is flattened over the other) so translucent colors - e.g. MUI's default
|
|
39
|
+
* `rgba(0,0,0,0.6)` `text.secondary` - are measured as they actually render, not as if opaque.
|
|
40
|
+
* @param color1 The first color, which may have an alpha channel.
|
|
41
|
+
* @param color2 The second color, which may have an alpha channel.
|
|
42
|
+
* @returns A ratio from 1 (no contrast) to 21 (max contrast, black on white).
|
|
43
|
+
*/
|
|
44
|
+
export declare const getContrastRatio: (color1: string, color2: string) => number;
|
|
45
|
+
/**
|
|
46
|
+
* Checks whether a foreground/background pair meets the WCAG 2 level AA contrast requirement
|
|
47
|
+
* (4.5:1, or 3:1 for large-scale text).
|
|
48
|
+
* @param foreground The foreground (e.g. text) color.
|
|
49
|
+
* @param background The background color it's shown against.
|
|
50
|
+
* @param isLargeText Large-scale text (18pt+, or bold 14pt+) only needs a 3:1 ratio.
|
|
51
|
+
* @returns Whether the pair meets WCAG level AA.
|
|
52
|
+
*/
|
|
53
|
+
export declare const meetsWcagAA: (foreground: string, background: string, isLargeText?: boolean) => boolean;
|
|
54
|
+
/**
|
|
55
|
+
* Adjusts `foreground` towards whichever of black or white contrasts better with `background`,
|
|
56
|
+
* until the pair meets the WCAG level AA contrast ratio. Returned unchanged if it already
|
|
57
|
+
* meets AA (this includes pure black/white already paired with a contrasting background, and
|
|
58
|
+
* semi-transparent colors like MUI's default `text.secondary` that are already readable once
|
|
59
|
+
* composited over `background`).
|
|
60
|
+
* @param foreground The color to make readable against `background`. May be semi-transparent.
|
|
61
|
+
* @param background The color `foreground` is shown against.
|
|
62
|
+
* @param isLargeText Large-scale text (18pt+, or bold 14pt+) only needs a 3:1 ratio.
|
|
63
|
+
* @returns `foreground` unchanged if it already meets AA, otherwise an opaque
|
|
64
|
+
* darkened/lightened color that does.
|
|
65
|
+
*/
|
|
66
|
+
export declare const ensureWcagAAContrast: (foreground: string, background: string, isLargeText?: boolean) => string;
|
|
36
67
|
/**
|
|
37
68
|
* Get the color theme from a primary color. Used in the demo.
|
|
38
69
|
* @param primaryColor The primary color.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import
|
|
1
|
+
"use strict";import n from"tinycolor2";const h=(t,r)=>n(t).lighten(r).toHexString(),m=(t,r)=>n(t).darken(r).toHexString(),S=(t,r)=>n(t).setAlpha(r).toHex8String(),A=(t,r=1)=>n(n(t).isLight()?"#000000":"#ffffff").setAlpha(r).toHex8String(),x=(t,r,a)=>n.mix(t,r,a).toHexString(),f=(t,r)=>{const a=n(t),o=a.getAlpha();return o>=1?a.toHexString():x(r,a.setAlpha(1).toHexString(),o*100)},i=(t,r)=>n.readability(f(t,r),f(r,t)),s=(t,r,a=!1)=>i(t,r)>=(a?3:4.5),c=(t,r,a=!1)=>{if(s(t,r,a))return t;const o=f(t,r),g=i("#000000",r)>=i("#ffffff",r);for(let e=5;e<=100;e+=5){const l=g?m(o,e):h(o,e);if(s(l,r,a))return l}return g?"#000000":"#ffffff"},p=t=>({light:n(t).lighten(20).toString(),main:t,dark:n(t).darken(20).toString()});export{S as alpha,A as contrastColor,m as darken,c as ensureWcagAAContrast,i as getContrastRatio,p as getThemeFromPrimaryColor,h as lighten,s as meetsWcagAA,x as mix};
|
package/dist/utils/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{wrapPromise as a}from"./wrapPromise/index.mjs";import{formatDateMMDDYYYY as
|
|
1
|
+
"use strict";import{wrapPromise as a}from"./wrapPromise/index.mjs";import{formatDateMMDDYYYY as s,formatDateMMYY as o,formatDateToTimestamp as e,formatExtendedDate as t,formatLogTimestamp as r,toUTCMilliseconds as m}from"./date.mjs";import{countries as i,getPhoneData as n,getPhoneDataByFieldName as p,parseToPhoneNational as d,sortByCountryName as f,validatePhone as l}from"./phone/index.mjs";import{masks as T}from"./masks/index.mjs";import{omitProperties as g}from"./omitProperty.mjs";import{ssnFormatter as C,ssnRegex as F}from"./ssn.mjs";import{stringToHashedColor as D,uuidToHashedColor as P}from"./uuidColor.mjs";import{toCapitalize as h}from"./string/toCapitalize.mjs";import{toSentenceCase as A}from"./string/toSentenceCase.mjs";import{kebabCaseToPretty as y}from"./string/formatKebabToPretty.mjs";import{generateKeyFromString as c}from"./string/generateKeyFromString.mjs";import{alpha as Y,contrastColor as U,darken as u,ensureWcagAAContrast as N,getContrastRatio as M,getThemeFromPrimaryColor as S,lighten as L,meetsWcagAA as E,mix as k}from"./color/index.mjs";import{addressFormatter as x,fromUSAddress as _,parseCountryCode as H,toUSaddress as W,toUSaddressPretty as I}from"./address/index.mjs";import{DEFAULT_FONT_FAMILY as b,DEFAULT_FONT_WEIGHTS as v,makeGoogleFontUrl as B}from"./makeGoogleFont.mjs";import{prepareNotification as G}from"./notification.mjs";import{resolveLogo as O}from"./logo/index.mjs";import{formatInTimeZone as R}from"../node_modules/date-fns-tz/dist/esm/formatInTimeZone/index.mjs";export{b as DEFAULT_FONT_FAMILY,v as DEFAULT_FONT_WEIGHTS,x as addressFormatter,Y as alpha,U as contrastColor,i as countries,u as darken,N as ensureWcagAAContrast,s as formatDateMMDDYYYY,o as formatDateMMYY,e as formatDateToTimestamp,t as formatExtendedDate,R as formatInTimeZone,r as formatLogTimestamp,_ as fromUSAddress,c as generateKeyFromString,M as getContrastRatio,n as getPhoneData,p as getPhoneDataByFieldName,S as getThemeFromPrimaryColor,y as kebabCaseToPretty,L as lighten,B as makeGoogleFontUrl,T as masks,E as meetsWcagAA,k as mix,g as omitProperties,H as parseCountryCode,d as parseToPhoneNational,G as prepareNotification,O as resolveLogo,f as sortByCountryName,C as ssnFormatter,F as ssnRegex,D as stringToHashedColor,h as toCapitalize,A as toSentenceCase,W as toUSaddress,I as toUSaddressPretty,m as toUTCMilliseconds,P as uuidToHashedColor,l as validatePhone,a as wrapPromise};
|