@mx-cartographer/experiences 9.1.0-alpha.bb1 → 9.1.1

package/dist/ConnectDrawer-CW4LA3H3.mjs

@@ -0,0 +1,58 @@
+import { jsx as r, jsxs as E } from "react/jsx-runtime";
+import s from "react";
+import { observer as _ } from "mobx-react-lite";
+import { useTheme as g } from "@mui/material/styles";
+import { ConnectWidget as x } from "@mxenabled/web-widget-sdk";
+import { b as a, a as c, M as i } from "./Connect-BH0Pt6zc.mjs";
+import { c as D, d as L, u as w } from "./hooks-97sNJ_lf.mjs";
+import { D as y } from "./Drawer-DsnW2o0v.mjs";
+const I = ({
+  loadWidgetProps: l,
+  onClose: u,
+  showConnectWidget: o,
+  title: m
+}) => {
+  let n;
+  const { refreshAccounts: f } = D(), { loadWidget: d } = L(), { connect: p } = w(), [C, e] = s.useState(!1), [h, t] = s.useState(!1), {
+    palette: { mode: S }
+  } = g();
+  return s.useEffect(() => (o ? (e(!0), d({ mode: S, ...l }).then((b) => {
+    n = new x({
+      container: `#${a}`,
+      style: {
+        border: "none",
+        height: "calc(100% - 62px)",
+        maxWidth: "450px",
+        position: "absolute",
+        width: "100%"
+      },
+      url: b.url,
+      onSsoUrlLoadError: () => {
+        e(!1), t(!0);
+      },
+      onLoad: () => {
+        e(!1), t(!1);
+      }
+    });
+  })) : (e(!1), t(!1)), () => {
+    n?.unmount();
+  }), [o]), /* @__PURE__ */ r(
+    y,
+    {
+      ariaLabelClose: p.close_manage_connection_aria,
+      isOpen: o,
+      onClose: () => {
+        u(), f();
+      },
+      title: m,
+      children: /* @__PURE__ */ E("div", { id: a, children: [
+        h && /* @__PURE__ */ r(c, { status: i.Error }),
+        C && /* @__PURE__ */ r(c, { status: i.Loading })
+      ] })
+    }
+  );
+}, O = _(I);
+export {
+  O as C
+};
+//# sourceMappingURL=ConnectDrawer-CW4LA3H3.mjs.map

package/dist/ConnectDrawer-CW4LA3H3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectDrawer-CW4LA3H3.mjs","sources":["../src/common/components/ConnectDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { useTheme } from '@mui/material/styles'\nimport { ConnectWidget } from '@mxenabled/web-widget-sdk'\n\nimport ConnectStatus from '../../accounts/components/ConnectStatus'\nimport { Drawer, useAccountStore, useGlobalCopyStore } from '../../common'\nimport { MemberConnectionStatus } from '../../accounts/constants/Accounts'\nimport { CONNECT_WIDGET_ID } from '../constants/Connect'\nimport { useConnectStore } from '../context/hooks'\n\ninterface ConnectDrawerProps {\n  loadWidgetProps?: object\n  onClose: () => void\n  showConnectWidget: boolean\n  title: string\n}\n\nconst ConnectDrawer: React.FC<ConnectDrawerProps> = ({\n  loadWidgetProps,\n  onClose,\n  showConnectWidget,\n  title,\n}) => {\n  let connectWidget: ConnectWidget\n\n  const { refreshAccounts } = useAccountStore()\n  const { loadWidget } = useConnectStore()\n  const { connect: connectCopy } = useGlobalCopyStore()\n  const [isLoading, setIsLoading] = React.useState(false)\n  const [hasError, setHasError] = React.useState(false)\n  const {\n    palette: { mode },\n  } = useTheme()\n\n  React.useEffect(() => {\n    if (showConnectWidget) {\n      setIsLoading(true)\n      loadWidget({ mode: mode, ...loadWidgetProps }).then((res) => {\n        connectWidget = new ConnectWidget({\n          container: `#${CONNECT_WIDGET_ID}`,\n          style: {\n            border: 'none',\n            height: 'calc(100% - 62px)',\n            maxWidth: '450px',\n            position: 'absolute',\n            width: '100%',\n          },\n          url: res.url,\n          onSsoUrlLoadError: () => {\n            setIsLoading(false)\n            setHasError(true)\n          },\n          onLoad: () => {\n            setIsLoading(false)\n            setHasError(false)\n          },\n        })\n      })\n    } else {\n      setIsLoading(false)\n      setHasError(false)\n    }\n\n    return () => {\n      connectWidget?.unmount()\n    }\n  }, [showConnectWidget])\n\n  return (\n    <Drawer\n      ariaLabelClose={connectCopy.close_manage_connection_aria}\n      isOpen={showConnectWidget}\n      onClose={() => {\n        onClose()\n        refreshAccounts()\n      }}\n      title={title}\n    >\n      <div id={CONNECT_WIDGET_ID}>\n        {hasError && <ConnectStatus status={MemberConnectionStatus.Error} />}\n        {isLoading && <ConnectStatus status={MemberConnectionStatus.Loading} />}\n      </div>\n    </Drawer>\n  )\n}\n\nexport default observer(ConnectDrawer)\n"],"names":["ConnectDrawer","loadWidgetProps","onClose","showConnectWidget","title","connectWidget","refreshAccounts","useAccountStore","loadWidget","useConnectStore","connectCopy","useGlobalCopyStore","isLoading","setIsLoading","React","hasError","setHasError","mode","useTheme","res","ConnectWidget","CONNECT_WIDGET_ID","jsx","Drawer","jsxs","ConnectStatus","MemberConnectionStatus","ConnectDrawer$1","observer"],"mappings":";;;;;;;;AAkBA,MAAMA,IAA8C,CAAC;AAAA,EACnD,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,MAAIC;AAEJ,QAAM,EAAE,iBAAAC,EAAA,IAAoBC,EAAA,GACtB,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjB,EAAE,SAASC,EAAA,IAAgBC,EAAA,GAC3B,CAACC,GAAWC,CAAY,IAAIC,EAAM,SAAS,EAAK,GAChD,CAACC,GAAUC,CAAW,IAAIF,EAAM,SAAS,EAAK,GAC9C;AAAA,IACJ,SAAS,EAAE,MAAAG,EAAA;AAAA,EAAK,IACdC,EAAA;AAEJJ,SAAAA,EAAM,UAAU,OACVX,KACFU,EAAa,EAAI,GACjBL,EAAW,EAAE,MAAAS,GAAY,GAAGhB,EAAA,CAAiB,EAAE,KAAK,CAACkB,MAAQ;AAC3D,IAAAd,IAAgB,IAAIe,EAAc;AAAA,MAChC,WAAW,IAAIC,CAAiB;AAAA,MAChC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,MAAA;AAAA,MAET,KAAKF,EAAI;AAAA,MACT,mBAAmB,MAAM;AACvB,QAAAN,EAAa,EAAK,GAClBG,EAAY,EAAI;AAAA,MAClB;AAAA,MACA,QAAQ,MAAM;AACZ,QAAAH,EAAa,EAAK,GAClBG,EAAY,EAAK;AAAA,MACnB;AAAA,IAAA,CACD;AAAA,EACH,CAAC,MAEDH,EAAa,EAAK,GAClBG,EAAY,EAAK,IAGZ,MAAM;AACX,IAAAX,GAAe,QAAA;AAAA,EACjB,IACC,CAACF,CAAiB,CAAC,GAGpB,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBb,EAAY;AAAA,MAC5B,QAAQP;AAAA,MACR,SAAS,MAAM;AACb,QAAAD,EAAA,GACAI,EAAA;AAAA,MACF;AAAA,MACA,OAAAF;AAAA,MAEA,UAAA,gBAAAoB,EAAC,OAAA,EAAI,IAAIH,GACN,UAAA;AAAA,QAAAN,KAAY,gBAAAO,EAACG,GAAA,EAAc,QAAQC,EAAuB,OAAO;AAAA,QACjEd,KAAa,gBAAAU,EAACG,GAAA,EAAc,QAAQC,EAAuB,QAAA,CAAS;AAAA,MAAA,EAAA,CACvE;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAC,IAAeC,EAAS5B,CAAa;"}

package/dist/ConnectionsDrawer-CZU9ku-k.mjs

@@ -0,0 +1,54 @@
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import s from "react";
+import { observer as E } from "mobx-react-lite";
+import { useTheme as _ } from "@mui/material/styles";
+import { ConnectionsWidget as b } from "@mxenabled/web-widget-sdk";
+import { C as a, a as c, M as i } from "./Connect-BH0Pt6zc.mjs";
+import { c as D, d as L, u as w } from "./hooks-97sNJ_lf.mjs";
+import { D as x } from "./Drawer-DsnW2o0v.mjs";
+const I = ({
+  onClose: l,
+  showConnectionsWidget: o,
+  title: u
+}) => {
+  let n;
+  const { refreshAccounts: m } = D(), { loadWidget: f } = L(), { connect: d } = w(), p = _(), [C, e] = s.useState(!1), [S, t] = s.useState(!1);
+  return s.useEffect(() => (o ? (e(!0), f({ widget: "connections_widget", mode: p.palette.mode }).then((h) => {
+    n = new b({
+      container: `#${a}`,
+      style: {
+        border: "none",
+        height: "calc(100% - 62px)",
+        width: "100%",
+        position: "absolute"
+      },
+      url: h.url,
+      onSsoUrlLoadError: () => {
+        e(!1), t(!0);
+      },
+      onLoad: () => {
+        e(!1), t(!1);
+      }
+    });
+  })) : (e(!1), t(!1)), () => {
+    n?.unmount();
+  }), [o]), /* @__PURE__ */ r(
+    x,
+    {
+      ariaLabelClose: d.close_connections_aria,
+      isOpen: o,
+      onClose: () => {
+        l(), m();
+      },
+      title: u,
+      children: /* @__PURE__ */ g("div", { id: a, children: [
+        S && /* @__PURE__ */ r(c, { status: i.Error }),
+        C && /* @__PURE__ */ r(c, { status: i.Loading })
+      ] })
+    }
+  );
+}, M = E(I);
+export {
+  M as C
+};
+//# sourceMappingURL=ConnectionsDrawer-CZU9ku-k.mjs.map

package/dist/ConnectionsDrawer-CZU9ku-k.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionsDrawer-CZU9ku-k.mjs","sources":["../src/accounts/components/ConnectionsDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useTheme } from '@mui/material/styles'\n\nimport { ConnectionsWidget } from '@mxenabled/web-widget-sdk'\n\nimport ConnectStatus from './ConnectStatus'\nimport { Drawer, useAccountStore, useGlobalCopyStore } from '../../common'\nimport { MemberConnectionStatus } from '../constants/Accounts'\nimport { CONNECTIONS_WIDGET_ID } from '../../common/constants/Connect'\nimport { useConnectStore } from '../../common/context/hooks'\n\ninterface ConnectionsDrawerProps {\n  onClose: () => void\n  showConnectionsWidget: boolean\n  title: string\n}\n\nconst ConnectionsDrawer: React.FC<ConnectionsDrawerProps> = ({\n  onClose,\n  showConnectionsWidget,\n  title,\n}) => {\n  let connectionsWidget: ConnectionsWidget\n  const { refreshAccounts } = useAccountStore()\n  const { loadWidget } = useConnectStore()\n  const { connect: connectCopy } = useGlobalCopyStore()\n  const theme = useTheme()\n\n  const [isLoading, setIsLoading] = React.useState(false)\n  const [hasError, setHasError] = React.useState(false)\n\n  React.useEffect(() => {\n    if (showConnectionsWidget) {\n      setIsLoading(true)\n      loadWidget({ widget: 'connections_widget', mode: theme.palette.mode }).then((res) => {\n        connectionsWidget = new ConnectionsWidget({\n          container: `#${CONNECTIONS_WIDGET_ID}`,\n          style: {\n            border: 'none',\n            height: 'calc(100% - 62px)',\n            width: '100%',\n            position: 'absolute',\n          },\n          url: res.url,\n          onSsoUrlLoadError: () => {\n            setIsLoading(false)\n            setHasError(true)\n          },\n          onLoad: () => {\n            setIsLoading(false)\n            setHasError(false)\n          },\n        })\n      })\n    } else {\n      setIsLoading(false)\n      setHasError(false)\n    }\n\n    return () => {\n      connectionsWidget?.unmount()\n    }\n  }, [showConnectionsWidget])\n\n  return (\n    <Drawer\n      ariaLabelClose={connectCopy.close_connections_aria}\n      isOpen={showConnectionsWidget}\n      onClose={() => {\n        onClose()\n        refreshAccounts()\n      }}\n      title={title}\n    >\n      <div id={CONNECTIONS_WIDGET_ID}>\n        {hasError && <ConnectStatus status={MemberConnectionStatus.Error} />}\n        {isLoading && <ConnectStatus status={MemberConnectionStatus.Loading} />}\n      </div>\n    </Drawer>\n  )\n}\n\nexport default observer(ConnectionsDrawer)\n"],"names":["ConnectionsDrawer","onClose","showConnectionsWidget","title","connectionsWidget","refreshAccounts","useAccountStore","loadWidget","useConnectStore","connectCopy","useGlobalCopyStore","theme","useTheme","isLoading","setIsLoading","React","hasError","setHasError","res","ConnectionsWidget","CONNECTIONS_WIDGET_ID","jsx","Drawer","jsxs","ConnectStatus","MemberConnectionStatus","ConnectionsDrawer$1","observer"],"mappings":";;;;;;;;AAmBA,MAAMA,IAAsD,CAAC;AAAA,EAC3D,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,MAAIC;AACJ,QAAM,EAAE,iBAAAC,EAAA,IAAoBC,EAAA,GACtB,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjB,EAAE,SAASC,EAAA,IAAgBC,EAAA,GAC3BC,IAAQC,EAAA,GAER,CAACC,GAAWC,CAAY,IAAIC,EAAM,SAAS,EAAK,GAChD,CAACC,GAAUC,CAAW,IAAIF,EAAM,SAAS,EAAK;AAEpDA,SAAAA,EAAM,UAAU,OACVb,KACFY,EAAa,EAAI,GACjBP,EAAW,EAAE,QAAQ,sBAAsB,MAAMI,EAAM,QAAQ,KAAA,CAAM,EAAE,KAAK,CAACO,MAAQ;AACnF,IAAAd,IAAoB,IAAIe,EAAkB;AAAA,MACxC,WAAW,IAAIC,CAAqB;AAAA,MACpC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,MAEZ,KAAKF,EAAI;AAAA,MACT,mBAAmB,MAAM;AACvB,QAAAJ,EAAa,EAAK,GAClBG,EAAY,EAAI;AAAA,MAClB;AAAA,MACA,QAAQ,MAAM;AACZ,QAAAH,EAAa,EAAK,GAClBG,EAAY,EAAK;AAAA,MACnB;AAAA,IAAA,CACD;AAAA,EACH,CAAC,MAEDH,EAAa,EAAK,GAClBG,EAAY,EAAK,IAGZ,MAAM;AACX,IAAAb,GAAmB,QAAA;AAAA,EACrB,IACC,CAACF,CAAqB,CAAC,GAGxB,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBb,EAAY;AAAA,MAC5B,QAAQP;AAAA,MACR,SAAS,MAAM;AACb,QAAAD,EAAA,GACAI,EAAA;AAAA,MACF;AAAA,MACA,OAAAF;AAAA,MAEA,UAAA,gBAAAoB,EAAC,OAAA,EAAI,IAAIH,GACN,UAAA;AAAA,QAAAJ,KAAY,gBAAAK,EAACG,GAAA,EAAc,QAAQC,EAAuB,OAAO;AAAA,QACjEZ,KAAa,gBAAAQ,EAACG,GAAA,EAAc,QAAQC,EAAuB,QAAA,CAAS;AAAA,MAAA,EAAA,CACvE;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAC,IAAeC,EAAS3B,CAAiB;"}

package/dist/CurrencyDialog-DumQCTPO.mjs

@@ -0,0 +1,374 @@
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import b from "react";
+import { css as A } from "@mxenabled/cssinjs";
+import { addDays as O } from "date-fns/addDays";
+import { addMonths as _ } from "date-fns/addMonths";
+import { eachDayOfInterval as H } from "date-fns/eachDayOfInterval";
+import { eachWeekOfInterval as L } from "date-fns/eachWeekOfInterval";
+import { endOfMonth as z } from "date-fns/endOfMonth";
+import { format as T } from "date-fns/format";
+import { isBefore as F } from "date-fns/isBefore";
+import { isSameMonth as G } from "date-fns/isSameMonth";
+import { startOfMonth as Y } from "date-fns/startOfMonth";
+import { startOfToday as $ } from "date-fns/startOfToday";
+import { subMonths as Z } from "date-fns/subMonths";
+import C from "@mui/material/Button";
+import q from "@mui/material/Paper";
+import { H2 as D, Text as W, H3 as J, P as K } from "@mxenabled/mxui";
+import { ChevronLeft as Q, ChevronRight as U, Icon as V } from "@mxenabled/mx-icons";
+import { f as X, D as P } from "./DateFormats-HudZ3Bjs.mjs";
+import { isSameDay as d } from "date-fns/isSameDay";
+import { isWithinInterval as tt } from "date-fns/isWithinInterval";
+import { useTheme as nt } from "@mui/material/styles";
+import et from "@mui/material/Dialog";
+import ot from "@mui/material/DialogActions";
+import rt from "@mui/material/DialogContent";
+import at from "@mui/material/IconButton";
+import it from "@mui/material/InputAdornment";
+import j from "@mui/material/Stack";
+import lt from "@mui/material/TextField";
+import { u as mt } from "./useScreenSize-mWpmnh5w.mjs";
+const ct = ({ copy: t, date: r, onNextClick: o, onPreviousClick: l }) => {
+  const c = st();
+  return /* @__PURE__ */ p("div", { className: `mx-cmn-calendar-header ${c}`, children: [
+    /* @__PURE__ */ n(D, { className: "mx-cmn-calendar-header-title", variant: "h3", children: X(r, P.MONTH_YEAR) }),
+    /* @__PURE__ */ p("div", { className: "mx-cmn-calendar-header-button-container", children: [
+      /* @__PURE__ */ n(C, { "aria-label": t.prevAria, onClick: l, children: /* @__PURE__ */ n(Q, { size: 24 }) }),
+      /* @__PURE__ */ n(C, { "aria-label": t.nextAria, onClick: o, children: /* @__PURE__ */ n(U, { size: 24 }) })
+    ] })
+  ] });
+}, st = () => A({
+  alignItems: "center",
+  display: "flex",
+  marginBottom: 16,
+  marginRight: -16,
+  paddingLeft: 8,
+  "& .mx-cmn-calendar-header-title": {
+    flexGrow: 1
+  },
+  "& .mx-cmn-calendar-header-button-container": {
+    display: "flex",
+    gap: 4
+  }
+}), dt = ({ beginDate: t, date: r, endDate: o, isInMonth: l, onClick: c }) => {
+  const h = nt(), x = ht(h), a = t && o && tt(r, { start: t, end: o }) && !d(r, t) && !d(r, o), f = t && o && d(t, r) && !d(t, o), m = o && t && d(o, r) && !d(t, o), i = t && d(t, r) || o && d(o, r), u = d(r, $());
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: `
+        mx-cmn-calendar-day
+        ${x}
+        ${l ? "" : "mx-cmn-out-of-month"}
+        ${a ? "mx-cmn-date-interval" : ""}
+      `,
+      children: /* @__PURE__ */ n(
+        C,
+        {
+          className: `
+          mx-cmn-calendar-day-button
+          ${f ? "mx-cmn-range-start" : ""}
+          ${m ? "mx-cmn-range-end" : ""}
+        `,
+          color: i ? "primary" : "secondary",
+          onClick: () => c(r),
+          variant: i ? "contained" : "text",
+          children: /* @__PURE__ */ n(
+            W,
+            {
+              className: `
+            mx-cmn-calendar-day-text
+            ${i ? "mx-cmn-day-selected" : ""}
+            ${u ? "mx-cmn-today" : ""}`,
+              variant: "body2",
+              children: T(r, "d")
+            }
+          )
+        }
+      )
+    }
+  );
+}, ht = (t) => A({
+  height: w,
+  width: w,
+  display: "flex",
+  justifyContent: "center",
+  "&.mx-cmn-out-of-month": {
+    backgroundColor: t.palette.background.default
+  },
+  "&.mx-cmn-date-interval": {
+    backgroundColor: t.palette.secondary.light
+  },
+  "& .MuiButton-root": {
+    maxWidth: 44,
+    minWidth: 44,
+    height: 44,
+    padding: 0,
+    width: 44,
+    "&.mx-cmn-range-start": {
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0,
+      "&:focus": {
+        boxShadow: "none"
+      }
+    },
+    "&.mx-cmn-range-end": {
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0,
+      "&:focus": {
+        boxShadow: "none"
+      }
+    }
+  },
+  "& .mx-cmn-calendar-day-text": {
+    "&.mx-cmn-day-selected": {
+      color: t.palette.primary,
+      "&.mx-cmn-day-selected": {
+        borderColor: t.palette.common.white
+      }
+    },
+    "&.mx-cmn-today": {
+      borderBottom: `solid 2px ${t.palette.primary.main}`,
+      marginBottom: -6,
+      paddingBottom: 5
+    }
+  }
+}), ft = 340, w = 44;
+var pt = /* @__PURE__ */ ((t) => (t.None = "None", t.Single = "Single", t.Range = "Range", t))(pt || {});
+const Dt = ({
+  copy: t,
+  beginDate: r = void 0,
+  endDate: o = void 0,
+  onDateSelected: l,
+  onRangeSelected: c,
+  selectionType: h = "Single"
+  /* Single */
+}) => {
+  const x = xt(), [a, f] = b.useState($), [m, i] = b.useState(r), [u, s] = b.useState(o);
+  b.useEffect(() => {
+    i(r), s(o), r && f(r);
+  }, [r, o]);
+  const k = b.useMemo(() => {
+    const e = L({ start: Y(a), end: z(a) }), y = [];
+    for (let v = 0; v < e.length; v++) {
+      const N = e[v], B = H({ start: N, end: O(N, 6) }), E = [];
+      for (let R = 0; R < B.length; R++)
+        E.push(B[R]);
+      y.push(E);
+    }
+    return y;
+  }, [a]), S = (e) => {
+    if (h !== "None") {
+      if (h === "Single") {
+        i(e), l?.(e);
+        return;
+      }
+      !m || u ? (i(e), s(void 0)) : F(e, m) ? (s(m), i(e), c?.(e, m)) : (s(e), c?.(m, e));
+    }
+  }, I = () => {
+    const e = $();
+    f(e), h !== "None" && (i(e), h === "Single" ? l?.(e) : (s(e), c?.(e, e)));
+  }, M = () => {
+    f(_(a, 1));
+  }, g = () => {
+    f(Z(a, 1));
+  };
+  return /* @__PURE__ */ n("div", { className: `mx-cmn-calendar ${x}`, children: /* @__PURE__ */ p(q, { sx: { boxShadow: "none" }, children: [
+    /* @__PURE__ */ n(
+      ct,
+      {
+        copy: t,
+        date: a,
+        onNextClick: M,
+        onPreviousClick: g
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: "mx-cmn-calendar-header-row", children: k[0].map((e, y) => /* @__PURE__ */ n("div", { className: "mx-cmn-calendar-header-cell", children: /* @__PURE__ */ n(W, { bold: !0, variant: "body2", children: T(e, "EEEEE") }) }, y)) }),
+    k.map((e, y) => /* @__PURE__ */ n("div", { className: "mx-cmn-calendar-week", children: e.map((v, N) => /* @__PURE__ */ n(
+      dt,
+      {
+        beginDate: m,
+        date: v,
+        endDate: u,
+        isInMonth: G(v, a),
+        onClick: S
+      },
+      N
+    )) }, `w-${y}`)),
+    /* @__PURE__ */ n("div", { className: "mx-cmn-calendar-today-container", children: /* @__PURE__ */ n(C, { onClick: I, size: "small", variant: "text", children: t.today }) })
+  ] }) });
+}, xt = () => A({
+  width: ft,
+  "& .MuiPaper-root": {
+    paddingLeft: 24,
+    paddingRight: 24,
+    paddingTop: 4,
+    paddingBottom: 4
+  },
+  "& .mx-cmn-calendar-header-row": {
+    display: "flex",
+    justifyContent: "center",
+    textAlign: "center",
+    "& .mx-cmn-calendar-header-cell": {
+      height: w,
+      width: w,
+      minWidth: w,
+      "& .kmui-text": {
+        alignItems: "center",
+        display: "flex",
+        height: "100%",
+        justifyContent: "center",
+        width: "100%"
+      }
+    }
+  },
+  "& .mx-cmn-calendar-week": {
+    display: "flex",
+    justifyContent: "center",
+    textAlign: "center"
+  },
+  "& .mx-cmn-calendar-today-container": {
+    display: "block",
+    marginTop: 16,
+    textAlign: "center",
+    width: "100%",
+    "& > .MuiButton-root": {
+      display: "inline-block",
+      marginLeft: "auto",
+      marginRight: "auto"
+    }
+  }
+}), Jt = ({
+  closeAriaLabel: t,
+  content: r,
+  inputLabel: o,
+  inputValue: l,
+  isOpen: c,
+  handleInputChange: h,
+  handleModalClose: x,
+  handlePrimaryAction: a,
+  handleSecondaryAction: f,
+  primaryColor: m = "primary",
+  primaryText: i,
+  secondaryColor: u = "primary",
+  secondaryText: s,
+  title: k
+}) => {
+  const S = parseFloat(l ?? "0"), I = l !== "" && l !== "0" && !isNaN(S), { isSmallMobile: M } = mt();
+  return /* @__PURE__ */ n(
+    et,
+    {
+      "aria-label": k,
+      "aria-labelledby": "modal-title",
+      maxWidth: "xs",
+      onClose: x,
+      open: c,
+      role: "dialog",
+      sx: {
+        "& .MuiDialogContent-root": { p: 0 },
+        ...M && { "& .MuiDialog-paper": { minWidth: "100%" } }
+      },
+      children: /* @__PURE__ */ n(rt, { children: /* @__PURE__ */ p(
+        "form",
+        {
+          onSubmit: (g) => {
+            g.preventDefault(), a();
+          },
+          children: [
+            /* @__PURE__ */ p(
+              j,
+              {
+                sx: {
+                  alignItems: "center",
+                  flexDirection: "row",
+                  justifyContent: "space-between",
+                  pb: 12,
+                  pl: 24,
+                  position: "relative",
+                  pr: 16,
+                  pt: 24
+                },
+                children: [
+                  /* @__PURE__ */ n(J, { id: "modal-title", children: k }),
+                  /* @__PURE__ */ n(
+                    at,
+                    {
+                      "aria-label": t,
+                      onClick: x,
+                      sx: { minHeight: 24, position: "absolute", right: 8, top: 18 },
+                      children: /* @__PURE__ */ n(V, { name: "close", sx: { color: "action.active" } })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ p(j, { sx: { gap: 24, px: 24 }, children: [
+              /* @__PURE__ */ n(K, { variant: "subtitle1", children: r }),
+              o && /* @__PURE__ */ n(
+                lt,
+                {
+                  autoFocus: !0,
+                  inputMode: "decimal",
+                  label: o,
+                  onChange: ({ target: { value: g } }) => {
+                    /^\d*\.?\d*$/.test(g) && h?.(g);
+                  },
+                  slotProps: {
+                    input: {
+                      startAdornment: /* @__PURE__ */ n(it, { position: "start", children: "$" })
+                    },
+                    htmlInput: {
+                      "aria-label": o,
+                      noValidate: !0,
+                      pattern: "[0-9]*\\.?[0-9]*"
+                    }
+                  },
+                  type: "text",
+                  value: l
+                }
+              )
+            ] }),
+            /* @__PURE__ */ p(
+              ot,
+              {
+                sx: {
+                  justifyContent: "flex-end",
+                  gap: 16,
+                  p: 24,
+                  ">:not(style)~:not(style)": { ml: 0 }
+                },
+                children: [
+                  s && /* @__PURE__ */ n(
+                    C,
+                    {
+                      "aria-label": s,
+                      color: u,
+                      onClick: f,
+                      children: s
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    C,
+                    {
+                      "aria-label": i,
+                      color: m,
+                      disabled: o ? !I : !1,
+                      onClick: a,
+                      variant: "contained",
+                      children: i
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      ) })
+    }
+  );
+};
+export {
+  Dt as C,
+  pt as a,
+  Jt as b
+};
+//# sourceMappingURL=CurrencyDialog-DumQCTPO.mjs.map

package/dist/CurrencyDialog-DumQCTPO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyDialog-DumQCTPO.mjs","sources":["../src/common/components/calendar/Header.tsx","../src/common/components/calendar/Day.tsx","../src/common/components/calendar/Calendar.tsx","../src/common/components/CurrencyDialog.tsx"],"sourcesContent":["import React from 'react'\nimport { css } from '@mxenabled/cssinjs'\n\nimport { ChevronLeft, ChevronRight } from '@mxenabled/mx-icons'\n\nimport Button from '@mui/material/Button'\n\nimport { H2 } from '@mxenabled/mxui'\n\nimport { DATE_FORMATS_INTL, formatDate } from '../../../core/constants'\n\nimport type { CalendarCopy } from './Calendar'\n\ninterface HeaderProps {\n  copy: CalendarCopy\n  date: Date\n  onNextClick: () => void\n  onPreviousClick: () => void\n}\n\nconst Header: React.FC<HeaderProps> = ({ copy, date, onNextClick, onPreviousClick }) => {\n  const styles = getStyles()\n\n  return (\n    <div className={`mx-cmn-calendar-header ${styles}`}>\n      <H2 className=\"mx-cmn-calendar-header-title\" variant=\"h3\">\n        {formatDate(date, DATE_FORMATS_INTL.MONTH_YEAR)}\n      </H2>\n      <div className=\"mx-cmn-calendar-header-button-container\">\n        <Button aria-label={copy.prevAria} onClick={onPreviousClick}>\n          <ChevronLeft size={24} />\n        </Button>\n        <Button aria-label={copy.nextAria} onClick={onNextClick}>\n          <ChevronRight size={24} />\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nconst getStyles = () =>\n  css({\n    alignItems: 'center',\n    display: 'flex',\n    marginBottom: 16,\n    marginRight: -16,\n    paddingLeft: 8,\n    '& .mx-cmn-calendar-header-title': {\n      flexGrow: 1,\n    },\n    '& .mx-cmn-calendar-header-button-container': {\n      display: 'flex',\n      gap: 4,\n    },\n  })\n\nexport default Header\n","import React from 'react'\nimport { css } from '@mxenabled/cssinjs'\nimport { format } from 'date-fns/format'\nimport { isSameDay } from 'date-fns/isSameDay'\nimport { isWithinInterval } from 'date-fns/isWithinInterval'\nimport { startOfToday } from 'date-fns/startOfToday'\n\nimport Button from '@mui/material/Button'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { DATE_SIZE } from './Calendar'\n\ninterface DayProps {\n  beginDate: Date | undefined\n  date: Date\n  endDate: Date | undefined\n  isInMonth: boolean\n  onClick: (date: Date) => void\n}\n\nconst Day: React.FC<DayProps> = ({ beginDate, date, endDate, isInMonth, onClick }) => {\n  const theme = useTheme()\n  const styles = getStyles(theme)\n\n  const isInRange =\n    beginDate &&\n    endDate &&\n    isWithinInterval(date, { start: beginDate, end: endDate }) &&\n    !isSameDay(date, beginDate) &&\n    !isSameDay(date, endDate)\n\n  const isRangeStart =\n    beginDate && endDate && isSameDay(beginDate, date) && !isSameDay(beginDate, endDate)\n\n  const isRangeEnd =\n    endDate && beginDate && isSameDay(endDate, date) && !isSameDay(beginDate, endDate)\n\n  const isSelected =\n    (beginDate && isSameDay(beginDate, date)) || (endDate && isSameDay(endDate, date))\n\n  const isToday = isSameDay(date, startOfToday())\n\n  return (\n    <div\n      className={`\n        mx-cmn-calendar-day\n        ${styles}\n        ${!isInMonth ? 'mx-cmn-out-of-month' : ''}\n        ${isInRange ? 'mx-cmn-date-interval' : ''}\n      `}\n    >\n      <Button\n        className={`\n          mx-cmn-calendar-day-button\n          ${isRangeStart ? 'mx-cmn-range-start' : ''}\n          ${isRangeEnd ? 'mx-cmn-range-end' : ''}\n        `}\n        color={isSelected ? 'primary' : 'secondary'}\n        onClick={() => onClick(date)}\n        variant={isSelected ? 'contained' : 'text'}\n      >\n        <Text\n          className={`\n            mx-cmn-calendar-day-text\n            ${isSelected ? 'mx-cmn-day-selected' : ''}\n            ${isToday ? 'mx-cmn-today' : ''}`}\n          variant=\"body2\"\n        >\n          {format(date, 'd')}\n        </Text>\n      </Button>\n    </div>\n  )\n}\n\nconst getStyles = (theme: any) =>\n  css({\n    height: DATE_SIZE,\n    width: DATE_SIZE,\n    display: 'flex',\n    justifyContent: 'center',\n    '&.mx-cmn-out-of-month': {\n      backgroundColor: theme.palette.background.default,\n    },\n    '&.mx-cmn-date-interval': {\n      backgroundColor: theme.palette.secondary.light,\n    },\n    '& .MuiButton-root': {\n      maxWidth: 44,\n      minWidth: 44,\n      height: 44,\n      padding: 0,\n      width: 44,\n      '&.mx-cmn-range-start': {\n        borderTopRightRadius: 0,\n        borderBottomRightRadius: 0,\n        '&:focus': {\n          boxShadow: 'none',\n        },\n      },\n      '&.mx-cmn-range-end': {\n        borderTopLeftRadius: 0,\n        borderBottomLeftRadius: 0,\n        '&:focus': {\n          boxShadow: 'none',\n        },\n      },\n    },\n    '& .mx-cmn-calendar-day-text': {\n      '&.mx-cmn-day-selected': {\n        color: theme.palette.primary,\n        '&.mx-cmn-day-selected': {\n          borderColor: theme.palette.common.white,\n        },\n      },\n      '&.mx-cmn-today': {\n        borderBottom: `solid 2px ${theme.palette.primary.main}`,\n        marginBottom: -6,\n        paddingBottom: 5,\n      },\n    },\n  })\n\nexport default Day\n","import React from 'react'\nimport { css } from '@mxenabled/cssinjs'\nimport { addDays } from 'date-fns/addDays'\nimport { addMonths } from 'date-fns/addMonths'\nimport { eachDayOfInterval } from 'date-fns/eachDayOfInterval'\nimport { eachWeekOfInterval } from 'date-fns/eachWeekOfInterval'\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { format } from 'date-fns/format'\nimport { isBefore } from 'date-fns/isBefore'\nimport { isSameMonth } from 'date-fns/isSameMonth'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { subMonths } from 'date-fns/subMonths'\n\nimport Button from '@mui/material/Button'\nimport Paper from '@mui/material/Paper'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport Header from './Header'\nimport Day from './Day'\n\nexport const CALENDAR_WIDTH = 340\nexport const DATE_SIZE = 44\nexport const enum CalendarSelectionTypes {\n  None = 'None',\n  Single = 'Single',\n  Range = 'Range',\n}\n\nexport type CalendarCopy = {\n  nextAria: string\n  prevAria: string\n  today: string\n}\n\nexport interface CalendarProps {\n  copy: CalendarCopy\n  beginDate?: Date\n  endDate?: Date\n  onDateSelected?: (date: Date) => void\n  onRangeSelected?: (beginDate: Date, endDate: Date) => void\n  selectionType?: CalendarSelectionTypes\n}\n\nconst Calendar: React.FC<CalendarProps> = ({\n  copy,\n  beginDate: beginDateProp = undefined,\n  endDate: endDateProp = undefined,\n  onDateSelected,\n  onRangeSelected,\n  selectionType = CalendarSelectionTypes.Single,\n}) => {\n  const styles = getStyles()\n\n  const [date, setDate] = React.useState(startOfToday)\n\n  const [beginDate, setBeginDate] = React.useState<Date | undefined>(beginDateProp)\n  const [endDate, setEndDate] = React.useState<Date | undefined>(endDateProp)\n\n  React.useEffect(() => {\n    setBeginDate(beginDateProp)\n    setEndDate(endDateProp)\n    if (beginDateProp) {\n      setDate(beginDateProp)\n    }\n  }, [beginDateProp, endDateProp])\n\n  const weeks = React.useMemo(() => {\n    const weeksInInterval = eachWeekOfInterval({ start: startOfMonth(date), end: endOfMonth(date) })\n\n    const weeks = [] as Date[][]\n    for (let i = 0; i < weeksInInterval.length; i++) {\n      const weekStart = weeksInInterval[i]\n      const days = eachDayOfInterval({ start: weekStart, end: addDays(weekStart, 6) })\n\n      const week = [] as Date[]\n      for (let j = 0; j < days.length; j++) {\n        week.push(days[j])\n      }\n      weeks.push(week)\n    }\n\n    return weeks\n  }, [date])\n\n  const handleSelection = (date: Date) => {\n    if (selectionType === CalendarSelectionTypes.None) return\n\n    if (selectionType === CalendarSelectionTypes.Single) {\n      setBeginDate(date)\n      onDateSelected?.(date)\n      return\n    }\n\n    if (!beginDate || endDate) {\n      setBeginDate(date)\n      setEndDate(undefined)\n    } else if (isBefore(date, beginDate)) {\n      setEndDate(beginDate)\n      setBeginDate(date)\n      onRangeSelected?.(date, beginDate)\n    } else {\n      setEndDate(date)\n      onRangeSelected?.(beginDate, date)\n    }\n  }\n\n  const handleTodayClick = () => {\n    const today = startOfToday()\n    setDate(today)\n\n    if (selectionType === CalendarSelectionTypes.None) return\n\n    setBeginDate(today)\n\n    if (selectionType === CalendarSelectionTypes.Single) {\n      onDateSelected?.(today)\n    } else {\n      setEndDate(today)\n      onRangeSelected?.(today, today)\n    }\n  }\n\n  const handleNextMonthClick = () => {\n    setDate(addMonths(date, 1))\n  }\n\n  const handlePreviousMonthClick = () => {\n    setDate(subMonths(date, 1))\n  }\n\n  return (\n    <div className={`mx-cmn-calendar ${styles}`}>\n      <Paper sx={{ boxShadow: 'none' }}>\n        <Header\n          copy={copy}\n          date={date}\n          onNextClick={handleNextMonthClick}\n          onPreviousClick={handlePreviousMonthClick}\n        />\n\n        <div className=\"mx-cmn-calendar-header-row\">\n          {weeks[0].map((day, index) => (\n            <div className=\"mx-cmn-calendar-header-cell\" key={index}>\n              <Text bold={true} variant=\"body2\">\n                {format(day, 'EEEEE')}\n              </Text>\n            </div>\n          ))}\n        </div>\n\n        {weeks.map((week, index) => (\n          <div className=\"mx-cmn-calendar-week\" key={`w-${index}`}>\n            {week.map((day, index) => (\n              <Day\n                beginDate={beginDate}\n                date={day}\n                endDate={endDate}\n                isInMonth={isSameMonth(day, date)}\n                key={index}\n                onClick={handleSelection}\n              />\n            ))}\n          </div>\n        ))}\n\n        <div className=\"mx-cmn-calendar-today-container\">\n          <Button onClick={handleTodayClick} size=\"small\" variant=\"text\">\n            {copy.today}\n          </Button>\n        </div>\n      </Paper>\n    </div>\n  )\n}\n\nconst getStyles = () =>\n  css({\n    width: CALENDAR_WIDTH,\n    '& .MuiPaper-root': {\n      paddingLeft: 24,\n      paddingRight: 24,\n      paddingTop: 4,\n      paddingBottom: 4,\n    },\n    '& .mx-cmn-calendar-header-row': {\n      display: 'flex',\n      justifyContent: 'center',\n      textAlign: 'center',\n      '& .mx-cmn-calendar-header-cell': {\n        height: DATE_SIZE,\n        width: DATE_SIZE,\n        minWidth: DATE_SIZE,\n        '& .kmui-text': {\n          alignItems: 'center',\n          display: 'flex',\n          height: '100%',\n          justifyContent: 'center',\n          width: '100%',\n        },\n      },\n    },\n    '& .mx-cmn-calendar-week': {\n      display: 'flex',\n      justifyContent: 'center',\n      textAlign: 'center',\n    },\n    '& .mx-cmn-calendar-today-container': {\n      display: 'block',\n      marginTop: 16,\n      textAlign: 'center',\n      width: '100%',\n      '& > .MuiButton-root': {\n        display: 'inline-block',\n        marginLeft: 'auto',\n        marginRight: 'auto',\n      },\n    },\n  })\n\nexport default Calendar\n","import { Icon } from '@mxenabled/mx-icons'\nimport { H3, P } from '@mxenabled/mxui'\n\nimport Button, { type ButtonProps } from '@mui/material/Button'\nimport Dialog from '@mui/material/Dialog'\nimport DialogActions from '@mui/material/DialogActions'\nimport DialogContent from '@mui/material/DialogContent'\nimport IconButton from '@mui/material/IconButton'\nimport InputAdornment from '@mui/material/InputAdornment'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\n\nimport { useScreenSize } from '../hooks'\n\ninterface CurrencyDialogProps {\n  closeAriaLabel: string\n  content?: string\n  inputLabel?: string\n  inputValue?: string\n  isOpen: boolean\n  handleInputChange?: (value: string) => void\n  handleModalClose: () => void\n  handlePrimaryAction: () => void\n  handleSecondaryAction?: () => void\n  primaryColor?: ButtonProps['color']\n  primaryText: string\n  secondaryColor?: ButtonProps['color']\n  secondaryText?: string\n  title: string\n}\n\n// Created for V2 of BudgetDetailsDrawer.\n// The previous design will be replaced once the new design is finalized.\n// Also needs to be updated to use the mxui library\n// with the updated Dialog components.\n\nconst CurrencyDialog = ({\n  closeAriaLabel,\n  content,\n  inputLabel,\n  inputValue,\n  isOpen,\n  handleInputChange,\n  handleModalClose,\n  handlePrimaryAction,\n  handleSecondaryAction,\n  primaryColor = 'primary',\n  primaryText,\n  secondaryColor = 'primary',\n  secondaryText,\n  title,\n}: CurrencyDialogProps) => {\n  const numericValue = parseFloat(inputValue ?? '0')\n  const isValid = inputValue !== '' && inputValue !== '0' && !isNaN(numericValue)\n\n  const { isSmallMobile } = useScreenSize()\n\n  return (\n    <Dialog\n      aria-label={title}\n      aria-labelledby=\"modal-title\"\n      maxWidth=\"xs\"\n      onClose={handleModalClose}\n      open={isOpen}\n      role=\"dialog\"\n      sx={{\n        '& .MuiDialogContent-root': { p: 0 },\n        ...(isSmallMobile && { '& .MuiDialog-paper': { minWidth: '100%' } }),\n      }}\n    >\n      <DialogContent>\n        <form\n          onSubmit={(e) => {\n            e.preventDefault()\n            handlePrimaryAction()\n          }}\n        >\n          <Stack\n            sx={{\n              alignItems: 'center',\n              flexDirection: 'row',\n              justifyContent: 'space-between',\n              pb: 12,\n              pl: 24,\n              position: 'relative',\n              pr: 16,\n              pt: 24,\n            }}\n          >\n            <H3 id=\"modal-title\">{title}</H3>\n            <IconButton\n              aria-label={closeAriaLabel}\n              onClick={handleModalClose}\n              sx={{ minHeight: 24, position: 'absolute', right: 8, top: 18 }}\n            >\n              <Icon name=\"close\" sx={{ color: 'action.active' }} />\n            </IconButton>\n          </Stack>\n          <Stack sx={{ gap: 24, px: 24 }}>\n            <P variant=\"subtitle1\">{content}</P>\n            {inputLabel && (\n              <TextField\n                autoFocus={true}\n                inputMode=\"decimal\"\n                label={inputLabel}\n                onChange={({ target: { value } }) => {\n                  if (!/^\\d*\\.?\\d*$/.test(value)) return\n\n                  handleInputChange?.(value)\n                }}\n                slotProps={{\n                  input: {\n                    startAdornment: <InputAdornment position=\"start\">$</InputAdornment>,\n                  },\n                  htmlInput: {\n                    'aria-label': inputLabel,\n                    noValidate: true,\n                    pattern: '[0-9]*\\\\.?[0-9]*',\n                  },\n                }}\n                type=\"text\"\n                value={inputValue}\n              />\n            )}\n          </Stack>\n          <DialogActions\n            sx={{\n              justifyContent: 'flex-end',\n              gap: 16,\n              p: 24,\n              '>:not(style)~:not(style)': { ml: 0 },\n            }}\n          >\n            {secondaryText && (\n              <Button\n                aria-label={secondaryText}\n                color={secondaryColor}\n                onClick={handleSecondaryAction}\n              >\n                {secondaryText}\n              </Button>\n            )}\n            <Button\n              aria-label={primaryText}\n              color={primaryColor}\n              disabled={inputLabel ? !isValid : false}\n              onClick={handlePrimaryAction}\n              variant=\"contained\"\n            >\n              {primaryText}\n            </Button>\n          </DialogActions>\n        </form>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport default CurrencyDialog\n"],"names":["Header","copy","date","onNextClick","onPreviousClick","styles","getStyles","jsxs","jsx","H2","formatDate","DATE_FORMATS_INTL","Button","ChevronLeft","ChevronRight","css","Day","beginDate","endDate","isInMonth","onClick","theme","useTheme","isInRange","isWithinInterval","isSameDay","isRangeStart","isRangeEnd","isSelected","isToday","startOfToday","Text","format","DATE_SIZE","CALENDAR_WIDTH","CalendarSelectionTypes","Calendar","beginDateProp","endDateProp","onDateSelected","onRangeSelected","selectionType","setDate","React","setBeginDate","setEndDate","weeks","weeksInInterval","eachWeekOfInterval","startOfMonth","endOfMonth","i","weekStart","days","eachDayOfInterval","addDays","week","j","handleSelection","isBefore","handleTodayClick","today","handleNextMonthClick","addMonths","handlePreviousMonthClick","subMonths","Paper","day","index","isSameMonth","CurrencyDialog","closeAriaLabel","content","inputLabel","inputValue","isOpen","handleInputChange","handleModalClose","handlePrimaryAction","handleSecondaryAction","primaryColor","primaryText","secondaryColor","secondaryText","title","numericValue","isValid","isSmallMobile","useScreenSize","Dialog","DialogContent","e","Stack","H3","IconButton","Icon","P","TextField","value","InputAdornment","DialogActions"],"mappings":"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"}

package/dist/CurrencyInput-DaGEQaLW.mjs

@@ -0,0 +1,88 @@
+import { jsx as m } from "react/jsx-runtime";
+import i from "react";
+import { css as k } from "@mxenabled/cssinjs";
+import { v4 as q } from "uuid";
+import { TextField as B, P as p } from "@mxenabled/mxui";
+import { g as L, C as O, f as y, M as C } from "./NumberFormatting--XMeeBfr.mjs";
+import { b as h, g as b } from "./Localization-DnoVyBNK.mjs";
+import { u as W } from "./hooks-97sNJ_lf.mjs";
+const J = ({
+  allowDecimals: o = !0,
+  ariaLabel: g,
+  amount: c,
+  amountIsRequired: M = !0,
+  copy: a,
+  customValidate: $ = () => !0,
+  errorText: S = "",
+  label: u,
+  minAmount: f = 1,
+  setAmount: x,
+  setHasValidInput: r,
+  ...N
+}) => {
+  const [l, t] = i.useState(""), { common: R } = W(), n = a || R.currency_input, A = j(), E = /^[0-9]*$/, P = /^(\d)*(\,)?([0-9]{1,2})?$/, T = /^(\d)*(\.)?([0-9]{1,2})?$/;
+  let s;
+  const d = i.useRef(q());
+  if (o)
+    switch (L()) {
+      case O.CAD:
+        s = P;
+        break;
+      default:
+        s = T;
+        break;
+    }
+  else
+    s = E;
+  i.useEffect(() => {
+    _(c);
+  }, [c]);
+  const _ = (e) => {
+    !M && (e === "" || e === "." || e === ",") ? (t(""), r?.(!1)) : Number(e) < f ? (t(
+      h(
+        n.error_amount_must_be_equal_to,
+        y(f, "0")
+      )
+    ), r?.(!1)) : Number(e) > C ? (t(
+      h(
+        n.error_amount_must_be_less_than_or_equal_to,
+        y(C, o ? "0,0.00" : "0,0", Math.floor)
+      )
+    ), r?.(!1)) : e.toString().match(s) ? $() ? (t(""), r?.(!0)) : (t(S), r?.(!1)) : (t(n.error_amount_is_invalid), r?.(!1)), x(e.toString());
+  };
+  return /* @__PURE__ */ m(
+    B,
+    {
+      className: `mx-cmn-currency-input ${A}`,
+      error: !!l,
+      helperText: l,
+      hiddenLabel: !u,
+      id: `currency-input-${d.current}`,
+      inputMode: o ? "decimal" : "numeric",
+      label: u,
+      name: `currency-input-${d.current}`,
+      onChange: (e) => _(e.target.value),
+      slotProps: {
+        input: {
+          endAdornment: b().includes("fr-ca") ? /* @__PURE__ */ m(p, { children: "$" }) : void 0,
+          startAdornment: b().includes("fr-ca") ? void 0 : /* @__PURE__ */ m(p, { children: "$" })
+        },
+        htmlInput: {
+          "aria-label": g || n.enter_amount,
+          noValidate: !0,
+          pattern: o ? "[0-9]*\\.?[0-9]*" : "[0-9]*"
+        }
+      },
+      value: c,
+      ...N
+    }
+  );
+}, j = () => k({
+  "& .MuiInputBase-adornedStart > .p": {
+    marginRight: 4
+  }
+});
+export {
+  J as C
+};
+//# sourceMappingURL=CurrencyInput-DaGEQaLW.mjs.map