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

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

@@ -0,0 +1 @@
+{"version":3,"file":"getConnectionMessages.js","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 {\n  ConnectCopy,\n  ConnectionStatusEnums,\n  DATE_FORMATS_INTL,\n  buildDynamicCopy,\n  formatDate,\n  type Member,\n} from '../../common'\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"],"names":["getConnectionMessages","member","copy","connection_messages","ConnectionStatusEnums","buildDynamicCopy","lastUpdatedCopy","lastUpdated","fromUnixTime","lastUpdatedFormattedTime","formatDate","DATE_FORMATS_INTL","isToday","isYesterday"],"mappings":"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"}

package/dist/analytics/SurveyMiniWidget.js

@@ -0,0 +1,102 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import n from "react";
+import { observer as A } from "mobx-react-lite";
+import { SurveyQuestionType as h } from "posthog-js";
+import E from "@mui/material/Alert";
+import L from "@mui/material/Button";
+import r from "@mui/material/Stack";
+import T from "@mui/material/styles/useTheme";
+import { Text as l } from "@mxenabled/mxui";
+import q from "../common/components/Loader.js";
+import F from "../common/components/MiniWidgetContainer.js";
+import { useEvent as Q, useAnalyticsStore as R, useGlobalCopyStore as W, useGlobalUiStore as $ } from "../common/context/hooks.js";
+import j from "./components/RatingScale.js";
+import z from "./components/OpenTextField.js";
+const B = () => {
+  const { onEvent: d } = Q(), s = T(), {
+    surveyId: u,
+    question: o,
+    isLastQuestion: a,
+    nextQuestion: b,
+    loadSurvey: x,
+    questionCount: v,
+    response: c,
+    responsePayload: C,
+    resetStore: p,
+    survey: S
+  } = R(), { analytics: t, common: g } = W(), { isCopyLoaded: _, isInitialized: m } = $(), [f, y] = n.useState(!1);
+  n.useEffect(() => {
+    m && x();
+  }, [m]), n.useEffect(() => {
+    d("survey shown", {
+      $survey_id: u
+    });
+  }, [S]);
+  const k = () => {
+    d("survey dismissed", {
+      $survey_id: u
+    }), p(), y(!1);
+  }, M = () => {
+    b();
+  }, w = () => {
+    d("survey sent", C), p(), y(!0);
+  };
+  return _ ? !o && !f ? null : /* @__PURE__ */ i(
+    F,
+    {
+      closeLabel: g.close_aria,
+      onClose: k,
+      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(l, { truncate: !1, variant: "subtitle2", children: t.let_us_know }) }),
+        o && /* @__PURE__ */ i(n.Fragment, { children: [
+          /* @__PURE__ */ i(r, { sx: { gap: 4, px: 24, py: 16 }, children: [
+            /* @__PURE__ */ e(l, { bold: !0, truncate: !1, children: o.question }),
+            /* @__PURE__ */ e(l, { variant: "XSmall", children: v })
+          ] }),
+          /* @__PURE__ */ i(r, { sx: { gap: 6, px: 24, pb: 8 }, children: [
+            o.type === h.Rating && /* @__PURE__ */ e(j, {}),
+            o.type === h.Open && /* @__PURE__ */ e(z, {})
+          ] }),
+          /* @__PURE__ */ e(r, { sx: { px: 24, py: 16 }, children: /* @__PURE__ */ e(
+            L,
+            {
+              disabled: !a && !c,
+              onClick: a ? w : M,
+              sx: {
+                borderColor: s.palette.border.light,
+                "&:hover": {
+                  // temp hardcoded dark mode color until design team decision
+                  backgroundColor: s.palette.mode === "dark" ? "#0749B240" : s.palette.primary.lighter,
+                  borderColor: s.palette.primary.main
+                }
+              },
+              variant: a && c ? "contained" : "outlined",
+              children: a ? t.submit_feedback : t.continue
+            }
+          ) })
+        ] }),
+        f && /* @__PURE__ */ i(n.Fragment, { children: [
+          /* @__PURE__ */ e(r, { sx: { px: 24, py: 24 }, children: /* @__PURE__ */ e(l, { bold: !0, truncate: !1, children: t.thank_you }) }),
+          /* @__PURE__ */ e(r, { sx: { px: 24, pb: 24 }, children: /* @__PURE__ */ e(E, { severity: "success", variant: "filled", children: t.feedback_sent_successfully }) })
+        ] })
+      ]
+    }
+  ) : /* @__PURE__ */ e(q, {});
+}, te = A(B);
+export {
+  te as default
+};
+//# sourceMappingURL=SurveyMiniWidget.js.map

package/dist/analytics/SurveyMiniWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SurveyMiniWidget.js","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'\nimport useTheme from '@mui/material/styles/useTheme'\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 theme = useTheme()\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=\"XSmall\">{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              sx={{\n                borderColor: theme.palette.border.light,\n                '&:hover': {\n                  // temp hardcoded dark mode color until design team decision\n                  backgroundColor:\n                    theme.palette.mode === 'dark' ? '#0749B240' : theme.palette.primary.lighter,\n                  borderColor: theme.palette.primary.main,\n                },\n              }}\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"],"names":["SurveyMiniWidget","onEvent","useEvent","theme","useTheme","surveyId","question","isLastQuestion","nextQuestion","loadSurvey","questionCount","response","responsePayload","resetStore","survey","useAnalyticsStore","copy","commonCopy","useGlobalCopyStore","isCopyLoaded","isInitialized","useGlobalUiStore","showAlert","setShowAlert","React","handleClose","handleContinue","handleSubmit","jsxs","MiniWidgetContainer","jsx","Stack","Text","SurveyQuestionType","RatingScale","OpenTextField","Button","Alert","Loader","SurveyMiniWidget$1","observer"],"mappings":";;;;;;;;;;;;;;AAqBA,MAAMA,IAAmB,MAAM;AACvB,QAAA,EAAE,SAAAC,MAAYC,KACdC,IAAQC,KACR;AAAA,IACJ,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,MACEC,EAAkB,GAEhB,EAAE,WAAWC,GAAM,QAAQC,EAAA,IAAeC,KAC1C,EAAE,cAAAC,GAAc,eAAAC,EAAc,IAAIC,EAAiB,GACnD,CAACC,GAAWC,CAAY,IAAIC,EAAM,SAAS,EAAK;AAEtD,EAAAA,EAAM,UAAU,MAAM;AACpB,IAAIJ,KACSX;EACb,GACC,CAACW,CAAa,CAAC,GAElBI,EAAM,UAAU,MAAM;AACpB,IAAAvB,EAAQ,gBAAgB;AAAA,MACtB,YAAYI;AAAA,IAAA,CACb;AAAA,EAAA,GACA,CAACS,CAAM,CAAC;AAEX,QAAMW,IAAc,MAAM;AACxB,IAAAxB,EAAQ,oBAAoB;AAAA,MAC1B,YAAYI;AAAA,IAAA,CACb,GACUQ,KACXU,EAAa,EAAK;AAAA,EAAA,GAGdG,IAAiB,MAAM;AACd,IAAAlB;EAAA,GAGTmB,IAAe,MAAM;AAEzB,IAAA1B,EAAQ,eADQW,CACc,GACnBC,KACXU,EAAa,EAAI;AAAA,EAAA;AAGnB,SAAKJ,IAID,CAACb,KAAY,CAACgB,IACT,OAIP,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYZ,EAAW;AAAA,MACvB,SAASQ;AAAA,MACT,IAAI;AAAA,QACF,yBAAyB;AAAA,UACvB,IAAI;AAAA,UACJ,IAAI;AAAA,QACN;AAAA,QACA,8BAA8B;AAAA,UAC5B,UAAU;AAAA,QACZ;AAAA,QACA,qCAAqC;AAAA,UACnC,IAAI;AAAA,QACN;AAAA,MACF;AAAA,MACA,OAAOT,EAAK;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAc,EAACC,KAAM,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,GACzB,UAAC,gBAAAD,EAAAE,GAAA,EAAK,UAAU,IAAO,SAAQ,aAC5B,UAAAhB,EAAK,YACR,CAAA,GACF;AAAA,QACCV,KACC,gBAAAsB,EAACJ,EAAM,UAAN,EACC,UAAA;AAAA,UAAC,gBAAAI,EAAAG,GAAA,EAAM,IAAI,EAAE,KAAK,GAAG,IAAI,IAAI,IAAI,GAAA,GAC/B,UAAA;AAAA,YAAA,gBAAAD,EAACE,KAAK,MAAM,IAAM,UAAU,IACzB,YAAS,UACZ;AAAA,YACC,gBAAAF,EAAAE,GAAA,EAAK,SAAQ,UAAU,UAActB,GAAA;AAAA,UAAA,GACxC;AAAA,UACA,gBAAAkB,EAACG,GAAM,EAAA,IAAI,EAAE,KAAK,GAAG,IAAI,IAAI,IAAI,EAAA,GAC9B,UAAA;AAAA,YAAAzB,EAAS,SAAS2B,EAAmB,UAAU,gBAAAH,EAACI,GAAY,EAAA;AAAA,YAE5D5B,EAAS,SAAS2B,EAAmB,0BAASE,GAAc,EAAA;AAAA,UAAA,GAC/D;AAAA,UACA,gBAAAL,EAACC,KAAM,IAAI,EAAE,IAAI,IAAI,IAAI,MACvB,UAAA,gBAAAD;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,UAAU,CAAC7B,KAAkB,CAACI;AAAA,cAC9B,SAASJ,IAAiBoB,IAAeD;AAAA,cACzC,IAAI;AAAA,gBACF,aAAavB,EAAM,QAAQ,OAAO;AAAA,gBAClC,WAAW;AAAA;AAAA,kBAET,iBACEA,EAAM,QAAQ,SAAS,SAAS,cAAcA,EAAM,QAAQ,QAAQ;AAAA,kBACtE,aAAaA,EAAM,QAAQ,QAAQ;AAAA,gBACrC;AAAA,cACF;AAAA,cACA,SAASI,KAAkBI,IAAW,cAAc;AAAA,cAEnD,UAAAJ,IAAiBS,EAAK,kBAAkBA,EAAK;AAAA,YAAA;AAAA,UAAA,GAElD;AAAA,QAAA,GACF;AAAA,QAGDM,KACC,gBAAAM,EAACJ,EAAM,UAAN,EACC,UAAA;AAAA,UAAA,gBAAAM,EAACC,KAAM,IAAI,EAAE,IAAI,IAAI,IAAI,GAAG,GAC1B,UAAC,gBAAAD,EAAAE,GAAA,EAAK,MAAM,IAAM,UAAU,IACzB,UAAAhB,EAAK,UACR,CAAA,GACF;AAAA,4BACCe,GAAM,EAAA,IAAI,EAAE,IAAI,IAAI,IAAI,GACvB,GAAA,UAAA,gBAAAD,EAACO,KAAM,UAAS,WAAU,SAAQ,UAC/B,UAAArB,EAAK,2BACR,CAAA,GACF;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,sBA5EIsB,GAAO,CAAA,CAAA;AAgFnB,GAEeC,KAAAC,EAASxC,CAAgB;"}

package/dist/analytics/components/OpenTextField.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"OpenTextField.js","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"],"names":["OpenTextField","response","setResponse","useAnalyticsStore","copy","useGlobalCopyStore","jsx","TextField","event","OpenTextField$1","observer"],"mappings":";;;;AAQA,MAAMA,IAAgB,MAAM;AAC1B,QAAM,EAAE,UAAAC,GAAU,aAAAC,EAAY,IAAIC,EAAkB,GAC9C,EAAE,WAAWC,EAAK,IAAIC,EAAmB;AAG7C,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOH,EAAK;AAAA,MACZ,WAAW;AAAA,MACX,UAAU,CAACI,MAA+C;AAC5C,QAAAN,EAAAM,EAAM,OAAO,KAAK;AAAA,MAChC;AAAA,MACA,aAAaJ,EAAK;AAAA,MAClB,MAAM;AAAA,MACN,OAAOH;AAAA,IAAA;AAAA,EAAA;AAGb,GAEeQ,IAAAC,EAASV,CAAa;"}

package/dist/analytics/components/RatingScale.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RatingScale.js","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/useTheme'\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            key={index + 1}\n            sx={{\n              borderColor: theme.palette.border.light,\n              fontWeight: 'bold',\n              width: `${100 / ratingQuestion.scale}%`,\n              '&:hover': {\n                backgroundColor: theme.palette.background.paper,\n              },\n              '&.Mui-selected, &.Mui-selected:hover': {\n                backgroundColor:\n                  theme.palette.mode === 'dark' ? '#0749B240' : theme.palette.primary.lighter,\n                border: `1px solid ${theme.palette.primary.main}`,\n                color: theme.palette.primary.main,\n              },\n            }}\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} variant=\"XSmall\">\n          {copy.strongly_disagree}\n        </Text>\n        <Text bold={true} variant=\"XSmall\">\n          {copy.strongly_agree}\n        </Text>\n      </Stack>\n    </React.Fragment>\n  )\n}\n\nexport default observer(RatingScale)\n"],"names":["RatingScale","question","response","setResponse","useAnalyticsStore","copy","useGlobalCopyStore","theme","useTheme","ratingQuestion","handleSelect","_","jsxs","React","jsx","ToggleButtonGroup","index","ToggleButton","Stack","Text","RatingScale$1","observer"],"mappings":";;;;;;;;;AAcA,MAAMA,IAAc,MAAM;AACxB,QAAM,EAAE,UAAAC,GAAU,UAAAC,GAAU,aAAAC,MAAgBC,EAAkB,GACxD,EAAE,WAAWC,EAAK,IAAIC,EAAmB,GACzCC,IAAQC,KACRC,IAAiBR,GAEjBS,IAAe,CAACC,GAAkCT,MAA4B;AAClF,IAAAC,EAAYD,CAAQ;AAAA,EAAA;AAIpB,SAAA,gBAAAU,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,UAAUL;AAAA,QACV,IAAI;AAAA,UACF,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,gBAAgB;AAAA,UAChB,OAAO;AAAA,QACT;AAAA,QACA,OAAOR;AAAA,QAEN,UAAA,MAAM,KAAK,EAAE,QAAQO,EAAe,SAAS,CAACE,GAAGK,MAChD,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YAEC,IAAI;AAAA,cACF,aAAaV,EAAM,QAAQ,OAAO;AAAA,cAClC,YAAY;AAAA,cACZ,OAAO,GAAG,MAAME,EAAe,KAAK;AAAA,cACpC,WAAW;AAAA,gBACT,iBAAiBF,EAAM,QAAQ,WAAW;AAAA,cAC5C;AAAA,cACA,wCAAwC;AAAA,gBACtC,iBACEA,EAAM,QAAQ,SAAS,SAAS,cAAcA,EAAM,QAAQ,QAAQ;AAAA,gBACtE,QAAQ,aAAaA,EAAM,QAAQ,QAAQ,IAAI;AAAA,gBAC/C,OAAOA,EAAM,QAAQ,QAAQ;AAAA,cAC/B;AAAA,YACF;AAAA,YACA,OAAOS,IAAQ;AAAA,YAEd,UAAQA,IAAA;AAAA,UAAA;AAAA,UAjBJA,IAAQ;AAAA,QAAA,CAmBhB;AAAA,MAAA;AAAA,IACH;AAAA,IACA,gBAAAJ;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,OAAOX,EAAM,QAAQ,UAAU;AAAA,UAC/B,eAAe;AAAA,UACf,gBAAgB;AAAA,QAClB;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAO,EAACK,KAAK,MAAM,IAAM,SAAQ,UACvB,YAAK,mBACR;AAAA,4BACCA,GAAK,EAAA,MAAM,IAAM,SAAQ,UACvB,YAAK,gBACR;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeC,IAAAC,EAASrB,CAAW;"}

package/dist/analytics/stores/AnalyticsStore.js

@@ -0,0 +1,55 @@
+import { makeAutoObservable as i, runInAction as r } from "mobx";
+import u from "posthog-js";
+class p {
+  globalStore;
+  survey = null;
+  currentQuestionIndex = 0;
+  question = null;
+  response = null;
+  responses = {};
+  constructor(s) {
+    this.globalStore = s, i(this);
+  }
+  get isLastQuestion() {
+    return this.currentQuestionIndex === this.surveyQuestions.length - 1;
+  }
+  get questionCount() {
+    return `${this.currentQuestionIndex + 1}/${this.surveyQuestions.length}`;
+  }
+  get responsePayload() {
+    return {
+      $survey_id: this.surveyId,
+      ...this.responses
+    };
+  }
+  // TODO hardcode elsewhere
+  get surveyId() {
+    return window.app?.postHogPublicKey === "phc_KclQGnOZEaYCttkpiVpuyOYeBlixGo6xNphYgWV4CXo" ? "0196caa6-9b37-0000-98a7-f04e8d56faf5" : "0196a6b0-ccde-0000-b980-0b84ea2fef4a";
+  }
+  get surveyQuestions() {
+    return this.survey ? this.survey.questions : [];
+  }
+  loadSurvey = (s = !1) => {
+    u.getActiveMatchingSurveys((t) => {
+      r(() => {
+        if (t.length > 0) {
+          const e = t.find((n) => n.id === this.surveyId);
+          e && (this.survey = e, this.currentQuestionIndex = 0, this.question = e.questions[0], this.response = null, this.responses = {});
+        }
+      });
+    }, s);
+  };
+  nextQuestion = () => {
+    this.currentQuestionIndex < this.surveyQuestions.length - 1 && (this.currentQuestionIndex += 1), this.response = null, this.question = this.surveyQuestions[this.currentQuestionIndex];
+  };
+  resetStore = () => {
+    this.survey = null, this.currentQuestionIndex = 0, this.question = null, this.response = null, this.responses = {};
+  };
+  setResponse = (s) => {
+    this.response = s, this.question && (this.responses[`$survey_response_${this.question.id}`] = s);
+  };
+}
+export {
+  p as AnalyticsStore
+};
+//# sourceMappingURL=AnalyticsStore.js.map

package/dist/analytics/stores/AnalyticsStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsStore.js","sources":["../../../src/analytics/stores/AnalyticsStore.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from 'mobx'\nimport posthog, { Survey, SurveyQuestion } from 'posthog-js'\n\nimport { GlobalStore } from '../../common/stores/GlobalStore'\nexport class AnalyticsStore {\n  globalStore: GlobalStore\n  survey: Survey | null = null\n  currentQuestionIndex: number = 0\n  question: SurveyQuestion | null = null\n  response: number | string | null = null\n  responses: Record<string, number | string | null> = {}\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n    makeAutoObservable(this)\n  }\n\n  get isLastQuestion() {\n    return this.currentQuestionIndex === this.surveyQuestions.length - 1\n  }\n\n  get questionCount() {\n    return `${this.currentQuestionIndex + 1}/${this.surveyQuestions.length}`\n  }\n\n  get responsePayload() {\n    return {\n      $survey_id: this.surveyId,\n      ...this.responses,\n    }\n  }\n\n  // TODO hardcode elsewhere\n  get surveyId() {\n    const posthogKey = window.app?.postHogPublicKey\n\n    return posthogKey === 'phc_KclQGnOZEaYCttkpiVpuyOYeBlixGo6xNphYgWV4CXo'\n      ? '0196caa6-9b37-0000-98a7-f04e8d56faf5'\n      : '0196a6b0-ccde-0000-b980-0b84ea2fef4a'\n  }\n\n  get surveyQuestions() {\n    return this.survey ? this.survey.questions : ([] as SurveyQuestion[])\n  }\n\n  loadSurvey = (forceReload: boolean = false) => {\n    posthog.getActiveMatchingSurveys((surveys) => {\n      runInAction(() => {\n        if (surveys.length > 0) {\n          const survey = surveys.find((s) => s.id === this.surveyId)\n          if (survey) {\n            this.survey = survey\n            this.currentQuestionIndex = 0\n            this.question = survey.questions[0]\n            this.response = null\n            this.responses = {}\n          }\n        }\n      })\n    }, forceReload)\n  }\n\n  nextQuestion = () => {\n    if (this.currentQuestionIndex < this.surveyQuestions.length - 1) {\n      this.currentQuestionIndex += 1\n    }\n    this.response = null\n    this.question = this.surveyQuestions[this.currentQuestionIndex]\n  }\n\n  resetStore = () => {\n    this.survey = null\n    this.currentQuestionIndex = 0\n    this.question = null\n    this.response = null\n    this.responses = {}\n  }\n\n  setResponse = (response: number | string | null) => {\n    this.response = response\n    if (this.question) {\n      this.responses[`$survey_response_${this.question.id}`] = response\n    }\n  }\n}\n"],"names":["AnalyticsStore","globalStore","makeAutoObservable","forceReload","posthog","surveys","runInAction","survey","s","response"],"mappings":";;AAIO,MAAMA,EAAe;AAAA,EAC1B;AAAA,EACA,SAAwB;AAAA,EACxB,uBAA+B;AAAA,EAC/B,WAAkC;AAAA,EAClC,WAAmC;AAAA,EACnC,YAAoD,CAAA;AAAA,EAEpD,YAAYC,GAA0B;AACpC,SAAK,cAAcA,GACnBC,EAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,IAAI,iBAAiB;AACnB,WAAO,KAAK,yBAAyB,KAAK,gBAAgB,SAAS;AAAA,EACrE;AAAA,EAEA,IAAI,gBAAgB;AAClB,WAAO,GAAG,KAAK,uBAAuB,CAAC,IAAI,KAAK,gBAAgB,MAAM;AAAA,EACxE;AAAA,EAEA,IAAI,kBAAkB;AACb,WAAA;AAAA,MACL,YAAY,KAAK;AAAA,MACjB,GAAG,KAAK;AAAA,IAAA;AAAA,EAEZ;AAAA;AAAA,EAGA,IAAI,WAAW;AAGN,WAFY,OAAO,KAAK,qBAET,oDAClB,yCACA;AAAA,EACN;AAAA,EAEA,IAAI,kBAAkB;AACpB,WAAO,KAAK,SAAS,KAAK,OAAO,YAAa,CAAA;AAAA,EAChD;AAAA,EAEA,aAAa,CAACC,IAAuB,OAAU;AACrC,IAAAC,EAAA,yBAAyB,CAACC,MAAY;AAC5C,MAAAC,EAAY,MAAM;AACZ,YAAAD,EAAQ,SAAS,GAAG;AAChB,gBAAAE,IAASF,EAAQ,KAAK,CAACG,MAAMA,EAAE,OAAO,KAAK,QAAQ;AACzD,UAAID,MACF,KAAK,SAASA,GACd,KAAK,uBAAuB,GACvB,KAAA,WAAWA,EAAO,UAAU,CAAC,GAClC,KAAK,WAAW,MAChB,KAAK,YAAY;QAErB;AAAA,MAAA,CACD;AAAA,OACAJ,CAAW;AAAA,EAAA;AAAA,EAGhB,eAAe,MAAM;AACnB,IAAI,KAAK,uBAAuB,KAAK,gBAAgB,SAAS,MAC5D,KAAK,wBAAwB,IAE/B,KAAK,WAAW,MAChB,KAAK,WAAW,KAAK,gBAAgB,KAAK,oBAAoB;AAAA,EAAA;AAAA,EAGhE,aAAa,MAAM;AACjB,SAAK,SAAS,MACd,KAAK,uBAAuB,GAC5B,KAAK,WAAW,MAChB,KAAK,WAAW,MAChB,KAAK,YAAY;EAAC;AAAA,EAGpB,cAAc,CAACM,MAAqC;AAClD,SAAK,WAAWA,GACZ,KAAK,aACP,KAAK,UAAU,oBAAoB,KAAK,SAAS,EAAE,EAAE,IAAIA;AAAA,EAC3D;AAEJ;"}

package/dist/budgets/BubbleBudgetsMiniWidget.js

@@ -0,0 +1,217 @@
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import e from "react";
+import { observer as A } from "mobx-react-lite";
+import { endOfMonth as E } from "date-fns/endOfMonth";
+import { startOfMonth as L } from "date-fns/startOfMonth";
+import M from "@mui/material/Box";
+import T from "@mui/material/Stack";
+import O from "@mui/material/styles/useTheme";
+import { Text as l } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as w } from "../common/constants/Analytics.js";
+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 { formatCurrency as x } from "../common/utils/NumberFormatting.js";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../common/components/accountfilter/AccountFilterOptions.js";
+import { useEvent as v, useBudgetsStore as G, useGlobalCopyStore as I, useGlobalUiStore as W, useCategoryStore as k } from "../common/context/hooks.js";
+import "../common/context/GlobalDataProvider.js";
+import "../common/context/WidgetContainerProvider.js";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+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 R from "../common/components/drawer/Drawer.js";
+import "../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import j from "../common/components/MiniWidgetContainer.js";
+import "../common/components/WidgetContainer.js";
+import "../common/components/ConnectDrawer.js";
+import "uuid";
+import c from "../common/components/Loader.js";
+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/TextField";
+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 { useGetBudgetDifference as N } from "./utils/BudgetUtil.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 "../settings/SettingsWidget.js";
+import "../settings/components/SettingsWidgetContents.js";
+import "../settings/components/profile/ProfileTab.js";
+import "../settings/components/devices/DeviceTab.js";
+import "../settings/NotificationSettingsWidget.js";
+import "../settings/components/notifications/NotificationSettings.js";
+import "../settings/components/notifications/AccountNotificationProfiles.js";
+import "../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../settings/components/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 { BubbleBudgets as U } from "./components/BubbleBudgets.js";
+import { AddBudgets as z } from "./components/AddBudgets.js";
+const K = (u) => {
+  const s = O(), { onEvent: f } = v(), { detailedBudgets: g, isDataLoaded: n, loadBudgetData: h, setTheme: b } = G(), { budgets: o, common: B } = I(), { isCopyLoaded: C, isInitialized: d, selectedAccounts: a } = W(), { reloadCategoryTotals: _ } = k(), r = N(), i = g.length === 0, [S, m] = e.useState(!1), y = () => {
+    m(!0), f(w.BUDGETS_CLICK_ADD);
+  }, D = () => {
+    m(!1);
+  };
+  return e.useEffect(() => {
+    b(s);
+  }, [s]), e.useEffect(() => {
+    d && !n && _(a, L(/* @__PURE__ */ new Date()), E(/* @__PURE__ */ new Date())).then(
+      () => {
+        h().finally();
+      }
+    );
+  }, [d, a]), C ? /* @__PURE__ */ p(
+    j,
+    {
+      primaryCtaLabel: i ? o.get_started_cta : o.details_cta,
+      title: o.budgets_title,
+      ...u,
+      children: [
+        n ? /* @__PURE__ */ p(T, { height: 450, mt: 32, children: [
+          /* @__PURE__ */ t(
+            U,
+            {
+              createBudgetOnClick: y,
+              height: 370,
+              isMiniWidget: !0,
+              shouldShowZeroState: i
+            }
+          ),
+          !i && /* @__PURE__ */ p(M, { ml: 16, children: [
+            /* @__PURE__ */ t(l, { bold: !0, color: r < 0 ? "error.main" : "success.main", children: x(Math.abs(r), "0,0") }),
+            /* @__PURE__ */ t(l, { children: r < 0 ? o.overspent_in_budgets : o.left_in_budgets })
+          ] })
+        ] }) : /* @__PURE__ */ t(c, {}),
+        /* @__PURE__ */ t(
+          R,
+          {
+            ariaLabelClose: B.close_aria,
+            isOpen: S,
+            onClose: () => m(!1),
+            title: o.add_new_title,
+            children: /* @__PURE__ */ t(z, { onRecalculateBudgets: D })
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ t(c, {});
+}, Zr = A(K);
+export {
+  Zr as default
+};
+//# sourceMappingURL=BubbleBudgetsMiniWidget.js.map

package/dist/budgets/BubbleBudgetsMiniWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleBudgetsMiniWidget.js","sources":["../../src/budgets/BubbleBudgetsMiniWidget.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 Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport useTheme from '@mui/material/styles/useTheme'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  ANALYTICS_EVENTS,\n  Drawer,\n  formatCurrency,\n  Loader,\n  MiniWidgetContainer,\n  MiniWidgetProps,\n  useBudgetsStore,\n  useCategoryStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n} from '../common'\n\nimport { useGetBudgetDifference } from './utils/BudgetUtil'\nimport { BubbleBudgets } from './components/BubbleBudgets'\nimport { AddBudgets } from './components/AddBudgets'\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 { isCopyLoaded, isInitialized, selectedAccounts } = useGlobalUiStore()\n  const { reloadCategoryTotals } = useCategoryStore()\n  const difference = useGetBudgetDifference()\n  const shouldShowZeroState = budgets.length === 0\n\n  const [isAddOpen, setIsAddOpen] = React.useState(false)\n\n  const handleAddClick = () => {\n    setIsAddOpen(true)\n    onEvent(ANALYTICS_EVENTS.BUDGETS_CLICK_ADD)\n  }\n\n  const handleBudgetsRecalculated = () => {\n    setIsAddOpen(false)\n  }\n\n  React.useEffect(() => {\n    setTheme(theme)\n  }, [theme])\n\n  React.useEffect(() => {\n    if (isInitialized && !isDataLoaded) {\n      reloadCategoryTotals(selectedAccounts, startOfMonth(new Date()), endOfMonth(new Date())).then(\n        () => {\n          loadBudgetData().finally()\n        },\n      )\n    }\n  }, [isInitialized, selectedAccounts])\n\n  if (!isCopyLoaded) {\n    return <Loader />\n  }\n\n  return (\n    <MiniWidgetContainer\n      primaryCtaLabel={shouldShowZeroState ? budgetsCopy.get_started_cta : budgetsCopy.details_cta}\n      title={budgetsCopy.budgets_title}\n      {...props}\n    >\n      {!isDataLoaded ? (\n        <Loader />\n      ) : (\n        <Stack height={450} mt={32}>\n          <BubbleBudgets\n            createBudgetOnClick={handleAddClick}\n            height={370}\n            isMiniWidget={true}\n            shouldShowZeroState={shouldShowZeroState}\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      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isAddOpen}\n        onClose={() => setIsAddOpen(false)}\n        title={budgetsCopy.add_new_title}\n      >\n        <AddBudgets onRecalculateBudgets={handleBudgetsRecalculated} />\n      </Drawer>\n    </MiniWidgetContainer>\n  )\n}\n\nexport default observer(BubbleBudgetsMiniWidget)\n"],"names":["BubbleBudgetsMiniWidget","props","theme","useTheme","onEvent","useEvent","budgets","isDataLoaded","loadBudgetData","setTheme","useBudgetsStore","budgetsCopy","commonCopy","useGlobalCopyStore","isCopyLoaded","isInitialized","selectedAccounts","useGlobalUiStore","reloadCategoryTotals","useCategoryStore","difference","useGetBudgetDifference","shouldShowZeroState","isAddOpen","setIsAddOpen","React","handleAddClick","ANALYTICS_EVENTS","handleBudgetsRecalculated","startOfMonth","endOfMonth","jsxs","MiniWidgetContainer","Stack","jsx","BubbleBudgets","Box","Text","formatCurrency","Loader","Drawer","AddBudgets","BubbleBudgetsMiniWidget$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAMA,IAA0B,CAACC,MAA2B;AAC1D,QAAMC,IAAQC,KAER,EAAE,SAAAC,MAAYC,KACd,EAAE,iBAAiBC,GAAS,cAAAC,GAAc,gBAAAC,GAAgB,UAAAC,EAAA,IAAaC,KACvE,EAAE,SAASC,GAAa,QAAQC,EAAA,IAAeC,KAC/C,EAAE,cAAAC,GAAc,eAAAC,GAAe,kBAAAC,MAAqBC,EAAiB,GACrE,EAAE,sBAAAC,MAAyBC,KAC3BC,IAAaC,KACbC,IAAsBhB,EAAQ,WAAW,GAEzC,CAACiB,GAAWC,CAAY,IAAIC,EAAM,SAAS,EAAK,GAEhDC,IAAiB,MAAM;AAC3B,IAAAF,EAAa,EAAI,GACjBpB,EAAQuB,EAAiB,iBAAiB;AAAA,EAAA,GAGtCC,IAA4B,MAAM;AACtC,IAAAJ,EAAa,EAAK;AAAA,EAAA;AAiBpB,SAdAC,EAAM,UAAU,MAAM;AACpB,IAAAhB,EAASP,CAAK;AAAA,EAAA,GACb,CAACA,CAAK,CAAC,GAEVuB,EAAM,UAAU,MAAM;AAChB,IAAAV,KAAiB,CAACR,KACCW,EAAAF,GAAkBa,EAAa,oBAAI,KAAK,CAAC,GAAGC,EAAe,oBAAA,MAAM,CAAC,EAAE;AAAA,MACvF,MAAM;AACJ,QAAAtB,EAAA,EAAiB;MACnB;AAAA,IAAA;AAAA,EAEJ,GACC,CAACO,GAAeC,CAAgB,CAAC,GAE/BF,IAKH,gBAAAiB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,iBAAiBV,IAAsBX,EAAY,kBAAkBA,EAAY;AAAA,MACjF,OAAOA,EAAY;AAAA,MAClB,GAAGV;AAAA,MAEH,UAAA;AAAA,QAACM,sBAGC0B,GAAM,EAAA,QAAQ,KAAK,IAAI,IACtB,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,qBAAqBT;AAAA,cACrB,QAAQ;AAAA,cACR,cAAc;AAAA,cACd,qBAAAJ;AAAA,YAAA;AAAA,UACF;AAAA,UACC,CAACA,KACC,gBAAAS,EAAAK,GAAA,EAAI,IAAI,IACP,UAAA;AAAA,YAAA,gBAAAF,EAACG,GAAK,EAAA,MAAM,IAAM,OAAOjB,IAAa,IAAI,eAAe,gBACtD,UAAAkB,EAAe,KAAK,IAAIlB,CAAU,GAAG,KAAK,GAC7C;AAAA,8BACCiB,GACE,EAAA,UAAAjB,IAAa,IAAIT,EAAY,uBAAuBA,EAAY,iBACnE;AAAA,UAAA,GACF;AAAA,QAAA,GAEJ,sBAnBC4B,GAAO,CAAA,CAAA;AAAA,QAsBV,gBAAAL;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,gBAAgB5B,EAAW;AAAA,YAC3B,QAAQW;AAAA,YACR,SAAS,MAAMC,EAAa,EAAK;AAAA,YACjC,OAAOb,EAAY;AAAA,YAEnB,UAAA,gBAAAuB,EAACO,GAAW,EAAA,sBAAsBb,EAA2B,CAAA;AAAA,UAAA;AAAA,QAC/D;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,sBAvCMW,GAAO,CAAA,CAAA;AA0CnB,GAEeG,KAAAC,EAAS3C,CAAuB;"}