@verifiedinc-public/shared-ui-elements 3.18.1 → 3.18.2-beta.1

package/dist/components/chart/SeriesChart/index.d.ts

@@ -4,7 +4,7 @@ interface ChartDataPoint {
     date: number;
     value: number;
 }
-interface SeriesChartData {
+export interface SeriesChartData {
     integrationType: string;
     uuid: string;
     name: string;

package/dist/components/chart/use-cases/index.d.ts

@@ -0,0 +1 @@
+export * from './one-click-time-series';

package/dist/components/chart/use-cases/one-click-time-series/OneClickOverTimeChart/OneClickOverTimeChart.d.ts

@@ -0,0 +1,26 @@
+import { SeriesChartData } from '../../../SeriesChart';
+import { default as React } from 'react';
+import { BrandFilter } from '../OneClickTimeSeriesDataMapper';
+interface OneClickOverTimeChartProps {
+    data: SeriesChartData[];
+    isLoading: boolean;
+    isFetching: boolean;
+    onRefresh: () => void;
+    lastUpdated: number;
+    filter: {
+        timezone: string;
+        brands: BrandFilter[];
+    };
+    LoadingComponent?: React.ComponentType;
+    EmptyStateComponent?: React.ComponentType;
+    LastUpdatedComponent?: React.ComponentType<{
+        lastUpdated: number;
+    }>;
+    ContentLoaderComponent?: React.ComponentType<{
+        isLoading: boolean;
+        children: React.ReactNode;
+    }>;
+    RefreshIconComponent?: React.ComponentType;
+}
+export declare function OneClickOverTimeChart({ data, isLoading, isFetching, onRefresh, lastUpdated, filter, LoadingComponent, EmptyStateComponent, LastUpdatedComponent, ContentLoaderComponent, RefreshIconComponent, }: Readonly<OneClickOverTimeChartProps>): React.ReactNode;
+export {};

package/dist/components/chart/use-cases/one-click-time-series/OneClickOverTimeChart/OneClickOverTimeChart.style.d.ts

@@ -0,0 +1 @@
+export declare function useStyle(): Record<string, any>;

package/dist/components/chart/use-cases/one-click-time-series/OneClickOverTimeChart/index.d.ts

@@ -0,0 +1,2 @@
+export * from './OneClickOverTimeChart';
+export * from './OneClickOverTimeChart.style';

package/dist/components/chart/use-cases/one-click-time-series/OneClickTimeSeriesDataMapper.d.ts

@@ -0,0 +1,50 @@
+export interface Brand {
+    brandUuid: string;
+    brandName: string;
+    integrationType: string;
+    additionalData?: {
+        primaryColor?: string;
+    };
+}
+export interface BrandFilter {
+    value: string;
+    _raw: Brand;
+}
+export interface TimeSeriesDataPoint {
+    date: number;
+    value: number;
+}
+export interface TimeSeriesChartData {
+    uuid: string;
+    name: string;
+    color: string;
+    integrationType: string;
+    chartData: TimeSeriesDataPoint[];
+}
+export interface MapTimeSeriesDataOptions {
+    brands: BrandFilter[];
+    data: Array<{
+        interval?: Array<{
+            oneClickCreated: number;
+            oneClickSuccess: number;
+            date: number;
+            totalCost: string;
+            [key: string]: any;
+        }>;
+        brandUuid: string;
+        brandName: string;
+        overall: {
+            oneClickCreated: number;
+            oneClickSuccess: number;
+            totalCost: string;
+        };
+    }>;
+    keyValue: string;
+    defaultColor?: string;
+}
+/**
+ * Maps raw time series data into a format suitable for charting
+ * @param options Configuration options for mapping the data
+ * @returns Array of formatted time series data ready for charting
+ */
+export declare function mapTimeSeriesData(options: MapTimeSeriesDataOptions): TimeSeriesChartData[];

package/dist/components/chart/use-cases/one-click-time-series/index.d.ts

@@ -0,0 +1,2 @@
+export * from './OneClickOverTimeChart';
+export * from './OneClickTimeSeriesDataMapper';

package/dist/index.mjs

@@ -1 +1 @@
-"use strict";import{A as e,c as t,l as r,B as o,m as n,C as i,D as m,f as u,E as l,j as c,F as d,I as p,b as h,L as S,O as g,h as f,e as k,P,Q as y,R as C,S as D,d as b,k as B,T as I,g as T,a as w,V as N,i as R,n as v,o as Y,q as x,r as A,p as G,s as L,v as M}from"./shared/index-C_0INAsR.mjs";import{a as O,b as W,P as E,S as F}from"./shared/PageSectionHeader-DdpDhBZG.mjs";import{C as U,W as V,u as j}from"./shared/index-KVVTzcea.mjs";import{b as z,d as Q,a as q,j as H,u as $,e as Z,c as _,f as J,g as K,h as X,i as aa}from"./shared/useIntersectionObserver-CbpWuEs0.mjs";import{u as sa}from"./shared/useCopyToClipboard-BALOSYVW.mjs";import{a as ea,u as ta}from"./shared/useOnClickOutside-P5GTcgh8.mjs";import{u as ra}from"./shared/useCounter-BV32zXDQ.mjs";import{u as oa}from"./shared/usePrevious-DyvR1iCQ.mjs";import{b as na,a as ia,v as ma,e as ua,d as la,p as ca,u as da,h as pa,j as ha,g as Sa,o as ga,s as fa,m as ka,c as Pa,l as ya,n as Ca,q as Da,f as ba,i as Ba,r as Ia,z as Ta,t as wa,x as Na,k as Ra,w as va,y as Ya}from"./shared/shadows-Dhd7FrwF.mjs";import{f as xa,b as Aa,a as Ga,c as La}from"./shared/date-Cq0LS2Mr.mjs";import{masks as Ma}from"./utils/masks/index.mjs";import{M as Oa,S as Wa,U as Ea,d as Fa,e as Ua,f as Va,g as ja,a as za,s as Qa}from"./shared/unix.schema-CMYTtXco.mjs";import{p as qa}from"./shared/phone.schema-XBbyizhq.mjs";import{SnackbarProvider as Ha}from"notistack";async function $a(a){try{return[await a,null]}catch(s){return[null,s]}}const Za=a=>a.replace(/(\d{3})-?(\d{2})-?(\d{4})/,"\u2022\u2022\u2022-\u2022\u2022-$3");export{e as AcceptTermsNotice,t as Alert,r as Backdrop,o as Banner,n as Button,i as CredentialRequestsEditor,U as CustomAlertComponent,m as DateInput,u as DateRangeInput,l as EmailInput,c as ExactBirthdayBanner,d as FullWidthAlert,p as Image,h as LegalLink,S as LinkButton,Oa as MaskedAndUnmaskedSSNSchema,g as OTPInput,f as OneClickForm,O as PageHeader,W as PageSectionHeader,E as Paragraph,k as PhoneInput,P as PrivacyPolicyNotice,y as QRCodeDisplay,C as ResendPhoneBanner,D as SSNInput,Wa as SSNSchema,F as SectionHeader,b as SelectInput,Ha as SnackbarProvider,B as TestPhoneNumbersBanner,I as TextButton,T as TimezoneInput,w as Typography,Ea as USDateSchema,N as VerifiedImage,R as VerifiedIncLogo,V as When,na as black,ia as blue,ma as colors,v as countries,ua as darkBlue,la as darkGreen,ca as darkGrey,da as darkGreyContrast,pa as darkRed,ha as darkYellow,Fa as descriptionSchema,Ua as emailSchema,Va as fieldSchema,xa as formatDateMMDDYYYY,Aa as formatDateMMYY,Ga as formatDateToTimestamp,La as formatExtendedDate,ja as getDateSchemaWithPastValidation,Y as getPhoneData,x as getPhoneDataByFieldName,za as getUnixSchema,Sa as green,ga as grey,fa as greyContrast,ka as infoContrast,Pa as lightBlue,ya as lightGreen,Ca as lightGrey,Da as lightGreyContrast,ba as lightRed,Ba as lightYellow,Ma as masks,A as omitProperties,G as parseToPhoneNational,qa as phoneSchema,Ia as red,Ta as shadows,L as sortByCountryName,Za as ssnFormatter,Qa as stateSchema,wa as textDisabled,Na as theme,z as useCallbackRef,sa as useCopyToClipboard,ra as useCounter,Q as useDebounceValue,q as useDisclosure,H as useIntersectionObserver,$ as useLocalStorage,ea as useOnClickOutside,oa as usePrevious,ta as useQRCode,Z as useScript,_ as useSearchParams,j as useSnackbar,J as useThrottle,K as useToggle,X as useWindowScroll,aa as useWindowSize,M as validatePhone,Ra as warningContrast,va as white,$a as wrapPromise,Ya as yellow};
+"use strict";import{A as l,c as u,l as c,B as d,m as p,C as h,D as g,f as S,E as f,j as C,F as P,I as k,b as y,L as b,O as D,h as T,e as B,P as I,Q as w,R as v,S as N,d as R,k as Y,T as x,g as $,a as A,V as G,i as L,n as M,o as O,q as W,r as z,p as E,s as F,v as V}from"./shared/index-C_0INAsR.mjs";import{a as H,b as U,P as j,S as q}from"./shared/PageSectionHeader-DdpDhBZG.mjs";import{C as Q,W as K,u as X}from"./shared/index-KVVTzcea.mjs";import{b as _,d as J,a as Z,j as aa,u as sa,e as ea,c as ta,f as ra,g as oa,h as na,i as ia}from"./shared/useIntersectionObserver-CbpWuEs0.mjs";import{u as ma}from"./shared/useCopyToClipboard-BALOSYVW.mjs";import{a as la,u as ua}from"./shared/useOnClickOutside-P5GTcgh8.mjs";import{u as ca}from"./shared/useCounter-BV32zXDQ.mjs";import{u as da}from"./shared/usePrevious-DyvR1iCQ.mjs";import{b as pa,a as ha,v as ga,e as Sa,d as fa,p as Ca,u as Pa,h as ka,j as ya,g as ba,o as Da,s as Ta,m as Ba,c as Ia,l as wa,n as va,q as Na,f as Ra,i as Ya,r as xa,z as $a,t as Aa,x as Ga,k as La,w as Ma,y as Oa}from"./shared/shadows-Dhd7FrwF.mjs";import{f as Wa,b as za,a as Ea,c as Fa}from"./shared/date-Cq0LS2Mr.mjs";import{masks as Va}from"./utils/masks/index.mjs";import{kebabCaseToPretty as Ha,toCapitalize as Ua,toSentenceCase as ja}from"./utils/string/index.mjs";import{M as qa,S as Qa,U as Ka,d as Xa,e as _a,f as Ja,g as Za,a as as,s as ss}from"./shared/unix.schema-CMYTtXco.mjs";import{p as es}from"./shared/phone.schema-XBbyizhq.mjs";import{SnackbarProvider as ts}from"notistack";async function rs(e){try{return[await e,null]}catch(r){return[null,r]}}const os=e=>e.replace(/(\d{3})-?(\d{2})-?(\d{4})/,"\u2022\u2022\u2022-\u2022\u2022-$3"),ns=e=>{var r;const o=((r=e.replace(/-/g,"").match(/.{1,2}/g))==null?void 0:r.map(a=>parseInt(a,16)))??[],n=o.reduce((a,t)=>(a+t)%256,0),i=o.slice(1).reduce((a,t)=>(a+t)%256,0),m=o.slice(2).reduce((a,t)=>(a+t)%256,0),s=a=>a.toString(16).padStart(2,"0");return console.log(`#${s(n)}${s(i)}${s(m)}`),`#${s(n)}${s(i)}${s(m)}`};export{l as AcceptTermsNotice,u as Alert,c as Backdrop,d as Banner,p as Button,h as CredentialRequestsEditor,Q as CustomAlertComponent,g as DateInput,S as DateRangeInput,f as EmailInput,C as ExactBirthdayBanner,P as FullWidthAlert,k as Image,y as LegalLink,b as LinkButton,qa as MaskedAndUnmaskedSSNSchema,D as OTPInput,T as OneClickForm,H as PageHeader,U as PageSectionHeader,j as Paragraph,B as PhoneInput,I as PrivacyPolicyNotice,w as QRCodeDisplay,v as ResendPhoneBanner,N as SSNInput,Qa as SSNSchema,q as SectionHeader,R as SelectInput,ts as SnackbarProvider,Y as TestPhoneNumbersBanner,x as TextButton,$ as TimezoneInput,A as Typography,Ka as USDateSchema,G as VerifiedImage,L as VerifiedIncLogo,K as When,pa as black,ha as blue,ga as colors,M as countries,Sa as darkBlue,fa as darkGreen,Ca as darkGrey,Pa as darkGreyContrast,ka as darkRed,ya as darkYellow,Xa as descriptionSchema,_a as emailSchema,Ja as fieldSchema,Wa as formatDateMMDDYYYY,za as formatDateMMYY,Ea as formatDateToTimestamp,Fa as formatExtendedDate,Za as getDateSchemaWithPastValidation,O as getPhoneData,W as getPhoneDataByFieldName,as as getUnixSchema,ba as green,Da as grey,Ta as greyContrast,Ba as infoContrast,Ha as kebabCaseToPretty,Ia as lightBlue,wa as lightGreen,va as lightGrey,Na as lightGreyContrast,Ra as lightRed,Ya as lightYellow,Va as masks,z as omitProperties,E as parseToPhoneNational,es as phoneSchema,xa as red,$a as shadows,F as sortByCountryName,os as ssnFormatter,ss as stateSchema,Aa as textDisabled,Ga as theme,Ua as toCapitalize,ja as toSentenceCase,_ as useCallbackRef,ma as useCopyToClipboard,ca as useCounter,J as useDebounceValue,Z as useDisclosure,aa as useIntersectionObserver,sa as useLocalStorage,la as useOnClickOutside,da as usePrevious,ua as useQRCode,ea as useScript,ta as useSearchParams,X as useSnackbar,ra as useThrottle,oa as useToggle,na as useWindowScroll,ia as useWindowSize,ns as uuidToHashedColor,V as validatePhone,La as warningContrast,Ma as white,rs as wrapPromise,Oa as yellow};

package/dist/utils/index.d.ts

@@ -4,3 +4,5 @@ export * from './phone';
 export * from './masks/index';
 export * from './omitProperty';
 export * from './ssn';
+export * from './uuidColor';
+export * from './string';

package/dist/utils/string/formatKebabToPretty.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Converts a kebab-case string to a pretty format with proper capitalization
+ * Example: "one-click-auth" becomes "One Click Auth"
+ */
+export declare const kebabCaseToPretty: (str: string) => string;

package/dist/utils/string/index.d.ts

@@ -1,2 +1,3 @@
 export * from './toCapitalize';
 export * from './toSentenceCase';
+export * from './formatKebabToPretty';

package/dist/utils/string/index.mjs

@@ -1 +1 @@
-"use strict";function a(e){return e.split(" ").map(t=>`${t.charAt(0).toUpperCase()}${t.slice(1).toLowerCase()}`).join(" ")}function o(e){return`${e.charAt(0).toUpperCase()}${e.slice(1).toLowerCase()}`}export{a as toCapitalize,o as toSentenceCase};
+"use strict";function a(e){return e.split(" ").map(t=>`${t.charAt(0).toUpperCase()}${t.slice(1).toLowerCase()}`).join(" ")}function o(e){return`${e.charAt(0).toUpperCase()}${e.slice(1).toLowerCase()}`}const s=e=>e?e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1).toLowerCase()).join(" "):"";export{s as kebabCaseToPretty,a as toCapitalize,o as toSentenceCase};

package/dist/utils/uuidColor.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Converts a UUID to a HEX color using a more distributed hash approach
+ * @param uuid - UUID string
+ * @returns HEX color string (e.g., #ff0000)
+ */
+export declare const uuidToHashedColor: (uuid: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verifiedinc-public/shared-ui-elements",
-  "version": "3.18.1",
+  "version": "3.18.2-beta.1",
   "description": "A set of UI components, utilities that is shareable with the core apps.",
   "private": false,
   "keywords": [],