@mx-cartographer/experiences 6.26.18-alpha.mega2 → 6.26.18-alpha.mega3

package/dist/categories/components/SubcategoryRow/index.es.js

@@ -0,0 +1,103 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import u from "react";
+import { observer as R } from "mobx-react-lite";
+import T from "@mui/material/Box";
+import w from "@mui/material/Chip";
+import f from "@mui/material/IconButton";
+import I from "@mui/material/ListItem";
+import L from "@mui/material/ListItemButton";
+import B from "@mui/material/ListItemText";
+import { CheckCircle as G, Edit as N, Delete as O } from "@mxenabled/mx-icons";
+import k from "../CustomCategories/RenameSubcategory/index.es.js";
+import v from "../CustomCategories/DeleteSubcategory/index.es.js";
+import { useCategoryUiStore as A } from "../../context/hooks/index.es.js";
+import { ON_CLICK_EVENTS as i } from "../../constants/OnClickEvents/index.es.js";
+import { buildDynamicCopy as S } from "../../../common/utils/Localization/index.es.js";
+import { useGlobalCopyStore as K, useEvent as U } from "../../../common/context/hooks/index.es.js";
+const Y = ({ parentCategory: h, subCategory: e }) => {
+  const {
+    onSelect: E,
+    selectedGuid: _,
+    setSelectedGuid: C,
+    setShouldDisableDrawerScroll: a,
+    showSelected: g,
+    unselectable: y,
+    unselectableText: b
+  } = A(), { categories: l } = K(), { onEvent: t } = U(), [c, s] = u.useState(!1), [m, n] = u.useState(!1), x = !!e.revision, d = e.guid === _, p = !y.some((D) => D === e.guid);
+  return /* @__PURE__ */ r(
+    I,
+    {
+      className: "mx-cat-subcategory-row",
+      disableGutters: !0,
+      disablePadding: !0,
+      sx: { pl: 58 },
+      children: [
+        /* @__PURE__ */ r(
+          L,
+          {
+            "aria-pressed": d,
+            color: "secondary",
+            onClick: () => {
+              p && (C(e.guid), E(e.guid), t(i.ON_CATEGORY_SELECTED));
+            },
+            sx: { height: 44 },
+            children: [
+              /* @__PURE__ */ o(
+                B,
+                {
+                  primary: e.name,
+                  primaryTypographyProps: { fontWeight: "normal", variant: "Body" }
+                }
+              ),
+              g && d && /* @__PURE__ */ o(G, { fontSize: "small" }),
+              !p && /* @__PURE__ */ o(w, { label: b })
+            ]
+          }
+        ),
+        x && /* @__PURE__ */ r(T, { className: "mx-cat-subcategory-edit-container", sx: { marginRight: 24 }, children: [
+          /* @__PURE__ */ o(
+            f,
+            {
+              "aria-label": S(l.edit_subcategory_aria, e.name),
+              onClick: () => {
+                s(!0), a(!0), t(i.ON_SUBCATEGORY_EDIT_CLICK);
+              },
+              children: /* @__PURE__ */ o(N, { color: "secondary" })
+            }
+          ),
+          /* @__PURE__ */ o(
+            f,
+            {
+              "aria-label": S(l.delete_subcategory_aria, e.name),
+              edge: "end",
+              onClick: () => {
+                n(!0), a(!0), t(i.ON_SUBCATEGORY_DELETE_CLICK);
+              },
+              children: /* @__PURE__ */ o(O, { color: "secondary" })
+            }
+          )
+        ] }),
+        m && /* @__PURE__ */ o(
+          v,
+          {
+            parentCategory: h,
+            setShowDelete: n,
+            showDelete: m,
+            subCategory: e
+          }
+        ),
+        c && /* @__PURE__ */ o(
+          k,
+          {
+            setShowRename: s,
+            showRename: c,
+            subCategory: e
+          }
+        )
+      ]
+    }
+  );
+}, re = R(Y);
+export {
+  re as default
+};

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

@@ -0,0 +1,16 @@
+const C = {
+  ON_CATEGORY_EXPANDED: "onCategoryExpanded",
+  ON_CATEGORY_COLLAPSED: "onCategoryCollapsed",
+  ON_CATEGORY_SELECTED: "onCategorySelected",
+  ON_SUBCATEGORY_ADD_CLICK: "onSubcategoryAddClick",
+  ON_SUBCATEGORY_ADD_CANCEL_CLICK: "onSubcategoryAddCancelClick",
+  ON_SUBCATEGORY_ADDED: "onSubcategoryAdded",
+  ON_SUBCATEGORY_EDIT_CLICK: "onSubcategoryEditClick",
+  ON_SUBCATEGORY_EDIT_CANCEL_CLICK: "onSubcategoryEditCancelClick",
+  ON_SUBCATEGORY_DELETE_CLICK: "onSubcategoryDeleteClick",
+  ON_SUBCATEGORY_DELETED: "onSubcategoryDeleted",
+  ON_SUBCATEGORY_SAVED: "onSubcategorySaved"
+};
+export {
+  C as ON_CLICK_EVENTS
+};

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

@@ -0,0 +1,11 @@
+import t from "react";
+import { useCategoryStore as o } from "../../../common/context/hooks/index.es.js";
+import { GlobalDataContext as e } from "../../../common/context/GlobalDataProvider/index.es.js";
+const s = () => {
+  if (!t.useContext(e))
+    throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
+  return o().uiStore;
+};
+export {
+  s as useCategoryUiStore
+};

package/dist/categories/index.es.js

@@ -0,0 +1,12 @@
+import { default as o } from "./components/CategorySelector/index.es.js";
+import { default as a } from "./components/CategorySelectorDrawer/index.es.js";
+import { default as g } from "./components/CategoryRow/index.es.js";
+import { CategoryStore as m } from "./stores/CategoryStore/index.es.js";
+import { useCategoryUiStore as x } from "./context/hooks/index.es.js";
+export {
+  g as CategoryRow,
+  o as CategorySelector,
+  a as CategorySelectorDrawer,
+  m as CategoryStore,
+  x as useCategoryUiStore
+};

package/dist/categories/stores/CategoryStore/index.es.js

@@ -0,0 +1,135 @@
+import { makeAutoObservable as h, runInAction as s } from "mobx";
+import { getUnixTime as r } from "date-fns/getUnixTime";
+import { subMonths as n } from "date-fns/subMonths";
+import { startOfMonth as l } from "date-fns/startOfMonth";
+import { endOfMonth as c } from "date-fns/endOfMonth";
+import { augmentCategories as y, getDetailedCategoryTransactions as C } from "../../util/CategoryUtil/index.es.js";
+import { UiStore as m } from "../UiStore/index.es.js";
+import { CategoryApi as d } from "../../../common/api/CategoryApi/index.es.js";
+import { CategoryGuids as T, CategoryGuidToName as u } from "../../../common/constants/Category/index.es.js";
+class $ {
+  globalStore;
+  uiStore;
+  api = new d("/", "");
+  categories = [];
+  dateRangeCategoryTotals = [];
+  monthlyCategoryTotals = [];
+  dataRangeTotalsLoaded = !1;
+  isLoadingCategoryTotals = !1;
+  monthlyTotalsLoaded = !1;
+  constructor(t) {
+    this.globalStore = t, this.uiStore = new m(), this.api = new d(t.endpoint, t.sessionToken), h(this);
+  }
+  get detailedCategories() {
+    return y(
+      this.categories,
+      this.dateRangeCategoryTotals,
+      this.monthlyCategoryTotals
+    );
+  }
+  get detailedCategoriesWithTransactions() {
+    return C(
+      this.detailedCategories,
+      this.globalStore.transactionStore.sortedTransactions
+    );
+  }
+  get incomeCategories() {
+    return this.detailedCategories.filter((t) => t.is_income);
+  }
+  get spendCategories() {
+    return this.detailedCategories.filter(
+      (t) => !t.is_income && !t.isTransfer && t.guid !== T.INVESTMENTS
+    );
+  }
+  get transferCategories() {
+    return this.detailedCategories.filter((t) => t.isTransfer);
+  }
+  addCategory = async (t, e) => {
+    const o = { name: t, parent_guid: e };
+    try {
+      await this.api.addCategory(o), await this.loadCategories();
+    } catch (a) {
+      console.error(`Error occurred while adding category: ${a}`);
+    }
+  };
+  loadCategories = async (t) => {
+    try {
+      const e = t || await this.api.getCategories(), { default_categories: o } = this.globalStore.copyStore.copy.categories;
+      s(() => {
+        this.categories = e.map((a) => ({
+          ...a,
+          name: o[a.guid] ? o[a.guid].replace(/&/g, "&") : a.name
+        }));
+      });
+    } catch (e) {
+      console.error(`Error occurred while getting categories: ${e}`);
+    }
+  };
+  loadDateRangeCategoryTotals = async (t, e, o) => {
+    this.setIsLoadingCategoryTotals(!0);
+    try {
+      const a = await this.api.getDateRangeCategoryTotals(
+        r(e),
+        r(o),
+        t
+      );
+      s(() => {
+        this.dateRangeCategoryTotals = a, this.setIsLoadingCategoryTotals(!1), this.dataRangeTotalsLoaded = !0;
+      });
+    } catch (a) {
+      this.setIsLoadingCategoryTotals(!1), console.error(`Error occurred while getting date range category totals: ${a}`);
+    }
+  };
+  loadMonthlyCategoryTotals = async (t = this.globalStore.globalUiStore.selectedAccounts, e, o) => {
+    const a = r(l(e ?? n(/* @__PURE__ */ new Date(), 11))), i = r(c(o ?? /* @__PURE__ */ new Date()));
+    try {
+      const g = await this.api.getMonthlyCategoryTotals(a, i, t);
+      s(() => {
+        this.monthlyCategoryTotals = g, this.monthlyTotalsLoaded = !0;
+      });
+    } catch (g) {
+      console.error(`Error occurred while getting monthly category totals: ${g}`);
+    }
+  };
+  reloadCategoryTotals = async (t, e, o) => {
+    this.setIsLoadingCategoryTotals(!0);
+    try {
+      const a = await this.api.getDateRangeCategoryTotals(
+        r(e),
+        r(o),
+        t
+      ), i = await this.api.getMonthlyCategoryTotals(
+        r(l(n(o, 11))),
+        r(c(o)),
+        t
+      );
+      s(() => {
+        this.dateRangeCategoryTotals = a, this.monthlyCategoryTotals = i, this.dataRangeTotalsLoaded = !0, this.monthlyTotalsLoaded = !0, this.setIsLoadingCategoryTotals(!1);
+      });
+    } catch (a) {
+      console.error(`Error occurred while getting category totals: ${a}`);
+    }
+  };
+  removeCategory = async (t) => {
+    try {
+      await this.api.removeCategory(t), await this.loadCategories();
+    } catch (e) {
+      console.error(`Error occurred while removing category: ${e}`);
+    }
+  };
+  setIsLoadingCategoryTotals = (t) => {
+    this.isLoadingCategoryTotals = t;
+  };
+  updateCategory = async (t) => {
+    try {
+      await this.api.updateCategory(t), await this.loadCategories();
+    } catch (e) {
+      console.error(`Error occurred while updating category: ${e}`);
+    }
+  };
+  // TODO: Remove this after refactoring Trends components to use detailedCategories
+  getCategoryName = (t) => this.categories.find((o) => o.guid === t)?.name ?? u[t];
+}
+export {
+  $ as CategoryStore
+};

package/dist/categories/stores/UiStore/index.es.js

@@ -0,0 +1,27 @@
+import { makeAutoObservable as l } from "mobx";
+class a {
+  expandedGuid = null;
+  selectedGuid = null;
+  searchValue = "";
+  showSelected = !0;
+  shouldDisableDrawerScroll = !1;
+  unselectable = [];
+  unselectableText = "";
+  savedOnSelect;
+  // todo
+  constructor() {
+    l(this);
+  }
+  setExpandedGuid = (e) => this.expandedGuid = e;
+  setSelectedGuid = (e) => this.selectedGuid = e;
+  setSearchValue = (e) => this.searchValue = e;
+  setShouldDisableDrawerScroll = (e) => this.shouldDisableDrawerScroll = e;
+  setShowSelected = (e) => this.showSelected = e;
+  setUnselectable = (e) => this.unselectable = e;
+  setUnselectableText = (e) => this.unselectableText = e;
+  onSelect = (e) => this.savedOnSelect(e);
+  setOnSelect = (e) => this.savedOnSelect = e;
+}
+export {
+  a as UiStore
+};

package/dist/categories/util/CategoryUtil/index.es.js

@@ -0,0 +1,78 @@
+import { format as l } from "date-fns/format";
+import { startOfMonth as h } from "date-fns/startOfMonth";
+import { startOfToday as M } from "date-fns/startOfToday";
+import { subMonths as T } from "date-fns/subMonths";
+import { CategoryIconList as C } from "@mxenabled/mxui";
+import { CategoryColors as N, CategoryIcon as O, CategoryGuids as D } from "../../../common/constants/Category/index.es.js";
+import { formatDate as E, DATE_FORMATS_INTL as R } from "../../../common/constants/DateFormats/index.es.js";
+const b = 3, d = 12, Y = (n, r, t) => n.filter((e) => !e.parent_guid).map(
+  (e) => _(
+    e,
+    r,
+    t,
+    n.filter((o) => o.parent_guid === e.guid)
+  )
+), x = (n, r) => {
+  const t = C.find((e) => e.guid === n);
+  return t ? r.palette.categories[t.colorName] || "" : r.palette.categories.uncategorized || "";
+}, _ = (n, r, t, e = []) => {
+  const o = n.guid, s = n.parent_guid || o, u = o === s, i = r.find((a) => a.category_guid === o)?.total || 0, c = f(
+    t.filter((a) => a.category_guid === o)
+  ), m = f(
+    t.filter(
+      (a) => a.category_guid === o || a.top_level_category_guid === o
+    )
+  ), g = e.map(
+    (a) => _(a, r, t)
+  ), p = g.reduce(
+    (a, A) => a + A.currentAmount,
+    i
+  );
+  return {
+    ...n,
+    currentAmount: i,
+    averageAmount: y(c),
+    color: N[s],
+    icon: O[s],
+    isTransfer: s === D.TRANSFER,
+    monthlyAmounts: c,
+    subCategories: g,
+    totalAmount: u ? p : 0,
+    totalAverageAmount: y(m),
+    totalMonthlyAmounts: u ? m : []
+  };
+}, k = (n, r) => n.map((t) => {
+  const e = r.filter(
+    (o) => o.category_guid === t.guid || o.top_level_category_guid === t.guid
+  );
+  return {
+    ...t,
+    transactions: e
+  };
+}), y = (n, r = b) => {
+  const t = r > history.length ? history.length : r;
+  return Math.ceil(
+    Math.max(
+      0,
+      n.slice(-t).reduce((e, o) => e + o.amount, 0) / t
+    )
+  );
+}, f = (n) => {
+  const r = [], t = M();
+  for (let e = 0; e <= d; e++) {
+    const o = h(T(t, d - e)), u = n.filter(
+      (i) => i.year_month === Number(l(o, "yyyyMM"))
+    ).reduce((i, c) => i + c.total, 0);
+    r.push({
+      amount: u,
+      isoDate: l(o, "yyyy-MM-dd"),
+      label: E(o, R.MONTH_YEAR)
+    });
+  }
+  return r;
+};
+export {
+  Y as augmentCategories,
+  x as getCategoryColor,
+  k as getDetailedCategoryTransactions
+};

package/dist/common/api/AnalyticsApi/index.es.js

@@ -0,0 +1,34 @@
+import r from "bowser";
+import { Fetch as o } from "../../utils/Fetch/index.es.js";
+import { ApiEndpoints as e } from "../../constants/ApiEndpoints/index.es.js";
+class h {
+  fetchInstance;
+  constructor(t, s) {
+    this.fetchInstance = new o(t, s);
+  }
+  initializeAnalyticsSession = async (t, s) => {
+    const i = r.getParser(window.navigator.userAgent), { analytics_session: n } = await this.fetchInstance.post(e.ANALYTICS_SESSION, {
+      browser_name: i.getBrowserName() || "Unknown",
+      browser_version: i.getBrowserVersion() || "0.0.0",
+      is_first_visit: !1,
+      product_name: "Individual Widget",
+      product_version: t
+    });
+    return n ? (this.fetchInstance.post(e.ANALYTICS_FEATURE_VISITS, {
+      feature_visit: {
+        analytics_session_guid: n.guid,
+        feature_name: s || "Experiences",
+        is_first_visit: n.is_first_visit
+      }
+    }), { analytics_session: n }) : { analytics_session: null };
+  };
+  sendAnalyticEvent = async (t) => this.fetchInstance.post(e.ANALYTICS_EVENTS, t).catch((s) => {
+    throw s;
+  });
+  sendAnalyticsPageview = async (t) => this.fetchInstance.post(e.ANALYTICS_PAGEVIEWS, t).catch((s) => {
+    throw s;
+  });
+}
+export {
+  h as AnalyticsApi
+};

package/dist/common/api/AppDataApi/index.es.js

@@ -0,0 +1,12 @@
+import { Fetch as n } from "../../utils/Fetch/index.es.js";
+import { ApiEndpoints as c } from "../../constants/ApiEndpoints/index.es.js";
+class r {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new n(t, e);
+  }
+  getAppData = async () => this.fetchInstance.get(c.APP_DATA).then((t) => t);
+}
+export {
+  r as AppDataApi
+};

package/dist/common/api/BannerApi/index.es.js

@@ -0,0 +1,21 @@
+import { Fetch as r } from "../../utils/Fetch/index.es.js";
+class o {
+  fetchInstance;
+  constructor(n) {
+    this.fetchInstance = new r(n, "", {
+      Accept: "application/json",
+      "Content-Type": "application/json"
+    });
+  }
+  getBanner = async (n) => {
+    try {
+      const t = `/banner/${n}/account_widget_banner`;
+      return this.fetchInstance?.get(t).then((e) => e.banner) ?? {};
+    } catch (t) {
+      return console.error("Error fetching banner:", t), null;
+    }
+  };
+}
+export {
+  o as BannerApi
+};

package/dist/common/api/BeatApi/index.es.js

@@ -0,0 +1,22 @@
+import { Fetch as c } from "../../utils/Fetch/index.es.js";
+import { ApiEndpoints as n } from "../../constants/ApiEndpoints/index.es.js";
+class o {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new c(t, e);
+  }
+  getBeats = async (t, e) => {
+    const s = `page=${t || 1}&per_page=${e || 5}`;
+    return this.fetchInstance.get(`${n.BEATS}?${s}`).then((a) => a.beats);
+  };
+  getBeatsWithAssociatedTransaction = async (t) => {
+    let e = "has_associated_transaction_guid=true";
+    return e += t ? `&from_date=${t}` : "", this.fetchInstance.get(`${n.BEATS}?${e}`).then((s) => s.beats);
+  };
+  getOffers = async () => this.fetchInstance.get(`${n.OFFERS}/${n.PULSE_COMMUNICATIONS}`).then((t) => t.pulse_communications);
+  updateBeat = async (t) => this.fetchInstance.put(`${n.BEATS}/${t.guid}`, t).then((e) => e.beat);
+  updateOffer = async (t) => this.fetchInstance.put(`${n.OFFERS}/${t.guid}`, t).then((e) => e.beat);
+}
+export {
+  o as BeatApi
+};

package/dist/common/api/CategoryApi/index.es.js

@@ -0,0 +1,30 @@
+import { Fetch as c } from "../../utils/Fetch/index.es.js";
+import { ApiEndpoints as o } from "../../constants/ApiEndpoints/index.es.js";
+class u {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new c(t, e);
+  }
+  addCategory = async (t) => this.fetchInstance.post(o.CATEGORIES, t).then((e) => e.category);
+  getCategories = async () => this.fetchInstance.get(o.CATEGORIES).then((t) => t.categories);
+  getDateRangeCategoryTotals = async (t, e, r) => r.length === 0 ? [] : this.fetchInstance.post(`${o.DATE_RANGE_CATEGORY_TOTALS}/from/${t}/to/${e}`, {
+    account_guid: r.map((n) => n.guid)
+  }).then((n) => n.date_range_category_totals);
+  getMonthlyCategoryTotals = async (t, e, r) => {
+    try {
+      const n = `${o.MONTHLY_CATEGORY_TOTALS}/from/${t}/to/${e}`;
+      if (r) {
+        const s = r.length === 0 ? [""] : r.map((a) => a.guid);
+        return (await this.fetchInstance.post(n, { account_guid: s })).monthly_category_totals;
+      } else
+        return (await this.fetchInstance.get(n)).monthly_category_totals;
+    } catch (n) {
+      throw console.error("Error fetching monthly category totals:", n), n;
+    }
+  };
+  removeCategory = async (t) => this.fetchInstance.delete(`${o.CATEGORIES}/${t}`);
+  updateCategory = async (t) => this.fetchInstance.put(`${o.CATEGORIES}/${t.guid}`, t).then((e) => e.category);
+}
+export {
+  u as CategoryApi
+};

package/dist/common/api/GlobalCopyApi/index.es.js

@@ -0,0 +1,12 @@
+import { Fetch as e } from "../../utils/Fetch/index.es.js";
+import { ApiEndpoints as s } from "../../constants/ApiEndpoints/index.es.js";
+class p {
+  fetchInstance;
+  constructor(t, n) {
+    this.fetchInstance = new e(t, n);
+  }
+  getGlobalCopy = async (t, n) => this.fetchInstance.post(`${s.LOCALIZED_CONTENT}/${t}`, { translation_key: n }).then((o) => o);
+}
+export {
+  p as GlobalCopyApi
+};

package/dist/common/api/LocalizedCopyApi/index.es.js

@@ -0,0 +1,13 @@
+import { Fetch as c } from "../../utils/Fetch/index.es.js";
+import { ApiEndpoints as n } from "../../constants/ApiEndpoints/index.es.js";
+class r {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new c(t, e);
+  }
+  getLocalizedCopy = async (t) => this.fetchInstance.post(n.LOCALIZED_COPY, t).then((e) => e);
+  getLocalizedContent = async (t) => this.fetchInstance.post(`${n.LOCALIZED_CONTENT}/${t}`).then((e) => e);
+}
+export {
+  r as LocalizedCopyApi
+};

package/dist/common/api/NotificationApi/index.es.js

@@ -0,0 +1,21 @@
+import { Fetch as n } from "../../utils/Fetch/index.es.js";
+import { ApiEndpoints as i } from "../../constants/ApiEndpoints/index.es.js";
+class o {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new n(t, e);
+  }
+  getNotifications = () => this.fetchInstance.get(i.NOTIFICATIONS).then(
+    (t) => t.notifications.map((e) => e.notification)
+  ).finally();
+  updateNotification = (t) => this.fetchInstance.put(`${i.NOTIFICATIONS}/${t.guid}`, {
+    guid: t.guid,
+    has_been_viewed: t.has_been_viewed
+  }).then((e) => e.notification).finally();
+  // Note: The notifications/mark_all_as_viewed endpoint is broken, but still returns 202.
+  // A bug ticket has been filed to fix it, but should not require any changes here.
+  markAllAsViewed = (t) => this.fetchInstance.put(`${i.NOTIFICATIONS}/mark_all_as_viewed`, { channel: t }).finally();
+}
+export {
+  o as NotificationApi
+};

package/dist/common/api/ScheduledPaymentsApi/index.es.js

@@ -0,0 +1,20 @@
+import { Fetch as c } from "../../utils/Fetch/index.es.js";
+import { ApiEndpoints as n } from "../../constants/ApiEndpoints/index.es.js";
+import { TransactionType as s } from "../../types/Transaction/index.es.js";
+class u {
+  fetchInstance;
+  constructor(e, t) {
+    this.fetchInstance = new c(e, t);
+  }
+  addScheduledPayment = async (e) => this.fetchInstance.post(n.SCHEDULED_PAYMENTS, {
+    ...e,
+    is_recurring: "true",
+    transaction_type: s.DEBIT
+  }).then((t) => t.scheduled_payment);
+  getScheduledPayments = async () => this.fetchInstance.get(n.SCHEDULED_PAYMENTS).then((e) => e.scheduled_payments);
+  updateScheduledPayment = async (e) => this.fetchInstance.put(`${n.SCHEDULED_PAYMENTS}/${e.guid}`, e).then((t) => t.scheduled_payment);
+  deleteScheduledPayment = async (e) => this.fetchInstance.delete(`${n.SCHEDULED_PAYMENTS}/${e}`).then((t) => t);
+}
+export {
+  u as ScheduledPaymentsApi
+};

package/dist/common/api/UserApi/index.es.js

@@ -0,0 +1,14 @@
+import { Fetch as n } from "../../utils/Fetch/index.es.js";
+import { ApiEndpoints as s } from "../../constants/ApiEndpoints/index.es.js";
+class h {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new n(t, e);
+  }
+  getUserFeatures = async () => this.fetchInstance.get(s.USER_FEATURES).then((t) => t.user_features).catch((t) => t);
+  updateUser = async (t) => this.fetchInstance.put(s.USER, t).then((e) => e.user);
+  updateUserProfile = async (t) => this.fetchInstance.put(`${s.USER_PROFILES}/${t.guid}`, t).then((e) => e.user_profile);
+}
+export {
+  h as UserApi
+};

package/dist/common/api/WidgetApi/index.es.js

@@ -0,0 +1,12 @@
+import { Fetch as n } from "../../utils/Fetch/index.es.js";
+import { ApiEndpoints as r } from "../../constants/ApiEndpoints/index.es.js";
+class o {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new n(t, e);
+  }
+  requestWidgetUrl = async (t) => this.fetchInstance.post(r.WIDGET_URLS, t).then((e) => e.widget_url);
+}
+export {
+  o as WidgetApi
+};

package/dist/common/components/Banner/index.es.js

@@ -0,0 +1,49 @@
+import { jsx as e } from "react/jsx-runtime";
+import i from "react";
+import { observer as l } from "mobx-react-lite";
+import m from "@mui/material/styles/useTheme";
+import n from "@mui/material/Stack";
+import { useGlobalStore as s } from "../../context/hooks/index.es.js";
+const g = l(() => {
+  const t = m(), {
+    appDataStore: { banner: r, loadBanner: o, user: a }
+  } = s();
+  return i.useEffect(() => {
+    o().finally();
+  }, [a]), r?.image_url ? /* @__PURE__ */ e(
+    n,
+    {
+      sx: {
+        alignItems: "center",
+        width: "100%",
+        mb: 24
+      },
+      children: /* @__PURE__ */ e(
+        "a",
+        {
+          href: r?.redirect_url,
+          rel: "noreferrer",
+          style: {
+            width: "100%"
+          },
+          target: "_blank",
+          children: /* @__PURE__ */ e(
+            "img",
+            {
+              alt: "",
+              src: r.image_url,
+              style: {
+                width: "100%",
+                height: "auto",
+                border: `1px solid ${t.palette.grey[300]}`
+              }
+            }
+          )
+        }
+      )
+    }
+  ) : null;
+});
+export {
+  g as Banner
+};