@mx-cartographer/experiences 9.2.4-alpha.al5 → 9.3.0-alph.bb2

package/dist/settings/components/devices/DeviceTable.es.js

@@ -0,0 +1,120 @@
+import { buildDynamicCopy as p } from "../../../core/utils/Localization.es.js";
+import { useGlobalCopyStore as f } from "../../../common/context/hooks.es.js";
+import { HeaderCell as i } from "../../../trends/components/trendstable/HeaderCell.es.js";
+import b from "react";
+import a from "@mui/material/Stack";
+import { Icon as d, Text as n } from "@mxenabled/mxui";
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { alpha as x, useTheme as _ } from "@mui/material/styles";
+import m from "@mui/material/Box";
+import c from "@mui/material/IconButton";
+import { fromUnixTime as y } from "date-fns/fromUnixTime";
+import { DataGridPro as C } from "@mui/x-data-grid-pro";
+import { formatDistanceToNow as g } from "date-fns/formatDistanceToNow";
+var R = ({ devices: l, onClickDeviceEdit: s, onClickDeviceDelete: u }) => {
+  const o = _(), { settings: t } = f();
+  return /* @__PURE__ */ e(m, {
+    sx: { width: "100%" },
+    children: /* @__PURE__ */ e(C, {
+      columns: [
+        {
+          field: "name",
+          headerName: t.mobile_devices_column_name,
+          renderHeader: i,
+          renderCell: (r) => /* @__PURE__ */ h(a, {
+            alignItems: "center",
+            direction: "row",
+            gap: 4,
+            children: [/* @__PURE__ */ e(n, {
+              variant: "body2",
+              children: r.value
+            }), /* @__PURE__ */ e(c, {
+              "aria-label": t.mobile_devices_edit_label,
+              color: "secondary",
+              onClick: () => s(r.row),
+              children: /* @__PURE__ */ e(d, { name: "edit" })
+            })]
+          }),
+          sortable: !0,
+          flex: 1,
+          minWidth: 200
+        },
+        {
+          field: "device_type",
+          headerName: t.mobile_devices_column_type,
+          renderHeader: i,
+          sortable: !0,
+          hideSortIcons: !1,
+          flex: 1,
+          minWidth: 150
+        },
+        {
+          field: "created_at",
+          headerName: t.mobile_devices_column_added,
+          renderHeader: i,
+          valueFormatter: (r) => g(y(r), { addSuffix: !0 }),
+          sortable: !0,
+          hideSortIcons: !1,
+          flex: 1,
+          minWidth: 150
+        },
+        {
+          field: "delete",
+          headerName: "",
+          renderHeader: i,
+          renderCell: (r) => /* @__PURE__ */ e(a, {
+            mr: 4,
+            children: /* @__PURE__ */ e(c, {
+              "aria-label": t.mobile_devices_delete_label,
+              color: "secondary",
+              onClick: () => u(r.row),
+              children: /* @__PURE__ */ e(d, { name: "delete" })
+            })
+          }),
+          sortable: !1,
+          hideSortIcons: !1,
+          width: 58
+        }
+      ],
+      disableColumnFilter: !0,
+      disableColumnMenu: !0,
+      disableRowSelectionOnClick: !0,
+      rows: b.useMemo(() => l.map((r) => ({
+        id: r.guid,
+        ...r,
+        device_type: `${r.make} ${r.model}`
+      })), [l]),
+      slotProps: { footer: { sx: { justifyContent: "flex-end" } } },
+      slots: { footer: () => /* @__PURE__ */ e(m, {
+        sx: {
+          backgroundColor: o.palette.background.default,
+          display: "flex",
+          justifyContent: "flex-end",
+          alignItems: "center",
+          p: "12px 16px"
+        },
+        children: /* @__PURE__ */ e(n, {
+          color: o.palette.text.secondary,
+          variant: "body2",
+          children: p(t.mobile_devices_count, /* @__PURE__ */ e("b", { children: l.length }), /* @__PURE__ */ e("b", { children: l.length }))
+        })
+      }) },
+      sx: {
+        border: "1px solid",
+        borderColor: o.palette.neutral.light,
+        borderRadius: "8px",
+        "& .MuiDataGrid-columnHeader .MuiIconButton-root": {
+          color: o.palette.primary.main,
+          "&:hover": { backgroundColor: x(o.palette.primary.main, 0.1) }
+        },
+        "& .MuiDataGrid-sortIcon": { color: o.palette.primary.main }
+      }
+    })
+  });
+};
+export {
+  R as DeviceTable,
+  R as default
+};
+
+//# sourceMappingURL=DeviceTable.es.js.map

package/dist/settings/components/devices/DeviceTable.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceTable.es.js","names":[],"sources":["../../../../src/settings/components/devices/DeviceTable.tsx"],"sourcesContent":["import React from 'react'\nimport { formatDistanceToNow } from 'date-fns/formatDistanceToNow'\nimport { fromUnixTime } from 'date-fns/fromUnixTime'\n\nimport { useTheme } from '@mui/material/styles'\nimport { alpha } from '@mui/material/styles'\n\nimport IconButton from '@mui/material/IconButton'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport { Icon, Text } from '@mxenabled/mxui'\nimport { DataGridPro, GridColDef } from '@mui/x-data-grid-pro'\n\nimport { useGlobalCopyStore } from '../../../common'\nimport { Device } from '../../../core'\nimport { HeaderCell } from '../../../trends/components/trendstable/HeaderCell'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface DeviceTableProps {\n  devices: Device[]\n  onClickDeviceEdit: (device: Device) => void\n  onClickDeviceDelete: (device: Device) => void\n}\n\nexport const DeviceTable: React.FC<DeviceTableProps> = ({\n  devices,\n  onClickDeviceEdit,\n  onClickDeviceDelete,\n}) => {\n  const theme = useTheme()\n  const { settings: settingsCopy } = useGlobalCopyStore()\n\n  const columns: GridColDef[] = [\n    {\n      field: 'name',\n      headerName: settingsCopy.mobile_devices_column_name,\n      renderHeader: HeaderCell,\n      renderCell: (params) => (\n        <Stack alignItems=\"center\" direction=\"row\" gap={4}>\n          <Text variant=\"body2\">{params.value}</Text>\n          <IconButton\n            aria-label={settingsCopy.mobile_devices_edit_label}\n            color=\"secondary\"\n            onClick={() => onClickDeviceEdit(params.row as Device)}\n          >\n            <Icon name=\"edit\" />\n          </IconButton>\n        </Stack>\n      ),\n      sortable: true,\n      flex: 1,\n      minWidth: 200,\n    },\n    {\n      field: 'device_type',\n      headerName: settingsCopy.mobile_devices_column_type,\n      renderHeader: HeaderCell,\n      sortable: true,\n      hideSortIcons: false,\n      flex: 1,\n      minWidth: 150,\n    },\n    {\n      field: 'created_at',\n      headerName: settingsCopy.mobile_devices_column_added,\n      renderHeader: HeaderCell,\n      valueFormatter: (value: number) =>\n        formatDistanceToNow(fromUnixTime(value), { addSuffix: true }),\n      sortable: true,\n      hideSortIcons: false,\n      flex: 1,\n      minWidth: 150,\n    },\n    {\n      field: 'delete',\n      headerName: '',\n      renderHeader: HeaderCell,\n      renderCell: (params) => (\n        <Stack mr={4}>\n          <IconButton\n            aria-label={settingsCopy.mobile_devices_delete_label}\n            color=\"secondary\"\n            onClick={() => onClickDeviceDelete(params.row as Device)}\n          >\n            <Icon name=\"delete\" />\n          </IconButton>\n        </Stack>\n      ),\n      sortable: false,\n      hideSortIcons: false,\n      width: 58,\n    },\n  ]\n\n  const rows = React.useMemo(() => {\n    return devices.map((device) => ({\n      id: device.guid,\n      ...device,\n      device_type: `${device.make} ${device.model}`,\n    }))\n  }, [devices])\n\n  return (\n    <Box sx={{ width: '100%' }}>\n      <DataGridPro\n        columns={columns}\n        disableColumnFilter={true}\n        disableColumnMenu={true}\n        disableRowSelectionOnClick={true}\n        rows={rows}\n        slotProps={{\n          footer: {\n            sx: { justifyContent: 'flex-end' },\n          },\n        }}\n        slots={{\n          footer: () => (\n            <Box\n              sx={{\n                backgroundColor: theme.palette.background.default,\n                display: 'flex',\n                justifyContent: 'flex-end',\n                alignItems: 'center',\n                p: '12px 16px',\n              }}\n            >\n              <Text color={theme.palette.text.secondary} variant=\"body2\">\n                {\n                  buildDynamicCopy(\n                    settingsCopy.mobile_devices_count,\n                    <b>{devices.length}</b>,\n                    <b>{devices.length}</b>,\n                  ) as string\n                }\n              </Text>\n            </Box>\n          ),\n        }}\n        sx={{\n          border: '1px solid',\n          borderColor: theme.palette.neutral.light,\n          borderRadius: '8px',\n          '& .MuiDataGrid-columnHeader .MuiIconButton-root': {\n            color: theme.palette.primary.main,\n            '&:hover': {\n              backgroundColor: alpha(theme.palette.primary.main, 0.1),\n            },\n          },\n          '& .MuiDataGrid-sortIcon': {\n            color: theme.palette.primary.main,\n          },\n        }}\n      />\n    </Box>\n  )\n}\n\nexport default DeviceTable\n"],"mappings":"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"}

package/dist/settings/components/notifications/AccountNotificationProfile.es.js

@@ -0,0 +1,92 @@
+import { useGlobalCopyStore as v, useSettingsStore as S, useUserStore as D } from "../../../common/context/hooks.es.js";
+import { useScreenSize as P } from "../../../common/hooks/useScreenSize.es.js";
+import { ToggleListItem as _ } from "../../../common/components/listitems/ToggleListItem.es.js";
+import { AccountProfileListItem as k } from "./AccountProfileListItem.es.js";
+import { observer as C } from "mobx-react-lite";
+import t from "@mui/material/Stack";
+import { Text as x } from "@mxenabled/mxui";
+import { Fragment as E, jsx as i, jsxs as c } from "react/jsx-runtime";
+import h from "@mui/material/Divider";
+import g from "@mui/material/List";
+var N = C(({ onUpdateProfile: s, profile: e }) => {
+  const { settings: n } = v(), { user: o } = D(), { clientCommunicationProfile: f, userCommunicationsProfile: y } = S(), { isMobile: u } = P(), T = e.notification_type > 2, { opted_out_of_email_notifications: r, opted_out_of_push_notifications: b, opted_out_of_sms_notifications: m } = y, { email_notifications_enabled: d, push_notifications_enabled: a, sms_notifications_enabled: l } = f;
+  return /* @__PURE__ */ c(t, { children: [(d || l || a) && /* @__PURE__ */ c(E, { children: [/* @__PURE__ */ i(x, {
+    bold: !0,
+    sx: {
+      mb: 4,
+      ml: 24,
+      mt: 12
+    },
+    variant: "caption",
+    children: n.delivery_method_title
+  }), /* @__PURE__ */ c(g, {
+    sx: { bgcolor: "background.paper" },
+    children: [
+      d && /* @__PURE__ */ i(t, {
+        sx: { pl: 24 },
+        children: /* @__PURE__ */ i(_, {
+          isChecked: !r && e.email_channel && !!o.email,
+          isDisabled: r || !o.email,
+          onToggle: () => s({
+            ...e,
+            email_channel: !e.email_channel
+          }),
+          primaryText: n.delivery_method_email_label,
+          secondaryText: r || !e.email_channel || !o.email ? n.notification_disabled : n.notification_enabled,
+          useExtraPadding: !1
+        })
+      }),
+      d && (l || a) && /* @__PURE__ */ i(h, { sx: { ml: u ? 0 : 24 } }),
+      l && /* @__PURE__ */ i(t, {
+        sx: { pl: 24 },
+        children: /* @__PURE__ */ i(_, {
+          isChecked: !m && e.sms_channel && !!o.phone,
+          isDisabled: m || !o.phone,
+          onToggle: () => s({
+            ...e,
+            sms_channel: !e.sms_channel
+          }),
+          primaryText: `${n.delivery_method_sms_label}`,
+          secondaryText: m || !e.sms_channel || !o.phone ? n.notification_disabled : n.notification_enabled,
+          useExtraPadding: !1
+        })
+      }),
+      l && a && /* @__PURE__ */ i(h, { sx: { ml: u ? 0 : 24 } }),
+      a && /* @__PURE__ */ i(t, {
+        sx: { pl: 24 },
+        children: /* @__PURE__ */ i(_, {
+          isChecked: !b && e.push_channel,
+          isDisabled: b,
+          onToggle: () => s({
+            ...e,
+            push_channel: !e.push_channel
+          }),
+          primaryText: n.delivery_method_push_label,
+          secondaryText: n.delivery_method_push_subtitle,
+          useExtraPadding: !1
+        })
+      }),
+      /* @__PURE__ */ i(h, {})
+    ]
+  })] }), T && !!e.children?.length && /* @__PURE__ */ c(t, { children: [/* @__PURE__ */ i(x, {
+    bold: !0,
+    sx: {
+      mb: 4,
+      ml: 24,
+      mt: 12
+    },
+    variant: "caption",
+    children: n.accounts_threshold_title
+  }), /* @__PURE__ */ i(g, {
+    sx: { bgcolor: "background.paper" },
+    children: e.children?.map((p) => /* @__PURE__ */ i(k, {
+      onProfileUpdated: s,
+      profile: p
+    }, p.guid))
+  })] })] });
+});
+export {
+  N as AccountNotificationProfile
+};
+
+//# sourceMappingURL=AccountNotificationProfile.es.js.map

package/dist/settings/components/notifications/AccountNotificationProfile.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountNotificationProfile.es.js","names":[],"sources":["../../../../src/settings/components/notifications/AccountNotificationProfile.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  ToggleListItem,\n  useGlobalCopyStore,\n  useScreenSize,\n  useSettingsStore,\n  useUserStore,\n} from '../../../common'\nimport { DetailedNotificationProfile } from '../../../core'\n\nimport { AccountProfileListItem } from './AccountProfileListItem'\n\ninterface AccountNotificationProfileProps {\n  onUpdateProfile: (profile: DetailedNotificationProfile) => void\n  profile: DetailedNotificationProfile\n}\n\nexport const AccountNotificationProfile = observer(\n  ({ onUpdateProfile, profile }: AccountNotificationProfileProps) => {\n    const { settings: copy } = useGlobalCopyStore()\n    const { user } = useUserStore()\n    const { clientCommunicationProfile, userCommunicationsProfile } = useSettingsStore()\n    const { isMobile } = useScreenSize()\n\n    const isAccountProfile = profile.notification_type > 2\n    const {\n      opted_out_of_email_notifications: emailDisabled,\n      opted_out_of_push_notifications: pushDisabled,\n      opted_out_of_sms_notifications: smsDisabled,\n    } = userCommunicationsProfile\n\n    const {\n      email_notifications_enabled: showEmail,\n      push_notifications_enabled: showPush,\n      sms_notifications_enabled: showSms,\n    } = clientCommunicationProfile\n\n    return (\n      <Stack>\n        {(showEmail || showSms || showPush) && (\n          <>\n            <Text bold={true} sx={{ mb: 4, ml: 24, mt: 12 }} variant=\"caption\">\n              {copy.delivery_method_title}\n            </Text>\n            <List sx={{ bgcolor: 'background.paper' }}>\n              {showEmail && (\n                <Stack sx={{ pl: 24 }}>\n                  <ToggleListItem\n                    isChecked={!emailDisabled && profile.email_channel && !!user.email}\n                    isDisabled={emailDisabled || !user.email}\n                    onToggle={() =>\n                      onUpdateProfile({ ...profile, email_channel: !profile.email_channel })\n                    }\n                    primaryText={copy.delivery_method_email_label}\n                    secondaryText={\n                      emailDisabled || !profile.email_channel || !user.email\n                        ? copy.notification_disabled\n                        : copy.notification_enabled\n                    }\n                    useExtraPadding={false}\n                  />\n                </Stack>\n              )}\n\n              {showEmail && (showSms || showPush) && <Divider sx={{ ml: isMobile ? 0 : 24 }} />}\n\n              {showSms && (\n                <Stack sx={{ pl: 24 }}>\n                  <ToggleListItem\n                    isChecked={!smsDisabled && profile.sms_channel && !!user.phone}\n                    isDisabled={smsDisabled || !user.phone}\n                    onToggle={() =>\n                      onUpdateProfile({ ...profile, sms_channel: !profile.sms_channel })\n                    }\n                    primaryText={`${copy.delivery_method_sms_label}`}\n                    secondaryText={\n                      smsDisabled || !profile.sms_channel || !user.phone\n                        ? copy.notification_disabled\n                        : copy.notification_enabled\n                    }\n                    useExtraPadding={false}\n                  />\n                </Stack>\n              )}\n\n              {showSms && showPush && <Divider sx={{ ml: isMobile ? 0 : 24 }} />}\n\n              {showPush && (\n                <Stack sx={{ pl: 24 }}>\n                  <ToggleListItem\n                    isChecked={!pushDisabled && profile.push_channel}\n                    isDisabled={pushDisabled}\n                    onToggle={() =>\n                      onUpdateProfile({ ...profile, push_channel: !profile.push_channel })\n                    }\n                    primaryText={copy.delivery_method_push_label}\n                    secondaryText={copy.delivery_method_push_subtitle}\n                    useExtraPadding={false}\n                  />\n                </Stack>\n              )}\n              <Divider />\n            </List>\n          </>\n        )}\n\n        {isAccountProfile && Boolean(profile.children?.length) && (\n          <Stack>\n            <Text bold={true} sx={{ mb: 4, ml: 24, mt: 12 }} variant=\"caption\">\n              {copy.accounts_threshold_title}\n            </Text>\n\n            <List sx={{ bgcolor: 'background.paper' }}>\n              {profile.children?.map((child) => (\n                <AccountProfileListItem\n                  key={child.guid}\n                  onProfileUpdated={onUpdateProfile}\n                  profile={child}\n                />\n              ))}\n            </List>\n          </Stack>\n        )}\n      </Stack>\n    )\n  },\n)\n"],"mappings":"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"}

package/dist/settings/components/notifications/AccountNotificationProfiles.es.js

@@ -0,0 +1,44 @@
+import { useSettingsStore as c } from "../../../common/context/hooks.es.js";
+import m from "../../../common/components/drawer/Drawer.es.js";
+import { ToggleButtonListItem as f } from "../../../common/components/listitems/ToggleButtonListItem.es.js";
+import { AccountNotificationProfile as u } from "./AccountNotificationProfile.es.js";
+import s from "react";
+import { observer as g } from "mobx-react-lite";
+import b from "@mui/material/Stack";
+import { ChevronRight as h } from "@mxenabled/mx-icons";
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+var w = g(() => {
+  const { accountProfiles: i, updateNotificationProfile: r } = c(), [n, a] = s.useState(""), o = s.useMemo(() => i.find((e) => e.guid === n), [i, n]), l = async (e) => {
+    await r({
+      ...e,
+      is_enabled: !e.is_enabled
+    });
+  }, d = async (e) => {
+    await r(e);
+  };
+  return /* @__PURE__ */ p(b, {
+    sx: { backgroundColor: "background.paper" },
+    children: [i.filter((e) => e.children && e.children.length > 0).map((e) => /* @__PURE__ */ t(f, {
+      endIcon: /* @__PURE__ */ t(h, {}),
+      isChecked: e.is_enabled,
+      isDisabled: !e.is_enabled,
+      onClick: () => a(e.guid),
+      onToggle: () => l(e),
+      primaryText: e.label,
+      secondaryText: e.is_enabled ? e.deliveryMethodsLabel : void 0
+    }, e.guid)), /* @__PURE__ */ t(m, {
+      isOpen: !!o,
+      onClose: () => a(""),
+      title: o ? o.label : "",
+      children: o && /* @__PURE__ */ t(u, {
+        onUpdateProfile: d,
+        profile: o
+      })
+    })]
+  });
+});
+export {
+  w as AccountNotificationProfiles
+};
+
+//# sourceMappingURL=AccountNotificationProfiles.es.js.map

package/dist/settings/components/notifications/AccountNotificationProfiles.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountNotificationProfiles.es.js","names":[],"sources":["../../../../src/settings/components/notifications/AccountNotificationProfiles.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { Drawer, ToggleButtonListItem, useSettingsStore } from '../../../common'\nimport { DetailedNotificationProfile } from '../../../core'\n\nimport { AccountNotificationProfile } from './AccountNotificationProfile'\n\nexport const AccountNotificationProfiles = observer(() => {\n  const { accountProfiles, updateNotificationProfile } = useSettingsStore()\n\n  const [selectedProfileGuid, setSelectedProfileGuid] = React.useState('')\n\n  const selectedProfile = React.useMemo(\n    () => accountProfiles.find((profile) => profile.guid === selectedProfileGuid),\n    [accountProfiles, selectedProfileGuid],\n  )\n\n  const handleProfileToggle = async (profile: DetailedNotificationProfile) => {\n    await updateNotificationProfile({\n      ...profile,\n      is_enabled: !profile.is_enabled,\n    })\n  }\n\n  const handleProfileUpdate = async (profile: DetailedNotificationProfile) => {\n    await updateNotificationProfile(profile)\n  }\n\n  return (\n    <Stack sx={{ backgroundColor: 'background.paper' }}>\n      {accountProfiles\n        // Don't show notification profiles that have no associated accounts (children)\n        .filter((profile) => profile.children && profile.children.length > 0)\n        .map((profile) => (\n          <ToggleButtonListItem\n            endIcon={<ChevronRight />}\n            isChecked={profile.is_enabled}\n            isDisabled={!profile.is_enabled}\n            key={profile.guid}\n            onClick={() => setSelectedProfileGuid(profile.guid)}\n            onToggle={() => handleProfileToggle(profile)}\n            primaryText={profile.label}\n            secondaryText={profile.is_enabled ? profile.deliveryMethodsLabel : undefined}\n          />\n        ))}\n      <Drawer\n        isOpen={Boolean(selectedProfile)}\n        onClose={() => setSelectedProfileGuid('')}\n        title={selectedProfile ? selectedProfile.label : ''}\n      >\n        {selectedProfile && (\n          <AccountNotificationProfile\n            onUpdateProfile={handleProfileUpdate}\n            profile={selectedProfile}\n          />\n        )}\n      </Drawer>\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;;;;AAYA,IAAa,IAA8B,EAAA,MAAe;AACxD,QAAM,EAAE,iBAAA,GAAiB,2BAAA,EAAA,IAA8B,EAAiB,GAElE,CAAC,GAAqB,CAAA,IAA0B,EAAM,SAAS,EAAE,GAEjE,IAAkB,EAAM,QAAA,MACtB,EAAgB,KAAA,CAAM,MAAY,EAAQ,SAAS,CAAmB,GAC5E,CAAC,GAAiB,CAAmB,CACvC,GAEM,IAAsB,OAAO,MAAyC;AAC1E,UAAM,EAA0B;AAAA,MAC9B,GAAG;AAAA,MACH,YAAY,CAAC,EAAQ;AAAA,IACvB,CAAC;AAAA,EACH,GAEM,IAAsB,OAAO,MAAyC;AAC1E,UAAM,EAA0B,CAAO;AAAA,EACzC;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,iBAAiB,mBAAmB;AAAA,cAAjD,CACG,EAEE,OAAA,CAAQ,MAAY,EAAQ,YAAY,EAAQ,SAAS,SAAS,CAAC,EACnE,IAAA,CAAK,MACJ,gBAAA,EAAC,GAAD;AAAA,MACE,SAAS,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,MACxB,WAAW,EAAQ;AAAA,MACnB,YAAY,CAAC,EAAQ;AAAA,MAErB,SAAA,MAAe,EAAuB,EAAQ,IAAI;AAAA,MAClD,UAAA,MAAgB,EAAoB,CAAO;AAAA,MAC3C,aAAa,EAAQ;AAAA,MACrB,eAAe,EAAQ,aAAa,EAAQ,uBAAuB;AAAA,IACpE,GALM,EAAQ,IAKd,CACF,GACH,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ,EAAQ;AAAA,MAChB,SAAA,MAAe,EAAuB,EAAE;AAAA,MACxC,OAAO,IAAkB,EAAgB,QAAQ;AAAA,gBAEhD,KACC,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAiB;AAAA,QACjB,SAAS;AAAA,MACV,CAAA;AAAA,IAEG,CAAA,CACH;AAAA;AAEX,CAAC"}

package/dist/settings/components/notifications/AccountProfileListItem.es.js

@@ -0,0 +1,84 @@
+import { buildDynamicCopy as D } from "../../../core/utils/Localization.es.js";
+import { useAccountStore as A, useGlobalCopyStore as C } from "../../../common/context/hooks.es.js";
+import x from "../../../common/components/dialog/Dialog.es.js";
+import { AccountNotificationTypes as P } from "../../../core/types/Notification.es.js";
+import { formatCurrency as T, formatOrdinal as v } from "../../../core/utils/NumberFormatting.es.js";
+import I from "../../../common/components/CurrencyInput.es.js";
+import { ToggleButtonListItem as w } from "../../../common/components/listitems/ToggleButtonListItem.es.js";
+import i from "react";
+import { observer as S } from "mobx-react-lite";
+import O from "@mui/material/Stack";
+import { InstitutionLogo as k } from "@mxenabled/mxui";
+import { endOfMonth as L } from "date-fns/endOfMonth";
+import { startOfMonth as M } from "date-fns/startOfMonth";
+import { ChevronRight as R } from "@mxenabled/mx-icons";
+import { jsx as o, jsxs as B } from "react/jsx-runtime";
+import { AdapterDateFns as N } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DateCalendar as j } from "@mui/x-date-pickers/DateCalendar";
+import { LocalizationProvider as z } from "@mui/x-date-pickers/LocalizationProvider";
+var nt = S(({ onProfileUpdated: r, profile: t }) => {
+  const { common: m, recurring: d, settings: n } = C(), { updateAccount: y } = A(), e = t.notification_type === P.DebtPaymentReminder, [_, c] = i.useState(!1), [s, l] = i.useState(t.threshold || 0), [u, p] = i.useState(t.account?.day_payment_is_due || 0), h = t.account?.name || t.account?.feed_name || "", b = t.account?.day_payment_is_due ? D(n.notification_debt_payment_date, v(t.account?.day_payment_is_due)) : n.notification_debt_payment_zero_state, f = e ? b : T(t.threshold ?? 0, "0,0"), g = async () => {
+    e && t.account ? await y({
+      ...t.account,
+      day_payment_is_due: u
+    }) : r({
+      ...t,
+      threshold: s
+    });
+  };
+  return /* @__PURE__ */ B(O, { children: [/* @__PURE__ */ o(w, {
+    avatar: t.account?.institution_guid ? /* @__PURE__ */ o(k, {
+      alt: t.label,
+      institutionGuid: t.account?.institution_guid
+    }) : void 0,
+    endIcon: /* @__PURE__ */ o(R, {}),
+    isChecked: t.is_enabled,
+    isDisabled: !t.is_enabled,
+    isPrimaryTextBold: !0,
+    onClick: () => c(!0),
+    onToggle: () => r({
+      ...t,
+      is_enabled: !t.is_enabled
+    }),
+    primaryText: h,
+    secondaryText: t.is_enabled ? f : n.notification_disabled
+  }), /* @__PURE__ */ o(x, {
+    copy: {
+      title: e ? d.day_of_the_month : n.notification_threshold_label,
+      close_aria: m.close_aria
+    },
+    disablePrimaryButton: e && u === 0,
+    isOpen: _,
+    onClose: () => c(!1),
+    onPrimaryAction: g,
+    primaryText: m.save_button,
+    children: e ? /* @__PURE__ */ o(z, {
+      dateAdapter: N,
+      children: /* @__PURE__ */ o(j, {
+        maxDate: L(/* @__PURE__ */ new Date()),
+        minDate: M(/* @__PURE__ */ new Date()),
+        onChange: (a) => {
+          p(a.getDate());
+        },
+        slots: {
+          leftArrowIcon: () => null,
+          rightArrowIcon: () => null
+        },
+        sx: { "& .MuiPickersDay-today": { color: "primary.main" } },
+        views: ["day"]
+      })
+    }) : /* @__PURE__ */ o(I, {
+      amount: s,
+      autoFocus: !0,
+      fullWidth: !0,
+      minAmount: 0,
+      setAmount: (a) => l(Number(a) || 0),
+      sx: { ".MuiTypography-body1": { p: 0 } }
+    })
+  })] });
+});
+export {
+  nt as AccountProfileListItem
+};
+
+//# sourceMappingURL=AccountProfileListItem.es.js.map

package/dist/settings/components/notifications/AccountProfileListItem.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountProfileListItem.es.js","names":[],"sources":["../../../../src/settings/components/notifications/AccountProfileListItem.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { startOfMonth } from 'date-fns/startOfMonth'\n\nimport Stack from '@mui/material/Stack'\nimport { DateCalendar } from '@mui/x-date-pickers/DateCalendar'\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'\nimport { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { InstitutionLogo } from '@mxenabled/mxui'\n\nimport {\n  CurrencyInput,\n  Dialog,\n  ToggleButtonListItem,\n  useAccountStore,\n  useGlobalCopyStore,\n} from '../../../common'\nimport { AccountNotificationTypes, DetailedNotificationProfile } from '../../../core'\nimport { formatCurrency, formatOrdinal } from '../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface AccountProfileListItemProps {\n  onProfileUpdated: (profile: DetailedNotificationProfile) => void\n  profile: DetailedNotificationProfile\n}\n\nexport const AccountProfileListItem = observer(\n  ({ onProfileUpdated, profile }: AccountProfileListItemProps) => {\n    const { common: commonCopy, recurring: recurringCopy, settings: copy } = useGlobalCopyStore()\n    const { updateAccount } = useAccountStore()\n\n    const isPaymentReminder =\n      profile.notification_type === AccountNotificationTypes.DebtPaymentReminder\n\n    const [isOpen, setIsOpen] = React.useState(false)\n    const [amount, setAmount] = React.useState<number>(profile.threshold || 0)\n    const [paymentDay, setPaymentDay] = React.useState<number>(\n      profile.account?.day_payment_is_due || 0,\n    )\n\n    const accountName = profile.account?.name || profile.account?.feed_name || ''\n    const accountPaymentDate = profile.account?.day_payment_is_due\n      ? (buildDynamicCopy(\n          copy.notification_debt_payment_date,\n          formatOrdinal(profile.account?.day_payment_is_due),\n        ) as string)\n      : copy.notification_debt_payment_zero_state\n\n    const secondaryText = isPaymentReminder\n      ? accountPaymentDate\n      : formatCurrency(profile.threshold ?? 0, '0,0')\n\n    const handleUpdateProfile = async () => {\n      if (isPaymentReminder && profile.account) {\n        await updateAccount({ ...profile.account, day_payment_is_due: paymentDay })\n      } else {\n        onProfileUpdated({ ...profile, threshold: amount })\n      }\n    }\n\n    return (\n      <Stack>\n        <ToggleButtonListItem\n          avatar={\n            profile.account?.institution_guid ? (\n              <InstitutionLogo\n                alt={profile.label}\n                institutionGuid={profile.account?.institution_guid}\n              />\n            ) : undefined\n          }\n          endIcon={<ChevronRight />}\n          isChecked={profile.is_enabled}\n          isDisabled={!profile.is_enabled}\n          isPrimaryTextBold={true}\n          onClick={() => setIsOpen(true)}\n          onToggle={() =>\n            onProfileUpdated({\n              ...profile,\n              is_enabled: !profile.is_enabled,\n            })\n          }\n          primaryText={accountName}\n          secondaryText={!profile.is_enabled ? copy.notification_disabled : secondaryText}\n        />\n\n        <Dialog\n          copy={{\n            title: isPaymentReminder\n              ? recurringCopy.day_of_the_month\n              : copy.notification_threshold_label,\n            close_aria: commonCopy.close_aria,\n          }}\n          disablePrimaryButton={isPaymentReminder && paymentDay === 0}\n          isOpen={isOpen}\n          onClose={() => setIsOpen(false)}\n          onPrimaryAction={handleUpdateProfile}\n          primaryText={commonCopy.save_button}\n        >\n          {isPaymentReminder ? (\n            <LocalizationProvider dateAdapter={AdapterDateFns}>\n              <DateCalendar\n                maxDate={endOfMonth(new Date())}\n                minDate={startOfMonth(new Date())}\n                onChange={(date: Date) => {\n                  setPaymentDay(date.getDate())\n                }}\n                slots={{\n                  // Hides the arrows\n                  leftArrowIcon: () => null,\n                  rightArrowIcon: () => null,\n                }}\n                sx={{\n                  // TODO: Needs to be updated in MXUI\n                  '& .MuiPickersDay-today': {\n                    color: 'primary.main',\n                  },\n                }}\n                views={['day']}\n              />\n            </LocalizationProvider>\n          ) : (\n            <CurrencyInput\n              amount={amount}\n              autoFocus={true}\n              fullWidth={true}\n              minAmount={0}\n              setAmount={(value) => setAmount(Number(value) || 0)}\n              sx={{ '.MuiTypography-body1': { p: 0 } }}\n            />\n          )}\n        </Dialog>\n      </Stack>\n    )\n  },\n)\n"],"mappings":"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"}

package/dist/settings/components/notifications/BudgetNotificationProfiles.es.js

@@ -0,0 +1,14 @@
+import { useSettingsStore as i } from "../../../common/context/hooks.es.js";
+import { NotificationProfile as e } from "./NotificationProfile.es.js";
+import { observer as m } from "mobx-react-lite";
+import f from "@mui/material/Stack";
+import { jsx as r } from "react/jsx-runtime";
+var u = m(() => {
+  const { budgetProfiles: t } = i();
+  return /* @__PURE__ */ r(f, { children: t.map((o) => /* @__PURE__ */ r(e, { profile: o }, o.guid)) });
+});
+export {
+  u as BudgetNotificationProfiles
+};
+
+//# sourceMappingURL=BudgetNotificationProfiles.es.js.map

package/dist/settings/components/notifications/BudgetNotificationProfiles.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BudgetNotificationProfiles.es.js","names":[],"sources":["../../../../src/settings/components/notifications/BudgetNotificationProfiles.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { NotificationProfile } from './NotificationProfile'\n\nimport { useSettingsStore } from '../../../common'\n\nexport const BudgetNotificationProfiles = observer(() => {\n  const { budgetProfiles } = useSettingsStore()\n\n  return (\n    <Stack>\n      {budgetProfiles.map((profile) => (\n        <NotificationProfile key={profile.guid} profile={profile} />\n      ))}\n    </Stack>\n  )\n})\n"],"mappings":";;;;;AAQA,IAAa,IAA6B,EAAA,MAAe;AACvD,QAAM,EAAE,gBAAA,EAAA,IAAmB,EAAiB;AAE5C,SACE,gBAAA,EAAC,GAAD,EAAA,UACG,EAAe,IAAA,CAAK,MACnB,gBAAA,EAAC,GAAD,EAAiD,SAAA,EAAU,GAAjC,EAAQ,IAAyB,CAC5D,EACI,CAAA;AAEX,CAAC"}

package/dist/settings/components/notifications/DeliveryMethods.es.js

@@ -0,0 +1,78 @@
+import { useEvent as b, useGlobalCopyStore as g, useSettingsStore as y, useUserStore as x } from "../../../common/context/hooks.es.js";
+import { ToggleListItem as r } from "../../../common/components/listitems/ToggleListItem.es.js";
+import { observer as v } from "mobx-react-lite";
+import c from "@mui/material/Stack";
+import { H3 as C, Text as T } from "@mxenabled/mxui";
+import { Star as P } from "@mxenabled/mx-icons";
+import { Fragment as f, jsx as i, jsxs as s } from "react/jsx-runtime";
+import S from "@mui/material/Card";
+import k from "@mui/material/CardContent";
+import p from "@mui/material/Divider";
+var M = v(() => {
+  const { onEvent: a } = b(), { settings: o } = g(), { clientCommunicationProfile: e, updateUserCommunicationProfile: u, userCommunicationsProfile: t } = y(), { user: n } = x(), _ = async (d, l) => {
+    const h = {
+      ...t,
+      [d]: l
+    };
+    if (a) {
+      const m = d.split("_")[3];
+      l === !1 ? a("opt_in_notification_method", { notificationType: m }) : a("opt_out_notification_method", { notificationType: m });
+    }
+    await u(h);
+  };
+  return /* @__PURE__ */ s(c, { children: [
+    /* @__PURE__ */ i(C, {
+      sx: { mt: 24 },
+      children: o.delivery_method_title
+    }),
+    e.email_notifications_enabled && /* @__PURE__ */ s(f, { children: [/* @__PURE__ */ i(r, {
+      isChecked: !!n.email && !t.opted_out_of_email_notifications,
+      isDisabled: !n.email,
+      onToggle: () => _("opted_out_of_email_notifications", !t.opted_out_of_email_notifications),
+      primaryText: o.delivery_method_email_title,
+      secondaryText: n.email && !t.opted_out_of_email_notifications ? o.notification_enabled : o.notification_disabled,
+      useExtraPadding: !1
+    }), (e.sms_notifications_enabled || e.push_notifications_enabled) && /* @__PURE__ */ i(p, {})] }),
+    e.sms_notifications_enabled && /* @__PURE__ */ s(f, { children: [/* @__PURE__ */ i(r, {
+      isChecked: !!n.phone && !t.opted_out_of_sms_notifications,
+      isDisabled: !n.phone,
+      onToggle: () => _("opted_out_of_sms_notifications", !t.opted_out_of_sms_notifications),
+      primaryText: o.delivery_method_sms_title,
+      secondaryText: n.phone && !t.opted_out_of_sms_notifications ? o.notification_enabled : o.notification_disabled,
+      useExtraPadding: !1
+    }), e.push_notifications_enabled && /* @__PURE__ */ i(p, {})] }),
+    e.push_notifications_enabled && /* @__PURE__ */ i(r, {
+      isChecked: !t.opted_out_of_push_notifications,
+      isDisabled: !0,
+      onToggle: () => {
+      },
+      primaryText: o.delivery_method_push_title,
+      secondaryText: o.delivery_method_push_subtitle,
+      useExtraPadding: !1
+    }),
+    e.sms_notifications_enabled && /* @__PURE__ */ i(S, {
+      sx: {
+        backgroundColor: "background.default",
+        mt: 12
+      },
+      variant: "outlined",
+      children: /* @__PURE__ */ i(k, { children: /* @__PURE__ */ s(c, {
+        alignItems: "flex-start",
+        direction: "row",
+        gap: 6,
+        children: [/* @__PURE__ */ i(P, {
+          color: "primary",
+          filled: !0
+        }), /* @__PURE__ */ i(T, {
+          variant: "caption",
+          children: o.delivery_method_sms_note_1
+        })]
+      }) })
+    })
+  ] });
+});
+export {
+  M as DeliveryMethods
+};
+
+//# sourceMappingURL=DeliveryMethods.es.js.map

package/dist/settings/components/notifications/DeliveryMethods.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeliveryMethods.es.js","names":[],"sources":["../../../../src/settings/components/notifications/DeliveryMethods.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport Divider from '@mui/material/Divider'\nimport Stack from '@mui/material/Stack'\n\nimport { Star } from '@mxenabled/mx-icons'\n\nimport { H3, Text } from '@mxenabled/mxui'\n\nimport {\n  ToggleListItem,\n  useEvent,\n  useGlobalCopyStore,\n  useSettingsStore,\n  useUserStore,\n} from '../../../common'\nimport { type UserCommunicationProfile } from '../../../core'\n\nexport const DeliveryMethods = observer(() => {\n  const { onEvent } = useEvent()\n  const { settings: copy } = useGlobalCopyStore()\n  const {\n    clientCommunicationProfile: ccp,\n    updateUserCommunicationProfile,\n    userCommunicationsProfile: ucp,\n  } = useSettingsStore()\n  const { user } = useUserStore()\n\n  const onProfileChange = async <K extends keyof UserCommunicationProfile>(\n    key: K,\n    value: UserCommunicationProfile[K],\n  ) => {\n    const updatedProfile = { ...ucp, [key]: value }\n\n    if (onEvent) {\n      const keyParts = key.split('_')\n      const notificationType = keyParts[3] // e.g., 'email', 'sms', 'push' 'all'\n      if (value === false) {\n        onEvent('opt_in_notification_method', { notificationType })\n      } else {\n        onEvent('opt_out_notification_method', { notificationType })\n      }\n    }\n\n    await updateUserCommunicationProfile(updatedProfile)\n  }\n\n  return (\n    <Stack>\n      <H3 sx={{ mt: 24 }}>{copy.delivery_method_title}</H3>\n\n      {ccp.email_notifications_enabled && (\n        <>\n          <ToggleListItem\n            isChecked={!!user.email && !ucp.opted_out_of_email_notifications}\n            isDisabled={!user.email}\n            onToggle={() =>\n              onProfileChange(\n                'opted_out_of_email_notifications',\n                !ucp.opted_out_of_email_notifications,\n              )\n            }\n            primaryText={copy.delivery_method_email_title}\n            secondaryText={\n              !!user.email && !ucp.opted_out_of_email_notifications\n                ? copy.notification_enabled\n                : copy.notification_disabled\n            }\n            useExtraPadding={false}\n          />\n\n          {(ccp.sms_notifications_enabled || ccp.push_notifications_enabled) && <Divider />}\n        </>\n      )}\n\n      {ccp.sms_notifications_enabled && (\n        <>\n          <ToggleListItem\n            isChecked={!!user.phone && !ucp.opted_out_of_sms_notifications}\n            isDisabled={!user.phone}\n            onToggle={() =>\n              onProfileChange('opted_out_of_sms_notifications', !ucp.opted_out_of_sms_notifications)\n            }\n            primaryText={copy.delivery_method_sms_title}\n            secondaryText={\n              !!user.phone && !ucp.opted_out_of_sms_notifications\n                ? copy.notification_enabled\n                : copy.notification_disabled\n            }\n            useExtraPadding={false}\n          />\n\n          {ccp.push_notifications_enabled && <Divider />}\n        </>\n      )}\n\n      {ccp.push_notifications_enabled && (\n        <ToggleListItem\n          isChecked={!ucp.opted_out_of_push_notifications}\n          isDisabled={true}\n          onToggle={() => {}}\n          primaryText={copy.delivery_method_push_title}\n          secondaryText={copy.delivery_method_push_subtitle}\n          useExtraPadding={false}\n        />\n      )}\n\n      {ccp.sms_notifications_enabled && (\n        <Card sx={{ backgroundColor: 'background.default', mt: 12 }} variant=\"outlined\">\n          <CardContent>\n            <Stack alignItems=\"flex-start\" direction=\"row\" gap={6}>\n              <Star color=\"primary\" filled={true} />\n              <Text variant=\"caption\">{copy.delivery_method_sms_note_1}</Text>\n            </Stack>\n          </CardContent>\n        </Card>\n      )}\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;;;;;AAoBA,IAAa,IAAkB,EAAA,MAAe;AAC5C,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,UAAU,EAAA,IAAS,EAAmB,GACxC,EACJ,4BAA4B,GAC5B,gCAAA,GACA,2BAA2B,EAAA,IACzB,EAAiB,GACf,EAAE,MAAA,EAAA,IAAS,EAAa,GAExB,IAAkB,OACtB,GACA,MACG;AACH,UAAM,IAAiB;AAAA,MAAE,GAAG;AAAA,OAAM,CAAA,GAAM;AAAA,IAAM;AAE9C,QAAI,GAAS;AAEX,YAAM,IADW,EAAI,MAAM,GACF,EAAS,CAAA;AAClC,MAAI,MAAU,KACZ,EAAQ,8BAA8B,EAAE,kBAAA,EAAiB,CAAC,IAE1D,EAAQ,+BAA+B,EAAE,kBAAA,EAAiB,CAAC;AAAA,IAE/D;AAEA,UAAM,EAA+B,CAAc;AAAA,EACrD;AAEA,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD;AAAA,MAAI,IAAI,EAAE,IAAI,GAAG;AAAA,gBAAI,EAAK;AAAA,IAA0B,CAAA;AAAA,IAEnD,EAAI,+BACH,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,WAAW,CAAC,CAAC,EAAK,SAAS,CAAC,EAAI;AAAA,MAChC,YAAY,CAAC,EAAK;AAAA,MAClB,UAAA,MACE,EACE,oCACA,CAAC,EAAI,gCACP;AAAA,MAEF,aAAa,EAAK;AAAA,MAClB,eACI,EAAK,SAAS,CAAC,EAAI,mCACjB,EAAK,uBACL,EAAK;AAAA,MAEX,iBAAiB;AAAA,IAClB,CAAA,IAEC,EAAI,6BAA6B,EAAI,+BAA+B,gBAAA,EAAC,GAAD,CAAU,CAAA,CAChF,EAAA,CAAA;AAAA,IAGH,EAAI,6BACH,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,WAAW,CAAC,CAAC,EAAK,SAAS,CAAC,EAAI;AAAA,MAChC,YAAY,CAAC,EAAK;AAAA,MAClB,UAAA,MACE,EAAgB,kCAAkC,CAAC,EAAI,8BAA8B;AAAA,MAEvF,aAAa,EAAK;AAAA,MAClB,eACI,EAAK,SAAS,CAAC,EAAI,iCACjB,EAAK,uBACL,EAAK;AAAA,MAEX,iBAAiB;AAAA,IAClB,CAAA,GAEA,EAAI,8BAA8B,gBAAA,EAAC,GAAD,CAAU,CAAA,CAC7C,EAAA,CAAA;AAAA,IAGH,EAAI,8BACH,gBAAA,EAAC,GAAD;AAAA,MACE,WAAW,CAAC,EAAI;AAAA,MAChB,YAAY;AAAA,MACZ,UAAA,MAAgB;AAAA,MAAC;AAAA,MACjB,aAAa,EAAK;AAAA,MAClB,eAAe,EAAK;AAAA,MACpB,iBAAiB;AAAA,IAClB,CAAA;AAAA,IAGF,EAAI,6BACH,gBAAA,EAAC,GAAD;AAAA,MAAM,IAAI;AAAA,QAAE,iBAAiB;AAAA,QAAsB,IAAI;AAAA,MAAG;AAAA,MAAG,SAAQ;AAAA,gBACnE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAa,WAAU;AAAA,QAAM,KAAK;AAAA,kBAApD,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAU,QAAQ;AAAA,QAAO,CAAA,GACrC,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,oBAAW,EAAK;AAAA,QAAiC,CAAA,CAC1D;AAAA,SACI,CAAA;AAAA,IACT,CAAA;AAAA,EAEH,EAAA,CAAA;AAEX,CAAC"}

package/dist/settings/components/notifications/InsightsNotificationProfiles.es.js

@@ -0,0 +1,14 @@
+import { useSettingsStore as t } from "../../../common/context/hooks.es.js";
+import { NotificationProfile as m } from "./NotificationProfile.es.js";
+import { observer as s } from "mobx-react-lite";
+import e from "@mui/material/Stack";
+import { jsx as r } from "react/jsx-runtime";
+var g = s(() => {
+  const { insightsProfiles: i } = t();
+  return /* @__PURE__ */ r(e, { children: i.map((o) => /* @__PURE__ */ r(m, { profile: o }, o.guid)) });
+});
+export {
+  g as InsightsNotificationProfiles
+};
+
+//# sourceMappingURL=InsightsNotificationProfiles.es.js.map

package/dist/settings/components/notifications/InsightsNotificationProfiles.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsightsNotificationProfiles.es.js","names":[],"sources":["../../../../src/settings/components/notifications/InsightsNotificationProfiles.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { useSettingsStore } from '../../../common'\n\nimport { NotificationProfile } from './NotificationProfile'\n\nexport const InsightsNotificationProfiles = observer(() => {\n  const { insightsProfiles } = useSettingsStore()\n\n  return (\n    <Stack>\n      {insightsProfiles.map((profile) => (\n        <NotificationProfile key={profile.guid} profile={profile} />\n      ))}\n    </Stack>\n  )\n})\n"],"mappings":";;;;;AAQA,IAAa,IAA+B,EAAA,MAAe;AACzD,QAAM,EAAE,kBAAA,EAAA,IAAqB,EAAiB;AAE9C,SACE,gBAAA,EAAC,GAAD,EAAA,UACG,EAAiB,IAAA,CAAK,MACrB,gBAAA,EAAC,GAAD,EAAiD,SAAA,EAAU,GAAjC,EAAQ,IAAyB,CAC5D,EACI,CAAA;AAEX,CAAC"}

package/dist/settings/components/notifications/NotificationProfile.es.js

@@ -0,0 +1,80 @@
+import { useGlobalCopyStore as T, useSettingsStore as v, useUserStore as D } from "../../../common/context/hooks.es.js";
+import { ToggleButtonListItem as C } from "../../../common/components/listitems/ToggleButtonListItem.es.js";
+import { ToggleListItem as m } from "../../../common/components/listitems/ToggleListItem.es.js";
+import k from "react";
+import { observer as P } from "mobx-react-lite";
+import { ExpandMore as S } from "@mxenabled/mx-icons";
+import { jsx as s, jsxs as g } from "react/jsx-runtime";
+import r from "@mui/material/Divider";
+import p from "@mui/material/List";
+import w from "@mui/material/Collapse";
+var q = P(({ profile: e }) => {
+  const { settings: n } = T(), { clientCommunicationProfile: { email_notifications_enabled: l, push_notifications_enabled: o, sms_notifications_enabled: i }, updateNotificationProfile: x, userCommunicationsProfile: { opted_out_of_email_notifications: c, opted_out_of_push_notifications: _, opted_out_of_sms_notifications: h } } = v(), { user: a } = D(), [d, u] = k.useState(!1), f = async () => {
+    await t({
+      ...e,
+      is_enabled: !e.is_enabled
+    }), e.is_enabled && u(!1);
+  }, t = async (y) => {
+    await x(y);
+  }, b = l || i || o;
+  return /* @__PURE__ */ g(p, {
+    sx: { bgcolor: "background.paper" },
+    children: [
+      /* @__PURE__ */ s(C, {
+        endIcon: b ? /* @__PURE__ */ s(S, { sx: {
+          transition: "transform 0.3s ease-in-out",
+          transform: d ? "rotate(180deg)" : "rotate(0deg)"
+        } }) : void 0,
+        isChecked: e.is_enabled,
+        isDisabled: !e.is_enabled,
+        onClick: () => u(!d),
+        onToggle: () => f(),
+        primaryText: e.label,
+        secondaryText: e.is_enabled ? e.deliveryMethodsLabel : void 0
+      }, e.guid),
+      b && /* @__PURE__ */ s(w, {
+        in: d,
+        children: /* @__PURE__ */ g(p, {
+          sx: { bgcolor: "background.paper" },
+          children: [
+            l && /* @__PURE__ */ s(m, {
+              isChecked: !c && e.email_channel && !!a.email,
+              isDisabled: c || !a.email,
+              onToggle: () => t({
+                ...e,
+                email_channel: !e.email_channel
+              }),
+              primaryText: n.delivery_method_email_label
+            }),
+            l && (i || o) && /* @__PURE__ */ s(r, { sx: { ml: 48 } }),
+            i && /* @__PURE__ */ s(m, {
+              isChecked: !h && e.sms_channel && !!a.phone,
+              isDisabled: h || !a.phone,
+              onToggle: () => t({
+                ...e,
+                sms_channel: !e.sms_channel
+              }),
+              primaryText: n.delivery_method_sms_label
+            }),
+            i && o && /* @__PURE__ */ s(r, { sx: { ml: 48 } }),
+            o && /* @__PURE__ */ s(m, {
+              isChecked: !_ && e.push_channel,
+              isDisabled: _,
+              onToggle: () => t({
+                ...e,
+                push_channel: !e.push_channel
+              }),
+              primaryText: n.delivery_method_push_label
+            })
+          ]
+        })
+      }),
+      /* @__PURE__ */ s(r, {})
+    ]
+  }, e.guid);
+});
+export {
+  q as NotificationProfile
+};
+
+//# sourceMappingURL=NotificationProfile.es.js.map

package/dist/settings/components/notifications/NotificationProfile.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationProfile.es.js","names":[],"sources":["../../../../src/settings/components/notifications/NotificationProfile.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Collapse from '@mui/material/Collapse'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\n\nimport { ExpandMore } from '@mxenabled/mx-icons'\n\nimport {\n  ToggleButtonListItem,\n  ToggleListItem,\n  useGlobalCopyStore,\n  useSettingsStore,\n  useUserStore,\n} from '../../../common'\nimport { type DetailedNotificationProfile } from '../../../core'\n\ninterface BudgetNotificationProfileProps {\n  profile: DetailedNotificationProfile\n}\n\nexport const NotificationProfile = observer(({ profile }: BudgetNotificationProfileProps) => {\n  const { settings: copy } = useGlobalCopyStore()\n  const {\n    clientCommunicationProfile: {\n      email_notifications_enabled: showEmail,\n      push_notifications_enabled: showPush,\n      sms_notifications_enabled: showSms,\n    },\n    updateNotificationProfile,\n    userCommunicationsProfile: {\n      opted_out_of_email_notifications: emailDisabled,\n      opted_out_of_push_notifications: pushDisabled,\n      opted_out_of_sms_notifications: smsDisabled,\n    },\n  } = useSettingsStore()\n\n  const { user: userDetails } = useUserStore()\n\n  const [isExpanded, setIsExpanded] = React.useState(false)\n\n  const handleProfileToggle = async () => {\n    await handleUpdateProfile({ ...profile, is_enabled: !profile.is_enabled })\n\n    if (profile.is_enabled) {\n      setIsExpanded(false)\n    }\n  }\n\n  const handleUpdateProfile = async (updatedProfile: DetailedNotificationProfile) => {\n    await updateNotificationProfile(updatedProfile)\n  }\n\n  const hasDeliveryMethods = showEmail || showSms || showPush\n\n  return (\n    <List key={profile.guid} sx={{ bgcolor: 'background.paper' }}>\n      <ToggleButtonListItem\n        endIcon={\n          hasDeliveryMethods ? (\n            <ExpandMore\n              sx={{\n                transition: 'transform 0.3s ease-in-out',\n                transform: isExpanded ? 'rotate(180deg)' : 'rotate(0deg)',\n              }}\n            />\n          ) : undefined\n        }\n        isChecked={profile.is_enabled}\n        isDisabled={!profile.is_enabled}\n        key={profile.guid}\n        onClick={() => setIsExpanded(!isExpanded)}\n        onToggle={() => handleProfileToggle()}\n        primaryText={profile.label}\n        secondaryText={profile.is_enabled ? profile.deliveryMethodsLabel : undefined}\n      />\n      {hasDeliveryMethods && (\n        <Collapse in={isExpanded}>\n          <List sx={{ bgcolor: 'background.paper' }}>\n            {showEmail && (\n              <ToggleListItem\n                isChecked={!emailDisabled && profile.email_channel && !!userDetails.email}\n                isDisabled={emailDisabled || !userDetails.email}\n                onToggle={() =>\n                  handleUpdateProfile({\n                    ...profile,\n                    email_channel: !profile.email_channel,\n                  })\n                }\n                primaryText={copy.delivery_method_email_label}\n              />\n            )}\n\n            {showEmail && (showSms || showPush) && <Divider sx={{ ml: 48 }} />}\n\n            {showSms && (\n              <ToggleListItem\n                isChecked={!smsDisabled && profile.sms_channel && !!userDetails.phone}\n                isDisabled={smsDisabled || !userDetails.phone}\n                onToggle={() =>\n                  handleUpdateProfile({\n                    ...profile,\n                    sms_channel: !profile.sms_channel,\n                  })\n                }\n                primaryText={copy.delivery_method_sms_label}\n              />\n            )}\n\n            {showSms && showPush && <Divider sx={{ ml: 48 }} />}\n\n            {showPush && (\n              <ToggleListItem\n                isChecked={!pushDisabled && profile.push_channel}\n                isDisabled={pushDisabled}\n                onToggle={() =>\n                  handleUpdateProfile({\n                    ...profile,\n                    push_channel: !profile.push_channel,\n                  })\n                }\n                primaryText={copy.delivery_method_push_label}\n              />\n            )}\n          </List>\n        </Collapse>\n      )}\n      <Divider />\n    </List>\n  )\n})\n"],"mappings":";;;;;;;;;;AAsBA,IAAa,IAAsB,EAAA,CAAU,EAAE,SAAA,EAAA,MAA8C;AAC3F,QAAM,EAAE,UAAU,EAAA,IAAS,EAAmB,GACxC,EACJ,4BAA4B,EAC1B,6BAA6B,GAC7B,4BAA4B,GAC5B,2BAA2B,EAAA,GAE7B,2BAAA,GACA,2BAA2B,EACzB,kCAAkC,GAClC,iCAAiC,GACjC,gCAAgC,EAAA,EAAA,IAEhC,EAAiB,GAEf,EAAE,MAAM,EAAA,IAAgB,EAAa,GAErC,CAAC,GAAY,CAAA,IAAiB,EAAM,SAAS,EAAK,GAElD,IAAsB,YAAY;AACtC,UAAM,EAAoB;AAAA,MAAE,GAAG;AAAA,MAAS,YAAY,CAAC,EAAQ;AAAA,IAAW,CAAC,GAErE,EAAQ,cACV,EAAc,EAAK;AAAA,EAEvB,GAEM,IAAsB,OAAO,MAAgD;AACjF,UAAM,EAA0B,CAAc;AAAA,EAChD,GAEM,IAAqB,KAAa,KAAW;AAEnD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAyB,IAAI,EAAE,SAAS,mBAAmB;AAAA,cAA3D;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,SACE,IACE,gBAAA,EAAC,GAAD,EACE,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,WAAW,IAAa,mBAAmB;AAAA,QAC7C,EACD,CAAA,IACC;AAAA,QAEN,WAAW,EAAQ;AAAA,QACnB,YAAY,CAAC,EAAQ;AAAA,QAErB,SAAA,MAAe,EAAc,CAAC,CAAU;AAAA,QACxC,UAAA,MAAgB,EAAoB;AAAA,QACpC,aAAa,EAAQ;AAAA,QACrB,eAAe,EAAQ,aAAa,EAAQ,uBAAuB;AAAA,MACpE,GALM,EAAQ,IAKd;AAAA,MACA,KACC,gBAAA,EAAC,GAAD;AAAA,QAAU,IAAI;AAAA,kBACZ,gBAAA,EAAC,GAAD;AAAA,UAAM,IAAI,EAAE,SAAS,mBAAmB;AAAA,oBAAxC;AAAA,YACG,KACC,gBAAA,EAAC,GAAD;AAAA,cACE,WAAW,CAAC,KAAiB,EAAQ,iBAAiB,CAAC,CAAC,EAAY;AAAA,cACpE,YAAY,KAAiB,CAAC,EAAY;AAAA,cAC1C,UAAA,MACE,EAAoB;AAAA,gBAClB,GAAG;AAAA,gBACH,eAAe,CAAC,EAAQ;AAAA,cAC1B,CAAC;AAAA,cAEH,aAAa,EAAK;AAAA,YACnB,CAAA;AAAA,YAGF,MAAc,KAAW,MAAa,gBAAA,EAAC,GAAD,EAAS,IAAI,EAAE,IAAI,GAAG,EAAI,CAAA;AAAA,YAEhE,KACC,gBAAA,EAAC,GAAD;AAAA,cACE,WAAW,CAAC,KAAe,EAAQ,eAAe,CAAC,CAAC,EAAY;AAAA,cAChE,YAAY,KAAe,CAAC,EAAY;AAAA,cACxC,UAAA,MACE,EAAoB;AAAA,gBAClB,GAAG;AAAA,gBACH,aAAa,CAAC,EAAQ;AAAA,cACxB,CAAC;AAAA,cAEH,aAAa,EAAK;AAAA,YACnB,CAAA;AAAA,YAGF,KAAW,KAAY,gBAAA,EAAC,GAAD,EAAS,IAAI,EAAE,IAAI,GAAG,EAAI,CAAA;AAAA,YAEjD,KACC,gBAAA,EAAC,GAAD;AAAA,cACE,WAAW,CAAC,KAAgB,EAAQ;AAAA,cACpC,YAAY;AAAA,cACZ,UAAA,MACE,EAAoB;AAAA,gBAClB,GAAG;AAAA,gBACH,cAAc,CAAC,EAAQ;AAAA,cACzB,CAAC;AAAA,cAEH,aAAa,EAAK;AAAA,YACnB,CAAA;AAAA,UAEC;AAAA;MACE,CAAA;AAAA,MAEZ,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,IACN;AAAA,KAxEK,EAAQ,IAwEb;AAEV,CAAC"}