@mx-cartographer/experiences 9.4.53 → 9.4.55

package/dist/common/components/drawer/Drawer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.es.js","names":[],"sources":["../../../../src/common/components/drawer/Drawer.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { Drawer as KMuiDrawer } from '@mxenabled/mxui'\n\nimport { useFocusReturn } from '../../hooks/useFocusReturn'\n\nimport Footer from './Footer'\nimport Header from './Header'\n\nexport type CopyObject = {\n  close_drawer_aria: string\n}\n\ninterface DrawerProps {\n  ariaLabelClose?: string\n  className?: string\n  footerStyles?: SxProps\n  hasSecondaryAction?: boolean\n  id?: string\n  isOpen: boolean\n  isPrimaryDisabled?: boolean\n  onClose: () => void\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryButtonProps?: React.ComponentProps<typeof Button>\n  primaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  primaryText?: string\n  secondaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  secondaryText?: string\n  shouldShowHeaderBorders?: boolean\n  shouldShowHeaderShadow?: boolean\n  sx?: SxProps\n  title: string\n}\n\nconst Drawer: React.FC<React.PropsWithChildren<DrawerProps>> = ({\n  ariaLabelClose = 'Close',\n  children,\n  footerStyles = {},\n  hasSecondaryAction = true,\n  id,\n  isOpen,\n  isPrimaryDisabled,\n  onClose,\n  onPrimaryAction,\n  onSecondaryAction,\n  primaryButtonProps,\n  primaryColor = 'primary',\n  primaryText,\n  secondaryColor = 'secondary',\n  secondaryText,\n  shouldShowHeaderBorders = true,\n  shouldShowHeaderShadow = false,\n  title,\n  ...rest\n}) => {\n  const { onExited, onFocus, rootRef } = useFocusReturn(isOpen)\n\n  return (\n    <KMuiDrawer\n      id={id}\n      isOpen={isOpen}\n      onClose={onClose}\n      sx={{\n        '& .MuiDrawer-paper': {\n          backgroundColor: 'background.default',\n          borderRadius: 0,\n        },\n        height: '100%',\n        '& .MuiToolbar-root': {\n          backgroundColor: 'background.paper',\n        },\n      }}\n      {...rest}\n      disableRestoreFocus={true}\n      onFocus={onFocus}\n      ref={rootRef}\n      slotProps={{\n        paper: {\n          'aria-labelledby': `${title?.replace(/\\s+/g, '-').toLowerCase()}-header-title`,\n        },\n        transition: { onExited },\n      }}\n    >\n      <Stack height=\"100%\" justifyContent=\"space-between\">\n        <Header\n          ariaLabelClose={ariaLabelClose}\n          onClose={onClose}\n          shouldShowBorders={shouldShowHeaderBorders}\n          shouldShowShadow={shouldShowHeaderShadow}\n          title={title}\n        />\n\n        <Box height=\"100%\" overflow=\"auto\">\n          {children}\n        </Box>\n\n        {onPrimaryAction && (\n          <Footer\n            footerStyles={footerStyles}\n            hasSecondaryAction={hasSecondaryAction}\n            isPrimaryDisabled={isPrimaryDisabled}\n            onPrimaryAction={onPrimaryAction}\n            onSecondaryAction={onSecondaryAction ?? onClose}\n            primaryButtonProps={primaryButtonProps}\n            primaryColor={primaryColor}\n            primaryText={primaryText}\n            secondaryColor={secondaryColor}\n            secondaryText={secondaryText}\n          />\n        )}\n      </Stack>\n    </KMuiDrawer>\n  )\n}\n\nexport default Drawer\n"],"mappings":";;;;;;;;AAwCA,IAAM,IAAA,CAA0D,EAC9D,gBAAA,IAAiB,SACjB,UAAA,GACA,cAAA,IAAe,CAAC,GAChB,oBAAA,IAAqB,IACrB,IAAA,GACA,QAAA,GACA,mBAAA,GACA,SAAA,GACA,iBAAA,GACA,mBAAA,GACA,oBAAA,GACA,cAAA,IAAe,WACf,aAAA,GACA,gBAAA,IAAiB,aACjB,eAAA,GACA,yBAAA,IAA0B,IAC1B,wBAAA,IAAyB,IACzB,OAAA,GACA,GAAG,EAAA,MACC;AACJ,QAAM,EAAE,UAAA,GAAU,SAAA,GAAS,SAAA,EAAA,IAAY,EAAe,CAAM;AAE5D,SACE,gBAAA,EAAC,GAAD;AAAA,IACM,IAAA;AAAA,IACI,QAAA;AAAA,IACC,SAAA;AAAA,IACT,IAAI;AAAA,MACF,sBAAsB;AAAA,QACpB,iBAAiB;AAAA,QACjB,cAAc;AAAA,MAChB;AAAA,MACA,QAAQ;AAAA,MACR,sBAAsB,EACpB,iBAAiB,mBACnB;AAAA,IACF;AAAA,IACA,GAAI;AAAA,IACJ,qBAAqB;AAAA,IACZ,SAAA;AAAA,IACT,KAAK;AAAA,IACL,WAAW;AAAA,MACT,OAAO,EACL,mBAAmB,GAAG,GAAO,QAAQ,QAAQ,GAAG,EAAE,YAAY,CAAA,gBAChE;AAAA,MACA,YAAY,EAAE,UAAA,EAAS;AAAA,IACzB;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAO,QAAO;AAAA,MAAO,gBAAe;AAAA,MAApC,UAAA;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UACkB,gBAAA;AAAA,UACP,SAAA;AAAA,UACT,mBAAmB;AAAA,UACnB,kBAAkB;AAAA,UACX,OAAA;AAAA,QACR,CAAA;AAAA,QAED,gBAAA,EAAC,GAAD;AAAA,UAAK,QAAO;AAAA,UAAO,UAAS;AAAA,UACzB,UAAA;AAAA,QACE,CAAA;AAAA,QAEJ,KACC,gBAAA,EAAC,GAAD;AAAA,UACgB,cAAA;AAAA,UACM,oBAAA;AAAA,UACD,mBAAA;AAAA,UACF,iBAAA;AAAA,UACjB,mBAAmB,KAAqB;AAAA,UACpB,oBAAA;AAAA,UACN,cAAA;AAAA,UACD,aAAA;AAAA,UACG,gBAAA;AAAA,UACD,eAAA;AAAA,QAChB,CAAA;AAAA,MAEE;AAAA;EACG,CAAA;AAEhB"}
+{"version":3,"file":"Drawer.es.js","names":[],"sources":["../../../../src/common/components/drawer/Drawer.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { Drawer as KMuiDrawer } from '@mxenabled/mxui'\n\nimport { useFocusReturn } from '../../hooks/useFocusReturn'\n\nimport Footer from './Footer'\nimport Header from './Header'\n\nexport type CopyObject = {\n  close_drawer_aria: string\n}\n\ninterface DrawerProps {\n  ariaLabelClose?: string\n  className?: string\n  footerStyles?: SxProps\n  hasSecondaryAction?: boolean\n  id?: string\n  isOpen: boolean\n  isPrimaryDisabled?: boolean\n  onClose: () => void\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryButtonProps?: React.ComponentProps<typeof Button>\n  primaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  primaryText?: string\n  secondaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  secondaryText?: string\n  shouldShowHeaderBorders?: boolean\n  shouldShowHeaderShadow?: boolean\n  sx?: SxProps\n  title: string\n}\n\nconst Drawer: React.FC<React.PropsWithChildren<DrawerProps>> = ({\n  ariaLabelClose = 'Close',\n  children,\n  footerStyles = {},\n  hasSecondaryAction = true,\n  id,\n  isOpen,\n  isPrimaryDisabled,\n  onClose,\n  onPrimaryAction,\n  onSecondaryAction,\n  primaryButtonProps,\n  primaryColor = 'primary',\n  primaryText,\n  secondaryColor = 'primary',\n  secondaryText,\n  shouldShowHeaderBorders = true,\n  shouldShowHeaderShadow = false,\n  title,\n  ...rest\n}) => {\n  const { onExited, onFocus, rootRef } = useFocusReturn(isOpen)\n\n  return (\n    <KMuiDrawer\n      id={id}\n      isOpen={isOpen}\n      onClose={onClose}\n      sx={{\n        '& .MuiDrawer-paper': {\n          backgroundColor: 'background.default',\n          borderRadius: 0,\n        },\n        height: '100%',\n        '& .MuiToolbar-root': {\n          backgroundColor: 'background.paper',\n        },\n      }}\n      {...rest}\n      disableRestoreFocus={true}\n      onFocus={onFocus}\n      ref={rootRef}\n      slotProps={{\n        paper: {\n          'aria-labelledby': `${title?.replace(/\\s+/g, '-').toLowerCase()}-header-title`,\n        },\n        transition: { onExited },\n      }}\n    >\n      <Stack height=\"100%\" justifyContent=\"space-between\">\n        <Header\n          ariaLabelClose={ariaLabelClose}\n          onClose={onClose}\n          shouldShowBorders={shouldShowHeaderBorders}\n          shouldShowShadow={shouldShowHeaderShadow}\n          title={title}\n        />\n\n        <Box height=\"100%\" overflow=\"auto\">\n          {children}\n        </Box>\n\n        {onPrimaryAction && (\n          <Footer\n            footerStyles={footerStyles}\n            hasSecondaryAction={hasSecondaryAction}\n            isPrimaryDisabled={isPrimaryDisabled}\n            onPrimaryAction={onPrimaryAction}\n            onSecondaryAction={onSecondaryAction ?? onClose}\n            primaryButtonProps={primaryButtonProps}\n            primaryColor={primaryColor}\n            primaryText={primaryText}\n            secondaryColor={secondaryColor}\n            secondaryText={secondaryText}\n          />\n        )}\n      </Stack>\n    </KMuiDrawer>\n  )\n}\n\nexport default Drawer\n"],"mappings":";;;;;;;;AAwCA,IAAM,IAAA,CAA0D,EAC9D,gBAAA,IAAiB,SACjB,UAAA,GACA,cAAA,IAAe,CAAC,GAChB,oBAAA,IAAqB,IACrB,IAAA,GACA,QAAA,GACA,mBAAA,GACA,SAAA,GACA,iBAAA,GACA,mBAAA,GACA,oBAAA,GACA,cAAA,IAAe,WACf,aAAA,GACA,gBAAA,IAAiB,WACjB,eAAA,GACA,yBAAA,IAA0B,IAC1B,wBAAA,IAAyB,IACzB,OAAA,GACA,GAAG,EAAA,MACC;AACJ,QAAM,EAAE,UAAA,GAAU,SAAA,GAAS,SAAA,EAAA,IAAY,EAAe,CAAM;AAE5D,SACE,gBAAA,EAAC,GAAD;AAAA,IACM,IAAA;AAAA,IACI,QAAA;AAAA,IACC,SAAA;AAAA,IACT,IAAI;AAAA,MACF,sBAAsB;AAAA,QACpB,iBAAiB;AAAA,QACjB,cAAc;AAAA,MAChB;AAAA,MACA,QAAQ;AAAA,MACR,sBAAsB,EACpB,iBAAiB,mBACnB;AAAA,IACF;AAAA,IACA,GAAI;AAAA,IACJ,qBAAqB;AAAA,IACZ,SAAA;AAAA,IACT,KAAK;AAAA,IACL,WAAW;AAAA,MACT,OAAO,EACL,mBAAmB,GAAG,GAAO,QAAQ,QAAQ,GAAG,EAAE,YAAY,CAAA,gBAChE;AAAA,MACA,YAAY,EAAE,UAAA,EAAS;AAAA,IACzB;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAO,QAAO;AAAA,MAAO,gBAAe;AAAA,MAApC,UAAA;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UACkB,gBAAA;AAAA,UACP,SAAA;AAAA,UACT,mBAAmB;AAAA,UACnB,kBAAkB;AAAA,UACX,OAAA;AAAA,QACR,CAAA;AAAA,QAED,gBAAA,EAAC,GAAD;AAAA,UAAK,QAAO;AAAA,UAAO,UAAS;AAAA,UACzB,UAAA;AAAA,QACE,CAAA;AAAA,QAEJ,KACC,gBAAA,EAAC,GAAD;AAAA,UACgB,cAAA;AAAA,UACM,oBAAA;AAAA,UACD,mBAAA;AAAA,UACF,iBAAA;AAAA,UACjB,mBAAmB,KAAqB;AAAA,UACpB,oBAAA;AAAA,UACN,cAAA;AAAA,UACD,aAAA;AAAA,UACG,gBAAA;AAAA,UACD,eAAA;AAAA,QAChB,CAAA;AAAA,MAEE;AAAA;EACG,CAAA;AAEhB"}

package/dist/common/components/drawer/Footer.es.js

@@ -1,7 +1,7 @@
 import s from "@mui/material/Stack";
-import o from "@mui/material/Button";
-import { jsx as e, jsxs as u } from "react/jsx-runtime";
-var v = ({ footerStyles: t = {}, hasSecondaryAction: a = !0, isPrimaryDisabled: n, onPrimaryAction: r, onSecondaryAction: i, primaryButtonProps: l = {}, primaryColor: c = "primary", primaryText: d = "Save", secondaryColor: p = "primary", secondaryText: f = "Cancel" }) => /* @__PURE__ */ u(s, {
+import e from "@mui/material/Button";
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
+var v = ({ footerStyles: t = {}, hasSecondaryAction: a = !0, isPrimaryDisabled: n, onPrimaryAction: r, onSecondaryAction: i, primaryButtonProps: l = {}, primaryColor: c = "primary", primaryText: d = "Save", secondaryColor: p = "primary", secondaryText: f = "Cancel" }) => /* @__PURE__ */ x(s, {
   sx: {
     bgcolor: "background.paper",
     flexDirection: "row",
@@ -10,12 +10,12 @@ var v = ({ footerStyles: t = {}, hasSecondaryAction: a = !0, isPrimaryDisabled:
     p: 24,
     ...t
   },
-  children: [a && /* @__PURE__ */ e(o, {
+  children: [a && /* @__PURE__ */ o(e, {
     color: p,
     onClick: i,
-    variant: r ? "outlined" : "contained",
+    variant: r ? "text" : "contained",
     children: f
-  }), r && /* @__PURE__ */ e(o, {
+  }), r && /* @__PURE__ */ o(e, {
     ...l,
     color: c,
     disabled: n,

package/dist/common/components/drawer/Footer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.es.js","names":[],"sources":["../../../../src/common/components/drawer/Footer.tsx"],"sourcesContent":["import Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { type SxProps } from '@mui/material/styles'\n\ntype Color = 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n\ntype FooterProps = {\n  footerStyles?: SxProps\n  hasSecondaryAction?: boolean\n  isPrimaryDisabled?: boolean\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryButtonProps?: React.ComponentProps<typeof Button>\n  primaryColor?: Color\n  primaryText?: string\n  secondaryColor?: Color\n  secondaryText?: string\n}\n\nconst Footer = ({\n  footerStyles = {},\n  hasSecondaryAction = true,\n  isPrimaryDisabled,\n  onPrimaryAction,\n  onSecondaryAction,\n  primaryButtonProps = {},\n  primaryColor = 'primary',\n  primaryText = 'Save',\n  secondaryColor = 'primary',\n  secondaryText = 'Cancel',\n}: FooterProps) => {\n  return (\n    <Stack\n      sx={{\n        bgcolor: 'background.paper',\n        flexDirection: 'row',\n        gap: 16,\n        justifyContent: 'flex-end',\n        p: 24,\n        ...footerStyles,\n      }}\n    >\n      {hasSecondaryAction && (\n        <Button\n          color={secondaryColor}\n          onClick={onSecondaryAction}\n          variant={onPrimaryAction ? 'outlined' : 'contained'}\n        >\n          {secondaryText}\n        </Button>\n      )}\n\n      {onPrimaryAction && (\n        <Button\n          {...primaryButtonProps}\n          color={primaryColor}\n          disabled={isPrimaryDisabled}\n          onClick={onPrimaryAction}\n          variant=\"contained\"\n        >\n          {primaryText}\n        </Button>\n      )}\n    </Stack>\n  )\n}\n\nexport default Footer\n"],"mappings":";;;AAmBA,IAAM,IAAA,CAAU,EACd,cAAA,IAAe,CAAC,GAChB,oBAAA,IAAqB,IACrB,mBAAA,GACA,iBAAA,GACA,mBAAA,GACA,oBAAA,IAAqB,CAAC,GACtB,cAAA,IAAe,WACf,aAAA,IAAc,QACd,gBAAA,IAAiB,WACjB,eAAA,IAAgB,SAAA,MAGd,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,SAAS;AAAA,IACT,eAAe;AAAA,IACf,KAAK;AAAA,IACL,gBAAgB;AAAA,IAChB,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EARF,UAAA,CAUG,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS,IAAkB,aAAa;AAAA,IAEvC,UAAA;AAAA,EACK,CAAA,GAGT,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,GAAI;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAQ;AAAA,IAEP,UAAA;AAAA,EACK,CAAA,CAEL"}
+{"version":3,"file":"Footer.es.js","names":[],"sources":["../../../../src/common/components/drawer/Footer.tsx"],"sourcesContent":["import Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { type SxProps } from '@mui/material/styles'\n\ntype Color = 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n\ntype FooterProps = {\n  footerStyles?: SxProps\n  hasSecondaryAction?: boolean\n  isPrimaryDisabled?: boolean\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryButtonProps?: React.ComponentProps<typeof Button>\n  primaryColor?: Color\n  primaryText?: string\n  secondaryColor?: Color\n  secondaryText?: string\n}\n\nconst Footer = ({\n  footerStyles = {},\n  hasSecondaryAction = true,\n  isPrimaryDisabled,\n  onPrimaryAction,\n  onSecondaryAction,\n  primaryButtonProps = {},\n  primaryColor = 'primary',\n  primaryText = 'Save',\n  secondaryColor = 'primary',\n  secondaryText = 'Cancel',\n}: FooterProps) => {\n  return (\n    <Stack\n      sx={{\n        bgcolor: 'background.paper',\n        flexDirection: 'row',\n        gap: 16,\n        justifyContent: 'flex-end',\n        p: 24,\n        ...footerStyles,\n      }}\n    >\n      {hasSecondaryAction && (\n        <Button\n          color={secondaryColor}\n          onClick={onSecondaryAction}\n          variant={onPrimaryAction ? 'text' : 'contained'}\n        >\n          {secondaryText}\n        </Button>\n      )}\n\n      {onPrimaryAction && (\n        <Button\n          {...primaryButtonProps}\n          color={primaryColor}\n          disabled={isPrimaryDisabled}\n          onClick={onPrimaryAction}\n          variant=\"contained\"\n        >\n          {primaryText}\n        </Button>\n      )}\n    </Stack>\n  )\n}\n\nexport default Footer\n"],"mappings":";;;AAmBA,IAAM,IAAA,CAAU,EACd,cAAA,IAAe,CAAC,GAChB,oBAAA,IAAqB,IACrB,mBAAA,GACA,iBAAA,GACA,mBAAA,GACA,oBAAA,IAAqB,CAAC,GACtB,cAAA,IAAe,WACf,aAAA,IAAc,QACd,gBAAA,IAAiB,WACjB,eAAA,IAAgB,SAAA,MAGd,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,SAAS;AAAA,IACT,eAAe;AAAA,IACf,KAAK;AAAA,IACL,gBAAgB;AAAA,IAChB,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EARF,UAAA,CAUG,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS,IAAkB,SAAS;AAAA,IAEnC,UAAA;AAAA,EACK,CAAA,GAGT,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,GAAI;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAQ;AAAA,IAEP,UAAA;AAAA,EACK,CAAA,CAEL"}

package/dist/finstrong/components/ManageDOB.es.js

@@ -3,16 +3,16 @@ import g from "../../common/components/drawer/Drawer.es.js";
 import y from "react";
 import { observer as b } from "mobx-react-lite";
 import v from "@mui/material/Stack";
-import { jsx as t } from "react/jsx-runtime";
-import { alpha as e, useTheme as D } from "@mui/material/styles";
+import { jsx as e } from "react/jsx-runtime";
+import { alpha as o, useTheme as D } from "@mui/material/styles";
 import { AdapterDateFns as S } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { StaticDatePicker as x } from "@mui/x-date-pickers";
-import { LocalizationProvider as P } from "@mui/x-date-pickers/LocalizationProvider";
-var w = ({ isOpen: n, onClose: a }) => {
-  const { finstrong: l } = u(), o = D(), { updateUser: c, user: i } = f(), { loadPeerScore: m } = h(), [r, s] = y.useState(i.birthday), p = (d) => {
+import { LocalizationProvider as x } from "@mui/x-date-pickers/LocalizationProvider";
+import { StaticDatePicker as w } from "@mui/x-date-pickers";
+var B = ({ isOpen: n, onClose: a }) => {
+  const { finstrong: l } = u(), t = D(), { updateUser: c, user: i } = f(), { loadPeerScore: m } = h(), [r, s] = y.useState(i.birthday), p = (d) => {
     s(Math.floor(new Date(d).getTime() / 1e3));
   };
-  return /* @__PURE__ */ t(g, {
+  return /* @__PURE__ */ e(g, {
     footerStyles: {
       borderTop: 1,
       borderColor: "divider",
@@ -31,28 +31,28 @@ var w = ({ isOpen: n, onClose: a }) => {
     },
     onSecondaryAction: a,
     title: l.date_of_birth,
-    children: /* @__PURE__ */ t(v, {
+    children: /* @__PURE__ */ e(v, {
       sx: {
         bgcolor: "background.default",
         height: "100%"
       },
-      children: /* @__PURE__ */ t(P, {
+      children: /* @__PURE__ */ e(x, {
         dateAdapter: S,
-        children: /* @__PURE__ */ t(x, {
+        children: /* @__PURE__ */ e(w, {
           disableFuture: !0,
           onChange: p,
           slotProps: {
             nextIconButton: { sx: {
               color: "primary.main",
-              "&:hover": { bgcolor: e(o.palette.primary.light, 0.1) }
+              "&:hover": { bgcolor: o(t.palette.primary.light, 0.1) }
             } },
             previousIconButton: { sx: {
               color: "primary.main",
-              "&:hover": { bgcolor: e(o.palette.primary.light, 0.1) }
+              "&:hover": { bgcolor: o(t.palette.primary.light, 0.1) }
             } },
             switchViewButton: { sx: {
               color: "primary.main",
-              "&:hover": { bgcolor: e(o.palette.primary.light, 0.1) }
+              "&:hover": { bgcolor: o(t.palette.primary.light, 0.1) }
             } }
           },
           slots: {
@@ -63,7 +63,7 @@ var w = ({ isOpen: n, onClose: a }) => {
             width: "100%",
             "& .MuiIconButton-edgeEnd": {
               color: "primary.main",
-              "&:hover": { bgcolor: e(o.palette.primary.light, 0.1) }
+              "&:hover": { bgcolor: o(t.palette.primary.light, 0.1) }
             }
           },
           value: r ? /* @__PURE__ */ new Date(r * 1e3) : /* @__PURE__ */ new Date()
@@ -71,9 +71,9 @@ var w = ({ isOpen: n, onClose: a }) => {
       })
     })
   });
-}, O = b(w);
+}, j = b(B);
 export {
-  O as default
+  j as default
 };
 
 //# sourceMappingURL=ManageDOB.es.js.map

package/dist/goals/components/actions/BirthdayAction.es.js

@@ -1,23 +1,23 @@
 import { DATE_FORMATS_INTL as b, formatDate as f } from "../../../core/constants/DateFormats.es.js";
 import { useGlobalCopyStore as u, useGoalStore as _, useUserStore as S } from "../../../common/context/hooks.es.js";
-import { ListItemAction as v } from "../../../common/components/ListItemAction.es.js";
+import { ListItemAction as A } from "../../../common/components/ListItemAction.es.js";
 import i from "react";
-import { observer as A } from "mobx-react-lite";
+import { observer as T } from "mobx-react-lite";
 import { jsx as o } from "react/jsx-runtime";
 import { fromUnixTime as s } from "date-fns/fromUnixTime";
-import { getUnixTime as T } from "date-fns/getUnixTime";
+import { getUnixTime as v } from "date-fns/getUnixTime";
 import { AdapterDateFns as x } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DatePicker as D } from "@mui/x-date-pickers";
-import { LocalizationProvider as g } from "@mui/x-date-pickers/LocalizationProvider";
+import { LocalizationProvider as D } from "@mui/x-date-pickers/LocalizationProvider";
+import { DatePicker as g } from "@mui/x-date-pickers";
 import { isValid as E } from "date-fns/isValid";
-var N = A(({ goal: a }) => {
+var O = T(({ goal: a }) => {
   const { goals: r } = u(), { user: t, updateUser: d } = S(), { setAlert: m } = _(), [e, l] = i.useState(s(t.birthday ?? 0)), [n, p] = i.useState(null), c = a.is_complete, h = async () => {
     e && E(e) && (await d({
       ...t,
-      birthday: T(e)
+      birthday: v(e)
     }), m(r.alert_goal_updated_birthday));
   };
-  return /* @__PURE__ */ o(v, {
+  return /* @__PURE__ */ o(A, {
     isDisabled: c,
     isSaveDisabled: !!n,
     label: r.details_birthday,
@@ -25,9 +25,9 @@ var N = A(({ goal: a }) => {
     primaryText: r.details_birthday,
     secondaryText: `${f(s(t.birthday ?? 0), b.MONTH_DAY_YEAR)}`,
     zeroStateText: !a.guid && !t.birthday ? r.add_birthday : void 0,
-    children: /* @__PURE__ */ o(g, {
+    children: /* @__PURE__ */ o(D, {
       dateAdapter: x,
-      children: /* @__PURE__ */ o(D, {
+      children: /* @__PURE__ */ o(g, {
         label: r.details_birthday,
         onChange: l,
         onError: (y) => p(y),
@@ -38,7 +38,7 @@ var N = A(({ goal: a }) => {
   });
 });
 export {
-  N as BirthdayAction
+  O as BirthdayAction
 };
 
 //# sourceMappingURL=BirthdayAction.es.js.map

package/dist/recurringtransactions/components/PaymentSchedule.es.js

@@ -4,16 +4,16 @@ import { formatOrdinal as M } from "../../core/utils/NumberFormatting.es.js";
 import { Select as n } from "../../common/components/Select.es.js";
 import g from "react";
 import A from "@mui/material/Stack";
-import { startOfToday as i } from "date-fns/startOfToday";
+import { startOfToday as y } from "date-fns/startOfToday";
 import { jsx as t, jsxs as T } from "react/jsx-runtime";
 import { addYears as _ } from "date-fns/addYears";
 import { subDays as Y } from "date-fns/subDays";
 import { setDayOfYear as x } from "date-fns/setDayOfYear";
 import { AdapterDateFns as D } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { getDayOfYear as C } from "date-fns/getDayOfYear";
+import { LocalizationProvider as C } from "@mui/x-date-pickers/LocalizationProvider";
+import { getDayOfYear as W } from "date-fns/getDayOfYear";
 import { DatePicker as P } from "@mui/x-date-pickers";
-import { LocalizationProvider as W } from "@mui/x-date-pickers/LocalizationProvider";
-var N = ({ frequency: a, firstDay: y, secondDay: h, onFrequencyChange: s, onFirstDayChange: d, onSecondDayChange: c }) => {
+var N = ({ frequency: a, firstDay: i, secondDay: h, onFrequencyChange: s, onFirstDayChange: d, onSecondDayChange: c }) => {
   const { recurring: e } = E(), f = g.useMemo(() => [
     {
       id: r.EveryWeek,
@@ -81,8 +81,8 @@ var N = ({ frequency: a, firstDay: y, secondDay: h, onFrequencyChange: s, onFirs
     label: M(o + 1)
   }));
   l[30].label += ` (${e.last_day_of_month})`;
-  const v = l.slice(0, 15), b = l.slice(14), u = a === r.EveryWeek || a === r.EveryOtherWeek, k = a === r.TwiceAMonth || a === r.EveryMonth || a === r.EveryOtherMonth || a === r.EveryQuarter || a === r.EveryOtherQuarter, m = x(i(), y), w = m < i() ? _(m, 1) : m, O = (o) => {
-    o && d(C(o));
+  const v = l.slice(0, 15), b = l.slice(14), u = a === r.EveryWeek || a === r.EveryOtherWeek, k = a === r.TwiceAMonth || a === r.EveryMonth || a === r.EveryOtherMonth || a === r.EveryQuarter || a === r.EveryOtherQuarter, m = x(y(), i), w = m < y() ? _(m, 1) : m, O = (o) => {
+    o && d(W(o));
   };
   return /* @__PURE__ */ T(A, {
     gap: 24,
@@ -98,13 +98,13 @@ var N = ({ frequency: a, firstDay: y, secondDay: h, onFrequencyChange: s, onFirs
         label: e.day_of_the_week,
         onChange: d,
         options: p,
-        value: y
+        value: i
       }),
       k && /* @__PURE__ */ t(n, {
         label: a === r.TwiceAMonth ? e.first_day_of_the_month : e.day_of_the_month,
         onChange: d,
         options: a === r.TwiceAMonth ? v : l,
-        value: y
+        value: i
       }),
       a === r.TwiceAMonth && /* @__PURE__ */ t(n, {
         label: e.second_day_of_the_month,
@@ -112,13 +112,13 @@ var N = ({ frequency: a, firstDay: y, secondDay: h, onFrequencyChange: s, onFirs
         options: b,
         value: h ?? ""
       }),
-      a === r.EveryYear && /* @__PURE__ */ t(W, {
+      a === r.EveryYear && /* @__PURE__ */ t(C, {
         dateAdapter: D,
         children: /* @__PURE__ */ t(P, {
           disablePast: !0,
           label: e.next_payment_date,
-          maxDate: Y(_(i(), 1), 1),
-          minDate: i(),
+          maxDate: Y(_(y(), 1), 1),
+          minDate: y(),
           onChange: O,
           value: w
         })

package/dist/settings/components/profile/ProfileTab.es.js

@@ -1,24 +1,24 @@
-import { useAppConfig as F, useGlobalCopyStore as B, useSettingsStore as L, useUserStore as M } from "../../../common/context/hooks.es.js";
-import { useScreenSize as R } from "../../../common/hooks/useScreenSize.es.js";
-import z from "../../../common/components/dialog/Dialog.es.js";
-import I from "./actions/ResetPasswordAction.es.js";
+import { useAppConfig as F, useGlobalCopyStore as B, useSettingsStore as M, useUserStore as R } from "../../../common/context/hooks.es.js";
+import { useScreenSize as I } from "../../../common/hooks/useScreenSize.es.js";
+import L from "../../../common/components/dialog/Dialog.es.js";
+import z from "./actions/ResetPasswordAction.es.js";
 import N from "./actions/VerifyEmailAction.es.js";
-import $ from "./actions/VerifyPhoneAction.es.js";
+import j from "./actions/VerifyPhoneAction.es.js";
 import p from "react";
-import { observer as j } from "mobx-react-lite";
+import { observer as H } from "mobx-react-lite";
 import l from "@mui/material/Stack";
-import { H3 as H, P as J } from "@mxenabled/mxui";
-import O from "@mui/material/Button";
+import { H3 as J, P as O } from "@mxenabled/mxui";
+import $ from "@mui/material/Button";
 import { Fragment as G, jsx as t, jsxs as i } from "react/jsx-runtime";
 import { alpha as b, useTheme as K } from "@mui/material/styles";
 import Y from "@mui/material/Box";
 import { getUnixTime as q } from "date-fns/getUnixTime";
 import d from "@mui/material/TextField";
 import { AdapterDateFns as Q } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DatePicker as W } from "@mui/x-date-pickers";
-import { LocalizationProvider as X } from "@mui/x-date-pickers/LocalizationProvider";
+import { LocalizationProvider as W } from "@mui/x-date-pickers/LocalizationProvider";
+import { DatePicker as X } from "@mui/x-date-pickers";
 var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
-  const u = K(), { common: w, settings: o } = B(), { isMobile: m } = R(C), { config: h } = F(), { updateUser: S } = L(), { user: r } = M(), [a, U] = p.useState({
+  const u = K(), { common: w, settings: o } = B(), { isMobile: m } = I(C), { config: h } = F(), { updateUser: S } = M(), { user: r } = R(), [a, U] = p.useState({
     first_name: r.first_name,
     last_name: r.last_name,
     email: r.email,
@@ -26,7 +26,7 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
     birthday: r.birthday,
     postal_code: r.postal_code,
     credit_score: r.credit_score
-  }), [c, y] = p.useState(!1), [P, g] = p.useState(!1), _ = p.useRef(null), v = a.email && !r.email_is_verified && !c, x = a.phone && !r.phone_is_verified && !c;
+  }), [c, y] = p.useState(!1), [T, g] = p.useState(!1), _ = p.useRef(null), v = a.email && !r.email_is_verified && !c, x = a.phone && !r.phone_is_verified && !c;
   p.useEffect(() => {
     if (f) {
       const e = (s) => {
@@ -37,17 +37,17 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
       };
     }
   }, [c]);
-  const T = () => {
+  const V = () => {
     if (a.birthday) {
       const e = /* @__PURE__ */ new Date(a.birthday * 1e3), s = e.getUTCFullYear(), A = e.getUTCMonth(), E = e.getUTCDate();
       return new Date(s, A, E);
     }
-  }, V = async () => {
+  }, D = async () => {
     await S({
       ...r,
       ...a
     }), y(!1);
-  }, D = () => {
+  }, P = () => {
     g(!1), f && f();
   }, k = () => {
     g(!1);
@@ -70,8 +70,8 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
       "& .MuiTextField-root": { flex: 1 }
     },
     children: [
-      /* @__PURE__ */ t(H, { children: o.personal_details }),
-      /* @__PURE__ */ t(J, {
+      /* @__PURE__ */ t(J, { children: o.personal_details }),
+      /* @__PURE__ */ t(O, {
         variant: "body1",
         children: o.update_information
       }),
@@ -115,16 +115,16 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
             label: o.mobile_number,
             onChange: (e) => n({ phone: e.target.value }),
             type: "tel"
-          }), x && /* @__PURE__ */ t($, {})]
+          }), x && /* @__PURE__ */ t(j, {})]
         })]
       }),
       /* @__PURE__ */ i(l, {
         direction: m ? "column" : "row",
         spacing: 24,
         sx: { mb: 24 },
-        children: [/* @__PURE__ */ t(X, {
+        children: [/* @__PURE__ */ t(W, {
           dateAdapter: Q,
-          children: /* @__PURE__ */ t(W, {
+          children: /* @__PURE__ */ t(X, {
             label: o.birthdate,
             onChange: (e) => n({ birthday: q(e) }),
             slotProps: {
@@ -144,7 +144,7 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
                 "&:hover": { backgroundColor: b(u.palette.primary.light, 0.1) }
               }
             },
-            value: T()
+            value: V()
           })
         }), /* @__PURE__ */ t(d, {
           defaultValue: a.postal_code,
@@ -158,26 +158,26 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
           label: o.credit_score,
           onChange: (e) => n({ credit_score: Number(e.target.value) })
         }),
-        h.display_password_options_in_settings && /* @__PURE__ */ t(I, {}),
-        /* @__PURE__ */ t(O, {
+        h.display_password_options_in_settings && /* @__PURE__ */ t(z, {}),
+        /* @__PURE__ */ t($, {
           disabled: !c,
-          onClick: V,
+          onClick: D,
           sx: { width: m ? "100%" : 124 },
           variant: "contained",
           children: w.save_button
         })
       ] })
     ]
-  }), /* @__PURE__ */ t(z, {
+  }), /* @__PURE__ */ t(L, {
     copy: { title: o.discard_changes },
-    isOpen: P,
+    isOpen: T,
     onClose: k,
-    onSecondaryAction: D,
+    onSecondaryAction: P,
     primaryText: o.keep_editing,
     secondaryText: o.leave,
     children: o.discard_changes_message
   })] });
-}, ye = j(Z);
+}, ye = H(Z);
 export {
   ye as default
 };

package/dist/settings/components/transactionrules/actions/DeleteRuleAction.es.js

@@ -1,26 +1,26 @@
 import { useGlobalCopyStore as m } from "../../../../common/context/hooks.es.js";
 import a from "../../../../common/components/dialog/Dialog.es.js";
 import "react";
-import { observer as c } from "mobx-react-lite";
-import { Text as l } from "@mxenabled/mxui";
+import { observer as l } from "mobx-react-lite";
+import { Text as c } from "@mxenabled/mxui";
 import { jsx as e } from "react/jsx-runtime";
-var b = c(({ onClose: o, onDelete: n, isOpen: i }) => {
+var b = l(({ onClose: o, onDelete: i, isOpen: n }) => {
   const { common: r, settings: t } = m();
   return /* @__PURE__ */ e(a, {
     copy: { title: t.delete_rule },
-    isOpen: i,
+    isOpen: n,
     onClose: o,
-    onPrimaryAction: n,
+    onPrimaryAction: i,
     onSecondaryAction: o,
     primaryColor: "error",
     primaryText: r.delete_button,
-    secondaryColor: "secondary",
+    secondaryColor: "inherit",
     secondaryText: r.cancel_button,
     sx: { "& .MuiDialogContent-root": {
       pt: 0,
       width: 400
     } },
-    children: /* @__PURE__ */ e(l, {
+    children: /* @__PURE__ */ e(c, {
       truncate: !1,
       variant: "body2",
       children: t.delete_rule_confirm

package/dist/settings/components/transactionrules/actions/DeleteRuleAction.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteRuleAction.es.js","names":[],"sources":["../../../../../src/settings/components/transactionrules/actions/DeleteRuleAction.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\nimport { Text } from '@mxenabled/mxui'\nimport { Dialog, useGlobalCopyStore } from '../../../../common'\n\ninterface ActionProps {\n  isOpen: boolean\n  onClose: () => void\n  onDelete: () => void\n}\n\nconst DeleteRuleAction: React.FC<ActionProps> = observer(({ onClose, onDelete, isOpen }) => {\n  const { common: commonCopy, settings: settingsCopy } = useGlobalCopyStore()\n\n  return (\n    <Dialog\n      copy={{ title: settingsCopy.delete_rule }}\n      isOpen={isOpen}\n      onClose={onClose}\n      onPrimaryAction={onDelete}\n      onSecondaryAction={onClose}\n      primaryColor=\"error\"\n      primaryText={commonCopy.delete_button}\n      secondaryColor=\"secondary\"\n      secondaryText={commonCopy.cancel_button}\n      sx={{ '& .MuiDialogContent-root': { pt: 0, width: 400 } }}\n    >\n      <Text truncate={false} variant=\"body2\">\n        {settingsCopy.delete_rule_confirm}\n      </Text>\n    </Dialog>\n  )\n})\n\nexport default DeleteRuleAction\n"],"mappings":";;;;;;AAWA,IAAM,IAA0C,EAAA,CAAU,EAAE,SAAA,GAAS,UAAA,GAAU,QAAA,EAAA,MAAa;AAC1F,QAAM,EAAE,QAAQ,GAAY,UAAU,EAAA,IAAiB,EAAmB;AAE1E,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,MAAM,EAAE,OAAO,EAAa,YAAY;AAAA,IAChC,QAAA;AAAA,IACC,SAAA;AAAA,IACT,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,IACnB,cAAa;AAAA,IACb,aAAa,EAAW;AAAA,IACxB,gBAAe;AAAA,IACf,eAAe,EAAW;AAAA,IAC1B,IAAI,EAAE,4BAA4B;AAAA,MAAE,IAAI;AAAA,MAAG,OAAO;AAAA,IAAI,EAAE;AAAA,IAExD,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAM,UAAU;AAAA,MAAO,SAAQ;AAAA,MAC5B,UAAA,EAAa;AAAA,IACV,CAAA;AAAA,EACA,CAAA;AAEZ,CAAC"}
+{"version":3,"file":"DeleteRuleAction.es.js","names":[],"sources":["../../../../../src/settings/components/transactionrules/actions/DeleteRuleAction.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\nimport { Text } from '@mxenabled/mxui'\nimport { Dialog, useGlobalCopyStore } from '../../../../common'\n\ninterface ActionProps {\n  isOpen: boolean\n  onClose: () => void\n  onDelete: () => void\n}\n\nconst DeleteRuleAction: React.FC<ActionProps> = observer(({ onClose, onDelete, isOpen }) => {\n  const { common: commonCopy, settings: settingsCopy } = useGlobalCopyStore()\n\n  return (\n    <Dialog\n      copy={{ title: settingsCopy.delete_rule }}\n      isOpen={isOpen}\n      onClose={onClose}\n      onPrimaryAction={onDelete}\n      onSecondaryAction={onClose}\n      primaryColor=\"error\"\n      primaryText={commonCopy.delete_button}\n      secondaryColor=\"inherit\"\n      secondaryText={commonCopy.cancel_button}\n      sx={{ '& .MuiDialogContent-root': { pt: 0, width: 400 } }}\n    >\n      <Text truncate={false} variant=\"body2\">\n        {settingsCopy.delete_rule_confirm}\n      </Text>\n    </Dialog>\n  )\n})\n\nexport default DeleteRuleAction\n"],"mappings":";;;;;;AAWA,IAAM,IAA0C,EAAA,CAAU,EAAE,SAAA,GAAS,UAAA,GAAU,QAAA,EAAA,MAAa;AAC1F,QAAM,EAAE,QAAQ,GAAY,UAAU,EAAA,IAAiB,EAAmB;AAE1E,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,MAAM,EAAE,OAAO,EAAa,YAAY;AAAA,IAChC,QAAA;AAAA,IACC,SAAA;AAAA,IACT,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,IACnB,cAAa;AAAA,IACb,aAAa,EAAW;AAAA,IACxB,gBAAe;AAAA,IACf,eAAe,EAAW;AAAA,IAC1B,IAAI,EAAE,4BAA4B;AAAA,MAAE,IAAI;AAAA,MAAG,OAAO;AAAA,IAAI,EAAE;AAAA,IAExD,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAM,UAAU;AAAA,MAAO,SAAQ;AAAA,MAC5B,UAAA,EAAa;AAAA,IACV,CAAA;AAAA,EACA,CAAA;AAEZ,CAAC"}

package/dist/transactions/components/shared/transactiondetails/actions/DateAction.es.js

@@ -1,64 +1,65 @@
-import { DATE_FORMATS_INTL as S, formatDate as C } from "../../../../../core/constants/DateFormats.es.js";
-import I, { CalendarSelectionTypes as h } from "../../../../../common/components/calendar/Calendar.es.js";
-import { useEvent as g, useGlobalCopyStore as L, useTransactionStore as v } from "../../../../../common/context/hooks.es.js";
-import D from "../../../../../common/components/drawer/Drawer.es.js";
-import { ANALYTICS_EVENTS as N } from "../../../../../common/constants/Analytics.es.js";
-import { fromUnixUTC as m } from "../../../../../core/utils/DateUtil.es.js";
+import { DATE_FORMATS_INTL as A, formatDate as C } from "../../../../../core/constants/DateFormats.es.js";
+import { useEvent as S, useGlobalCopyStore as I, useTransactionStore as v } from "../../../../../common/context/hooks.es.js";
+import L from "../../../../../common/components/drawer/Drawer.es.js";
+import { ANALYTICS_EVENTS as g } from "../../../../../common/constants/Analytics.es.js";
+import { fromUnixUTC as s, toUnixUTC as N } from "../../../../../core/utils/DateUtil.es.js";
 import { useTransactionsUiStore as b } from "../../../../context/hooks.es.js";
-import { ON_CLICK_EVENTS as E } from "../../../../constants/OnClickEvents.es.js";
-import s from "react";
-import O from "@mui/material/Stack";
-import { Text as R } from "@mxenabled/mxui";
-import { Icon as c } from "@mxenabled/mx-icons";
+import { ON_CLICK_EVENTS as D } from "../../../../constants/OnClickEvents.es.js";
+import c from "react";
+import E from "@mui/material/Stack";
+import { Text as O } from "@mxenabled/mxui";
+import { Icon as d } from "@mxenabled/mx-icons";
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { useTheme as U } from "@mui/material/styles";
-import { getUnixTime as k } from "date-fns/getUnixTime";
-import K from "@mui/material/ListItem";
-import M from "@mui/material/Avatar";
-import P from "@mui/material/ListItemAvatar";
-import Y from "@mui/material/ListItemButton";
-import j from "@mui/material/ListItemIcon";
-import w from "@mui/material/ListItemText";
-var st = ({ transaction: e }) => {
-  const { onEvent: n } = g(), { updateTransaction: d } = v(), { updateManualTransaction: p } = b(), { common: r, transactions: o } = L(), f = U(), [_, a] = s.useState(!1), [i, T] = s.useState(e.date), u = (A) => {
-    T(k(A));
+import { useTheme as k } from "@mui/material/styles";
+import P from "@mui/material/ListItem";
+import U from "@mui/material/Avatar";
+import M from "@mui/material/ListItemAvatar";
+import R from "@mui/material/ListItemButton";
+import w from "@mui/material/ListItemIcon";
+import B from "@mui/material/ListItemText";
+import { AdapterDateFns as F } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { LocalizationProvider as K } from "@mui/x-date-pickers/LocalizationProvider";
+import { StaticDatePicker as Y } from "@mui/x-date-pickers/StaticDatePicker";
+var dt = ({ transaction: e }) => {
+  const { onEvent: n } = S(), { updateTransaction: p } = v(), { updateManualTransaction: f } = b(), { common: o, transactions: r } = I(), _ = k(), [u, a] = c.useState(!1), [i, T] = c.useState(e.date), x = (m) => {
+    m && T(N(m));
   }, y = async () => {
     if (e.is_manual && !e.guid) {
-      p({
+      f({
         ...e,
         date: i
       }), a(!1);
       return;
     }
-    await d({
+    await p({
       ...e,
       date: i
-    }), n(N.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: e.guid }), a(!1);
-  }, x = f.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ l(K, {
+    }), n(g.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: e.guid }), a(!1);
+  }, h = _.palette.mode === "dark" ? "grey.800" : "grey.100";
+  return /* @__PURE__ */ l(P, {
     className: "mx-txn-date-action",
     disableGutters: !0,
     disablePadding: !0,
-    children: [/* @__PURE__ */ l(Y, {
+    children: [/* @__PURE__ */ l(R, {
       onClick: () => {
-        n(E.ON_TRANSACTION_DATE_CLICK), a(!0);
+        n(D.ON_TRANSACTION_DATE_CLICK), a(!0);
       },
       children: [
-        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(M, {
-          sx: { bgcolor: x },
+        /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(U, {
+          sx: { bgcolor: h },
           variant: "rounded",
-          children: /* @__PURE__ */ t(c, {
+          children: /* @__PURE__ */ t(d, {
             name: "calendar_month",
             sx: { color: "text.primary" }
           })
         }) }),
-        /* @__PURE__ */ t(w, {
-          primary: o.date_title,
-          secondary: /* @__PURE__ */ t(R, {
+        /* @__PURE__ */ t(B, {
+          primary: r.date_title,
+          secondary: /* @__PURE__ */ t(O, {
             bold: !0,
             sx: { color: "text.primary" },
             variant: "body1",
-            children: C(m(e.date), S.FULL_MONTH_DAY_YEAR)
+            children: C(s(e.date), A.FULL_MONTH_DAY_YEAR)
           }),
           slotProps: { primary: {
             variant: "caption",
@@ -66,38 +67,43 @@ var st = ({ transaction: e }) => {
             fontWeight: "normal"
           } }
         }),
-        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(c, {
+        /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(d, {
           name: "chevron_right",
           sx: { color: "text.primary" }
         }) })
       ]
-    }), /* @__PURE__ */ t(D, {
-      ariaLabelClose: r.close_aria,
-      isOpen: _,
+    }), /* @__PURE__ */ t(L, {
+      ariaLabelClose: o.close_aria,
+      isOpen: u,
       onClose: () => a(!1),
       onPrimaryAction: y,
-      primaryText: r.save_button,
-      secondaryText: r.cancel_button,
-      title: o.date_edit_title,
-      children: /* @__PURE__ */ t(O, {
+      primaryText: o.save_button,
+      secondaryText: o.cancel_button,
+      title: r.date_edit_title,
+      children: /* @__PURE__ */ t(E, {
         alignItems: "center",
         mt: 40,
-        children: /* @__PURE__ */ t(I, {
-          beginDate: m(i),
-          copy: {
-            nextAria: o.date_next_aria,
-            prevAria: o.date_prev_aria,
-            today: r.date_range_picker.today
+        children: /* @__PURE__ */ t(K, {
+          dateAdapter: F,
+          localeText: {
+            nextMonth: r.date_next_aria,
+            previousMonth: r.date_prev_aria,
+            todayButtonLabel: o.date_range_picker.today
           },
-          onDateSelected: u,
-          selectionType: h.Single
+          children: /* @__PURE__ */ t(Y, {
+            displayStaticWrapperAs: "desktop",
+            onChange: x,
+            slotProps: { actionBar: { actions: ["today"] } },
+            value: s(i),
+            views: ["day"]
+          })
         })
       })
     })]
   });
 };
 export {
-  st as default
+  dt as default
 };
 
 //# sourceMappingURL=DateAction.es.js.map