@verifiedinc-public/shared-ui-elements 3.18.2-beta.1 → 3.18.2-beta.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/components/chart/EmptyChartSection.d.ts +1 -0
  2. package/dist/components/chart/LoadingChartSection.d.ts +1 -0
  3. package/dist/components/chart/index.d.ts +2 -0
  4. package/dist/components/chart/index.mjs +1 -1
  5. package/dist/components/chart/monthly-billable-signups/MonthlyBillableSignupsDataMapper.d.ts +33 -0
  6. package/dist/components/chart/monthly-billable-signups/MonthlyBillableSignupsTable.d.ts +14 -0
  7. package/dist/components/chart/monthly-billable-signups/index.d.ts +2 -0
  8. package/dist/components/chart/one-click-time-series/OneClickOverTimeChart.d.ts +12 -0
  9. package/dist/components/chart/styles.d.ts +14 -0
  10. package/dist/components/index.mjs +1 -1
  11. package/dist/components/typographies/SectionDescription.d.ts +2 -0
  12. package/dist/components/typographies/SectionTitle.d.ts +2 -0
  13. package/dist/index.mjs +1 -1
  14. package/dist/shared/formatKebabToPretty-Du43TgPC.mjs +1 -0
  15. package/dist/shared/index-C1wV5bJ6.mjs +21 -0
  16. package/dist/shared/index-CW9F-W3V.mjs +88 -0
  17. package/dist/shared/uuidColor-Dw38-aYm.mjs +1 -0
  18. package/dist/utils/string/index.mjs +1 -1
  19. package/package.json +1 -1
  20. package/dist/components/chart/use-cases/index.d.ts +0 -1
  21. package/dist/components/chart/use-cases/one-click-time-series/OneClickOverTimeChart/OneClickOverTimeChart.d.ts +0 -26
  22. package/dist/components/chart/use-cases/one-click-time-series/OneClickOverTimeChart/OneClickOverTimeChart.style.d.ts +0 -1
  23. package/dist/components/chart/use-cases/one-click-time-series/OneClickOverTimeChart/index.d.ts +0 -2
  24. package/dist/shared/date-Cq0LS2Mr.mjs +0 -1
  25. package/dist/shared/index-C_0INAsR.mjs +0 -107
  26. package/dist/shared/index-KVVTzcea.mjs +0 -2
  27. /package/dist/components/chart/{use-cases/one-click-time-series → one-click-time-series}/OneClickTimeSeriesDataMapper.d.ts +0 -0
  28. /package/dist/components/chart/{use-cases/one-click-time-series → one-click-time-series}/index.d.ts +0 -0
@@ -0,0 +1 @@
1
+ export declare function EmptyChartSection(): React.ReactNode;
@@ -0,0 +1 @@
1
+ export declare function LoadingChartSection(): React.ReactNode;
@@ -9,3 +9,5 @@ export * from './PieChart';
9
9
  export * from './RiskScorePieChart';
10
10
  export * from './RiskScoreBarChart';
11
11
  export * from './SimpleLegend';
12
+ export * from './one-click-time-series';
13
+ export * from './monthly-billable-signups';
@@ -1 +1 @@
1
- "use strict";import{j as i}from"../../shared/jsx-runtime-DHlBLioN.mjs";import*as I from"react";import{useCallback as re,useMemo as ne,createElement as Fe,useState as q,useRef as Pe,useEffect as ge}from"react";import{Box as z,Stack as U,Typography as K,useTheme as F,Paper as Ie}from"@mui/material";import{ResponsiveContainer as Z,LineChart as ze,CartesianGrid as ae,XAxis as oe,YAxis as ie,Label as le,Tooltip as se,Legend as ve,Line as Ke,AreaChart as Ve,Area as Be,ComposedChart as We,ReferenceLine as be,ReferenceArea as je,Bar as qe,Sector as we,PieChart as Ue,Pie as Ze,Cell as Ye}from"recharts";import{b as ke,c as Oe}from"../../shared/date-Cq0LS2Mr.mjs";import Y,{Decimal as ce}from"decimal.js";import{AnimatePresence as He}from"framer-motion";import{u as Xe}from"../../shared/useCopyToClipboard-BALOSYVW.mjs";import"qrcode";import{u as ue}from"../../shared/usePrevious-DyvR1iCQ.mjs";import{a as Je,C as Se}from"../../shared/motions-BBPeWBPV.mjs";import{c as $e,i as Qe,_ as H,s as et,a as $,d as tt,e as rt,f as nt,h as at,j as ot,k as it,l as lt,m as st,n as ct,o as ut,p as dt,u as pt}from"../../shared/index-KVVTzcea.mjs";import{u as mt}from"../../shared/useCounter-BV32zXDQ.mjs";const ft=["ownerState"],ht=["variants"],xt=["name","slot","skipVariantsResolver","skipSx","overridesResolver"];function yt(e){return Object.keys(e).length===0}function gt(e){return typeof e=="string"&&e.charCodeAt(0)>96}function de(e){return e!=="ownerState"&&e!=="theme"&&e!=="sx"&&e!=="as"}const vt=$e(),bt=e=>e&&e.charAt(0).toLowerCase()+e.slice(1);function X({defaultTheme:e,theme:t,themeId:r}){return yt(t)?e:t[r]||t}function jt(e){return e?(t,r)=>r[e]:null}function J(e,t){let{ownerState:r}=t,n=H(t,ft);const o=typeof e=="function"?e($({ownerState:r},n)):e;if(Array.isArray(o))return o.flatMap(l=>J(l,$({ownerState:r},n)));if(o&&typeof o=="object"&&Array.isArray(o.variants)){const{variants:l=[]}=o;let a=H(o,ht);return l.forEach(s=>{let c=!0;typeof s.props=="function"?c=s.props($({ownerState:r},n,r)):Object.keys(s.props).forEach(d=>{r?.[d]!==s.props[d]&&n[d]!==s.props[d]&&(c=!1)}),c&&(Array.isArray(a)||(a=[a]),a.push(typeof s.style=="function"?s.style($({ownerState:r},n,r)):s.style))}),a}return o}function wt(e={}){const{themeId:t,defaultTheme:r=vt,rootShouldForwardProp:n=de,slotShouldForwardProp:o=de}=e,l=a=>tt($({},a,{theme:X($({},a,{defaultTheme:r,themeId:t}))}));return l.__mui_systemSx=!0,(a,s={})=>{Qe(a,y=>y.filter(k=>!(k!=null&&k.__mui_systemSx)));const{name:c,slot:d,skipVariantsResolver:m,skipSx:x,overridesResolver:p=jt(bt(d))}=s,f=H(s,xt),S=m!==void 0?m:d&&d!=="Root"&&d!=="root"||!1,g=x||!1;let j,v=de;d==="Root"||d==="root"?v=n:d?v=o:gt(a)&&(v=void 0);const b=et(a,$({shouldForwardProp:v,label:j},f)),w=y=>typeof y=="function"&&y.__emotion_real!==y||rt(y)?k=>J(y,$({},k,{theme:X({theme:k.theme,defaultTheme:r,themeId:t})})):y,A=(y,...k)=>{let N=w(y);const T=k?k.map(w):[];c&&p&&T.push(u=>{const h=X($({},u,{defaultTheme:r,themeId:t}));if(!h.components||!h.components[c]||!h.components[c].styleOverrides)return null;const O=h.components[c].styleOverrides,M={};return Object.entries(O).forEach(([_,E])=>{M[_]=J(E,$({},u,{theme:h}))}),p(u,M)}),c&&!S&&T.push(u=>{var h;const O=X($({},u,{defaultTheme:r,themeId:t})),M=O==null||(h=O.components)==null||(h=h[c])==null?void 0:h.variants;return J({variants:M},$({},u,{theme:O}))}),g||T.push(l);const C=T.length-k.length;if(Array.isArray(y)&&C>0){const u=new Array(C).fill("");N=[...y,...u],N.raw=[...y.raw,...u]}const R=b(N,...T);return a.muiName&&(R.muiName=a.muiName),R};return b.withConfig&&(A.withConfig=b.withConfig),A}}const kt=wt(),Ot=(e,t)=>e.filter(r=>t.includes(r)),V=(e,t,r)=>{const n=e.keys[0];Array.isArray(t)?t.forEach((o,l)=>{r((a,s)=>{l<=e.keys.length-1&&(l===0?Object.assign(a,s):a[e.up(e.keys[l])]=s)},o)}):t&&typeof t=="object"?(Object.keys(t).length>e.keys.length?e.keys:Ot(e.keys,Object.keys(t))).forEach(o=>{if(e.keys.indexOf(o)!==-1){const l=t[o];l!==void 0&&r((a,s)=>{n===o?Object.assign(a,s):a[e.up(o)]=s},l)}}):(typeof t=="number"||typeof t=="string")&&r((o,l)=>{Object.assign(o,l)},t)};function G(e){return e?`Level${e}`:""}function W(e){return e.unstable_level>0&&e.container}function Te(e){return function(t){return`var(--Grid-${t}Spacing${G(e.unstable_level)})`}}function pe(e){return function(t){return e.unstable_level===0?`var(--Grid-${t}Spacing)`:`var(--Grid-${t}Spacing${G(e.unstable_level-1)})`}}function me(e){return e.unstable_level===0?"var(--Grid-columns)":`var(--Grid-columns${G(e.unstable_level-1)})`}const St=({theme:e,ownerState:t})=>{const r=Te(t),n={};return V(e.breakpoints,t.gridSize,(o,l)=>{let a={};l===!0&&(a={flexBasis:0,flexGrow:1,maxWidth:"100%"}),l==="auto"&&(a={flexBasis:"auto",flexGrow:0,flexShrink:0,maxWidth:"none",width:"auto"}),typeof l=="number"&&(a={flexGrow:0,flexBasis:"auto",width:`calc(100% * ${l} / ${me(t)}${W(t)?` + ${r("column")}`:""})`}),o(n,a)}),n},$t=({theme:e,ownerState:t})=>{const r={};return V(e.breakpoints,t.gridOffset,(n,o)=>{let l={};o==="auto"&&(l={marginLeft:"auto"}),typeof o=="number"&&(l={marginLeft:o===0?"0px":`calc(100% * ${o} / ${me(t)})`}),n(r,l)}),r},Tt=({theme:e,ownerState:t})=>{if(!t.container)return{};const r=W(t)?{[`--Grid-columns${G(t.unstable_level)}`]:me(t)}:{"--Grid-columns":12};return V(e.breakpoints,t.columns,(n,o)=>{n(r,{[`--Grid-columns${G(t.unstable_level)}`]:o})}),r},At=({theme:e,ownerState:t})=>{if(!t.container)return{};const r=pe(t),n=W(t)?{[`--Grid-rowSpacing${G(t.unstable_level)}`]:r("row")}:{};return V(e.breakpoints,t.rowSpacing,(o,l)=>{var a;o(n,{[`--Grid-rowSpacing${G(t.unstable_level)}`]:typeof l=="string"?l:(a=e.spacing)==null?void 0:a.call(e,l)})}),n},Rt=({theme:e,ownerState:t})=>{if(!t.container)return{};const r=pe(t),n=W(t)?{[`--Grid-columnSpacing${G(t.unstable_level)}`]:r("column")}:{};return V(e.breakpoints,t.columnSpacing,(o,l)=>{var a;o(n,{[`--Grid-columnSpacing${G(t.unstable_level)}`]:typeof l=="string"?l:(a=e.spacing)==null?void 0:a.call(e,l)})}),n},Ct=({theme:e,ownerState:t})=>{if(!t.container)return{};const r={};return V(e.breakpoints,t.direction,(n,o)=>{n(r,{flexDirection:o})}),r},Et=({ownerState:e})=>{const t=Te(e),r=pe(e);return $({minWidth:0,boxSizing:"border-box"},e.container&&$({display:"flex",flexWrap:"wrap"},e.wrap&&e.wrap!=="wrap"&&{flexWrap:e.wrap},{margin:`calc(${t("row")} / -2) calc(${t("column")} / -2)`},e.disableEqualOverflow&&{margin:`calc(${t("row")} * -1) 0px 0px calc(${t("column")} * -1)`}),(!e.container||W(e))&&$({padding:`calc(${r("row")} / 2) calc(${r("column")} / 2)`},(e.disableEqualOverflow||e.parentDisableEqualOverflow)&&{padding:`${r("row")} 0px 0px ${r("column")}`}))},Lt=e=>{const t=[];return Object.entries(e).forEach(([r,n])=>{n!==!1&&n!==void 0&&t.push(`grid-${r}-${String(n)}`)}),t},Nt=(e,t="xs")=>{function r(n){return n===void 0?!1:typeof n=="string"&&!Number.isNaN(Number(n))||typeof n=="number"&&n>0}if(r(e))return[`spacing-${t}-${String(e)}`];if(typeof e=="object"&&!Array.isArray(e)){const n=[];return Object.entries(e).forEach(([o,l])=>{r(l)&&n.push(`spacing-${o}-${String(l)}`)}),n}return[]},_t=e=>e===void 0?[]:typeof e=="object"?Object.entries(e).map(([t,r])=>`direction-${t}-${r}`):[`direction-xs-${String(e)}`],Dt=["className","children","columns","container","component","direction","wrap","spacing","rowSpacing","columnSpacing","disableEqualOverflow","unstable_level"],Mt=$e(),Gt=kt("div",{name:"MuiGrid",slot:"Root",overridesResolver:(e,t)=>t.root});function Ft(e){return lt({props:e,name:"MuiGrid",defaultTheme:Mt})}function Pt(e={}){const{createStyledComponent:t=Gt,useThemeProps:r=Ft,componentName:n="MuiGrid"}=e,o=I.createContext(void 0),l=(c,d)=>{const{container:m,direction:x,spacing:p,wrap:f,gridSize:S}=c,g={root:["root",m&&"container",f!=="wrap"&&`wrap-xs-${String(f)}`,..._t(x),...Lt(S),...m?Nt(p,d.breakpoints.keys[0]):[]]};return st(g,j=>ct(n,j),{})},a=t(Tt,Rt,At,St,Ct,Et,$t),s=I.forwardRef(function(c,d){var m,x,p,f,S,g,j,v;const b=nt(),w=r(c),A=at(w),y=I.useContext(o),{className:k,children:N,columns:T=12,container:C=!1,component:R="div",direction:u="row",wrap:h="wrap",spacing:O=0,rowSpacing:M=O,columnSpacing:_=O,disableEqualOverflow:E,unstable_level:L=0}=A,ee=H(A,Dt);let B=E;L&&E!==void 0&&(B=c.disableEqualOverflow);const fe={},he={},xe={};Object.entries(ee).forEach(([D,P])=>{b.breakpoints.values[D]!==void 0?fe[D]=P:b.breakpoints.values[D.replace("Offset","")]!==void 0?he[D.replace("Offset","")]=P:xe[D]=P});const Ne=(m=c.columns)!=null?m:L?void 0:T,_e=(x=c.spacing)!=null?x:L?void 0:O,De=(p=(f=c.rowSpacing)!=null?f:c.spacing)!=null?p:L?void 0:M,Me=(S=(g=c.columnSpacing)!=null?g:c.spacing)!=null?S:L?void 0:_,ye=$({},A,{level:L,columns:Ne,container:C,direction:u,wrap:h,spacing:_e,rowSpacing:De,columnSpacing:Me,gridSize:fe,gridOffset:he,disableEqualOverflow:(j=(v=B)!=null?v:y)!=null?j:!1,parentDisableEqualOverflow:y}),Ge=l(ye,b);let te=i.jsx(a,$({ref:d,as:R,ownerState:ye,className:ot(Ge.root,k)},xe,{children:I.Children.map(N,D=>{if(I.isValidElement(D)&&it(D,["Grid"])){var P;return I.cloneElement(D,{unstable_level:(P=D.props.unstable_level)!=null?P:L+1})}return D})}));return B!==void 0&&B!==(y??!1)&&(te=i.jsx(o.Provider,{value:B,children:te})),te});return s.muiName="Grid",s}const Ae=Pt({createStyledComponent:ut("div",{name:"MuiGrid2",slot:"Root",overridesResolver:(e,t)=>t.root}),componentName:"MuiGrid2",useThemeProps:e=>dt({props:e,name:"MuiGrid2"})});function It({entry:e,payload:t}){const r=re(x=>{var p,f,S;return(S=(f=(p=x.payload)==null?void 0:p.data)==null?void 0:f.reduce)==null?void 0:S.call(f,(g,j)=>g+j.value,0)},[]),n=re(x=>{const p=new ce(r(x)||0),f=t?.reduce((j,v)=>j+r(v),0)||0,S=new ce(f),g=Number(p.div(S).times(100).toFixed(2,ce.ROUND_DOWN));return isNaN(g)||!isFinite(g)?0:g},[r,t]),o=ne(()=>r(e),[e,r]),l=ue(o),a=ne(()=>Number(n(e)),[e,n]),s=ue(a),c=re(x=>Math.floor(x).toLocaleString(),[]),d=Xe({type:"text/plain"}),m=pt();return i.jsxs(Je,{component:"li",direction:"row",spacing:1,sx:{color:e.color},layout:"position",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:[i.jsx(z,{sx:{width:"3px",height:"100%",backgroundColor:e.color,borderRadius:3}}),i.jsxs(U,{children:[i.jsxs(K,{component:"p",variant:"caption",children:[i.jsx(U,{component:"span",display:"inline-flex",mr:.5,children:i.jsx(Se,{from:l??0,to:o,map:c,children:"0"})}),i.jsxs(U,{component:"span",direction:"row",display:"inline-flex",children:["(",i.jsx(Se,{from:s??0,to:a,map:c,children:"0"}),"%)"]})]}),i.jsx(K,{variant:"body1",children:e.value}),e.payload.integrationType&&i.jsx(K,{variant:"body2",children:e.payload.integrationType}),e.payload.uuid&&i.jsxs(K,{variant:"body2",sx:{cursor:"pointer","&:hover":{textDecoration:"underline"}},onClick:()=>{d.copy(e.payload.uuid).catch(()=>{}),m.enqueueSnackbar("UUID copied to clipboard","success")},children:[e.payload.uuid.slice(0,5),"..."]})]})]})}function Re(e){const{payload:t}=e;return i.jsx(Ae,{container:!0,direction:"row",component:"ul",gap:2,sx:{mt:2,justifyContent:"flex-start",alignItem:"center",flexWrap:"wrap"},children:i.jsx(He,{children:t?.map(r=>i.jsx(Ae,{children:i.jsx(It,{entry:r,payload:t})},`item-${r.value}`))})})}function zt(e){const t=F();return i.jsx(z,{sx:{width:"100%",height:"100%",...e.sx},children:i.jsx(Z,{children:i.jsxs(ze,{width:500,height:300,margin:{top:5,right:60,left:20,bottom:5},children:[i.jsx(ae,{vertical:!1}),i.jsx(oe,{dataKey:"date",type:"number",domain:["dataMin","dataMax"],tickFormatter:r=>ke(r,{timeZone:e.filter.timezone,hour12:!1,hour:"numeric"}),allowDuplicatedCategory:!1,tickLine:!1,fontSize:12,tickMargin:12}),i.jsx(ie,{textAnchor:"end",dataKey:"value",tickLine:!1,tickFormatter:r=>Number(r).toLocaleString(),allowDecimals:!1,domain:[1,"dataMax"],children:e.label&&i.jsx(le,{value:e.label,angle:-90,position:"insideLeft",style:{textAnchor:"middle"}})}),i.jsx(se,{cursor:{stroke:t.palette.neutral.main,strokeWidth:1},formatter:r=>Number(r).toLocaleString(),labelFormatter:r=>Oe(r,{timeZone:e.filter.timezone,hour12:!1})}),i.jsx(ve,{content:i.jsx(Re,{})}),e.data.map(r=>Fe(Ke,{uuid:r.uuid,integrationType:r.integrationType,key:r.uuid,name:r.name,dataKey:"value",data:r.chartData,type:"monotone",stroke:r.color,strokeWidth:2}))]})})})}const Kt=(e,t)=>{const r=new Map;return e.forEach(n=>{n.chartData.forEach(o=>{const l=new Date(o.date).getTime().toString();if(!r.has(l)){const a={date:l,total:0,diff:0,totalKey:"",originalTotal:0};t.forEach(({key:s})=>{a[s]=0,a[`${s}_absolute`]=0}),r.set(l,a)}t.forEach(({key:a})=>{const s=r.get(l),c=o[a],d=typeof c=="string"?c.trim()===""?0:parseInt(c,10):typeof c=="number"?c:0;s[`${a}_absolute`]=d,s[a]=0})})}),Array.from(r.values()).map(n=>{var o;const l=(o=t.find(c=>c.isTotal))==null?void 0:o.key,a=t.filter(c=>!c.isTotal).map(c=>c.key);if(!l||a.length===0)return n;const s=n[`${l}_absolute`];return n.originalTotal=s,n.total=s,n[l]=100,a.forEach(c=>{const d=n[`${c}_absolute`],m=s>0?new Y(d.toString()).div(s).mul(100).toFixed(2,Y.ROUND_DOWN):"0.00";n[c]=parseFloat(m)}),{...n,totalKey:l}}).sort((n,o)=>parseInt(n.date)-parseInt(o.date))};function Vt(e){const t=F(),r=ne(()=>e.data?Kt(e.data,e.keyValues):[],[e.data,e.keyValues]);return i.jsx(z,{sx:{width:"100%",height:"100%",...e.sx},children:i.jsx(Z,{width:"100%",height:"100%",children:i.jsxs(Ve,{data:r,width:500,height:300,margin:{top:5,right:60,left:20,bottom:5},children:[i.jsx(ae,{strokeDasharray:"3 3"}),i.jsx(oe,{dataKey:"date",type:"number",domain:["dataMin","dataMax"],tickFormatter:n=>ke(n,{timeZone:e.filter.timezone,hour12:!1,hour:"numeric"}),allowDuplicatedCategory:!1,tickLine:!1,fontSize:12,tickMargin:12}),i.jsx(ie,{textAnchor:"end",tickLine:!1,tickFormatter:n=>`${n.toFixed(2)}%`}),i.jsx(se,{cursor:{stroke:t.palette.neutral.main,strokeWidth:1},labelFormatter:n=>Oe(n,{timeZone:e.filter.timezone,hour12:!1}),formatter:(n,o,l)=>{const a=l.payload.totalKey,s=l.dataKey,c=s===a,d=l.payload[`${s}_absolute`],m=l.payload.originalTotal,x=c?null:m===0?"0.00":new Y(d.toString()).div(m).mul(100).toFixed(2,Y.ROUND_DOWN);return[x?`${d.toLocaleString()} (${x}%)`:`${d.toLocaleString()} (TOTAL)`,o]}}),e.keyValues.sort((n,o)=>n.isTotal?-1:o.isTotal?1:0).map(n=>i.jsx(Be,{type:"monotone",dataKey:n.key,name:n.name,stroke:n.color,fill:n.color,strokeWidth:2,fillOpacity:.6},n.key))]})})})}function Bt(e){const t=ue(e.value),{ref:r}=mt({from:t??0,to:e.value,duration:1,map:e.map});return i.jsx(Ie,{sx:{p:3,flex:1,...e.sx},children:i.jsxs(U,{spacing:1,alignItems:"center",children:[i.jsx(K,{ref:r,variant:"h4",fontWeight:"bold",children:e.initialValue}),i.jsx(K,{color:"text.secondary",children:e.label})]})})}const Ce={margin:{top:5,right:30,left:20,bottom:5}},Wt={tickLine:!1,fontSize:12,tickMargin:12},qt={textAnchor:"end",tickLine:!1};function Q({data:e,series:t,xAxis:r,yAxis:n,tooltip:o,bar:l,referenceLines:a,referenceAreas:s,sx:c}){const d=F(),m=p=>!p.isFront,x=p=>!!p.isFront;return i.jsx(z,{sx:{width:"100%",height:"100%",...c},children:i.jsx(Z,{children:i.jsxs(We,{data:e,...Ce,children:[i.jsx(ae,{strokeDasharray:"3 3",vertical:!1}),i.jsx(oe,{...Wt,...r}),i.jsx(ie,{...qt,...n}),i.jsx(se,{cursor:{stroke:d.palette.neutral.main,strokeWidth:1},...o}),a?.filter(m).map((p,f)=>i.jsx(be,{...p},p.label??f)),s?.filter(m).map((p,f)=>i.jsx(je,{...p},p.label??f)),t.map(p=>i.jsx(qe,{name:p.key,dataKey:p.dataKey,fill:p.color,stackId:"stack",isAnimationActive:!1,...l},p.key)),a?.filter(x).map((p,f)=>i.jsx(be,{...p},p.label??f)),s?.filter(x).map((p,f)=>i.jsx(je,{...p},p.label??f))]})})})}function Ut({data:e,threshold:t=100,sx:r}){const n=F(),o=Object.entries(e??{}).map(([a,s])=>({key:a,[a]:s})),l=o.map(({key:a})=>({key:a,dataKey:a,color:n.palette.error.light}));return i.jsx(Q,{sx:r,data:o,series:l,xAxis:{tickLine:!1,dataKey:"key"},yAxis:{tickLine:!1,domain:[0,`dataMax + ${t}`]},tooltip:{labelFormatter:a=>"Total"},referenceLines:[{y:t,stroke:n.palette.error.dark,strokeDasharray:"3 3",label:i.jsx(le,{value:"Unhealthy threshold",position:"insideBottomRight"}),isFront:!0}]})}function Zt({data:e,threshold:t=100,sx:r}){const n=F(),o=Object.entries(e??{}).map(([a,s])=>({key:a,[a]:s})),l=o.map(({key:a})=>({key:a,dataKey:a,color:n.palette.warning.light}));return i.jsx(Q,{sx:r,data:o,series:l,xAxis:{tickLine:!1,dataKey:"key"},yAxis:{tickLine:!1,domain:[0,`dataMax + ${t}`]},tooltip:{labelFormatter:a=>"Total"},referenceLines:[{y:t,stroke:n.palette.error.dark,strokeDasharray:"3 3",label:i.jsx(le,{value:"Unhealthy threshold",position:"insideBottomRight"}),isFront:!0}]})}function Ee({payload:e=[],hiddenItems:t,onToggle:r,legendLabel:n}){return i.jsx(z,{sx:{display:"flex",justifyContent:"center",gap:"20px",paddingTop:"20px"},children:e.map((o,l)=>{const a=t.has(o.payload.name);return i.jsxs("div",{style:{display:"flex",alignItems:"center",cursor:"pointer",opacity:a?.4:1},onClick:()=>{r?.(o.payload)},children:[i.jsx("div",{style:{width:"12px",height:"12px",backgroundColor:o.color,marginRight:"8px",borderRadius:"2px"}}),i.jsx("span",{style:{color:o.color},children:n?`${n}: ${o.value}`:o.value})]},`legend-${l}`)})})}const Yt=e=>{const t=Math.PI/180,{cx:r,cy:n,midAngle:o,innerRadius:l,outerRadius:a,startAngle:s,endAngle:c,fill:d,payload:m,percent:x,value:p,valueText:f,valuePercentage:S,needleVisible:g,customText:j,allActive:v}=e,b=Math.sin(-t*o),w=Math.cos(-t*o),A=r+(a+5)*w,y=n+(a+5)*b,k=r+(a+15)*w,N=n+(a+15)*b,T=k+(w>=0?1:-1)*22,C=N,R=w>=0?"start":"end",u=p.toLocaleString(void 0,{minimumFractionDigits:0,maximumFractionDigits:0}),h=()=>g||v?null:i.jsx("text",{x:r,y:n,dy:8,textAnchor:"middle",fill:"#333",fontSize:14,children:m.name});return i.jsxs("g",{children:[h(),i.jsx(we,{cx:r,cy:n,innerRadius:l,outerRadius:a,startAngle:s,endAngle:c,fill:d}),i.jsx(we,{cx:r,cy:n,startAngle:s,endAngle:c,innerRadius:a+2,outerRadius:a+6,fill:d}),i.jsx("path",{d:`M${A},${y}L${k},${N}L${T},${C}`,stroke:d,fill:"none"}),i.jsx("circle",{cx:T,cy:C,r:2,fill:d,stroke:"none"}),i.jsx("text",{x:T+(w>=0?1:-1)*12,y:C,textAnchor:R,fill:"#333",fontSize:12,children:j||(f?`${f} ${u}`:u)}),S&&i.jsxs("text",{x:T+(w>=0?1:-1)*12,y:C,dy:16,textAnchor:R,fill:"#999",fontSize:11,children:[`${(x*100).toFixed(2)}%`," (",u,")"]})]})},Ht=e=>{const{value:t,data:r,color:n,innerRadius:o,outerRadius:l,boxDimensions:a,legendDimensions:s,valueText:c}=e,d=Math.PI/180;let m=0;r.forEach(h=>{m+=h.value});const x=a?a.width/2:150,p=(a?a.height/2:200)-s.height/2,f=180*(1-Math.max(0,Math.min(1,t/m))),S=(Number(o)+2*Number(l))/3,g=Math.sin(-d*f),j=Math.cos(-d*f),v=5,b=x-v,w=p,A=b+v*g,y=w-v*j,k=b-v*g,N=w+v*j,T=b+S*j,C=w+S*g,R=t.toLocaleString(void 0,{minimumFractionDigits:0,maximumFractionDigits:0}),u=c??R;return i.jsxs(i.Fragment,{children:[i.jsx("circle",{cx:b,cy:w,r:v,fill:n,stroke:"none",style:{pointerEvents:"none"}},"needle-circle"),i.jsx("path",{d:`M${A} ${y}L${k} ${N} L${T} ${C} L${A} ${y}`,stroke:"none",fill:n,style:{pointerEvents:"none"}},"needle-path"),i.jsx("text",{x:b+v,y:w+26,textAnchor:"middle",fill:"#333",fontSize:12,children:u},"needle-value")]})},Xt=(e,t)=>({Allow:t.palette.success.main,Flag:t.palette.warning.main,Block:t.palette.error.main})[e]??t.palette.primary.main;function Le({data:e,sx:t,legendLabel:r,legendToggle:n=!1,valueText:o="",valuePercentage:l=!0,pie:a,needleVisible:s=!1,needleValue:c,needleColor:d="#aaa",allActive:m=!1}){const{innerRadius:x=60,outerRadius:p=100}=a??{},f=F(),[S,g]=q(void 0),[j,v]=q(new Set),b=Pe(null),[w,A]=q(null),[y,k]=q(null),N=(u,h)=>{m||g(h)},T=()=>{m||g(void 0)},C=u=>{n&&u&&v(h=>{const O=new Set(h);return O.has(u.name)?O.delete(u.name):O.size<e.length-1&&O.add(u.name),O})},R=e.map((u,h)=>({...u,index:h,value:j.has(u.name)?0:u.value}));return ge(()=>{const u=b.current;if(!u)return;const h=new ResizeObserver(M=>{var _;const E=(_=M[0])==null?void 0:_.contentRect;E&&A(E)});h.observe(u);const O=u.getBoundingClientRect();return A(O),()=>{h.disconnect()}},[]),ge(()=>{var u;const h=(u=b.current)==null?void 0:u.querySelector(".recharts-legend-wrapper");if(!h){const _=setInterval(()=>{var E;const L=(E=b.current)==null?void 0:E.querySelector(".recharts-legend-wrapper");if(L){const ee=L.getBoundingClientRect();k(ee),clearInterval(_)}},100);return()=>{clearInterval(_)}}const O=new ResizeObserver(_=>{var E;const L=(E=_[0])==null?void 0:E.contentRect;L&&k(L)});O.observe(h);const M=h.getBoundingClientRect();return k(M),()=>{O.disconnect()}},[]),i.jsx(z,{ref:b,sx:{width:"100%",height:"100%","& g":{outline:"none"},...t},children:i.jsx(Z,{children:i.jsxs(Ue,{...Ce,children:[i.jsx(Ze,{data:R,nameKey:"name",dataKey:"value",innerRadius:x,outerRadius:p,activeIndex:m?R.filter(u=>u.value>0).map(u=>u.index):S,activeShape:u=>Yt({...u,valueText:o,valuePercentage:l,needleVisible:s,allActive:m}),paddingAngle:0,onMouseEnter:N,onMouseLeave:T,...a,children:R.map(u=>i.jsx(Ye,{fill:u.color??Xt(u.name,f),opacity:j.has(u.name)?.5:1,stroke:"none"},u.name))}),i.jsx(ve,{content:i.jsx(Ee,{legendLabel:r,hiddenItems:j,onToggle:C})}),s&&c!==void 0&&w&&y&&Ht({data:R,value:c,color:d,innerRadius:x,outerRadius:p,boxDimensions:w,legendDimensions:y,valueText:o})]})})})}function Jt({sx:e,data:t,score:r=200,legendLabel:n}){const o=F(),l=[{name:"Allow",customText:"0-299",value:t[0].value,color:o.palette.primary.main},{name:"Flag",customText:"300-599",value:t[1].value,color:o.palette.warning.main},{name:"Block",customText:"Over 600",value:t[2].value,color:o.palette.error.main}];return i.jsx(Le,{data:l,legendToggle:!0,needleValue:r,legendLabel:n,allActive:!0,sx:e})}function Qt({data:e,sx:t}){const r=F(),n=(l=>{const a={};return l.forEach(s=>{Object.entries(s).forEach(([c,d])=>{const m=parseInt(c);m<=1e3&&(a[m]=(a[m]||0)+d)})}),Array.from({length:1001},(s,c)=>({key:c.toString(),value:a[c]||0}))})(e),o=[{key:"Risk Score",dataKey:"value",color:r.palette.error.main}];return i.jsx(Q,{data:n,series:o,sx:t,yAxis:{label:{value:"Count",angle:-90,position:"insideLeft"},domain:[0,"dataMax + 10"]},xAxis:{domain:[0,"dataMax"],interval:"preserveStartEnd"},tooltip:{labelFormatter:()=>"Risk Score",formatter:(l,a,s)=>[l,s.payload.key]},referenceAreas:[{x1:0,x2:299,fill:"#ffffff00",isFront:!1,label:"Allow"},{x1:300,x2:600,fill:r.palette.warning.light,isFront:!1,label:"Flag"},{x1:600,fill:r.palette.error.light,isFront:!1,label:"Block"}]})}export{Bt as BigNumber,Ut as ErrorCodesChart,Le as PieChart,Zt as ReasonCodesChart,Qt as RiskScoreBarChart,Jt as RiskScorePieChart,zt as SeriesChart,Re as SeriesChartLegend,Vt as SeriesPercentageChart,Q as SimpleBarChart,Ee as SimpleLegend};
1
+ "use strict";import{j as r}from"../../shared/jsx-runtime-DHlBLioN.mjs";import*as K from"react";import{useCallback as ie,useMemo as oe,createElement as ze,useState as Z,useRef as Ze,useEffect as je}from"react";import{Box as V,Stack as G,Typography as P,useTheme as W,Paper as we,TableContainer as He,Table as Xe,TableHead as Ye,TableRow as ke,TableCell as E,TableBody as Je}from"@mui/material";import{ResponsiveContainer as H,LineChart as Qe,CartesianGrid as le,XAxis as se,YAxis as ce,Label as de,Tooltip as ue,Legend as Oe,Line as et,AreaChart as tt,Area as nt,ComposedChart as rt,ReferenceLine as Se,ReferenceArea as Te,Bar as at,Sector as $e,PieChart as it,Pie as ot,Cell as lt}from"recharts";import{b as Ce,c as Ae,u as st}from"../../shared/uuidColor-Dw38-aYm.mjs";import X,{Decimal as pe}from"decimal.js";import{AnimatePresence as ct}from"framer-motion";import{u as dt}from"../../shared/useCopyToClipboard-BALOSYVW.mjs";import"qrcode";import{u as me}from"../../shared/usePrevious-DyvR1iCQ.mjs";import{a as ut,C as Re}from"../../shared/motions-BBPeWBPV.mjs";import{c as De,i as pt,_ as Y,s as mt,a as T,d as ht,e as ft,f as xt,h as gt,j as yt,k as vt,l as bt,m as jt,n as wt,o as kt,p as Ot,u as St,q as Tt}from"../../shared/index-C1wV5bJ6.mjs";import{u as $t}from"../../shared/useCounter-BV32zXDQ.mjs";import{k as Le}from"../../shared/formatKebabToPretty-Du43TgPC.mjs";const Ct=["ownerState"],At=["variants"],Rt=["name","slot","skipVariantsResolver","skipSx","overridesResolver"];function Dt(e){return Object.keys(e).length===0}function Lt(e){return typeof e=="string"&&e.charCodeAt(0)>96}function he(e){return e!=="ownerState"&&e!=="theme"&&e!=="sx"&&e!=="as"}const Nt=De(),Et=e=>e&&e.charAt(0).toLowerCase()+e.slice(1);function J({defaultTheme:e,theme:t,themeId:n}){return Dt(t)?e:t[n]||t}function _t(e){return e?(t,n)=>n[e]:null}function Q(e,t){let{ownerState:n}=t,a=Y(t,Ct);const o=typeof e=="function"?e(T({ownerState:n},a)):e;if(Array.isArray(o))return o.flatMap(l=>Q(l,T({ownerState:n},a)));if(o&&typeof o=="object"&&Array.isArray(o.variants)){const{variants:l=[]}=o;let i=Y(o,At);return l.forEach(s=>{let c=!0;typeof s.props=="function"?c=s.props(T({ownerState:n},a,n)):Object.keys(s.props).forEach(u=>{n?.[u]!==s.props[u]&&a[u]!==s.props[u]&&(c=!1)}),c&&(Array.isArray(i)||(i=[i]),i.push(typeof s.style=="function"?s.style(T({ownerState:n},a,n)):s.style))}),i}return o}function Mt(e={}){const{themeId:t,defaultTheme:n=Nt,rootShouldForwardProp:a=he,slotShouldForwardProp:o=he}=e,l=i=>ht(T({},i,{theme:J(T({},i,{defaultTheme:n,themeId:t}))}));return l.__mui_systemSx=!0,(i,s={})=>{pt(i,g=>g.filter(k=>!(k!=null&&k.__mui_systemSx)));const{name:c,slot:u,skipVariantsResolver:m,skipSx:h,overridesResolver:p=_t(Et(u))}=s,f=Y(s,Rt),S=m!==void 0?m:u&&u!=="Root"&&u!=="root"||!1,y=h||!1;let j,v=he;u==="Root"||u==="root"?v=a:u?v=o:Lt(i)&&(v=void 0);const b=mt(i,T({shouldForwardProp:v,label:j},f)),w=g=>typeof g=="function"&&g.__emotion_real!==g||ft(g)?k=>Q(g,T({},k,{theme:J({theme:k.theme,defaultTheme:n,themeId:t})})):g,C=(g,...k)=>{let N=w(g);const $=k?k.map(w):[];c&&p&&$.push(d=>{const x=J(T({},d,{defaultTheme:n,themeId:t}));if(!x.components||!x.components[c]||!x.components[c].styleOverrides)return null;const O=x.components[c].styleOverrides,I={};return Object.entries(O).forEach(([_,D])=>{I[_]=Q(D,T({},d,{theme:x}))}),p(d,I)}),c&&!S&&$.push(d=>{var x;const O=J(T({},d,{defaultTheme:n,themeId:t})),I=O==null||(x=O.components)==null||(x=x[c])==null?void 0:x.variants;return Q({variants:I},T({},d,{theme:O}))}),y||$.push(l);const R=$.length-k.length;if(Array.isArray(g)&&R>0){const d=new Array(R).fill("");N=[...g,...d],N.raw=[...g.raw,...d]}const A=b(N,...$);return i.muiName&&(A.muiName=i.muiName),A};return b.withConfig&&(C.withConfig=b.withConfig),C}}const It=Mt(),Ft=(e,t)=>e.filter(n=>t.includes(n)),U=(e,t,n)=>{const a=e.keys[0];Array.isArray(t)?t.forEach((o,l)=>{n((i,s)=>{l<=e.keys.length-1&&(l===0?Object.assign(i,s):i[e.up(e.keys[l])]=s)},o)}):t&&typeof t=="object"?(Object.keys(t).length>e.keys.length?e.keys:Ft(e.keys,Object.keys(t))).forEach(o=>{if(e.keys.indexOf(o)!==-1){const l=t[o];l!==void 0&&n((i,s)=>{a===o?Object.assign(i,s):i[e.up(o)]=s},l)}}):(typeof t=="number"||typeof t=="string")&&n((o,l)=>{Object.assign(o,l)},t)};function F(e){return e?`Level${e}`:""}function z(e){return e.unstable_level>0&&e.container}function Ne(e){return function(t){return`var(--Grid-${t}Spacing${F(e.unstable_level)})`}}function fe(e){return function(t){return e.unstable_level===0?`var(--Grid-${t}Spacing)`:`var(--Grid-${t}Spacing${F(e.unstable_level-1)})`}}function xe(e){return e.unstable_level===0?"var(--Grid-columns)":`var(--Grid-columns${F(e.unstable_level-1)})`}const Gt=({theme:e,ownerState:t})=>{const n=Ne(t),a={};return U(e.breakpoints,t.gridSize,(o,l)=>{let i={};l===!0&&(i={flexBasis:0,flexGrow:1,maxWidth:"100%"}),l==="auto"&&(i={flexBasis:"auto",flexGrow:0,flexShrink:0,maxWidth:"none",width:"auto"}),typeof l=="number"&&(i={flexGrow:0,flexBasis:"auto",width:`calc(100% * ${l} / ${xe(t)}${z(t)?` + ${n("column")}`:""})`}),o(a,i)}),a},Pt=({theme:e,ownerState:t})=>{const n={};return U(e.breakpoints,t.gridOffset,(a,o)=>{let l={};o==="auto"&&(l={marginLeft:"auto"}),typeof o=="number"&&(l={marginLeft:o===0?"0px":`calc(100% * ${o} / ${xe(t)})`}),a(n,l)}),n},Wt=({theme:e,ownerState:t})=>{if(!t.container)return{};const n=z(t)?{[`--Grid-columns${F(t.unstable_level)}`]:xe(t)}:{"--Grid-columns":12};return U(e.breakpoints,t.columns,(a,o)=>{a(n,{[`--Grid-columns${F(t.unstable_level)}`]:o})}),n},Bt=({theme:e,ownerState:t})=>{if(!t.container)return{};const n=fe(t),a=z(t)?{[`--Grid-rowSpacing${F(t.unstable_level)}`]:n("row")}:{};return U(e.breakpoints,t.rowSpacing,(o,l)=>{var i;o(a,{[`--Grid-rowSpacing${F(t.unstable_level)}`]:typeof l=="string"?l:(i=e.spacing)==null?void 0:i.call(e,l)})}),a},Kt=({theme:e,ownerState:t})=>{if(!t.container)return{};const n=fe(t),a=z(t)?{[`--Grid-columnSpacing${F(t.unstable_level)}`]:n("column")}:{};return U(e.breakpoints,t.columnSpacing,(o,l)=>{var i;o(a,{[`--Grid-columnSpacing${F(t.unstable_level)}`]:typeof l=="string"?l:(i=e.spacing)==null?void 0:i.call(e,l)})}),a},Vt=({theme:e,ownerState:t})=>{if(!t.container)return{};const n={};return U(e.breakpoints,t.direction,(a,o)=>{a(n,{flexDirection:o})}),n},Ut=({ownerState:e})=>{const t=Ne(e),n=fe(e);return T({minWidth:0,boxSizing:"border-box"},e.container&&T({display:"flex",flexWrap:"wrap"},e.wrap&&e.wrap!=="wrap"&&{flexWrap:e.wrap},{margin:`calc(${t("row")} / -2) calc(${t("column")} / -2)`},e.disableEqualOverflow&&{margin:`calc(${t("row")} * -1) 0px 0px calc(${t("column")} * -1)`}),(!e.container||z(e))&&T({padding:`calc(${n("row")} / 2) calc(${n("column")} / 2)`},(e.disableEqualOverflow||e.parentDisableEqualOverflow)&&{padding:`${n("row")} 0px 0px ${n("column")}`}))},qt=e=>{const t=[];return Object.entries(e).forEach(([n,a])=>{a!==!1&&a!==void 0&&t.push(`grid-${n}-${String(a)}`)}),t},zt=(e,t="xs")=>{function n(a){return a===void 0?!1:typeof a=="string"&&!Number.isNaN(Number(a))||typeof a=="number"&&a>0}if(n(e))return[`spacing-${t}-${String(e)}`];if(typeof e=="object"&&!Array.isArray(e)){const a=[];return Object.entries(e).forEach(([o,l])=>{n(l)&&a.push(`spacing-${o}-${String(l)}`)}),a}return[]},Zt=e=>e===void 0?[]:typeof e=="object"?Object.entries(e).map(([t,n])=>`direction-${t}-${n}`):[`direction-xs-${String(e)}`],Ht=["className","children","columns","container","component","direction","wrap","spacing","rowSpacing","columnSpacing","disableEqualOverflow","unstable_level"],Xt=De(),Yt=It("div",{name:"MuiGrid",slot:"Root",overridesResolver:(e,t)=>t.root});function Jt(e){return bt({props:e,name:"MuiGrid",defaultTheme:Xt})}function Qt(e={}){const{createStyledComponent:t=Yt,useThemeProps:n=Jt,componentName:a="MuiGrid"}=e,o=K.createContext(void 0),l=(c,u)=>{const{container:m,direction:h,spacing:p,wrap:f,gridSize:S}=c,y={root:["root",m&&"container",f!=="wrap"&&`wrap-xs-${String(f)}`,...Zt(h),...qt(S),...m?zt(p,u.breakpoints.keys[0]):[]]};return jt(y,j=>wt(a,j),{})},i=t(Wt,Kt,Bt,Gt,Vt,Ut,Pt),s=K.forwardRef(function(c,u){var m,h,p,f,S,y,j,v;const b=xt(),w=n(c),C=gt(w),g=K.useContext(o),{className:k,children:N,columns:$=12,container:R=!1,component:A="div",direction:d="row",wrap:x="wrap",spacing:O=0,rowSpacing:I=O,columnSpacing:_=O,disableEqualOverflow:D,unstable_level:L=0}=C,re=Y(C,Ht);let q=D;L&&D!==void 0&&(q=c.disableEqualOverflow);const ge={},ye={},ve={};Object.entries(re).forEach(([M,B])=>{b.breakpoints.values[M]!==void 0?ge[M]=B:b.breakpoints.values[M.replace("Offset","")]!==void 0?ye[M.replace("Offset","")]=B:ve[M]=B});const Be=(m=c.columns)!=null?m:L?void 0:$,Ke=(h=c.spacing)!=null?h:L?void 0:O,Ve=(p=(f=c.rowSpacing)!=null?f:c.spacing)!=null?p:L?void 0:I,Ue=(S=(y=c.columnSpacing)!=null?y:c.spacing)!=null?S:L?void 0:_,be=T({},C,{level:L,columns:Be,container:R,direction:d,wrap:x,spacing:Ke,rowSpacing:Ve,columnSpacing:Ue,gridSize:ge,gridOffset:ye,disableEqualOverflow:(j=(v=q)!=null?v:g)!=null?j:!1,parentDisableEqualOverflow:g}),qe=l(be,b);let ae=r.jsx(i,T({ref:u,as:A,ownerState:be,className:yt(qe.root,k)},ve,{children:K.Children.map(N,M=>{if(K.isValidElement(M)&&vt(M,["Grid"])){var B;return K.cloneElement(M,{unstable_level:(B=M.props.unstable_level)!=null?B:L+1})}return M})}));return q!==void 0&&q!==(g??!1)&&(ae=r.jsx(o.Provider,{value:q,children:ae})),ae});return s.muiName="Grid",s}const Ee=Qt({createStyledComponent:kt("div",{name:"MuiGrid2",slot:"Root",overridesResolver:(e,t)=>t.root}),componentName:"MuiGrid2",useThemeProps:e=>Ot({props:e,name:"MuiGrid2"})});function en({entry:e,payload:t}){const n=ie(h=>{var p,f,S;return(S=(f=(p=h.payload)==null?void 0:p.data)==null?void 0:f.reduce)==null?void 0:S.call(f,(y,j)=>y+j.value,0)},[]),a=ie(h=>{const p=new pe(n(h)||0),f=t?.reduce((j,v)=>j+n(v),0)||0,S=new pe(f),y=Number(p.div(S).times(100).toFixed(2,pe.ROUND_DOWN));return isNaN(y)||!isFinite(y)?0:y},[n,t]),o=oe(()=>n(e),[e,n]),l=me(o),i=oe(()=>Number(a(e)),[e,a]),s=me(i),c=ie(h=>Math.floor(h).toLocaleString(),[]),u=dt({type:"text/plain"}),m=St();return r.jsxs(ut,{component:"li",direction:"row",spacing:1,sx:{color:e.color},layout:"position",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:[r.jsx(V,{sx:{width:"3px",height:"100%",backgroundColor:e.color,borderRadius:3}}),r.jsxs(G,{children:[r.jsxs(P,{component:"p",variant:"caption",children:[r.jsx(G,{component:"span",display:"inline-flex",mr:.5,children:r.jsx(Re,{from:l??0,to:o,map:c,children:"0"})}),r.jsxs(G,{component:"span",direction:"row",display:"inline-flex",children:["(",r.jsx(Re,{from:s??0,to:i,map:c,children:"0"}),"%)"]})]}),r.jsx(P,{variant:"body1",children:e.value}),e.payload.integrationType&&r.jsx(P,{variant:"body2",children:e.payload.integrationType}),e.payload.uuid&&r.jsxs(P,{variant:"body2",sx:{cursor:"pointer","&:hover":{textDecoration:"underline"}},onClick:()=>{u.copy(e.payload.uuid).catch(()=>{}),m.enqueueSnackbar("UUID copied to clipboard","success")},children:[e.payload.uuid.slice(0,5),"..."]})]})]})}function _e(e){const{payload:t}=e;return r.jsx(Ee,{container:!0,direction:"row",component:"ul",gap:2,sx:{mt:2,justifyContent:"flex-start",alignItem:"center",flexWrap:"wrap"},children:r.jsx(ct,{children:t?.map(n=>r.jsx(Ee,{children:r.jsx(en,{entry:n,payload:t})},`item-${n.value}`))})})}function Me(e){const t=W();return r.jsx(V,{sx:{width:"100%",height:"100%",...e.sx},children:r.jsx(H,{children:r.jsxs(Qe,{width:500,height:300,margin:{top:5,right:60,left:20,bottom:5},children:[r.jsx(le,{vertical:!1}),r.jsx(se,{dataKey:"date",type:"number",domain:["dataMin","dataMax"],tickFormatter:n=>Ce(n,{timeZone:e.filter.timezone,hour12:!1,hour:"numeric"}),allowDuplicatedCategory:!1,tickLine:!1,fontSize:12,tickMargin:12}),r.jsx(ce,{textAnchor:"end",dataKey:"value",tickLine:!1,tickFormatter:n=>Number(n).toLocaleString(),allowDecimals:!1,domain:[1,"dataMax"],children:e.label&&r.jsx(de,{value:e.label,angle:-90,position:"insideLeft",style:{textAnchor:"middle"}})}),r.jsx(ue,{cursor:{stroke:t.palette.neutral.main,strokeWidth:1},formatter:n=>Number(n).toLocaleString(),labelFormatter:n=>Ae(n,{timeZone:e.filter.timezone,hour12:!1})}),r.jsx(Oe,{content:r.jsx(_e,{})}),e.data.map(n=>ze(et,{uuid:n.uuid,integrationType:n.integrationType,key:n.uuid,name:n.name,dataKey:"value",data:n.chartData,type:"monotone",stroke:n.color,strokeWidth:2}))]})})})}const tn=(e,t)=>{const n=new Map;return e.forEach(a=>{a.chartData.forEach(o=>{const l=new Date(o.date).getTime().toString();if(!n.has(l)){const i={date:l,total:0,diff:0,totalKey:"",originalTotal:0};t.forEach(({key:s})=>{i[s]=0,i[`${s}_absolute`]=0}),n.set(l,i)}t.forEach(({key:i})=>{const s=n.get(l),c=o[i],u=typeof c=="string"?c.trim()===""?0:parseInt(c,10):typeof c=="number"?c:0;s[`${i}_absolute`]=u,s[i]=0})})}),Array.from(n.values()).map(a=>{var o;const l=(o=t.find(c=>c.isTotal))==null?void 0:o.key,i=t.filter(c=>!c.isTotal).map(c=>c.key);if(!l||i.length===0)return a;const s=a[`${l}_absolute`];return a.originalTotal=s,a.total=s,a[l]=100,i.forEach(c=>{const u=a[`${c}_absolute`],m=s>0?new X(u.toString()).div(s).mul(100).toFixed(2,X.ROUND_DOWN):"0.00";a[c]=parseFloat(m)}),{...a,totalKey:l}}).sort((a,o)=>parseInt(a.date)-parseInt(o.date))};function nn(e){const t=W(),n=oe(()=>e.data?tn(e.data,e.keyValues):[],[e.data,e.keyValues]);return r.jsx(V,{sx:{width:"100%",height:"100%",...e.sx},children:r.jsx(H,{width:"100%",height:"100%",children:r.jsxs(tt,{data:n,width:500,height:300,margin:{top:5,right:60,left:20,bottom:5},children:[r.jsx(le,{strokeDasharray:"3 3"}),r.jsx(se,{dataKey:"date",type:"number",domain:["dataMin","dataMax"],tickFormatter:a=>Ce(a,{timeZone:e.filter.timezone,hour12:!1,hour:"numeric"}),allowDuplicatedCategory:!1,tickLine:!1,fontSize:12,tickMargin:12}),r.jsx(ce,{textAnchor:"end",tickLine:!1,tickFormatter:a=>`${a.toFixed(2)}%`}),r.jsx(ue,{cursor:{stroke:t.palette.neutral.main,strokeWidth:1},labelFormatter:a=>Ae(a,{timeZone:e.filter.timezone,hour12:!1}),formatter:(a,o,l)=>{const i=l.payload.totalKey,s=l.dataKey,c=s===i,u=l.payload[`${s}_absolute`],m=l.payload.originalTotal,h=c?null:m===0?"0.00":new X(u.toString()).div(m).mul(100).toFixed(2,X.ROUND_DOWN);return[h?`${u.toLocaleString()} (${h}%)`:`${u.toLocaleString()} (TOTAL)`,o]}}),e.keyValues.sort((a,o)=>a.isTotal?-1:o.isTotal?1:0).map(a=>r.jsx(nt,{type:"monotone",dataKey:a.key,name:a.name,stroke:a.color,fill:a.color,strokeWidth:2,fillOpacity:.6},a.key))]})})})}function rn(e){const t=me(e.value),{ref:n}=$t({from:t??0,to:e.value,duration:1,map:e.map});return r.jsx(we,{sx:{p:3,flex:1,...e.sx},children:r.jsxs(G,{spacing:1,alignItems:"center",children:[r.jsx(P,{ref:n,variant:"h4",fontWeight:"bold",children:e.initialValue}),r.jsx(P,{color:"text.secondary",children:e.label})]})})}const Ie={margin:{top:5,right:30,left:20,bottom:5}},an={tickLine:!1,fontSize:12,tickMargin:12},on={textAnchor:"end",tickLine:!1};function ee({data:e,series:t,xAxis:n,yAxis:a,tooltip:o,bar:l,referenceLines:i,referenceAreas:s,sx:c}){const u=W(),m=p=>!p.isFront,h=p=>!!p.isFront;return r.jsx(V,{sx:{width:"100%",height:"100%",...c},children:r.jsx(H,{children:r.jsxs(rt,{data:e,...Ie,children:[r.jsx(le,{strokeDasharray:"3 3",vertical:!1}),r.jsx(se,{...an,...n}),r.jsx(ce,{...on,...a}),r.jsx(ue,{cursor:{stroke:u.palette.neutral.main,strokeWidth:1},...o}),i?.filter(m).map((p,f)=>r.jsx(Se,{...p},p.label??f)),s?.filter(m).map((p,f)=>r.jsx(Te,{...p},p.label??f)),t.map(p=>r.jsx(at,{name:p.key,dataKey:p.dataKey,fill:p.color,stackId:"stack",isAnimationActive:!1,...l},p.key)),i?.filter(h).map((p,f)=>r.jsx(Se,{...p},p.label??f)),s?.filter(h).map((p,f)=>r.jsx(Te,{...p},p.label??f))]})})})}function ln({data:e,threshold:t=100,sx:n}){const a=W(),o=Object.entries(e??{}).map(([i,s])=>({key:i,[i]:s})),l=o.map(({key:i})=>({key:i,dataKey:i,color:a.palette.error.light}));return r.jsx(ee,{sx:n,data:o,series:l,xAxis:{tickLine:!1,dataKey:"key"},yAxis:{tickLine:!1,domain:[0,`dataMax + ${t}`]},tooltip:{labelFormatter:i=>"Total"},referenceLines:[{y:t,stroke:a.palette.error.dark,strokeDasharray:"3 3",label:r.jsx(de,{value:"Unhealthy threshold",position:"insideBottomRight"}),isFront:!0}]})}function sn({data:e,threshold:t=100,sx:n}){const a=W(),o=Object.entries(e??{}).map(([i,s])=>({key:i,[i]:s})),l=o.map(({key:i})=>({key:i,dataKey:i,color:a.palette.warning.light}));return r.jsx(ee,{sx:n,data:o,series:l,xAxis:{tickLine:!1,dataKey:"key"},yAxis:{tickLine:!1,domain:[0,`dataMax + ${t}`]},tooltip:{labelFormatter:i=>"Total"},referenceLines:[{y:t,stroke:a.palette.error.dark,strokeDasharray:"3 3",label:r.jsx(de,{value:"Unhealthy threshold",position:"insideBottomRight"}),isFront:!0}]})}function Fe({payload:e=[],hiddenItems:t,onToggle:n,legendLabel:a}){return r.jsx(V,{sx:{display:"flex",justifyContent:"center",gap:"20px",paddingTop:"20px"},children:e.map((o,l)=>{const i=t.has(o.payload.name);return r.jsxs("div",{style:{display:"flex",alignItems:"center",cursor:"pointer",opacity:i?.4:1},onClick:()=>{n?.(o.payload)},children:[r.jsx("div",{style:{width:"12px",height:"12px",backgroundColor:o.color,marginRight:"8px",borderRadius:"2px"}}),r.jsx("span",{style:{color:o.color},children:a?`${a}: ${o.value}`:o.value})]},`legend-${l}`)})})}const cn=e=>{const t=Math.PI/180,{cx:n,cy:a,midAngle:o,innerRadius:l,outerRadius:i,startAngle:s,endAngle:c,fill:u,payload:m,percent:h,value:p,valueText:f,valuePercentage:S,needleVisible:y,customText:j,allActive:v}=e,b=Math.sin(-t*o),w=Math.cos(-t*o),C=n+(i+5)*w,g=a+(i+5)*b,k=n+(i+15)*w,N=a+(i+15)*b,$=k+(w>=0?1:-1)*22,R=N,A=w>=0?"start":"end",d=p.toLocaleString(void 0,{minimumFractionDigits:0,maximumFractionDigits:0}),x=()=>y||v?null:r.jsx("text",{x:n,y:a,dy:8,textAnchor:"middle",fill:"#333",fontSize:14,children:m.name});return r.jsxs("g",{children:[x(),r.jsx($e,{cx:n,cy:a,innerRadius:l,outerRadius:i,startAngle:s,endAngle:c,fill:u}),r.jsx($e,{cx:n,cy:a,startAngle:s,endAngle:c,innerRadius:i+2,outerRadius:i+6,fill:u}),r.jsx("path",{d:`M${C},${g}L${k},${N}L${$},${R}`,stroke:u,fill:"none"}),r.jsx("circle",{cx:$,cy:R,r:2,fill:u,stroke:"none"}),r.jsx("text",{x:$+(w>=0?1:-1)*12,y:R,textAnchor:A,fill:"#333",fontSize:12,children:j||(f?`${f} ${d}`:d)}),S&&r.jsxs("text",{x:$+(w>=0?1:-1)*12,y:R,dy:16,textAnchor:A,fill:"#999",fontSize:11,children:[`${(h*100).toFixed(2)}%`," (",d,")"]})]})},dn=e=>{const{value:t,data:n,color:a,innerRadius:o,outerRadius:l,boxDimensions:i,legendDimensions:s,valueText:c}=e,u=Math.PI/180;let m=0;n.forEach(x=>{m+=x.value});const h=i?i.width/2:150,p=(i?i.height/2:200)-s.height/2,f=180*(1-Math.max(0,Math.min(1,t/m))),S=(Number(o)+2*Number(l))/3,y=Math.sin(-u*f),j=Math.cos(-u*f),v=5,b=h-v,w=p,C=b+v*y,g=w-v*j,k=b-v*y,N=w+v*j,$=b+S*j,R=w+S*y,A=t.toLocaleString(void 0,{minimumFractionDigits:0,maximumFractionDigits:0}),d=c??A;return r.jsxs(r.Fragment,{children:[r.jsx("circle",{cx:b,cy:w,r:v,fill:a,stroke:"none",style:{pointerEvents:"none"}},"needle-circle"),r.jsx("path",{d:`M${C} ${g}L${k} ${N} L${$} ${R} L${C} ${g}`,stroke:"none",fill:a,style:{pointerEvents:"none"}},"needle-path"),r.jsx("text",{x:b+v,y:w+26,textAnchor:"middle",fill:"#333",fontSize:12,children:d},"needle-value")]})},un=(e,t)=>({Allow:t.palette.success.main,Flag:t.palette.warning.main,Block:t.palette.error.main})[e]??t.palette.primary.main;function Ge({data:e,sx:t,legendLabel:n,legendToggle:a=!1,valueText:o="",valuePercentage:l=!0,pie:i,needleVisible:s=!1,needleValue:c,needleColor:u="#aaa",allActive:m=!1}){const{innerRadius:h=60,outerRadius:p=100}=i??{},f=W(),[S,y]=Z(void 0),[j,v]=Z(new Set),b=Ze(null),[w,C]=Z(null),[g,k]=Z(null),N=(d,x)=>{m||y(x)},$=()=>{m||y(void 0)},R=d=>{a&&d&&v(x=>{const O=new Set(x);return O.has(d.name)?O.delete(d.name):O.size<e.length-1&&O.add(d.name),O})},A=e.map((d,x)=>({...d,index:x,value:j.has(d.name)?0:d.value}));return je(()=>{const d=b.current;if(!d)return;const x=new ResizeObserver(I=>{var _;const D=(_=I[0])==null?void 0:_.contentRect;D&&C(D)});x.observe(d);const O=d.getBoundingClientRect();return C(O),()=>{x.disconnect()}},[]),je(()=>{var d;const x=(d=b.current)==null?void 0:d.querySelector(".recharts-legend-wrapper");if(!x){const _=setInterval(()=>{var D;const L=(D=b.current)==null?void 0:D.querySelector(".recharts-legend-wrapper");if(L){const re=L.getBoundingClientRect();k(re),clearInterval(_)}},100);return()=>{clearInterval(_)}}const O=new ResizeObserver(_=>{var D;const L=(D=_[0])==null?void 0:D.contentRect;L&&k(L)});O.observe(x);const I=x.getBoundingClientRect();return k(I),()=>{O.disconnect()}},[]),r.jsx(V,{ref:b,sx:{width:"100%",height:"100%","& g":{outline:"none"},...t},children:r.jsx(H,{children:r.jsxs(it,{...Ie,children:[r.jsx(ot,{data:A,nameKey:"name",dataKey:"value",innerRadius:h,outerRadius:p,activeIndex:m?A.filter(d=>d.value>0).map(d=>d.index):S,activeShape:d=>cn({...d,valueText:o,valuePercentage:l,needleVisible:s,allActive:m}),paddingAngle:0,onMouseEnter:N,onMouseLeave:$,...i,children:A.map(d=>r.jsx(lt,{fill:d.color??un(d.name,f),opacity:j.has(d.name)?.5:1,stroke:"none"},d.name))}),r.jsx(Oe,{content:r.jsx(Fe,{legendLabel:n,hiddenItems:j,onToggle:R})}),s&&c!==void 0&&w&&g&&dn({data:A,value:c,color:u,innerRadius:h,outerRadius:p,boxDimensions:w,legendDimensions:g,valueText:o})]})})})}function pn({sx:e,data:t,score:n=200,legendLabel:a}){const o=W(),l=[{name:"Allow",customText:"0-299",value:t[0].value,color:o.palette.primary.main},{name:"Flag",customText:"300-599",value:t[1].value,color:o.palette.warning.main},{name:"Block",customText:"Over 600",value:t[2].value,color:o.palette.error.main}];return r.jsx(Ge,{data:l,legendToggle:!0,needleValue:n,legendLabel:a,allActive:!0,sx:e})}function mn({data:e,sx:t}){const n=W(),a=(l=>{const i={};return l.forEach(s=>{Object.entries(s).forEach(([c,u])=>{const m=parseInt(c);m<=1e3&&(i[m]=(i[m]||0)+u)})}),Array.from({length:1001},(s,c)=>({key:c.toString(),value:i[c]||0}))})(e),o=[{key:"Risk Score",dataKey:"value",color:n.palette.error.main}];return r.jsx(ee,{data:a,series:o,sx:t,yAxis:{label:{value:"Count",angle:-90,position:"insideLeft"},domain:[0,"dataMax + 10"]},xAxis:{domain:[0,"dataMax"],interval:"preserveStartEnd"},tooltip:{labelFormatter:()=>"Risk Score",formatter:(l,i,s)=>[l,s.payload.key]},referenceAreas:[{x1:0,x2:299,fill:"#ffffff00",isFront:!1,label:"Allow"},{x1:300,x2:600,fill:n.palette.warning.light,isFront:!1,label:"Flag"},{x1:600,fill:n.palette.error.light,isFront:!1,label:"Block"}]})}const Pe=()=>({regularChartWrapper:{justifyContent:"center",alignItems:"center",width:"100%",height:500},smallChartWrapper:{justifyContent:"center",alignItems:"center",width:"100%",height:300}});function te(e){return r.jsx(P,{variant:"h6",fontWeight:"900",...e})}function ne(e){return r.jsx(P,{variant:"h6",fontWeight:"400",...e})}function hn(){const e=Pe();return r.jsxs(G,{sx:e.smallChartWrapper,children:[r.jsx(te,{children:"No data available for the selected period and brands"}),r.jsx(ne,{children:"Please select a different period or brand"})]})}function fn(){const e=Pe();return r.jsxs(G,{sx:e.smallChartWrapper,children:[r.jsx(te,{children:"Loading..."}),r.jsx(ne,{children:"Preparing your chart data"})]})}const xn={chartWrapper:{justifyContent:"center",alignItems:"center",width:"100%",height:500}};function gn({data:e,isLoading:t,filter:n}){return t?r.jsx(fn,{}):e.length?r.jsx(Me,{label:"Uniques",data:e,filter:n,sx:{...xn.chartWrapper,opacity:t?.4:1}}):r.jsx(hn,{})}function yn(e){const{brands:t,data:n,keyValue:a,defaultColor:o}=e,l=t.flatMap(({_raw:i})=>{var s,c;const u=n?.find(h=>h.brandUuid===i.brandUuid),m=(u?.interval??[]).map(h=>({date:+new Date(h.date),value:Number(h[a]||0)})).filter(h=>h.value>0);return{uuid:i.brandUuid,name:i.brandName,integrationType:Le(i.integrationType),color:i.integrationType==="hosted"&&(s=i.additionalData)!=null&&s.primaryColor?(c=i.additionalData)==null?void 0:c.primaryColor:o??st(i.brandUuid),chartData:m}});return Tt.chain(l).sortBy(i=>i.name).toArray().value()}const We={tableWrapper:{height:400,alignItems:"center",justifyContent:"center"}},vn=({data:e,isLoading:t})=>t?r.jsxs(G,{sx:We.tableWrapper,children:[r.jsx(te,{children:"Loading..."}),r.jsx(ne,{children:"Preparing your chart data"})]}):e!=null&&e.length?r.jsx(He,{component:we,children:r.jsxs(Xe,{children:[r.jsx(Ye,{children:r.jsxs(ke,{children:[r.jsx(E,{children:"Month"}),r.jsx(E,{children:"Brand"}),r.jsx(E,{children:"Integration Type"}),r.jsx(E,{align:"right",children:"Started"}),r.jsx(E,{align:"right",children:"Finished"}),r.jsx(E,{align:"right",children:"Total Cost"})]})}),r.jsx(Je,{children:e.map(n=>r.jsxs(ke,{children:[r.jsx(E,{children:new Date(n.month).toLocaleDateString(void 0,{month:"short",year:"numeric",timeZone:"UTC"})}),r.jsx(E,{children:n.brand}),r.jsx(E,{children:n.integrationType}),r.jsx(E,{align:"right",children:n.total}),r.jsx(E,{align:"right",children:n.finished}),r.jsx(E,{align:"right",children:n.totalCost})]},`${n.brand}-${n.month}`))})]})}):r.jsxs(G,{sx:We.tableWrapper,children:[r.jsx(te,{children:"No data available for the selected period and brands"}),r.jsx(ne,{children:"Please select a different period or brand"})]}),bn=({data:e,brands:t})=>e.flatMap(n=>{const a=t.find(o=>o.brandUuid===n.brandUuid);return!a||!n.interval?[]:n.interval.map(o=>({month:new Date(o.date).toISOString(),brand:a.brandName,integrationType:Le(a.integrationType),total:o.oneClickCreated,finished:o.oneClickSuccess,totalCost:o.totalCost}))});export{rn as BigNumber,ln as ErrorCodesChart,vn as MonthlyBillableSignupsTable,gn as OneClickOverTimeChart,Ge as PieChart,sn as ReasonCodesChart,mn as RiskScoreBarChart,pn as RiskScorePieChart,Me as SeriesChart,_e as SeriesChartLegend,nn as SeriesPercentageChart,ee as SimpleBarChart,Fe as SimpleLegend,bn as mapMonthlyBillableSignupsData,yn as mapTimeSeriesData};
@@ -0,0 +1,33 @@
1
+ type Brand = {
2
+ brandUuid: string;
3
+ brandName: string;
4
+ integrationType: string;
5
+ };
6
+ type ChartData = {
7
+ brandUuid: string;
8
+ brandName: string;
9
+ interval?: Array<{
10
+ oneClickCreated: number;
11
+ oneClickSuccess: number;
12
+ date: number;
13
+ totalCost: string;
14
+ }>;
15
+ overall: {
16
+ oneClickCreated: number;
17
+ oneClickSuccess: number;
18
+ totalCost: string;
19
+ };
20
+ };
21
+ type MapMonthlyBillableSignupsDataParams = {
22
+ data: ChartData[];
23
+ brands: Brand[];
24
+ };
25
+ export declare const mapMonthlyBillableSignupsData: ({ data, brands, }: MapMonthlyBillableSignupsDataParams) => {
26
+ month: string;
27
+ brand: string;
28
+ integrationType: string;
29
+ total: number;
30
+ finished: number;
31
+ totalCost: string;
32
+ }[];
33
+ export {};
@@ -0,0 +1,14 @@
1
+ import { default as React } from 'react';
2
+ export type BillableSignupData = {
3
+ month: string;
4
+ brand: string;
5
+ integrationType: string;
6
+ total: number;
7
+ finished: number;
8
+ totalCost: string;
9
+ };
10
+ export type MonthlyBillableSignupsTableProps = {
11
+ data: BillableSignupData[];
12
+ isLoading: boolean;
13
+ };
14
+ export declare const MonthlyBillableSignupsTable: React.FC<MonthlyBillableSignupsTableProps>;
@@ -0,0 +1,2 @@
1
+ export * from './MonthlyBillableSignupsTable';
2
+ export * from './MonthlyBillableSignupsDataMapper';
@@ -0,0 +1,12 @@
1
+ import { default as React } from 'react';
2
+ import { SeriesChartData } from '../SeriesChart';
3
+ import { BrandFilter } from './OneClickTimeSeriesDataMapper';
4
+ export interface OneClickOverTimeChartProps {
5
+ data: SeriesChartData[];
6
+ isLoading: boolean;
7
+ filter: {
8
+ timezone: string;
9
+ brands: BrandFilter[];
10
+ };
11
+ }
12
+ export declare function OneClickOverTimeChart({ data, isLoading, filter, }: Readonly<OneClickOverTimeChartProps>): React.ReactNode;
@@ -0,0 +1,14 @@
1
+ export declare const useStyle: () => {
2
+ regularChartWrapper: {
3
+ justifyContent: string;
4
+ alignItems: string;
5
+ width: string;
6
+ height: number;
7
+ };
8
+ smallChartWrapper: {
9
+ justifyContent: string;
10
+ alignItems: string;
11
+ width: string;
12
+ height: number;
13
+ };
14
+ };
@@ -1 +1 @@
1
- "use strict";import{A as a,c as s,l as e,B as t,m as r,C as n,D as o,f as i,E as p,j as m,F as c,I as u,b as d,L as l,O as P,h as I,e as g,P as B,Q as S,R as h,S as k,d as f,k as C,T,g as b,a as y,V as A,i as L}from"../shared/index-C_0INAsR.mjs";import{a as R,b as E,P as N,S as v}from"../shared/PageSectionHeader-DdpDhBZG.mjs";import{C as x,W as D,u as F}from"../shared/index-KVVTzcea.mjs";import{SnackbarProvider as H}from"notistack";export{a as AcceptTermsNotice,s as Alert,e as Backdrop,t as Banner,r as Button,n as CredentialRequestsEditor,x as CustomAlertComponent,o as DateInput,i as DateRangeInput,p as EmailInput,m as ExactBirthdayBanner,c as FullWidthAlert,u as Image,d as LegalLink,l as LinkButton,P as OTPInput,I as OneClickForm,R as PageHeader,E as PageSectionHeader,N as Paragraph,g as PhoneInput,B as PrivacyPolicyNotice,S as QRCodeDisplay,h as ResendPhoneBanner,k as SSNInput,v as SectionHeader,f as SelectInput,H as SnackbarProvider,C as TestPhoneNumbersBanner,T as TextButton,b as TimezoneInput,y as Typography,A as VerifiedImage,L as VerifiedIncLogo,D as When,F as useSnackbar};
1
+ "use strict";import{A as a,c as s,l as e,B as t,m as r,C as n,D as o,f as i,E as p,j as m,F as c,I as u,b as d,L as l,O as P,h as I,e as g,P as B,Q as S,R as h,S as k,d as f,k as C,T,g as b,a as y,V as A,i as L}from"../shared/index-CW9F-W3V.mjs";import{a as R,b as E,P as N,S as v}from"../shared/PageSectionHeader-DdpDhBZG.mjs";import{C as x,W as D,u as F}from"../shared/index-C1wV5bJ6.mjs";import{SnackbarProvider as H}from"notistack";export{a as AcceptTermsNotice,s as Alert,e as Backdrop,t as Banner,r as Button,n as CredentialRequestsEditor,x as CustomAlertComponent,o as DateInput,i as DateRangeInput,p as EmailInput,m as ExactBirthdayBanner,c as FullWidthAlert,u as Image,d as LegalLink,l as LinkButton,P as OTPInput,I as OneClickForm,R as PageHeader,E as PageSectionHeader,N as Paragraph,g as PhoneInput,B as PrivacyPolicyNotice,S as QRCodeDisplay,h as ResendPhoneBanner,k as SSNInput,v as SectionHeader,f as SelectInput,H as SnackbarProvider,C as TestPhoneNumbersBanner,T as TextButton,b as TimezoneInput,y as Typography,A as VerifiedImage,L as VerifiedIncLogo,D as When,F as useSnackbar};
@@ -0,0 +1,2 @@
1
+ import { TypographyProps } from '@mui/material';
2
+ export declare function SectionDescription(props: TypographyProps): import("react").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { TypographyProps } from '@mui/material';
2
+ export declare function SectionTitle(props: TypographyProps): import("react").JSX.Element;
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- "use strict";import{A as l,c as u,l as c,B as d,m as p,C as h,D as g,f as S,E as f,j as C,F as P,I as k,b as y,L as b,O as D,h as T,e as B,P as I,Q as w,R as v,S as N,d as R,k as Y,T as x,g as $,a as A,V as G,i as L,n as M,o as O,q as W,r as z,p as E,s as F,v as V}from"./shared/index-C_0INAsR.mjs";import{a as H,b as U,P as j,S as q}from"./shared/PageSectionHeader-DdpDhBZG.mjs";import{C as Q,W as K,u as X}from"./shared/index-KVVTzcea.mjs";import{b as _,d as J,a as Z,j as aa,u as sa,e as ea,c as ta,f as ra,g as oa,h as na,i as ia}from"./shared/useIntersectionObserver-CbpWuEs0.mjs";import{u as ma}from"./shared/useCopyToClipboard-BALOSYVW.mjs";import{a as la,u as ua}from"./shared/useOnClickOutside-P5GTcgh8.mjs";import{u as ca}from"./shared/useCounter-BV32zXDQ.mjs";import{u as da}from"./shared/usePrevious-DyvR1iCQ.mjs";import{b as pa,a as ha,v as ga,e as Sa,d as fa,p as Ca,u as Pa,h as ka,j as ya,g as ba,o as Da,s as Ta,m as Ba,c as Ia,l as wa,n as va,q as Na,f as Ra,i as Ya,r as xa,z as $a,t as Aa,x as Ga,k as La,w as Ma,y as Oa}from"./shared/shadows-Dhd7FrwF.mjs";import{f as Wa,b as za,a as Ea,c as Fa}from"./shared/date-Cq0LS2Mr.mjs";import{masks as Va}from"./utils/masks/index.mjs";import{kebabCaseToPretty as Ha,toCapitalize as Ua,toSentenceCase as ja}from"./utils/string/index.mjs";import{M as qa,S as Qa,U as Ka,d as Xa,e as _a,f as Ja,g as Za,a as as,s as ss}from"./shared/unix.schema-CMYTtXco.mjs";import{p as es}from"./shared/phone.schema-XBbyizhq.mjs";import{SnackbarProvider as ts}from"notistack";async function rs(e){try{return[await e,null]}catch(r){return[null,r]}}const os=e=>e.replace(/(\d{3})-?(\d{2})-?(\d{4})/,"\u2022\u2022\u2022-\u2022\u2022-$3"),ns=e=>{var r;const o=((r=e.replace(/-/g,"").match(/.{1,2}/g))==null?void 0:r.map(a=>parseInt(a,16)))??[],n=o.reduce((a,t)=>(a+t)%256,0),i=o.slice(1).reduce((a,t)=>(a+t)%256,0),m=o.slice(2).reduce((a,t)=>(a+t)%256,0),s=a=>a.toString(16).padStart(2,"0");return console.log(`#${s(n)}${s(i)}${s(m)}`),`#${s(n)}${s(i)}${s(m)}`};export{l as AcceptTermsNotice,u as Alert,c as Backdrop,d as Banner,p as Button,h as CredentialRequestsEditor,Q as CustomAlertComponent,g as DateInput,S as DateRangeInput,f as EmailInput,C as ExactBirthdayBanner,P as FullWidthAlert,k as Image,y as LegalLink,b as LinkButton,qa as MaskedAndUnmaskedSSNSchema,D as OTPInput,T as OneClickForm,H as PageHeader,U as PageSectionHeader,j as Paragraph,B as PhoneInput,I as PrivacyPolicyNotice,w as QRCodeDisplay,v as ResendPhoneBanner,N as SSNInput,Qa as SSNSchema,q as SectionHeader,R as SelectInput,ts as SnackbarProvider,Y as TestPhoneNumbersBanner,x as TextButton,$ as TimezoneInput,A as Typography,Ka as USDateSchema,G as VerifiedImage,L as VerifiedIncLogo,K as When,pa as black,ha as blue,ga as colors,M as countries,Sa as darkBlue,fa as darkGreen,Ca as darkGrey,Pa as darkGreyContrast,ka as darkRed,ya as darkYellow,Xa as descriptionSchema,_a as emailSchema,Ja as fieldSchema,Wa as formatDateMMDDYYYY,za as formatDateMMYY,Ea as formatDateToTimestamp,Fa as formatExtendedDate,Za as getDateSchemaWithPastValidation,O as getPhoneData,W as getPhoneDataByFieldName,as as getUnixSchema,ba as green,Da as grey,Ta as greyContrast,Ba as infoContrast,Ha as kebabCaseToPretty,Ia as lightBlue,wa as lightGreen,va as lightGrey,Na as lightGreyContrast,Ra as lightRed,Ya as lightYellow,Va as masks,z as omitProperties,E as parseToPhoneNational,es as phoneSchema,xa as red,$a as shadows,F as sortByCountryName,os as ssnFormatter,ss as stateSchema,Aa as textDisabled,Ga as theme,Ua as toCapitalize,ja as toSentenceCase,_ as useCallbackRef,ma as useCopyToClipboard,ca as useCounter,J as useDebounceValue,Z as useDisclosure,aa as useIntersectionObserver,sa as useLocalStorage,la as useOnClickOutside,da as usePrevious,ua as useQRCode,ea as useScript,ta as useSearchParams,X as useSnackbar,ra as useThrottle,oa as useToggle,na as useWindowScroll,ia as useWindowSize,ns as uuidToHashedColor,V as validatePhone,La as warningContrast,Ma as white,rs as wrapPromise,Oa as yellow};
1
+ "use strict";import{A as e,c as t,l as r,B as o,m as n,C as i,D as m,f as l,E as u,j as c,F as d,I as p,b as h,L as S,O as f,h as g,e as C,P as k,Q as P,R as y,S as b,d as D,k as T,T as B,g as I,a as w,V as N,i as R,n as v,o as Y,q as x,r as A,p as G,s as L,v as M}from"./shared/index-CW9F-W3V.mjs";import{a as O,b as W,P as z,S as E}from"./shared/PageSectionHeader-DdpDhBZG.mjs";import{C as F,W as H,u as V}from"./shared/index-C1wV5bJ6.mjs";import{b as j,d as Q,a as U,j as q,u as $,e as J,c as X,f as _,g as Z,h as K,i as aa}from"./shared/useIntersectionObserver-CbpWuEs0.mjs";import{u as sa}from"./shared/useCopyToClipboard-BALOSYVW.mjs";import{a as ea,u as ta}from"./shared/useOnClickOutside-P5GTcgh8.mjs";import{u as ra}from"./shared/useCounter-BV32zXDQ.mjs";import{u as oa}from"./shared/usePrevious-DyvR1iCQ.mjs";import{b as na,a as ia,v as ma,e as la,d as ua,p as ca,u as da,h as pa,j as ha,g as Sa,o as fa,s as ga,m as Ca,c as ka,l as Pa,n as ya,q as ba,f as Da,i as Ta,r as Ba,z as Ia,t as wa,x as Na,k as Ra,w as va,y as Ya}from"./shared/shadows-Dhd7FrwF.mjs";import{f as xa,b as Aa,a as Ga,c as La,u as Ma}from"./shared/uuidColor-Dw38-aYm.mjs";import{masks as Oa}from"./utils/masks/index.mjs";import{toCapitalize as Wa,toSentenceCase as za}from"./utils/string/index.mjs";import{k as Ea}from"./shared/formatKebabToPretty-Du43TgPC.mjs";import{M as Fa,S as Ha,U as Va,d as ja,e as Qa,f as Ua,g as qa,a as $a,s as Ja}from"./shared/unix.schema-CMYTtXco.mjs";import{p as Xa}from"./shared/phone.schema-XBbyizhq.mjs";import{SnackbarProvider as _a}from"notistack";async function Za(a){try{return[await a,null]}catch(s){return[null,s]}}const Ka=a=>a.replace(/(\d{3})-?(\d{2})-?(\d{4})/,"\u2022\u2022\u2022-\u2022\u2022-$3");export{e as AcceptTermsNotice,t as Alert,r as Backdrop,o as Banner,n as Button,i as CredentialRequestsEditor,F as CustomAlertComponent,m as DateInput,l as DateRangeInput,u as EmailInput,c as ExactBirthdayBanner,d as FullWidthAlert,p as Image,h as LegalLink,S as LinkButton,Fa as MaskedAndUnmaskedSSNSchema,f as OTPInput,g as OneClickForm,O as PageHeader,W as PageSectionHeader,z as Paragraph,C as PhoneInput,k as PrivacyPolicyNotice,P as QRCodeDisplay,y as ResendPhoneBanner,b as SSNInput,Ha as SSNSchema,E as SectionHeader,D as SelectInput,_a as SnackbarProvider,T as TestPhoneNumbersBanner,B as TextButton,I as TimezoneInput,w as Typography,Va as USDateSchema,N as VerifiedImage,R as VerifiedIncLogo,H as When,na as black,ia as blue,ma as colors,v as countries,la as darkBlue,ua as darkGreen,ca as darkGrey,da as darkGreyContrast,pa as darkRed,ha as darkYellow,ja as descriptionSchema,Qa as emailSchema,Ua as fieldSchema,xa as formatDateMMDDYYYY,Aa as formatDateMMYY,Ga as formatDateToTimestamp,La as formatExtendedDate,qa as getDateSchemaWithPastValidation,Y as getPhoneData,x as getPhoneDataByFieldName,$a as getUnixSchema,Sa as green,fa as grey,ga as greyContrast,Ca as infoContrast,Ea as kebabCaseToPretty,ka as lightBlue,Pa as lightGreen,ya as lightGrey,ba as lightGreyContrast,Da as lightRed,Ta as lightYellow,Oa as masks,A as omitProperties,G as parseToPhoneNational,Xa as phoneSchema,Ba as red,Ia as shadows,L as sortByCountryName,Ka as ssnFormatter,Ja as stateSchema,wa as textDisabled,Na as theme,Wa as toCapitalize,za as toSentenceCase,j as useCallbackRef,sa as useCopyToClipboard,ra as useCounter,Q as useDebounceValue,U as useDisclosure,q as useIntersectionObserver,$ as useLocalStorage,ea as useOnClickOutside,oa as usePrevious,ta as useQRCode,J as useScript,X as useSearchParams,V as useSnackbar,_ as useThrottle,Z as useToggle,K as useWindowScroll,aa as useWindowSize,Ma as uuidToHashedColor,M as validatePhone,Ra as warningContrast,va as white,Za as wrapPromise,Ya as yellow};
@@ -0,0 +1 @@
1
+ "use strict";const s=a=>a?a.split("-").map(o=>o.charAt(0).toUpperCase()+o.slice(1).toLowerCase()).join(" "):"";export{s as k};