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

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

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

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

@@ -0,0 +1 @@
+"use strict";import{calculateSignupMetrics as o}from"./SignupBigNumbersMapper.mjs";import{jsx as a}from"react/jsx-runtime";import{OverviewBigNumbers as e}from"../OverviewBigNumbers/OverviewBigNumbers.mjs";import{defaultOverviewMetrics as s}from"../OverviewBigNumbers/OverviewBigNumbers.types.mjs";function m({chartData:r,isLoading:i=!0,hideTotalCost:t=!1}){return a(e,{metrics:i?s:o(r),isLoading:i,hideTotalCost:t})}export{m as SignupBigNumbers};

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

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

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

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

package/dist/components/chart/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/SynchronizedMetricsChart/SynchronizedMetricsChart.d.ts

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";import{calculateTTSMetrics as o}from"./TTSBigNumbersMapper.mjs";import{jsx as a}from"react/jsx-runtime";import{OverviewBigNumbers as e}from"../OverviewBigNumbers/OverviewBigNumbers.mjs";import{defaultOverviewMetrics as s}from"../OverviewBigNumbers/OverviewBigNumbers.types.mjs";function m({chartData:r,isLoading:i=!0,hideTotalCost:t=!1}){return a(e,{metrics:i?s:o(r),isLoading:i,hideTotalCost:t})}export{m as TTSBigNumbers};

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

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

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

@@ -0,0 +1 @@
+"use strict";import{defaultOverviewMetrics as f}from"../OverviewBigNumbers/OverviewBigNumbers.types.mjs";const a=f;function v(e){if(!(e!=null&&e.length))return a;let t=0,c=0;const i=0;e.forEach(r=>{var n;if((n=r.interval)!=null&&n.length){const o=r.interval.reduce((s,l)=>s+(l.ttsSent||0),0),d=r.interval.reduce((s,l)=>s+(l.ttsVerified||0),0);t+=o,c+=d}});const u=t>0?c/t:0;return{started:t,succeeded:c,totalCost:i,successRate:u}}export{v as calculateTTSMetrics,a 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';
@@ -15,8 +16,23 @@ export * from './MonthlySignupsOverviewTable';
 export * from './LoadingChartSection';
 export * from './EmptyChartSection';
 export * from './MetricLastUpdated';
+export * from './OverviewBigNumbers';
 export * from './SignupBigNumbers';
 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 './OutcomeOverTimeChart';
+export * from './OneClickVerificationOutcomeOverTimeChart';
+export * from './OneClickHealthOutcomeOverTimeChart';
+export * from './OneClickSignupOutcomeOverTimeChart';
+export * from './oneClickVerification.types';
+export * from './SynchronizedMetricsChart';
+export * from './OneClickSignupSynchronizedMetricsChart';
+export * from './OneClickHealthSynchronizedMetricsChart';

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 h}from"./LoadingChartSection.mjs";import{EmptyChartSection as O}from"./EmptyChartSection.mjs";import{MetricLastUpdated as l}from"./MetricLastUpdated.mjs";import{FunnelChart as f}from"./FunnelChart/index.mjs";import{mapSeriesTimeSeriesData as S}from"./SeriesChart/SeriesChart.map.mjs";import{OneClickPercentageChart as u}from"./OneClickPercentageChart/OneClickPercentageChart.mjs";import{OneClickOverTimeChart as k}from"./OneClickOverTimeChart/OneClickOverTimeChart.mjs";import{mapOneClickTimeSeriesData as T}from"./OneClickOverTimeChart/OneClickOverTimeChart.map.mjs";import{mapMonthlySignupsOverviewTableData as v}from"./MonthlySignupsOverviewTable/MonthlySignupsOverviewTableDataMapper.mjs";import{MonthlySignupsOverviewTable as g}from"./MonthlySignupsOverviewTable/MonthlySignupsOverviewTable.mjs";import{OverviewBigNumbers as d}from"./OverviewBigNumbers/OverviewBigNumbers.mjs";import{defaultOverviewMetrics as D}from"./OverviewBigNumbers/OverviewBigNumbers.types.mjs";import{SignupBigNumbers as H}from"./SignupBigNumbers/SignupBigNumbers.mjs";import{TTSOverTimeChart as M}from"./TTSOverTimeChart/TTSOverTimeChart.mjs";import{mapTTSTimeSeriesData as V}from"./TTSOverTimeChart/TTSOverTimeChart.map.mjs";import{TTSBigNumbers as b}from"./TTSBigNumbers/TTSBigNumbers.mjs";import{OneClickHealthOverTimeChart as y}from"./OneClickHealthOverTimeChart/OneClickHealthOverTimeChart.mjs";import{mapOneClickHealthTimeSeriesData as B}from"./OneClickHealthOverTimeChart/OneClickHealthOverTimeChart.map.mjs";import{OneClickHealthBigNumbers as N}from"./OneClickHealthBigNumbers/OneClickHealthBigNumbers.mjs";import{calculateOneClickHealthMetrics as z,defaultMetrics as P}from"./OneClickHealthBigNumbers/OneClickHealthBigNumbersMapper.mjs";import{OneClickHealthPercentageChart as w}from"./OneClickHealthPercentageChart/OneClickHealthPercentageChart.mjs";import{OneClickVerificationBigNumbers as L}from"./OneClickVerificationBigNumbers/OneClickVerificationBigNumbers.mjs";import{OneClickVerificationEventsOverTimeChart as E}from"./OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.mjs";import{mapOneClickVerificationAreaSeriesData as F}from"./OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.map.mjs";import{OneClickVerificationSuccessOverTimeChart as R}from"./OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.mjs";import{mapOneClickVerificationSuccessOverTimeChartData as A}from"./OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.map.mjs";import{OneClickVerificationFunnelChart as U}from"./OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.mjs";import{mapOneClickVerificationFunnelChartData as x}from"./OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.map.mjs";import{OutcomeOverTimeChart as j}from"./OutcomeOverTimeChart/OutcomeOverTimeChart.mjs";import{OneClickVerificationOutcomeOverTimeChart as q}from"./OneClickVerificationOutcomeOverTimeChart/OneClickVerificationOutcomeOverTimeChart.mjs";import{mapOneClickVerificationOutcomeOverTimeChartData as G}from"./OneClickVerificationOutcomeOverTimeChart/OneClickVerificationOutcomeOverTimeChart.map.mjs";import{OneClickHealthOutcomeOverTimeChart as I}from"./OneClickHealthOutcomeOverTimeChart/OneClickHealthOutcomeOverTimeChart.mjs";import{mapOneClickHealthOutcomeOverTimeChartData as J}from"./OneClickHealthOutcomeOverTimeChart/OneClickHealthOutcomeOverTimeChart.map.mjs";import{OneClickSignupOutcomeOverTimeChart as K}from"./OneClickSignupOutcomeOverTimeChart/OneClickSignupOutcomeOverTimeChart.mjs";import{mapOneClickSignupOutcomeOverTimeChartData as Q}from"./OneClickSignupOutcomeOverTimeChart/OneClickSignupOutcomeOverTimeChart.map.mjs";import{SynchronizedMetricsChart as W}from"./SynchronizedMetricsChart/SynchronizedMetricsChart.mjs";import{OneClickSignupSynchronizedMetricsChart as X}from"./OneClickSignupSynchronizedMetricsChart/OneClickSignupSynchronizedMetricsChart.mjs";import{mapOneClickSignupSynchronizedData as Y}from"./OneClickSignupSynchronizedMetricsChart/OneClickSignupSynchronizedMetricsChart.map.mjs";import{OneClickHealthSynchronizedMetricsChart as Z}from"./OneClickHealthSynchronizedMetricsChart/OneClickHealthSynchronizedMetricsChart.mjs";import{mapOneClickHealthSynchronizedData as _}from"./OneClickHealthSynchronizedMetricsChart/OneClickHealthSynchronizedMetricsChart.map.mjs";export{m as AreaChart,i as BigNumber,O as EmptyChartSection,s as ErrorCodesChart,f as FunnelChart,h as LoadingChartSection,l as MetricLastUpdated,g as MonthlySignupsOverviewTable,N as OneClickHealthBigNumbers,I as OneClickHealthOutcomeOverTimeChart,y as OneClickHealthOverTimeChart,w as OneClickHealthPercentageChart,Z as OneClickHealthSynchronizedMetricsChart,k as OneClickOverTimeChart,u as OneClickPercentageChart,K as OneClickSignupOutcomeOverTimeChart,X as OneClickSignupSynchronizedMetricsChart,L as OneClickVerificationBigNumbers,E as OneClickVerificationEventsOverTimeChart,U as OneClickVerificationFunnelChart,q as OneClickVerificationOutcomeOverTimeChart,R as OneClickVerificationSuccessOverTimeChart,j as OutcomeOverTimeChart,d as OverviewBigNumbers,n as PieChart,o as ReasonCodesChart,C as RiskScoreBarChart,c as RiskScorePieChart,e as SeriesChart,a as SeriesChartLegend,r as SeriesPercentageChart,H as SignupBigNumbers,t as SimpleBarChart,p as SimpleLegend,W as SynchronizedMetricsChart,b as TTSBigNumbers,M as TTSOverTimeChart,z as calculateOneClickHealthMetrics,P as defaultMetrics,D as defaultOverviewMetrics,v as mapMonthlySignupsOverviewTableData,J as mapOneClickHealthOutcomeOverTimeChartData,_ as mapOneClickHealthSynchronizedData,B as mapOneClickHealthTimeSeriesData,Q as mapOneClickSignupOutcomeOverTimeChartData,Y as mapOneClickSignupSynchronizedData,T as mapOneClickTimeSeriesData,F as mapOneClickVerificationAreaSeriesData,x as mapOneClickVerificationFunnelChartData,G as mapOneClickVerificationOutcomeOverTimeChartData,A as mapOneClickVerificationSuccessOverTimeChartData,S as mapSeriesTimeSeriesData,V 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};

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

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+import { InputProps, InputLabelProps, TextFieldProps } from '@mui/material';
+export interface NPIInputProps {
+    label?: ReactNode;
+    name?: string;
+    helperText?: string;
+    initialValue?: string;
+    onChange?: (value: string) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onValidNPI?: (value: string) => void;
+    error?: boolean;
+    value?: string;
+    shouldHaveClearButton?: boolean;
+    variant?: TextFieldProps['variant'];
+    size?: TextFieldProps['size'];
+    autoFocus?: boolean;
+    disabled?: boolean;
+    InputProps?: InputProps;
+    InputLabelProps?: InputLabelProps;
+    placeholder?: string;
+    lazy?: boolean;
+}
+/**
+ * Renders an NPI (National Provider Identifier) input component with masking.
+ * NPI is a 10-digit numeric identifier.
+ *
+ * @param label - The label for the NPI input. Defaults to 'NPI'.
+ * @param name - The name of the NPI input. Defaults to 'npi'.
+ * @param helperText - The helper text for the NPI input.
+ * @param onChange - The callback function to handle the change event of the NPI input.
+ * @param onBlur - The callback function to handle the blur event of the NPI input.
+ * @param onValidNPI - The callback function to handle the valid NPI event of the NPI input.
+ * @param initialValue - The initial value for the NPI input. Defaults to ''.
+ * @param error - Whether the NPI input has an error. Defaults to false.
+ * @param value - The value of the NPI input. If passed, it will be used instead of the value from component state.
+ * @param autoFocus - Whether the NPI input should be focused on mount. Defaults to false.
+ * @param InputProps - Additional props to be passed to the input component.
+ * @param InputLabelProps - Additional props to be passed to the input label component.
+ * @param shouldHaveClearButton - Whether to show the clear button. Defaults to false.
+ * @param disabled - Whether the NPI input is disabled. Defaults to false.
+ * @param size - The size of the NPI input. Defaults to 'small'.
+ * @param variant - The variant of the NPI input. Defaults to 'outlined'.
+ * @param placeholder - The placeholder for the NPI input.
+ * @param lazy - Whether to use lazy loading for the NPI input. Defaults to false.
+ */
+export declare function NPIInput({ label, name, helperText, onChange, onBlur, onValidNPI, initialValue, error, value: valueProp, autoFocus, InputProps, InputLabelProps, shouldHaveClearButton, disabled, size, placeholder, lazy, }: Readonly<NPIInputProps>): React.JSX.Element;

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

@@ -0,0 +1 @@
+"use strict";import{useState as v,useEffect as y}from"react";import{Box as z,InputAdornment as A}from"@mui/material";import{npiSchema as B}from"../../../validations/npi.schema.mjs";import{TextMaskCustom as S}from"../TextMaskCustom.mjs";import{DefaultInput as D}from"../DefaultInput.mjs";import{DataFieldClearAdornment as F}from"../DataFieldClearAdornment.mjs";import{jsx as a}from"react/jsx-runtime";function L({label:l="NPI",name:s="npi",helperText:p,onChange:n,onBlur:u,onValidNPI:o,initialValue:i="",error:m=!1,value:d,autoFocus:c=!1,InputProps:h,InputLabelProps:f,shouldHaveClearButton:I=!1,disabled:_=!1,size:x,placeholder:C="__________",lazy:P=!0}){const[t,b]=v(i),g=e=>{B.safeParse(e).success&&o?.(e)},r=e=>{b(e),n?.(e)};y(()=>{g(t)},[t]);const k={autoFocus:c,label:l,name:s,helperText:p,value:d??t,error:m,onChange:e=>{r(e.target.value)},onBlur:u,autoComplete:"off",size:x,placeholder:C,inputProps:{unmask:!0,lazy:P,mask:"0000000000",placeholderChar:"_",tabIndex:0,type:"text",inputMode:"numeric"},InputLabelProps:{shrink:!0,...f},InputProps:{inputComponent:S,endAdornment:I&&a(A,{position:"end",children:a(F,{handleClear:()=>{r("")}})}),...h},fullWidth:!0,disabled:_};return a(z,{width:"100%",children:a(D,{...k,sx:{m:0,"& input":{letterSpacing:"1px"}}})})}export{L as NPIInput};

package/dist/components/form/NewOneClickForm/core/fields/address.mjs

@@ -0,0 +1 @@
+"use strict";import{addressFormat as h}from"../formats/address.format.mjs";import{countrySchema as n}from"../validations/address/country.schema.mjs";import{citySchema as y}from"../validations/address/city.schema.mjs";import{line2Schema as S}from"../validations/address/line2.schema.mjs";import{line1Schema as u}from"../validations/address/line1.schema.mjs";import{addressSchema as z}from"../validations/address/address.schema.mjs";import{zipCodeSchema as f}from"../validations/address/zipcode.schema.mjs";import{stateSchema as k}from"../validations/address/state.schema.mjs";const b="address",e="line1",t="line2",a="city",r="state",i="country",c="zipCode",o={key:e,characteristics:{inputType:"text",label:"Line 1",placeholder:"123 Main Street"},zodSchema:u},s={key:t,characteristics:{inputType:"text",label:"Line 2",placeholder:"Apt 4B, Suite 100"},zodSchema:S},l={key:a,characteristics:{inputType:"text",label:"City",placeholder:"New York"},zodSchema:y},p={key:r,characteristics:{inputType:"text",label:"State",placeholder:"NY"},zodSchema:k},m={key:i,characteristics:{inputType:"text",label:"Country",placeholder:"US"},zodSchema:n},d={key:c,characteristics:{inputType:"text",label:"Zip Code",placeholder:"10001"},zodSchema:f},x={key:b,characteristics:{inputType:"composite",label:"Address",defaultOrder:[e,t,a,r,i,c]},children:{line1:o,line2:s,city:l,state:p,country:m,zipCode:d},zodSchema:z,format:h};export{x as address,l as city,m as country,o as line1,s as line2,p as state,d as zipCode};

package/dist/components/form/NewOneClickForm/core/fields/birthDate.mjs

@@ -0,0 +1 @@
+"use strict";import{birthDateSchema as t}from"../validations/other/birthDate.schema.mjs";import{dateFormat as a}from"../formats/date.format.mjs";const e="birthDate",r={key:e,characteristics:{inputType:"date",label:"Birthday",placeholder:"__/__/____"},zodSchema:t,format:a};export{r as birthDate};

package/dist/components/form/NewOneClickForm/core/fields/constants.mjs

@@ -0,0 +1 @@
+"use strict";const e={text:"text",select:"select",date:"date",composite:"composite"};export{e as fieldInputTypes};

package/dist/components/form/NewOneClickForm/core/fields/driversLicense.mjs

@@ -0,0 +1 @@
+"use strict";import{US_STATES as p}from"../shared/us-states.mjs";import{address as n}from"./address.mjs";import{dateFormat as e}from"../formats/date.format.mjs";import{stateFormat as u}from"../formats/state.format.mjs";import{driversLicenseSchema as l}from"../validations/driversLicense/driversLicense.schema.mjs";import{dateSchema as a}from"../validations/other/date.schema.mjs";import{stateSchema as h}from"../validations/address/state.schema.mjs";import{documentNumberSchema as _}from"../validations/other/documentNumber.schema.mjs";const S="driversLicense",t="documentNumber",r="issuanceState",s="issuanceDate",i="expirationDate",f="address",c={key:t,characteristics:{inputType:"text",label:"Number",placeholder:"John"},zodSchema:_},o={key:r,characteristics:{inputType:"select",label:"State",placeholder:"NY",options:p},zodSchema:h,format:u},m={key:s,characteristics:{inputType:"date",label:"Issued",placeholder:"__/__/____"},zodSchema:a,format:e},d={key:i,characteristics:{inputType:"date",label:"Expired",placeholder:"__/__/____"},zodSchema:a,format:e},y={key:S,characteristics:{inputType:"composite",label:"Driver's License",defaultOrder:[t,r,s,i,f]},children:{documentNumber:c,issuanceState:o,issuanceDate:m,expirationDate:d,address:n},zodSchema:l};export{c as documentNumber,y as driversLicense,d as expirationDate,m as issuanceDate,o as issuanceState};

package/dist/components/form/NewOneClickForm/core/fields/fullName.mjs

@@ -0,0 +1 @@
+"use strict";import{middleSchema as r}from"../validations/name/middle.schema.mjs";import{lastSchema as s}from"../validations/name/last.schema.mjs";import{firstSchema as c}from"../validations/name/first.schema.mjs";import{fullNameSchema as o}from"../validations/name/fullName.schema.mjs";const d="fullName",e="firstName",a="lastName",m="middleName",t={key:e,characteristics:{inputType:"text",label:"First Name",placeholder:"John"},zodSchema:c},l={key:a,characteristics:{inputType:"text",label:"Last Name",placeholder:"Doe"},zodSchema:s},i={key:m,characteristics:{inputType:"text",label:"Middle Name",placeholder:"William"},zodSchema:r},h={key:d,characteristics:{inputType:"composite",label:"Full Name",defaultOrder:[e,m,a]},children:{firstName:t,lastName:l,middleName:i},zodSchema:o};export{t as firstName,h as fullName,l as lastName,i as middleName};

package/dist/components/form/NewOneClickForm/core/fields/healthInsurance.d.ts

@@ -0,0 +1,104 @@
+import { z } from 'zod';
+import { HealthInsuranceValue } from '../validations';
+import { TextFieldDefinition, CompositeFieldDefinition } from './types';
+declare const healthInsuranceKey = "healthInsurance";
+declare const memberIdKey = "memberId";
+declare const payerKey = "payer";
+export declare const memberId: {
+    key: string;
+    characteristics: {
+        inputType: "text";
+        label: string;
+        placeholder: string;
+    };
+    zodSchema: z.ZodString;
+};
+export declare const payerName: {
+    key: string;
+    characteristics: {
+        inputType: "text";
+        label: string;
+        placeholder: string;
+    };
+    zodSchema: z.ZodString;
+};
+export declare const payer: {
+    key: string;
+    characteristics: {
+        inputType: "composite";
+        label: string;
+        defaultOrder: readonly ["name"];
+    };
+    children: {
+        name: {
+            key: string;
+            characteristics: {
+                inputType: "text";
+                label: string;
+                placeholder: string;
+            };
+            zodSchema: z.ZodString;
+        };
+    };
+    zodSchema: z.ZodObject<{
+        name: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        name?: string | undefined;
+    }, {
+        name?: string | undefined;
+    }>;
+};
+export declare const healthInsurance: {
+    key: string;
+    characteristics: {
+        inputType: "composite";
+        label: string;
+        defaultOrder: readonly ["memberId", "payer"];
+    };
+    zodSchema: z.ZodObject<{
+        id: z.ZodOptional<z.ZodNumber>;
+        memberId: z.ZodString;
+        payer: z.ZodObject<{
+            verifiedId: z.ZodString;
+            name: z.ZodString;
+            logoUrl: z.ZodOptional<z.ZodString>;
+        }, "strip", z.ZodTypeAny, {
+            name: string;
+            verifiedId: string;
+            logoUrl?: string | undefined;
+        }, {
+            name: string;
+            verifiedId: string;
+            logoUrl?: string | undefined;
+        }>;
+    }, "strip", z.ZodTypeAny, {
+        memberId: string;
+        payer: {
+            name: string;
+            verifiedId: string;
+            logoUrl?: string | undefined;
+        };
+        id?: number | undefined;
+    }, {
+        memberId: string;
+        payer: {
+            name: string;
+            verifiedId: string;
+            logoUrl?: string | undefined;
+        };
+        id?: number | undefined;
+    }>;
+    format: (value: HealthInsuranceValue) => string | null;
+};
+declare module '../declarations' {
+    interface FieldSchemaDefinitions {
+        healthInsurance: CompositeFieldDefinition<typeof healthInsuranceKey>;
+        memberId: TextFieldDefinition<typeof memberIdKey>;
+        payer: CompositeFieldDefinition<typeof payerKey>;
+        payerName: TextFieldDefinition<'name'>;
+    }
+    interface FieldValueDefinitions {
+        healthInsurance: HealthInsuranceValue;
+    }
+}
+export {};

package/dist/components/form/NewOneClickForm/core/fields/healthInsurance.mjs

@@ -0,0 +1 @@
+"use strict";import{z as t}from"zod";import{payerNameSchema as e}from"../validations/healthInsurance/payerName.schema.mjs";import{memberIdSchema as c}from"../validations/healthInsurance/memberId.schema.mjs";import{healthInsuranceFormat as o}from"../formats/healthInsurance.format.mjs";import{healthInsuranceSchema as n}from"../validations/healthInsurance/healthInsurance.schema.mjs";const s="healthInsurance",a="memberId",r="payer",h={key:a,characteristics:{inputType:"text",label:"Member ID",placeholder:"Enter member ID"},zodSchema:c},m={key:"name",characteristics:{inputType:"text",label:"Payer Name",placeholder:"Enter insurance payer name"},zodSchema:e},p={key:r,characteristics:{inputType:"composite",label:"Payer",defaultOrder:["name"]},children:{name:m},zodSchema:t.object({name:e.optional()})},i={key:s,characteristics:{inputType:"composite",label:"Health Insurance",defaultOrder:[a,r]},zodSchema:n,format:o};export{i as healthInsurance,h as memberId,p as payer,m as payerName};