@mx-cartographer/experiences 9.4.63 → 9.4.65

package/dist/help/components/requestsupport/RequestSupport.es.js

@@ -1,172 +1,188 @@
-import { useEvent as k, useGlobalUiStore as w, useHelpStore as D, useUserStore as U } from "../../../common/context/hooks.es.js";
-import H from "../../../common/components/drawer/Drawer.es.js";
-import { ANALYTICS_EVENTS as g } from "../../../common/constants/Analytics.es.js";
-import { HELP_BY_CATEGORY_LIST as M, POPULAR_TOPICS_LIST as W } from "../../../core/constants/Help.es.js";
-import $ from "../../../common/components/Loader.es.js";
-import { RequestSupportHeader as y } from "./RequestSupportHeader.es.js";
-import { ContactSupport as A } from "./ContactSupport.es.js";
-import { HelpByCategoryList as j } from "./HelpByCategoryList.es.js";
-import F from "./MissingInstitution.es.js";
-import { PopularTopicsList as G } from "./PopularTopicsList.es.js";
-import { PopularTopicsDrawer as Y } from "./PopularTopicsDrawer.es.js";
-import { RequestSupportFooter as K } from "./RequestSupportFooter.es.js";
-import { RequestSupportInstitution as z } from "./RequestSupportInstitution.es.js";
-import Q from "./SupportSuccessMessage.es.js";
-import a from "react";
-import { observer as V } from "mobx-react-lite";
-import J from "@mui/material/Stack";
-import { Text as T } from "@mxenabled/mxui";
-import { jsx as i, jsxs as L } from "react/jsx-runtime";
-import X from "@mui/material/Box";
-var Ot = V(({ copy: e, isOpen: P, onClose: h }) => {
-  const { onEvent: m } = k(), { alert: c, createSupportTicket: C, isLoading: _, setAlert: u } = D(), { isInitialized: b } = w(), { user: r } = U(), [n, l] = a.useState(""), [x, p] = a.useState(!1), [d, S] = a.useState(!1), [o, I] = a.useState({
+import { useEvent as j, useGlobalUiStore as F, useHelpStore as G, useUserStore as Y } from "../../../common/context/hooks.es.js";
+import K from "../../../common/components/drawer/Drawer.es.js";
+import { ANALYTICS_EVENTS as R } from "../../../common/constants/Analytics.es.js";
+import { HELP_BY_CATEGORY_LIST as z, POPULAR_TOPICS_LIST as V } from "../../../core/constants/Help.es.js";
+import J from "../../../common/components/Loader.es.js";
+import { RequestSupportHeader as Q } from "./RequestSupportHeader.es.js";
+import { ContactSupport as X } from "./ContactSupport.es.js";
+import { HelpByCategoryList as Z } from "./HelpByCategoryList.es.js";
+import tt from "./MissingInstitution.es.js";
+import { PopularTopicsList as et } from "./PopularTopicsList.es.js";
+import { PopularTopicsDrawer as it } from "./PopularTopicsDrawer.es.js";
+import { RequestSupportInstitution as ot } from "./RequestSupportInstitution.es.js";
+import st from "./SupportSuccessMessage.es.js";
+import n from "react";
+import { observer as nt } from "mobx-react-lite";
+import rt from "@mui/material/Stack";
+import { Text as M } from "@mxenabled/mxui";
+import { jsx as o, jsxs as O } from "react/jsx-runtime";
+var Pt = nt(({ caseTopic: a, copy: e, isOpen: d, onTopicSelect: N, onClose: f }) => {
+  const { onEvent: h } = j(), { alert: g, createSupportTicket: L, isLoading: _, setAlert: m } = G(), { isInitialized: T } = F(), { user: r } = Y(), [l, u] = n.useState(""), [q, c] = n.useState(""), [w, p] = n.useState(!1), [D, S] = n.useState(!1), [s, b] = n.useState({
     isOpen: !1,
     topic: "",
     type: void 0
-  }), R = M.map((t) => ({
-    ...t,
-    title: e.help_by_category_list[t.guid].label,
-    topics: t.topics.map(({ type: s }, B) => ({
-      type: s,
-      label: e.help_by_category_list[t.guid].topics[B]
-    }))
-  })), E = Object.keys(e.popular_topics_list).map((t, s) => ({
+  }), E = z.flatMap((t) => {
+    const i = e.help_by_category_list?.[t.guid];
+    if (!i?.label) return [];
+    const H = "description" in i ? Object.values(i.topics ?? {}).map((I) => ({
+      label: I,
+      type: void 0
+    })) : t.topics.flatMap(({ type: I, topicKey: U }, A) => {
+      const x = (i.topics ?? {})[A];
+      return x === void 0 ? [] : [{
+        type: I,
+        topicKey: U,
+        label: x
+      }];
+    });
+    return [{
+      ...t,
+      description: "description" in i ? i.description : void 0,
+      title: i.label,
+      topics: H
+    }];
+  }), k = Object.keys(e.popular_topics_list).map((t, i) => ({
     name: e.popular_topics_list[t],
-    type: W[s].type
-  })), f = () => {
-    l(""), I({
+    type: V[i].type
+  })), C = () => {
+    u(""), b({
       isOpen: !1,
       topic: "",
       type: void 0
     });
-  }, v = (t) => {
-    r.email && C({
+  }, y = (t) => {
+    c(t), p(!0);
+  }, P = a || q || s.topic || e.contact_support, B = (t) => {
+    r.email && L({
       email: r.email,
-      message: n ? `Institution: ${n}, ${t}` : t,
-      title: o.topic || "Contact Support"
+      message: l ? `Institution: ${l}, ${t}` : t,
+      title: P
     });
-  }, O = (t, s) => {
-    s === "other" ? S(!0) : I({
+  }, v = (t, i) => {
+    i === "other" ? S(!0) : b({
       isOpen: !0,
       topic: t,
-      type: s
+      type: i
     });
-  }, N = () => {
-    u(""), p(!1), S(!1), f();
-  }, q = (t) => {
+  }, W = () => {
+    m(""), c(""), p(!1), S(!1), C();
+  }, $ = (t) => {
     if (!r.email) {
-      u(e.request_support_email_not_exists_message, "error");
+      m(e.request_support_email_not_exists_message, "error");
       return;
     }
-    m(g.HELP_CLICK_SUPPORT_FOR_MISSING_INSTITUTION, {
+    h(R.HELP_CLICK_SUPPORT_FOR_MISSING_INSTITUTION, {
       supportTopic: "missingInstitution",
       institutionName: t.institutionName,
       institutionWebsite: t.institutionWebsite,
       institutionLoginPage: t.institutionLoginPage
-    }), C({
+    }), L({
       email: r.email,
       message: `Institution Website: ${t.institutionWebsite}${t.institutionLoginPage ? ` Institution Login Page: ${t.institutionLoginPage}` : ""} `,
       title: `Institution Request: ${t.institutionName}`
     });
   };
-  return /* @__PURE__ */ i(H, {
-    isOpen: P,
-    onClose: h,
-    title: e.request_support,
-    children: !b || _ ? /* @__PURE__ */ i($, {}) : /* @__PURE__ */ L(a.Fragment, { children: [
-      /* @__PURE__ */ L(J, { children: [
-        /* @__PURE__ */ i(y, {
-          subtitle: e.request_support_short_content,
-          title: e.request_support_title
-        }),
-        /* @__PURE__ */ i(T, {
-          color: "text.primary",
-          fontWeight: "bold",
-          gutterBottom: !0,
-          sx: { ml: 24 },
-          variant: "caption",
-          children: e.popular_topics
+  return /* @__PURE__ */ O(n.Fragment, { children: [
+    !a && /* @__PURE__ */ o(K, {
+      isOpen: d,
+      onClose: () => {
+        c(""), u(""), p(!1), f();
+      },
+      title: e.request_support,
+      children: !T || _ ? /* @__PURE__ */ o(J, {}) : /* @__PURE__ */ O(n.Fragment, { children: [
+        /* @__PURE__ */ O(rt, { children: [
+          /* @__PURE__ */ o(Q, {
+            subtitle: e.request_support_short_content,
+            title: e.request_support_title
+          }),
+          /* @__PURE__ */ o(M, {
+            color: "text.primary",
+            fontWeight: "bold",
+            gutterBottom: !0,
+            sx: { ml: 24 },
+            variant: "caption",
+            children: e.popular_topics
+          }),
+          /* @__PURE__ */ o(et, {
+            list: k,
+            onClick: (t, i) => {
+              h(R.HELP_CLICK_SUPPORT_TOPIC, { supportTopic: t }), v(t, i);
+            },
+            sx: { fontWeight: 400 }
+          }),
+          /* @__PURE__ */ o(M, {
+            color: "text.primary",
+            fontWeight: "bold",
+            gutterBottom: !0,
+            sx: {
+              mt: 24,
+              ml: 24
+            },
+            variant: "caption",
+            children: e.help_by_category
+          }),
+          /* @__PURE__ */ o(Z, {
+            copy: e,
+            helpByCategory: E,
+            onClick: v,
+            onOpenCase: y,
+            onTopicSelect: N
+          })
+        ] }),
+        /* @__PURE__ */ o(tt, {
+          copy: e,
+          isOpen: D,
+          onClose: () => S(!1),
+          onSave: $
         }),
-        /* @__PURE__ */ i(G, {
-          list: E,
-          onClick: (t, s) => {
-            m(g.HELP_CLICK_SUPPORT_TOPIC, { supportTopic: t }), O(t, s);
+        /* @__PURE__ */ o(it, {
+          copy: e,
+          isOpen: s.isOpen,
+          onClick: (t) => {
+            u(t), s.type === "internal" && p(!0);
           },
-          sx: { fontWeight: 400 }
-        }),
-        /* @__PURE__ */ i(T, {
-          color: "text.primary",
-          fontWeight: "bold",
-          gutterBottom: !0,
-          sx: { m: "24px 0px 0px 24px" },
-          variant: "caption",
-          children: e.help_by_category
+          onClose: C,
+          topic: s.topic
         }),
-        /* @__PURE__ */ i(j, {
-          helpByCategory: R,
-          onClick: O
-        }),
-        /* @__PURE__ */ i(X, {
-          sx: { p: 24 },
-          children: /* @__PURE__ */ i(K, {
-            copy: e,
-            onButtonClick: () => {
-              m(g.HELP_OPEN_SUPPORT_REQUEST, {}), p(!0);
-            }
-          })
+        /* @__PURE__ */ o(ot, {
+          copy: e,
+          institution: l,
+          isOpen: !!l && s.type === "external",
+          onClose: () => u(""),
+          popularTopicsDrawerOnClose: C,
+          title: s.topic
         })
-      ] }),
-      /* @__PURE__ */ i(A, {
-        alert: c,
-        copy: e,
-        email: r.email,
-        institution: n,
-        isLoading: _,
-        isOpen: x,
-        onClose: () => {
-          p(!1), l("");
-        },
-        onSubmit: v,
-        setAlert: u,
-        topic: o.topic || e.contact_support
-      }),
-      /* @__PURE__ */ i(F, {
-        copy: e,
-        isOpen: d,
-        onClose: () => S(!1),
-        onSave: q
-      }),
-      /* @__PURE__ */ i(Y, {
-        copy: e,
-        isOpen: o.isOpen,
-        onClick: (t) => {
-          l(t), o.type === "internal" && p(!0);
-        },
-        onClose: f,
-        topic: o.topic
-      }),
-      /* @__PURE__ */ i(Q, {
-        copy: e,
-        email: r.email,
-        isOpen: !!c.message && c.severity === "success" && !_,
-        onBack: () => {
-          u(""), o.type === "internal" && p(!1);
-        },
-        onClose: N
-      }),
-      /* @__PURE__ */ i(z, {
-        copy: e,
-        institution: n,
-        isOpen: !!n && o.type === "external",
-        onClose: () => l(""),
-        popularTopicsDrawerOnClose: f,
-        title: o.topic
-      })
-    ] })
-  });
+      ] })
+    }),
+    /* @__PURE__ */ o(X, {
+      alert: g,
+      copy: e,
+      email: r.email,
+      institution: l,
+      isLoading: _,
+      isOpen: (!!a || w) && d && T,
+      onClose: () => {
+        c(""), u(""), p(!1), a && f();
+      },
+      onSubmit: B,
+      setAlert: m,
+      topic: P
+    }),
+    /* @__PURE__ */ o(st, {
+      copy: e,
+      email: r.email,
+      isOpen: !!g.message && g.severity === "success" && !_,
+      onBack: () => {
+        m(""), s.type === "internal" && p(!1);
+      },
+      onClose: () => {
+        W(), a && f();
+      }
+    })
+  ] });
 });
 export {
-  Ot as RequestSupport
+  Pt as RequestSupport
 };
 
 //# sourceMappingURL=RequestSupport.es.js.map

package/dist/help/components/requestsupport/RequestSupport.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestSupport.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/RequestSupport.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  Drawer,\n  Loader,\n  useGlobalUiStore,\n  useHelpStore,\n  useUserStore,\n  ANALYTICS_EVENTS,\n  useEvent,\n} from '../../../common'\nimport {\n  type HelpByCategoryList as IHelpByCategoryList,\n  type HelpType,\n  type InstitutionData,\n  HelpCopy,\n} from '../../../core'\n\nimport { HELP_BY_CATEGORY_LIST, POPULAR_TOPICS_LIST } from '../../../core/constants/Help'\nimport { ContactSupport } from './ContactSupport'\nimport { HelpByCategoryList } from './HelpByCategoryList'\nimport MissingInstitution from './MissingInstitution'\nimport { PopularTopicsDrawer } from './PopularTopicsDrawer'\nimport { ListItem, PopularTopicsList } from './PopularTopicsList'\nimport { RequestSupportFooter } from './RequestSupportFooter'\nimport { RequestSupportHeader } from './RequestSupportHeader'\nimport { RequestSupportInstitution } from './RequestSupportInstitution'\nimport SupportSuccessMessage from './SupportSuccessMessage'\n\ninterface RequestSupportProps {\n  copy: HelpCopy\n  isOpen: boolean\n  onClose: () => void\n}\n\ninterface TopicProps {\n  isOpen: boolean\n  topic: string\n  type: HelpType\n}\n\nexport const RequestSupport: React.FC<RequestSupportProps> = observer(\n  ({ copy, isOpen, onClose }) => {\n    const { onEvent } = useEvent()\n    const { alert, createSupportTicket, isLoading, setAlert } = useHelpStore()\n    const { isInitialized } = useGlobalUiStore()\n    const { user } = useUserStore()\n\n    const [institution, setInstitution] = React.useState('')\n    const [isContactSupportDrawerOpen, setIsContactSupportDrawerOpen] = React.useState(false)\n    const [isMissingInstitutionsOpen, setIsMissingInstitutionsOpen] = React.useState(false)\n    const [topicsListDrawer, setTopicsListDrawer] = React.useState<TopicProps>({\n      isOpen: false,\n      topic: '',\n      type: undefined,\n    })\n\n    const helpByCategoryList = HELP_BY_CATEGORY_LIST.map((el) => ({\n      ...el,\n      title: copy.help_by_category_list[el.guid as keyof IHelpByCategoryList].label,\n      topics: el.topics.map(({ type }, index) => ({\n        type: type as HelpType,\n        label: copy.help_by_category_list[el.guid as keyof IHelpByCategoryList].topics[index],\n      })),\n    }))\n\n    const popularTopics = Object.keys(copy.popular_topics_list).map((list, i) => ({\n      name: copy.popular_topics_list[list],\n      type: POPULAR_TOPICS_LIST[i].type as ListItem['type'],\n    }))\n\n    const handleCloseDrawer = () => {\n      setInstitution('')\n      setTopicsListDrawer({ isOpen: false, topic: '', type: undefined })\n    }\n\n    const handleContactSupportSubmit = (message: string) => {\n      if (!user.email) return\n\n      createSupportTicket({\n        email: user.email,\n        message: institution ? `Institution: ${institution}, ${message}` : message,\n        title: topicsListDrawer.topic || 'Contact Support',\n      })\n    }\n\n    const handleSupportNavigation = (topic: string, type: HelpType) => {\n      if (type === 'other') setIsMissingInstitutionsOpen(true)\n      else setTopicsListDrawer({ isOpen: true, topic, type })\n    }\n\n    const handleSupportSuccessMessage = () => {\n      setAlert('')\n      setIsContactSupportDrawerOpen(false)\n      setIsMissingInstitutionsOpen(false)\n      handleCloseDrawer()\n    }\n\n    const handleMissingInstitution = (data: InstitutionData) => {\n      if (!user.email) {\n        setAlert(copy.request_support_email_not_exists_message, 'error')\n        return\n      }\n\n      onEvent(ANALYTICS_EVENTS.HELP_CLICK_SUPPORT_FOR_MISSING_INSTITUTION, {\n        supportTopic: 'missingInstitution',\n        institutionName: data.institutionName,\n        institutionWebsite: data.institutionWebsite,\n        institutionLoginPage: data.institutionLoginPage,\n      })\n\n      createSupportTicket({\n        email: user.email,\n        message: `Institution Website: ${data.institutionWebsite}${data.institutionLoginPage ? ` Institution Login Page: ${data.institutionLoginPage}` : ''} `,\n        title: `Institution Request: ${data.institutionName}`,\n      })\n    }\n\n    return (\n      <Drawer isOpen={isOpen} onClose={onClose} title={copy.request_support}>\n        {!isInitialized || isLoading ? (\n          <Loader />\n        ) : (\n          <React.Fragment>\n            <Stack>\n              <RequestSupportHeader\n                subtitle={copy.request_support_short_content}\n                title={copy.request_support_title}\n              />\n              <Text\n                color=\"text.primary\"\n                fontWeight=\"bold\"\n                gutterBottom={true}\n                sx={{ ml: 24 }}\n                variant=\"caption\"\n              >\n                {copy.popular_topics}\n              </Text>\n              <PopularTopicsList\n                list={popularTopics}\n                onClick={(title, type) => {\n                  onEvent(ANALYTICS_EVENTS.HELP_CLICK_SUPPORT_TOPIC, { supportTopic: title })\n\n                  handleSupportNavigation(title, type)\n                }}\n                sx={{ fontWeight: 400 }}\n              />\n              <Text\n                color=\"text.primary\"\n                fontWeight=\"bold\"\n                gutterBottom={true}\n                sx={{ m: '24px 0px 0px 24px' }}\n                variant=\"caption\"\n              >\n                {copy.help_by_category}\n              </Text>\n              <HelpByCategoryList\n                helpByCategory={helpByCategoryList}\n                onClick={handleSupportNavigation}\n              />\n              <Box sx={{ p: 24 }}>\n                <RequestSupportFooter\n                  copy={copy}\n                  onButtonClick={() => {\n                    onEvent(ANALYTICS_EVENTS.HELP_OPEN_SUPPORT_REQUEST, {})\n\n                    setIsContactSupportDrawerOpen(true)\n                  }}\n                />\n              </Box>\n            </Stack>\n            <ContactSupport\n              alert={alert}\n              copy={copy}\n              email={user.email}\n              institution={institution}\n              isLoading={isLoading}\n              isOpen={isContactSupportDrawerOpen}\n              onClose={() => {\n                setIsContactSupportDrawerOpen(false)\n                setInstitution('')\n              }}\n              onSubmit={handleContactSupportSubmit}\n              setAlert={setAlert}\n              topic={topicsListDrawer.topic || copy.contact_support}\n            />\n            <MissingInstitution\n              copy={copy}\n              isOpen={isMissingInstitutionsOpen}\n              onClose={() => setIsMissingInstitutionsOpen(false)}\n              onSave={handleMissingInstitution}\n            />\n            <PopularTopicsDrawer\n              copy={copy}\n              isOpen={topicsListDrawer.isOpen}\n              onClick={(title) => {\n                setInstitution(title)\n                if (topicsListDrawer.type === 'internal') setIsContactSupportDrawerOpen(true)\n              }}\n              onClose={handleCloseDrawer}\n              topic={topicsListDrawer.topic}\n            />\n            <SupportSuccessMessage\n              copy={copy}\n              email={user.email!}\n              isOpen={!!alert.message && alert.severity === 'success' && !isLoading}\n              onBack={() => {\n                setAlert('')\n                if (topicsListDrawer.type === 'internal') setIsContactSupportDrawerOpen(false)\n              }}\n              onClose={handleSupportSuccessMessage}\n            />\n            <RequestSupportInstitution\n              copy={copy}\n              institution={institution}\n              isOpen={!!institution && topicsListDrawer.type === 'external'}\n              onClose={() => setInstitution('')}\n              popularTopicsDrawerOnClose={handleCloseDrawer}\n              title={topicsListDrawer.topic}\n            />\n          </React.Fragment>\n        )}\n      </Drawer>\n    )\n  },\n)\n"],"mappings":"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"}
+{"version":3,"file":"RequestSupport.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/RequestSupport.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  Drawer,\n  Loader,\n  useGlobalUiStore,\n  useHelpStore,\n  useUserStore,\n  ANALYTICS_EVENTS,\n  useEvent,\n} from '../../../common'\nimport type { HelpType, InstitutionData, HelpCopy, SelectedTopic } from '../../../core'\n\nimport { HELP_BY_CATEGORY_LIST, POPULAR_TOPICS_LIST } from '../../../core/constants/Help'\nimport { ContactSupport } from './ContactSupport'\nimport { HelpByCategoryList } from './HelpByCategoryList'\nimport MissingInstitution from './MissingInstitution'\nimport { PopularTopicsDrawer } from './PopularTopicsDrawer'\nimport { ListItem, PopularTopicsList } from './PopularTopicsList'\nimport { RequestSupportHeader } from './RequestSupportHeader'\nimport { RequestSupportInstitution } from './RequestSupportInstitution'\nimport SupportSuccessMessage from './SupportSuccessMessage'\n\ninterface RequestSupportProps {\n  caseTopic?: string\n  copy: HelpCopy\n  isOpen: boolean\n  onTopicSelect: (topic: SelectedTopic) => void\n  onClose: () => void\n}\n\ninterface TopicProps {\n  isOpen: boolean\n  topic: string\n  type: HelpType\n}\n\nexport const RequestSupport: React.FC<RequestSupportProps> = observer(\n  ({ caseTopic, copy, isOpen, onTopicSelect, onClose }) => {\n    const { onEvent } = useEvent()\n    const { alert, createSupportTicket, isLoading, setAlert } = useHelpStore()\n    const { isInitialized } = useGlobalUiStore()\n    const { user } = useUserStore()\n\n    const [institution, setInstitution] = React.useState('')\n    const [openCaseTopic, setOpenCaseTopic] = React.useState('')\n    const [isContactSupportDrawerOpen, setIsContactSupportDrawerOpen] = React.useState(false)\n    const [isMissingInstitutionsOpen, setIsMissingInstitutionsOpen] = React.useState(false)\n    const [topicsListDrawer, setTopicsListDrawer] = React.useState<TopicProps>({\n      isOpen: false,\n      topic: '',\n      type: undefined,\n    })\n\n    const helpByCategoryList = HELP_BY_CATEGORY_LIST.flatMap((el) => {\n      const category = copy.help_by_category_list?.[el.guid]\n      if (!category?.label) return []\n\n      // The informational card (Contact Your Bank) has no clickable rows: its\n      // bullets come straight from copy. Every other card maps the definition\n      // entries (which carry type and/or topicKey) onto the copy labels, so a\n      // definition whose copy is missing is skipped rather than rendered\n      // nameless, and a topicKey travels to the article routing.\n      const informational = 'description' in category\n      const topics = informational\n        ? Object.values(category.topics ?? {}).map((label) => ({ label, type: undefined }))\n        : el.topics.flatMap(({ type, topicKey }, index) => {\n            const label = (category.topics ?? {})[index]\n            return label === undefined ? [] : [{ type, topicKey, label }]\n          })\n\n      return [\n        {\n          ...el,\n          description: 'description' in category ? category.description : undefined,\n          title: category.label,\n          topics,\n        },\n      ]\n    })\n\n    const popularTopics = Object.keys(copy.popular_topics_list).map((list, i) => ({\n      name: copy.popular_topics_list[list],\n      type: POPULAR_TOPICS_LIST[i].type as ListItem['type'],\n    }))\n\n    const handleCloseDrawer = () => {\n      setInstitution('')\n      setTopicsListDrawer({ isOpen: false, topic: '', type: undefined })\n    }\n\n    const handleOpenCase = (topic: string) => {\n      setOpenCaseTopic(topic)\n      setIsContactSupportDrawerOpen(true)\n    }\n\n    // One expression feeds both the form heading and the filed ticket, so what the\n    // user sees and what is submitted cannot disagree.\n    const caseTitle = caseTopic || openCaseTopic || topicsListDrawer.topic || copy.contact_support\n\n    const handleContactSupportSubmit = (message: string) => {\n      if (!user.email) return\n\n      createSupportTicket({\n        email: user.email,\n        message: institution ? `Institution: ${institution}, ${message}` : message,\n        title: caseTitle,\n      })\n    }\n\n    const handleSupportNavigation = (topic: string, type: HelpType) => {\n      if (type === 'other') setIsMissingInstitutionsOpen(true)\n      else setTopicsListDrawer({ isOpen: true, topic, type })\n    }\n\n    const handleSupportSuccessMessage = () => {\n      setAlert('')\n      setOpenCaseTopic('')\n      setIsContactSupportDrawerOpen(false)\n      setIsMissingInstitutionsOpen(false)\n      handleCloseDrawer()\n    }\n\n    const handleMissingInstitution = (data: InstitutionData) => {\n      if (!user.email) {\n        setAlert(copy.request_support_email_not_exists_message, 'error')\n        return\n      }\n\n      onEvent(ANALYTICS_EVENTS.HELP_CLICK_SUPPORT_FOR_MISSING_INSTITUTION, {\n        supportTopic: 'missingInstitution',\n        institutionName: data.institutionName,\n        institutionWebsite: data.institutionWebsite,\n        institutionLoginPage: data.institutionLoginPage,\n      })\n\n      createSupportTicket({\n        email: user.email,\n        message: `Institution Website: ${data.institutionWebsite}${data.institutionLoginPage ? ` Institution Login Page: ${data.institutionLoginPage}` : ''} `,\n        title: `Institution Request: ${data.institutionName}`,\n      })\n    }\n\n    return (\n      <React.Fragment>\n        {!caseTopic && (\n          <Drawer\n            isOpen={isOpen}\n            onClose={() => {\n              setOpenCaseTopic('')\n              setInstitution('')\n              setIsContactSupportDrawerOpen(false)\n              onClose()\n            }}\n            title={copy.request_support}\n          >\n            {!isInitialized || isLoading ? (\n              <Loader />\n            ) : (\n              <React.Fragment>\n                <Stack>\n                  <RequestSupportHeader\n                    subtitle={copy.request_support_short_content}\n                    title={copy.request_support_title}\n                  />\n                  <Text\n                    color=\"text.primary\"\n                    fontWeight=\"bold\"\n                    gutterBottom={true}\n                    sx={{ ml: 24 }}\n                    variant=\"caption\"\n                  >\n                    {copy.popular_topics}\n                  </Text>\n                  <PopularTopicsList\n                    list={popularTopics}\n                    onClick={(title, type) => {\n                      onEvent(ANALYTICS_EVENTS.HELP_CLICK_SUPPORT_TOPIC, { supportTopic: title })\n\n                      handleSupportNavigation(title, type)\n                    }}\n                    sx={{ fontWeight: 400 }}\n                  />\n                  <Text\n                    color=\"text.primary\"\n                    fontWeight=\"bold\"\n                    gutterBottom={true}\n                    sx={{ mt: 24, ml: 24 }}\n                    variant=\"caption\"\n                  >\n                    {copy.help_by_category}\n                  </Text>\n                  <HelpByCategoryList\n                    copy={copy}\n                    helpByCategory={helpByCategoryList}\n                    onClick={handleSupportNavigation}\n                    onOpenCase={handleOpenCase}\n                    onTopicSelect={onTopicSelect}\n                  />\n                </Stack>\n                <MissingInstitution\n                  copy={copy}\n                  isOpen={isMissingInstitutionsOpen}\n                  onClose={() => setIsMissingInstitutionsOpen(false)}\n                  onSave={handleMissingInstitution}\n                />\n                <PopularTopicsDrawer\n                  copy={copy}\n                  isOpen={topicsListDrawer.isOpen}\n                  onClick={(title) => {\n                    setInstitution(title)\n                    if (topicsListDrawer.type === 'internal') setIsContactSupportDrawerOpen(true)\n                  }}\n                  onClose={handleCloseDrawer}\n                  topic={topicsListDrawer.topic}\n                />\n                <RequestSupportInstitution\n                  copy={copy}\n                  institution={institution}\n                  isOpen={!!institution && topicsListDrawer.type === 'external'}\n                  onClose={() => setInstitution('')}\n                  popularTopicsDrawerOnClose={handleCloseDrawer}\n                  title={topicsListDrawer.topic}\n                />\n              </React.Fragment>\n            )}\n          </Drawer>\n        )}\n        <ContactSupport\n          alert={alert}\n          copy={copy}\n          email={user.email}\n          institution={institution}\n          isLoading={isLoading}\n          isOpen={(!!caseTopic || isContactSupportDrawerOpen) && isOpen && isInitialized}\n          onClose={() => {\n            setOpenCaseTopic('')\n            setInstitution('')\n            setIsContactSupportDrawerOpen(false)\n            if (caseTopic) onClose()\n          }}\n          onSubmit={handleContactSupportSubmit}\n          setAlert={setAlert}\n          topic={caseTitle}\n        />\n        <SupportSuccessMessage\n          copy={copy}\n          email={user.email!}\n          isOpen={!!alert.message && alert.severity === 'success' && !isLoading}\n          onBack={() => {\n            setAlert('')\n            if (topicsListDrawer.type === 'internal') setIsContactSupportDrawerOpen(false)\n          }}\n          onClose={() => {\n            handleSupportSuccessMessage()\n            if (caseTopic) onClose()\n          }}\n        />\n      </React.Fragment>\n    )\n  },\n)\n"],"mappings":"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"}

package/dist/insights-v2/beatActions.d.ts

@@ -21,6 +21,16 @@ export interface DismissParams {
     beatGuid: string;
     type: DismissType;
 }
+/**
+ * A CTA side effect the host must perform because experiences cannot (beat-owned endpoints,
+ * spending plan items, third-party SDKs). `name` is agreed between the ctaActions table and
+ * the host; see insights-v2/ctaActions/README.md for the list.
+ */
+export interface CtaActionParams {
+    beatGuid: string;
+    name: string;
+    params?: Record<string, unknown>;
+}
 /** Host callbacks for a beat card. */
 export interface BeatActions {
     onMenuAction?: MenuActionHandlers;
@@ -40,6 +50,7 @@ export interface BeatActions {
      * renders disabled (see `isContactSupportCtaDisabled`).
      */
     onContactSupport?: () => void;
+    onCtaAction?: (params: CtaActionParams) => Promise<void> | void;
 }
 export declare const BeatActionsProvider: ({ value, children, }: {
     value: BeatActions;

package/dist/insights-v2/beatActions.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"beatActions.es.js","names":[],"sources":["../../src/insights-v2/beatActions.tsx"],"sourcesContent":["import { createContext, useContext, type ReactNode } from 'react'\n\nimport type { DismissType } from './components/DismissInsightDialog'\nimport type { FeedbackDialogCloseReason } from './components/FeedbackDialog'\n\nexport type InsightMenuAction = 'helpful' | 'not_helpful' | 'hide'\nexport type InsightRating = 'helpful' | 'not_helpful'\n\nexport interface MenuActionHandlers {\n  onAction: (action: InsightMenuAction) => void\n  onOpen?: () => void\n  disabled?: boolean\n}\n\nexport interface UpdateParams {\n  beatGuid: string\n}\n\nexport interface FeedbackParams {\n  beatGuid: string\n  source: InsightRating | 'hide'\n  option: string\n  detail?: string\n}\n\nexport interface DismissParams {\n  beatGuid: string\n  type: DismissType\n}\n\n/** Host callbacks for a beat card. */\nexport interface BeatActions {\n  onMenuAction?: MenuActionHandlers\n  onUpdate?: (params: UpdateParams) => void\n  onSubmitFeedback?: (params: FeedbackParams) => void\n  onDismissInsight?: (params: DismissParams) => void\n  onUndoDismiss?: (params: { beatGuid: string }) => void\n  onFeedbackDialogClose?: (reason: FeedbackDialogCloseReason) => void\n  onFeedbackDialogBack?: () => void\n  onFeedbackTextFocus?: () => void\n  /**\n   * Opens the host's contact-support flow for a `contact_support_block` CTA. insights-v2 cannot\n   * import the help module (hosts that don't ship it stub the import), so the host supplies it:\n   * the experiences Help widget wires `RequestSupport`; pulse wires its own. When absent, the CTA\n   * renders disabled (see `isContactSupportCtaDisabled`).\n   */\n  onContactSupport?: () => void\n}\n\nconst BeatActionsContext = createContext<BeatActions>({})\n\nexport const BeatActionsProvider = ({\n  value,\n  children,\n}: {\n  value: BeatActions\n  children: ReactNode\n}) => <BeatActionsContext.Provider value={value}>{children}</BeatActionsContext.Provider>\n\nexport const useBeatActions = () => useContext(BeatActionsContext)\n"],"mappings":";;AAiDA,IAAM,IAAqB,EAA2B,CAAC,CAAC,GAE3C,IAAA,CAAuB,EAClC,OAAA,GACA,UAAA,EAAA,MAII,gBAAA,EAAC,EAAmB,UAApB;AAAA,EAAoC,OAAA;AAAA,EAAQ,UAAA;AAAsC,CAAA,GAE3E,IAAA,MAAuB,EAAW,CAAkB"}
+{"version":3,"file":"beatActions.es.js","names":[],"sources":["../../src/insights-v2/beatActions.tsx"],"sourcesContent":["import { createContext, useContext, type ReactNode } from 'react'\n\nimport type { DismissType } from './components/DismissInsightDialog'\nimport type { FeedbackDialogCloseReason } from './components/FeedbackDialog'\n\nexport type InsightMenuAction = 'helpful' | 'not_helpful' | 'hide'\nexport type InsightRating = 'helpful' | 'not_helpful'\n\nexport interface MenuActionHandlers {\n  onAction: (action: InsightMenuAction) => void\n  onOpen?: () => void\n  disabled?: boolean\n}\n\nexport interface UpdateParams {\n  beatGuid: string\n}\n\nexport interface FeedbackParams {\n  beatGuid: string\n  source: InsightRating | 'hide'\n  option: string\n  detail?: string\n}\n\nexport interface DismissParams {\n  beatGuid: string\n  type: DismissType\n}\n\n/**\n * A CTA side effect the host must perform because experiences cannot (beat-owned endpoints,\n * spending plan items, third-party SDKs). `name` is agreed between the ctaActions table and\n * the host; see insights-v2/ctaActions/README.md for the list.\n */\nexport interface CtaActionParams {\n  beatGuid: string\n  name: string\n  params?: Record<string, unknown>\n}\n\n/** Host callbacks for a beat card. */\nexport interface BeatActions {\n  onMenuAction?: MenuActionHandlers\n  onUpdate?: (params: UpdateParams) => void\n  onSubmitFeedback?: (params: FeedbackParams) => void\n  onDismissInsight?: (params: DismissParams) => void\n  onUndoDismiss?: (params: { beatGuid: string }) => void\n  onFeedbackDialogClose?: (reason: FeedbackDialogCloseReason) => void\n  onFeedbackDialogBack?: () => void\n  onFeedbackTextFocus?: () => void\n  /**\n   * Opens the host's contact-support flow for a `contact_support_block` CTA. insights-v2 cannot\n   * import the help module (hosts that don't ship it stub the import), so the host supplies it:\n   * the experiences Help widget wires `RequestSupport`; pulse wires its own. When absent, the CTA\n   * renders disabled (see `isContactSupportCtaDisabled`).\n   */\n  onContactSupport?: () => void\n  onCtaAction?: (params: CtaActionParams) => Promise<void> | void\n}\n\nconst BeatActionsContext = createContext<BeatActions>({})\n\nexport const BeatActionsProvider = ({\n  value,\n  children,\n}: {\n  value: BeatActions\n  children: ReactNode\n}) => <BeatActionsContext.Provider value={value}>{children}</BeatActionsContext.Provider>\n\nexport const useBeatActions = () => useContext(BeatActionsContext)\n"],"mappings":";;AA6DA,IAAM,IAAqB,EAA2B,CAAC,CAAC,GAE3C,IAAA,CAAuB,EAClC,OAAA,GACA,UAAA,EAAA,MAII,gBAAA,EAAC,EAAmB,UAApB;AAAA,EAAoC,OAAA;AAAA,EAAQ,UAAA;AAAsC,CAAA,GAE3E,IAAA,MAAuB,EAAW,CAAkB"}