gotrip-fx-transaction-form 1.0.97 → 1.0.98

package/index.js

@@ -1,5 +1,5 @@
 import * as Re from "react";
-import zr, { createContext as Hs, useContext as Yn, forwardRef as Xe, useMemo as Ot, memo as tv, createElement as Nb, Children as Eh, isValidElement as dR, cloneElement as fR, useRef as wt, useLayoutEffect as af, useEffect as $t, useSyncExternalStore as hR, useCallback as Wt, useInsertionEffect as pR, useState as ht, useId as hi, Fragment as u0, Component as h5, useImperativeHandle as Mte, StrictMode as Lte } from "react";
+import zr, { createContext as Hs, useContext as Yn, forwardRef as Xe, useMemo as Pt, memo as tv, createElement as Nb, Children as Eh, isValidElement as dR, cloneElement as fR, useRef as wt, useLayoutEffect as af, useEffect as $t, useSyncExternalStore as hR, useCallback as Wt, useInsertionEffect as pR, useState as ht, useId as hi, Fragment as u0, Component as h5, useImperativeHandle as Mte, StrictMode as Lte } from "react";
 import p5, { createPortal as d0 } from "react-dom";
 var ll = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function kl(e) {
@@ -4471,7 +4471,7 @@ function Oie(e) {
   return typeof e == "string" && Pie.has(e);
 }
 function Nie(e, t, r) {
-  const { css: n, isValidProperty: a } = j0(), { children: i, ...o } = e, s = Ot(() => {
+  const { css: n, isValidProperty: a } = j0(), { children: i, ...o } = e, s = Pt(() => {
     const [h, m] = Yp(
       o,
       (A) => r(A, t.variantKeys)
@@ -4485,12 +4485,12 @@ function Nie(e, t, r) {
       styleProps: x,
       elementProps: S
     };
-  }, [t.variantKeys, r, o, a]), { css: c, ...l } = s.styleProps, u = Ot(() => {
+  }, [t.variantKeys, r, o, a]), { css: c, ...l } = s.styleProps, u = Pt(() => {
     const h = { ...s.variantProps };
     return t.variantKeys.includes("colorPalette") || (h.colorPalette = o.colorPalette), t.variantKeys.includes("orientation") || (h.orientation = o.orientation), t(h);
   }, [t, s.variantProps, o.colorPalette, o.orientation]);
   return {
-    styles: Ot(() => n(u, ...Die(c), l), [n, u, c, l]),
+    styles: Pt(() => n(u, ...Die(c), l), [n, u, c, l]),
     props: {
       ...s.forwardedProps,
       ...s.elementProps,
@@ -4618,7 +4618,7 @@ const aM = ({ cache: e, serialized: t, isStringTag: r }) => {
 }), Cn = jie, $ie = (e, t) => e && !t ? e : !e && t ? t : e.merge(t);
 function MR(e) {
   const { key: t, recipe: r } = e, n = j0();
-  return Ot(() => {
+  return Pt(() => {
     const a = r || (t != null ? n.getRecipe(t) : {});
     return n.cva(structuredClone(a));
   }, [t, r, n]);
@@ -4636,7 +4636,7 @@ function Th(e) {
     const { unstyled: u, ...f } = l, h = MR({
       key: t,
       recipe: f.recipe || r
-    }), [m, y] = Ot(
+    }), [m, y] = Pt(
       () => h.splitVariantProps(f),
       [h, f]
     );
@@ -4648,7 +4648,7 @@ function Th(e) {
   }
   const s = (l, u) => {
     const f = Cn(l, {}, u), h = Xe((m, y) => {
-      const v = i(), x = Ot(
+      const v = i(), x = Pt(
         () => fy(v, m),
         [m, v]
       ), { styles: S, className: A, props: C } = o(x);
@@ -6402,7 +6402,7 @@ function lce(e, t) {
     () => Dd(e.state)
   );
   e.setOptions({ actions: r });
-  const c = Ot(() => Q6(n ?? {}), [n]);
+  const c = Pt(() => Q6(n ?? {}), [n]);
   sce(() => {
     const f = Object.entries(c), h = e.contextSnapshot ?? {};
     f.map(([v, x]) => ({
@@ -6416,7 +6416,7 @@ function lce(e, t) {
   $t(() => {
     i.current = s, o.current = l;
   });
-  const u = Ot(() => /* @__PURE__ */ new WeakMap(), []);
+  const u = Pt(() => /* @__PURE__ */ new WeakMap(), []);
   return B6(s, l, u, cce);
 }
 function uce(e) {
@@ -9518,7 +9518,7 @@ const Bj = Xe((e, t) => {
 });
 Bj.displayName = "CheckboxLabel";
 const fue = (e = {}) => {
-  const t = uue(), r = Go(), n = Ot(() => it(e, (t == null ? void 0 : t.getItemProps({ value: e.value })) ?? {}), [e, t]), { getRootNode: a } = zs(), { dir: i } = Dc(), o = {
+  const t = uue(), r = Go(), n = Pt(() => it(e, (t == null ? void 0 : t.getItemProps({ value: e.value })) ?? {}), [e, t]), { getRootNode: a } = zs(), { dir: i } = Dc(), o = {
     id: hi(),
     ids: {
       label: r == null ? void 0 : r.ids.label,
@@ -10692,10 +10692,10 @@ const Uue = typeof window < "u" ? af : $t, [Z7e, Vue] = Tn({
     const ce = new U.MutationObserver(B);
     return ce.observe(D, { childList: !0, subtree: !0 }), () => ce.disconnect();
   }, [h, m]);
-  const v = Ot(() => {
+  const v = Pt(() => {
     const D = [];
     return s.current && a && D.push(h), c.current && D.push(m), D.join(" ") || void 0;
-  }, [a, h, m]), x = Ot(
+  }, [a, h, m]), x = Pt(
     () => () => ({
       ...sd.root.attrs,
       id: f,
@@ -10706,7 +10706,7 @@ const Uue = typeof window < "u" ? af : $t, [Z7e, Vue] = Tn({
       "data-readonly": ct(i)
     }),
     [n, a, i, f]
-  ), S = Ot(
+  ), S = Pt(
     () => () => ({
       ...sd.label.attrs,
       id: y,
@@ -10716,7 +10716,7 @@ const Uue = typeof window < "u" ? af : $t, [Z7e, Vue] = Tn({
       htmlFor: l
     }),
     [n, a, i, l, y]
-  ), A = Ot(
+  ), A = Pt(
     () => () => ({
       "aria-describedby": v,
       "aria-invalid": Ub(a),
@@ -10729,39 +10729,39 @@ const Uue = typeof window < "u" ? af : $t, [Z7e, Vue] = Tn({
       readOnly: i
     }),
     [v, a, o, i, l, n]
-  ), C = Ot(
+  ), C = Pt(
     () => () => ({
       ...A(),
       ...sd.input.attrs
     }),
     [A]
-  ), R = Ot(
+  ), R = Pt(
     () => () => ({
       ...A(),
       ...sd.textarea.attrs
     }),
     [A]
-  ), I = Ot(
+  ), I = Pt(
     () => () => ({
       ...A(),
       ...sd.select.attrs
     }),
     [A]
-  ), _ = Ot(
+  ), _ = Pt(
     () => () => ({
       id: m,
       ...sd.helperText.attrs,
       "data-disabled": ct(n)
     }),
     [n, m]
-  ), k = Ot(
+  ), k = Pt(
     () => () => ({
       id: h,
       ...sd.errorText.attrs,
       "aria-live": "polite"
     }),
     [h]
-  ), P = Ot(
+  ), P = Pt(
     () => () => ({
       "aria-hidden": !0,
       ...sd.requiredIndicator.attrs
@@ -11477,7 +11477,7 @@ const h8 = Xe(
 );
 h8.displayName = "FileUploadTrigger";
 const rde = (e) => typeof e == "function", nde = (e, ...t) => rde(e) ? e(...t) : e, ade = (e) => {
-  const { value: t, children: r } = e, [n, a] = ht(), i = Ot(() => () => nde(t) ?? (n == null ? void 0 : n.ownerDocument) ?? document, [t, n]), o = Ot(
+  const { value: t, children: r } = e, [n, a] = ht(), i = Pt(() => () => nde(t) ?? (n == null ? void 0 : n.ownerDocument) ?? document, [t, n]), o = Pt(
     () => ({
       getRootNode: i,
       getWindow: () => fi(i()),
@@ -27101,7 +27101,7 @@ const Is = (d5 = __.variants) == null ? void 0 : d5.variant, J0e = xr({
 xH(P_);
 function Cge(e) {
   const { key: t, recipe: r } = e, n = j0();
-  return Ot(() => {
+  return Pt(() => {
     const a = r || (t != null ? n.getSlotRecipe(t) : {});
     return n.sva(structuredClone(a));
   }, [t, r, n]);
@@ -27126,12 +27126,12 @@ const Ege = (e) => e.charAt(0).toUpperCase() + e.slice(1), Ao = (e) => {
     const { unstyled: v, ...x } = y, S = Cge({
       key: t,
       recipe: x.recipe || r
-    }), [A, C] = Ot(
+    }), [A, C] = Pt(
       () => S.splitVariantProps(x),
       [x, S]
     );
     return {
-      styles: Ot(
+      styles: Pt(
         () => v ? Sae : S(A),
         [v, A, S]
       ),
@@ -27141,7 +27141,7 @@ const Ege = (e) => e.charAt(0).toUpperCase() + e.slice(1), Ao = (e) => {
   }
   function f(y, v = {}) {
     const { defaultProps: x } = v, S = (A) => {
-      const C = l(), R = Ot(
+      const C = l(), R = Pt(
         () => fy(x, C, A),
         [C, A]
       ), { styles: I, classNames: _, props: k } = u(R);
@@ -27158,7 +27158,7 @@ const Ege = (e) => e.charAt(0).toUpperCase() + e.slice(1), Ao = (e) => {
     withProvider: (y, v, x) => {
       const { defaultProps: S, ...A } = x ?? {}, C = Cn(y, {}, A), R = Xe((I, _) => {
         var ee;
-        const k = l(), P = Ot(
+        const k = l(), P = Pt(
           () => fy(S ?? {}, k, I),
           [k, I]
         ), { styles: D, props: U, classNames: W } = u(P), B = W[v], ce = /* @__PURE__ */ g.jsx(a, { value: D, children: /* @__PURE__ */ g.jsx(o, { value: W, children: /* @__PURE__ */ g.jsx(
@@ -27316,7 +27316,7 @@ const { withContext: Dge } = Th({
   { key: "button" }
 ), rs = Xe(
   function(t, r) {
-    const n = Fge(), a = Ot(
+    const n = Fge(), a = Pt(
       () => fy(n, t),
       [n, t]
     ), i = Lge(a), {
@@ -28021,10 +28021,10 @@ const UH = Xe(
       separator: l,
       className: u,
       ...f
-    } = t, h = Ot(
+    } = t, h = Pt(
       () => bme({ gap: o, direction: n }),
       [o, n]
-    ), m = Ot(() => l ? Ame(c).map((y, v, x) => {
+    ), m = Pt(() => l ? Ame(c).map((y, v, x) => {
       const S = typeof y.key < "u" ? y.key : v, A = fR(l, {
         css: [h, l.props.css]
       });
@@ -28107,7 +28107,7 @@ const kme = H$, {
   withContext: ju
 } = Ao({ key: "table" }), $H = Xe(
   function({ native: t, ...r }, n) {
-    const { styles: a, props: i, classNames: o } = Pme(r), s = Ot(() => t ? {
+    const { styles: a, props: i, classNames: o } = Pme(r), s = Pt(() => t ? {
       ...a.root,
       "& thead": a.header,
       "& tbody": a.body,
@@ -30199,7 +30199,7 @@ const qe = {
   setSelected: t,
   primaryColor: r = "#fe8e0b"
 }) => {
-  const [n] = uG(), a = q0(), i = n.get("for") === "booker", { groups: o } = Eve(), s = Ot(() => (i && (o[0].useCases[1].hide = !1), o), [i, o]);
+  const [n] = uG(), a = q0(), i = n.get("for") === "booker", { groups: o } = Eve(), s = Pt(() => (i && (o[0].useCases[1].hide = !1), o), [i, o]);
   return /* @__PURE__ */ g.jsx(at, { gap: 2, flexDir: ["column", null, "row"], children: s.map((c) => /* @__PURE__ */ g.jsxs(at, { flexDir: "column", children: [
     /* @__PURE__ */ g.jsx(ze, { textAlign: ["left", null, "center"], fontSize: "24px", fontWeight: "bold", children: c.name }),
     /* @__PURE__ */ g.jsx(
@@ -35318,7 +35318,7 @@ function vbe(e) {
 }
 var sW = /\d/, ps = /\d\d/, cW = /\d{3}/, iP = /\d{4}/, LA = /[+-]?\d{6}/, oa = /\d\d?/, lW = /\d\d\d\d?/, uW = /\d\d\d\d\d\d?/, FA = /\d{1,3}/, oP = /\d{1,4}/, BA = /[+-]?\d{1,6}/, tg = /\d+/, UA = /[+-]?\d+/, xbe = /Z|[+-]\d\d:?\d\d/gi, VA = /Z|[+-]\d\d(?::?\d\d)?/gi, Sbe = /[+-]?\d+(\.\d{1,3})?/, Ev = /[0-9]{0,256}['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFF07\uFF10-\uFFEF]{1,256}|[\u0600-\u06FF\/]{1,256}(\s*?[\u0600-\u06FF]{1,256}){1,2}/i, rg = /^[1-9]\d?/, sP = /^([1-9]\d|\d)/, l1;
 l1 = {};
-function Pt(e, t, r) {
+function Ot(e, t, r) {
   l1[e] = Dl(t) ? t : function(n, a) {
     return n && r ? r : t;
   };
@@ -35376,11 +35376,11 @@ zt(0, ["YY", 2], 0, function() {
 zt(0, ["YYYY", 4], 0, "year");
 zt(0, ["YYYYY", 5], 0, "year");
 zt(0, ["YYYYYY", 6, !0], 0, "year");
-Pt("Y", UA);
-Pt("YY", oa, ps);
-Pt("YYYY", oP, iP);
-Pt("YYYYY", BA, LA);
-Pt("YYYYYY", BA, LA);
+Ot("Y", UA);
+Ot("YY", oa, ps);
+Ot("YYYY", oP, iP);
+Ot("YYYYY", BA, LA);
+Ot("YYYYYY", BA, LA);
 Un(["YYYYY", "YYYYYY"], Ji);
 Un("YYYY", function(e, t) {
   t[Ji] = e.length === 2 ? At.parseTwoDigitYear(e) : Kr(e);
@@ -35497,12 +35497,12 @@ zt("MMM", 0, 0, function(e) {
 zt("MMMM", 0, 0, function(e) {
   return this.localeData().months(this, e);
 });
-Pt("M", oa, rg);
-Pt("MM", oa, ps);
-Pt("MMM", function(e, t) {
+Ot("M", oa, rg);
+Ot("MM", oa, ps);
+Ot("MMM", function(e, t) {
   return t.monthsShortRegex(e);
 });
-Pt("MMMM", function(e, t) {
+Ot("MMMM", function(e, t) {
   return t.monthsRegex(e);
 });
 Un(["M", "MM"], function(e, t) {
@@ -35621,10 +35621,10 @@ function xu(e, t, r) {
 }
 zt("w", ["ww", 2], "wo", "week");
 zt("W", ["WW", 2], "Wo", "isoWeek");
-Pt("w", oa, rg);
-Pt("ww", oa, ps);
-Pt("W", oa, rg);
-Pt("WW", oa, ps);
+Ot("w", oa, rg);
+Ot("ww", oa, ps);
+Ot("W", oa, rg);
+Ot("WW", oa, ps);
 Tv(
   ["w", "ww", "W", "WW"],
   function(e, t, r, n) {
@@ -35666,16 +35666,16 @@ zt("dddd", 0, 0, function(e) {
 });
 zt("e", 0, 0, "weekday");
 zt("E", 0, 0, "isoWeekday");
-Pt("d", oa);
-Pt("e", oa);
-Pt("E", oa);
-Pt("dd", function(e, t) {
+Ot("d", oa);
+Ot("e", oa);
+Ot("E", oa);
+Ot("dd", function(e, t) {
   return t.weekdaysMinRegex(e);
 });
-Pt("ddd", function(e, t) {
+Ot("ddd", function(e, t) {
   return t.weekdaysShortRegex(e);
 });
-Pt("dddd", function(e, t) {
+Ot("dddd", function(e, t) {
   return t.weekdaysRegex(e);
 });
 Tv(["dd", "ddd", "dddd"], function(e, t, r, n) {
@@ -35825,18 +35825,18 @@ SW("A", !1);
 function bW(e, t) {
   return t._meridiemParse;
 }
-Pt("a", bW);
-Pt("A", bW);
-Pt("H", oa, sP);
-Pt("h", oa, rg);
-Pt("k", oa, rg);
-Pt("HH", oa, ps);
-Pt("hh", oa, ps);
-Pt("kk", oa, ps);
-Pt("hmm", lW);
-Pt("hmmss", uW);
-Pt("Hmm", lW);
-Pt("Hmmss", uW);
+Ot("a", bW);
+Ot("A", bW);
+Ot("H", oa, sP);
+Ot("h", oa, rg);
+Ot("k", oa, rg);
+Ot("HH", oa, ps);
+Ot("hh", oa, ps);
+Ot("kk", oa, ps);
+Ot("hmm", lW);
+Ot("hmmss", uW);
+Ot("Hmm", lW);
+Ot("Hmmss", uW);
 Un(["H", "HH"], Za);
 Un(["k", "kk"], function(e, t, r) {
   var n = Kr(e);
@@ -36317,8 +36317,8 @@ function kW(e, t) {
 }
 kW("Z", ":");
 kW("ZZ", "");
-Pt("Z", VA);
-Pt("ZZ", VA);
+Ot("Z", VA);
+Ot("ZZ", VA);
 Un(["Z", "ZZ"], function(e, t, r) {
   r._useUTC = !0, r._tzm = mP(VA, e);
 });
@@ -36816,11 +36816,11 @@ zt("y", ["y", 1], "yo", "eraYear");
 zt("y", ["yy", 2], 0, "eraYear");
 zt("y", ["yyy", 3], 0, "eraYear");
 zt("y", ["yyyy", 4], 0, "eraYear");
-Pt("N", vP);
-Pt("NN", vP);
-Pt("NNN", vP);
-Pt("NNNN", tCe);
-Pt("NNNNN", rCe);
+Ot("N", vP);
+Ot("NN", vP);
+Ot("NNN", vP);
+Ot("NNNN", tCe);
+Ot("NNNNN", rCe);
 Un(
   ["N", "NN", "NNN", "NNNN", "NNNNN"],
   function(e, t, r, n) {
@@ -36828,11 +36828,11 @@ Un(
     a ? Dr(r).era = a : Dr(r).invalidEra = e;
   }
 );
-Pt("y", tg);
-Pt("yy", tg);
-Pt("yyy", tg);
-Pt("yyyy", tg);
-Pt("yo", nCe);
+Ot("y", tg);
+Ot("yy", tg);
+Ot("yyy", tg);
+Ot("yyyy", tg);
+Ot("yo", nCe);
 Un(["y", "yy", "yyy", "yyyy"], Ji);
 Un(["yo"], function(e, t, r, n) {
   var a;
@@ -36955,14 +36955,14 @@ GA("gggg", "weekYear");
 GA("ggggg", "weekYear");
 GA("GGGG", "isoWeekYear");
 GA("GGGGG", "isoWeekYear");
-Pt("G", UA);
-Pt("g", UA);
-Pt("GG", oa, ps);
-Pt("gg", oa, ps);
-Pt("GGGG", oP, iP);
-Pt("gggg", oP, iP);
-Pt("GGGGG", BA, LA);
-Pt("ggggg", BA, LA);
+Ot("G", UA);
+Ot("g", UA);
+Ot("GG", oa, ps);
+Ot("gg", oa, ps);
+Ot("GGGG", oP, iP);
+Ot("gggg", oP, iP);
+Ot("GGGGG", BA, LA);
+Ot("ggggg", BA, LA);
 Tv(
   ["gggg", "ggggg", "GGGG", "GGGGG"],
   function(e, t, r, n) {
@@ -37015,7 +37015,7 @@ function uCe(e, t, r, n, a) {
   return this.year(o.getUTCFullYear()), this.month(o.getUTCMonth()), this.date(o.getUTCDate()), this;
 }
 zt("Q", 0, "Qo", "quarter");
-Pt("Q", sW);
+Ot("Q", sW);
 Un("Q", function(e, t) {
   t[fu] = (Kr(e) - 1) * 3;
 });
@@ -37023,9 +37023,9 @@ function dCe(e) {
   return e == null ? Math.ceil((this.month() + 1) / 3) : this.month((e - 1) * 3 + this.month() % 3);
 }
 zt("D", ["DD", 2], "Do", "date");
-Pt("D", oa, rg);
-Pt("DD", oa, ps);
-Pt("Do", function(e, t) {
+Ot("D", oa, rg);
+Ot("DD", oa, ps);
+Ot("Do", function(e, t) {
   return e ? t._dayOfMonthOrdinalParse || t._ordinalParse : t._dayOfMonthOrdinalParseLenient;
 });
 Un(["D", "DD"], sl);
@@ -37034,8 +37034,8 @@ Un("Do", function(e, t) {
 });
 var VW = ng("Date", !0);
 zt("DDD", ["DDDD", 3], "DDDo", "dayOfYear");
-Pt("DDD", FA);
-Pt("DDDD", cW);
+Ot("DDD", FA);
+Ot("DDDD", cW);
 Un(["DDD", "DDDD"], function(e, t, r) {
   r._dayOfYear = Kr(e);
 });
@@ -37046,13 +37046,13 @@ function fCe(e) {
   return e == null ? t : this.add(e - t, "d");
 }
 zt("m", ["mm", 2], 0, "minute");
-Pt("m", oa, sP);
-Pt("mm", oa, ps);
+Ot("m", oa, sP);
+Ot("mm", oa, ps);
 Un(["m", "mm"], bc);
 var hCe = ng("Minutes", !1);
 zt("s", ["ss", 2], 0, "second");
-Pt("s", oa, sP);
-Pt("ss", oa, ps);
+Ot("s", oa, sP);
+Ot("ss", oa, ps);
 Un(["s", "ss"], hu);
 var pCe = ng("Seconds", !1);
 zt("S", 0, 0, function() {
@@ -37080,12 +37080,12 @@ zt(0, ["SSSSSSSS", 8], 0, function() {
 zt(0, ["SSSSSSSSS", 9], 0, function() {
   return this.millisecond() * 1e6;
 });
-Pt("S", FA, sW);
-Pt("SS", FA, ps);
-Pt("SSS", FA, cW);
+Ot("S", FA, sW);
+Ot("SS", FA, ps);
+Ot("SSS", FA, cW);
 var Ld, jW;
 for (Ld = "SSSS"; Ld.length <= 9; Ld += "S")
-  Pt(Ld, tg);
+  Ot(Ld, tg);
 function gCe(e, t) {
   t[Yf] = Kr(("0." + e) * 1e3);
 }
@@ -37477,8 +37477,8 @@ on.toIsoString = Ys(
 on.lang = DW;
 zt("X", 0, 0, "unix");
 zt("x", 0, 0, "valueOf");
-Pt("x", UA);
-Pt("X", Sbe);
+Ot("x", UA);
+Ot("X", Sbe);
 Un("X", function(e, t, r) {
   r._d = new Date(parseFloat(e) * 1e3);
 });
@@ -37677,7 +37677,7 @@ const rEe = (e) => {
     sm: "25%",
     md: "20%",
     lg: `${16.666666666666668}%`
-  }), i = Ot(() => oEe(e, n), [e, n]);
+  }), i = Pt(() => oEe(e, n), [e, n]);
   return $t(() => {
     var o;
     if (!t && i.length > 0) {
@@ -40312,7 +40312,7 @@ const lTe = ({ children: e, initial: t, isPresent: r, onExitComplete: n, custom:
       if (!m)
         return;
     n && n();
-  }, [c, n]), f = Ot(
+  }, [c, n]), f = Pt(
     () => ({
       id: l,
       initial: t,
@@ -40328,7 +40328,7 @@ const lTe = ({ children: e, initial: t, isPresent: r, onExitComplete: n, custom:
      */
     i ? [Math.random(), u] : [r, u]
   );
-  return Ot(() => {
+  return Pt(() => {
     c.forEach((h, m) => c.set(m, !1));
   }, [r]), Re.useEffect(() => {
     !r && !c.size && n && n();
@@ -40363,7 +40363,7 @@ function _F(e) {
   }), t;
 }
 const hTe = ({ children: e, custom: t, initial: r = !0, onExitComplete: n, presenceAffectsLayout: a = !0, mode: i = "sync", propagate: o = !1, anchorX: s = "left" }) => {
-  const [c, l] = dz(o), u = Ot(() => _F(e), [e]), f = o && !c ? [] : u.map(fS), h = wt(!0), m = wt(u), y = IP(() => /* @__PURE__ */ new Map()), [v, x] = ht(u), [S, A] = ht(u);
+  const [c, l] = dz(o), u = Pt(() => _F(e), [e]), f = o && !c ? [] : u.map(fS), h = wt(!0), m = wt(u), y = IP(() => /* @__PURE__ */ new Map()), [v, x] = ht(u), [S, A] = ht(u);
   uz(() => {
     h.current = !1, m.current = u;
     for (let I = 0; I < S.length; I++) {
@@ -41094,7 +41094,7 @@ function FTe(e, t) {
 }
 function BTe(e) {
   const { initial: t, animate: r } = FTe(e, Yn(YA));
-  return Ot(() => ({ initial: t, animate: r }), [BF(t), BF(r)]);
+  return Pt(() => ({ initial: t, animate: r }), [BF(t), BF(r)]);
 }
 function BF(e) {
   return Array.isArray(e) ? e.join(" ") : e;
@@ -41381,7 +41381,7 @@ function Pz(e, t, r) {
     !Ki(t[n]) && !Rz(n, r) && (e[n] = t[n]);
 }
 function awe({ transformTemplate: e }, t) {
-  return Ot(() => {
+  return Pt(() => {
     const r = zP();
     return WP(r, t, e), Object.assign({}, r.vars, r.style);
   }, [t]);
@@ -41487,7 +41487,7 @@ const Oz = () => ({
   attrs: {}
 }), XP = (e) => typeof e == "string" && e.toLowerCase() === "svg";
 function fwe(e, t, r, n) {
-  const a = Ot(() => {
+  const a = Pt(() => {
     const i = Oz();
     return YP(i, t, XP(n), e.transformTemplate), {
       ...i.attrs,
@@ -41502,7 +41502,7 @@ function fwe(e, t, r, n) {
 }
 function hwe(e = !1) {
   return (r, n, a, { latestValues: i }, o) => {
-    const c = (KP(r) ? fwe : owe)(n, i, o, r), l = MTe(n, typeof r == "string", e), u = r !== u0 ? { ...l, ...c, ref: a } : {}, { children: f } = n, h = Ot(() => Ki(f) ? f.get() : f, [f]);
+    const c = (KP(r) ? fwe : owe)(n, i, o, r), l = MTe(n, typeof r == "string", e), u = r !== u0 ? { ...l, ...c, ref: a } : {}, { children: f } = n, h = Pt(() => Ki(f) ? f.get() : f, [f]);
     return Nb(r, {
       ...u,
       children: h
@@ -51066,7 +51066,7 @@ function XLe(e = {}) {
   ];
 }
 function JLe(e) {
-  const { cssVarsRoot: t, theme: r, children: n } = e, a = Ot(() => W_e(r), [r]);
+  const { cssVarsRoot: t, theme: r, children: n } = e, a = Pt(() => W_e(r), [r]);
   return /* @__PURE__ */ g.jsxs(h6, { theme: a, children: [
     /* @__PURE__ */ g.jsx(ZLe, { root: t }),
     n
@@ -51131,7 +51131,7 @@ var qLe = {
   $t(() => {
     m && i && a();
   }, [m, i, a]), iTe(x, f);
-  const S = Ot(
+  const S = Pt(
     () => ({
       pointerEvents: "auto",
       maxWidth: 560,
@@ -51140,7 +51140,7 @@ var qLe = {
       ...c
     }),
     [c, u]
-  ), A = Ot(() => rTe(o), [o]);
+  ), A = Pt(() => rTe(o), [o]);
   return /* @__PURE__ */ g.jsx(
     VRe.div,
     {
@@ -51692,7 +51692,7 @@ var [xKe, pFe] = Dv({
     }
   );
 }, xFe = (e) => {
-  const { children: t, containerRef: r, appendToParentPortal: n } = e, a = r.current, i = a ?? (typeof window < "u" ? document.body : void 0), o = Ot(() => {
+  const { children: t, containerRef: r, appendToParentPortal: n } = e, a = r.current, i = a ?? (typeof window < "u" ? document.body : void 0), o = Pt(() => {
     const c = a == null ? void 0 : a.ownerDocument.createElement("div");
     return c && (c.className = x2), c;
   }, [a]), [, s] = ht({});
@@ -67700,7 +67700,7 @@ function k7(e, t, r, n, a, i) {
   }, f = e, h = r;
   o0(e) && (f = c.numAsString, h = !0);
   var m = o(f, h);
-  return Ot(function() {
+  return Pt(function() {
     l(m);
   }, [m.formattedValue]), [c, u];
 }
@@ -68911,10 +68911,10 @@ function lC(e) {
   return g.jsx(O2, { className: t, count: n, offset: c, wrap: !0, children: v });
 }
 function uC(e) {
-  var t = e.activeStartDate, r = e.children, n = e.classes, a = e.date, i = e.formatAbbr, o = e.locale, s = e.maxDate, c = e.maxDateTransform, l = e.minDate, u = e.minDateTransform, f = e.onClick, h = e.onMouseOver, m = e.style, y = e.tileClassName, v = e.tileContent, x = e.tileDisabled, S = e.view, A = Ot(function() {
+  var t = e.activeStartDate, r = e.children, n = e.classes, a = e.date, i = e.formatAbbr, o = e.locale, s = e.maxDate, c = e.maxDateTransform, l = e.minDate, u = e.minDateTransform, f = e.onClick, h = e.onMouseOver, m = e.style, y = e.tileClassName, v = e.tileContent, x = e.tileDisabled, S = e.view, A = Pt(function() {
     var R = { activeStartDate: t, date: a, view: S };
     return typeof y == "function" ? y(R) : y;
-  }, [t, a, y, S]), C = Ot(function() {
+  }, [t, a, y, S]), C = Pt(function() {
     var R = { activeStartDate: t, date: a, view: S };
     return typeof v == "function" ? v(R) : v;
   }, [t, a, v, S]);
@@ -70984,7 +70984,7 @@ function oK(e) {
       K && !st && K.removeAttribute("style");
     }, className: hr, children: Q }) });
   }
-  var Qr = Ot(function() {
+  var Qr = Pt(function() {
     return E4e(he);
   }, [he]);
   return g.jsxs("div", Bd({ className: js(so, "".concat(so, "--").concat(Me || st ? "open" : "closed"), "".concat(so, "--").concat(S ? "disabled" : "enabled"), o), "data-testid": h, id: I }, Qr, { onFocus: qn, ref: Bt, children: [jr(), Mn(), rr()] }));
@@ -70996,12 +70996,12 @@ const T3 = ({
   placeholder: n = "Tìm kiếm...",
   styles: a
 }) => {
-  const { open: i, onOpen: o, onClose: s } = ej(), [c, l] = ht(""), u = wt(null), f = wt(null), h = a != null && a.container ? a.container({}) : {}, m = a != null && a.menu ? a.menu({}) : {}, y = a != null && a.control ? a.control({}) : {}, v = Ot(
+  const { open: i, onOpen: o, onClose: s } = ej(), [c, l] = ht(""), u = wt(null), f = wt(null), h = a != null && a.container ? a.container({}) : {}, m = a != null && a.menu ? a.menu({}) : {}, y = a != null && a.control ? a.control({}) : {}, v = Pt(
     () => e.filter(
       (A) => A.label.toLowerCase().includes(c.toLowerCase()) || A.value.toLowerCase().includes(c.toLowerCase())
     ),
     [c, e]
-  ), x = e.find((A) => A.value === t);
+  ), x = Pt(() => typeof t == "string" || typeof t == "number" ? e.find((A) => A.value === t) : t, [t, e]);
   $t(() => {
     const A = (C) => {
       f.current && !f.current.contains(C.target) && s();
@@ -71025,9 +71025,7 @@ const T3 = ({
     }, 0);
   }, [i]);
   const S = (A) => {
-    r(A), s();
-    const C = e.find((R) => R.value === A);
-    l((C == null ? void 0 : C.label) || "");
+    r(A), s(), l((A == null ? void 0 : A.label) || "");
   };
   return /* @__PURE__ */ g.jsxs(Jt, { ref: f, position: "relative", minW: "200px", width: "100%", style: h, children: [
     /* @__PURE__ */ g.jsxs(
@@ -71079,7 +71077,7 @@ const T3 = ({
               border: "1px solid",
               borderColor: "gray.50",
               onKeyDown: (A) => {
-                A.key === "Enter" && (A.preventDefault(), S(c));
+                A.key === "Enter" && A.preventDefault();
               },
               onFocus: (A) => {
                 A.stopPropagation();
@@ -71097,16 +71095,16 @@ const T3 = ({
               py: 2,
               cursor: "pointer",
               _hover: {
-                bg: A.value === t ? "blue.500" : "blue.100",
-                color: A.value === t ? "white" : "black"
+                bg: A.value === (x == null ? void 0 : x.value) ? "blue.500" : "blue.100",
+                color: A.value === (x == null ? void 0 : x.value) ? "white" : "black"
               },
-              bg: A.value === t ? "blue.500" : "white",
-              color: A.value === t ? "white" : "black",
+              bg: A.value === (x == null ? void 0 : x.value) ? "blue.500" : "white",
+              color: A.value === (x == null ? void 0 : x.value) ? "white" : "black",
               onMouseDown: (R) => {
-                R.stopPropagation(), S(A.value);
+                R.stopPropagation(), S(A);
               },
               role: "option",
-              "aria-selected": A.value === t,
+              "aria-selected": A.value === (x == null ? void 0 : x.value),
               children: A.label
             },
             `${A.value}-${C}`
@@ -71184,7 +71182,7 @@ const T3 = ({
     const pt = new URLSearchParams(window.location.search).get("ref_code");
     pt && re(pt);
   }, []);
-  const [Ve, Y] = ht(), Ue = Ot(() => {
+  const [Ve, Y] = ht(), Ue = Pt(() => {
     if (!(Ve != null && Ve.settings))
       return yh({ items: [] });
     const Le = Ve.settings.availableCurrencies || [];
@@ -71224,7 +71222,7 @@ const T3 = ({
       B(Le), Te("currencyCode", Le), Me("currencyCode"), $e();
     },
     [$e]
-  ), ft = Ot(() => u[`${W}-${Ve == null ? void 0 : Ve.shortName}`] || "0", [W, Ve]), {
+  ), ft = Pt(() => u[`${W}-${Ve == null ? void 0 : Ve.shortName}`] || "0", [W, Ve]), {
     register: Ae,
     handleSubmit: X,
     formState: { errors: z },
@@ -71385,7 +71383,7 @@ const T3 = ({
       }
       m();
     } catch (pt) {
-      console.log((Le = pt.response) == null ? void 0 : Le.data), A({
+      console.error((Le = pt.response) == null ? void 0 : Le.data), A({
         isOpen: !0,
         message: "Lấy thông tin chuyến bay không thành công. Tuy nhiên điều này không cần thiết để đặt mua ngoại tệ."
       });
@@ -71749,9 +71747,12 @@ const T3 = ({
                       label: Le.airline,
                       value: Le.iata
                     })),
-                    value: he("airlineCode"),
+                    value: {
+                      label: he("airlineName"),
+                      value: he("airlineCode")
+                    },
                     onChange: (Le) => {
-                      Te("airlineCode", Le), Te("airlineName", Le), Me("airlineName");
+                      Te("airlineCode", Le.value), Te("airlineName", Le.label), Me("airlineName");
                     },
                     placeholder: "Tìm hãng hàng không",
                     styles: {
@@ -71818,9 +71819,12 @@ const T3 = ({
                         value: Le.alpha2
                       })
                     ),
-                    value: he("countryCodeDes"),
                     onChange: (Le) => {
-                      Te("countryCodeDes", Le), Te("countryNameDes", Le), Me("countryNameDes");
+                      Te("countryCodeDes", Le.value), Te("countryNameDes", Le.label), Me("countryNameDes");
+                    },
+                    value: {
+                      label: he("countryNameDes"),
+                      value: he("countryCodeDes")
                     },
                     placeholder: "Tìm quốc gia đến",
                     styles: {
@@ -72027,7 +72031,7 @@ const T3 = ({
 }, _Ue = () => {
   const { user: e } = wl();
   return {
-    items: Ot(() => {
+    items: Pt(() => {
       var n, a;
       if (!e)
         return [];
@@ -72856,7 +72860,7 @@ const T3 = ({
     document3: [],
     document4: [],
     document5: []
-  }), _ = Ot(() => yh({
+  }), _ = Pt(() => yh({
     items: [
       {
         label: "USD",
@@ -73520,7 +73524,7 @@ var vK = function(t) {
     zIndex: 1
   };
 }, _Ve = function(t) {
-  var r = t.appendTo, n = t.children, a = t.controlElement, i = t.innerProps, o = t.menuPlacement, s = t.menuPosition, c = wt(null), l = wt(null), u = ht(vK(o)), f = Tu(u, 2), h = f[0], m = f[1], y = Ot(function() {
+  var r = t.appendTo, n = t.children, a = t.controlElement, i = t.innerProps, o = t.menuPlacement, s = t.menuPosition, c = wt(null), l = wt(null), u = ht(vK(o)), f = Tu(u, 2), h = f[0], m = f[1], y = Pt(function() {
     return {
       setPortalPlacement: m
     };
@@ -74109,9 +74113,9 @@ var O5e = {
     return "".concat(n).concat(r ? " for search term " + r : "", ".");
   }
 }, M5e = function(t) {
-  var r = t.ariaSelection, n = t.focusedOption, a = t.focusedValue, i = t.focusableOptions, o = t.isFocused, s = t.selectValue, c = t.selectProps, l = t.id, u = t.isAppleDevice, f = c.ariaLiveMessages, h = c.getOptionLabel, m = c.inputValue, y = c.isMulti, v = c.isOptionDisabled, x = c.isSearchable, S = c.menuIsOpen, A = c.options, C = c.screenReaderStatus, R = c.tabSelectsValue, I = c.isLoading, _ = c["aria-label"], k = c["aria-live"], P = Ot(function() {
+  var r = t.ariaSelection, n = t.focusedOption, a = t.focusedValue, i = t.focusableOptions, o = t.isFocused, s = t.selectValue, c = t.selectProps, l = t.id, u = t.isAppleDevice, f = c.ariaLiveMessages, h = c.getOptionLabel, m = c.inputValue, y = c.isMulti, v = c.isOptionDisabled, x = c.isSearchable, S = c.menuIsOpen, A = c.options, C = c.screenReaderStatus, R = c.tabSelectsValue, I = c.isLoading, _ = c["aria-label"], k = c["aria-live"], P = Pt(function() {
     return Qt(Qt({}, D5e), f || {});
-  }, [f]), D = Ot(function() {
+  }, [f]), D = Pt(function() {
     var se = "";
     if (r && P.onChange) {
       var ne = r.option, re = r.options, be = r.removedValue, q = r.removedValues, le = r.value, Oe = function(xe) {
@@ -74126,7 +74130,7 @@ var O5e = {
       se = P.onChange(De);
     }
     return se;
-  }, [r, P, v, s, h]), U = Ot(function() {
+  }, [r, P, v, s, h]), U = Pt(function() {
     var se = "", ne = n || a, re = !!(n && s && s.includes(n));
     if (ne && P.onFocus) {
       var be = {
@@ -74142,7 +74146,7 @@ var O5e = {
       se = P.onFocus(be);
     }
     return se;
-  }, [n, a, h, v, P, i, s, u]), W = Ot(function() {
+  }, [n, a, h, v, P, i, s, u]), W = Pt(function() {
     var se = "";
     if (S && A.length && !I && P.onFilter) {
       var ne = C({
@@ -74154,7 +74158,7 @@ var O5e = {
       });
     }
     return se;
-  }, [i, m, S, P, A, C, I]), B = (r == null ? void 0 : r.action) === "initial-input-focus", ce = Ot(function() {
+  }, [i, m, S, P, A, C, I]), B = (r == null ? void 0 : r.action) === "initial-input-focus", ce = Pt(function() {
     var se = "";
     if (P.guidance) {
       var ne = a ? "value" : S ? "menu" : "input";
@@ -76220,7 +76224,7 @@ const am = 10 * 1024 * 1024, im = 5, FK = ({ total: e = 100, uploaded: t = 0 })
     document1: [],
     document2: [],
     document3: []
-  }), _ = Ot(() => yh({
+  }), _ = Pt(() => yh({
     items: [
       {
         label: "USD",
@@ -80330,17 +80334,17 @@ const T6e = ({
   setSelectedBank: a,
   setAmount: i
 }) => {
-  const o = wt(null), s = wt(null), [c, l] = ht([]), [u, f] = ht([]), [h, m] = ht([]), y = wt({}), v = q0(), x = Ot(() => yh({
+  const o = wt(null), s = wt(null), [c, l] = ht([]), [u, f] = ht([]), [h, m] = ht([]), y = wt({}), v = q0(), x = Pt(() => yh({
     items: u.map((_) => ({
       label: _,
       value: _
     }))
-  }), [u]), S = Ot(() => yh({
+  }), [u]), S = Pt(() => yh({
     items: h.map((_) => ({
       label: _.name,
       value: _.shortName
     }))
-  }), [h]), A = Ot(() => y.current[`${e}-${t}`] || "0", [e, t]), C = Wt((_) => {
+  }), [h]), A = Pt(() => y.current[`${e}-${t}`] || "0", [e, t]), C = Wt((_) => {
     n(_);
   }, []), R = Wt((_) => {
     a(_);
@@ -102006,7 +102010,7 @@ const P7e = Ec().shape({
   // 'Ngân hàng': 'bankCode',
   "Số lượng muốn mua": "amount"
 }, O7e = (e) => {
-  const { user: t } = wl(), [r, n] = ht([]), [a, i] = ht(null), o = wt(null), [s, c] = ht(!1), { setModalSuccess: l, setModalError: u } = L0(), [f, h] = ht([]), [m, y] = ht(!1), [v, x] = ht(!1), [S, A] = ht(), [C, R] = ht("USD"), I = Ot(() => yh({
+  const { user: t } = wl(), [r, n] = ht([]), [a, i] = ht(null), o = wt(null), [s, c] = ht(!1), { setModalSuccess: l, setModalError: u } = L0(), [f, h] = ht([]), [m, y] = ht(!1), [v, x] = ht(!1), [S, A] = ht(), [C, R] = ht("USD"), I = Pt(() => yh({
     items: r.filter(
       (Ue) => {
         var $e;
@@ -102016,7 +102020,7 @@ const P7e = Ec().shape({
       label: Ue,
       value: Ue
     }))
-  }), [r]), [_, k] = ht(!1), P = Ot(() => {
+  }), [r]), [_, k] = ht(!1), P = Pt(() => {
     const Ue = v ? Ec().shape({
       name: Kt().required("Vui lòng nhập tên người đại diện"),
       idNo: Kt().required("Vui lòng nhập số CMND/CCCD").matches(A2, "Số CMND/CCCD không hợp lệ"),
@@ -102073,7 +102077,7 @@ const P7e = Ec().shape({
         idNo: (t == null ? void 0 : t.identityNumber) || ""
       }
     }
-  }), q = Ot(() => Object.values(ce).length > 0 || !S || !C, [ce, S, C]), le = Wt(async () => {
+  }), q = Pt(() => Object.values(ce).length > 0 || !S || !C, [ce, S, C]), le = Wt(async () => {
     var $e;
     return S ? (($e = (await Oi.get(Vo.currency.list(S == null ? void 0 : S.shortName))).data) == null ? void 0 : $e[S == null ? void 0 : S.shortName]) || [] : [];
   }, [S]);
@@ -102083,7 +102087,7 @@ const P7e = Ec().shape({
       n(_7e($e));
     });
   }, [le]);
-  const Oe = Ot(() => r.map((Ue) => ({
+  const Oe = Pt(() => r.map((Ue) => ({
     label: Ue,
     value: Ue
   })), [r]), H = async (Ue) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gotrip-fx-transaction-form",
-  "version": "1.0.97",
+  "version": "1.0.98",
   "description": "FX Transaction Form ES6 module",
   "main": "index.js",
   "types": "types/index.d.ts",

package/types/design-systems/Select/SelectSearchable.d.ts

@@ -4,8 +4,8 @@ export type Option = {
 };
 type ChakraSelectSearchableProps = {
     options: Option[];
-    value?: string;
-    onChange: (value: string) => void;
+    value?: string | number | Option;
+    onChange: (value: Option) => void;
     placeholder?: string;
     styles?: {
         container?: (base: React.CSSProperties) => React.CSSProperties;