@mx-cartographer/experiences 6.25.3-alpha.al3 → 6.25.3-alpha.mega2

package/dist/settings/components/notifications/PersonalDetails.js

@@ -0,0 +1,247 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import d from "react";
+import { observer as w } from "mobx-react-lite";
+import c from "@mui/material/Box";
+import V from "@mui/material/Button";
+import D from "@mui/material/Divider";
+import r from "@mui/material/Stack";
+import f from "@mui/material/TextField";
+import { H3 as B } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useAppConfig as P, useGlobalCopyStore as A, useSettingsStore as H, useUserStore as M } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import { useDimensions as j } from "../../../common/hooks/useDimensions.js";
+import "../../../common/components/WidgetContainer.js";
+import "../../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/Switch";
+import "mobx";
+import "../../../accounts/AccountsWidget.js";
+import "../../../accounts/AccountsMiniWidget.js";
+import "../../../accounts/ConnectMiniWidget.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../../common/types/Account.js";
+import "posthog-js";
+import "../../../cashflow/CashflowMiniWidget.js";
+import "../../../cashflow/CashflowWidget.js";
+import "../../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../../categories/components/CategorySelector.js";
+import "../../../categories/components/CategorySelectorDrawer.js";
+import "../../../categories/components/CategoryRow.js";
+import "../../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/List";
+import "../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../finstrong/components/CreditScoreGraph.js";
+import "../../../finstrong/FinstrongWidget.js";
+import "../../../goals/GoalsWidget.js";
+import "../../../goals/GoalsMicroWidget.js";
+import "../../../investments/util/InvestmentUtil.js";
+import "../../../merchants/components/MerchantLookup.js";
+import "../../../networth/components/NetWorthChart.js";
+import "../../../networth/components/NetWorthList.js";
+import "../../../networth/components/NetWorthSummary.js";
+import "../../../networth/NetWorthMicroWidget.js";
+import "../../../networth/NetWorthWidget.js";
+import "../../../notifications/components/NotificationList.js";
+import "../../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../../transactions/constants/Analytics.js";
+import "../../../transactions/constants/Transaction.js";
+import "../../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../../transactions/components/shared/TransactionList.js";
+import "../../../transactions/components/shared/TransactionTable.js";
+import "../../../transactions/components/shared/TransactionDetails.js";
+import "../../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../../transactions/TransactionWidget.js";
+import "../../SettingsWidget.js";
+import "../SettingsWidgetContents.js";
+import "../profile/ProfileTab.js";
+import "../devices/DeviceTab.js";
+import "../../NotificationSettingsWidget.js";
+import "./NotificationSettings.js";
+import "./AccountNotificationProfiles.js";
+import "./BudgetNotificationProfiles.js";
+import "./InsightsNotificationProfiles.js";
+import "../transactionrules/TransactionRulesTab.js";
+import "../../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../../trends/TrendsFullWidget.js";
+import "../../../trends/TrendsMiniWidget.js";
+import "../../../trends/TrendsMicroWidget.js";
+import "../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import k from "../profile/actions/VerifyEmailAction.js";
+import E from "../profile/actions/VerifyPhoneAction.js";
+const J = () => {
+  const { config: n } = P(), [h, { width: u }] = j(), { common: g, settings: p } = A(), { updateUser: x } = H(), { user: o } = M(), [e, s] = d.useState(!1), [m, _] = d.useState({
+    email: o.email,
+    phone: o.phone
+  }), b = m.email && !o.email_is_verified && !e, y = m.phone && !o.phone_is_verified && !e, a = (C) => {
+    const { name: S, value: U } = C.target, l = { ...m, [S]: U };
+    _(l), s(JSON.stringify({ ...o, ...l }) !== JSON.stringify(o));
+  }, v = async () => {
+    await x({ ...o, ...m }), s(!1);
+  };
+  return /* @__PURE__ */ i(r, { ref: h, children: [
+    /* @__PURE__ */ t(D, {}),
+    /* @__PURE__ */ i(r, { sx: { pt: 12 }, children: [
+      /* @__PURE__ */ t(B, { sx: { lineHeight: "20px", pb: 4, pt: 16 }, children: p.personal_details }),
+      /* @__PURE__ */ i(r, { sx: { flexDirection: u <= 768 ? "column" : "row", gap: 24, py: 16 }, children: [
+        n.display_email_edit_field_in_settings && /* @__PURE__ */ i(r, { sx: { flex: 1, pb: 14 }, children: [
+          /* @__PURE__ */ t(
+            f,
+            {
+              defaultValue: o.email,
+              fullWidth: !0,
+              label: p.email_address,
+              name: "email",
+              onChange: a
+            }
+          ),
+          b && /* @__PURE__ */ t(
+            c,
+            {
+              sx: {
+                height: 20,
+                ".MuiButton-root": {
+                  px: 0,
+                  ":hover": {
+                    bgcolor: "transparent"
+                  }
+                }
+              },
+              children: /* @__PURE__ */ t(k, {})
+            }
+          )
+        ] }),
+        n.display_sms_edit_field_in_settings && /* @__PURE__ */ i(r, { sx: { flex: 1, pb: 14 }, children: [
+          /* @__PURE__ */ t(
+            f,
+            {
+              defaultValue: o.phone,
+              fullWidth: !0,
+              label: p.mobile_number,
+              name: "phone",
+              onChange: a
+            }
+          ),
+          y && /* @__PURE__ */ t(
+            c,
+            {
+              sx: {
+                height: 20,
+                ".MuiButton-root": {
+                  px: 0,
+                  ":hover": {
+                    bgcolor: "transparent"
+                  }
+                }
+              },
+              children: /* @__PURE__ */ t(E, {})
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ t(
+        V,
+        {
+          disabled: !e,
+          onClick: v,
+          sx: { width: 84 },
+          variant: "contained",
+          children: g.save_button
+        }
+      )
+    ] })
+  ] });
+}, Ji = w(J);
+export {
+  Ji as default
+};
+//# sourceMappingURL=PersonalDetails.js.map

package/dist/settings/components/notifications/PersonalDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalDetails.js","sources":["../../../../src/settings/components/notifications/PersonalDetails.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\n\nimport { H3 } from '@mxenabled/mxui'\n\nimport {\n  type EditableUser,\n  useAppConfig,\n  useGlobalCopyStore,\n  useSettingsStore,\n  useUserStore,\n} from '../../../common'\nimport { useDimensions } from '../../../common/hooks/useDimensions'\n\nimport VerifyEmailAction from '../profile/actions/VerifyEmailAction'\nimport VerifyPhoneAction from '../profile/actions/VerifyPhoneAction'\n\nconst PersonalDetails = () => {\n  const { config } = useAppConfig()\n  const [containerRef, { width }] = useDimensions()\n  const { common: commonCopy, settings: settingsCopy } = useGlobalCopyStore()\n  const { updateUser } = useSettingsStore()\n  const { user } = useUserStore()\n\n  const [hasUnsavedChanges, setHasUnsavedChanges] = React.useState(false)\n  const [modifiedUser, setModifiedUser] = React.useState<EditableUser>({\n    email: user.email,\n    phone: user.phone,\n  })\n\n  const showVerifyEmail = modifiedUser.email && !user.email_is_verified && !hasUnsavedChanges\n  const showVerifyPhone = modifiedUser.phone && !user.phone_is_verified && !hasUnsavedChanges\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const { name, value } = event.target\n    const changedUser = { ...modifiedUser, [name]: value }\n\n    setModifiedUser(changedUser)\n    setHasUnsavedChanges(JSON.stringify({ ...user, ...changedUser }) !== JSON.stringify(user))\n  }\n\n  const handleSave = async () => {\n    await updateUser({ ...user, ...modifiedUser })\n    setHasUnsavedChanges(false)\n  }\n\n  return (\n    <Stack ref={containerRef}>\n      <Divider />\n      <Stack sx={{ pt: 12 }}>\n        <H3 sx={{ lineHeight: '20px', pb: 4, pt: 16 }}>{settingsCopy.personal_details}</H3>\n        <Stack sx={{ flexDirection: width <= 768 ? 'column' : 'row', gap: 24, py: 16 }}>\n          {config.display_email_edit_field_in_settings && (\n            <Stack sx={{ flex: 1, pb: 14 }}>\n              <TextField\n                defaultValue={user.email}\n                fullWidth={true}\n                label={settingsCopy.email_address}\n                name=\"email\"\n                onChange={handleChange}\n              />\n              {showVerifyEmail && (\n                <Box\n                  sx={{\n                    height: 20,\n                    '.MuiButton-root': {\n                      px: 0,\n                      ':hover': {\n                        bgcolor: 'transparent',\n                      },\n                    },\n                  }}\n                >\n                  <VerifyEmailAction />\n                </Box>\n              )}\n            </Stack>\n          )}\n          {config.display_sms_edit_field_in_settings && (\n            <Stack sx={{ flex: 1, pb: 14 }}>\n              <TextField\n                defaultValue={user.phone}\n                fullWidth={true}\n                label={settingsCopy.mobile_number}\n                name=\"phone\"\n                onChange={handleChange}\n              />\n              {showVerifyPhone && (\n                <Box\n                  sx={{\n                    height: 20,\n                    '.MuiButton-root': {\n                      px: 0,\n                      ':hover': {\n                        bgcolor: 'transparent',\n                      },\n                    },\n                  }}\n                >\n                  <VerifyPhoneAction />\n                </Box>\n              )}\n            </Stack>\n          )}\n        </Stack>\n        <Button\n          disabled={!hasUnsavedChanges}\n          onClick={handleSave}\n          sx={{ width: 84 }}\n          variant=\"contained\"\n        >\n          {commonCopy.save_button}\n        </Button>\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default observer(PersonalDetails)\n"],"names":["PersonalDetails","config","useAppConfig","containerRef","width","useDimensions","commonCopy","settingsCopy","useGlobalCopyStore","updateUser","useSettingsStore","user","useUserStore","hasUnsavedChanges","setHasUnsavedChanges","React","modifiedUser","setModifiedUser","showVerifyEmail","showVerifyPhone","handleChange","event","name","value","changedUser","handleSave","jsxs","Stack","jsx","Divider","H3","TextField","Box","VerifyEmailAction","VerifyPhoneAction","Button","PersonalDetails$1","observer"],"mappings":"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"}

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

@@ -0,0 +1,348 @@
+import { jsxs as m, Fragment as I, jsx as o } from "react/jsx-runtime";
+import c from "react";
+import { observer as L } from "mobx-react-lite";
+import { getUnixTime as R } from "date-fns/getUnixTime";
+import { AdapterDateFns as z } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DatePicker as N } from "@mui/x-date-pickers";
+import { LocalizationProvider as j } from "@mui/x-date-pickers/LocalizationProvider";
+import { useTheme as H, alpha as b } from "@mui/material/styles";
+import J from "@mui/material/Box";
+import O from "@mui/material/Button";
+import s from "@mui/material/Stack";
+import l from "@mui/material/TextField";
+import { H3 as G, P as K } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as Y, useAppConfig as q, useSettingsStore as Q, useUserStore as W } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+import { useScreenSize as X } from "../../../common/hooks/useScreenSize.js";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "@mui/material/styles/useTheme";
+import "d3";
+import "@mui/x-charts";
+import "@mui/material/useMediaQuery";
+import "../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import Z from "../../../common/components/dialog/Dialog.js";
+import "../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../../common/components/WidgetContainer.js";
+import "../../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/Switch";
+import "mobx";
+import "../../../accounts/AccountsWidget.js";
+import "../../../accounts/AccountsMiniWidget.js";
+import "../../../accounts/ConnectMiniWidget.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../../common/types/Account.js";
+import "posthog-js";
+import "../../../cashflow/CashflowMiniWidget.js";
+import "../../../cashflow/CashflowWidget.js";
+import "../../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../../categories/components/CategorySelector.js";
+import "../../../categories/components/CategorySelectorDrawer.js";
+import "../../../categories/components/CategoryRow.js";
+import "../../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../finstrong/components/CreditScoreGraph.js";
+import "../../../finstrong/FinstrongWidget.js";
+import "../../../goals/GoalsWidget.js";
+import "../../../goals/GoalsMicroWidget.js";
+import "../../../investments/util/InvestmentUtil.js";
+import "../../../merchants/components/MerchantLookup.js";
+import "../../../networth/components/NetWorthChart.js";
+import "../../../networth/components/NetWorthList.js";
+import "../../../networth/components/NetWorthSummary.js";
+import "../../../networth/NetWorthMicroWidget.js";
+import "../../../networth/NetWorthWidget.js";
+import "../../../notifications/components/NotificationList.js";
+import "../../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../../transactions/constants/Analytics.js";
+import "../../../transactions/constants/Transaction.js";
+import "../../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../../transactions/components/shared/TransactionList.js";
+import "../../../transactions/components/shared/TransactionTable.js";
+import "../../../transactions/components/shared/TransactionDetails.js";
+import "../../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../../transactions/TransactionWidget.js";
+import "../../SettingsWidget.js";
+import "../SettingsWidgetContents.js";
+import "../devices/DeviceTab.js";
+import "../../NotificationSettingsWidget.js";
+import "../notifications/NotificationSettings.js";
+import "../notifications/AccountNotificationProfiles.js";
+import "../notifications/BudgetNotificationProfiles.js";
+import "../notifications/InsightsNotificationProfiles.js";
+import "../transactionrules/TransactionRulesTab.js";
+import "../../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../../trends/TrendsFullWidget.js";
+import "../../../trends/TrendsMiniWidget.js";
+import "../../../trends/TrendsMicroWidget.js";
+import "../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import $ from "./actions/VerifyEmailAction.js";
+import tt from "./actions/VerifyPhoneAction.js";
+const ot = ({ availableWidth: T, handleOnLeavClick: u }) => {
+  const f = H(), { common: U, settings: r } = Y(), { isDesktop: y, isMobile: a, isSmallMobile: h, isTablet: v } = X(T), { config: x } = q(), { updateUser: D } = Q(), { user: i } = W(), [e, V] = c.useState({
+    first_name: i.first_name,
+    last_name: i.last_name,
+    email: i.email,
+    phone: i.phone,
+    birthday: i.birthday,
+    postal_code: i.postal_code,
+    credit_score: i.credit_score
+  }), [d, C] = c.useState(!1), [k, g] = c.useState(!1), _ = c.useRef(null), w = e.email && !i.email_is_verified && !d, S = e.phone && !i.phone_is_verified && !d;
+  c.useEffect(() => {
+    if (u) {
+      const t = (n) => {
+        _.current && !_.current.contains(n.target) && d && g(!0);
+      };
+      return document.addEventListener("mousedown", t), () => {
+        document.removeEventListener("mousedown", t);
+      };
+    }
+  }, [d]);
+  const P = () => {
+    if (e.birthday) {
+      const t = new Date(e.birthday * 1e3), n = t.getUTCFullYear(), F = t.getUTCMonth(), M = t.getUTCDate();
+      return new Date(n, F, M);
+    }
+  }, B = async () => {
+    await D({ ...i, ...e }), C(!1);
+  }, E = () => {
+    g(!1), u && u();
+  }, A = () => {
+    g(!1);
+  }, p = (t) => {
+    const n = {
+      ...e,
+      ...t
+    };
+    V(n), C(JSON.stringify({ ...i, ...n }) !== JSON.stringify(i));
+  };
+  return /* @__PURE__ */ m(I, { children: [
+    /* @__PURE__ */ m(
+      J,
+      {
+        component: "form",
+        ref: _,
+        sx: {
+          backgroundColor: "background.paper",
+          p: 24,
+          width: h ? 320 : v ? 680 : y ? 990 : 400,
+          "& .MuiTextField-root": {
+            width: h ? 272 : v ? 328 : y ? 483 : 352
+          }
+        },
+        children: [
+          /* @__PURE__ */ o(G, { children: r.personal_details }),
+          /* @__PURE__ */ o(K, { variant: "Body", children: r.update_information }),
+          /* @__PURE__ */ m(
+            s,
+            {
+              direction: a ? "column" : "row",
+              spacing: a ? 44 : 24,
+              sx: { mb: 44, pt: 32 },
+              children: [
+                /* @__PURE__ */ o(
+                  l,
+                  {
+                    defaultValue: e.first_name,
+                    label: r.first_name,
+                    onChange: (t) => p({ first_name: t.target.value })
+                  }
+                ),
+                /* @__PURE__ */ o(
+                  l,
+                  {
+                    defaultValue: e.last_name,
+                    label: r.last_name,
+                    onChange: (t) => p({ last_name: t.target.value })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ m(s, { direction: a ? "column" : "row", children: [
+            x.display_email_edit_field_in_settings && /* @__PURE__ */ m(s, { sx: { mb: w ? 20 : 44, mr: a ? 0 : 24 }, children: [
+              /* @__PURE__ */ o(
+                l,
+                {
+                  defaultValue: e.email,
+                  label: r.email_address,
+                  onChange: (t) => p({ email: t.target.value })
+                }
+              ),
+              w && /* @__PURE__ */ o($, {})
+            ] }),
+            x.display_sms_edit_field_in_settings && /* @__PURE__ */ m(s, { sx: { mb: S ? 20 : 44 }, children: [
+              /* @__PURE__ */ o(
+                l,
+                {
+                  defaultValue: e.phone,
+                  label: r.mobile_number,
+                  onChange: (t) => p({ phone: t.target.value }),
+                  type: "tel"
+                }
+              ),
+              S && /* @__PURE__ */ o(tt, {})
+            ] })
+          ] }),
+          /* @__PURE__ */ m(s, { direction: a ? "column" : "row", spacing: a ? 44 : 24, sx: { mb: 44 }, children: [
+            /* @__PURE__ */ o(j, { dateAdapter: z, children: /* @__PURE__ */ o(
+              N,
+              {
+                label: r.birthdate,
+                onChange: (t) => p({ birthday: R(t) }),
+                slotProps: {
+                  nextIconButton: {
+                    sx: {
+                      color: "primary.main",
+                      "&:hover": { backgroundColor: b(f.palette.primary.light, 0.1) }
+                    }
+                  },
+                  previousIconButton: {
+                    sx: {
+                      color: "primary.main",
+                      "&:hover": { backgroundColor: b(f.palette.primary.light, 0.1) }
+                    }
+                  }
+                },
+                sx: {
+                  width: "100%",
+                  "& .MuiIconButton-edgeEnd": {
+                    color: "primary.main",
+                    "&:hover": { backgroundColor: b(f.palette.primary.light, 0.1) }
+                  }
+                },
+                value: P()
+              }
+            ) }),
+            /* @__PURE__ */ o(
+              l,
+              {
+                defaultValue: e.postal_code,
+                label: r.zip_code,
+                onChange: (t) => p({ postal_code: t.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ m(s, { children: [
+            /* @__PURE__ */ o(
+              l,
+              {
+                defaultValue: e.credit_score,
+                label: r.credit_score,
+                onChange: (t) => p({ credit_score: Number(t.target.value) }),
+                sx: { mb: 44 }
+              }
+            ),
+            /* @__PURE__ */ o(
+              O,
+              {
+                disabled: !d,
+                onClick: B,
+                sx: { width: h ? 272 : 124 },
+                variant: "contained",
+                children: U.save_button
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(
+      Z,
+      {
+        copy: { title: r.discard_changes },
+        isOpen: k,
+        onClose: A,
+        onSecondaryAction: E,
+        primaryText: r.keep_editing,
+        secondaryText: r.leave,
+        children: r.discard_changes_message
+      }
+    )
+  ] });
+}, ri = L(ot);
+export {
+  ri as default
+};
+//# sourceMappingURL=ProfileTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileTab.js","sources":["../../../../src/settings/components/profile/ProfileTab.tsx"],"sourcesContent":["/* eslint-disable no-nested-ternary */\n\nimport React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { getUnixTime } from 'date-fns/getUnixTime'\n\nimport { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3'\nimport { DatePicker } from '@mui/x-date-pickers'\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'\n\nimport { alpha, useTheme } from '@mui/material/styles'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\n\nimport { H3, P } from '@mxenabled/mxui'\n\nimport {\n  useAppConfig,\n  useGlobalCopyStore,\n  type EditableUser,\n  useScreenSize,\n  useSettingsStore,\n  useUserStore,\n  Dialog,\n} from '../../../common'\nimport VerifyEmailAction from './actions/VerifyEmailAction'\nimport VerifyPhoneAction from './actions/VerifyPhoneAction'\n\ninterface ProfileFormProps {\n  availableWidth?: number\n  handleOnLeavClick?: () => void\n}\n\ntype UserInput = {\n  [U in keyof EditableUser]: EditableUser[U]\n}\n\nconst ProfileForm: React.FC<ProfileFormProps> = ({ availableWidth, handleOnLeavClick }) => {\n  const theme = useTheme()\n  const { common: commonCopy, settings: settingsCopy } = useGlobalCopyStore()\n  const { isDesktop, isMobile, isSmallMobile, isTablet } = useScreenSize(availableWidth)\n  const { config } = useAppConfig()\n  const { updateUser } = useSettingsStore()\n  const { user } = useUserStore()\n\n  const [modifiedUser, setModifiedUser] = React.useState<EditableUser>({\n    first_name: user.first_name,\n    last_name: user.last_name,\n    email: user.email,\n    phone: user.phone,\n    birthday: user.birthday,\n    postal_code: user.postal_code,\n    credit_score: user.credit_score,\n  })\n  const [hasUnsavedChanges, setHasUnsavedChanges] = React.useState(false)\n  const [showLeaveDialog, setShowLeaveDialog] = React.useState(false)\n  const boxRef = React.useRef<HTMLDivElement>(null)\n\n  const showVerifyEmail = modifiedUser.email && !user.email_is_verified && !hasUnsavedChanges\n  const showVerifyPhone = modifiedUser.phone && !user.phone_is_verified && !hasUnsavedChanges\n\n  React.useEffect(() => {\n    if (handleOnLeavClick) {\n      const handleClickOutside = (event: MouseEvent) => {\n        if (boxRef.current && !boxRef.current.contains(event.target as Node) && hasUnsavedChanges) {\n          setShowLeaveDialog(true)\n        }\n      }\n\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => {\n        document.removeEventListener('mousedown', handleClickOutside)\n      }\n    }\n    return undefined\n  }, [hasUnsavedChanges])\n\n  // eslint-disable-next-line consistent-return\n  const formatReadableBirthday = () => {\n    if (modifiedUser.birthday) {\n      const utc = new Date(modifiedUser.birthday * 1000)\n      const year = utc.getUTCFullYear()\n      const month = utc.getUTCMonth()\n      const day = utc.getUTCDate()\n      return new Date(year, month, day)\n    }\n  }\n\n  const handleSave = async () => {\n    await updateUser({ ...user, ...modifiedUser })\n    setHasUnsavedChanges(false)\n  }\n\n  const handleLeaveDialog = () => {\n    setShowLeaveDialog(false)\n\n    if (handleOnLeavClick) {\n      handleOnLeavClick()\n    }\n  }\n\n  const handleKeepEditing = () => {\n    setShowLeaveDialog(false)\n  }\n\n  const handleInput = (update: UserInput) => {\n    const changedUser = {\n      ...modifiedUser,\n      ...update,\n    }\n    setModifiedUser(changedUser)\n    setHasUnsavedChanges(JSON.stringify({ ...user, ...changedUser }) !== JSON.stringify(user))\n  }\n\n  return (\n    <>\n      <Box\n        component=\"form\"\n        ref={boxRef}\n        sx={{\n          backgroundColor: 'background.paper',\n          p: 24,\n          width: isSmallMobile ? 320 : isTablet ? 680 : isDesktop ? 990 : 400,\n          '& .MuiTextField-root': {\n            width: isSmallMobile ? 272 : isTablet ? 328 : isDesktop ? 483 : 352,\n          },\n        }}\n      >\n        <H3>{settingsCopy.personal_details}</H3>\n        <P variant=\"Body\">{settingsCopy.update_information}</P>\n        <Stack\n          direction={isMobile ? 'column' : 'row'}\n          spacing={isMobile ? 44 : 24}\n          sx={{ mb: 44, pt: 32 }}\n        >\n          <TextField\n            defaultValue={modifiedUser.first_name}\n            label={settingsCopy.first_name}\n            onChange={(e) => handleInput({ first_name: e.target.value })}\n          />\n          <TextField\n            defaultValue={modifiedUser.last_name}\n            label={settingsCopy.last_name}\n            onChange={(e) => handleInput({ last_name: e.target.value })}\n          />\n        </Stack>\n        <Stack direction={isMobile ? 'column' : 'row'}>\n          {config.display_email_edit_field_in_settings && (\n            <Stack sx={{ mb: showVerifyEmail ? 20 : 44, mr: isMobile ? 0 : 24 }}>\n              <TextField\n                defaultValue={modifiedUser.email}\n                label={settingsCopy.email_address}\n                onChange={(e) => handleInput({ email: e.target.value })}\n              />\n              {showVerifyEmail && <VerifyEmailAction />}\n            </Stack>\n          )}\n          {config.display_sms_edit_field_in_settings && (\n            <Stack sx={{ mb: showVerifyPhone ? 20 : 44 }}>\n              <TextField\n                defaultValue={modifiedUser.phone}\n                label={settingsCopy.mobile_number}\n                onChange={(e) => handleInput({ phone: e.target.value })}\n                type=\"tel\"\n              />\n              {showVerifyPhone && <VerifyPhoneAction />}\n            </Stack>\n          )}\n        </Stack>\n        <Stack direction={isMobile ? 'column' : 'row'} spacing={isMobile ? 44 : 24} sx={{ mb: 44 }}>\n          <LocalizationProvider dateAdapter={AdapterDateFns}>\n            <DatePicker\n              label={settingsCopy.birthdate}\n              onChange={(value) => handleInput({ birthday: getUnixTime(value as Date) })}\n              slotProps={{\n                nextIconButton: {\n                  sx: {\n                    color: 'primary.main',\n                    '&:hover': { backgroundColor: alpha(theme.palette.primary.light, 0.1) },\n                  },\n                },\n                previousIconButton: {\n                  sx: {\n                    color: 'primary.main',\n                    '&:hover': { backgroundColor: alpha(theme.palette.primary.light, 0.1) },\n                  },\n                },\n              }}\n              sx={{\n                width: '100%',\n                '& .MuiIconButton-edgeEnd': {\n                  color: 'primary.main',\n                  '&:hover': { backgroundColor: alpha(theme.palette.primary.light, 0.1) },\n                },\n              }}\n              value={formatReadableBirthday()}\n            />\n          </LocalizationProvider>\n          <TextField\n            defaultValue={modifiedUser.postal_code}\n            label={settingsCopy.zip_code}\n            onChange={(e) => handleInput({ postal_code: e.target.value })}\n          />\n        </Stack>\n        <Stack>\n          <TextField\n            defaultValue={modifiedUser.credit_score}\n            label={settingsCopy.credit_score}\n            onChange={(e) => handleInput({ credit_score: Number(e.target.value) })}\n            sx={{ mb: 44 }}\n          />\n          <Button\n            disabled={!hasUnsavedChanges}\n            onClick={handleSave}\n            sx={{ width: isSmallMobile ? 272 : 124 }}\n            variant=\"contained\"\n          >\n            {commonCopy.save_button}\n          </Button>\n        </Stack>\n      </Box>\n      <Dialog\n        copy={{ title: settingsCopy.discard_changes }}\n        isOpen={showLeaveDialog}\n        onClose={handleKeepEditing}\n        onSecondaryAction={handleLeaveDialog}\n        primaryText={settingsCopy.keep_editing}\n        secondaryText={settingsCopy.leave}\n      >\n        {settingsCopy.discard_changes_message}\n      </Dialog>\n    </>\n  )\n}\n\nexport default observer(ProfileForm)\n"],"names":["ProfileForm","availableWidth","handleOnLeavClick","theme","useTheme","commonCopy","settingsCopy","useGlobalCopyStore","isDesktop","isMobile","isSmallMobile","isTablet","useScreenSize","config","useAppConfig","updateUser","useSettingsStore","user","useUserStore","modifiedUser","setModifiedUser","React","hasUnsavedChanges","setHasUnsavedChanges","showLeaveDialog","setShowLeaveDialog","boxRef","showVerifyEmail","showVerifyPhone","handleClickOutside","event","formatReadableBirthday","utc","year","month","day","handleSave","handleLeaveDialog","handleKeepEditing","handleInput","update","changedUser","jsxs","Fragment","Box","jsx","H3","P","Stack","TextField","e","VerifyEmailAction","VerifyPhoneAction","LocalizationProvider","AdapterDateFns","DatePicker","value","getUnixTime","alpha","Button","Dialog","ProfileTab","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAMA,KAA0C,CAAC,EAAE,gBAAAC,GAAgB,mBAAAC,QAAwB;AACzF,QAAMC,IAAQC,KACR,EAAE,QAAQC,GAAY,UAAUC,EAAA,IAAiBC,KACjD,EAAE,WAAAC,GAAW,UAAAC,GAAU,eAAAC,GAAe,UAAAC,MAAaC,EAAcX,CAAc,GAC/E,EAAE,QAAAY,MAAWC,KACb,EAAE,YAAAC,MAAeC,KACjB,EAAE,MAAAC,MAASC,KAEX,CAACC,GAAcC,CAAe,IAAIC,EAAM,SAAuB;AAAA,IACnE,YAAYJ,EAAK;AAAA,IACjB,WAAWA,EAAK;AAAA,IAChB,OAAOA,EAAK;AAAA,IACZ,OAAOA,EAAK;AAAA,IACZ,UAAUA,EAAK;AAAA,IACf,aAAaA,EAAK;AAAA,IAClB,cAAcA,EAAK;AAAA,EAAA,CACpB,GACK,CAACK,GAAmBC,CAAoB,IAAIF,EAAM,SAAS,EAAK,GAChE,CAACG,GAAiBC,CAAkB,IAAIJ,EAAM,SAAS,EAAK,GAC5DK,IAASL,EAAM,OAAuB,IAAI,GAE1CM,IAAkBR,EAAa,SAAS,CAACF,EAAK,qBAAqB,CAACK,GACpEM,IAAkBT,EAAa,SAAS,CAACF,EAAK,qBAAqB,CAACK;AAE1E,EAAAD,EAAM,UAAU,MAAM;AACpB,QAAInB,GAAmB;AACf,YAAA2B,IAAqB,CAACC,MAAsB;AAC5C,QAAAJ,EAAO,WAAW,CAACA,EAAO,QAAQ,SAASI,EAAM,MAAc,KAAKR,KACtEG,EAAmB,EAAI;AAAA,MACzB;AAGO,sBAAA,iBAAiB,aAAaI,CAAkB,GAClD,MAAM;AACF,iBAAA,oBAAoB,aAAaA,CAAkB;AAAA,MAAA;AAAA,IAEhE;AAAA,EACO,GACN,CAACP,CAAiB,CAAC;AAGtB,QAAMS,IAAyB,MAAM;AACnC,QAAIZ,EAAa,UAAU;AACzB,YAAMa,IAAM,IAAI,KAAKb,EAAa,WAAW,GAAI,GAC3Cc,IAAOD,EAAI,kBACXE,IAAQF,EAAI,eACZG,IAAMH,EAAI;AAChB,aAAO,IAAI,KAAKC,GAAMC,GAAOC,CAAG;AAAA,IAClC;AAAA,EAAA,GAGIC,IAAa,YAAY;AAC7B,UAAMrB,EAAW,EAAE,GAAGE,GAAM,GAAGE,EAAc,CAAA,GAC7CI,EAAqB,EAAK;AAAA,EAAA,GAGtBc,IAAoB,MAAM;AAC9B,IAAAZ,EAAmB,EAAK,GAEpBvB,KACgBA;EACpB,GAGIoC,IAAoB,MAAM;AAC9B,IAAAb,EAAmB,EAAK;AAAA,EAAA,GAGpBc,IAAc,CAACC,MAAsB;AACzC,UAAMC,IAAc;AAAA,MAClB,GAAGtB;AAAA,MACH,GAAGqB;AAAA,IAAA;AAEL,IAAApB,EAAgBqB,CAAW,GAC3BlB,EAAqB,KAAK,UAAU,EAAE,GAAGN,GAAM,GAAGwB,EAAa,CAAA,MAAM,KAAK,UAAUxB,CAAI,CAAC;AAAA,EAAA;AAG3F,SAEI,gBAAAyB,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAKlB;AAAA,QACL,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,GAAG;AAAA,UACH,OAAOhB,IAAgB,MAAMC,IAAW,MAAMH,IAAY,MAAM;AAAA,UAChE,wBAAwB;AAAA,YACtB,OAAOE,IAAgB,MAAMC,IAAW,MAAMH,IAAY,MAAM;AAAA,UAClE;AAAA,QACF;AAAA,QAEA,UAAA;AAAA,UAAC,gBAAAqC,EAAAC,GAAA,EAAI,YAAa,iBAAiB,CAAA;AAAA,UAClC,gBAAAD,EAAAE,GAAA,EAAE,SAAQ,QAAQ,YAAa,oBAAmB;AAAA,UACnD,gBAAAL;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,WAAWvC,IAAW,WAAW;AAAA,cACjC,SAASA,IAAW,KAAK;AAAA,cACzB,IAAI,EAAE,IAAI,IAAI,IAAI,GAAG;AAAA,cAErB,UAAA;AAAA,gBAAA,gBAAAoC;AAAA,kBAACI;AAAA,kBAAA;AAAA,oBACC,cAAc9B,EAAa;AAAA,oBAC3B,OAAOb,EAAa;AAAA,oBACpB,UAAU,CAAC4C,MAAMX,EAAY,EAAE,YAAYW,EAAE,OAAO,OAAO;AAAA,kBAAA;AAAA,gBAC7D;AAAA,gBACA,gBAAAL;AAAA,kBAACI;AAAA,kBAAA;AAAA,oBACC,cAAc9B,EAAa;AAAA,oBAC3B,OAAOb,EAAa;AAAA,oBACpB,UAAU,CAAC4C,MAAMX,EAAY,EAAE,WAAWW,EAAE,OAAO,OAAO;AAAA,kBAAA;AAAA,gBAC5D;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,UACC,gBAAAR,EAAAM,GAAA,EAAM,WAAWvC,IAAW,WAAW,OACrC,UAAA;AAAA,YAAAI,EAAO,wCACN,gBAAA6B,EAACM,GAAM,EAAA,IAAI,EAAE,IAAIrB,IAAkB,KAAK,IAAI,IAAIlB,IAAW,IAAI,GAC7D,GAAA,UAAA;AAAA,cAAA,gBAAAoC;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,cAAc9B,EAAa;AAAA,kBAC3B,OAAOb,EAAa;AAAA,kBACpB,UAAU,CAAC4C,MAAMX,EAAY,EAAE,OAAOW,EAAE,OAAO,OAAO;AAAA,gBAAA;AAAA,cACxD;AAAA,cACCvB,uBAAoBwB,GAAkB,EAAA;AAAA,YAAA,GACzC;AAAA,YAEDtC,EAAO,sCACN,gBAAA6B,EAACM,GAAM,EAAA,IAAI,EAAE,IAAIpB,IAAkB,KAAK,GAAA,GACtC,UAAA;AAAA,cAAA,gBAAAiB;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,cAAc9B,EAAa;AAAA,kBAC3B,OAAOb,EAAa;AAAA,kBACpB,UAAU,CAAC4C,MAAMX,EAAY,EAAE,OAAOW,EAAE,OAAO,OAAO;AAAA,kBACtD,MAAK;AAAA,gBAAA;AAAA,cACP;AAAA,cACCtB,uBAAoBwB,IAAkB,EAAA;AAAA,YAAA,GACzC;AAAA,UAAA,GAEJ;AAAA,UACC,gBAAAV,EAAAM,GAAA,EAAM,WAAWvC,IAAW,WAAW,OAAO,SAASA,IAAW,KAAK,IAAI,IAAI,EAAE,IAAI,GACpF,GAAA,UAAA;AAAA,YAAC,gBAAAoC,EAAAQ,GAAA,EAAqB,aAAaC,GACjC,UAAA,gBAAAT;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,OAAOjD,EAAa;AAAA,gBACpB,UAAU,CAACkD,MAAUjB,EAAY,EAAE,UAAUkB,EAAYD,CAAa,GAAG;AAAA,gBACzE,WAAW;AAAA,kBACT,gBAAgB;AAAA,oBACd,IAAI;AAAA,sBACF,OAAO;AAAA,sBACP,WAAW,EAAE,iBAAiBE,EAAMvD,EAAM,QAAQ,QAAQ,OAAO,GAAG,EAAE;AAAA,oBACxE;AAAA,kBACF;AAAA,kBACA,oBAAoB;AAAA,oBAClB,IAAI;AAAA,sBACF,OAAO;AAAA,sBACP,WAAW,EAAE,iBAAiBuD,EAAMvD,EAAM,QAAQ,QAAQ,OAAO,GAAG,EAAE;AAAA,oBACxE;AAAA,kBACF;AAAA,gBACF;AAAA,gBACA,IAAI;AAAA,kBACF,OAAO;AAAA,kBACP,4BAA4B;AAAA,oBAC1B,OAAO;AAAA,oBACP,WAAW,EAAE,iBAAiBuD,EAAMvD,EAAM,QAAQ,QAAQ,OAAO,GAAG,EAAE;AAAA,kBACxE;AAAA,gBACF;AAAA,gBACA,OAAO4B,EAAuB;AAAA,cAAA;AAAA,YAAA,GAElC;AAAA,YACA,gBAAAc;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,cAAc9B,EAAa;AAAA,gBAC3B,OAAOb,EAAa;AAAA,gBACpB,UAAU,CAAC4C,MAAMX,EAAY,EAAE,aAAaW,EAAE,OAAO,OAAO;AAAA,cAAA;AAAA,YAC9D;AAAA,UAAA,GACF;AAAA,4BACCF,GACC,EAAA,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,cAAc9B,EAAa;AAAA,gBAC3B,OAAOb,EAAa;AAAA,gBACpB,UAAU,CAAC4C,MAAMX,EAAY,EAAE,cAAc,OAAOW,EAAE,OAAO,KAAK,GAAG;AAAA,gBACrE,IAAI,EAAE,IAAI,GAAG;AAAA,cAAA;AAAA,YACf;AAAA,YACA,gBAAAL;AAAA,cAACc;AAAA,cAAA;AAAA,gBACC,UAAU,CAACrC;AAAA,gBACX,SAASc;AAAA,gBACT,IAAI,EAAE,OAAO1B,IAAgB,MAAM,IAAI;AAAA,gBACvC,SAAQ;AAAA,gBAEP,UAAWL,EAAA;AAAA,cAAA;AAAA,YACd;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAwC;AAAA,MAACe;AAAA,MAAA;AAAA,QACC,MAAM,EAAE,OAAOtD,EAAa,gBAAgB;AAAA,QAC5C,QAAQkB;AAAA,QACR,SAASc;AAAA,QACT,mBAAmBD;AAAA,QACnB,aAAa/B,EAAa;AAAA,QAC1B,eAAeA,EAAa;AAAA,QAE3B,UAAaA,EAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeuD,KAAAC,EAAS9D,EAAW;"}