@verifiedinc-public/shared-ui-elements 8.21.0 → 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.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.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.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.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.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/OneClickVerificationOutcomeOverTimeChart/OneClickVerificationOutcomeOverTimeChart.map.mjs

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

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

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

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

@@ -0,0 +1 @@
+"use strict";import{mapSeriesTimeSeriesData as o}from"../SeriesChart/SeriesChart.map.mjs";function v(t){const c=i=>{const{oneClickVerificationVerified:e,oneClickVerificationCreated:a}=i;return a>0?Math.round(e/a*100):0},r={...t,data:t.data.map(i=>{var e;return{...i,interval:(e=i.interval)==null?void 0:e.map(a=>({...a,verificationPercentage:c(a),verificationTotal:100}))}})},u=o({...r,keyValue:"verificationPercentage"}),l=o({...r,keyValue:"verificationTotal"});return u.map(i=>{const e=l.find(a=>a.uuid===i.uuid);return{...i,chartData:i.chartData.map(a=>{const n=e?.chartData.find(d=>d.date===a.date);return{date:a.date,verificationPercentage:a.value,verificationTotal:n?.value??0}})}})}export{v as mapOneClickVerificationSuccessOverTimeChartData};

package/dist/components/chart/OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.mjs

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

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

@@ -0,0 +1 @@
+"use strict";import{useState as m,useRef as O,useEffect as T}from"react";import{useTheme as V,Box as E}from"@mui/material";import{ResponsiveContainer as F,PieChart as N,Pie as G,Cell as H,Legend as J}from"recharts";import{chartDefaultProps as Q}from"../shared.mjs";import{SimpleLegend as U}from"../SimpleLegend/index.mjs";import{renderActiveShape as W}from"./renderActiveShape.mjs";import{renderNeedle as X}from"./renderNeedle.mjs";import{jsx as i,jsxs as Y}from"react/jsx-runtime";const _=(s,o)=>({Allow:o.palette.success.main,Flag:o.palette.warning.main,Block:o.palette.error.main})[s]??o.palette.primary.main;function $({data:s,sx:o,legendLabel:A,legendToggle:B=!1,valueText:f="",valuePercentage:I=!0,pie:h,needleVisible:R=!1,needleValue:x,needleColor:L="#aaa",allActive:c=!1}){const{innerRadius:w=60,outerRadius:C=100}=h??{},D=V(),[j,S]=m(void 0),[v,k]=m(new Set),d=O(null),[b,y]=m(null),[P,p]=m(null),q=(e,n)=>{c||S(n)},z=()=>{c||S(void 0)},K=e=>{B&&e&&k(n=>{const t=new Set(n);return t.has(e.name)?t.delete(e.name):t.size<s.length-1&&t.add(e.name),t})},u=s.map((e,n)=>({...e,index:n,value:v.has(e.name)?0:e.value}));return T(()=>{const e=d.current;if(!e)return;const n=new ResizeObserver(g=>{var r;const a=(r=g[0])==null?void 0:r.contentRect;a&&y(a)});n.observe(e);const t=e.getBoundingClientRect();return y(t),()=>{n.disconnect()}},[]),T(()=>{var e;const n=(e=d.current)==null?void 0:e.querySelector(".recharts-legend-wrapper");if(!n){const r=setInterval(()=>{var a;const l=(a=d.current)==null?void 0:a.querySelector(".recharts-legend-wrapper");if(l){const M=l.getBoundingClientRect();p(M),clearInterval(r)}},100);return()=>{clearInterval(r)}}const t=new ResizeObserver(r=>{var a;const l=(a=r[0])==null?void 0:a.contentRect;l&&p(l)});t.observe(n);const g=n.getBoundingClientRect();return p(g),()=>{t.disconnect()}},[]),i(E,{ref:d,sx:{width:"100%",height:"100%","& g":{outline:"none"},...o},children:i(F,{children:Y(N,{...Q,children:[i(G,{data:u,nameKey:"name",dataKey:"value",innerRadius:w,outerRadius:C,activeIndex:c?u.filter(e=>e.value>0).map(e=>e.index):j,activeShape:e=>W({...e,valueText:f,valuePercentage:I,needleVisible:R,allActive:c}),paddingAngle:0,onMouseEnter:q,onMouseLeave:z,...h,children:u.map(e=>i(H,{fill:e.color??_(e.name,D),opacity:v.has(e.name)?.5:1,stroke:"none"},e.name))}),i(J,{content:i(U,{legendLabel:A,hiddenItems:v,onToggle:K})}),R&&x!==void 0&&b&&P&&X({data:u,value:x,color:L,innerRadius:w,outerRadius:C,boxDimensions:b,legendDimensions:P,valueText:f})]})})})}export{$ as PieChart};

package/dist/components/chart/PieChart/renderActiveShape.mjs

@@ -0,0 +1 @@
+"use strict";import{Sector as y}from"recharts";import{jsxs as $,jsx as i}from"react/jsx-runtime";const j=p=>{const s=Math.PI/180,{cx:n,cy:l,midAngle:d,innerRadius:v,outerRadius:e,startAngle:x,endAngle:u,fill:r,payload:R,percent:S,value:M,valueText:m,valuePercentage:z,needleVisible:F,customText:L,allActive:D}=p,f=Math.sin(-s*d),t=Math.cos(-s*d),P=n+(e+5)*t,T=l+(e+5)*f,g=n+(e+15)*t,h=l+(e+15)*f,a=g+(t>=0?1:-1)*22,o=h,A=t>=0?"start":"end",c=M.toLocaleString(void 0,{minimumFractionDigits:0,maximumFractionDigits:0});return $("g",{children:[F||D?null:i("text",{x:n,y:l,dy:8,textAnchor:"middle",fill:"#333",fontSize:14,children:R.name}),i(y,{cx:n,cy:l,innerRadius:v,outerRadius:e,startAngle:x,endAngle:u,fill:r}),i(y,{cx:n,cy:l,startAngle:x,endAngle:u,innerRadius:e+2,outerRadius:e+6,fill:r}),i("path",{d:`M${P},${T}L${g},${h}L${a},${o}`,stroke:r,fill:"none"}),i("circle",{cx:a,cy:o,r:2,fill:r,stroke:"none"}),i("text",{x:a+(t>=0?1:-1)*12,y:o,textAnchor:A,fill:"#333",fontSize:12,children:L||(m?`${m} ${c}`:c)}),z&&$("text",{x:a+(t>=0?1:-1)*12,y:o,dy:16,textAnchor:A,fill:"#999",fontSize:11,children:[`${(S*100).toFixed(2)}%`," (",c,")"]})]})};export{j as renderActiveShape};

package/dist/components/chart/PieChart/renderNeedle.mjs

@@ -0,0 +1 @@
+"use strict";import{jsxs as A,Fragment as R,jsx as a}from"react/jsx-runtime";const S=$=>{const{value:s,data:g,color:l,innerRadius:v,outerRadius:f,boxDimensions:i,legendDimensions:p,valueText:M}=$,c=Math.PI/180;let d=0;g.forEach(k=>{d+=k.value});const y=i?i.width/2:150,D=(i?i.height/2:200)-p.height/2,h=180*(1-Math.max(0,Math.min(1,s/d))),m=(Number(v)+2*Number(f))/3,o=Math.sin(-c*h),r=Math.cos(-c*h),e=5,t=y-e,n=D,u=t+e*o,x=n-e*r,L=t-e*o,E=n+e*r,F=t+m*r,N=n+m*o,b=s.toLocaleString(void 0,{minimumFractionDigits:0,maximumFractionDigits:0}),j=M??b;return A(R,{children:[a("circle",{cx:t,cy:n,r:e,fill:l,stroke:"none",style:{pointerEvents:"none"}},"needle-circle"),a("path",{d:`M${u} ${x}L${L} ${E} L${F} ${N} L${u} ${x}`,stroke:"none",fill:l,style:{pointerEvents:"none"}},"needle-path"),a("text",{x:t+e,y:n+26,textAnchor:"middle",fill:"#333",fontSize:12,children:j},"needle-value")]})};export{S as renderNeedle};

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

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

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

@@ -0,0 +1 @@
+"use strict";import{useTheme as y}from"@mui/material";import{RISK_SCORE_RANGES as r}from"../constants.mjs";import{SimpleBarChart as g}from"../SimpleBarChart/index.mjs";import{EmptyChartSection as d}from"../EmptyChartSection.mjs";import{LoadingChartSection as u}from"../LoadingChartSection.mjs";import{NoRiskSignalsPermissionSection as M}from"../NoRiskSignalsPermissionSection/index.mjs";import{useStyle as k}from"../styles.mjs";import{jsx as i}from"react/jsx-runtime";function C({data:t,isLoading:m,isFetching:f,isSuccess:p,hasPermissionToDisplay:c=!0,sx:h}){const s=y(),A=k(),x=(l=>{const e={};return l.forEach(a=>{Object.entries(a).forEach(([o,S])=>{const n=parseInt(o);n<=1e3&&(e[n]=(e[n]||0)+S)})}),Array.from({length:1001},(a,o)=>({key:o.toString(),value:e[o]||0}))})(t),L=[{key:"Risk Score",dataKey:"value",color:s.palette.error.main}];return c?(!t||Object.keys(t).length===0)&&m?i(u,{}):!t||Object.keys(t).length===0||!p?i(d,{}):i(g,{data:x,series:L,sx:{...A.smallChartWrapper,opacity:f?.4:1,...h},yAxis:{label:{value:"Count",angle:-90,position:"insideLeft"},domain:[0,"dataMax + 10"]},xAxis:{domain:[0,"dataMax"],interval:"preserveStartEnd"},tooltip:{labelFormatter:()=>"Risk Score",formatter:(l,e,a)=>[l,a.payload.key]},referenceAreas:[{x1:r.ALLOW.MIN,x2:r.ALLOW.MAX,fill:"#ffffff00",isFront:!1,label:r.ALLOW.NAME},{x1:r.FLAG.MIN,x2:r.FLAG.MAX,fill:s.palette.warning.light,isFront:!1,label:r.FLAG.NAME},{x1:r.BLOCK.MIN,fill:s.palette.error.light,isFront:!1,label:r.BLOCK.NAME}]}):i(M,{})}export{C as RiskScoreBarChart};

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

@@ -0,0 +1 @@
+"use strict";import{useTheme as u}from"@mui/material";import{RISK_SCORE_RANGES as a}from"../constants.mjs";import{PieChart as f}from"../PieChart/index.mjs";import{EmptyChartSection as A}from"../EmptyChartSection.mjs";import{LoadingChartSection as g}from"../LoadingChartSection.mjs";import{NoRiskSignalsPermissionSection as h}from"../NoRiskSignalsPermissionSection/index.mjs";import{useStyle as S}from"../styles.mjs";import{jsx as r}from"react/jsx-runtime";function E({data:e,score:o=200,legendLabel:i,isLoading:s,isFetching:m,isSuccess:n,hasPermissionToDisplay:l=!0,sx:c}){const t=u(),L=S();if(!l)return r(h,{});if((!e||e.length<=0)&&s)return r(g,{});if(!e||e.length<=0||!n)return r(A,{});const p=[{name:a.ALLOW.NAME,customText:a.ALLOW.LABEL,value:e[0].value,color:t.palette.primary.main},{name:a.FLAG.NAME,customText:a.FLAG.LABEL,value:e[1].value,color:t.palette.warning.main},{name:a.BLOCK.NAME,customText:a.BLOCK.LABEL,value:e[2].value,color:t.palette.error.main}];return r(f,{data:p,legendToggle:!0,needleValue:o,legendLabel:i,allActive:!0,sx:{...L.smallChartWrapper,opacity:m?.4:1,...c}})}export{E as RiskScorePieChart};

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

@@ -0,0 +1 @@
+"use strict";import g from"lodash";import{stringToHashedColor as m}from"../../../utils/uuidColor.mjs";function k(s){const{brands:y,colorMap:l,data:c,keyValue:p}=s,e=new Map;y.forEach(({_raw:a})=>{(c?.filter(r=>r.brandUuid===a.brandUuid)??[]).forEach(r=>{const t=r.keyword??r.brandUuid;if(!t)return;const i=(r.interval??[]).map(d=>({date:+new Date(d.date),value:Number(d[p]||0)})).filter(d=>s.filterOutZeroValues?d.value>0:!0);if(e.has(t)){const d=e.get(t);if(!d)return;const u=[...d.chartData,...i],b=new Map;u.forEach(({date:n,value:o})=>{b.set(n,(b.get(n)??0)+o)});const U=Array.from(b.entries()).map(([n,o])=>({date:n,value:o})).sort((n,o)=>n.date-o.date);e.set(t,{keyword:r.keyword,brandUuid:a.brandUuid,brandName:a.brandName,brandColor:l.get(a.brandUuid),brandIntegrationType:a.integrationType,chartData:U})}else e.set(t,{keyword:r.keyword,brandUuid:a.brandUuid,brandName:a.brandName,brandColor:l.get(a.brandUuid),brandIntegrationType:a.integrationType,chartData:i})})});const f=a=>a==="hosted"||a==="sdk"?"SDK":a==="non-hosted"||a==="api"?"API":a,h=({keyword:a,brandColor:r,brandUuid:t})=>a?m(a):r??m(t),w=Array.from(e.values()).map(({keyword:a,brandUuid:r,brandName:t,brandColor:i,brandIntegrationType:d,chartData:u})=>({uuid:a??r,name:a??t,description:a?"":f(d),color:h({keyword:a,brandColor:i,brandUuid:r}),chartData:u}));return g.chain(w).sortBy(a=>a.name).toArray().value()}export{k as mapSeriesTimeSeriesData};

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

@@ -0,0 +1 @@
+"use strict";import{createElement as i}from"react";import{useTheme as n,Box as s}from"@mui/material";import{ResponsiveContainer as m,LineChart as d,CartesianGrid as l,XAxis as c,YAxis as u,Label as h,Tooltip as p,Legend as f,Line as x}from"recharts";import{formatDateMMYY as g,formatExtendedDate as L}from"../../../utils/date.mjs";import{SeriesChartLegend as k}from"../SeriesChartLegend/index.mjs";import{DEFAULT_TIMEZONE as b}from"../../form/TimezoneInput/timezones.mjs";import{jsx as e,jsxs as y}from"react/jsx-runtime";function v(a){const o=n(),{timezone:r=b}=a.filter;return e(s,{sx:{width:"100%",height:"100%",...a.sx},children:e(m,{children:y(d,{width:500,height:300,margin:{top:5,right:60,left:20,bottom:5},children:[e(l,{vertical:!1}),e(c,{dataKey:"date",type:"number",domain:["dataMin","dataMax"],tickFormatter:t=>g(t,{timeZone:r,hour12:!1,hour:"numeric"}),allowDuplicatedCategory:!1,tickLine:!1,fontSize:12,tickMargin:12}),e(u,{textAnchor:"end",dataKey:"value",tickLine:!1,tickFormatter:t=>Number(t).toLocaleString(),allowDecimals:!1,domain:[1,"dataMax"],children:a.label&&e(h,{value:a.label,angle:-90,position:"insideLeft",style:{textAnchor:"middle"}})}),e(p,{cursor:{stroke:o.palette.neutral.main,strokeWidth:1},formatter:t=>Number(t).toLocaleString(),labelFormatter:t=>L(t,{timeZone:r,hour12:!1}),itemSorter:t=>-Number(t?.value??0)}),e(f,{content:e(k,{showUuid:a.showUuid})}),a.data.map(t=>i(x,{uuid:t.uuid,description:t.description,key:t.uuid,name:t.name,dataKey:"value",data:t.chartData,type:"monotone",stroke:t.color,strokeWidth:2,isAnimationActive:!1}))]})})})}export{v as SeriesChart};

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

@@ -0,0 +1 @@
+"use strict";import{useCallback as m,useMemo as w}from"react";import{Box as M,Stack as y,Typography as s}from"@mui/material";import g from"@mui/material/Unstable_Grid2";import{Decimal as h}from"decimal.js";import{AnimatePresence as F}from"framer-motion";import{useCopyToClipboard as P}from"../../../hooks/useCopyToClipboard.mjs";import{usePrevious as C}from"../../../hooks/usePrevious.mjs";import{Counter as k}from"../../animation/Counter.mjs";import{MotionStack as T}from"../../animation/motions.mjs";import{useSnackbar as B}from"../../Snackbar/index.mjs";import{jsx as i,jsxs as c}from"react/jsx-runtime";function I({entry:o,payload:r,showUuid:a=!0}){const e=m(n=>{var d,t,p;return(p=(t=(d=n.payload)==null?void 0:d.data)==null?void 0:t.reduce)==null?void 0:p.call(t,(l,u)=>l+u.value,0)},[]),f=m(n=>{const d=new h(e(n)||0),t=r?.reduce((u,j)=>u+e(j),0)||0,p=new h(t),l=Number(d.div(p).times(100).toFixed(2,h.ROUND_DOWN));return isNaN(l)||!isFinite(l)?0:l},[e,r]),x=w(()=>e(o),[o,e]),N=C(x),v=w(()=>Number(f(o)),[o,f]),U=C(v),b=m(n=>Math.floor(n).toLocaleString(),[]),D=P({type:"text/plain"}),S=B();return c(T,{component:"li",direction:"row",spacing:1,sx:{color:o.color},layout:"position",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:[i(M,{sx:{width:"3px",height:"100%",backgroundColor:o.color,borderRadius:3}}),c(y,{children:[c(s,{component:"p",variant:"caption",children:[i(y,{component:"span",display:"inline-flex",mr:.5,children:i(k,{from:N??0,to:x,map:b,children:"0"})}),c(y,{component:"span",direction:"row",display:"inline-flex",children:["(",i(k,{from:U??0,to:v,map:b,children:"0"}),"%)"]})]}),i(s,{variant:"body1",children:o.value}),o.payload.description&&i(s,{variant:"body2",children:o.payload.description}),a&&o.payload.uuid&&c(s,{variant:"body2",sx:{cursor:"pointer","&:hover":{textDecoration:"underline"}},onClick:()=>{D.copy(o.payload.uuid).catch(()=>{}),S.enqueueSnackbar("UUID copied to clipboard","success")},children:[o.payload.uuid.slice(0,5),"..."]})]})]})}function L(o){const{payload:r}=o;return i(g,{container:!0,direction:"row",component:"ul",gap:2,sx:{mt:2,justifyContent:"flex-start",alignItem:"center",flexWrap:"wrap"},children:i(F,{children:r?.map(a=>i(g,{children:i(I,{entry:a,payload:r,showUuid:o.showUuid})},`item-${a.payload.uuid}-${a.value}`))})})}export{L as SeriesChartLegend};

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

@@ -0,0 +1 @@
+"use strict";import{useTheme as g,Box as k}from"@mui/material";import f from"decimal.js";import{useMemo as x}from"react";import{ResponsiveContainer as $,LineChart as v,CartesianGrid as T,XAxis as D,YAxis as E,Tooltip as w,Legend as M,Line as _}from"recharts";import{formatDateMMYY as b,formatExtendedDate as A}from"../../../utils/date.mjs";import{SeriesPercentageChartLegend as F}from"../SeriesPercentageChartLegend/index.mjs";import{DEFAULT_TIMEZONE as K}from"../../form/TimezoneInput/timezones.mjs";import{jsx as n,jsxs as L}from"react/jsx-runtime";const C=(r,c)=>{const s=new Map;return r.forEach(d=>{d.chartData.forEach(e=>{const o=new Date(e.date).getTime().toString();if(!s.has(o)){const l={date:o};s.set(o,l)}const m=s.get(o);c.forEach(({key:l})=>{var p;const h=`${d.uuid}_${l}`,i=e[l],y=(p=c.find(t=>t.isTotal))==null?void 0:p.key,a=typeof i=="string"?i.trim()===""?0:parseInt(i,10):typeof i=="number"?i:0;if(m[`${h}_absolute`]=a,l!==y){const t=e[y??""];let u;t===0?u=100:u=t>0?parseFloat(new f(a.toString()).div(t).mul(100).toFixed(2,f.ROUND_DOWN)):0,m[h]=u}else m[h]=100})})}),Array.from(s.values()).sort((d,e)=>parseInt(d.date)-parseInt(e.date))};function S(r){const{timezone:c=K}=r.filter,s=g(),d=x(()=>r.data?C(r.data,r.keyValues):[],[r.data,r.keyValues]);return n(k,{sx:{width:"100%",height:"100%",...r.sx},children:n($,{width:"100%",height:"100%",children:L(v,{data:d,width:500,height:300,margin:{top:5,right:60,left:20,bottom:5},children:[n(T,{strokeDasharray:"3 3"}),n(D,{dataKey:"date",type:"number",domain:["dataMin","dataMax"],tickFormatter:e=>b(e,{timeZone:c,hour12:!1,hour:"numeric"}),allowDuplicatedCategory:!1,tickLine:!1,fontSize:12,tickMargin:12}),n(E,{textAnchor:"end",tickLine:!1,tickFormatter:e=>`${e.toFixed(0)}%`}),n(w,{cursor:{stroke:s.palette.neutral.main,strokeWidth:1},labelFormatter:e=>A(e,{timeZone:c,hour12:!1}),itemSorter:e=>-Number(e?.value??0),formatter:(e,o)=>{const m=typeof e=="number"?e.toFixed(1):e;return[`${o}: ${m}%`]}}),n(M,{content:e=>{var o;const{height:m,width:l,...p}=e,h=d[d.length-1];Object.entries(h).forEach(([a,t])=>{});const i=new Map;r.data.forEach(a=>{r.keyValues.filter(t=>!t.isTotal).forEach(t=>{const u=`${a.uuid}_${t.key}`;i.set(u,a.uuid),i.set(`${u}_integrationType`,a.integrationType??"")})});const y=a=>{const t=i.get(`${a.dataKey}_integrationType`);return t==="hosted"||t==="sdk"?"SDK":t==="non-hosted"||t==="api"?"API":t};return n(F,{...p,payload:(o=e.payload)==null?void 0:o.map(a=>({uuid:i.get(a.dataKey)??"",value:a.value,color:a.color??s.palette.primary.main,integrationType:y(a),dataKey:a.dataKey}))})}}),r.data.map(e=>r.keyValues.filter(o=>!o.isTotal).map(o=>n(_,{type:"monotone",dataKey:`${e.uuid}_${o.key}`,name:e.name??e.uuid,stroke:e.color??s.palette.primary.main,strokeWidth:2,dot:!1,isAnimationActive:!1},`${e.uuid}_${o.key}`)))]})})})}export{S as SeriesPercentageChart};

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

@@ -0,0 +1 @@
+"use strict";import{Box as s,Stack as p,Typography as t}from"@mui/material";import a from"@mui/material/Unstable_Grid2";import{AnimatePresence as d}from"framer-motion";import{useCopyToClipboard as u}from"../../../hooks/useCopyToClipboard.mjs";import{MotionStack as l}from"../../animation/motions.mjs";import{useSnackbar as m}from"../../Snackbar/index.mjs";import{jsx as r,jsxs as n}from"react/jsx-runtime";function h({entry:i,showUuid:o=!0}){const e=u({type:"text/plain"}),c=m();return n(l,{component:"li",direction:"row",spacing:1,sx:{color:i.color},layout:"position",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:[r(s,{sx:{width:"3px",height:"100%",backgroundColor:i.color,borderRadius:3}}),n(p,{children:[r(t,{variant:"body1",children:i.value}),i.integrationType&&r(t,{variant:"body2",children:i.integrationType}),o&&i.uuid&&n(t,{variant:"body2",sx:{cursor:"pointer","&:hover":{textDecoration:"underline"}},onClick:()=>{i.uuid&&(e.copy(i.uuid).catch(()=>{}),c.enqueueSnackbar("UUID copied to clipboard","success"))},children:[i.uuid.slice(0,5),"..."]})]})]})}function y(i){const{payload:o}=i;return r(a,{container:!0,direction:"row",component:"ul",gap:2,sx:{mt:2,justifyContent:"flex-start",alignItem:"center",flexWrap:"wrap"},children:r(d,{children:o?.map(e=>r(a,{children:r(h,{entry:e,showUuid:i.showUuid})},`item-${e.uuid}-${e.value}`))})})}export{y as SeriesPercentageChartLegend};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/chart/constants.mjs

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

package/dist/components/chart/index.mjs

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