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

package/dist/microinsights/stores/AppStore.es.js

@@ -0,0 +1,27 @@
+import { analyticsSession as r } from "../../common/utils/Analytics.es.js";
+import { CopyStore as e } from "./CopyStore.es.js";
+import { InsightsMicroWidgetStore as n } from "./InsightsMicroWidgetStore.es.js";
+import { makeAutoObservable as a, runInAction as c } from "mobx";
+var g = class {
+  copyStore;
+  endpoint = "/";
+  insightsMicroWidgetStore;
+  session = null;
+  token = "";
+  isInitialized = !1;
+  constructor() {
+    this.copyStore = new e(), this.insightsMicroWidgetStore = new n(), a(this);
+  }
+  initialize = async (i, t, s) => {
+    await this.copyStore.initialize(i, t), await this.insightsMicroWidgetStore.initialize(i, t, s);
+    const o = await r(i, t, "1.0.0", "Micro Insights Carousel");
+    c(() => {
+      this.session = o, this.isInitialized = !0;
+    });
+  };
+};
+export {
+  g as AppStore
+};
+
+//# sourceMappingURL=AppStore.es.js.map

package/dist/microinsights/stores/AppStore.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppStore.es.js","names":[],"sources":["../../../src/microinsights/stores/AppStore.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from 'mobx'\n\nimport { analyticsSession } from '../../common/utils/Analytics'\n\nimport { CopyStore } from './CopyStore'\nimport { InsightsMicroWidgetStore } from './InsightsMicroWidgetStore'\n\nimport type { AnalyticSession } from '../analytics'\n\nexport class AppStore {\n  copyStore\n  endpoint = '/'\n  insightsMicroWidgetStore\n  session: AnalyticSession | null = null\n  token = ''\n\n  isInitialized = false\n\n  constructor() {\n    this.copyStore = new CopyStore()\n    this.insightsMicroWidgetStore = new InsightsMicroWidgetStore()\n    makeAutoObservable(this)\n  }\n\n  initialize = async (endpoint: string, token: string, logOutUser: () => void) => {\n    await this.copyStore.initialize(endpoint, token)\n    await this.insightsMicroWidgetStore.initialize(endpoint, token, logOutUser)\n    const session = await analyticsSession(endpoint, token, '1.0.0', 'Micro Insights Carousel')\n\n    runInAction(() => {\n      this.session = session\n      this.isInitialized = true\n    })\n  }\n}\n"],"mappings":";;;;AASA,IAAa,IAAb,MAAsB;AAAA,EACpB;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,UAAkC;AAAA,EAClC,QAAQ;AAAA,EAER,gBAAgB;AAAA,EAEhB,cAAc;AACZ,SAAK,YAAY,IAAI,EAAU,GAC/B,KAAK,2BAA2B,IAAI,EAAyB,GAC7D,EAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,aAAa,OAAO,GAAkB,GAAe,MAA2B;AAC9E,UAAM,KAAK,UAAU,WAAW,GAAU,CAAK,GAC/C,MAAM,KAAK,yBAAyB,WAAW,GAAU,GAAO,CAAU;AAC1E,UAAM,IAAU,MAAM,EAAiB,GAAU,GAAO,SAAS,yBAAyB;AAE1F,IAAA,EAAA,MAAkB;AAChB,WAAK,UAAU,GACf,KAAK,gBAAgB;AAAA,IACvB,CAAC;AAAA,EACH;AACF"}

package/dist/microinsights/stores/CopyStore.es.js

@@ -0,0 +1,34 @@
+import { GlobalCopyApi as o } from "../../core/api/GlobalCopyApi.es.js";
+import { makeAutoObservable as a, runInAction as i } from "mobx";
+var r = class {
+  copyApi = new o("/", "");
+  copyObject = {};
+  namespace = "experiences";
+  translationKey = "micro_insights";
+  constructor() {
+    a(this);
+  }
+  initialize = async (t, e) => {
+    this.copyApi = new o(t, e), await this.loadCopy();
+  };
+  loadCopy = async () => {
+    const t = await this.copyApi.getGlobalCopy(this.namespace, this.translationKey);
+    i(() => {
+      this.copyObject = t[this.translationKey];
+    });
+  };
+  get cardsCopy() {
+    return this.copyObject.cards;
+  }
+  get carouselCopy() {
+    return this.copyObject.carousel;
+  }
+  get zeroStateCopy() {
+    return this.copyObject.zero_state;
+  }
+};
+export {
+  r as CopyStore
+};
+
+//# sourceMappingURL=CopyStore.es.js.map

package/dist/microinsights/stores/CopyStore.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyStore.es.js","names":[],"sources":["../../../src/microinsights/stores/CopyStore.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from 'mobx'\nimport { GlobalCopyApi } from '../../core/api/GlobalCopyApi'\nimport type { MicroInsightsCopy } from '../../core/types/localization'\n\nexport class CopyStore {\n  copyApi: GlobalCopyApi = new GlobalCopyApi('/', '')\n  copyObject: MicroInsightsCopy = {} as MicroInsightsCopy\n  namespace = 'experiences'\n  translationKey = 'micro_insights'\n\n  constructor() {\n    makeAutoObservable(this)\n  }\n\n  // NOTE: Not sure if this is special case, but other stores have this deprecation todo\n  // DEPRECATED: Initialize api in constructor and use loadCopy instead\n  // TODO: Remove this function\n  initialize = async (endpoint: string, token: string) => {\n    this.copyApi = new GlobalCopyApi(endpoint, token)\n    await this.loadCopy()\n  }\n\n  loadCopy = async () => {\n    const copy = await this.copyApi.getGlobalCopy(this.namespace, this.translationKey)\n\n    runInAction(() => {\n      this.copyObject = copy[this.translationKey]\n    })\n  }\n\n  get cardsCopy(): any {\n    return this.copyObject.cards\n  }\n\n  get carouselCopy(): any {\n    return this.copyObject.carousel\n  }\n\n  get zeroStateCopy(): any {\n    return this.copyObject.zero_state\n  }\n}\n"],"mappings":";;AAIA,IAAa,IAAb,MAAuB;AAAA,EACrB,UAAyB,IAAI,EAAc,KAAK,EAAE;AAAA,EAClD,aAAgC,CAAC;AAAA,EACjC,YAAY;AAAA,EACZ,iBAAiB;AAAA,EAEjB,cAAc;AACZ,IAAA,EAAmB,IAAI;AAAA,EACzB;AAAA,EAKA,aAAa,OAAO,GAAkB,MAAkB;AACtD,SAAK,UAAU,IAAI,EAAc,GAAU,CAAK,GAChD,MAAM,KAAK,SAAS;AAAA,EACtB;AAAA,EAEA,WAAW,YAAY;AACrB,UAAM,IAAO,MAAM,KAAK,QAAQ,cAAc,KAAK,WAAW,KAAK,cAAc;AAEjF,IAAA,EAAA,MAAkB;AAChB,WAAK,aAAa,EAAK,KAAK,cAAA;AAAA,IAC9B,CAAC;AAAA,EACH;AAAA,EAEA,IAAI,YAAiB;AACnB,WAAO,KAAK,WAAW;AAAA,EACzB;AAAA,EAEA,IAAI,eAAoB;AACtB,WAAO,KAAK,WAAW;AAAA,EACzB;AAAA,EAEA,IAAI,gBAAqB;AACvB,WAAO,KAAK,WAAW;AAAA,EACzB;AACF"}

package/dist/microinsights/stores/InsightsMicroWidgetStore.es.js

@@ -0,0 +1,33 @@
+import { BeatApi as o } from "../../core/api/BeatApi.es.js";
+import { onAnalyticEvent as s, onAnalyticPageView as c } from "../analytics.es.js";
+import { makeAutoObservable as p } from "mobx";
+var y = class {
+  onAnalyticEvent = s;
+  onAnalyticPageView = c;
+  beatApi = new o("/", "");
+  constructor() {
+    p(this);
+  }
+  initialize = async (a, h, n) => {
+    this.onAnalyticEvent = (i, e) => {
+      s(i, e).then((t) => t).catch((t) => {
+        throw t.status === 401 && n(), t;
+      });
+    }, this.onAnalyticPageView = (i, e) => {
+      c(i, e).then((t) => t).catch((t) => {
+        throw t.status === 401 && n(), t;
+      });
+    }, this.beatApi = new o(a, h);
+  };
+  updateBeat = async (a) => {
+    this.beatApi.updateBeat(a);
+  };
+  updateOffer = async (a) => {
+    this.beatApi.updateOffer(a);
+  };
+};
+export {
+  y as InsightsMicroWidgetStore
+};
+
+//# sourceMappingURL=InsightsMicroWidgetStore.es.js.map

package/dist/microinsights/stores/InsightsMicroWidgetStore.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsightsMicroWidgetStore.es.js","names":[],"sources":["../../../src/microinsights/stores/InsightsMicroWidgetStore.ts"],"sourcesContent":["import { makeAutoObservable } from 'mobx'\n\nimport { type AnalyticSession, onAnalyticEvent, onAnalyticPageView } from '../analytics'\nimport { BeatApi } from '../../core/api/BeatApi'\nimport type { Beat } from '../../core/types/Beat'\n\nexport interface ErrPromise<TSuccess, TError = unknown> {\n  then<TResult1 = TSuccess, TResult2 = never>(\n    onfulfilled?: ((value: TSuccess) => TResult1 | PromiseLike<TResult1>) | undefined | null,\n    onrejected?: ((reason: TError) => TResult2 | PromiseLike<TResult2>) | undefined | null,\n  ): Promise<TResult1 | TResult2>\n  catch<TResult = never>(\n    onrejected?: ((reason: TError) => TResult | PromiseLike<TResult>) | undefined | null,\n  ): Promise<TSuccess | TResult>\n}\n\nexport class InsightsMicroWidgetStore {\n  onAnalyticEvent: (\n    event: string,\n    session: AnalyticSession,\n  ) => ErrPromise<string, AnalyticSession> = onAnalyticEvent\n  onAnalyticPageView: (\n    event: string,\n    session: AnalyticSession,\n  ) => ErrPromise<string, AnalyticSession> = onAnalyticPageView\n\n  beatApi = new BeatApi('/', '')\n\n  constructor() {\n    makeAutoObservable(this)\n  }\n\n  initialize = async (endpoint: string, token: string, logOutUser: () => void) => {\n    this.onAnalyticEvent = (event: string, session: AnalyticSession): any => {\n      onAnalyticEvent(event, session)\n        .then((res) => res)\n        .catch((err) => {\n          if (err.status === 401) {\n            logOutUser()\n          }\n          throw err\n        })\n    }\n\n    this.onAnalyticPageView = (page: string, session: AnalyticSession): any => {\n      onAnalyticPageView(page, session)\n        .then((res) => res)\n        .catch((err) => {\n          if (err.status === 401) {\n            logOutUser()\n          }\n          throw err\n        })\n    }\n\n    this.beatApi = new BeatApi(endpoint, token)\n  }\n\n  updateBeat = async (beat: Beat) => {\n    this.beatApi.updateBeat(beat)\n  }\n\n  updateOffer = async (beat: Beat) => {\n    this.beatApi.updateOffer(beat)\n  }\n}\n"],"mappings":";;;AAgBA,IAAa,IAAb,MAAsC;AAAA,EACpC,kBAG2C;AAAA,EAC3C,qBAG2C;AAAA,EAE3C,UAAU,IAAI,EAAQ,KAAK,EAAE;AAAA,EAE7B,cAAc;AACZ,IAAA,EAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,aAAa,OAAO,GAAkB,GAAe,MAA2B;AAC9E,SAAK,kBAAA,CAAmB,GAAe,MAAkC;AACvE,MAAA,EAAgB,GAAO,CAAO,EAC3B,KAAA,CAAM,MAAQ,CAAG,EACjB,MAAA,CAAO,MAAQ;AACd,cAAI,EAAI,WAAW,OACjB,EAAW,GAEP;AAAA,MACR,CAAC;AAAA,IACL,GAEA,KAAK,qBAAA,CAAsB,GAAc,MAAkC;AACzE,MAAA,EAAmB,GAAM,CAAO,EAC7B,KAAA,CAAM,MAAQ,CAAG,EACjB,MAAA,CAAO,MAAQ;AACd,cAAI,EAAI,WAAW,OACjB,EAAW,GAEP;AAAA,MACR,CAAC;AAAA,IACL,GAEA,KAAK,UAAU,IAAI,EAAQ,GAAU,CAAK;AAAA,EAC5C;AAAA,EAEA,aAAa,OAAO,MAAe;AACjC,SAAK,QAAQ,WAAW,CAAI;AAAA,EAC9B;AAAA,EAEA,cAAc,OAAO,MAAe;AAClC,SAAK,QAAQ,YAAY,CAAI;AAAA,EAC/B;AACF"}

package/dist/microinsights/utils/DataSeries.es.js

@@ -0,0 +1,11 @@
+var u = (e) => e ? e.data ? e.data.map((t) => {
+  const r = {};
+  return e.names?.map((n, i) => {
+    r[n] = t[i];
+  }), r;
+}) : [] : [];
+export {
+  u as buildDataSeries
+};
+
+//# sourceMappingURL=DataSeries.es.js.map

package/dist/microinsights/utils/DataSeries.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataSeries.es.js","names":[],"sources":["../../../src/microinsights/utils/DataSeries.ts"],"sourcesContent":["import type { DataSeries } from '../../core/types/Beat'\n\nexport const buildDataSeries = (data: DataSeries | undefined) => {\n  if (!data) {\n    return []\n  }\n\n  if (data.data) {\n    return data.data.map((d) => {\n      const item: any = {}\n\n      data.names?.map((name, index) => {\n        item[name] = d[index]\n      })\n      return item\n    })\n  } else {\n    return []\n  }\n}\n"],"mappings":"AAEA,IAAa,IAAA,CAAmB,MACzB,IAID,EAAK,OACA,EAAK,KAAK,IAAA,CAAK,MAAM;AAC1B,QAAM,IAAY,CAAC;AAEnB,SAAA,EAAK,OAAO,IAAA,CAAK,GAAM,MAAU;AAC/B,IAAA,EAAK,CAAA,IAAQ,EAAE,CAAA;AAAA,EACjB,CAAC,GACM;AACT,CAAC,IAEM,CAAC,IAbD,CAAC"}

package/dist/microinsights/utils/colorType.es.js

@@ -0,0 +1,13 @@
+import { buildDataSeries as l } from "./DataSeries.es.js";
+var n = "primary", i = "success", a = "error", f = (t) => {
+  const r = l(t), e = Math.floor(r.length / 2);
+  if (e === 0 || e === r.length) return n;
+  const o = r[0]?.amount, u = r[e]?.amount;
+  return o == null || u == null ? n : o > u ? a : o < u ? i : n;
+}, m = (t, r) => t < r ? i : t > r ? a : n;
+export {
+  f as getColorType,
+  m as getComparisonColorType
+};
+
+//# sourceMappingURL=colorType.es.js.map

package/dist/microinsights/utils/colorType.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorType.es.js","names":[],"sources":["../../../src/microinsights/utils/colorType.ts"],"sourcesContent":["import type { DataSeries } from '../../core/types/Beat'\nimport { buildDataSeries } from './DataSeries'\n\nconst PRIMARY = 'primary'\nconst SUCCESS = 'success'\nconst ERROR = 'error'\n\nexport type ColorType = typeof PRIMARY | typeof SUCCESS | typeof ERROR\n\n/**\n * Determines color type by comparing spending vs income from data series.\n * Data series is expected to have spending data in the first half and income data in the second half.\n *\n * @param data - DataSeries with spending and income data\n * @returns 'error' if spending > income, 'success' if spending < income, 'primary' otherwise\n */\nexport const getColorType = (data: DataSeries | undefined): ColorType => {\n  const fullDataSeries = buildDataSeries(data)\n  const incomeStartIndex = Math.floor(fullDataSeries.length / 2)\n\n  if (incomeStartIndex === 0 || incomeStartIndex === fullDataSeries.length) return PRIMARY\n\n  const spendAmount = fullDataSeries[0]?.amount\n  const incomeAmount = fullDataSeries[incomeStartIndex]?.amount\n\n  if (spendAmount == null || incomeAmount == null) return PRIMARY\n\n  if (spendAmount > incomeAmount) return ERROR\n  if (spendAmount < incomeAmount) return SUCCESS\n  return PRIMARY\n}\n\n/**\n * Determines color type by comparing two numeric values.\n *\n * @param currentValue - Current value to compare\n * @param comparisonValue - Value to compare against\n * @returns 'success' if current < comparison, 'error' if current > comparison, 'primary' if equal\n */\nexport const getComparisonColorType = (\n  currentValue: number,\n  comparisonValue: number,\n): ColorType => {\n  if (currentValue < comparisonValue) return SUCCESS\n  if (currentValue > comparisonValue) return ERROR\n  return PRIMARY\n}\n"],"mappings":";AAGA,IAAM,IAAU,WACV,IAAU,WACV,IAAQ,SAWD,IAAA,CAAgB,MAA4C;AACvE,QAAM,IAAiB,EAAgB,CAAI,GACrC,IAAmB,KAAK,MAAM,EAAe,SAAS,CAAC;AAE7D,MAAI,MAAqB,KAAK,MAAqB,EAAe,OAAQ,QAAO;AAEjF,QAAM,IAAc,EAAe,CAAA,GAAI,QACjC,IAAe,EAAe,CAAA,GAAmB;AAEvD,SAAI,KAAe,QAAQ,KAAgB,OAAa,IAEpD,IAAc,IAAqB,IACnC,IAAc,IAAqB,IAChC;AACT,GASa,IAAA,CACX,GACA,MAEI,IAAe,IAAwB,IACvC,IAAe,IAAwB,IACpC"}

package/dist/networth/NetWorthMicroWidget.es.js

@@ -0,0 +1,40 @@
+import { useAccountStore as u, useEvent as T, useGlobalCopyStore as W, useGlobalUiStore as _, useNetWorthStore as p } from "../common/context/hooks.es.js";
+import { useWidgetLoadTimer as E } from "../common/hooks/useWidgetLoadTimer.es.js";
+import { ANALYTICS_EVENTS as r } from "../common/constants/Analytics.es.js";
+import N from "../common/components/MicroWidgetContainer.es.js";
+import C from "../common/components/Loader.es.js";
+import g from "./components/micro/NetworthData.es.js";
+import L from "./components/micro/ZeroState.es.js";
+import c from "react";
+import { observer as S } from "mobx-react-lite";
+import { jsx as e } from "react/jsx-runtime";
+var x = S(({ onCTAClick: m }) => {
+  const { visibleAccounts: i } = u(), { onEvent: a } = T(), { net_worth: o, common: s } = W(), { isInitialized: l } = _(), { isNetWorthDataLoaded: t, loadNetWorthData: d, netWorthData: f, selectedData: n } = p();
+  if (c.useEffect(() => {
+    t || d().finally();
+  }, []), E({
+    widgetName: "NetWorthMicroWidget",
+    isLoaded: t
+  }), c.useEffect(() => {
+    t && a(r.NET_WORTH_LOAD_WIDGET, { state: i?.length ? "default" : "zeroState" });
+  }, [t]), !l || !t) return /* @__PURE__ */ e(C, { height: 100 });
+  const h = () => {
+    a(i.length ? r.NET_WORTH_CLICK_VIEW_DETAILS : r.NET_WORTH_CLICK_GET_STARTED), m();
+  };
+  return /* @__PURE__ */ e(N, {
+    className: "mx-networth-microwidget",
+    ctaLabel: s.see_details,
+    onCTAClick: h,
+    title: o.net_worth,
+    children: f.accounts.length ? /* @__PURE__ */ e(g, {
+      amount: n?.y,
+      copy: o,
+      trendValue: n?.change
+    }) : /* @__PURE__ */ e(L, { copy: o })
+  });
+});
+export {
+  x as NetWorthMicroWidget
+};
+
+//# sourceMappingURL=NetWorthMicroWidget.es.js.map

package/dist/networth/NetWorthMicroWidget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetWorthMicroWidget.es.js","names":[],"sources":["../../src/networth/NetWorthMicroWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  ANALYTICS_EVENTS,\n  Loader,\n  MicroWidgetContainer,\n  useAccountStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useNetWorthStore,\n  useWidgetLoadTimer,\n} from '../common'\n\nimport NetworthData from './components/micro/NetworthData'\nimport ZeroState from './components/micro/ZeroState'\n\ninterface NetWorthMicroWidgetProps {\n  onCTAClick: () => void\n}\n\nexport const NetWorthMicroWidget = observer(({ onCTAClick }: NetWorthMicroWidgetProps) => {\n  const { visibleAccounts: accounts } = useAccountStore()\n  const { onEvent } = useEvent()\n  const { net_worth: copy, common: commonCopy } = useGlobalCopyStore()\n  const { isInitialized } = useGlobalUiStore()\n  const { isNetWorthDataLoaded, loadNetWorthData, netWorthData, selectedData } = useNetWorthStore()\n\n  React.useEffect(() => {\n    if (!isNetWorthDataLoaded) {\n      loadNetWorthData().finally()\n    }\n  }, [])\n\n  useWidgetLoadTimer({\n    widgetName: 'NetWorthMicroWidget',\n    isLoaded: isNetWorthDataLoaded,\n  })\n\n  React.useEffect(() => {\n    if (isNetWorthDataLoaded) {\n      onEvent(ANALYTICS_EVENTS.NET_WORTH_LOAD_WIDGET, {\n        state: !accounts?.length ? 'zeroState' : 'default',\n      })\n    }\n  }, [isNetWorthDataLoaded])\n\n  if (!isInitialized || !isNetWorthDataLoaded) return <Loader height={100} />\n\n  const handleCTAClick = () => {\n    onEvent(\n      !accounts.length\n        ? ANALYTICS_EVENTS.NET_WORTH_CLICK_GET_STARTED\n        : ANALYTICS_EVENTS.NET_WORTH_CLICK_VIEW_DETAILS,\n    )\n    onCTAClick()\n  }\n\n  return (\n    <MicroWidgetContainer\n      className=\"mx-networth-microwidget\"\n      ctaLabel={commonCopy.see_details}\n      onCTAClick={handleCTAClick}\n      title={copy.net_worth}\n    >\n      {netWorthData.accounts.length ? (\n        <NetworthData\n          amount={selectedData?.y as number}\n          copy={copy}\n          trendValue={selectedData?.change as number}\n        />\n      ) : (\n        <ZeroState copy={copy} />\n      )}\n    </MicroWidgetContainer>\n  )\n})\n"],"mappings":";;;;;;;;;;AAsBA,IAAa,IAAsB,EAAA,CAAU,EAAE,YAAA,EAAA,MAA2C;AACxF,QAAM,EAAE,iBAAiB,EAAA,IAAa,EAAgB,GAChD,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,WAAW,GAAM,QAAQ,EAAA,IAAe,EAAmB,GAC7D,EAAE,eAAA,EAAA,IAAkB,EAAiB,GACrC,EAAE,sBAAA,GAAsB,kBAAA,GAAkB,cAAA,GAAc,cAAA,EAAA,IAAiB,EAAiB;AAqBhG,MAnBA,EAAM,UAAA,MAAgB;AACpB,IAAK,KACH,EAAiB,EAAE,QAAQ;AAAA,EAE/B,GAAG,CAAC,CAAC,GAEL,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAED,EAAM,UAAA,MAAgB;AACpB,IAAI,KACF,EAAQ,EAAiB,uBAAuB,EAC9C,OAAQ,GAAU,SAAuB,YAAd,YAC7B,CAAC;AAAA,EAEL,GAAG,CAAC,CAAoB,CAAC,GAErB,CAAC,KAAiB,CAAC,EAAsB,QAAO,gBAAA,EAAC,GAAD,EAAQ,QAAQ,IAAM,CAAA;AAE1E,QAAM,IAAA,MAAuB;AAC3B,IAAA,EACG,EAAS,SAEN,EAAiB,+BADjB,EAAiB,2BAEvB,GACA,EAAW;AAAA,EACb;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,UAAU,EAAW;AAAA,IACrB,YAAY;AAAA,IACZ,OAAO,EAAK;AAAA,cAEX,EAAa,SAAS,SACrB,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ,GAAc;AAAA,MAChB,MAAA;AAAA,MACN,YAAY,GAAc;AAAA,IAC3B,CAAA,IAED,gBAAA,EAAC,GAAD,EAAiB,MAAA,EAAO,CAAA;AAAA,EAEN,CAAA;AAE1B,CAAC"}

package/dist/networth/NetWorthWidget.es.js

@@ -0,0 +1,78 @@
+import { useEvent as I, useGlobalCopyStore as D, useGlobalUiStore as L, useNetWorthStore as b } from "../common/context/hooks.es.js";
+import { useScreenSize as R } from "../common/hooks/useScreenSize.es.js";
+import { useWidgetLoadTimer as x } from "../common/hooks/useWidgetLoadTimer.es.js";
+import { ANALYTICS_EVENTS as i } from "../common/constants/Analytics.es.js";
+import v from "../common/components/Loader.es.js";
+import { WidgetContainer as A } from "../common/components/WidgetContainer.es.js";
+import { EmptyState as M } from "../common/components/EmptyState.es.js";
+import k from "../accounts/components/ConnectionsDrawer.es.js";
+import O from "./components/NetWorthChart.es.js";
+import F from "./components/NetWorthList.es.js";
+import G from "./components/NetWorthSummary.es.js";
+import l from "react";
+import { observer as j } from "mobx-react-lite";
+import H from "@mui/material/Stack";
+import { Fragment as K, jsx as t, jsxs as s } from "react/jsx-runtime";
+import V from "@mui/material/Box";
+import { differenceInMonths as z } from "date-fns";
+var st = j(({ onBackClick: h, onMenuClick: p }) => {
+  const { isInitialized: C } = L(), { accounts: _, net_worth: e } = D(), { hoveredData: u, isNetWorthDataLoaded: a, loadNetWorthData: W, netWorthChartData: g, selectedData: m, setTimeframe: T } = b(), { isMobile: o } = R(), { onEvent: r } = I(), [E, c] = l.useState(!1);
+  x({
+    widgetName: "NetWorthWidget",
+    isLoaded: a
+  }), l.useEffect(() => {
+    a || W().finally(), r(i.NET_WORTH_VIEW);
+  }, []);
+  const N = async (n) => {
+    const d = n[0], f = n[1];
+    d && f && T(z(f, d));
+  }, S = (n) => {
+    r(i.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: n + "M" });
+  }, w = () => {
+    c(!0), r(i.ACCOUNTS_CLICK_CONNECT);
+  };
+  if (!C || !a) return /* @__PURE__ */ t(v, {});
+  const y = g.length === 0;
+  return /* @__PURE__ */ s(A, {
+    calendarActions: {
+      onRangeChanged: N,
+      onTimeframeClick: S
+    },
+    dateRangeVariant: o ? "timeframetabs" : "timeframebuttons",
+    onAccountsFilterClick: () => r(i.NET_WORTH_WIDGET_CLICK_FILTER),
+    onBackClick: h,
+    onMenuClick: p,
+    title: e.net_worth,
+    children: [y ? /* @__PURE__ */ t(V, {
+      sx: { justifyItems: "center" },
+      children: /* @__PURE__ */ t(M, {
+        header: e.empty_widget_header,
+        icon: "elevation",
+        onClick: w,
+        primaryButton: e.empty_widget_button,
+        subText: e.empty_widget_description,
+        sx: {
+          width: { sm: 432 },
+          ".buttons-footer": { width: 167 }
+        }
+      })
+    }) : /* @__PURE__ */ s(K, { children: [m && /* @__PURE__ */ t(G, {
+      hoveredData: u,
+      selectedData: m
+    }), /* @__PURE__ */ s(H, {
+      alignItems: o ? "center" : "flex-start",
+      direction: o ? "column" : "row",
+      spacing: o ? 0 : 48,
+      children: [/* @__PURE__ */ t(O, {}), /* @__PURE__ */ t(F, {})]
+    })] }), /* @__PURE__ */ t(k, {
+      onClose: () => c(!1),
+      showConnectionsWidget: E,
+      title: _.manage_connections
+    })]
+  });
+});
+export {
+  st as NetWorthWidget
+};
+
+//# sourceMappingURL=NetWorthWidget.es.js.map

package/dist/networth/NetWorthWidget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetWorthWidget.es.js","names":[],"sources":["../../src/networth/NetWorthWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { differenceInMonths } from 'date-fns'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport type { DateRange } from '@mui/x-date-pickers-pro'\n\nimport ConnectionsDrawer from '../accounts/components/ConnectionsDrawer'\nimport {\n  ANALYTICS_EVENTS,\n  EmptyState,\n  Loader,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useNetWorthStore,\n  useScreenSize,\n  useWidgetLoadTimer,\n  WidgetContainer,\n} from '../common'\nimport { WidgetProps } from '../core'\n\nimport NetWorthChart from './components/NetWorthChart'\nimport NetWorthList from './components/NetWorthList'\nimport NetWorthSummary from './components/NetWorthSummary'\n\nexport const NetWorthWidget: React.FC<WidgetProps> = observer(({ onBackClick, onMenuClick }) => {\n  const { isInitialized } = useGlobalUiStore()\n  const { accounts: accountsCopy, net_worth: copy } = useGlobalCopyStore()\n  const {\n    hoveredData,\n    isNetWorthDataLoaded,\n    loadNetWorthData,\n    netWorthChartData,\n    selectedData,\n    setTimeframe,\n  } = useNetWorthStore()\n  const { isMobile } = useScreenSize()\n  const { onEvent } = useEvent()\n\n  const [showConnectionsWidget, setShowConnectionsWidget] = React.useState(false)\n\n  useWidgetLoadTimer({\n    widgetName: 'NetWorthWidget',\n    isLoaded: isNetWorthDataLoaded,\n  })\n\n  React.useEffect(() => {\n    if (!isNetWorthDataLoaded) {\n      loadNetWorthData().finally()\n    }\n    onEvent(ANALYTICS_EVENTS.NET_WORTH_VIEW)\n  }, [])\n\n  const handleRangeChanged = async (range: DateRange<Date>) => {\n    const startDate = range[0]\n    const endDate = range[1]\n\n    if (startDate && endDate) {\n      setTimeframe(differenceInMonths(endDate, startDate))\n    }\n  }\n\n  const handleTimeframeClick = (months: number) => {\n    onEvent(ANALYTICS_EVENTS.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: months + 'M' })\n  }\n\n  const handleManageConnections = () => {\n    setShowConnectionsWidget(true)\n    onEvent(ANALYTICS_EVENTS.ACCOUNTS_CLICK_CONNECT)\n  }\n\n  if (!isInitialized || !isNetWorthDataLoaded) return <Loader />\n\n  const showEmptyState = netWorthChartData.length === 0\n\n  return (\n    <WidgetContainer\n      calendarActions={{\n        onRangeChanged: handleRangeChanged,\n        onTimeframeClick: handleTimeframeClick,\n      }}\n      dateRangeVariant={isMobile ? 'timeframetabs' : 'timeframebuttons'}\n      onAccountsFilterClick={() => onEvent(ANALYTICS_EVENTS.NET_WORTH_WIDGET_CLICK_FILTER)}\n      onBackClick={onBackClick}\n      onMenuClick={onMenuClick}\n      title={copy.net_worth}\n    >\n      {!showEmptyState ? (\n        <>\n          {selectedData && (\n            <NetWorthSummary hoveredData={hoveredData} selectedData={selectedData} />\n          )}\n          <Stack\n            alignItems={isMobile ? 'center' : 'flex-start'}\n            direction={isMobile ? 'column' : 'row'}\n            spacing={isMobile ? 0 : 48}\n          >\n            <NetWorthChart />\n            <NetWorthList />\n          </Stack>\n        </>\n      ) : (\n        <Box sx={{ justifyItems: 'center' }}>\n          <EmptyState\n            header={copy.empty_widget_header}\n            icon={'elevation'}\n            onClick={handleManageConnections}\n            primaryButton={copy.empty_widget_button}\n            subText={copy.empty_widget_description}\n            sx={{\n              width: { sm: 432 },\n              '.buttons-footer': {\n                width: 167,\n              },\n            }}\n          />\n        </Box>\n      )}\n\n      <ConnectionsDrawer\n        onClose={() => setShowConnectionsWidget(false)}\n        showConnectionsWidget={showConnectionsWidget}\n        title={accountsCopy.manage_connections}\n      />\n    </WidgetContainer>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,IAAa,KAAwC,EAAA,CAAU,EAAE,aAAA,GAAa,aAAA,EAAA,MAAkB;AAC9F,QAAM,EAAE,eAAA,EAAA,IAAkB,EAAiB,GACrC,EAAE,UAAU,GAAc,WAAW,EAAA,IAAS,EAAmB,GACjE,EACJ,aAAA,GACA,sBAAA,GACA,kBAAA,GACA,mBAAA,GACA,cAAA,GACA,cAAA,EAAA,IACE,EAAiB,GACf,EAAE,UAAA,EAAA,IAAa,EAAc,GAC7B,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,CAAC,GAAuB,CAAA,IAA4B,EAAM,SAAS,EAAK;AAE9E,EAAA,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAED,EAAM,UAAA,MAAgB;AACpB,IAAK,KACH,EAAiB,EAAE,QAAQ,GAE7B,EAAQ,EAAiB,cAAc;AAAA,EACzC,GAAG,CAAC,CAAC;AAEL,QAAM,IAAqB,OAAO,MAA2B;AAC3D,UAAM,IAAY,EAAM,CAAA,GAClB,IAAU,EAAM,CAAA;AAEtB,IAAI,KAAa,KACf,EAAa,EAAmB,GAAS,CAAS,CAAC;AAAA,EAEvD,GAEM,IAAA,CAAwB,MAAmB;AAC/C,IAAA,EAAQ,EAAiB,kCAAkC,EAAE,aAAa,IAAS,IAAI,CAAC;AAAA,EAC1F,GAEM,IAAA,MAAgC;AACpC,IAAA,EAAyB,EAAI,GAC7B,EAAQ,EAAiB,sBAAsB;AAAA,EACjD;AAEA,MAAI,CAAC,KAAiB,CAAC,EAAsB,QAAO,gBAAA,EAAC,GAAD,CAAS,CAAA;AAE7D,QAAM,IAAiB,EAAkB,WAAW;AAEpD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,iBAAiB;AAAA,MACf,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,IACpB;AAAA,IACA,kBAAkB,IAAW,kBAAkB;AAAA,IAC/C,uBAAA,MAA6B,EAAQ,EAAiB,6BAA6B;AAAA,IACtE,aAAA;AAAA,IACA,aAAA;AAAA,IACb,OAAO,EAAK;AAAA,cATd,CAWI,IAeA,gBAAA,EAAC,GAAD;AAAA,MAAK,IAAI,EAAE,cAAc,SAAS;AAAA,gBAChC,gBAAA,EAAC,GAAD;AAAA,QACE,QAAQ,EAAK;AAAA,QACb,MAAM;AAAA,QACN,SAAS;AAAA,QACT,eAAe,EAAK;AAAA,QACpB,SAAS,EAAK;AAAA,QACd,IAAI;AAAA,UACF,OAAO,EAAE,IAAI,IAAI;AAAA,UACjB,mBAAmB,EACjB,OAAO,IACT;AAAA,QACF;AAAA,MACD,CAAA;AAAA,IACE,CAAA,IA5BL,gBAAA,EAAA,GAAA,EAAA,UAAA,CACG,KACC,gBAAA,EAAC,GAAD;AAAA,MAA8B,aAAA;AAAA,MAA2B,cAAA;AAAA,IAAe,CAAA,GAE1E,gBAAA,EAAC,GAAD;AAAA,MACE,YAAY,IAAW,WAAW;AAAA,MAClC,WAAW,IAAW,WAAW;AAAA,MACjC,SAAS,IAAW,IAAI;AAAA,gBAH1B,CAKE,gBAAA,EAAC,GAAD,CAAgB,CAAA,GAChB,gBAAA,EAAC,GAAD,CAAe,CAAA,CACV;AAAA,MACP,EAAA,CAAA,GAmBJ,gBAAA,EAAC,GAAD;AAAA,MACE,SAAA,MAAe,EAAyB,EAAK;AAAA,MACtB,uBAAA;AAAA,MACvB,OAAO,EAAa;AAAA,IACrB,CAAA,CACc;AAAA;AAErB,CAAC"}

package/dist/networth/components/AssetsLiabilitiesDetail.es.js

@@ -0,0 +1,158 @@
+import { useGlobalCopyStore as L } from "../../common/context/hooks.es.js";
+import { groupAccounts as x } from "../../core/utils/NetWorthUtils.es.js";
+import { CurrencyText as s } from "../../common/components/CurrencyText.es.js";
+import w from "./NetWorthChange.es.js";
+import I from "react";
+import { observer as _ } from "mobx-react-lite";
+import f from "@mui/material/Stack";
+import { Icon as d, Text as m } from "@mxenabled/mxui";
+import { Fragment as u, jsx as t, jsxs as r } from "react/jsx-runtime";
+import { useTheme as j } from "@mui/material/styles";
+import S from "@mui/material/Box";
+import h from "@mui/material/Divider";
+import C from "@mui/material/List";
+import b from "@mui/material/ListItem";
+import k from "@mui/material/ListItemButton";
+import g from "@mui/material/ListItemIcon";
+import c from "@mui/material/ListItemText";
+import y from "@mui/material/ListSubheader";
+import A from "@mui/material/Collapse";
+var T = ({ accounts: i, name: a, icon: n }) => {
+  const [o, p] = I.useState(!1);
+  return /* @__PURE__ */ r(u, { children: [
+    /* @__PURE__ */ t(b, {
+      sx: (e) => ({ backgroundColor: e.palette.background.paper }),
+      children: /* @__PURE__ */ r(k, {
+        onClick: () => p(!o),
+        children: [
+          n && /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(d, {
+            name: n,
+            size: 24,
+            sx: { mr: 12 }
+          }) }),
+          /* @__PURE__ */ t(c, { primary: /* @__PURE__ */ t(m, {
+            sx: { fontWeight: 700 },
+            variant: "body1",
+            children: a
+          }) }),
+          /* @__PURE__ */ t(g, { children: o ? /* @__PURE__ */ t(d, {
+            name: "expand_less",
+            size: 24
+          }) : /* @__PURE__ */ t(d, {
+            name: "expand_more",
+            size: 24
+          }) })
+        ]
+      })
+    }),
+    /* @__PURE__ */ t(h, {}),
+    /* @__PURE__ */ t(A, {
+      in: o,
+      timeout: "auto",
+      unmountOnExit: !0,
+      children: i.map((e, l) => /* @__PURE__ */ r(C, { children: [/* @__PURE__ */ t(b, {
+        sx: () => ({ py: 14 }),
+        children: /* @__PURE__ */ t(c, {
+          primary: /* @__PURE__ */ r(f, {
+            direction: "row",
+            justifyContent: "space-between",
+            sx: { fontWeight: 400 },
+            children: [/* @__PURE__ */ t(m, {
+              sx: { marginRight: 10 },
+              variant: "body1",
+              children: e.accountName
+            }), /* @__PURE__ */ t(s, {
+              amount: e.balance,
+              sx: { flexShrink: 0 },
+              variant: "body2"
+            })]
+          }),
+          sx: {
+            pl: 72,
+            pr: 16
+          }
+        })
+      }), l < i.length - 1 ? /* @__PURE__ */ t(h, { variant: "inset" }) : /* @__PURE__ */ t(h, {})] }, e.accountName))
+    })
+  ] });
+}, v = ({ groupedAccounts: i }) => /* @__PURE__ */ t(u, { children: i.map(({ accounts: a, icon: n, name: o }) => /* @__PURE__ */ t(T, {
+  accounts: a,
+  icon: n,
+  name: o
+}, o)) }), W = ({ netWorth: i, assets: a, liabilities: n, totalAssets: o, totalLiabilities: p }) => {
+  const { net_worth: e } = L(), l = j();
+  return /* @__PURE__ */ r(u, { children: [/* @__PURE__ */ r(S, {
+    sx: {
+      alignItems: "center",
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "space-between",
+      paddingTop: 24,
+      marginBottom: 8
+    },
+    children: [
+      /* @__PURE__ */ t(m, {
+        variant: "body1",
+        children: e.current_net_worth
+      }),
+      /* @__PURE__ */ t(s, {
+        amount: i?.y ?? 0,
+        variant: "h1"
+      }),
+      i && /* @__PURE__ */ t(w, {
+        currencyLabel: e.this_month,
+        iconSize: 20,
+        netWorth: i,
+        theme: l
+      })
+    ]
+  }), /* @__PURE__ */ r(C, { children: [
+    /* @__PURE__ */ t(y, {
+      sx: {
+        mb: 8,
+        mt: 12,
+        mx: 8
+      },
+      children: /* @__PURE__ */ t(c, { primary: /* @__PURE__ */ r(f, {
+        direction: "row",
+        justifyContent: "space-between",
+        children: [/* @__PURE__ */ t(m, {
+          sx: { fontWeight: 700 },
+          variant: "caption",
+          children: e.assets
+        }), /* @__PURE__ */ t(s, {
+          amount: o,
+          sx: { fontWeight: 400 },
+          variant: "caption"
+        })]
+      }) })
+    }),
+    /* @__PURE__ */ t(v, { groupedAccounts: x(a) }),
+    /* @__PURE__ */ t(y, {
+      sx: {
+        mb: 8,
+        mt: 12,
+        mx: 8
+      },
+      children: /* @__PURE__ */ t(c, { primary: /* @__PURE__ */ r(f, {
+        direction: "row",
+        justifyContent: "space-between",
+        children: [/* @__PURE__ */ t(m, {
+          sx: { fontWeight: 700 },
+          variant: "caption",
+          children: e.liabilities
+        }), /* @__PURE__ */ t(s, {
+          amount: p,
+          sx: { fontWeight: 400 },
+          variant: "caption"
+        })]
+      }) })
+    }),
+    /* @__PURE__ */ t(v, { groupedAccounts: x(n) })
+  ] })] });
+}, Y = _(W);
+export {
+  Y as default
+};
+
+//# sourceMappingURL=AssetsLiabilitiesDetail.es.js.map

package/dist/networth/components/AssetsLiabilitiesDetail.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsLiabilitiesDetail.es.js","names":[],"sources":["../../../src/networth/components/AssetsLiabilitiesDetail.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Collapse from '@mui/material/Collapse'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport ListSubheader from '@mui/material/ListSubheader'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport { CurrencyText, useGlobalCopyStore } from '../../common/'\nimport NetWorthChange from './NetWorthChange'\nimport { AccountGroup, AssetsLiabilities } from '../../core/types/NetWorth'\nimport { groupAccounts } from '../../core/utils/NetWorthUtils'\n\nconst Group: React.FC<AccountGroup> = ({ accounts, name, icon }) => {\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  return (\n    <>\n      <ListItem sx={(theme) => ({ backgroundColor: theme.palette.background.paper })}>\n        <ListItemButton onClick={() => setIsOpen(!isOpen)}>\n          {icon && (\n            <ListItemIcon>\n              <Icon name={icon} size={24} sx={{ mr: 12 }} />\n            </ListItemIcon>\n          )}\n          <ListItemText\n            primary={\n              <Text sx={{ fontWeight: 700 }} variant=\"body1\">\n                {name}\n              </Text>\n            }\n          />\n          <ListItemIcon>\n            {isOpen ? <Icon name=\"expand_less\" size={24} /> : <Icon name=\"expand_more\" size={24} />}\n          </ListItemIcon>\n        </ListItemButton>\n      </ListItem>\n      <Divider />\n      <Collapse in={isOpen} timeout=\"auto\" unmountOnExit={true}>\n        {accounts.map((account, index) => (\n          <List key={account.accountName}>\n            <ListItem sx={() => ({ py: 14 })}>\n              <ListItemText\n                primary={\n                  <Stack direction=\"row\" justifyContent=\"space-between\" sx={{ fontWeight: 400 }}>\n                    <Text\n                      sx={{\n                        marginRight: 10,\n                      }}\n                      variant=\"body1\"\n                    >\n                      {account.accountName}\n                    </Text>\n                    <CurrencyText\n                      amount={account.balance}\n                      sx={{\n                        flexShrink: 0,\n                      }}\n                      variant=\"body2\"\n                    />\n                  </Stack>\n                }\n                sx={{ pl: 72, pr: 16 }}\n              />\n            </ListItem>\n            {index < accounts.length - 1 ? <Divider variant=\"inset\" /> : <Divider />}\n          </List>\n        ))}\n      </Collapse>\n    </>\n  )\n}\n\nconst ListGroup: React.FC<{\n  groupedAccounts: AccountGroup[]\n}> = ({ groupedAccounts }) => (\n  <>\n    {groupedAccounts.map(({ accounts, icon, name }) => (\n      <Group accounts={accounts} icon={icon} key={name} name={name} />\n    ))}\n  </>\n)\n\nconst AssetsLiabilitiesDetail: React.FC<AssetsLiabilities> = ({\n  netWorth,\n  assets,\n  liabilities,\n  totalAssets,\n  totalLiabilities,\n}) => {\n  const { net_worth: copy } = useGlobalCopyStore()\n\n  const theme = useTheme()\n\n  return (\n    <>\n      <Box\n        sx={{\n          alignItems: 'center',\n          display: 'flex',\n          flexDirection: 'column',\n          justifyContent: 'space-between',\n          paddingTop: 24,\n          marginBottom: 8,\n        }}\n      >\n        <Text variant=\"body1\">{copy.current_net_worth}</Text>\n        <CurrencyText amount={netWorth?.y ?? 0} variant=\"h1\" />\n        {netWorth && (\n          <NetWorthChange\n            currencyLabel={copy.this_month}\n            iconSize={20}\n            netWorth={netWorth}\n            theme={theme}\n          />\n        )}\n      </Box>\n      <List>\n        <ListSubheader sx={{ mb: 8, mt: 12, mx: 8 }}>\n          <ListItemText\n            primary={\n              <Stack direction=\"row\" justifyContent=\"space-between\">\n                <Text sx={{ fontWeight: 700 }} variant=\"caption\">\n                  {copy.assets}\n                </Text>\n                <CurrencyText amount={totalAssets} sx={{ fontWeight: 400 }} variant=\"caption\" />\n              </Stack>\n            }\n          />\n        </ListSubheader>\n        <ListGroup groupedAccounts={groupAccounts(assets)} />\n        <ListSubheader sx={{ mb: 8, mt: 12, mx: 8 }}>\n          <ListItemText\n            primary={\n              <Stack direction=\"row\" justifyContent=\"space-between\">\n                <Text sx={{ fontWeight: 700 }} variant=\"caption\">\n                  {copy.liabilities}\n                </Text>\n                <CurrencyText\n                  amount={totalLiabilities}\n                  sx={{ fontWeight: 400 }}\n                  variant=\"caption\"\n                />\n              </Stack>\n            }\n          />\n        </ListSubheader>\n        <ListGroup groupedAccounts={groupAccounts(liabilities)} />\n      </List>\n    </>\n  )\n}\n\nexport default observer(AssetsLiabilitiesDetail)\n"],"mappings":"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"}

package/dist/networth/components/GainsLossesDetail.es.js

@@ -0,0 +1,137 @@
+import { useGlobalCopyStore as y } from "../../common/context/hooks.es.js";
+import { fromTimestampToMonthYear as g } from "../../core/utils/DateUtil.es.js";
+import { CurrencyText as a } from "../../common/components/CurrencyText.es.js";
+import v from "./NetWorthChange.es.js";
+import p from "react";
+import { observer as w } from "mobx-react-lite";
+import i from "@mui/material/Stack";
+import { Text as o } from "@mxenabled/mxui";
+import { Fragment as C, jsx as t, jsxs as e } from "react/jsx-runtime";
+import { useTheme as j } from "@mui/material/styles";
+import d from "@mui/material/Divider";
+import k from "@mui/material/List";
+import l from "@mui/material/ListItem";
+import m from "@mui/material/ListItemText";
+import h from "@mui/material/ListSubheader";
+var L = ({ netWorth: c, gains: f, losses: u, totalGains: x, totalLosses: b }) => {
+  const { net_worth: s } = y(), n = j();
+  return /* @__PURE__ */ e(C, { children: [/* @__PURE__ */ e(i, {
+    alignItems: "center",
+    justifyContent: "space-between",
+    mb: 8,
+    pt: 24,
+    children: [
+      /* @__PURE__ */ t(o, {
+        variant: "body2",
+        children: g(c?.x)
+      }),
+      /* @__PURE__ */ t(o, {
+        variant: "body1",
+        children: s.total_change
+      }),
+      c && /* @__PURE__ */ t(v, {
+        currencyVariant: "h1",
+        iconSize: 32,
+        netWorth: c,
+        theme: n
+      })
+    ]
+  }), /* @__PURE__ */ e(k, { children: [
+    /* @__PURE__ */ t(h, {
+      sx: {
+        mb: 8,
+        mt: 12,
+        mx: 8
+      },
+      children: /* @__PURE__ */ t(m, { primary: /* @__PURE__ */ e(i, {
+        direction: "row",
+        justifyContent: "space-between",
+        children: [/* @__PURE__ */ t(o, {
+          sx: { fontWeight: 700 },
+          variant: "caption",
+          children: s.gains
+        }), /* @__PURE__ */ t(a, {
+          amount: x,
+          sx: { fontWeight: 400 },
+          variant: "caption"
+        })]
+      }) })
+    }),
+    f?.map((r) => /* @__PURE__ */ e(p.Fragment, { children: [/* @__PURE__ */ t(l, {
+      sx: {
+        backgroundColor: n.palette.background.paper,
+        py: 14
+      },
+      children: /* @__PURE__ */ t(m, {
+        primary: /* @__PURE__ */ e(i, {
+          direction: "row",
+          justifyContent: "space-between",
+          children: [/* @__PURE__ */ t(o, {
+            sx: { mr: 10 },
+            variant: "body1",
+            children: r.accountName
+          }), /* @__PURE__ */ t(a, {
+            amount: r.gain,
+            sx: {
+              color: n.palette.success.main,
+              flexShrink: 0,
+              fontWeight: 700
+            },
+            variant: "body1"
+          })]
+        }),
+        sx: { px: 16 }
+      })
+    }), /* @__PURE__ */ t(d, {})] }, r.accountName)),
+    /* @__PURE__ */ t(h, {
+      sx: {
+        mb: 8,
+        mt: 12,
+        mx: 8
+      },
+      children: /* @__PURE__ */ t(m, { primary: /* @__PURE__ */ e(i, {
+        direction: "row",
+        justifyContent: "space-between",
+        children: [/* @__PURE__ */ t(o, {
+          sx: { fontWeight: 700 },
+          variant: "caption",
+          children: s.losses
+        }), /* @__PURE__ */ t(a, {
+          amount: b,
+          sx: { fontWeight: 400 },
+          variant: "caption"
+        })]
+      }) })
+    }),
+    u?.map((r) => /* @__PURE__ */ e(p.Fragment, { children: [/* @__PURE__ */ t(l, {
+      sx: {
+        backgroundColor: n.palette.background.paper,
+        py: 14
+      },
+      children: /* @__PURE__ */ t(m, {
+        primary: /* @__PURE__ */ e(i, {
+          direction: "row",
+          justifyContent: "space-between",
+          children: [/* @__PURE__ */ t(o, {
+            sx: { mr: 10 },
+            variant: "body1",
+            children: r.accountName
+          }), /* @__PURE__ */ t(a, {
+            amount: r.loss,
+            sx: {
+              flexShrink: 0,
+              fontWeight: 700
+            },
+            variant: "body1"
+          })]
+        }),
+        sx: { px: 16 }
+      })
+    }), /* @__PURE__ */ t(d, {})] }, r.accountName))
+  ] })] });
+}, A = w(L);
+export {
+  A as default
+};
+
+//# sourceMappingURL=GainsLossesDetail.es.js.map

package/dist/networth/components/GainsLossesDetail.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GainsLossesDetail.es.js","names":[],"sources":["../../../src/networth/components/GainsLossesDetail.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemText from '@mui/material/ListItemText'\nimport ListSubheader from '@mui/material/ListSubheader'\nimport Stack from '@mui/material/Stack'\n\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { CurrencyText, useGlobalCopyStore } from '../../common/'\nimport { fromTimestampToMonthYear } from '../../core/utils/DateUtil'\n\nimport { GainsLosses } from '../../core/types/NetWorth'\nimport NetWorthChange from './NetWorthChange'\n\nconst GainsLossesDetail: React.FC<GainsLosses> = ({\n  netWorth,\n  gains,\n  losses,\n  totalGains,\n  totalLosses,\n}) => {\n  const { net_worth: copy } = useGlobalCopyStore()\n\n  const theme = useTheme()\n\n  return (\n    <>\n      <Stack alignItems=\"center\" justifyContent=\"space-between\" mb={8} pt={24}>\n        <Text variant=\"body2\">{fromTimestampToMonthYear(netWorth?.x)}</Text>\n        <Text variant=\"body1\">{copy.total_change}</Text>\n        {netWorth && (\n          <NetWorthChange currencyVariant=\"h1\" iconSize={32} netWorth={netWorth} theme={theme} />\n        )}\n      </Stack>\n      <List>\n        <ListSubheader sx={{ mb: 8, mt: 12, mx: 8 }}>\n          <ListItemText\n            primary={\n              <Stack direction=\"row\" justifyContent=\"space-between\">\n                <Text sx={{ fontWeight: 700 }} variant=\"caption\">\n                  {copy.gains}\n                </Text>\n                <CurrencyText amount={totalGains} sx={{ fontWeight: 400 }} variant=\"caption\" />\n              </Stack>\n            }\n          />\n        </ListSubheader>\n        {gains?.map((gain) => (\n          <React.Fragment key={gain.accountName}>\n            <ListItem sx={{ backgroundColor: theme.palette.background.paper, py: 14 }}>\n              <ListItemText\n                primary={\n                  <Stack direction=\"row\" justifyContent=\"space-between\">\n                    <Text sx={{ mr: 10 }} variant=\"body1\">\n                      {gain.accountName}\n                    </Text>\n                    <CurrencyText\n                      amount={gain.gain}\n                      sx={{ color: theme.palette.success.main, flexShrink: 0, fontWeight: 700 }}\n                      variant=\"body1\"\n                    />\n                  </Stack>\n                }\n                sx={{ px: 16 }}\n              />\n            </ListItem>\n            <Divider />\n          </React.Fragment>\n        ))}\n\n        <ListSubheader sx={{ mb: 8, mt: 12, mx: 8 }}>\n          <ListItemText\n            primary={\n              <Stack direction=\"row\" justifyContent=\"space-between\">\n                <Text sx={{ fontWeight: 700 }} variant=\"caption\">\n                  {copy.losses}\n                </Text>\n                <CurrencyText amount={totalLosses} sx={{ fontWeight: 400 }} variant=\"caption\" />\n              </Stack>\n            }\n          />\n        </ListSubheader>\n        {losses?.map((loss) => (\n          <React.Fragment key={loss.accountName}>\n            <ListItem\n              sx={{ backgroundColor: theme.palette.background.paper, py: 14 }}\n            >\n              <ListItemText\n                primary={\n                  <Stack direction=\"row\" justifyContent=\"space-between\">\n                    <Text\n                      sx={{\n                        mr: 10,\n                      }}\n                      variant=\"body1\"\n                    >\n                      {loss.accountName}\n                    </Text>\n                    <CurrencyText\n                      amount={loss.loss}\n                      sx={{ flexShrink: 0, fontWeight: 700 }}\n                      variant=\"body1\"\n                    />\n                  </Stack>\n                }\n                sx={{ px: 16 }}\n              />\n            </ListItem>\n            <Divider />\n          </React.Fragment>\n        ))}\n      </List>\n    </>\n  )\n}\n\nexport default observer(GainsLossesDetail)\n"],"mappings":"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"}