@verifiedinc-public/shared-ui-elements 9.3.0 → 9.3.1

package/dist/components/chart/BillableEventsTable/BillableEventsTable.mjs

@@ -1 +1 @@
-"use strict";import{TableContainer as k,Paper as B,Table as C,TableHead as x,TableRow as m,TableCell as l,TableBody as L,TableSortLabel as v}from"@mui/material";import{useEffect as D,useMemo as u}from"react";import{EmptyChartSection as w}from"../EmptyChartSection.mjs";import{LoadingChartSection as E}from"../LoadingChartSection.mjs";import{BillableProduct as P,BILLABLE_PRODUCTS as j}from"./BillableEventsTable.types.mjs";import{useBillableSort as I}from"./useBillableSort.hook.mjs";import{white as M}from"../../../styles/colors.mjs";import{jsx as a,jsxs as t}from"react/jsx-runtime";const O=["brand","integrationType"],R=({data:n,isLoading:g,isFetching:f,visibleProducts:h,onSortedDataChange:o,columnSlots:i})=>{const{sortKey:p,sortDir:y,handleSort:T,sortedData:s}=I(n,O,"brand");D(()=>{o?.(s)},[s,o]);const c=u(()=>{const r=h??Object.values(P);return j.filter(e=>r.includes(e.product))},[h]),b=u(()=>c.flatMap(r=>r.columns),[c]),d=(r,e,S="left")=>a(v,{active:p===r,direction:p===r?y:"asc",onClick:()=>T(r),sx:S==="right"?{flexDirection:"row"}:void 0,children:e});return!(n!=null&&n.length)&&g?a(E,{}):n!=null&&n.length?a(k,{component:B,sx:{opacity:f?.4:1},children:t(C,{sx:{backgroundColor:M},children:[t(x,{children:[t(m,{children:[a(l,{rowSpan:2,children:d("brand","Brand")}),a(l,{rowSpan:2,children:d("integrationType","Integration Type")}),c.map(r=>a(l,{colSpan:r.columns.length,align:"center",sx:{fontWeight:"bold",borderBottom:"none"},children:r.label},r.product))]}),a(m,{children:b.map(r=>a(l,{align:"right",children:d(r.key,r.label,"right")},r.key))})]}),a(L,{children:s.map(r=>t(m,{children:[a(l,{children:r.brand}),a(l,{children:r.integrationType}),b.map(e=>a(l,{align:"right",children:i!=null&&i[e.key]?i[e.key](r):r.metrics[e.key]??0},e.key))]},r.brandUuid))})]})}):a(w,{})};export{R as BillableEventsTable};
+"use strict";import{TableContainer as x,Paper as B,Table as w,TableHead as L,TableRow as b,TableCell as r,TableBody as v,TableSortLabel as D}from"@mui/material";import{useEffect as E,useMemo as u}from"react";import{EmptyChartSection as P}from"../EmptyChartSection.mjs";import{LoadingChartSection as j}from"../LoadingChartSection.mjs";import{BillableProduct as I,BILLABLE_PRODUCTS as M}from"./BillableEventsTable.types.mjs";import{useBillableSort as O}from"./useBillableSort.hook.mjs";import{white as R}from"../../../styles/colors.mjs";import{jsx as n,jsxs as s}from"react/jsx-runtime";const U=["brand","integrationType"],K=({data:o,isLoading:k,isFetching:T,visibleProducts:y,onSortedDataChange:c,columnSlots:l,topLevelColumns:t=[]})=>{const{sortKey:g,sortDir:S,handleSort:C,sortedData:d}=O(o,U,"brand");E(()=>{c?.(d)},[d,c]);const h=u(()=>{const e=y??Object.values(I);return M.filter(a=>e.includes(a.product))},[y]),m=u(()=>new Set(t.map(e=>e.key)),[t]),f=u(()=>h.flatMap(e=>e.columns).filter(e=>!m.has(e.key)),[h,m]),i=(e,a,p="left")=>n(D,{active:g===e,direction:g===e?S:"asc",onClick:()=>C(e),sx:p==="right"?{flexDirection:"row"}:void 0,children:a});return!(o!=null&&o.length)&&k?n(j,{}):o!=null&&o.length?n(x,{component:B,sx:{opacity:T?.4:1},children:s(w,{sx:{backgroundColor:R},children:[s(L,{children:[s(b,{children:[n(r,{rowSpan:2,children:i("brand","Brand")}),n(r,{rowSpan:2,children:i("integrationType","Integration Type")}),t.map(e=>n(r,{rowSpan:2,children:i(e.key,e.label)},e.key)),h.map(e=>{const a=e.columns.filter(p=>!m.has(p.key)).length;return a===0?null:n(r,{colSpan:a,align:"center",sx:{fontWeight:"bold",borderBottom:"none"},children:e.label},e.product)})]}),n(b,{children:f.map(e=>n(r,{align:"right",children:i(e.key,e.label,"right")},e.key))})]}),n(v,{children:d.map(e=>s(b,{children:[n(r,{children:e.brand}),n(r,{children:e.integrationType}),t.map(a=>n(r,{children:l!=null&&l[a.key]?l[a.key](e):e.metrics[a.key]??0},a.key)),f.map(a=>n(r,{align:"right",children:l!=null&&l[a.key]?l[a.key](e):e.metrics[a.key]??0},a.key))]},e.brandUuid))})]})}):n(P,{})};export{K as BillableEventsTable};

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

@@ -31,6 +31,7 @@ export type BillableEventsTableProps = {
     visibleProducts?: BillableProduct[];
     onSortedDataChange?: (sortedData: BillableEventsTableRow[]) => void;
     columnSlots?: Record<string, (row: BillableEventsTableRow) => React.ReactNode>;
+    topLevelColumns?: BillableEventColumn[];
 };
 export type BillableEventsProductTableProps = {
     data: BillableEventsTableRow[];

package/dist/components/chart/BillableEventsTable/BillableEventsTable.types.mjs

@@ -1 +1 @@
-"use strict";var i=(e=>(e.TEXT_TO_SIGNUP="TEXT_TO_SIGNUP",e.ONE_CLICK_VERIFY="ONE_CLICK_VERIFY",e.ONE_CLICK_SIGNUP="ONE_CLICK_SIGNUP",e.ONE_CLICK_HEALTH="ONE_CLICK_HEALTH",e))(i||{});const l=[{product:"TEXT_TO_SIGNUP",label:"Text to Signup",columns:[{key:"tts_smsKeywordsReceived",label:"SMS Keywords Received",metricKey:"ttsSent"},{key:"tts_verificationsSucceeded",label:"Verifications Succeeded",metricKey:"ttsVerified"}]},{product:"ONE_CLICK_VERIFY",label:"1-Click Verify",columns:[{key:"verify_smsSent",label:"SMS Sent",metricKey:"oneClickVerificationSending"},{key:"verify_verificationsSucceeded",label:"Verifications Succeeded",metricKey:"oneClickVerificationVerified"}]},{product:"ONE_CLICK_SIGNUP",label:"1-Click Signup",columns:[{key:"signup_autofillsSucceeded",label:"Autofills Succeeded",metricKey:"oneClickSuccess"},{key:"signup_riskSignals",label:"Risk Signals",metricKey:"riskSignal"}]},{product:"ONE_CLICK_HEALTH",label:"1-Click Health",columns:[{key:"health_autofillsStarted",label:"Autofills Started",metricKey:"oneClickHealthCreated"}]}];export{l as BILLABLE_PRODUCTS,i as BillableProduct};
+"use strict";var i=(e=>(e.TEXT_TO_SIGNUP="TEXT_TO_SIGNUP",e.ONE_CLICK_VERIFY="ONE_CLICK_VERIFY",e.ONE_CLICK_SIGNUP="ONE_CLICK_SIGNUP",e.ONE_CLICK_HEALTH="ONE_CLICK_HEALTH",e))(i||{});const l=[{product:"TEXT_TO_SIGNUP",label:"Text to Signup",columns:[{key:"tts_smsKeywordsReceived",label:"SMS Keywords Received",metricKey:"ttsSent"},{key:"tts_verificationsSucceeded",label:"Verifications Succeeded",metricKey:"ttsVerified"}]},{product:"ONE_CLICK_VERIFY",label:"1-Click Verify",columns:[{key:"verify_smsSent",label:"SMS Sent",metricKey:"oneClickVerificationSending"},{key:"verify_verificationsSucceeded",label:"Verifications Succeeded",metricKey:"oneClickVerificationVerified"}]},{product:"ONE_CLICK_SIGNUP",label:"1-Click Signup",columns:[{key:"signup_riskSignalsLevel",label:"Risk Signals",metricKey:"riskSignalOption"},{key:"signup_autofillsSucceeded",label:"Autofills Succeeded",metricKey:"oneClickSuccess"},{key:"signup_riskSignalsReturned",label:"Risk Signals Returned",metricKey:"riskSignal"}]},{product:"ONE_CLICK_HEALTH",label:"1-Click Health",columns:[{key:"health_autofillsStarted",label:"Autofills Started",metricKey:"oneClickHealthCreated"}]}];export{l as BILLABLE_PRODUCTS,i as BillableProduct};

package/dist/components/chart/BillableEventsTable/exportBillableEventsToCsv.d.ts

@@ -1,9 +1,10 @@
-import { BillableProduct, BillableEventsTableRow } from './BillableEventsTable.types';
+import { BillableProduct, BillableEventColumn, BillableEventsTableRow } from './BillableEventsTable.types';
 interface ExportBillableEventsToCsvOptions {
     data: BillableEventsTableRow[];
     visibleProducts?: BillableProduct[];
     filename?: string;
+    topLevelColumns?: BillableEventColumn[];
     columnFormatters?: Record<string, (value: number, row: BillableEventsTableRow) => string>;
 }
-export declare function exportBillableEventsToCsv({ data, visibleProducts, filename, columnFormatters, }: ExportBillableEventsToCsvOptions): void;
+export declare function exportBillableEventsToCsv({ data, visibleProducts, filename, topLevelColumns, columnFormatters, }: ExportBillableEventsToCsvOptions): void;
 export {};

package/dist/components/chart/BillableEventsTable/exportBillableEventsToCsv.mjs

@@ -1,3 +1,3 @@
-"use strict";import{BillableProduct as g,BILLABLE_PRODUCTS as B}from"./BillableEventsTable.types.mjs";function n(c){const t=String(c);return t.includes(",")||t.includes('"')||t.includes(`
-`)?`"${t.replace(/"/g,'""')}"`:t}function R({data:c,visibleProducts:t,filename:m="billable-events",columnFormatters:i}){const v=t??Object.values(g),a=B.filter(e=>v.includes(e.product)),u=a.flatMap(e=>e.columns),s=[],l=["",""];for(const e of a){l.push(n(e.label));for(let o=1;o<e.columns.length;o++)l.push("")}s.push(l.join(","));const f=["Brand","Integration Type"];for(const e of u)f.push(n(e.label));s.push(f.join(","));for(const e of c){const o=[n(e.brand),n(e.integrationType)];for(const d of u){const b=e.metrics[d.key]??0,h=i?.[d.key];o.push(h?n(h(b,e)):String(b))}s.push(o.join(","))}const j=s.join(`
-`),L=new Blob([j],{type:"text/csv;charset=utf-8;"}),p=URL.createObjectURL(L),r=document.createElement("a");r.href=p,r.download=`${m}.csv`,r.click(),URL.revokeObjectURL(p)}export{R as exportBillableEventsToCsv};
+"use strict";import{BillableProduct as L,BILLABLE_PRODUCTS as B}from"./BillableEventsTable.types.mjs";function n(u){const o=String(u);return o.includes(",")||o.includes('"')||o.includes(`
+`)?`"${o.replace(/"/g,'""')}"`:o}function R({data:u,visibleProducts:o,filename:y="billable-events",topLevelColumns:i=[],columnFormatters:r}){const k=o??Object.values(L),h=B.filter(e=>k.includes(e.product)),b=new Set(i.map(e=>e.key)),m=h.flatMap(e=>e.columns).filter(e=>!b.has(e.key)),a=[],f=["","",...i.map(()=>"")];for(const e of h){const s=e.columns.filter(t=>!b.has(t.key)).length;if(s!==0){f.push(n(e.label));for(let t=1;t<s;t++)f.push("")}}a.push(f.join(","));const p=["Brand","Integration Type"];for(const e of i)p.push(n(e.label));for(const e of m)p.push(n(e.label));a.push(p.join(","));for(const e of u){const s=[n(e.brand),n(e.integrationType)];for(const t of i){const l=e.metrics[t.key]??0,c=r?.[t.key];s.push(c?n(c(l,e)):String(l))}for(const t of m){const l=e.metrics[t.key]??0,c=r?.[t.key];s.push(c?n(c(l,e)):String(l))}a.push(s.join(","))}const g=a.join(`
+`),j=new Blob([g],{type:"text/csv;charset=utf-8;"}),v=URL.createObjectURL(j),d=document.createElement("a");d.href=v,d.download=`${y}.csv`,d.click(),URL.revokeObjectURL(v)}export{R as exportBillableEventsToCsv};

package/package.json

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