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

package/dist/goals/components/actions/GoalNameAction/index.es.js

@@ -0,0 +1,42 @@
+import { jsx as n } from "react/jsx-runtime";
+import u from "react";
+import { observer as S } from "mobx-react-lite";
+import f from "@mui/material/TextField";
+import { useGlobalCopyStore as y, useGoalStore as G } from "../../../../common/context/hooks/index.es.js";
+import { TrackType as s } from "../../../../common/types/Goal/index.es.js";
+import { ListItemAction as T } from "../../../../common/components/ListItemAction/index.es.js";
+const k = S(({ goal: e }) => {
+  const { goals: a } = y(), { setAlert: m, setSelectedGoal: i, updateGoal: l } = G(), [t, r] = u.useState(e.name), c = !e.guid, p = e.track_type === s.SAVINGS_TRACK && e.has_been_spent || e.track_type !== s.SAVINGS_TRACK && e.is_complete, d = async () => {
+    const o = { ...e, name: t };
+    e.name = t, c ? i(o) : (await l(o), m(a.alert_goal_updated_name));
+  }, _ = () => {
+    setTimeout(() => {
+      r(e.name);
+    }, 250);
+  };
+  return /* @__PURE__ */ n(
+    T,
+    {
+      isDisabled: p,
+      isSaveDisabled: !t,
+      label: a.details_goal_name,
+      onCancel: _,
+      onSave: d,
+      primaryText: a.details_goal_name,
+      secondaryText: e.name,
+      children: /* @__PURE__ */ n(
+        f,
+        {
+          error: !t,
+          fullWidth: !0,
+          label: a.details_goal_name,
+          onChange: (o) => r(o.target.value),
+          value: t
+        }
+      )
+    }
+  );
+});
+export {
+  k as GoalNameAction
+};

package/dist/goals/components/actions/InterestRateAction/index.es.js

@@ -0,0 +1,44 @@
+import { jsx as i } from "react/jsx-runtime";
+import p from "react";
+import { observer as u } from "mobx-react-lite";
+import f from "@mui/material/TextField";
+import { ListItemAction as v } from "../../../../common/components/ListItemAction/index.es.js";
+import { useGlobalCopyStore as b, useGoalStore as S } from "../../../../common/context/hooks/index.es.js";
+import { formatPercentage as x } from "../../../../common/utils/NumberFormatting/index.es.js";
+const F = u(({ goal: e }) => {
+  const { goals: t } = b(), { setAlert: n, setSelectedGoal: l, updateGoal: d } = S(), [a, s] = p.useState(e.interest_rate ?? 0), m = !e.guid, o = a < 0, c = async () => {
+    const r = { ...e, interest_rate: a };
+    e.interest_rate = a, m ? l(r) : (await d(r), n(t.alert_goal_updated_interest_rate));
+  }, _ = () => {
+    setTimeout(() => {
+      s(e.interest_rate ?? 0);
+    }, 250);
+  };
+  return /* @__PURE__ */ i(
+    v,
+    {
+      isDisabled: e.is_complete,
+      isSaveDisabled: o,
+      label: `${t.details_interest_rate} (%)`,
+      onCancel: _,
+      onSave: c,
+      primaryText: t.details_interest_rate,
+      secondaryText: x(Number(e.interest_rate) / 100),
+      zeroStateText: e.interest_rate ? void 0 : t.add_interest_rate,
+      children: /* @__PURE__ */ i(
+        f,
+        {
+          error: o,
+          fullWidth: !0,
+          label: t.details_goal_name,
+          onChange: (r) => s(isNaN(parseFloat(r.target.value)) ? 0 : parseFloat(r.target.value)),
+          type: "number",
+          value: a
+        }
+      )
+    }
+  );
+});
+export {
+  F as InterestRateAction
+};

package/dist/goals/components/actions/MonthlyPaymentAction/index.es.js

@@ -0,0 +1,45 @@
+import { jsx as r } from "react/jsx-runtime";
+import u from "react";
+import { observer as d } from "mobx-react-lite";
+import { useGlobalCopyStore as _, useGoalStore as h } from "../../../../common/context/hooks/index.es.js";
+import { ListItemAction as f } from "../../../../common/components/ListItemAction/index.es.js";
+import { formatCurrency as S } from "../../../../common/utils/NumberFormatting/index.es.js";
+import b from "../../../../common/components/CurrencyInput/index.es.js";
+const I = d(({ goal: t }) => {
+  const { goals: o } = _(), { setAlert: s, setSelectedGoal: y, updateGoal: i } = h(), [e, m] = u.useState(t.monthly_payment ?? 0), p = !t.guid, a = e < 0 || e > 9999999999e-2, l = async () => {
+    const n = { ...t, monthly_payment: e };
+    t.monthly_payment = e, p ? y(n) : (await i({ ...t, monthly_payment: e }), s(o.alert_goal_updated_payment));
+  }, c = () => {
+    setTimeout(() => {
+      m(t.monthly_payment || 0);
+    }, 250);
+  };
+  return /* @__PURE__ */ r(
+    f,
+    {
+      isDisabled: t.is_complete,
+      isSaveDisabled: a,
+      label: o.details_monthly_payment,
+      onCancel: c,
+      onSave: l,
+      primaryText: o.details_monthly_payment,
+      secondaryText: S(t.monthly_payment, "0,0"),
+      zeroStateText: t.monthly_payment ? void 0 : o.add_monthly_payment,
+      children: /* @__PURE__ */ r(
+        b,
+        {
+          amount: e,
+          autoFocus: !0,
+          error: a,
+          fullWidth: !0,
+          minAmount: 0,
+          setAmount: (n) => m(isNaN(Number(n)) ? e : Number(n)),
+          sx: { ".MuiTypography-Body": { p: 0 } }
+        }
+      )
+    }
+  );
+});
+export {
+  I as MonthlyPaymentAction
+};

package/dist/goals/components/actions/OriginalBalanceAction/index.es.js

@@ -0,0 +1,45 @@
+import { jsx as r } from "react/jsx-runtime";
+import p from "react";
+import { observer as _ } from "mobx-react-lite";
+import { useGlobalCopyStore as b, useGoalStore as f } from "../../../../common/context/hooks/index.es.js";
+import { ListItemAction as y } from "../../../../common/components/ListItemAction/index.es.js";
+import { formatCurrency as S } from "../../../../common/utils/NumberFormatting/index.es.js";
+import x from "../../../../common/components/CurrencyInput/index.es.js";
+const B = _(({ goal: t }) => {
+  const { goals: a } = b(), { setAlert: l, setSelectedGoal: s, updateGoal: m } = f(), [e, o] = p.useState(t.initial_amount), c = !t.guid, n = e < 0 || e > 9999999999e-2, u = async () => {
+    const i = { ...t, initial_amount: e };
+    t.initial_amount = e, c ? s(i) : (await m({ ...t, initial_amount: e }), l(a.alert_goal_updated_balance));
+  }, d = () => {
+    setTimeout(() => {
+      o(t.initial_amount);
+    }, 250);
+  };
+  return /* @__PURE__ */ r(
+    y,
+    {
+      isDisabled: t.is_complete,
+      isSaveDisabled: n,
+      label: a.details_original_balance,
+      onCancel: d,
+      onSave: u,
+      primaryText: a.details_original_balance,
+      secondaryText: S(t.initial_amount, "0,0"),
+      zeroStateText: !t.initial_amount && !t.is_complete ? a.add_original_balance : void 0,
+      children: /* @__PURE__ */ r(
+        x,
+        {
+          amount: e,
+          autoFocus: !0,
+          error: n,
+          fullWidth: !0,
+          minAmount: 0,
+          setAmount: (i) => o(isNaN(Number(i)) ? e : Number(i)),
+          sx: { ".MuiTypography-Body": { p: 0 } }
+        }
+      )
+    }
+  );
+});
+export {
+  B as OriginalBalanceAction
+};

package/dist/goals/components/actions/RetirementAgeAction/index.es.js

@@ -0,0 +1,43 @@
+import { jsx as n } from "react/jsx-runtime";
+import u from "@mui/material/TextField";
+import p from "react";
+import { useGlobalCopyStore as g, useGoalStore as f } from "../../../../common/context/hooks/index.es.js";
+import { ListItemAction as N } from "../../../../common/components/ListItemAction/index.es.js";
+const y = ({ goal: t }) => {
+  const { goals: r } = g(), { setAlert: m, setSelectedGoal: l, updateGoal: d } = f(), [e, i] = p.useState(t.retirement_age || 65), o = !t.guid, c = async () => {
+    if (!isNaN(e)) {
+      const a = { ...t, retirement_age: e };
+      t.retirement_age = e, o ? l(a) : (await d(a), m(r.alert_goal_updated_retirement_age));
+    }
+  }, _ = () => {
+    setTimeout(() => {
+      i(t.retirement_age || 65);
+    }, 250);
+  }, s = !e || isNaN(e) || e < 20 || e >= 100;
+  return /* @__PURE__ */ n(
+    N,
+    {
+      isDisabled: t.is_complete,
+      isSaveDisabled: s,
+      label: r.details_retirement_age,
+      onCancel: _,
+      onSave: c,
+      primaryText: r.details_retirement_age,
+      secondaryText: `${t.retirement_age}`,
+      zeroStateText: o && !t.retirement_age ? r.add_age : void 0,
+      children: /* @__PURE__ */ n(
+        u,
+        {
+          error: s,
+          fullWidth: !0,
+          label: r.details_retirement_age,
+          onChange: (a) => i(Number(a.target.value)),
+          value: isNaN(e) ? "" : e
+        }
+      )
+    }
+  );
+};
+export {
+  y as RetirementAgeAction
+};

package/dist/goals/components/micro/GoalMicroStatusCard/index.es.js

@@ -0,0 +1,42 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { observer as d } from "mobx-react-lite";
+import h from "@mui/material/Avatar";
+import f from "@mui/material/Box";
+import u from "@mui/material/Stack";
+import g from "@mui/material/styles/useTheme";
+import { Payments as x, NoteStack as y, Person as S } from "@mxenabled/mx-icons";
+import { H2 as T, Text as k, P as b } from "@mxenabled/mxui";
+import { getGoalStatusData as v } from "../../../util/GoalsUtil/index.es.js";
+import _ from "../../../../common/components/donuts/SingleSegmentDonut/index.es.js";
+import { useGlobalCopyStore as C } from "../../../../common/context/hooks/index.es.js";
+import { TrackType as a } from "../../../../common/types/Goal/index.es.js";
+const z = d(({ goal: r }) => {
+  const { goals: c } = C(), e = g(), {
+    backgroundColor: m,
+    color: p,
+    percentage: s,
+    projectedText: l
+  } = v(c, r), i = Math.round(s * 100);
+  let o = /* @__PURE__ */ t(x, {});
+  return r.track_type === a.DEBT_TRACK ? o = /* @__PURE__ */ t(y, {}) : r.track_type === a.RETIREMENT_TRACK && (o = /* @__PURE__ */ t(S, {})), /* @__PURE__ */ n(u, { alignItems: "center", direction: "row", spacing: 12, sx: { py: 12 }, children: [
+    /* @__PURE__ */ t(h, { sx: { bgcolor: m, color: p, height: 32, width: 32 }, variant: "rounded", children: o }),
+    /* @__PURE__ */ n(f, { sx: { width: "100%" }, children: [
+      /* @__PURE__ */ t(T, { fontSize: 15, fontWeight: 600, variant: "body1", children: r.name }),
+      r.projected_to_complete_at && /* @__PURE__ */ t(k, { color: "text.secondary", variant: "XSmall", children: l })
+    ] }),
+    /* @__PURE__ */ t(
+      _,
+      {
+        backgroundStrokeColor: e.palette.border.lighter,
+        color: e.palette.primary.main,
+        percent: i,
+        size: 40,
+        strokeWidth: 3,
+        children: /* @__PURE__ */ t(b, { fontWeight: 700, variant: "caption", children: `${i}%` })
+      }
+    )
+  ] });
+});
+export {
+  z as GoalMicroStatusCard
+};

package/dist/goals/components/micro/GoalsMicroEmptyState/index.es.js

@@ -0,0 +1,31 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import n from "@mui/material/Stack";
+import { Trophy as m } from "@mxenabled/mx-icons";
+import { H2 as s, P as c } from "@mxenabled/mxui";
+const p = ({ header: e, subText: r, sx: o }) => /* @__PURE__ */ i(
+  n,
+  {
+    sx: {
+      alignItems: "center",
+      alignSelf: "center",
+      px: 24,
+      ...o
+    },
+    children: [
+      /* @__PURE__ */ t(m, { size: 32 }),
+      /* @__PURE__ */ t(s, { fontSize: 15, fontWeight: 600, children: e }),
+      /* @__PURE__ */ t(
+        c,
+        {
+          color: "text.secondary",
+          sx: { fontWeight: 400, maxWidth: { sm: 424 }, textAlign: "center" },
+          variant: "subtitle2",
+          children: r
+        }
+      )
+    ]
+  }
+);
+export {
+  p as GoalsMicroEmptyState
+};

package/dist/goals/index.es.js

@@ -0,0 +1,10 @@
+import { GoalApi as e } from "./api/GoalApi/index.es.js";
+import { GoalsWidget as p } from "./GoalsWidget/index.es.js";
+import { GoalStore as f } from "./stores/GoalStore/index.es.js";
+import { GoalsMicroWidget as l } from "./GoalsMicroWidget/index.es.js";
+export {
+  e as GoalApi,
+  f as GoalStore,
+  l as GoalsMicroWidget,
+  p as GoalsWidget
+};

package/dist/goals/stores/GoalStore/index.es.js

@@ -0,0 +1,184 @@
+import { makeAutoObservable as d, runInAction as a } from "mobx";
+import { GoalApi as l } from "../../api/GoalApi/index.es.js";
+import { TrackType as i } from "../../../common/types/Goal/index.es.js";
+class m {
+  globalStore;
+  api = new l("/", "");
+  alert = "";
+  goals = [];
+  retirementGoalAccounts = [];
+  newRetirementGoalAccounts = [];
+  selectedGoal = void 0;
+  monthlyCashFlowProfile = void 0;
+  goalsLoaded = !1;
+  constructor(t) {
+    this.globalStore = t, this.api = new l(t.endpoint, t.sessionToken), d(this);
+  }
+  get orderedGoals() {
+    return this.goals.slice().sort((t, e) => t.position - e.position);
+  }
+  get debtGoals() {
+    return this.orderedGoals.filter((t) => t.track_type === i.DEBT_TRACK);
+  }
+  get retirmentGoals() {
+    return this.orderedGoals.filter((t) => t.track_type === i.RETIREMENT_TRACK);
+  }
+  get savingGoals() {
+    return this.orderedGoals.filter((t) => t.track_type === i.SAVINGS_TRACK);
+  }
+  get ongoingGoalsForMicroWidget() {
+    const t = this.goals.filter(
+      (o) => !o.is_complete && o.track_type !== i.EMERGENCY_FUND_TRACK && o.track_type !== null
+    ), e = [
+      i.SAVINGS_TRACK,
+      i.DEBT_TRACK,
+      i.RETIREMENT_TRACK
+    ];
+    return t.sort((o, r) => {
+      const s = o.track_type ? e.indexOf(o.track_type) : -1, n = r.track_type ? e.indexOf(r.track_type) : -1;
+      return s - n;
+    }).slice(0, 3);
+  }
+  addGoal = async (t) => {
+    try {
+      const e = await this.api.addGoal(t);
+      a(() => {
+        this.goals = [...this.goals, e];
+      });
+    } catch (e) {
+      console.error(`Error occurred while adding goal: ${e}`);
+    }
+  };
+  addRetirementGoal = async (t) => {
+    const e = this.globalStore.copyStore.copy.goals;
+    try {
+      const o = await this.api.addRetirementGoal(t), r = [];
+      for (const s of this.newRetirementGoalAccounts) {
+        const n = await this.api.addRetirementGoalAccount({
+          ...s,
+          retirement_goal_guid: o.guid
+        });
+        r.push(n);
+      }
+      this.setNewRetirementGoalAccounts([]), a(() => {
+        this.goals = [
+          ...this.goals,
+          {
+            ...o,
+            amount: o.target_amount,
+            name: e.retirement,
+            track_type: i.RETIREMENT_TRACK
+          }
+        ], this.retirementGoalAccounts = [...this.retirementGoalAccounts, ...r];
+      });
+    } catch (o) {
+      console.error(`Error occurred while adding retirement goal: ${o}`);
+    }
+  };
+  addRetirementGoalAccount = async (t) => {
+    try {
+      const e = await this.api.addRetirementGoalAccount(t);
+      a(() => {
+        this.retirementGoalAccounts = [...this.retirementGoalAccounts, e];
+      });
+    } catch (e) {
+      console.error(`Error occurred while adding retirement goal account: ${e}`);
+    }
+  };
+  loadGoals = async () => {
+    const t = this.globalStore.copyStore.copy.goals;
+    try {
+      const e = await this.api.getGoals(), o = await this.api.getRetirementGoals(), r = await this.api.getRetirementGoalAccounts(), s = await this.api.getMonthlyCashFlowProfile(), n = [
+        ...e,
+        ...o.map((c) => ({
+          ...c,
+          amount: c.target_amount,
+          name: t.retirement,
+          track_type: i.RETIREMENT_TRACK
+        }))
+      ];
+      a(() => {
+        this.goals = n, this.retirementGoalAccounts = r, this.monthlyCashFlowProfile = s, this.goalsLoaded = !0;
+      });
+    } catch (e) {
+      console.error(`Error occured while getting goals: ${e}`);
+    }
+  };
+  deleteGoal = async (t) => {
+    try {
+      await this.api.removeGoal(t), a(() => {
+        const e = this.goals.findIndex((o) => o.guid === t);
+        e >= 0 && this.goals.splice(e, 1);
+      });
+    } catch (e) {
+      console.error(`Error occured while deleting goal: ${e}`);
+    }
+  };
+  deleteRetirementGoal = async (t) => {
+    try {
+      const e = this.retirementGoalAccounts.filter(
+        (o) => o.retirement_goal_guid === t.guid
+      );
+      for (const o of e)
+        await this.deleteRetirementGoalAccount(o.guid);
+      await this.api.removeRetirementGoal(t.guid), a(() => {
+        const o = this.goals.findIndex((r) => r.guid === t.guid);
+        o >= 0 && this.goals.splice(o, 1);
+      });
+    } catch (e) {
+      console.error(`Error deleting retirement goal: ${e}`);
+    }
+  };
+  deleteRetirementGoalAccount = async (t) => {
+    try {
+      await this.api.removeRetirementGoalAccount(t), a(() => {
+        const e = this.retirementGoalAccounts.findIndex((o) => o.guid === t);
+        e >= 0 && this.retirementGoalAccounts.splice(e, 1);
+      });
+    } catch (e) {
+      console.error(`Error deleting retirement goal account: ${e}`);
+    }
+  };
+  reorderGoals = async (t) => {
+    try {
+      const e = await this.api.reorderGoals(t);
+      a(() => {
+        for (const o of e) {
+          const r = this.goals.findIndex((s) => s.guid === o.guid);
+          r >= 0 && (this.goals[r].position = o.position);
+        }
+      });
+    } catch (e) {
+      console.error(`Error reordering goals: ${e}`);
+    }
+  };
+  setAlert = (t) => this.alert = t;
+  setNewRetirementGoalAccounts = (t) => {
+    this.newRetirementGoalAccounts = t;
+  };
+  setSelectedGoal = (t) => this.selectedGoal = t;
+  updateGoal = async (t) => {
+    try {
+      const e = await this.api.updateGoal(t);
+      a(() => {
+        const o = this.goals.findIndex((r) => r.guid === t.guid);
+        o >= 0 && (this.goals[o] = e), this.selectedGoal?.guid === t.guid && this.setSelectedGoal(e);
+      });
+    } catch (e) {
+      console.error(`Error occurred while updating goal: ${e}`);
+    }
+  };
+  updateMonthlyCashFlowProfile = async (t) => {
+    try {
+      const e = await this.api.updateMonthlyCashFlowProfile(t);
+      a(() => {
+        this.monthlyCashFlowProfile = e;
+      });
+    } catch (e) {
+      console.error(`Error occurred while updating monthly Cash Flow profile: ${e}`);
+    }
+  };
+}
+export {
+  m as GoalStore
+};

package/dist/goals/util/GoalsUtil/index.es.js

@@ -0,0 +1,98 @@
+import { fromUnixTime as p } from "date-fns/fromUnixTime";
+import { TrackType as o, MetaType as n } from "../../../common/types/Goal/index.es.js";
+import { buildDynamicCopy as i } from "../../../common/utils/Localization/index.es.js";
+import { formatPercentage as b } from "../../../common/utils/NumberFormatting/index.es.js";
+import { formatDate as E, DATE_FORMATS_INTL as u } from "../../../common/constants/DateFormats/index.es.js";
+function f(e, t) {
+  const l = t.track_type === o.DEBT_TRACK ? t.initial_amount : t.amount;
+  let a = t.current_amount / l;
+  a > 1 && (a = 1), a = t.track_type === o.DEBT_TRACK ? 1 - a : a, isNaN(a) && (a = 1);
+  let r = "chart.chart1", _ = "common.black";
+  t.track_type === o.DEBT_TRACK ? (_ = "common.white", r = "chart.chart5") : t.track_type === o.RETIREMENT_TRACK && (r = "chart.chart6");
+  const m = {
+    style: "percent",
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  }, c = t.is_complete ? t.completed_at : t.projected_to_complete_at, s = c ? p(c) : /* @__PURE__ */ new Date(), T = i(
+    e.goal_percentage,
+    b(a, m)
+  ), g = i(
+    t.is_complete ? e.completed_label : e.goal_projection,
+    E(s, u.MONTH_SHORT_YEAR)
+  );
+  return {
+    backgroundColor: r,
+    color: _,
+    percentage: a,
+    percentageText: T,
+    projectedText: g
+  };
+}
+function D(e) {
+  return [
+    {
+      bgcolor: "chart.chart1",
+      icon: "attach_money",
+      label: e.saving_goal_label,
+      description: e.saving_goal_description,
+      subTypes: [
+        {
+          icon: "ecg_heart",
+          label: e.saving_goal_emergency_fund,
+          metaType: n.EMERGENCY_FUND
+        },
+        {
+          icon: "directions_car",
+          label: e.saving_gaol_automobile,
+          metaType: n.AUTOMOBILE
+        },
+        { icon: "school", label: e.saving_goal_college, metaType: n.COLLEGE },
+        { icon: "home", label: e.saving_goal_home, metaType: n.HOUSE },
+        {
+          icon: "mountain_flag",
+          label: e.saving_goal_recreational,
+          metaType: n.RECREATIONAL_VEHICLE
+        },
+        { icon: "airplane_ticket", label: e.saving_goal_vacation, metaType: n.VACATION },
+        {
+          icon: "desktop_windows",
+          label: e.saving_goal_electronic,
+          metaType: n.ELECTRONIC
+        },
+        { icon: "payments", label: e.saving_goal_other, metaType: n.OTHER }
+      ],
+      type: o.SAVINGS_TRACK
+    },
+    {
+      bgcolor: "chart.chart5",
+      icon: "note_stack",
+      label: e.debt_goal_label,
+      description: e.debt_goal_description,
+      subTypes: [],
+      type: o.DEBT_TRACK
+    },
+    {
+      bgcolor: "chart.chart6",
+      icon: "person",
+      label: e.retirement_goal_label,
+      description: e.retirement_goal_description,
+      subTypes: [],
+      type: o.RETIREMENT_TRACK
+    }
+  ];
+}
+const N = (e, t) => {
+  switch (e) {
+    case o.DEBT_TRACK:
+      return i(t.zero_state_ongoing, "debt");
+    case o.SAVINGS_TRACK:
+      return i(t.zero_state_ongoing, "saving");
+    default:
+      return i(t.zero_state_ongoing, "retirement");
+  }
+};
+export {
+  f as getGoalStatusData,
+  D as getGoalTypes,
+  N as getZeroStateOngoing
+};

package/dist/help/HelpWidget/index.es.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "react/jsx-runtime";
+import { observer as t } from "mobx-react-lite";
+import { Help as m } from "../components/Help/index.es.js";
+import { useGlobalUiStore as p } from "../../common/context/hooks/index.es.js";
+import n from "../../common/components/Loader/index.es.js";
+import s from "../../common/components/WidgetContainer/index.es.js";
+const x = t(({ sx: o }) => {
+  const { isCopyLoaded: i, isInitialized: e } = p();
+  return !i || !e ? /* @__PURE__ */ r(n, {}) : /* @__PURE__ */ r(s, { sx: { p: 16 }, children: /* @__PURE__ */ r(m, { sx: o }) });
+});
+export {
+  x as HelpWidget
+};

package/dist/help/api/HelpApi/index.es.js

@@ -0,0 +1,12 @@
+import { Fetch as c } from "../../../common/utils/Fetch/index.es.js";
+import { ApiEndpoints as n } from "../../../common/constants/ApiEndpoints/index.es.js";
+class p {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new c(t, e);
+  }
+  createSupportTicket = async (t) => this.fetchInstance.post(n.SUPPORT_TICKETS, t).then((e) => e);
+}
+export {
+  p as HelpApi
+};

package/dist/help/components/Help/index.es.js

@@ -0,0 +1,45 @@
+import { jsxs as S, jsx as t } from "react/jsx-runtime";
+import l from "react";
+import h from "@mui/material/Box";
+import { HelpList as q } from "../HelpList/index.es.js";
+import { HelpContent as R } from "../HelpContent/index.es.js";
+import { RequestSupport as _ } from "../requestsupport/RequestSupport/index.es.js";
+import { useGlobalCopyStore as x, useHelpStore as C, useAppConfig as T } from "../../../common/context/hooks/index.es.js";
+import { useScreenSize as H } from "../../../common/hooks/useScreenSize/index.es.js";
+const L = ({ sx: u = {} }) => {
+  const { help: e } = x(), { helpCategories: i } = C(), { isMobile: c } = H(), { config: o } = T(), [m, s] = l.useState(!1), [p, n] = l.useState(null), a = (f) => n(f), r = () => s(!0);
+  return /* @__PURE__ */ S(h, { sx: { pt: 24, px: c ? 24 : 0, ...u }, children: [
+    p ? /* @__PURE__ */ t(
+      R,
+      {
+        copy: e,
+        hasRequestButton: o.enable_support_requests,
+        onNavigateToList: () => n(null),
+        onRequestSupport: r,
+        topicInfo: p
+      }
+    ) : /* @__PURE__ */ t(
+      q,
+      {
+        buttonText: e.request_support,
+        hasRequestButton: o.enable_support_requests,
+        helpCategories: i,
+        helpContent: e.list_short_content,
+        helpTitle: e.list_title,
+        onRequestHelp: r,
+        onTopicSelect: a
+      }
+    ),
+    /* @__PURE__ */ t(
+      _,
+      {
+        copy: e,
+        isOpen: m,
+        onClose: () => s(!1)
+      }
+    )
+  ] });
+};
+export {
+  L as Help
+};