@verifiedinc-public/shared-ui-elements 9.4.1 → 9.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Snackbar/index.mjs +1 -1
- package/dist/components/animation/motions.mjs +1 -1
- package/dist/components/chart/index.mjs +1 -1
- package/dist/components/dialog/CalendlyDialog.mjs +1 -1
- package/dist/components/form/DateInput/index.mjs +1 -1
- package/dist/components/form/DateRangeInput/index.mjs +1 -1
- package/dist/components/form/NewOneClickForm/core/fields/address.mjs +1 -1
- package/dist/components/form/NewOneClickForm/core/fields/birthDate.mjs +1 -1
- package/dist/components/form/NewOneClickForm/core/fields/driversLicense.mjs +1 -1
- package/dist/components/form/NewOneClickForm/core/validations/driversLicense/driversLicense.schema.mjs +1 -1
- package/dist/components/form/NewOneClickForm/react/core/form.context.mjs +1 -1
- package/dist/components/form/OneClickForm/components/CredentialsDisplay/CredentialsDisplay.mjs +1 -1
- package/dist/components/form/OneClickForm/components/CredentialsDisplay/CredentialsDisplayItemContext.mjs +1 -1
- package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/isValidInputCredential.mjs +1 -1
- package/dist/components/form/OneClickForm/components/DataField/DataFieldAtomic.mjs +1 -1
- package/dist/components/form/OneClickForm/components/DataField/DataFieldComposite.mjs +1 -1
- package/dist/components/form/OneClickForm/components/DataField/DataFieldHeader/HeaderSelect/utils/renderInstance.mjs +1 -1
- package/dist/components/form/OneClickForm/components/DataField/formats/DataFieldText.mjs +1 -1
- package/dist/components/form/OneClickForm/components/DataField/inputs/DataFieldDateInput.mjs +1 -1
- package/dist/components/form/OneClickForm/components/DataField/inputs/DataFieldImageInput.mjs +1 -1
- package/dist/components/form/OneClickForm/components/DataField/inputs/DataFieldSelectInput.mjs +1 -1
- package/dist/components/form/OneClickForm/contexts/one-click-form-options.context.mjs +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.mjs +1 -1
- package/dist/components/logs/LogsInfoAlert/LogsInfoAlert.d.ts +10 -0
- package/dist/components/logs/LogsInfoAlert/LogsInfoAlert.mjs +1 -0
- package/dist/components/logs/LogsInfoAlert/index.d.ts +1 -0
- package/dist/components/logs/LogsTable/LogDetailPanel.d.ts +6 -0
- package/dist/components/logs/LogsTable/LogDetailPanel.mjs +1 -0
- package/dist/components/logs/LogsTable/LogsTable.d.ts +17 -0
- package/dist/components/logs/LogsTable/LogsTable.mjs +1 -0
- package/dist/components/logs/LogsTable/index.d.ts +2 -0
- package/dist/components/logs/index.d.ts +3 -0
- package/dist/components/logs/types.d.ts +28 -0
- package/dist/contexts/metrics/Metrics.context.mjs +1 -1
- package/dist/contexts/tunnel/index.mjs +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.mjs +1 -1
- package/dist/hooks/useBidirectionalScroll.d.ts +41 -0
- package/dist/hooks/useBidirectionalScroll.mjs +1 -0
- package/dist/index.mjs +1 -1
- package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.mjs +1 -1
- package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs +1 -1
- package/dist/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs +1 -1
- package/dist/node_modules/clsx/dist/clsx.mjs +1 -1
- package/dist/styles/lib/react-datepicker.d.ts +1 -0
- package/dist/styles/lib/react-datepicker.mjs +953 -0
- package/dist/utils/date.d.ts +6 -0
- package/dist/utils/date.mjs +1 -1
- package/dist/utils/index.mjs +1 -1
- package/package.json +2 -1
- package/dist/styles/lib/react-datepicker.css.mjs +0 -1
|
@@ -1 +1 @@
|
|
|
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{
|
|
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{SnackbarContent as f,closeSnackbar as t,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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{Box as a,
|
|
1
|
+
"use strict";import{Box as a,Button as r,Stack as t,TableCell as s,TableRow as n,TableBody as i,Typography as p}from"@mui/material";import{motion as o}from"framer-motion";const M=o(a,{forwardMotionProps:!1}),d=o(t,{forwardMotionProps:!1}),f=o(i,{forwardMotionProps:!1}),w=o(n,{forwardMotionProps:!1}),l=o(s,{forwardMotionProps:!1}),T=o(p,{forwardMotionProps:!1}),e=o(r,{forwardMotionProps:!1});export{M as MotionBox,e as MotionButton,d as MotionStack,l as MotionTableCell,w as MotionTableRow,f as MotionTbody,T as MotionTypography};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{SeriesChart as a}from"./SeriesChart/index.mjs";import{SeriesChartLegend as r}from"./SeriesChartLegend/index.mjs";import{SeriesPercentageChart as e}from"./SeriesPercentageChart/index.mjs";import{BigNumber as i}from"./BigNumber/index.mjs";import{SimpleBarChart as t}from"./SimpleBarChart/index.mjs";import{AreaChart as s}from"./AreaChart/index.mjs";import{ErrorCodesChart as o}from"./ErrorCodesChart/index.mjs";import{ReasonCodesChart as m}from"./ReasonCodesChart/index.mjs";import{PieChart as n}from"./PieChart/index.mjs";import{RiskScorePieChart as l}from"./RiskScorePieChart/index.mjs";import{RiskScoreBarChart as C}from"./RiskScoreBarChart/index.mjs";import{SimpleLegend as p}from"./SimpleLegend/index.mjs";import{LoadingChartSection as c}from"./LoadingChartSection.mjs";import{EmptyChartSection as f}from"./EmptyChartSection.mjs";import{MetricLastUpdated as h}from"./MetricLastUpdated.mjs";import{FunnelChart as S}from"./FunnelChart/index.mjs";import{ConversionOverTimeChart as v}from"./ConversionOverTimeChart/index.mjs";import{
|
|
1
|
+
"use strict";import{SeriesChart as a}from"./SeriesChart/index.mjs";import{SeriesChartLegend as r}from"./SeriesChartLegend/index.mjs";import{SeriesPercentageChart as e}from"./SeriesPercentageChart/index.mjs";import{BigNumber as i}from"./BigNumber/index.mjs";import{SimpleBarChart as t}from"./SimpleBarChart/index.mjs";import{AreaChart as s}from"./AreaChart/index.mjs";import{ErrorCodesChart as o}from"./ErrorCodesChart/index.mjs";import{ReasonCodesChart as m}from"./ReasonCodesChart/index.mjs";import{PieChart as n}from"./PieChart/index.mjs";import{RiskScorePieChart as l}from"./RiskScorePieChart/index.mjs";import{RiskScoreBarChart as C}from"./RiskScoreBarChart/index.mjs";import{SimpleLegend as p}from"./SimpleLegend/index.mjs";import{LoadingChartSection as c}from"./LoadingChartSection.mjs";import{EmptyChartSection as f}from"./EmptyChartSection.mjs";import{MetricLastUpdated as h}from"./MetricLastUpdated.mjs";import{FunnelChart as S}from"./FunnelChart/index.mjs";import{ConversionOverTimeChart as v}from"./ConversionOverTimeChart/index.mjs";import{BILLABLE_PRODUCTS as T,BillableProduct as O}from"./BillableEventsTable/BillableEventsTable.types.mjs";import{BillableEventsProductTable as b}from"./BillableEventsProductTable/BillableEventsProductTable.mjs";import{BillableEventsTable as B}from"./BillableEventsTable/BillableEventsTable.mjs";import{OneClickVerificationEventsOverTimeChart as d}from"./OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.mjs";import{OneClickVerificationFunnelChart as u}from"./OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.mjs";import{OneClickVerificationSuccessOverTimeChart as E}from"./OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.mjs";import{OverviewBigNumbers as D}from"./OverviewBigNumbers/OverviewBigNumbers.mjs";import{SynchronizedMetricsChart as k}from"./SynchronizedMetricsChart/SynchronizedMetricsChart.mjs";import{TTSOverTimeChart as L}from"./TTSOverTimeChart/TTSOverTimeChart.mjs";import{defaultOverviewMetrics as g}from"./OverviewBigNumbers/OverviewBigNumbers.types.mjs";import{exportBillableEventsToCsv as P}from"./BillableEventsTable/exportBillableEventsToCsv.mjs";import{formatIntegrationType as V,mapBillableEventsTableData as R}from"./BillableEventsTable/BillableEventsTableDataMapper.mjs";import{mapBillableEventsProductTableData as y}from"./BillableEventsProductTable/BillableEventsProductTableDataMapper.mjs";import{mapOneClickVerificationAreaSeriesData as F}from"./OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.map.mjs";import{mapOneClickVerificationFunnelChartData as A}from"./OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.map.mjs";import{mapOneClickVerificationSuccessOverTimeChartData as M}from"./OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.map.mjs";import{mapSeriesTimeSeriesData as w}from"./SeriesChart/SeriesChart.map.mjs";import{mapTTSTimeSeriesData as x}from"./TTSOverTimeChart/TTSOverTimeChart.map.mjs";export{s as AreaChart,T as BILLABLE_PRODUCTS,i as BigNumber,b as BillableEventsProductTable,B as BillableEventsTable,O as BillableProduct,v as ConversionOverTimeChart,f as EmptyChartSection,o as ErrorCodesChart,S as FunnelChart,c as LoadingChartSection,h as MetricLastUpdated,d as OneClickVerificationEventsOverTimeChart,u as OneClickVerificationFunnelChart,E as OneClickVerificationSuccessOverTimeChart,D as OverviewBigNumbers,n as PieChart,m as ReasonCodesChart,C as RiskScoreBarChart,l as RiskScorePieChart,a as SeriesChart,r as SeriesChartLegend,e as SeriesPercentageChart,t as SimpleBarChart,p as SimpleLegend,k as SynchronizedMetricsChart,L as TTSOverTimeChart,g as defaultOverviewMetrics,P as exportBillableEventsToCsv,V as formatIntegrationType,y as mapBillableEventsProductTableData,R as mapBillableEventsTableData,F as mapOneClickVerificationAreaSeriesData,A as mapOneClickVerificationFunnelChartData,M as mapOneClickVerificationSuccessOverTimeChartData,w as mapSeriesTimeSeriesData,x as mapTTSTimeSeriesData};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{
|
|
1
|
+
"use strict";import{memo as i,forwardRef as l,useState as n,useImperativeHandle as d}from"react";import{PersistentDialog as m}from"./PersistentDialog.mjs";import{jsx as o}from"react/jsx-runtime";const s=l(({calendlyUrl:r},t)=>{const[a,e]=n(!1);return d(t,()=>({show:()=>{e(!0)},hide:()=>{e(!1)},toggle:()=>{e(!a)},isOpen:a})),o(m,{isOpen:a,setIsOpen:e,children:o("iframe",{src:r,style:{height:"800px",width:"500px",maxWidth:"90vw",maxHeight:"85vh",border:"none",borderRadius:"5px"}})})});s.displayName="CalendlyDialog";const p=i(s);export{p as CalendlyDialog,s as CalendlyDialogComponent};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{forwardRef as
|
|
1
|
+
"use strict";import{forwardRef as y,useState as I,useRef as A,useMemo as N}from"react";import{TextField as P,Box as R,Stack as $,IconButton as z}from"@mui/material";import{CalendarToday as E}from"@mui/icons-material";import _ from"../../../node_modules/react-datepicker/dist/es/index.mjs";import{useOnClickOutside as W}from"../../../hooks/useOnClickOutside.mjs";import{reactDatepickerCss as j}from"../../../styles/lib/react-datepicker.mjs";import{masks as B}from"../../../utils/masks/index.mjs";import{InputMask as K}from"../InputMask.mjs";import{TextMaskCustom as q}from"../TextMaskCustom.mjs";import{jsxs as O,Fragment as G,jsx as r}from"react/jsx-runtime";const H=_.default??_,J=y(function(t,s){return r($,{ref:s,sx:{position:"relative"},children:r(z,{edge:"end",size:"small",onClick:()=>{var i;t.disabled||(i=t.onFocus)==null||i.call(t)},disabled:t.disabled,children:r(E,{fontSize:"small"})})})}),L=function({value:t,onChange:s,defaultSelectedDate:i,overflow:h=!1,clickOutsideBoundaryElement:a,minDate:D,maxDate:c,disabled:g}){const[w,m]=I(!1),v=A(null),C=new Date("08/01/1989"),x=D??new Date(1900,0,1),u=c??new Date,n=e=>{if(!e||!(e instanceof Date)||isNaN(e.getTime()))return"";try{const o=e.getDate().toString().padStart(2,"0"),d=(e.getMonth()+1).toString().padStart(2,"0"),l=e.getFullYear();return d==="00"||d>"12"||o==="00"||o>"31"||l<1900||l>u.getFullYear()?"":`${d}/${o}/${l}`}catch{return""}},b=N(()=>{if(!t)return i??void 0;const e=new Date(t);return isNaN(+e)||!/^\d{2}\/\d{2}\/\d{4}$/.test(t)||e<x||e>u?C:e},[t]);return W(v,()=>{m(!1)},"mousedown",{},a),O(R,{ref:v,sx:{position:"relative","& .react-datepicker-popper":h?{transform:"translate(calc(-100% + 32px), calc(-50% + 10px))!important"}:{}},children:[r("style",{children:j}),r(H,{open:w,onFocus:()=>{m(e=>!e)},popperPlacement:"bottom-end",placeholderText:"MM/DD/YYYY",showPopperArrow:!1,showYearDropdown:!0,showMonthDropdown:!0,scrollableYearDropdown:!1,dateFormat:"MM/dd/yyyy",minDate:x,maxDate:u,selected:b,dropdownMode:"select",onSelect:e=>{const o=n(e);o&&(s?.({target:{value:o}}),m(!1))},disabled:g,customInput:r(J,{disabled:g})})]})};function V({label:t="Date",value:s,error:i,helperText:h,onChange:a,onBlur:D,disabled:c,pickerDefaultSelectedDate:g,pickerClickOutsideBoundaryElement:w,pickerInputOverflow:m=!1,inputMaskProps:v,minDate:C,maxDate:x,redactYear:u=!1,...n},b){var e;const[o,d]=I(""),l=s!==void 0,p=l?s:o,S=f=>{const k=f.target.value;l||d(k),a&&a(k)},M=O(G,{children:[!u&&r(L,{onChange:S,value:p,overflow:m,clickOutsideBoundaryElement:w,defaultSelectedDate:g,minDate:C,maxDate:x,disabled:c}),(e=n.InputProps)==null?void 0:e.endAdornment]}),Y={flex:1,"& input":{boxShadow:"none!important",border:"none!important",letterSpacing:"1px"}};if(u)return r(P,{label:t,error:i,helperText:h,fullWidth:!0,...n,autoComplete:"bday",inputRef:b,value:p?.replace(/-/g,"")??"",onChange:((f,k)=>{if(!k)return;const F=p?.replace(/\//g,"")??"";if(f.target.value.replace(/\//g,"").length<F.length){a?.(""),l||d("");return}a?.(f.target.value),l||d(f.target.value)}),onBlur:D,disabled:c,placeholder:"__/__/____",inputProps:{...n.inputProps,useOnComplete:!1,unmask:!1,lazy:!0,mask:"00/00/YYYY",definitions:{Y:{mask:/[0-9•]/,displayChar:"\u2022"}},placeholderChar:"_",inputMode:"numeric",overwrite:!1,tabIndex:0},InputProps:{...n.InputProps,inputComponent:q,endAdornment:M},sx:Y});const T={label:t,error:i,helperText:h,fullWidth:!0,...n,autoComplete:"bday",inputProps:{...n.inputProps,inputMode:"numeric",tabIndex:0,mask:B.DOB_MASK},InputProps:{...n.InputProps,endAdornment:M}};return r(K,{mask:B.DOB_MASK,maskPlaceholder:null,disabled:c,value:p,onBlur:D,onChange:S,...v,children:r(P,{...T,inputRef:b,fullWidth:!0,sx:Y})})}const Q=y(V);export{Q as DateInput};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{useState as i,useRef as c,forwardRef as h}from"react";import{Box as x,TextField as Y}from"@mui/material";import g from"../../../node_modules/react-datepicker/dist/es/index.mjs";import M
|
|
1
|
+
"use strict";import{useState as i,useRef as c,forwardRef as h}from"react";import{Box as x,TextField as Y}from"@mui/material";import g from"../../../node_modules/react-datepicker/dist/es/index.mjs";import{reactDatepickerCss as M}from"../../../styles/lib/react-datepicker.mjs";import{useOnClickOutside as R}from"../../../hooks/useOnClickOutside.mjs";import{useStyle as y}from"./style.mjs";import{jsxs as b,jsx as a}from"react/jsx-runtime";const v=h(function(o,r){return a(Y,{inputRef:r,...o,label:"Range",fullWidth:!0,sx:{flex:1,"& input":{boxShadow:"none!important",border:"none!important"}}})}),C=o=>{const r=y(),m=()=>{const{startDate:e,endDate:t}=o;return!e||!t?[null,null]:[new Date(e),new Date(t)]},[u,d]=i(m()),[D,f]=u,n=c(null),[w,s]=i(!1);return R(n,()=>{s(!1)}),b(x,{ref:n,sx:r.wrapper,children:[a("style",{children:M}),a(g,{open:w,onFocus:()=>{s(!0)},placeholderText:"MM/DD/YYYY - MM/DD/YYYY",showPopperArrow:!1,swapRange:!0,selectsRange:!0,showYearDropdown:!0,showMonthDropdown:!0,scrollableYearDropdown:!1,dateFormat:"MM/dd/yyyy HH:mm:ss",startDate:D??void 0,endDate:f??void 0,minDate:new Date(2023,0,1),maxDate:new Date,onChange:([e,t],l)=>{var p;d([e,t]),!(!e||!t)&&(((p=l?.target)==null?void 0:p.tagName)!=="INPUT"&&(e.setHours(0,0,0,0),t.setHours(23,59,59,999)),o.onChange(+e,+t))},customInput:a(v,{})})]})};export{C as DateRangeInput};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{addressFormat as h}from"../formats/address.format.mjs";import{
|
|
1
|
+
"use strict";import{addressFormat as h}from"../formats/address.format.mjs";import{addressSchema as n}from"../validations/address/address.schema.mjs";import{countrySchema as y}from"../validations/address/country.schema.mjs";import{citySchema as S}from"../validations/address/city.schema.mjs";import{line2Schema as u}from"../validations/address/line2.schema.mjs";import{line1Schema as z}from"../validations/address/line1.schema.mjs";import{zipCodeSchema as f}from"../validations/address/zipcode.schema.mjs";import{stateSchema as k}from"../validations/address/state.schema.mjs";const b="address",e="line1",t="line2",a="city",r="state",i="country",c="zipCode",o={key:e,characteristics:{inputType:"text",label:"Line 1",placeholder:"123 Main Street"},zodSchema:z},s={key:t,characteristics:{inputType:"text",label:"Line 2",placeholder:"Apt 4B, Suite 100"},zodSchema:u},l={key:a,characteristics:{inputType:"text",label:"City",placeholder:"New York"},zodSchema:S},p={key:r,characteristics:{inputType:"text",label:"State",placeholder:"NY"},zodSchema:k},m={key:i,characteristics:{inputType:"text",label:"Country",placeholder:"US"},zodSchema:y},d={key:c,characteristics:{inputType:"text",label:"Zip Code",placeholder:"10001"},zodSchema:f},x={key:b,characteristics:{inputType:"composite",label:"Address",defaultOrder:[e,t,a,r,i,c]},children:{line1:o,line2:s,city:l,state:p,country:m,zipCode:d},zodSchema:n,format:h};export{x as address,l as city,m as country,o as line1,s as line2,p as state,d as zipCode};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{
|
|
1
|
+
"use strict";import{dateFormat as t}from"../formats/date.format.mjs";import{birthDateSchema as a}from"../validations/other/birthDate.schema.mjs";const e="birthDate",r={key:e,characteristics:{inputType:"date",label:"Birthday",placeholder:"__/__/____"},zodSchema:a,format:t};export{r as birthDate};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{US_STATES as p}from"../shared/us-states.mjs";import{address as n}from"./address.mjs";import{dateFormat as e}from"../formats/date.format.mjs";import{
|
|
1
|
+
"use strict";import{US_STATES as p}from"../shared/us-states.mjs";import{address as n}from"./address.mjs";import{dateFormat as e}from"../formats/date.format.mjs";import{dateSchema as a}from"../validations/other/date.schema.mjs";import{stateFormat as u}from"../formats/state.format.mjs";import{documentNumberSchema as l}from"../validations/other/documentNumber.schema.mjs";import{driversLicenseSchema as h}from"../validations/driversLicense/driversLicense.schema.mjs";import{stateSchema as _}from"../validations/address/state.schema.mjs";const S="driversLicense",t="documentNumber",r="issuanceState",s="issuanceDate",i="expirationDate",f="address",c={key:t,characteristics:{inputType:"text",label:"Number",placeholder:"John"},zodSchema:l},o={key:r,characteristics:{inputType:"select",label:"State",placeholder:"NY",options:p},zodSchema:_,format:u},m={key:s,characteristics:{inputType:"date",label:"Issued",placeholder:"__/__/____"},zodSchema:a,format:e},d={key:i,characteristics:{inputType:"date",label:"Expired",placeholder:"__/__/____"},zodSchema:a,format:e},y={key:S,characteristics:{inputType:"composite",label:"Driver's License",defaultOrder:[t,r,s,i,f]},children:{documentNumber:c,issuanceState:o,issuanceDate:m,expirationDate:d,address:n},zodSchema:h};export{c as documentNumber,y as driversLicense,d as expirationDate,m as issuanceDate,o as issuanceState};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{z as a}from"zod";import{addressSchema as m}from"../address/address.schema.mjs";import{dateSchema as e}from"../other/date.schema.mjs";import{
|
|
1
|
+
"use strict";import{z as a}from"zod";import{addressSchema as m}from"../address/address.schema.mjs";import{dateSchema as e}from"../other/date.schema.mjs";import{stateSchema as r}from"../address/state.schema.mjs";import{documentNumberSchema as t}from"../other/documentNumber.schema.mjs";const s=a.object({documentNumber:t,issuanceState:r,issuanceDate:e,expirationDate:e,address:m});export{s as driversLicenseSchema};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{
|
|
1
|
+
"use strict";import{useState as k,useCallback as i,useContext as A,createContext as K}from"react";import{jsx as T}from"react/jsx-runtime";const x=K(null),W=()=>{const m=A(x);if(!m)throw new Error("useForm must be used within a FormProvider");return m},I=({children:m,form:y,onSubmit:h})=>{const[n,c]=k({form:y,isSubmitting:!1,isSubmitSuccess:!1}),s=i(e=>{var o;if(!n.form)return;const r=e.split(".");if(r.length===1){const u=r[0],S=n.form.fields[u];if(S)return S;for(const g of Object.values(n.form.fields))if(g.children){for(const j of Object.values(g.children))if(j.id===u)return j}return}const[t,...l]=r,a=n.form.fields[t];if(!(a!=null&&a.children))return;let f=a;for(const u of l){if(!((o=f?.children)!=null&&o[u]))return;f=f.children[u]}return f},[n.form]),b=i(()=>n.form?n.form.isValid:!1,[n.form]),O=i(e=>{c(o=>({...o,form:e}))},[]),F=i(e=>{if(!n.form)return null;const o=e.split(".");if(o.length<2)return null;const r=o.slice(0,-1).join("."),t=o[o.length-1],l=s(r);if(!l||l.schema.characteristics.inputType!=="composite")throw new Error(`Parent field not found: ${r}`);return{parentField:l,childKey:t}},[n.form,s]),w=i(e=>{if(!e.children)return{};const o={};return Object.entries(e.children).forEach(([r,t])=>{o[r]=t.value}),o},[]),v=i(e=>{const o=F(e);if(o){const{parentField:r}=o,t=w(r);r.value=Object.keys(t).length>0?t:{};const l=e.split(".");if(l.length>2){const a=l.slice(0,-1).join(".");v(a)}}},[F,w]),E=i((e,o)=>{c(r=>{if(!r.form)return console.warn("No form instance available"),r;const t=s(e);return t?t.value===o?r:(t.value=o,v(e),{...r,form:r.form}):(console.warn(`Attempted to update non-existent field: ${e}`),r)})},[s,v]),P=i((e,o)=>{c(r=>{if(!r.form)return console.warn("No form instance available"),r;const t=s(e);return t?t.touched===o?r:(t.touched=o,{...r,form:r.form}):(console.warn(`Attempted to set touched state for non-existent field: ${e}`),r)})},[s]),V=i(()=>{c(e=>{if(!e.form)return e;const o=r=>{r.value=r.defaultValue,r.touched=!1,r.children&&Object.values(r.children).forEach(o)};return Object.values(e.form.fields).forEach(o),{...e,isSubmitting:!1,isSubmitSuccess:!1}})},[]),p=i(e=>{c(o=>({...o,isSubmitting:e}))},[]),d=i(e=>{c(o=>({...o,isSubmitSuccess:e}))},[]),$=i(async()=>{if(!(!b()||!n.form)){p(!0),d(!1);try{h&&(await h(n.form),d(!0))}catch(e){console.error("Form submission failed:",e),d(!1)}finally{p(!1)}}},[n.form,h,b,p,d]),C=i((e,o)=>{c(r=>{if(!r.form)return console.warn("No form instance available"),r;const t=s(e);return t?(t.replaceWithVariant(o),{...r,form:r.form}):(console.warn(`Field ${e} not found`),r)})},[s]),N={state:n,setForm:O,updateFieldValue:E,setFieldTouched:P,getField:s,validateForm:b,resetForm:V,submitForm:$,replaceFieldWithVariant:C};return T(x.Provider,{value:N,children:m})};export{I as FormProvider,W as useForm};
|
package/dist/components/form/OneClickForm/components/CredentialsDisplay/CredentialsDisplay.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{useCallback as D}from"react";import{Box as d}from"@mui/material";import{useFormContext as C}from"react-hook-form";import{DataFieldRootStack as g}from"../DataField/DataFieldRootStack.mjs";import{DataFieldComposite as j}from"../DataField/DataFieldComposite.mjs";import{DataFieldAtomic as v}from"../DataField/DataFieldAtomic.mjs";import{CredentialsDisplayItem as p}from"./CredentialsDisplayItem.mjs";import{useCredentialsDisplay as F}from"./CredentialsDisplayContext.mjs";import{jsx as e,jsxs as b}from"react/jsx-runtime";import{
|
|
1
|
+
"use strict";import{useCallback as D}from"react";import{Box as d}from"@mui/material";import{useFormContext as C}from"react-hook-form";import{DataFieldRootStack as g}from"../DataField/DataFieldRootStack.mjs";import{DataFieldComposite as j}from"../DataField/DataFieldComposite.mjs";import{DataFieldAtomic as v}from"../DataField/DataFieldAtomic.mjs";import{CredentialsDisplayItem as p}from"./CredentialsDisplayItem.mjs";import{useCredentialsDisplay as F}from"./CredentialsDisplayContext.mjs";import{jsx as e,jsxs as b}from"react/jsx-runtime";import{extractChildrenFromCredentialFieldSet as I}from"./utils/extractChildrenFromCredentialFieldSet.mjs";import{EditModeButton as k}from"./components/EditModeButton.mjs";function w(){const f=F(),c=C().watch(),o=D((t,i=[])=>{const[a,s]=t,{id:l,credentialDisplayInfo:x}=s,n=I(s),h=Object.keys(n).length>0,u=i.length===0,y=[...i,a].map(r=>r).join("."),m={credentialDisplayInfo:x,path:y,isRoot:u};return h?e(p,{providerProps:m,children:e(j,{children:Object.entries(n).map(r=>o(r,[...i,a]))})},l):e(p,{providerProps:m,children:e(v,{})},l)},[]);return e(d,{id:"credentials-region",role:"region","aria-label":f.isEditMode?"Edit your information":"Review your information",display:"flex",sx:{alignSelf:"flex-start",alignItems:"flex-start",justifyContent:"flex-start",width:"100%","& > div, & > div > div":{display:"flex",flexDirection:"column"}},children:b(d,{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",sx:{flex:1,width:"100%"},children:[e(g,{sx:{mt:.75},children:Object.entries(c).map(t=>o(t))}),e(k,{})]})})}export{w as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{useMemo as d,createContext as x,useContext as E}from"react";import{useFormContext as O,useController as j}from"react-hook-form";import{useDebounceCallback as F}from"../../hooks/useDebounceCallback.mjs";import{useCredentialsDisplay as M}from"./CredentialsDisplayContext.mjs";import{jsx as P}from"react/jsx-runtime";import{getParentPath as N}from"./utils/getParentPath.mjs";import{
|
|
1
|
+
"use strict";import{useMemo as d,createContext as x,useContext as E}from"react";import{useFormContext as O,useController as j}from"react-hook-form";import{useDebounceCallback as F}from"../../hooks/useDebounceCallback.mjs";import{useCredentialsDisplay as M}from"./CredentialsDisplayContext.mjs";import{jsx as P}from"react/jsx-runtime";import{getParentPath as N}from"./utils/getParentPath.mjs";import{extractChildrenFromCredentialFieldSet as T}from"./utils/extractChildrenFromCredentialFieldSet.mjs";import{DEBOUNCE_MS as J}from"../DataField/utils/defaults.mjs";const u=x(null);function R(){const n=E(u);if(!n)throw new Error("The component calling this hook is missing a parent with *CredentialsDisplayItemProvider*");return n}function U(n){const{children:p,isRoot:o,...t}=n,l=M(),s=O(),m=j({name:n.path}),f=o?void 0:s.watch(N(n.path)),i=s.watch(n.path),h=(e,a=!0)=>{l.handleSelectCredential(t.path,e,a)},g=e=>{l.handleChangeCredentialInstance(t.path,e)},C=(e,a)=>{l.handleChangeValueCredential(t.path,e,a),h(!!e,!0)},D=F((e,a)=>{C(e,a)},J),v=(e,a,r)=>{l.handleChangeValueCredential(`${t.path}.${e}`,a,r)},y=(e,a)=>{l.handleChangeValidationCredential(t.path,e,a)},I=()=>{l.handleClearValueCredential(t.path)},S=e=>{l.handleToggleEditModeCredential(t.path,e)},V=d(()=>i.credentialDisplayInfo.uiState.isChecked,[i.credentialDisplayInfo.uiState.isChecked]),b=d(()=>{const e=a=>{var r;const{credentialDisplayInfo:w}=a,c=T(a);return Object.values(c).length?Object.values(c).every(e):((r=w.uiState)==null?void 0:r.isChecked)||!1};return e(i)},[JSON.stringify(i)]),k=d(()=>{var e,a;return!((a=(e=t.credentialDisplayInfo)==null?void 0:e.credentialRequest)!=null&&a.allowUserInput)},[JSON.stringify(t.credentialDisplayInfo)]);return P(u.Provider,{value:{...t,objectController:m,parentFieldSet:f,isRoot:o,isChecked:V,isAllChecked:b,isDisabled:k,handleSelectCredential:h,handleChangeCredentialInstance:g,handleChangeValueCredential:C,handleChangeDebouncedValueCredential:D,handleChangeChildValueCredential:v,handleChangeValidationCredential:y,handleClearValueCredential:I,handleToggleEditModeCredential:S},children:p})}export{U as default,R as useCredentialsDisplayItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{InputFormatEnum as a}from"../../../types/input-format.mjs";import{when as p}from"../../../utils/when.mjs";import{defaultTextSchema as f,
|
|
1
|
+
"use strict";import{InputFormatEnum as a}from"../../../types/input-format.mjs";import{when as p}from"../../../utils/when.mjs";import{defaultTextSchema as f,phoneSchema as h,emailSchema as d,timestampSchema as S}from"../../validations/fragments/credentials.mjs";import{minimumDate1900Schema as P,minimumAge18Schema as g}from"../../validations/fragments/birthDate.mjs";import{SSNSchema as y}from"../../../../../../validations/ssn.schema.mjs";import{credentialTypes as v}from"../../../constants/credentialTypes.mjs";const x=(o,s,c,l)=>{var t,i;const{phoneCredentialWhitelist:u,phoneCredentialRegexWhitelist:n}=l??{};if(Array.isArray(c.children))return{success:!0};const e=String(o);return(t=s?.input)!=null&&t.pattern?{success:new RegExp(s.input.pattern).test(e)}:p((i=s?.input)==null?void 0:i.type,{[a.Date]:()=>{var r;if(!S.safeParse(e).success)return{success:!1,error:""};if(!P.safeParse(e).success)return{success:!1,error:""};if(c.credentialRequest.type===v.BirthDateCredential){const m=g.safeParse(e);if(!m.success)return{success:!1,error:(r=m.error)==null?void 0:r.errors[0].message}}return{success:!0}},[a.Email]:()=>({success:d.safeParse(e).success}),[a.Phone]:()=>n&&new RegExp(n).test(e)?{success:!0}:Array.isArray(u)&&u.some(r=>r===e)?{success:!0}:{success:h.safeParse(e).success},[a.SSN]:()=>e.includes("\u2022\u2022\u2022-\u2022\u2022-")?{success:!0}:{success:y.safeParse(e).success},else:()=>({success:f.safeParse(e).success})})};export{x as isValidInputCredential};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{Stack as s}from"@mui/material";import{DisplayFormatEnum as y}from"../../types/display-format.mjs";import{when as d}from"../../utils/when.mjs";import{When as S}from"../shared/When.mjs";import{useCredentialsDisplay as g}from"../CredentialsDisplay/CredentialsDisplayContext.mjs";import{useCredentialsDisplayItem as v}from"../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{InputFormatEnum as a}from"./types.mjs";import{jsxs as C,jsx as e}from"react/jsx-runtime";import{DataFieldLeftSide as x}from"./DataFieldLeftSide.mjs";import{
|
|
1
|
+
"use strict";import{Stack as s}from"@mui/material";import{DisplayFormatEnum as y}from"../../types/display-format.mjs";import{when as d}from"../../utils/when.mjs";import{When as S}from"../shared/When.mjs";import{useCredentialsDisplay as g}from"../CredentialsDisplay/CredentialsDisplayContext.mjs";import{useCredentialsDisplayItem as v}from"../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{InputFormatEnum as a}from"./types.mjs";import{jsxs as C,jsx as e}from"react/jsx-runtime";import{credentialTypes as r}from"../../constants/credentialTypes.mjs";import{DataFieldLeftSide as x}from"./DataFieldLeftSide.mjs";import{findCorrectSchemaProperty as b}from"../CredentialsDisplay/utils/findCorrectSchemaProperty.mjs";import{DataFieldTextInput as w}from"./inputs/DataFieldTextInput.mjs";import{DataFieldImageInput as P}from"./inputs/DataFieldImageInput.mjs";import{DataFieldSelectInput as j}from"./inputs/DataFieldSelectInput.mjs";import{DataFieldSSNInput as E}from"./inputs/DataFieldSSNInput.mjs";import{DataFieldPhoneInput as T}from"./inputs/DataFieldPhoneInput.mjs";import{DataFieldDateInput as k}from"./inputs/DataFieldDateInput.mjs";import{DataFieldHeader as A}from"./DataFieldHeader/index.mjs";import{DataFieldText as L}from"./formats/DataFieldText.mjs";import{DataFieldImage as M}from"./formats/DataFieldImage.mjs";function N(){const{schema:p}=g(),{credentialDisplayInfo:t,objectController:l,parentFieldSet:i,isRoot:c}=v(),f=t.instances.length>1,o=t.uiState.isEditMode,u=l.field.value.type,D={width:"calc(100%)"},F=()=>{var n;const m=b(t.schema,p,i);return d((n=m?.input)==null?void 0:n.type,{[a.Date]:()=>e(k,{}),[a.Phone]:()=>e(T,{}),[a.SSN]:()=>e(E,{}),[a.Select]:()=>e(j,{}),[a.Image]:()=>e(P,{}),else:()=>e(w,{})})},h=()=>f?e(S,{value:c&&!o,children:e(A,{block:!0})}):d(t?.displayFormat,{[y.Image]:()=>e(M,{}),else:()=>e(L,{})}),I=()=>o?F():h();return i?.type===r.AddressCredential&&(l.field.value.type!==r.Line2Credential||!o)||u===r.PhoneCredential?null:C(s,{component:"section",role:"region","aria-label":typeof t.label=="string"?t.label:"Credential field","data-testid":"data-field-atomic","data-credentialid":t.id,sx:{width:"100%",outline:"none"},direction:"row",alignItems:"center",children:[e(x,{}),e(s,{direction:"column",sx:D,children:I()})]})}export{N as DataFieldAtomic};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{Box as t,Stack as o}from"@mui/material";import{when as b}from"../../utils/when.mjs";import{When as n}from"../shared/When.mjs";import{useCredentialsDisplayItem as g}from"../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{DataFieldHeader as w}from"./DataFieldHeader/index.mjs";import{DataFieldLeftSide as s}from"./DataFieldLeftSide.mjs";import{jsxs as a,Fragment as y,jsx as e}from"react/jsx-runtime";import{
|
|
1
|
+
"use strict";import{Box as t,Stack as o}from"@mui/material";import{when as b}from"../../utils/when.mjs";import{When as n}from"../shared/When.mjs";import{useCredentialsDisplayItem as g}from"../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{DataFieldHeader as w}from"./DataFieldHeader/index.mjs";import{DataFieldLeftSide as s}from"./DataFieldLeftSide.mjs";import{jsxs as a,Fragment as y,jsx as e}from"react/jsx-runtime";import{credentialTypes as c}from"../../constants/credentialTypes.mjs";import{DataFieldAddressInput as C}from"./inputs/DataFieldAddressInput/index.mjs";function D(m){const{children:f}=m,{credentialDisplayInfo:i,objectController:l,isRoot:p}=g(),r=i.uiState.isEditMode,h={width:"100%","&:not(:last-child)":{}},u=()=>r?b(l.field.value.type,{[c.AddressCredential]:()=>e(C,{}),else:()=>null}):null,x=()=>l.field.value.type===c.AddressCredential,d=u();return a(y,{children:[e(n,{value:!r&&x(),children:e(t,{component:"section",role:"region","aria-label":typeof i.label=="string"?i.label:"Credential field",width:"100%","data-testid":"data-field-composite2","data-credentialid":i.id,children:a(o,{direction:"row",alignItems:"center",sx:{flex:1,flexShrink:1,width:"100%"},children:[e(s,{}),e(t,{sx:h,children:e(n,{value:p,children:e(w,{block:!0})})})]})})}),d&&a(o,{role:"region","aria-label":typeof i.label=="string"?i.label:"Credential field",component:"section",direction:"row",alignItems:"center",sx:{flex:1,flexShrink:1,width:"100%"},children:[e(s,{}),e(t,{width:"100%","data-testid":"data-field-composite","data-credentialid":i.id,children:d})]}),f]})}export{D as DataFieldComposite};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{Fragment as d}from"react";import{MenuItem as h,Box as f}from"@mui/material";import{DisplayFormatEnum as y}from"../../../../../types/display-format.mjs";import{useOneClickFormOptions as g}from"../../../../../contexts/one-click-form-options.context.mjs";import{formatCredentialValue as x}from"../../../../../utils/formatCredentialValue.mjs";import{ImageEncoded as v}from"../../../../shared/ImageEncoded.mjs";import{styles as A}from"../styles.mjs";import{getAddressFormat as F}from"./getAddressFormat.mjs";import{jsx as a,jsxs as C,Fragment as k}from"react/jsx-runtime";import{
|
|
1
|
+
"use strict";import{Fragment as d}from"react";import{MenuItem as h,Box as f}from"@mui/material";import{DisplayFormatEnum as y}from"../../../../../types/display-format.mjs";import{useOneClickFormOptions as g}from"../../../../../contexts/one-click-form-options.context.mjs";import{formatCredentialValue as x}from"../../../../../utils/formatCredentialValue.mjs";import{ImageEncoded as v}from"../../../../shared/ImageEncoded.mjs";import{styles as A}from"../styles.mjs";import{getAddressFormat as F}from"./getAddressFormat.mjs";import{jsx as a,jsxs as C,Fragment as k}from"react/jsx-runtime";import{credentialTypes as I}from"../../../../../constants/credentialTypes.mjs";import{getCredentialSeparator as P}from"../../../utils/getCredentialSeparator.mjs";const b=S=>o=>{const s=A(),c=g(),n=e=>{const i=x(e.value,e.displayFormat);return e.displayFormat===y.Image?a(f,{component:"div",sx:s.blockStyle,children:a(v,{servicePath:c.options.servicePaths.credentialImagePath,src:e.value,alt:e.label,sx:{"& > img":{width:"40px",height:"40px",objectFit:"contain"},width:"40px",height:"40px"}})},e.id):a(d,{children:i},e.id)},m=e=>{var i;if(!Array.isArray(e.children))return n(e);if(Array.isArray(e.children)&&e.credentialRequest.type===I.AddressCredential){const r=F(e);if(r)return r}const l=P((i=e.credentialRequest)==null?void 0:i.type);return e.children.reduce((r,t)=>(t.value&&r.push(n(t)),Array.isArray(t.children)&&r.push(...m(t).flat(1/0)),r),[]).filter(Boolean).map((r,t,p)=>{const u=!!p[t+1];return C(d,{children:[r,u&&a(k,{children:l===" "?" ":l??""})]},typeof r=="string"?r:r.key)})};return a(h,{value:o.id,sx:s.menuStyle,onClick:e=>{e.stopPropagation()},children:m(o)},o.id)};export{b as renderInstance};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{Stack as i}from"@mui/material";import{formatCredentialValue as m}from"../../../utils/formatCredentialValue.mjs";import{useCredentialsDisplayItem as s}from"../../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{DataFieldDescription as d}from"../DataFieldDescription.mjs";import{MandatoryEnum as l}from"../../CredentialsDisplay/types.mjs";import{jsx as a,jsxs as t}from"react/jsx-runtime";import{
|
|
1
|
+
"use strict";import{Stack as i}from"@mui/material";import{formatCredentialValue as m}from"../../../utils/formatCredentialValue.mjs";import{useCredentialsDisplayItem as s}from"../../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{DataFieldDescription as d}from"../DataFieldDescription.mjs";import{MandatoryEnum as l}from"../../CredentialsDisplay/types.mjs";import{jsx as a,jsxs as t}from"react/jsx-runtime";import{DataFieldLabel as n}from"../DataFieldLabel.mjs";import{DataFieldValue as c}from"../DataFieldValue.mjs";function p(){const{credentialDisplayInfo:r}=s(),e=m(r.value,r.displayFormat),o=r.credentialRequest.mandatory===l.NO;return a("div",{style:{width:"100%"},children:t(i,{direction:"row",width:"100%",children:[a(n,{}),t(i,{direction:"column",children:[a(c,{children:e||o?"-":void 0}),a(d,{})]})]})})}export{p as DataFieldText};
|
package/dist/components/form/OneClickForm/components/DataField/inputs/DataFieldDateInput.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{memo as F,useState as U}from"react";import{Box as Y}from"@mui/material";import O from"lodash/isEqual";import{inputStyle as B}from"../../../styles/input.mjs";import{formatDateMMDDYYYY as M}from"../../../utils/date.mjs";import{useOneClickFormOptions as N}from"../../../contexts/one-click-form-options.context.mjs";import{USDateSchema as P}from"../../validations/schemas/date.schema.mjs";import{useCredentialsDisplayItemValid as A}from"../../CredentialsDisplay/hooks.mjs";import{useCredentialsDisplayItem as E}from"../../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{DataFieldLabelText as q}from"../DataFieldLabelText.mjs";import{DataFieldClearAdornment as L}from"../DataFieldClearAdornment.mjs";import{jsx as a}from"react/jsx-runtime";import{
|
|
1
|
+
"use strict";import{memo as F,useState as U}from"react";import{Box as Y}from"@mui/material";import O from"lodash/isEqual";import{inputStyle as B}from"../../../styles/input.mjs";import{formatDateMMDDYYYY as M}from"../../../utils/date.mjs";import{useOneClickFormOptions as N}from"../../../contexts/one-click-form-options.context.mjs";import{USDateSchema as P}from"../../validations/schemas/date.schema.mjs";import{useCredentialsDisplayItemValid as A}from"../../CredentialsDisplay/hooks.mjs";import{useCredentialsDisplayItem as E}from"../../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{DataFieldLabelText as q}from"../DataFieldLabelText.mjs";import{DataFieldClearAdornment as L}from"../DataFieldClearAdornment.mjs";import{jsx as a}from"react/jsx-runtime";import{credentialTypes as R}from"../../../constants/credentialTypes.mjs";import{DateInput as z}from"../../../../DateInput/index.mjs";const G=F(function({credentialsDisplayItem:e,itemValid:t}){var s;const{options:{features:c}}=N(),{objectController:r,credentialDisplayInfo:u,handleChangeValueCredential:o}=e,{description:m}=u.credentialRequest??{},{isValid:d}=t,n=(s=r.fieldState.error)==null?void 0:s.message,f=n&&n.length>0?n:m,[D,p]=U(r.field.value.value?M(r.field.value.value):""),C=r.field.value.type===R.BirthDateCredential,l=new Date,b=1900,y=1,h=1,g=C?l.getUTCFullYear()-18:l.getUTCFullYear(),I=l.getUTCMonth()+1,v=l.getUTCDate(),V=new Date(b,y-1,h),k=new Date(g,I-1,v);return a(Y,{width:"100%",children:a(z,{...B,autoComplete:"bday",autoCorrect:"off",label:a(q,{}),value:D,error:!d,helperText:d?m:f,placeholder:"__/__/____",onChange:i=>{if(e.isDisabled)return;const T=P.safeParse(i),_=i.replace(/[^0-9]/g,"");if(p(i),_.length<=0)return o("");if(!T.success)return o("NaN");const[S,j,w]=i.split("/").map(Number),x=Date.UTC(w,S-1,j,12,0,0,0);o(String(x))},InputProps:{endAdornment:a(L,{onClick:()=>{e.isDisabled||p("")}})},pickerInputOverflow:!0,pickerDefaultSelectedDate:new Date("08/01/1989"),pickerClickOutsideBoundaryElement:c.datePickerClickOutsideBoundaryElement,minDate:V,maxDate:k,disabled:e.isDisabled})})},(e,t)=>O({itemValid:e.itemValid,objectController:e.credentialsDisplayItem.objectController},{itemValid:t.itemValid,objectController:t.credentialsDisplayItem.objectController}));function H(){const e=E(),t=A();return a(G,{credentialsDisplayItem:e,itemValid:t})}export{H as DataFieldDateInput};
|
package/dist/components/form/OneClickForm/components/DataField/inputs/DataFieldImageInput.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{memo as h,useRef as D}from"react";import{Stack as o,Box as I}from"@mui/material";import g from"lodash/isEqual";import{Button as v}from"../../../../../Button/index.mjs";import{useOneClickFormOptions as C}from"../../../contexts/one-click-form-options.context.mjs";import{handleLoadImageToBase64FromFile as x}from"../../../utils/image.mjs";import{When as c}from"../../shared/When.mjs";import{ImageEncoded as y}from"../../shared/ImageEncoded.mjs";import{useCredentialsDisplayItemValid as V}from"../../CredentialsDisplay/hooks.mjs";import{useCredentialsDisplayItem as j}from"../../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{jsx as i,jsxs as r}from"react/jsx-runtime";import{DataFieldInputLabel as F}from"../DataFieldInputLabel.mjs";import{
|
|
1
|
+
"use strict";import{memo as h,useRef as D}from"react";import{Stack as o,Box as I}from"@mui/material";import g from"lodash/isEqual";import{Button as v}from"../../../../../Button/index.mjs";import{useOneClickFormOptions as C}from"../../../contexts/one-click-form-options.context.mjs";import{handleLoadImageToBase64FromFile as x}from"../../../utils/image.mjs";import{When as c}from"../../shared/When.mjs";import{ImageEncoded as y}from"../../shared/ImageEncoded.mjs";import{useCredentialsDisplayItemValid as V}from"../../CredentialsDisplay/hooks.mjs";import{useCredentialsDisplayItem as j}from"../../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{jsx as i,jsxs as r}from"react/jsx-runtime";import{DataFieldInputLabel as F}from"../DataFieldInputLabel.mjs";import{DataFieldLabelText as k}from"../DataFieldLabelText.mjs";import{DataFieldLegend as w}from"../DataFieldLegend.mjs";const L=h(function({credentialsDisplayItem:e,itemValid:t}){var s,n;const{options:p}=C(),{objectController:u,credentialDisplayInfo:l,handleChangeValueCredential:f}=e,{isValid:b}=t,d=D(null);return r(o,{direction:"column",width:"100%",sx:{position:"relative",flex:1},children:[i(F,{label:i(k,{}),sx:{mt:-1.5}}),r(o,{sx:{position:"relative",borderRadius:1,overflow:"hidden"},children:[i(y,{servicePath:p.servicePaths.credentialImagePath,src:u.field.value.value,sx:{mx:"auto"}}),r(o,{direction:"column",alignItems:"center",justifyContent:"center",sx:{position:"absolute",inset:0,width:"100%",height:"100%",backgroundColor:e.isDisabled?"transparent":"rgba(0,0,0,0.6)"},children:[i(I,{ref:d,component:"input",type:"file",accept:"image/*",onChange:a=>{(async()=>{if(e.isDisabled)return;const m=await x(a);m&&f(m)})()},sx:{display:"none",visibility:"hidden"},disabled:e.isDisabled}),!e.isDisabled&&i(v,{color:"primary",type:"button",onClick:()=>{var a;e.isDisabled||(a=d.current)==null||a.click()},tabIndex:0,disabled:e.isDisabled,children:l.value?"Change Image":"Add Image"})]})]}),i(c,{value:b,children:i(c,{value:(s=l.credentialRequest)==null?void 0:s.description,children:i(w,{children:(n=l.credentialRequest)==null?void 0:n.description})})})]})},(e,t)=>g({itemValid:e.itemValid,objectController:e.credentialsDisplayItem.objectController},{itemValid:t.itemValid,objectController:t.credentialsDisplayItem.objectController}));function R(){const e=j(),t=V();return i(L,{credentialsDisplayItem:e,itemValid:t})}export{R as DataFieldImageInput};
|
package/dist/components/form/OneClickForm/components/DataField/inputs/DataFieldSelectInput.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{useMemo as d,useEffect as c}from"react";import{Box as R,Autocomplete as S,TextField as V}from"@mui/material";import{inputStyle as q}from"../../../styles/input.mjs";import{useCanFillByQueryParam as w}from"../../../hooks/useCanFillByQueryParam.mjs";import{useCredentialsDisplay as L}from"../../CredentialsDisplay/CredentialsDisplayContext.mjs";import{useCredentialsDisplayItemValid as j}from"../../CredentialsDisplay/hooks.mjs";import{useCredentialsDisplayItem as B}from"../../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{DataFieldLabelText as E}from"../DataFieldLabelText.mjs";import{jsx as s}from"react/jsx-runtime";import{findCorrectSchemaProperty as U}from"../../CredentialsDisplay/utils/findCorrectSchemaProperty.mjs";import{
|
|
1
|
+
"use strict";import{useMemo as d,useEffect as c}from"react";import{Box as R,Autocomplete as S,TextField as V}from"@mui/material";import{inputStyle as q}from"../../../styles/input.mjs";import{useCanFillByQueryParam as w}from"../../../hooks/useCanFillByQueryParam.mjs";import{useCredentialsDisplay as L}from"../../CredentialsDisplay/CredentialsDisplayContext.mjs";import{useCredentialsDisplayItemValid as j}from"../../CredentialsDisplay/hooks.mjs";import{useCredentialsDisplayItem as B}from"../../CredentialsDisplay/CredentialsDisplayItemContext.mjs";import{DataFieldLabelText as E}from"../DataFieldLabelText.mjs";import{jsx as s}from"react/jsx-runtime";import{findCorrectSchemaProperty as U}from"../../CredentialsDisplay/utils/findCorrectSchemaProperty.mjs";import{isRequiredCredentialDisplayInfo as A}from"../../CredentialsDisplay/utils/isRequiredCredentialDisplayInfo.mjs";import{getLastPathName as D}from"../../CredentialsDisplay/utils/getLastPathName.mjs";function N(){var h,b,y;const{schema:g}=L(),p=B(),x=w(),{objectController:i,credentialDisplayInfo:m,parentFieldSet:I,handleChangeValueCredential:f,handleClearValueCredential:C}=p,{isValid:T}=j(),a=U(m.schema,g,I),t=d(()=>{var e;return(((e=a?.input)==null?void 0:e.options)||[]).map(l=>typeof l=="string"?{label:l,value:l}:l)},[(h=a?.input)==null?void 0:h.options]),v=d(()=>t.map(e=>({label:e.label,id:e.value})),[t]),o=d(()=>{var e,l;if((e=a?.input)!=null&&e.default&&A({mandatory:(l=m.credentialRequest)==null?void 0:l.mandatory})){const n=v.find(u=>{var r;return u.id===((r=a?.input)==null?void 0:r.default)});if(n)return{label:n.label,id:n.id}}},[(b=a?.input)==null?void 0:b.default,v]),F=d(()=>{const e=t.find(l=>l.value===i.field.value.value);return e!=null&&e.value?{label:e.label,id:e.value}:null},[t,i.field.value.value]),P={...q,label:s(E,{}),error:!T,helperText:(y=m.credentialRequest)==null?void 0:y.description,inputProps:{tabIndex:0},fullWidth:!0};return c(()=>{!t.some(e=>e.value===i.field.value.value)&&i.field.value.value&&C()},[i.field.value.value,t]),c(()=>{o!=null&&o.id&&f(o.id)},[]),c(()=>{const e=D(i.field.name);if(!x(e))return;const l=new URL(window.location.href),n=new URLSearchParams(l.searchParams).get(D(i.field.name));if(n&&!i.field.value.value){const u=t.find(r=>r.value===n||r.label===n);if(u){const r=setTimeout(()=>{f(u.value)},10);return()=>clearTimeout(r)}}},[]),s(R,{width:"100%",children:s(S,{disablePortal:!0,autoHighlight:!0,defaultValue:o,options:v,isOptionEqualToValue:(e,l)=>e?.id===l?.id,value:F,onChange:(e,l)=>{if(!p.isDisabled){if(!l){C();return}f(l?.id??"")}},renderInput:e=>s(V,{...e,...P,inputProps:{...e.inputProps,...P.inputProps}}),disabled:p.isDisabled})})}export{N as DataFieldSelectInput};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{
|
|
1
|
+
"use strict";import{useContext as r,createContext as n}from"react";import{jsx as s}from"react/jsx-runtime";const o=n(null);function i(){const e=r(o);if(!e)throw new Error("useOneClickFormOptions must be used within a OneClickFormOptionsProvider");return e}function l(e){const{selectableCredentials:t=!0}=e.options.features;return s(o.Provider,{value:{options:{...e.options,features:{...e.options.features,selectableCredentials:t}}},children:e.children})}export{l as OneClickFormOptionsProvider,i as useOneClickFormOptions};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{Paragraph as a}from"./typographies/Paragraph.mjs";import{SectionHeader as r}from"./typographies/SectionHeader.mjs";import{PageHeader as e}from"./typographies/PageHeader.mjs";import{PageSectionHeader as t}from"./typographies/PageSectionHeader.mjs";import{Typography as o}from"./Typography/index.mjs";import{CredentialRequestsEditor as i}from"./CredentialRequestsEditor/index.mjs";import{When as s}from"./When.mjs";import{Image as m}from"./Image.mjs";import{QRCodeDisplay as n}from"./QRCodeDisplay/index.mjs";import{CustomAlertComponent as p,useSnackbar as l}from"./Snackbar/index.mjs";import{Backdrop as f}from"./Backdrop/index.mjs";import{Button as d}from"./Button/index.mjs";import{BrandFilterInput as c}from"./BrandFilterInput/index.mjs";import{SeriesChart as C}from"./chart/SeriesChart/index.mjs";import{SeriesChartLegend as u}from"./chart/SeriesChartLegend/index.mjs";import{SeriesPercentageChart as h}from"./chart/SeriesPercentageChart/index.mjs";import{BigNumber as S}from"./chart/BigNumber/index.mjs";import{SimpleBarChart as T}from"./chart/SimpleBarChart/index.mjs";import{AreaChart as B}from"./chart/AreaChart/index.mjs";import{ErrorCodesChart as g}from"./chart/ErrorCodesChart/index.mjs";import{ReasonCodesChart as P}from"./chart/ReasonCodesChart/index.mjs";import{PieChart as I}from"./chart/PieChart/index.mjs";import{RiskScorePieChart as y}from"./chart/RiskScorePieChart/index.mjs";import{RiskScoreBarChart as F}from"./chart/RiskScoreBarChart/index.mjs";import{SimpleLegend as O}from"./chart/SimpleLegend/index.mjs";import{LoadingChartSection as v}from"./chart/LoadingChartSection.mjs";import{EmptyChartSection as D}from"./chart/EmptyChartSection.mjs";import{MetricLastUpdated as b}from"./chart/MetricLastUpdated.mjs";import{FunnelChart as k}from"./chart/FunnelChart/index.mjs";import{ConversionOverTimeChart as L}from"./chart/ConversionOverTimeChart/index.mjs";import{WhenStyled as R}from"./WhenStyled.mjs";import{RequiredLabel as E}from"./RequiredLabel/index.mjs";import{LinkButton as N}from"./buttons/LinkButton.mjs";import{TextButton as A}from"./buttons/TextButton.mjs";import{ExportToPdfButton as V}from"./buttons/ExportToPdfButton.mjs";import{OriginalButton as M}from"./buttons/OriginalButton.mjs";import{PrivacyPolicyNotice as x}from"./terms/PrivacyPolicyNotice.mjs";import{AcceptTermsNotice as w}from"./terms/AcceptTermsNotice.mjs";import{LegalLink as W}from"./terms/LegalLink.mjs";import{Alert as H}from"./Alert/Alert.mjs";import{FullWidthAlert as q}from"./Alert/FullWidthAlert.mjs";import{BasePhoneInput as Q}from"./form/BasePhoneInput.mjs";import{DateInput as j}from"./form/DateInput/index.mjs";import{SSNInput as z}from"./form/SSNInput.mjs";import{SelectInput as U}from"./form/SelectInput.mjs";import{PhoneInput as G}from"./form/PhoneInput.mjs";import{PrettyPhoneInput as K}from"./form/PrettyPhoneInput.mjs";import{OTPInput as Y}from"./form/OTPInput.mjs";import{EmailInput as _}from"./form/EmailInput.mjs";import{DateRangeInput as $}from"./form/DateRangeInput/index.mjs";import{TimezoneInput as J}from"./form/TimezoneInput/index.mjs";import{MandatoryEnum as X}from"./form/OneClickForm/components/CredentialsDisplay/types.mjs";import{getCredentialTypeDisplayInfo as Z}from"./form/OneClickForm/components/CredentialsDisplay/utils/getCredentialTypeDisplayInfo.mjs";import{isRequiredCredentialDisplayInfo as aa}from"./form/OneClickForm/components/CredentialsDisplay/utils/isRequiredCredentialDisplayInfo.mjs";import{isValidInputCredential as ra}from"./form/OneClickForm/components/CredentialsDisplay/utils/isValidInputCredential.mjs";import{makeCredentialDisplayInfoList as ea}from"./form/OneClickForm/components/CredentialsDisplay/utils/makeCredentialDisplayInfoList.mjs";import{findCorrectSchemaProperty as ta}from"./form/OneClickForm/components/CredentialsDisplay/utils/findCorrectSchemaProperty.mjs";import{getReferencedSchemaNames as oa}from"./form/OneClickForm/components/CredentialsDisplay/utils/getReferencedSchemaNames.mjs";import{getCredentialValues as ia}from"./form/OneClickForm/components/CredentialsDisplay/utils/getCredentialValues.mjs";import{isNewCredentialAgainstInstance as sa}from"./form/OneClickForm/components/CredentialsDisplay/utils/isNewCredentialAgainstInstance.mjs";import{filterRepeatedCredentials as ma}from"./form/OneClickForm/components/CredentialsDisplay/utils/filterRepeatedCredentials.mjs";import{findCredentialsByType as na}from"./form/OneClickForm/components/CredentialsDisplay/utils/findCredentialsByType.mjs";import{extractTypesFromSchema as pa}from"./form/OneClickForm/components/CredentialsDisplay/utils/extractTypesFromSchema.mjs";import{sortCredentialsBySchema as la}from"./form/OneClickForm/components/CredentialsDisplay/utils/sortCredentialsBySchema.mjs";import{transformToFormObject as fa}from"./form/OneClickForm/components/CredentialsDisplay/utils/transformToFormObject.mjs";import{transformToFormSchema as da}from"./form/OneClickForm/components/CredentialsDisplay/utils/transformToFormSchema.mjs";import{getParentPath as ca}from"./form/OneClickForm/components/CredentialsDisplay/utils/getParentPath.mjs";import{getLastPathName as Ca}from"./form/OneClickForm/components/CredentialsDisplay/utils/getLastPathName.mjs";import{extractChildrenFromCredentialFieldSet as ua}from"./form/OneClickForm/components/CredentialsDisplay/utils/extractChildrenFromCredentialFieldSet.mjs";import{hasMandatoryFieldEmpty as ha}from"./form/OneClickForm/components/CredentialsDisplay/utils/hasMandatoryFieldEmpty.mjs";import{isSomeFieldInputAllowed as Sa}from"./form/OneClickForm/components/CredentialsDisplay/utils/isSomeFieldInputAllowed.mjs";import{OneClickForm as Ta}from"./form/OneClickForm/index.mjs";import{Form as Ba}from"./form/NewOneClickForm/core/form/form.mjs";import{FormField as ga}from"./form/NewOneClickForm/core/form/formField.mjs";import{FormBuilder as Pa}from"./form/NewOneClickForm/core/form/formBuilder.mjs";import{FormFieldBuilder as Ia}from"./form/NewOneClickForm/core/form/formFieldBuilder.mjs";import{toCreatePatchCredentials as ya}from"./form/NewOneClickForm/core/mappers/create-patch.map.mjs";import{toShareCredentials as Fa}from"./form/NewOneClickForm/core/mappers/share.map.mjs";import{NewOneClickForm as Oa}from"./form/NewOneClickForm/react/ui/form.mjs";import{FormProvider as va,useForm as Da}from"./form/NewOneClickForm/react/core/form.context.mjs";import{RadioOption as ba}from"./form/RadioOption.mjs";import{DefaultInput as ka}from"./form/DefaultInput.mjs";import{AddressInput as La}from"./form/AddressInput/index.mjs";import{NPIInput as Ra}from"./form/NPIInput/index.mjs";import{VerifiedImage as Ea}from"./verified/VerifiedImage.mjs";import{VerifiedIncLogo as Na}from"./verified/VerifiedIncLogo.mjs";import{PoweredByVerified as Aa}from"./verified/powered-by-verified/index.mjs";import{SnackbarProvider as Va}from"notistack";import{Banner as Ma}from"./Banners/Banner.mjs";import{ResendPhoneBanner as xa}from"./Banners/ResendPhoneBanner.mjs";import{ExactBirthdayBanner as wa}from"./Banners/ExactBirthdayBanner.mjs";import{TestPhoneNumbersBanner as Wa}from"./Banners/TestPhoneNumbersBanner.mjs";import{toOption as Ha,useBrandFilterInput as qa}from"./BrandFilterInput/BrandFilterInput.hook.mjs";import{mapSeriesTimeSeriesData as Qa}from"./chart/SeriesChart/SeriesChart.map.mjs";import{BILLABLE_PRODUCTS as ja,BillableProduct as za}from"./chart/BillableEventsTable/BillableEventsTable.types.mjs";import{BillableEventsTable as Ua}from"./chart/BillableEventsTable/BillableEventsTable.mjs";import{formatIntegrationType as Ga,mapBillableEventsTableData as Ka}from"./chart/BillableEventsTable/BillableEventsTableDataMapper.mjs";import{exportBillableEventsToCsv as Ya}from"./chart/BillableEventsTable/exportBillableEventsToCsv.mjs";import{BillableEventsProductTable as _a}from"./chart/BillableEventsProductTable/BillableEventsProductTable.mjs";import{mapBillableEventsProductTableData as $a}from"./chart/BillableEventsProductTable/BillableEventsProductTableDataMapper.mjs";import{OverviewBigNumbers as Ja}from"./chart/OverviewBigNumbers/OverviewBigNumbers.mjs";import{defaultOverviewMetrics as Xa}from"./chart/OverviewBigNumbers/OverviewBigNumbers.types.mjs";import{TTSOverTimeChart as Za}from"./chart/TTSOverTimeChart/TTSOverTimeChart.mjs";import{mapTTSTimeSeriesData as ar}from"./chart/TTSOverTimeChart/TTSOverTimeChart.map.mjs";import{OneClickVerificationEventsOverTimeChart as rr}from"./chart/OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.mjs";import{mapOneClickVerificationAreaSeriesData as er}from"./chart/OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.map.mjs";import{OneClickVerificationSuccessOverTimeChart as tr}from"./chart/OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.mjs";import{mapOneClickVerificationSuccessOverTimeChartData as or}from"./chart/OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.map.mjs";import{OneClickVerificationFunnelChart as ir}from"./chart/OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.mjs";import{mapOneClickVerificationFunnelChartData as sr}from"./chart/OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.map.mjs";import{SynchronizedMetricsChart as mr}from"./chart/SynchronizedMetricsChart/SynchronizedMetricsChart.mjs";import{CustomDialog as nr}from"./dialog/Dialog.mjs";import{PersistentDialog as pr}from"./dialog/PersistentDialog.mjs";import{CalendlyDialog as lr,CalendlyDialogComponent as fr}from"./dialog/CalendlyDialog.mjs";import{IconPlayer as dr}from"./icons/IconPlayer.mjs";import{AdaptativeBox as cr}from"./UI/AdaptativeBox.mjs";import{ContentWithLoader as Cr}from"./UI/ContentWithLoader.mjs";import{TTSMagicButton as ur}from"./text-to-signup/magic-button.mjs";import{TTSMagicQRCode as hr}from"./text-to-signup/magic-qr-code.mjs";import{TTSMagicLegalLanguage as Sr}from"./text-to-signup/magic-legal-language.mjs";export{w as AcceptTermsNotice,cr as AdaptativeBox,La as AddressInput,H as Alert,B as AreaChart,ja as BILLABLE_PRODUCTS,f as Backdrop,Ma as Banner,Q as BasePhoneInput,S as BigNumber,_a as BillableEventsProductTable,Ua as BillableEventsTable,za as BillableProduct,c as BrandFilterInput,d as Button,lr as CalendlyDialog,fr as CalendlyDialogComponent,Cr as ContentWithLoader,L as ConversionOverTimeChart,i as CredentialRequestsEditor,p as CustomAlertComponent,nr as CustomDialog,j as DateInput,$ as DateRangeInput,ka as DefaultInput,_ as EmailInput,D as EmptyChartSection,g as ErrorCodesChart,wa as ExactBirthdayBanner,V as ExportToPdfButton,Ba as Form,Pa as FormBuilder,ga as FormField,Ia as FormFieldBuilder,va as FormProvider,q as FullWidthAlert,k as FunnelChart,dr as IconPlayer,m as Image,W as LegalLink,N as LinkButton,v as LoadingChartSection,X as MandatoryEnum,b as MetricLastUpdated,Ra as NPIInput,Oa as NewOneClickForm,Y as OTPInput,Ta as OneClickForm,rr as OneClickVerificationEventsOverTimeChart,ir as OneClickVerificationFunnelChart,tr as OneClickVerificationSuccessOverTimeChart,M as OriginalButton,Ja as OverviewBigNumbers,e as PageHeader,t as PageSectionHeader,a as Paragraph,pr as PersistentDialog,G as PhoneInput,I as PieChart,Aa as PoweredByVerified,K as PrettyPhoneInput,x as PrivacyPolicyNotice,n as QRCodeDisplay,ba as RadioOption,P as ReasonCodesChart,E as RequiredLabel,xa as ResendPhoneBanner,F as RiskScoreBarChart,y as RiskScorePieChart,z as SSNInput,r as SectionHeader,U as SelectInput,C as SeriesChart,u as SeriesChartLegend,h as SeriesPercentageChart,T as SimpleBarChart,O as SimpleLegend,Va as SnackbarProvider,mr as SynchronizedMetricsChart,ur as TTSMagicButton,Sr as TTSMagicLegalLanguage,hr as TTSMagicQRCode,Za as TTSOverTimeChart,Wa as TestPhoneNumbersBanner,A as TextButton,J as TimezoneInput,o as Typography,Ea as VerifiedImage,Na as VerifiedIncLogo,s as When,R as WhenStyled,Xa as defaultOverviewMetrics,Ya as exportBillableEventsToCsv,ua as extractChildrenFromCredentialFieldSet,pa as extractTypesFromSchema,ma as filterRepeatedCredentials,ta as findCorrectSchemaProperty,na as findCredentialsByType,Ga as formatIntegrationType,Z as getCredentialTypeDisplayInfo,ia as getCredentialValues,Ca as getLastPathName,ca as getParentPath,oa as getReferencedSchemaNames,ha as hasMandatoryFieldEmpty,sa as isNewCredentialAgainstInstance,aa as isRequiredCredentialDisplayInfo,Sa as isSomeFieldInputAllowed,ra as isValidInputCredential,ea as makeCredentialDisplayInfoList,$a as mapBillableEventsProductTableData,Ka as mapBillableEventsTableData,er as mapOneClickVerificationAreaSeriesData,sr as mapOneClickVerificationFunnelChartData,or as mapOneClickVerificationSuccessOverTimeChartData,Qa as mapSeriesTimeSeriesData,ar as mapTTSTimeSeriesData,la as sortCredentialsBySchema,ya as toCreatePatchCredentials,Ha as toOption,Fa as toShareCredentials,fa as transformToFormObject,da as transformToFormSchema,qa as useBrandFilterInput,Da as useForm,l as useSnackbar};
|
|
1
|
+
"use strict";import{Paragraph as a}from"./typographies/Paragraph.mjs";import{SectionHeader as r}from"./typographies/SectionHeader.mjs";import{PageHeader as e}from"./typographies/PageHeader.mjs";import{PageSectionHeader as t}from"./typographies/PageSectionHeader.mjs";import{Typography as o}from"./Typography/index.mjs";import{CredentialRequestsEditor as i}from"./CredentialRequestsEditor/index.mjs";import{When as s}from"./When.mjs";import{Image as m}from"./Image.mjs";import{QRCodeDisplay as n}from"./QRCodeDisplay/index.mjs";import{CustomAlertComponent as p,useSnackbar as l}from"./Snackbar/index.mjs";import{Backdrop as f}from"./Backdrop/index.mjs";import{Button as d}from"./Button/index.mjs";import{BrandFilterInput as c}from"./BrandFilterInput/index.mjs";import{SeriesChart as C}from"./chart/SeriesChart/index.mjs";import{SeriesChartLegend as u}from"./chart/SeriesChartLegend/index.mjs";import{SeriesPercentageChart as h}from"./chart/SeriesPercentageChart/index.mjs";import{BigNumber as S}from"./chart/BigNumber/index.mjs";import{SimpleBarChart as T}from"./chart/SimpleBarChart/index.mjs";import{AreaChart as g}from"./chart/AreaChart/index.mjs";import{ErrorCodesChart as B}from"./chart/ErrorCodesChart/index.mjs";import{ReasonCodesChart as P}from"./chart/ReasonCodesChart/index.mjs";import{PieChart as I}from"./chart/PieChart/index.mjs";import{RiskScorePieChart as y}from"./chart/RiskScorePieChart/index.mjs";import{RiskScoreBarChart as F}from"./chart/RiskScoreBarChart/index.mjs";import{SimpleLegend as v}from"./chart/SimpleLegend/index.mjs";import{LoadingChartSection as O}from"./chart/LoadingChartSection.mjs";import{EmptyChartSection as D}from"./chart/EmptyChartSection.mjs";import{MetricLastUpdated as L}from"./chart/MetricLastUpdated.mjs";import{FunnelChart as b}from"./chart/FunnelChart/index.mjs";import{ConversionOverTimeChart as k}from"./chart/ConversionOverTimeChart/index.mjs";import{WhenStyled as E}from"./WhenStyled.mjs";import{RequiredLabel as R}from"./RequiredLabel/index.mjs";import{AcceptTermsNotice as N}from"./terms/AcceptTermsNotice.mjs";import{AdaptativeBox as A}from"./UI/AdaptativeBox.mjs";import{AddressInput as V}from"./form/AddressInput/index.mjs";import{Alert as M}from"./Alert/Alert.mjs";import{BILLABLE_PRODUCTS as x,BillableProduct as w}from"./chart/BillableEventsTable/BillableEventsTable.types.mjs";import{Banner as W}from"./Banners/Banner.mjs";import{BasePhoneInput as H}from"./form/BasePhoneInput.mjs";import{BillableEventsProductTable as q}from"./chart/BillableEventsProductTable/BillableEventsProductTable.mjs";import{BillableEventsTable as Q}from"./chart/BillableEventsTable/BillableEventsTable.mjs";import{CalendlyDialog as U,CalendlyDialogComponent as z}from"./dialog/CalendlyDialog.mjs";import{ContentWithLoader as j}from"./UI/ContentWithLoader.mjs";import{CustomDialog as _}from"./dialog/Dialog.mjs";import{DateInput as G}from"./form/DateInput/index.mjs";import{DateRangeInput as J}from"./form/DateRangeInput/index.mjs";import{DefaultInput as K}from"./form/DefaultInput.mjs";import{EmailInput as X}from"./form/EmailInput.mjs";import{ExactBirthdayBanner as Y}from"./Banners/ExactBirthdayBanner.mjs";import{ExportToPdfButton as Z}from"./buttons/ExportToPdfButton.mjs";import{Form as $}from"./form/NewOneClickForm/core/form/form.mjs";import{FormBuilder as aa}from"./form/NewOneClickForm/core/form/formBuilder.mjs";import{FormField as ra}from"./form/NewOneClickForm/core/form/formField.mjs";import{FormFieldBuilder as ea}from"./form/NewOneClickForm/core/form/formFieldBuilder.mjs";import{FormProvider as ta,useForm as oa}from"./form/NewOneClickForm/react/core/form.context.mjs";import{FullWidthAlert as ia}from"./Alert/FullWidthAlert.mjs";import{IconPlayer as sa}from"./icons/IconPlayer.mjs";import{LegalLink as ma}from"./terms/LegalLink.mjs";import{LinkButton as na}from"./buttons/LinkButton.mjs";import{LogDetailPanel as pa}from"./logs/LogsTable/LogDetailPanel.mjs";import{LogsInfoAlert as la}from"./logs/LogsInfoAlert/LogsInfoAlert.mjs";import{LogsTable as fa}from"./logs/LogsTable/LogsTable.mjs";import{MandatoryEnum as da}from"./form/OneClickForm/components/CredentialsDisplay/types.mjs";import{NPIInput as ca}from"./form/NPIInput/index.mjs";import{NewOneClickForm as Ca}from"./form/NewOneClickForm/react/ui/form.mjs";import{OTPInput as ua}from"./form/OTPInput.mjs";import{OneClickForm as ha}from"./form/OneClickForm/index.mjs";import{OneClickVerificationEventsOverTimeChart as Sa}from"./chart/OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.mjs";import{OneClickVerificationFunnelChart as Ta}from"./chart/OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.mjs";import{OneClickVerificationSuccessOverTimeChart as ga}from"./chart/OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.mjs";import{OriginalButton as Ba}from"./buttons/OriginalButton.mjs";import{OverviewBigNumbers as Pa}from"./chart/OverviewBigNumbers/OverviewBigNumbers.mjs";import{PersistentDialog as Ia}from"./dialog/PersistentDialog.mjs";import{PhoneInput as ya}from"./form/PhoneInput.mjs";import{PoweredByVerified as Fa}from"./verified/powered-by-verified/index.mjs";import{PrettyPhoneInput as va}from"./form/PrettyPhoneInput.mjs";import{PrivacyPolicyNotice as Oa}from"./terms/PrivacyPolicyNotice.mjs";import{RadioOption as Da}from"./form/RadioOption.mjs";import{ResendPhoneBanner as La}from"./Banners/ResendPhoneBanner.mjs";import{SSNInput as ba}from"./form/SSNInput.mjs";import{SelectInput as ka}from"./form/SelectInput.mjs";import{SnackbarProvider as Ea}from"notistack";import{SynchronizedMetricsChart as Ra}from"./chart/SynchronizedMetricsChart/SynchronizedMetricsChart.mjs";import{TTSMagicButton as Na}from"./text-to-signup/magic-button.mjs";import{TTSMagicLegalLanguage as Aa}from"./text-to-signup/magic-legal-language.mjs";import{TTSMagicQRCode as Va}from"./text-to-signup/magic-qr-code.mjs";import{TTSOverTimeChart as Ma}from"./chart/TTSOverTimeChart/TTSOverTimeChart.mjs";import{TestPhoneNumbersBanner as xa}from"./Banners/TestPhoneNumbersBanner.mjs";import{TextButton as wa}from"./buttons/TextButton.mjs";import{TimezoneInput as Wa}from"./form/TimezoneInput/index.mjs";import{VerifiedImage as Ha}from"./verified/VerifiedImage.mjs";import{VerifiedIncLogo as qa}from"./verified/VerifiedIncLogo.mjs";import{defaultOverviewMetrics as Qa}from"./chart/OverviewBigNumbers/OverviewBigNumbers.types.mjs";import{exportBillableEventsToCsv as Ua}from"./chart/BillableEventsTable/exportBillableEventsToCsv.mjs";import{extractChildrenFromCredentialFieldSet as za}from"./form/OneClickForm/components/CredentialsDisplay/utils/extractChildrenFromCredentialFieldSet.mjs";import{extractTypesFromSchema as ja}from"./form/OneClickForm/components/CredentialsDisplay/utils/extractTypesFromSchema.mjs";import{filterRepeatedCredentials as _a}from"./form/OneClickForm/components/CredentialsDisplay/utils/filterRepeatedCredentials.mjs";import{findCorrectSchemaProperty as Ga}from"./form/OneClickForm/components/CredentialsDisplay/utils/findCorrectSchemaProperty.mjs";import{findCredentialsByType as Ja}from"./form/OneClickForm/components/CredentialsDisplay/utils/findCredentialsByType.mjs";import{formatIntegrationType as Ka,mapBillableEventsTableData as Xa}from"./chart/BillableEventsTable/BillableEventsTableDataMapper.mjs";import{getCredentialTypeDisplayInfo as Ya}from"./form/OneClickForm/components/CredentialsDisplay/utils/getCredentialTypeDisplayInfo.mjs";import{getCredentialValues as Za}from"./form/OneClickForm/components/CredentialsDisplay/utils/getCredentialValues.mjs";import{getLastPathName as $a}from"./form/OneClickForm/components/CredentialsDisplay/utils/getLastPathName.mjs";import{getParentPath as ar}from"./form/OneClickForm/components/CredentialsDisplay/utils/getParentPath.mjs";import{getReferencedSchemaNames as rr}from"./form/OneClickForm/components/CredentialsDisplay/utils/getReferencedSchemaNames.mjs";import{hasMandatoryFieldEmpty as er}from"./form/OneClickForm/components/CredentialsDisplay/utils/hasMandatoryFieldEmpty.mjs";import{isNewCredentialAgainstInstance as tr}from"./form/OneClickForm/components/CredentialsDisplay/utils/isNewCredentialAgainstInstance.mjs";import{isRequiredCredentialDisplayInfo as or}from"./form/OneClickForm/components/CredentialsDisplay/utils/isRequiredCredentialDisplayInfo.mjs";import{isSomeFieldInputAllowed as ir}from"./form/OneClickForm/components/CredentialsDisplay/utils/isSomeFieldInputAllowed.mjs";import{isValidInputCredential as sr}from"./form/OneClickForm/components/CredentialsDisplay/utils/isValidInputCredential.mjs";import{makeCredentialDisplayInfoList as mr}from"./form/OneClickForm/components/CredentialsDisplay/utils/makeCredentialDisplayInfoList.mjs";import{mapBillableEventsProductTableData as nr}from"./chart/BillableEventsProductTable/BillableEventsProductTableDataMapper.mjs";import{mapOneClickVerificationAreaSeriesData as pr}from"./chart/OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.map.mjs";import{mapOneClickVerificationFunnelChartData as lr}from"./chart/OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.map.mjs";import{mapOneClickVerificationSuccessOverTimeChartData as fr}from"./chart/OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.map.mjs";import{mapSeriesTimeSeriesData as dr}from"./chart/SeriesChart/SeriesChart.map.mjs";import{mapTTSTimeSeriesData as cr}from"./chart/TTSOverTimeChart/TTSOverTimeChart.map.mjs";import{sortCredentialsBySchema as Cr}from"./form/OneClickForm/components/CredentialsDisplay/utils/sortCredentialsBySchema.mjs";import{toCreatePatchCredentials as ur}from"./form/NewOneClickForm/core/mappers/create-patch.map.mjs";import{toOption as hr,useBrandFilterInput as Sr}from"./BrandFilterInput/BrandFilterInput.hook.mjs";import{toShareCredentials as Tr}from"./form/NewOneClickForm/core/mappers/share.map.mjs";import{transformToFormObject as gr}from"./form/OneClickForm/components/CredentialsDisplay/utils/transformToFormObject.mjs";import{transformToFormSchema as Br}from"./form/OneClickForm/components/CredentialsDisplay/utils/transformToFormSchema.mjs";export{N as AcceptTermsNotice,A as AdaptativeBox,V as AddressInput,M as Alert,g as AreaChart,x as BILLABLE_PRODUCTS,f as Backdrop,W as Banner,H as BasePhoneInput,S as BigNumber,q as BillableEventsProductTable,Q as BillableEventsTable,w as BillableProduct,c as BrandFilterInput,d as Button,U as CalendlyDialog,z as CalendlyDialogComponent,j as ContentWithLoader,k as ConversionOverTimeChart,i as CredentialRequestsEditor,p as CustomAlertComponent,_ as CustomDialog,G as DateInput,J as DateRangeInput,K as DefaultInput,X as EmailInput,D as EmptyChartSection,B as ErrorCodesChart,Y as ExactBirthdayBanner,Z as ExportToPdfButton,$ as Form,aa as FormBuilder,ra as FormField,ea as FormFieldBuilder,ta as FormProvider,ia as FullWidthAlert,b as FunnelChart,sa as IconPlayer,m as Image,ma as LegalLink,na as LinkButton,O as LoadingChartSection,pa as LogDetailPanel,la as LogsInfoAlert,fa as LogsTable,da as MandatoryEnum,L as MetricLastUpdated,ca as NPIInput,Ca as NewOneClickForm,ua as OTPInput,ha as OneClickForm,Sa as OneClickVerificationEventsOverTimeChart,Ta as OneClickVerificationFunnelChart,ga as OneClickVerificationSuccessOverTimeChart,Ba as OriginalButton,Pa as OverviewBigNumbers,e as PageHeader,t as PageSectionHeader,a as Paragraph,Ia as PersistentDialog,ya as PhoneInput,I as PieChart,Fa as PoweredByVerified,va as PrettyPhoneInput,Oa as PrivacyPolicyNotice,n as QRCodeDisplay,Da as RadioOption,P as ReasonCodesChart,R as RequiredLabel,La as ResendPhoneBanner,F as RiskScoreBarChart,y as RiskScorePieChart,ba as SSNInput,r as SectionHeader,ka as SelectInput,C as SeriesChart,u as SeriesChartLegend,h as SeriesPercentageChart,T as SimpleBarChart,v as SimpleLegend,Ea as SnackbarProvider,Ra as SynchronizedMetricsChart,Na as TTSMagicButton,Aa as TTSMagicLegalLanguage,Va as TTSMagicQRCode,Ma as TTSOverTimeChart,xa as TestPhoneNumbersBanner,wa as TextButton,Wa as TimezoneInput,o as Typography,Ha as VerifiedImage,qa as VerifiedIncLogo,s as When,E as WhenStyled,Qa as defaultOverviewMetrics,Ua as exportBillableEventsToCsv,za as extractChildrenFromCredentialFieldSet,ja as extractTypesFromSchema,_a as filterRepeatedCredentials,Ga as findCorrectSchemaProperty,Ja as findCredentialsByType,Ka as formatIntegrationType,Ya as getCredentialTypeDisplayInfo,Za as getCredentialValues,$a as getLastPathName,ar as getParentPath,rr as getReferencedSchemaNames,er as hasMandatoryFieldEmpty,tr as isNewCredentialAgainstInstance,or as isRequiredCredentialDisplayInfo,ir as isSomeFieldInputAllowed,sr as isValidInputCredential,mr as makeCredentialDisplayInfoList,nr as mapBillableEventsProductTableData,Xa as mapBillableEventsTableData,pr as mapOneClickVerificationAreaSeriesData,lr as mapOneClickVerificationFunnelChartData,fr as mapOneClickVerificationSuccessOverTimeChartData,dr as mapSeriesTimeSeriesData,cr as mapTTSTimeSeriesData,Cr as sortCredentialsBySchema,ur as toCreatePatchCredentials,hr as toOption,Tr as toShareCredentials,gr as transformToFormObject,Br as transformToFormSchema,Sr as useBrandFilterInput,oa as useForm,l as useSnackbar};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { AlertProps } from '@mui/material';
|
|
3
|
+
interface LogsInfoAlertProps extends Pick<AlertProps, 'sx'> {
|
|
4
|
+
/** URL to the errors documentation page. Shown in the default message. */
|
|
5
|
+
docsUrl?: string;
|
|
6
|
+
/** Override the entire alert content. */
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare function LogsInfoAlert({ docsUrl, children, sx }: LogsInfoAlertProps): import("react").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";import{Alert as s}from"@mui/material";import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";function a({docsUrl:r,children:o,sx:i}){return e(s,{severity:"info",sx:i,children:o??t(n,{children:["Note that some Verified error codes are expected and don't indicate anything wrong with your integration.",r&&t(n,{children:[" ","For details, see"," ",e("a",{href:r,target:"_blank",rel:"noreferrer",children:"Errors"}),"."]})]})})}export{a as LogsInfoAlert};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './LogsInfoAlert';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";import{Box as l,Stack as s,Typography as t,Paper as c}from"@mui/material";import{jsx as r,jsxs as o,Fragment as u}from"react/jsx-runtime";function e({label:a,value:n,color:i}){return n?o(l,{sx:{mb:.75},children:[o(t,{variant:"body2",component:"span",color:"text.secondary",children:[a,":"," "]}),r(t,{variant:"body2",component:"span",fontWeight:600,fontFamily:"monospace",color:i??"text.primary",children:n})]}):null}function d({log:a}){return r(l,{sx:{p:2},children:o(s,{direction:"row",spacing:4,children:[o(l,{sx:{width:480,flexShrink:0},children:[r(t,{variant:"subtitle2",fontWeight:700,color:"text.primary",sx:{mb:1},children:"DETAILS"}),r(e,{label:"1-Click UUID",value:a.uuid}),a.sessionUuid&&r(e,{label:"Session UUID",value:a.sessionUuid}),r(e,{label:"Source",value:a.source}),r(e,{label:"Event Type",value:a.errorCode?"response_error":"request"}),r(e,{label:"Method",value:a.source==="api"?`${a.method} /${a.path}`:a.path}),a.source==="api"&&o(u,{children:[r(e,{label:"HTTP Status",value:String(a.statusCode)}),r(e,{label:"Latency",value:a.latencyMs?`${a.latencyMs}ms`:null})]}),r(e,{label:"Phone",value:a.phone}),r(e,{label:"Error Code",value:a.errorCode,color:"error.main"}),r(e,{label:"Error",value:a.errorMessage,color:"error.main"})]}),o(l,{sx:{flex:1},children:[r(t,{variant:"subtitle2",fontWeight:700,color:"text.primary",sx:{mb:1},children:"METADATA"}),r(c,{variant:"outlined",sx:{p:2,bgcolor:"grey.100",fontFamily:"monospace",fontSize:13,whiteSpace:"pre-wrap",wordBreak:"break-word",maxHeight:300,overflow:"auto"},children:a.metadata?JSON.stringify(a.metadata,null,2):"No metadata available"})]})]})})}export{d as LogDetailPanel};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { LogsResponse } from '../types';
|
|
3
|
+
interface LogsTableProps {
|
|
4
|
+
data?: LogsResponse;
|
|
5
|
+
isLoading: boolean;
|
|
6
|
+
hasOlder?: boolean;
|
|
7
|
+
hasNewer?: boolean;
|
|
8
|
+
isLoadingOlder?: boolean;
|
|
9
|
+
isLoadingNewer?: boolean;
|
|
10
|
+
onLoadNewer: () => void;
|
|
11
|
+
onLoadOlder: () => void;
|
|
12
|
+
/** A value that changes whenever the active filters change (e.g. serialised filter string) */
|
|
13
|
+
filterKey?: string;
|
|
14
|
+
timeZone?: string;
|
|
15
|
+
}
|
|
16
|
+
export declare function LogsTable({ data, isLoading, hasOlder, hasNewer, isLoadingOlder, isLoadingNewer, onLoadNewer, onLoadOlder, filterKey, timeZone, }: LogsTableProps): React.JSX.Element;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";import M,{useMemo as I,useState as E,useRef as $,useEffect as N}from"react";import{useVirtualizer as R}from"@tanstack/react-virtual";import{useTheme as K,useMediaQuery as V,Stack as m,TableContainer as q,Paper as G,Table as Q,TableHead as Z,TableRow as u,TableCell as o,Typography as i,TableBody as J,CircularProgress as W,Chip as X,Box as Y,IconButton as _,Tooltip as ee}from"@mui/material";import{ContentCopy as re}from"@mui/icons-material";import{EmptyChartSection as te}from"../../chart/EmptyChartSection.mjs";import{useCopyToClipboard as ne}from"../../../hooks/useCopyToClipboard.mjs";import{useSnackbar as oe}from"../../Snackbar/index.mjs";import{formatLogTimestamp as ie}from"../../../utils/date.mjs";import{LogDetailPanel as ae}from"./LogDetailPanel.mjs";import{useBidirectionalScroll as le}from"../../../hooks/useBidirectionalScroll.mjs";import{jsx as e,jsxs as s}from"react/jsx-runtime";function se({statusCode:t,errorCode:a}){let l="grey.400";return a??t>=400?l="error.main":t>=200&&t<300&&(l="success.main"),e(Y,{sx:{width:8,height:8,borderRadius:"50%",bgcolor:l,flexShrink:0}})}function A({value:t,label:a,onCopy:l}){return e(_,{className:"copy-btn",size:"small",onClick:x=>{x.stopPropagation(),l(a,t)},sx:{p:.25,ml:.5},children:e(re,{sx:{fontSize:13}})})}function ce(t){return t?t.length<=12?t:`${t.slice(0,4)}\u2026${t.slice(-4)}`:"\u2014"}function de(t){return t.source==="sdk"?t.path:`${t.method} /${t.path}`}function he({text:t}){const a=$(null),[l,x]=E(!1);return N(()=>{const p=a.current;p&&x(p.scrollWidth>p.clientWidth)},[t]),e(ee,{title:l?t:"",placement:"top",children:e(i,{ref:a,variant:"body2",noWrap:!0,sx:{fontSize:"0.8em",color:"text.primary",fontFamily:"monospace"},children:t})})}const pe=48,me={fontFamily:"monospace"};function ue({data:t,isLoading:a,hasOlder:l,hasNewer:x,isLoadingOlder:p,isLoadingNewer:C,onLoadNewer:B,onLoadOlder:O,filterKey:P,timeZone:j}){const F=K(),v=V(F.breakpoints.down("xl")),d={...me,fontSize:"0.8em"},H=I(()=>[{label:"Timestamp",width:230},{label:"Phone",width:150},{label:"1-Click UUID",width:130},{label:"Source",width:90},{label:"Event",width:v?125:200},{label:"HTTP",align:"right",width:75},{label:"Latency",align:"right",width:100},{label:"Error",width:140}],[v]),[g,w]=E(null),b=$(null),{copy:U}=ne({type:"text/plain"}),{enqueueSnackbar:D}=oe(),T=async(n,r)=>{await U(r),D(`${n} copied to clipboard`,"success")},h=I(()=>t?.data??[],[t?.data]),y=R({count:h.length,getScrollElement:()=>b.current,estimateSize:()=>pe,overscan:5});le({scrollContainerRef:b,virtualizer:y,rowCount:h.length,hasNewer:x,hasOlder:l,isLoadingNewer:C,isLoadingOlder:p,onLoadNewer:B,onLoadOlder:O,resetKey:P});const c=y.getVirtualItems(),k=(n,r)=>`${n.eventTimestamp}-${r}`;N(()=>{g&&(c.some(n=>{const r=h[n.index];return k(r,n.index)===g})||w(null))},[c,g,h]);const S=c.length>0?c[0].start:0,L=c.length>0?y.getTotalSize()-c[c.length-1].end:0;return!a&&h.length===0?e(te,{}):e(m,{sx:{width:"100%",flex:1,minHeight:0},children:e(q,{component:G,ref:b,sx:{flex:1,scrollbarGutter:"stable",minHeight:500},children:s(Q,{size:"small",stickyHeader:!0,sx:{minWidth:1230,tableLayout:"fixed"},children:[e(Z,{children:s(u,{children:[e(o,{sx:{width:32,bgcolor:"background.paper"}}),H.map(n=>e(o,{sx:{textAlign:n.align,width:n.width},children:e(i,{sx:{textTransform:"uppercase"},variant:"subtitle2",children:n.label})},n.label))]})}),s(J,{children:[a&&h.length===0&&e(u,{children:e(o,{colSpan:9,sx:{textAlign:"center",py:2},children:e(i,{color:"text.secondary",children:"Loading..."})})}),C&&e(u,{sx:{position:"sticky",top:37,zIndex:1,pointerEvents:"none"},children:e(o,{colSpan:9,sx:{textAlign:"center",py:.75,bgcolor:"grey.100",borderBottom:"1px solid",borderColor:"divider"},children:s(m,{direction:"row",alignItems:"center",justifyContent:"center",spacing:1,children:[e(W,{size:12}),e(i,{variant:"caption",color:"text.secondary",children:"Loading newer logs"})]})})}),S>0&&e("tr",{children:e("td",{style:{height:S,padding:0,border:"none"}})}),c.map(n=>{const r=h[n.index],z=k(r,n.index),f=g===z;return s(M.Fragment,{children:[s(u,{"data-index":n.index,ref:y.measureElement,onClick:()=>w(f?null:z),hover:!0,sx:{cursor:"pointer","& > td":{borderBottom:f?"none":void 0}},children:[e(o,{sx:{width:32,px:1},children:e(m,{alignItems:"center",justifyContent:"center",height:"100%",children:e(se,{statusCode:r.statusCode,errorCode:r.errorCode})})}),e(o,{sx:{whiteSpace:"nowrap"},children:e(i,{variant:"body2",color:"text.secondary",sx:d,children:ie(r.eventTimestamp,j)})}),e(o,{sx:{"& .copy-btn":{opacity:0},"&:hover .copy-btn":{opacity:1}},children:s(m,{direction:"row",alignItems:"center",children:[e(i,{variant:"body2",color:"text.secondary",sx:d,children:r.phone??"\u2014"}),r.phone&&e(A,{value:r.phone,label:"Phone",onCopy:T})]})}),e(o,{sx:{"& .copy-btn":{opacity:0},"&:hover .copy-btn":{opacity:1}},children:s(m,{direction:"row",alignItems:"center",overflow:"hidden",children:[e(i,{variant:"body2",color:"text.secondary",noWrap:!0,sx:d,children:ce(r.uuid)}),r.uuid&&e(A,{value:r.uuid,label:"1-Click UUID",onCopy:T})]})}),e(o,{children:e(X,{label:r.source.toUpperCase(),size:"small",variant:"filled",sx:{fontWeight:600,fontSize:12,minWidth:40,bgcolor:r.source==="sdk"?"#4FC3F7":"primary.main",color:"white"}})}),e(o,{children:e(he,{text:de(r)})}),e(o,{sx:{textAlign:"right"},children:e(i,{variant:"body2",sx:{...d,color:r.source==="sdk"?"text.secondary":r.statusCode>=400?"error.main":"success.main"},children:r.source==="sdk"?"\u2014":r.statusCode})}),e(o,{sx:{textAlign:"right"},children:e(i,{variant:"body2",color:"text.secondary",sx:d,children:r.source==="sdk"||!r.latencyMs?"\u2014":`${r.latencyMs}ms`})}),e(o,{children:r.errorCode?e(i,{variant:"body2",sx:{...d,color:"error.main"},children:r.errorCode}):e(i,{variant:"body2",color:"text.secondary",sx:d,children:"\u2014"})})]}),f&&e(u,{children:e(o,{colSpan:9,sx:{py:0,px:1,borderTop:"none",bgcolor:"grey.50"},children:e(ae,{log:r})})})]},n.key)}),L>0&&e("tr",{children:e("td",{style:{height:L,padding:0,border:"none"}})}),p&&e(u,{sx:{position:"sticky",bottom:0,zIndex:1,pointerEvents:"none"},children:e(o,{colSpan:9,sx:{textAlign:"center",py:.75,bgcolor:"grey.100",borderTop:"1px solid",borderColor:"divider"},children:s(m,{direction:"row",alignItems:"center",justifyContent:"center",spacing:1,children:[e(W,{size:12}),e(i,{variant:"caption",color:"text.secondary",children:"Loading older logs"})]})})})]})]})})})}export{ue as LogsTable};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export interface LogEntry {
|
|
2
|
+
brandUuid: string;
|
|
3
|
+
phone: string | null;
|
|
4
|
+
uuid: string | null;
|
|
5
|
+
product: 'signup' | 'verify';
|
|
6
|
+
sessionUuid: string | null;
|
|
7
|
+
method: string;
|
|
8
|
+
path: string;
|
|
9
|
+
statusCode: number;
|
|
10
|
+
latencyMs: number | null;
|
|
11
|
+
errorCode: string | null;
|
|
12
|
+
errorMessage: string | null;
|
|
13
|
+
source: 'api' | 'sdk';
|
|
14
|
+
metadata: {
|
|
15
|
+
requestBody: any;
|
|
16
|
+
responseBody: any;
|
|
17
|
+
} | null;
|
|
18
|
+
eventTimestamp: string;
|
|
19
|
+
}
|
|
20
|
+
export interface LogsResponse {
|
|
21
|
+
data: LogEntry[];
|
|
22
|
+
cursors: {
|
|
23
|
+
older: string | null;
|
|
24
|
+
newer: string | null;
|
|
25
|
+
};
|
|
26
|
+
hasOlder: boolean;
|
|
27
|
+
hasNewer: boolean;
|
|
28
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{useCallback as o,useMemo as B,
|
|
1
|
+
"use strict";import{useCallback as o,useMemo as B,useContext as z,createContext as C}from"react";import p from"lodash/cloneDeep";import{MetricsInterval as I}from"../../constants/metrics.mjs";import{usePersistedReducer as P}from"../../hooks/usePersistedReducer.mjs";import{jsx as j}from"react/jsx-runtime";const h=C(null);function O(n){const a=new Date;a.setDate(a.getDate()-6),a.setHours(0,0,0,0);const i=new Date;i.setHours(23,59,59,999);const D=()=>Object.entries({brands:[],brand:void 0,monthlyBillableBrands:[]}).reduce((r,[s,y])=>({...r,[s]:n.environments.reduce((M,g)=>({...M,[g]:n.products.reduce((w,x)=>({...w,[x]:p(y)}),{})}),{})}),{}),[t,e]=P(n.storageKey,(r,s)=>Object.assign(p(r),s),{...D(),interval:I.DAY,timezone:Intl.DateTimeFormat().resolvedOptions().timeZone,startDate:+a,endDate:+i}),d=o(r=>{e({interval:r})},[e]),l=o((r,s)=>{e({startDate:r,endDate:s})},[e]),m=o(r=>{e({brands:{...t.brands,[n.environment]:{...t.brands[n.environment],[n.product]:r}}})},[t.brands,n.environment,n.product,e]),c=o(r=>{e({brand:{...t.brand,[n.environment]:{...t.brand[n.environment],[n.product]:r}}})},[t.brand,n.environment,n.product,e]),u=o(r=>{e({monthlyBillableBrands:{...t.monthlyBillableBrands,[n.environment]:{...t.monthlyBillableBrands[n.environment],[n.product]:r}}})},[t.monthlyBillableBrands,n.environment,n.product,e]),b=o(r=>{e({timezone:r})},[e]),v=B(()=>t&&{...t,brands:t.brands[n.environment][n.product],brand:t.brand[n.environment][n.product],monthlyBillableBrands:t.monthlyBillableBrands[n.environment][n.product]},[t,n.environment,n.product]),f=B(()=>({filter:{...v,setInterval:d,setDateRange:l,setBrands:m,setBrand:c,setMonthlyBillableBrands:u,setTimezone:b}}),[v,d,l,m,c,u,b]);return j(h.Provider,{value:f,children:n.children})}function E(){const n=z(h);if(n===null)throw new Error("useMetrics must be used within a MetricsProvider");return n}export{O as MetricsProvider,E as useMetrics};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{useContext as b,
|
|
1
|
+
"use strict";import{useContext as b,useState as g,useLayoutEffect as T,useCallback as i,useRef as v,createContext as x}from"react";import{createPortal as E}from"react-dom";import{Stack as M}from"@mui/material";import{jsx as m}from"react/jsx-runtime";const p=x(null);function f(){const r=b(p);if(!r)throw new Error("useTunnel must be used within a TunnelProvider");return r}function P({children:r}){const[s,c]=g(new Map),t=v(new Map),l=i((e,n)=>{c(o=>{const a=new Map(o);return a.set(e,n),a});const u=t.current.get(e);u&&u.forEach(o=>o(n))},[]),d=i(e=>{c(u=>{const o=new Map(u);return o.delete(e),o});const n=t.current.get(e);n&&n.forEach(u=>u(null))},[]),h=i(e=>s.get(e)??null,[s]),w=i((e,n)=>{var u;t.current.has(e)||t.current.set(e,new Set),(u=t.current.get(e))==null||u.add(n);const o=s.get(e)??null;return n(o),()=>{const a=t.current.get(e);a&&(a.delete(n),a.size===0&&t.current.delete(e))}},[s]);return m(p.Provider,{value:{register:l,unregister:d,getTarget:h,subscribe:w},children:r})}function S({id:r,...s}){const{register:c,unregister:t}=f(),l=i(d=>{d?c(r,d):t(r)},[r,c,t]);return m(M,{...s,ref:l,"data-tunnel-target":r})}function C({id:r,children:s}){const{subscribe:c}=f(),[t,l]=g(null);return T(()=>c(r,l),[r,c]),t?E(s,t):null}const k={Provider:P,Target:S,Source:C,useTunnel:f};export{k as Tunnel};
|
package/dist/hooks/index.d.ts
CHANGED
package/dist/hooks/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{useLocalStorage as s}from"./useLocalStorage.mjs";import{useCopyToClipboard as e}from"./useCopyToClipboard.mjs";import{useDisclosure as o}from"./useDisclosure.mjs";import{useGoogleFont as r}from"./useGoogleFont.mjs";import{useCallbackRef as a}from"./useCallbackRef.mjs";import{useQRCode as
|
|
1
|
+
"use strict";import{useLocalStorage as s}from"./useLocalStorage.mjs";import{useCopyToClipboard as e}from"./useCopyToClipboard.mjs";import{useDisclosure as o}from"./useDisclosure.mjs";import{useGoogleFont as r}from"./useGoogleFont.mjs";import{useCallbackRef as a}from"./useCallbackRef.mjs";import{useQRCode as i}from"./useQRCode.mjs";import{useSearchParams as u}from"./useSearchParams.mjs";import{useDebounceValue as m}from"./useDebounceValue.mjs";import{useScript as t}from"./useScript.mjs";import{useThrottle as p}from"./useThrottle.mjs";import{useToggle as l}from"./useToggle.mjs";import{useWindowScroll as c}from"./useWindowScroll.mjs";import{useWindowSize as f}from"./useWindowSize.mjs";import{useIntersectionObserver as n}from"./useIntersectionObserver.mjs";import{useCounter as T}from"./useCounter.mjs";import{useOnClickOutside as C}from"./useOnClickOutside.mjs";import{usePrevious as S}from"./usePrevious.mjs";import{useResizeObserver as d}from"./useResizeObserver.mjs";import{useNavigatorOnline as g}from"./useNavigatorOnline.mjs";import{useDebounceCallback as b}from"./useDebounceCallback.mjs";import{useStyledQRCode as R}from"./useStyledQRCode.mjs";import{useNetworkType as O}from"./useNetworkType.mjs";import{useBidirectionalScroll as M}from"./useBidirectionalScroll.mjs";import{useColorMap as k}from"./metrics/useColorMap.mjs";import{useTTSMagicLink as Q}from"./text-to-signup/magic-link.mjs";import{useTTSMagicQRCode as v}from"./text-to-signup/magic-qr-code.mjs";import{useTTSMagicQRCodeOptions as y}from"./text-to-signup/magic-qr-code-options.mjs";import{useTTSMagicText as w}from"./text-to-signup/magic-text.mjs";export{M as useBidirectionalScroll,a as useCallbackRef,k as useColorMap,e as useCopyToClipboard,T as useCounter,b as useDebounceCallback,m as useDebounceValue,o as useDisclosure,r as useGoogleFont,n as useIntersectionObserver,s as useLocalStorage,g as useNavigatorOnline,O as useNetworkType,C as useOnClickOutside,S as usePrevious,i as useQRCode,d as useResizeObserver,t as useScript,u as useSearchParams,R as useStyledQRCode,Q as useTTSMagicLink,v as useTTSMagicQRCode,y as useTTSMagicQRCodeOptions,w as useTTSMagicText,p as useThrottle,l as useToggle,c as useWindowScroll,f as useWindowSize};
|