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

package/dist/transactions/constants/OnClickEvents/index.es.js

@@ -1,50 +0,0 @@
-var T = {
-  ON_TRANSACTION_CATEGORY_CLICK: "onTransactionCategoryClick",
-  ON_TRANSACTION_CATEGORY_CHANGED: "onTransactionCategoryChanged",
-  ON_TRANSACTION_MANUAL_ADD_CLICK: "onTransactionManualAddClick",
-  ON_TRANSACTION_MANUAL_ADD_ADDED: "onTransactionManualAddAdded",
-  ON_TRANSACTION_DATE_CHANGED: "onTransactionDateChanged",
-  ON_TRANSACTION_DATE_CLICK: "onTransactionDateClick",
-  ON_TRANSACTION_DELETE_CANCEL: "onTransactionDeleteCancel",
-  ON_TRANSACTION_DELETE_CLICK: "onTransactionDeleteClick",
-  ON_TRANSACTION_DELETE_DELETED: "onTransactionDeleted",
-  ON_TRANSACTION_DELETE_LOGO_CANCEL: "onTransactionDeleteLogoCancel",
-  ON_TRANSACTION_DELETE_LOGO_CLICK: "onTransactionDeleteLogoClick",
-  ON_TRANSACTION_DELETE_LOGO_DELETED: "onTransactionDeletedLogo",
-  ON_TRANSACTION_DESCRIPTION_EDIT_CLICK: "onTransactionDescriptionEditClick",
-  ON_TRANSACTION_DESCRIPTION_SAVE_CLICK: "onTransactionDescriptionSaveClick",
-  ON_TRANSACTION_EXPORT_CSV_CLICK: "onTransactionExportCsvClick",
-  ON_TRANSACTION_HIDDEN: "onTransactionHidden",
-  ON_TRANSACTION_HIDE_CLICK: "onTransactionHideClick",
-  ON_TRANSACTION_HIDE_CANCEL_CLICK: "onTransactionHideCancelClick",
-  ON_TRANSACTION_LIST_ITEM_CLICK: "onTransactionListItemClick",
-  ON_TRANSACTION_MEMO_CHANGED: "onTransactionMemoChanged",
-  ON_TRANSACTION_MEMO_CLICK: "onTransactionMemoClick",
-  ON_TRANSACTION_SPLIT_ADD_CLICK: "onTransactionSplitAddClick",
-  ON_TRANSACTION_SPLIT_CANCEL_CLICK: "onTransactionSplitCancelClick",
-  ON_TRANSACTION_SPLIT_CATEGORY_CLICK: "onTransactionSplitCategoryClick",
-  ON_TRANSACTION_SPLIT_CLICK: "onTransactionSplitClick",
-  ON_TRANSACTION_SPLIT_DELETE_CLICK: "onTransactionSplitDeleteClick",
-  ON_TRANSACTION_SPLIT_SAVE_CLICK: "onTransactionSplitSaveClick",
-  ON_TRANSACTION_TAGS_CHANGED: "onTransactionTagsChanged",
-  ON_TRANSACTION_TAGS_CLICK: "onTransactionTagsClick",
-  ON_TRANSACTION_TAGS_TAG_ADD_CANCEL_CLICK: "onTransactionTagsTagAddCancelClick",
-  ON_TRANSACTION_TAGS_TAG_ADD_CLICK: "onTransactionTagsTagAddClick",
-  ON_TRANSACTION_TAGS_TAG_ADDED: "onTransactionTagsTagAdded",
-  ON_TRANSACTION_TAGS_TAG_DELETE_CLICK: "onTransactionTagsTagDeleteClick",
-  ON_TRANSACTION_TAGS_TAG_DELETE_CANCEL_CLICK: "onTransactionTagsTagDeleteCancelClick",
-  ON_TRANSACTION_TAGS_TAG_DELETED: "onTransactionTagsTagDeleted",
-  ON_TRANSACTION_TAGS_TAG_EDIT_CLICK: "onTransactionTagsTagEditClick",
-  ON_TRANSACTION_TAGS_TAG_EDIT_SAVED: "onTransactionTagsTagEditSavedClick",
-  ON_TRANSACTION_TOGGLE_FLAG_CLICK: "onTransactionToggleFlagClick",
-  ON_TRANSACTION_UNHIDDEN: "onTransactionUnHidden",
-  ON_TRANSACTION_UNHIDE_CLICK: "onTransactionUnHideClick",
-  ON_TRANSACTION_UNHIDE_CANCEL_CLICK: "onTransactionUnHideCancelClick",
-  ON_TRANSACTION_UNSPLIT: "onTransactionUnsplit",
-  ON_TRANSACTION_UNSPLIT_CANCEL: "onTransactionUnsplitCancel"
-};
-export {
-  T as ON_CLICK_EVENTS
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/transactions/constants/OnClickEvents/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/transactions/constants/OnClickEvents.ts"],"sourcesContent":["export const ON_CLICK_EVENTS = {\n  ON_TRANSACTION_CATEGORY_CLICK: 'onTransactionCategoryClick',\n  ON_TRANSACTION_CATEGORY_CHANGED: 'onTransactionCategoryChanged',\n  ON_TRANSACTION_MANUAL_ADD_CLICK: 'onTransactionManualAddClick',\n  ON_TRANSACTION_MANUAL_ADD_ADDED: 'onTransactionManualAddAdded',\n  ON_TRANSACTION_DATE_CHANGED: 'onTransactionDateChanged',\n  ON_TRANSACTION_DATE_CLICK: 'onTransactionDateClick',\n  ON_TRANSACTION_DELETE_CANCEL: 'onTransactionDeleteCancel',\n  ON_TRANSACTION_DELETE_CLICK: 'onTransactionDeleteClick',\n  ON_TRANSACTION_DELETE_DELETED: 'onTransactionDeleted',\n  ON_TRANSACTION_DELETE_LOGO_CANCEL: 'onTransactionDeleteLogoCancel',\n  ON_TRANSACTION_DELETE_LOGO_CLICK: 'onTransactionDeleteLogoClick',\n  ON_TRANSACTION_DELETE_LOGO_DELETED: 'onTransactionDeletedLogo',\n  ON_TRANSACTION_DESCRIPTION_EDIT_CLICK: 'onTransactionDescriptionEditClick',\n  ON_TRANSACTION_DESCRIPTION_SAVE_CLICK: 'onTransactionDescriptionSaveClick',\n  ON_TRANSACTION_EXPORT_CSV_CLICK: 'onTransactionExportCsvClick',\n  ON_TRANSACTION_HIDDEN: 'onTransactionHidden',\n  ON_TRANSACTION_HIDE_CLICK: 'onTransactionHideClick',\n  ON_TRANSACTION_HIDE_CANCEL_CLICK: 'onTransactionHideCancelClick',\n  ON_TRANSACTION_LIST_ITEM_CLICK: 'onTransactionListItemClick',\n  ON_TRANSACTION_MEMO_CHANGED: 'onTransactionMemoChanged',\n  ON_TRANSACTION_MEMO_CLICK: 'onTransactionMemoClick',\n  ON_TRANSACTION_SPLIT_ADD_CLICK: 'onTransactionSplitAddClick',\n  ON_TRANSACTION_SPLIT_CANCEL_CLICK: 'onTransactionSplitCancelClick',\n  ON_TRANSACTION_SPLIT_CATEGORY_CLICK: 'onTransactionSplitCategoryClick',\n  ON_TRANSACTION_SPLIT_CLICK: 'onTransactionSplitClick',\n  ON_TRANSACTION_SPLIT_DELETE_CLICK: 'onTransactionSplitDeleteClick',\n  ON_TRANSACTION_SPLIT_SAVE_CLICK: 'onTransactionSplitSaveClick',\n  ON_TRANSACTION_TAGS_CHANGED: 'onTransactionTagsChanged',\n  ON_TRANSACTION_TAGS_CLICK: 'onTransactionTagsClick',\n  ON_TRANSACTION_TAGS_TAG_ADD_CANCEL_CLICK: 'onTransactionTagsTagAddCancelClick',\n  ON_TRANSACTION_TAGS_TAG_ADD_CLICK: 'onTransactionTagsTagAddClick',\n  ON_TRANSACTION_TAGS_TAG_ADDED: 'onTransactionTagsTagAdded',\n  ON_TRANSACTION_TAGS_TAG_DELETE_CLICK: 'onTransactionTagsTagDeleteClick',\n  ON_TRANSACTION_TAGS_TAG_DELETE_CANCEL_CLICK: 'onTransactionTagsTagDeleteCancelClick',\n  ON_TRANSACTION_TAGS_TAG_DELETED: 'onTransactionTagsTagDeleted',\n  ON_TRANSACTION_TAGS_TAG_EDIT_CLICK: 'onTransactionTagsTagEditClick',\n  ON_TRANSACTION_TAGS_TAG_EDIT_SAVED: 'onTransactionTagsTagEditSavedClick',\n  ON_TRANSACTION_TOGGLE_FLAG_CLICK: 'onTransactionToggleFlagClick',\n  ON_TRANSACTION_UNHIDDEN: 'onTransactionUnHidden',\n  ON_TRANSACTION_UNHIDE_CLICK: 'onTransactionUnHideClick',\n  ON_TRANSACTION_UNHIDE_CANCEL_CLICK: 'onTransactionUnHideCancelClick',\n  ON_TRANSACTION_UNSPLIT: 'onTransactionUnsplit',\n  ON_TRANSACTION_UNSPLIT_CANCEL: 'onTransactionUnsplitCancel',\n}\n"],"mappings":"AAAA,IAAa,IAAkB;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,iCAAiC;AAAA,EACjC,iCAAiC;AAAA,EACjC,iCAAiC;AAAA,EACjC,6BAA6B;AAAA,EAC7B,2BAA2B;AAAA,EAC3B,8BAA8B;AAAA,EAC9B,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,mCAAmC;AAAA,EACnC,kCAAkC;AAAA,EAClC,oCAAoC;AAAA,EACpC,uCAAuC;AAAA,EACvC,uCAAuC;AAAA,EACvC,iCAAiC;AAAA,EACjC,uBAAuB;AAAA,EACvB,2BAA2B;AAAA,EAC3B,kCAAkC;AAAA,EAClC,gCAAgC;AAAA,EAChC,6BAA6B;AAAA,EAC7B,2BAA2B;AAAA,EAC3B,gCAAgC;AAAA,EAChC,mCAAmC;AAAA,EACnC,qCAAqC;AAAA,EACrC,4BAA4B;AAAA,EAC5B,mCAAmC;AAAA,EACnC,iCAAiC;AAAA,EACjC,6BAA6B;AAAA,EAC7B,2BAA2B;AAAA,EAC3B,0CAA0C;AAAA,EAC1C,mCAAmC;AAAA,EACnC,+BAA+B;AAAA,EAC/B,sCAAsC;AAAA,EACtC,6CAA6C;AAAA,EAC7C,iCAAiC;AAAA,EACjC,oCAAoC;AAAA,EACpC,oCAAoC;AAAA,EACpC,kCAAkC;AAAA,EAClC,yBAAyB;AAAA,EACzB,6BAA6B;AAAA,EAC7B,oCAAoC;AAAA,EACpC,wBAAwB;AAAA,EACxB,+BAA+B;AACjC"}

package/dist/transactions/context/hooks/index.es.js

@@ -1,12 +0,0 @@
-import { GlobalDataContext as t } from "../../../common/context/GlobalDataProvider/index.es.js";
-import { useTransactionStore as o } from "../../../common/context/hooks/index.es.js";
-import r from "react";
-var n = () => {
-  if (!r.useContext(t)) throw new Error("useTransactionsUiStore() must be used within the GlobalDataContext");
-  return o().uiStore;
-};
-export {
-  n as useTransactionsUiStore
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/transactions/context/hooks/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/transactions/context/hooks.tsx"],"sourcesContent":["import React from 'react'\nimport { GlobalDataContext, useTransactionStore } from '../../common'\n\nexport const useTransactionsUiStore = () => {\n  const context = React.useContext(GlobalDataContext)\n\n  if (!context) {\n    throw new Error('useTransactionsUiStore() must be used within the GlobalDataContext')\n  }\n\n  return useTransactionStore().uiStore\n}\n"],"mappings":";;;AAGA,IAAa,IAAA,MAA+B;AAG1C,MAAI,CAFY,EAAM,WAAW,CAE5B,EACH,OAAM,IAAI,MAAM,oEAAoE;AAGtF,SAAO,EAAoB,EAAE;AAC/B"}

package/dist/transactions/utils/Filters/index.es.js

@@ -1,11 +0,0 @@
-import { CategoryGuids as r } from "../../../core/constants/Category/index.es.js";
-import { TransactionType as t } from "../../../core/types/Transaction/index.es.js";
-var i = (e) => e.top_level_category_guid !== r.INCOME && e.transaction_type === t.DEBIT, p = (e, o) => i(e) ? e.payee?.toLowerCase().includes(o.toLowerCase()) || e.description.toLowerCase().includes(o.toLowerCase()) || e.feed_description.toLowerCase().includes(o.toLowerCase()) : !1, s = (e) => e.top_level_category_guid === r.INCOME || e.top_level_category_guid === r.TRANSFER && e.transaction_type === t.CREDIT, c = (e, o) => s(e) ? e.payee?.toLowerCase().includes(o.toLowerCase()) || e.description?.toLowerCase().includes(o.toLowerCase()) || e.feed_description?.toLowerCase().includes(o.toLowerCase()) : !1;
-export {
-  i as expenseFilter,
-  p as expenseFilterSearch,
-  s as incomeFilter,
-  c as incomeFilterSearch
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/transactions/utils/Filters/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/transactions/utils/Filters.ts"],"sourcesContent":["import { CategoryGuids } from '../../core/constants'\nimport { type Transaction, TransactionType } from '../../core'\n\n// Returns true if the transaction is not income\nexport const expenseFilter = (t: Transaction) =>\n  t.top_level_category_guid !== CategoryGuids.INCOME && t.transaction_type === TransactionType.DEBIT\n\n// Returns true if the transaction is an expense and it matches the search string\nexport const expenseFilterSearch = (t: Transaction, searchValue: string) => {\n  if (expenseFilter(t)) {\n    return (\n      t.payee?.toLowerCase().includes(searchValue.toLowerCase()) ||\n      t.description.toLowerCase().includes(searchValue.toLowerCase()) ||\n      t.feed_description.toLowerCase().includes(searchValue.toLowerCase())\n    )\n  }\n  return false\n}\n\n// Returns true if the transaction is income\nexport const incomeFilter = (t: Transaction) =>\n  t.top_level_category_guid === CategoryGuids.INCOME ||\n  (t.top_level_category_guid === CategoryGuids.TRANSFER &&\n    t.transaction_type === TransactionType.CREDIT)\n\n// Returns true if the transaction is income and it matches the search string\nexport const incomeFilterSearch = (t: Transaction, searchValue: string) => {\n  if (incomeFilter(t)) {\n    return (\n      t.payee?.toLowerCase().includes(searchValue.toLowerCase()) ||\n      t.description?.toLowerCase().includes(searchValue.toLowerCase()) ||\n      t.feed_description?.toLowerCase().includes(searchValue.toLowerCase())\n    )\n  }\n  return false\n}\n"],"mappings":";;AAIA,IAAa,IAAA,CAAiB,MAC5B,EAAE,4BAA4B,EAAc,UAAU,EAAE,qBAAqB,EAAgB,OAGlF,IAAA,CAAuB,GAAgB,MAC9C,EAAc,CAAC,IAEf,EAAE,OAAO,YAAY,EAAE,SAAS,EAAY,YAAY,CAAC,KACzD,EAAE,YAAY,YAAY,EAAE,SAAS,EAAY,YAAY,CAAC,KAC9D,EAAE,iBAAiB,YAAY,EAAE,SAAS,EAAY,YAAY,CAAC,IAGhE,IAII,IAAA,CAAgB,MAC3B,EAAE,4BAA4B,EAAc,UAC3C,EAAE,4BAA4B,EAAc,YAC3C,EAAE,qBAAqB,EAAgB,QAG9B,IAAA,CAAsB,GAAgB,MAC7C,EAAa,CAAC,IAEd,EAAE,OAAO,YAAY,EAAE,SAAS,EAAY,YAAY,CAAC,KACzD,EAAE,aAAa,YAAY,EAAE,SAAS,EAAY,YAAY,CAAC,KAC/D,EAAE,kBAAkB,YAAY,EAAE,SAAS,EAAY,YAAY,CAAC,IAGjE"}

package/dist/transactions/utils/Transactions/index.es.js

@@ -1,24 +0,0 @@
-import { DATE_FORMATS_INTL as f, formatDate as n } from "../../../core/constants/DateFormats/index.es.js";
-import { formatCurrency as u } from "../../../core/utils/NumberFormatting/index.es.js";
-import { fromUnixUTC as m } from "../../../core/utils/DateUtil/index.es.js";
-import { isSameDay as o } from "date-fns/isSameDay";
-var D = (r, e) => r === 0 ? !0 : !o(m(e[r].date), m(e[r - 1].date)), T = (r, e) => r === e.length - 1 ? !1 : o(m(e[r].date), m(e[r + 1].date)), b = (r) => r?.data ? r.data.map((e) => Object.fromEntries((r.names || []).map((a, t) => [a, e[t]]))) : [], h = (r, e = "") => r.map((a) => {
-  const t = n(a.date, f.MONTH_SHORT);
-  return {
-    ariaLabel: `
-        ${t},
-        ${u(a.amount, "0.00")},
-        ${e}`,
-    label: t,
-    value: a.amount,
-    formattedAmount: u(a.amount, "0,0")
-  };
-});
-export {
-  h as buildChartData,
-  b as buildDataSeries,
-  T as hasInsetBorder,
-  D as shouldShowDate
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/transactions/utils/Transactions/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/transactions/utils/Transactions.ts"],"sourcesContent":["import { isSameDay } from 'date-fns/isSameDay'\n\nimport { DATE_FORMATS_INTL, formatDate } from '../../core/constants'\nimport { fromUnixUTC } from '../../core/utils/DateUtil'\nimport { type DataSeries, type Transaction } from '../../core'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\n\nexport interface ChartDataProps {\n  guid?: string\n  label?: string\n  localized_label?: string\n  amount: number\n  date: string\n}\n\nexport const sortByDate = (a: Transaction, b: Transaction) => {\n  return b.date - a.date\n}\n\nexport const shouldShowDate = (index: number, transactions: Transaction[]) => {\n  if (index === 0) return true\n\n  const currentDate = fromUnixUTC(transactions[index].date)\n  const previousDate = fromUnixUTC(transactions[index - 1].date)\n\n  return !isSameDay(currentDate, previousDate)\n}\n\nexport const hasInsetBorder = (index: number, transactions: Transaction[]) => {\n  if (index === transactions.length - 1) return false\n\n  const currentDate = fromUnixUTC(transactions[index].date)\n  const nextDate = fromUnixUTC(transactions[index + 1].date)\n\n  return isSameDay(currentDate, nextDate)\n}\n\nexport const buildDataSeries = (data?: DataSeries) => {\n  if (!data?.data) return []\n\n  return data.data.map((row) => {\n    return Object.fromEntries((data.names || []).map((name, index) => [name, row[index]]))\n  })\n}\n\nexport const buildChartData = (dataSeries: ChartDataProps[], merchantName = '') => {\n  const data = dataSeries.map((total) => {\n    const label = formatDate(total.date, DATE_FORMATS_INTL.MONTH_SHORT)\n\n    return {\n      ariaLabel: `\n        ${label},\n        ${formatCurrency(total.amount, '0.00')},\n        ${merchantName}`,\n      label,\n      value: total.amount,\n      formattedAmount: formatCurrency(total.amount, '0,0'),\n    }\n  })\n\n  return data\n}\n"],"mappings":";;;;AAmBA,IAAa,IAAA,CAAkB,GAAe,MACxC,MAAU,IAAU,KAKjB,CAAC,EAHY,EAAY,EAAa,CAAA,EAAO,IAGlC,GAFG,EAAY,EAAa,IAAQ,CAAA,EAAG,IAE1B,CAAY,GAGhC,IAAA,CAAkB,GAAe,MACxC,MAAU,EAAa,SAAS,IAAU,KAKvC,EAHa,EAAY,EAAa,CAAA,EAAO,IAGnC,GAFA,EAAY,EAAa,IAAQ,CAAA,EAAG,IAEvB,CAAQ,GAG3B,IAAA,CAAmB,MACzB,GAAM,OAEJ,EAAK,KAAK,IAAA,CAAK,MACb,OAAO,aAAa,EAAK,SAAS,CAAC,GAAG,IAAA,CAAK,GAAM,MAAU,CAAC,GAAM,EAAI,CAAA,CAAM,CAAC,CAAC,CACtF,IAJuB,CAAC,GAOd,IAAA,CAAkB,GAA8B,IAAe,OAC7D,EAAW,IAAA,CAAK,MAAU;AACrC,QAAM,IAAQ,EAAW,EAAM,MAAM,EAAkB,WAAW;AAElE,SAAO;AAAA,IACL,WAAW;AAAA,UACP,CAAA;AAAA,UACA,EAAe,EAAM,QAAQ,MAAM,CAAA;AAAA,UACnC,CAAA;AAAA,IACJ,OAAA;AAAA,IACA,OAAO,EAAM;AAAA,IACb,iBAAiB,EAAe,EAAM,QAAQ,KAAK;AAAA,EACrD;AACF,CAEO"}

package/dist/trends/TrendsFullWidget/index.es.js

@@ -1,154 +0,0 @@
-import { useAccountStore as te, useCategoryStore as oe, useEvent as ae, useGlobalCopyStore as re, useGlobalUiStore as ne, useTransactionStore as se, useTrendsStore as ie } from "../../common/context/hooks/index.es.js";
-import { useScreenSize as ce } from "../../common/hooks/useScreenSize/index.es.js";
-import { useWidgetLoadTimer as de } from "../../common/hooks/useWidgetLoadTimer/index.es.js";
-import { ANALYTICS_EVENTS as n } from "../../common/constants/Analytics/index.es.js";
-import { getStackedLineChartData as le } from "../../core/utils/TrendsUtil/index.es.js";
-import me from "../../common/components/Loader/index.es.js";
-import { WidgetContainer as fe } from "../../common/components/WidgetContainer/index.es.js";
-import { getTopLevelCategoryTotals as ge, isExpense as Te, isIncome as ue } from "../utils/shared/index.es.js";
-import { TRENDS_ANALYTICS_METADATA as pe } from "../constants/TrendsWidget/index.es.js";
-import { StackedLineChart as De } from "../../common/components/charts/StackedLineChart/index.es.js";
-import Ce from "../components/TrendsViewToggle/index.es.js";
-import he from "../components/DateRangeText/index.es.js";
-import Se from "../components/TrendsTableContainer/index.es.js";
-import _e from "../components/TrendsDrawer/index.es.js";
-import s from "react";
-import { observer as Ee } from "mobx-react-lite";
-import D from "@mui/material/Stack";
-import { Icon as Le } from "@mxenabled/mxui";
-import E from "@mui/material/Button";
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import L from "@mui/material/Box";
-import { addSeconds as Re } from "date-fns/addSeconds";
-import { differenceInCalendarMonths as R } from "date-fns/differenceInCalendarMonths";
-var we = ({ onBackClick: w, onMenuClick: y, sx: I }) => {
-  const { onEvent: a } = ae(), { isDesktop: k, isTablet: v, isMobile: m } = ce(), { isAccountDataLoaded: N, loadAccountData: A } = te(), { categoriesLoaded: b, loadCategories: x, loadDateRangeCategoryTotals: H, loadMonthlyCategoryTotals: W, monthlyCategoryTotals: C, getCategoryName: h } = oe(), { isTransactionDataLoaded: G, loadTransactionData: M, sortedTransactions: O } = se(), { selectedDateRange: t, setSelectedDateRange: V } = ie(), { isInitialized: f, selectedAccounts: g } = ne(), { trends: T } = re(), [u, z] = s.useState(!1), [F, S] = s.useState(!1), [l, K] = s.useState("Chart"), [r, p] = s.useState(""), [j, $] = s.useState(window.innerHeight), B = j - (m ? 315 : 345);
-  de({
-    widgetName: "TrendsFullWidget",
-    isLoaded: u
-  }), s.useEffect(() => {
-    const e = () => $(window.innerHeight);
-    return window.addEventListener("resize", e), N || A().finally(), b || x().finally(), G || M().finally(), () => window.removeEventListener("resize", e);
-  }, []), s.useEffect(() => {
-    f && H(g, t.start, t.end).then(() => {
-      W(g, t.start, t.end);
-    }).finally(() => {
-      z(!0), a(n.TRENDS_LOAD_WIDGET, {
-        ...pe,
-        time_period: `${R(t.end, t.start)}M`
-      });
-    });
-  }, [
-    f,
-    g,
-    t
-  ]);
-  const _ = s.useMemo(() => {
-    if (!u) return {
-      stackedDatasets: [],
-      unstackedDatasets: []
-    };
-    const e = le(C, t.start, t.end), i = r.length ? e.filter((d) => d.top_level_category_guid === r || d.category_guid === r) : ge(e);
-    return {
-      stackedDatasets: i.filter(Te),
-      unstackedDatasets: i.filter(ue)
-    };
-  }, [
-    C,
-    r,
-    t
-  ]), P = (e, i) => {
-    K(i ?? l), a(n.TRENDS_CLICK_TOGGLE_VIEW);
-  }, Y = (e) => {
-    const i = Re(e?.[0], 1), d = e?.[1], ee = R(d, i);
-    V({
-      start: i,
-      end: d
-    }), a(n.TRENDS_CLICK_TIME_WINDOW, { time_period: ee + "M" });
-  }, U = () => {
-    a(n.TRENDS_CLICK_FILTER);
-  }, q = (e) => {
-    p(e);
-  }, J = (e) => {
-    p(e), a(n.TRENDS_CLICK_LEGEND, { category: h(e) });
-  }, Q = (e) => {
-    a(n.TRENDS_HOVER_LEGEND, { category: h(e) });
-  }, X = (e) => {
-    a(n.TRENDS_HOVER_AREA, { category: e });
-  }, Z = (e) => {
-    a(n.TRENDS_HOVER_POINT, { category: e });
-  };
-  return !f || !u ? /* @__PURE__ */ o(me, {}) : /* @__PURE__ */ c(fe, {
-    calendarActions: { onRangeChanged: Y },
-    dateRange: t,
-    dateRangeVariant: "timeframebuttons",
-    onAccountsFilterClick: U,
-    onBackClick: w,
-    onMenuClick: y,
-    sx: I,
-    title: T.title,
-    children: [/* @__PURE__ */ c(D, {
-      sx: { px: k ? 48 : v ? 24 : 12 },
-      children: [
-        /* @__PURE__ */ c(D, {
-          flexDirection: "row",
-          justifyContent: "space-between",
-          sx: {
-            pb: m ? 12 : 24,
-            pt: m ? 24 : 48
-          },
-          children: [/* @__PURE__ */ o(he, {
-            selectedCategoryGuid: r,
-            selectedDateRange: t
-          }), /* @__PURE__ */ o(Ce, {
-            onTabChange: P,
-            selectedTab: l
-          })]
-        }),
-        /* @__PURE__ */ c(D, {
-          alignItems: "center",
-          flexDirection: "row",
-          width: "100%",
-          children: [/* @__PURE__ */ o(L, {
-            flexGrow: 1,
-            children: r && /* @__PURE__ */ c(E, {
-              onClick: () => p(""),
-              sx: {
-                p: 0,
-                pr: 5
-              },
-              children: [/* @__PURE__ */ o(Le, { name: "arrow_back" }), T.all_categories]
-            })
-          }), /* @__PURE__ */ o(E, {
-            onClick: () => S(!0),
-            sx: { px: 5 },
-            children: `${T.view_transactions} (${O.length})`
-          })]
-        }),
-        /* @__PURE__ */ c(L, { children: [l === "Chart" && /* @__PURE__ */ o(De, {
-          availableHeight: B,
-          onClickLegend: J,
-          onHoverArea: X,
-          onHoverLegend: Q,
-          onHoverPoint: Z,
-          stackedDatasets: _.stackedDatasets,
-          unstackedDatasets: _.unstackedDatasets
-        }), l === "Table" && /* @__PURE__ */ o(Se, {
-          onClickRow: q,
-          selectedCategory: r,
-          selectedDateRange: t
-        })] })
-      ]
-    }), /* @__PURE__ */ o(_e, {
-      categoryGuid: r,
-      dateRange: t,
-      isOpen: F,
-      onClose: () => S(!1)
-    })]
-  });
-}, qe = Ee(we);
-export {
-  qe as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/TrendsFullWidget/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../src/trends/TrendsFullWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { DateRange } from '@mui/x-date-pickers-pro'\nimport { Icon } from '@mxenabled/mxui'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport Button from '@mui/material/Button'\n\nimport { addSeconds } from 'date-fns/addSeconds'\nimport { differenceInCalendarMonths } from 'date-fns/differenceInCalendarMonths'\n\nimport {\n  ANALYTICS_EVENTS,\n  Loader,\n  WidgetContainer,\n  useAccountStore,\n  useEvent,\n  useCategoryStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useScreenSize,\n  useTransactionStore,\n  useTrendsStore,\n  useWidgetLoadTimer,\n} from '../common'\nimport { WidgetProps } from '../core'\nimport { StackedLineChart } from '../common/components/charts/StackedLineChart'\n\nimport { getStackedLineChartData, StackedLineChartData } from '../core/utils/TrendsUtil'\nimport { getTopLevelCategoryTotals, isExpense, isIncome } from './utils/shared'\n\nimport TrendsViewToggle, { type TrendsTabValue } from './components/TrendsViewToggle'\nimport DateRangeText from './components/DateRangeText'\nimport TrendsTableContainer from './components/TrendsTableContainer'\nimport TrendsDrawer from './components/TrendsDrawer'\nimport { TRENDS_ANALYTICS_METADATA } from './constants/TrendsWidget'\n\nconst TrendsFullWidget: React.FC<WidgetProps> = ({ onBackClick, onMenuClick, sx }) => {\n  const { onEvent } = useEvent()\n  const { isDesktop, isTablet, isMobile } = useScreenSize()\n  const { isAccountDataLoaded, loadAccountData } = useAccountStore()\n  const {\n    categoriesLoaded,\n    loadCategories,\n    loadDateRangeCategoryTotals,\n    loadMonthlyCategoryTotals,\n    monthlyCategoryTotals,\n    getCategoryName,\n  } = useCategoryStore()\n  const {\n    isTransactionDataLoaded,\n    loadTransactionData,\n    sortedTransactions: transactions,\n  } = useTransactionStore()\n  const { selectedDateRange, setSelectedDateRange } = useTrendsStore()\n  const { isInitialized, selectedAccounts } = useGlobalUiStore()\n  const { trends: copy } = useGlobalCopyStore()\n\n  const [isWidgetInitialized, setIsWidgetInitialized] = React.useState(false)\n  const [showTransactions, setShowTransactions] = React.useState(false)\n  const [selectedTab, setSelectedTab] = React.useState<TrendsTabValue>('Chart')\n  const [selectedCategory, setSelectedCategory] = React.useState('')\n\n  // Control responsive chart height based on available widget iframe viewport height\n  const [viewportHeight, setViewportHeight] = React.useState(window.innerHeight)\n  const unavailableChartHeight = isMobile ? 315 : 345\n  const availableChartHeight = viewportHeight - unavailableChartHeight\n\n  useWidgetLoadTimer({\n    widgetName: 'TrendsFullWidget',\n    isLoaded: isWidgetInitialized,\n  })\n\n  React.useEffect(() => {\n    const handleResize = () => setViewportHeight(window.innerHeight)\n    window.addEventListener('resize', handleResize)\n\n    if (!isAccountDataLoaded) {\n      loadAccountData().finally()\n    }\n    if (!categoriesLoaded) {\n      loadCategories().finally()\n    }\n    if (!isTransactionDataLoaded) {\n      loadTransactionData().finally()\n    }\n\n    return () => window.removeEventListener('resize', handleResize)\n  }, [])\n\n  // Initialize monthlyCategoryTotals, and reload on account or date range change\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadDateRangeCategoryTotals(selectedAccounts, selectedDateRange.start, selectedDateRange.end)\n        .then(() => {\n          loadMonthlyCategoryTotals(\n            selectedAccounts,\n            selectedDateRange.start,\n            selectedDateRange.end,\n          )\n        })\n        .finally(() => {\n          setIsWidgetInitialized(true)\n          onEvent(ANALYTICS_EVENTS.TRENDS_LOAD_WIDGET, {\n            ...TRENDS_ANALYTICS_METADATA,\n            time_period: `${differenceInCalendarMonths(selectedDateRange.end, selectedDateRange.start)}M`,\n          })\n        })\n    }\n  }, [isInitialized, selectedAccounts, selectedDateRange])\n\n  // Cache a full year of StackedLineChart data\n  const chartData = React.useMemo(() => {\n    if (!isWidgetInitialized) return { stackedDatasets: [], unstackedDatasets: [] }\n\n    const data = getStackedLineChartData(\n      monthlyCategoryTotals,\n      selectedDateRange.start,\n      selectedDateRange.end,\n    )\n\n    const filteredData = selectedCategory.length\n      ? data.filter(\n          (d) =>\n            d.top_level_category_guid === selectedCategory || d.category_guid === selectedCategory,\n        )\n      : getTopLevelCategoryTotals(data)\n\n    return {\n      stackedDatasets: filteredData.filter(isExpense) as StackedLineChartData[],\n      unstackedDatasets: filteredData.filter(isIncome) as StackedLineChartData[],\n    }\n  }, [monthlyCategoryTotals, selectedCategory, selectedDateRange])\n\n  const onTabChange = (_event: React.SyntheticEvent, newValue: TrendsTabValue) => {\n    setSelectedTab(newValue ?? selectedTab)\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_TOGGLE_VIEW)\n  }\n\n  const onRangeChanged = (dateRange: DateRange<Date>) => {\n    const startDate = addSeconds(dateRange?.[0] as Date, 1)\n    const endDate = dateRange?.[1] as Date\n    const months = differenceInCalendarMonths(endDate, startDate)\n\n    setSelectedDateRange({ start: startDate, end: endDate })\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_TIME_WINDOW, {\n      time_period: months + 'M',\n    })\n  }\n\n  const onAccountsFilterClick = () => {\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_FILTER)\n  }\n  const onClickRow = (guid: string) => {\n    setSelectedCategory(guid)\n  }\n  const onClickLegend = (guid: string) => {\n    setSelectedCategory(guid)\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_LEGEND, { category: getCategoryName(guid) })\n  }\n  const onHoverLegend = (guid: string) => {\n    onEvent(ANALYTICS_EVENTS.TRENDS_HOVER_LEGEND, { category: getCategoryName(guid) })\n  }\n  const onHoverArea = (category: string) => {\n    onEvent(ANALYTICS_EVENTS.TRENDS_HOVER_AREA, { category })\n  }\n  const onHoverPoint = (category: string) => {\n    onEvent(ANALYTICS_EVENTS.TRENDS_HOVER_POINT, { category })\n  }\n\n  if (!isInitialized || !isWidgetInitialized) return <Loader />\n\n  return (\n    <WidgetContainer\n      calendarActions={{ onRangeChanged }}\n      dateRange={selectedDateRange}\n      dateRangeVariant=\"timeframebuttons\"\n      onAccountsFilterClick={onAccountsFilterClick}\n      onBackClick={onBackClick}\n      onMenuClick={onMenuClick}\n      sx={sx}\n      title={copy.title}\n    >\n      <Stack\n        sx={{\n          // eslint-disable-next-line no-nested-ternary\n          px: isDesktop ? 48 : isTablet ? 24 : 12,\n        }}\n      >\n        <Stack\n          flexDirection=\"row\"\n          justifyContent=\"space-between\"\n          sx={{ pb: isMobile ? 12 : 24, pt: isMobile ? 24 : 48 }}\n        >\n          <DateRangeText\n            selectedCategoryGuid={selectedCategory}\n            selectedDateRange={selectedDateRange}\n          />\n          <TrendsViewToggle onTabChange={onTabChange} selectedTab={selectedTab} />\n        </Stack>\n        <Stack alignItems=\"center\" flexDirection=\"row\" width=\"100%\">\n          <Box flexGrow={1}>\n            {selectedCategory && (\n              <Button onClick={() => setSelectedCategory('')} sx={{ p: 0, pr: 5 }}>\n                <Icon name=\"arrow_back\" />\n                {copy.all_categories}\n              </Button>\n            )}\n          </Box>\n          <Button onClick={() => setShowTransactions(true)} sx={{ px: 5 }}>\n            {`${copy.view_transactions} (${transactions.length})`}\n          </Button>\n        </Stack>\n        <Box>\n          {selectedTab === 'Chart' && (\n            <StackedLineChart\n              availableHeight={availableChartHeight}\n              onClickLegend={onClickLegend}\n              onHoverArea={onHoverArea}\n              onHoverLegend={onHoverLegend}\n              onHoverPoint={onHoverPoint}\n              stackedDatasets={chartData.stackedDatasets}\n              unstackedDatasets={chartData.unstackedDatasets}\n            />\n          )}\n          {selectedTab === 'Table' && (\n            <TrendsTableContainer\n              onClickRow={onClickRow}\n              selectedCategory={selectedCategory}\n              selectedDateRange={selectedDateRange}\n            />\n          )}\n        </Box>\n      </Stack>\n      <TrendsDrawer\n        categoryGuid={selectedCategory}\n        dateRange={selectedDateRange}\n        isOpen={showTransactions}\n        onClose={() => setShowTransactions(false)}\n      />\n    </WidgetContainer>\n  )\n}\n\nexport default observer(TrendsFullWidget)\n"],"mappings":"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"}

package/dist/trends/TrendsMicroWidget/index.es.js

@@ -1,72 +0,0 @@
-import { useAccountStore as L, useCategoryStore as I, useEvent as R, useGlobalCopyStore as v, useGlobalUiStore as x } from "../../common/context/hooks/index.es.js";
-import { useWidgetLoadTimer as N } from "../../common/hooks/useWidgetLoadTimer/index.es.js";
-import { ANALYTICS_EVENTS as c } from "../../common/constants/Analytics/index.es.js";
-import W from "../../common/components/MicroWidgetContainer/index.es.js";
-import w from "../../common/components/Loader/index.es.js";
-import { calculateRelativeChange as f } from "../utils/shared/index.es.js";
-import { getIncomeTotals as G, getSpendingTotals as P } from "../utils/SpendingData/index.es.js";
-import { TrendsMicroSpendingIncomeBox as h } from "../components/TrendsMicroSpendingIncomeBox/index.es.js";
-import { ZeroStateMicroWidget as k } from "../ZeroStateMicroWidget/index.es.js";
-import l from "react";
-import { observer as j } from "mobx-react-lite";
-import z from "@mui/material/Stack";
-import { jsx as t, jsxs as K } from "react/jsx-runtime";
-import { subMonths as O } from "date-fns";
-var oe = j(({ onCtaClick: T }) => {
-  const { isAccountDataLoaded: _, loadAccountData: S, visibleAccounts: m } = L();
-  l.useEffect(() => {
-    _ || S().finally();
-  }, []);
-  const { onEvent: d } = R(), { monthlyCategoryTotals: a, loadMonthlyCategoryTotals: D, monthlyTotalsLoaded: p } = I(), o = {
-    start: O(/* @__PURE__ */ new Date(), 1),
-    end: /* @__PURE__ */ new Date()
-  }, { trends: e } = v(), { selectedAccounts: g, isInitialized: n } = x();
-  N({
-    widgetName: "TrendsMicroWidget",
-    isLoaded: p
-  }), l.useEffect(() => {
-    n && D(g, o.start).then(() => {
-      d(c.TRENDS_LOAD_WIDGET, { state: m?.length ? "default" : "zeroState" });
-    });
-  }, [n, g]);
-  const { spendingData: C, incomeData: b } = l.useMemo(() => ({
-    spendingData: P(a, o),
-    incomeData: G(a, o)
-  }), [a, o]), [y, r] = C, [u, i] = b, E = f(r.y, y.y), M = f(i.y, u.y), s = n && !m?.length, A = () => {
-    d(s ? c.TRENDS_CLICK_GET_STARTED : c.TRENDS_CLICK_VIEW_MORE), T();
-  };
-  return !p || !n ? /* @__PURE__ */ t(w, {}) : /* @__PURE__ */ t(W, {
-    className: "mx-trends-microwidget",
-    ctaLabel: e.micro_primary_cta_label,
-    onCTAClick: A,
-    subHeader: s ? void 0 : e.micro_subheader,
-    title: e.title,
-    children: s ? /* @__PURE__ */ t(k, {}) : /* @__PURE__ */ K(z, {
-      sx: {
-        alignItems: "stretch",
-        flexDirection: "row",
-        gap: 12
-      },
-      children: [/* @__PURE__ */ t(h, {
-        percentage: E,
-        secondaryLabel: e.micro_secondary_label,
-        shouldDisplayPercentage: r.y !== 0 && y.y !== 0,
-        title: e.spending_label,
-        totalAmount: r.y,
-        transactionType: "spending"
-      }), /* @__PURE__ */ t(h, {
-        percentage: M,
-        secondaryLabel: e.micro_secondary_label,
-        shouldDisplayPercentage: i.y !== 0 && u.y !== 0,
-        title: e.income_label,
-        totalAmount: i.y,
-        transactionType: "income"
-      })]
-    })
-  });
-});
-export {
-  oe as TrendsMicroWidget
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/TrendsMicroWidget/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../src/trends/TrendsMicroWidget.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport { subMonths } from 'date-fns'\n\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  ANALYTICS_EVENTS,\n  Loader,\n  MicroWidgetContainer,\n  useAccountStore,\n  useCategoryStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useWidgetLoadTimer,\n} from '../common'\n\nimport { TrendsMicroSpendingIncomeBox } from './components/TrendsMicroSpendingIncomeBox'\nimport { calculateRelativeChange } from './utils/shared'\nimport { getIncomeTotals, getSpendingTotals } from './utils/SpendingData'\nimport { ZeroStateMicroWidget } from './ZeroStateMicroWidget'\n\ninterface TrendsMicroWidgetProps {\n  onCtaClick: () => void\n}\nexport const TrendsMicroWidget = observer(({ onCtaClick }: TrendsMicroWidgetProps) => {\n  const { isAccountDataLoaded, loadAccountData, visibleAccounts: accounts } = useAccountStore()\n\n  React.useEffect(() => {\n    if (!isAccountDataLoaded) {\n      loadAccountData().finally()\n    }\n  }, [])\n\n  const { onEvent } = useEvent()\n  const { monthlyCategoryTotals, loadMonthlyCategoryTotals, monthlyTotalsLoaded } =\n    useCategoryStore()\n\n  const dateRange = {\n    start: subMonths(new Date(), 1),\n    end: new Date(),\n  }\n\n  const { trends: trendsCopy } = useGlobalCopyStore()\n\n  const { selectedAccounts, isInitialized } = useGlobalUiStore()\n\n  useWidgetLoadTimer({\n    widgetName: 'TrendsMicroWidget',\n    isLoaded: monthlyTotalsLoaded,\n  })\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadMonthlyCategoryTotals(selectedAccounts, dateRange.start).then(() => {\n        onEvent(ANALYTICS_EVENTS.TRENDS_LOAD_WIDGET, {\n          state: !accounts?.length ? 'zeroState' : 'default',\n        })\n      })\n    }\n  }, [isInitialized, selectedAccounts])\n\n  const { spendingData, incomeData } = React.useMemo(\n    () => ({\n      spendingData: getSpendingTotals(monthlyCategoryTotals, dateRange),\n      incomeData: getIncomeTotals(monthlyCategoryTotals, dateRange),\n    }),\n    [monthlyCategoryTotals, dateRange],\n  )\n\n  const [lastMonthSpending, thisMonthSpending] = spendingData\n  const [lastMonthIncome, thisMonthIncome] = incomeData\n\n  const spendingPercentage = calculateRelativeChange(thisMonthSpending.y, lastMonthSpending.y)\n  const incomePercentage = calculateRelativeChange(thisMonthIncome.y, lastMonthIncome.y)\n\n  const showZeroState = isInitialized && !accounts?.length\n\n  const handleCtaClick = () => {\n    onEvent(\n      showZeroState\n        ? ANALYTICS_EVENTS.TRENDS_CLICK_GET_STARTED\n        : ANALYTICS_EVENTS.TRENDS_CLICK_VIEW_MORE,\n    )\n    onCtaClick()\n  }\n\n  if (!monthlyTotalsLoaded || !isInitialized) return <Loader />\n\n  return (\n    <MicroWidgetContainer\n      className=\"mx-trends-microwidget\"\n      ctaLabel={trendsCopy.micro_primary_cta_label}\n      onCTAClick={handleCtaClick}\n      subHeader={!showZeroState ? trendsCopy.micro_subheader : undefined}\n      title={trendsCopy.title}\n    >\n      {!showZeroState ? (\n        <Stack\n          sx={{\n            alignItems: 'stretch',\n            flexDirection: 'row',\n            gap: 12,\n          }}\n        >\n          <TrendsMicroSpendingIncomeBox\n            percentage={spendingPercentage}\n            secondaryLabel={trendsCopy.micro_secondary_label}\n            shouldDisplayPercentage={thisMonthSpending.y !== 0 && lastMonthSpending.y !== 0}\n            title={trendsCopy.spending_label}\n            totalAmount={thisMonthSpending.y}\n            transactionType={'spending'}\n          />\n          <TrendsMicroSpendingIncomeBox\n            percentage={incomePercentage}\n            secondaryLabel={trendsCopy.micro_secondary_label}\n            shouldDisplayPercentage={thisMonthIncome.y !== 0 && lastMonthIncome.y !== 0}\n            title={trendsCopy.income_label}\n            totalAmount={thisMonthIncome.y}\n            transactionType={'income'}\n          />\n        </Stack>\n      ) : (\n        <ZeroStateMicroWidget />\n      )}\n    </MicroWidgetContainer>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;AA4BA,IAAa,KAAoB,EAAA,CAAU,EAAE,YAAA,EAAA,MAAyC;AACpF,QAAM,EAAE,qBAAA,GAAqB,iBAAA,GAAiB,iBAAiB,EAAA,IAAa,EAAgB;AAE5F,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAK,KACH,EAAgB,EAAE,QAAQ;AAAA,EAE9B,GAAG,CAAC,CAAC;AAEL,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,uBAAA,GAAuB,2BAAA,GAA2B,qBAAA,EAAA,IACxD,EAAiB,GAEb,IAAY;AAAA,IAChB,OAAO,EAAU,oBAAI,KAAK,GAAG,CAAC;AAAA,IAC9B,KAAK,oBAAI,KAAK;AAAA,EAChB,GAEM,EAAE,QAAQ,EAAA,IAAe,EAAmB,GAE5C,EAAE,kBAAA,GAAkB,eAAA,EAAA,IAAkB,EAAiB;AAE7D,EAAA,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAED,EAAM,UAAA,MAAgB;AACpB,IAAI,KACF,EAA0B,GAAkB,EAAU,KAAK,EAAE,KAAA,MAAW;AACtE,MAAA,EAAQ,EAAiB,oBAAoB,EAC3C,OAAQ,GAAU,SAAuB,YAAd,YAC7B,CAAC;AAAA,IACH,CAAC;AAAA,EAEL,GAAG,CAAC,GAAe,CAAgB,CAAC;AAEpC,QAAM,EAAE,cAAA,GAAc,YAAA,EAAA,IAAe,EAAM,QAAA,OAClC;AAAA,IACL,cAAc,EAAkB,GAAuB,CAAS;AAAA,IAChE,YAAY,EAAgB,GAAuB,CAAS;AAAA,EAC9D,IACA,CAAC,GAAuB,CAAS,CACnC,GAEM,CAAC,GAAmB,CAAA,IAAqB,GACzC,CAAC,GAAiB,CAAA,IAAmB,GAErC,IAAqB,EAAwB,EAAkB,GAAG,EAAkB,CAAC,GACrF,IAAmB,EAAwB,EAAgB,GAAG,EAAgB,CAAC,GAE/E,IAAgB,KAAiB,CAAC,GAAU,QAE5C,IAAA,MAAuB;AAC3B,IAAA,EACE,IACI,EAAiB,2BACjB,EAAiB,sBACvB,GACA,EAAW;AAAA,EACb;AAEA,SAAI,CAAC,KAAuB,CAAC,IAAsB,gBAAA,EAAC,GAAD,CAAS,CAAA,IAG1D,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,UAAU,EAAW;AAAA,IACrB,YAAY;AAAA,IACZ,WAAY,IAA6C,SAA7B,EAAW;AAAA,IACvC,OAAO,EAAW;AAAA,cAEhB,IA0BA,gBAAA,EAAC,GAAD,CAAuB,CAAA,IAzBvB,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,KAAK;AAAA,MACP;AAAA,gBALF,CAOE,gBAAA,EAAC,GAAD;AAAA,QACE,YAAY;AAAA,QACZ,gBAAgB,EAAW;AAAA,QAC3B,yBAAyB,EAAkB,MAAM,KAAK,EAAkB,MAAM;AAAA,QAC9E,OAAO,EAAW;AAAA,QAClB,aAAa,EAAkB;AAAA,QAC/B,iBAAiB;AAAA,MAClB,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,QACE,YAAY;AAAA,QACZ,gBAAgB,EAAW;AAAA,QAC3B,yBAAyB,EAAgB,MAAM,KAAK,EAAgB,MAAM;AAAA,QAC1E,OAAO,EAAW;AAAA,QAClB,aAAa,EAAgB;AAAA,QAC7B,iBAAiB;AAAA,MAClB,CAAA,CACI;AAAA;EAIW,CAAA;AAE1B,CAAC"}

package/dist/trends/TrendsMiniWidget/index.es.js

@@ -1,43 +0,0 @@
-import { useAccountStore as m, useCategoryStore as f, useGlobalCopyStore as u, useGlobalStore as p, useGlobalUiStore as g } from "../../common/context/hooks/index.es.js";
-import { useWidgetLoadTimer as y } from "../../common/hooks/useWidgetLoadTimer/index.es.js";
-import h from "../../common/components/MiniWidgetContainer/index.es.js";
-import b from "../../common/components/Loader/index.es.js";
-import C from "../components/SpendingChart/index.es.js";
-import n from "react";
-import { observer as S } from "mobx-react-lite";
-import { jsx as i } from "react/jsx-runtime";
-var T = ({ onPrimaryCtaClick: s, sx: l }) => {
-  const { isAccountDataLoaded: t, loadAccountData: d } = m(), { loadMonthlyCategoryTotals: c, monthlyTotalsLoaded: r } = f(), { isInitialized: e } = p(), { trends: o } = u(), { selectedAccounts: a } = g();
-  return n.useEffect(() => {
-    t || d().finally();
-  }, []), y({
-    widgetName: "TrendsMiniWidget",
-    isLoaded: r
-  }), n.useEffect(() => {
-    e && t && c(a).finally();
-  }, [
-    t,
-    e,
-    a
-  ]), !t || !e || !r ? /* @__PURE__ */ i(b, {}) : /* @__PURE__ */ i(h, {
-    contentStyles: {
-      height: "calc(100% - 72px)",
-      minHeight: 300,
-      ":last-child": { pb: 0 }
-    },
-    onPrimaryCtaClick: s,
-    primaryCtaLabel: o.primary_cta,
-    subTitle: o.sub_title,
-    sx: {
-      height: "100%",
-      ...l
-    },
-    title: o.mini_title,
-    children: /* @__PURE__ */ i(C, {})
-  });
-}, D = S(T);
-export {
-  D as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/TrendsMiniWidget/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../src/trends/TrendsMiniWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  Loader,\n  MiniWidgetContainer,\n  useAccountStore,\n  useCategoryStore,\n  useGlobalCopyStore,\n  useGlobalStore,\n  useGlobalUiStore,\n  useWidgetLoadTimer,\n} from '../common'\nimport { MiniWidgetProps } from '../core'\n\nimport SpendingChart from './components/SpendingChart'\n\nconst TrendsMiniWidget: React.FC<MiniWidgetProps> = ({ onPrimaryCtaClick, sx }) => {\n  const { isAccountDataLoaded, loadAccountData } = useAccountStore()\n  const { loadMonthlyCategoryTotals, monthlyTotalsLoaded } = useCategoryStore()\n  const { isInitialized } = useGlobalStore()\n  const { trends: trendsCopy } = useGlobalCopyStore()\n  const { selectedAccounts } = useGlobalUiStore()\n\n  React.useEffect(() => {\n    if (!isAccountDataLoaded) {\n      loadAccountData().finally()\n    }\n  }, [])\n\n  useWidgetLoadTimer({\n    widgetName: 'TrendsMiniWidget',\n    isLoaded: monthlyTotalsLoaded,\n  })\n\n  React.useEffect(() => {\n    if (isInitialized && isAccountDataLoaded) {\n      loadMonthlyCategoryTotals(selectedAccounts).finally()\n    }\n  }, [isAccountDataLoaded, isInitialized, selectedAccounts])\n\n  if (!isAccountDataLoaded || !isInitialized || !monthlyTotalsLoaded) {\n    return <Loader />\n  }\n\n  return (\n    <MiniWidgetContainer\n      contentStyles={{ height: 'calc(100% - 72px)', minHeight: 300, ':last-child': { pb: 0 } }}\n      onPrimaryCtaClick={onPrimaryCtaClick}\n      primaryCtaLabel={trendsCopy.primary_cta}\n      subTitle={trendsCopy.sub_title}\n      sx={{ height: '100%', ...sx }}\n      title={trendsCopy.mini_title}\n    >\n      <SpendingChart />\n    </MiniWidgetContainer>\n  )\n}\n\nexport default observer(TrendsMiniWidget)\n"],"mappings":";;;;;;;;AAiBA,IAAM,IAAA,CAA+C,EAAE,mBAAA,GAAmB,IAAA,EAAA,MAAS;AACjF,QAAM,EAAE,qBAAA,GAAqB,iBAAA,EAAA,IAAoB,EAAgB,GAC3D,EAAE,2BAAA,GAA2B,qBAAA,EAAA,IAAwB,EAAiB,GACtE,EAAE,eAAA,EAAA,IAAkB,EAAe,GACnC,EAAE,QAAQ,EAAA,IAAe,EAAmB,GAC5C,EAAE,kBAAA,EAAA,IAAqB,EAAiB;AAmB9C,SAjBA,EAAM,UAAA,MAAgB;AACpB,IAAK,KACH,EAAgB,EAAE,QAAQ;AAAA,EAE9B,GAAG,CAAC,CAAC,GAEL,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAED,EAAM,UAAA,MAAgB;AACpB,IAAI,KAAiB,KACnB,EAA0B,CAAgB,EAAE,QAAQ;AAAA,EAExD,GAAG;AAAA,IAAC;AAAA,IAAqB;AAAA,IAAe;AAAA,EAAgB,CAAC,GAErD,CAAC,KAAuB,CAAC,KAAiB,CAAC,IACtC,gBAAA,EAAC,GAAD,CAAS,CAAA,IAIhB,gBAAA,EAAC,GAAD;AAAA,IACE,eAAe;AAAA,MAAE,QAAQ;AAAA,MAAqB,WAAW;AAAA,MAAK,eAAe,EAAE,IAAI,EAAE;AAAA,IAAE;AAAA,IACpE,mBAAA;AAAA,IACnB,iBAAiB,EAAW;AAAA,IAC5B,UAAU,EAAW;AAAA,IACrB,IAAI;AAAA,MAAE,QAAQ;AAAA,MAAQ,GAAG;AAAA,IAAG;AAAA,IAC5B,OAAO,EAAW;AAAA,cAElB,gBAAA,EAAC,GAAD,CAAgB,CAAA;AAAA,EACG,CAAA;AAEzB,GAEA,IAAe,EAAS,CAAgB"}