@verifiedinc-public/shared-ui-elements 9.7.0 → 9.8.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/form/DateRangeInput/index.d.ts +4 -0
- package/dist/components/form/DateRangeInput/index.mjs +1 -1
- package/dist/constants/date.d.ts +1 -0
- package/dist/constants/date.mjs +1 -0
- package/dist/constants/index.d.ts +1 -0
- package/dist/constants/index.mjs +1 -1
- package/dist/contexts/metrics/Metrics.context.d.ts +5 -0
- package/dist/contexts/metrics/Metrics.context.mjs +1 -1
- package/dist/hooks/usePersistedReducer.mjs +1 -1
- package/dist/index.mjs +1 -1
- package/dist/node_modules/date-fns-tz/dist/esm/_lib/getTimezoneOffsetInMilliseconds/index.mjs +1 -0
- package/dist/node_modules/date-fns-tz/dist/esm/_lib/newDateUTC/index.mjs +1 -0
- package/dist/node_modules/date-fns-tz/dist/esm/_lib/tzIntlTimeZoneName/index.mjs +1 -0
- package/dist/node_modules/date-fns-tz/dist/esm/_lib/tzParseTimezone/index.mjs +1 -0
- package/dist/node_modules/date-fns-tz/dist/esm/_lib/tzPattern/index.mjs +1 -0
- package/dist/node_modules/date-fns-tz/dist/esm/_lib/tzTokenizeDate/index.mjs +1 -0
- package/dist/node_modules/date-fns-tz/dist/esm/format/formatters/index.mjs +1 -0
- package/dist/node_modules/date-fns-tz/dist/esm/format/index.mjs +1 -0
- package/dist/node_modules/date-fns-tz/dist/esm/formatInTimeZone/index.mjs +1 -0
- package/dist/node_modules/date-fns-tz/dist/esm/fromZonedTime/index.mjs +1 -0
- package/dist/node_modules/date-fns-tz/dist/esm/toDate/index.mjs +1 -0
- package/dist/node_modules/date-fns-tz/dist/esm/toZonedTime/index.mjs +1 -0
- package/dist/styles/lib/react-datepicker.d.ts +1 -1
- package/dist/styles/lib/react-datepicker.mjs +5 -0
- package/dist/utils/date.d.ts +1 -0
- package/dist/utils/index.mjs +1 -1
- package/package.json +3 -2
|
@@ -3,6 +3,10 @@ interface DateRangeInputProps {
|
|
|
3
3
|
startDate?: Date | number;
|
|
4
4
|
endDate?: Date | number;
|
|
5
5
|
onChange: (startDate: number, endDate: number) => void;
|
|
6
|
+
/** Optional: called with ISO strings formatted in the given timeZone */
|
|
7
|
+
onChangeTz?: (startDate: string, endDate: string) => void;
|
|
8
|
+
/** IANA time zone name (e.g. "America/New_York"). Omit for local time behavior. */
|
|
9
|
+
timeZone?: string;
|
|
6
10
|
}
|
|
7
11
|
export declare const DateRangeInput: FC<DateRangeInputProps>;
|
|
8
12
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{useState as
|
|
1
|
+
"use strict";import{useState as p,useRef as T,forwardRef as Y}from"react";import{Box as M,TextField as R}from"@mui/material";import y from"../../../node_modules/react-datepicker/dist/es/index.mjs";import{reactDatepickerCss as C}from"../../../styles/lib/react-datepicker.mjs";import{useOnClickOutside as I}from"../../../hooks/useOnClickOutside.mjs";import{ISO_TZ_FORMAT as l}from"../../../constants/date.mjs";import{useStyle as b}from"./style.mjs";import{jsxs as v,jsx as n}from"react/jsx-runtime";import{fromZonedTime as d}from"../../../node_modules/date-fns-tz/dist/esm/fromZonedTime/index.mjs";import{formatInTimeZone as u}from"../../../node_modules/date-fns-tz/dist/esm/formatInTimeZone/index.mjs";import{toZonedTime as F}from"../../../node_modules/date-fns-tz/dist/esm/toZonedTime/index.mjs";const H=Y(function(e,r){return n(R,{inputRef:r,...e,label:"Range",fullWidth:!0,sx:{flex:1,"& input":{boxShadow:"none!important",border:"none!important"}}})}),O=e=>{const r=b(),f=()=>{const{startDate:o,endDate:t}=e;return!o||!t?[null,null]:[new Date(o),new Date(t)]},[D,w]=p(f()),[c,h]=D,a=T(null),[x,s]=p(!1);return I(a,()=>{s(!1)}),v(M,{ref:a,sx:r.wrapper,children:[n("style",{children:C}),n(y,{open:x,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:c??void 0,endDate:h??void 0,minDate:new Date(2023,0,1),maxDate:e.timeZone?F(new Date,e.timeZone):new Date,onChange:([o,t],m)=>{var i;if(w([o,t]),!(!o||!t)&&(((i=m?.target)==null?void 0:i.tagName)!=="INPUT"&&(o.setHours(0,0,0,0),t.setHours(23,59,59,999)),e.onChange(+o,+t),e.timeZone&&e.onChangeTz)){const Z=d(o,e.timeZone),g=d(t,e.timeZone);e.onChangeTz(u(Z,e.timeZone,l),u(g,e.timeZone,l))}},customInput:n(H,{})})]})};export{O as DateRangeInput};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ISO_TZ_FORMAT = "yyyy-MM-dd'T'HH:mm:ssxxx";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const x="yyyy-MM-dd'T'HH:mm:ssxxx";export{x as ISO_TZ_FORMAT};
|
package/dist/constants/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{emailInputPattern as
|
|
1
|
+
"use strict";import{ISO_TZ_FORMAT as a}from"./date.mjs";import{emailInputPattern as t,emailRegexPattern as e}from"./email.mjs";import{MetricsInterval as r}from"./metrics.mjs";export{a as ISO_TZ_FORMAT,r as MetricsInterval,t as emailInputPattern,e as emailRegexPattern};
|
|
@@ -9,6 +9,8 @@ export type InternalMetricsReducer = {
|
|
|
9
9
|
timezone: string;
|
|
10
10
|
startDate: number;
|
|
11
11
|
endDate: number;
|
|
12
|
+
zonedStartDate: string | null;
|
|
13
|
+
zonedEndDate: string | null;
|
|
12
14
|
};
|
|
13
15
|
export type MetricsReducer = {
|
|
14
16
|
brands: BrandFilter[];
|
|
@@ -18,11 +20,14 @@ export type MetricsReducer = {
|
|
|
18
20
|
timezone: string;
|
|
19
21
|
startDate: number;
|
|
20
22
|
endDate: number;
|
|
23
|
+
zonedStartDate: string | null;
|
|
24
|
+
zonedEndDate: string | null;
|
|
21
25
|
};
|
|
22
26
|
type MetricsContext = {
|
|
23
27
|
filter: MetricsReducer & {
|
|
24
28
|
setInterval: (interval: MetricsIntervalType) => void;
|
|
25
29
|
setDateRange: (startDate: number, endDate: number) => void;
|
|
30
|
+
setZonedDateRange: (zonedStartDate: string, zonedEndDate: string) => void;
|
|
26
31
|
setBrands: (brands: BrandFilter[]) => void;
|
|
27
32
|
setBrand: (brands: BrandFilter | undefined) => void;
|
|
28
33
|
setMonthlyBillableBrands: (brands: BrandFilter[]) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{useCallback as
|
|
1
|
+
"use strict";import{useCallback as a,useMemo as B,useContext as g,createContext as x}from"react";import f from"lodash/cloneDeep";import{ISO_TZ_FORMAT as h}from"../../constants/date.mjs";import{MetricsInterval as P}from"../../constants/metrics.mjs";import{usePersistedReducer as R}from"../../hooks/usePersistedReducer.mjs";import{jsx as j}from"react/jsx-runtime";import{toZonedTime as y}from"../../node_modules/date-fns-tz/dist/esm/toZonedTime/index.mjs";import{formatInTimeZone as M}from"../../node_modules/date-fns-tz/dist/esm/formatInTimeZone/index.mjs";import{fromZonedTime as w}from"../../node_modules/date-fns-tz/dist/esm/fromZonedTime/index.mjs";const T=x(null);function C(t){const s=new Date;s.setDate(s.getDate()-6),s.setHours(0,0,0,0);const m=new Date;m.setHours(23,59,59,999);const E=()=>Object.entries({brands:[],brand:void 0,monthlyBillableBrands:[]}).reduce((n,[o,d])=>({...n,[o]:t.environments.reduce((i,I)=>({...i,[I]:t.products.reduce((O,Z)=>({...O,[Z]:f(d)}),{})}),{})}),{}),[e,r]=R(t.storageKey,(n,o)=>Object.assign(f(n),o),{...E(),interval:P.DAY,timezone:Intl.DateTimeFormat().resolvedOptions().timeZone,startDate:+s,endDate:+m,zonedStartDate:null,zonedEndDate:null}),l=a(n=>{r({interval:n})},[r]),c=a((n,o)=>{r({startDate:n,endDate:o})},[r]),u=a(n=>{r({brands:{...e.brands,[t.environment]:{...e.brands[t.environment],[t.product]:n}}})},[e.brands,t.environment,t.product,r]),b=a(n=>{r({brand:{...e.brand,[t.environment]:{...e.brand[t.environment],[t.product]:n}}})},[e.brand,t.environment,t.product,r]),D=a(n=>{r({monthlyBillableBrands:{...e.monthlyBillableBrands,[t.environment]:{...e.monthlyBillableBrands[t.environment],[t.product]:n}}})},[e.monthlyBillableBrands,t.environment,t.product,r]),v=a(n=>{const o={timezone:n};if(e.zonedStartDate&&e.zonedEndDate){const d=y(new Date(e.zonedStartDate),e.timezone),i=y(new Date(e.zonedEndDate),e.timezone);o.zonedStartDate=M(w(d,n),n,h),o.zonedEndDate=M(w(i,n),n,h)}r(o)},[r,e.zonedStartDate,e.zonedEndDate,e.timezone]),p=a((n,o)=>{r({zonedStartDate:n,zonedEndDate:o})},[r]),z=B(()=>e&&{...e,brands:e.brands[t.environment][t.product],brand:e.brand[t.environment][t.product],monthlyBillableBrands:e.monthlyBillableBrands[t.environment][t.product]},[e,t.environment,t.product]),S=B(()=>({filter:{...z,setInterval:l,setDateRange:c,setZonedDateRange:p,setBrands:u,setBrand:b,setMonthlyBillableBrands:D,setTimezone:v}}),[z,l,c,p,u,b,D,v]);return j(T.Provider,{value:S,children:t.children})}function k(){const t=g(T);if(t===null)throw new Error("useMetrics must be used within a MetricsProvider");return t}export{C as MetricsProvider,k as useMetrics};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{useReducer as f,useEffect as a}from"react";import{useLocalStorage as m}from"./useLocalStorage.mjs";import{usePrevious as p}from"./usePrevious.mjs";function d(o,u,t,g){const
|
|
1
|
+
"use strict";import{useReducer as f,useEffect as a}from"react";import{useLocalStorage as m}from"./useLocalStorage.mjs";import{usePrevious as p}from"./usePrevious.mjs";function d(o,u,t,g){const s=m(o),i=()=>{const e=s.get();if(e)try{return{...t,...e}}catch{return t}return t},[r,n]=f(u,t,i),c=p(r);return a(()=>{JSON.stringify(c)===JSON.stringify(r)||s.set(r)},[r]),[r,n]}export{d as usePersistedReducer};
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{Paragraph as a}from"./components/typographies/Paragraph.mjs";import{SectionHeader as e}from"./components/typographies/SectionHeader.mjs";import{PageHeader as r}from"./components/typographies/PageHeader.mjs";import{PageSectionHeader as s}from"./components/typographies/PageSectionHeader.mjs";import{Typography as o}from"./components/Typography/index.mjs";import{CredentialRequestsEditor as t}from"./components/CredentialRequestsEditor/index.mjs";import{When as i}from"./components/When.mjs";import{Image as m}from"./components/Image.mjs";import{QRCodeDisplay as n}from"./components/QRCodeDisplay/index.mjs";import{CustomAlertComponent as p,useSnackbar as l}from"./components/Snackbar/index.mjs";import{Backdrop as f}from"./components/Backdrop/index.mjs";import{Button as d}from"./components/Button/index.mjs";import{BrandFilterInput as u}from"./components/BrandFilterInput/index.mjs";import{SeriesChart as c}from"./components/chart/SeriesChart/index.mjs";import{SeriesChartLegend as C}from"./components/chart/SeriesChartLegend/index.mjs";import{SeriesPercentageChart as h}from"./components/chart/SeriesPercentageChart/index.mjs";import{BigNumber as S}from"./components/chart/BigNumber/index.mjs";import{SimpleBarChart as g}from"./components/chart/SimpleBarChart/index.mjs";import{AreaChart as T}from"./components/chart/AreaChart/index.mjs";import{ErrorCodesChart as P}from"./components/chart/ErrorCodesChart/index.mjs";import{ReasonCodesChart as D}from"./components/chart/ReasonCodesChart/index.mjs";import{PieChart as B}from"./components/chart/PieChart/index.mjs";import{RiskScorePieChart as k}from"./components/chart/RiskScorePieChart/index.mjs";import{RiskScoreBarChart as y}from"./components/chart/RiskScoreBarChart/index.mjs";import{SimpleLegend as v}from"./components/chart/SimpleLegend/index.mjs";import{LoadingChartSection as b}from"./components/chart/LoadingChartSection.mjs";import{EmptyChartSection as O}from"./components/chart/EmptyChartSection.mjs";import{MetricLastUpdated as F}from"./components/chart/MetricLastUpdated.mjs";import{FunnelChart as L}from"./components/chart/FunnelChart/index.mjs";import{ConversionOverTimeChart as I}from"./components/chart/ConversionOverTimeChart/index.mjs";import{WhenStyled as M}from"./components/WhenStyled.mjs";import{RequiredLabel as R}from"./components/RequiredLabel/index.mjs";import{Tunnel as N}from"./contexts/tunnel/index.mjs";import{useLocalStorage as E}from"./hooks/useLocalStorage.mjs";import{useCopyToClipboard as A}from"./hooks/useCopyToClipboard.mjs";import{useDisclosure as w}from"./hooks/useDisclosure.mjs";import{useGoogleFont as x}from"./hooks/useGoogleFont.mjs";import{useCallbackRef as V}from"./hooks/useCallbackRef.mjs";import{useQRCode as U}from"./hooks/useQRCode.mjs";import{useSearchParams as Y}from"./hooks/useSearchParams.mjs";import{useDebounceValue as G}from"./hooks/useDebounceValue.mjs";import{useScript as W}from"./hooks/useScript.mjs";import{useThrottle as z}from"./hooks/useThrottle.mjs";import{useToggle as Q}from"./hooks/useToggle.mjs";import{useWindowScroll as H}from"./hooks/useWindowScroll.mjs";import{useWindowSize as _}from"./hooks/useWindowSize.mjs";import{useIntersectionObserver as q}from"./hooks/useIntersectionObserver.mjs";import{useCounter as $}from"./hooks/useCounter.mjs";import{useOnClickOutside as X}from"./hooks/useOnClickOutside.mjs";import{usePrevious as j}from"./hooks/usePrevious.mjs";import{useResizeObserver as K}from"./hooks/useResizeObserver.mjs";import{useNavigatorOnline as J}from"./hooks/useNavigatorOnline.mjs";import{useDebounceCallback as Z}from"./hooks/useDebounceCallback.mjs";import{useStyledQRCode as aa}from"./hooks/useStyledQRCode.mjs";import{useNetworkType as ea}from"./hooks/useNetworkType.mjs";import{useBidirectionalScroll as ra}from"./hooks/useBidirectionalScroll.mjs";import{black as sa,blue as oa,colors as ta,dangerContrast as ia,darkBlue as ma,darkGreen as na,darkGrey as pa,darkGreyContrast as la,darkRed as fa,darkYellow as da,green as ua,grey as ca,greyContrast as Ca,infoContrast as ha,lightBlue as Sa,lightGreen as ga,lightGrey as Ta,lightGreyContrast as Pa,lightRed as Da,lightYellow as Ba,red as ka,textDisabled as ya,warningContrast as va,white as ba,yellow as Oa}from"./styles/colors.mjs";import{theme as Fa}from"./styles/theme.mjs";import{shadows as La}from"./styles/shadows.mjs";import{wrapPromise as Ia}from"./utils/wrapPromise/index.mjs";import{formatDateMMDDYYYY as Ma,formatDateMMYY as Ra,formatDateToTimestamp as Na,formatExtendedDate as Ea,formatLogTimestamp as Aa,toUTCMilliseconds as wa}from"./utils/date.mjs";import{countries as xa,getPhoneData as Va,getPhoneDataByFieldName as Ua,parseToPhoneNational as Ya,sortByCountryName as Ga,validatePhone as Wa}from"./utils/phone/index.mjs";import{masks as za}from"./utils/masks/index.mjs";import{omitProperties as Qa}from"./utils/omitProperty.mjs";import{ssnFormatter as Ha,ssnRegex as _a}from"./utils/ssn.mjs";import{stringToHashedColor as qa,uuidToHashedColor as $a}from"./utils/uuidColor.mjs";import{toCapitalize as Xa}from"./utils/string/toCapitalize.mjs";import{toSentenceCase as ja}from"./utils/string/toSentenceCase.mjs";import{kebabCaseToPretty as Ka}from"./utils/string/formatKebabToPretty.mjs";import{generateKeyFromString as Ja}from"./utils/string/generateKeyFromString.mjs";import{alpha as Za,contrastColor as ae,darken as ee,getThemeFromPrimaryColor as re,lighten as se,mix as oe}from"./utils/color/index.mjs";import{addressFormatter as te,fromUSAddress as ie,parseCountryCode as me,toUSaddress as ne,toUSaddressPretty as pe}from"./utils/address/index.mjs";import{DEFAULT_FONT_FAMILY as le,DEFAULT_FONT_WEIGHTS as fe,makeGoogleFontUrl as de}from"./utils/makeGoogleFont.mjs";import{prepareNotification as ue}from"./utils/notification.mjs";import{resolveLogo as ce}from"./utils/logo/index.mjs";import{USDateSchema as Ce,birthDateSchema as he,dateSchema as Se,getDateSchemaWithPastValidation as ge,refineAge18Plus as Te,refineMinimumDate1900 as Pe,refineTimestamp as De,validateAge18Plus as Be,validateMinimumDate1900 as ke,validateTimestamp as ye}from"./validations/date.schema.mjs";import{descriptionSchema as ve}from"./validations/description.schema.mjs";import{businessEmailSchema as be,emailSchema as Oe}from"./validations/email.schema.mjs";import{fieldSchema as Fe}from"./validations/field.schema.mjs";import{phoneSchema as Le}from"./validations/phone.schema.mjs";import{MaskedAndUnmaskedSSNSchema as Ie,SSNSchema as Me}from"./validations/ssn.schema.mjs";import{getUnixSchema as Re}from"./validations/unix.schema.mjs";import{npiSchema as Ne}from"./validations/npi.schema.mjs";import{stateSchema as Ee,zipCodeSchema as Ae}from"./validations/address.schema.mjs";import{AcceptTermsNotice as we}from"./components/terms/AcceptTermsNotice.mjs";import{AdaptativeBox as xe}from"./components/UI/AdaptativeBox.mjs";import{AddressInput as Ve}from"./components/form/AddressInput/index.mjs";import{Alert as Ue}from"./components/Alert/Alert.mjs";import{BILLABLE_PRODUCTS as Ye,BillableProduct as Ge}from"./components/chart/BillableEventsTable/BillableEventsTable.types.mjs";import{Banner as We}from"./components/Banners/Banner.mjs";import{BasePhoneInput as ze}from"./components/form/BasePhoneInput.mjs";import{BillableEventsProductTable as Qe}from"./components/chart/BillableEventsProductTable/BillableEventsProductTable.mjs";import{BillableEventsTable as He}from"./components/chart/BillableEventsTable/BillableEventsTable.mjs";import{CalendlyDialog as _e,CalendlyDialogComponent as qe}from"./components/dialog/CalendlyDialog.mjs";import{ContentWithLoader as $e}from"./components/UI/ContentWithLoader.mjs";import{CustomDialog as Xe}from"./components/dialog/Dialog.mjs";import{DateInput as je}from"./components/form/DateInput/index.mjs";import{DateRangeInput as Ke}from"./components/form/DateRangeInput/index.mjs";import{DefaultInput as Je}from"./components/form/DefaultInput.mjs";import{EmailInput as Ze}from"./components/form/EmailInput.mjs";import{ExactBirthdayBanner as ar}from"./components/Banners/ExactBirthdayBanner.mjs";import{ExportToPdfButton as er}from"./components/buttons/ExportToPdfButton.mjs";import{Form as rr}from"./components/form/NewOneClickForm/core/form/form.mjs";import{FormBuilder as sr}from"./components/form/NewOneClickForm/core/form/formBuilder.mjs";import{FormField as or}from"./components/form/NewOneClickForm/core/form/formField.mjs";import{FormFieldBuilder as tr}from"./components/form/NewOneClickForm/core/form/formFieldBuilder.mjs";import{FormProvider as ir,useForm as mr}from"./components/form/NewOneClickForm/react/core/form.context.mjs";import{FullWidthAlert as nr}from"./components/Alert/FullWidthAlert.mjs";import{IconPlayer as pr}from"./components/icons/IconPlayer.mjs";import{LegalLink as lr}from"./components/terms/LegalLink.mjs";import{LinkButton as fr}from"./components/buttons/LinkButton.mjs";import{LogDetailPanel as dr}from"./components/logs/LogsTable/LogDetailPanel.mjs";import{LogsInfoAlert as ur}from"./components/logs/LogsInfoAlert/LogsInfoAlert.mjs";import{LogsTable as cr}from"./components/logs/LogsTable/LogsTable.mjs";import{MetricsProvider as Cr,useMetrics as hr}from"./contexts/metrics/Metrics.context.mjs";import{NPIInput as Sr}from"./components/form/NPIInput/index.mjs";import{NewOneClickForm as gr}from"./components/form/NewOneClickForm/react/ui/form.mjs";import{OTPInput as Tr}from"./components/form/OTPInput.mjs";import{OneClickVerificationEventsOverTimeChart as Pr}from"./components/chart/OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.mjs";import{OneClickVerificationFunnelChart as Dr}from"./components/chart/OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.mjs";import{OneClickVerificationSuccessOverTimeChart as Br}from"./components/chart/OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.mjs";import{OriginalButton as kr}from"./components/buttons/OriginalButton.mjs";import{OverviewBigNumbers as yr}from"./components/chart/OverviewBigNumbers/OverviewBigNumbers.mjs";import{PersistentDialog as vr}from"./components/dialog/PersistentDialog.mjs";import{PhoneInput as br}from"./components/form/PhoneInput.mjs";import{PoweredByVerified as Or}from"./components/verified/powered-by-verified/index.mjs";import{PrettyPhoneInput as Fr}from"./components/form/PrettyPhoneInput.mjs";import{PrivacyPolicyNotice as Lr}from"./components/terms/PrivacyPolicyNotice.mjs";import{RadioOption as Ir}from"./components/form/RadioOption.mjs";import{ResendPhoneBanner as Mr}from"./components/Banners/ResendPhoneBanner.mjs";import{SSNInput as Rr}from"./components/form/SSNInput.mjs";import{SelectInput as Nr}from"./components/form/SelectInput.mjs";import{SnackbarProvider as Er}from"notistack";import{SynchronizedMetricsChart as Ar}from"./components/chart/SynchronizedMetricsChart/SynchronizedMetricsChart.mjs";import{TTSMagicButton as wr}from"./components/text-to-signup/magic-button.mjs";import{TTSMagicLegalLanguage as xr}from"./components/text-to-signup/magic-legal-language.mjs";import{TTSMagicQRCode as Vr}from"./components/text-to-signup/magic-qr-code.mjs";import{TTSOverTimeChart as Ur}from"./components/chart/TTSOverTimeChart/TTSOverTimeChart.mjs";import{TestPhoneNumbersBanner as Yr}from"./components/Banners/TestPhoneNumbersBanner.mjs";import{TextButton as Gr}from"./components/buttons/TextButton.mjs";import{TimezoneInput as Wr}from"./components/form/TimezoneInput/index.mjs";import{VerifiedImage as zr}from"./components/verified/VerifiedImage.mjs";import{VerifiedIncLogo as Qr}from"./components/verified/VerifiedIncLogo.mjs";import{defaultOverviewMetrics as Hr}from"./components/chart/OverviewBigNumbers/OverviewBigNumbers.types.mjs";import{exportBillableEventsToCsv as _r}from"./components/chart/BillableEventsTable/exportBillableEventsToCsv.mjs";import{formatIntegrationType as qr,mapBillableEventsTableData as $r}from"./components/chart/BillableEventsTable/BillableEventsTableDataMapper.mjs";import{mapBillableEventsProductTableData as Xr}from"./components/chart/BillableEventsProductTable/BillableEventsProductTableDataMapper.mjs";import{mapOneClickVerificationAreaSeriesData as jr}from"./components/chart/OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.map.mjs";import{mapOneClickVerificationFunnelChartData as Kr}from"./components/chart/OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.map.mjs";import{mapOneClickVerificationSuccessOverTimeChartData as Jr}from"./components/chart/OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.map.mjs";import{mapSeriesTimeSeriesData as Zr}from"./components/chart/SeriesChart/SeriesChart.map.mjs";import{mapTTSTimeSeriesData as as}from"./components/chart/TTSOverTimeChart/TTSOverTimeChart.map.mjs";import{toCreatePatchCredentials as es}from"./components/form/NewOneClickForm/core/mappers/create-patch.map.mjs";import{toOption as rs,useBrandFilterInput as ss}from"./components/BrandFilterInput/BrandFilterInput.hook.mjs";import{toShareCredentials as os}from"./components/form/NewOneClickForm/core/mappers/share.map.mjs";import{useColorMap as ts}from"./hooks/metrics/useColorMap.mjs";import{useTTSMagicLink as is}from"./hooks/text-to-signup/magic-link.mjs";import{useTTSMagicQRCode as ms}from"./hooks/text-to-signup/magic-qr-code.mjs";import{useTTSMagicQRCodeOptions as ns}from"./hooks/text-to-signup/magic-qr-code-options.mjs";import{useTTSMagicText as ps}from"./hooks/text-to-signup/magic-text.mjs";export{we as AcceptTermsNotice,xe as AdaptativeBox,Ve as AddressInput,Ue as Alert,T as AreaChart,Ye as BILLABLE_PRODUCTS,f as Backdrop,We as Banner,ze as BasePhoneInput,S as BigNumber,Qe as BillableEventsProductTable,He as BillableEventsTable,Ge as BillableProduct,u as BrandFilterInput,d as Button,_e as CalendlyDialog,qe as CalendlyDialogComponent,$e as ContentWithLoader,I as ConversionOverTimeChart,t as CredentialRequestsEditor,p as CustomAlertComponent,Xe as CustomDialog,le as DEFAULT_FONT_FAMILY,fe as DEFAULT_FONT_WEIGHTS,je as DateInput,Ke as DateRangeInput,Je as DefaultInput,Ze as EmailInput,O as EmptyChartSection,P as ErrorCodesChart,ar as ExactBirthdayBanner,er as ExportToPdfButton,rr as Form,sr as FormBuilder,or as FormField,tr as FormFieldBuilder,ir as FormProvider,nr as FullWidthAlert,L as FunnelChart,pr as IconPlayer,m as Image,lr as LegalLink,fr as LinkButton,b as LoadingChartSection,dr as LogDetailPanel,ur as LogsInfoAlert,cr as LogsTable,Ie as MaskedAndUnmaskedSSNSchema,F as MetricLastUpdated,Cr as MetricsProvider,Sr as NPIInput,gr as NewOneClickForm,Tr as OTPInput,Pr as OneClickVerificationEventsOverTimeChart,Dr as OneClickVerificationFunnelChart,Br as OneClickVerificationSuccessOverTimeChart,kr as OriginalButton,yr as OverviewBigNumbers,r as PageHeader,s as PageSectionHeader,a as Paragraph,vr as PersistentDialog,br as PhoneInput,B as PieChart,Or as PoweredByVerified,Fr as PrettyPhoneInput,Lr as PrivacyPolicyNotice,n as QRCodeDisplay,Ir as RadioOption,D as ReasonCodesChart,R as RequiredLabel,Mr as ResendPhoneBanner,y as RiskScoreBarChart,k as RiskScorePieChart,Rr as SSNInput,Me as SSNSchema,e as SectionHeader,Nr as SelectInput,c as SeriesChart,C as SeriesChartLegend,h as SeriesPercentageChart,g as SimpleBarChart,v as SimpleLegend,Er as SnackbarProvider,Ar as SynchronizedMetricsChart,wr as TTSMagicButton,xr as TTSMagicLegalLanguage,Vr as TTSMagicQRCode,Ur as TTSOverTimeChart,Yr as TestPhoneNumbersBanner,Gr as TextButton,Wr as TimezoneInput,N as Tunnel,o as Typography,Ce as USDateSchema,zr as VerifiedImage,Qr as VerifiedIncLogo,i as When,M as WhenStyled,te as addressFormatter,Za as alpha,he as birthDateSchema,sa as black,oa as blue,be as businessEmailSchema,ta as colors,ae as contrastColor,xa as countries,ia as dangerContrast,ma as darkBlue,na as darkGreen,pa as darkGrey,la as darkGreyContrast,fa as darkRed,da as darkYellow,ee as darken,Se as dateSchema,Hr as defaultOverviewMetrics,ve as descriptionSchema,Oe as emailSchema,_r as exportBillableEventsToCsv,Fe as fieldSchema,Ma as formatDateMMDDYYYY,Ra as formatDateMMYY,Na as formatDateToTimestamp,Ea as formatExtendedDate,qr as formatIntegrationType,Aa as formatLogTimestamp,ie as fromUSAddress,Ja as generateKeyFromString,ge as getDateSchemaWithPastValidation,Va as getPhoneData,Ua as getPhoneDataByFieldName,re as getThemeFromPrimaryColor,Re as getUnixSchema,ua as green,ca as grey,Ca as greyContrast,ha as infoContrast,Ka as kebabCaseToPretty,Sa as lightBlue,ga as lightGreen,Ta as lightGrey,Pa as lightGreyContrast,Da as lightRed,Ba as lightYellow,se as lighten,de as makeGoogleFontUrl,Xr as mapBillableEventsProductTableData,$r as mapBillableEventsTableData,jr as mapOneClickVerificationAreaSeriesData,Kr as mapOneClickVerificationFunnelChartData,Jr as mapOneClickVerificationSuccessOverTimeChartData,Zr as mapSeriesTimeSeriesData,as as mapTTSTimeSeriesData,za as masks,oe as mix,Ne as npiSchema,Qa as omitProperties,me as parseCountryCode,Ya as parseToPhoneNational,Le as phoneSchema,ue as prepareNotification,ka as red,Te as refineAge18Plus,Pe as refineMinimumDate1900,De as refineTimestamp,ce as resolveLogo,La as shadows,Ga as sortByCountryName,Ha as ssnFormatter,_a as ssnRegex,Ee as stateSchema,qa as stringToHashedColor,ya as textDisabled,Fa as theme,Xa as toCapitalize,es as toCreatePatchCredentials,rs as toOption,ja as toSentenceCase,os as toShareCredentials,ne as toUSaddress,pe as toUSaddressPretty,wa as toUTCMilliseconds,ra as useBidirectionalScroll,ss as useBrandFilterInput,V as useCallbackRef,ts as useColorMap,A as useCopyToClipboard,$ as useCounter,Z as useDebounceCallback,G as useDebounceValue,w as useDisclosure,mr as useForm,x as useGoogleFont,q as useIntersectionObserver,E as useLocalStorage,hr as useMetrics,J as useNavigatorOnline,ea as useNetworkType,X as useOnClickOutside,j as usePrevious,U as useQRCode,K as useResizeObserver,W as useScript,Y as useSearchParams,l as useSnackbar,aa as useStyledQRCode,is as useTTSMagicLink,ms as useTTSMagicQRCode,ns as useTTSMagicQRCodeOptions,ps as useTTSMagicText,z as useThrottle,Q as useToggle,H as useWindowScroll,_ as useWindowSize,$a as uuidToHashedColor,Be as validateAge18Plus,ke as validateMinimumDate1900,Wa as validatePhone,ye as validateTimestamp,va as warningContrast,ba as white,Ia as wrapPromise,Oa as yellow,Ae as zipCodeSchema};
|
|
1
|
+
"use strict";import{Paragraph as a}from"./components/typographies/Paragraph.mjs";import{SectionHeader as e}from"./components/typographies/SectionHeader.mjs";import{PageHeader as r}from"./components/typographies/PageHeader.mjs";import{PageSectionHeader as s}from"./components/typographies/PageSectionHeader.mjs";import{Typography as o}from"./components/Typography/index.mjs";import{CredentialRequestsEditor as t}from"./components/CredentialRequestsEditor/index.mjs";import{When as i}from"./components/When.mjs";import{Image as m}from"./components/Image.mjs";import{QRCodeDisplay as n}from"./components/QRCodeDisplay/index.mjs";import{CustomAlertComponent as p,useSnackbar as l}from"./components/Snackbar/index.mjs";import{Backdrop as f}from"./components/Backdrop/index.mjs";import{Button as d}from"./components/Button/index.mjs";import{BrandFilterInput as u}from"./components/BrandFilterInput/index.mjs";import{SeriesChart as c}from"./components/chart/SeriesChart/index.mjs";import{SeriesChartLegend as C}from"./components/chart/SeriesChartLegend/index.mjs";import{SeriesPercentageChart as h}from"./components/chart/SeriesPercentageChart/index.mjs";import{BigNumber as S}from"./components/chart/BigNumber/index.mjs";import{SimpleBarChart as g}from"./components/chart/SimpleBarChart/index.mjs";import{AreaChart as T}from"./components/chart/AreaChart/index.mjs";import{ErrorCodesChart as P}from"./components/chart/ErrorCodesChart/index.mjs";import{ReasonCodesChart as D}from"./components/chart/ReasonCodesChart/index.mjs";import{PieChart as B}from"./components/chart/PieChart/index.mjs";import{RiskScorePieChart as k}from"./components/chart/RiskScorePieChart/index.mjs";import{RiskScoreBarChart as y}from"./components/chart/RiskScoreBarChart/index.mjs";import{SimpleLegend as v}from"./components/chart/SimpleLegend/index.mjs";import{LoadingChartSection as b}from"./components/chart/LoadingChartSection.mjs";import{EmptyChartSection as I}from"./components/chart/EmptyChartSection.mjs";import{MetricLastUpdated as F}from"./components/chart/MetricLastUpdated.mjs";import{FunnelChart as L}from"./components/chart/FunnelChart/index.mjs";import{ConversionOverTimeChart as O}from"./components/chart/ConversionOverTimeChart/index.mjs";import{WhenStyled as M}from"./components/WhenStyled.mjs";import{RequiredLabel as R}from"./components/RequiredLabel/index.mjs";import{Tunnel as N}from"./contexts/tunnel/index.mjs";import{useLocalStorage as E}from"./hooks/useLocalStorage.mjs";import{useCopyToClipboard as A}from"./hooks/useCopyToClipboard.mjs";import{useDisclosure as w}from"./hooks/useDisclosure.mjs";import{useGoogleFont as x}from"./hooks/useGoogleFont.mjs";import{useCallbackRef as V}from"./hooks/useCallbackRef.mjs";import{useQRCode as U}from"./hooks/useQRCode.mjs";import{useSearchParams as Y}from"./hooks/useSearchParams.mjs";import{useDebounceValue as G}from"./hooks/useDebounceValue.mjs";import{useScript as W}from"./hooks/useScript.mjs";import{useThrottle as z}from"./hooks/useThrottle.mjs";import{useToggle as Q}from"./hooks/useToggle.mjs";import{useWindowScroll as H}from"./hooks/useWindowScroll.mjs";import{useWindowSize as _}from"./hooks/useWindowSize.mjs";import{useIntersectionObserver as q}from"./hooks/useIntersectionObserver.mjs";import{useCounter as Z}from"./hooks/useCounter.mjs";import{useOnClickOutside as $}from"./hooks/useOnClickOutside.mjs";import{usePrevious as J}from"./hooks/usePrevious.mjs";import{useResizeObserver as K}from"./hooks/useResizeObserver.mjs";import{useNavigatorOnline as j}from"./hooks/useNavigatorOnline.mjs";import{useDebounceCallback as X}from"./hooks/useDebounceCallback.mjs";import{useStyledQRCode as aa}from"./hooks/useStyledQRCode.mjs";import{useNetworkType as ea}from"./hooks/useNetworkType.mjs";import{useBidirectionalScroll as ra}from"./hooks/useBidirectionalScroll.mjs";import{black as sa,blue as oa,colors as ta,dangerContrast as ia,darkBlue as ma,darkGreen as na,darkGrey as pa,darkGreyContrast as la,darkRed as fa,darkYellow as da,green as ua,grey as ca,greyContrast as Ca,infoContrast as ha,lightBlue as Sa,lightGreen as ga,lightGrey as Ta,lightGreyContrast as Pa,lightRed as Da,lightYellow as Ba,red as ka,textDisabled as ya,warningContrast as va,white as ba,yellow as Ia}from"./styles/colors.mjs";import{theme as Fa}from"./styles/theme.mjs";import{shadows as La}from"./styles/shadows.mjs";import{wrapPromise as Oa}from"./utils/wrapPromise/index.mjs";import{formatDateMMDDYYYY as Ma,formatDateMMYY as Ra,formatDateToTimestamp as Na,formatExtendedDate as Ea,formatLogTimestamp as Aa,toUTCMilliseconds as wa}from"./utils/date.mjs";import{countries as xa,getPhoneData as Va,getPhoneDataByFieldName as Ua,parseToPhoneNational as Ya,sortByCountryName as Ga,validatePhone as Wa}from"./utils/phone/index.mjs";import{masks as za}from"./utils/masks/index.mjs";import{omitProperties as Qa}from"./utils/omitProperty.mjs";import{ssnFormatter as Ha,ssnRegex as _a}from"./utils/ssn.mjs";import{stringToHashedColor as qa,uuidToHashedColor as Za}from"./utils/uuidColor.mjs";import{toCapitalize as $a}from"./utils/string/toCapitalize.mjs";import{toSentenceCase as Ja}from"./utils/string/toSentenceCase.mjs";import{kebabCaseToPretty as Ka}from"./utils/string/formatKebabToPretty.mjs";import{generateKeyFromString as ja}from"./utils/string/generateKeyFromString.mjs";import{alpha as Xa,contrastColor as ae,darken as ee,getThemeFromPrimaryColor as re,lighten as se,mix as oe}from"./utils/color/index.mjs";import{addressFormatter as te,fromUSAddress as ie,parseCountryCode as me,toUSaddress as ne,toUSaddressPretty as pe}from"./utils/address/index.mjs";import{DEFAULT_FONT_FAMILY as le,DEFAULT_FONT_WEIGHTS as fe,makeGoogleFontUrl as de}from"./utils/makeGoogleFont.mjs";import{prepareNotification as ue}from"./utils/notification.mjs";import{resolveLogo as ce}from"./utils/logo/index.mjs";import{USDateSchema as Ce,birthDateSchema as he,dateSchema as Se,getDateSchemaWithPastValidation as ge,refineAge18Plus as Te,refineMinimumDate1900 as Pe,refineTimestamp as De,validateAge18Plus as Be,validateMinimumDate1900 as ke,validateTimestamp as ye}from"./validations/date.schema.mjs";import{descriptionSchema as ve}from"./validations/description.schema.mjs";import{businessEmailSchema as be,emailSchema as Ie}from"./validations/email.schema.mjs";import{fieldSchema as Fe}from"./validations/field.schema.mjs";import{phoneSchema as Le}from"./validations/phone.schema.mjs";import{MaskedAndUnmaskedSSNSchema as Oe,SSNSchema as Me}from"./validations/ssn.schema.mjs";import{getUnixSchema as Re}from"./validations/unix.schema.mjs";import{npiSchema as Ne}from"./validations/npi.schema.mjs";import{stateSchema as Ee,zipCodeSchema as Ae}from"./validations/address.schema.mjs";import{AcceptTermsNotice as we}from"./components/terms/AcceptTermsNotice.mjs";import{AdaptativeBox as xe}from"./components/UI/AdaptativeBox.mjs";import{AddressInput as Ve}from"./components/form/AddressInput/index.mjs";import{Alert as Ue}from"./components/Alert/Alert.mjs";import{BILLABLE_PRODUCTS as Ye,BillableProduct as Ge}from"./components/chart/BillableEventsTable/BillableEventsTable.types.mjs";import{Banner as We}from"./components/Banners/Banner.mjs";import{BasePhoneInput as ze}from"./components/form/BasePhoneInput.mjs";import{BillableEventsProductTable as Qe}from"./components/chart/BillableEventsProductTable/BillableEventsProductTable.mjs";import{BillableEventsTable as He}from"./components/chart/BillableEventsTable/BillableEventsTable.mjs";import{CalendlyDialog as _e,CalendlyDialogComponent as qe}from"./components/dialog/CalendlyDialog.mjs";import{ContentWithLoader as Ze}from"./components/UI/ContentWithLoader.mjs";import{CustomDialog as $e}from"./components/dialog/Dialog.mjs";import{DateInput as Je}from"./components/form/DateInput/index.mjs";import{DateRangeInput as Ke}from"./components/form/DateRangeInput/index.mjs";import{DefaultInput as je}from"./components/form/DefaultInput.mjs";import{EmailInput as Xe}from"./components/form/EmailInput.mjs";import{ExactBirthdayBanner as ar}from"./components/Banners/ExactBirthdayBanner.mjs";import{ExportToPdfButton as er}from"./components/buttons/ExportToPdfButton.mjs";import{Form as rr}from"./components/form/NewOneClickForm/core/form/form.mjs";import{FormBuilder as sr}from"./components/form/NewOneClickForm/core/form/formBuilder.mjs";import{FormField as or}from"./components/form/NewOneClickForm/core/form/formField.mjs";import{FormFieldBuilder as tr}from"./components/form/NewOneClickForm/core/form/formFieldBuilder.mjs";import{FormProvider as ir,useForm as mr}from"./components/form/NewOneClickForm/react/core/form.context.mjs";import{FullWidthAlert as nr}from"./components/Alert/FullWidthAlert.mjs";import{IconPlayer as pr}from"./components/icons/IconPlayer.mjs";import{LegalLink as lr}from"./components/terms/LegalLink.mjs";import{LinkButton as fr}from"./components/buttons/LinkButton.mjs";import{LogDetailPanel as dr}from"./components/logs/LogsTable/LogDetailPanel.mjs";import{LogsInfoAlert as ur}from"./components/logs/LogsInfoAlert/LogsInfoAlert.mjs";import{LogsTable as cr}from"./components/logs/LogsTable/LogsTable.mjs";import{MetricsProvider as Cr,useMetrics as hr}from"./contexts/metrics/Metrics.context.mjs";import{NPIInput as Sr}from"./components/form/NPIInput/index.mjs";import{NewOneClickForm as gr}from"./components/form/NewOneClickForm/react/ui/form.mjs";import{OTPInput as Tr}from"./components/form/OTPInput.mjs";import{OneClickVerificationEventsOverTimeChart as Pr}from"./components/chart/OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.mjs";import{OneClickVerificationFunnelChart as Dr}from"./components/chart/OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.mjs";import{OneClickVerificationSuccessOverTimeChart as Br}from"./components/chart/OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.mjs";import{OriginalButton as kr}from"./components/buttons/OriginalButton.mjs";import{OverviewBigNumbers as yr}from"./components/chart/OverviewBigNumbers/OverviewBigNumbers.mjs";import{PersistentDialog as vr}from"./components/dialog/PersistentDialog.mjs";import{PhoneInput as br}from"./components/form/PhoneInput.mjs";import{PoweredByVerified as Ir}from"./components/verified/powered-by-verified/index.mjs";import{PrettyPhoneInput as Fr}from"./components/form/PrettyPhoneInput.mjs";import{PrivacyPolicyNotice as Lr}from"./components/terms/PrivacyPolicyNotice.mjs";import{RadioOption as Or}from"./components/form/RadioOption.mjs";import{ResendPhoneBanner as Mr}from"./components/Banners/ResendPhoneBanner.mjs";import{SSNInput as Rr}from"./components/form/SSNInput.mjs";import{SelectInput as Nr}from"./components/form/SelectInput.mjs";import{SnackbarProvider as Er}from"notistack";import{SynchronizedMetricsChart as Ar}from"./components/chart/SynchronizedMetricsChart/SynchronizedMetricsChart.mjs";import{TTSMagicButton as wr}from"./components/text-to-signup/magic-button.mjs";import{TTSMagicLegalLanguage as xr}from"./components/text-to-signup/magic-legal-language.mjs";import{TTSMagicQRCode as Vr}from"./components/text-to-signup/magic-qr-code.mjs";import{TTSOverTimeChart as Ur}from"./components/chart/TTSOverTimeChart/TTSOverTimeChart.mjs";import{TestPhoneNumbersBanner as Yr}from"./components/Banners/TestPhoneNumbersBanner.mjs";import{TextButton as Gr}from"./components/buttons/TextButton.mjs";import{TimezoneInput as Wr}from"./components/form/TimezoneInput/index.mjs";import{VerifiedImage as zr}from"./components/verified/VerifiedImage.mjs";import{VerifiedIncLogo as Qr}from"./components/verified/VerifiedIncLogo.mjs";import{defaultOverviewMetrics as Hr}from"./components/chart/OverviewBigNumbers/OverviewBigNumbers.types.mjs";import{exportBillableEventsToCsv as _r}from"./components/chart/BillableEventsTable/exportBillableEventsToCsv.mjs";import{formatInTimeZone as qr}from"./node_modules/date-fns-tz/dist/esm/formatInTimeZone/index.mjs";import{formatIntegrationType as Zr,mapBillableEventsTableData as $r}from"./components/chart/BillableEventsTable/BillableEventsTableDataMapper.mjs";import{mapBillableEventsProductTableData as Jr}from"./components/chart/BillableEventsProductTable/BillableEventsProductTableDataMapper.mjs";import{mapOneClickVerificationAreaSeriesData as Kr}from"./components/chart/OneClickVerificationEventsOverTimeChart/OneClickVerificationEventsOverTimeChart.map.mjs";import{mapOneClickVerificationFunnelChartData as jr}from"./components/chart/OneClickVerificationFunnelChart/OneClickVerificationFunnelChart.map.mjs";import{mapOneClickVerificationSuccessOverTimeChartData as Xr}from"./components/chart/OneClickVerificationSuccessOverTimeChart/OneClickVerificationSuccessOverTimeChart.map.mjs";import{mapSeriesTimeSeriesData as as}from"./components/chart/SeriesChart/SeriesChart.map.mjs";import{mapTTSTimeSeriesData as es}from"./components/chart/TTSOverTimeChart/TTSOverTimeChart.map.mjs";import{toCreatePatchCredentials as rs}from"./components/form/NewOneClickForm/core/mappers/create-patch.map.mjs";import{toOption as ss,useBrandFilterInput as os}from"./components/BrandFilterInput/BrandFilterInput.hook.mjs";import{toShareCredentials as ts}from"./components/form/NewOneClickForm/core/mappers/share.map.mjs";import{useColorMap as is}from"./hooks/metrics/useColorMap.mjs";import{useTTSMagicLink as ms}from"./hooks/text-to-signup/magic-link.mjs";import{useTTSMagicQRCode as ns}from"./hooks/text-to-signup/magic-qr-code.mjs";import{useTTSMagicQRCodeOptions as ps}from"./hooks/text-to-signup/magic-qr-code-options.mjs";import{useTTSMagicText as ls}from"./hooks/text-to-signup/magic-text.mjs";export{we as AcceptTermsNotice,xe as AdaptativeBox,Ve as AddressInput,Ue as Alert,T as AreaChart,Ye as BILLABLE_PRODUCTS,f as Backdrop,We as Banner,ze as BasePhoneInput,S as BigNumber,Qe as BillableEventsProductTable,He as BillableEventsTable,Ge as BillableProduct,u as BrandFilterInput,d as Button,_e as CalendlyDialog,qe as CalendlyDialogComponent,Ze as ContentWithLoader,O as ConversionOverTimeChart,t as CredentialRequestsEditor,p as CustomAlertComponent,$e as CustomDialog,le as DEFAULT_FONT_FAMILY,fe as DEFAULT_FONT_WEIGHTS,Je as DateInput,Ke as DateRangeInput,je as DefaultInput,Xe as EmailInput,I as EmptyChartSection,P as ErrorCodesChart,ar as ExactBirthdayBanner,er as ExportToPdfButton,rr as Form,sr as FormBuilder,or as FormField,tr as FormFieldBuilder,ir as FormProvider,nr as FullWidthAlert,L as FunnelChart,pr as IconPlayer,m as Image,lr as LegalLink,fr as LinkButton,b as LoadingChartSection,dr as LogDetailPanel,ur as LogsInfoAlert,cr as LogsTable,Oe as MaskedAndUnmaskedSSNSchema,F as MetricLastUpdated,Cr as MetricsProvider,Sr as NPIInput,gr as NewOneClickForm,Tr as OTPInput,Pr as OneClickVerificationEventsOverTimeChart,Dr as OneClickVerificationFunnelChart,Br as OneClickVerificationSuccessOverTimeChart,kr as OriginalButton,yr as OverviewBigNumbers,r as PageHeader,s as PageSectionHeader,a as Paragraph,vr as PersistentDialog,br as PhoneInput,B as PieChart,Ir as PoweredByVerified,Fr as PrettyPhoneInput,Lr as PrivacyPolicyNotice,n as QRCodeDisplay,Or as RadioOption,D as ReasonCodesChart,R as RequiredLabel,Mr as ResendPhoneBanner,y as RiskScoreBarChart,k as RiskScorePieChart,Rr as SSNInput,Me as SSNSchema,e as SectionHeader,Nr as SelectInput,c as SeriesChart,C as SeriesChartLegend,h as SeriesPercentageChart,g as SimpleBarChart,v as SimpleLegend,Er as SnackbarProvider,Ar as SynchronizedMetricsChart,wr as TTSMagicButton,xr as TTSMagicLegalLanguage,Vr as TTSMagicQRCode,Ur as TTSOverTimeChart,Yr as TestPhoneNumbersBanner,Gr as TextButton,Wr as TimezoneInput,N as Tunnel,o as Typography,Ce as USDateSchema,zr as VerifiedImage,Qr as VerifiedIncLogo,i as When,M as WhenStyled,te as addressFormatter,Xa as alpha,he as birthDateSchema,sa as black,oa as blue,be as businessEmailSchema,ta as colors,ae as contrastColor,xa as countries,ia as dangerContrast,ma as darkBlue,na as darkGreen,pa as darkGrey,la as darkGreyContrast,fa as darkRed,da as darkYellow,ee as darken,Se as dateSchema,Hr as defaultOverviewMetrics,ve as descriptionSchema,Ie as emailSchema,_r as exportBillableEventsToCsv,Fe as fieldSchema,Ma as formatDateMMDDYYYY,Ra as formatDateMMYY,Na as formatDateToTimestamp,Ea as formatExtendedDate,qr as formatInTimeZone,Zr as formatIntegrationType,Aa as formatLogTimestamp,ie as fromUSAddress,ja as generateKeyFromString,ge as getDateSchemaWithPastValidation,Va as getPhoneData,Ua as getPhoneDataByFieldName,re as getThemeFromPrimaryColor,Re as getUnixSchema,ua as green,ca as grey,Ca as greyContrast,ha as infoContrast,Ka as kebabCaseToPretty,Sa as lightBlue,ga as lightGreen,Ta as lightGrey,Pa as lightGreyContrast,Da as lightRed,Ba as lightYellow,se as lighten,de as makeGoogleFontUrl,Jr as mapBillableEventsProductTableData,$r as mapBillableEventsTableData,Kr as mapOneClickVerificationAreaSeriesData,jr as mapOneClickVerificationFunnelChartData,Xr as mapOneClickVerificationSuccessOverTimeChartData,as as mapSeriesTimeSeriesData,es as mapTTSTimeSeriesData,za as masks,oe as mix,Ne as npiSchema,Qa as omitProperties,me as parseCountryCode,Ya as parseToPhoneNational,Le as phoneSchema,ue as prepareNotification,ka as red,Te as refineAge18Plus,Pe as refineMinimumDate1900,De as refineTimestamp,ce as resolveLogo,La as shadows,Ga as sortByCountryName,Ha as ssnFormatter,_a as ssnRegex,Ee as stateSchema,qa as stringToHashedColor,ya as textDisabled,Fa as theme,$a as toCapitalize,rs as toCreatePatchCredentials,ss as toOption,Ja as toSentenceCase,ts as toShareCredentials,ne as toUSaddress,pe as toUSaddressPretty,wa as toUTCMilliseconds,ra as useBidirectionalScroll,os as useBrandFilterInput,V as useCallbackRef,is as useColorMap,A as useCopyToClipboard,Z as useCounter,X as useDebounceCallback,G as useDebounceValue,w as useDisclosure,mr as useForm,x as useGoogleFont,q as useIntersectionObserver,E as useLocalStorage,hr as useMetrics,j as useNavigatorOnline,ea as useNetworkType,$ as useOnClickOutside,J as usePrevious,U as useQRCode,K as useResizeObserver,W as useScript,Y as useSearchParams,l as useSnackbar,aa as useStyledQRCode,ms as useTTSMagicLink,ns as useTTSMagicQRCode,ps as useTTSMagicQRCodeOptions,ls as useTTSMagicText,z as useThrottle,Q as useToggle,H as useWindowScroll,_ as useWindowSize,Za as uuidToHashedColor,Be as validateAge18Plus,ke as validateMinimumDate1900,Wa as validatePhone,ye as validateTimestamp,va as warningContrast,ba as white,Oa as wrapPromise,Ia as yellow,Ae as zipCodeSchema};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function n(t){const e=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return e.setUTCFullYear(t.getFullYear()),+t-+e}export{n as getTimezoneOffsetInMilliseconds};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function c(t,n,r,s,a,o,u){const e=new Date(0);return e.setUTCFullYear(t,n,r),e.setUTCHours(s,a,o,u),e}export{c as newDateUTC};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{getDefaultOptions as a}from"date-fns";function i(n,o,t){const e=a(),r=f(n,t.timeZone,t.locale??e.locale);return"formatToParts"in r?m(r,o):c(r,o)}function m(n,o){const t=n.formatToParts(o);for(let e=t.length-1;e>=0;--e)if(t[e].type==="timeZoneName")return t[e].value}function c(n,o){const t=n.format(o).replace(/\u200E/g,""),e=/ [\w-+ ]+$/.exec(t);return e?e[0].substr(1):""}function f(n,o,t){return new Intl.DateTimeFormat(t?[t.code,"en-US"]:void 0,{timeZone:o,timeZoneName:n})}export{i as tzIntlTimeZoneName};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{tzTokenizeDate as z}from"../tzTokenizeDate/index.mjs";import{newDateUTC as m}from"../newDateUTC/index.mjs";const f=36e5,H=6e4,u={timezoneZ:/^(Z)$/,timezoneHH:/^([+-]\d{2})$/,timezoneHHMM:/^([+-])(\d{2}):?(\d{2})$/};function M(e,t,o){if(!e)return 0;let r=u.timezoneZ.exec(e);if(r)return 0;let n,i;if(r=u.timezoneHH.exec(e),r)return n=parseInt(r[1],10),l(n)?-(n*f):NaN;if(r=u.timezoneHHMM.exec(e),r){n=parseInt(r[2],10);const a=parseInt(r[3],10);return l(n,a)?(i=Math.abs(n)*f+a*H,r[1]==="+"?-i:i):NaN}if(w(e)){t=new Date(t||Date.now());const a=o?t:D(t),c=s(a,e);return-(o?c:T(t,c,e))}return NaN}function D(e){return m(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds())}function s(e,t){const o=z(e,t),r=m(o[0],o[1]-1,o[2],o[3]%24,o[4],o[5],0).getTime();let n=e.getTime();const i=n%1e3;return n-=i>=0?i:1e3+i,r-n}function T(e,t,o){let r=e.getTime()-t;const n=s(new Date(r),o);if(t===n)return t;r-=n-t;const i=s(new Date(r),o);return n===i?n:Math.max(n,i)}function l(e,t){return-23<=e&&e<=23&&(t==null||0<=t&&t<=59)}const g={};function w(e){if(g[e])return!0;try{return new Intl.DateTimeFormat(void 0,{timeZone:e}),g[e]=!0,!0}catch{return!1}}export{M as tzParseTimezone};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const t=/(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/;export{t as tzPattern};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function m(e,i){const t=g(i);return"formatToParts"in t?u(t,e):s(t,e)}const c={year:0,month:1,day:2,hour:3,minute:4,second:5};function u(e,i){try{const t=e.formatToParts(i),n=[];for(let r=0;r<t.length;r++){const a=c[t[r].type];a!==void 0&&(n[a]=parseInt(t[r].value,10))}return n}catch(t){if(t instanceof RangeError)return[NaN];throw t}}function s(e,i){const t=e.format(i),n=/(\d+)\/(\d+)\/(\d+),? (\d+):(\d+):(\d+)/.exec(t);return[parseInt(n[3],10),parseInt(n[1],10),parseInt(n[2],10),parseInt(n[4],10),parseInt(n[5],10),parseInt(n[6],10)]}const o={},d=new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:"America/New_York",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}).format(new Date("2014-06-25T04:00:00.123Z")),h=d==="06/25/2014, 00:00:00"||d==="\u200E06\u200E/\u200E25\u200E/\u200E2014\u200E \u200E00\u200E:\u200E00\u200E:\u200E00";function g(e){return o[e]||(o[e]=h?new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:e,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}):new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:e,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"})),o[e]}export{m as tzTokenizeDate};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{tzIntlTimeZoneName as u}from"../../_lib/tzIntlTimeZoneName/index.mjs";import{tzParseTimezone as x}from"../../_lib/tzParseTimezone/index.mjs";const z=60*1e3,X={X:function(e,n,r){const t=i(r.timeZone,e);if(t===0)return"Z";switch(n){case"X":return f(t);case"XXXX":case"XX":return s(t);case"XXXXX":case"XXX":default:return s(t,":")}},x:function(e,n,r){const t=i(r.timeZone,e);switch(n){case"x":return f(t);case"xxxx":case"xx":return s(t);case"xxxxx":case"xxx":default:return s(t,":")}},O:function(e,n,r){const t=i(r.timeZone,e);switch(n){case"O":case"OO":case"OOO":return"GMT"+m(t,":");case"OOOO":default:return"GMT"+s(t,":")}},z:function(e,n,r){switch(n){case"z":case"zz":case"zzz":return u("short",e,r);case"zzzz":default:return u("long",e,r)}}};function i(e,n){const r=e?x(e,n,!0)/z:n?.getTimezoneOffset()??0;if(Number.isNaN(r))throw new RangeError("Invalid time zone specified: "+e);return r}function c(e,n){const r=e<0?"-":"";let t=Math.abs(e).toString();for(;t.length<n;)t="0"+t;return r+t}function s(e,n=""){const r=e>0?"-":"+",t=Math.abs(e),o=c(Math.floor(t/60),2),a=c(Math.floor(t%60),2);return r+o+n+a}function f(e,n){return e%60===0?(e>0?"-":"+")+c(Math.abs(e)/60,2):s(e,n)}function m(e,n=""){const r=e>0?"-":"+",t=Math.abs(e),o=Math.floor(t/60),a=t%60;return a===0?r+String(o):r+String(o)+n+c(a,2)}export{X as formatters};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{format as u}from"date-fns/format";import{formatters as g}from"./formatters/index.mjs";import{toDate as p}from"../toDate/index.mjs";const c=/([xXOz]+)|''|'(''|[^'])+('|$)/g;function d(n,t,o={}){t=String(t);const f=t.match(c);if(f){const m=p(o.originalDate||n,o);t=f.reduce(function(i,r){if(r[0]==="'")return i;const s=i.indexOf(r),e=i[s-1]==="'",a=i.replace(r,"'"+g[r[0]](m,r,o)+"'");return e?a.substring(0,s-1)+a.substring(s+1):a},t)}return u(n,t,o)}export{d as format};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{format as m}from"../format/index.mjs";import{toZonedTime as n}from"../toZonedTime/index.mjs";function a(t,e,i,o){return o={...o,timeZone:e,originalDate:t},m(n(t,e,{timeZone:o.timeZone}),i,o)}export{a as formatInTimeZone};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{toDate as n}from"../toDate/index.mjs";import{tzPattern as m}from"../_lib/tzPattern/index.mjs";import{tzParseTimezone as a}from"../_lib/tzParseTimezone/index.mjs";import{newDateUTC as s}from"../_lib/newDateUTC/index.mjs";function f(e,t,o){if(typeof e=="string"&&!e.match(m))return n(e,{...o,timeZone:t});e=n(e,o);const r=s(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()).getTime(),i=a(t,new Date(r));return new Date(r+i)}export{f as fromZonedTime};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{getTimezoneOffsetInMilliseconds as d}from"../_lib/getTimezoneOffsetInMilliseconds/index.mjs";import{tzParseTimezone as g}from"../_lib/tzParseTimezone/index.mjs";import{tzPattern as M}from"../_lib/tzPattern/index.mjs";const f=36e5,N=6e4,T=2,o={dateTimePattern:/^([0-9W+-]+)(T| )(.*)/,datePattern:/^([0-9W+-]+)(.*)/,YY:/^(\d{2})$/,YYY:[/^([+-]\d{2})$/,/^([+-]\d{3})$/,/^([+-]\d{4})$/],YYYY:/^(\d{4})/,YYYYY:[/^([+-]\d{4})/,/^([+-]\d{5})/,/^([+-]\d{6})/],MM:/^-(\d{2})$/,DDD:/^-?(\d{3})$/,MMDD:/^-?(\d{2})-?(\d{2})$/,Www:/^-?W(\d{2})$/,WwwD:/^-?W(\d{2})-?(\d{1})$/,HH:/^(\d{2}([.,]\d*)?)$/,HHMM:/^(\d{2}):?(\d{2}([.,]\d*)?)$/,HHMMSS:/^(\d{2}):?(\d{2}):?(\d{2}([.,]\d*)?)$/,timeZone:M};function x(t,e={}){if(arguments.length<1)throw new TypeError("1 argument required, but only "+arguments.length+" present");if(t===null)return new Date(NaN);const n=e.additionalDigits==null?T:Number(e.additionalDigits);if(n!==2&&n!==1&&n!==0)throw new RangeError("additionalDigits must be 0, 1 or 2");if(t instanceof Date||typeof t=="object"&&Object.prototype.toString.call(t)==="[object Date]")return new Date(t.getTime());if(typeof t=="number"||Object.prototype.toString.call(t)==="[object Number]")return new Date(t);if(Object.prototype.toString.call(t)!=="[object String]")return new Date(NaN);const r=I(t),{year:i,restDateString:a}=b(r.date,n),u=H(a,i);if(u===null||isNaN(u.getTime()))return new Date(NaN);if(u){const c=u.getTime();let l=0,s;if(r.time&&(l=$(r.time),l===null||isNaN(l)))return new Date(NaN);if(r.timeZone||e.timeZone){if(s=g(r.timeZone||e.timeZone,new Date(c+l)),isNaN(s))return new Date(NaN)}else s=d(new Date(c+l)),s=d(new Date(c+l+s));return new Date(c+l+s)}else return new Date(NaN)}function I(t){const e={};let n=o.dateTimePattern.exec(t),r;if(n?(e.date=n[1],r=n[3]):(n=o.datePattern.exec(t),n?(e.date=n[1],r=n[2]):(e.date=null,r=t)),r){const i=o.timeZone.exec(r);i?(e.time=r.replace(i[1],""),e.timeZone=i[1].trim()):e.time=r}return e}function b(t,e){if(t){const n=o.YYY[e],r=o.YYYYY[e];let i=o.YYYY.exec(t)||r.exec(t);if(i){const a=i[1];return{year:parseInt(a,10),restDateString:t.slice(a.length)}}if(i=o.YY.exec(t)||n.exec(t),i){const a=i[1];return{year:parseInt(a,10)*100,restDateString:t.slice(a.length)}}}return{year:null}}function H(t,e){if(e===null)return null;let n,r,i;if(!t||!t.length)return n=new Date(0),n.setUTCFullYear(e),n;let a=o.MM.exec(t);if(a)return n=new Date(0),r=parseInt(a[1],10)-1,Y(e,r)?(n.setUTCFullYear(e,r),n):new Date(NaN);if(a=o.DDD.exec(t),a){n=new Date(0);const u=parseInt(a[1],10);return F(e,u)?(n.setUTCFullYear(e,0,u),n):new Date(NaN)}if(a=o.MMDD.exec(t),a){n=new Date(0),r=parseInt(a[1],10)-1;const u=parseInt(a[2],10);return Y(e,r,u)?(n.setUTCFullYear(e,r,u),n):new Date(NaN)}if(a=o.Www.exec(t),a)return i=parseInt(a[1],10)-1,m(i)?w(e,i):new Date(NaN);if(a=o.WwwD.exec(t),a){i=parseInt(a[1],10)-1;const u=parseInt(a[2],10)-1;return m(i,u)?w(e,i,u):new Date(NaN)}return null}function $(t){let e,n,r=o.HH.exec(t);if(r)return e=parseFloat(r[1].replace(",",".")),D(e)?e%24*f:NaN;if(r=o.HHMM.exec(t),r)return e=parseInt(r[1],10),n=parseFloat(r[2].replace(",",".")),D(e,n)?e%24*f+n*N:NaN;if(r=o.HHMMSS.exec(t),r){e=parseInt(r[1],10),n=parseInt(r[2],10);const i=parseFloat(r[3].replace(",","."));return D(e,n,i)?e%24*f+n*N+i*1e3:NaN}return null}function w(t,e,n){e=e||0,n=n||0;const r=new Date(0);r.setUTCFullYear(t,0,4);const i=r.getUTCDay()||7,a=e*7+n+1-i;return r.setUTCDate(r.getUTCDate()+a),r}const y=[31,28,31,30,31,30,31,31,30,31,30,31],S=[31,29,31,30,31,30,31,31,30,31,30,31];function p(t){return t%400===0||t%4===0&&t%100!==0}function Y(t,e,n){if(e<0||e>11)return!1;if(n!=null){if(n<1)return!1;const r=p(t);if(r&&n>S[e]||!r&&n>y[e])return!1}return!0}function F(t,e){if(e<1)return!1;const n=p(t);return!(n&&e>366||!n&&e>365)}function m(t,e){return!(t<0||t>52||e!=null&&(e<0||e>6))}function D(t,e,n){return!(t<0||t>=25||e!=null&&(e<0||e>=60)||n!=null&&(n<0||n>=60))}export{x as toDate};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{tzParseTimezone as T}from"../_lib/tzParseTimezone/index.mjs";import{toDate as a}from"../toDate/index.mjs";function i(t,r,s){t=a(t,s);const n=T(r,t,!0),e=new Date(t.getTime()-n),o=new Date(0);return o.setFullYear(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate()),o.setHours(e.getUTCHours(),e.getUTCMinutes(),e.getUTCSeconds(),e.getUTCMilliseconds()),o}export{i as toZonedTime};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const reactDatepickerCss = "@charset \"UTF-8\";\n.react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view--down-arrow,\n.react-datepicker__navigation-icon::before {\n border-color: rgba(0, 0, 0, 0.23);\n border-style: solid;\n border-width: 3px 3px 0 0;\n content: '';\n display: block;\n height: 9px;\n position: absolute;\n top: 6px;\n width: 9px;\n}\n.react-datepicker-wrapper {\n display: flex;\n padding: 0;\n border: 0;\n}\n\n.react-datepicker {\n font-family: inherit;\n font-size: 0.8rem;\n background-color: #fff;\n color: #fff;\n border-radius: 0.3rem;\n box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);\n display: inline-block;\n position: relative;\n line-height: initial;\n}\n\n.react-datepicker--time-only .react-datepicker__time-container {\n border-left: 0;\n}\n.react-datepicker--time-only .react-datepicker__time,\n.react-datepicker--time-only .react-datepicker__time-box {\n border-bottom-left-radius: 0.3rem;\n border-bottom-right-radius: 0.3rem;\n}\n\n.react-datepicker-popper {\n z-index: 2;\n line-height: 0;\n}\n.react-datepicker-popper .react-datepicker__triangle {\n stroke: #aeaeae;\n}\n.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle {\n fill: #0dbc3d;\n color: #0dbc3d;\n}\n.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle {\n fill: #0dbc3d;\n color: #0dbc3d;\n}\n\n.react-datepicker__header {\n text-align: center;\n color: #fff;\n background-color: #0dbc3d;\n border-bottom: 1px solid #aeaeae;\n border-top-left-radius: 0.3rem;\n padding: 8px 0;\n position: relative;\n}\n.react-datepicker__header--time {\n padding-bottom: 8px;\n padding-left: 5px;\n padding-right: 5px;\n}\n.react-datepicker__header--time:not(.react-datepicker__header--time--only) {\n border-top-left-radius: 0;\n}\n.react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n border-top-right-radius: 0.3rem;\n}\n\n.react-datepicker__year-dropdown-container--select,\n.react-datepicker__month-dropdown-container--select,\n.react-datepicker__month-year-dropdown-container--select,\n.react-datepicker__year-dropdown-container--scroll,\n.react-datepicker__month-dropdown-container--scroll,\n.react-datepicker__month-year-dropdown-container--scroll {\n display: inline-block;\n margin: 0 15px;\n}\n\n.react-datepicker__current-month,\n.react-datepicker-time__header,\n.react-datepicker-year-header {\n margin-top: 0;\n color: currentColor;\n font-weight: bold;\n font-size: 0.944rem;\n}\n\nh2.react-datepicker__current-month {\n padding: 0;\n margin: 0;\n}\n\n.react-datepicker-time__header {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.react-datepicker__navigation {\n align-items: center;\n background: none;\n display: flex;\n justify-content: center;\n text-align: center;\n cursor: pointer;\n position: absolute;\n top: 2px;\n padding: 0;\n border: none;\n z-index: 1;\n height: 32px;\n width: 32px;\n text-indent: -999em;\n overflow: hidden;\n}\n.react-datepicker__navigation--previous {\n left: 2px;\n}\n.react-datepicker__navigation--next {\n right: 2px;\n}\n.react-datepicker__navigation--next--with-time:not(\n .react-datepicker__navigation--next--with-today-button\n ) {\n right: 85px;\n}\n.react-datepicker__navigation--years {\n position: relative;\n top: 0;\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n.react-datepicker__navigation--years-previous {\n top: 4px;\n}\n.react-datepicker__navigation--years-upcoming {\n top: -4px;\n}\n.react-datepicker__navigation:hover *::before {\n border-color: rgba(0, 0, 0, 0.23);\n}\n\n.react-datepicker__navigation-icon {\n position: relative;\n top: -1px;\n font-size: 20px;\n width: 0;\n}\n.react-datepicker__navigation-icon--next {\n left: -2px;\n}\n.react-datepicker__navigation-icon--next::before {\n transform: rotate(45deg);\n left: -7px;\n}\n.react-datepicker__navigation-icon--previous {\n right: -2px;\n}\n.react-datepicker__navigation-icon--previous::before {\n transform: rotate(225deg);\n right: -7px;\n}\n\n.react-datepicker__month-container {\n float: left;\n}\n\n.react-datepicker__year {\n margin: 0.4rem;\n text-align: center;\n}\n.react-datepicker__year-wrapper {\n display: flex;\n flex-wrap: wrap;\n max-width: 180px;\n}\n.react-datepicker__year .react-datepicker__year-text {\n display: inline-block;\n width: 4rem;\n margin: 2px;\n}\n\n.react-datepicker__month {\n margin: 0.4rem;\n text-align: center;\n}\n.react-datepicker__month .react-datepicker__month-text,\n.react-datepicker__month .react-datepicker__quarter-text {\n display: inline-block;\n width: 4rem;\n margin: 2px;\n}\n\n.react-datepicker__input-time-container {\n clear: both;\n width: 100%;\n float: left;\n margin: 5px 0 10px 15px;\n text-align: left;\n}\n.react-datepicker__input-time-container .react-datepicker-time__caption {\n display: inline-block;\n}\n.react-datepicker__input-time-container\n .react-datepicker-time__input-container {\n display: inline-block;\n}\n.react-datepicker__input-time-container\n .react-datepicker-time__input-container\n .react-datepicker-time__input {\n display: inline-block;\n margin-left: 10px;\n}\n.react-datepicker__input-time-container\n .react-datepicker-time__input-container\n .react-datepicker-time__input\n input {\n width: auto;\n}\n.react-datepicker__input-time-container\n .react-datepicker-time__input-container\n .react-datepicker-time__input\n input[type='time']::-webkit-inner-spin-button,\n.react-datepicker__input-time-container\n .react-datepicker-time__input-container\n .react-datepicker-time__input\n input[type='time']::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.react-datepicker__input-time-container\n .react-datepicker-time__input-container\n .react-datepicker-time__input\n input[type='time'] {\n -moz-appearance: textfield;\n}\n.react-datepicker__input-time-container\n .react-datepicker-time__input-container\n .react-datepicker-time__delimiter {\n margin-left: 5px;\n display: inline-block;\n}\n\n.react-datepicker__time-container {\n float: right;\n border-left: 1px solid #aeaeae;\n width: 85px;\n}\n.react-datepicker__time-container--with-today-button {\n display: inline;\n border: 1px solid #aeaeae;\n border-radius: 0.3rem;\n position: absolute;\n right: -87px;\n top: 0;\n}\n.react-datepicker__time-container .react-datepicker__time {\n position: relative;\n background: white;\n border-bottom-right-radius: 0.3rem;\n}\n.react-datepicker__time-container\n .react-datepicker__time\n .react-datepicker__time-box {\n width: 85px;\n overflow-x: hidden;\n margin: 0 auto;\n text-align: center;\n border-bottom-right-radius: 0.3rem;\n}\n.react-datepicker__time-container\n .react-datepicker__time\n .react-datepicker__time-box\n ul.react-datepicker__time-list {\n list-style: none;\n margin: 0;\n height: calc(195px + 1.7rem / 2);\n overflow-y: scroll;\n padding-right: 0;\n padding-left: 0;\n width: 100%;\n box-sizing: content-box;\n}\n.react-datepicker__time-container\n .react-datepicker__time\n .react-datepicker__time-box\n ul.react-datepicker__time-list\n li.react-datepicker__time-list-item {\n height: 30px;\n padding: 5px 10px;\n white-space: nowrap;\n}\n.react-datepicker__time-container\n .react-datepicker__time\n .react-datepicker__time-box\n ul.react-datepicker__time-list\n li.react-datepicker__time-list-item:hover {\n cursor: pointer;\n background-color: #008a01;\n}\n.react-datepicker__time-container\n .react-datepicker__time\n .react-datepicker__time-box\n ul.react-datepicker__time-list\n li.react-datepicker__time-list-item--selected {\n background-color: #008a01;\n color: white;\n font-weight: bold;\n}\n.react-datepicker__time-container\n .react-datepicker__time\n .react-datepicker__time-box\n ul.react-datepicker__time-list\n li.react-datepicker__time-list-item--selected:hover {\n background-color: #0dbc3d;\n}\n.react-datepicker__time-container\n .react-datepicker__time\n .react-datepicker__time-box\n ul.react-datepicker__time-list\n li.react-datepicker__time-list-item--disabled {\n color: #ccc;\n}\n.react-datepicker__time-container\n .react-datepicker__time\n .react-datepicker__time-box\n ul.react-datepicker__time-list\n li.react-datepicker__time-list-item--disabled:hover {\n cursor: default;\n background-color: transparent;\n}\n\n.react-datepicker__week-number {\n color: #ccc;\n display: inline-block;\n width: 1.7rem;\n line-height: 1.7rem;\n text-align: center;\n margin: 0.166rem;\n}\n.react-datepicker__week-number.react-datepicker__week-number--clickable {\n cursor: pointer;\n}\n.react-datepicker__week-number.react-datepicker__week-number--clickable:not(\n .react-datepicker__week-number--selected,\n .react-datepicker__week-number--keyboard-selected\n ):hover {\n border-radius: 0.3rem;\n background-color: #0dbc3d;\n}\n.react-datepicker__week-number--selected {\n border-radius: 0.3rem;\n background-color: #0dbc3d;\n color: #fff;\n}\n.react-datepicker__week-number--selected:hover {\n background-color: #008a01;\n}\n.react-datepicker__week-number--keyboard-selected {\n border-radius: 0.3rem;\n background-color: rgb(41.5, 134.5606060606, 207.5);\n color: #fff;\n}\n.react-datepicker__week-number--keyboard-selected:hover {\n background-color: #008a01;\n}\n\n.react-datepicker__day-names {\n white-space: nowrap;\n margin-bottom: -8px;\n}\n\n.react-datepicker__week {\n white-space: nowrap;\n}\n\n.react-datepicker__header .react-datepicker__day-name {\n color: currentColor;\n font-weight: 600;\n}\n\n.react-datepicker__day-name,\n.react-datepicker__day,\n.react-datepicker__time-name {\n color: #000;\n display: inline-block;\n width: 1.7rem;\n line-height: 1.7rem;\n text-align: center;\n margin: 0.166rem;\n}\n\n.react-datepicker__day:last-child:not(.react-datepicker__day--in-range) {\n color: #eb0d28;\n}\n.react-datepicker__day:last-child:not(\n .react-datepicker__day--in-range\n ).react-datepicker__day--disabled {\n color: #eb0d2866;\n}\n\n.react-datepicker__day,\n.react-datepicker__month-text,\n.react-datepicker__quarter-text,\n.react-datepicker__year-text {\n cursor: pointer;\n}\n.react-datepicker__day:not([aria-disabled='true']):hover,\n.react-datepicker__month-text:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text:not([aria-disabled='true']):hover,\n.react-datepicker__year-text:not([aria-disabled='true']):hover {\n border-radius: 0.3rem;\n background-color: #0dbc3d;\n}\n.react-datepicker__day--today,\n.react-datepicker__month-text--today,\n.react-datepicker__quarter-text--today,\n.react-datepicker__year-text--today {\n font-weight: bold;\n}\n.react-datepicker__day--highlighted,\n.react-datepicker__month-text--highlighted,\n.react-datepicker__quarter-text--highlighted,\n.react-datepicker__year-text--highlighted {\n border-radius: 0.3rem;\n background-color: #008a01;\n color: #fff;\n}\n.react-datepicker__day--highlighted:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--highlighted:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text--highlighted:not([aria-disabled='true']):hover,\n.react-datepicker__year-text--highlighted:not([aria-disabled='true']):hover {\n background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);\n}\n.react-datepicker__day--highlighted-custom-1,\n.react-datepicker__month-text--highlighted-custom-1,\n.react-datepicker__quarter-text--highlighted-custom-1,\n.react-datepicker__year-text--highlighted-custom-1 {\n color: #008a01;\n}\n.react-datepicker__day--highlighted-custom-2,\n.react-datepicker__month-text--highlighted-custom-2,\n.react-datepicker__quarter-text--highlighted-custom-2,\n.react-datepicker__year-text--highlighted-custom-2 {\n color: #008a01;\n}\n.react-datepicker__day--holidays,\n.react-datepicker__month-text--holidays,\n.react-datepicker__quarter-text--holidays,\n.react-datepicker__year-text--holidays {\n position: relative;\n border-radius: 0.3rem;\n background-color: #ff6803;\n color: #fff;\n}\n.react-datepicker__day--holidays .overlay,\n.react-datepicker__month-text--holidays .overlay,\n.react-datepicker__quarter-text--holidays .overlay,\n.react-datepicker__year-text--holidays .overlay {\n position: absolute;\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%);\n background-color: #333;\n color: #fff;\n padding: 4px;\n border-radius: 4px;\n white-space: nowrap;\n visibility: hidden;\n opacity: 0;\n transition:\n visibility 0s,\n opacity 0.3s ease-in-out;\n}\n.react-datepicker__day--holidays:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--holidays:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text--holidays:not([aria-disabled='true']):hover,\n.react-datepicker__year-text--holidays:not([aria-disabled='true']):hover {\n background-color: rgb(207, 82.9642857143, 0);\n}\n.react-datepicker__day--holidays:hover .overlay,\n.react-datepicker__month-text--holidays:hover .overlay,\n.react-datepicker__quarter-text--holidays:hover .overlay,\n.react-datepicker__year-text--holidays:hover .overlay {\n visibility: visible;\n opacity: 1;\n}\n.react-datepicker__day--selected,\n.react-datepicker__day--in-selecting-range,\n.react-datepicker__day--in-range,\n.react-datepicker__month-text--selected,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--selected,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--selected,\n.react-datepicker__year-text--in-selecting-range,\n.react-datepicker__year-text--in-range {\n border-radius: 0.3rem;\n background-color: #0dbc3d;\n}\n.react-datepicker__day--selected:not([aria-disabled='true']):hover,\n.react-datepicker__day--in-selecting-range:not([aria-disabled='true']):hover,\n.react-datepicker__day--in-range:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--selected:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--in-selecting-range:not(\n [aria-disabled='true']\n ):hover,\n.react-datepicker__month-text--in-range:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text--selected:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text--in-selecting-range:not(\n [aria-disabled='true']\n ):hover,\n.react-datepicker__quarter-text--in-range:not([aria-disabled='true']):hover,\n.react-datepicker__year-text--selected:not([aria-disabled='true']):hover,\n.react-datepicker__year-text--in-selecting-range:not(\n [aria-disabled='true']\n ):hover,\n.react-datepicker__year-text--in-range:not([aria-disabled='true']):hover {\n background-color: #008a01;\n}\n.react-datepicker__day--keyboard-selected,\n.react-datepicker__month-text--keyboard-selected,\n.react-datepicker__quarter-text--keyboard-selected,\n.react-datepicker__year-text--keyboard-selected {\n border-radius: 0.3rem;\n background-color: #0dbc3d;\n color: rgb(0, 0, 0);\n}\n.react-datepicker__day--keyboard-selected:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--keyboard-selected:not(\n [aria-disabled='true']\n ):hover,\n.react-datepicker__quarter-text--keyboard-selected:not(\n [aria-disabled='true']\n ):hover,\n.react-datepicker__year-text--keyboard-selected:not(\n [aria-disabled='true']\n ):hover {\n background-color: #008a01;\n}\n.react-datepicker__day--in-selecting-range:not(\n .react-datepicker__day--in-range,\n .react-datepicker__month-text--in-range,\n .react-datepicker__quarter-text--in-range,\n .react-datepicker__year-text--in-range\n ),\n.react-datepicker__month-text--in-selecting-range:not(\n .react-datepicker__day--in-range,\n .react-datepicker__month-text--in-range,\n .react-datepicker__quarter-text--in-range,\n .react-datepicker__year-text--in-range\n ),\n.react-datepicker__quarter-text--in-selecting-range:not(\n .react-datepicker__day--in-range,\n .react-datepicker__month-text--in-range,\n .react-datepicker__quarter-text--in-range,\n .react-datepicker__year-text--in-range\n ),\n.react-datepicker__year-text--in-selecting-range:not(\n .react-datepicker__day--in-range,\n .react-datepicker__month-text--in-range,\n .react-datepicker__quarter-text--in-range,\n .react-datepicker__year-text--in-range\n ) {\n background-color: #0dbc3d;\n}\n.react-datepicker__month--selecting-range\n .react-datepicker__day--in-range:not(\n .react-datepicker__day--in-selecting-range,\n .react-datepicker__month-text--in-selecting-range,\n .react-datepicker__quarter-text--in-selecting-range,\n .react-datepicker__year-text--in-selecting-range\n ),\n.react-datepicker__year--selecting-range\n .react-datepicker__day--in-range:not(\n .react-datepicker__day--in-selecting-range,\n .react-datepicker__month-text--in-selecting-range,\n .react-datepicker__quarter-text--in-selecting-range,\n .react-datepicker__year-text--in-selecting-range\n ),\n.react-datepicker__month--selecting-range\n .react-datepicker__month-text--in-range:not(\n .react-datepicker__day--in-selecting-range,\n .react-datepicker__month-text--in-selecting-range,\n .react-datepicker__quarter-text--in-selecting-range,\n .react-datepicker__year-text--in-selecting-range\n ),\n.react-datepicker__year--selecting-range\n .react-datepicker__month-text--in-range:not(\n .react-datepicker__day--in-selecting-range,\n .react-datepicker__month-text--in-selecting-range,\n .react-datepicker__quarter-text--in-selecting-range,\n .react-datepicker__year-text--in-selecting-range\n ),\n.react-datepicker__month--selecting-range\n .react-datepicker__quarter-text--in-range:not(\n .react-datepicker__day--in-selecting-range,\n .react-datepicker__month-text--in-selecting-range,\n .react-datepicker__quarter-text--in-selecting-range,\n .react-datepicker__year-text--in-selecting-range\n ),\n.react-datepicker__year--selecting-range\n .react-datepicker__quarter-text--in-range:not(\n .react-datepicker__day--in-selecting-range,\n .react-datepicker__month-text--in-selecting-range,\n .react-datepicker__quarter-text--in-selecting-range,\n .react-datepicker__year-text--in-selecting-range\n ),\n.react-datepicker__month--selecting-range\n .react-datepicker__year-text--in-range:not(\n .react-datepicker__day--in-selecting-range,\n .react-datepicker__month-text--in-selecting-range,\n .react-datepicker__quarter-text--in-selecting-range,\n .react-datepicker__year-text--in-selecting-range\n ),\n.react-datepicker__year--selecting-range\n .react-datepicker__year-text--in-range:not(\n .react-datepicker__day--in-selecting-range,\n .react-datepicker__month-text--in-selecting-range,\n .react-datepicker__quarter-text--in-selecting-range,\n .react-datepicker__year-text--in-selecting-range\n ) {\n background-color: #0dbc3d;\n color: #000;\n}\n.react-datepicker__day--disabled,\n.react-datepicker__month-text--disabled,\n.react-datepicker__quarter-text--disabled,\n.react-datepicker__year-text--disabled {\n cursor: default;\n color: #ccc;\n}\n.react-datepicker__day--disabled .overlay,\n.react-datepicker__month-text--disabled .overlay,\n.react-datepicker__quarter-text--disabled .overlay,\n.react-datepicker__year-text--disabled .overlay {\n position: absolute;\n bottom: 70%;\n left: 50%;\n transform: translateX(-50%);\n background-color: #333;\n color: #fff;\n padding: 4px;\n border-radius: 4px;\n white-space: nowrap;\n visibility: hidden;\n opacity: 0;\n transition:\n visibility 0s,\n opacity 0.3s ease-in-out;\n}\n\n.react-datepicker__input-container {\n position: relative;\n display: inline-block;\n width: 100%;\n}\n.react-datepicker__input-container .react-datepicker__calendar-icon {\n position: absolute;\n padding: 0.5rem;\n box-sizing: content-box;\n}\n\n.react-datepicker__view-calendar-icon input {\n padding: 6px 10px 5px 25px;\n}\n\n.react-datepicker__year-read-view,\n.react-datepicker__month-read-view,\n.react-datepicker__month-year-read-view {\n border: 1px solid transparent;\n border-radius: 0.3rem;\n position: relative;\n}\n.react-datepicker__year-read-view:hover,\n.react-datepicker__month-read-view:hover,\n.react-datepicker__month-year-read-view:hover {\n cursor: pointer;\n}\n.react-datepicker__year-read-view:hover\n .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__year-read-view:hover\n .react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-read-view:hover\n .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view:hover\n .react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view:hover\n .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-year-read-view:hover\n .react-datepicker__month-read-view--down-arrow {\n /* border-top-color: #0dbc3d; */\n}\n.react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view--down-arrow {\n transform: rotate(135deg);\n right: -16px;\n top: 0;\n}\n\n.react-datepicker__year-dropdown,\n.react-datepicker__month-dropdown,\n.react-datepicker__month-year-dropdown {\n background-color: #0dbc3d;\n position: absolute;\n width: 50%;\n left: 25%;\n top: 30px;\n z-index: 1;\n text-align: center;\n border-radius: 0.3rem;\n box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);\n}\n.react-datepicker__year-dropdown:hover,\n.react-datepicker__month-dropdown:hover,\n.react-datepicker__month-year-dropdown:hover {\n cursor: pointer;\n}\n.react-datepicker__year-dropdown--scrollable,\n.react-datepicker__month-dropdown--scrollable,\n.react-datepicker__month-year-dropdown--scrollable {\n height: 150px;\n overflow-y: scroll;\n}\n\n.react-datepicker__year-option,\n.react-datepicker__month-option,\n.react-datepicker__month-year-option {\n line-height: 20px;\n width: 100%;\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n.react-datepicker__year-option:first-of-type,\n.react-datepicker__month-option:first-of-type,\n.react-datepicker__month-year-option:first-of-type {\n border-top-left-radius: 0.3rem;\n border-top-right-radius: 0.3rem;\n}\n.react-datepicker__year-option:last-of-type,\n.react-datepicker__month-option:last-of-type,\n.react-datepicker__month-year-option:last-of-type {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom-left-radius: 0.3rem;\n border-bottom-right-radius: 0.3rem;\n}\n.react-datepicker__year-option:hover,\n.react-datepicker__month-option:hover,\n.react-datepicker__month-year-option:hover {\n background-color: #008a01;\n}\n.react-datepicker__year-option:hover\n .react-datepicker__navigation--years-upcoming,\n.react-datepicker__month-option:hover\n .react-datepicker__navigation--years-upcoming,\n.react-datepicker__month-year-option:hover\n .react-datepicker__navigation--years-upcoming {\n border-bottom-color: rgb(178.5, 178.5, 178.5);\n}\n.react-datepicker__year-option:hover\n .react-datepicker__navigation--years-previous,\n.react-datepicker__month-option:hover\n .react-datepicker__navigation--years-previous,\n.react-datepicker__month-year-option:hover\n .react-datepicker__navigation--years-previous {\n border-top-color: rgb(178.5, 178.5, 178.5);\n}\n.react-datepicker__year-option--selected,\n.react-datepicker__month-option--selected,\n.react-datepicker__month-year-option--selected {\n position: absolute;\n left: 15px;\n}\n\n.react-datepicker__close-icon {\n cursor: pointer;\n background-color: transparent;\n border: 0;\n outline: 0;\n padding: 0 6px 0 0;\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n display: table-cell;\n vertical-align: middle;\n}\n.react-datepicker__close-icon::after {\n cursor: pointer;\n background-color: #0dbc3d;\n color: #fff;\n border-radius: 50%;\n height: 16px;\n width: 16px;\n padding: 2px;\n font-size: 12px;\n line-height: 1;\n text-align: center;\n display: table-cell;\n vertical-align: middle;\n content: '\u00D7';\n}\n.react-datepicker__close-icon--disabled {\n cursor: default;\n}\n.react-datepicker__close-icon--disabled::after {\n cursor: default;\n background-color: #ccc;\n}\n\n.react-datepicker__today-button {\n background: #b6edbd;\n border-top: 1px solid #aeaeae;\n cursor: pointer;\n text-align: center;\n font-weight: bold;\n padding: 5px 0;\n clear: left;\n}\n\n.react-datepicker__portal {\n position: fixed;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.8);\n left: 0;\n top: 0;\n justify-content: center;\n align-items: center;\n display: flex;\n z-index: 2147483647;\n}\n.react-datepicker__portal .react-datepicker__day-name,\n.react-datepicker__portal .react-datepicker__day,\n.react-datepicker__portal .react-datepicker__time-name {\n width: 3rem;\n line-height: 3rem;\n}\n@media (max-width: 400px), (max-height: 550px) {\n .react-datepicker__portal .react-datepicker__day-name,\n .react-datepicker__portal .react-datepicker__day,\n .react-datepicker__portal .react-datepicker__time-name {\n width: 2rem;\n line-height: 2rem;\n }\n}\n.react-datepicker__portal .react-datepicker__current-month,\n.react-datepicker__portal .react-datepicker-time__header {\n font-size: 1.44rem;\n}\n\n.react-datepicker__children-container {\n width: 13.8rem;\n margin: 0.4rem;\n padding-right: 0.2rem;\n padding-left: 0.2rem;\n height: auto;\n}\n\n.react-datepicker__aria-live {\n position: absolute;\n clip-path: circle(0);\n border: 0;\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n width: 1px;\n white-space: nowrap;\n}\n\n.react-datepicker__calendar-icon {\n width: 1em;\n height: 1em;\n vertical-align: -0.125em;\n}\n\na.react-datepicker__navigation--years-upcoming,\na.react-datepicker__navigation--years-previous {\n position: relative;\n top: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\na.react-datepicker__navigation--years-upcoming::after {\n content: '';\n position: absolute;\n width: 9px;\n height: 9px;\n border-color: rgba(0, 0, 0, 0.23);\n border-style: solid;\n border-width: 3px 3px 0 0;\n transform: rotate(-45deg);\n}\n\na.react-datepicker__navigation--years-previous::after {\n content: '';\n position: absolute;\n width: 9px;\n height: 9px;\n border-color: rgba(0, 0, 0, 0.23);\n border-style: solid;\n border-width: 3px 3px 0 0;\n transform: rotate(135deg);\n}\n\n.react-datepicker__year-dropdown,\n.react-datepicker__month-dropdown {\n font-weight: 600;\n}\n\n.react-datepicker__year-option--selected_year,\n.react-datepicker__month-option--selected_month {\n background-color: #008a01;\n}\n\nselect.react-datepicker__month-select,\nselect.react-datepicker__year-select {\n font-family: inherit;\n background: transparent;\n border: none;\n color: white;\n outline: none;\n cursor: pointer;\n}\n\n/* Selected date and hovered date */\n.react-datepicker__day--selected,\n.react-datepicker__day:not([aria-disabled='true']):hover {\n color: #fff;\n}\n";
|
|
1
|
+
export declare const reactDatepickerCss = "@charset \"UTF-8\";\n.react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view--down-arrow,\n.react-datepicker__navigation-icon::before {\n border-color: rgba(0, 0, 0, 0.23);\n border-style: solid;\n border-width: 3px 3px 0 0;\n content: '';\n display: block;\n height: 9px;\n position: absolute;\n top: 6px;\n width: 9px;\n}\n.react-datepicker-wrapper {\n display: flex;\n padding: 0;\n border: 0;\n}\n\n.react-datepicker {\n font-family: inherit;\n font-size: 0.8rem;\n background-color: #fff;\n color: #fff;\n border-radius: 0.3rem;\n box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);\n display: inline-block;\n position: relative;\n line-height: initial;\n}\n\n.react-datepicker--time-only .react-datepicker__time-container {\n border-left: 0;\n}\n.react-datepicker--time-only .react-datepicker__time,\n.react-datepicker--time-only .react-datepicker__time-box {\n border-bottom-left-radius: 0.3rem;\n border-bottom-right-radius: 0.3rem;\n}\n\n.react-datepicker-popper {\n z-index: 2;\n line-height: 0;\n}\n.react-datepicker-popper .react-datepicker__triangle {\n stroke: #aeaeae;\n}\n.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle {\n fill: #0dbc3d;\n color: #0dbc3d;\n}\n.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle {\n fill: #0dbc3d;\n color: #0dbc3d;\n}\n\n.react-datepicker__header {\n text-align: center;\n color: #fff;\n background-color: #0dbc3d;\n border-bottom: 1px solid #aeaeae;\n border-top-left-radius: 0.3rem;\n padding: 8px 0;\n position: relative;\n}\n.react-datepicker__header--time {\n padding-bottom: 8px;\n padding-left: 5px;\n padding-right: 5px;\n}\n.react-datepicker__header--time:not(.react-datepicker__header--time--only) {\n border-top-left-radius: 0;\n}\n.react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n border-top-right-radius: 0.3rem;\n}\n\n.react-datepicker__year-dropdown-container--select,\n.react-datepicker__month-dropdown-container--select,\n.react-datepicker__month-year-dropdown-container--select,\n.react-datepicker__year-dropdown-container--scroll,\n.react-datepicker__month-dropdown-container--scroll,\n.react-datepicker__month-year-dropdown-container--scroll {\n display: inline-block;\n margin: 0 15px;\n}\n\n.react-datepicker__current-month,\n.react-datepicker-time__header,\n.react-datepicker-year-header {\n margin-top: 0;\n color: currentColor;\n font-weight: bold;\n font-size: 0.944rem;\n}\n\nh2.react-datepicker__current-month {\n padding: 0;\n margin: 0;\n}\n\n.react-datepicker-time__header {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.react-datepicker__navigation {\n align-items: center;\n background: none;\n display: flex;\n justify-content: center;\n text-align: center;\n cursor: pointer;\n position: absolute;\n top: 2px;\n padding: 0;\n border: none;\n z-index: 1;\n height: 32px;\n width: 32px;\n text-indent: -999em;\n overflow: hidden;\n}\n.react-datepicker__navigation--previous {\n left: 2px;\n}\n.react-datepicker__navigation--next {\n right: 2px;\n}\n.react-datepicker__navigation--next--with-time:not(\n .react-datepicker__navigation--next--with-today-button\n ) {\n right: 85px;\n}\n.react-datepicker__navigation--years {\n position: relative;\n top: 0;\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n.react-datepicker__navigation--years-previous {\n top: 4px;\n}\n.react-datepicker__navigation--years-upcoming {\n top: -4px;\n}\n.react-datepicker__navigation:hover *::before {\n border-color: rgba(0, 0, 0, 0.23);\n}\n\n.react-datepicker__navigation-icon {\n position: relative;\n top: -1px;\n font-size: 20px;\n width: 0;\n}\n.react-datepicker__navigation-icon--next {\n left: -2px;\n}\n.react-datepicker__navigation-icon--next::before {\n transform: rotate(45deg);\n left: -7px;\n}\n.react-datepicker__navigation-icon--previous {\n right: -2px;\n}\n.react-datepicker__navigation-icon--previous::before {\n transform: rotate(225deg);\n right: -7px;\n}\n\n.react-datepicker__month-container {\n float: left;\n}\n\n.react-datepicker__year {\n margin: 0.4rem;\n text-align: center;\n}\n.react-datepicker__year-wrapper {\n display: flex;\n flex-wrap: wrap;\n max-width: 180px;\n}\n.react-datepicker__year .react-datepicker__year-text {\n display: inline-block;\n width: 4rem;\n margin: 2px;\n}\n\n.react-datepicker__month {\n margin: 0.4rem;\n text-align: center;\n}\n.react-datepicker__month .react-datepicker__month-text,\n.react-datepicker__month .react-datepicker__quarter-text {\n display: inline-block;\n width: 4rem;\n margin: 2px;\n}\n\n.react-datepicker__input-time-container {\n clear: both;\n width: 100%;\n float: left;\n margin: 5px 0 10px 15px;\n text-align: left;\n}\n.react-datepicker__input-time-container .react-datepicker-time__caption {\n display: inline-block;\n}\n.react-datepicker__input-time-container\n .react-datepicker-time__input-container {\n display: inline-block;\n}\n.react-datepicker__input-time-container\n .react-datepicker-time__input-container\n .react-datepicker-time__input {\n display: inline-block;\n margin-left: 10px;\n}\n.react-datepicker__input-time-container\n .react-datepicker-time__input-container\n .react-datepicker-time__input\n input {\n width: auto;\n}\n.react-datepicker__input-time-container\n .react-datepicker-time__input-container\n .react-datepicker-time__input\n input[type='time']::-webkit-inner-spin-button,\n.react-datepicker__input-time-container\n .react-datepicker-time__input-container\n .react-datepicker-time__input\n input[type='time']::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.react-datepicker__input-time-container\n .react-datepicker-time__input-container\n .react-datepicker-time__input\n input[type='time'] {\n -moz-appearance: textfield;\n}\n.react-datepicker__input-time-container\n .react-datepicker-time__input-container\n .react-datepicker-time__delimiter {\n margin-left: 5px;\n display: inline-block;\n}\n\n.react-datepicker__time-container {\n float: right;\n border-left: 1px solid #aeaeae;\n width: 85px;\n}\n.react-datepicker__time-container--with-today-button {\n display: inline;\n border: 1px solid #aeaeae;\n border-radius: 0.3rem;\n position: absolute;\n right: -87px;\n top: 0;\n}\n.react-datepicker__time-container .react-datepicker__time {\n position: relative;\n background: white;\n border-bottom-right-radius: 0.3rem;\n}\n.react-datepicker__time-container\n .react-datepicker__time\n .react-datepicker__time-box {\n width: 85px;\n overflow-x: hidden;\n margin: 0 auto;\n text-align: center;\n border-bottom-right-radius: 0.3rem;\n}\n.react-datepicker__time-container\n .react-datepicker__time\n .react-datepicker__time-box\n ul.react-datepicker__time-list {\n list-style: none;\n margin: 0;\n height: calc(195px + 1.7rem / 2);\n overflow-y: scroll;\n padding-right: 0;\n padding-left: 0;\n width: 100%;\n box-sizing: content-box;\n}\n.react-datepicker__time-container\n .react-datepicker__time\n .react-datepicker__time-box\n ul.react-datepicker__time-list\n li.react-datepicker__time-list-item {\n height: 30px;\n padding: 5px 10px;\n white-space: nowrap;\n}\n.react-datepicker__time-container\n .react-datepicker__time\n .react-datepicker__time-box\n ul.react-datepicker__time-list\n li.react-datepicker__time-list-item:hover {\n cursor: pointer;\n background-color: #008a01;\n}\n.react-datepicker__time-container\n .react-datepicker__time\n .react-datepicker__time-box\n ul.react-datepicker__time-list\n li.react-datepicker__time-list-item--selected {\n background-color: #008a01;\n color: white;\n font-weight: bold;\n}\n.react-datepicker__time-container\n .react-datepicker__time\n .react-datepicker__time-box\n ul.react-datepicker__time-list\n li.react-datepicker__time-list-item--selected:hover {\n background-color: #0dbc3d;\n}\n.react-datepicker__time-container\n .react-datepicker__time\n .react-datepicker__time-box\n ul.react-datepicker__time-list\n li.react-datepicker__time-list-item--disabled {\n color: #ccc;\n}\n.react-datepicker__time-container\n .react-datepicker__time\n .react-datepicker__time-box\n ul.react-datepicker__time-list\n li.react-datepicker__time-list-item--disabled:hover {\n cursor: default;\n background-color: transparent;\n}\n\n.react-datepicker__week-number {\n color: #ccc;\n display: inline-block;\n width: 1.7rem;\n line-height: 1.7rem;\n text-align: center;\n margin: 0.166rem;\n}\n.react-datepicker__week-number.react-datepicker__week-number--clickable {\n cursor: pointer;\n}\n.react-datepicker__week-number.react-datepicker__week-number--clickable:not(\n .react-datepicker__week-number--selected,\n .react-datepicker__week-number--keyboard-selected\n ):hover {\n border-radius: 0.3rem;\n background-color: #0dbc3d;\n}\n.react-datepicker__week-number--selected {\n border-radius: 0.3rem;\n background-color: #0dbc3d;\n color: #fff;\n}\n.react-datepicker__week-number--selected:hover {\n background-color: #008a01;\n}\n.react-datepicker__week-number--keyboard-selected {\n border-radius: 0.3rem;\n background-color: rgb(41.5, 134.5606060606, 207.5);\n color: #fff;\n}\n.react-datepicker__week-number--keyboard-selected:hover {\n background-color: #008a01;\n}\n\n.react-datepicker__day-names {\n white-space: nowrap;\n margin-bottom: -8px;\n}\n\n.react-datepicker__week {\n white-space: nowrap;\n}\n\n.react-datepicker__header .react-datepicker__day-name {\n color: currentColor;\n font-weight: 600;\n}\n\n.react-datepicker__day-name,\n.react-datepicker__day,\n.react-datepicker__time-name {\n color: #000;\n display: inline-block;\n width: 1.7rem;\n line-height: 1.7rem;\n text-align: center;\n margin: 0.166rem;\n}\n\n.react-datepicker__day:last-child:not(.react-datepicker__day--in-range) {\n color: #eb0d28;\n}\n.react-datepicker__day:last-child:not(\n .react-datepicker__day--in-range\n ).react-datepicker__day--disabled {\n color: #eb0d2866;\n}\n\n.react-datepicker__day,\n.react-datepicker__month-text,\n.react-datepicker__quarter-text,\n.react-datepicker__year-text {\n cursor: pointer;\n}\n.react-datepicker__day:not([aria-disabled='true']):hover,\n.react-datepicker__month-text:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text:not([aria-disabled='true']):hover,\n.react-datepicker__year-text:not([aria-disabled='true']):hover {\n border-radius: 0.3rem;\n background-color: #0dbc3d;\n}\n.react-datepicker__day--today,\n.react-datepicker__month-text--today,\n.react-datepicker__quarter-text--today,\n.react-datepicker__year-text--today {\n font-weight: bold;\n}\n.react-datepicker__day--highlighted,\n.react-datepicker__month-text--highlighted,\n.react-datepicker__quarter-text--highlighted,\n.react-datepicker__year-text--highlighted {\n border-radius: 0.3rem;\n background-color: #008a01;\n color: #fff;\n}\n.react-datepicker__day--highlighted:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--highlighted:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text--highlighted:not([aria-disabled='true']):hover,\n.react-datepicker__year-text--highlighted:not([aria-disabled='true']):hover {\n background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);\n}\n.react-datepicker__day--highlighted-custom-1,\n.react-datepicker__month-text--highlighted-custom-1,\n.react-datepicker__quarter-text--highlighted-custom-1,\n.react-datepicker__year-text--highlighted-custom-1 {\n color: #008a01;\n}\n.react-datepicker__day--highlighted-custom-2,\n.react-datepicker__month-text--highlighted-custom-2,\n.react-datepicker__quarter-text--highlighted-custom-2,\n.react-datepicker__year-text--highlighted-custom-2 {\n color: #008a01;\n}\n.react-datepicker__day--holidays,\n.react-datepicker__month-text--holidays,\n.react-datepicker__quarter-text--holidays,\n.react-datepicker__year-text--holidays {\n position: relative;\n border-radius: 0.3rem;\n background-color: #ff6803;\n color: #fff;\n}\n.react-datepicker__day--holidays .overlay,\n.react-datepicker__month-text--holidays .overlay,\n.react-datepicker__quarter-text--holidays .overlay,\n.react-datepicker__year-text--holidays .overlay {\n position: absolute;\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%);\n background-color: #333;\n color: #fff;\n padding: 4px;\n border-radius: 4px;\n white-space: nowrap;\n visibility: hidden;\n opacity: 0;\n transition:\n visibility 0s,\n opacity 0.3s ease-in-out;\n}\n.react-datepicker__day--holidays:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--holidays:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text--holidays:not([aria-disabled='true']):hover,\n.react-datepicker__year-text--holidays:not([aria-disabled='true']):hover {\n background-color: rgb(207, 82.9642857143, 0);\n}\n.react-datepicker__day--holidays:hover .overlay,\n.react-datepicker__month-text--holidays:hover .overlay,\n.react-datepicker__quarter-text--holidays:hover .overlay,\n.react-datepicker__year-text--holidays:hover .overlay {\n visibility: visible;\n opacity: 1;\n}\n.react-datepicker__day--selected,\n.react-datepicker__day--in-selecting-range,\n.react-datepicker__day--in-range,\n.react-datepicker__month-text--selected,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--selected,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--selected,\n.react-datepicker__year-text--in-selecting-range,\n.react-datepicker__year-text--in-range {\n border-radius: 0.3rem;\n background-color: #0dbc3d;\n}\n.react-datepicker__day--selected:not([aria-disabled='true']):hover,\n.react-datepicker__day--in-selecting-range:not([aria-disabled='true']):hover,\n.react-datepicker__day--in-range:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--selected:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--in-selecting-range:not(\n [aria-disabled='true']\n ):hover,\n.react-datepicker__month-text--in-range:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text--selected:not([aria-disabled='true']):hover,\n.react-datepicker__quarter-text--in-selecting-range:not(\n [aria-disabled='true']\n ):hover,\n.react-datepicker__quarter-text--in-range:not([aria-disabled='true']):hover,\n.react-datepicker__year-text--selected:not([aria-disabled='true']):hover,\n.react-datepicker__year-text--in-selecting-range:not(\n [aria-disabled='true']\n ):hover,\n.react-datepicker__year-text--in-range:not([aria-disabled='true']):hover {\n background-color: #008a01;\n}\n.react-datepicker__day--keyboard-selected,\n.react-datepicker__month-text--keyboard-selected,\n.react-datepicker__quarter-text--keyboard-selected,\n.react-datepicker__year-text--keyboard-selected {\n border-radius: 0.3rem;\n background-color: #0dbc3d;\n color: rgb(0, 0, 0);\n}\n.react-datepicker__day--keyboard-selected:not([aria-disabled='true']):hover,\n.react-datepicker__month-text--keyboard-selected:not(\n [aria-disabled='true']\n ):hover,\n.react-datepicker__quarter-text--keyboard-selected:not(\n [aria-disabled='true']\n ):hover,\n.react-datepicker__year-text--keyboard-selected:not(\n [aria-disabled='true']\n ):hover {\n background-color: #008a01;\n}\n.react-datepicker__day--in-selecting-range:not(\n .react-datepicker__day--in-range,\n .react-datepicker__month-text--in-range,\n .react-datepicker__quarter-text--in-range,\n .react-datepicker__year-text--in-range\n ),\n.react-datepicker__month-text--in-selecting-range:not(\n .react-datepicker__day--in-range,\n .react-datepicker__month-text--in-range,\n .react-datepicker__quarter-text--in-range,\n .react-datepicker__year-text--in-range\n ),\n.react-datepicker__quarter-text--in-selecting-range:not(\n .react-datepicker__day--in-range,\n .react-datepicker__month-text--in-range,\n .react-datepicker__quarter-text--in-range,\n .react-datepicker__year-text--in-range\n ),\n.react-datepicker__year-text--in-selecting-range:not(\n .react-datepicker__day--in-range,\n .react-datepicker__month-text--in-range,\n .react-datepicker__quarter-text--in-range,\n .react-datepicker__year-text--in-range\n ) {\n background-color: #0dbc3d;\n}\n.react-datepicker__month--selecting-range\n .react-datepicker__day--in-range:not(\n .react-datepicker__day--in-selecting-range,\n .react-datepicker__month-text--in-selecting-range,\n .react-datepicker__quarter-text--in-selecting-range,\n .react-datepicker__year-text--in-selecting-range\n ),\n.react-datepicker__year--selecting-range\n .react-datepicker__day--in-range:not(\n .react-datepicker__day--in-selecting-range,\n .react-datepicker__month-text--in-selecting-range,\n .react-datepicker__quarter-text--in-selecting-range,\n .react-datepicker__year-text--in-selecting-range\n ),\n.react-datepicker__month--selecting-range\n .react-datepicker__month-text--in-range:not(\n .react-datepicker__day--in-selecting-range,\n .react-datepicker__month-text--in-selecting-range,\n .react-datepicker__quarter-text--in-selecting-range,\n .react-datepicker__year-text--in-selecting-range\n ),\n.react-datepicker__year--selecting-range\n .react-datepicker__month-text--in-range:not(\n .react-datepicker__day--in-selecting-range,\n .react-datepicker__month-text--in-selecting-range,\n .react-datepicker__quarter-text--in-selecting-range,\n .react-datepicker__year-text--in-selecting-range\n ),\n.react-datepicker__month--selecting-range\n .react-datepicker__quarter-text--in-range:not(\n .react-datepicker__day--in-selecting-range,\n .react-datepicker__month-text--in-selecting-range,\n .react-datepicker__quarter-text--in-selecting-range,\n .react-datepicker__year-text--in-selecting-range\n ),\n.react-datepicker__year--selecting-range\n .react-datepicker__quarter-text--in-range:not(\n .react-datepicker__day--in-selecting-range,\n .react-datepicker__month-text--in-selecting-range,\n .react-datepicker__quarter-text--in-selecting-range,\n .react-datepicker__year-text--in-selecting-range\n ),\n.react-datepicker__month--selecting-range\n .react-datepicker__year-text--in-range:not(\n .react-datepicker__day--in-selecting-range,\n .react-datepicker__month-text--in-selecting-range,\n .react-datepicker__quarter-text--in-selecting-range,\n .react-datepicker__year-text--in-selecting-range\n ),\n.react-datepicker__year--selecting-range\n .react-datepicker__year-text--in-range:not(\n .react-datepicker__day--in-selecting-range,\n .react-datepicker__month-text--in-selecting-range,\n .react-datepicker__quarter-text--in-selecting-range,\n .react-datepicker__year-text--in-selecting-range\n ) {\n background-color: #0dbc3d;\n color: #000;\n}\n.react-datepicker__day--disabled,\n.react-datepicker__month-text--disabled,\n.react-datepicker__quarter-text--disabled,\n.react-datepicker__year-text--disabled {\n cursor: default;\n color: #ccc;\n}\n.react-datepicker__day--disabled .overlay,\n.react-datepicker__month-text--disabled .overlay,\n.react-datepicker__quarter-text--disabled .overlay,\n.react-datepicker__year-text--disabled .overlay {\n position: absolute;\n bottom: 70%;\n left: 50%;\n transform: translateX(-50%);\n background-color: #333;\n color: #fff;\n padding: 4px;\n border-radius: 4px;\n white-space: nowrap;\n visibility: hidden;\n opacity: 0;\n transition:\n visibility 0s,\n opacity 0.3s ease-in-out;\n}\n\n.react-datepicker__input-container {\n position: relative;\n display: inline-block;\n width: 100%;\n}\n.react-datepicker__input-container .react-datepicker__calendar-icon {\n position: absolute;\n padding: 0.5rem;\n box-sizing: content-box;\n}\n\n.react-datepicker__view-calendar-icon input {\n padding: 6px 10px 5px 25px;\n}\n\n.react-datepicker__year-read-view,\n.react-datepicker__month-read-view,\n.react-datepicker__month-year-read-view {\n border: 1px solid transparent;\n border-radius: 0.3rem;\n position: relative;\n}\n.react-datepicker__year-read-view:hover,\n.react-datepicker__month-read-view:hover,\n.react-datepicker__month-year-read-view:hover {\n cursor: pointer;\n}\n.react-datepicker__year-read-view:hover\n .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__year-read-view:hover\n .react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-read-view:hover\n .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view:hover\n .react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view:hover\n .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-year-read-view:hover\n .react-datepicker__month-read-view--down-arrow {\n /* border-top-color: #0dbc3d; */\n}\n.react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view--down-arrow {\n transform: rotate(135deg);\n right: -16px;\n top: 0;\n}\n\n.react-datepicker__year-dropdown,\n.react-datepicker__month-dropdown,\n.react-datepicker__month-year-dropdown {\n background-color: #0dbc3d;\n position: absolute;\n width: 50%;\n left: 25%;\n top: 30px;\n z-index: 1;\n text-align: center;\n border-radius: 0.3rem;\n box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);\n}\n.react-datepicker__year-dropdown:hover,\n.react-datepicker__month-dropdown:hover,\n.react-datepicker__month-year-dropdown:hover {\n cursor: pointer;\n}\n.react-datepicker__year-dropdown--scrollable,\n.react-datepicker__month-dropdown--scrollable,\n.react-datepicker__month-year-dropdown--scrollable {\n height: 150px;\n overflow-y: scroll;\n}\n\n.react-datepicker__year-option,\n.react-datepicker__month-option,\n.react-datepicker__month-year-option {\n line-height: 20px;\n width: 100%;\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n.react-datepicker__year-option:first-of-type,\n.react-datepicker__month-option:first-of-type,\n.react-datepicker__month-year-option:first-of-type {\n border-top-left-radius: 0.3rem;\n border-top-right-radius: 0.3rem;\n}\n.react-datepicker__year-option:last-of-type,\n.react-datepicker__month-option:last-of-type,\n.react-datepicker__month-year-option:last-of-type {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom-left-radius: 0.3rem;\n border-bottom-right-radius: 0.3rem;\n}\n.react-datepicker__year-option:hover,\n.react-datepicker__month-option:hover,\n.react-datepicker__month-year-option:hover {\n background-color: #008a01;\n}\n.react-datepicker__year-option:hover\n .react-datepicker__navigation--years-upcoming,\n.react-datepicker__month-option:hover\n .react-datepicker__navigation--years-upcoming,\n.react-datepicker__month-year-option:hover\n .react-datepicker__navigation--years-upcoming {\n border-bottom-color: rgb(178.5, 178.5, 178.5);\n}\n.react-datepicker__year-option:hover\n .react-datepicker__navigation--years-previous,\n.react-datepicker__month-option:hover\n .react-datepicker__navigation--years-previous,\n.react-datepicker__month-year-option:hover\n .react-datepicker__navigation--years-previous {\n border-top-color: rgb(178.5, 178.5, 178.5);\n}\n.react-datepicker__year-option--selected,\n.react-datepicker__month-option--selected,\n.react-datepicker__month-year-option--selected {\n position: absolute;\n left: 15px;\n}\n\n.react-datepicker__close-icon {\n cursor: pointer;\n background-color: transparent;\n border: 0;\n outline: 0;\n padding: 0 6px 0 0;\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n display: table-cell;\n vertical-align: middle;\n}\n.react-datepicker__close-icon::after {\n cursor: pointer;\n background-color: #0dbc3d;\n color: #fff;\n border-radius: 50%;\n height: 16px;\n width: 16px;\n padding: 2px;\n font-size: 12px;\n line-height: 1;\n text-align: center;\n display: table-cell;\n vertical-align: middle;\n content: '\u00D7';\n}\n.react-datepicker__close-icon--disabled {\n cursor: default;\n}\n.react-datepicker__close-icon--disabled::after {\n cursor: default;\n background-color: #ccc;\n}\n\n.react-datepicker__today-button {\n background: #b6edbd;\n border-top: 1px solid #aeaeae;\n cursor: pointer;\n text-align: center;\n font-weight: bold;\n padding: 5px 0;\n clear: left;\n}\n\n.react-datepicker__portal {\n position: fixed;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.8);\n left: 0;\n top: 0;\n justify-content: center;\n align-items: center;\n display: flex;\n z-index: 2147483647;\n}\n.react-datepicker__portal .react-datepicker__day-name,\n.react-datepicker__portal .react-datepicker__day,\n.react-datepicker__portal .react-datepicker__time-name {\n width: 3rem;\n line-height: 3rem;\n}\n@media (max-width: 400px), (max-height: 550px) {\n .react-datepicker__portal .react-datepicker__day-name,\n .react-datepicker__portal .react-datepicker__day,\n .react-datepicker__portal .react-datepicker__time-name {\n width: 2rem;\n line-height: 2rem;\n }\n}\n.react-datepicker__portal .react-datepicker__current-month,\n.react-datepicker__portal .react-datepicker-time__header {\n font-size: 1.44rem;\n}\n\n.react-datepicker__children-container {\n width: 13.8rem;\n margin: 0.4rem;\n padding-right: 0.2rem;\n padding-left: 0.2rem;\n height: auto;\n}\n\n.react-datepicker__aria-live {\n position: absolute;\n clip-path: circle(0);\n border: 0;\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n width: 1px;\n white-space: nowrap;\n}\n\n.react-datepicker__calendar-icon {\n width: 1em;\n height: 1em;\n vertical-align: -0.125em;\n}\n\na.react-datepicker__navigation--years-upcoming,\na.react-datepicker__navigation--years-previous {\n position: relative;\n top: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\na.react-datepicker__navigation--years-upcoming::after {\n content: '';\n position: absolute;\n width: 9px;\n height: 9px;\n border-color: rgba(0, 0, 0, 0.23);\n border-style: solid;\n border-width: 3px 3px 0 0;\n transform: rotate(-45deg);\n}\n\na.react-datepicker__navigation--years-previous::after {\n content: '';\n position: absolute;\n width: 9px;\n height: 9px;\n border-color: rgba(0, 0, 0, 0.23);\n border-style: solid;\n border-width: 3px 3px 0 0;\n transform: rotate(135deg);\n}\n\n.react-datepicker__year-dropdown,\n.react-datepicker__month-dropdown {\n font-weight: 600;\n}\n\n.react-datepicker__year-option--selected_year,\n.react-datepicker__month-option--selected_month {\n background-color: #008a01;\n}\n\nselect.react-datepicker__month-select,\nselect.react-datepicker__year-select {\n font-family: inherit;\n background: transparent;\n border: none;\n color: white;\n outline: none;\n cursor: pointer;\n}\n\n/* Selected date and hovered date */\n.react-datepicker__day--selected,\n.react-datepicker__day:not([aria-disabled='true']):hover {\n color: #fff;\n}\n\n.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,\n.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {\n border-top-color: #008a01;\n}\n";
|
|
@@ -950,4 +950,9 @@ select.react-datepicker__year-select {
|
|
|
950
950
|
.react-datepicker__day:not([aria-disabled='true']):hover {
|
|
951
951
|
color: #fff;
|
|
952
952
|
}
|
|
953
|
+
|
|
954
|
+
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
|
|
955
|
+
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
|
|
956
|
+
border-top-color: #008a01;
|
|
957
|
+
}
|
|
953
958
|
`;export{e as reactDatepickerCss};
|
package/dist/utils/date.d.ts
CHANGED
package/dist/utils/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{wrapPromise as a}from"./wrapPromise/index.mjs";import{formatDateMMDDYYYY as
|
|
1
|
+
"use strict";import{wrapPromise as a}from"./wrapPromise/index.mjs";import{formatDateMMDDYYYY as o,formatDateMMYY as s,formatDateToTimestamp as e,formatExtendedDate as r,formatLogTimestamp as t,toUTCMilliseconds as m}from"./date.mjs";import{countries as i,getPhoneData as n,getPhoneDataByFieldName as p,parseToPhoneNational as d,sortByCountryName as f,validatePhone as l}from"./phone/index.mjs";import{masks as T}from"./masks/index.mjs";import{omitProperties as g}from"./omitProperty.mjs";import{ssnFormatter as C,ssnRegex as F}from"./ssn.mjs";import{stringToHashedColor as D,uuidToHashedColor as P}from"./uuidColor.mjs";import{toCapitalize as h}from"./string/toCapitalize.mjs";import{toSentenceCase as y}from"./string/toSentenceCase.mjs";import{kebabCaseToPretty as U}from"./string/formatKebabToPretty.mjs";import{generateKeyFromString as Y}from"./string/generateKeyFromString.mjs";import{alpha as N,contrastColor as S,darken as M,getThemeFromPrimaryColor as u,lighten as c,mix as L}from"./color/index.mjs";import{addressFormatter as k,fromUSAddress as E,parseCountryCode as x,toUSaddress as A,toUSaddressPretty as _}from"./address/index.mjs";import{DEFAULT_FONT_FAMILY as H,DEFAULT_FONT_WEIGHTS as I,makeGoogleFontUrl as b}from"./makeGoogleFont.mjs";import{prepareNotification as v}from"./notification.mjs";import{resolveLogo as B}from"./logo/index.mjs";import{formatInTimeZone as G}from"../node_modules/date-fns-tz/dist/esm/formatInTimeZone/index.mjs";export{H as DEFAULT_FONT_FAMILY,I as DEFAULT_FONT_WEIGHTS,k as addressFormatter,N as alpha,S as contrastColor,i as countries,M as darken,o as formatDateMMDDYYYY,s as formatDateMMYY,e as formatDateToTimestamp,r as formatExtendedDate,G as formatInTimeZone,t as formatLogTimestamp,E as fromUSAddress,Y as generateKeyFromString,n as getPhoneData,p as getPhoneDataByFieldName,u as getThemeFromPrimaryColor,U as kebabCaseToPretty,c as lighten,b as makeGoogleFontUrl,T as masks,L as mix,g as omitProperties,x as parseCountryCode,d as parseToPhoneNational,v as prepareNotification,B as resolveLogo,f as sortByCountryName,C as ssnFormatter,F as ssnRegex,D as stringToHashedColor,h as toCapitalize,y as toSentenceCase,A as toUSaddress,_ as toUSaddressPretty,m as toUTCMilliseconds,P as uuidToHashedColor,l as validatePhone,a as wrapPromise};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@verifiedinc-public/shared-ui-elements",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.8.1",
|
|
4
4
|
"description": "A set of UI components, utilities that is shareable with the core apps.",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
@@ -74,6 +74,7 @@
|
|
|
74
74
|
"publish:prerelease": "npm version prerelease --preid=beta && npm publish --tag beta"
|
|
75
75
|
},
|
|
76
76
|
"dependencies": {
|
|
77
|
+
"date-fns-tz": "^3.2.0",
|
|
77
78
|
"react-datepicker": "^7.6.0"
|
|
78
79
|
},
|
|
79
80
|
"devDependencies": {
|
|
@@ -120,7 +121,6 @@
|
|
|
120
121
|
},
|
|
121
122
|
"peerDependencies": {
|
|
122
123
|
"@date-fns/tz": "^1.2.0",
|
|
123
|
-
"date-fns": ">=3.6.0",
|
|
124
124
|
"@dotlottie/react-player": "^1.6.19",
|
|
125
125
|
"@emotion/react": "^11.11.4",
|
|
126
126
|
"@emotion/styled": "^11.11.5",
|
|
@@ -132,6 +132,7 @@
|
|
|
132
132
|
"@mui/material": ">=5 <6",
|
|
133
133
|
"@tanstack/react-query": ">=5",
|
|
134
134
|
"@tanstack/react-virtual": ">=3",
|
|
135
|
+
"date-fns": ">=3.6.0",
|
|
135
136
|
"decimal.js": ">=10.4.3",
|
|
136
137
|
"framer-motion": ">=11.11.1",
|
|
137
138
|
"html-to-image": ">=1.11.13 <2",
|