@telefonica/mistica 16.18.1 → 16.19.0

package/dist-es/credit-card-number-field.js

@@ -78,70 +78,70 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o, jsxs as D } from "react/jsx-runtime";
+import { jsx as o, jsxs as L } from "react/jsx-runtime";
 import * as l from "react";
-import { useForm as L, useFieldProps as O } from "./form-context.js";
-import { useTheme as U } from "./hooks.js";
-import { getCreditCardNumberLength as b, isAmericanExpress as A, isVisa as x, isMasterCard as I, isValidCreditCardNumber as _ } from "./utils/credit-card.js";
-import { TextFieldBaseAutosuggest as P } from "./text-field-base.js";
+import { useForm as O, useFieldProps as U } from "./form-context.js";
+import { useTheme as _ } from "./hooks.js";
+import { getCreditCardNumberLength as b, isAmericanExpress as A, isVisa as x, isMasterCard as I, isValidCreditCardNumber as P } from "./utils/credit-card.js";
+import { TextFieldBaseAutosuggest as $ } from "./text-field-base.js";
 import V from "./generated/mistica-icons/icon-credit-card-visa-regular.js";
-import $ from "./icons/icon-visa.js";
-import q from "./icons/icon-mastercard.js";
-import G from "./icons/icon-amex.js";
-import { useRifm as H } from "rifm";
-import { createChangeEvent as J } from "./utils/dom.js";
-import { combineRefs as K } from "./utils/common.js";
-import { flip as Q, variants as W, flipFront as X, flipBack as Y } from "./credit-card-number-field.css-mistica.js";
-import { vars as Z } from "./skins/skin-contract.css-mistica.js";
+import q from "./icons/icon-visa.js";
+import G from "./icons/icon-mastercard.js";
+import H from "./icons/icon-amex.js";
+import { useRifm as J } from "rifm";
+import { createChangeEvent as K } from "./utils/dom.js";
+import { combineRefs as Q } from "./utils/common.js";
+import { flip as W, variants as X, flipFront as Y, flipBack as Z } from "./credit-card-number-field.css-mistica.js";
+import { vars as v } from "./skins/skin-contract.css-mistica.js";
 import { iconSize as p } from "./icon-button.css-mistica.js";
-import { formCreditCardNumberError as v } from "./text-tokens.js";
-const rr = (r)=>{
+import { formCreditCardNumberError as rr } from "./text-tokens.js";
+const er = (r)=>{
     var i;
     const n = String(r !== null && r !== void 0 ? r : "").replace(/[^\d]/g, "");
     var _ref;
     return (_ref = (i = n.match(/.{1,4}/g)) == null ? void 0 : i.join(" ")) !== null && _ref !== void 0 ? _ref : n;
-}, er = (_param)=>{
-    var { inputRef: r, value: n, defaultValue: i, onChange: e } = _param, a = _object_without_properties(_param, [
+}, tr = (_param)=>{
+    var { inputRef: r, value: n, defaultValue: i, onChange: e } = _param, c = _object_without_properties(_param, [
         "inputRef",
         "value",
         "defaultValue",
         "onChange"
     ]);
-    const [h, m] = l.useState(i !== null && i !== void 0 ? i : ""), f = l.useRef(null), u = typeof n < "u", T = u ? n : h, d = l.useCallback((g)=>{
-        u || m(g), f.current && (e == null || e(J(f.current, g)));
+    const [N, m] = l.useState(i !== null && i !== void 0 ? i : ""), f = l.useRef(null), u = typeof n < "u", h = u ? n : N, T = l.useCallback((d)=>{
+        u || m(d), f.current && (e == null || e(K(f.current, d)));
     }, [
         u,
         e
-    ]), c = H({
-        format: rr,
-        value: T,
-        onChange: d,
+    ]), a = J({
+        format: er,
+        value: h,
+        onChange: T,
         accept: /[\d]+/g
     });
-    return /* @__PURE__ */ o("input", _object_spread_props(_object_spread({}, a), {
+    return /* @__PURE__ */ o("input", _object_spread_props(_object_spread({}, c), {
         type: "text",
         inputMode: "decimal",
-        maxLength: b(c.value) + 3,
-        onChange: c.onChange,
-        value: c.value,
-        ref: K(r, f)
+        maxLength: b(a.value) + 3,
+        onChange: a.onChange,
+        value: a.value,
+        ref: Q(r, f)
     }));
-}, tr = (r)=>x(r) ? /* @__PURE__ */ o($, {
+}, ir = (r)=>x(r) ? /* @__PURE__ */ o(q, {
         size: p.default
-    }) : I(r) ? /* @__PURE__ */ o(q, {
+    }) : I(r) ? /* @__PURE__ */ o(G, {
         size: p.default
-    }) : A(r) ? /* @__PURE__ */ o(G, {
+    }) : A(r) ? /* @__PURE__ */ o(H, {
         size: p.default
-    }) : null, ir = {
+    }) : null, nr = {
     showBackface: !1,
     animationTarget: /* @__PURE__ */ o(V, {
         size: p.default
     }),
     isAnimating: !1
-}, nr = (r, param)=>{
+}, or = (r, param)=>{
     let { type: n, value: i } = param;
     if (n === "INPUT") {
-        const e = tr(i);
+        const e = ir(i);
         if (e && !r.showBackface) return {
             animationTarget: e,
             showBackface: !0,
@@ -159,44 +159,44 @@ const rr = (r)=>{
     return n === "TRANSITION_END" ? _object_spread_props(_object_spread({}, r), {
         isAnimating: !1
     }) : r;
-}, or = (param)=>{
+}, sr = (param)=>{
     let { value: r } = param;
-    const [{ showBackface: n, animationTarget: i, isAnimating: e }, a] = l.useReducer(nr, ir);
+    const [{ showBackface: n, animationTarget: i, isAnimating: e }, c] = l.useReducer(or, nr);
     return l.useEffect(()=>{
-        a({
+        c({
             type: "INPUT",
             value: r
         });
     }, [
         r
     ]), /* @__PURE__ */ o("div", {
-        className: Q,
-        children: /* @__PURE__ */ D("div", {
-            className: W[n ? "backface" : "default"],
-            onTransitionEnd: ()=>e && a({
+        className: W,
+        children: /* @__PURE__ */ L("div", {
+            className: X[n ? "backface" : "default"],
+            onTransitionEnd: ()=>e && c({
                     type: "TRANSITION_END"
                 }),
             children: [
                 /* @__PURE__ */ o("div", {
-                    className: X,
+                    className: Y,
                     children: /* @__PURE__ */ o(V, {
                         size: p.default,
-                        color: Z.colors.neutralMedium
+                        color: v.colors.neutralMedium
                     })
                 }),
                 /* @__PURE__ */ o("div", {
-                    className: Y,
+                    className: Z,
                     children: i
                 })
             ]
         })
     });
-}, sr = (_param)=>{
-    var { disabled: r, error: n, helperText: i, name: e, label: a, optional: h, validate: m, onChange: f, onChangeValue: u, onBlur: T, acceptedCards: d = {
+}, ar = (_param)=>{
+    var { disabled: r, error: n, helperText: i, name: e, label: c, optional: N, validate: m, validateOnBlurInsideForm: f, onChange: u, onChangeValue: h, onBlur: T, acceptedCards: a = {
         americanExpress: !0,
         visa: !0,
         masterCard: !0
-    }, value: c, autoComplete: g = "cc-number", defaultValue: w, dataAttributes: F } = _param, R = _object_without_properties(_param, [
+    }, value: d, autoComplete: w = "cc-number", defaultValue: F, dataAttributes: R } = _param, z = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -204,6 +204,7 @@ const rr = (r)=>{
         "label",
         "optional",
         "validate",
+        "validateOnBlurInsideForm",
         "onChange",
         "onChangeValue",
         "onBlur",
@@ -213,46 +214,47 @@ const rr = (r)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: z, t: S } = U(), { jumpToNext: j, rawValues: y, setFormError: M } = L(), C = (t, N)=>{
-        const s = z.formCreditCardNumberError || S(v);
-        return A(t) && !d.americanExpress || x(t) && !d.visa || I(t) && !d.masterCard || !_(t) || b(t) !== (t == null ? void 0 : t.length) ? s : m == null ? void 0 : m(t, N);
-    }, E = (t)=>t.replace(/\s/g, ""), k = O({
+    const { texts: S, t: j } = _(), { jumpToNext: y, rawValues: M, setFormError: D } = O(), g = (t, C)=>{
+        const s = S.formCreditCardNumberError || j(rr);
+        return A(t) && !a.americanExpress || x(t) && !a.visa || I(t) && !a.masterCard || !P(t) || b(t) !== (t == null ? void 0 : t.length) ? s : m == null ? void 0 : m(t, C);
+    }, E = (t)=>t.replace(/\s/g, ""), k = U({
         name: e,
-        label: a,
-        value: c,
-        defaultValue: w,
+        label: c,
+        value: d,
+        defaultValue: F,
         processValue: E,
         helperText: i,
-        optional: h,
+        optional: N,
         error: n,
         disabled: r,
         onBlur: T,
-        validate: C,
-        onChange: f,
-        onChangeValue: u
+        validate: g,
+        validateOnBlurInsideForm: f,
+        onChange: u,
+        onChangeValue: h
     });
     var _ref;
-    return /* @__PURE__ */ o(P, _object_spread_props(_object_spread({}, R, k), {
+    return /* @__PURE__ */ o($, _object_spread_props(_object_spread({}, z, k), {
         onChange: (t)=>{
             k.onChange(t);
-            const N = t.currentTarget.value, s = E(N);
+            const C = t.currentTarget.value, s = E(C);
             if (s.length >= b(s)) {
-                const B = C == null ? void 0 : C(s, N);
-                B ? M({
+                const B = g == null ? void 0 : g(s, C);
+                B ? D({
                     name: e,
                     error: B
-                }) : j(e);
+                }) : y(e);
             }
         },
-        inputComponent: er,
-        autoComplete: g,
-        endIcon: /* @__PURE__ */ o(or, {
-            value: (_ref = c !== null && c !== void 0 ? c : y[e]) !== null && _ref !== void 0 ? _ref : ""
+        inputComponent: tr,
+        autoComplete: w,
+        endIcon: /* @__PURE__ */ o(sr, {
+            value: (_ref = d !== null && d !== void 0 ? d : M[e]) !== null && _ref !== void 0 ? _ref : ""
         }),
         dataAttributes: _object_spread({
             "component-name": "CreditCardNumberField",
             testid: "CreditCardNumberField"
-        }, F)
+        }, R)
     }));
-}, Ir = sr;
-export { Ir as default };
+}, Er = ar;
+export { Er as default };

package/dist-es/cvv-field.js

@@ -78,59 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o, Fragment as H, jsxs as d } from "react/jsx-runtime";
-import * as k from "react";
+import { jsx as o, Fragment as k, jsxs as d } from "react/jsx-runtime";
+import * as D from "react";
 import { useTheme as V } from "./hooks.js";
-import D from "./icons/icon-cvv-visa-mc.js";
-import N from "./icons/icon-cvv-amex.js";
-import q from "./popover.js";
-import G from "./generated/mistica-icons/icon-information-regular.js";
-import { useForm as J, useFieldProps as K } from "./form-context.js";
-import { TextFieldBaseAutosuggest as P } from "./text-field-base.js";
-import { IntegerInput as Q } from "./integer-field.js";
+import N from "./icons/icon-cvv-visa-mc.js";
+import q from "./icons/icon-cvv-amex.js";
+import G from "./popover.js";
+import J from "./generated/mistica-icons/icon-information-regular.js";
+import { useForm as K, useFieldProps as P } from "./form-context.js";
+import { TextFieldBaseAutosuggest as Q } from "./text-field-base.js";
+import { IntegerInput as U } from "./integer-field.js";
 import I from "./inline.js";
-import U from "./stack.js";
-import W from "./box.js";
-import X from "./divider.js";
+import W from "./stack.js";
+import X from "./box.js";
+import Y from "./divider.js";
 import F from "./text.js";
-import { vars as Y } from "./skins/skin-contract.css-mistica.js";
-import { pxToRem as Z } from "./utils/css.js";
+import { vars as Z } from "./skins/skin-contract.css-mistica.js";
+import { pxToRem as _ } from "./utils/css.js";
 import { iconButtonSize as m } from "./text-field-base.css-mistica.js";
-import _ from "./touchable.js";
-import { formCreditCardCvvTooltipVisaMcButtonClose as L, formCreditCardCvvTooltipVisaMcButtonOpen as oo, formCreditCardCvvTooltipVisaMc as ro, formCreditCardCvvTooltipAmex as to, formCreditCardCvvError as eo } from "./text-tokens.js";
-const io = (param)=>{
+import L from "./touchable.js";
+import { formCreditCardCvvTooltipVisaMcButtonClose as oo, formCreditCardCvvTooltipVisaMcButtonOpen as ro, formCreditCardCvvTooltipVisaMc as to, formCreditCardCvvTooltipAmex as eo, formCreditCardCvvError as io } from "./text-tokens.js";
+const no = (param)=>{
     let { acceptedCards: t } = param;
     const { texts: i, t: n } = V();
-    return /* @__PURE__ */ o(H, {
-        children: /* @__PURE__ */ o(W, {
+    return /* @__PURE__ */ o(k, {
+        children: /* @__PURE__ */ o(X, {
             padding: 8,
-            children: /* @__PURE__ */ d(U, {
+            children: /* @__PURE__ */ d(W, {
                 space: 8,
                 children: [
                     /* @__PURE__ */ d(I, {
                         space: 16,
                         alignItems: "center",
                         children: [
-                            /* @__PURE__ */ o(D, {
+                            /* @__PURE__ */ o(N, {
                                 size: 48,
                                 role: "img"
                             }),
                             /* @__PURE__ */ o(F, {
-                                children: i.formCreditCardCvvTooltipVisaMc || n(ro)
+                                children: i.formCreditCardCvvTooltipVisaMc || n(to)
                             })
                         ]
                     }),
-                    /* @__PURE__ */ o(X, {}),
+                    /* @__PURE__ */ o(Y, {}),
                     (t == null ? void 0 : t.americanExpress) && /* @__PURE__ */ d(I, {
                         space: 16,
                         alignItems: "center",
                         children: [
-                            /* @__PURE__ */ o(N, {
+                            /* @__PURE__ */ o(q, {
                                 size: 48,
                                 role: "img"
                             }),
                             /* @__PURE__ */ o(F, {
-                                children: i.formCreditCardCvvTooltipAmex || n(to)
+                                children: i.formCreditCardCvvTooltipAmex || n(eo)
                             })
                         ]
                     })
@@ -138,12 +138,12 @@ const io = (param)=>{
             })
         })
     });
-}, no = (_param)=>{
-    var { disabled: t, error: i, helperText: n, name: l, label: M, optional: B, validate: c, onChange: z, onChangeValue: A, onBlur: E, acceptedCards: $ = {
+}, so = (_param)=>{
+    var { disabled: t, error: i, helperText: n, name: l, label: M, optional: B, validate: c, validateOnBlurInsideForm: z, onChange: A, onChangeValue: E, onBlur: $, acceptedCards: j = {
         americanExpress: !0,
         visa: !0,
         masterCard: !0
-    }, maxLength: p = 4, value: j, autoComplete: y = "cc-csc", defaultValue: O, dataAttributes: S } = _param, b = _object_without_properties(_param, [
+    }, maxLength: p = 4, value: y, autoComplete: O = "cc-csc", defaultValue: S, dataAttributes: b } = _param, w = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -151,6 +151,7 @@ const io = (param)=>{
         "label",
         "optional",
         "validate",
+        "validateOnBlurInsideForm",
         "onChange",
         "onChangeValue",
         "onBlur",
@@ -161,39 +162,40 @@ const io = (param)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: a, t: C } = V(), { setFormError: w, jumpToNext: R } = J(), [f, v] = k.useState(!1), u = (r, s)=>r.length !== p ? a.formCreditCardCvvError || C(eo) : c == null ? void 0 : c(r, s), h = (r)=>r, g = K({
+    const { texts: a, t: C } = V(), { setFormError: R, jumpToNext: H } = K(), [f, v] = D.useState(!1), u = (r, s)=>r.length !== p ? a.formCreditCardCvvError || C(io) : c == null ? void 0 : c(r, s), h = (r)=>r, g = P({
         name: l,
         label: M,
-        value: j,
-        defaultValue: O,
+        value: y,
+        defaultValue: S,
         processValue: h,
         helperText: n,
         optional: B,
         error: i,
         disabled: t,
-        onBlur: E,
+        onBlur: $,
         validate: u,
-        onChange: z,
-        onChangeValue: A
-    }), e = Z(16);
-    return /* @__PURE__ */ o(P, _object_spread_props(_object_spread({}, b, g), {
+        validateOnBlurInsideForm: z,
+        onChange: A,
+        onChangeValue: E
+    }), e = _(16);
+    return /* @__PURE__ */ o(Q, _object_spread_props(_object_spread({}, w, g), {
         maxLength: p,
         onChange: (r)=>{
             g.onChange(r);
             const s = r.currentTarget.value, T = h(s);
             if (T.length === p) {
                 const x = u(T, s);
-                x ? w({
+                x ? R({
                     name: l,
                     error: x
-                }) : R(l);
+                }) : H(l);
             }
         },
-        endIcon: /* @__PURE__ */ o(q, {
+        endIcon: /* @__PURE__ */ o(G, {
             position: "top",
             open: f,
-            children: /* @__PURE__ */ o(io, {
-                acceptedCards: $
+            children: /* @__PURE__ */ o(no, {
+                acceptedCards: j
             }),
             onClose: ()=>v(!1),
             target: /* @__PURE__ */ o("div", {
@@ -201,7 +203,7 @@ const io = (param)=>{
                     width: e,
                     height: e
                 },
-                children: /* @__PURE__ */ o(_, {
+                children: /* @__PURE__ */ o(L, {
                     style: {
                         display: "flex",
                         alignItems: "center",
@@ -213,20 +215,20 @@ const io = (param)=>{
                         top: `calc(-1 * (${m} - ${e}) / 2)`
                     },
                     onPress: ()=>v(!f),
-                    "aria-label": f ? a.formCreditCardCvvTooltipVisaMcButtonClose || C(L) : a.formCreditCardCvvTooltipVisaMcButtonOpen || C(oo),
-                    children: /* @__PURE__ */ o(G, {
+                    "aria-label": f ? a.formCreditCardCvvTooltipVisaMcButtonClose || C(oo) : a.formCreditCardCvvTooltipVisaMcButtonOpen || C(ro),
+                    children: /* @__PURE__ */ o(J, {
                         size: e,
-                        color: Y.colors.neutralMedium
+                        color: Z.colors.neutralMedium
                     })
                 })
             })
         }),
-        autoComplete: y,
-        inputComponent: Q,
+        autoComplete: O,
+        inputComponent: U,
         dataAttributes: _object_spread({
             "component-name": "CvvField",
             testid: "CvvField"
-        }, S)
+        }, b)
     }));
-}, zo = no;
-export { zo as default };
+}, Ao = so;
+export { Ao as default };

package/dist-es/date-field.css-mistica.js

@@ -2,5 +2,5 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./text-field-base.css.ts.vanilla.css-mistica.js";
 import "./date-field.css.ts.vanilla.css-mistica.js";
-var p = "v16_18_1_1pntndu0";
+var p = "v16_19_1pntndu0";
 export { p as iconContainer };

package/dist-es/date-field.js

@@ -80,19 +80,19 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as t } from "react/jsx-runtime";
 import * as f from "react";
-import { useFieldProps as b } from "./form-context.js";
-import { TextFieldBaseAutosuggest as A } from "./text-field-base.js";
-import { isInputTypeSupported as E } from "./utils/dom.js";
-import { isServerSide as N } from "./utils/environment.js";
-import j from "./generated/mistica-icons/icon-calendar-regular.js";
+import { useFieldProps as A } from "./form-context.js";
+import { TextFieldBaseAutosuggest as E } from "./text-field-base.js";
+import { isInputTypeSupported as N } from "./utils/dom.js";
+import { isServerSide as j } from "./utils/environment.js";
+import v from "./generated/mistica-icons/icon-calendar-regular.js";
 import { getLocalDateString as r } from "./utils/time.js";
-import { useTheme as v } from "./hooks.js";
-import { isFirefox as B } from "./utils/platform.js";
-import { iconContainer as C } from "./date-field.css-mistica.js";
-import { iconSize as L } from "./icon-button.css-mistica.js";
-import { formDateOutOfRangeError as M } from "./text-tokens.js";
-const V = /*#__PURE__*/ f.lazy(()=>import(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")), $ = (_param)=>{
-    var { disabled: D, error: F, helperText: g, name: R, label: S, optional: c, validate: s, onChange: I, onChangeValue: n, onBlur: O, value: k, defaultValue: y, min: i, max: o, dataAttributes: d } = _param, u = _object_without_properties(_param, [
+import { useTheme as B } from "./hooks.js";
+import { isFirefox as C } from "./utils/platform.js";
+import { iconContainer as L } from "./date-field.css-mistica.js";
+import { iconSize as M } from "./icon-button.css-mistica.js";
+import { formDateOutOfRangeError as V } from "./text-tokens.js";
+const $ = /*#__PURE__*/ f.lazy(()=>import(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")), q = (_param)=>{
+    var { disabled: D, error: F, helperText: g, name: R, label: S, optional: c, validate: s, validateOnBlurInsideForm: I, onChange: O, onChangeValue: n, onBlur: k, value: y, defaultValue: T, min: i, max: o, dataAttributes: d } = _param, u = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -100,6 +100,7 @@ const V = /*#__PURE__*/ f.lazy(()=>import(/* webpackChunkName: "date-time-picker
         "label",
         "optional",
         "validate",
+        "validateOnBlurInsideForm",
         "onChange",
         "onChangeValue",
         "onBlur",
@@ -109,31 +110,32 @@ const V = /*#__PURE__*/ f.lazy(()=>import(/* webpackChunkName: "date-time-picker
         "max",
         "dataAttributes"
     ]);
-    const T = (e)=>e, h = f.useMemo(()=>B() ? !1 : E("date"), []), { texts: x, t: z } = v(), a = (e)=>!(i && e && e < r(i) || o && e && e > r(o)), l = b({
+    const h = (e)=>e, x = f.useMemo(()=>C() ? !1 : N("date"), []), { texts: z, t: b } = B(), a = (e)=>!(i && e && e < r(i) || o && e && e > r(o)), l = A({
         name: R,
         label: S,
-        value: k,
-        defaultValue: y,
-        processValue: T,
+        value: y,
+        defaultValue: T,
+        processValue: h,
         helperText: g,
         optional: c,
         error: F,
         disabled: D,
-        onBlur: O,
-        validate: (e, m)=>a(e) ? s == null ? void 0 : s(e, m) : x.formDateOutOfRangeError || z(M),
-        onChange: I,
+        onBlur: k,
+        validate: (e, m)=>a(e) ? s == null ? void 0 : s(e, m) : z.formDateOutOfRangeError || b(V),
+        validateOnBlurInsideForm: I,
+        onChange: O,
         onChangeValue: (e, m)=>{
             a(e) && (n == null || n(e, m));
         }
-    }), p = /* @__PURE__ */ t(A, _object_spread_props(_object_spread({}, u, l), {
+    }), p = /* @__PURE__ */ t(E, _object_spread_props(_object_spread({}, u, l), {
         min: i ? r(i) : void 0,
         max: o ? r(o) : void 0,
         type: "date",
         endIconOverlay: /* @__PURE__ */ t("div", {
-            className: C,
+            className: L,
             "data-testid": "endIcon",
-            children: /* @__PURE__ */ t(j, {
-                size: L.default
+            children: /* @__PURE__ */ t(v, {
+                size: M.default
             })
         }),
         dataAttributes: _object_spread({
@@ -141,9 +143,9 @@ const V = /*#__PURE__*/ f.lazy(()=>import(/* webpackChunkName: "date-time-picker
             testid: "DateField"
         }, d)
     }));
-    return h || N() ? p : /* @__PURE__ */ t(f.Suspense, {
+    return x || j() ? p : /* @__PURE__ */ t(f.Suspense, {
         fallback: p,
-        children: /* @__PURE__ */ t(V, _object_spread_props(_object_spread({}, u, l), {
+        children: /* @__PURE__ */ t($, _object_spread_props(_object_spread({}, u, l), {
             optional: c,
             isValidDate: (e)=>a(r(e.toDate())),
             dataAttributes: _object_spread({
@@ -152,5 +154,5 @@ const V = /*#__PURE__*/ f.lazy(()=>import(/* webpackChunkName: "date-time-picker
             }, d)
         }))
     });
-}, ee = $;
-export { ee as default };
+}, te = q;
+export { te as default };