@mx-cartographer/experiences 4.0.14-alpha.JB1 → 4.0.14-alpha.JB2

package/dist/AccountStore-B23-oV1B.mjs

@@ -0,0 +1,244 @@
+import { makeAutoObservable as h, runInAction as a } from "mobx";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import { W as r, a1 as u, a2 as l, a3 as d, a4 as A } from "./ConnectMiniWidget-Ep65CtHH.mjs";
+import "react";
+import "@honeybadger-io/react";
+import "numeral";
+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 "react/jsx-runtime";
+import "@mui/material/Button";
+import "@kyper/mui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+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 "@mui/icons-material/KeyboardArrowLeftRounded";
+import "@mui/icons-material/KeyboardArrowRightRounded";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "@mui/material/Stack";
+import "@mui/material";
+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 "@mui/icons-material/ArrowBackOutlined";
+import "@mui/material/Card";
+import "@mui/material/CardHeader";
+import "@mui/material/CardContent";
+import "uuid";
+import "@mui/material/CircularProgress";
+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 { F as g, A as s } from "./Fetch-DpUi1_Dx.mjs";
+import "date-fns/differenceInDays";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "date-fns/getMonth";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subWeeks";
+import "date-fns/formatISO";
+class p {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new g(t, e);
+  }
+  createAccount = async (t) => this.fetchInstance.post(s.ACCOUNTS, t).then((e) => e.account).catch((e) => e);
+  deleteAccount = async (t) => this.fetchInstance.delete(`${s.ACCOUNTS}/${t}`).catch((e) => e);
+  getAccounts = async () => this.fetchInstance.get(s.ACCOUNTS).then((t) => t.accounts).catch((t) => t);
+  getInstitutions = async () => this.fetchInstance.get(s.INSTITUTIONS).then((t) => t).catch((t) => t);
+  getMembers = async () => this.fetchInstance.get(s.MEMBERS).then((t) => t.members).catch((t) => t);
+  getMonthlyAccountBalances = async (t) => this.fetchInstance.get(`${s.ACCOUNTS}/${t}/monthly_account_balances`).then((e) => e.monthly_account_balances).catch((e) => e);
+  mergeAccounts = async (t) => this.fetchInstance.put(`${s.ACCOUNTS}/merge`, { accounts: t }).then((e) => e).catch((e) => e);
+  refreshAllMembers = async () => this.fetchInstance.get(`${s.MEMBERS}/refresh_all`).then((t) => t).catch((t) => t);
+  updateAccount = async (t) => this.fetchInstance.put(`${s.ACCOUNTS}/${t.guid}`, t).then((e) => e.account).catch((e) => e);
+}
+class y {
+  isLoading = !1;
+  selectedAccount = {};
+  selectedMember = {};
+  constructor() {
+    h(this);
+  }
+  setIsLoading = (t) => this.isLoading = t;
+  setSelectedAccount = (t) => this.selectedAccount = t;
+  setSelectedMember = (t) => this.selectedMember = t;
+}
+class qt {
+  api = new p("/", "");
+  globalStore;
+  accounts = [];
+  institutions = [];
+  members = [];
+  uiStore;
+  constructor(t) {
+    this.globalStore = t, this.uiStore = new y(), h(this);
+  }
+  initialize = async (t, e) => {
+    this.api = new p(t, e), await Promise.all([this.loadAccounts(), this.loadInstitutions()]);
+  };
+  get cashAccounts() {
+    return this.accounts.filter(
+      (t) => t.account_type === r.CASH || t.account_type === r.CHECKING || t.account_type === r.PREPAID || t.account_type === r.SAVINGS || t.account_type === r.CHECKING_LINE_OF_CREDIT
+    );
+  }
+  get debtAccounts() {
+    return this.accounts.filter(
+      (t) => t.account_type === r.CREDIT_CARD || t.account_type === r.LOAN || t.account_type === r.MORTGAGE || t.account_type === r.LINE_OF_CREDIT || t.account_type === r.CHECKING_LINE_OF_CREDIT
+    );
+  }
+  get cashBalance() {
+    return this.cashAccounts.reduce((t, e) => t + (e?.balance || 0), 0);
+  }
+  addAccount = async (t) => {
+    try {
+      const e = await this.api.createAccount(t);
+      a(() => {
+        this.accounts = [...this.accounts, e];
+      });
+    } catch (e) {
+      console.error(`Error occurred while adding an account: ${e}`);
+    }
+  };
+  augmentAccounts = (t = this.accounts) => {
+    const e = [];
+    return t.forEach((c) => {
+      const i = this.members.findIndex(
+        (o) => o.guid === c.member_guid
+      );
+      if (i > -1) {
+        let o = u.Connected;
+        const n = this.members[i];
+        l.includes(n.connection_status) ? o = u.Error : d.includes(n.connection_status) ? o = u.Processing : A.includes(n.connection_status) && (o = u.RequiresMfa), e.push({
+          ...c,
+          memberName: n.name,
+          connectionStatus: o
+        }), this.members[i].connectionStatus = o;
+      }
+    }), e;
+  };
+  loadAccounts = async () => {
+    await this.loadMembers();
+    try {
+      const t = await this.api.getAccounts();
+      a(() => {
+        this.accounts = this.sortAccounts(this.augmentAccounts(t));
+      });
+    } catch (t) {
+      console.error(`Error occurred while loading accounts: ${t}`);
+    }
+  };
+  loadInstitutions = async () => {
+    try {
+      const t = await this.api.getInstitutions();
+      a(() => {
+        this.institutions = t;
+      });
+    } catch (t) {
+      console.error(`Error occurred while loading institutions: ${t}`);
+    }
+  };
+  loadMembers = async () => {
+    try {
+      const t = await this.api.getMembers();
+      a(() => {
+        this.members = t;
+      });
+    } catch (t) {
+      console.error(`Error occurred while loading members: ${t}`);
+    }
+  };
+  mergeAccounts = async (t) => {
+    try {
+      const e = await this.api.mergeAccounts(t), c = e[Object.keys(e)[0]];
+      a(() => {
+        const i = this.accounts.findIndex((n) => n.guid === t[1]);
+        this.accounts.splice(i, 1);
+        const o = this.accounts.findIndex((n) => n.guid === t[0]);
+        this.accounts.splice(o, 1, c);
+      });
+    } catch (e) {
+      console.error(`Error occurred while merging accounts: ${e}`);
+    }
+  };
+  sortAccounts = (t = this.accounts) => t.sort((e, c) => e.account_type > c.account_type ? 1 : e.account_type < c.account_type ? -1 : (e.name || "") > (c.name || "") ? 1 : (e.name || "") < (c.name || "") ? -1 : 0);
+  refreshAccounts = async () => {
+    this.uiStore.setIsLoading(!0), await Promise.all([this.loadAccounts(), this.loadInstitutions()]), this.uiStore.setIsLoading(!1);
+  };
+  refreshMembers = async () => {
+    try {
+      await this.api.refreshAllMembers(), await this.loadMembers();
+    } catch (t) {
+      console.error(`Error occurredwhile refreshing members: ${t}`);
+    }
+  };
+  removeAccount = async (t) => {
+    try {
+      await this.api.deleteAccount(t), a(() => {
+        const e = this.accounts.findIndex((c) => c.guid === t);
+        this.accounts.splice(e, 1);
+      });
+    } catch (e) {
+      console.error(`Error occurred while removing an account: ${e}`);
+    }
+  };
+  updateAccount = async (t) => {
+    try {
+      const e = await this.api.updateAccount(t);
+      a(() => {
+        const c = this.accounts.findIndex(
+          (i) => i.guid === e.guid
+        );
+        this.accounts.splice(c, 1, e), this.augmentAccounts(this.accounts);
+      });
+    } catch (e) {
+      console.error(`Error occurred while updating account: ${e}`);
+    }
+  };
+}
+export {
+  p as A,
+  qt as a
+};
+//# sourceMappingURL=AccountStore-B23-oV1B.mjs.map

package/dist/AccountStore-B23-oV1B.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountStore-B23-oV1B.mjs","sources":["../src/accounts/api/AccountApi.ts","../src/accounts/stores/UiStore.ts","../src/accounts/stores/AccountStore.ts"],"sourcesContent":["import Fetch from '../../common/utils/Fetch'\n\nimport { ApiEndpoints } from '../../common/constants'\nimport type { Account } from '../../common'\n\nexport class AccountApi {\n  fetchInstance: Fetch\n\n  constructor(endpoint: string, token: string) {\n    this.fetchInstance = new Fetch(endpoint, token)\n  }\n\n  createAccount = async (account: Account) => {\n    return this.fetchInstance\n      .post(ApiEndpoints.ACCOUNTS, account)\n      .then((data) => data.account)\n      .catch((error) => error)\n  }\n\n  deleteAccount = async (accountGuid: string) => {\n    return this.fetchInstance\n      .delete(`${ApiEndpoints.ACCOUNTS}/${accountGuid}`)\n      .catch((error) => error)\n  }\n\n  getAccounts = async () => {\n    return this.fetchInstance\n      .get(ApiEndpoints.ACCOUNTS)\n      .then((data) => data.accounts)\n      .catch((error) => error)\n  }\n\n  getInstitutions = async () => {\n    return this.fetchInstance\n      .get(ApiEndpoints.INSTITUTIONS)\n      .then((data) => data)\n      .catch((error) => error)\n  }\n\n  getMembers = async () => {\n    return this.fetchInstance\n      .get(ApiEndpoints.MEMBERS)\n      .then((data) => data.members)\n      .catch((error) => error)\n  }\n\n  getMonthlyAccountBalances = async (guid: string) => {\n    return this.fetchInstance\n      .get(`${ApiEndpoints.ACCOUNTS}/${guid}/monthly_account_balances`)\n      .then((data) => data.monthly_account_balances)\n      .catch((error) => error)\n  }\n\n  mergeAccounts = async (accountGuids: string[]) => {\n    return this.fetchInstance\n      .put(`${ApiEndpoints.ACCOUNTS}/merge`, { accounts: accountGuids })\n      .then((data) => data)\n      .catch((error) => error)\n  }\n\n  refreshAllMembers = async () => {\n    return this.fetchInstance\n      .get(`${ApiEndpoints.MEMBERS}/refresh_all`)\n      .then((data) => data)\n      .catch((error) => error)\n  }\n\n  updateAccount = async (account: Account) => {\n    return this.fetchInstance\n      .put(`${ApiEndpoints.ACCOUNTS}/${account.guid}`, account)\n      .then((data) => data.account)\n      .catch((error) => error)\n  }\n}\n","import { makeAutoObservable } from 'mobx'\nimport { Account, Member } from '../../common'\n\nexport class UiStore {\n  isLoading = false\n\n  selectedAccount: Account = {} as Account\n  selectedMember: Member = {} as Member\n\n  constructor() {\n    makeAutoObservable(this)\n  }\n\n  setIsLoading = (isLoading: boolean) => (this.isLoading = isLoading)\n\n  setSelectedAccount = (account: Account) => (this.selectedAccount = account)\n  setSelectedMember = (member: Member) => (this.selectedMember = member)\n}\n","import { makeAutoObservable, runInAction } from 'mobx'\n\nimport {\n  AccountType,\n  ErrorStatuses,\n  MfaStatuses,\n  ConnectionStatus,\n  ProcessingStatuses,\n} from '../../common'\n\nimport type { Account, GlobalStore, Institution, Member } from '../../common'\n\nimport { AccountApi } from '../api/AccountApi'\nimport { UiStore } from './UiStore'\n\nexport class AccountStore {\n  api: AccountApi = new AccountApi('/', '')\n\n  globalStore: GlobalStore\n\n  accounts: Account[] = []\n  institutions: Institution[] = []\n  members: Member[] = []\n  uiStore: UiStore\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n    this.uiStore = new UiStore()\n    makeAutoObservable(this)\n  }\n\n  initialize = async (endpoint: string, token: string) => {\n    this.api = new AccountApi(endpoint, token)\n\n    await Promise.all([this.loadAccounts(), this.loadInstitutions()])\n  }\n\n  get cashAccounts(): Account[] {\n    return this.accounts.filter(\n      (account: Account) =>\n        account.account_type === AccountType.CASH ||\n        account.account_type === AccountType.CHECKING ||\n        account.account_type === AccountType.PREPAID ||\n        account.account_type === AccountType.SAVINGS ||\n        account.account_type === AccountType.CHECKING_LINE_OF_CREDIT,\n    )\n  }\n\n  get debtAccounts(): Account[] {\n    return this.accounts.filter(\n      (account: Account) =>\n        account.account_type === AccountType.CREDIT_CARD ||\n        account.account_type === AccountType.LOAN ||\n        account.account_type === AccountType.MORTGAGE ||\n        account.account_type === AccountType.LINE_OF_CREDIT ||\n        account.account_type === AccountType.CHECKING_LINE_OF_CREDIT,\n    )\n  }\n\n  get cashBalance(): number {\n    return this.cashAccounts.reduce((total, account) => total + (account?.balance || 0), 0)\n  }\n\n  addAccount = async (account: Account) => {\n    try {\n      const newAccount = await this.api.createAccount(account)\n\n      runInAction(() => {\n        this.accounts = [...this.accounts, newAccount]\n      })\n    } catch (error) {\n      console.error(`Error occurred while adding an account: ${error}`)\n    }\n  }\n\n  augmentAccounts = (accounts: Account[] = this.accounts) => {\n    const augmentedAccounts: Account[] = []\n\n    accounts.forEach((account: Account) => {\n      const memberLocation = this.members.findIndex(\n        (member: Member) => member.guid === account.member_guid,\n      )\n      if (memberLocation > -1) {\n        let connectionStatus = ConnectionStatus.Connected\n        const member = this.members[memberLocation]\n        if (ErrorStatuses.includes(member.connection_status)) {\n          connectionStatus = ConnectionStatus.Error\n        } else if (ProcessingStatuses.includes(member.connection_status)) {\n          connectionStatus = ConnectionStatus.Processing\n        } else if (MfaStatuses.includes(member.connection_status)) {\n          connectionStatus = ConnectionStatus.RequiresMfa\n        }\n\n        augmentedAccounts.push({\n          ...account,\n          memberName: member.name,\n          connectionStatus,\n        })\n\n        this.members[memberLocation].connectionStatus = connectionStatus\n      }\n    })\n\n    return augmentedAccounts\n  }\n\n  loadAccounts = async () => {\n    await this.loadMembers()\n\n    try {\n      const accounts = await this.api.getAccounts()\n\n      runInAction(() => {\n        this.accounts = this.sortAccounts(this.augmentAccounts(accounts))\n      })\n    } catch (error) {\n      console.error(`Error occurred while loading accounts: ${error}`)\n    }\n  }\n\n  loadInstitutions = async () => {\n    try {\n      const institutions = await this.api.getInstitutions()\n\n      runInAction(() => {\n        this.institutions = institutions\n      })\n    } catch (error) {\n      console.error(`Error occurred while loading institutions: ${error}`)\n    }\n  }\n\n  loadMembers = async () => {\n    try {\n      const members = await this.api.getMembers()\n\n      runInAction(() => {\n        this.members = members\n      })\n    } catch (error) {\n      console.error(`Error occurred while loading members: ${error}`)\n    }\n  }\n\n  mergeAccounts = async (accountGuids: string[]) => {\n    try {\n      const response = await this.api.mergeAccounts(accountGuids)\n      // the response from the api is a funky database key here, so this is essentially just getting the first item in the returned object\n      // to prevent making multiple api calls here\n      const mergedAccount = response[Object.keys(response)[0]]\n\n      runInAction(() => {\n        const account2Index = this.accounts.findIndex((account) => account.guid === accountGuids[1])\n        this.accounts.splice(account2Index, 1)\n\n        const account1Index = this.accounts.findIndex((account) => account.guid === accountGuids[0])\n        this.accounts.splice(account1Index, 1, mergedAccount)\n      })\n    } catch (error) {\n      console.error(`Error occurred while merging accounts: ${error}`)\n    }\n  }\n\n  sortAccounts = (accounts: Account[] = this.accounts) => {\n    return accounts.sort((a: Account, b: Account) => {\n      // orders by account type descending (Checking -> Savings -> Credit card)\n      if (a.account_type > b.account_type) return 1\n      if (a.account_type < b.account_type) return -1\n      // orders by name (Emergency Savings -> Health Savings -> Rainy Day Savings)\n      if ((a.name || '') > (b.name || '')) return 1\n      if ((a.name || '') < (b.name || '')) return -1\n      return 0\n    })\n  }\n\n  refreshAccounts = async () => {\n    this.uiStore.setIsLoading(true)\n    await Promise.all([this.loadAccounts(), this.loadInstitutions()])\n    this.uiStore.setIsLoading(false)\n  }\n\n  refreshMembers = async () => {\n    try {\n      await this.api.refreshAllMembers()\n      await this.loadMembers()\n    } catch (error) {\n      console.error(`Error occurredwhile refreshing members: ${error}`)\n    }\n  }\n\n  removeAccount = async (accountGuid: string) => {\n    try {\n      await this.api.deleteAccount(accountGuid)\n\n      runInAction(() => {\n        const deletedIndex = this.accounts.findIndex((account) => account.guid === accountGuid)\n        this.accounts.splice(deletedIndex, 1)\n      })\n    } catch (error) {\n      console.error(`Error occurred while removing an account: ${error}`)\n    }\n  }\n\n  updateAccount = async (account: Account) => {\n    try {\n      const updatedAccount = await this.api.updateAccount(account)\n\n      runInAction(() => {\n        const updatedAccountIndex = this.accounts.findIndex(\n          (account) => account.guid === updatedAccount.guid,\n        )\n\n        this.accounts.splice(updatedAccountIndex, 1, updatedAccount)\n        this.augmentAccounts(this.accounts)\n      })\n    } catch (error) {\n      console.error(`Error occurred while updating account: ${error}`)\n    }\n  }\n}\n"],"names":["AccountApi","endpoint","token","Fetch","account","ApiEndpoints","data","error","accountGuid","guid","accountGuids","UiStore","makeAutoObservable","isLoading","member","AccountStore","globalStore","AccountType","total","newAccount","runInAction","accounts","augmentedAccounts","memberLocation","connectionStatus","ConnectionStatus","ErrorStatuses","ProcessingStatuses","MfaStatuses","institutions","members","response","mergedAccount","account2Index","account1Index","a","b","deletedIndex","updatedAccount","updatedAccountIndex"],"mappings":"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"}

package/dist/BeatApi-BxXgbSJY.mjs

@@ -0,0 +1,99 @@
+import { F as m, A as o } from "./Fetch-DpUi1_Dx.mjs";
+import "date-fns/intlFormat";
+import "date-fns/getUnixTime";
+import "bowser";
+import "react/jsx-runtime";
+import "react";
+import "@mui/material/Button";
+import "@kyper/mui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "./ConnectMiniWidget-Ep65CtHH.mjs";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/addMonths";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isBefore";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/startOfToday";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mui/icons-material/KeyboardArrowLeftRounded";
+import "@mui/icons-material/KeyboardArrowRightRounded";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "@mui/material/Stack";
+import "@mui/material";
+import "date-fns/addYears";
+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 "@mui/icons-material/ArrowBackOutlined";
+import "@mui/material/Card";
+import "@mui/material/CardHeader";
+import "@mui/material/CardContent";
+import "uuid";
+import "numeral";
+import "@mui/material/CircularProgress";
+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 "mobx";
+import "date-fns/differenceInDays";
+import "date-fns/fromUnixTime";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "date-fns/getMonth";
+import "date-fns/isAfter";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/nextDay";
+import "date-fns/parseISO";
+import "date-fns/setDate";
+import "date-fns/subWeeks";
+import "date-fns/getDay";
+import "date-fns/formatISO";
+class kt {
+  fetchInstance;
+  constructor(t, r) {
+    this.fetchInstance = new m(t, r);
+  }
+  getBeats = async (t, r) => {
+    const i = `page=${t || 1}&per_page=${r || 5}`;
+    return this.fetchInstance.get(`${o.BEATS}?${i}`).then((p) => p.beats);
+  };
+  getBeatsWithAssociatedTransaction = async (t) => {
+    let r = "has_associated_transaction_guid=true";
+    return r += t ? `&from_date=${t}` : "", this.fetchInstance.get(`${o.BEATS}?${r}`).then((i) => i.beats);
+  };
+  updateBeat = async (t) => this.fetchInstance.put(`${o.BEATS}/${t.guid}`, t).then((r) => r.beat);
+}
+export {
+  kt as B
+};
+//# sourceMappingURL=BeatApi-BxXgbSJY.mjs.map

package/dist/BeatApi-BxXgbSJY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BeatApi-BxXgbSJY.mjs","sources":["../src/common/api/BeatApi.ts"],"sourcesContent":["import Fetch from '../utils/Fetch'\n\nimport { ApiEndpoints } from '../constants'\n\nimport type { Beat } from '../types'\n\nexport class BeatApi {\n  fetchInstance: Fetch\n\n  constructor(endpoint: string, token: string) {\n    this.fetchInstance = new Fetch(endpoint, token)\n  }\n\n  getBeats = async (pageNum?: number, perPage?: number) => {\n    const beatParams = `page=${pageNum ? pageNum : 1}&per_page=${perPage ? perPage : 5}`\n\n    return this.fetchInstance.get(`${ApiEndpoints.BEATS}?${beatParams}`).then((data) => data.beats)\n  }\n\n  getBeatsWithAssociatedTransaction = async (fromDate?: string) => {\n    let beatParams = 'has_associated_transaction_guid=true'\n    beatParams += fromDate ? `&from_date=${fromDate}` : ''\n\n    return this.fetchInstance.get(`${ApiEndpoints.BEATS}?${beatParams}`).then((data) => data.beats)\n  }\n\n  updateBeat = async (beat: Beat) => {\n    return this.fetchInstance\n      .put(`${ApiEndpoints.BEATS}/${beat.guid}`, beat)\n      .then((data) => data.beat)\n  }\n}\n"],"names":["BeatApi","endpoint","token","Fetch","pageNum","perPage","beatParams","ApiEndpoints","data","fromDate","beat"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAMA,GAAQ;AAAA,EACnB;AAAA,EAEA,YAAYC,GAAkBC,GAAe;AAC3C,SAAK,gBAAgB,IAAIC,EAAMF,GAAUC,CAAK;AAAA,EAChD;AAAA,EAEA,WAAW,OAAOE,GAAkBC,MAAqB;AACjD,UAAAC,IAAa,QAAQF,KAAoB,CAAC,aAAaC,KAAoB,CAAC;AAElF,WAAO,KAAK,cAAc,IAAI,GAAGE,EAAa,KAAK,IAAID,CAAU,EAAE,EAAE,KAAK,CAACE,MAASA,EAAK,KAAK;AAAA,EAAA;AAAA,EAGhG,oCAAoC,OAAOC,MAAsB;AAC/D,QAAIH,IAAa;AACH,WAAAA,KAAAG,IAAW,cAAcA,CAAQ,KAAK,IAE7C,KAAK,cAAc,IAAI,GAAGF,EAAa,KAAK,IAAID,CAAU,EAAE,EAAE,KAAK,CAACE,MAASA,EAAK,KAAK;AAAA,EAAA;AAAA,EAGhG,aAAa,OAAOE,MACX,KAAK,cACT,IAAI,GAAGH,EAAa,KAAK,IAAIG,EAAK,IAAI,IAAIA,CAAI,EAC9C,KAAK,CAACF,MAASA,EAAK,IAAI;AAE/B;"}

package/dist/BudgetUtil-BSn9Zr71.mjs

@@ -0,0 +1,208 @@
+import { jsxs as g, jsx as u } from "react/jsx-runtime";
+import d from "@mui/material/Box";
+import h from "@mui/material/styles/useTheme";
+import "date-fns/intlFormat";
+import "date-fns/getUnixTime";
+import "bowser";
+import "react";
+import "@honeybadger-io/react";
+import "@mui/material/Button";
+import "@kyper/mui";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import { a5 as x, a6 as l, a7 as f } from "./ConnectMiniWidget-Ep65CtHH.mjs";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/addMonths";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isBefore";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/startOfToday";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mui/icons-material/KeyboardArrowLeftRounded";
+import "@mui/icons-material/KeyboardArrowRightRounded";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "@mui/material/Stack";
+import "@mui/material";
+import "date-fns/addYears";
+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 "@mui/icons-material/ArrowBackOutlined";
+import "@mui/material/Card";
+import "@mui/material/CardHeader";
+import "@mui/material/CardContent";
+import "uuid";
+import "numeral";
+import "@mui/material/CircularProgress";
+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 "mobx";
+import "date-fns/differenceInDays";
+import "date-fns/fromUnixTime";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "date-fns/getMonth";
+import "date-fns/isAfter";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/nextDay";
+import "date-fns/parseISO";
+import "date-fns/setDate";
+import "date-fns/subWeeks";
+import "date-fns/getDay";
+import "date-fns/formatISO";
+import { g as D, a as S } from "./Categories-XVFviD23.mjs";
+const C = 48, T = 4, zt = ({
+  color: o = "",
+  percent: r = 0,
+  size: t = C,
+  strokeWidth: i = T,
+  children: c
+}) => {
+  const n = h(), e = (t - i) / 2, m = -90, p = r > 100 ? 100 : r, a = 2 * Math.PI * e * (1 - p / 100), s = t / 2;
+  return /* @__PURE__ */ g(
+    d,
+    {
+      className: "mx-cmn-single-segment-donut",
+      height: t,
+      mt: -8,
+      position: "relative",
+      width: t,
+      children: [
+        /* @__PURE__ */ g("svg", { height: t, width: t, children: [
+          /* @__PURE__ */ u(
+            "circle",
+            {
+              cx: s,
+              cy: s,
+              fill: "none",
+              r: e,
+              stroke: n.palette.grey[300],
+              strokeWidth: i
+            }
+          ),
+          /* @__PURE__ */ u(
+            "circle",
+            {
+              cx: s,
+              cy: s,
+              fill: "none",
+              r: e,
+              stroke: o,
+              strokeDasharray: 2 * Math.PI * e,
+              strokeDashoffset: a,
+              strokeWidth: i,
+              transform: `rotate(${m}, ${s}, ${s})`
+            }
+          )
+        ] }),
+        /* @__PURE__ */ u(
+          d,
+          {
+            className: "mx-cmn-single-segment-donut-children",
+            left: "50%",
+            position: "absolute",
+            sx: { transform: "translate(-50%, -50%)" },
+            textAlign: "center",
+            top: "50%",
+            children: c
+          }
+        )
+      ]
+    }
+  );
+}, b = (o, r) => !o && !r ? 0 : !o && r ? 101 : r / o * 100, _ = (o, r) => {
+  const t = {
+    background: r.palette.success.main,
+    description: o <= 100 ? r.palette.text.secondary : r.palette.error.main,
+    text: r.palette.common.white,
+    mercury: r.palette.success.lighter
+  };
+  return o > 100 ? (t.background = r.palette.error.main, t.mercury = r.palette.error.lighter) : o > 80 && (t.background = r.palette.warning.main, t.text = r.palette.grey[900], t.mercury = r.palette.warning.lighter), t;
+}, tr = () => {
+  const { budgets: o } = x();
+  return o.map((t) => {
+    const i = t.transaction_total;
+    return t.amount - i;
+  }).reduce((t, i) => t + i, 0);
+}, rr = (o, r, t, i) => {
+  const c = [];
+  for (const n of o) {
+    const e = D(r, n.category_guid);
+    if (!e) continue;
+    const m = e.totalAmount, p = b(n.amount, m), a = n.amount - m;
+    c.push({
+      ...n,
+      budgetColors: _(p, i),
+      category: e,
+      description: l(
+        a < 0 ? t.budget_remaining_over : t.budget_remaining_left,
+        f(Math.abs(a), "0,0")
+      ),
+      percentage: p,
+      subBudgets: [],
+      transaction_total: m
+    });
+  }
+  for (const n of o) {
+    const e = S(r, n.category_guid);
+    if (!e) continue;
+    const m = e.currentAmount, p = c.find((B) => B.category_guid === e.parent_guid);
+    if (!p) continue;
+    const a = n.amount - m, s = b(n.amount, m);
+    p && p.subBudgets.push({
+      ...n,
+      budgetColors: _(s, i),
+      category: e,
+      description: l(
+        a < 0 ? t.budget_remaining_over : t.budget_remaining_left,
+        f(Math.abs(a), "0,0")
+      ),
+      percentage: s,
+      subBudgets: [],
+      transaction_total: m
+    });
+  }
+  return c;
+}, y = (o, r) => o.find((t) => t.guid === r), or = (o, r, t) => {
+  const i = y(o, t);
+  if (i)
+    return y(i.subBudgets, r);
+};
+export {
+  C as D,
+  zt as S,
+  T as a,
+  or as b,
+  rr as c,
+  y as f,
+  tr as u
+};
+//# sourceMappingURL=BudgetUtil-BSn9Zr71.mjs.map

package/dist/BudgetUtil-BSn9Zr71.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BudgetUtil-BSn9Zr71.mjs","sources":["../src/common/constants/Donut.ts","../src/common/components/donuts/SingleSegmentDonut.tsx","../src/budgets/utils/BudgetUtil.ts"],"sourcesContent":["export const DEFAULT_DONUT_SIZE = 48\nexport const DEFAULT_STROKE_WIDTH = 4\n","import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport useTheme from '@mui/material/styles/useTheme'\n\nimport { DEFAULT_DONUT_SIZE, DEFAULT_STROKE_WIDTH } from '../../constants'\n\nexport interface SingleSegmentDonutProps {\n  children: React.ReactNode\n  color: string\n  percent: number\n  size?: number\n  strokeWidth?: number\n}\n\nconst SingleSegmentDonut: React.FC<SingleSegmentDonutProps> = ({\n  color = '',\n  percent = 0,\n  size = DEFAULT_DONUT_SIZE,\n  strokeWidth = DEFAULT_STROKE_WIDTH,\n  children,\n}) => {\n  const theme = useTheme()\n\n  const radius = (size - strokeWidth) / 2\n  const offset = -90\n  const limitedPercent = percent > 100 ? 100 : percent\n  const length = 2 * Math.PI * radius * (1 - limitedPercent / 100)\n  const halfSize = size / 2\n\n  return (\n    <Box\n      className=\"mx-cmn-single-segment-donut\"\n      height={size}\n      mt={-8}\n      position=\"relative\"\n      width={size}\n    >\n      <svg height={size} width={size}>\n        <circle\n          cx={halfSize}\n          cy={halfSize}\n          fill=\"none\"\n          r={radius}\n          stroke={theme.palette.grey[300]}\n          strokeWidth={strokeWidth}\n        />\n\n        <circle\n          cx={halfSize}\n          cy={halfSize}\n          fill=\"none\"\n          r={radius}\n          stroke={color}\n          strokeDasharray={2 * Math.PI * radius}\n          strokeDashoffset={length}\n          strokeWidth={strokeWidth}\n          transform={`rotate(${offset}, ${halfSize}, ${halfSize})`}\n        />\n      </svg>\n      <Box\n        className=\"mx-cmn-single-segment-donut-children\"\n        left=\"50%\"\n        position=\"absolute\"\n        sx={{ transform: 'translate(-50%, -50%)' }}\n        textAlign=\"center\"\n        top=\"50%\"\n      >\n        {children}\n      </Box>\n    </Box>\n  )\n}\n\nexport default SingleSegmentDonut\n","import type { Theme } from '@mui/system'\n\nimport {\n  type Budget,\n  type BudgetColors,\n  type BudgetsCopy,\n  type DetailedCategory,\n  type DetailedBudget,\n  buildDynamicCopy,\n  formatCurrency,\n  getDetailedCategory,\n  getDetailedSubCategory,\n  useBudgetsStore,\n} from '../../common'\n\nexport const getBudgetPercentage = (budgetAmount: number, totalAmount: number) => {\n  // No budget amount and nothing spent results in zero percent and green bubble\n  if (!budgetAmount && !totalAmount) {\n    return 0\n  }\n\n  // No budget amount and money spent results in 101 percent and red bubble\n  if (!budgetAmount && totalAmount) {\n    return 101\n  }\n\n  // Budget amount and money spent results in calculating percentage for color\n  return (totalAmount / budgetAmount) * 100\n}\n\nexport const getBudgetColors = (percentage: number, theme: Theme) => {\n  const budgetColors: BudgetColors = {\n    background: theme.palette.success.main,\n    description: percentage <= 100 ? theme.palette.text.secondary : theme.palette.error.main,\n    text: theme.palette.common.white,\n    mercury: theme.palette.success.lighter,\n  }\n\n  if (percentage > 100) {\n    budgetColors.background = theme.palette.error.main\n    budgetColors.mercury = theme.palette.error.lighter\n  } else if (percentage > 80) {\n    budgetColors.background = theme.palette.warning.main\n    budgetColors.text = theme.palette.grey['900']\n    budgetColors.mercury = theme.palette.warning.lighter\n  }\n\n  return budgetColors\n}\n\nexport const useGetBudgetDifference = () => {\n  const { budgets } = useBudgetsStore()\n\n  const differences = budgets.map((budget) => {\n    const currentAmount = budget.transaction_total\n    const totalAmount = budget.amount\n    return totalAmount - currentAmount\n  })\n\n  return differences.reduce((total, difference) => total + difference, 0)\n}\n\nexport const augmentBudgets = (\n  budgets: Budget[],\n  categories: DetailedCategory[],\n  copy: BudgetsCopy,\n  theme: Theme,\n): DetailedBudget[] => {\n  const detailedBudgets = [] as DetailedBudget[]\n\n  // Top-level Categories\n  for (const budget of budgets) {\n    const category = getDetailedCategory(categories, budget.category_guid)\n    if (!category) continue\n\n    const spent = category.totalAmount\n\n    const percentage = getBudgetPercentage(budget.amount, spent)\n    const difference = budget.amount - spent\n\n    detailedBudgets.push({\n      ...budget,\n      budgetColors: getBudgetColors(percentage, theme),\n      category,\n      description: buildDynamicCopy(\n        difference < 0 ? copy.budget_remaining_over : copy.budget_remaining_left,\n        formatCurrency(Math.abs(difference), '0,0'),\n      ) as string,\n      percentage,\n      subBudgets: [],\n      transaction_total: spent,\n    })\n  }\n\n  // Sub categories\n  for (const budget of budgets) {\n    const category = getDetailedSubCategory(categories, budget.category_guid)\n    if (!category) continue\n\n    const spent = category.currentAmount\n\n    const parentBudget = detailedBudgets.find((b) => b.category_guid === category.parent_guid)\n    if (!parentBudget) continue\n\n    const difference = budget.amount - spent\n    const percentage = getBudgetPercentage(budget.amount, spent)\n\n    if (parentBudget) {\n      parentBudget.subBudgets.push({\n        ...budget,\n        budgetColors: getBudgetColors(percentage, theme),\n        category,\n        description: buildDynamicCopy(\n          difference < 0 ? copy.budget_remaining_over : copy.budget_remaining_left,\n          formatCurrency(Math.abs(difference), '0,0'),\n        ) as string,\n        percentage,\n        subBudgets: [],\n        transaction_total: spent,\n      })\n    }\n  }\n\n  return detailedBudgets\n}\n\nexport const findBudget = (budgets: DetailedBudget[], guid: string): DetailedBudget | undefined => {\n  return budgets.find((budget) => budget.guid === guid)\n}\n\nexport const findSubBudget = (\n  budgets: DetailedBudget[],\n  guid: string,\n  parentGuid: string,\n): DetailedBudget | undefined => {\n  const parent = findBudget(budgets, parentGuid)\n  if (!parent) return undefined\n\n  return findBudget(parent.subBudgets, guid)\n}\n"],"names":["DEFAULT_DONUT_SIZE","DEFAULT_STROKE_WIDTH","SingleSegmentDonut","color","percent","size","strokeWidth","children","theme","useTheme","radius","offset","limitedPercent","length","halfSize","jsxs","Box","jsx","getBudgetPercentage","budgetAmount","totalAmount","getBudgetColors","percentage","budgetColors","useGetBudgetDifference","budgets","useBudgetsStore","budget","currentAmount","total","difference","augmentBudgets","categories","copy","detailedBudgets","category","getDetailedCategory","spent","buildDynamicCopy","formatCurrency","getDetailedSubCategory","parentBudget","b","findBudget","guid","findSubBudget","parentGuid","parent"],"mappings":"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"}