@mx-cartographer/experiences 9.2.4-alpha.al0 → 9.3.0-alpha.bb1

package/dist/debts/components/debtspriority/DebtsPriorityButton/index.es.js

@@ -0,0 +1,32 @@
+import "react";
+import { Icon as e } from "@mxenabled/mxui";
+import p from "@mui/material/Button";
+import { jsx as r } from "react/jsx-runtime";
+import m from "@mui/material/IconButton";
+var z = ({ buttonText: a, disabled: t, isDesktop: s = !1, isOpen: n, onClick: i }) => {
+  const o = n ? "unfold_less" : "unfold_more";
+  return s ? /* @__PURE__ */ r(p, {
+    "aria-controls": "prioritize-debts",
+    "aria-describedby": "prioritize-debts",
+    "aria-haspopup": !0,
+    "aria-label": "prioritize-debts",
+    disabled: t,
+    onClick: i,
+    startIcon: /* @__PURE__ */ r(e, { name: o }),
+    sx: { justifyContent: "start" },
+    children: a
+  }) : /* @__PURE__ */ r(m, {
+    "aria-controls": "prioritize-debts",
+    "aria-describedby": "prioritize-debts",
+    "aria-haspopup": !0,
+    "aria-label": "prioritize-debts",
+    disabled: t,
+    onClick: i,
+    children: /* @__PURE__ */ r(e, { name: o })
+  });
+};
+export {
+  z as DebtsPriorityButton
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/debts/components/debtspriority/DebtsPriorityButton/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/debts/components/debtspriority/DebtsPriorityButton.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport IconButton from '@mui/material/IconButton'\nimport { Icon } from '@mxenabled/mxui'\n\ninterface DebtsPrioriyButtonProps {\n  buttonText: string\n  disabled?: boolean\n  isDesktop?: boolean\n  isOpen: boolean\n  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void\n}\n\nexport const DebtsPriorityButton = ({\n  buttonText,\n  disabled,\n  isDesktop = false,\n  isOpen,\n  onClick,\n}: DebtsPrioriyButtonProps) => {\n  const icon = isOpen ? 'unfold_less' : 'unfold_more'\n\n  return isDesktop ? (\n    <Button\n      aria-controls=\"prioritize-debts\"\n      aria-describedby=\"prioritize-debts\"\n      aria-haspopup={true}\n      aria-label=\"prioritize-debts\"\n      disabled={disabled}\n      onClick={onClick}\n      startIcon={<Icon name={icon} />}\n      sx={{ justifyContent: 'start' }}\n    >\n      {buttonText}\n    </Button>\n  ) : (\n    <IconButton\n      aria-controls=\"prioritize-debts\"\n      aria-describedby=\"prioritize-debts\"\n      aria-haspopup={true}\n      aria-label=\"prioritize-debts\"\n      disabled={disabled}\n      onClick={onClick}\n    >\n      <Icon name={icon} />\n    </IconButton>\n  )\n}\n"],"mappings":";;;;;AAcA,IAAa,IAAA,CAAuB,EAClC,YAAA,GACA,UAAA,GACA,WAAA,IAAY,IACZ,QAAA,GACA,SAAA,EAAA,MAC6B;AAC7B,QAAM,IAAO,IAAS,gBAAgB;AAEtC,SAAO,IACL,gBAAA,EAAC,GAAD;AAAA,IACE,iBAAc;AAAA,IACd,oBAAiB;AAAA,IACjB,iBAAe;AAAA,IACf,cAAW;AAAA,IACD,UAAA;AAAA,IACD,SAAA;AAAA,IACT,WAAW,gBAAA,EAAC,GAAD,EAAM,MAAM,EAAO,CAAA;AAAA,IAC9B,IAAI,EAAE,gBAAgB,QAAQ;AAAA,cAE7B;AAAA,EACK,CAAA,IAER,gBAAA,EAAC,GAAD;AAAA,IACE,iBAAc;AAAA,IACd,oBAAiB;AAAA,IACjB,iBAAe;AAAA,IACf,cAAW;AAAA,IACD,UAAA;AAAA,IACD,SAAA;AAAA,cAET,gBAAA,EAAC,GAAD,EAAM,MAAM,EAAO,CAAA;AAAA,EACT,CAAA;AAEhB"}

package/dist/debts/components/debtspriority/DebtsPrioriyPopover/index.es.js

@@ -0,0 +1,78 @@
+import { useEvent as h, useGlobalCopyStore as _ } from "../../../../common/context/hooks/index.es.js";
+import { ANALYTICS_EVENTS as b } from "../../../../common/constants/Analytics/index.es.js";
+import { DebtPriority as r } from "../../../../core/constants/Debts/index.es.js";
+import { useDebtsUiStore as d } from "../../../hooks/useDebtsUiStore/index.es.js";
+import { observer as y } from "mobx-react-lite";
+import { Text as S } from "@mxenabled/mxui";
+import { CheckCircle as E } from "@mxenabled/mx-icons";
+import { jsx as i, jsxs as T } from "react/jsx-runtime";
+import v from "@mui/material/Popover";
+import x from "@mui/material/List";
+import C from "@mui/material/ListItem";
+var z = y(({ buttonEl: n, onClose: s }) => {
+  const { onEvent: l } = h(), { debts: t } = _(), { selectedDebtPriority: e, setSelectedDebtPriority: p } = d(), c = !!n, m = [
+    {
+      priority: r.FASTEST_PAYOFF_FIRST,
+      text: t.priority_sort_fastest_payoff
+    },
+    {
+      priority: r.HIGHEST_INTEREST,
+      text: t.priority_sort_highest_interest
+    },
+    {
+      priority: r.LOWEST_BALANCE,
+      text: t.priority_sort_lowest_balance
+    },
+    {
+      priority: r.HIGHEST_BALANCE,
+      text: t.priority_sort_highest_balance
+    }
+  ], a = (o) => {
+    p(o), l(b.DEBTS_CLICK_PRIORITY, { debts_priority: o });
+  };
+  return /* @__PURE__ */ i(v, {
+    anchorEl: n,
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "left"
+    },
+    id: "prioritize-debts",
+    onClose: s,
+    open: c,
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "left"
+    },
+    children: /* @__PURE__ */ i(x, { children: m.map(({ priority: o, text: f }) => /* @__PURE__ */ T(C, {
+      onClick: () => a(o),
+      sx: {
+        bgcolor: e === o ? "primary.main" : void 0,
+        color: e === o ? "#fff" : void 0,
+        justifyContent: "space-between",
+        minHeight: 44,
+        minWidth: 268,
+        px: 24,
+        py: 12,
+        "&:hover": {
+          bgcolor: "background.highlight",
+          cursor: "pointer",
+          color: "text.primary"
+        }
+      },
+      children: [/* @__PURE__ */ i(S, {
+        color: "inherit",
+        variant: "body2",
+        children: f
+      }), e === o && /* @__PURE__ */ i(E, {
+        color: "inherit",
+        filled: !0,
+        fontSize: "small"
+      })]
+    }, o)) })
+  });
+});
+export {
+  z as DebtsPriorityPopover
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/debts/components/debtspriority/DebtsPrioriyPopover/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/debts/components/debtspriority/DebtsPrioriyPopover.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport Popover from '@mui/material/Popover'\n\nimport { Text } from '@mxenabled/mxui'\nimport { CheckCircle as SelectedIcon } from '@mxenabled/mx-icons'\n\nimport { useGlobalCopyStore, useEvent, ANALYTICS_EVENTS } from '../../../common'\nimport { useDebtsUiStore } from '../../hooks/useDebtsUiStore'\nimport { DebtPriority } from '../../../core/constants/Debts'\n\ninterface DebtsPriorityPopoverProps {\n  buttonEl: HTMLButtonElement | null\n  onClose: () => void\n}\n\nexport const DebtsPriorityPopover = observer(({ buttonEl, onClose }: DebtsPriorityPopoverProps) => {\n  const { onEvent } = useEvent()\n  const { debts: copy } = useGlobalCopyStore()\n  const { selectedDebtPriority, setSelectedDebtPriority } = useDebtsUiStore()\n\n  const isOpen = Boolean(buttonEl)\n\n  const options = [\n    {\n      priority: DebtPriority.FASTEST_PAYOFF_FIRST,\n      text: copy.priority_sort_fastest_payoff,\n    },\n    {\n      priority: DebtPriority.HIGHEST_INTEREST,\n      text: copy.priority_sort_highest_interest,\n    },\n    {\n      priority: DebtPriority.LOWEST_BALANCE,\n      text: copy.priority_sort_lowest_balance,\n    },\n    {\n      priority: DebtPriority.HIGHEST_BALANCE,\n      text: copy.priority_sort_highest_balance,\n    },\n  ]\n\n  const handleClick = (priority: DebtPriority) => {\n    setSelectedDebtPriority(priority)\n    onEvent(ANALYTICS_EVENTS.DEBTS_CLICK_PRIORITY, { debts_priority: priority })\n  }\n\n  return (\n    <Popover\n      anchorEl={buttonEl}\n      anchorOrigin={{\n        vertical: 'bottom',\n        horizontal: 'left',\n      }}\n      id=\"prioritize-debts\"\n      onClose={onClose}\n      open={isOpen}\n      transformOrigin={{\n        vertical: 'top',\n        horizontal: 'left',\n      }}\n    >\n      <List>\n        {options.map(({ priority, text }) => (\n          <ListItem\n            key={priority}\n            onClick={() => handleClick(priority)}\n            sx={{\n              bgcolor: selectedDebtPriority === priority ? 'primary.main' : undefined,\n              color: selectedDebtPriority === priority ? '#fff' : undefined,\n              justifyContent: 'space-between',\n              minHeight: 44,\n              minWidth: 268,\n              px: 24,\n              py: 12,\n              '&:hover': {\n                bgcolor: 'background.highlight',\n                cursor: 'pointer',\n                color: 'text.primary',\n              },\n            }}\n          >\n            <Text color=\"inherit\" variant=\"body2\">\n              {text}\n            </Text>\n            {selectedDebtPriority === priority && (\n              <SelectedIcon color=\"inherit\" filled={true} fontSize=\"small\" />\n            )}\n          </ListItem>\n        ))}\n      </List>\n    </Popover>\n  )\n})\n"],"mappings":";;;;;;;;;;;AAkBA,IAAa,IAAuB,EAAA,CAAU,EAAE,UAAA,GAAU,SAAA,EAAA,MAAyC;AACjG,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,sBAAA,GAAsB,yBAAA,EAAA,IAA4B,EAAgB,GAEpE,IAAS,EAAQ,GAEjB,IAAU;AAAA,IACd;AAAA,MACE,UAAU,EAAa;AAAA,MACvB,MAAM,EAAK;AAAA,IACb;AAAA,IACA;AAAA,MACE,UAAU,EAAa;AAAA,MACvB,MAAM,EAAK;AAAA,IACb;AAAA,IACA;AAAA,MACE,UAAU,EAAa;AAAA,MACvB,MAAM,EAAK;AAAA,IACb;AAAA,IACA;AAAA,MACE,UAAU,EAAa;AAAA,MACvB,MAAM,EAAK;AAAA,IACb;AAAA,EACF,GAEM,IAAA,CAAe,MAA2B;AAC9C,IAAA,EAAwB,CAAQ,GAChC,EAAQ,EAAiB,sBAAsB,EAAE,gBAAgB,EAAS,CAAC;AAAA,EAC7E;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,UAAU;AAAA,IACV,cAAc;AAAA,MACZ,UAAU;AAAA,MACV,YAAY;AAAA,IACd;AAAA,IACA,IAAG;AAAA,IACM,SAAA;AAAA,IACT,MAAM;AAAA,IACN,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,YAAY;AAAA,IACd;AAAA,cAEA,gBAAA,EAAC,GAAD,EAAA,UACG,EAAQ,IAAA,CAAK,EAAE,UAAA,GAAU,MAAA,EAAA,MACxB,gBAAA,EAAC,GAAD;AAAA,MAEE,SAAA,MAAe,EAAY,CAAQ;AAAA,MACnC,IAAI;AAAA,QACF,SAAS,MAAyB,IAAW,iBAAiB;AAAA,QAC9D,OAAO,MAAyB,IAAW,SAAS;AAAA,QACpD,gBAAgB;AAAA,QAChB,WAAW;AAAA,QACX,UAAU;AAAA,QACV,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,WAAW;AAAA,UACT,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,OAAO;AAAA,QACT;AAAA,MACF;AAAA,gBAhBF,CAkBE,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAM;AAAA,QAAU,SAAQ;AAAA,kBAC3B;AAAA,MACG,CAAA,GACL,MAAyB,KACxB,gBAAA,EAAC,GAAD;AAAA,QAAc,OAAM;AAAA,QAAU,QAAQ;AAAA,QAAM,UAAS;AAAA,MAAS,CAAA,CAExD;AAAA,OAvBH,CAuBG,CACX,EACG,CAAA;AAAA,EACC,CAAA;AAEb,CAAC"}

package/dist/debts/hooks/useDebtsUiStore/index.es.js

@@ -0,0 +1,12 @@
+import { GlobalDataContext as t } from "../../../common/context/GlobalDataProvider/index.es.js";
+import { useDebtStore as e } from "../../../common/context/hooks/index.es.js";
+import o from "react";
+var s = () => {
+  if (!o.useContext(t)) throw new Error("useDebtsUiStore() must be used within the GlobalDataContext");
+  return e().uiStore;
+};
+export {
+  s as useDebtsUiStore
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/debts/hooks/useDebtsUiStore/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/debts/hooks/useDebtsUiStore.ts"],"sourcesContent":["import React from 'react'\nimport { GlobalDataContext, useDebtStore } from '../../common'\n\nexport const useDebtsUiStore = () => {\n  const context = React.useContext(GlobalDataContext)\n\n  if (!context) {\n    throw new Error('useDebtsUiStore() must be used within the GlobalDataContext')\n  }\n\n  return useDebtStore().uiStore\n}\n"],"mappings":";;;AAGA,IAAa,IAAA,MAAwB;AAGnC,MAAI,CAFY,EAAM,WAAW,CAE5B,EACH,OAAM,IAAI,MAAM,6DAA6D;AAG/E,SAAO,EAAa,EAAE;AACxB"}