@verifiedinc-public/shared-ui-elements 8.21.2 → 8.22.0

package/dist/components/chart/OneClickHealthBigNumbers/OneClickHealthBigNumbers.d.ts

@@ -4,4 +4,4 @@ export interface OneClickHealthBigNumbersProps {
     isLoading: boolean;
     hideTotalCost?: boolean;
 }
-export declare function OneClickHealthBigNumbers({ chartData, isLoading, hideTotalCost, }: Readonly<OneClickHealthBigNumbersProps>): React.ReactNode;
+export declare function OneClickHealthBigNumbers({ chartData, isLoading, hideTotalCost, }: Readonly<OneClickHealthBigNumbersProps>): import("react").JSX.Element;

package/dist/components/chart/OneClickHealthBigNumbers/OneClickHealthBigNumbers.mjs

@@ -1 +1 @@
-"use strict";import{Stack as r}from"@mui/material";import{BigNumber as t}from"../BigNumber/index.mjs";import{formatNumberRounded as s,formatCurrency as c,formatPercentage as u}from"../../../utils/number/formatters.mjs";import{defaultMetrics as m,calculateOneClickHealthMetrics as n}from"./OneClickHealthBigNumbersMapper.mjs";import{jsxs as f,jsx as e}from"react/jsx-runtime";function p({chartData:l,isLoading:o=!0,hideTotalCost:i=!1}){const a=o?m:n(l);return f(r,{direction:"row",spacing:3,children:[e(t,{label:"Total Created",value:a.total,initialValue:a.total,map:s}),e(t,{label:"Total Success",value:a.success,initialValue:a.success,map:s}),!i&&e(t,{label:"Total Cost",value:a.totalCost,initialValue:a.totalCost,map:c}),e(t,{label:"Success Rate",value:a.successRate,initialValue:a.successRate,map:u})]})}export{p as OneClickHealthBigNumbers};
+"use strict";import{calculateOneClickHealthMetrics as a}from"./OneClickHealthBigNumbersMapper.mjs";import{jsx as e}from"react/jsx-runtime";import{OverviewBigNumbers as o}from"../OverviewBigNumbers/OverviewBigNumbers.mjs";import{defaultOverviewMetrics as s}from"../OverviewBigNumbers/OverviewBigNumbers.types.mjs";function m({chartData:t,isLoading:i=!0,hideTotalCost:r=!1}){return e(o,{metrics:i?s:a(t),isLoading:i,hideTotalCost:r})}export{m as OneClickHealthBigNumbers};

package/dist/components/chart/OneClickHealthBigNumbers/OneClickHealthBigNumbersMapper.d.ts

@@ -1,10 +1,5 @@
-export interface OneClickHealthOverallMetrics {
-    total: number;
-    success: number;
-    totalCost: number;
-    successRate: number;
-}
-export declare const defaultMetrics: OneClickHealthOverallMetrics;
+import { OverviewMetrics } from '../OverviewBigNumbers/OverviewBigNumbers.types';
+export declare const defaultMetrics: OverviewMetrics;
 export interface OneClickHealthBigNumbersChartData {
     interval?: Array<{
         oneClickHealthCreated: number;
@@ -15,4 +10,4 @@ export interface OneClickHealthBigNumbersChartData {
     brandUuid: string;
     brandName: string;
 }
-export declare function calculateOneClickHealthMetrics(data: OneClickHealthBigNumbersChartData[]): OneClickHealthOverallMetrics;
+export declare function calculateOneClickHealthMetrics(data: OneClickHealthBigNumbersChartData[]): OverviewMetrics;

package/dist/components/chart/OneClickHealthBigNumbers/OneClickHealthBigNumbersMapper.mjs

@@ -1 +1 @@
-"use strict";const o={total:0,success:0,totalCost:0,successRate:0};function C(e){if(!(e!=null&&e.length))return o;let t=0,c=0;const u=0;e.forEach(l=>{var r;if((r=l.interval)!=null&&r.length){const i=l.interval.reduce((a,s)=>a+(s.oneClickHealthCreated||0),0),h=l.interval.reduce((a,s)=>a+(s.oneClickHealthSucceeded||0),0);t+=i,c+=h}});const n=t>0?c/t:0;return{total:t,success:c,totalCost:u,successRate:isNaN(n)?0:n}}export{C as calculateOneClickHealthMetrics,o as defaultMetrics};
+"use strict";import{defaultOverviewMetrics as f}from"../OverviewBigNumbers/OverviewBigNumbers.types.mjs";const s=f;function v(t){if(!(t!=null&&t.length))return s;let e=0,c=0;const i=0;t.forEach(l=>{var r;if((r=l.interval)!=null&&r.length){const u=l.interval.reduce((a,n)=>a+(n.oneClickHealthCreated||0),0),d=l.interval.reduce((a,n)=>a+(n.oneClickHealthSucceeded||0),0);e+=u,c+=d}});const o=e>0?c/e:0;return{started:e,succeeded:c,totalCost:i,successRate:o}}export{v as calculateOneClickHealthMetrics,s as defaultMetrics};

package/dist/components/chart/OneClickHealthOutcomeOverTimeChart/OneClickHealthOutcomeOverTimeChart.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { SxProps } from '@mui/material';
+import { OneClickHealthOutcomeBrandData } from './OneClickHealthOutcomeOverTimeChart.map';
+import { BrandFilter } from '../../BrandFilterInput';
+export interface OneClickHealthOutcomeOverTimeChartProps {
+    chartData: OneClickHealthOutcomeBrandData[];
+    isLoading: boolean;
+    isSuccess: boolean;
+    isFetching: boolean;
+    filter: {
+        timezone?: string;
+        brands?: BrandFilter[];
+    };
+    sx?: SxProps;
+}
+export declare function OneClickHealthOutcomeOverTimeChart({ chartData, isLoading, ...rest }: Readonly<OneClickHealthOutcomeOverTimeChartProps>): React.ReactNode;

package/dist/components/chart/OneClickHealthOutcomeOverTimeChart/OneClickHealthOutcomeOverTimeChart.map.d.ts

@@ -0,0 +1,22 @@
+import { AreaSeriesChartData } from '../AreaChart';
+import { BrandFilter } from '../../BrandFilterInput';
+export interface OneClickHealthOutcomeIntervalEntry {
+    date: string | number;
+    oneClickHealthSucceeded: number;
+    oneClickHealthPartial: number;
+    oneClickHealthFailed: number;
+}
+export interface OneClickHealthOutcomeBrandData {
+    brandUuid: string;
+    brandName: string;
+    interval?: OneClickHealthOutcomeIntervalEntry[];
+}
+export interface MapOneClickHealthOutcomeOverTimeChartDataOptions {
+    brands?: BrandFilter[];
+    data: OneClickHealthOutcomeBrandData[];
+}
+export interface OneClickHealthOutcomeChartData {
+    series: AreaSeriesChartData[];
+    data: Array<Record<string, number | string>>;
+}
+export declare function mapOneClickHealthOutcomeOverTimeChartData(options: MapOneClickHealthOutcomeOverTimeChartDataOptions): OneClickHealthOutcomeChartData;

package/dist/components/chart/OneClickHealthOutcomeOverTimeChart/OneClickHealthOutcomeOverTimeChart.map.mjs

@@ -0,0 +1 @@
+"use strict";import{mapAreaChartData as s}from"../AreaChart/AreaChart.map.mjs";import{green as h,yellow as k,red as C}from"../../../styles/colors.mjs";function u(r){const l=new Map,c=r.brands?new Set(r.brands.map(a=>a._raw.brandUuid)):null;for(const a of r.data)if(!(c&&!c.has(a.brandUuid)))for(const t of a.interval??[]){const o=+new Date(t.date);l.has(o)||l.set(o,{date:o,oneClickHealthSucceeded:0,oneClickHealthPartial:0,oneClickHealthFailed:0});const e=l.get(o);e&&(e.oneClickHealthSucceeded=e.oneClickHealthSucceeded+Number(t.oneClickHealthSucceeded||0),e.oneClickHealthPartial=e.oneClickHealthPartial+Number(t.oneClickHealthPartial||0),e.oneClickHealthFailed=e.oneClickHealthFailed+Number(t.oneClickHealthFailed||0))}const i=Array.from(l.values()).sort((a,t)=>a.date-t.date),{series:d,data:n}=s({data:i,seriesConfig:[{key:"Succeeded",dataKey:"oneClickHealthSucceeded",color:h},{key:"Partial",dataKey:"oneClickHealthPartial",color:k},{key:"Failed",dataKey:"oneClickHealthFailed",color:C}]});return{series:d,data:n}}export{u as mapOneClickHealthOutcomeOverTimeChartData};

package/dist/components/chart/OneClickHealthOutcomeOverTimeChart/OneClickHealthOutcomeOverTimeChart.mjs

@@ -0,0 +1 @@
+"use strict";import{mapOneClickHealthOutcomeOverTimeChartData as s}from"./OneClickHealthOutcomeOverTimeChart.map.mjs";import{jsx as o}from"react/jsx-runtime";import{OutcomeOverTimeChart as m}from"../OutcomeOverTimeChart/OutcomeOverTimeChart.mjs";function n({chartData:e,isLoading:a=!0,...t}){const{series:r,data:i}=a?{series:[],data:[]}:s({brands:t.filter.brands,data:e});return o(m,{data:i,series:r,isLoading:a,...t})}export{n as OneClickHealthOutcomeOverTimeChart};

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

@@ -0,0 +1,2 @@
+export * from './OneClickHealthOutcomeOverTimeChart';
+export * from './OneClickHealthOutcomeOverTimeChart.map';

package/dist/components/chart/OneClickHealthOverTimeChart/OneClickHealthOverTimeChart.d.ts

@@ -14,4 +14,8 @@ export interface OneClickHealthOverTimeChartProps {
     };
     sx?: SxProps;
 }
+/**
+ * @deprecated Use {@link OneClickHealthSynchronizedMetricsChart} instead.
+ * This component will be removed in a future version.
+ */
 export declare function OneClickHealthOverTimeChart({ label, data, isLoading, isFetching, isSuccess, filter, sx, }: Readonly<OneClickHealthOverTimeChartProps>): React.ReactNode;

package/dist/components/chart/OneClickHealthPercentageChart/OneClickHealthPercentageChart.d.ts

@@ -18,5 +18,9 @@ interface OneClickHealthPercentageChartProps {
     filter?: any;
     sx?: any;
 }
+/**
+ * @deprecated Use {@link OneClickHealthSynchronizedMetricsChart} instead.
+ * This component will be removed in a future version.
+ */
 export declare function OneClickHealthPercentageChart({ data, isLoading, isFetching, isSuccess, filter, sx, }: Readonly<OneClickHealthPercentageChartProps>): React.JSX.Element;
 export {};

package/dist/components/chart/OneClickHealthSynchronizedMetricsChart/OneClickHealthSynchronizedMetricsChart.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { SxProps } from '@mui/material';
+import { OneClickHealthSynchronizedBrandData } from './OneClickHealthSynchronizedMetricsChart.map';
+import { BrandFilter } from '../../BrandFilterInput';
+export interface OneClickHealthSynchronizedMetricsChartProps {
+    chartData: OneClickHealthSynchronizedBrandData[];
+    isLoading?: boolean;
+    isSuccess: boolean;
+    isFetching: boolean;
+    filter: {
+        timezone?: string;
+        brands: BrandFilter[];
+    };
+    colorMap: Map<string, string>;
+    sx?: SxProps;
+}
+export declare function OneClickHealthSynchronizedMetricsChart({ chartData, isLoading, isSuccess, isFetching, filter, colorMap, sx, }: Readonly<OneClickHealthSynchronizedMetricsChartProps>): React.ReactNode;

package/dist/components/chart/OneClickHealthSynchronizedMetricsChart/OneClickHealthSynchronizedMetricsChart.map.d.ts

@@ -0,0 +1,18 @@
+import { BrandFilter } from '../../BrandFilterInput';
+import { SynchronizedMappedData } from '../SynchronizedMetricsChart';
+export interface OneClickHealthSynchronizedInterval {
+    date: string | number;
+    oneClickHealthCreated: number;
+    oneClickHealthSucceeded: number;
+}
+export interface OneClickHealthSynchronizedBrandData {
+    brandUuid: string;
+    brandName: string;
+    interval?: OneClickHealthSynchronizedInterval[];
+}
+export interface MapOneClickHealthSynchronizedDataOptions {
+    brands: BrandFilter[];
+    colorMap: Map<string, string>;
+    data: OneClickHealthSynchronizedBrandData[];
+}
+export declare function mapOneClickHealthSynchronizedData(options: MapOneClickHealthSynchronizedDataOptions): SynchronizedMappedData;

package/dist/components/chart/OneClickHealthSynchronizedMetricsChart/OneClickHealthSynchronizedMetricsChart.map.mjs

@@ -0,0 +1 @@
+"use strict";import{mapSeriesTimeSeriesData as t}from"../SeriesChart/SeriesChart.map.mjs";function C(l){const{brands:n,colorMap:d,data:c}=l,a={brands:n,colorMap:d,data:c},o=t({...a,keyValue:"oneClickHealthCreated"}),i=t({...a,keyValue:"oneClickHealthSucceeded"}),p=c.map(r=>({...r,interval:(r.interval??[]).map(e=>({...e,percentage:e.oneClickHealthCreated>0?e.oneClickHealthSucceeded/e.oneClickHealthCreated*100:0}))})),s=t({...a,data:p,keyValue:"percentage"});return{started:o,succeeded:i,percentage:s}}export{C as mapOneClickHealthSynchronizedData};

package/dist/components/chart/OneClickHealthSynchronizedMetricsChart/OneClickHealthSynchronizedMetricsChart.mjs

@@ -0,0 +1 @@
+"use strict";import{useMemo as p}from"react";import{mapOneClickHealthSynchronizedData as h}from"./OneClickHealthSynchronizedMetricsChart.map.mjs";import{jsx as m}from"react/jsx-runtime";import{SynchronizedMetricsChart as u}from"../SynchronizedMetricsChart/SynchronizedMetricsChart.mjs";function l({chartData:s,isLoading:e=!0,isSuccess:r,isFetching:c,filter:a,colorMap:t,sx:i}){const{started:n,succeeded:o,percentage:d}=p(()=>e?{started:[],succeeded:[],percentage:[]}:h({brands:a.brands,colorMap:t,data:s}),[e,a.brands,t,s]);return m(u,{startedData:n,succeededData:o,percentageData:d,isLoading:e,isSuccess:r,isFetching:c,filter:a,sx:i})}export{l as OneClickHealthSynchronizedMetricsChart};

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

@@ -0,0 +1,2 @@
+export * from './OneClickHealthSynchronizedMetricsChart';
+export * from './OneClickHealthSynchronizedMetricsChart.map';

package/dist/components/chart/OneClickOverTimeChart/OneClickOverTimeChart.d.ts

@@ -11,4 +11,8 @@ export interface OneClickOverTimeChartProps {
         brands: BrandFilter[];
     };
 }
+/**
+ * @deprecated Use {@link OneClickSignupSynchronizedMetricsChart} instead.
+ * This component will be removed in a future version.
+ */
 export declare function OneClickOverTimeChart({ data, isLoading, isFetching, isSuccess, filter, }: Readonly<OneClickOverTimeChartProps>): React.ReactNode;

package/dist/components/chart/OneClickPercentageChart/OneClickPercentageChart.d.ts

@@ -18,5 +18,9 @@ interface OneClickPercentageChartProps {
     filter?: any;
     sx?: any;
 }
+/**
+ * @deprecated Use {@link OneClickSignupSynchronizedMetricsChart} instead.
+ * This component will be removed in a future version.
+ */
 export declare function OneClickPercentageChart({ data, isLoading, isFetching, isSuccess, filter, sx, }: Readonly<OneClickPercentageChartProps>): React.ReactNode;
 export {};

package/dist/components/chart/OneClickSignupOutcomeOverTimeChart/OneClickSignupOutcomeOverTimeChart.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { SxProps } from '@mui/material';
+import { OneClickSignupOutcomeBrandData } from './OneClickSignupOutcomeOverTimeChart.map';
+import { BrandFilter } from '../../BrandFilterInput';
+export interface OneClickSignupOutcomeOverTimeChartProps {
+    chartData: OneClickSignupOutcomeBrandData[];
+    isLoading: boolean;
+    isSuccess: boolean;
+    isFetching: boolean;
+    filter: {
+        timezone?: string;
+        brands?: BrandFilter[];
+    };
+    sx?: SxProps;
+}
+export declare function OneClickSignupOutcomeOverTimeChart({ chartData, isLoading, ...rest }: Readonly<OneClickSignupOutcomeOverTimeChartProps>): React.ReactNode;

package/dist/components/chart/OneClickSignupOutcomeOverTimeChart/OneClickSignupOutcomeOverTimeChart.map.d.ts

@@ -0,0 +1,21 @@
+import { AreaSeriesChartData } from '../AreaChart';
+import { BrandFilter } from '../../BrandFilterInput';
+export interface OneClickSignupOutcomeIntervalEntry {
+    date: string | number;
+    oneClickCreated: number;
+    oneClickSuccess: number;
+}
+export interface OneClickSignupOutcomeBrandData {
+    brandUuid: string;
+    brandName: string;
+    interval?: OneClickSignupOutcomeIntervalEntry[];
+}
+export interface MapOneClickSignupOutcomeOverTimeChartDataOptions {
+    brands?: BrandFilter[];
+    data: OneClickSignupOutcomeBrandData[];
+}
+export interface OneClickSignupOutcomeChartData {
+    series: AreaSeriesChartData[];
+    data: Array<Record<string, number | string>>;
+}
+export declare function mapOneClickSignupOutcomeOverTimeChartData(options: MapOneClickSignupOutcomeOverTimeChartDataOptions): OneClickSignupOutcomeChartData;

package/dist/components/chart/OneClickSignupOutcomeOverTimeChart/OneClickSignupOutcomeOverTimeChart.map.mjs

@@ -0,0 +1 @@
+"use strict";import{mapAreaChartData as C}from"../AreaChart/AreaChart.map.mjs";import{green as k,red as m}from"../../../styles/colors.mjs";function f(c){const s=new Map,n=c.brands?new Set(c.brands.map(e=>e._raw.brandUuid)):null;for(const e of c.data)if(!(n&&!n.has(e.brandUuid)))for(const a of e.interval??[]){const t=+new Date(a.date);s.has(t)||s.set(t,{date:t,oneClickSuccess:0,oneClickFailed:0});const o=s.get(t);if(!o)continue;const i=Number(a.oneClickSuccess||0),u=Number(a.oneClickCreated||0);o.oneClickSuccess=o.oneClickSuccess+i,o.oneClickFailed=o.oneClickFailed+Math.max(0,u-i)}const r=Array.from(s.values()).sort((e,a)=>e.date-a.date),{series:d,data:l}=C({data:r,seriesConfig:[{key:"Success",dataKey:"oneClickSuccess",color:k},{key:"Failed",dataKey:"oneClickFailed",color:m}]});return{series:d,data:l}}export{f as mapOneClickSignupOutcomeOverTimeChartData};

package/dist/components/chart/OneClickSignupOutcomeOverTimeChart/OneClickSignupOutcomeOverTimeChart.mjs

@@ -0,0 +1 @@
+"use strict";import{mapOneClickSignupOutcomeOverTimeChartData as s}from"./OneClickSignupOutcomeOverTimeChart.map.mjs";import{jsx as o}from"react/jsx-runtime";import{OutcomeOverTimeChart as m}from"../OutcomeOverTimeChart/OutcomeOverTimeChart.mjs";function n({chartData:t,isLoading:a=!0,...r}){const{series:i,data:e}=a?{series:[],data:[]}:s({brands:r.filter.brands,data:t});return o(m,{data:e,series:i,isLoading:a,...r})}export{n as OneClickSignupOutcomeOverTimeChart};

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

@@ -0,0 +1,2 @@
+export * from './OneClickSignupOutcomeOverTimeChart';
+export * from './OneClickSignupOutcomeOverTimeChart.map';

package/dist/components/chart/OneClickSignupSynchronizedMetricsChart/OneClickSignupSynchronizedMetricsChart.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { SxProps } from '@mui/material';
+import { OneClickSignupSynchronizedBrandData } from './OneClickSignupSynchronizedMetricsChart.map';
+import { BrandFilter } from '../../BrandFilterInput';
+export interface OneClickSignupSynchronizedMetricsChartProps {
+    chartData: OneClickSignupSynchronizedBrandData[];
+    isLoading?: boolean;
+    isSuccess: boolean;
+    isFetching: boolean;
+    filter: {
+        timezone?: string;
+        brands: BrandFilter[];
+    };
+    colorMap: Map<string, string>;
+    sx?: SxProps;
+}
+export declare function OneClickSignupSynchronizedMetricsChart({ chartData, isLoading, isSuccess, isFetching, filter, colorMap, sx, }: Readonly<OneClickSignupSynchronizedMetricsChartProps>): React.ReactNode;

package/dist/components/chart/OneClickSignupSynchronizedMetricsChart/OneClickSignupSynchronizedMetricsChart.map.d.ts

@@ -0,0 +1,18 @@
+import { BrandFilter } from '../../BrandFilterInput';
+import { SynchronizedMappedData } from '../SynchronizedMetricsChart';
+export interface OneClickSignupSynchronizedInterval {
+    date: string | number;
+    oneClickCreated: number;
+    oneClickSuccess: number;
+}
+export interface OneClickSignupSynchronizedBrandData {
+    brandUuid: string;
+    brandName: string;
+    interval?: OneClickSignupSynchronizedInterval[];
+}
+export interface MapOneClickSignupSynchronizedDataOptions {
+    brands: BrandFilter[];
+    colorMap: Map<string, string>;
+    data: OneClickSignupSynchronizedBrandData[];
+}
+export declare function mapOneClickSignupSynchronizedData(options: MapOneClickSignupSynchronizedDataOptions): SynchronizedMappedData;

package/dist/components/chart/OneClickSignupSynchronizedMetricsChart/OneClickSignupSynchronizedMetricsChart.map.mjs

@@ -0,0 +1 @@
+"use strict";import{mapSeriesTimeSeriesData as c}from"../SeriesChart/SeriesChart.map.mjs";function u(t){const{brands:i,colorMap:o,data:n}=t,a={brands:i,colorMap:o,data:n},l=c({...a,keyValue:"oneClickCreated"}),s=c({...a,keyValue:"oneClickSuccess"}),d=n.map(r=>({...r,interval:(r.interval??[]).map(e=>({...e,percentage:e.oneClickCreated>0?e.oneClickSuccess/e.oneClickCreated*100:0}))})),p=c({...a,data:d,keyValue:"percentage"});return{started:l,succeeded:s,percentage:p}}export{u as mapOneClickSignupSynchronizedData};

package/dist/components/chart/OneClickSignupSynchronizedMetricsChart/OneClickSignupSynchronizedMetricsChart.mjs

@@ -0,0 +1 @@
+"use strict";import{useMemo as p}from"react";import{mapOneClickSignupSynchronizedData as m}from"./OneClickSignupSynchronizedMetricsChart.map.mjs";import{jsx as u}from"react/jsx-runtime";import{SynchronizedMetricsChart as g}from"../SynchronizedMetricsChart/SynchronizedMetricsChart.mjs";function h({chartData:s,isLoading:e=!0,isSuccess:r,isFetching:c,filter:a,colorMap:t,sx:i}){const{started:n,succeeded:o,percentage:d}=p(()=>e?{started:[],succeeded:[],percentage:[]}:m({brands:a.brands,colorMap:t,data:s}),[e,a.brands,t,s]);return u(g,{startedData:n,succeededData:o,percentageData:d,isLoading:e,isSuccess:r,isFetching:c,filter:a,sx:i})}export{h as OneClickSignupSynchronizedMetricsChart};

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

@@ -0,0 +1,2 @@
+export * from './OneClickSignupSynchronizedMetricsChart';
+export * from './OneClickSignupSynchronizedMetricsChart.map';

package/dist/components/chart/OneClickVerificationBigNumbers/OneClickVerificationBigNumbers.d.ts

@@ -1,6 +1,6 @@
-import { OneClickVerificationBigNumbersChartData } from './OneClickVerificationBigNumbersMapper';
+import { OneClickVerificationBrandData } from './OneClickVerificationBigNumbersMapper';
 export interface OneClickVerificationBigNumbersProps {
-    chartData: OneClickVerificationBigNumbersChartData[];
+    chartData: OneClickVerificationBrandData[];
     isLoading: boolean;
 }
-export declare function OneClickVerificationBigNumbers({ chartData, isLoading, }: Readonly<OneClickVerificationBigNumbersProps>): React.ReactNode;
+export declare function OneClickVerificationBigNumbers({ chartData, isLoading, }: Readonly<OneClickVerificationBigNumbersProps>): import("react").JSX.Element;

package/dist/components/chart/OneClickVerificationBigNumbers/OneClickVerificationBigNumbers.mjs

@@ -1 +1 @@
-"use strict";import{Stack as l}from"@mui/material";import{BigNumber as e}from"../BigNumber/index.mjs";import{formatNumberRounded as i,formatPercentage as s}from"../../../utils/number/formatters.mjs";import{defaultMetrics as c,calculateOneClickVerificationMetrics as m}from"./OneClickVerificationBigNumbersMapper.mjs";import{jsxs as u,jsx as t}from"react/jsx-runtime";function n({chartData:r,isLoading:o=!0}){const a=o?c:m(r);return u(l,{direction:"row",spacing:3,children:[t(e,{label:"Total Created",value:a.totalCreated,initialValue:a.totalCreated,map:i}),t(e,{label:"Total Verified",value:a.totalVerified,initialValue:a.totalVerified,map:i}),t(e,{label:"Success Rate",value:a.successRate,initialValue:a.successRate,map:s})]})}export{n as OneClickVerificationBigNumbers};
+"use strict";import{calculateOneClickVerificationMetrics as t}from"./OneClickVerificationBigNumbersMapper.mjs";import{jsx as e}from"react/jsx-runtime";import{OverviewBigNumbers as o}from"../OverviewBigNumbers/OverviewBigNumbers.mjs";import{defaultOverviewMetrics as a}from"../OverviewBigNumbers/OverviewBigNumbers.types.mjs";function s({chartData:r,isLoading:i=!0}){return e(o,{metrics:i?a:t(r),isLoading:i,hideTotalCost:!0})}export{s as OneClickVerificationBigNumbers};

package/dist/components/chart/OneClickVerificationBigNumbers/OneClickVerificationBigNumbersMapper.d.ts

@@ -1,11 +1,9 @@
 import { OneClickVerificationBrandData } from '../oneClickVerification.types';
+import { OverviewMetrics } from '../OverviewBigNumbers/OverviewBigNumbers.types';
 export type { OneClickVerificationIntervalEntry, OneClickVerificationBrandData, } from '../oneClickVerification.types';
-export interface OneClickVerificationOverallMetrics {
-    totalCreated: number;
-    totalVerified: number;
-    successRate: number;
-}
-export declare const defaultMetrics: OneClickVerificationOverallMetrics;
+/** @deprecated Use {@link OverviewMetrics} from OverviewBigNumbers. */
+export type OneClickVerificationOverallMetrics = OverviewMetrics;
 /** @deprecated Use {@link OneClickVerificationBrandData} from the shared chart types. */
 export type OneClickVerificationBigNumbersChartData = OneClickVerificationBrandData;
-export declare function calculateOneClickVerificationMetrics(data: OneClickVerificationBrandData[]): OneClickVerificationOverallMetrics;
+export declare const defaultMetrics: OverviewMetrics;
+export declare function calculateOneClickVerificationMetrics(data: OneClickVerificationBrandData[]): OverviewMetrics;

package/dist/components/chart/OneClickVerificationBigNumbers/OneClickVerificationBigNumbersMapper.mjs

@@ -1 +1 @@
-"use strict";const o={totalCreated:0,totalVerified:0,successRate:0};function u(t){if(!(t!=null&&t.length))return o;let e=0,i=0;t.forEach(a=>{var c;if((c=a.interval)!=null&&c.length){const s=a.interval.reduce((r,n)=>r+(n.oneClickVerificationCreated||0),0),f=a.interval.reduce((r,n)=>r+(n.oneClickVerificationVerified||0),0);e+=s,i+=f}});const l=e>0?i/e:0;return{totalCreated:e,totalVerified:i,successRate:isNaN(l)?0:l}}export{u as calculateOneClickVerificationMetrics,o as defaultMetrics};
+"use strict";import{defaultOverviewMetrics as d}from"../OverviewBigNumbers/OverviewBigNumbers.types.mjs";const l=d;function v(t){if(!(t!=null&&t.length))return l;let e=0,c=0;const o=0;t.forEach(r=>{var a;if((a=r.interval)!=null&&a.length){const u=r.interval.reduce((i,n)=>i+(n.oneClickVerificationCreated||0),0),f=r.interval.reduce((i,n)=>i+(n.oneClickVerificationVerified||0),0);e+=u,c+=f}});const s=e>0?c/e:0;return{started:e,succeeded:c,totalCost:o,successRate:s}}export{v as calculateOneClickVerificationMetrics,l as defaultMetrics};

package/dist/components/chart/OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.mjs

@@ -1 +1 @@
-"use strict";import{useState as L,useRef as F,useEffect as I}from"react";import{useTheme as N}from"@mui/material";import{lighten as R,contrastColor as T}from"../../../utils/color/index.mjs";import{EmptyChartSection as x}from"../EmptyChartSection.mjs";import{LoadingChartSection as k}from"../LoadingChartSection.mjs";import{FunnelChart as D}from"../FunnelChart/index.mjs";import{useStyle as H}from"../styles.mjs";import{jsx as a,jsxs as J}from"react/jsx-runtime";const K=[40,25,10,0];function M({data:u,isLoading:O,isFetching:P,isSuccess:b,sx:z}){const A=H(),c=N(),[v,B]=L(0),[g,j]=L(0),y=F(0),S=F(0);if(I(()=>{const t=y.current,e=S.current;t!==0&&t!==v&&B(t),e!==0&&e!==g&&j(e)}),!u.length&&O)return a(k,{});if(!u.length||!b)return a(x,{});if(u.every(t=>t.value===0))return a(x,{});const p=u.map((t,e)=>({step:t,originalIndex:e})).filter(({step:t})=>t.value>0);if(p.length<2)return a(x,{});const C=c.palette.primary.main,s=p.map(({step:t,originalIndex:e},n)=>{const i=n>0?p[n-1].step:null;let r=null;if(i!==null&&i.value>0){const o=(i.value-t.value)/i.value*100;r=o>0?o:null}return{name:t.name,value:t.value,dropOffPercent:r,fill:R(C,K[e])}}),w=s.reduce((t,e,n)=>e.value>s[t].value?n:t,0);function E(t){var e;const{x:n,y:i,width:r,height:o,value:f,index:l}=t;if(f==null)return null;l===w&&(y.current=n+r/2,S.current=n+r);const d=((e=s[l])==null?void 0:e.fill)??C,m=r>=60?T(d):c.palette.text.primary;return a("text",{x:v||n+r/2,y:i+o/2,textAnchor:"middle",dominantBaseline:"middle",fontSize:14,fontWeight:600,fill:m,children:Number(f).toLocaleString()})}function W(t){var e;const{x:n,y:i,width:r,height:o,index:f}=t,l=s[f];if(!l)return null;const d=(g||n+r)+8,m=l.dropOffPercent!==null&&l.dropOffPercent>0,h=i+o/2;return J("g",{children:[a("text",{x:d,y:m?h-8:h,textAnchor:"start",dominantBaseline:"middle",fontSize:16,fill:c.palette.text.primary,children:l.name}),m&&a("text",{x:d,y:h+10,textAnchor:"start",dominantBaseline:"middle",fontSize:11,fill:c.palette.text.secondary,children:`Drop-off ${(e=l.dropOffPercent)==null?void 0:e.toFixed(1)}%`})]})}return a(D,{data:s,insideLabel:{content:E,dataKey:"value"},outsideLabel:{content:W},sx:{...A.regularChartWrapper,opacity:P?.4:1,...z}})}export{M as OneClickVerificationFunnelChart};
+"use strict";import{useTheme as P}from"@mui/material";import{EmptyChartSection as c}from"../EmptyChartSection.mjs";import{FunnelChart as z}from"../FunnelChart/index.mjs";import{LoadingChartSection as A}from"../LoadingChartSection.mjs";import{useStyle as b}from"../styles.mjs";import{mix as j}from"../../../utils/color/index.mjs";import{lightGreen as W,lightGrey as D}from"../../../styles/colors.mjs";import{jsx as r,jsxs as G}from"react/jsx-runtime";const I=4;function T({data:o,isLoading:y,isFetching:S,isSuccess:C,sx:B}){var h;const O=b(),d=P();if(!o.length&&y)return r(A,{});if(!o.length||!C)return r(c,{});if(o.every(e=>e.value===0))return r(c,{});if(((h=o[o.length-1])==null?void 0:h.value)===0)return r(c,{});const m=o.map((e,t)=>({step:e,originalIndex:t})).filter(({step:e})=>e.value>0);if(m.length<2)return r(c,{});const u=m.map(({step:e,originalIndex:t},i)=>{const n=i>0?m[i-1].step:null;let l=null;if(n!==null&&n.value>0){const f=(n.value-e.value)/n.value*100;l=f>0?f:null}const s=t/(I-1)*100;return{name:e.name,value:e.value,dropOffPercent:l,fill:j(D,W,s)}}),w=u[u.reduce((e,t,i)=>t.value>u[e].value?i:e,0)].value;function F(e){const{y:t,height:i,value:n,viewBox:l}=e;if(n==null)return null;const s=l.x+l.width/2;return r("text",{x:s,y:t+i/2,textAnchor:"middle",dominantBaseline:"middle",fontSize:14,fontWeight:600,fill:d.palette.text.primary,children:Number(n).toLocaleString()})}function L(e){var t;const{x:i,y:n,height:l,index:s,viewBox:f}=e,a=u[s];if(!a)return null;const x=f.x+f.width/2,v=x+(x-i)*w/a.value+8,g=a.dropOffPercent!==null&&a.dropOffPercent>0,p=n+l/2;return G("g",{children:[r("text",{x:v,y:g?p-8:p,textAnchor:"start",dominantBaseline:"middle",fontSize:16,fill:d.palette.text.primary,children:a.name}),g&&r("text",{x:v,y:p+10,textAnchor:"start",dominantBaseline:"middle",fontSize:11,fill:d.palette.text.secondary,children:`Drop-off ${(t=a.dropOffPercent)==null?void 0:t.toFixed(1)}%`})]})}return r(z,{data:u,insideLabel:{content:F,dataKey:"value"},outsideLabel:{content:L},sx:{...O.regularChartWrapper,opacity:S?.4:1,...B}})}export{T as OneClickVerificationFunnelChart};

package/dist/components/chart/OneClickVerificationOutcomeOverTimeChart/OneClickVerificationOutcomeOverTimeChart.d.ts

@@ -1,10 +1,15 @@
 import { default as React } from 'react';
 import { SxProps } from '@mui/material';
-import { AreaSeriesChartData } from '../AreaChart';
+import { AreaSeriesChartData } from '../OutcomeOverTimeChart';
+import { OneClickVerificationBrandData } from '../oneClickVerification.types';
 import { BrandFilter } from '../../BrandFilterInput';
 export interface OneClickVerificationOutcomeOverTimeChartProps {
-    data: Array<Record<string, number | string>>;
-    series: AreaSeriesChartData[];
+    /** @deprecated Use `chartData` instead. Pass raw brand data and let the wrapper handle mapping. */
+    data?: Array<Record<string, number | string>>;
+    /** @deprecated Use `chartData` instead. Pass raw brand data and let the wrapper handle mapping. */
+    series?: AreaSeriesChartData[];
+    /** Raw brand data. The wrapper maps it internally. Preferred over deprecated `data`/`series`. */
+    chartData?: OneClickVerificationBrandData[];
     isLoading: boolean;
     isSuccess: boolean;
     isFetching: boolean;
@@ -14,4 +19,4 @@ export interface OneClickVerificationOutcomeOverTimeChartProps {
     };
     sx?: SxProps;
 }
-export declare function OneClickVerificationOutcomeOverTimeChart({ data, series, isLoading, isFetching, isSuccess, filter, sx, }: Readonly<OneClickVerificationOutcomeOverTimeChartProps>): React.ReactNode;
+export declare function OneClickVerificationOutcomeOverTimeChart({ data: legacyData, series: legacySeries, chartData, isLoading, ...rest }: Readonly<OneClickVerificationOutcomeOverTimeChartProps>): React.ReactNode;

package/dist/components/chart/OneClickVerificationOutcomeOverTimeChart/OneClickVerificationOutcomeOverTimeChart.mjs

@@ -1 +1 @@
-"use strict";import{useState as k}from"react";import{Box as m,ToggleButtonGroup as F,ToggleButton as c}from"@mui/material";import{EmptyChartSection as D}from"../EmptyChartSection.mjs";import{LoadingChartSection as S}from"../LoadingChartSection.mjs";import{AreaChart as v}from"../AreaChart/index.mjs";import{useStyle as A}from"../styles.mjs";import{formatExtendedDate as E,formatDateMMYY as M}from"../../../utils/date.mjs";import{DEFAULT_TIMEZONE as N}from"../../form/TimezoneInput/timezones.mjs";import{jsx as t,jsxs as u}from"react/jsx-runtime";function L({data:i,series:d,isLoading:f,isFetching:p,isSuccess:h,filter:x,sx:g}){const n=A(),s=x.timezone??N,[a,C]=k("absolute");if(!i.length&&f)return t(S,{});if(!i.length||!h)return t(D,{});const y=a==="absolute"?"stack":"expand";return u(m,{sx:{display:"flex",flexDirection:"column",gap:1,height:n.regularChartWrapper.height},children:[t(m,{sx:{display:"flex",justifyContent:"flex-end"},children:u(F,{value:a,exclusive:!0,onChange:(e,r)=>{r!==null&&C(r)},size:"small",children:[t(c,{value:"absolute",children:"Numbers"}),t(c,{value:"percent",children:"Percentages"})]})}),t(v,{data:i,series:d,stackMode:y,isAnimationActive:!0,xAxis:{dataKey:"date",type:"number",domain:["dataMin","dataMax"],tickFormatter:e=>M(e,{timeZone:s,hour12:!1,hour:"numeric"}),allowDuplicatedCategory:!1},yAxis:a==="absolute"?{tickFormatter:e=>Number(e).toLocaleString(),allowDecimals:!1}:{tickFormatter:e=>`${(e*100).toFixed(0)}%`,domain:[0,1],allowDecimals:!1},tooltip:{formatter:a==="absolute"?e=>Number(e).toLocaleString():(e,r,b)=>{const o=b.payload,l=o.oneClickVerificationVerified+o.oneClickVerificationExpired+o.oneClickVerificationFailed;return l===0?"0.0%":`${(Number(e)/l*100).toFixed(1)}%`},labelFormatter:e=>E(e,{timeZone:s,hour12:!1})},sx:{...n.regularChartWrapper,height:"unset",flex:1,minHeight:0,opacity:p?.4:1,...g}})]})}export{L as OneClickVerificationOutcomeOverTimeChart};
+"use strict";import{mapOneClickVerificationOutcomeOverTimeChartData as m}from"./OneClickVerificationOutcomeOverTimeChart.map.mjs";import{jsx as n}from"react/jsx-runtime";import{OutcomeOverTimeChart as c}from"../OutcomeOverTimeChart/OutcomeOverTimeChart.mjs";function d({data:r,series:t,chartData:a,isLoading:e=!0,...i}){const{series:s,data:o}=a?e?{series:[],data:[]}:m({brands:i.filter.brands,data:a}):{series:t??[],data:r??[]};return n(c,{data:o,series:s,isLoading:e,...i})}export{d as OneClickVerificationOutcomeOverTimeChart};

package/dist/components/chart/OutcomeOverTimeChart/OutcomeOverTimeChart.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { SxProps } from '@mui/material';
+import { AreaSeriesChartData } from '../AreaChart';
+import { BrandFilter } from '../../BrandFilterInput';
+export type { AreaSeriesChartData } from '../AreaChart';
+export interface OutcomeOverTimeChartProps {
+    data: Array<Record<string, number | string>>;
+    series: AreaSeriesChartData[];
+    isLoading: boolean;
+    isSuccess: boolean;
+    isFetching: boolean;
+    filter: {
+        timezone?: string;
+        brands?: BrandFilter[];
+    };
+    sx?: SxProps;
+}
+export declare function OutcomeOverTimeChart({ data, series, isLoading, isFetching, isSuccess, filter, sx, }: Readonly<OutcomeOverTimeChartProps>): React.ReactNode;

package/dist/components/chart/OutcomeOverTimeChart/OutcomeOverTimeChart.mjs

@@ -0,0 +1 @@
+"use strict";import{useState as v}from"react";import{Box as m,ToggleButtonGroup as A,ToggleButton as u}from"@mui/material";import{EmptyChartSection as D}from"../EmptyChartSection.mjs";import{LoadingChartSection as M}from"../LoadingChartSection.mjs";import{AreaChart as N}from"../AreaChart/index.mjs";import{useStyle as k}from"../styles.mjs";import{formatExtendedDate as E,formatDateMMYY as T}from"../../../utils/date.mjs";import{DEFAULT_TIMEZONE as L}from"../../form/TimezoneInput/timezones.mjs";import{jsx as t,jsxs as c}from"react/jsx-runtime";function w({data:r,series:i,isLoading:d,isFetching:p,isSuccess:h,filter:f,sx:g}){const s=k(),l=f.timezone??L,[a,x]=v("absolute");if(!r.length&&d)return t(M,{});if(!r.length||!h)return t(D,{});const y=a==="absolute"?"stack":"expand";return c(m,{sx:{display:"flex",flexDirection:"column",gap:1,height:s.regularChartWrapper.height},children:[t(m,{sx:{display:"flex",justifyContent:"flex-end"},children:c(A,{value:a,exclusive:!0,onChange:(e,o)=>{o!==null&&x(o)},size:"small",children:[t(u,{value:"absolute",children:"Numbers"}),t(u,{value:"percent",children:"Percentages"})]})}),t(N,{data:r,series:i,stackMode:y,isAnimationActive:!0,xAxis:{dataKey:"date",type:"number",domain:["dataMin","dataMax"],tickFormatter:e=>T(e,{timeZone:l,hour12:!1,hour:"numeric"}),allowDuplicatedCategory:!1},yAxis:a==="absolute"?{tickFormatter:e=>Number(e).toLocaleString(),allowDecimals:!1}:{tickFormatter:e=>`${(e*100).toFixed(0)}%`,domain:[0,1],allowDecimals:!1},tooltip:{formatter:a==="absolute"?e=>Number(e).toLocaleString():(e,o,b)=>{const C=b.payload,n=i.reduce((F,S)=>F+(Number(C[S.dataKey])||0),0);return n===0?"0.0%":`${(Number(e)/n*100).toFixed(1)}%`},labelFormatter:e=>E(e,{timeZone:l,hour12:!1})},sx:{...s.regularChartWrapper,height:"unset",flex:1,minHeight:0,opacity:p?.4:1,...g}})]})}export{w as OutcomeOverTimeChart};

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

@@ -0,0 +1 @@
+export * from './OutcomeOverTimeChart';

package/dist/components/chart/OverviewBigNumbers/OverviewBigNumbers.d.ts

@@ -0,0 +1,7 @@
+import { OverviewMetrics } from './OverviewBigNumbers.types';
+export interface OverviewBigNumbersProps {
+    metrics: OverviewMetrics;
+    isLoading?: boolean;
+    hideTotalCost?: boolean;
+}
+export declare function OverviewBigNumbers({ metrics, isLoading, hideTotalCost, }: Readonly<OverviewBigNumbersProps>): import("react").JSX.Element;

package/dist/components/chart/OverviewBigNumbers/OverviewBigNumbers.mjs

@@ -0,0 +1 @@
+"use strict";import{Stack as l}from"@mui/material";import{BigNumber as a}from"../BigNumber/index.mjs";import{formatNumberRounded as s,formatCurrency as c,formatPercentage as u}from"../../../utils/number/formatters.mjs";import{defaultOverviewMetrics as m}from"./OverviewBigNumbers.types.mjs";import{jsxs as d,jsx as t}from"react/jsx-runtime";function n({metrics:r,isLoading:i=!0,hideTotalCost:o=!1}){const e=i?m:r;return d(l,{direction:"row",spacing:3,children:[t(a,{label:"Started",value:e.started,initialValue:e.started,map:s}),t(a,{label:"Succeeded",value:e.succeeded,initialValue:e.succeeded,map:s}),!o&&t(a,{label:"Total Cost",value:e.totalCost??0,initialValue:e.totalCost??0,map:c}),t(a,{label:"Success Rate",value:e.successRate,initialValue:e.successRate,map:u})]})}export{n as OverviewBigNumbers};

package/dist/components/chart/OverviewBigNumbers/OverviewBigNumbers.types.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Normalized metrics for product overview BigNumber cards.
+ * Used by OverviewBigNumbers and all product-specific BigNumber wrappers.
+ */
+export interface OverviewMetrics {
+    started: number;
+    succeeded: number;
+    /** Optional. If omitted and hideTotalCost is false, renders as $0.00. */
+    totalCost?: number;
+    /** Ratio in [0, 1], not a percentage. 0.85 renders as "85.00%". */
+    successRate: number;
+}
+export declare const defaultOverviewMetrics: OverviewMetrics;

package/dist/components/chart/OverviewBigNumbers/OverviewBigNumbers.types.mjs

@@ -0,0 +1 @@
+"use strict";const e={started:0,succeeded:0,totalCost:0,successRate:0};export{e as defaultOverviewMetrics};

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

@@ -0,0 +1,2 @@
+export * from './OverviewBigNumbers';
+export * from './OverviewBigNumbers.types';

package/dist/components/chart/SignupBigNumbers/SignupBigNumbers.d.ts

@@ -4,4 +4,4 @@ export interface SignupBigNumbersProps {
     isLoading: boolean;
     hideTotalCost?: boolean;
 }
-export declare function SignupBigNumbers({ chartData, isLoading, hideTotalCost, }: Readonly<SignupBigNumbersProps>): React.ReactNode;
+export declare function SignupBigNumbers({ chartData, isLoading, hideTotalCost, }: Readonly<SignupBigNumbersProps>): import("react").JSX.Element;

package/dist/components/chart/SignupBigNumbers/SignupBigNumbers.mjs

@@ -1 +1 @@
-"use strict";import{Stack as r}from"@mui/material";import{BigNumber as t}from"../BigNumber/index.mjs";import{formatNumberRounded as s,formatCurrency as u,formatPercentage as c}from"../../../utils/number/formatters.mjs";import{defaultMetrics as n,calculateSignupMetrics as m}from"./SignupBigNumbersMapper.mjs";import{jsxs as p,jsx as i}from"react/jsx-runtime";function g({chartData:e,isLoading:l=!0,hideTotalCost:o=!1}){const a=l?n:m(e);return p(r,{direction:"row",spacing:3,children:[i(t,{label:"Total 1-Click Signups",value:a.totalSignups,initialValue:a.totalSignups,map:s}),i(t,{label:"Finished 1-Click Signups",value:a.totalSuccess,initialValue:a.totalSuccess,map:s}),!o&&i(t,{label:"Total Cost",value:a.totalCost,initialValue:a.totalCost,map:u}),i(t,{label:"Success Rate",value:a.successRate,initialValue:a.successRate,map:c})]})}export{g as SignupBigNumbers};
+"use strict";import{calculateSignupMetrics as o}from"./SignupBigNumbersMapper.mjs";import{jsx as a}from"react/jsx-runtime";import{OverviewBigNumbers as e}from"../OverviewBigNumbers/OverviewBigNumbers.mjs";import{defaultOverviewMetrics as s}from"../OverviewBigNumbers/OverviewBigNumbers.types.mjs";function m({chartData:r,isLoading:i=!0,hideTotalCost:t=!1}){return a(e,{metrics:i?s:o(r),isLoading:i,hideTotalCost:t})}export{m as SignupBigNumbers};

package/dist/components/chart/SignupBigNumbers/SignupBigNumbersMapper.d.ts

@@ -1,10 +1,7 @@
-export interface SignupMetrics {
-    totalSignups: number;
-    totalSuccess: number;
-    totalCost: number;
-    successRate: number;
-}
-export declare const defaultMetrics: SignupMetrics;
+import { OverviewMetrics } from '../OverviewBigNumbers/OverviewBigNumbers.types';
+/** @deprecated Use {@link OverviewMetrics} from OverviewBigNumbers. */
+export type SignupMetrics = OverviewMetrics;
+export declare const defaultMetrics: OverviewMetrics;
 export interface SignupBigNumbersChartData {
     interval?: Array<{
         oneClickCreated: number;
@@ -20,4 +17,4 @@ export interface SignupBigNumbersChartData {
         totalCost?: string;
     };
 }
-export declare function calculateSignupMetrics(data: SignupBigNumbersChartData[]): SignupMetrics;
+export declare function calculateSignupMetrics(data: SignupBigNumbersChartData[]): OverviewMetrics;

package/dist/components/chart/SignupBigNumbers/SignupBigNumbersMapper.mjs

@@ -1 +1 @@
-"use strict";const a={totalSignups:0,totalSuccess:0,totalCost:0,successRate:0};function n(e){if(!(e!=null&&e.length))return a;const s=e.reduce((l,t)=>l+(t.overall.oneClickCreated||0),0),c=e.reduce((l,t)=>l+(t.overall.oneClickSuccess||0),0),r=e.reduce((l,t)=>{const u=t.overall.totalCost?Number(t.overall.totalCost.replace("$","").replace(/,/g,"")):0;return l+u},0),o=c/s;return{totalSignups:s,totalSuccess:c,totalCost:r,successRate:isNaN(o)?0:o}}export{n as calculateSignupMetrics,a as defaultMetrics};
+"use strict";import{defaultOverviewMetrics as n}from"../OverviewBigNumbers/OverviewBigNumbers.types.mjs";const o=n;function i(t){if(!(t!=null&&t.length))return o;const l=t.reduce((r,e)=>r+(e.overall.oneClickCreated||0),0),c=t.reduce((r,e)=>r+(e.overall.oneClickSuccess||0),0),s=t.reduce((r,e)=>{const u=e.overall.totalCost?Number(e.overall.totalCost.replace("$","").replace(/,/g,"")):0;return r+u},0),a=l>0?c/l:0;return{started:l,succeeded:c,totalCost:s,successRate:a}}export{i as calculateSignupMetrics,o as defaultMetrics};

package/dist/components/chart/SynchronizedMetricsChart/SynchronizedMetricsChart.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { SynchronizedMetricsChartProps } from './SynchronizedMetricsChart.types';
+export declare function SynchronizedMetricsChart({ startedData, succeededData, percentageData, isLoading, isSuccess, isFetching, filter, sx, }: Readonly<SynchronizedMetricsChartProps>): React.ReactNode;

package/dist/components/chart/SynchronizedMetricsChart/SynchronizedMetricsChart.mjs

@@ -0,0 +1 @@
+"use strict";import{useState as C,useMemo as c,useCallback as w}from"react";import{Stack as g,useTheme as L,Typography as M}from"@mui/material";import{ResponsiveContainer as N,AreaChart as E,CartesianGrid as O,XAxis as B,YAxis as P,Tooltip as I,Area as Y}from"recharts";import{formatDateMMYY as Z,formatExtendedDate as j}from"../../../utils/date.mjs";import{DEFAULT_TIMEZONE as K}from"../../form/TimezoneInput/timezones.mjs";import{EmptyChartSection as W}from"../EmptyChartSection.mjs";import{LoadingChartSection as $}from"../LoadingChartSection.mjs";import{SimpleLegend as G}from"../SimpleLegend/index.mjs";import{chartDefaultProps as R,xAxisDefaultProps as U,yAxisDefaultProps as X}from"../shared.mjs";import{jsx as t,jsxs as x}from"react/jsx-runtime";const _="synchronized-metrics",H=200;function y(a){const i=new Map;for(const r of a)for(const s of r.chartData){let n=i.get(s.date);n||(n={date:s.date},i.set(s.date,n)),n[r.uuid]=s.value}return Array.from(i.values()).sort((r,s)=>r.date-s.date)}function D({title:a,mergedData:i,brands:r,hiddenBrands:s,timezone:n,tooltipFormatter:l,yAxisTickFormatter:u,yAxisDomain:h}){const m=L(),p=r.filter(e=>!s.has(e.uuid));return x(g,{children:[t(M,{variant:"subtitle2",sx:{mb:.5},children:a}),t(N,{width:"100%",height:H,children:x(E,{data:i,syncId:_,margin:R.margin,children:[t(O,{vertical:!1}),t(B,{dataKey:"date",tickFormatter:e=>Z(e,{timeZone:n,hour12:!1,hour:"numeric"}),...U}),t(P,{tickFormatter:u??(e=>Number(e).toLocaleString()),allowDecimals:!1,domain:h,...X}),t(I,{cursor:{stroke:m.palette.neutral.main,strokeWidth:1},formatter:l??(e=>Number(e).toLocaleString()),labelFormatter:e=>j(e,{timeZone:n,hour12:!1}),itemSorter:e=>-Number(e?.value??0)}),p.map(e=>t(Y,{dataKey:e.uuid,name:e.name,stroke:e.color,fill:e.color,fillOpacity:.1,type:"monotone",strokeWidth:2,isAnimationActive:!1},e.uuid))]})})]})}function q({startedData:a,succeededData:i,percentageData:r,isLoading:s,isSuccess:n,isFetching:l,filter:u,sx:h}){const[m,p]=C(new Set),e=u.timezone??K,S=!a.length&&!i.length&&!r.length,v=c(()=>y(a),[a]),F=c(()=>y(i),[i]),T=c(()=>y(r),[r]),A=a.length,k=w(o=>{p(d=>{const b=d.has(o.name);if(!b&&A-d.size<=1)return d;const f=new Set(d);return b?f.delete(o.name):f.add(o.name),f})},[A]),z=c(()=>a.map(o=>({value:o.name,color:o.color,payload:{name:o.uuid}})),[a]);return S&&s?t($,{}):S||!n?t(W,{}):t(g,{sx:{width:"100%",...h},children:x(g,{sx:{opacity:l?.4:1,gap:2},children:[t(D,{title:"Started Over Time",mergedData:v,brands:a,hiddenBrands:m,timezone:e}),t(D,{title:"Succeeded Over Time",mergedData:F,brands:i,hiddenBrands:m,timezone:e}),t(D,{title:"Success Percentage Over Time",mergedData:T,brands:r,hiddenBrands:m,timezone:e,tooltipFormatter:o=>`${Number(o).toFixed(1)}%`,yAxisTickFormatter:o=>`${Number(o).toFixed(0)}%`,yAxisDomain:["auto","auto"]}),t(G,{payload:z,hiddenItems:m,onToggle:k})]})})}export{q as SynchronizedMetricsChart};

package/dist/components/chart/SynchronizedMetricsChart/SynchronizedMetricsChart.types.d.ts

@@ -0,0 +1,21 @@
+import { SxProps } from '@mui/material';
+import { SeriesChartData } from '../SeriesChart';
+import { BrandFilter } from '../../../components/BrandFilterInput';
+export interface SynchronizedMappedData {
+    started: SeriesChartData[];
+    succeeded: SeriesChartData[];
+    percentage: SeriesChartData[];
+}
+export interface SynchronizedMetricsChartProps {
+    startedData: SeriesChartData[];
+    succeededData: SeriesChartData[];
+    percentageData: SeriesChartData[];
+    isLoading: boolean;
+    isSuccess: boolean;
+    isFetching: boolean;
+    filter: {
+        timezone?: string;
+        brands: BrandFilter[];
+    };
+    sx?: SxProps;
+}

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

@@ -0,0 +1,2 @@
+export * from './SynchronizedMetricsChart';
+export * from './SynchronizedMetricsChart.types';

package/dist/components/chart/TTSBigNumbers/TTSBigNumbers.d.ts

@@ -4,4 +4,4 @@ export interface TTSBigNumbersProps {
     isLoading: boolean;
     hideTotalCost?: boolean;
 }
-export declare function TTSBigNumbers({ chartData, isLoading, hideTotalCost, }: Readonly<TTSBigNumbersProps>): React.ReactNode;
+export declare function TTSBigNumbers({ chartData, isLoading, hideTotalCost, }: Readonly<TTSBigNumbersProps>): import("react").JSX.Element;

package/dist/components/chart/TTSBigNumbers/TTSBigNumbers.mjs

@@ -1 +1 @@
-"use strict";import{Stack as r}from"@mui/material";import{BigNumber as t}from"../BigNumber/index.mjs";import{formatNumberRounded as s,formatCurrency as c,formatPercentage as u}from"../../../utils/number/formatters.mjs";import{defaultMetrics as m,calculateSignupMetrics as n}from"./TTSBigNumbersMapper.mjs";import{jsxs as f,jsx as e}from"react/jsx-runtime";function p({chartData:l,isLoading:i=!0,hideTotalCost:o=!1}){const a=i?m:n(l);return f(r,{direction:"row",spacing:3,children:[e(t,{label:"Total Sent",value:a.total,initialValue:a.total,map:s}),e(t,{label:"Total Verified",value:a.success,initialValue:a.success,map:s}),!o&&e(t,{label:"Total Cost",value:a.totalCost,initialValue:a.totalCost,map:c}),e(t,{label:"Success Rate",value:a.successRate,initialValue:a.successRate,map:u})]})}export{p as TTSBigNumbers};
+"use strict";import{calculateTTSMetrics as o}from"./TTSBigNumbersMapper.mjs";import{jsx as a}from"react/jsx-runtime";import{OverviewBigNumbers as e}from"../OverviewBigNumbers/OverviewBigNumbers.mjs";import{defaultOverviewMetrics as s}from"../OverviewBigNumbers/OverviewBigNumbers.types.mjs";function m({chartData:r,isLoading:i=!0,hideTotalCost:t=!1}){return a(e,{metrics:i?s:o(r),isLoading:i,hideTotalCost:t})}export{m as TTSBigNumbers};

package/dist/components/chart/TTSBigNumbers/TTSBigNumbersMapper.d.ts

@@ -1,10 +1,7 @@
-export interface TTSOverallMetrics {
-    total: number;
-    success: number;
-    totalCost: number;
-    successRate: number;
-}
-export declare const defaultMetrics: TTSOverallMetrics;
+import { OverviewMetrics } from '../OverviewBigNumbers/OverviewBigNumbers.types';
+/** @deprecated Use {@link OverviewMetrics} from OverviewBigNumbers. */
+export type TTSOverallMetrics = OverviewMetrics;
+export declare const defaultMetrics: OverviewMetrics;
 export interface TTSBigNumbersChartData {
     interval?: Array<{
         ttsSent: number;
@@ -15,4 +12,4 @@ export interface TTSBigNumbersChartData {
     brandUuid: string;
     brandName: string;
 }
-export declare function calculateSignupMetrics(data: TTSBigNumbersChartData[]): TTSOverallMetrics;
+export declare function calculateTTSMetrics(data: TTSBigNumbersChartData[]): OverviewMetrics;