@verifiedinc-public/shared-ui-elements 8.22.2-beta.2 → 8.23.0

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

@@ -12,7 +12,6 @@ export interface OneClickHealthSynchronizedMetricsChartProps {
         brands: BrandFilter[];
     };
     colorMap: Map<string, string>;
-    syncId?: string;
     sx?: SxProps;
 }
-export declare function OneClickHealthSynchronizedMetricsChart({ chartData, isLoading, isSuccess, isFetching, filter, colorMap, syncId, sx, }: Readonly<OneClickHealthSynchronizedMetricsChartProps>): React.ReactNode;
+export declare function OneClickHealthSynchronizedMetricsChart({ chartData, isLoading, isSuccess, isFetching, filter, colorMap, sx, }: Readonly<OneClickHealthSynchronizedMetricsChartProps>): React.ReactNode;

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

@@ -1 +1 @@
-"use strict";import{useMemo as h}from"react";import{mapOneClickHealthSynchronizedData as p}from"./OneClickHealthSynchronizedMetricsChart.map.mjs";import{jsx as S}from"react/jsx-runtime";import{SynchronizedMetricsChart as f}from"../SynchronizedMetricsChart/SynchronizedMetricsChart.mjs";function x({chartData:a,isLoading:t=!0,isSuccess:s,isFetching:c,filter:e,colorMap:i,syncId:o,sx:n}){const d=h(()=>{if(t)return[{title:"Started Over Time",data:[]}];const{started:m,succeeded:u,percentage:l}=p({brands:e.brands,colorMap:i,data:a});return[{title:"Started Over Time",data:m},{title:"Succeeded Over Time",data:u},{title:"Success Percentage Over Time",data:l,tooltipFormatter:r=>`${Number(r).toFixed(1)}%`,yAxisTickFormatter:r=>`${Number(r).toFixed(0)}%`,yAxisDomain:["auto","auto"]}]},[t,e.brands,i,a]);return S(f,{subCharts:d,syncId:o,isLoading:t,isSuccess:s,isFetching:c,filter:e,sx:n})}export{x as OneClickHealthSynchronizedMetricsChart};
+"use strict";import{useMemo as l}from"react";import{mapOneClickHealthSynchronizedData as h}from"./OneClickHealthSynchronizedMetricsChart.map.mjs";import{jsx as p}from"react/jsx-runtime";import{SynchronizedMetricsChart as S}from"../SynchronizedMetricsChart/SynchronizedMetricsChart.mjs";function f({chartData:a,isLoading:t=!0,isSuccess:s,isFetching:o,filter:e,colorMap:i,sx:c}){const n=l(()=>{if(t)return[{title:"Started Over Time",data:[]}];const{started:d,succeeded:m,percentage:u}=h({brands:e.brands,colorMap:i,data:a});return[{title:"Started Over Time",data:d},{title:"Succeeded Over Time",data:m},{title:"Success Percentage Over Time",data:u,tooltipFormatter:r=>`${Number(r).toFixed(1)}%`,yAxisTickFormatter:r=>`${Number(r).toFixed(0)}%`,yAxisDomain:["auto","auto"]}]},[t,e.brands,i,a]);return p(S,{subCharts:n,isLoading:t,isSuccess:s,isFetching:o,filter:e,sx:c})}export{f as OneClickHealthSynchronizedMetricsChart};

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

@@ -12,7 +12,6 @@ export interface OneClickSignupSynchronizedMetricsChartProps {
         brands: BrandFilter[];
     };
     colorMap: Map<string, string>;
-    syncId?: string;
     sx?: SxProps;
 }
-export declare function OneClickSignupSynchronizedMetricsChart({ chartData, isLoading, isSuccess, isFetching, filter, colorMap, syncId, sx, }: Readonly<OneClickSignupSynchronizedMetricsChartProps>): React.ReactNode;
+export declare function OneClickSignupSynchronizedMetricsChart({ chartData, isLoading, isSuccess, isFetching, filter, colorMap, sx, }: Readonly<OneClickSignupSynchronizedMetricsChartProps>): React.ReactNode;

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

@@ -1 +1 @@
-"use strict";import{useMemo as S}from"react";import{mapOneClickSignupSynchronizedData as l}from"./OneClickSignupSynchronizedMetricsChart.map.mjs";import{jsx as f}from"react/jsx-runtime";import{SynchronizedMetricsChart as h}from"../SynchronizedMetricsChart/SynchronizedMetricsChart.mjs";function x({chartData:i,isLoading:t=!0,isSuccess:s,isFetching:c,filter:e,colorMap:a,syncId:o,sx:n}){const d=S(()=>{if(t)return[{title:"Started Over Time",data:[]}];const{started:m,succeeded:u,percentage:p}=l({brands:e.brands,colorMap:a,data:i});return[{title:"Started Over Time",data:m},{title:"Succeeded Over Time",data:u},{title:"Success Percentage Over Time",data:p,tooltipFormatter:r=>`${Number(r).toFixed(1)}%`,yAxisTickFormatter:r=>`${Number(r).toFixed(0)}%`,yAxisDomain:["auto","auto"]}]},[t,e.brands,a,i]);return f(h,{subCharts:d,syncId:o,isLoading:t,isSuccess:s,isFetching:c,filter:e,sx:n})}export{x as OneClickSignupSynchronizedMetricsChart};
+"use strict";import{useMemo as p}from"react";import{mapOneClickSignupSynchronizedData as S}from"./OneClickSignupSynchronizedMetricsChart.map.mjs";import{jsx as l}from"react/jsx-runtime";import{SynchronizedMetricsChart as h}from"../SynchronizedMetricsChart/SynchronizedMetricsChart.mjs";function x({chartData:i,isLoading:t=!0,isSuccess:s,isFetching:o,filter:e,colorMap:a,sx:c}){const n=p(()=>{if(t)return[{title:"Started Over Time",data:[]}];const{started:d,succeeded:m,percentage:u}=S({brands:e.brands,colorMap:a,data:i});return[{title:"Started Over Time",data:d},{title:"Succeeded Over Time",data:m},{title:"Success Percentage Over Time",data:u,tooltipFormatter:r=>`${Number(r).toFixed(1)}%`,yAxisTickFormatter:r=>`${Number(r).toFixed(0)}%`,yAxisDomain:["auto","auto"]}]},[t,e.brands,a,i]);return l(h,{subCharts:n,isLoading:t,isSuccess:s,isFetching:o,filter:e,sx:c})}export{x as OneClickSignupSynchronizedMetricsChart};

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

@@ -12,7 +12,6 @@ export interface OneClickVerificationConversionSynchronizedMetricsChartProps {
         brands: BrandFilter[];
     };
     colorMap: Map<string, string>;
-    syncId?: string;
     sx?: SxProps;
 }
-export declare function OneClickVerificationConversionSynchronizedMetricsChart({ chartData, isLoading, isSuccess, isFetching, filter, colorMap, syncId, sx, }: Readonly<OneClickVerificationConversionSynchronizedMetricsChartProps>): React.ReactNode;
+export declare function OneClickVerificationConversionSynchronizedMetricsChart({ chartData, isLoading, isSuccess, isFetching, filter, colorMap, sx, }: Readonly<OneClickVerificationConversionSynchronizedMetricsChartProps>): React.ReactNode;

package/dist/components/chart/OneClickVerificationConversionSynchronizedMetricsChart/OneClickVerificationConversionSynchronizedMetricsChart.mjs

@@ -1 +1 @@
-"use strict";import{useMemo as l}from"react";import{mapOneClickVerificationConversionSynchronizedData as p}from"./OneClickVerificationConversionSynchronizedMetricsChart.map.mjs";import{jsx as h}from"react/jsx-runtime";import{SynchronizedMetricsChart as S}from"../SynchronizedMetricsChart/SynchronizedMetricsChart.mjs";function x({chartData:r,isLoading:e=!0,isSuccess:s,isFetching:o,filter:i,colorMap:a,syncId:n,sx:c}){const d=l(()=>{if(e)return[{title:"Verifications Started Over Time",data:[]}];const{started:m,succeeded:u,percentage:f}=p({brands:i.brands,colorMap:a,data:r});return[{title:"Verifications Started Over Time",data:m},{title:"Verifications Succeeded Over Time",data:u},{title:"Verification Success Percentage Over Time",data:f,tooltipFormatter:t=>`${Number(t).toFixed(1)}%`,yAxisTickFormatter:t=>`${Number(t).toFixed(0)}%`,yAxisDomain:["auto","auto"]}]},[e,i.brands,a,r]);return h(S,{subCharts:d,syncId:n,isLoading:e,isSuccess:s,isFetching:o,filter:i,sx:c})}export{x as OneClickVerificationConversionSynchronizedMetricsChart};
+"use strict";import{useMemo as f}from"react";import{mapOneClickVerificationConversionSynchronizedData as l}from"./OneClickVerificationConversionSynchronizedMetricsChart.map.mjs";import{jsx as p}from"react/jsx-runtime";import{SynchronizedMetricsChart as S}from"../SynchronizedMetricsChart/SynchronizedMetricsChart.mjs";function h({chartData:r,isLoading:e=!0,isSuccess:o,isFetching:s,filter:i,colorMap:a,sx:n}){const c=f(()=>{if(e)return[{title:"Verifications Started Over Time",data:[]}];const{started:d,succeeded:m,percentage:u}=l({brands:i.brands,colorMap:a,data:r});return[{title:"Verifications Started Over Time",data:d},{title:"Verifications Succeeded Over Time",data:m},{title:"Verification Success Percentage Over Time",data:u,tooltipFormatter:t=>`${Number(t).toFixed(1)}%`,yAxisTickFormatter:t=>`${Number(t).toFixed(0)}%`,yAxisDomain:["auto","auto"]}]},[e,i.brands,a,r]);return p(S,{subCharts:c,isLoading:e,isSuccess:o,isFetching:s,filter:i,sx:n})}export{h as OneClickVerificationConversionSynchronizedMetricsChart};

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

@@ -12,7 +12,6 @@ export interface OneClickVerificationDeliverySynchronizedMetricsChartProps {
         brands: BrandFilter[];
     };
     colorMap: Map<string, string>;
-    syncId?: string;
     sx?: SxProps;
 }
-export declare function OneClickVerificationDeliverySynchronizedMetricsChart({ chartData, isLoading, isSuccess, isFetching, filter, colorMap, syncId, sx, }: Readonly<OneClickVerificationDeliverySynchronizedMetricsChartProps>): React.ReactNode;
+export declare function OneClickVerificationDeliverySynchronizedMetricsChart({ chartData, isLoading, isSuccess, isFetching, filter, colorMap, sx, }: Readonly<OneClickVerificationDeliverySynchronizedMetricsChartProps>): React.ReactNode;

package/dist/components/chart/OneClickVerificationDeliverySynchronizedMetricsChart/OneClickVerificationDeliverySynchronizedMetricsChart.mjs

@@ -1 +1 @@
-"use strict";import{useMemo as l}from"react";import{mapOneClickVerificationDeliverySynchronizedData as m}from"./OneClickVerificationDeliverySynchronizedMetricsChart.map.mjs";import{jsx as f}from"react/jsx-runtime";import{SynchronizedMetricsChart as h}from"../SynchronizedMetricsChart/SynchronizedMetricsChart.mjs";function u({chartData:r,isLoading:e=!0,isSuccess:s,isFetching:a,filter:i,colorMap:t,syncId:n,sx:c}){const o=l(()=>{if(e)return[{title:"SMS Sent Over Time",data:[]}];const{sent:d,delivered:S}=m({brands:i.brands,colorMap:t,data:r});return[{title:"SMS Sent Over Time",data:d},{title:"SMS Delivered Over Time",data:S}]},[e,i.brands,t,r]);return f(h,{subCharts:o,syncId:n,isLoading:e,isSuccess:s,isFetching:a,filter:i,sx:c})}export{u as OneClickVerificationDeliverySynchronizedMetricsChart};
+"use strict";import{useMemo as m}from"react";import{mapOneClickVerificationDeliverySynchronizedData as S}from"./OneClickVerificationDeliverySynchronizedMetricsChart.map.mjs";import{jsx as l}from"react/jsx-runtime";import{SynchronizedMetricsChart as f}from"../SynchronizedMetricsChart/SynchronizedMetricsChart.mjs";function h({chartData:r,isLoading:e=!0,isSuccess:a,isFetching:s,filter:i,colorMap:t,sx:n}){const o=m(()=>{if(e)return[{title:"SMS Sent Over Time",data:[]}];const{sent:c,delivered:d}=S({brands:i.brands,colorMap:t,data:r});return[{title:"SMS Sent Over Time",data:c},{title:"SMS Delivered Over Time",data:d}]},[e,i.brands,t,r]);return l(f,{subCharts:o,isLoading:e,isSuccess:a,isFetching:s,filter:i,sx:n})}export{h as OneClickVerificationDeliverySynchronizedMetricsChart};

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

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

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

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

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

@@ -15,7 +15,6 @@ export interface SynchronizedMappedData {
 }
 export interface SynchronizedMetricsChartProps {
     subCharts: [SubChartConfig, ...SubChartConfig[]];
-    syncId?: string;
     isLoading: boolean;
     isSuccess: boolean;
     isFetching: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verifiedinc-public/shared-ui-elements",
-  "version": "8.22.2-beta.2",
+  "version": "8.23.0",
   "description": "A set of UI components, utilities that is shareable with the core apps.",
   "private": false,
   "sideEffects": false,