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

package/dist/finstrong/components/shared/DialScoreCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialScoreCard.js","sources":["../../../../src/finstrong/components/shared/DialScoreCard.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { type PieArcProps, PieChart, type PieValueType } from '@mui/x-charts'\n\nimport { TrendingDown, TrendingUp } from '@mxenabled/mx-icons'\n\nimport { P } from '@mxenabled/mxui'\n\nimport { getMarkerXYCoordinates, radiansToDegrees } from '../../util/finstrongUtils'\n\nimport { CustomPieArc } from './CustomPieArc'\n\nexport interface DialScoreCardProps {\n  arcRadius: number\n  healthScore: number\n  size: 'L' | 'M' | 'SM'\n  dialScoreData: PieValueType[]\n  minValue?: number\n  maxValue?: number\n  markerColor?: string\n  healthScoreStatus: string\n  footerCenterContent?: string | number\n  footerLeftContent?: number\n  footerRightContent?: number\n  isFinacialStrengthGraph?: boolean\n}\nexport const DialScoreCard = ({\n  arcRadius = 100,\n  healthScore,\n  size = 'L',\n  dialScoreData,\n  minValue = 0,\n  maxValue = 100,\n  markerColor,\n  healthScoreStatus,\n  footerCenterContent,\n  footerLeftContent,\n  footerRightContent,\n  isFinacialStrengthGraph = false,\n}: DialScoreCardProps) => {\n  const theme = useTheme()\n  const arcStartAngle = -Math.PI / 1.35\n  const arcEndAngle = Math.PI / 1.35\n\n  //finding the end angle of the filled(colored) arc i.e progressArc\n  const totalAngularSpan = arcEndAngle - arcStartAngle\n\n  const anglePerUnit = totalAngularSpan / (maxValue - minValue)\n  const progressEndAngleOffset = (healthScore - minValue) * anglePerUnit\n  const progressEndAngle = arcStartAngle + progressEndAngleOffset + 0.02 // Adding a small offset to avoid overlap with the next arc\n\n  const thicknessRatio = size !== 'SM' ? 0.1 : 0.12\n  const outterArcRadius = arcRadius\n  const innerArcRadius = arcRadius * (1 - thicknessRatio)\n\n  const chartDimenesions = outterArcRadius * 2.5 //width and height of the chart\n  const centerX = chartDimenesions / 2\n  const centerY = chartDimenesions / 2\n  const markerRadius = (innerArcRadius + outterArcRadius) / 2\n  const angleOffset =\n    healthScore !== 25 && healthScore !== 50 && healthScore !== 75 && healthScore !== 100 ? 0 : 0.12 // Adjust the offset based on health score\n\n  const [markerX, markerY] = getMarkerXYCoordinates(markerRadius, progressEndAngle, angleOffset)\n\n  const unitsPerSegment = healthScore / 25\n\n  const sizeMap = {\n    L: { markerSize: 12, healthScoreFontSize: 64 },\n    M: { markerSize: 10, healthScoreFontSize: 48 },\n    SM: { markerSize: 3, healthScoreFontSize: 14 },\n  }\n\n  return (\n    <Stack\n      sx={{\n        width: chartDimenesions,\n        height: chartDimenesions,\n        position: 'relative',\n        alignSelf: 'center',\n      }}\n    >\n      <PieChart\n        height={chartDimenesions}\n        margin={{ top: 0, right: 0, bottom: 0, left: 0 }}\n        series={[\n          {\n            data: dialScoreData,\n            innerRadius: innerArcRadius,\n            outerRadius: outterArcRadius,\n            startAngle: Math.round(radiansToDegrees(arcStartAngle)), // Use Math.degrees to convert\n            endAngle: Math.round(radiansToDegrees(arcEndAngle)), // Use Math.degrees to convert\n          },\n        ]}\n        skipAnimation={true}\n        slotProps={{\n          legend: { hidden: true },\n        }}\n        slots={{\n          pieArc: (props: PieArcProps) => (\n            <CustomPieArc\n              arcColor={props.color}\n              arcRadius={arcRadius}\n              arcStartAngle={arcStartAngle}\n              centerX={centerX}\n              centerY={centerY}\n              dataIndex={props.dataIndex}\n              dialScoreData={dialScoreData}\n              innerArcRadius={innerArcRadius}\n              isFinacialStrengthGraph={isFinacialStrengthGraph}\n              outterArcRadius={outterArcRadius}\n              progressEndAngle={progressEndAngle}\n              totalAngularSpan={totalAngularSpan}\n              unitsPerSegment={unitsPerSegment}\n            />\n          ),\n        }}\n        sx={{\n          '& path': {\n            stroke: 'none',\n          },\n        }}\n        width={chartDimenesions}\n      >\n        {healthScore >= minValue && healthScore <= maxValue && (\n          <circle\n            cx={centerX + markerX}\n            cy={centerY + markerY}\n            fill={theme.palette.common.white}\n            r={sizeMap[size].markerSize}\n            stroke={isFinacialStrengthGraph ? 'url(#arcGradient)' : markerColor}\n            strokeWidth={size !== 'SM' ? 3 : 1}\n          />\n        )}\n      </PieChart>\n      <Box\n        sx={{\n          position: 'absolute',\n          top: `${centerY}px`,\n          left: `${centerX}px`,\n          transform: 'translate(-50%, -50%)',\n          textAlign: 'center',\n        }}\n      >\n        <Stack\n          spacing={1}\n          sx={{ alignItems: 'center', justifyContent: 'center', gap: size !== 'M' ? 10 : 3 }}\n        >\n          <P\n            sx={{\n              fontSize: sizeMap[size].healthScoreFontSize,\n              lineHeight: size !== 'SM' ? '48px' : '100%',\n            }}\n            variant={'H1'}\n          >\n            {healthScore}\n          </P>\n          {size !== 'SM' && (\n            <P sx={{ fontWeight: 600 }} variant={size === 'L' ? 'body1' : 'body2'}>\n              {healthScoreStatus}\n            </P>\n          )}\n        </Stack>\n      </Box>\n      {!!footerCenterContent && (\n        <Box\n          sx={{\n            position: 'absolute',\n            top: `${centerY * 2 * 0.83}px`,\n            left: `${centerX}px`,\n            transform: 'translate(-50%, -50%)',\n            textAlign: 'center',\n          }}\n        >\n          {typeof footerCenterContent === 'string' ? (\n            <P sx={{ color: 'text.secondary' }} variant={'subtitle2'}>\n              {footerCenterContent}\n            </P>\n          ) : (\n            <Stack sx={{ flexDirection: 'row', alignItems: 'center', gap: 4 }}>\n              {footerCenterContent > 0 ? (\n                <TrendingUp size={16} sx={{ color: 'success.main' }} />\n              ) : (\n                <TrendingDown size={16} sx={{ color: 'error.main' }} />\n              )}\n              <P sx={{ fontWeight: 600, color: 'success.main' }} variant=\"body1\">\n                {footerCenterContent}\n              </P>\n            </Stack>\n          )}\n        </Box>\n      )}\n      {/* Left Footer Content */}\n      {!!footerLeftContent && (\n        <Box\n          sx={{\n            position: 'absolute',\n            top: `${centerY * 2 * 0.83}px`,\n            left: `${centerX - centerX / 2}px`, // shift left from center\n            transform: 'translate(-50%, -50%)',\n            textAlign: 'left',\n          }}\n        >\n          <P variant=\"body1\">{footerLeftContent}</P>\n        </Box>\n      )}\n\n      {/* Right Footer Content */}\n      {!!footerRightContent && (\n        <Box\n          sx={{\n            position: 'absolute',\n            top: `${centerY * 2 * 0.83}px`,\n            left: `${centerX + centerX / 2}px`,\n            transform: 'translate(-50%, -50%)',\n            textAlign: 'right',\n          }}\n        >\n          <P variant=\"body1\">{footerRightContent}</P>\n        </Box>\n      )}\n    </Stack>\n  )\n}\n"],"names":["DialScoreCard","arcRadius","healthScore","size","dialScoreData","minValue","maxValue","markerColor","healthScoreStatus","footerCenterContent","footerLeftContent","footerRightContent","isFinacialStrengthGraph","theme","useTheme","arcStartAngle","arcEndAngle","totalAngularSpan","anglePerUnit","progressEndAngleOffset","progressEndAngle","thicknessRatio","outterArcRadius","innerArcRadius","chartDimenesions","centerX","centerY","markerRadius","angleOffset","markerX","markerY","getMarkerXYCoordinates","unitsPerSegment","sizeMap","jsxs","Stack","jsx","PieChart","radiansToDegrees","props","CustomPieArc","Box","P","TrendingUp","TrendingDown"],"mappings":"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"}

package/dist/finstrong/stores/FinstrongStore.js

@@ -0,0 +1,81 @@
+import { makeAutoObservable as h, runInAction as t } from "mobx";
+import { format as s } from "date-fns/format";
+import { fromUnixTime as n } from "date-fns/fromUnixTime";
+import { getUnixTime as o } from "date-fns/getUnixTime";
+import { subMonths as i } from "date-fns/subMonths";
+import { FinstrongApi as c } from "../api/FinstrongApi.js";
+import { augmentChartData as l } from "../utils/Finstrong.js";
+class w {
+  api = new c("/", "");
+  augmentedChartData = [];
+  averageHealthScores = [];
+  globalStore;
+  healthScore = {};
+  healthScoreChangeReports = [];
+  peerScore = null;
+  constructor(e) {
+    this.globalStore = e, this.api = new c(e.endpoint, e.sessionToken), h(this);
+  }
+  get getHealthScore() {
+    return this.healthScore;
+  }
+  calculateHealthScore = async () => {
+    try {
+      const e = await this.api.calculateHealthScore();
+      t(() => {
+        this.healthScore = e;
+      });
+    } catch (e) {
+      console.error("Error calculating health score:", e);
+    }
+  };
+  loadAverageHealthScores = async () => {
+    try {
+      const e = await this.api.getAverageHealthScores();
+      t(() => {
+        this.averageHealthScores = e;
+      });
+    } catch (e) {
+      console.error("Error loading average health scores:", e);
+    }
+  };
+  loadHealthScoreChangeReports = async () => {
+    const e = o(i(/* @__PURE__ */ new Date(), 2)), r = o(/* @__PURE__ */ new Date());
+    try {
+      const a = await this.api.getHealthScoreChangeReports(
+        e,
+        r
+      );
+      t(() => {
+        this.healthScoreChangeReports = a;
+      });
+    } catch (a) {
+      console.error("Error loading health score change reports:", a);
+    }
+  };
+  loadPeerScore = async () => {
+    const e = s(n(this.globalStore.appDataStore.user.birthday), "yyyy");
+    try {
+      const r = await this.api.getPeerScore(e);
+      t(() => {
+        this.peerScore = r;
+      });
+    } catch (r) {
+      console.error("Error loading peer score:", r);
+    }
+  };
+  loadAugmentedChartData = async () => {
+    try {
+      const e = await this.api.getAverageHealthScores();
+      t(() => {
+        this.augmentedChartData = l(e);
+      });
+    } catch (e) {
+      console.error(`Error occurred while getting augmented chart data: ${e}`);
+    }
+  };
+}
+export {
+  w as FinstrongStore
+};
+//# sourceMappingURL=FinstrongStore.js.map

package/dist/finstrong/stores/FinstrongStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinstrongStore.js","sources":["../../../src/finstrong/stores/FinstrongStore.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from 'mobx'\n\nimport { format } from 'date-fns/format'\nimport { fromUnixTime } from 'date-fns/fromUnixTime'\nimport { getUnixTime } from 'date-fns/getUnixTime'\nimport { subMonths } from 'date-fns/subMonths'\n\nimport {\n  GlobalStore,\n  type HealthScore,\n  type HealthScoreReport,\n  type MonthlyHealthScore,\n} from '../../common'\n\nimport { FinstrongApi } from '../api/FinstrongApi'\nimport { augmentChartData } from '../utils/Finstrong'\n\nexport class FinstrongStore {\n  api = new FinstrongApi('/', '')\n  augmentedChartData: { x: string; y: number }[] = []\n  averageHealthScores: MonthlyHealthScore[] = []\n  globalStore: GlobalStore\n  healthScore: HealthScore = {} as HealthScore\n  healthScoreChangeReports: HealthScoreReport[] = []\n  peerScore: number | null = null\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n    this.api = new FinstrongApi(globalStore.endpoint, globalStore.sessionToken)\n    makeAutoObservable(this)\n  }\n\n  get getHealthScore() {\n    return this.healthScore\n  }\n\n  calculateHealthScore = async () => {\n    try {\n      const healthScore = await this.api.calculateHealthScore()\n      runInAction(() => {\n        this.healthScore = healthScore\n      })\n    } catch (e) {\n      console.error('Error calculating health score:', e)\n    }\n  }\n\n  loadAverageHealthScores = async () => {\n    try {\n      const averageHealthScores = await this.api.getAverageHealthScores()\n      runInAction(() => {\n        this.averageHealthScores = averageHealthScores\n      })\n    } catch (e) {\n      console.error('Error loading average health scores:', e)\n    }\n  }\n\n  loadHealthScoreChangeReports = async () => {\n    const startDate = getUnixTime(subMonths(new Date(), 2))\n    const endDate = getUnixTime(new Date())\n\n    try {\n      const healthScoreChangeReports = await this.api.getHealthScoreChangeReports(\n        startDate,\n        endDate,\n      )\n      runInAction(() => {\n        this.healthScoreChangeReports = healthScoreChangeReports\n      })\n    } catch (e) {\n      console.error('Error loading health score change reports:', e)\n    }\n  }\n\n  loadPeerScore = async () => {\n    const birthYear = format(fromUnixTime(this.globalStore.appDataStore.user.birthday!), 'yyyy')\n\n    try {\n      const peerScore = await this.api.getPeerScore(birthYear)\n      runInAction(() => {\n        this.peerScore = peerScore\n      })\n    } catch (e) {\n      console.error('Error loading peer score:', e)\n    }\n  }\n\n  loadAugmentedChartData = async () => {\n    try {\n      const augmentedChartData = await this.api.getAverageHealthScores()\n\n      runInAction(() => {\n        this.augmentedChartData = augmentChartData(augmentedChartData)\n      })\n    } catch (error) {\n      console.error(`Error occurred while getting augmented chart data: ${error}`)\n    }\n  }\n}\n"],"names":["FinstrongStore","FinstrongApi","globalStore","makeAutoObservable","healthScore","runInAction","averageHealthScores","startDate","getUnixTime","subMonths","endDate","healthScoreChangeReports","e","birthYear","format","fromUnixTime","peerScore","augmentedChartData","augmentChartData","error"],"mappings":";;;;;;;AAiBO,MAAMA,EAAe;AAAA,EAC1B,MAAM,IAAIC,EAAa,KAAK,EAAE;AAAA,EAC9B,qBAAiD,CAAA;AAAA,EACjD,sBAA4C,CAAA;AAAA,EAC5C;AAAA,EACA,cAA2B,CAAA;AAAA,EAC3B,2BAAgD,CAAA;AAAA,EAChD,YAA2B;AAAA,EAE3B,YAAYC,GAA0B;AACpC,SAAK,cAAcA,GACnB,KAAK,MAAM,IAAID,EAAaC,EAAY,UAAUA,EAAY,YAAY,GAC1EC,EAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,IAAI,iBAAiB;AACnB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,uBAAuB,YAAY;AAC7B,QAAA;AACF,YAAMC,IAAc,MAAM,KAAK,IAAI,qBAAqB;AACxD,MAAAC,EAAY,MAAM;AAChB,aAAK,cAAcD;AAAA,MAAA,CACpB;AAAA,aACM,GAAG;AACF,cAAA,MAAM,mCAAmC,CAAC;AAAA,IACpD;AAAA,EAAA;AAAA,EAGF,0BAA0B,YAAY;AAChC,QAAA;AACF,YAAME,IAAsB,MAAM,KAAK,IAAI,uBAAuB;AAClE,MAAAD,EAAY,MAAM;AAChB,aAAK,sBAAsBC;AAAA,MAAA,CAC5B;AAAA,aACM,GAAG;AACF,cAAA,MAAM,wCAAwC,CAAC;AAAA,IACzD;AAAA,EAAA;AAAA,EAGF,+BAA+B,YAAY;AACzC,UAAMC,IAAYC,EAAYC,sBAAc,KAAK,GAAG,CAAC,CAAC,GAChDC,IAAUF,EAAgB,oBAAA,KAAM,CAAA;AAElC,QAAA;AACI,YAAAG,IAA2B,MAAM,KAAK,IAAI;AAAA,QAC9CJ;AAAA,QACAG;AAAA,MAAA;AAEF,MAAAL,EAAY,MAAM;AAChB,aAAK,2BAA2BM;AAAA,MAAA,CACjC;AAAA,aACMC,GAAG;AACF,cAAA,MAAM,8CAA8CA,CAAC;AAAA,IAC/D;AAAA,EAAA;AAAA,EAGF,gBAAgB,YAAY;AACpB,UAAAC,IAAYC,EAAOC,EAAa,KAAK,YAAY,aAAa,KAAK,QAAS,GAAG,MAAM;AAEvF,QAAA;AACF,YAAMC,IAAY,MAAM,KAAK,IAAI,aAAaH,CAAS;AACvD,MAAAR,EAAY,MAAM;AAChB,aAAK,YAAYW;AAAA,MAAA,CAClB;AAAA,aACMJ,GAAG;AACF,cAAA,MAAM,6BAA6BA,CAAC;AAAA,IAC9C;AAAA,EAAA;AAAA,EAGF,yBAAyB,YAAY;AAC/B,QAAA;AACF,YAAMK,IAAqB,MAAM,KAAK,IAAI,uBAAuB;AAEjE,MAAAZ,EAAY,MAAM;AACX,aAAA,qBAAqBa,EAAiBD,CAAkB;AAAA,MAAA,CAC9D;AAAA,aACME,GAAO;AACN,cAAA,MAAM,sDAAsDA,CAAK,EAAE;AAAA,IAC7E;AAAA,EAAA;AAEJ;"}

package/dist/finstrong/util/finstrongUtils.js

@@ -0,0 +1,233 @@
+import { jsx as A } from "react/jsx-runtime";
+import { format as g } from "date-fns/format";
+import { Check as C } from "@mxenabled/mx-icons";
+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 { buildDynamicCopy as E } from "../../common/utils/Localization.js";
+import "numeral";
+import "@mui/material";
+import "react";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.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/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+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 "@mui/material/Stack";
+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 "../../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/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 "../../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 { Action as f } from "../components/ProfileList.js";
+import "../components/FinancialStrengthGraph.js";
+import "../components/CreditScoreGraph.js";
+import "../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";
+const fo = (t) => t * (180 / Math.PI), co = (t, r) => t > 0 && t <= 25 ? r.vulnerable : t > 25 && t <= 50 ? r.building : t > 50 && t <= 75 ? r.stable : t > 75 && t <= 100 ? r.strong : r.insufficient_data, u = {
+  POOR: "#8C0E0E",
+  FAIR: "#E32727",
+  GOOD: "#FFB70D",
+  VERY_GOOD: "#0EA26C",
+  EXCEPTIONAL: "#005C3D"
+}, l = {
+  POOR: "#B21C1C",
+  FAIR: "#FF3232",
+  GOOD: "#FFC02C",
+  VERY_GOOD: "#29C76B",
+  EXCEPTIONAL: "#008A5A"
+}, Ao = (t, r, o) => t >= 300 && t < 580 ? {
+  status: o.poor,
+  color: r ? l.POOR : u.POOR
+} : t >= 580 && t < 670 ? {
+  status: o.fair,
+  color: r ? l.FAIR : u.FAIR
+} : t >= 670 && t < 740 ? {
+  status: o.good,
+  color: r ? l.GOOD : u.GOOD
+} : t >= 740 && t < 800 ? {
+  status: o.very_good,
+  color: r ? l.VERY_GOOD : u.VERY_GOOD
+} : t >= 800 && t <= 850 ? {
+  status: o.exceptional,
+  color: r ? l.EXCEPTIONAL : u.EXCEPTIONAL
+} : { status: o.missing_data }, go = (t, r, o, i) => {
+  const s = t.reduce((p, e) => p + e.value, 0);
+  let n = 0;
+  const m = t.map((p) => {
+    const e = p.value / s * r, O = o + n, c = O + e;
+    return n += e, {
+      ...p,
+      startAngle: O,
+      endAngle: c
+    };
+  });
+  return [m[i].startAngle, m[i].endAngle];
+}, Co = (t, r, o, i, s) => {
+  let n = 0, m = 0;
+  const p = Math.floor(i), e = i - p;
+  return p > o ? (n = t, m = r) : p === o && e > 0 && (n = t, m = s), [n, m];
+}, Eo = (t, r, o = 0) => {
+  const i = t * Math.sin(r - o), s = -t * Math.cos(r - o);
+  return [i, s];
+}, ao = ({
+  dynamicCopy: t,
+  fallbackLabel: r,
+  icon: o,
+  key: i,
+  label: s,
+  value: n
+}) => {
+  const m = !!n, p = m ? a(i, n) : t && E(t, r) || r;
+  return {
+    icon: m ? /* @__PURE__ */ A(C, {}) : o,
+    isComplete: m,
+    key: i,
+    primaryText: s,
+    secondaryText: p
+  };
+}, a = (t, r) => ({
+  [f.DateOfBirth]: (i) => g(new Date(Number(i) * 1e3), "MMM d, yyyy"),
+  [f.MonthlyIncome]: (i) => `$${i}`
+})[t]?.(r) ?? String(r);
+export {
+  l as CreditScoreDarkColors,
+  u as CreditScoreLightColors,
+  ao as buildProfileItem,
+  co as calculateFinstrongScoreStatus,
+  Ao as getCreditScoreDetails,
+  Co as getFilledArcStartEndAngle,
+  Eo as getMarkerXYCoordinates,
+  go as getOutterArcStartEndAngle,
+  fo as radiansToDegrees
+};
+//# sourceMappingURL=finstrongUtils.js.map

package/dist/finstrong/util/finstrongUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"finstrongUtils.js","sources":["../../../src/finstrong/util/finstrongUtils.tsx"],"sourcesContent":["import { format } from 'date-fns/format'\n\nimport { type PieValueType } from '@mui/x-charts'\n\nimport { Check } from '@mxenabled/mx-icons'\n\nimport { buildDynamicCopy } from '../../common'\nimport type {\n  CreditScoreStatusCopy,\n  FinstrongCopy,\n} from '../../common/types/localization/FinstrongCopy'\n\nimport { Action } from '../components/ProfileList'\n\nexport const radiansToDegrees = (radians: number): number => {\n  return radians * (180 / Math.PI)\n}\n\nexport const calculateFinstrongScoreStatus = (healthScore: number, copy: FinstrongCopy) => {\n  if (healthScore > 0 && healthScore <= 25) {\n    return copy.vulnerable\n  } else if (healthScore > 25 && healthScore <= 50) {\n    return copy.building\n  } else if (healthScore > 50 && healthScore <= 75) {\n    return copy.stable\n  } else if (healthScore > 75 && healthScore <= 100) {\n    return copy.strong\n  }\n  return copy.insufficient_data\n}\n\nexport const CreditScoreLightColors = {\n  POOR: '#8C0E0E',\n  FAIR: '#E32727',\n  GOOD: '#FFB70D',\n  VERY_GOOD: '#0EA26C',\n  EXCEPTIONAL: '#005C3D',\n}\n\nexport const CreditScoreDarkColors = {\n  POOR: '#B21C1C',\n  FAIR: '#FF3232',\n  GOOD: '#FFC02C',\n  VERY_GOOD: '#29C76B',\n  EXCEPTIONAL: '#008A5A',\n}\n\nexport const getCreditScoreDetails = (\n  healthScore: number,\n  isDarkMode: boolean,\n  copy: CreditScoreStatusCopy,\n) => {\n  if (healthScore >= 300 && healthScore < 580) {\n    return {\n      status: copy.poor,\n      color: isDarkMode ? CreditScoreDarkColors.POOR : CreditScoreLightColors.POOR,\n    }\n  } else if (healthScore >= 580 && healthScore < 670) {\n    return {\n      status: copy.fair,\n      color: isDarkMode ? CreditScoreDarkColors.FAIR : CreditScoreLightColors.FAIR,\n    }\n  } else if (healthScore >= 670 && healthScore < 740) {\n    return {\n      status: copy.good,\n      color: isDarkMode ? CreditScoreDarkColors.GOOD : CreditScoreLightColors.GOOD,\n    }\n  } else if (healthScore >= 740 && healthScore < 800) {\n    return {\n      status: copy.very_good,\n      color: isDarkMode ? CreditScoreDarkColors.VERY_GOOD : CreditScoreLightColors.VERY_GOOD,\n    }\n  } else if (healthScore >= 800 && healthScore <= 850) {\n    return {\n      status: copy.exceptional,\n      color: isDarkMode ? CreditScoreDarkColors.EXCEPTIONAL : CreditScoreLightColors.EXCEPTIONAL,\n    }\n  }\n  return { status: copy.missing_data }\n}\n\nexport const getOutterArcStartEndAngle = (\n  healthScoreData: PieValueType[],\n  totalAngularSpan: number,\n  arcStartAngle: number,\n  dataIndex: number,\n) => {\n  const total = healthScoreData.reduce((sum, item) => sum + item.value, 0)\n\n  let cumulativeAngle = 0\n\n  const arcs = healthScoreData.map((item) => {\n    const anglePortion = (item.value / total) * totalAngularSpan\n\n    const sliceStart = arcStartAngle + cumulativeAngle\n    const sliceEnd = sliceStart + anglePortion\n\n    cumulativeAngle += anglePortion\n\n    return {\n      ...item,\n      startAngle: sliceStart,\n      endAngle: sliceEnd,\n    }\n  })\n  return [arcs[dataIndex].startAngle, arcs[dataIndex].endAngle]\n}\n\nexport const getFilledArcStartEndAngle = (\n  outterArcStartAngle: number,\n  outterArcEndAngle: number,\n  dataIndex: number,\n  unitsPerSegment: number,\n  progressEndAngle: number,\n) => {\n  let filledArcStartAngle = 0\n  let filledArcEndAngle = 0\n  const wholeSegments = Math.floor(unitsPerSegment)\n  const partialSegment = unitsPerSegment - wholeSegments\n  if (wholeSegments > dataIndex) {\n    filledArcStartAngle = outterArcStartAngle\n    filledArcEndAngle = outterArcEndAngle\n  } else if (wholeSegments === dataIndex && partialSegment > 0) {\n    filledArcStartAngle = outterArcStartAngle\n    filledArcEndAngle = progressEndAngle\n  }\n  return [filledArcStartAngle, filledArcEndAngle]\n}\n\nexport const getMarkerXYCoordinates = (\n  markerRadius: number,\n  progressEndAngle: number,\n  angleOffset: number = 0,\n) => {\n  const markerX = markerRadius * Math.sin(progressEndAngle - angleOffset)\n  const markerY = -markerRadius * Math.cos(progressEndAngle - angleOffset)\n  return [markerX, markerY]\n}\n\nexport const buildProfileItem = ({\n  dynamicCopy,\n  fallbackLabel,\n  icon,\n  key,\n  label,\n  value,\n}: {\n  dynamicCopy?: string\n  fallbackLabel: string\n  icon: JSX.Element\n  key: Action\n  label: string\n  value: string | number | undefined | null\n}) => {\n  const isComplete = Boolean(value)\n\n  const secondaryText = isComplete\n    ? getFormattedValue(key, value!)\n    : (dynamicCopy && (buildDynamicCopy(dynamicCopy, fallbackLabel) as string)) || fallbackLabel\n\n  return {\n    icon: isComplete ? <Check /> : icon,\n    isComplete,\n    key,\n    primaryText: label,\n    secondaryText,\n  }\n}\n\nconst getFormattedValue = (key: Action, value: string | number) => {\n  const formatters: Partial<Record<Action, (value: string | number) => string>> = {\n    [Action.DateOfBirth]: (v) => format(new Date(Number(v) * 1000), 'MMM d, yyyy'),\n    [Action.MonthlyIncome]: (v) => `$${v}`,\n  }\n\n  return formatters[key]?.(value) ?? String(value)\n}\n"],"names":["radiansToDegrees","radians","calculateFinstrongScoreStatus","healthScore","copy","CreditScoreLightColors","CreditScoreDarkColors","getCreditScoreDetails","isDarkMode","getOutterArcStartEndAngle","healthScoreData","totalAngularSpan","arcStartAngle","dataIndex","total","sum","item","cumulativeAngle","arcs","anglePortion","sliceStart","sliceEnd","getFilledArcStartEndAngle","outterArcStartAngle","outterArcEndAngle","unitsPerSegment","progressEndAngle","filledArcStartAngle","filledArcEndAngle","wholeSegments","partialSegment","getMarkerXYCoordinates","markerRadius","angleOffset","markerX","markerY","buildProfileItem","dynamicCopy","fallbackLabel","icon","key","label","value","isComplete","secondaryText","getFormattedValue","buildDynamicCopy","jsx","Check","Action","v","format"],"mappings":"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"}

package/dist/finstrong/utils/Finstrong.js

@@ -0,0 +1,16 @@
+import { formatDate as r, DATE_FORMATS_INTL as m } from "../../common/constants/DateFormats.js";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+const c = (e) => e?.health_scores.map((t) => {
+  const o = t.monthly_health_score_average, a = new Date(0, o.month - 1, 1);
+  return {
+    x: r(a, m.MONTH_SHORT),
+    y: o.average_health_score,
+    month: o.month
+    // Keep original month for sorting
+  };
+}).sort((t, o) => t.month - o.month).map((t) => ({ x: t.x, y: t.y }));
+export {
+  c as augmentChartData
+};
+//# sourceMappingURL=Finstrong.js.map

package/dist/finstrong/utils/Finstrong.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Finstrong.js","sources":["../../../src/finstrong/utils/Finstrong.ts"],"sourcesContent":["import { formatDate, DATE_FORMATS_INTL } from '../../common/constants'\n\nexport const augmentChartData = (averageHealthScores: { health_scores: any[] }) => {\n  return averageHealthScores?.health_scores\n    .map((item) => {\n      const score = item.monthly_health_score_average\n      const date = new Date(0, score.month - 1, 1)\n      const monthName = formatDate(date, DATE_FORMATS_INTL.MONTH_SHORT)\n\n      return {\n        x: monthName,\n        y: score.average_health_score,\n        month: score.month, // Keep original month for sorting\n      }\n    })\n    .sort((a, b) => a.month - b.month) // Sort by original month number\n    .map((item) => ({ x: item.x, y: item.y }))\n}\n"],"names":["augmentChartData","averageHealthScores","item","score","date","formatDate","DATE_FORMATS_INTL","a","b"],"mappings":";;;AAEa,MAAAA,IAAmB,CAACC,MACxBA,GAAqB,cACzB,IAAI,CAACC,MAAS;AACb,QAAMC,IAAQD,EAAK,8BACbE,IAAO,IAAI,KAAK,GAAGD,EAAM,QAAQ,GAAG,CAAC;AAGpC,SAAA;AAAA,IACL,GAHgBE,EAAWD,GAAME,EAAkB,WAAW;AAAA,IAI9D,GAAGH,EAAM;AAAA,IACT,OAAOA,EAAM;AAAA;AAAA,EAAA;AACf,CACD,EACA,KAAK,CAACI,GAAGC,MAAMD,EAAE,QAAQC,EAAE,KAAK,EAChC,IAAI,CAACN,OAAU,EAAE,GAAGA,EAAK,GAAG,GAAGA,EAAK,EAAI,EAAA;"}

package/dist/goals/GoalsMicroWidget.js

@@ -0,0 +1,202 @@
+import { jsx as t, jsxs as _ } from "react/jsx-runtime";
+import i from "react";
+import { observer as C } from "mobx-react-lite";
+import G from "@mui/material/Stack/Stack";
+import A from "@mui/material/Divider";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as s } 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 "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../common/components/accountfilter/AccountFilterOptions.js";
+import { useAccountStore as E, useEvent as L, useGlobalCopyStore as T, useGlobalUiStore as h, useGoalStore as b } 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 "@mui/material/Stack";
+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 y from "../common/components/MicroWidgetContainer.js";
+import "@mui/material/Card";
+import "@mui/material/CardHeader";
+import "@mui/material/CardContent";
+import "../common/components/WidgetContainer.js";
+import "../common/components/ConnectDrawer.js";
+import "uuid";
+import I 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 "../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 "./GoalsWidget.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 { GoalMicroStatusCard as v } from "./components/micro/GoalMicroStatusCard.js";
+import { GoalsMicroEmptyState as x } from "./components/micro/GoalsMicroEmptyState.js";
+const Mr = C(({ onCTAClick: n }) => {
+  const { visibleAccounts: a } = E(), { onEvent: c } = L(), { goals: o } = T(), { isInitialized: m, setSelectedAccounts: d, isCopyLoaded: f } = h(), { ongoingGoalsForMicroWidget: r, loadGoals: u, goalsLoaded: p } = b();
+  i.useEffect(() => {
+    d(a);
+  }, []), i.useEffect(() => {
+    m && (u().finally(), c(s.GOALS_LOAD_WIDGET, {
+      state: a?.length ? "default" : "zeroState"
+    }));
+  }, [m]);
+  const e = i.useMemo(
+    () => p && r.length === 0,
+    [r, p]
+  ), S = () => {
+    c(
+      e ? s.GOALS_CLICK_GET_STARTED : s.GOALS_CLICK_VIEW_DETAILS
+    ), n();
+  };
+  return !p || !f || !m ? /* @__PURE__ */ t(I, {}) : /* @__PURE__ */ t(
+    y,
+    {
+      className: "mx-goals-microwidget",
+      ctaLabel: e ? o.get_started : o.view_details,
+      onCTAClick: S,
+      title: o.title,
+      children: e ? /* @__PURE__ */ t(
+        x,
+        {
+          header: o.create_goals_header,
+          subText: o.micro_zero_state_description
+        }
+      ) : /* @__PURE__ */ t(G, { sx: { justifyContent: "space-between" }, children: r.map((l, g) => /* @__PURE__ */ _(i.Fragment, { children: [
+        /* @__PURE__ */ t(v, { goal: l }),
+        g !== r.length - 1 && /* @__PURE__ */ t(A, {})
+      ] }, l.guid)) })
+    }
+  );
+});
+export {
+  Mr as GoalsMicroWidget
+};
+//# sourceMappingURL=GoalsMicroWidget.js.map

package/dist/goals/GoalsMicroWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoalsMicroWidget.js","sources":["../../src/goals/GoalsMicroWidget.tsx"],"sourcesContent":["import React from 'react'\n\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack/Stack'\nimport Divider from '@mui/material/Divider'\n\nimport {\n  ANALYTICS_EVENTS,\n  Loader,\n  MicroWidgetContainer,\n  useAccountStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useGoalStore,\n} from '../common'\n\nimport { GoalMicroStatusCard } from './components/micro/GoalMicroStatusCard'\nimport { GoalsMicroEmptyState } from './components/micro/GoalsMicroEmptyState'\n\ninterface GoalsMicroWidgetProps {\n  onCTAClick: () => void\n}\n\nexport const GoalsMicroWidget = observer(({ onCTAClick }: GoalsMicroWidgetProps) => {\n  const { visibleAccounts: accounts } = useAccountStore()\n  const { onEvent } = useEvent()\n  const { goals: copy } = useGlobalCopyStore()\n  const { isInitialized, setSelectedAccounts, isCopyLoaded } = useGlobalUiStore()\n  const { ongoingGoalsForMicroWidget: goals, loadGoals, goalsLoaded } = useGoalStore()\n\n  React.useEffect(() => {\n    setSelectedAccounts(accounts)\n  }, [])\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadGoals().finally()\n      onEvent(ANALYTICS_EVENTS.GOALS_LOAD_WIDGET, {\n        state: !accounts?.length ? 'zeroState' : 'default',\n      })\n    }\n  }, [isInitialized])\n\n  const isEmptyGoalsState = React.useMemo(\n    () => goalsLoaded && goals.length === 0,\n    [goals, goalsLoaded],\n  )\n\n  const handleCTAClick = () => {\n    onEvent(\n      isEmptyGoalsState\n        ? ANALYTICS_EVENTS.GOALS_CLICK_GET_STARTED\n        : ANALYTICS_EVENTS.GOALS_CLICK_VIEW_DETAILS,\n    )\n    onCTAClick()\n  }\n\n  if (!goalsLoaded || !isCopyLoaded || !isInitialized) {\n    return <Loader />\n  }\n\n  return (\n    <MicroWidgetContainer\n      className=\"mx-goals-microwidget\"\n      ctaLabel={!isEmptyGoalsState ? copy.view_details : copy.get_started}\n      onCTAClick={handleCTAClick}\n      title={copy.title}\n    >\n      {!isEmptyGoalsState ? (\n        <Stack sx={{ justifyContent: 'space-between' }}>\n          {goals.map((goal, index) => (\n            <React.Fragment key={goal.guid}>\n              <GoalMicroStatusCard goal={goal} />\n              {index !== goals.length - 1 && <Divider />}\n            </React.Fragment>\n          ))}\n        </Stack>\n      ) : (\n        <GoalsMicroEmptyState\n          header={copy.create_goals_header}\n          subText={copy.micro_zero_state_description}\n        />\n      )}\n    </MicroWidgetContainer>\n  )\n})\n"],"names":["GoalsMicroWidget","observer","onCTAClick","accounts","useAccountStore","onEvent","useEvent","copy","useGlobalCopyStore","isInitialized","setSelectedAccounts","isCopyLoaded","useGlobalUiStore","goals","loadGoals","goalsLoaded","useGoalStore","React","ANALYTICS_EVENTS","isEmptyGoalsState","handleCTAClick","Loader","jsx","MicroWidgetContainer","GoalsMicroEmptyState","Stack","goal","index","jsxs","GoalMicroStatusCard","Divider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAMA,KAAmBC,EAAS,CAAC,EAAE,YAAAC,QAAwC;AAClF,QAAM,EAAE,iBAAiBC,EAAS,IAAIC,EAAgB,GAChD,EAAE,SAAAC,MAAYC,KACd,EAAE,OAAOC,EAAK,IAAIC,EAAmB,GACrC,EAAE,eAAAC,GAAe,qBAAAC,GAAqB,cAAAC,MAAiBC,EAAiB,GACxE,EAAE,4BAA4BC,GAAO,WAAAC,GAAW,aAAAC,EAAA,IAAgBC;AAEtE,EAAAC,EAAM,UAAU,MAAM;AACpB,IAAAP,EAAoBP,CAAQ;AAAA,EAC9B,GAAG,CAAE,CAAA,GAELc,EAAM,UAAU,MAAM;AACpB,IAAIR,MACFK,EAAA,EAAY,WACZT,EAAQa,EAAiB,mBAAmB;AAAA,MAC1C,OAAQf,GAAU,SAAuB,YAAd;AAAA,IAAc,CAC1C;AAAA,EACH,GACC,CAACM,CAAa,CAAC;AAElB,QAAMU,IAAoBF,EAAM;AAAA,IAC9B,MAAMF,KAAeF,EAAM,WAAW;AAAA,IACtC,CAACA,GAAOE,CAAW;AAAA,EAAA,GAGfK,IAAiB,MAAM;AAC3B,IAAAf;AAAA,MACEc,IACID,EAAiB,0BACjBA,EAAiB;AAAA,IAAA,GAEZhB;EAAA;AAGb,SAAI,CAACa,KAAe,CAACJ,KAAgB,CAACF,sBAC5BY,GAAO,CAAA,CAAA,IAIf,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,UAAWJ,IAAwCZ,EAAK,cAAzBA,EAAK;AAAA,MACpC,YAAYa;AAAA,MACZ,OAAOb,EAAK;AAAA,MAEX,UAACY,IAUA,gBAAAG;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,QAAQjB,EAAK;AAAA,UACb,SAASA,EAAK;AAAA,QAAA;AAAA,MAChB,IAZA,gBAAAe,EAACG,GAAM,EAAA,IAAI,EAAE,gBAAgB,gBAC1B,GAAA,UAAAZ,EAAM,IAAI,CAACa,GAAMC,MACf,gBAAAC,EAAAX,EAAM,UAAN,EACC,UAAA;AAAA,QAAA,gBAAAK,EAACO,KAAoB,MAAAH,GAAY;AAAA,QAChCC,MAAUd,EAAM,SAAS,uBAAMiB,GAAQ,EAAA;AAAA,MAAA,EAAA,GAFrBJ,EAAK,IAG1B,CACD,EAAA,CACH;AAAA,IAKA;AAAA,EAAA;AAIR,CAAC;"}