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

package/dist/accounts/utils/AccountDetails.es.js

@@ -0,0 +1,28 @@
+import { AccountType as e } from "../../core/types/Account.es.js";
+var r = (n, t) => {
+  const s = [
+    e.LOAN,
+    e.MORTGAGE,
+    e.PROPERTY
+  ].includes(n), i = [
+    e.CREDIT_CARD,
+    e.LINE_OF_CREDIT,
+    e.PREPAID,
+    e.CHECKING_LINE_OF_CREDIT
+  ].includes(n);
+  return s ? {
+    title: t.label_payments,
+    description: t.chart_title_payments
+  } : i ? {
+    title: t.label_payments_spend,
+    description: t.chart_title_payments_spend
+  } : {
+    title: t.label_income_spend,
+    description: t.chart_title_income_spend
+  };
+};
+export {
+  r as getChartLabels
+};
+
+//# sourceMappingURL=AccountDetails.es.js.map

package/dist/accounts/utils/AccountDetails.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountDetails.es.js","names":[],"sources":["../../../src/accounts/utils/AccountDetails.ts"],"sourcesContent":["import { AccountType, type AccountsCopy } from '../../core'\n\nexport const getChartLabels = (\n  accountType: AccountType,\n  copy: AccountsCopy,\n): { title: string; description: string } => {\n  const hasPayments = [AccountType.LOAN, AccountType.MORTGAGE, AccountType.PROPERTY].includes(\n    accountType,\n  )\n\n  const hasPaymentsAndSpend = [\n    AccountType.CREDIT_CARD,\n    AccountType.LINE_OF_CREDIT,\n    AccountType.PREPAID,\n    AccountType.CHECKING_LINE_OF_CREDIT,\n  ].includes(accountType)\n\n  if (hasPayments) return { title: copy.label_payments, description: copy.chart_title_payments }\n  if (hasPaymentsAndSpend)\n    return { title: copy.label_payments_spend, description: copy.chart_title_payments_spend }\n  return { title: copy.label_income_spend, description: copy.chart_title_income_spend }\n}\n"],"mappings":";AAEA,IAAa,IAAA,CACX,GACA,MAC2C;AAC3C,QAAM,IAAc;AAAA,IAAC,EAAY;AAAA,IAAM,EAAY;AAAA,IAAU,EAAY;AAAA,EAAQ,EAAE,SACjF,CACF,GAEM,IAAsB;AAAA,IAC1B,EAAY;AAAA,IACZ,EAAY;AAAA,IACZ,EAAY;AAAA,IACZ,EAAY;AAAA,EACd,EAAE,SAAS,CAAW;AAEtB,SAAI,IAAoB;AAAA,IAAE,OAAO,EAAK;AAAA,IAAgB,aAAa,EAAK;AAAA,EAAqB,IACzF,IACK;AAAA,IAAE,OAAO,EAAK;AAAA,IAAsB,aAAa,EAAK;AAAA,EAA2B,IACnF;AAAA,IAAE,OAAO,EAAK;AAAA,IAAoB,aAAa,EAAK;AAAA,EAAyB;AACtF"}

package/dist/accounts/utils/AccountFields.es.js

@@ -0,0 +1,131 @@
+import { buildDynamicCopy as i } from "../../core/utils/Localization.es.js";
+import { DATE_FORMATS_INTL as c, formatDate as y } from "../../core/constants/DateFormats.es.js";
+import { AccountIcon as F, AccountType as d, PropertyIcon as T, PropertyType as g } from "../../core/types/Account.es.js";
+import { getAccountStartingBalance as o, isAccountLiability as A, isManual as D, usesCreditLimitField as O, usesInterestRateField as C, usesOriginalBalanceField as N } from "../../core/utils/AccountUtils.es.js";
+import { formatCurrency as _, formatOrdinal as S, formatPercentage as I, isValidNumber as b } from "../../core/utils/NumberFormatting.es.js";
+import { fromUnixUTC as v } from "../../core/utils/DateUtil.es.js";
+import { FieldType as m } from "../constants/Accounts.es.js";
+import { Icon as f, Text as L } from "@mxenabled/mxui";
+import { jsx as p } from "react/jsx-runtime";
+var B = (r, e) => {
+  const l = [{
+    event: "account_details_click_account_name",
+    label: e.account_name,
+    name: "user_name",
+    placeholder: i(e.enter_value, e.account_name),
+    type: m.Input,
+    validation: (t) => t ? "" : i(e.field_is_required, e.account_name),
+    valueFormatter: (t) => t
+  }];
+  if (D(r)) {
+    l.unshift({
+      label: e.account_balance,
+      name: "balance",
+      placeholder: i(e.enter_value, e.account_balance),
+      type: m.Currency,
+      valueFormatter: (a) => _(a, "0,0.00")
+    });
+    const t = Object.keys(d).filter((a) => Number(a)).map((a) => ({
+      label: e.account_types[a],
+      value: Number(a),
+      icon: /* @__PURE__ */ p(f, { name: F[a] })
+    }));
+    l.push({
+      label: e.account_type,
+      name: "account_type",
+      options: t,
+      placeholder: i(e.select_value, e.account_type),
+      type: m.Select,
+      valueFormatter: (a) => t.find((n) => n.value === a)?.label
+    });
+  }
+  if (r.account_type === d.PROPERTY) {
+    const t = Object.keys(g).filter((a) => Number(a)).map((a) => ({
+      label: e.property_types[a],
+      value: Number(a),
+      icon: /* @__PURE__ */ p(f, { name: T[a] })
+    }));
+    l.push({
+      label: e.property_type,
+      name: "property_type",
+      options: t,
+      placeholder: i(e.select_value, e.property_type),
+      type: m.Select,
+      valueFormatter: (a) => t.find((n) => n.value === a)?.label
+    });
+  }
+  if (C(r)) {
+    let t = e.interest_rate, a = "interest_rate";
+    r.is_manual || (typeof r.apr == "number" && (t = e.apr, a = "apr"), typeof r.apy == "number" && (t = e.apy, a = "apy")), l.push({
+      event: "account_details_click_interest_rate",
+      label: t,
+      name: a,
+      placeholder: i(e.enter_value, t),
+      type: m.Input,
+      validation: (n) => b(n) ? "" : e.error_amount_is_invalid,
+      valueFormatter: (n) => b(n) ? I(n / 100) : n
+    });
+  }
+  return A(r) && (l.push({
+    label: e.minimum_payment,
+    name: "minimum_payment",
+    placeholder: i(e.enter_value, e.minimum_payment),
+    type: m.Currency,
+    valueFormatter: (t) => _(t, "0,0.00")
+  }), r.payment_due_at ? l.push({
+    label: e.next_payment,
+    name: "payment_due_at",
+    type: m.Date,
+    valueFormatter: (t) => y(typeof t == "number" ? v(t) : t, c.MED_MONTH_SHORT_DAY_FULL_YEAR)
+  }) : l.push({
+    label: e.day_payment_due,
+    name: "day_payment_is_due",
+    placeholder: i(e.enter_value, e.day_payment_due),
+    type: m.Date,
+    valueFormatter: (t) => i(e.day_of_every_month, S(t <= 31 ? t : new Date(t).getDate()))
+  })), O(r) && l.push({
+    label: e.credit_limit,
+    name: "credit_limit",
+    placeholder: i(e.enter_value, e.credit_limit),
+    type: m.Currency,
+    valueFormatter: (t) => _(t, "0,0.00")
+  }), N(r) && l.push({
+    label: e.original_balance,
+    minAmount: 1,
+    name: "original_balance",
+    placeholder: i(e.enter_value, e.original_balance),
+    type: m.Currency,
+    valueFormatter: (t) => _(t, "0,0.00")
+  }), l;
+}, R = (r, e, l) => {
+  let t = "", a = null, n = null, u = null, s = !1;
+  switch (r.account_type) {
+    case 1:
+    case 2:
+      r.available_balance != null && l ? (t = e.available_balance, a = o(r, l), n = e.current_balance, u = _(r.balance, "0,0.00"), s = !0) : (t = e.current_balance, a = o(r, l));
+      break;
+    default:
+      if (t = e.current_balance, a = r.balance, r.minimum_payment && r.payment_due_at) {
+        const h = v(r.payment_due_at);
+        n = /* @__PURE__ */ p(L, {
+          component: "strong",
+          variant: "caption",
+          children: i(e.payment_due_on, _(r.minimum_payment, "0,0.00"), y(h, c.FULL_MONTH_DAY))
+        });
+      } else r.credit_limit && (n = e.available_credit, u = _(r.credit_limit - (r?.balance ?? 0), "0,0.00"));
+  }
+  return {
+    firstSubtitle: t,
+    firstValue: a,
+    secondSubtitle: n,
+    secondValue: u,
+    hasAvailableBalance: s
+  };
+}, H = (r, e, l) => r.reduce((t, a) => t + (R(a, e, l).firstValue || 0), 0);
+export {
+  R as getAccountBalanceDetails,
+  B as getAccountDetailFields,
+  H as getClosedAccountBalanceTotal
+};
+
+//# sourceMappingURL=AccountFields.es.js.map

package/dist/accounts/utils/AccountFields.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountFields.es.js","names":[],"sources":["../../../src/accounts/utils/AccountFields.tsx"],"sourcesContent":["import { Icon, Text } from '@mxenabled/mxui'\n\nimport { DATE_FORMATS_INTL, formatDate } from '../../core/constants'\nimport { AccountIcon, AccountType, PropertyType } from '../../core'\nimport type { Account, AccountsCopy } from '../../core'\n\nimport { PropertyIcon } from '../../core/types/Account'\nimport {\n  getAccountStartingBalance,\n  isAccountLiability,\n  isManual,\n  usesCreditLimitField,\n  usesInterestRateField,\n  usesOriginalBalanceField,\n} from '../../core/utils/AccountUtils'\nimport { FieldType } from '../constants/Accounts'\nimport { fromUnixUTC } from '../../core/utils/DateUtil'\nimport {\n  formatCurrency,\n  formatOrdinal,\n  formatPercentage,\n  isValidNumber,\n} from '../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\ntype SelectOption = {\n  label: string\n  value: number\n  icon: React.ReactElement\n}\n\nexport type AccountField = {\n  event?: string\n  label: string\n  minAmount?: number\n  options?: SelectOption[]\n  name: keyof Account\n  placeholder?: string\n  type?: string\n  validation?: (val: any) => string\n  valueFormatter: (val: any) => any\n}\n\nexport const getAccountDetailFields = (account: Account, copy: AccountsCopy) => {\n  const fields: AccountField[] = [\n    {\n      event: 'account_details_click_account_name',\n      label: copy.account_name,\n      name: 'user_name',\n      placeholder: buildDynamicCopy(copy.enter_value, copy.account_name) as string,\n      type: FieldType.Input,\n      validation: (val: string) =>\n        val ? '' : (buildDynamicCopy(copy.field_is_required, copy.account_name) as string),\n      valueFormatter: (val) => val,\n    },\n  ]\n\n  if (isManual(account)) {\n    fields.unshift({\n      label: copy.account_balance,\n      name: 'balance',\n      placeholder: buildDynamicCopy(copy.enter_value, copy.account_balance) as string,\n      type: FieldType.Currency,\n      valueFormatter: (val) => formatCurrency(val, '0,0.00'),\n    })\n\n    const accountTypeOptions = Object.keys(AccountType)\n      .filter((key) => Number(key))\n      .map((value) => ({\n        label: copy.account_types[value],\n        value: Number(value),\n        icon: <Icon name={AccountIcon[value]} />,\n      }))\n\n    fields.push({\n      label: copy.account_type,\n      name: 'account_type',\n      options: accountTypeOptions,\n      placeholder: buildDynamicCopy(copy.select_value, copy.account_type) as string,\n      type: FieldType.Select,\n      valueFormatter: (val) => accountTypeOptions.find((option) => option.value === val)?.label,\n    })\n  }\n\n  if (account.account_type === AccountType.PROPERTY) {\n    const propertyTypeOptions = Object.keys(PropertyType)\n      .filter((key) => Number(key))\n      .map((value) => ({\n        label: copy.property_types[value],\n        value: Number(value),\n        icon: <Icon name={PropertyIcon[value]} />,\n      }))\n\n    fields.push({\n      label: copy.property_type,\n      name: 'property_type',\n      options: propertyTypeOptions,\n      placeholder: buildDynamicCopy(copy.select_value, copy.property_type) as string,\n      type: FieldType.Select,\n      valueFormatter: (val) => propertyTypeOptions.find((option) => option.value === val)?.label,\n    })\n  }\n\n  if (usesInterestRateField(account)) {\n    let label = copy.interest_rate\n    let fieldName = 'interest_rate' as keyof Account\n\n    if (!account.is_manual) {\n      if (typeof account.apr === 'number') {\n        label = copy.apr\n        fieldName = 'apr'\n      }\n      if (typeof account.apy === 'number') {\n        label = copy.apy\n        fieldName = 'apy'\n      }\n    }\n\n    fields.push({\n      event: 'account_details_click_interest_rate',\n      label,\n      name: fieldName,\n      placeholder: buildDynamicCopy(copy.enter_value, label) as string,\n      type: FieldType.Input,\n      validation: (val) => (!isValidNumber(val) ? copy.error_amount_is_invalid : ''),\n      valueFormatter: (val) => (isValidNumber(val) ? formatPercentage(val / 100) : val),\n    })\n  }\n\n  if (isAccountLiability(account)) {\n    fields.push({\n      label: copy.minimum_payment,\n      name: 'minimum_payment',\n      placeholder: buildDynamicCopy(copy.enter_value, copy.minimum_payment) as string,\n      type: FieldType.Currency,\n      valueFormatter: (val) => formatCurrency(val, '0,0.00'),\n    })\n\n    if (account.payment_due_at) {\n      fields.push({\n        label: copy.next_payment,\n        name: 'payment_due_at',\n        type: FieldType.Date,\n        valueFormatter: (val) => {\n          // accounts for Unix and DateTime values\n          const dateTimeStamp = typeof val === 'number' ? fromUnixUTC(val) : val\n          return formatDate(dateTimeStamp, DATE_FORMATS_INTL.MED_MONTH_SHORT_DAY_FULL_YEAR)\n        },\n      })\n    } else {\n      fields.push({\n        label: copy.day_payment_due,\n        name: 'day_payment_is_due',\n        placeholder: buildDynamicCopy(copy.enter_value, copy.day_payment_due) as string,\n        type: FieldType.Date,\n        valueFormatter: (val) =>\n          buildDynamicCopy(\n            copy.day_of_every_month,\n            formatOrdinal(val <= 31 ? val : new Date(val).getDate()),\n          ) as string,\n      })\n    }\n  }\n\n  if (usesCreditLimitField(account)) {\n    fields.push({\n      label: copy.credit_limit,\n      name: 'credit_limit',\n      placeholder: buildDynamicCopy(copy.enter_value, copy.credit_limit) as string,\n      type: FieldType.Currency,\n      valueFormatter: (val) => formatCurrency(val, '0,0.00'),\n    })\n  }\n\n  if (usesOriginalBalanceField(account)) {\n    fields.push({\n      label: copy.original_balance,\n      minAmount: 1,\n      name: 'original_balance',\n      placeholder: buildDynamicCopy(copy.enter_value, copy.original_balance) as string,\n      type: FieldType.Currency,\n      valueFormatter: (val) => formatCurrency(val, '0,0.00'),\n    })\n  }\n\n  return fields\n}\nexport const getAccountBalanceDetails = (\n  account: Account,\n  copy: AccountsCopy,\n  showAvailableBalance: boolean,\n) => {\n  let firstSubtitle = ''\n  let firstValue = null\n  let secondSubtitle = null\n  let secondValue = null\n  let hasAvailableBalance = false\n\n  switch (account.account_type) {\n    // checking or savings\n    case 1:\n    case 2: {\n      // some savings accounts only have balance, and not available_balance\n      if (account.available_balance != null && showAvailableBalance) {\n        firstSubtitle = copy.available_balance\n        firstValue = getAccountStartingBalance(account, showAvailableBalance)\n        secondSubtitle = copy.current_balance\n        secondValue = formatCurrency(account.balance, '0,0.00')\n        hasAvailableBalance = true\n      } else {\n        firstSubtitle = copy.current_balance\n        firstValue = getAccountStartingBalance(account, showAvailableBalance)\n      }\n      break\n    }\n    default: {\n      firstSubtitle = copy.current_balance\n      firstValue = account.balance\n      if (account.minimum_payment && account.payment_due_at) {\n        const dateTimeStamp = fromUnixUTC(account.payment_due_at)\n        secondSubtitle = (\n          <Text component=\"strong\" variant=\"caption\">\n            {\n              buildDynamicCopy(\n                copy.payment_due_on,\n                formatCurrency(account.minimum_payment, '0,0.00'),\n                formatDate(dateTimeStamp, DATE_FORMATS_INTL.FULL_MONTH_DAY),\n              ) as string\n            }\n          </Text>\n        )\n      } else if (account.credit_limit) {\n        secondSubtitle = copy.available_credit\n        secondValue = formatCurrency(account.credit_limit - (account?.balance ?? 0), '0,0.00')\n      }\n    }\n  }\n\n  return {\n    firstSubtitle,\n    firstValue,\n    secondSubtitle,\n    secondValue,\n    hasAvailableBalance,\n  }\n}\n\nexport const getClosedAccountBalanceTotal = (\n  accounts: Account[],\n  copy: AccountsCopy,\n  showAvailableBalance: boolean,\n) => {\n  const total = accounts.reduce((sum, account) => {\n    const details = getAccountBalanceDetails(account, copy, showAvailableBalance)\n    const firstValue = details.firstValue || 0\n    return sum + firstValue\n  }, 0)\n\n  return total\n}\n"],"mappings":"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"}

package/dist/accounts/utils/getConnectionMessages.es.js

@@ -0,0 +1,131 @@
+import { buildDynamicCopy as c } from "../../core/utils/Localization.es.js";
+import { DATE_FORMATS_INTL as o, formatDate as _ } from "../../core/constants/DateFormats.es.js";
+import { ConnectionStatusEnums as i } from "../../core/types/Account.es.js";
+import { fromUnixTime as u } from "date-fns/fromUnixTime";
+import { isToday as r } from "date-fns/isToday";
+import { isYesterday as l } from "date-fns/isYesterday";
+var T = (n, e) => {
+  const { connection_messages: t } = e;
+  switch (n.connection_status) {
+    case i.CHALLENGED:
+      return {
+        cta: t.challenged_cta,
+        main: c(t.challenged_connection_description, n.name),
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.challenged_connection_title
+      };
+    case i.CLOSED:
+      return {
+        main: t.closed_connection_description,
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.closed_connection_title
+      };
+    case i.DEGRADED:
+      return {
+        main: t.degraded_connection_description,
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.degraded_connection_title
+      };
+    case i.DELAYED:
+      return {
+        main: c(t.delayed_connection_description, n.name),
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.delayed_connection_title
+      };
+    case i.DENIED:
+      return {
+        cta: t.denied_cta,
+        main: c(t.denied_connection_description, n.name),
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.denied_connection_title
+      };
+    case i.DISABLED:
+      return {
+        main: t.disabled_connection_description,
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.disabled_connection_title
+      };
+    case i.DISCONNECTED:
+      return {
+        main: c(t.disconnected_connection_description, n.name),
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.disconnected_connection_title
+      };
+    case i.DISCONTINUED:
+      return {
+        main: t.discontinued_connection_description,
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.discontinued_connection_title
+      };
+    case i.EXPIRED:
+      return {
+        cta: t.expired_cta,
+        main: t.expired_connection_description,
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.expired_connection_title
+      };
+    case i.FAILED:
+      return {
+        main: c(t.failed_connection_description, n.name),
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.failed_connection_title
+      };
+    case i.IMPAIRED:
+      return {
+        cta: t.impaired_cta,
+        main: c(t.impaired_connection_description, n.name),
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.impaired_connection_title
+      };
+    case i.IMPEDED:
+      return {
+        main: c(t.impeded_connection_description, n.name, n.name),
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.impeded_connection_title
+      };
+    case i.IMPORTED:
+      return {
+        cta: t.imported_cta,
+        main: c(t.imported_connection_description, n.name),
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.imported_connection_title
+      };
+    case i.LOCKED:
+      return {
+        cta: t.locked_cta,
+        main: c(t.locked_connection_description, n.name),
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.locked_connection_title
+      };
+    case i.PREVENTED:
+      return {
+        cta: t.prevented_cta,
+        main: t.prevented_connection_description,
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.prevented_connection_title
+      };
+    case i.REJECTED:
+      return {
+        cta: t.rejected_cta,
+        main: t.rejected_connection_description,
+        statusName: e.connection_statuses[n.connection_status],
+        title: t.rejected_connection_title
+      };
+    default: {
+      const d = () => {
+        const s = n.successfully_aggregated_at ? u(n.successfully_aggregated_at) : void 0, a = s && _(s, o.TIME_STAMP_HOUR_MINUTE);
+        if (a)
+          return r(s) ? c(e.last_updated_at, e.today, a) : l(s) ? c(e.last_updated_at, e.yesterday, a) : c(e.last_updated_at, _(s, o.MONTH_DAY_YEAR), a);
+      };
+      return {
+        statusName: e.connection_statuses[6],
+        title: d()
+      };
+    }
+  }
+};
+export {
+  T as getConnectionMessages
+};
+
+//# sourceMappingURL=getConnectionMessages.es.js.map

package/dist/accounts/utils/getConnectionMessages.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getConnectionMessages.es.js","names":[],"sources":["../../../src/accounts/utils/getConnectionMessages.tsx"],"sourcesContent":["import { fromUnixTime } from 'date-fns/fromUnixTime'\nimport { isToday } from 'date-fns/isToday'\nimport { isYesterday } from 'date-fns/isYesterday'\n\nimport { ConnectCopy, ConnectionStatusEnums, type Member } from '../../core'\nimport { DATE_FORMATS_INTL, formatDate } from '../../core/constants'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\nexport interface ConnectionMessageObject {\n  cta?: string\n  main: string\n  statusName: string\n  title: string\n}\n\nexport const getConnectionMessages: any = (member: Member, copy: ConnectCopy) => {\n  const { connection_messages } = copy\n\n  switch (member.connection_status) {\n    case ConnectionStatusEnums.CHALLENGED: {\n      return {\n        cta: connection_messages.challenged_cta,\n        main: buildDynamicCopy(\n          connection_messages.challenged_connection_description,\n          member.name,\n        ) as string,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.challenged_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.CLOSED: {\n      return {\n        main: connection_messages.closed_connection_description,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.closed_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.DEGRADED: {\n      return {\n        main: connection_messages.degraded_connection_description,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.degraded_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.DELAYED: {\n      return {\n        main: buildDynamicCopy(\n          connection_messages.delayed_connection_description,\n          member.name,\n        ) as string,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.delayed_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.DENIED: {\n      return {\n        cta: connection_messages.denied_cta,\n        main: buildDynamicCopy(\n          connection_messages.denied_connection_description,\n          member.name,\n        ) as string,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.denied_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.DISABLED: {\n      return {\n        main: connection_messages.disabled_connection_description,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.disabled_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.DISCONNECTED: {\n      return {\n        main: buildDynamicCopy(\n          connection_messages.disconnected_connection_description,\n          member.name,\n        ) as string,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.disconnected_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.DISCONTINUED: {\n      return {\n        main: connection_messages.discontinued_connection_description,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.discontinued_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.EXPIRED: {\n      return {\n        cta: connection_messages.expired_cta,\n        main: connection_messages.expired_connection_description,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.expired_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.FAILED: {\n      return {\n        main: buildDynamicCopy(\n          connection_messages.failed_connection_description,\n          member.name,\n        ) as string,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.failed_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.IMPAIRED: {\n      return {\n        cta: connection_messages.impaired_cta,\n        main: buildDynamicCopy(\n          connection_messages.impaired_connection_description,\n          member.name,\n        ) as string,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.impaired_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.IMPEDED: {\n      return {\n        main: buildDynamicCopy(\n          connection_messages.impeded_connection_description,\n          member.name,\n          member.name,\n        ) as string,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.impeded_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.IMPORTED: {\n      return {\n        cta: connection_messages.imported_cta,\n        main: buildDynamicCopy(\n          connection_messages.imported_connection_description,\n          member.name,\n        ) as string,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.imported_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.LOCKED: {\n      return {\n        cta: connection_messages.locked_cta,\n        main: buildDynamicCopy(\n          connection_messages.locked_connection_description,\n          member.name,\n        ) as string,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.locked_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.PREVENTED: {\n      return {\n        cta: connection_messages.prevented_cta,\n        main: connection_messages.prevented_connection_description,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.prevented_connection_title,\n      }\n    }\n    case ConnectionStatusEnums.REJECTED: {\n      return {\n        cta: connection_messages.rejected_cta,\n        main: connection_messages.rejected_connection_description,\n        statusName: copy.connection_statuses[member.connection_status],\n        title: connection_messages.rejected_connection_title,\n      }\n    }\n    default: {\n      const lastUpdatedCopy = () => {\n        const lastUpdated = member.successfully_aggregated_at\n          ? fromUnixTime(member.successfully_aggregated_at)\n          : undefined\n        const lastUpdatedFormattedTime =\n          lastUpdated && formatDate(lastUpdated, DATE_FORMATS_INTL.TIME_STAMP_HOUR_MINUTE)\n\n        if (!lastUpdatedFormattedTime) return undefined\n        if (isToday(lastUpdated))\n          return buildDynamicCopy(copy.last_updated_at, copy.today, lastUpdatedFormattedTime)\n        if (isYesterday(lastUpdated))\n          return buildDynamicCopy(copy.last_updated_at, copy.yesterday, lastUpdatedFormattedTime)\n        return buildDynamicCopy(\n          copy.last_updated_at,\n          formatDate(lastUpdated, DATE_FORMATS_INTL.MONTH_DAY_YEAR),\n          lastUpdatedFormattedTime,\n        )\n      }\n      return {\n        statusName: copy.connection_statuses[6], // Connected\n        title: lastUpdatedCopy(),\n      }\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/analytics/SurveyMiniWidget.es.js

@@ -0,0 +1,117 @@
+import { useAnalyticsStore as w, useEvent as A, useGlobalCopyStore as E, useGlobalUiStore as L } from "../common/context/hooks.es.js";
+import q from "../common/components/MiniWidgetContainer.es.js";
+import F from "../common/components/Loader.es.js";
+import Q from "./components/RatingScale.es.js";
+import R from "./components/OpenTextField.es.js";
+import i from "react";
+import { observer as T } from "mobx-react-lite";
+import r from "@mui/material/Stack";
+import { Text as a } from "@mxenabled/mxui";
+import W from "@mui/material/Button";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { SurveyQuestionType as y } from "posthog-js";
+import j from "@mui/material/Alert";
+var z = () => {
+  const { onEvent: l } = A(), { surveyId: u, question: o, isLastQuestion: s, nextQuestion: h, loadSurvey: v, questionCount: x, response: d, responsePayload: b, resetStore: c, survey: S } = w(), { analytics: t, common: _ } = E(), { isCopyLoaded: C, isInitialized: p } = L(), [m, f] = i.useState(!1);
+  i.useEffect(() => {
+    p && v();
+  }, [p]), i.useEffect(() => {
+    l("survey shown", { $survey_id: u });
+  }, [S]);
+  const g = () => {
+    l("survey dismissed", { $survey_id: u }), c(), f(!1);
+  }, k = () => {
+    h();
+  }, M = () => {
+    l("survey sent", b), c(), f(!0);
+  };
+  return C ? !o && !m ? null : /* @__PURE__ */ n(q, {
+    closeLabel: _.close_aria,
+    onClose: g,
+    sx: {
+      "& .MuiCardHeader-root": {
+        px: 24,
+        pb: 2
+      },
+      "& .MuiCardHeader-subheader": { fontSize: 13 },
+      "& .MuiCardContent-root:last-child": { pb: 0 }
+    },
+    title: t.your_feedback_matters,
+    children: [
+      /* @__PURE__ */ e(r, {
+        sx: {
+          pb: 8,
+          px: 24
+        },
+        children: /* @__PURE__ */ e(a, {
+          truncate: !1,
+          variant: "subtitle2",
+          children: t.let_us_know
+        })
+      }),
+      o && /* @__PURE__ */ n(i.Fragment, { children: [
+        /* @__PURE__ */ n(r, {
+          sx: {
+            gap: 4,
+            px: 24,
+            py: 16
+          },
+          children: [/* @__PURE__ */ e(a, {
+            bold: !0,
+            truncate: !1,
+            children: o.question
+          }), /* @__PURE__ */ e(a, {
+            variant: "caption",
+            children: x
+          })]
+        }),
+        /* @__PURE__ */ n(r, {
+          sx: {
+            gap: 6,
+            px: 24,
+            pb: 8
+          },
+          children: [o.type === y.Rating && /* @__PURE__ */ e(Q, {}), o.type === y.Open && /* @__PURE__ */ e(R, {})]
+        }),
+        /* @__PURE__ */ e(r, {
+          sx: {
+            px: 24,
+            py: 16
+          },
+          children: /* @__PURE__ */ e(W, {
+            disabled: !s && !d,
+            onClick: s ? M : k,
+            variant: s && d ? "contained" : "outlined",
+            children: s ? t.submit_feedback : t.continue
+          })
+        })
+      ] }),
+      m && /* @__PURE__ */ n(i.Fragment, { children: [/* @__PURE__ */ e(r, {
+        sx: {
+          px: 24,
+          py: 24
+        },
+        children: /* @__PURE__ */ e(a, {
+          bold: !0,
+          truncate: !1,
+          children: t.thank_you
+        })
+      }), /* @__PURE__ */ e(r, {
+        sx: {
+          px: 24,
+          pb: 24
+        },
+        children: /* @__PURE__ */ e(j, {
+          severity: "success",
+          variant: "filled",
+          children: t.feedback_sent_successfully
+        })
+      })] })
+    ]
+  }) : /* @__PURE__ */ e(F, {});
+}, X = T(z);
+export {
+  X as default
+};
+
+//# sourceMappingURL=SurveyMiniWidget.es.js.map

package/dist/analytics/SurveyMiniWidget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SurveyMiniWidget.es.js","names":[],"sources":["../../src/analytics/SurveyMiniWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { SurveyQuestionType } from 'posthog-js'\n\nimport Alert from '@mui/material/Alert'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport Loader from '../common/components/Loader'\nimport MiniWidgetContainer from '../common/components/MiniWidgetContainer'\nimport { useEvent } from '../common/context/hooks'\nimport { useAnalyticsStore } from '../common/context/hooks'\nimport { useGlobalUiStore } from '../common/context/hooks'\nimport { useGlobalCopyStore } from '../common/context/hooks'\n\nimport RatingScale from './components/RatingScale'\nimport OpenTextField from './components/OpenTextField'\n\nconst SurveyMiniWidget = () => {\n  const { onEvent } = useEvent()\n  const {\n    surveyId,\n    question,\n    isLastQuestion,\n    nextQuestion,\n    loadSurvey,\n    questionCount,\n    response,\n    responsePayload,\n    resetStore,\n    survey,\n  } = useAnalyticsStore()\n\n  const { analytics: copy, common: commonCopy } = useGlobalCopyStore()\n  const { isCopyLoaded, isInitialized } = useGlobalUiStore()\n  const [showAlert, setShowAlert] = React.useState(false)\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadSurvey()\n    }\n  }, [isInitialized])\n\n  React.useEffect(() => {\n    onEvent('survey shown', {\n      $survey_id: surveyId,\n    })\n  }, [survey])\n\n  const handleClose = () => {\n    onEvent('survey dismissed', {\n      $survey_id: surveyId,\n    })\n    resetStore()\n    setShowAlert(false)\n  }\n\n  const handleContinue = () => {\n    nextQuestion()\n  }\n\n  const handleSubmit = () => {\n    const payload = responsePayload\n    onEvent('survey sent', payload)\n    resetStore()\n    setShowAlert(true)\n  }\n\n  if (!isCopyLoaded) {\n    return <Loader />\n  }\n\n  if (!question && !showAlert) {\n    return null\n  }\n\n  return (\n    <MiniWidgetContainer\n      closeLabel={commonCopy.close_aria}\n      onClose={handleClose}\n      sx={{\n        '& .MuiCardHeader-root': {\n          px: 24,\n          pb: 2,\n        },\n        '& .MuiCardHeader-subheader': {\n          fontSize: 13,\n        },\n        '& .MuiCardContent-root:last-child': {\n          pb: 0,\n        },\n      }}\n      title={copy.your_feedback_matters}\n    >\n      <Stack sx={{ pb: 8, px: 24 }}>\n        <Text truncate={false} variant=\"subtitle2\">\n          {copy.let_us_know}\n        </Text>\n      </Stack>\n      {question && (\n        <React.Fragment>\n          <Stack sx={{ gap: 4, px: 24, py: 16 }}>\n            <Text bold={true} truncate={false}>\n              {question.question}\n            </Text>\n            <Text variant=\"caption\">{questionCount}</Text>\n          </Stack>\n          <Stack sx={{ gap: 6, px: 24, pb: 8 }}>\n            {question.type === SurveyQuestionType.Rating && <RatingScale />}\n\n            {question.type === SurveyQuestionType.Open && <OpenTextField />}\n          </Stack>\n          <Stack sx={{ px: 24, py: 16 }}>\n            <Button\n              disabled={!isLastQuestion && !response}\n              onClick={isLastQuestion ? handleSubmit : handleContinue}\n              variant={isLastQuestion && response ? 'contained' : 'outlined'}\n            >\n              {isLastQuestion ? copy.submit_feedback : copy.continue}\n            </Button>\n          </Stack>\n        </React.Fragment>\n      )}\n\n      {showAlert && (\n        <React.Fragment>\n          <Stack sx={{ px: 24, py: 24 }}>\n            <Text bold={true} truncate={false}>\n              {copy.thank_you}\n            </Text>\n          </Stack>\n          <Stack sx={{ px: 24, pb: 24 }}>\n            <Alert severity=\"success\" variant=\"filled\">\n              {copy.feedback_sent_successfully}\n            </Alert>\n          </Stack>\n        </React.Fragment>\n      )}\n    </MiniWidgetContainer>\n  )\n}\n\nexport default observer(SurveyMiniWidget)\n"],"mappings":"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"}

package/dist/analytics/components/OpenTextField.es.js

@@ -0,0 +1,23 @@
+import { useAnalyticsStore as a, useGlobalCopyStore as l } from "../../common/context/hooks.es.js";
+import "react";
+import { observer as p } from "mobx-react-lite";
+import { TextField as s } from "@mxenabled/mxui";
+import { jsx as i } from "react/jsx-runtime";
+var n = () => {
+  const { response: r, setResponse: o } = a(), { analytics: e } = l();
+  return /* @__PURE__ */ i(s, {
+    label: e.feedback,
+    multiline: !0,
+    onChange: (t) => {
+      o(t.target.value);
+    },
+    placeholder: e.improve_experience,
+    rows: 4,
+    value: r ?? ""
+  });
+}, x = p(n);
+export {
+  x as default
+};
+
+//# sourceMappingURL=OpenTextField.es.js.map

package/dist/analytics/components/OpenTextField.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenTextField.es.js","names":[],"sources":["../../../src/analytics/components/OpenTextField.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { TextField } from '@mxenabled/mxui'\n\nimport { useAnalyticsStore } from '../../common/context/hooks'\nimport { useGlobalCopyStore } from '../../common/context/hooks'\n\nconst OpenTextField = () => {\n  const { response, setResponse } = useAnalyticsStore()\n  const { analytics: copy } = useGlobalCopyStore()\n\n  return (\n    <TextField\n      label={copy.feedback}\n      multiline={true}\n      onChange={(event: React.ChangeEvent<HTMLInputElement>) => {\n        setResponse(event.target.value)\n      }}\n      placeholder={copy.improve_experience}\n      rows={4}\n      value={response ?? ''}\n    />\n  )\n}\n\nexport default observer(OpenTextField)\n"],"mappings":";;;;;AAQA,IAAM,IAAA,MAAsB;AAC1B,QAAM,EAAE,UAAA,GAAU,aAAA,EAAA,IAAgB,EAAkB,GAC9C,EAAE,WAAW,EAAA,IAAS,EAAmB;AAE/C,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,OAAO,EAAK;AAAA,IACZ,WAAW;AAAA,IACX,UAAA,CAAW,MAA+C;AACxD,MAAA,EAAY,EAAM,OAAO,KAAK;AAAA,IAChC;AAAA,IACA,aAAa,EAAK;AAAA,IAClB,MAAM;AAAA,IACN,OAAO,KAAY;AAAA,EACpB,CAAA;AAEL,GAEA,IAAe,EAAS,CAAa"}

package/dist/analytics/components/RatingScale.es.js

@@ -0,0 +1,56 @@
+import { useAnalyticsStore as u, useGlobalCopyStore as d } from "../../common/context/hooks.es.js";
+import f from "react";
+import { observer as g } from "mobx-react-lite";
+import h from "@mui/material/Stack";
+import { Text as n } from "@mxenabled/mxui";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { useTheme as y } from "@mui/material/styles";
+import x from "@mui/material/ToggleButton";
+import v from "@mui/material/ToggleButtonGroup";
+var b = () => {
+  const { question: s, response: l, setResponse: i } = u(), { analytics: o } = d(), c = y(), r = s, m = (p, e) => {
+    i(e);
+  };
+  return /* @__PURE__ */ a(f.Fragment, { children: [/* @__PURE__ */ t(v, {
+    exclusive: !0,
+    onChange: m,
+    sx: {
+      display: "flex",
+      height: 44,
+      justifyContent: "space-between",
+      width: "100%"
+    },
+    value: l,
+    children: Array.from({ length: r.scale }, (p, e) => /* @__PURE__ */ t(x, {
+      color: "primary",
+      sx: {
+        fontWeight: "bold",
+        width: `${100 / r.scale}%`
+      },
+      value: e + 1,
+      children: e + 1
+    }, e + 1))
+  }), /* @__PURE__ */ a(h, {
+    sx: {
+      color: c.palette.secondary.light,
+      flexDirection: "row",
+      justifyContent: "space-between"
+    },
+    children: [/* @__PURE__ */ t(n, {
+      bold: !0,
+      color: "text.secondary",
+      variant: "caption",
+      children: o.strongly_disagree
+    }), /* @__PURE__ */ t(n, {
+      bold: !0,
+      color: "text.secondary",
+      variant: "caption",
+      children: o.strongly_agree
+    })]
+  })] });
+}, G = g(b);
+export {
+  G as default
+};
+
+//# sourceMappingURL=RatingScale.es.js.map

package/dist/analytics/components/RatingScale.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingScale.es.js","names":[],"sources":["../../../src/analytics/components/RatingScale.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { RatingSurveyQuestion } from 'posthog-js'\n\nimport Stack from '@mui/material/Stack'\nimport ToggleButton from '@mui/material/ToggleButton'\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useAnalyticsStore } from '../../common/context/hooks'\nimport { useGlobalCopyStore } from '../../common/context/hooks'\n\nconst RatingScale = () => {\n  const { question, response, setResponse } = useAnalyticsStore()\n  const { analytics: copy } = useGlobalCopyStore()\n  const theme = useTheme()\n  const ratingQuestion = question as RatingSurveyQuestion\n\n  const handleSelect = (_: React.MouseEvent<HTMLElement>, response: number | null) => {\n    setResponse(response)\n  }\n\n  return (\n    <React.Fragment>\n      <ToggleButtonGroup\n        exclusive={true}\n        onChange={handleSelect}\n        sx={{\n          display: 'flex',\n          height: 44,\n          justifyContent: 'space-between',\n          width: '100%',\n        }}\n        value={response}\n      >\n        {Array.from({ length: ratingQuestion.scale }, (_, index) => (\n          <ToggleButton\n            color=\"primary\"\n            key={index + 1}\n            sx={{ fontWeight: 'bold', width: `${100 / ratingQuestion.scale}%` }}\n            value={index + 1}\n          >\n            {index + 1}\n          </ToggleButton>\n        ))}\n      </ToggleButtonGroup>\n      <Stack\n        sx={{\n          color: theme.palette.secondary.light,\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n        }}\n      >\n        <Text bold={true} color=\"text.secondary\" variant=\"caption\">\n          {copy.strongly_disagree}\n        </Text>\n        <Text bold={true} color=\"text.secondary\" variant=\"caption\">\n          {copy.strongly_agree}\n        </Text>\n      </Stack>\n    </React.Fragment>\n  )\n}\n\nexport default observer(RatingScale)\n"],"mappings":";;;;;;;;;AAcA,IAAM,IAAA,MAAoB;AACxB,QAAM,EAAE,UAAA,GAAU,UAAA,GAAU,aAAA,EAAA,IAAgB,EAAkB,GACxD,EAAE,WAAW,EAAA,IAAS,EAAmB,GACzC,IAAQ,EAAS,GACjB,IAAiB,GAEjB,IAAA,CAAgB,GAAkC,MAA4B;AAClF,IAAA,EAAY,CAAQ;AAAA,EACtB;AAEA,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAW;AAAA,IACX,UAAU;AAAA,IACV,IAAI;AAAA,MACF,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,OAAO;AAAA,IACT;AAAA,IACA,OAAO;AAAA,cAEN,MAAM,KAAK,EAAE,QAAQ,EAAe,MAAM,GAAA,CAAI,GAAG,MAChD,gBAAA,EAAC,GAAD;AAAA,MACE,OAAM;AAAA,MAEN,IAAI;AAAA,QAAE,YAAY;AAAA,QAAQ,OAAO,GAAG,MAAM,EAAe,KAAA;AAAA,MAAS;AAAA,MAClE,OAAO,IAAQ;AAAA,gBAEd,IAAQ;AAAA,IACG,GALP,IAAQ,CAKD,CACf;AAAA,EACgB,CAAA,GACnB,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,OAAO,EAAM,QAAQ,UAAU;AAAA,MAC/B,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,cALF,CAOE,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,MAAM,OAAM;AAAA,MAAiB,SAAQ;AAAA,gBAC9C,EAAK;AAAA,IACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,MAAM,OAAM;AAAA,MAAiB,SAAQ;AAAA,gBAC9C,EAAK;AAAA,IACF,CAAA,CACD;AAAA,IACO,EAAA,CAAA;AAEpB,GAEA,IAAe,EAAS,CAAW"}