@verifiedinc-public/shared-ui-elements 8.20.3 → 8.21.1

package/dist/components/Alert/Alert.mjs

@@ -0,0 +1 @@
+"use strict";import o from"@mui/material/Alert";import{jsx as t}from"react/jsx-runtime";function f(r){return t(o,{...r})}export{f as Alert};

package/dist/components/Alert/FullWidthAlert.mjs

@@ -0,0 +1 @@
+"use strict";import{Alert as n}from"@mui/material";import{jsx as t,Fragment as l}from"react/jsx-runtime";function s({children:e,sx:r,...i}){return t(l,{children:t(n,{severity:"info",sx:{maxWidth:"100%",width:"100%",textAlign:"left",alignItems:"center",...r},...i,children:e})})}export{s as FullWidthAlert};

package/dist/components/Backdrop/index.mjs

@@ -0,0 +1 @@
+"use strict";import{Backdrop as n,Stack as i,CircularProgress as c}from"@mui/material";import{jsx as e,jsxs as t}from"react/jsx-runtime";const p=({open:s,sx:a,children:o})=>e(n,{sx:{color:r=>r.palette.primary.main,zIndex:r=>r.zIndex.drawer+1,...a},open:s,children:t(i,{alignItems:"center",spacing:3,children:[e(c,{color:"inherit"}),o]})});export{p as Backdrop};

package/dist/components/Banners/Banner.mjs

@@ -0,0 +1 @@
+"use strict";import{useTheme as l,Box as n,AlertTitle as a}from"@mui/material";import{FullWidthAlert as m}from"../Alert/FullWidthAlert.mjs";import{Typography as c}from"../Typography/index.mjs";import{jsx as t,jsxs as h}from"react/jsx-runtime";function p({title:r,severity:e,children:s,sx:o}){const i=l();return t(n,{sx:{mt:3,...o},children:h(m,{severity:e,sx:{alignItems:"start"},children:[t(a,{children:t(c,{sx:{color:i.palette.info.contrastText},fontWeight:"bold",children:r})}),s]})})}export{p as Banner};

package/dist/components/Banners/ExactBirthdayBanner.mjs

@@ -0,0 +1 @@
+"use strict";import{Banner as e}from"./Banner.mjs";import{jsx as i}from"react/jsx-runtime";function t({sx:r}){return i(e,{title:"Enter your exact Birthday",severity:"info",sx:r,children:"We need this to verify your identity with your phone carrier and pre-fill your signup info."})}export{t as ExactBirthdayBanner};

package/dist/components/Banners/ResendPhoneBanner.mjs

@@ -0,0 +1 @@
+"use strict";import{useTheme as s}from"@mui/material";import{FullWidthAlert as a}from"../Alert/FullWidthAlert.mjs";import{Button as l}from"../Button/index.mjs";import{parseToPhoneNational as m}from"../../utils/phone/index.mjs";import"tinycolor2";import{jsx as o,Fragment as c,jsxs as d}from"react/jsx-runtime";function h({phone:e,onClick:t,disabled:n=!1,sx:r}){const i=s();return o(c,{children:d(a,{action:o(l,{onClick:t,disabled:n,sx:{color:i.palette.info.contrastText,fontWeight:800,fontSize:"13px",padding:"0","&:hover":{backgroundColor:"initial"},...r},size:"small",variant:"text",color:"info",children:"Resend"}),children:["Use the text we sent to ",o("strong",{children:m(e)})," "]})})}export{h as ResendPhoneBanner};

package/dist/components/Banners/TestPhoneNumbersBanner.mjs

@@ -0,0 +1 @@
+"use strict";import{Box as r}from"@mui/material";import{Banner as s}from"./Banner.mjs";import{jsx as e,jsxs as t}from"react/jsx-runtime";function i({sx:n}){return e(s,{title:"Test Phone Numbers",severity:"info",sx:n,children:t(r,{component:"ul",sx:{listStyle:"inside"},children:[e("li",{children:"Phone Only Input: +10123456789"}),e("li",{children:"Phone and Birth Date Inputs: +10019999999"})]})})}export{i as TestPhoneNumbersBanner};

package/dist/components/BrandFilterInput/BrandFilterInput.hook.mjs

@@ -0,0 +1 @@
+"use strict";import{useMemo as c,useEffect as v}from"react";import i from"lodash";const p=e=>i.chain(e).mapValues(r=>({name:r.brandName,value:r.brandUuid,_raw:r})).toArray().value();function f({value:e,multiple:r=!1,onChange:n,brands:s,maximumSelectedBrands:o,defaultBrandUuids:d}){const m=c(()=>(s??[]).map(a=>a),[s]),t=c(()=>i.sortBy(p(m),[a=>!a._raw.isLiveBrand]),[m]);return v(()=>{if(!t.length)return;const a=d?t.filter(l=>d.includes(l.value)):[];if(r&&Array.isArray(e)){if(!e.length&&a.length)return n?.(a.slice(0,o));const l=i.map(t,"value");!e.every(u=>l.includes(u.value))&&a.length&&n?.(a.slice(0,o))}else{const l=a[0];if(!Array.isArray(e)){if(!e&&l)return n?.(l);const u=i.map(t,"value");!(e&&u.includes(e.value))&&l&&n?.(l)}}},[t]),{brandOptions:t}}export{p as toOption,f as useBrandFilterInput};

package/dist/components/BrandFilterInput/index.mjs

@@ -0,0 +1 @@
+"use strict";import{Box as C,Autocomplete as K,TextField as N,Checkbox as P,Typography as R}from"@mui/material";import{useSnackbar as U}from"../Snackbar/index.mjs";import{useState as O,useMemo as m,useEffect as z}from"react";import{useBrandFilterInput as T}from"./BrandFilterInput.hook.mjs";import{toOption as D}from"./BrandFilterInput.hook.mjs";import{jsx as d,jsxs as G}from"react/jsx-runtime";function H({label:I,multiple:t=!1,value:c,onChange:v,brands:_,isLoading:k,maximumSelectedBrands:i,groupLiveBrand:F=!1,selectAll:f=!1,selectLiveBrands:h=!1,defaultBrandUuids:Y,debounceMs:A=2e3,sx:q}){const[s,b]=O(c??null),E=m(()=>{if(!t)return v;let e;return r=>{clearTimeout(e),e=setTimeout(()=>{v(r)},A)}},[t,v,A]),B=e=>{if(t&&Array.isArray(e)){const r=e.slice(0,i);b(r),E(r);return}b(e),v(e)};z(()=>{b(c??null)},[c]);const{enqueueSnackbar:g}=U(),{brandOptions:n}=T({value:c,multiple:t,onChange:B,brands:_,maximumSelectedBrands:i,defaultBrandUuids:Y});let p;if(t?p="multiple":c===void 0?p="empty":p="single",(f||h)&&!t)throw new Error("selectAll and selectLiveBrands props can only be used when multiple is true");const y=m(()=>({selectAll:{name:"Select All",value:"select-all",_raw:{}},selectLiveBrands:{name:"Select Live Brands",value:"select-live-brands",_raw:{}}}),[]),M=m(()=>{if(!t)return n;const e=[];return f&&e.push(y.selectAll),h&&e.push(y.selectLiveBrands),e.length>0?[...e,...n]:n},[t,f,h,y,n]),$=m(()=>{if(!t||!Array.isArray(s)||n.length===0)return{areAllSelected:!1,areLiveBrandsSelected:!1};const e=n.filter(l=>l._raw.isLiveBrand),r=s.filter(l=>l.value!=="select-all"&&l.value!=="select-live-brands"),u=r.length===n.length&&n.every(l=>r.some(o=>o.value===l.value)),a=e.length>0&&e.every(l=>r.some(o=>o.value===l.value));return{areAllSelected:u,areLiveBrandsSelected:a}},[t,s,n]),{areAllSelected:L,areLiveBrandsSelected:S}=$,j=e=>{if(!t||!Array.isArray(e))return e;const r=e.some(a=>a.value==="select-all"),u=e.some(a=>a.value==="select-live-brands");if(r)return L?[]:i&&n.length>i?(g(`You can't select more than ${i} brands.`,"error"),Array.isArray(s)?s.filter(a=>a.value!=="select-all"&&a.value!=="select-live-brands"):[]):n;if(u){const a=n.filter(l=>l._raw.isLiveBrand);return S?Array.isArray(s)?s.filter(l=>l.value!=="select-live-brands"&&!a.some(o=>o.value===l.value)):[]:i&&a.length>i?(g(`You can't select more than ${i} brands.`,"error"),Array.isArray(s)?s.filter(l=>l.value!=="select-all"&&l.value!=="select-live-brands"):[]):[...Array.isArray(s)?s.filter(l=>l.value!=="select-all"&&l.value!=="select-live-brands"&&!a.some(o=>o.value===l.value)):[],...a]}return e.filter(a=>a.value!=="select-all"&&a.value!=="select-live-brands")},[x,w]=O(!1);return d(C,{onClick:()=>{x||w(!0)},sx:{position:"relative",cursor:"pointer",...q},children:d(K,{multiple:t,value:t?s||[]:s,limitTags:3,options:M,getOptionKey:e=>e.value,getOptionLabel:e=>e.name,isOptionEqualToValue:(e,r)=>r?e.value===r.value:!1,open:x,onOpen:()=>{},onClose:()=>w(!1),onChange:(e,r)=>{const u=j(r);if(i&&Array.isArray(u)&&u.length>i&&Array.isArray(c)&&u.length>c.length){g(`You can't select more than ${i} brands.`,"error");return}B(u)},clearOnBlur:!0,disableClearable:!t,disabled:k,disableCloseOnSelect:t,...F&&{groupBy:e=>e.value==="select-all"||e.value==="select-live-brands"?"":e._raw.isLiveBrand?"Live Brands":"Not Live Yet"},renderOption:(e,r,{selected:u})=>{const a=r.value==="select-all"?L:r.value==="select-live-brands"?S:u;return d("li",{...e,children:G(C,{display:"flex",alignItems:"center",width:"100%",children:[t&&d(P,{checked:a,sx:{marginRight:1}}),d(R,{children:r.name})]})})},renderInput:e=>d(N,{...e,label:I,placeholder:"Select...",inputProps:{...e.inputProps,flex:1,width:"100%"},sx:{width:"100%"}})},p)})}export{H as BrandFilterInput,D as toOption,T as useBrandFilterInput};

package/dist/components/Button/index.mjs

@@ -0,0 +1 @@
+"use strict";import r from"@mui/material/Button";import{jsx as t}from"react/jsx-runtime";function m(o){return t(r,{...o})}export{m as Button};

package/dist/components/CredentialRequestsEditor/CredentialRequestsEditor.context.mjs

@@ -0,0 +1 @@
+"use strict";import{useEffect as u,createContext as d,useContext as l}from"react";import{useForm as c,FormProvider as f}from"react-hook-form";import m from"lodash/debounce";import{omitProperties as p}from"../../utils/omitProperty.mjs";import{jsx as i}from"react/jsx-runtime";const n=d(null);function h(){const e=l(n);if(!e)throw new Error("useCredentialRequestsEditor must be used within a CredentialRequestsEditorProvider");return e}function R(e){const t=c({defaultValues:{credentialRequests:e.credentialRequests}});return u(()=>{const o=m((r,{name:q,type:C})=>{if(r.credentialRequests){const a=r.credentialRequests.filter(s=>!!(s!=null&&s.type));e.onChange(p(a,["isNew","id"]))}},100);return t.watch(o).unsubscribe},[t.watch]),i(f,{...t,children:i(n.Provider,{value:{addButtonText:e.addButtonText,riskSignals:e.riskSignals,features:e.features,integrationType:e.integrationType},children:e.children})})}export{R as CredentialRequestsEditorProvider,h as useCredentialRequestsEditor};

package/dist/components/CredentialRequestsEditor/components/CredentialRequestsField.mjs

@@ -0,0 +1 @@
+"use strict";import{Stack as f}from"@mui/material";import{Add as h}from"@mui/icons-material";import{useFormContext as y,useFieldArray as A}from"react-hook-form";import{DndProvider as F}from"react-dnd";import{HTML5Backend as x}from"react-dnd-html5-backend";import{Button as q}from"../../Button/index.mjs";import{buildDataFieldValue as g}from"../utils/buildDataFieldValue.mjs";import{CredentialRequestFieldProvider as v}from"../contexts/CredentialRequestFieldContext.mjs";import{DataFieldAccordion as k}from"./DataFieldAccordion.mjs";import{useCredentialRequestsEditor as C}from"../CredentialRequestsEditor.context.mjs";import{jsx as r,jsxs as d,Fragment as R}from"react/jsx-runtime";function p({path:s="credentialRequests",parentFieldArray:u,parentIndex:m=0,level:o=0}){const n=C(),c=y(),t=A({control:c.control,name:s});return d(R,{children:[t.fields.map((e,i)=>{const a=`${s}.${i}`;return d(v,{path:a,field:e,fieldArray:t,index:i,level:o,onAllFieldsDelete:()=>{var l;(l=u??t)==null||l.remove(m)},children:[r(k,{riskSignals:n.riskSignals,integrationType:n.integrationType}),Array.isArray(e.children)&&r(p,{path:`${a}.children`,parentFieldArray:t,parentIndex:i,level:o+1},`${a}.children`)]},a+e.type)}),s==="credentialRequests"&&r(q,{type:"button",onClick:()=>{if(!n)return;const e=g(""),i={type:e.type,issuers:e.issuers,required:e.required,mandatory:e.mandatory,description:e.description,allowUserInput:e.allowUserInput,multi:e.multi,children:e.children,isNew:!0};t.append(i)},size:"large",variant:"outlined",startIcon:r(h,{}),fullWidth:!0,sx:{width:"100%"},children:n.addButtonText??"Add Credential Request"})]})}function w(){return r(F,{backend:x,children:r(f,{spacing:2,children:r(p,{})})})}export{w as CredentialRequestsField};

package/dist/components/CredentialRequestsEditor/components/DataFieldAccordion.mjs

@@ -0,0 +1 @@
+"use strict";import{useState as A,useRef as X,useMemo as Z,useCallback as _,useEffect as Y}from"react";import{useTheme as tt,Stack as r,Paper as et,Box as at,Accordion as ot,AccordionSummary as it,IconButton as b,AccordionDetails as rt,Typography as I}from"@mui/material";import{Menu as nt,Delete as lt,ChevronLeft as st,CheckCircle as dt,Close as ct}from"@mui/icons-material";import{useDrag as pt,useDrop as mt}from"react-dnd";import{useFormContext as ft,useController as ut}from"react-hook-form";import{RequiredLabel as xt}from"../../RequiredLabel/index.mjs";import{prettyField as gt}from"../utils/prettyField.mjs";import{MandatoryEnum as ht}from"../types/mandatoryEnum.mjs";import{SdkIntegrationType as p}from"../types/sdk.mjs";import{useCredentialRequestField as yt}from"../contexts/CredentialRequestFieldContext.mjs";import{DataFieldOptionType as vt}from"./DataFieldOptionType.mjs";import{DataFieldDescription as St}from"./DataFieldDescription.mjs";import{DataFieldMandatory as Dt}from"./DataFieldMandatory.mjs";import{DataFieldUserInput as Ct}from"./DataFieldUserInput.mjs";import{DataFieldDeleteModal as At}from"./DataFieldDeleteModal.mjs";import{DataFieldMulti as bt}from"./DataFieldMulti.mjs";import{jsxs as n,jsx as a,Fragment as It}from"react/jsx-runtime";function Ft(F){const{defaultExpanded:k,integrationType:l,riskSignals:w}=F,e=yt(),M=ft(),s=ut({name:`${e?.path}`}),g=s.field.value,h=M.watch("credentialRequests"),d=(e?.field).isNew,m=(e?.level??0)>0,[y,z]=A((k??d)||!1),[N,f]=A(!1),H=X(null),v=String(e?.field.type),S=gt(v||"Choose a type..."),D=tt(),u="chevron",T=Z(()=>s.field.value&&s.field.value.type,[s.field.value]),C=_(t=>{const o=t,i=e;if(!o||!i)return!1;const c=Q=>Q.split(".").slice(0,-2).join("."),x=c(o?.path??""),B=c(i?.path??""),L=x===B,G=o.level,V=o.index,J=i.level,K=i.index;return!(G!==J||V===K||!L)},[e]),[{opacity:E},P,R]=pt(()=>({type:"data-field-drag",item:()=>e,collect:t=>({opacity:t.isDragging()?0:1})}),[e,h]),[{opacity:$},j]=mt(()=>({accept:"data-field-drag",canDrop(t){return C(t)},drop(t){const o=t,i=e;if(!o||!i||!C(o))return;const c=o.index,x=i.index;e.fieldArray.move(c,x)},collect:t=>t.isOver()?{opacity:t.canDrop()?.4:1}:{opacity:1}}),[e,h]),q=()=>{if(e){if(f(!1),e.fieldArray.fields.length<=1){e.onAllFieldsDelete();return}e.fieldArray.remove(e.index)}},O=()=>a(I,{variant:"body1",sx:{fontStyle:v?"normal":"italic",fontSize:"16px",fontWeight:"800",textAlign:"left !important",alignSelf:"flex-start"},children:g.mandatory!==ht.NO?a(xt,{children:S}):S}),U=()=>{const t=g.allowUserInput;return n(r,{direction:"row",alignItems:"center",spacing:.5,pl:5.25,children:[t?a(dt,{sx:{fontSize:"12px",color:D.palette.text.disabled}}):a(ct,{sx:{fontSize:"12px",color:D.palette.text.disabled}}),a(I,{variant:"body1",color:"text.disabled",sx:{fontSize:"12px",fontWeight:"400",alignSelf:"flex-start",textAlign:"left!important"},children:"Allow User Input"})]})},W=()=>n(r,{spacing:2,children:[!m&&a(vt,{}),l!==p.NonHosted&&a(St,{}),a(Dt,{}),l!==p.NonHosted&&a(Ct,{}),T==="AddressCredential"&&a(bt,{riskSignals:w})]});return Y(()=>{var t;d&&((t=H.current)==null||t.scrollIntoView({behavior:"smooth"}))},[d]),n(r,{ref:j,sx:{position:"relative",width:"100%",opacity:$},children:[a(et,{ref:t=>R(t),sx:{p:"0!important",width:`calc(100% - ${(e?.level??0)*30}px)!important`,alignSelf:"flex-end",opacity:E},children:a(at,{children:n(ot,{defaultExpanded:d,expanded:y,sx:{boxShadow:"none","&::before":{display:"none"},my:"0px !important",mt:0,p:"8px !important"},"data-testid":"custom-demo-dialog-data-field-accordion",children:[a(it,{onClick:t=>{if(m&&l===p.NonHosted){t.preventDefault(),t.stopPropagation();return}z(o=>!o)},expandIcon:n(It,{children:[a(b,{size:"small",onClick:t=>{t.stopPropagation(),f(!0)},"data-testid":"custom-demo-dialog-data-field-delete-button",children:a(lt,{fontSize:"small",sx:{transform:"rotate(0deg)"}})}),(!m||l!==p.NonHosted)&&a(r,{className:u,sx:{ml:1,alignSelf:"center"},children:a(st,{fontSize:"small",sx:{color:"#0dbc3d",transform:"rotate(0deg)"}})})]}),sx:{px:0,minHeight:"auto!important","& .MuiAccordionSummary-content":{my:"0px !important"},"& .MuiAccordionSummary-expandIconWrapper":{alignSelf:"flex-start",transform:"rotate(0deg) !important",[`& .${u}`]:{transition:"transform .3s"},"&.Mui-expanded":{[`& .${u}`]:{transform:"rotate(-90deg)"}}}},children:a(r,{sx:{alignItems:"flex-start",mr:.5},children:n(r,{direction:"column",alignItems:"flex-start",spacing:0,children:[n(r,{direction:"row",alignItems:"center",spacing:1,children:[a(b,{ref:P,size:"small",color:"success",onClick:t=>{t.preventDefault(),t.stopPropagation()},sx:{cursor:"grab"},children:a(nt,{})}),O()]}),U()]})})}),a(rt,{sx:{pt:3},children:y&&W()})]})})}),a(At,{open:N,onClose:()=>{f(!1)},onConfirm:q})]})}export{Ft as DataFieldAccordion};

package/dist/components/CredentialRequestsEditor/components/DataFieldDeleteModal.mjs

@@ -0,0 +1 @@
+"use strict";import{Dialog as s,DialogTitle as r,DialogContent as d,Typography as c,DialogActions as m}from"@mui/material";import{Button as o}from"../../Button/index.mjs";import{jsxs as a,jsx as e}from"react/jsx-runtime";const i={minHeight:20,mt:2,py:1,px:1.25,fontWeight:"800",fontSize:"13px"};function f({open:l,onClose:t,onConfirm:n}){return a(s,{open:l,onClose:t,children:[e(r,{children:"Delete Data Field?"}),e(d,{children:e(c,{children:"Are you sure you want to delete this data field?"})}),a(m,{sx:{justifyContent:"space-between"},children:[e(o,{variant:"text",color:"neutral",size:"small",onClick:t,sx:i,"data-testid":"custom-demo-dialog-data-field-delete-cancel-button",children:"Don't Delete"}),e(o,{variant:"contained",color:"error",size:"small",onClick:n,sx:i,"data-testid":"custom-demo-dialog-data-field-delete-confirm-button",children:"Delete"})]})]})}export{f as DataFieldDeleteModal};

package/dist/components/CredentialRequestsEditor/components/DataFieldDescription.mjs

@@ -0,0 +1,3 @@
+"use strict";import{useState as c,useRef as m}from"react";import{useController as f}from"react-hook-form";import g from"lodash/debounce";import{TextField as h}from"@mui/material";import{useCredentialRequestsEditor as v}from"../CredentialRequestsEditor.context.mjs";import{useCredentialRequestField as x}from"../contexts/CredentialRequestFieldContext.mjs";import{DataFieldSection as F}from"./DataFieldSection.mjs";import{jsx as i,jsxs as C,Fragment as D}from"react/jsx-runtime";function S(){var a,o;const{features:s}=v(),r=((a=s?.description)==null?void 0:a.disabled)===!0,l=x(),e=f({name:`${l?.path}.description`}),[d,n]=c(e.field.value??""),p=m(g(t=>{e.field.onChange({target:{value:t}})},500)).current,u=t=>{r||(n(t.target.value),p(t.target.value))};return i(F,{title:"Field Description",description:"What text appears under the field",tip:C(D,{children:[i("pre",{children:"POST /1-click"}),i("pre",{children:`{
+  description?: string
+}`})]}),sx:{opacity:r?.5:1},children:i(h,{...e.field,value:d,onChange:u,error:!!e.fieldState.error,helperText:((o=e.fieldState.error)==null?void 0:o.message)??"Optional \u2014 defaults to empty",label:"Description",color:"success",size:"small",className:"original",inputProps:{"data-testid":"custom-demo-dialog-data-field-description-input"},disabled:r})})}export{S as DataFieldDescription};

package/dist/components/CredentialRequestsEditor/components/DataFieldMandatory.mjs

@@ -0,0 +1,3 @@
+"use strict";import{useFormContext as f,useController as h}from"react-hook-form";import{RadioGroup as c}from"@mui/material";import{MandatoryEnum as o}from"../types/mandatoryEnum.mjs";import{useCredentialRequestsEditor as v}from"../CredentialRequestsEditor.context.mjs";import{useCredentialRequestField as y}from"../contexts/CredentialRequestFieldContext.mjs";import{propagateToChildren as g}from"../utils/propagateToChildren.mjs";import{RadioOption as l}from"./RadioOption.mjs";import{DataFieldSection as C}from"./DataFieldSection.mjs";import{jsx as a,jsxs as u,Fragment as O}from"react/jsx-runtime";function R(){var i;const{features:r}=v(),t=((i=r?.mandatory)==null?void 0:i.disabled)===!0,e=y(),m=f(),d=h({name:`${e?.path}.mandatory`});return a(C,{title:"Optional or Required",description:"Whether it's optional or required for the user to share this data",tip:u(O,{children:[a("pre",{children:"POST /1-click"}),a("pre",{children:`{
+  mandatory?: enum
+}`})]}),sx:{opacity:t?.5:1},children:u(c,{value:d.field.value,onChange:p=>{if(t)return;const s=p.target.value;d.field.onChange({target:{value:s}});const n=e?.path;n&&g(m,s,n,"mandatory")},children:[a(l,{isDefault:!0,value:o.NO,title:"Optional",description:"Optional for the user to share",tip:o.NO,inputProps:{"data-testid":"custom-demo-dialog-mandatory-no-radio"},disabled:t}),a(l,{value:o.IF_AVAILABLE,title:"Required if available",description:"Required to share, if the user has it",tip:o.IF_AVAILABLE,inputProps:{"data-testid":"custom-demo-dialog-mandatory-if_available-radio"},disabled:t})]})})}export{R as DataFieldMandatory};

package/dist/components/CredentialRequestsEditor/components/DataFieldMulti.mjs

@@ -0,0 +1,3 @@
+"use strict";import{RadioGroup as p}from"@mui/material";import{useController as m}from"react-hook-form";import{SdkIntegrationType as c}from"../types/sdk.mjs";import{useCredentialRequestsEditor as f}from"../CredentialRequestsEditor.context.mjs";import{useCredentialRequestField as v}from"../contexts/CredentialRequestFieldContext.mjs";import{RadioOption as d}from"./RadioOption.mjs";import{DataFieldSection as h}from"./DataFieldSection.mjs";import{jsx as e,jsxs as n,Fragment as b}from"react/jsx-runtime";function g({riskSignals:l}){var a;const{features:o,integrationType:r}=f(),i=r===c.Hosted||((a=o?.multi)==null?void 0:a.disabled)===!0||l==="none",t=v(),s=m({name:`${t?.path}.multi`});return(t?.level??0)>0?null:e(h,{title:"Multiple Values",description:l==="none"?"This option is disabled when the Risk Signals brand setting is set to Off":"Whether multiple data values should be included if available",tip:n(b,{children:[e("pre",{children:"POST /1-click"}),e("pre",{children:`{
+  multi?: boolean
+}`})]}),sx:{opacity:i?.5:1},children:n(p,{value:s.field.value??!1,onChange:(C,u)=>{i||s.field.onChange({target:{value:u==="true"}})},children:[e(d,{value:!0,title:"Yes",description:"Multiple values will be included if available",tip:"true",inputProps:{"data-testid":"custom-demo-dialog-multi-yes-radio"},disabled:i}),e(d,{isDefault:!0,value:!1,title:"No",description:"Multiple values won't be included",tip:"false",inputProps:{"data-testid":"custom-demo-dialog-multi-no-radio"},disabled:i})]})})}export{g as DataFieldMulti};

package/dist/components/CredentialRequestsEditor/components/DataFieldOptionType.mjs

@@ -0,0 +1,3 @@
+"use strict";import{useMemo as c}from"react";import{useFormContext as h,useController as y}from"react-hook-form";import{Autocomplete as v,TextField as C}from"@mui/material";import{prettyField as F}from"../utils/prettyField.mjs";import{buildDataFieldValue as x}from"../utils/buildDataFieldValue.mjs";import{useCredentialRequestField as g}from"../contexts/CredentialRequestFieldContext.mjs";import{DataFieldSection as b}from"./DataFieldSection.mjs";import{jsx as n,jsxs as S,Fragment as D}from"react/jsx-runtime";function P(){const e=g(),d=h(),u=y({name:`${e?.path}`}),o=c(()=>{const t={PhoneCredential:0,FullNameCredential:1,AddressCredential:2,BirthDateCredential:3,SsnCredential:4,SexCredential:5,DriversLicenseCredential:6},r=e?.path??"",i=e?.index??0,a=r.split(".").slice(0,-1).join("."),m=d.getValues(a),f=new Set(m?.map((l,s)=>s!==i?l.type:null).filter(l=>l!==null)??[]);return Object.keys(t).map(l=>({label:F(l),id:l})).filter(l=>!f.has(l.id)).sort((l,s)=>t[l.id]-t[s.id])},[e,d]),p=c(()=>{var t,r;const i=(r=(t=u.field)==null?void 0:t.value)==null?void 0:r.type;return o?.find(a=>a.id===i)},[u,o]);return n(b,{title:"Field Type",description:"What type of user data this field is for",tip:S(D,{children:[n("pre",{children:"POST /1-click"}),n("pre",{children:`{
+  type: string
+}`})]}),children:n(v,{value:p,onChange:(t,r)=>{if(!r)return;const i=x(r.id),a={type:i.type,issuers:i.issuers,required:i.required,mandatory:i.mandatory,description:i.description,allowUserInput:i.allowUserInput,multi:i.multi,children:i.children};e?.fieldArray.update(e?.index,a)},options:o,disablePortal:!0,renderInput:t=>n(C,{...t,label:"Type",color:"success",size:"small",className:"original",fullWidth:!0,inputProps:{...t.inputProps,"data-testid":"custom-demo-dialog-data-field-type-input"},placeholder:"Choose a type..."}),disabled:(e?.level??0)>0})},JSON.stringify(p))}export{P as DataFieldOptionType};

package/dist/components/CredentialRequestsEditor/components/DataFieldSection.mjs

@@ -0,0 +1 @@
+"use strict";import{Stack as i,Typography as o}from"@mui/material";import{Tip as l}from"../../Tip/index.mjs";import{jsxs as a,jsx as t}from"react/jsx-runtime";function p(n){const{children:d,title:r,description:e,tip:s,sx:c}=n;return a(i,{sx:c,children:[a(i,{direction:"row",alignItems:"center",spacing:.5,children:[t(o,{variant:"body1",sx:{fontSize:"16px",fontWeight:"700"},"data-testid":"custom-demo-dialog-data-field-title",children:r}),t(l,{children:s})]}),e&&t(o,{variant:"body2",color:"text.secondary",sx:{textAlign:"left !important",fontSize:"12px",fontWeight:"400"},"data-testid":"custom-demo-dialog-data-field-description",children:e}),t(i,{sx:{mt:3},children:d})]})}export{p as DataFieldSection};

package/dist/components/CredentialRequestsEditor/components/DataFieldUserInput.mjs

@@ -0,0 +1,3 @@
+"use strict";import{RadioGroup as m}from"@mui/material";import{useFormContext as c,useController as f}from"react-hook-form";import{useCredentialRequestsEditor as h}from"../CredentialRequestsEditor.context.mjs";import{useCredentialRequestField as v}from"../contexts/CredentialRequestFieldContext.mjs";import{propagateToChildren as g}from"../utils/propagateToChildren.mjs";import{RadioOption as l}from"./RadioOption.mjs";import{DataFieldSection as C}from"./DataFieldSection.mjs";import{jsx as e,jsxs as n,Fragment as w}from"react/jsx-runtime";function I(){var o;const{features:a}=h(),t=((o=a?.description)==null?void 0:o.disabled)===!0,i=v(),u=c(),r=f({name:`${i?.path}.allowUserInput`});return e(C,{title:"Allow User Input",description:"Whether the user is allowed to add or edit data for this field",tip:n(w,{children:[e("pre",{children:"POST /1-click"}),e("pre",{children:`{
+  allowUserInput?: boolean
+}`})]}),sx:{opacity:t?.5:1},children:n(m,{value:r.field.value,onChange:(b,p)=>{if(t)return;const s=p==="true";r.field.onChange({target:{value:s}});const d=i?.path;d&&g(u,s,d,"allowUserInput")},children:[e(l,{isDefault:!0,value:!0,title:"Yes",description:"The user can add or edit data",tip:"true",inputProps:{"data-testid":"custom-demo-dialog-user-input-yes-radio"},disabled:t}),e(l,{value:!1,title:"No",description:"The user can't add or edit data",tip:"false",inputProps:{"data-testid":"custom-demo-dialog-user-input-no-radio"},disabled:t})]})})}export{I as DataFieldUserInput};

package/dist/components/CredentialRequestsEditor/components/RadioOption.mjs

@@ -0,0 +1 @@
+"use strict";import{Stack as i,Radio as x,Typography as r,Box as f,Chip as p}from"@mui/material";import{Tip as h}from"../../Tip/index.mjs";import{jsxs as e,jsx as t}from"react/jsx-runtime";function m(a){const{isDefault:s,title:l,description:n,tip:c,sx:o,...d}=a;return e(i,{direction:"row",justifyContent:"space-between",alignItems:"center",sx:{mb:1,...o},children:[t(i,{sx:{alignItems:"flex-start"},children:e(i,{direction:"row",spacing:1,children:[t(x,{...d,sx:{mt:"1px",width:34,height:34,...o,"&.Mui-checked":{color:"#0dbc3d"}}}),e(i,{children:[e(i,{direction:"row",alignItems:"center",spacing:1,children:[t(r,{variant:"body1",sx:{fontSize:"16px",fontWeight:"400",textAlign:"left !important"},children:l}),t(h,{children:c})]}),n&&t(r,{variant:"body2",color:"text.disabled",sx:{textAlign:"left !important",alignSelf:"flex-start",fontSize:"12px",fontWeight:"400",mt:.5},children:n})]})]})}),t(f,{sx:{mt:1,alignSelf:"flex-start"},children:s&&t(p,{size:"small",label:"Default",color:"info",variant:"outlined",sx:{fontWeight:700}})})]})}export{m as RadioOption};

package/dist/components/CredentialRequestsEditor/contexts/CredentialRequestFieldContext.mjs

@@ -0,0 +1 @@
+"use strict";import{createContext as i,useContext as n}from"react";import{jsx as o}from"react/jsx-runtime";const e=i(null),s=()=>n(e);function a({children:r,...t}){return o(e.Provider,{value:t,children:r})}export{a as CredentialRequestFieldProvider,s as useCredentialRequestField};

package/dist/components/CredentialRequestsEditor/index.mjs

@@ -0,0 +1 @@
+"use strict";import{CredentialRequestsEditorProvider as t}from"./CredentialRequestsEditor.context.mjs";import{CredentialRequestsField as i}from"./components/CredentialRequestsField.mjs";import{jsx as e}from"react/jsx-runtime";function s(r){return e(t,{...r,children:e(i,{})})}export{s as CredentialRequestsEditor};

package/dist/components/CredentialRequestsEditor/types/mandatoryEnum.mjs

@@ -0,0 +1 @@
+"use strict";var A=(a=>(a.YES="yes",a.NO="no",a.IF_AVAILABLE="if_available",a))(A||{});export{A as MandatoryEnum};

package/dist/components/CredentialRequestsEditor/types/sdk.mjs

@@ -0,0 +1 @@
+"use strict";var s=(e=>(e.Hosted="hosted",e.SemiHosted="semi-hosted",e.NonHosted="non-hosted",e))(s||{});export{s as SdkIntegrationType};

package/dist/components/CredentialRequestsEditor/utils/buildDataFieldValue.mjs

@@ -0,0 +1 @@
+"use strict";import t from"lodash";import{MandatoryEnum as l}from"../types/mandatoryEnum.mjs";import{fields as p}from"../../form/NewOneClickForm/core/fields/index.mjs";function d(r){return t.upperFirst(t.camelCase(o(r)))+"Credential"}function o(r){const n=r.replace("Credential","");return t.lowerFirst(t.camelCase(n))}function u(r){const n=o(r),a=d(r),e=p[n];if(!e)return{type:r,mandatory:l.NO,description:"",allowUserInput:!0,multi:!1};if("children"in e&&e.children){const s=e.children,c=Object.keys(s).map(i=>u(i)).filter(i=>i!==null);return{type:a,mandatory:l.NO,description:"",allowUserInput:!0,multi:!1,children:c}}return{type:a,mandatory:l.NO,description:"",allowUserInput:!0,multi:!1}}export{u as buildDataFieldValue};

package/dist/components/CredentialRequestsEditor/utils/prettyField.mjs

@@ -0,0 +1 @@
+"use strict";const n=/([A-Z][a-z0-9]+)/gm,p=i=>i.split(n).map(e=>e==="Id"?"ID":e==="Zip"?"ZIP":e==="Ssn"?"SSN":e).filter(e=>e!=="Credential").join(" ");export{p as prettyField};

package/dist/components/CredentialRequestsEditor/utils/propagateToChildren.mjs

@@ -0,0 +1 @@
+"use strict";function c(o,n,r,i){const d=o.getValues(),l=r.split(".");let e=d;for(const t of l)e&&typeof e=="object"&&t in e&&(e=e[t]);if(e&&typeof e=="object"&&"children"in e){const t=e.children;Array.isArray(t)&&t.forEach((y,u)=>{const a=`${r}.children.${u}`,p=`${a}.mandatory`,f=`${a}.allowUserInput`,s=`${a}.${i}`,h=o.getValues(p),g=o.getValues(f);o.getValues(s)!==void 0&&h!==void 0&&g!==void 0&&(o.setValue(s,n,{shouldValidate:!1}),c(o,n,a,i))})}}export{c as propagateToChildren};

package/dist/components/Image.mjs

@@ -0,0 +1 @@
+"use strict";import{Box as r}from"@mui/material";import{jsx as s}from"react/jsx-runtime";const a=({src:o,alt:t,...m})=>s(r,{src:o,alt:t,...m,component:"img"});export{a as Image};

package/dist/components/QRCodeDisplay/index.mjs

@@ -0,0 +1 @@
+"use strict";import{Box as t}from"@mui/material";import{useQRCode as r}from"../../hooks/useQRCode.mjs";import{jsxs as l,jsx as e}from"react/jsx-runtime";function m({data:o,asset:a,svgSize:s=300,logoSize:i=0,fill:n="#000000"}){const p=r({data:o,size:s,imageSize:i,fill:n});return l(t,{position:"relative",children:[e(t,{display:"flex",sx:{"& svg":{width:"100%",height:"auto",aspectRatio:1}},dangerouslySetInnerHTML:{__html:p}}),e(t,{component:"img",src:a,sx:{position:"absolute",width:i/s*100+"%",maxWidth:i+"px",height:"auto",inset:0,aspectRatio:1,m:"auto",p:.5}})]})}export{m as QRCodeDisplay};

package/dist/components/RequiredLabel/index.mjs

@@ -0,0 +1 @@
+"use strict";import{Box as o}from"@mui/material";import{jsxs as n,jsx as e}from"react/jsx-runtime";function s(r){return n("span",{children:[r.children,e(o,{component:"span",color:"error.main",sx:{ml:.5},children:"*"})]})}export{s as RequiredLabel};

package/dist/components/Snackbar/index.mjs

@@ -0,0 +1 @@
+"use strict";import{Close as h}from"@mui/icons-material";import{Alert as p,Box as v,IconButton as s}from"@mui/material";import{closeSnackbar as t,SnackbarContent as f,enqueueSnackbar as k}from"notistack";import{SnackbarProvider as b}from"notistack";import{forwardRef as C}from"react";import{When as c}from"../When.mjs";import{jsx as n,jsxs as S}from"react/jsx-runtime";function x(){return{enqueueSnackbar:(o,e="success",a)=>{k(o,{severity:e,variant:"customAlertComponent",persist:!0,...a})},closeSnackbar:t}}const A=C(({id:o,message:e,severity:a,alertAction:r,sx:l,showCloseIcon:m=!0,persist:I,hideIconVariant:g,autoHideDuration:q,anchorOrigin:w,iconVariant:y,...u},d)=>n(f,{ref:d,...u,children:n(p,{severity:a,action:S(v,{ml:1,children:[n(c,{value:r,children:n(s,{size:"small",onClick:()=>{var i;return o&&((i=r?.onAction)==null?void 0:i.call(r,o))},color:"inherit",children:r?.icon})}),n(c,{value:!r&&m,children:n(s,{size:"small",onClick:()=>{t(o)},color:"inherit",children:n(h,{})})})]}),sx:{alignItems:"center",width:"320px",...l},children:e})}));export{A as CustomAlertComponent,b as SnackbarProvider,x as useSnackbar};

package/dist/components/TextField/index.mjs

@@ -0,0 +1 @@
+"use strict";import t from"@mui/material/TextField";import{jsx as o}from"react/jsx-runtime";function e(r){return o(t,{...r})}export{e as TextField};

package/dist/components/Tip/index.mjs

@@ -0,0 +1 @@
+"use strict";import{Tooltip as t,IconButton as e}from"@mui/material";import{Code as n}from"@mui/icons-material";import{jsx as o}from"react/jsx-runtime";function a({children:r}){return o(t,{title:r,arrow:!0,enterTouchDelay:0,children:o(e,{size:"small",onClick:i=>{i.stopPropagation()},children:o(n,{})})})}export{a as Tip};

package/dist/components/Typography/index.mjs

@@ -0,0 +1 @@
+"use strict";import r from"@mui/material/Typography";import{jsx as p}from"react/jsx-runtime";function t(o){return p(r,{...o})}export{t as Typography};

package/dist/components/UI/AdaptativeBox.mjs

@@ -0,0 +1 @@
+"use strict";import{Box as p}from"@mui/material";import{useState as r,useRef as x,useEffect as v}from"react";import{MotionBox as w}from"../animation/motions.mjs";import{jsx as o}from"react/jsx-runtime";function b(n){const{children:i,...s}=n,[c,a]=r("auto"),[d,f]=r("auto"),e=x(null);return v(()=>{const t=new ResizeObserver(u=>{for(const h of u){const{width:m,height:l}=h.contentRect;f(m),a(l)}});return t.observe(e.current),document.addEventListener("resize",()=>{e.current&&t.observe(e.current)}),()=>{t.disconnect()}},[]),o(w,{...s,animate:{width:d,height:c},children:o(p,{ref:e,sx:{display:"inline-flex",overflow:"hidden",whiteSpace:"pre"},children:i})})}export{b as AdaptativeBox};

package/dist/components/UI/ContentWithLoader.mjs

@@ -0,0 +1 @@
+"use strict";import{AnimatePresence as a}from"framer-motion";import{MotionBox as r}from"../animation/motions.mjs";import{AdaptativeBox as e}from"./AdaptativeBox.mjs";import{jsx as i}from"react/jsx-runtime";function m({isLoading:t,loadingContent:n,children:o}){return i(a,{initial:!1,children:i(e,{children:t?n:i(r,{initial:{opacity:0},animate:{opacity:1,transition:{delay:.1}},children:o})})})}export{m as ContentWithLoader};

package/dist/components/When.mjs

@@ -0,0 +1 @@
+"use strict";import{jsx as r,Fragment as t}from"react/jsx-runtime";function i({value:n,children:e}){return n?typeof e=="function"?r(t,{children:e(n)}):r(t,{children:e}):null}export{i as When};

package/dist/components/WhenStyled.mjs

@@ -0,0 +1 @@
+"use strict";import{Box as s}from"@mui/material";import{jsx as t}from"react/jsx-runtime";const n=({isVisible:i,children:o,sx:e})=>t(s,{sx:{visibility:i?"visible":"hidden",position:i?"static":"absolute",pointerEvents:i?"auto":"none",top:i?"auto":0,left:i?"auto":0,height:i?"auto":0,width:i?"auto":0,overflow:i?"visible":"hidden",...e},children:o});export{n as WhenStyled};

package/dist/components/animation/AnimatedHeight.mjs

@@ -0,0 +1 @@
+"use strict";import{useRef as o}from"react";import{motion as n}from"framer-motion";import{useResizeObserver as s}from"../../hooks/useResizeObserver.mjs";import{jsx as e}from"react/jsx-runtime";function m(r){const i=o(null),[,t]=s(i);return e(n.div,{animate:{height:t,transition:{duration:r.duration??.2}},children:e("div",{ref:i,children:r.children})})}export{m as AnimateHeight};

package/dist/components/animation/Counter.mjs

@@ -0,0 +1 @@
+"use strict";import{Box as n}from"@mui/material";import{useCounter as f}from"../../hooks/useCounter.mjs";import{jsx as p}from"react/jsx-runtime";function s({children:o,from:r,to:m,map:t}){const{ref:e}=f({from:r,to:m,map:t});return p(n,{ref:e,component:"span",children:o})}export{s as Counter};

package/dist/components/animation/index.mjs

@@ -1 +1 @@
-"use strict";import{C as n,M as s,f as r,a as e,d as m,c as d,b as f,e as l}from"../../shared/motions-CgJF6dYW.mjs";import{useRef as p}from"react";import{motion as u}from"framer-motion";import{u as M}from"../../shared/useResizeObserver-D7K4jTvT.mjs";import{jsx as t}from"react/jsx-runtime";function c(o){const a=p(null),[,i]=M(a);return t(u.div,{animate:{height:i,transition:{duration:o.duration??.2}},children:t("div",{ref:a,children:o.children})})}export{c as AnimateHeight,n as Counter,s as MotionBox,r as MotionButton,e as MotionStack,m as MotionTableCell,d as MotionTableRow,f as MotionTbody,l as MotionTypography};
+"use strict";import{Counter as o}from"./Counter.mjs";import{MotionBox as t,MotionButton as a,MotionStack as i,MotionTableCell as n,MotionTableRow as s,MotionTbody as M,MotionTypography as e}from"./motions.mjs";import{AnimateHeight as r}from"./AnimatedHeight.mjs";export{r as AnimateHeight,o as Counter,t as MotionBox,a as MotionButton,i as MotionStack,n as MotionTableCell,s as MotionTableRow,M as MotionTbody,e as MotionTypography};

package/dist/components/animation/motions.mjs

@@ -0,0 +1 @@
+"use strict";import{Box as a,Stack as r,TableBody as t,TableRow as s,TableCell as n,Typography as i,Button as p}from"@mui/material";import{motion as o}from"framer-motion";const M=o(a,{forwardMotionProps:!1}),d=o(r,{forwardMotionProps:!1}),f=o(t,{forwardMotionProps:!1}),w=o(s,{forwardMotionProps:!1}),l=o(n,{forwardMotionProps:!1}),T=o(i,{forwardMotionProps:!1}),e=o(p,{forwardMotionProps:!1});export{M as MotionBox,e as MotionButton,d as MotionStack,l as MotionTableCell,w as MotionTableRow,f as MotionTbody,T as MotionTypography};

package/dist/components/buttons/ExportToPdfButton.mjs

@@ -0,0 +1 @@
+"use strict";import{PictureAsPdf as c}from"@mui/icons-material";import{IconButton as d,CircularProgress as f}from"@mui/material";import p,{useCallback as u}from"react";import{jsx as e}from"react/jsx-runtime";const g=({targetId:t,filename:n="file",sx:s,...o})=>{const[r,a]=p.useState(!1),i=u(()=>{a(!0),requestAnimationFrame(()=>{setTimeout(()=>{try{import("react-to-pdf").then(async m=>{const l=m.default;await l(()=>typeof t=="string"?document.getElementById(t):t,{filename:`${n}.pdf`,page:{margin:10}})}).finally(()=>{a(!1),console.log("updated pdf")})}catch{a(!1)}},600)})},[n,t]);return e("span",{children:e(d,{onClick:i,disabled:r,sx:{m:"0 !important",...s},...o,children:r?e(f,{size:24}):o.children?o.children:e(c,{})})})};export{g as ExportToPdfButton};

package/dist/components/buttons/LinkButton.mjs

@@ -0,0 +1 @@
+"use strict";import{forwardRef as p}from"react";import{Typography as m}from"@mui/material";import{Button as s}from"../Button/index.mjs";import{jsx as o}from"react/jsx-runtime";const c=p(({children:r,type:t="button",variant:a="text",color:n="secondary",...i},e)=>o(s,{ref:e,type:t,variant:a,color:n,...i,children:o(m,{variant:"button",component:"span",children:r})}));export{c as LinkButton};

package/dist/components/buttons/OriginalButton.mjs

@@ -0,0 +1 @@
+"use strict";import{useMemo as p}from"react";import{useTheme as m,Button as c}from"@mui/material";import{jsx as u}from"react/jsx-runtime";function b({children:i,...r}){var a,n;const{newVariant:l,...d}=r,t=m(),e=((n=(a=t?.components)==null?void 0:a.MuiButton)==null?void 0:n.defaultProps)??{},s=p(()=>{let o={fontSize:"13px",...e.sx,alignSelf:"center",display:"flex",width:"auto",minHeight:30,fontFamily:['"Lato"',"sans-serif"].join(","),lineHeight:1.75,textAlign:"center",textTransform:"uppercase !important",borderRadius:1,py:1,px:3,...r.sx};return r.disabled||(o={...o,backgroundColor:"#0dbc3d!important",color:"#fff!important",borderColor:"#0dbc3d!important"},r.color==="error"&&(o={...o,borderColor:`${t.palette.error.main}!important`,backgroundColor:`${t.palette.error.main}!important`})),l==="gray"&&(o={...o,backgroundColor:"#E0E0E0!important",color:"black !important",borderColor:"transparent"}),r.variant==="text"&&(o={...o,backgroundColor:"transparent",color:`${t.palette.text.disabled} !important`,borderColor:"transparent"}),r.variant==="outlined"&&(o={...o,backgroundColor:"transparent",color:"#0dbc3d!important",borderColor:"#0dbc3d!important"}),r.size==="small"&&(o={...o,minHeight:20,py:1,px:2,fontSize:"16px"}),o},[e.sx,r.color,r.disabled,r.size,r.sx,r.variant,t.palette.error.main,t.palette.text.disabled]);return u(c,{...e,...d,sx:{...e.sx,...r.sx,...s},children:i})}export{b as OriginalButton};

package/dist/components/buttons/TextButton.mjs

@@ -0,0 +1 @@
+"use strict";import{forwardRef as f}from"react";import{Button as i}from"../Button/index.mjs";import{jsx as p}from"react/jsx-runtime";const s=({children:t,type:o="button",variant:r="text",color:a="secondary",...e},n)=>p(i,{ref:n,type:o,variant:r,color:a,...e,children:t}),c=f(s);export{c as TextButton};

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

@@ -0,0 +1 @@
+"use strict";function r(a){const{data:t,seriesConfig:e}=a;return{series:e,data:t}}export{r as mapAreaChartData};

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

@@ -37,6 +37,8 @@ interface AreaChartProps {
     isAnimationActive?: boolean;
     /** Curve interpolation type. @default 'monotone' */
     areaType?: CurveType;
+    /** Stack mode for areas. 'none' renders independent areas; 'stack' stacks by count; 'expand' normalizes to 100%. @default 'none' */
+    stackMode?: 'none' | 'stack' | 'expand';
 }
-export declare function AreaChart({ data, series, color, xAxis, yAxis, tooltip, area, referenceLines, referenceAreas, sx, isAnimationActive, areaType, }: AreaChartProps): ReactElement;
+export declare function AreaChart({ data, series, color, xAxis, yAxis, tooltip, area, referenceLines, referenceAreas, sx, isAnimationActive, areaType, stackMode, }: AreaChartProps): ReactElement;
 export {};

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

@@ -0,0 +1 @@
+"use strict";import{useTheme as C,Box as D}from"@mui/material";import{ResponsiveContainer as O,AreaChart as g,CartesianGrid as P,XAxis as R,YAxis as T,Tooltip as $,ReferenceLine as b,ReferenceArea as j,Area as G}from"recharts";import{chartDefaultProps as K,xAxisDefaultProps as W,yAxisDefaultProps as I}from"../shared.mjs";import{jsx as a,jsxs as d}from"react/jsx-runtime";function L({data:f,series:i,color:m,xAxis:x,yAxis:A,tooltip:h,area:y,referenceLines:n,referenceAreas:l,sx:u,isAnimationActive:k=!1,areaType:v="monotone",stackMode:o="none"}){const p=C(),c=m??p.palette.primary.main;return a(D,{sx:{width:"100%",height:"100%",...u},children:a(O,{children:d(g,{data:f,stackOffset:o==="expand"?"expand":void 0,...K,children:[a("defs",{children:i.map((e,r)=>{const s=`gradient-${r}`,t=e.color??c;return d("linearGradient",{id:s,x1:"0",y1:"0",x2:"0",y2:"1",children:[a("stop",{offset:"5%",stopColor:t,stopOpacity:.2}),a("stop",{offset:"95%",stopColor:t,stopOpacity:0})]},s)})}),a(P,{strokeDasharray:"3 3",vertical:!1}),a(R,{...W,...x}),a(T,{...I,...A}),a($,{cursor:{stroke:p.palette.neutral.main,strokeWidth:1},...h}),n?.map((e,r)=>a(b,{...e},e.label??r)),l?.map((e,r)=>a(j,{...e},e.label??r)),i.map((e,r)=>{const s=`gradient-${r}`,t=e.color??c;return a(G,{name:e.key,dataKey:e.dataKey,fill:`url(#${s})`,fillOpacity:o!=="none"?1:.6,stroke:t,strokeWidth:2,type:v,isAnimationActive:k,stackId:o!=="none"?"stack":void 0,...y},e.key)})]})})})}export{L as AreaChart};

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

@@ -0,0 +1 @@
+"use strict";import{Paper as i,Stack as s,Typography as o}from"@mui/material";import{useCounter as n}from"../../../hooks/useCounter.mjs";import{usePrevious as l}from"../../../hooks/usePrevious.mjs";import{jsx as a,jsxs as m}from"react/jsx-runtime";function c(r){const t=l(r.value),{ref:e}=n({from:t??0,to:r.value,duration:1,map:r.map});return a(i,{sx:{p:3,flex:1,...r.sx},children:m(s,{spacing:1,alignItems:"center",children:[a(o,{ref:e,variant:"h4",fontWeight:"bold",children:r.initialValue}),a(o,{color:"text.secondary",children:r.label})]})})}export{c as BigNumber};

package/dist/components/chart/EmptyChartSection.mjs

@@ -0,0 +1 @@
+"use strict";import{Stack as t}from"@mui/material";import{useStyle as a}from"./styles.mjs";import{SectionTitle as o}from"../typographies/SectionTitle.mjs";import{SectionDescription as i}from"../typographies/SectionDescription.mjs";import{jsxs as s,jsx as r}from"react/jsx-runtime";function n(){const e=a();return s(t,{sx:e.smallChartWrapper,children:[r(o,{children:"No data available for the selected period and brands"}),r(i,{children:"Please select a different period or brand"})]})}export{n as EmptyChartSection};

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

@@ -0,0 +1 @@
+"use strict";import{useTheme as d}from"@mui/material";import{ERROR_CODES_MESSAGES as i}from"../constants.mjs";import{EmptyChartSection as S}from"../EmptyChartSection.mjs";import{LoadingChartSection as f}from"../LoadingChartSection.mjs";import{SimpleBarChart as x}from"../SimpleBarChart/index.mjs";import{useStyle as k}from"../styles.mjs";import{jsx as a}from"react/jsx-runtime";function C({data:r,threshold:e=120,isLoading:s,isFetching:m,isSuccess:p,sx:c}){const n=d(),l=k(),o=Object.entries(r??{}).map(([t,y])=>({key:t,[t]:y})),h=o.map(({key:t})=>({key:t,dataKey:t,color:n.palette.error.light}));return(!r||Object.keys(r).length===0)&&s?a(f,{}):!r||Object.keys(r).length===0||!p?a(S,{}):a(x,{sx:{...l.smallChartWrapper,opacity:m?.4:1,...c},data:o,series:h,xAxis:{tickLine:!1,dataKey:"key"},yAxis:{tickLine:!1,domain:[0,`dataMax + ${e>0?e+5:0}`]},tooltip:{labelFormatter:t=>`${i[t]?`${i[t]}`:""}`}})}export{C as ErrorCodesChart};

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

@@ -0,0 +1,35 @@
+import { ComponentProps, ReactElement } from 'react';
+import { SxProps } from '@mui/material';
+import { Funnel, LabelList, Tooltip } from 'recharts';
+export interface FunnelChartData {
+    name: string;
+    value: number;
+    fill?: string;
+}
+interface FunnelChartProps {
+    data: FunnelChartData[];
+    /** Fallback fill color for items without a `fill`. Defaults to `theme.palette.primary.main`. */
+    color?: string;
+    /** The data key used for segment size. @default 'value' */
+    dataKey?: string;
+    /** Override props for the Tooltip component. */
+    tooltip?: ComponentProps<typeof Tooltip>;
+    /** LabelList rendered at the center of each segment (e.g. count). */
+    insideLabel?: ComponentProps<typeof LabelList>;
+    /** LabelList rendered to the right of each segment (e.g. name + drop-off). */
+    outsideLabel?: ComponentProps<typeof LabelList>;
+    /** Override props applied to the Funnel element. */
+    funnel?: Omit<ComponentProps<typeof Funnel>, 'data' | 'dataKey'>;
+    /** Override the chart margin. Merged over the default `{ top: 10, right: 160, left: 10, bottom: 10 }`. */
+    margin?: {
+        top?: number;
+        right?: number;
+        left?: number;
+        bottom?: number;
+    };
+    sx?: SxProps;
+    /** Enable chart animation. @default false */
+    isAnimationActive?: boolean;
+}
+export declare function FunnelChart({ data, color, dataKey, tooltip, insideLabel, outsideLabel, funnel, margin, sx, isAnimationActive, }: FunnelChartProps): ReactElement;
+export {};

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

@@ -0,0 +1 @@
+"use strict";import{useTheme as g,Box as v}from"@mui/material";import{ResponsiveContainer as b,FunnelChart as A,Funnel as C,LabelList as s,Tooltip as F}from"recharts";import{jsx as a,jsxs as o}from"react/jsx-runtime";function L({data:l,color:r,dataKey:m="value",tooltip:i,insideLabel:t,outsideLabel:e,funnel:d,margin:h,sx:p,isAnimationActive:u=!1}){const c=g(),f=r??c.palette.primary.main,x=l.map(n=>({...n,fill:n.fill??f}));return a(v,{sx:{width:"100%",height:"100%",...p},children:a(b,{children:o(A,{margin:{top:10,right:90,left:0,bottom:10,...h},children:[o(C,{dataKey:m,data:x,isAnimationActive:u,...d,children:[t&&a(s,{...t}),e&&a(s,{...e})]}),i&&a(F,{...i})]})})})}export{L as FunnelChart};

package/dist/components/chart/LoadingChartSection.mjs

@@ -0,0 +1 @@
+"use strict";import{Stack as t}from"@mui/material";import{useStyle as a}from"./styles.mjs";import{SectionTitle as i}from"../typographies/SectionTitle.mjs";import{SectionDescription as e}from"../typographies/SectionDescription.mjs";import{jsxs as n,jsx as r}from"react/jsx-runtime";function s(){const o=a();return n(t,{sx:o.smallChartWrapper,children:[r(i,{children:"Loading..."}),r(e,{children:"Preparing your chart data"})]})}export{s as LoadingChartSection};

package/dist/components/chart/MetricLastUpdated.mjs

@@ -0,0 +1 @@
+"use strict";import{Typography as a}from"@mui/material";import{formatExtendedDate as o}from"../form/OneClickForm/utils/date.mjs";import{jsxs as r}from"react/jsx-runtime";function e({lastUpdated:t}){return r(a,{variant:"caption",color:"text.secondary",fontWeight:"600",children:["The data was last updated on"," ",o(t??Date.now(),{hour12:!1}),"."]})}export{e as MetricLastUpdated};

package/dist/components/chart/MonthlySignupsOverviewTable/MonthlySignupsOverviewTable.mjs

@@ -0,0 +1 @@
+"use strict";import{TableContainer as c,Paper as m,Table as p,TableHead as T,TableRow as h,TableCell as n,TableBody as b}from"@mui/material";import{EmptyChartSection as y}from"../EmptyChartSection.mjs";import{LoadingChartSection as S}from"../LoadingChartSection.mjs";import{DEFAULT_TIMEZONE as f}from"../../form/TimezoneInput/timezones.mjs";import{jsx as i,jsxs as r}from"react/jsx-runtime";const l="",C=({data:t,isLoading:d,isFetching:s,showTotalCost:e=!0,showRiskSignal:o=!0,timezone:g=f})=>!(t!=null&&t.length)&&d?i(S,{}):t!=null&&t.length?i(c,{component:m,sx:{opacity:s?.4:1},children:r(p,{children:[i(T,{children:r(h,{children:[i(n,{children:"Month"}),i(n,{children:"Brand"}),i(n,{children:"Integration Type"}),i(n,{align:"right",children:"Started"}),i(n,{align:"right",children:"Finished"}),e&&i(n,{align:"right",children:"Total Cost"}),o&&i(n,{align:"right",children:"Risk Signal"})]})}),i(b,{children:t.map(a=>r(h,{children:[i(n,{children:new Date(a.month).toLocaleDateString(void 0,{month:"short",year:"numeric",timeZone:g})}),i(n,{children:a.brand}),i(n,{children:a.integrationType}),i(n,{align:"right",children:a.total||l}),i(n,{align:"right",children:a.finished||l}),e&&i(n,{align:"right",children:a.totalCost??l}),o&&i(n,{align:"right",children:a.riskSignal||l})]},`${a.brandUuid}-${a.month}`))})]})}):i(y,{});export{C as MonthlySignupsOverviewTable};

package/dist/components/chart/MonthlySignupsOverviewTable/MonthlySignupsOverviewTableDataMapper.mjs

@@ -0,0 +1 @@
+"use strict";import{kebabCaseToPretty as e}from"../../../utils/string/formatKebabToPretty.mjs";const o=({data:i,brands:r})=>i.flatMap(n=>{const t=r.find(a=>a.brandUuid===n.brandUuid);return!t||!n.interval?[]:n.interval.map(a=>({month:a.date,brandUuid:n.brandUuid,brand:t.brandName,integrationType:e(t.integrationType),total:a.oneClickCreated,finished:a.oneClickSuccess,totalCost:a.totalCost,riskSignal:a.riskSignal}))});export{o as mapMonthlySignupsOverviewTableData};

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

@@ -0,0 +1 @@
+"use strict";import{useStyle as e}from"../styles.mjs";import{SectionDescription as r}from"../../typographies/SectionDescription.mjs";import{SectionTitle as i}from"../../typographies/SectionTitle.mjs";import{Stack as t}from"@mui/material";import{jsxs as o,jsx as s}from"react/jsx-runtime";function n(){const a=e();return o(t,{sx:a.smallChartWrapper,children:[s(i,{children:"No data available for the selected period and brands"}),s(r,{children:"Please change the Risk Signals setting for your brands to enable risk signals metadata"})]})}export{n as NoRiskSignalsPermissionSection};

package/dist/components/chart/OneClickHealthBigNumbers/OneClickHealthBigNumbers.mjs

@@ -0,0 +1 @@
+"use strict";import{Stack as r}from"@mui/material";import{BigNumber as t}from"../BigNumber/index.mjs";import{formatNumberRounded as s,formatCurrency as c,formatPercentage as u}from"../../../utils/number/formatters.mjs";import{defaultMetrics as m,calculateOneClickHealthMetrics as n}from"./OneClickHealthBigNumbersMapper.mjs";import{jsxs as f,jsx as e}from"react/jsx-runtime";function p({chartData:l,isLoading:o=!0,hideTotalCost:i=!1}){const a=o?m:n(l);return f(r,{direction:"row",spacing:3,children:[e(t,{label:"Total Created",value:a.total,initialValue:a.total,map:s}),e(t,{label:"Total Success",value:a.success,initialValue:a.success,map:s}),!i&&e(t,{label:"Total Cost",value:a.totalCost,initialValue:a.totalCost,map:c}),e(t,{label:"Success Rate",value:a.successRate,initialValue:a.successRate,map:u})]})}export{p as OneClickHealthBigNumbers};

package/dist/components/chart/OneClickHealthBigNumbers/OneClickHealthBigNumbersMapper.mjs

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

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

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

package/dist/components/chart/OneClickHealthOverTimeChart/OneClickHealthOverTimeChart.mjs

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

package/dist/components/chart/OneClickHealthPercentageChart/OneClickHealthPercentageChart.mjs

@@ -0,0 +1 @@
+"use strict";import{EmptyChartSection as m}from"../EmptyChartSection.mjs";import{LoadingChartSection as d}from"../LoadingChartSection.mjs";import{SeriesPercentageChart as C}from"../SeriesPercentageChart/index.mjs";import{useStyle as p}from"../styles.mjs";import{jsx as t}from"react/jsx-runtime";function u({data:e,isLoading:i,isFetching:l,isSuccess:n,filter:o,sx:s}){var a,r;const c=p(),h={oneClickHealthCreated:{key:"oneClickHealthCreated",name:"Started",isTotal:!0},oneClickHealthSucceeded:{key:"oneClickHealthSucceeded",name:"Finished"}};return!e.length&&i?t(d,{}):!e.length||!((r=(a=e[0])==null?void 0:a.chartData)!=null&&r.length)||!n?t(m,{}):t(C,{data:e,keyValues:Object.values(h),filter:o,sx:{...c.smallChartWrapper,opacity:l?.4:1,...s}})}export{u as OneClickHealthPercentageChart};

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

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

package/dist/components/chart/OneClickOverTimeChart/OneClickOverTimeChart.mjs

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

package/dist/components/chart/OneClickPercentageChart/OneClickPercentageChart.mjs

@@ -0,0 +1 @@
+"use strict";import{EmptyChartSection as C}from"../EmptyChartSection.mjs";import{LoadingChartSection as h}from"../LoadingChartSection.mjs";import{SeriesPercentageChart as p}from"../SeriesPercentageChart/index.mjs";import{useStyle as u}from"../styles.mjs";import{jsx as t}from"react/jsx-runtime";function d({data:e,isLoading:i,isFetching:s,isSuccess:n,filter:o,sx:c}){var a,r;const l=u(),m={oneClickCreated:{key:"oneClickCreated",name:"Started",isTotal:!0},oneClickSuccess:{key:"oneClickSuccess",name:"Finished"}};return!e.length&&i?t(h,{}):!e.length||!((r=(a=e[0])==null?void 0:a.chartData)!=null&&r.length)||!n?t(C,{}):t(p,{data:e,keyValues:Object.values(m),filter:o,sx:{...l.smallChartWrapper,opacity:s?.4:1,...c}})}export{d as OneClickPercentageChart};

package/dist/components/chart/OneClickVerificationBigNumbers/OneClickVerificationBigNumbers.mjs

@@ -0,0 +1 @@
+"use strict";import{Stack as l}from"@mui/material";import{BigNumber as e}from"../BigNumber/index.mjs";import{formatNumberRounded as i,formatPercentage as s}from"../../../utils/number/formatters.mjs";import{defaultMetrics as c,calculateOneClickVerificationMetrics as m}from"./OneClickVerificationBigNumbersMapper.mjs";import{jsxs as u,jsx as t}from"react/jsx-runtime";function n({chartData:r,isLoading:o=!0}){const a=o?c:m(r);return u(l,{direction:"row",spacing:3,children:[t(e,{label:"Total Created",value:a.totalCreated,initialValue:a.totalCreated,map:i}),t(e,{label:"Total Verified",value:a.totalVerified,initialValue:a.totalVerified,map:i}),t(e,{label:"Success Rate",value:a.successRate,initialValue:a.successRate,map:s})]})}export{n as OneClickVerificationBigNumbers};

package/dist/components/chart/OneClickVerificationBigNumbers/OneClickVerificationBigNumbersMapper.d.ts

@@ -1,22 +1,11 @@
+import { OneClickVerificationBrandData } from '../oneClickVerification.types';
+export type { OneClickVerificationIntervalEntry, OneClickVerificationBrandData, } from '../oneClickVerification.types';
 export interface OneClickVerificationOverallMetrics {
     totalCreated: number;
     totalVerified: number;
     successRate: number;
 }
 export declare const defaultMetrics: OneClickVerificationOverallMetrics;
-export interface OneClickVerificationBigNumbersChartData {
-    interval?: Array<{
-        oneClickVerificationCreated: number;
-        oneClickVerificationDelivered: number;
-        oneClickVerificationVerified: number;
-        oneClickVerificationFailed: number;
-        oneClickVerificationSending: number;
-        oneClickVerificationUndelivered: number;
-        oneClickVerificationExpired: number;
-        date: string | number;
-        [key: string]: any;
-    }>;
-    brandUuid: string;
-    brandName: string;
-}
-export declare function calculateOneClickVerificationMetrics(data: OneClickVerificationBigNumbersChartData[]): OneClickVerificationOverallMetrics;
+/** @deprecated Use {@link OneClickVerificationBrandData} from the shared chart types. */
+export type OneClickVerificationBigNumbersChartData = OneClickVerificationBrandData;
+export declare function calculateOneClickVerificationMetrics(data: OneClickVerificationBrandData[]): OneClickVerificationOverallMetrics;

package/dist/components/chart/OneClickVerificationBigNumbers/OneClickVerificationBigNumbersMapper.mjs

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

package/dist/components/chart/OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.map.d.ts

@@ -1,17 +1,10 @@
 import { AreaSeriesChartData } from '../AreaChart';
 import { BrandFilter } from '../../BrandFilterInput';
+import { OneClickVerificationBrandData } from '../oneClickVerification.types';
+export type { OneClickVerificationIntervalEntry, OneClickVerificationBrandData, } from '../oneClickVerification.types';
 export interface MapOneClickVerificationEventsOverTimeChartDataOptions {
     brands?: BrandFilter[];
-    data: Array<{
-        interval?: Array<{
-            oneClickVerificationDelivered: number;
-            oneClickVerificationVerified: number;
-            date: string | number;
-            [key: string]: any;
-        }>;
-        brandUuid: string;
-        brandName: string;
-    }>;
+    data: OneClickVerificationBrandData[];
 }
 export interface OneClickVerificationEventsAreaChartData {
     series: AreaSeriesChartData[];

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

@@ -0,0 +1 @@
+"use strict";import{mapAreaChartData as l}from"../AreaChart/AreaChart.map.mjs";function s(n){const a=new Map,t=n.brands?new Set(n.brands.map(e=>e._raw.brandUuid)):null;for(const e of n.data)if(!(t&&!t.has(e.brandUuid)))for(const i of e.interval??[]){const o=+new Date(i.date);a.has(o)||a.set(o,{date:o,oneClickVerificationDelivered:0,oneClickVerificationVerified:0});const r=a.get(o);r&&(r.oneClickVerificationDelivered=r.oneClickVerificationDelivered+Number(i.oneClickVerificationDelivered||0),r.oneClickVerificationVerified=r.oneClickVerificationVerified+Number(i.oneClickVerificationVerified||0))}const c=Array.from(a.values()).sort((e,i)=>e.date-i.date),{series:d,data:f}=l({data:c,seriesConfig:[{key:"SMS Delivered",dataKey:"oneClickVerificationDelivered",color:"#0dbc3d"},{key:"Phone Numbers Verified",dataKey:"oneClickVerificationVerified",color:"#6366f1"}]});return{series:d,data:f}}export{s as mapOneClickVerificationAreaSeriesData};

package/dist/components/chart/OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.mjs

@@ -0,0 +1 @@
+"use strict";import{EmptyChartSection as d}from"../EmptyChartSection.mjs";import{LoadingChartSection as p}from"../LoadingChartSection.mjs";import{AreaChart as h}from"../AreaChart/index.mjs";import{formatExtendedDate as u,formatDateMMYY as f}from"../../../utils/date.mjs";import{DEFAULT_TIMEZONE as g}from"../../form/TimezoneInput/timezones.mjs";import{jsx as r}from"react/jsx-runtime";const x={chartWrapper:{justifyContent:"center",alignItems:"center",width:"100%",height:500}};function y({label:a,data:e,series:o,isLoading:n,isFetching:m,isSuccess:s,filter:l,sx:c}){const i=l.timezone??g;return!e.length&&n?r(p,{}):!e.length||!s?r(d,{}):r(h,{data:e,series:o,xAxis:{dataKey:"date",type:"number",domain:["dataMin","dataMax"],tickFormatter:t=>f(t,{timeZone:i,hour12:!1,hour:"numeric"}),allowDuplicatedCategory:!1},yAxis:{tickFormatter:t=>Number(t).toLocaleString(),allowDecimals:!1,label:a?{value:a,angle:-90,position:"insideLeft",style:{textAnchor:"middle"}}:void 0},tooltip:{formatter:t=>Number(t).toLocaleString(),labelFormatter:t=>u(t,{timeZone:i,hour12:!1}),itemSorter:t=>-Number(t?.value??0)},sx:{...x.chartWrapper,opacity:m?.4:1,...c}})}export{y as OneClickVerificationEventsOverTimeChart};

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { SxProps } from '@mui/material';
+import { OneClickVerificationFunnelStepData } from './OneClickVerificationFunnelChart.map';
+export interface OneClickVerificationFunnelChartProps {
+    data: OneClickVerificationFunnelStepData[];
+    isLoading: boolean;
+    isSuccess: boolean;
+    isFetching: boolean;
+    sx?: SxProps;
+}
+export declare function OneClickVerificationFunnelChart({ data, isLoading, isFetching, isSuccess, sx, }: Readonly<OneClickVerificationFunnelChartProps>): ReactNode;

package/dist/components/chart/OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.map.d.ts

@@ -0,0 +1,21 @@
+import { BrandFilter } from '../../BrandFilterInput';
+import { OneClickVerificationBrandData } from '../oneClickVerification.types';
+export type { OneClickVerificationIntervalEntry, OneClickVerificationBrandData, } from '../oneClickVerification.types';
+export interface MapOneClickVerificationFunnelChartDataOptions {
+    brands?: BrandFilter[];
+    data: OneClickVerificationBrandData[];
+}
+export interface OneClickVerificationFunnelStepData {
+    name: string;
+    value: number;
+    /** Relative drop-off from the previous step as a percentage. null for first step or when prev === 0. */
+    dropOffPercent: number | null;
+}
+/**
+ * Maps raw OneClick verification events data into a format suitable for the funnel chart.
+ * Aggregates all four happy-path statuses across all matching brands and interval entries.
+ *
+ * @param options Configuration options including optional brand filter and raw data
+ * @returns Array of 4 funnel steps ordered: Created → Sending → Delivered → Verified
+ */
+export declare function mapOneClickVerificationFunnelChartData(options: MapOneClickVerificationFunnelChartDataOptions): OneClickVerificationFunnelStepData[];

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

@@ -0,0 +1 @@
+"use strict";function s(a){const l=a.brands?new Set(a.brands.map(i=>i._raw.brandUuid)):null,n={created:0,sending:0,delivered:0,verified:0};for(const i of a.data)if(!(l&&!l.has(i.brandUuid)))for(const e of i.interval??[])n.created+=Number(e.oneClickVerificationCreated||0),n.sending+=Number(e.oneClickVerificationSending||0),n.delivered+=Number(e.oneClickVerificationDelivered||0),n.verified+=Number(e.oneClickVerificationVerified||0);const t=[n.created,n.sending,n.delivered,n.verified],c=["Created","Sending","Delivered","Verified"];return c.map((i,e)=>{const o=t[e],r=t[e-1];let d=null;if(e>0)if(r===0)d=null;else{const f=(r-o)/r*100;f<0?(console.warn(`[OneClickVerificationFunnelChart] Anomaly: ${i} (${o}) exceeds ${c[e-1]} (${r}). Drop-off hidden.`),d=null):d=f}return{name:i,value:o,dropOffPercent:d}})}export{s as mapOneClickVerificationFunnelChartData};

package/dist/components/chart/OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.mjs

@@ -0,0 +1 @@
+"use strict";import{useRef as S}from"react";import{useTheme as b}from"@mui/material";import{lighten as B,contrastColor as W}from"../../../utils/color/index.mjs";import{EmptyChartSection as x}from"../EmptyChartSection.mjs";import{LoadingChartSection as j}from"../LoadingChartSection.mjs";import{FunnelChart as k}from"../FunnelChart/index.mjs";import{useStyle as w}from"../styles.mjs";import{jsx as i,jsxs as D}from"react/jsx-runtime";const I=[40,25,10,0];function N({data:c,isLoading:C,isFetching:L,isSuccess:O,sx:F}){const P=w(),u=b();if(!c.length&&C)return i(j,{});if(!c.length||!O)return i(x,{});if(c.every(t=>t.value===0))return i(x,{});const m=c.map((t,e)=>({step:t,originalIndex:e})).filter(({step:t})=>t.value>0);if(m.length<2)return i(x,{});const g=u.palette.primary.main,v=S(0),y=S(0),p=m.map(({step:t,originalIndex:e},a)=>{const n=a>0?m[a-1].step:null;let l=null;if(n!==null&&n.value>0){const o=(n.value-t.value)/n.value*100;l=o>0?o:null}return{name:t.name,value:t.value,dropOffPercent:l,fill:B(g,I[e])}});function z(t){var e;const{x:a,y:n,width:l,height:o,value:s,index:r}=t;if(s==null)return null;r===0&&(v.current=a+l/2);const f=((e=p[r])==null?void 0:e.fill)??g,d=l>=60?W(f):u.palette.text.primary;return i("text",{x:v.current,y:n+o/2,textAnchor:"middle",dominantBaseline:"middle",fontSize:14,fontWeight:600,fill:d,children:Number(s).toLocaleString()})}function A(t){var e;const{x:a,y:n,width:l,height:o,index:s}=t,r=p[s];if(!r)return null;s===0&&(y.current=a+l);const f=y.current+8,d=r.dropOffPercent!==null&&r.dropOffPercent>0,h=n+o/2;return D("g",{children:[i("text",{x:f,y:d?h-8:h,textAnchor:"start",dominantBaseline:"middle",fontSize:16,fill:u.palette.text.primary,children:r.name}),d&&i("text",{x:f,y:h+10,textAnchor:"start",dominantBaseline:"middle",fontSize:11,fill:u.palette.text.secondary,children:`Drop-off ${(e=r.dropOffPercent)==null?void 0:e.toFixed(1)}%`})]})}return i(k,{data:p,insideLabel:{content:z,dataKey:"value"},outsideLabel:{content:A},sx:{...P.regularChartWrapper,opacity:L?.4:1,...F}})}export{N as OneClickVerificationFunnelChart};

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

@@ -0,0 +1,2 @@
+export * from './OneClickVerificationFunnelChart';
+export * from './OneClickVerificationFunnelChart.map';

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

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

package/dist/components/chart/OneClickVerificationOutcomeOverTimeChart/OneClickVerificationOutcomeOverTimeChart.map.d.ts

@@ -0,0 +1,23 @@
+import { AreaSeriesChartData } from '../AreaChart';
+import { BrandFilter } from '../../BrandFilterInput';
+import { OneClickVerificationBrandData } from '../oneClickVerification.types';
+export type { OneClickVerificationBrandData } from '../oneClickVerification.types';
+export interface MapOneClickVerificationOutcomeOverTimeChartDataOptions {
+    brands?: BrandFilter[];
+    data: OneClickVerificationBrandData[];
+}
+export interface OneClickVerificationOutcomeChartData {
+    series: AreaSeriesChartData[];
+    data: Array<Record<string, number | string>>;
+}
+/**
+ * Maps raw OneClick verification outcome time series data into a format suitable for AreaChart.
+ * Aggregates verified, expired, and failed counts across all (optionally filtered) brands by date.
+ *
+ * Series order is Verified → Expired → Failed, which determines the visual stack order
+ * (bottom to top) when rendered with `stackMode="stack"` or `stackMode="expand"`.
+ *
+ * @param options Configuration options for mapping the data
+ * @returns Formatted data ready for the AreaChart component
+ */
+export declare function mapOneClickVerificationOutcomeOverTimeChartData(options: MapOneClickVerificationOutcomeOverTimeChartDataOptions): OneClickVerificationOutcomeChartData;

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

@@ -0,0 +1 @@
+"use strict";import{mapAreaChartData as l}from"../AreaChart/AreaChart.map.mjs";import{green as s,yellow as V,red as k}from"../../../styles/colors.mjs";function C(n){const r=new Map,t=n.brands?new Set(n.brands.map(e=>e._raw.brandUuid)):null;for(const e of n.data)if(!(t&&!t.has(e.brandUuid)))for(const a of e.interval??[]){const o=+new Date(a.date);r.has(o)||r.set(o,{date:o,oneClickVerificationVerified:0,oneClickVerificationExpired:0,oneClickVerificationFailed:0});const i=r.get(o);i&&(i.oneClickVerificationVerified=i.oneClickVerificationVerified+Number(a.oneClickVerificationVerified||0),i.oneClickVerificationExpired=i.oneClickVerificationExpired+Number(a.oneClickVerificationExpired||0),i.oneClickVerificationFailed=i.oneClickVerificationFailed+Number(a.oneClickVerificationFailed||0))}const c=Array.from(r.values()).sort((e,a)=>e.date-a.date),{series:d,data:f}=l({data:c,seriesConfig:[{key:"Verified",dataKey:"oneClickVerificationVerified",color:s},{key:"Expired",dataKey:"oneClickVerificationExpired",color:V},{key:"Failed",dataKey:"oneClickVerificationFailed",color:k}]});return{series:d,data:f}}export{C as mapOneClickVerificationOutcomeOverTimeChartData};

package/dist/components/chart/OneClickVerificationOutcomeOverTimeChart/OneClickVerificationOutcomeOverTimeChart.mjs

@@ -0,0 +1 @@
+"use strict";import{useState as k}from"react";import{Box as m,ToggleButtonGroup as F,ToggleButton as c}from"@mui/material";import{EmptyChartSection as D}from"../EmptyChartSection.mjs";import{LoadingChartSection as S}from"../LoadingChartSection.mjs";import{AreaChart as v}from"../AreaChart/index.mjs";import{useStyle as A}from"../styles.mjs";import{formatExtendedDate as E,formatDateMMYY as M}from"../../../utils/date.mjs";import{DEFAULT_TIMEZONE as N}from"../../form/TimezoneInput/timezones.mjs";import{jsx as t,jsxs as u}from"react/jsx-runtime";function L({data:i,series:d,isLoading:f,isFetching:p,isSuccess:h,filter:x,sx:g}){const n=A(),s=x.timezone??N,[a,C]=k("absolute");if(!i.length&&f)return t(S,{});if(!i.length||!h)return t(D,{});const y=a==="absolute"?"stack":"expand";return u(m,{sx:{display:"flex",flexDirection:"column",gap:1,height:n.regularChartWrapper.height},children:[t(m,{sx:{display:"flex",justifyContent:"flex-end"},children:u(F,{value:a,exclusive:!0,onChange:(e,r)=>{r!==null&&C(r)},size:"small",children:[t(c,{value:"absolute",children:"Numbers"}),t(c,{value:"percent",children:"Percentages"})]})}),t(v,{data:i,series:d,stackMode:y,isAnimationActive:!0,xAxis:{dataKey:"date",type:"number",domain:["dataMin","dataMax"],tickFormatter:e=>M(e,{timeZone:s,hour12:!1,hour:"numeric"}),allowDuplicatedCategory:!1},yAxis:a==="absolute"?{tickFormatter:e=>Number(e).toLocaleString(),allowDecimals:!1}:{tickFormatter:e=>`${(e*100).toFixed(0)}%`,domain:[0,1],allowDecimals:!1},tooltip:{formatter:a==="absolute"?e=>Number(e).toLocaleString():(e,r,b)=>{const o=b.payload,l=o.oneClickVerificationVerified+o.oneClickVerificationExpired+o.oneClickVerificationFailed;return l===0?"0.0%":`${(Number(e)/l*100).toFixed(1)}%`},labelFormatter:e=>E(e,{timeZone:s,hour12:!1})},sx:{...n.regularChartWrapper,height:"unset",flex:1,minHeight:0,opacity:p?.4:1,...g}})]})}export{L as OneClickVerificationOutcomeOverTimeChart};