@mx-cartographer/experiences 9.3.0-alpha.bb1 → 9.3.0-alpha.bb2

package/dist/accounts/utils/getConnectionMessages.es.js

@@ -0,0 +1,131 @@
+import { buildDynamicCopy as c } from "../../core/utils/Localization.es.js";
+import { DATE_FORMATS_INTL as o, formatDate as _ } from "../../core/constants/DateFormats.es.js";
+import { ConnectionStatusEnums as i } from "../../core/types/Account.es.js";
+import { fromUnixTime as u } from "date-fns/fromUnixTime";
+import { isToday as r } from "date-fns/isToday";
+import { isYesterday as l } from "date-fns/isYesterday";
+var T = (n, e) => {
+  const { connection_messages: t } = e;
+  switch (n.connection_status) {
+    case i.CHALLENGED:
+      return {
+        cta: t.challenged_cta,
+        main: c(t.challenged_connection_description, n.name),
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.challenged_connection_title
+      };
+    case i.CLOSED:
+      return {
+        main: t.closed_connection_description,
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.closed_connection_title
+      };
+    case i.DEGRADED:
+      return {
+        main: t.degraded_connection_description,
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.degraded_connection_title
+      };
+    case i.DELAYED:
+      return {
+        main: c(t.delayed_connection_description, n.name),
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.delayed_connection_title
+      };
+    case i.DENIED:
+      return {
+        cta: t.denied_cta,
+        main: c(t.denied_connection_description, n.name),
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.denied_connection_title
+      };
+    case i.DISABLED:
+      return {
+        main: t.disabled_connection_description,
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.disabled_connection_title
+      };
+    case i.DISCONNECTED:
+      return {
+        main: c(t.disconnected_connection_description, n.name),
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.disconnected_connection_title
+      };
+    case i.DISCONTINUED:
+      return {
+        main: t.discontinued_connection_description,
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.discontinued_connection_title
+      };
+    case i.EXPIRED:
+      return {
+        cta: t.expired_cta,
+        main: t.expired_connection_description,
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.expired_connection_title
+      };
+    case i.FAILED:
+      return {
+        main: c(t.failed_connection_description, n.name),
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.failed_connection_title
+      };
+    case i.IMPAIRED:
+      return {
+        cta: t.impaired_cta,
+        main: c(t.impaired_connection_description, n.name),
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.impaired_connection_title
+      };
+    case i.IMPEDED:
+      return {
+        main: c(t.impeded_connection_description, n.name, n.name),
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.impeded_connection_title
+      };
+    case i.IMPORTED:
+      return {
+        cta: t.imported_cta,
+        main: c(t.imported_connection_description, n.name),
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.imported_connection_title
+      };
+    case i.LOCKED:
+      return {
+        cta: t.locked_cta,
+        main: c(t.locked_connection_description, n.name),
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.locked_connection_title
+      };
+    case i.PREVENTED:
+      return {
+        cta: t.prevented_cta,
+        main: t.prevented_connection_description,
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.prevented_connection_title
+      };
+    case i.REJECTED:
+      return {
+        cta: t.rejected_cta,
+        main: t.rejected_connection_description,
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.rejected_connection_title
+      };
+    default: {
+      const d = () => {
+        const s = n.successfully_aggregated_at ? u(n.successfully_aggregated_at) : void 0, a = s && _(s, o.TIME_STAMP_HOUR_MINUTE);
+        if (a)
+          return r(s) ? c(e.last_updated_at, e.today, a) : l(s) ? c(e.last_updated_at, e.yesterday, a) : c(e.last_updated_at, _(s, o.MONTH_DAY_YEAR), a);
+      };
+      return {
+        statusName: e.connection_statuses[6],
+        title: d()
+      };
+    }
+  }
+};
+export {
+  T as getConnectionMessages
+};
+
+//# sourceMappingURL=getConnectionMessages.es.js.map

package/dist/accounts/utils/getConnectionMessages.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getConnectionMessages.es.js","names":[],"sources":["../../../src/accounts/utils/getConnectionMessages.tsx"],"sourcesContent":["import { fromUnixTime } from 'date-fns/fromUnixTime'\nimport { isToday } from 'date-fns/isToday'\nimport { isYesterday } from 'date-fns/isYesterday'\n\nimport { ConnectCopy, ConnectionStatusEnums, type Member } from '../../core'\nimport { DATE_FORMATS_INTL, formatDate } from '../../core/constants'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\nexport interface ConnectionMessageObject {\n  cta?: string\n  main: string\n  statusName: string\n  title: string\n}\n\nexport const getConnectionMessages: any = (member: Member, copy: ConnectCopy) => {\n  const { connection_messages } = copy\n\n  switch (member.connection_status) {\n    case ConnectionStatusEnums.CHALLENGED: {\n      return {\n        cta: connection_messages.challenged_cta,\n        main: buildDynamicCopy(\n          connection_messages.challenged_connection_description,\n          member.name,\n        ) as string,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.challenged_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.CLOSED: {\n      return {\n        main: connection_messages.closed_connection_description,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.closed_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.DEGRADED: {\n      return {\n        main: connection_messages.degraded_connection_description,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.degraded_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.DELAYED: {\n      return {\n        main: buildDynamicCopy(\n          connection_messages.delayed_connection_description,\n          member.name,\n        ) as string,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.delayed_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.DENIED: {\n      return {\n        cta: connection_messages.denied_cta,\n        main: buildDynamicCopy(\n          connection_messages.denied_connection_description,\n          member.name,\n        ) as string,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.denied_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.DISABLED: {\n      return {\n        main: connection_messages.disabled_connection_description,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.disabled_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.DISCONNECTED: {\n      return {\n        main: buildDynamicCopy(\n          connection_messages.disconnected_connection_description,\n          member.name,\n        ) as string,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.disconnected_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.DISCONTINUED: {\n      return {\n        main: connection_messages.discontinued_connection_description,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.discontinued_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.EXPIRED: {\n      return {\n        cta: connection_messages.expired_cta,\n        main: connection_messages.expired_connection_description,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.expired_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.FAILED: {\n      return {\n        main: buildDynamicCopy(\n          connection_messages.failed_connection_description,\n          member.name,\n        ) as string,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.failed_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.IMPAIRED: {\n      return {\n        cta: connection_messages.impaired_cta,\n        main: buildDynamicCopy(\n          connection_messages.impaired_connection_description,\n          member.name,\n        ) as string,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.impaired_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.IMPEDED: {\n      return {\n        main: buildDynamicCopy(\n          connection_messages.impeded_connection_description,\n          member.name,\n          member.name,\n        ) as string,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.impeded_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.IMPORTED: {\n      return {\n        cta: connection_messages.imported_cta,\n        main: buildDynamicCopy(\n          connection_messages.imported_connection_description,\n          member.name,\n        ) as string,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.imported_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.LOCKED: {\n      return {\n        cta: connection_messages.locked_cta,\n        main: buildDynamicCopy(\n          connection_messages.locked_connection_description,\n          member.name,\n        ) as string,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.locked_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.PREVENTED: {\n      return {\n        cta: connection_messages.prevented_cta,\n        main: connection_messages.prevented_connection_description,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.prevented_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.REJECTED: {\n      return {\n        cta: connection_messages.rejected_cta,\n        main: connection_messages.rejected_connection_description,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.rejected_connection_title,\n      }\n    }\n    default: {\n      const lastUpdatedCopy = () => {\n        const lastUpdated = member.successfully_aggregated_at\n          ? fromUnixTime(member.successfully_aggregated_at)\n          : undefined\n        const lastUpdatedFormattedTime =\n          lastUpdated && formatDate(lastUpdated, DATE_FORMATS_INTL.TIME_STAMP_HOUR_MINUTE)\n\n        if (!lastUpdatedFormattedTime) return undefined\n        if (isToday(lastUpdated))\n          return buildDynamicCopy(copy.last_updated_at, copy.today, lastUpdatedFormattedTime)\n        if (isYesterday(lastUpdated))\n          return buildDynamicCopy(copy.last_updated_at, copy.yesterday, lastUpdatedFormattedTime)\n        return buildDynamicCopy(\n          copy.last_updated_at,\n          formatDate(lastUpdated, DATE_FORMATS_INTL.MONTH_DAY_YEAR),\n          lastUpdatedFormattedTime,\n        )\n      }\n      return {\n        statusName: copy.connection_statuses[6], // Connected\n        title: lastUpdatedCopy(),\n      }\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/analytics/SurveyMiniWidget.es.js

@@ -0,0 +1,117 @@
+import { useAnalyticsStore as w, useEvent as A, useGlobalCopyStore as E, useGlobalUiStore as L } from "../common/context/hooks.es.js";
+import q from "../common/components/MiniWidgetContainer.es.js";
+import F from "../common/components/Loader.es.js";
+import Q from "./components/RatingScale.es.js";
+import R from "./components/OpenTextField.es.js";
+import i from "react";
+import { observer as T } from "mobx-react-lite";
+import r from "@mui/material/Stack";
+import { Text as a } from "@mxenabled/mxui";
+import W from "@mui/material/Button";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { SurveyQuestionType as y } from "posthog-js";
+import j from "@mui/material/Alert";
+var z = () => {
+  const { onEvent: l } = A(), { surveyId: u, question: o, isLastQuestion: s, nextQuestion: h, loadSurvey: v, questionCount: x, response: d, responsePayload: b, resetStore: c, survey: S } = w(), { analytics: t, common: _ } = E(), { isCopyLoaded: C, isInitialized: p } = L(), [m, f] = i.useState(!1);
+  i.useEffect(() => {
+    p && v();
+  }, [p]), i.useEffect(() => {
+    l("survey shown", { $survey_id: u });
+  }, [S]);
+  const g = () => {
+    l("survey dismissed", { $survey_id: u }), c(), f(!1);
+  }, k = () => {
+    h();
+  }, M = () => {
+    l("survey sent", b), c(), f(!0);
+  };
+  return C ? !o && !m ? null : /* @__PURE__ */ n(q, {
+    closeLabel: _.close_aria,
+    onClose: g,
+    sx: {
+      "& .MuiCardHeader-root": {
+        px: 24,
+        pb: 2
+      },
+      "& .MuiCardHeader-subheader": { fontSize: 13 },
+      "& .MuiCardContent-root:last-child": { pb: 0 }
+    },
+    title: t.your_feedback_matters,
+    children: [
+      /* @__PURE__ */ e(r, {
+        sx: {
+          pb: 8,
+          px: 24
+        },
+        children: /* @__PURE__ */ e(a, {
+          truncate: !1,
+          variant: "subtitle2",
+          children: t.let_us_know
+        })
+      }),
+      o && /* @__PURE__ */ n(i.Fragment, { children: [
+        /* @__PURE__ */ n(r, {
+          sx: {
+            gap: 4,
+            px: 24,
+            py: 16
+          },
+          children: [/* @__PURE__ */ e(a, {
+            bold: !0,
+            truncate: !1,
+            children: o.question
+          }), /* @__PURE__ */ e(a, {
+            variant: "caption",
+            children: x
+          })]
+        }),
+        /* @__PURE__ */ n(r, {
+          sx: {
+            gap: 6,
+            px: 24,
+            pb: 8
+          },
+          children: [o.type === y.Rating && /* @__PURE__ */ e(Q, {}), o.type === y.Open && /* @__PURE__ */ e(R, {})]
+        }),
+        /* @__PURE__ */ e(r, {
+          sx: {
+            px: 24,
+            py: 16
+          },
+          children: /* @__PURE__ */ e(W, {
+            disabled: !s && !d,
+            onClick: s ? M : k,
+            variant: s && d ? "contained" : "outlined",
+            children: s ? t.submit_feedback : t.continue
+          })
+        })
+      ] }),
+      m && /* @__PURE__ */ n(i.Fragment, { children: [/* @__PURE__ */ e(r, {
+        sx: {
+          px: 24,
+          py: 24
+        },
+        children: /* @__PURE__ */ e(a, {
+          bold: !0,
+          truncate: !1,
+          children: t.thank_you
+        })
+      }), /* @__PURE__ */ e(r, {
+        sx: {
+          px: 24,
+          pb: 24
+        },
+        children: /* @__PURE__ */ e(j, {
+          severity: "success",
+          variant: "filled",
+          children: t.feedback_sent_successfully
+        })
+      })] })
+    ]
+  }) : /* @__PURE__ */ e(F, {});
+}, X = T(z);
+export {
+  X as default
+};
+
+//# sourceMappingURL=SurveyMiniWidget.es.js.map

package/dist/analytics/SurveyMiniWidget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SurveyMiniWidget.es.js","names":[],"sources":["../../src/analytics/SurveyMiniWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { SurveyQuestionType } from 'posthog-js'\n\nimport Alert from '@mui/material/Alert'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport Loader from '../common/components/Loader'\nimport MiniWidgetContainer from '../common/components/MiniWidgetContainer'\nimport { useEvent } from '../common/context/hooks'\nimport { useAnalyticsStore } from '../common/context/hooks'\nimport { useGlobalUiStore } from '../common/context/hooks'\nimport { useGlobalCopyStore } from '../common/context/hooks'\n\nimport RatingScale from './components/RatingScale'\nimport OpenTextField from './components/OpenTextField'\n\nconst SurveyMiniWidget = () => {\n  const { onEvent } = useEvent()\n  const {\n    surveyId,\n    question,\n    isLastQuestion,\n    nextQuestion,\n    loadSurvey,\n    questionCount,\n    response,\n    responsePayload,\n    resetStore,\n    survey,\n  } = useAnalyticsStore()\n\n  const { analytics: copy, common: commonCopy } = useGlobalCopyStore()\n  const { isCopyLoaded, isInitialized } = useGlobalUiStore()\n  const [showAlert, setShowAlert] = React.useState(false)\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadSurvey()\n    }\n  }, [isInitialized])\n\n  React.useEffect(() => {\n    onEvent('survey shown', {\n      $survey_id: surveyId,\n    })\n  }, [survey])\n\n  const handleClose = () => {\n    onEvent('survey dismissed', {\n      $survey_id: surveyId,\n    })\n    resetStore()\n    setShowAlert(false)\n  }\n\n  const handleContinue = () => {\n    nextQuestion()\n  }\n\n  const handleSubmit = () => {\n    const payload = responsePayload\n    onEvent('survey sent', payload)\n    resetStore()\n    setShowAlert(true)\n  }\n\n  if (!isCopyLoaded) {\n    return <Loader />\n  }\n\n  if (!question && !showAlert) {\n    return null\n  }\n\n  return (\n    <MiniWidgetContainer\n      closeLabel={commonCopy.close_aria}\n      onClose={handleClose}\n      sx={{\n        '& .MuiCardHeader-root': {\n          px: 24,\n          pb: 2,\n        },\n        '& .MuiCardHeader-subheader': {\n          fontSize: 13,\n        },\n        '& .MuiCardContent-root:last-child': {\n          pb: 0,\n        },\n      }}\n      title={copy.your_feedback_matters}\n    >\n      <Stack sx={{ pb: 8, px: 24 }}>\n        <Text truncate={false} variant=\"subtitle2\">\n          {copy.let_us_know}\n        </Text>\n      </Stack>\n      {question && (\n        <React.Fragment>\n          <Stack sx={{ gap: 4, px: 24, py: 16 }}>\n            <Text bold={true} truncate={false}>\n              {question.question}\n            </Text>\n            <Text variant=\"caption\">{questionCount}</Text>\n          </Stack>\n          <Stack sx={{ gap: 6, px: 24, pb: 8 }}>\n            {question.type === SurveyQuestionType.Rating && <RatingScale />}\n\n            {question.type === SurveyQuestionType.Open && <OpenTextField />}\n          </Stack>\n          <Stack sx={{ px: 24, py: 16 }}>\n            <Button\n              disabled={!isLastQuestion && !response}\n              onClick={isLastQuestion ? handleSubmit : handleContinue}\n              variant={isLastQuestion && response ? 'contained' : 'outlined'}\n            >\n              {isLastQuestion ? copy.submit_feedback : copy.continue}\n            </Button>\n          </Stack>\n        </React.Fragment>\n      )}\n\n      {showAlert && (\n        <React.Fragment>\n          <Stack sx={{ px: 24, py: 24 }}>\n            <Text bold={true} truncate={false}>\n              {copy.thank_you}\n            </Text>\n          </Stack>\n          <Stack sx={{ px: 24, pb: 24 }}>\n            <Alert severity=\"success\" variant=\"filled\">\n              {copy.feedback_sent_successfully}\n            </Alert>\n          </Stack>\n        </React.Fragment>\n      )}\n    </MiniWidgetContainer>\n  )\n}\n\nexport default observer(SurveyMiniWidget)\n"],"mappings":"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"}

package/dist/analytics/components/OpenTextField.es.js

@@ -0,0 +1,23 @@
+import { useAnalyticsStore as a, useGlobalCopyStore as l } from "../../common/context/hooks.es.js";
+import "react";
+import { observer as p } from "mobx-react-lite";
+import { TextField as s } from "@mxenabled/mxui";
+import { jsx as i } from "react/jsx-runtime";
+var n = () => {
+  const { response: r, setResponse: o } = a(), { analytics: e } = l();
+  return /* @__PURE__ */ i(s, {
+    label: e.feedback,
+    multiline: !0,
+    onChange: (t) => {
+      o(t.target.value);
+    },
+    placeholder: e.improve_experience,
+    rows: 4,
+    value: r ?? ""
+  });
+}, x = p(n);
+export {
+  x as default
+};
+
+//# sourceMappingURL=OpenTextField.es.js.map

package/dist/analytics/components/OpenTextField.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenTextField.es.js","names":[],"sources":["../../../src/analytics/components/OpenTextField.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { TextField } from '@mxenabled/mxui'\n\nimport { useAnalyticsStore } from '../../common/context/hooks'\nimport { useGlobalCopyStore } from '../../common/context/hooks'\n\nconst OpenTextField = () => {\n  const { response, setResponse } = useAnalyticsStore()\n  const { analytics: copy } = useGlobalCopyStore()\n\n  return (\n    <TextField\n      label={copy.feedback}\n      multiline={true}\n      onChange={(event: React.ChangeEvent<HTMLInputElement>) => {\n        setResponse(event.target.value)\n      }}\n      placeholder={copy.improve_experience}\n      rows={4}\n      value={response ?? ''}\n    />\n  )\n}\n\nexport default observer(OpenTextField)\n"],"mappings":";;;;;AAQA,IAAM,IAAA,MAAsB;AAC1B,QAAM,EAAE,UAAA,GAAU,aAAA,EAAA,IAAgB,EAAkB,GAC9C,EAAE,WAAW,EAAA,IAAS,EAAmB;AAE/C,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,OAAO,EAAK;AAAA,IACZ,WAAW;AAAA,IACX,UAAA,CAAW,MAA+C;AACxD,MAAA,EAAY,EAAM,OAAO,KAAK;AAAA,IAChC;AAAA,IACA,aAAa,EAAK;AAAA,IAClB,MAAM;AAAA,IACN,OAAO,KAAY;AAAA,EACpB,CAAA;AAEL,GAEA,IAAe,EAAS,CAAa"}

package/dist/analytics/components/RatingScale.es.js

@@ -0,0 +1,56 @@
+import { useAnalyticsStore as u, useGlobalCopyStore as d } from "../../common/context/hooks.es.js";
+import f from "react";
+import { observer as g } from "mobx-react-lite";
+import h from "@mui/material/Stack";
+import { Text as n } from "@mxenabled/mxui";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { useTheme as y } from "@mui/material/styles";
+import x from "@mui/material/ToggleButton";
+import v from "@mui/material/ToggleButtonGroup";
+var b = () => {
+  const { question: s, response: l, setResponse: i } = u(), { analytics: o } = d(), c = y(), r = s, m = (p, e) => {
+    i(e);
+  };
+  return /* @__PURE__ */ a(f.Fragment, { children: [/* @__PURE__ */ t(v, {
+    exclusive: !0,
+    onChange: m,
+    sx: {
+      display: "flex",
+      height: 44,
+      justifyContent: "space-between",
+      width: "100%"
+    },
+    value: l,
+    children: Array.from({ length: r.scale }, (p, e) => /* @__PURE__ */ t(x, {
+      color: "primary",
+      sx: {
+        fontWeight: "bold",
+        width: `${100 / r.scale}%`
+      },
+      value: e + 1,
+      children: e + 1
+    }, e + 1))
+  }), /* @__PURE__ */ a(h, {
+    sx: {
+      color: c.palette.secondary.light,
+      flexDirection: "row",
+      justifyContent: "space-between"
+    },
+    children: [/* @__PURE__ */ t(n, {
+      bold: !0,
+      color: "text.secondary",
+      variant: "caption",
+      children: o.strongly_disagree
+    }), /* @__PURE__ */ t(n, {
+      bold: !0,
+      color: "text.secondary",
+      variant: "caption",
+      children: o.strongly_agree
+    })]
+  })] });
+}, G = g(b);
+export {
+  G as default
+};
+
+//# sourceMappingURL=RatingScale.es.js.map

package/dist/analytics/components/RatingScale.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingScale.es.js","names":[],"sources":["../../../src/analytics/components/RatingScale.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { RatingSurveyQuestion } from 'posthog-js'\n\nimport Stack from '@mui/material/Stack'\nimport ToggleButton from '@mui/material/ToggleButton'\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useAnalyticsStore } from '../../common/context/hooks'\nimport { useGlobalCopyStore } from '../../common/context/hooks'\n\nconst RatingScale = () => {\n  const { question, response, setResponse } = useAnalyticsStore()\n  const { analytics: copy } = useGlobalCopyStore()\n  const theme = useTheme()\n  const ratingQuestion = question as RatingSurveyQuestion\n\n  const handleSelect = (_: React.MouseEvent<HTMLElement>, response: number | null) => {\n    setResponse(response)\n  }\n\n  return (\n    <React.Fragment>\n      <ToggleButtonGroup\n        exclusive={true}\n        onChange={handleSelect}\n        sx={{\n          display: 'flex',\n          height: 44,\n          justifyContent: 'space-between',\n          width: '100%',\n        }}\n        value={response}\n      >\n        {Array.from({ length: ratingQuestion.scale }, (_, index) => (\n          <ToggleButton\n            color=\"primary\"\n            key={index + 1}\n            sx={{ fontWeight: 'bold', width: `${100 / ratingQuestion.scale}%` }}\n            value={index + 1}\n          >\n            {index + 1}\n          </ToggleButton>\n        ))}\n      </ToggleButtonGroup>\n      <Stack\n        sx={{\n          color: theme.palette.secondary.light,\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n        }}\n      >\n        <Text bold={true} color=\"text.secondary\" variant=\"caption\">\n          {copy.strongly_disagree}\n        </Text>\n        <Text bold={true} color=\"text.secondary\" variant=\"caption\">\n          {copy.strongly_agree}\n        </Text>\n      </Stack>\n    </React.Fragment>\n  )\n}\n\nexport default observer(RatingScale)\n"],"mappings":";;;;;;;;;AAcA,IAAM,IAAA,MAAoB;AACxB,QAAM,EAAE,UAAA,GAAU,UAAA,GAAU,aAAA,EAAA,IAAgB,EAAkB,GACxD,EAAE,WAAW,EAAA,IAAS,EAAmB,GACzC,IAAQ,EAAS,GACjB,IAAiB,GAEjB,IAAA,CAAgB,GAAkC,MAA4B;AAClF,IAAA,EAAY,CAAQ;AAAA,EACtB;AAEA,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAW;AAAA,IACX,UAAU;AAAA,IACV,IAAI;AAAA,MACF,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,OAAO;AAAA,IACT;AAAA,IACA,OAAO;AAAA,cAEN,MAAM,KAAK,EAAE,QAAQ,EAAe,MAAM,GAAA,CAAI,GAAG,MAChD,gBAAA,EAAC,GAAD;AAAA,MACE,OAAM;AAAA,MAEN,IAAI;AAAA,QAAE,YAAY;AAAA,QAAQ,OAAO,GAAG,MAAM,EAAe,KAAA;AAAA,MAAS;AAAA,MAClE,OAAO,IAAQ;AAAA,gBAEd,IAAQ;AAAA,IACG,GALP,IAAQ,CAKD,CACf;AAAA,EACgB,CAAA,GACnB,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,OAAO,EAAM,QAAQ,UAAU;AAAA,MAC/B,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,cALF,CAOE,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,MAAM,OAAM;AAAA,MAAiB,SAAQ;AAAA,gBAC9C,EAAK;AAAA,IACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,MAAM,OAAM;AAAA,MAAiB,SAAQ;AAAA,gBAC9C,EAAK;AAAA,IACF,CAAA,CACD;AAAA,IACO,EAAA,CAAA;AAEpB,GAEA,IAAe,EAAS,CAAW"}

package/dist/analytics/index.es.js

@@ -1,4 +1,4 @@
-import e from "./SurveyMiniWidget/index.es.js";
+import e from "./SurveyMiniWidget.es.js";
 export {
   e as SurveyMiniWidget
 };

package/dist/budgets/BubbleBudgetsMiniWidget.es.js

@@ -0,0 +1,100 @@
+import { useBudgetsStore as D, useCategoryStore as S, useEvent as v, useGlobalCopyStore as x, useGlobalUiStore as E, useWidgetContainerProvider as L } from "../common/context/hooks.es.js";
+import { useWidgetLoadTimer as T } from "../common/hooks/useWidgetLoadTimer.es.js";
+import W from "../common/components/drawer/Drawer.es.js";
+import { ANALYTICS_EVENTS as w } from "../common/constants/Analytics.es.js";
+import { formatCurrency as O } from "../core/utils/NumberFormatting.es.js";
+import { getBudgetDifference as R } from "../core/utils/BudgetUtil.es.js";
+import I from "../common/components/MiniWidgetContainer.es.js";
+import j from "../common/components/Loader.es.js";
+import { AddBudgets as k } from "./components/AddBudgets.es.js";
+import { BubbleBudgets as G } from "./components/BubbleBudgets.es.js";
+import t from "react";
+import { observer as H } from "mobx-react-lite";
+import N from "@mui/material/Stack";
+import { Text as h } from "@mxenabled/mxui";
+import { endOfMonth as U } from "date-fns/endOfMonth";
+import { startOfMonth as z } from "date-fns/startOfMonth";
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
+import { useTheme as K } from "@mui/material/styles";
+import P from "@mui/material/Box";
+var V = ({ budgetsCopy: n, difference: r, handleAddClick: u, shouldShowZeroState: a }) => {
+  const { availableHeight: e = 0 } = L(), s = t.useRef(null);
+  return t.useEffect(() => {
+    e > 0 && s.current === null && (s.current = e);
+  }, [e]), /* @__PURE__ */ f(N, {
+    sx: {
+      height: "100%",
+      justifyContent: "space-between"
+    },
+    children: [/* @__PURE__ */ o(G, {
+      createBudgetOnClick: u,
+      height: t.useMemo(() => {
+        const d = s.current ?? e;
+        return d > 0 ? Math.round(Math.max(120, Math.min(450, d * 0.8))) - 40 : 450;
+      }, [e]),
+      isMiniWidget: !0,
+      shouldShowZeroState: a
+    }), !a && /* @__PURE__ */ f(P, {
+      ml: 16,
+      children: [/* @__PURE__ */ o(h, {
+        bold: !0,
+        color: r < 0 ? "error.main" : "success.main",
+        children: O(Math.abs(r), "0,0")
+      }), /* @__PURE__ */ o(h, { children: r < 0 ? n.overspent_in_budgets : n.left_in_budgets })]
+    })]
+  });
+}, Y = (n) => {
+  const r = K(), { onEvent: u } = v(), { detailedBudgets: a, isDataLoaded: e, loadBudgetData: s, setTheme: d } = D(), { budgets: i, common: p } = x(), { isInitialized: m, selectedAccounts: c } = E(), { loadDateRangeCategoryTotals: b, loadMonthlyCategoryTotals: B } = S(), C = R(a), [_, l] = t.useState(!1);
+  t.useEffect(() => {
+    e || s().finally();
+  }, []), t.useEffect(() => {
+    d(r);
+  }, [r]), t.useEffect(() => {
+    m && !e && (b(c, z(/* @__PURE__ */ new Date()), U(/* @__PURE__ */ new Date())).finally(), B(c).finally());
+  }, [
+    m,
+    c,
+    e
+  ]);
+  const y = () => {
+    l(!0), u(w.BUDGETS_CLICK_ADD);
+  }, M = () => {
+    l(!1);
+  }, A = () => l(!1);
+  if (T({
+    widgetName: "BubbleBudgetsMiniWidget",
+    isLoaded: e
+  }), !m || !e) return /* @__PURE__ */ o(j, {});
+  const g = a.length === 0;
+  return /* @__PURE__ */ f(I, {
+    contentStyles: {
+      height: "calc(100% - 66px)",
+      ":last-child": { pb: 0 }
+    },
+    primaryCtaLabel: g ? i.get_started_cta : i.details_cta,
+    primaryCtaLabelAria: i.details_cta_aria,
+    sx: { height: "100%" },
+    title: i.budgets_title,
+    ...n,
+    children: [/* @__PURE__ */ o(V, {
+      budgetsCopy: i,
+      difference: C,
+      handleAddClick: y,
+      shouldShowZeroState: g
+    }), /* @__PURE__ */ o(W, {
+      ariaLabelClose: p.close_aria,
+      isOpen: _,
+      onClose: () => l(!1),
+      title: i.add_new_title,
+      children: /* @__PURE__ */ o(k, {
+        onAddBudget: M,
+        onRecalculateBudgets: A
+      })
+    })]
+  });
+}, ce = H(Y);
+export {
+  ce as default
+};
+
+//# sourceMappingURL=BubbleBudgetsMiniWidget.es.js.map

package/dist/budgets/BubbleBudgetsMiniWidget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleBudgetsMiniWidget.es.js","names":[],"sources":["../../src/budgets/BubbleBudgetsMiniWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { startOfMonth } from 'date-fns/startOfMonth'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  ANALYTICS_EVENTS,\n  Drawer,\n  Loader,\n  MiniWidgetContainer,\n  useBudgetsStore,\n  useCategoryStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useWidgetContainerProvider,\n  useWidgetLoadTimer,\n} from '../common'\nimport { type BudgetsCopy, type MiniWidgetProps } from '../core'\n\nimport { AddBudgets } from './components/AddBudgets'\nimport { BubbleBudgets } from './components/BubbleBudgets'\nimport { getBudgetDifference } from '../core/utils/BudgetUtil'\nimport { formatCurrency } from '../core/utils/NumberFormatting'\n\ninterface BubbleBudgetsContentProps {\n  budgetsCopy: BudgetsCopy\n  difference: number\n  handleAddClick: () => void\n  shouldShowZeroState: boolean\n}\n\nconst BubbleBudgetsContent: React.FC<BubbleBudgetsContentProps> = ({\n  budgetsCopy,\n  difference,\n  handleAddClick,\n  shouldShowZeroState,\n}) => {\n  const { availableHeight = 0 } = useWidgetContainerProvider()\n  const initialHeightRef = React.useRef<number | null>(null)\n\n  React.useEffect(() => {\n    if (availableHeight > 0 && initialHeightRef.current === null) {\n      initialHeightRef.current = availableHeight\n    }\n  }, [availableHeight])\n\n  const bubbleHeight = React.useMemo(() => {\n    const baseHeight = initialHeightRef.current ?? availableHeight\n\n    if (baseHeight > 0) return Math.round(Math.max(120, Math.min(450, baseHeight * 0.8))) - 40\n\n    return 450\n  }, [availableHeight])\n\n  return (\n    <Stack sx={{ height: '100%', justifyContent: 'space-between' }}>\n      <BubbleBudgets\n        createBudgetOnClick={handleAddClick}\n        height={bubbleHeight}\n        isMiniWidget={true}\n        shouldShowZeroState={shouldShowZeroState}\n      />\n\n      {!shouldShowZeroState && (\n        <Box ml={16}>\n          <Text bold={true} color={difference < 0 ? 'error.main' : 'success.main'}>\n            {formatCurrency(Math.abs(difference), '0,0')}\n          </Text>\n          <Text>\n            {difference < 0 ? budgetsCopy.overspent_in_budgets : budgetsCopy.left_in_budgets}\n          </Text>\n        </Box>\n      )}\n    </Stack>\n  )\n}\n\nconst BubbleBudgetsMiniWidget = (props: MiniWidgetProps) => {\n  const theme = useTheme()\n\n  const { onEvent } = useEvent()\n  const { detailedBudgets: budgets, isDataLoaded, loadBudgetData, setTheme } = useBudgetsStore()\n  const { budgets: budgetsCopy, common: commonCopy } = useGlobalCopyStore()\n  const { isInitialized, selectedAccounts } = useGlobalUiStore()\n  const { loadDateRangeCategoryTotals, loadMonthlyCategoryTotals } = useCategoryStore()\n  const difference = getBudgetDifference(budgets)\n\n  const [isAddOpen, setIsAddOpen] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!isDataLoaded) {\n      loadBudgetData().finally()\n    }\n  }, [])\n\n  React.useEffect(() => {\n    setTheme(theme)\n  }, [theme])\n\n  React.useEffect(() => {\n    if (isInitialized && !isDataLoaded) {\n      loadDateRangeCategoryTotals(\n        selectedAccounts,\n        startOfMonth(new Date()),\n        endOfMonth(new Date()),\n      ).finally()\n      loadMonthlyCategoryTotals(selectedAccounts).finally()\n    }\n  }, [isInitialized, selectedAccounts, isDataLoaded])\n\n  const handleAddClick = () => {\n    setIsAddOpen(true)\n    onEvent(ANALYTICS_EVENTS.BUDGETS_CLICK_ADD)\n  }\n\n  const handleBudgetAdded = () => {\n    setIsAddOpen(false)\n  }\n\n  const handleBudgetsRecalculated = () => setIsAddOpen(false)\n\n  useWidgetLoadTimer({\n    widgetName: 'BubbleBudgetsMiniWidget',\n    isLoaded: isDataLoaded,\n  })\n\n  if (!isInitialized || !isDataLoaded) return <Loader />\n\n  const shouldShowZeroState = budgets.length === 0\n\n  return (\n    <MiniWidgetContainer\n      contentStyles={{ height: 'calc(100% - 66px)', ':last-child': { pb: 0 } }}\n      primaryCtaLabel={shouldShowZeroState ? budgetsCopy.get_started_cta : budgetsCopy.details_cta}\n      primaryCtaLabelAria={budgetsCopy.details_cta_aria}\n      sx={{ height: '100%' }}\n      title={budgetsCopy.budgets_title}\n      {...props}\n    >\n      <BubbleBudgetsContent\n        budgetsCopy={budgetsCopy}\n        difference={difference}\n        handleAddClick={handleAddClick}\n        shouldShowZeroState={shouldShowZeroState}\n      />\n\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isAddOpen}\n        onClose={() => setIsAddOpen(false)}\n        title={budgetsCopy.add_new_title}\n      >\n        <AddBudgets\n          onAddBudget={handleBudgetAdded}\n          onRecalculateBudgets={handleBudgetsRecalculated}\n        />\n      </Drawer>\n    </MiniWidgetContainer>\n  )\n}\n\nexport default observer(BubbleBudgetsMiniWidget)\n"],"mappings":"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"}

package/dist/budgets/BubbleBudgetsWidget.es.js

@@ -0,0 +1,143 @@
+import { useAccountStore as K, useBudgetsStore as V, useCategoryStore as P, useEvent as Y, useGlobalCopyStore as Z, useGlobalUiStore as q, useRecurringTransactionsStore as J } from "../common/context/hooks.es.js";
+import { useScreenSize as Q } from "../common/hooks/useScreenSize.es.js";
+import { useWidgetLoadTimer as X } from "../common/hooks/useWidgetLoadTimer.es.js";
+import $ from "../common/components/drawer/Drawer.es.js";
+import { ANALYTICS_EVENTS as u } from "../common/constants/Analytics.es.js";
+import ee from "../common/components/Loader.es.js";
+import { WidgetContainer as te } from "../common/components/WidgetContainer.es.js";
+import { AddBudgets as oe } from "./components/AddBudgets.es.js";
+import { BubbleBudgets as re } from "./components/BubbleBudgets.es.js";
+import { BudgetDetailsDrawer as ie } from "./components/BudgetDetailsDrawer.es.js";
+import { BudgetList as ae } from "./components/BudgetList.es.js";
+import { Overview as se } from "./components/Overview.es.js";
+import i from "react";
+import { observer as ne } from "mobx-react-lite";
+import f from "@mui/material/Stack";
+import { endOfMonth as S } from "date-fns/endOfMonth";
+import { startOfMonth as g } from "date-fns/startOfMonth";
+import { startOfToday as a } from "date-fns/startOfToday";
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { useTheme as le } from "@mui/material/styles";
+import { isAfter as de } from "date-fns/isAfter";
+import ce from "@mui/material/Alert";
+import me from "@mui/material/Snackbar";
+var A = 480, We = ne(({ onBackClick: T, onMenuClick: v, sx: y }) => {
+  const E = le(), { onEvent: s } = Y(), { visibleAccounts: _ } = K(), { budgets: n, common: w } = Z(), { isInitialized: l, selectedAccounts: d, setDisplayedDate: L } = q(), { alert: p, dateRange: t, isDataLoaded: c, loadBudgetData: R, setDateRange: m, setAlert: D, setTheme: I, detailedBudgets: b } = V(), { setDateRange: O } = J(), { loadDateRangeCategoryTotals: k, loadMonthlyCategoryTotals: x } = P(), { isSmallTablet: W, isMobile: G, isSmallMobile: M } = Q(), o = W || G || M, [N, r] = i.useState(!1);
+  X({
+    widgetName: "BubbleBudgetsWidget",
+    isLoaded: c
+  }), i.useEffect(() => {
+    I(E), c || R().finally(() => {
+      s(u.BUDGETS_VIEW);
+    });
+  }, []), i.useEffect(() => (m({
+    start: g(a()),
+    end: S(a())
+  }), () => {
+    m({
+      start: g(a()),
+      end: S(a())
+    });
+  }), [_]), i.useEffect(() => {
+    l && (L(t.start, t.end), k(d, t.start, t.end).finally(), x(d).finally(), O(t));
+  }, [
+    l,
+    d,
+    t
+  ]);
+  const U = (B) => {
+    m({
+      start: B[0] || /* @__PURE__ */ new Date(),
+      end: B[1] || /* @__PURE__ */ new Date()
+    });
+  }, j = () => {
+    s(u.BUDGETS_CLICK_FILTER);
+  }, C = () => {
+    r(!0), s(u.BUDGETS_CLICK_ADD);
+  }, z = () => {
+    r(!1);
+  }, F = () => {
+    r(!1);
+  }, H = de(t.end, g(/* @__PURE__ */ new Date()));
+  return !l || !c ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ h(te, {
+    actions: [{
+      iconName: "add",
+      label: n.add_title,
+      onClick: C
+    }],
+    calendarActions: {
+      onRangeChanged: U,
+      shouldDisableNext: H,
+      shouldDisablePicker: !0
+    },
+    hasDivider: !0,
+    onAccountsFilterClick: j,
+    onBackClick: T,
+    onMenuClick: v,
+    sx: y,
+    title: n.budgets_title,
+    children: [
+      /* @__PURE__ */ h(f, {
+        direction: o ? "column" : "row",
+        height: "100%",
+        sx: { justifyContent: "center" },
+        width: "100%",
+        children: [/* @__PURE__ */ e(f, {
+          height: o ? 450 : "calc(100dvh - 150px)",
+          children: /* @__PURE__ */ e(re, {
+            createBudgetOnClick: C,
+            height: o ? 450 : 800,
+            isDraggable: !0,
+            shouldShowZeroState: b.length === 0,
+            unavailableWidth: o ? 0 : A
+          })
+        }), b.length !== 0 && /* @__PURE__ */ h(f, {
+          gap: 24,
+          height: "100%",
+          sx: {
+            mr: 24,
+            mt: 48
+          },
+          width: o ? "100%" : A,
+          children: [/* @__PURE__ */ e(se, {}), /* @__PURE__ */ e(ae, {})]
+        })]
+      }),
+      /* @__PURE__ */ e(ie, {}),
+      /* @__PURE__ */ e($, {
+        ariaLabelClose: w.close_aria,
+        isOpen: N,
+        onClose: () => r(!1),
+        title: n.add_new_title,
+        children: /* @__PURE__ */ e(oe, {
+          onAddBudget: z,
+          onRecalculateBudgets: F
+        })
+      }),
+      /* @__PURE__ */ e(me, {
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "right"
+        },
+        autoHideDuration: 3500,
+        onClose: () => {
+          D("");
+        },
+        open: !!p,
+        children: /* @__PURE__ */ e(ce, {
+          closeText: "",
+          onClose: () => {
+            D("");
+          },
+          severity: "success",
+          variant: "filled",
+          children: p
+        })
+      })
+    ]
+  });
+});
+export {
+  We as BubbleBudgetsWidget
+};
+
+//# sourceMappingURL=BubbleBudgetsWidget.es.js.map