@verifiedinc-public/shared-ui-elements 8.0.1 → 8.4.0

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/OneClickOverTimeChart/OneClickOverTimeChart.map.mjs

@@ -0,0 +1 @@
+"use strict";import{mapSeriesTimeSeriesData as a}from"../SeriesChart/SeriesChart.map.mjs";function i(e){return a(e)}export{i as mapOneClickTimeSeriesData};

package/dist/components/chart/OneClickOverTimeChart/OneClickOverTimeChart.mjs

@@ -0,0 +1 @@
+"use strict";import{EmptyChartSection as o}from"../EmptyChartSection.mjs";import{LoadingChartSection as s}from"../LoadingChartSection.mjs";import{SeriesChart as c}from"../SeriesChart/index.mjs";import{jsx as e}from"react/jsx-runtime";const h={chartWrapper:{justifyContent:"center",alignItems:"center",width:"100%",height:500}};function m({data:t,isLoading:r,isFetching:i,isSuccess:a,filter:n}){return!t.length&&r?e(s,{}):!t.length||!a?e(o,{}):e(c,{label:"Uniques",data:t,filter:n,sx:{...h.chartWrapper,opacity:i?.4:1}})}export{m as OneClickOverTimeChart};

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/OneClickPercentageChart/OneClickPercentageChart.mjs

@@ -0,0 +1 @@
+"use strict";import{EmptyChartSection as C}from"../EmptyChartSection.mjs";import{LoadingChartSection as h}from"../LoadingChartSection.mjs";import{SeriesPercentageChart as p}from"../SeriesPercentageChart/index.mjs";import{useStyle as u}from"../styles.mjs";import{jsx as t}from"react/jsx-runtime";function d({data:e,isLoading:i,isFetching:s,isSuccess:n,filter:o,sx:c}){var a,r;const l=u(),m={oneClickCreated:{key:"oneClickCreated",name:"Started",isTotal:!0},oneClickSuccess:{key:"oneClickSuccess",name:"Finished"}};return!e.length&&i?t(h,{}):!e.length||!((r=(a=e[0])==null?void 0:a.chartData)!=null&&r.length)||!n?t(C,{}):t(p,{data:e,keyValues:Object.values(m),filter:o,sx:{...l.smallChartWrapper,opacity:s?.4:1,...c}})}export{d as OneClickPercentageChart};

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

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

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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,9 @@
+import { OneClickVerificationBrandData } from '../oneClickVerification.types';
+import { OverviewMetrics } from '../OverviewBigNumbers/OverviewBigNumbers.types';
+export type { OneClickVerificationIntervalEntry, OneClickVerificationBrandData, } from '../oneClickVerification.types';
+/** @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 const defaultMetrics: OverviewMetrics;
+export declare function calculateOneClickVerificationMetrics(data: OneClickVerificationBrandData[]): OverviewMetrics;

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

@@ -0,0 +1 @@
+"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/OneClickVerificationBigNumbers/index.d.ts

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

package/dist/components/chart/OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.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 interface OneClickVerificationEventsOverTimeChartProps {
+    label?: string;
+    data: Array<Record<string, number | string>>;
+    series: AreaSeriesChartData[];
+    isLoading: boolean;
+    isSuccess: boolean;
+    isFetching: boolean;
+    filter: {
+        timezone?: string;
+        brands?: BrandFilter[];
+    };
+    sx?: SxProps;
+}
+export declare function OneClickVerificationEventsOverTimeChart({ label, data, series, isLoading, isFetching, isSuccess, filter, sx, }: Readonly<OneClickVerificationEventsOverTimeChartProps>): React.ReactNode;

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

@@ -0,0 +1,20 @@
+import { AreaSeriesChartData } from '../AreaChart';
+import { BrandFilter } from '../../BrandFilterInput';
+import { OneClickVerificationBrandData } from '../oneClickVerification.types';
+export type { OneClickVerificationIntervalEntry, OneClickVerificationBrandData, } from '../oneClickVerification.types';
+export interface MapOneClickVerificationEventsOverTimeChartDataOptions {
+    brands?: BrandFilter[];
+    data: OneClickVerificationBrandData[];
+}
+export interface OneClickVerificationEventsAreaChartData {
+    series: AreaSeriesChartData[];
+    data: Array<Record<string, number | string>>;
+}
+/**
+ * Maps raw OneClick verification events time series data into a format suitable for AreaChart.
+ * Aggregates delivered and verified counts across all brands by date.
+ *
+ * @param options Configuration options for mapping the data
+ * @returns Formatted data ready for the AreaChart component
+ */
+export declare function mapOneClickVerificationAreaSeriesData(options: MapOneClickVerificationEventsOverTimeChartDataOptions): OneClickVerificationEventsAreaChartData;

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

@@ -0,0 +1 @@
+"use strict";import{mapAreaChartData as l}from"../AreaChart/AreaChart.map.mjs";function s(n){const a=new Map,t=n.brands?new Set(n.brands.map(e=>e._raw.brandUuid)):null;for(const e of n.data)if(!(t&&!t.has(e.brandUuid)))for(const i of e.interval??[]){const o=+new Date(i.date);a.has(o)||a.set(o,{date:o,oneClickVerificationDelivered:0,oneClickVerificationVerified:0});const r=a.get(o);r&&(r.oneClickVerificationDelivered=r.oneClickVerificationDelivered+Number(i.oneClickVerificationDelivered||0),r.oneClickVerificationVerified=r.oneClickVerificationVerified+Number(i.oneClickVerificationVerified||0))}const c=Array.from(a.values()).sort((e,i)=>e.date-i.date),{series:d,data:f}=l({data:c,seriesConfig:[{key:"SMS Delivered",dataKey:"oneClickVerificationDelivered",color:"#0dbc3d"},{key:"Phone Numbers Verified",dataKey:"oneClickVerificationVerified",color:"#6366f1"}]});return{series:d,data:f}}export{s as mapOneClickVerificationAreaSeriesData};

package/dist/components/chart/OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.mjs

@@ -0,0 +1 @@
+"use strict";import{EmptyChartSection as d}from"../EmptyChartSection.mjs";import{LoadingChartSection as p}from"../LoadingChartSection.mjs";import{AreaChart as h}from"../AreaChart/index.mjs";import{formatExtendedDate as u,formatDateMMYY as f}from"../../../utils/date.mjs";import{DEFAULT_TIMEZONE as g}from"../../form/TimezoneInput/timezones.mjs";import{jsx as r}from"react/jsx-runtime";const x={chartWrapper:{justifyContent:"center",alignItems:"center",width:"100%",height:500}};function y({label:a,data:e,series:o,isLoading:n,isFetching:m,isSuccess:s,filter:l,sx:c}){const i=l.timezone??g;return!e.length&&n?r(p,{}):!e.length||!s?r(d,{}):r(h,{data:e,series:o,xAxis:{dataKey:"date",type:"number",domain:["dataMin","dataMax"],tickFormatter:t=>f(t,{timeZone:i,hour12:!1,hour:"numeric"}),allowDuplicatedCategory:!1},yAxis:{tickFormatter:t=>Number(t).toLocaleString(),allowDecimals:!1,label:a?{value:a,angle:-90,position:"insideLeft",style:{textAnchor:"middle"}}:void 0},tooltip:{formatter:t=>Number(t).toLocaleString(),labelFormatter:t=>u(t,{timeZone:i,hour12:!1}),itemSorter:t=>-Number(t?.value??0)},sx:{...x.chartWrapper,opacity:m?.4:1,...c}})}export{y as OneClickVerificationEventsOverTimeChart};

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

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

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { SxProps } from '@mui/material';
+import { OneClickVerificationFunnelStepData } from './OneClickVerificationFunnelChart.map';
+export interface OneClickVerificationFunnelChartProps {
+    data: OneClickVerificationFunnelStepData[];
+    isLoading: boolean;
+    isSuccess: boolean;
+    isFetching: boolean;
+    sx?: SxProps;
+}
+export declare function OneClickVerificationFunnelChart({ data, isLoading, isFetching, isSuccess, sx, }: Readonly<OneClickVerificationFunnelChartProps>): ReactNode;

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

@@ -0,0 +1,21 @@
+import { BrandFilter } from '../../BrandFilterInput';
+import { OneClickVerificationBrandData } from '../oneClickVerification.types';
+export type { OneClickVerificationIntervalEntry, OneClickVerificationBrandData, } from '../oneClickVerification.types';
+export interface MapOneClickVerificationFunnelChartDataOptions {
+    brands?: BrandFilter[];
+    data: OneClickVerificationBrandData[];
+}
+export interface OneClickVerificationFunnelStepData {
+    name: string;
+    value: number;
+    /** Relative drop-off from the previous step as a percentage. null for first step or when prev === 0. */
+    dropOffPercent: number | null;
+}
+/**
+ * Maps raw OneClick verification events data into a format suitable for the funnel chart.
+ * Aggregates all four happy-path statuses across all matching brands and interval entries.
+ *
+ * @param options Configuration options including optional brand filter and raw data
+ * @returns Array of 4 funnel steps ordered: Created → Sending → Delivered → Verified
+ */
+export declare function mapOneClickVerificationFunnelChartData(options: MapOneClickVerificationFunnelChartDataOptions): OneClickVerificationFunnelStepData[];

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

@@ -0,0 +1 @@
+"use strict";function s(a){const l=a.brands?new Set(a.brands.map(i=>i._raw.brandUuid)):null,n={created:0,sending:0,delivered:0,verified:0};for(const i of a.data)if(!(l&&!l.has(i.brandUuid)))for(const e of i.interval??[])n.created+=Number(e.oneClickVerificationCreated||0),n.sending+=Number(e.oneClickVerificationSending||0),n.delivered+=Number(e.oneClickVerificationDelivered||0),n.verified+=Number(e.oneClickVerificationVerified||0);const t=[n.created,n.sending,n.delivered,n.verified],c=["Created","Sending","Delivered","Verified"];return c.map((i,e)=>{const o=t[e],r=t[e-1];let d=null;if(e>0)if(r===0)d=null;else{const f=(r-o)/r*100;f<0?(console.warn(`[OneClickVerificationFunnelChart] Anomaly: ${i} (${o}) exceeds ${c[e-1]} (${r}). Drop-off hidden.`),d=null):d=f}return{name:i,value:o,dropOffPercent:d}})}export{s as mapOneClickVerificationFunnelChartData};

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

@@ -0,0 +1 @@
+"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/OneClickVerificationFunnelChart/index.d.ts

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

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

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { SxProps } from '@mui/material';
+import { AreaSeriesChartData } from '../OutcomeOverTimeChart';
+import { OneClickVerificationBrandData } from '../oneClickVerification.types';
+import { BrandFilter } from '../../BrandFilterInput';
+export interface OneClickVerificationOutcomeOverTimeChartProps {
+    /** @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;
+    filter: {
+        timezone?: string;
+        brands?: BrandFilter[];
+    };
+    sx?: SxProps;
+}
+export declare function OneClickVerificationOutcomeOverTimeChart({ data: legacyData, series: legacySeries, chartData, isLoading, ...rest }: Readonly<OneClickVerificationOutcomeOverTimeChartProps>): React.ReactNode;

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

@@ -0,0 +1,23 @@
+import { AreaSeriesChartData } from '../AreaChart';
+import { BrandFilter } from '../../BrandFilterInput';
+import { OneClickVerificationBrandData } from '../oneClickVerification.types';
+export type { OneClickVerificationBrandData } from '../oneClickVerification.types';
+export interface MapOneClickVerificationOutcomeOverTimeChartDataOptions {
+    brands?: BrandFilter[];
+    data: OneClickVerificationBrandData[];
+}
+export interface OneClickVerificationOutcomeChartData {
+    series: AreaSeriesChartData[];
+    data: Array<Record<string, number | string>>;
+}
+/**
+ * Maps raw OneClick verification outcome time series data into a format suitable for AreaChart.
+ * Aggregates verified, expired, and failed counts across all (optionally filtered) brands by date.
+ *
+ * Series order is Verified → Expired → Failed, which determines the visual stack order
+ * (bottom to top) when rendered with `stackMode="stack"` or `stackMode="expand"`.
+ *
+ * @param options Configuration options for mapping the data
+ * @returns Formatted data ready for the AreaChart component
+ */
+export declare function mapOneClickVerificationOutcomeOverTimeChartData(options: MapOneClickVerificationOutcomeOverTimeChartDataOptions): OneClickVerificationOutcomeChartData;

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

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

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

@@ -0,0 +1 @@
+"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/OneClickVerificationOutcomeOverTimeChart/index.d.ts

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

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

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+export interface OneClickVerificationChartData {
+    uuid: string;
+    name?: string;
+    color?: string;
+    integrationType?: string;
+    chartData: Array<{
+        date: string;
+        verificationPercentage: number;
+        verificationTotal: number;
+    }>;
+}
+interface OneClickVerificationPercentageChartProps {
+    data: OneClickVerificationChartData[];
+    isLoading: boolean;
+    isFetching: boolean;
+    isSuccess: boolean;
+    filter?: any;
+    sx?: any;
+}
+export declare function OneClickVerificationSuccessOverTimeChart({ data, isLoading, isFetching, isSuccess, filter, sx, }: Readonly<OneClickVerificationPercentageChartProps>): React.ReactNode;
+export {};

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

@@ -0,0 +1,9 @@
+import { MapSeriesTimeSeriesDataOptions } from '../SeriesChart';
+import { OneClickVerificationChartData } from './OneClickVerificationSuccessOverTimeChart';
+import { OneClickVerificationBrandData, OneClickVerificationIntervalEntry } from '../oneClickVerification.types';
+/** @deprecated Use {@link OneClickVerificationIntervalEntry} from the shared chart types. */
+export type OneClickVerificationSuccessIntervalEntry = OneClickVerificationIntervalEntry;
+export interface MapOneClickVerificationSuccessTimeSeriesDataOptions extends MapSeriesTimeSeriesDataOptions {
+    data: OneClickVerificationBrandData[];
+}
+export declare function mapOneClickVerificationSuccessOverTimeChartData(options: MapOneClickVerificationSuccessTimeSeriesDataOptions): OneClickVerificationChartData[];

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

@@ -0,0 +1 @@
+"use strict";import{mapSeriesTimeSeriesData as o}from"../SeriesChart/SeriesChart.map.mjs";function v(t){const c=i=>{const{oneClickVerificationVerified:e,oneClickVerificationCreated:a}=i;return a>0?Math.round(e/a*100):0},r={...t,data:t.data.map(i=>{var e;return{...i,interval:(e=i.interval)==null?void 0:e.map(a=>({...a,verificationPercentage:c(a),verificationTotal:100}))}})},u=o({...r,keyValue:"verificationPercentage"}),l=o({...r,keyValue:"verificationTotal"});return u.map(i=>{const e=l.find(a=>a.uuid===i.uuid);return{...i,chartData:i.chartData.map(a=>{const n=e?.chartData.find(d=>d.date===a.date);return{date:a.date,verificationPercentage:a.value,verificationTotal:n?.value??0}})}})}export{v as mapOneClickVerificationSuccessOverTimeChartData};

package/dist/components/chart/OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.mjs

@@ -0,0 +1 @@
+"use strict";import{EmptyChartSection as f}from"../EmptyChartSection.mjs";import{LoadingChartSection as h}from"../LoadingChartSection.mjs";import{SeriesPercentageChart as p}from"../SeriesPercentageChart/index.mjs";import{useStyle as g}from"../styles.mjs";import{jsx as e}from"react/jsx-runtime";function u({data:t,isLoading:r,isFetching:o,isSuccess:n,filter:s,sx:c}){var a,i;const l=g(),m={verificationTotal:{key:"verificationTotal",name:"Total",isTotal:!0},verificationPercentage:{key:"verificationPercentage",name:"Percentage"}};return!t.length&&r?e(h,{}):!t.length||!((i=(a=t[0])==null?void 0:a.chartData)!=null&&i.length)||!n?e(f,{}):e(p,{data:t,keyValues:Object.values(m),filter:s,sx:{...l.smallChartWrapper,opacity:o?.4:1,...c}})}export{u as OneClickVerificationSuccessOverTimeChart};

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

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

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/PieChart/index.mjs

@@ -0,0 +1 @@
+"use strict";import{useState as m,useRef as O,useEffect as T}from"react";import{useTheme as V,Box as E}from"@mui/material";import{ResponsiveContainer as F,PieChart as N,Pie as G,Cell as H,Legend as J}from"recharts";import{chartDefaultProps as Q}from"../shared.mjs";import{SimpleLegend as U}from"../SimpleLegend/index.mjs";import{renderActiveShape as W}from"./renderActiveShape.mjs";import{renderNeedle as X}from"./renderNeedle.mjs";import{jsx as i,jsxs as Y}from"react/jsx-runtime";const _=(s,o)=>({Allow:o.palette.success.main,Flag:o.palette.warning.main,Block:o.palette.error.main})[s]??o.palette.primary.main;function $({data:s,sx:o,legendLabel:A,legendToggle:B=!1,valueText:f="",valuePercentage:I=!0,pie:h,needleVisible:R=!1,needleValue:x,needleColor:L="#aaa",allActive:c=!1}){const{innerRadius:w=60,outerRadius:C=100}=h??{},D=V(),[j,S]=m(void 0),[v,k]=m(new Set),d=O(null),[b,y]=m(null),[P,p]=m(null),q=(e,n)=>{c||S(n)},z=()=>{c||S(void 0)},K=e=>{B&&e&&k(n=>{const t=new Set(n);return t.has(e.name)?t.delete(e.name):t.size<s.length-1&&t.add(e.name),t})},u=s.map((e,n)=>({...e,index:n,value:v.has(e.name)?0:e.value}));return T(()=>{const e=d.current;if(!e)return;const n=new ResizeObserver(g=>{var r;const a=(r=g[0])==null?void 0:r.contentRect;a&&y(a)});n.observe(e);const t=e.getBoundingClientRect();return y(t),()=>{n.disconnect()}},[]),T(()=>{var e;const n=(e=d.current)==null?void 0:e.querySelector(".recharts-legend-wrapper");if(!n){const r=setInterval(()=>{var a;const l=(a=d.current)==null?void 0:a.querySelector(".recharts-legend-wrapper");if(l){const M=l.getBoundingClientRect();p(M),clearInterval(r)}},100);return()=>{clearInterval(r)}}const t=new ResizeObserver(r=>{var a;const l=(a=r[0])==null?void 0:a.contentRect;l&&p(l)});t.observe(n);const g=n.getBoundingClientRect();return p(g),()=>{t.disconnect()}},[]),i(E,{ref:d,sx:{width:"100%",height:"100%","& g":{outline:"none"},...o},children:i(F,{children:Y(N,{...Q,children:[i(G,{data:u,nameKey:"name",dataKey:"value",innerRadius:w,outerRadius:C,activeIndex:c?u.filter(e=>e.value>0).map(e=>e.index):j,activeShape:e=>W({...e,valueText:f,valuePercentage:I,needleVisible:R,allActive:c}),paddingAngle:0,onMouseEnter:q,onMouseLeave:z,...h,children:u.map(e=>i(H,{fill:e.color??_(e.name,D),opacity:v.has(e.name)?.5:1,stroke:"none"},e.name))}),i(J,{content:i(U,{legendLabel:A,hiddenItems:v,onToggle:K})}),R&&x!==void 0&&b&&P&&X({data:u,value:x,color:L,innerRadius:w,outerRadius:C,boxDimensions:b,legendDimensions:P,valueText:f})]})})})}export{$ as PieChart};

package/dist/components/chart/PieChart/renderActiveShape.mjs

@@ -0,0 +1 @@
+"use strict";import{Sector as y}from"recharts";import{jsxs as $,jsx as i}from"react/jsx-runtime";const j=p=>{const s=Math.PI/180,{cx:n,cy:l,midAngle:d,innerRadius:v,outerRadius:e,startAngle:x,endAngle:u,fill:r,payload:R,percent:S,value:M,valueText:m,valuePercentage:z,needleVisible:F,customText:L,allActive:D}=p,f=Math.sin(-s*d),t=Math.cos(-s*d),P=n+(e+5)*t,T=l+(e+5)*f,g=n+(e+15)*t,h=l+(e+15)*f,a=g+(t>=0?1:-1)*22,o=h,A=t>=0?"start":"end",c=M.toLocaleString(void 0,{minimumFractionDigits:0,maximumFractionDigits:0});return $("g",{children:[F||D?null:i("text",{x:n,y:l,dy:8,textAnchor:"middle",fill:"#333",fontSize:14,children:R.name}),i(y,{cx:n,cy:l,innerRadius:v,outerRadius:e,startAngle:x,endAngle:u,fill:r}),i(y,{cx:n,cy:l,startAngle:x,endAngle:u,innerRadius:e+2,outerRadius:e+6,fill:r}),i("path",{d:`M${P},${T}L${g},${h}L${a},${o}`,stroke:r,fill:"none"}),i("circle",{cx:a,cy:o,r:2,fill:r,stroke:"none"}),i("text",{x:a+(t>=0?1:-1)*12,y:o,textAnchor:A,fill:"#333",fontSize:12,children:L||(m?`${m} ${c}`:c)}),z&&$("text",{x:a+(t>=0?1:-1)*12,y:o,dy:16,textAnchor:A,fill:"#999",fontSize:11,children:[`${(S*100).toFixed(2)}%`," (",c,")"]})]})};export{j as renderActiveShape};

package/dist/components/chart/PieChart/renderNeedle.mjs

@@ -0,0 +1 @@
+"use strict";import{jsxs as A,Fragment as R,jsx as a}from"react/jsx-runtime";const S=$=>{const{value:s,data:g,color:l,innerRadius:v,outerRadius:f,boxDimensions:i,legendDimensions:p,valueText:M}=$,c=Math.PI/180;let d=0;g.forEach(k=>{d+=k.value});const y=i?i.width/2:150,D=(i?i.height/2:200)-p.height/2,h=180*(1-Math.max(0,Math.min(1,s/d))),m=(Number(v)+2*Number(f))/3,o=Math.sin(-c*h),r=Math.cos(-c*h),e=5,t=y-e,n=D,u=t+e*o,x=n-e*r,L=t-e*o,E=n+e*r,F=t+m*r,N=n+m*o,b=s.toLocaleString(void 0,{minimumFractionDigits:0,maximumFractionDigits:0}),j=M??b;return A(R,{children:[a("circle",{cx:t,cy:n,r:e,fill:l,stroke:"none",style:{pointerEvents:"none"}},"needle-circle"),a("path",{d:`M${u} ${x}L${L} ${E} L${F} ${N} L${u} ${x}`,stroke:"none",fill:l,style:{pointerEvents:"none"}},"needle-path"),a("text",{x:t+e,y:n+26,textAnchor:"middle",fill:"#333",fontSize:12,children:j},"needle-value")]})};export{S as renderNeedle};

package/dist/components/chart/ReasonCodesChart/index.mjs

@@ -0,0 +1 @@
+"use strict";import{useTheme as d}from"@mui/material";import{SimpleBarChart as k}from"../SimpleBarChart/index.mjs";import{EmptyChartSection as f}from"../EmptyChartSection.mjs";import{LoadingChartSection as g}from"../LoadingChartSection.mjs";import{NoRiskSignalsPermissionSection as x}from"../NoRiskSignalsPermissionSection/index.mjs";import{useStyle as S}from"../styles.mjs";import{jsx as e}from"react/jsx-runtime";function C({data:a,threshold:o=100,isLoading:i=!1,isFetching:r=!1,isSuccess:m=!0,hasPermissionToDisplay:n=!0,sx:p}){const c=d(),l=S(),s=Object.entries(a??{}).map(([t,y])=>({key:t,[t]:y})),h=s.map(({key:t})=>({key:t,dataKey:t,color:c.palette.warning.light}));return n?(!a||Object.keys(a).length===0)&&i?e(g,{}):!a||Object.keys(a).length===0||!m?e(f,{}):e(k,{sx:{...l.smallChartWrapper,opacity:r?.4:1,...p},data:s,series:h,xAxis:{tickLine:!1,dataKey:"key"},yAxis:{tickLine:!1,domain:[0,`dataMax + ${o>0?o+5:0}`]},tooltip:{labelFormatter:t=>"Total"}}):e(x,{})}export{C as ReasonCodesChart};

package/dist/components/chart/RiskScoreBarChart/index.mjs

@@ -0,0 +1 @@
+"use strict";import{useTheme as y}from"@mui/material";import{RISK_SCORE_RANGES as r}from"../constants.mjs";import{SimpleBarChart as g}from"../SimpleBarChart/index.mjs";import{EmptyChartSection as d}from"../EmptyChartSection.mjs";import{LoadingChartSection as u}from"../LoadingChartSection.mjs";import{NoRiskSignalsPermissionSection as M}from"../NoRiskSignalsPermissionSection/index.mjs";import{useStyle as k}from"../styles.mjs";import{jsx as i}from"react/jsx-runtime";function C({data:t,isLoading:m,isFetching:f,isSuccess:p,hasPermissionToDisplay:c=!0,sx:h}){const s=y(),A=k(),x=(l=>{const e={};return l.forEach(a=>{Object.entries(a).forEach(([o,S])=>{const n=parseInt(o);n<=1e3&&(e[n]=(e[n]||0)+S)})}),Array.from({length:1001},(a,o)=>({key:o.toString(),value:e[o]||0}))})(t),L=[{key:"Risk Score",dataKey:"value",color:s.palette.error.main}];return c?(!t||Object.keys(t).length===0)&&m?i(u,{}):!t||Object.keys(t).length===0||!p?i(d,{}):i(g,{data:x,series:L,sx:{...A.smallChartWrapper,opacity:f?.4:1,...h},yAxis:{label:{value:"Count",angle:-90,position:"insideLeft"},domain:[0,"dataMax + 10"]},xAxis:{domain:[0,"dataMax"],interval:"preserveStartEnd"},tooltip:{labelFormatter:()=>"Risk Score",formatter:(l,e,a)=>[l,a.payload.key]},referenceAreas:[{x1:r.ALLOW.MIN,x2:r.ALLOW.MAX,fill:"#ffffff00",isFront:!1,label:r.ALLOW.NAME},{x1:r.FLAG.MIN,x2:r.FLAG.MAX,fill:s.palette.warning.light,isFront:!1,label:r.FLAG.NAME},{x1:r.BLOCK.MIN,fill:s.palette.error.light,isFront:!1,label:r.BLOCK.NAME}]}):i(M,{})}export{C as RiskScoreBarChart};

package/dist/components/chart/RiskScorePieChart/index.mjs

@@ -0,0 +1 @@
+"use strict";import{useTheme as u}from"@mui/material";import{RISK_SCORE_RANGES as a}from"../constants.mjs";import{PieChart as f}from"../PieChart/index.mjs";import{EmptyChartSection as A}from"../EmptyChartSection.mjs";import{LoadingChartSection as g}from"../LoadingChartSection.mjs";import{NoRiskSignalsPermissionSection as h}from"../NoRiskSignalsPermissionSection/index.mjs";import{useStyle as S}from"../styles.mjs";import{jsx as r}from"react/jsx-runtime";function E({data:e,score:o=200,legendLabel:i,isLoading:s,isFetching:m,isSuccess:n,hasPermissionToDisplay:l=!0,sx:c}){const t=u(),L=S();if(!l)return r(h,{});if((!e||e.length<=0)&&s)return r(g,{});if(!e||e.length<=0||!n)return r(A,{});const p=[{name:a.ALLOW.NAME,customText:a.ALLOW.LABEL,value:e[0].value,color:t.palette.primary.main},{name:a.FLAG.NAME,customText:a.FLAG.LABEL,value:e[1].value,color:t.palette.warning.main},{name:a.BLOCK.NAME,customText:a.BLOCK.LABEL,value:e[2].value,color:t.palette.error.main}];return r(f,{data:p,legendToggle:!0,needleValue:o,legendLabel:i,allActive:!0,sx:{...L.smallChartWrapper,opacity:m?.4:1,...c}})}export{E as RiskScorePieChart};

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

@@ -11,6 +11,7 @@ interface TimeSeriesChartData {
 }
 export interface MapSeriesTimeSeriesDataOptions {
     brands: BrandFilter[];
+    colorMap: Map<string, string>;
     data: Array<{
         interval?: Array<{
             date: string | number;

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

@@ -0,0 +1 @@
+"use strict";import g from"lodash";import{stringToHashedColor as m}from"../../../utils/uuidColor.mjs";function k(s){const{brands:y,colorMap:l,data:c,keyValue:p}=s,e=new Map;y.forEach(({_raw:a})=>{(c?.filter(r=>r.brandUuid===a.brandUuid)??[]).forEach(r=>{const t=r.keyword??r.brandUuid;if(!t)return;const i=(r.interval??[]).map(d=>({date:+new Date(d.date),value:Number(d[p]||0)})).filter(d=>s.filterOutZeroValues?d.value>0:!0);if(e.has(t)){const d=e.get(t);if(!d)return;const u=[...d.chartData,...i],b=new Map;u.forEach(({date:n,value:o})=>{b.set(n,(b.get(n)??0)+o)});const U=Array.from(b.entries()).map(([n,o])=>({date:n,value:o})).sort((n,o)=>n.date-o.date);e.set(t,{keyword:r.keyword,brandUuid:a.brandUuid,brandName:a.brandName,brandColor:l.get(a.brandUuid),brandIntegrationType:a.integrationType,chartData:U})}else e.set(t,{keyword:r.keyword,brandUuid:a.brandUuid,brandName:a.brandName,brandColor:l.get(a.brandUuid),brandIntegrationType:a.integrationType,chartData:i})})});const f=a=>a==="hosted"||a==="sdk"?"SDK":a==="non-hosted"||a==="api"?"API":a,h=({keyword:a,brandColor:r,brandUuid:t})=>a?m(a):r??m(t),w=Array.from(e.values()).map(({keyword:a,brandUuid:r,brandName:t,brandColor:i,brandIntegrationType:d,chartData:u})=>({uuid:a??r,name:a??t,description:a?"":f(d),color:h({keyword:a,brandColor:i,brandUuid:r}),chartData:u}));return g.chain(w).sortBy(a=>a.name).toArray().value()}export{k as mapSeriesTimeSeriesData};

package/dist/components/chart/SeriesChart/index.mjs

@@ -0,0 +1 @@
+"use strict";import{createElement as i}from"react";import{useTheme as n,Box as s}from"@mui/material";import{ResponsiveContainer as m,LineChart as d,CartesianGrid as l,XAxis as c,YAxis as u,Label as h,Tooltip as p,Legend as f,Line as x}from"recharts";import{formatDateMMYY as g,formatExtendedDate as L}from"../../../utils/date.mjs";import{SeriesChartLegend as k}from"../SeriesChartLegend/index.mjs";import{DEFAULT_TIMEZONE as b}from"../../form/TimezoneInput/timezones.mjs";import{jsx as e,jsxs as y}from"react/jsx-runtime";function v(a){const o=n(),{timezone:r=b}=a.filter;return e(s,{sx:{width:"100%",height:"100%",...a.sx},children:e(m,{children:y(d,{width:500,height:300,margin:{top:5,right:60,left:20,bottom:5},children:[e(l,{vertical:!1}),e(c,{dataKey:"date",type:"number",domain:["dataMin","dataMax"],tickFormatter:t=>g(t,{timeZone:r,hour12:!1,hour:"numeric"}),allowDuplicatedCategory:!1,tickLine:!1,fontSize:12,tickMargin:12}),e(u,{textAnchor:"end",dataKey:"value",tickLine:!1,tickFormatter:t=>Number(t).toLocaleString(),allowDecimals:!1,domain:[1,"dataMax"],children:a.label&&e(h,{value:a.label,angle:-90,position:"insideLeft",style:{textAnchor:"middle"}})}),e(p,{cursor:{stroke:o.palette.neutral.main,strokeWidth:1},formatter:t=>Number(t).toLocaleString(),labelFormatter:t=>L(t,{timeZone:r,hour12:!1}),itemSorter:t=>-Number(t?.value??0)}),e(f,{content:e(k,{showUuid:a.showUuid})}),a.data.map(t=>i(x,{uuid:t.uuid,description:t.description,key:t.uuid,name:t.name,dataKey:"value",data:t.chartData,type:"monotone",stroke:t.color,strokeWidth:2,isAnimationActive:!1}))]})})})}export{v as SeriesChart};

package/dist/components/chart/SeriesChartLegend/index.mjs

@@ -0,0 +1 @@
+"use strict";import{useCallback as m,useMemo as w}from"react";import{Box as M,Stack as y,Typography as s}from"@mui/material";import g from"@mui/material/Unstable_Grid2";import{Decimal as h}from"decimal.js";import{AnimatePresence as F}from"framer-motion";import{useCopyToClipboard as P}from"../../../hooks/useCopyToClipboard.mjs";import{usePrevious as C}from"../../../hooks/usePrevious.mjs";import{Counter as k}from"../../animation/Counter.mjs";import{MotionStack as T}from"../../animation/motions.mjs";import{useSnackbar as B}from"../../Snackbar/index.mjs";import{jsx as i,jsxs as c}from"react/jsx-runtime";function I({entry:o,payload:r,showUuid:a=!0}){const e=m(n=>{var d,t,p;return(p=(t=(d=n.payload)==null?void 0:d.data)==null?void 0:t.reduce)==null?void 0:p.call(t,(l,u)=>l+u.value,0)},[]),f=m(n=>{const d=new h(e(n)||0),t=r?.reduce((u,j)=>u+e(j),0)||0,p=new h(t),l=Number(d.div(p).times(100).toFixed(2,h.ROUND_DOWN));return isNaN(l)||!isFinite(l)?0:l},[e,r]),x=w(()=>e(o),[o,e]),N=C(x),v=w(()=>Number(f(o)),[o,f]),U=C(v),b=m(n=>Math.floor(n).toLocaleString(),[]),D=P({type:"text/plain"}),S=B();return c(T,{component:"li",direction:"row",spacing:1,sx:{color:o.color},layout:"position",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:[i(M,{sx:{width:"3px",height:"100%",backgroundColor:o.color,borderRadius:3}}),c(y,{children:[c(s,{component:"p",variant:"caption",children:[i(y,{component:"span",display:"inline-flex",mr:.5,children:i(k,{from:N??0,to:x,map:b,children:"0"})}),c(y,{component:"span",direction:"row",display:"inline-flex",children:["(",i(k,{from:U??0,to:v,map:b,children:"0"}),"%)"]})]}),i(s,{variant:"body1",children:o.value}),o.payload.description&&i(s,{variant:"body2",children:o.payload.description}),a&&o.payload.uuid&&c(s,{variant:"body2",sx:{cursor:"pointer","&:hover":{textDecoration:"underline"}},onClick:()=>{D.copy(o.payload.uuid).catch(()=>{}),S.enqueueSnackbar("UUID copied to clipboard","success")},children:[o.payload.uuid.slice(0,5),"..."]})]})]})}function L(o){const{payload:r}=o;return i(g,{container:!0,direction:"row",component:"ul",gap:2,sx:{mt:2,justifyContent:"flex-start",alignItem:"center",flexWrap:"wrap"},children:i(F,{children:r?.map(a=>i(g,{children:i(I,{entry:a,payload:r,showUuid:o.showUuid})},`item-${a.payload.uuid}-${a.value}`))})})}export{L as SeriesChartLegend};

package/dist/components/chart/SeriesPercentageChart/index.mjs

@@ -0,0 +1 @@
+"use strict";import{useTheme as g,Box as k}from"@mui/material";import f from"decimal.js";import{useMemo as x}from"react";import{ResponsiveContainer as $,LineChart as v,CartesianGrid as T,XAxis as D,YAxis as E,Tooltip as w,Legend as M,Line as _}from"recharts";import{formatDateMMYY as b,formatExtendedDate as A}from"../../../utils/date.mjs";import{SeriesPercentageChartLegend as F}from"../SeriesPercentageChartLegend/index.mjs";import{DEFAULT_TIMEZONE as K}from"../../form/TimezoneInput/timezones.mjs";import{jsx as n,jsxs as L}from"react/jsx-runtime";const C=(r,c)=>{const s=new Map;return r.forEach(d=>{d.chartData.forEach(e=>{const o=new Date(e.date).getTime().toString();if(!s.has(o)){const l={date:o};s.set(o,l)}const m=s.get(o);c.forEach(({key:l})=>{var p;const h=`${d.uuid}_${l}`,i=e[l],y=(p=c.find(t=>t.isTotal))==null?void 0:p.key,a=typeof i=="string"?i.trim()===""?0:parseInt(i,10):typeof i=="number"?i:0;if(m[`${h}_absolute`]=a,l!==y){const t=e[y??""];let u;t===0?u=100:u=t>0?parseFloat(new f(a.toString()).div(t).mul(100).toFixed(2,f.ROUND_DOWN)):0,m[h]=u}else m[h]=100})})}),Array.from(s.values()).sort((d,e)=>parseInt(d.date)-parseInt(e.date))};function S(r){const{timezone:c=K}=r.filter,s=g(),d=x(()=>r.data?C(r.data,r.keyValues):[],[r.data,r.keyValues]);return n(k,{sx:{width:"100%",height:"100%",...r.sx},children:n($,{width:"100%",height:"100%",children:L(v,{data:d,width:500,height:300,margin:{top:5,right:60,left:20,bottom:5},children:[n(T,{strokeDasharray:"3 3"}),n(D,{dataKey:"date",type:"number",domain:["dataMin","dataMax"],tickFormatter:e=>b(e,{timeZone:c,hour12:!1,hour:"numeric"}),allowDuplicatedCategory:!1,tickLine:!1,fontSize:12,tickMargin:12}),n(E,{textAnchor:"end",tickLine:!1,tickFormatter:e=>`${e.toFixed(0)}%`}),n(w,{cursor:{stroke:s.palette.neutral.main,strokeWidth:1},labelFormatter:e=>A(e,{timeZone:c,hour12:!1}),itemSorter:e=>-Number(e?.value??0),formatter:(e,o)=>{const m=typeof e=="number"?e.toFixed(1):e;return[`${o}: ${m}%`]}}),n(M,{content:e=>{var o;const{height:m,width:l,...p}=e,h=d[d.length-1];Object.entries(h).forEach(([a,t])=>{});const i=new Map;r.data.forEach(a=>{r.keyValues.filter(t=>!t.isTotal).forEach(t=>{const u=`${a.uuid}_${t.key}`;i.set(u,a.uuid),i.set(`${u}_integrationType`,a.integrationType??"")})});const y=a=>{const t=i.get(`${a.dataKey}_integrationType`);return t==="hosted"||t==="sdk"?"SDK":t==="non-hosted"||t==="api"?"API":t};return n(F,{...p,payload:(o=e.payload)==null?void 0:o.map(a=>({uuid:i.get(a.dataKey)??"",value:a.value,color:a.color??s.palette.primary.main,integrationType:y(a),dataKey:a.dataKey}))})}}),r.data.map(e=>r.keyValues.filter(o=>!o.isTotal).map(o=>n(_,{type:"monotone",dataKey:`${e.uuid}_${o.key}`,name:e.name??e.uuid,stroke:e.color??s.palette.primary.main,strokeWidth:2,dot:!1,isAnimationActive:!1},`${e.uuid}_${o.key}`)))]})})})}export{S as SeriesPercentageChart};

package/dist/components/chart/SeriesPercentageChartLegend/index.mjs

@@ -0,0 +1 @@
+"use strict";import{Box as s,Stack as p,Typography as t}from"@mui/material";import a from"@mui/material/Unstable_Grid2";import{AnimatePresence as d}from"framer-motion";import{useCopyToClipboard as u}from"../../../hooks/useCopyToClipboard.mjs";import{MotionStack as l}from"../../animation/motions.mjs";import{useSnackbar as m}from"../../Snackbar/index.mjs";import{jsx as r,jsxs as n}from"react/jsx-runtime";function h({entry:i,showUuid:o=!0}){const e=u({type:"text/plain"}),c=m();return n(l,{component:"li",direction:"row",spacing:1,sx:{color:i.color},layout:"position",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:[r(s,{sx:{width:"3px",height:"100%",backgroundColor:i.color,borderRadius:3}}),n(p,{children:[r(t,{variant:"body1",children:i.value}),i.integrationType&&r(t,{variant:"body2",children:i.integrationType}),o&&i.uuid&&n(t,{variant:"body2",sx:{cursor:"pointer","&:hover":{textDecoration:"underline"}},onClick:()=>{i.uuid&&(e.copy(i.uuid).catch(()=>{}),c.enqueueSnackbar("UUID copied to clipboard","success"))},children:[i.uuid.slice(0,5),"..."]})]})]})}function y(i){const{payload:o}=i;return r(a,{container:!0,direction:"row",component:"ul",gap:2,sx:{mt:2,justifyContent:"flex-start",alignItem:"center",flexWrap:"wrap"},children:r(d,{children:o?.map(e=>r(a,{children:r(h,{entry:e,showUuid:i.showUuid})},`item-${e.uuid}-${e.value}`))})})}export{y as SeriesPercentageChartLegend};