@verifiedinc-public/shared-ui-elements 8.0.0 → 8.3.0

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,17 @@
+import { default as React } from 'react';
+import { SxProps } from '@mui/material';
+import { AreaSeriesChartData } from '../AreaChart';
+import { BrandFilter } from '../../BrandFilterInput';
+export interface OneClickVerificationOutcomeOverTimeChartProps {
+    data: Array<Record<string, number | string>>;
+    series: AreaSeriesChartData[];
+    isLoading: boolean;
+    isSuccess: boolean;
+    isFetching: boolean;
+    filter: {
+        timezone?: string;
+        brands?: BrandFilter[];
+    };
+    sx?: SxProps;
+}
+export declare function OneClickVerificationOutcomeOverTimeChart({ data, series, isLoading, isFetching, isSuccess, filter, sx, }: 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{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};

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/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};

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

@@ -0,0 +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};

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

@@ -0,0 +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};

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

@@ -0,0 +1 @@
+"use strict";import{useTheme as A,Box as v}from"@mui/material";import{ResponsiveContainer as k,ComposedChart as y,CartesianGrid as b,XAxis as C,YAxis as D,Tooltip as B,ReferenceLine as l,ReferenceArea as n,Bar as P}from"recharts";import{chartDefaultProps as R,xAxisDefaultProps as j,yAxisDefaultProps as F}from"../shared.mjs";import{jsx as a,jsxs as K}from"react/jsx-runtime";function T({data:m,series:p,xAxis:f,yAxis:d,tooltip:c,bar:x,referenceLines:s,referenceAreas:i,sx:h}){const u=A(),o=e=>!e.isFront,t=e=>!!e.isFront;return a(v,{sx:{width:"100%",height:"100%",...h},children:a(k,{children:K(y,{data:m,...R,children:[a(b,{strokeDasharray:"3 3",vertical:!1}),a(C,{...j,...f}),a(D,{...F,...d}),a(B,{cursor:{stroke:u.palette.neutral.main,strokeWidth:1},...c}),s?.filter(o).map((e,r)=>a(l,{...e},e.label??r)),i?.filter(o).map((e,r)=>a(n,{...e},e.label??r)),p.map(e=>a(P,{name:e.key,dataKey:e.dataKey,fill:e.color,stackId:"stack",isAnimationActive:!1,...x},e.key)),s?.filter(t).map((e,r)=>a(l,{...e},e.label??r)),i?.filter(t).map((e,r)=>a(n,{...e},e.label??r))]})})})}export{T as SimpleBarChart};

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

@@ -0,0 +1 @@
+"use strict";import{Box as d}from"@mui/material";import{jsx as l,jsxs as p}from"react/jsx-runtime";function i({payload:r=[],hiddenItems:a,onToggle:o,legendLabel:n}){return l(d,{sx:{display:"flex",justifyContent:"center",gap:"20px",paddingTop:"20px"},children:r.map((e,t)=>{const s=a.has(e.payload.name);return p("div",{style:{display:"flex",alignItems:"center",cursor:"pointer",opacity:s?.4:1},onClick:()=>{o?.(e.payload)},children:[l("div",{style:{width:"12px",height:"12px",backgroundColor:e.color,marginRight:"8px",borderRadius:"2px"}}),l("span",{style:{color:e.color},children:n?`${n}: ${e.value}`:e.value})]},`legend-${t}`)})})}export{i as SimpleLegend};

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

@@ -0,0 +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};

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

@@ -0,0 +1 @@
+"use strict";const u={total:0,success:0,totalCost:0,successRate:0};function d(e){if(!(e!=null&&e.length))return u;let t=0,s=0;const o=0;e.forEach(a=>{var r;if((r=a.interval)!=null&&r.length){const i=a.interval.reduce((c,l)=>c+(l.ttsSent||0),0),f=a.interval.reduce((c,l)=>c+(l.ttsVerified||0),0);t+=i,s+=f}});const n=t>0?s/t:0;return{total:t,success:s,totalCost:o,successRate:isNaN(n)?0:n}}export{d as calculateSignupMetrics,u as defaultMetrics};

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

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

package/dist/components/chart/TTSOverTimeChart/TTSOverTimeChart.mjs

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

package/dist/components/chart/constants.mjs

@@ -0,0 +1 @@
+"use strict";const e={ALLOW:{MIN:0,MAX:400,NAME:"Allow",LABEL:"0-400"},FLAG:{MIN:401,MAX:600,NAME:"Flag",LABEL:"401-600"},BLOCK:{MIN:601,NAME:"Block",LABEL:"601-1000"}},i={ERR001:"Generic error code",OCE001:"1-Click error code",OCE002:"Unsupported phone number",OCE003:"Either phone or email is required",OCE004:"User not found",OCE005:"Credential requests are missing",OCE006:"User identifier is missing",OCE007:"Missing mandatory credentials",OCE008:"Invalid/expired verification code",OCE009:"Verification code required",OCE010:"Missing fields to autofill",OCE011:"Additional information required",OCE012:"BirthDate or SSN4 mismatch",OCE013:"No credentials found",OCE014:"1-Click request expired",OCE015:"1-Click not found",OCE016:"Conflict request for phone number",OCE017:"Risk score too high",OCE018:"Maximum code attempts exceeded",OCE019:"Maximum input attempts exceeded",OCE020:"Brand cannot be used for 1-Click API",OCE021:"User Opted Out"};export{i as ERROR_CODES_MESSAGES,e as RISK_SCORE_RANGES};

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

@@ -3,6 +3,7 @@ export * from './SeriesChartLegend';
 export * from './SeriesPercentageChart';
 export * from './BigNumber';
 export * from './SimpleBarChart';
+export * from './AreaChart';
 export * from './ErrorCodesChart';
 export * from './ReasonCodesChart';
 export * from './PieChart';
@@ -20,3 +21,11 @@ export * from './TTSOverTimeChart';
 export * from './TTSBigNumbers';
 export * from './OneClickHealthOverTimeChart';
 export * from './OneClickHealthBigNumbers';
+export * from './OneClickHealthPercentageChart';
+export * from './OneClickVerificationBigNumbers';
+export * from './OneClickVerificationEventsOverTimeChart';
+export * from './OneClickVerificationSuccessOverTimeChart';
+export * from './FunnelChart';
+export * from './OneClickVerificationFunnelChart';
+export * from './OneClickVerificationOutcomeOverTimeChart';
+export * from './oneClickVerification.types';

package/dist/components/chart/index.mjs

@@ -1 +1 @@
-"use strict";import{B as a,j as s,E as e,L as r,k as i,M as t,r as C,p as h,g as m,O as l,P as n,R as S,e as c,d as T,S as o,a as p,b as g,l as O,c as k,f as d,o as u,T as b,t as v,s as B,i as M,q as D,h as L,m as P,n as H}from"../../shared/OneClickHealthBigNumbers-Bbr1GivF.mjs";export{a as BigNumber,s as EmptyChartSection,e as ErrorCodesChart,r as LoadingChartSection,i as MetricLastUpdated,t as MonthlySignupsOverviewTable,C as OneClickHealthBigNumbers,h as OneClickHealthOverTimeChart,m as OneClickOverTimeChart,l as OneClickPercentageChart,n as PieChart,S as ReasonCodesChart,c as RiskScoreBarChart,T as RiskScorePieChart,o as SeriesChart,p as SeriesChartLegend,g as SeriesPercentageChart,O as SignupBigNumbers,k as SimpleBarChart,d as SimpleLegend,u as TTSBigNumbers,b as TTSOverTimeChart,v as calculateOneClickHealthMetrics,B as defaultMetrics,M as mapMonthlySignupsOverviewTableData,D as mapOneClickHealthTimeSeriesData,L as mapOneClickTimeSeriesData,P as mapSeriesTimeSeriesData,H as mapTTSTimeSeriesData};
+"use strict";import{SeriesChart as e}from"./SeriesChart/index.mjs";import{SeriesChartLegend as a}from"./SeriesChartLegend/index.mjs";import{SeriesPercentageChart as r}from"./SeriesPercentageChart/index.mjs";import{BigNumber as i}from"./BigNumber/index.mjs";import{SimpleBarChart as t}from"./SimpleBarChart/index.mjs";import{AreaChart as m}from"./AreaChart/index.mjs";import{ErrorCodesChart as s}from"./ErrorCodesChart/index.mjs";import{ReasonCodesChart as o}from"./ReasonCodesChart/index.mjs";import{PieChart as n}from"./PieChart/index.mjs";import{RiskScorePieChart as c}from"./RiskScorePieChart/index.mjs";import{RiskScoreBarChart as C}from"./RiskScoreBarChart/index.mjs";import{SimpleLegend as p}from"./SimpleLegend/index.mjs";import{LoadingChartSection as l}from"./LoadingChartSection.mjs";import{EmptyChartSection as h}from"./EmptyChartSection.mjs";import{MetricLastUpdated as f}from"./MetricLastUpdated.mjs";import{FunnelChart as O}from"./FunnelChart/index.mjs";import{mapSeriesTimeSeriesData as S}from"./SeriesChart/SeriesChart.map.mjs";import{OneClickPercentageChart as T}from"./OneClickPercentageChart/OneClickPercentageChart.mjs";import{OneClickOverTimeChart as k}from"./OneClickOverTimeChart/OneClickOverTimeChart.mjs";import{mapOneClickTimeSeriesData as u}from"./OneClickOverTimeChart/OneClickOverTimeChart.map.mjs";import{mapMonthlySignupsOverviewTableData as g}from"./MonthlySignupsOverviewTable/MonthlySignupsOverviewTableDataMapper.mjs";import{MonthlySignupsOverviewTable as v}from"./MonthlySignupsOverviewTable/MonthlySignupsOverviewTable.mjs";import{SignupBigNumbers as D}from"./SignupBigNumbers/SignupBigNumbers.mjs";import{TTSOverTimeChart as V}from"./TTSOverTimeChart/TTSOverTimeChart.mjs";import{mapTTSTimeSeriesData as d}from"./TTSOverTimeChart/TTSOverTimeChart.map.mjs";import{TTSBigNumbers as b}from"./TTSBigNumbers/TTSBigNumbers.mjs";import{OneClickHealthOverTimeChart as B}from"./OneClickHealthOverTimeChart/OneClickHealthOverTimeChart.mjs";import{mapOneClickHealthTimeSeriesData as H}from"./OneClickHealthOverTimeChart/OneClickHealthOverTimeChart.map.mjs";import{OneClickHealthBigNumbers as N}from"./OneClickHealthBigNumbers/OneClickHealthBigNumbers.mjs";import{calculateOneClickHealthMetrics as M,defaultMetrics as P}from"./OneClickHealthBigNumbers/OneClickHealthBigNumbersMapper.mjs";import{OneClickHealthPercentageChart as L}from"./OneClickHealthPercentageChart/OneClickHealthPercentageChart.mjs";import{OneClickVerificationBigNumbers as E}from"./OneClickVerificationBigNumbers/OneClickVerificationBigNumbers.mjs";import{OneClickVerificationEventsOverTimeChart as R}from"./OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.mjs";import{mapOneClickVerificationAreaSeriesData as y}from"./OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.map.mjs";import{OneClickVerificationSuccessOverTimeChart as F}from"./OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.mjs";import{mapOneClickVerificationSuccessOverTimeChartData as A}from"./OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.map.mjs";import{OneClickVerificationFunnelChart as w}from"./OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.mjs";import{mapOneClickVerificationFunnelChartData as x}from"./OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.map.mjs";import{OneClickVerificationOutcomeOverTimeChart as U}from"./OneClickVerificationOutcomeOverTimeChart/OneClickVerificationOutcomeOverTimeChart.mjs";import{mapOneClickVerificationOutcomeOverTimeChartData as j}from"./OneClickVerificationOutcomeOverTimeChart/OneClickVerificationOutcomeOverTimeChart.map.mjs";export{m as AreaChart,i as BigNumber,h as EmptyChartSection,s as ErrorCodesChart,O as FunnelChart,l as LoadingChartSection,f as MetricLastUpdated,v as MonthlySignupsOverviewTable,N as OneClickHealthBigNumbers,B as OneClickHealthOverTimeChart,L as OneClickHealthPercentageChart,k as OneClickOverTimeChart,T as OneClickPercentageChart,E as OneClickVerificationBigNumbers,R as OneClickVerificationEventsOverTimeChart,w as OneClickVerificationFunnelChart,U as OneClickVerificationOutcomeOverTimeChart,F as OneClickVerificationSuccessOverTimeChart,n as PieChart,o as ReasonCodesChart,C as RiskScoreBarChart,c as RiskScorePieChart,e as SeriesChart,a as SeriesChartLegend,r as SeriesPercentageChart,D as SignupBigNumbers,t as SimpleBarChart,p as SimpleLegend,b as TTSBigNumbers,V as TTSOverTimeChart,M as calculateOneClickHealthMetrics,P as defaultMetrics,g as mapMonthlySignupsOverviewTableData,H as mapOneClickHealthTimeSeriesData,u as mapOneClickTimeSeriesData,y as mapOneClickVerificationAreaSeriesData,x as mapOneClickVerificationFunnelChartData,j as mapOneClickVerificationOutcomeOverTimeChartData,A as mapOneClickVerificationSuccessOverTimeChartData,S as mapSeriesTimeSeriesData,d as mapTTSTimeSeriesData};

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

@@ -0,0 +1,18 @@
+/** Full interval entry as returned by the OneClickVerification API. */
+export interface OneClickVerificationIntervalEntry {
+    date: string | number;
+    oneClickVerificationCreated: number;
+    oneClickVerificationSending: number;
+    oneClickVerificationDelivered: number;
+    oneClickVerificationVerified: number;
+    oneClickVerificationFailed: number;
+    oneClickVerificationUndelivered: number;
+    oneClickVerificationExpired: number;
+    [key: string]: any;
+}
+/** Single brand entry as returned by the OneClickVerification API. */
+export interface OneClickVerificationBrandData {
+    brandUuid: string;
+    brandName: string;
+    interval?: OneClickVerificationIntervalEntry[];
+}

package/dist/components/chart/shared.mjs

@@ -0,0 +1 @@
+"use strict";const t={margin:{top:5,right:30,left:20,bottom:5}},e={tickLine:!1,fontSize:12,tickMargin:12},i={textAnchor:"end",tickLine:!1};export{t as chartDefaultProps,e as xAxisDefaultProps,i as yAxisDefaultProps};

package/dist/components/chart/styles.mjs

@@ -0,0 +1 @@
+"use strict";const t=()=>({regularChartWrapper:{justifyContent:"center",alignItems:"center",width:"100%",height:500},smallChartWrapper:{justifyContent:"center",alignItems:"center",width:"100%",height:300}});export{t as useStyle};

package/dist/components/dialog/CalendlyDialog.mjs

@@ -0,0 +1 @@
+"use strict";import{forwardRef as i,memo as l,useState as n,useImperativeHandle as d}from"react";import{PersistentDialog as m}from"./PersistentDialog.mjs";import{jsx as o}from"react/jsx-runtime";const s=i(({calendlyUrl:r},t)=>{const[a,e]=n(!1);return d(t,()=>({show:()=>{e(!0)},hide:()=>{e(!1)},toggle:()=>{e(!a)},isOpen:a})),o(m,{isOpen:a,setIsOpen:e,children:o("iframe",{src:r,style:{height:"800px",width:"500px",maxWidth:"90vw",maxHeight:"85vh",border:"none",borderRadius:"5px"}})})});s.displayName="CalendlyDialog";const p=l(s);export{p as CalendlyDialog,s as CalendlyDialogComponent};

package/dist/components/dialog/Dialog.mjs

@@ -0,0 +1 @@
+"use strict";import{Dialog as t}from"@mui/material";import{jsx as i}from"react/jsx-runtime";const r={"& .MuiDialog-container > .MuiPaper-root":{maxWidth:"fit-content",width:"auto",borderRadius:"6px!important"},"& .MuiTypography-root":{textAlign:"center"},"& .MuiTypography-h1":{fontSize:"34px",fontWeight:"800!important"},"& .MuiTypography-h2":{fontWeight:"800!important"}},a=o=>i(t,{sx:r,...o,children:o.children});export{a as CustomDialog};

package/dist/components/dialog/PersistentDialog.mjs

@@ -0,0 +1,8 @@
+"use strict";import d from"@mui/icons-material/Close";import{Portal as h,IconButton as p}from"@mui/material";import{useEffect as u,useRef as y}from"react";import{jsxs as s,jsx as o}from"react/jsx-runtime";const w=({isOpen:t,setIsOpen:n,children:l,hasCloseButton:a=!0})=>{u(()=>{const e=c=>{c.key==="Escape"&&n(!1)};document.addEventListener("keydown",e);const r=()=>{t&&(window.history.pushState(null,"",window.location.pathname),n(!1))};return t&&(window.history.pushState(null,"",window.location.pathname),window.addEventListener("popstate",r)),()=>{document.removeEventListener("keydown",e),window.removeEventListener("popstate",r)}},[t]);const i=y(null);return s(h,{children:[t&&o("style",{children:`
+    body{
+      overflow-y: hidden;
+    }
+    .dialog-content-persistent{
+      overflow-y: auto;
+    }
+  `}),o("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,width:"100%",height:"100%",backgroundColor:"rgba(0,0,0,0.5)",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",opacity:t?1:0,pointerEvents:t?"auto":"none",transition:"opacity 0.3s ease",zIndex:1e3},onClick:e=>{i.current&&!i.current.contains(e.target)&&n(!1)},onKeyDown:e=>{console.log(e),e.key==="Escape"&&n(!1)},children:s("div",{style:{position:"relative",width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:[a&&o(p,{"aria-label":"close",onClick:()=>n(!1),sx:{position:"absolute",right:16,top:16,color:"white",backgroundColor:"rgba(0, 0, 0, 0.2)","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.4)"},zIndex:1},children:o(d,{})}),o("div",{className:"dialog-content-persistent",style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:o("div",{ref:i,children:l})})]})})]})};export{w as PersistentDialog};

package/dist/components/form/AddressInput/autofill.hook.mjs

@@ -0,0 +1 @@
+"use strict";import{useState as c,useRef as f}from"react";import{wrapPromise as u}from"../../../utils/wrapPromise/index.mjs";import"libphonenumber-js";import"lodash/find";import"tinycolor2";import{useAddressInputContext as b}from"./context.mjs";function d(){const{googlePlacesAutocompletePlaces:n,googlePlacesGetPlace:i}=b(),[y,l]=c([]),[p,o]=c(!1),a=f(null);return{handleAutoComplete:async r=>{if(!n)return;a.current&&a.current.abort();const e=new AbortController;a.current=e,o(!0);try{if(!n){o(!1);return}const[t,s]=await u(n(r,e.signal));if(e.signal.aborted)return;if(!t||s){o(!1);return}Array.isArray(t)?l(t):l([])}catch(t){if(t instanceof DOMException&&t.name==="AbortError")return}finally{a.current===e&&o(!1)}},fetchPlace:async(r,e)=>{if(!i)return null;const[t,s]=await u(i(r,e));return s?null:t&&Array.isArray(t)?t:null},buildAddress:r=>{const e={line1:"",city:"",state:"",country:"",zipCode:""};for(const t of r??[])switch(t.types[0]){case"street_number":{e.line1=`${t.longText} ${e.line1}`;break}case"route":{e.line1||(e.line1=""),e.line1+=t.shortText;break}case"postal_code":{e.zipCode=`${t.longText}${e.zipCode}`;break}case"postal_code_suffix":{e.zipCode=`${e.zipCode}-${t.longText}`;break}case"locality":e.city=t.longText??"";break;case"sublocality_level_1":case"sublocality":e.city||(e.city=t.longText??"");break;case"neighborhood":e.city||(e.city=t.longText??"");break;case"administrative_area_level_1":{t.shortText&&t.shortText.length===2&&(e.state=t.shortText);break}case"country":e.country=t.shortText??"US";break}return e},suggestions:y,isPending:p}}export{d as useAutoFill};

package/dist/components/form/AddressInput/context.mjs

@@ -0,0 +1 @@
+"use strict";import{createContext as r,useContext as l}from"react";import{jsx as n}from"react/jsx-runtime";const a={googlePlacesAutocompletePlaces:void 0,googlePlacesGetPlace:void 0},o=r(a);function c({children:e,googlePlacesAutocompletePlaces:t,googlePlacesGetPlace:s}){return n(o.Provider,{value:{googlePlacesAutocompletePlaces:t,googlePlacesGetPlace:s},children:e})}function d(){const e=l(o);if(e===void 0)throw new Error("useAddressInputContext must be used within an AddressInputProvider");return e}export{o as AddressInputContext,c as AddressInputProvider,d as useAddressInputContext};

package/dist/components/form/AddressInput/hook.mjs

@@ -0,0 +1 @@
+"use strict";import{useState as l,useMemo as D,useEffect as d}from"react";import{wrapPromise as I}from"../../../utils/wrapPromise/index.mjs";import"libphonenumber-js";import"lodash/find";import"tinycolor2";import{toUSaddress as p,fromUSAddress as U}from"../../../utils/address/index.mjs";import{useDebounceValue as x}from"../../../hooks/useDebounceValue.mjs";import{usePrevious as E}from"../../../hooks/usePrevious.mjs";import{useAutoFill as M}from"./autofill.hook.mjs";function O({defaultValue:o,onChange:m}){const[c,u]=l(!1),{handleAutoComplete:f,fetchPlace:g,buildAddress:h,suggestions:v,isPending:C}=M(),P=D(()=>p({line1:o?.line1??"",city:o?.city??"",state:o?.state??"",zipCode:o?.zipCode??""}),[o]),[y,A]=l({title:P??"",value:""}),[r,s]=l(""),F=E(r),t=x(r),[S,V]=l(!1),a=(e,n)=>{let i;typeof e=="string"?i=U(e.replace(/\n/g,"")):(i=e,s(p({...e,country:void 0})??"")),m(i,n)},b=async e=>{if(A(e),!e.value)return;u(!0);const[n]=await I(g(e.value));if(!n)return;const i=h(n);a(i),u(!1)},w=e=>{s(e)},z=()=>{s(""),a("",{shouldValidate:!1})};return d(()=>{!t.length&&S&&a("",void 0),!(!t||t.length<=3||t===F)&&(a(t,void 0),f(t).catch(console.error))},[t]),d(()=>{V(!0)},[]),{value:y,inputValue:r,suggestions:v,isPending:C,isFetchingPlace:c,handleInputChange:w,handleOptionChange:b,handleClear:z}}export{O as useDataFieldAddressInput};

package/dist/components/form/AddressInput/index.mjs

@@ -0,0 +1 @@
+"use strict";import{Box as d,Autocomplete as O,Typography as T,TextField as k,useTheme as j,Paper as S}from"@mui/material";import c from"@mui/material/Unstable_Grid2";import{useDataFieldAddressInput as V}from"./hook.mjs";import{AddressInputProvider as F}from"./context.mjs";import{jsx as t,jsxs as G}from"react/jsx-runtime";function z(o){const n=j();return G(S,{...o,children:[o.children,t(d,{sx:a=>({display:"flex",justifyContent:"flex-end",p:1,pt:"1px",...a.applyStyles("dark",{opacity:.8})}),children:t("img",{src:n.palette.mode==="dark"?"https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-non-white3_hdpi.png":"https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png",alt:"",width:"120",height:"14"})})]})}function D({defaultValue:o,onChange:n,label:a,error:u,disabled:i,variant:g,size:h,helperText:m,inputProps:f,InputProps:x,ClearAdornment:r}){const{value:P,inputValue:v,suggestions:b,isPending:s,isFetchingPlace:p,handleInputChange:y,handleOptionChange:C,handleClear:I}=V({defaultValue:o,onChange:n});return t(d,{width:"100%",children:t(O,{disableClearable:!0,freeSolo:!0,isOptionEqualToValue:(e,l)=>e?.value===l?.value,getOptionLabel:e=>typeof e=="string"?e:e?.title,filterOptions:e=>e,options:s?[]:b.map(e=>({title:e.placePrediction.text.text??"",value:e.placePrediction.place??""})),autoComplete:!0,includeInputInList:!0,filterSelectedOptions:!0,noOptionsText:"No locations",value:P,inputValue:v,loading:s||p,disabled:p||i,onChange:(e,l)=>{e.preventDefault(),e.stopPropagation(),!i&&(!l||typeof l=="string"||C(l).catch(console.error))},onInputChange:(e,l)=>{y(l)},renderInput:e=>t(k,{id:e.id,disabled:e.disabled,label:a,variant:g,size:h,error:u,helperText:m,inputProps:{...e.inputProps,tabIndex:0,autoCapitalize:"off",autoComplete:"street-address address-level2 address-level1 postal-code",...f},InputProps:{...e.InputProps,disableInjectingGlobalStyles:!0,endAdornment:r?t(r,{onClick:()=>{I()}}):void 0,...x},fullWidth:!0,multiline:!0}),renderOption:(e,l)=>{const{key:w,...A}=e;return t("li",{...A,children:t(c,{container:!0,sx:{alignItems:"flex-start"},children:t(c,{sx:{width:"100%",wordWrap:"break-word"},children:t(T,{variant:"body2",sx:{color:"text.secondary",textAlign:"left"},children:l?.title})})})},w)},PaperComponent:z})})}function L(o){const{service:n,...a}=o;return t(F,{googlePlacesAutocompletePlaces:n.googlePlacesAutocompletePlaces,googlePlacesGetPlace:n.googlePlacesGetPlace,children:t(D,{...a})})}export{L as AddressInput};

package/dist/components/form/BasePhoneInput.mjs

@@ -0,0 +1 @@
+"use strict";import{useRef as L,useState as m,useMemo as M,useEffect as N}from"react";import{Box as R,InputAdornment as j}from"@mui/material";import{getPhoneDataByFieldName as E}from"../../utils/phone/index.mjs";import{phoneSchema as H}from"../../validations/phone.schema.mjs";import{TextMaskCustom as O}from"./TextMaskCustom.mjs";import U from"./CountrySelector.mjs";import{DefaultInput as V}from"./DefaultInput.mjs";import{DataFieldClearAdornment as W}from"./DataFieldClearAdornment.mjs";import{jsx as o}from"react/jsx-runtime";function q({label:h="Phone",name:d="phone",helperText:c,onChange:n,onBlur:f,onValidPhone:r,initialValue:C="",error:_=!1,handleChangeCountry:l,value:P,autoFocus:b=!1,InputProps:x,InputLabelProps:v,shouldHaveSelectCountryButton:y=!0,shouldHaveClearButton:I=!1,disabled:g=!1,size:A,placeholder:B="+1 (___) ___-____",lazy:S=!0,enableChromeAutofill:k=!0}){const u=L(null),[a,z]=m("US"),[t,F]=m(C),s=M(()=>E("countryCode",a),[a]),T=e=>{z(e),l&&l(e),setTimeout(()=>{var i;(i=u.current)==null||i.focus()},10)},D=e=>{H.safeParse(t).success&&r?.(e)},p=e=>{F(e),n?.(e)};N(()=>{D(t)},[t]);const w={inputRef:u,autoFocus:b,label:h,name:d,helperText:c,value:P??t,error:_,onChange:e=>{p(e.target.value)},onBlur:f,autoComplete:"tel",size:A,placeholder:B,inputProps:{unmask:!0,lazy:S,mask:s?.mask,placeholderChar:"_",tabIndex:0,type:"tel",enableChromeAutofill:k},InputLabelProps:{shrink:!0,...v},InputProps:{inputComponent:O,startAdornment:y&&o(j,{position:"start",children:o(U,{value:a,onChange:T,shouldShowOnlyNorthAmericanCountries:!1})}),endAdornment:I&&o(W,{handleClear:()=>{p("")}}),...x},fullWidth:!0,disabled:g};return o(R,{width:"100%",children:o(V,{...w,sx:{m:0,"& input":{letterSpacing:"1px"}}})})}export{q as BasePhoneInput};

package/dist/components/form/CountrySelector.mjs

@@ -0,0 +1 @@
+"use strict";import{useState as h,useMemo as y}from"react";import{Button as C,Menu as f,MenuItem as b}from"@mui/material";import{KeyboardArrowDown as v}from"@mui/icons-material";import{countries as l,sortByCountryName as x,getPhoneDataByFieldName as g}from"../../utils/phone/index.mjs";import{jsxs as m,Fragment as w,jsx as t}from"react/jsx-runtime";function B({shouldShowOnlyNorthAmericanCountries:r=!0,...n}){var a;const[i,s]=h(null),e=!!i,c=y(()=>{let o=[...l.filter(p=>p.countryCode!=="BR")];return r||(o=[...l]),[...o].sort(x)},[r]),d=o=>{s(o.currentTarget)},u=()=>{s(null)};return m(w,{children:[t(C,{id:"demo-customized-button","aria-controls":e?"country-select-button":void 0,"aria-haspopup":"true","aria-expanded":e?"true":void 0,variant:"text",disableElevation:!0,onClick:d,endIcon:t(v,{}),children:(a=g("countryCode",n.value))==null?void 0:a.emoji}),t(f,{anchorEl:i,open:e,onClose:u,MenuListProps:{"aria-labelledby":"country-select-button"},slotProps:{paper:{style:{maxHeight:48*4.5,width:"20ch",minWidth:"300px"}}},children:c.map(o=>m(b,{role:"menuitem",onClick:()=>{n.onChange(o.countryCode),u()},children:[o.emoji," ",o.countryName]},o.countryCode))})]})}export{B as default};

package/dist/components/form/DataFieldClearAdornment.mjs

@@ -0,0 +1 @@
+"use strict";import{Close as o}from"@mui/icons-material";import{InputAdornment as a,IconButton as r}from"@mui/material";import{jsx as n}from"react/jsx-runtime";function i({onClick:e,handleClear:l}){return n(a,{position:"end",children:n(r,{"aria-label":"clear value",edge:"end",size:"small",onClick:()=>{l(),e?.()},children:n(o,{fontSize:"small"})})})}export{i as DataFieldClearAdornment};

package/dist/components/form/DateInput/index.d.ts

@@ -13,6 +13,9 @@ interface DateInputProps extends Omit<TextFieldProps, 'onBlur' | 'onChange'> {
     inputMaskProps?: Readonly<Partial<InputMaskProps>>;
     minDate?: Date;
     maxDate?: Date;
+    InputProps?: TextFieldProps['InputProps'] & {
+        'data-mask-me'?: boolean;
+    };
 }
 export declare const DateInput: import('react').ForwardRefExoticComponent<Omit<Readonly<DateInputProps>, "ref"> & import('react').RefAttributes<unknown>>;
 export {};

package/dist/components/form/DateInput/index.mjs

@@ -0,0 +1 @@
+"use strict";import{forwardRef as S,useState as M,useRef as O,useMemo as Y}from"react";import{TextField as F,Box as T,Stack as A,IconButton as N}from"@mui/material";import{CalendarToday as $}from"@mui/icons-material";import y from"../../../node_modules/react-datepicker/dist/es/index.mjs";import{useOnClickOutside as E}from"../../../hooks/useOnClickOutside.mjs";import R from"../../../styles/lib/react-datepicker.css.mjs";import{masks as B}from"../../../utils/masks/index.mjs";import{InputMask as j}from"../InputMask.mjs";import{jsxs as C,Fragment as z,jsx as a}from"react/jsx-runtime";const K=y.default??y,W=S(function(t,r){return a(A,{ref:r,sx:{position:"relative"},children:a(N,{edge:"end",size:"small",onClick:()=>{var l;t.disabled||(l=t.onFocus)==null||l.call(t)},disabled:t.disabled,children:a($,{fontSize:"small"})})})}),_=function({value:t,onChange:r,defaultSelectedDate:l,overflow:h=!1,clickOutsideBoundaryElement:u,minDate:x,maxDate:p,disabled:c}){const[b,d]=M(!1),m=O(null),k=new Date("08/01/1989"),f=x??new Date(1900,0,1),n=p??new Date,w=e=>{if(!e||!(e instanceof Date)||isNaN(e.getTime()))return"";try{const o=e.getDate().toString().padStart(2,"0"),s=(e.getMonth()+1).toString().padStart(2,"0"),i=e.getFullYear();return s==="00"||s>"12"||o==="00"||o>"31"||i<1900||i>n.getFullYear()?"":`${s}/${o}/${i}`}catch{return""}},D=Y(()=>{if(!t)return l??void 0;const e=new Date(t);return isNaN(+e)||!/^\d{2}\/\d{2}\/\d{4}$/.test(t)||e<f||e>n?k:e},[t]);return E(m,()=>{d(!1)},"mousedown",{},u),C(T,{ref:m,sx:{position:"relative","& .react-datepicker-popper":h?{transform:"translate(calc(-100% + 32px), calc(-50% + 10px))!important"}:{}},children:[a("style",{children:R}),a(K,{open:b,onFocus:()=>{d(e=>!e)},popperPlacement:"bottom-end",placeholderText:"MM/DD/YYYY",showPopperArrow:!1,showYearDropdown:!0,showMonthDropdown:!0,scrollableYearDropdown:!1,dateFormat:"MM/dd/yyyy",minDate:f,maxDate:n,selected:D,dropdownMode:"select",onSelect:e=>{const o=w(e);o&&(r?.({target:{value:o}}),d(!1))},disabled:c,customInput:a(W,{disabled:c})})]})};function G({label:t="Date",value:r,error:l,helperText:h,onChange:u,onBlur:x,disabled:p,pickerDefaultSelectedDate:c,pickerClickOutsideBoundaryElement:b,pickerInputOverflow:d=!1,inputMaskProps:m,minDate:k,maxDate:f,...n},w){var D;const[e,o]=M(""),s=r!==void 0,i=s?r:e,g=P=>{const v=P.target.value;s||o(v),u&&u(v)},I={label:t,error:l,helperText:h,fullWidth:!0,...n,autoComplete:"bday",inputProps:{...n.inputProps,inputMode:"numeric",tabIndex:0,mask:B.DOB_MASK},InputProps:{...n.InputProps,endAdornment:C(z,{children:[a(_,{onChange:g,value:i,overflow:d,clickOutsideBoundaryElement:b,defaultSelectedDate:c,minDate:k,maxDate:f,disabled:p}),(D=n.InputProps)==null?void 0:D.endAdornment]})}};return a(j,{mask:B.DOB_MASK,maskPlaceholder:null,disabled:p,value:i,onBlur:x,onChange:g,...m,children:a(F,{...I,inputRef:w,fullWidth:!0,sx:{flex:1,"& input":{boxShadow:"none!important",border:"none!important",letterSpacing:"1px"}}})})}const q=S(G);export{q as DateInput};

package/dist/components/form/DateRangeInput/index.mjs

@@ -0,0 +1 @@
+"use strict";import{useState as i,useRef as c,forwardRef as h}from"react";import{Box as x,TextField as Y}from"@mui/material";import g from"../../../node_modules/react-datepicker/dist/es/index.mjs";import M from"../../../styles/lib/react-datepicker.css.mjs";import{useOnClickOutside as R}from"../../../hooks/useOnClickOutside.mjs";import{useStyle as y}from"./style.mjs";import{jsxs as v,jsx as r}from"react/jsx-runtime";const b=h(function(t,a){return r(Y,{inputRef:a,...t,label:"Range",fullWidth:!0,sx:{flex:1,"& input":{boxShadow:"none!important",border:"none!important"}}})}),H=t=>{const a=y(),m=()=>{const{startDate:e,endDate:o}=t;return!e||!o?[null,null]:[new Date(e),new Date(o)]},[u,d]=i(m()),[D,f]=u,n=c(null),[w,s]=i(!1);return R(n,()=>{s(!1)}),v(x,{ref:n,sx:a.wrapper,children:[r("style",{children:M}),r(g,{open:w,onFocus:()=>{s(!0)},placeholderText:"MM/DD/YYYY - MM/DD/YYYY",showPopperArrow:!1,swapRange:!0,selectsRange:!0,showYearDropdown:!0,showMonthDropdown:!0,scrollableYearDropdown:!1,dateFormat:"MM/dd/yyyy HH:mm:ss",startDate:D??void 0,endDate:f??void 0,minDate:new Date(2023,0,1),maxDate:new Date,onChange:([e,o],l)=>{var p;d([e,o]),!(!e||!o)&&(((p=l?.target)==null?void 0:p.tagName)!=="INPUT"&&(e.setHours(0,0,0,0),o.setHours(23,59,59,999)),t.onChange(+e,+o))},customInput:r(b,{})})]})};export{H as DateRangeInput};

package/dist/components/form/DateRangeInput/style.mjs

@@ -0,0 +1 @@
+"use strict";function t(){return{wrapper:{width:450,'& input[type="text"]':{textAlign:"center",width:"100%",flex:1}}}}export{t as useStyle};

package/dist/components/form/DefaultInput.mjs

@@ -0,0 +1 @@
+"use strict";import{forwardRef as f}from"react";import{TextField as n}from"../TextField/index.mjs";import{jsx as m}from"react/jsx-runtime";const e=({variant:r="outlined",margin:t="normal",...i},o)=>m(n,{inputRef:o,variant:r,margin:t,fullWidth:!0,...i}),a=f(e);export{a as DefaultInput,a as default};

package/dist/components/form/EmailInput.mjs

@@ -0,0 +1 @@
+"use strict";import{TextField as l}from"@mui/material";import m from"lodash/capitalize";import{jsx as p}from"react/jsx-runtime";const r=({name:a="email",type:e="email",id:o=a,label:i=m(a),...t})=>p(l,{fullWidth:!0,type:e,name:a,id:o,label:i,inputProps:{autoCorrect:"off",autoCapitalize:"off"},...t});export{r as EmailInput};

package/dist/components/form/InputMask.mjs

@@ -0,0 +1 @@
+"use strict";import r from"@mona-health/react-input-mask";import{jsx as t}from"react/jsx-runtime";function m(o){return t(r,{...o})}export{m as InputMask};

package/dist/components/form/MemberIdInput.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { TextFieldProps } from '@mui/material';
+export type MemberIdInputProps = Omit<TextFieldProps, 'onChange'> & {
+    onChange?: (event: {
+        target: {
+            value: string;
+        };
+    }) => void;
+    name?: string;
+    value?: string;
+    label?: ReactNode;
+    error?: boolean;
+    helperText?: string;
+    placeholder?: string;
+};
+/**
+ * Masked input for member IDs. Displays the middle characters as bullets.
+ * - Pre-filled / redacted values: any keystroke starts fresh; backspace clears.
+ * - User-typed values: normal editing; backspace always clears the whole field.
+ */
+export declare function MemberIdInput({ onChange, label, value, placeholder, InputProps, ...rest }: MemberIdInputProps): import("react").JSX.Element;

package/dist/components/form/MemberIdInput.mjs

@@ -0,0 +1 @@
+"use strict";import{useRef as m}from"react";import{Box as K,TextField as b}from"@mui/material";import{jsx as y}from"react/jsx-runtime";function M(n){return n.includes("*")||n.includes("\u2022")}function v(n){const t=n.replace(/\*/g,"\u2022");if(t.includes("\u2022"))return t;const s=t.length;return s<=2?t:s<5?"\u2022".repeat(s-2)+t.slice(-2):t.slice(0,2)+"\u2022".repeat(s-4)+t.slice(-2)}function P({onChange:n,label:t="Member ID",value:s,placeholder:k="",InputProps:g,...x}){const h=m(null),f=m(0),i=s??"",d=!M(i)&&(i===""||h.current===i),D=v(i);function a(e){h.current=e,n?.({target:{value:e}})}return y(K,{width:"100%",children:y(b,{...x,label:t,value:D,placeholder:k,onChange:e=>{const l=e.target.value,r=h.current??"",o=v(r),c=f.current;if(!d){a(l.replace(/•/g,""));return}let p;if(l.length>o.length){const u=l.slice(c,c+(l.length-o.length));p=r.slice(0,c)+u.replace(/•/g,"")+r.slice(c)}else if(l.length<o.length){const u=e.target.selectionStart??0,I=o.length-l.length;p=r.slice(0,u)+r.slice(u+I)}else{const u=l[c]??"";p=r.slice(0,c)+u+r.slice(c+1)}a(p)},inputProps:{onKeyDown:e=>{if(f.current=e.currentTarget.selectionStart??0,e.key==="Backspace"||e.key==="Delete"){e.preventDefault(),i!==""&&a("");return}d||e.key.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey&&(e.preventDefault(),a(e.key))}},InputProps:{...g,endAdornment:g?.endAdornment},fullWidth:!0})})}export{P as MemberIdInput};