@mx-cartographer/experiences 9.4.57 → 9.4.58

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+## [9.4.58] - 10-07-2026
+
+- **ADDED** - Insights V2 `ErrorCard` and `LoadingCard` components, plus `isError`/`isLoading` props on `BaseLayout`: `isError` replaces the entire card with the `ErrorCard` (heading, message, and a "Try Again" retry button that reloads by default), while `isLoading` swaps only the block slot for the `LoadingCard`. `ErrorCard` derives the CIBC illustration variant from the app's `custom_copy_namespace`. Added `error_heading`, `error_message`, `loading`, and `try_again` copy keys under `insights_feed.general`, with stories for all three states (WEC-1854)
+- **CHANGED** - `LoadingCard` now uses the hosted `MD_Assets` `loading.gif` and the bundled `Loading.gif` asset was removed from the package (WEC-1854)
+
 ## [9.4.57] - 10-06-2026
 
 - **FIXED** - Spending transaction list puts a transaction in the same month as the chart when the bank dates it at midnight UTC MEW-4191

package/dist/cashflow/CashflowOnboarding.es.js

@@ -78,7 +78,7 @@ var ve = Te`
     },
     children: [
       f === 1 && /* @__PURE__ */ e(p, {
-        sx: { ...c ? {
+        sx: c ? {
           display: "flex",
           flexDirection: "column",
           maxWidth: "100%",
@@ -87,11 +87,11 @@ var ve = Te`
           maxWidth: 590,
           ml: "40%",
           mr: 90
-        } },
+        },
         children: /* @__PURE__ */ e(ye, { handleNextStep: I })
       }),
       f === 2 && /* @__PURE__ */ e(p, {
-        sx: { ...c ? {
+        sx: c ? {
           display: "flex",
           flexDirection: "column",
           maxWidth: "100%",
@@ -100,11 +100,11 @@ var ve = Te`
           maxWidth: 590,
           ml: "40%",
           mr: 90
-        } },
+        },
         children: /* @__PURE__ */ e(_e, {})
       }),
       f === 3 && /* @__PURE__ */ i(p, {
-        sx: { ...c ? {
+        sx: c ? {
           display: "flex",
           flexDirection: "column",
           maxWidth: "100%",
@@ -113,7 +113,7 @@ var ve = Te`
           maxWidth: 590,
           ml: "40%",
           mr: 90
-        } },
+        },
         children: [
           /* @__PURE__ */ e(be, {
             pb: 12,

package/dist/cashflow/CashflowOnboarding.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CashflowOnboarding.es.js","names":[],"sources":["../../src/cashflow/CashflowOnboarding.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { formatISO } from 'date-fns/formatISO'\nimport { fromUnixTime } from 'date-fns/fromUnixTime'\nimport { getUnixTime } from 'date-fns/getUnixTime'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { subDays } from 'date-fns/subDays'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\nimport { keyframes } from '@mui/material/styles'\nimport { useTheme } from '@mui/material/styles'\n\nimport { H2, Icon, P } from '@mxenabled/mxui'\n\nimport StepOne from './components/onboarding/StepOne'\nimport StepTwo from './components/onboarding/StepTwo'\n\nimport {\n  Loader,\n  useCashflowStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useRecurringTransactionsStore,\n  useScreenSize,\n  useTransactionStore,\n  useUserStore,\n} from '../common'\nimport { type RepeatingTransaction, type Transaction, RepeatingType, Frequency } from '../core'\nimport SubheaderRow from '../common/components/SubheaderRow'\n\nimport { useCashflowUiStore } from './context/hooks'\n\nimport { TransactionRow } from '../transactions'\nimport { incomeFilter, incomeFilterSearch } from '../transactions/utils/Filters'\n\nimport { AddRecurringTransactionDetails } from '../recurringtransactions'\nimport { SelectTransaction } from '../recurringtransactions'\nimport { getNextPaymentDate } from '../core/utils/RecurringTransactionsUtil'\n\nimport { fromUnixToDayOfWeekAndDate } from '../core/utils/DateUtil'\nimport { CASHFLOW_IMAGES } from './constants/CashflowImages'\n\ninterface UpcomingTransactions extends Transaction {\n  nextDate: Date | null\n  frequency: Frequency\n}\n\nconst spin = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n`\n\nconst CashflowOnboarding: React.FC = () => {\n  const { addRepeatingTransaction, repeatingTransactions } = useRecurringTransactionsStore()\n  const { cashflow: customCopy, common: commonCopy } = useGlobalCopyStore()\n  const { user } = useUserStore()\n  const { completeOnboarding } = useCashflowStore()\n  const { isDirty } = useCashflowUiStore()\n  const { isMobile } = useScreenSize()\n  const { isCopyLoaded, setDisplayedDate } = useGlobalUiStore()\n  const { filter, setFilter, transactions } = useTransactionStore()\n  const theme = useTheme()\n\n  const [addIncome, setAddIncome] = useState(true)\n  const [frequency, setFrequency] = React.useState(Frequency.EveryMonth)\n  const [firstDay, setFirstDay] = React.useState(1)\n  const [secondDay, setSecondDay] = React.useState(15)\n  const [isSubmitting, setIsSubmitting] = useState(false)\n  // const [nextDate, setNextDate] = React.useState<Date | null>(null)\n  const [step, setStep] = useState(1)\n  const [selectedTransactions, setSelectedTransactions] = useState<UpcomingTransactions[] | []>([])\n  const [transactionGuid, setTransactionGuid] = useState('')\n\n  const transaction = React.useMemo(\n    () => transactions.find((t) => t.guid === transactionGuid),\n    [transactionGuid, transactions],\n  )\n\n  const canSubmit = !!repeatingTransactions.filter(\n    (r) => r.repeating_transaction_type === RepeatingType.Income,\n  ).length\n\n  const handleGetTransactions = async () => {\n    setStep(2)\n    // set transaction date range and filter by income\n    setDisplayedDate(\n      //  Beginning of the month, 90 days before today\n      startOfMonth(subDays(startOfToday(), 90)),\n      startOfToday(),\n    )\n\n    setFilter({ ...filter, custom: incomeFilter })\n\n    setStep(3)\n  }\n\n  const handleAddIncome = async () => {\n    if (selectedTransactions.length < 1) {\n      return\n    }\n    setIsSubmitting(true)\n\n    // Create Repeating Transactions\n    for (let i = 0; i < selectedTransactions.length; i++) {\n      const upcomingTransaction = selectedTransactions[i]\n\n      const nextDate = getNextPaymentDate(frequency, fromUnixTime(upcomingTransaction.date))\n\n      const repeatingTransaction = {\n        account_guid: upcomingTransaction.account_guid,\n        amount: upcomingTransaction.amount,\n        created_by: 0, //user\n        merchant_guid: upcomingTransaction.merchant_guid,\n        description: upcomingTransaction.feed_description || upcomingTransaction.description,\n        predicted_occurs_on: formatISO(nextDate, { representation: 'date' }),\n        recurrence_day: nextDate.getDay(),\n        recurrence_type: frequency,\n        repeating_transaction_type: RepeatingType.Income,\n        second_recurrence_day: secondDay,\n        transaction_type: upcomingTransaction.transaction_type,\n        user_guid: user.guid,\n      } as RepeatingTransaction\n\n      await addRepeatingTransaction(repeatingTransaction, upcomingTransaction)\n    }\n    await completeOnboarding()\n  }\n\n  const showSelectIncome =\n    (!transaction && addIncome) || (!transaction && selectedTransactions.length < 1)\n\n  if (!isCopyLoaded) {\n    return <Loader />\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: !isMobile ? 'center' : 'flex-start',\n        backgroundColor: theme.palette.background.paper,\n        backgroundImage: !isMobile ? `url(${CASHFLOW_IMAGES.CASHFLOW_ONBOARDING})` : null,\n        backgroundRepeat: 'no-repeat',\n        backgroundPosition: 'left 100px',\n        backgroundSize: '35%',\n        py: 24,\n      }}\n    >\n      {step === 1 && (\n        <Box\n          sx={{\n            ...(isMobile\n              ? { display: 'flex', flexDirection: 'column', maxWidth: '100%', padding: '0 16px' }\n              : { maxWidth: 590, ml: '40%', mr: 90 }),\n          }}\n        >\n          <StepOne handleNextStep={handleGetTransactions} />\n        </Box>\n      )}\n      {step === 2 && (\n        <Box\n          sx={{\n            ...(isMobile\n              ? { display: 'flex', flexDirection: 'column', maxWidth: '100%', padding: '0 16px' }\n              : { maxWidth: 590, ml: '40%', mr: 90 }),\n          }}\n        >\n          <StepTwo />\n        </Box>\n      )}\n      {step === 3 && (\n        <Box\n          sx={{\n            ...(isMobile\n              ? { display: 'flex', flexDirection: 'column', maxWidth: '100%', padding: '0 16px' }\n              : { maxWidth: 590, ml: '40%', mr: 90 }),\n          }}\n        >\n          <H2 pb={12} variant=\"h1\">\n            {customCopy.add_income_title}\n          </H2>\n          <P mb={24}>{customCopy.add_income_description}</P>\n\n          {selectedTransactions.length > 0 && !transaction && (\n            <>\n              <List>\n                {selectedTransactions.map((transaction, index) => {\n                  return (\n                    <React.Fragment key={transaction.guid}>\n                      <SubheaderRow bgcolor=\"background.paper\">\n                        {fromUnixToDayOfWeekAndDate(\n                          getUnixTime(transaction.nextDate || transaction.date),\n                        )}\n                      </SubheaderRow>\n                      <TransactionRow transaction={transaction} />\n                      {index !== selectedTransactions.length - 1 && <Divider />}\n                    </React.Fragment>\n                  )\n                })}\n              </List>\n              <Stack alignItems=\"center\" direction=\"row\">\n                <Divider sx={{ flexGrow: 1 }} />\n                <Button\n                  onClick={() => setAddIncome(true)}\n                  startIcon={<Icon name=\"add\" size={20} />}\n                >\n                  {customCopy.add_income}\n                </Button>\n              </Stack>\n            </>\n          )}\n\n          {showSelectIncome && (\n            <SelectTransaction\n              bgcolor=\"background.paper\"\n              onSearch={(searchValue) =>\n                setFilter({\n                  ...filter,\n                  custom: (transaction: Transaction) =>\n                    searchValue\n                      ? incomeFilterSearch(transaction, searchValue)\n                      : incomeFilter(transaction),\n                })\n              }\n              onSelected={(guid) => {\n                setTransactionGuid(guid)\n                setAddIncome(false)\n              }}\n            />\n          )}\n\n          {!canSubmit && isDirty && (\n            <P color=\"error\" mt={16}>\n              {customCopy.confirm_error}\n            </P>\n          )}\n\n          {transaction && (\n            <>\n              <AddRecurringTransactionDetails\n                bgcolor=\"background.paper\"\n                firstDay={firstDay}\n                frequency={frequency}\n                onFirstDayChange={setFirstDay}\n                onFrequencyChange={setFrequency}\n                onSecondDayChange={setSecondDay}\n                secondDay={secondDay}\n                transaction={transaction}\n              />\n              <Stack direction=\"row\" gap={16} ml={24} mt={32}>\n                <Button\n                  aria-disabled={!transaction}\n                  onClick={() => {\n                    const updatedTransactions = [...selectedTransactions]\n                    updatedTransactions.push({\n                      ...transaction,\n                      nextDate: getNextPaymentDate(frequency, fromUnixTime(transaction.date)),\n                      frequency,\n                    })\n\n                    setSelectedTransactions(updatedTransactions)\n                    setTransactionGuid('')\n                  }}\n                  variant=\"contained\"\n                >\n                  {commonCopy.confirm_button}\n                </Button>\n                <Button\n                  onClick={() => {\n                    setTransactionGuid('')\n                    setAddIncome(true)\n                    handleGetTransactions().finally()\n                  }}\n                  variant=\"text\"\n                >\n                  {commonCopy.cancel_button}\n                </Button>\n              </Stack>\n            </>\n          )}\n\n          {selectedTransactions.length > 0 && !transaction && (\n            <Stack direction=\"row\" gap={16} ml={24} mt={32}>\n              <Button\n                aria-disabled={selectedTransactions.length < 1 || isSubmitting}\n                onClick={handleAddIncome}\n                startIcon={\n                  isSubmitting ? (\n                    <Icon\n                      name=\"progress_activity\"\n                      sx={{\n                        animation: `${spin} 2s linear infinite`,\n                      }}\n                    />\n                  ) : null\n                }\n                variant=\"contained\"\n              >\n                {customCopy.confirm_income_button}\n              </Button>\n              <Button onClick={completeOnboarding} variant=\"text\">\n                {customCopy.skip_button}\n              </Button>\n            </Stack>\n          )}\n        </Box>\n      )}\n    </Box>\n  )\n}\n\nexport default observer(CashflowOnboarding)\n"],"mappings":"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"}
+{"version":3,"file":"CashflowOnboarding.es.js","names":[],"sources":["../../src/cashflow/CashflowOnboarding.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { formatISO } from 'date-fns/formatISO'\nimport { fromUnixTime } from 'date-fns/fromUnixTime'\nimport { getUnixTime } from 'date-fns/getUnixTime'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { subDays } from 'date-fns/subDays'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\nimport { keyframes } from '@mui/material/styles'\nimport { useTheme } from '@mui/material/styles'\n\nimport { H2, Icon, P } from '@mxenabled/mxui'\n\nimport StepOne from './components/onboarding/StepOne'\nimport StepTwo from './components/onboarding/StepTwo'\n\nimport {\n  Loader,\n  useCashflowStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useRecurringTransactionsStore,\n  useScreenSize,\n  useTransactionStore,\n  useUserStore,\n} from '../common'\nimport { type RepeatingTransaction, type Transaction, RepeatingType, Frequency } from '../core'\nimport SubheaderRow from '../common/components/SubheaderRow'\n\nimport { useCashflowUiStore } from './context/hooks'\n\nimport { TransactionRow } from '../transactions'\nimport { incomeFilter, incomeFilterSearch } from '../transactions/utils/Filters'\n\nimport { AddRecurringTransactionDetails } from '../recurringtransactions'\nimport { SelectTransaction } from '../recurringtransactions'\nimport { getNextPaymentDate } from '../core/utils/RecurringTransactionsUtil'\n\nimport { fromUnixToDayOfWeekAndDate } from '../core/utils/DateUtil'\nimport { CASHFLOW_IMAGES } from './constants/CashflowImages'\n\ninterface UpcomingTransactions extends Transaction {\n  nextDate: Date | null\n  frequency: Frequency\n}\n\nconst spin = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n`\n\nconst CashflowOnboarding: React.FC = () => {\n  const { addRepeatingTransaction, repeatingTransactions } = useRecurringTransactionsStore()\n  const { cashflow: customCopy, common: commonCopy } = useGlobalCopyStore()\n  const { user } = useUserStore()\n  const { completeOnboarding } = useCashflowStore()\n  const { isDirty } = useCashflowUiStore()\n  const { isMobile } = useScreenSize()\n  const { isCopyLoaded, setDisplayedDate } = useGlobalUiStore()\n  const { filter, setFilter, transactions } = useTransactionStore()\n  const theme = useTheme()\n\n  const [addIncome, setAddIncome] = useState(true)\n  const [frequency, setFrequency] = React.useState(Frequency.EveryMonth)\n  const [firstDay, setFirstDay] = React.useState(1)\n  const [secondDay, setSecondDay] = React.useState(15)\n  const [isSubmitting, setIsSubmitting] = useState(false)\n  // const [nextDate, setNextDate] = React.useState<Date | null>(null)\n  const [step, setStep] = useState(1)\n  const [selectedTransactions, setSelectedTransactions] = useState<UpcomingTransactions[] | []>([])\n  const [transactionGuid, setTransactionGuid] = useState('')\n\n  const transaction = React.useMemo(\n    () => transactions.find((t) => t.guid === transactionGuid),\n    [transactionGuid, transactions],\n  )\n\n  const canSubmit = !!repeatingTransactions.filter(\n    (r) => r.repeating_transaction_type === RepeatingType.Income,\n  ).length\n\n  const handleGetTransactions = async () => {\n    setStep(2)\n    // set transaction date range and filter by income\n    setDisplayedDate(\n      //  Beginning of the month, 90 days before today\n      startOfMonth(subDays(startOfToday(), 90)),\n      startOfToday(),\n    )\n\n    setFilter({ ...filter, custom: incomeFilter })\n\n    setStep(3)\n  }\n\n  const handleAddIncome = async () => {\n    if (selectedTransactions.length < 1) {\n      return\n    }\n    setIsSubmitting(true)\n\n    // Create Repeating Transactions\n    for (let i = 0; i < selectedTransactions.length; i++) {\n      const upcomingTransaction = selectedTransactions[i]\n\n      const nextDate = getNextPaymentDate(frequency, fromUnixTime(upcomingTransaction.date))\n\n      const repeatingTransaction = {\n        account_guid: upcomingTransaction.account_guid,\n        amount: upcomingTransaction.amount,\n        created_by: 0, //user\n        merchant_guid: upcomingTransaction.merchant_guid,\n        description: upcomingTransaction.feed_description || upcomingTransaction.description,\n        predicted_occurs_on: formatISO(nextDate, { representation: 'date' }),\n        recurrence_day: nextDate.getDay(),\n        recurrence_type: frequency,\n        repeating_transaction_type: RepeatingType.Income,\n        second_recurrence_day: secondDay,\n        transaction_type: upcomingTransaction.transaction_type,\n        user_guid: user.guid,\n      } as RepeatingTransaction\n\n      await addRepeatingTransaction(repeatingTransaction, upcomingTransaction)\n    }\n    await completeOnboarding()\n  }\n\n  const showSelectIncome =\n    (!transaction && addIncome) || (!transaction && selectedTransactions.length < 1)\n\n  if (!isCopyLoaded) {\n    return <Loader />\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: !isMobile ? 'center' : 'flex-start',\n        backgroundColor: theme.palette.background.paper,\n        backgroundImage: !isMobile ? `url(${CASHFLOW_IMAGES.CASHFLOW_ONBOARDING})` : null,\n        backgroundRepeat: 'no-repeat',\n        backgroundPosition: 'left 100px',\n        backgroundSize: '35%',\n        py: 24,\n      }}\n    >\n      {step === 1 && (\n        <Box\n          sx={(isMobile\n              ? { display: 'flex', flexDirection: 'column', maxWidth: '100%', padding: '0 16px' }\n              : { maxWidth: 590, ml: '40%', mr: 90 })}\n        >\n          <StepOne handleNextStep={handleGetTransactions} />\n        </Box>\n      )}\n      {step === 2 && (\n        <Box\n          sx={(isMobile\n              ? { display: 'flex', flexDirection: 'column', maxWidth: '100%', padding: '0 16px' }\n              : { maxWidth: 590, ml: '40%', mr: 90 })}\n        >\n          <StepTwo />\n        </Box>\n      )}\n      {step === 3 && (\n        <Box\n          sx={(isMobile\n              ? { display: 'flex', flexDirection: 'column', maxWidth: '100%', padding: '0 16px' }\n              : { maxWidth: 590, ml: '40%', mr: 90 })}\n        >\n          <H2 pb={12} variant=\"h1\">\n            {customCopy.add_income_title}\n          </H2>\n          <P mb={24}>{customCopy.add_income_description}</P>\n\n          {selectedTransactions.length > 0 && !transaction && (\n            <>\n              <List>\n                {selectedTransactions.map((transaction, index) => {\n                  return (\n                    <React.Fragment key={transaction.guid}>\n                      <SubheaderRow bgcolor=\"background.paper\">\n                        {fromUnixToDayOfWeekAndDate(\n                          getUnixTime(transaction.nextDate || transaction.date),\n                        )}\n                      </SubheaderRow>\n                      <TransactionRow transaction={transaction} />\n                      {index !== selectedTransactions.length - 1 && <Divider />}\n                    </React.Fragment>\n                  )\n                })}\n              </List>\n              <Stack alignItems=\"center\" direction=\"row\">\n                <Divider sx={{ flexGrow: 1 }} />\n                <Button\n                  onClick={() => setAddIncome(true)}\n                  startIcon={<Icon name=\"add\" size={20} />}\n                >\n                  {customCopy.add_income}\n                </Button>\n              </Stack>\n            </>\n          )}\n\n          {showSelectIncome && (\n            <SelectTransaction\n              bgcolor=\"background.paper\"\n              onSearch={(searchValue) =>\n                setFilter({\n                  ...filter,\n                  custom: (transaction: Transaction) =>\n                    searchValue\n                      ? incomeFilterSearch(transaction, searchValue)\n                      : incomeFilter(transaction),\n                })\n              }\n              onSelected={(guid) => {\n                setTransactionGuid(guid)\n                setAddIncome(false)\n              }}\n            />\n          )}\n\n          {!canSubmit && isDirty && (\n            <P color=\"error\" mt={16}>\n              {customCopy.confirm_error}\n            </P>\n          )}\n\n          {transaction && (\n            <>\n              <AddRecurringTransactionDetails\n                bgcolor=\"background.paper\"\n                firstDay={firstDay}\n                frequency={frequency}\n                onFirstDayChange={setFirstDay}\n                onFrequencyChange={setFrequency}\n                onSecondDayChange={setSecondDay}\n                secondDay={secondDay}\n                transaction={transaction}\n              />\n              <Stack direction=\"row\" gap={16} ml={24} mt={32}>\n                <Button\n                  aria-disabled={!transaction}\n                  onClick={() => {\n                    const updatedTransactions = [...selectedTransactions]\n                    updatedTransactions.push({\n                      ...transaction,\n                      nextDate: getNextPaymentDate(frequency, fromUnixTime(transaction.date)),\n                      frequency,\n                    })\n\n                    setSelectedTransactions(updatedTransactions)\n                    setTransactionGuid('')\n                  }}\n                  variant=\"contained\"\n                >\n                  {commonCopy.confirm_button}\n                </Button>\n                <Button\n                  onClick={() => {\n                    setTransactionGuid('')\n                    setAddIncome(true)\n                    handleGetTransactions().finally()\n                  }}\n                  variant=\"text\"\n                >\n                  {commonCopy.cancel_button}\n                </Button>\n              </Stack>\n            </>\n          )}\n\n          {selectedTransactions.length > 0 && !transaction && (\n            <Stack direction=\"row\" gap={16} ml={24} mt={32}>\n              <Button\n                aria-disabled={selectedTransactions.length < 1 || isSubmitting}\n                onClick={handleAddIncome}\n                startIcon={\n                  isSubmitting ? (\n                    <Icon\n                      name=\"progress_activity\"\n                      sx={{\n                        animation: `${spin} 2s linear infinite`,\n                      }}\n                    />\n                  ) : null\n                }\n                variant=\"contained\"\n              >\n                {customCopy.confirm_income_button}\n              </Button>\n              <Button onClick={completeOnboarding} variant=\"text\">\n                {customCopy.skip_button}\n              </Button>\n            </Stack>\n          )}\n        </Box>\n      )}\n    </Box>\n  )\n}\n\nexport default observer(CashflowOnboarding)\n"],"mappings":"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"}

package/dist/core/types/localization/InsightsFeedCopy.d.ts

@@ -6,9 +6,12 @@ interface GeneralInsightsFeedCopy {
     decreased_text: string;
     dismiss: string;
     embedded_description: string;
+    error_heading: string;
+    error_message: string;
     increased_text: string;
     insight_no_longer_applicable: string;
     insight_updated: string;
+    loading: string;
     monthly_amount: string;
     new_information_available: string;
     tip_section_message: string;
@@ -16,6 +19,7 @@ interface GeneralInsightsFeedCopy {
     transaction_history_title: string;
     transaction_details_title: string;
     trend: string;
+    try_again: string;
     update: string;
     updating: string;
 }

package/dist/insights-v2/components/BaseLayout.d.ts

@@ -10,8 +10,12 @@ interface BaseLayoutProps {
     beat: Beat;
     beatActions?: BeatActions;
     obsolete?: ObsoleteState;
+    /** Swap only the block slot for a LoadingCard (e.g. while a sampled beat loads). */
+    isLoading?: boolean;
+    /** Replace the entire card with an ErrorCard (e.g. when the sample fails to load). */
+    isError?: boolean;
 }
-declare const BaseLayout: (({ beat, beatActions, obsolete }: BaseLayoutProps) => import("react/jsx-runtime").JSX.Element | null) & {
+declare const BaseLayout: (({ beat, beatActions, obsolete, isLoading, isError, }: BaseLayoutProps) => import("react/jsx-runtime").JSX.Element | null) & {
     displayName: string;
 };
 export default BaseLayout;

package/dist/insights-v2/components/BaseLayout.es.js

@@ -1,25 +1,27 @@
-import { useAppConfig as T, useGlobalCopyStore as F, useInsightsV2Store as A } from "../../common/context/hooks.es.js";
-import { sendBeatCta as I } from "../../common/utils/PostMessage.es.js";
-import { blocks as E, hasDrawerBlock as H } from "../mappings/blocks.es.js";
-import M from "./Footer.es.js";
-import { BeatActionsProvider as G } from "../beatActions.es.js";
-import R from "./Header.es.js";
-import { FeedbackBar as j } from "./FeedbackBar.es.js";
-import z from "./FeedbackDialog.es.js";
-import { DismissInsightDialog as N } from "./DismissInsightDialog.es.js";
-import { HiddenConfirmationCard as P } from "./HiddenConfirmationCard.es.js";
-import { ObsolesceBanner as U } from "./ObsolesceBanner.es.js";
-import { ActionBlockLayer as V } from "../actionBlocks/ActionBlockLayer.es.js";
-import { useBeatFeedbackFlow as W } from "../hooks/useBeatFeedbackFlow.es.js";
-import { observer as X } from "mobx-react-lite";
+import { useAppConfig as A, useGlobalCopyStore as I, useInsightsV2Store as E } from "../../common/context/hooks.es.js";
+import { sendBeatCta as H } from "../../common/utils/PostMessage.es.js";
+import { blocks as M, hasDrawerBlock as G } from "../mappings/blocks.es.js";
+import R from "./Footer.es.js";
+import { BeatActionsProvider as j } from "../beatActions.es.js";
+import z from "./Header.es.js";
+import { FeedbackBar as N } from "./FeedbackBar.es.js";
+import P from "./FeedbackDialog.es.js";
+import { DismissInsightDialog as U } from "./DismissInsightDialog.es.js";
+import { HiddenConfirmationCard as V } from "./HiddenConfirmationCard.es.js";
+import { ErrorCard as W } from "./ErrorCard.es.js";
+import { LoadingCard as X } from "./LoadingCard.es.js";
+import { ObsolesceBanner as Y } from "./ObsolesceBanner.es.js";
+import { ActionBlockLayer as q } from "../actionBlocks/ActionBlockLayer.es.js";
+import { useBeatFeedbackFlow as J } from "../hooks/useBeatFeedbackFlow.es.js";
+import { observer as K } from "mobx-react-lite";
 import m from "@mui/material/Stack";
-import { P as Y } from "@mxenabled/mxui";
+import { P as Q } from "@mxenabled/mxui";
 import p from "@mui/material/Button";
-import { ChevronRight as q } from "@mxenabled/mx-icons";
-import { Fragment as J, jsx as o, jsxs as r } from "react/jsx-runtime";
-import K from "@mui/material/Box";
-import Q from "@mui/material/Card";
-var Z = {}, $ = {
+import { ChevronRight as Z } from "@mxenabled/mx-icons";
+import { Fragment as $, jsx as o, jsxs as t } from "react/jsx-runtime";
+import ee from "@mui/material/Box";
+import oe from "@mui/material/Card";
+var ie = {}, re = {
   position: "absolute",
   top: 0,
   left: 0,
@@ -28,29 +30,31 @@ var Z = {}, $ = {
   backgroundColor: "background.default",
   opacity: 0.7,
   zIndex: 1
-}, _e = X(({ beat: i, beatActions: h = Z, obsolete: s }) => {
-  const { openCtaDrawer: y } = A(), g = F(), { is_mobile_webview: k, clientConfig: v } = T(), e = W(i, h), t = i.insights_payload;
-  if (!t || e.cardState === "dismissed") return null;
-  const { instance_slot: _, primary_cta: n, secondary_cta: a, sub_title: C, title: x, widget_type: S, guid: d, user_guid: w, dismissed_at: B } = t, { block: D } = _, u = (L, O) => {
-    H(L) ? y(d, O) : I(i, {
-      isMobileWebview: k,
-      webviewScheme: v?.master?.ui_message_webview_url_scheme,
-      userGuid: w
+}, De = K(({ beat: i, beatActions: h = ie, obsolete: s, isLoading: y = !1, isError: g = !1 }) => {
+  const { openCtaDrawer: C } = E(), k = I(), { is_mobile_webview: v, clientConfig: _ } = A(), e = J(i, h);
+  if (g) return /* @__PURE__ */ o(W, {});
+  const r = i.insights_payload;
+  if (!r || e.cardState === "dismissed") return null;
+  const { instance_slot: x, primary_cta: n, secondary_cta: a, sub_title: S, title: w, widget_type: B, guid: d, user_guid: D, dismissed_at: L } = r, { block: O } = x, u = (T, F) => {
+    G(T) ? C(d, F) : H(i, {
+      isMobileWebview: v,
+      webviewScheme: _?.master?.ui_message_webview_url_scheme,
+      userGuid: D
     });
-  }, b = E[D], f = S === "mini", l = g.insights_feed?.general, c = s?.state === "not_refreshable" && !B && !!l;
-  return /* @__PURE__ */ o(G, {
+  }, f = M[O], b = B === "mini", l = k.insights_feed?.general, c = s?.state === "not_refreshable" && !L && !!l;
+  return /* @__PURE__ */ o(j, {
     value: e.wrappedActions,
-    children: /* @__PURE__ */ r(m, {
+    children: /* @__PURE__ */ t(m, {
       sx: { mb: 16 },
       children: [
-        e.cardState === "confirming" ? /* @__PURE__ */ o(P, {
+        e.cardState === "confirming" ? /* @__PURE__ */ o(V, {
           onClose: e.collapseConfirmation,
           onLeaveFeedback: e.openHideSurvey,
           onUndo: e.undoDismiss
-        }) : /* @__PURE__ */ r(J, { children: [s && l && /* @__PURE__ */ o(U, {
+        }) : /* @__PURE__ */ t($, { children: [s && l && /* @__PURE__ */ o(Y, {
           ...s,
           copy: l
-        }), /* @__PURE__ */ r(Q, {
+        }), /* @__PURE__ */ t(oe, {
           inert: c,
           sx: { ...c && {
             position: "relative",
@@ -58,17 +62,17 @@ var Z = {}, $ = {
             pointerEvents: "none"
           } },
           children: [
-            c && /* @__PURE__ */ o(K, { sx: $ }),
-            /* @__PURE__ */ o(R, {
-              isMini: f,
-              subtitle: C,
-              title: x ?? ""
+            c && /* @__PURE__ */ o(ee, { sx: re }),
+            /* @__PURE__ */ o(z, {
+              isMini: b,
+              subtitle: S,
+              title: w ?? ""
             }),
-            b && /* @__PURE__ */ o(b, {
+            y ? /* @__PURE__ */ o(X, {}) : f && /* @__PURE__ */ o(f, {
               beatGuid: d,
-              payload: t
+              payload: r
             }),
-            /* @__PURE__ */ r(m, {
+            /* @__PURE__ */ t(m, {
               sx: {
                 gap: 6,
                 pb: 16,
@@ -76,11 +80,11 @@ var Z = {}, $ = {
                 pr: 16,
                 pt: 12
               },
-              children: [/* @__PURE__ */ o(Y, {
-                dangerouslySetInnerHTML: { __html: t.description.html_text },
+              children: [/* @__PURE__ */ o(Q, {
+                dangerouslySetInnerHTML: { __html: r.description.html_text },
                 variant: "subtitle2"
               }), i?.in_description_cta && /* @__PURE__ */ o(p, {
-                endIcon: /* @__PURE__ */ o(q, {}),
+                endIcon: /* @__PURE__ */ o(Z, {}),
                 onClick: () => {
                 },
                 sx: {
@@ -91,7 +95,7 @@ var Z = {}, $ = {
                 children: i.in_description_cta
               })]
             }),
-            !f && n?.label && /* @__PURE__ */ r(m, {
+            !b && n?.label && /* @__PURE__ */ t(m, {
               sx: {
                 gap: 8,
                 pb: 16,
@@ -107,19 +111,19 @@ var Z = {}, $ = {
                 children: a.label
               })]
             }),
-            /* @__PURE__ */ o(j, {
+            /* @__PURE__ */ o(N, {
               onTellUsMore: e.openRatingSurvey,
               show: e.isFeedbackBarShown
             })
           ]
         })] }),
-        /* @__PURE__ */ o(V, { beat: i }),
-        /* @__PURE__ */ o(N, {
+        /* @__PURE__ */ o(q, { beat: i }),
+        /* @__PURE__ */ o(U, {
           isOpen: e.isDismissOpen,
           onClose: e.closeDismissDialog,
           onDismiss: e.confirmDismiss
         }),
-        e.isSurveyOpen && /* @__PURE__ */ o(z, {
+        e.isSurveyOpen && /* @__PURE__ */ o(P, {
           characterLimitLabel: e.survey.characterLimitLabel,
           closeAriaLabel: e.survey.closeAriaLabel,
           isOpen: !0,
@@ -132,13 +136,13 @@ var Z = {}, $ = {
           secondaryText: e.survey.backText,
           title: e.survey.title
         }),
-        e.cardState === "visible" && t.footer && /* @__PURE__ */ o(M, { footer: t.footer })
+        e.cardState === "visible" && r.footer && /* @__PURE__ */ o(R, { footer: r.footer })
       ]
     })
   });
 });
 export {
-  _e as default
+  De as default
 };
 
 //# sourceMappingURL=BaseLayout.es.js.map

package/dist/insights-v2/components/BaseLayout.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLayout.es.js","names":[],"sources":["../../../src/insights-v2/components/BaseLayout.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\nimport { P } from '@mxenabled/mxui'\n\nimport { blocks, hasDrawerBlock } from '../mappings/blocks'\n\nimport Footer from './Footer'\nimport Header from './Header'\nimport FeedbackBar from './FeedbackBar'\nimport FeedbackDialog from './FeedbackDialog'\nimport DismissInsightDialog from './DismissInsightDialog'\nimport HiddenConfirmationCard from './HiddenConfirmationCard'\nimport { ObsolesceBanner, type ObsolesceBannerState } from './ObsolesceBanner'\nimport { useAppConfig, useGlobalCopyStore, useInsightsV2Store } from '../../common'\nimport { sendBeatCta } from '../../common/utils/PostMessage'\nimport type { Beat } from '../../core'\nimport { BeatActionsProvider, type BeatActions } from '../beatActions'\nimport { ActionBlockLayer } from '../actionBlocks/ActionBlockLayer'\nimport { useBeatFeedbackFlow } from '../hooks/useBeatFeedbackFlow'\n\nexport interface ObsoleteState {\n  state: ObsolesceBannerState\n  onRefresh: () => void\n  onDismiss: () => void\n}\n\ninterface BaseLayoutProps {\n  beat: Beat\n  beatActions?: BeatActions\n  obsolete?: ObsoleteState\n}\n\nconst NO_BEAT_ACTIONS: BeatActions = {}\n\nconst OBSOLETE_OVERLAY_SX = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  width: '100%',\n  height: '100%',\n  backgroundColor: 'background.default',\n  opacity: 0.7,\n  zIndex: 1,\n} as const\n\nconst BaseLayout = observer(\n  ({ beat, beatActions = NO_BEAT_ACTIONS, obsolete }: BaseLayoutProps) => {\n    const { openCtaDrawer } = useInsightsV2Store()\n    const copy = useGlobalCopyStore()\n    const { is_mobile_webview, clientConfig } = useAppConfig()\n    const flow = useBeatFeedbackFlow(beat, beatActions)\n\n    const insights_payload = beat.insights_payload\n\n    if (!insights_payload) return null\n    if (flow.cardState === 'dismissed') return null\n\n    const {\n      instance_slot,\n      primary_cta,\n      secondary_cta,\n      sub_title,\n      title,\n      widget_type,\n      guid,\n      user_guid,\n      dismissed_at,\n    } = insights_payload\n    const { block } = instance_slot\n\n    // A CTA with a real drilldown `block` opens a drawer; otherwise it notifies\n    // the host app via a beat/cta post message (the \"Make a Transfer\" CTA on the\n    // Save an extra $100 beat). Mirrors Pulse's SaveAnExtra100Dollars beat.\n    const handleCtaClick = (\n      ctaBlock: string | null | undefined,\n      source: 'primaryCta' | 'secondaryCta',\n    ) => {\n      if (hasDrawerBlock(ctaBlock)) {\n        openCtaDrawer(guid, source)\n      } else {\n        sendBeatCta(beat, {\n          isMobileWebview: is_mobile_webview,\n          webviewScheme: clientConfig?.master?.ui_message_webview_url_scheme,\n          userGuid: user_guid,\n        })\n      }\n    }\n\n    const Block = blocks[block as keyof typeof blocks]\n\n    const isMini = widget_type === 'mini'\n    const obsoleteCopy = copy.insights_feed?.general\n    const isObsoleteDimmed =\n      obsolete?.state === 'not_refreshable' && !dismissed_at && !!obsoleteCopy\n\n    return (\n      <BeatActionsProvider value={flow.wrappedActions}>\n        <Stack sx={{ mb: 16 }}>\n          {flow.cardState === 'confirming' ? (\n            <HiddenConfirmationCard\n              onClose={flow.collapseConfirmation}\n              onLeaveFeedback={flow.openHideSurvey}\n              onUndo={flow.undoDismiss}\n            />\n          ) : (\n            <>\n              {obsolete && obsoleteCopy && <ObsolesceBanner {...obsolete} copy={obsoleteCopy} />}\n              <Card\n                inert={isObsoleteDimmed}\n                sx={{\n                  ...(isObsoleteDimmed && {\n                    position: 'relative',\n                    zIndex: 2,\n                    pointerEvents: 'none',\n                  }),\n                }}\n              >\n                {isObsoleteDimmed && <Box sx={OBSOLETE_OVERLAY_SX} />}\n                <Header isMini={isMini} subtitle={sub_title} title={title ?? ''} />\n                {Block && <Block beatGuid={guid} payload={insights_payload} />}\n\n                <Stack sx={{ gap: 6, pb: 16, pl: 12, pr: 16, pt: 12 }}>\n                  <P\n                    dangerouslySetInnerHTML={{\n                      __html: insights_payload.description.html_text,\n                    }}\n                    variant=\"subtitle2\"\n                  />\n                  {/* TODO: Migrate to insights_payload.in_description_cta once backend provides it */}\n                  {beat?.in_description_cta && (\n                    <Button\n                      endIcon={<ChevronRight />}\n                      onClick={() => {}}\n                      sx={{ height: 24, p: 4, width: 'max-content' }}\n                    >\n                      {beat.in_description_cta}\n                    </Button>\n                  )}\n                </Stack>\n\n                {!isMini && primary_cta?.label && (\n                  <Stack sx={{ gap: 8, pb: 16, px: 16 }}>\n                    <Button\n                      onClick={() => handleCtaClick(primary_cta.block, 'primaryCta')}\n                      variant=\"outlined\"\n                    >\n                      {primary_cta.label}\n                    </Button>\n                    {secondary_cta?.label && (\n                      <Button\n                        color=\"secondary\"\n                        onClick={() => handleCtaClick(secondary_cta.block, 'secondaryCta')}\n                      >\n                        {secondary_cta.label}\n                      </Button>\n                    )}\n                  </Stack>\n                )}\n\n                <FeedbackBar onTellUsMore={flow.openRatingSurvey} show={flow.isFeedbackBarShown} />\n              </Card>\n            </>\n          )}\n\n          <ActionBlockLayer beat={beat} />\n\n          <DismissInsightDialog\n            isOpen={flow.isDismissOpen}\n            onClose={flow.closeDismissDialog}\n            onDismiss={flow.confirmDismiss}\n          />\n\n          {flow.isSurveyOpen && (\n            <FeedbackDialog\n              characterLimitLabel={flow.survey.characterLimitLabel}\n              closeAriaLabel={flow.survey.closeAriaLabel}\n              isOpen={true}\n              onBackClick={flow.feedbackDialogCallbacks.onBackClick}\n              onClose={flow.closeSurvey}\n              onSubmit={flow.submitSurvey}\n              onTextInputFocus={flow.feedbackDialogCallbacks.onTextInputFocus}\n              options={flow.survey.options}\n              primaryText={flow.survey.submitText}\n              secondaryText={flow.survey.backText}\n              title={flow.survey.title}\n            />\n          )}\n\n          {flow.cardState === 'visible' && insights_payload.footer && (\n            <Footer footer={insights_payload.footer} />\n          )}\n        </Stack>\n      </BeatActionsProvider>\n    )\n  },\n)\n\nexport default BaseLayout\n"],"mappings":"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"}
+{"version":3,"file":"BaseLayout.es.js","names":[],"sources":["../../../src/insights-v2/components/BaseLayout.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\nimport { P } from '@mxenabled/mxui'\n\nimport { blocks, hasDrawerBlock } from '../mappings/blocks'\n\nimport Footer from './Footer'\nimport Header from './Header'\nimport FeedbackBar from './FeedbackBar'\nimport FeedbackDialog from './FeedbackDialog'\nimport DismissInsightDialog from './DismissInsightDialog'\nimport HiddenConfirmationCard from './HiddenConfirmationCard'\nimport ErrorCard from './ErrorCard'\nimport LoadingCard from './LoadingCard'\nimport { ObsolesceBanner, type ObsolesceBannerState } from './ObsolesceBanner'\nimport { useAppConfig, useGlobalCopyStore, useInsightsV2Store } from '../../common'\nimport { sendBeatCta } from '../../common/utils/PostMessage'\nimport type { Beat } from '../../core'\nimport { BeatActionsProvider, type BeatActions } from '../beatActions'\nimport { ActionBlockLayer } from '../actionBlocks/ActionBlockLayer'\nimport { useBeatFeedbackFlow } from '../hooks/useBeatFeedbackFlow'\n\nexport interface ObsoleteState {\n  state: ObsolesceBannerState\n  onRefresh: () => void\n  onDismiss: () => void\n}\n\ninterface BaseLayoutProps {\n  beat: Beat\n  beatActions?: BeatActions\n  obsolete?: ObsoleteState\n  /** Swap only the block slot for a LoadingCard (e.g. while a sampled beat loads). */\n  isLoading?: boolean\n  /** Replace the entire card with an ErrorCard (e.g. when the sample fails to load). */\n  isError?: boolean\n}\n\nconst NO_BEAT_ACTIONS: BeatActions = {}\n\nconst OBSOLETE_OVERLAY_SX = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  width: '100%',\n  height: '100%',\n  backgroundColor: 'background.default',\n  opacity: 0.7,\n  zIndex: 1,\n} as const\n\nconst BaseLayout = observer(\n  ({\n    beat,\n    beatActions = NO_BEAT_ACTIONS,\n    obsolete,\n    isLoading = false,\n    isError = false,\n  }: BaseLayoutProps) => {\n    const { openCtaDrawer } = useInsightsV2Store()\n    const copy = useGlobalCopyStore()\n    const { is_mobile_webview, clientConfig } = useAppConfig()\n    const flow = useBeatFeedbackFlow(beat, beatActions)\n\n    // Error replaces the entire card; loading only swaps the block slot (below).\n    if (isError) return <ErrorCard />\n\n    const insights_payload = beat.insights_payload\n\n    if (!insights_payload) return null\n    if (flow.cardState === 'dismissed') return null\n\n    const {\n      instance_slot,\n      primary_cta,\n      secondary_cta,\n      sub_title,\n      title,\n      widget_type,\n      guid,\n      user_guid,\n      dismissed_at,\n    } = insights_payload\n    const { block } = instance_slot\n\n    // A CTA with a real drilldown `block` opens a drawer; otherwise it notifies\n    // the host app via a beat/cta post message (the \"Make a Transfer\" CTA on the\n    // Save an extra $100 beat). Mirrors Pulse's SaveAnExtra100Dollars beat.\n    const handleCtaClick = (\n      ctaBlock: string | null | undefined,\n      source: 'primaryCta' | 'secondaryCta',\n    ) => {\n      if (hasDrawerBlock(ctaBlock)) {\n        openCtaDrawer(guid, source)\n      } else {\n        sendBeatCta(beat, {\n          isMobileWebview: is_mobile_webview,\n          webviewScheme: clientConfig?.master?.ui_message_webview_url_scheme,\n          userGuid: user_guid,\n        })\n      }\n    }\n\n    const Block = blocks[block as keyof typeof blocks]\n\n    const isMini = widget_type === 'mini'\n    const obsoleteCopy = copy.insights_feed?.general\n    const isObsoleteDimmed =\n      obsolete?.state === 'not_refreshable' && !dismissed_at && !!obsoleteCopy\n\n    return (\n      <BeatActionsProvider value={flow.wrappedActions}>\n        <Stack sx={{ mb: 16 }}>\n          {flow.cardState === 'confirming' ? (\n            <HiddenConfirmationCard\n              onClose={flow.collapseConfirmation}\n              onLeaveFeedback={flow.openHideSurvey}\n              onUndo={flow.undoDismiss}\n            />\n          ) : (\n            <>\n              {obsolete && obsoleteCopy && <ObsolesceBanner {...obsolete} copy={obsoleteCopy} />}\n              <Card\n                inert={isObsoleteDimmed}\n                sx={{\n                  ...(isObsoleteDimmed && {\n                    position: 'relative',\n                    zIndex: 2,\n                    pointerEvents: 'none',\n                  }),\n                }}\n              >\n                {isObsoleteDimmed && <Box sx={OBSOLETE_OVERLAY_SX} />}\n                <Header isMini={isMini} subtitle={sub_title} title={title ?? ''} />\n                {isLoading ? (\n                  <LoadingCard />\n                ) : (\n                  Block && <Block beatGuid={guid} payload={insights_payload} />\n                )}\n\n                <Stack sx={{ gap: 6, pb: 16, pl: 12, pr: 16, pt: 12 }}>\n                  <P\n                    dangerouslySetInnerHTML={{\n                      __html: insights_payload.description.html_text,\n                    }}\n                    variant=\"subtitle2\"\n                  />\n                  {/* TODO: Migrate to insights_payload.in_description_cta once backend provides it */}\n                  {beat?.in_description_cta && (\n                    <Button\n                      endIcon={<ChevronRight />}\n                      onClick={() => {}}\n                      sx={{ height: 24, p: 4, width: 'max-content' }}\n                    >\n                      {beat.in_description_cta}\n                    </Button>\n                  )}\n                </Stack>\n\n                {!isMini && primary_cta?.label && (\n                  <Stack sx={{ gap: 8, pb: 16, px: 16 }}>\n                    <Button\n                      onClick={() => handleCtaClick(primary_cta.block, 'primaryCta')}\n                      variant=\"outlined\"\n                    >\n                      {primary_cta.label}\n                    </Button>\n                    {secondary_cta?.label && (\n                      <Button\n                        color=\"secondary\"\n                        onClick={() => handleCtaClick(secondary_cta.block, 'secondaryCta')}\n                      >\n                        {secondary_cta.label}\n                      </Button>\n                    )}\n                  </Stack>\n                )}\n\n                <FeedbackBar onTellUsMore={flow.openRatingSurvey} show={flow.isFeedbackBarShown} />\n              </Card>\n            </>\n          )}\n\n          <ActionBlockLayer beat={beat} />\n\n          <DismissInsightDialog\n            isOpen={flow.isDismissOpen}\n            onClose={flow.closeDismissDialog}\n            onDismiss={flow.confirmDismiss}\n          />\n\n          {flow.isSurveyOpen && (\n            <FeedbackDialog\n              characterLimitLabel={flow.survey.characterLimitLabel}\n              closeAriaLabel={flow.survey.closeAriaLabel}\n              isOpen={true}\n              onBackClick={flow.feedbackDialogCallbacks.onBackClick}\n              onClose={flow.closeSurvey}\n              onSubmit={flow.submitSurvey}\n              onTextInputFocus={flow.feedbackDialogCallbacks.onTextInputFocus}\n              options={flow.survey.options}\n              primaryText={flow.survey.submitText}\n              secondaryText={flow.survey.backText}\n              title={flow.survey.title}\n            />\n          )}\n\n          {flow.cardState === 'visible' && insights_payload.footer && (\n            <Footer footer={insights_payload.footer} />\n          )}\n        </Stack>\n      </BeatActionsProvider>\n    )\n  },\n)\n\nexport default BaseLayout\n"],"mappings":"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"}

package/dist/insights-v2/components/ErrorCard.d.ts

@@ -0,0 +1,15 @@
+export interface ErrorCardProps {
+    /** Force the CIBC illustration. When omitted, derived from the app's copy namespace. */
+    isCibc?: boolean;
+    onRetry?: () => void;
+}
+/**
+ * Card-framed error state for the InsightsV2 feed.
+ *
+ * Reads its copy from the experiences copy store and derives the CIBC variant from
+ * the app config, so the host only has to signal that an error occurred.
+ */
+export declare const ErrorCard: (({ isCibc, onRetry }: ErrorCardProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default ErrorCard;

package/dist/insights-v2/components/ErrorCard.es.js

@@ -0,0 +1,85 @@
+import { useAppConfig as m, useGlobalCopyStore as p } from "../../common/context/hooks.es.js";
+import { BlobSVG as d } from "../../common/components/Error.es.js";
+import { ThemedSVGImage as i } from "./chartblocks/ThemedSVGImage.es.js";
+import { ReactComponent as x } from "./shared/images/ErrorViewCibc.es.js";
+import { observer as g } from "mobx-react-lite";
+import { Icon as h, P as f, Text as y } from "@mxenabled/mxui";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { Button as u, Card as C, Stack as r } from "@mui/material";
+var b = "cibc_custom_copy", v = () => window.location.reload(), B = g(({ isCibc: n, onRetry: a = v }) => {
+  const s = p(), { options: c } = m(), t = s.insights_feed?.general, l = n ?? c?.custom_copy_namespace === b;
+  return /* @__PURE__ */ e(C, {
+    sx: { pt: 32 },
+    children: /* @__PURE__ */ o(r, {
+      sx: { gap: 32 },
+      children: [/* @__PURE__ */ o(r, {
+        sx: {
+          alignItems: "center",
+          gap: 16,
+          px: 16
+        },
+        children: [l ? /* @__PURE__ */ e(i, {
+          divProps: { style: {
+            maxWidth: 150,
+            width: "100%"
+          } },
+          image: x
+        }) : /* @__PURE__ */ o(r, {
+          sx: {
+            position: "relative",
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center"
+          },
+          children: [/* @__PURE__ */ e(i, {
+            divProps: { style: {
+              position: "absolute",
+              zIndex: 0
+            } },
+            image: d
+          }), /* @__PURE__ */ e(h, {
+            color: "primary",
+            name: "error",
+            size: 48,
+            sx: { zIndex: 1 }
+          })]
+        }), /* @__PURE__ */ o(r, {
+          sx: {
+            alignItems: "center",
+            gap: 2
+          },
+          children: [/* @__PURE__ */ e(y, {
+            bold: !0,
+            variant: "body1",
+            children: t?.error_heading
+          }), /* @__PURE__ */ e(f, {
+            color: "text.secondary",
+            sx: {
+              fontWeight: 400,
+              textAlign: "center"
+            },
+            variant: "subtitle2",
+            children: t?.error_message
+          })]
+        })]
+      }), /* @__PURE__ */ e(r, {
+        sx: {
+          pb: 16,
+          px: 16
+        },
+        children: /* @__PURE__ */ e(u, {
+          color: "primary",
+          onClick: a,
+          variant: "outlined",
+          children: t?.try_again
+        })
+      })]
+    })
+  });
+});
+export {
+  B as ErrorCard,
+  B as default
+};
+
+//# sourceMappingURL=ErrorCard.es.js.map

package/dist/insights-v2/components/ErrorCard.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorCard.es.js","names":[],"sources":["../../../src/insights-v2/components/ErrorCard.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { Icon, P, Text } from '@mxenabled/mxui'\n\nimport { Button, Card, Stack } from '@mui/material'\n\nimport { BlobSVG } from '../../common/components/Error'\nimport { useAppConfig, useGlobalCopyStore } from '../../common'\nimport { ThemedSVGImage } from './chartblocks/ThemedSVGImage'\nimport { ReactComponent as ErrorViewCibc } from './shared/images/ErrorViewCibc.svg'\n\nconst CIBC_COPY_NAMESPACE = 'cibc_custom_copy'\n\nconst reloadPage = () => window.location.reload()\n\nexport interface ErrorCardProps {\n  /** Force the CIBC illustration. When omitted, derived from the app's copy namespace. */\n  isCibc?: boolean\n  onRetry?: () => void\n}\n\n/**\n * Card-framed error state for the InsightsV2 feed.\n *\n * Reads its copy from the experiences copy store and derives the CIBC variant from\n * the app config, so the host only has to signal that an error occurred.\n */\nexport const ErrorCard = observer(({ isCibc, onRetry = reloadPage }: ErrorCardProps) => {\n  const copy = useGlobalCopyStore()\n  const { options } = useAppConfig()\n  const general = copy.insights_feed?.general\n  const showCibc = isCibc ?? options?.custom_copy_namespace === CIBC_COPY_NAMESPACE\n\n  return (\n    <Card sx={{ pt: 32 }}>\n      {/* Figma 502:6630 — 32px gap between content and button section */}\n      <Stack sx={{ gap: 32 }}>\n        <Stack sx={{ alignItems: 'center', gap: 16, px: 16 }}>\n          {showCibc ? (\n            <ThemedSVGImage\n              divProps={{ style: { maxWidth: 150, width: '100%' } }}\n              image={ErrorViewCibc}\n            />\n          ) : (\n            <Stack\n              sx={{\n                position: 'relative',\n                display: 'inline-flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n              }}\n            >\n              <ThemedSVGImage\n                divProps={{ style: { position: 'absolute', zIndex: 0 } }}\n                image={BlobSVG}\n              />\n              <Icon color=\"primary\" name={'error'} size={48} sx={{ zIndex: 1 }} />\n            </Stack>\n          )}\n\n          <Stack sx={{ alignItems: 'center', gap: 2 }}>\n            <Text bold={true} variant=\"body1\">\n              {general?.error_heading}\n            </Text>\n            <P\n              color=\"text.secondary\"\n              sx={{ fontWeight: 400, textAlign: 'center' }}\n              variant=\"subtitle2\"\n            >\n              {general?.error_message}\n            </P>\n          </Stack>\n        </Stack>\n\n        <Stack sx={{ pb: 16, px: 16 }}>\n          <Button color=\"primary\" onClick={onRetry} variant=\"outlined\">\n            {general?.try_again}\n          </Button>\n        </Stack>\n      </Stack>\n    </Card>\n  )\n})\n\nexport default ErrorCard\n"],"mappings":";;;;;;;;AAWA,IAAM,IAAsB,oBAEtB,IAAA,MAAmB,OAAO,SAAS,OAAO,GAcnC,IAAY,EAAA,CAAU,EAAE,QAAA,GAAQ,SAAA,IAAU,EAAA,MAAiC;AACtF,QAAM,IAAO,EAAmB,GAC1B,EAAE,SAAA,EAAA,IAAY,EAAa,GAC3B,IAAU,EAAK,eAAe,SAC9B,IAAW,KAAU,GAAS,0BAA0B;AAE9D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAM,IAAI,EAAE,IAAI,GAAG;AAAA,IAEjB,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI,EAAE,KAAK,GAAG;AAAA,MAArB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI;AAAA,UAAE,YAAY;AAAA,UAAU,KAAK;AAAA,UAAI,IAAI;AAAA,QAAG;AAAA,QAAnD,UAAA,CACG,IACC,gBAAA,EAAC,GAAD;AAAA,UACE,UAAU,EAAE,OAAO;AAAA,YAAE,UAAU;AAAA,YAAK,OAAO;AAAA,UAAO,EAAE;AAAA,UACpD,OAAO;AAAA,QACR,CAAA,IAED,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,UAAU;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,UAClB;AAAA,UANF,UAAA,CAQE,gBAAA,EAAC,GAAD;AAAA,YACE,UAAU,EAAE,OAAO;AAAA,cAAE,UAAU;AAAA,cAAY,QAAQ;AAAA,YAAE,EAAE;AAAA,YACvD,OAAO;AAAA,UACR,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,YAAM,OAAM;AAAA,YAAU,MAAM;AAAA,YAAS,MAAM;AAAA,YAAI,IAAI,EAAE,QAAQ,EAAE;AAAA,UAAI,CAAA,CAC9D;AAAA,QAGT,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI;AAAA,YAAE,YAAY;AAAA,YAAU,KAAK;AAAA,UAAE;AAAA,UAA1C,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,SAAQ;AAAA,YACvB,UAAA,GAAS;AAAA,UACN,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,YACE,OAAM;AAAA,YACN,IAAI;AAAA,cAAE,YAAY;AAAA,cAAK,WAAW;AAAA,YAAS;AAAA,YAC3C,SAAQ;AAAA,YAEP,UAAA,GAAS;AAAA,UACT,CAAA,CACE;AAAA,QACF,CAAA,CAAA;AAAA,MAEP,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,QAAG;AAAA,QAC1B,UAAA,gBAAA,EAAC,GAAD;AAAA,UAAQ,OAAM;AAAA,UAAU,SAAS;AAAA,UAAS,SAAQ;AAAA,UAC/C,UAAA,GAAS;AAAA,QACJ,CAAA;AAAA,MACH,CAAA,CACF;AAAA;EACH,CAAA;AAEV,CAAC"}

package/dist/insights-v2/components/LoadingCard.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Loading/placeholder state for the InsightsV2 feed.
+ *
+ * Mirrors the existing `insights/.../CardLoading` design: a centered loading
+ * animation (gif). The accessible alt text is read from the experiences copy
+ * store so it stays localized — the host only has to signal that it is loading.
+ */
+export declare const LoadingCard: (() => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default LoadingCard;

package/dist/insights-v2/components/LoadingCard.es.js

@@ -0,0 +1,25 @@
+import { useGlobalCopyStore as e } from "../../common/context/hooks.es.js";
+import { observer as r } from "mobx-react-lite";
+import a from "@mui/material/Stack";
+import { jsx as t } from "react/jsx-runtime";
+var i = "https://content.moneydesktop.com/storage/MD_Assets/md/common/loading.gif", d = r(() => {
+  const o = e().insights_feed?.general?.loading;
+  return /* @__PURE__ */ t(a, {
+    sx: { alignItems: "center" },
+    children: /* @__PURE__ */ t("img", {
+      alt: o,
+      src: i,
+      style: {
+        marginBottom: 25,
+        height: 64,
+        width: 64
+      }
+    })
+  });
+});
+export {
+  d as LoadingCard,
+  d as default
+};
+
+//# sourceMappingURL=LoadingCard.es.js.map

package/dist/insights-v2/components/LoadingCard.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingCard.es.js","names":[],"sources":["../../../src/insights-v2/components/LoadingCard.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { useGlobalCopyStore } from '../../common'\n\nconst LOADING_GIF_URL = 'https://content.moneydesktop.com/storage/MD_Assets/md/common/loading.gif'\n\n/**\n * Loading/placeholder state for the InsightsV2 feed.\n *\n * Mirrors the existing `insights/.../CardLoading` design: a centered loading\n * animation (gif). The accessible alt text is read from the experiences copy\n * store so it stays localized — the host only has to signal that it is loading.\n */\nexport const LoadingCard = observer(() => {\n  const copy = useGlobalCopyStore()\n  const altLoadingText = copy.insights_feed?.general?.loading\n\n  return (\n    <Stack sx={{ alignItems: 'center' }}>\n      <img\n        alt={altLoadingText}\n        src={LOADING_GIF_URL}\n        style={{\n          marginBottom: 25,\n          height: 64,\n          width: 64,\n        }}\n      />\n    </Stack>\n  )\n})\n\nexport default LoadingCard\n"],"mappings":";;;;AAMA,IAAM,IAAkB,4EASX,IAAc,EAAA,MAAe;AAExC,QAAM,IADO,EACU,EAAK,eAAe,SAAS;AAEpD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,YAAY,SAAS;AAAA,IAChC,UAAA,gBAAA,EAAC,OAAD;AAAA,MACE,KAAK;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,QACL,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,OAAO;AAAA,MACT;AAAA,IACD,CAAA;AAAA,EACI,CAAA;AAEX,CAAC"}

package/dist/insights-v2/components/shared/images/ErrorViewCibc.es.js

@@ -0,0 +1,57 @@
+import { forwardRef as e } from "react";
+import { jsx as L, jsxs as C } from "react/jsx-runtime";
+var r = (i, l) => /* @__PURE__ */ C("svg", {
+  alt: "",
+  width: "147px",
+  height: "104px",
+  viewBox: "0 0 256 256",
+  xmlns: "http://www.w3.org/2000/svg",
+  xmlnsXlink: "http://www.w3.org/1999/xlink",
+  ref: l,
+  ...i,
+  children: [/* @__PURE__ */ L("title", { children: "Icons/Illustrative/Gears1" }), /* @__PURE__ */ C("g", {
+    id: "Icons/Illustrative/Gears1",
+    stroke: "none",
+    strokeWidth: 1,
+    fill: "none",
+    fillRule: "evenodd",
+    children: [/* @__PURE__ */ L("circle", {
+      id: "Oval",
+      fill: "#F2F3F2",
+      cx: 128,
+      cy: 128,
+      r: 128
+    }), /* @__PURE__ */ C("g", {
+      id: "Group",
+      transform: "translate(42.000000, 38.000000)",
+      fillRule: "nonzero",
+      children: [
+        /* @__PURE__ */ L("path", {
+          d: "M106.11,-0.000218413865 C107.642968,-0.0133183256 109.118435,0.582907809 110.211785,1.65750358 C111.305134,2.73209936 111.926796,4.19703062 111.94,5.73000001 L111.94,5.73000001 L111.94,14.26 C116.057784,15.2957977 120.000229,16.9334286 123.64,19.12 L123.64,19.12 L129.64,13.07 C131.902451,10.8198774 135.55755,10.8198774 137.82,13.07 L137.82,13.07 L144.82,20.07 C147.074462,22.3267544 147.074462,25.9832456 144.82,28.24 L144.82,28.24 L138.76,34.3 C140.939324,37.9422419 142.573338,41.8840905 143.61,46 L143.61,46 L152.18,46 C153.721605,45.9893289 155.203593,46.5949522 156.296512,47.6822371 C157.38943,48.7695221 158.002704,50.2483606 158.000009,51.79 L158.000009,51.79 L158.000009,61.69 C157.989428,63.2229629 157.370303,64.6889356 156.278833,65.7654023 C155.187364,66.841869 153.712962,67.4406455 152.18,67.43 L152.18,67.43 L143.61,67.43 C142.571461,71.5421335 140.937529,75.4804158 138.76,79.12 L138.76,79.12 L144.87,85.22 C147.124462,87.4767544 147.124462,91.1332457 144.87,93.3900001 L144.87,93.3900001 L137.87,100.39 C135.60755,102.640123 131.952451,102.640123 129.69,100.39 L129.69,100.39 L123.63,94.3200001 C119.984367,96.4949311 116.043674,98.131834 111.93,99.1800001 L111.93,99.1800001 L111.93,107.74 C111.93,110.932206 109.342206,113.52 106.15,113.52 L106.15,113.52 L96.2600001,113.52 C93.0677942,113.52 90.4800001,110.932206 90.4800001,107.74 L90.4800001,107.74 L90.4800001,99.1800001 C86.3651225,98.1354485 82.4239217,96.4983343 78.78,94.3200001 L78.78,94.3200001 L72.72,100.39 C70.4575496,102.640123 66.8024505,102.640123 64.54,100.39 L64.54,100.39 L57.54,93.3900001 C56.4523907,92.3088247 55.8408343,90.8385692 55.8408343,89.305 C55.8408343,87.7714309 56.4523907,86.3011754 57.54,85.22 L57.54,85.22 L63.54,79.12 C61.3721395,75.4897739 59.7482054,71.5613358 58.72,67.46 L58.72,67.46 L50.15,67.46 C46.9577942,67.46 44.37,64.8722059 44.37,61.68 L44.37,61.68 L44.37,51.78 C44.37,48.5877942 46.9577942,46 50.15,46 L50.15,46 L58.69,46 C59.7312635,41.9013872 61.3651501,37.9766906 63.54,34.35 L63.54,34.35 L57.54,28.35 C56.4523907,27.2688246 55.8408343,25.7985692 55.8408343,24.265 C55.8408343,22.7314309 56.4523907,21.2611754 57.54,20.18 L57.54,20.18 L64.54,13.18 C66.7999116,10.9616363 70.4200885,10.9616363 72.68,13.18 L72.68,13.18 L78.74,19.18 C82.3805971,16.9997464 86.3230896,15.368835 90.4400001,14.34 L90.4400001,14.34 L90.4400001,5.78000001 C90.4400001,2.58779416 93.0277942,-0.000218413865 96.2200001,-0.000218413865 L96.2200001,-0.000218413865 Z M101.16,33.85 C88.5402935,33.85 78.31,44.0982021 78.31,56.74 C78.31,69.381798 88.5402935,79.63 101.16,79.63 C113.779707,79.63 124.01,69.381798 124.01,56.74 C124.01,44.0982021 113.779707,33.85 101.16,33.85 Z",
+          id: "Combined-Shape",
+          fill: "#C41F3E"
+        }),
+        /* @__PURE__ */ L("path", {
+          d: "M125.31,101.68 C126.663009,101.190465 128.156991,101.888254 128.65,103.24 L128.65,103.24 L129.98,106.88 C131.881968,106.682983 133.802585,106.767221 135.68,107.13 L135.68,107.13 L137.36,103.65 C137.974114,102.348051 139.523599,101.785414 140.83,102.39 L140.83,102.39 L144.83,104.28 C145.45764,104.570893 145.943478,105.099917 146.18,105.75 C146.410536,106.403106 146.378265,107.12024 146.09,107.75 L146.09,107.75 L144.45,111.25 C145.938487,112.457816 147.239344,113.879997 148.31,115.47 L148.31,115.47 L151.95,114.15 C152.60106,113.9061 153.323478,113.938609 153.95,114.24 C154.57764,114.530893 155.063478,115.059917 155.3,115.71 L155.3,115.71 L156.82,119.9 L156.8,119.9 C157.042025,120.555947 157.008571,121.281881 156.707242,121.912787 C156.405914,122.543694 155.86231,123.025975 155.2,123.25 L155.2,123.25 L151.57,124.58 C151.762006,126.482114 151.6778,128.402001 151.32,130.28 L151.32,130.28 L154.82,131.92 C155.44764,132.210893 155.933478,132.739917 156.17,133.39 C156.400536,134.043106 156.368265,134.76024 156.08,135.39 L156.08,135.39 L154.19,139.39 C153.899107,140.01764 153.370083,140.503478 152.72,140.74 C152.067374,140.973748 151.348994,140.941421 150.72,140.65 L150.72,140.65 L147.21,139.01 C146.00577,140.498247 144.586919,141.799141 143,142.87 L143,142.87 L144.35,146.52 C144.839535,147.873009 144.141747,149.366991 142.79,149.86 L142.79,149.86 L138.59,151.38 C137.940627,151.623555 137.220542,151.595411 136.59216,151.301915 C135.963777,151.008419 135.48002,150.47429 135.25,149.82 L135.25,149.82 L133.93,146.19 C132.024565,146.382273 130.10134,146.298069 128.22,145.94 L128.22,145.94 L126.59,149.44 C126.297704,150.070291 125.764434,150.55672 125.11,150.79 C124.457374,151.023748 123.738994,150.991421 123.11,150.7 L123.11,150.7 L119.11,148.81 C118.483388,148.51904 117.998342,147.990654 117.761941,147.34149 C117.52554,146.692325 117.557225,145.975766 117.85,145.35 L117.85,145.35 L119.48,141.84 C117.99911,140.627965 116.699271,139.210265 115.62,137.63 L115.62,137.63 L111.99,138.95 C110.636992,139.439535 109.143009,138.741746 108.65,137.39 L108.65,137.39 L107.12,133.19 C106.630465,131.836992 107.328254,130.343009 108.68,129.85 L108.68,129.85 L112.32,128.53 C112.122724,126.62471 112.20696,124.700758 112.57,122.82 L112.57,122.82 L109.06,121.19 C107.762385,120.571943 107.201268,119.026645 107.8,117.72 L107.8,117.72 L109.69,113.67 C110.303837,112.367488 111.856552,111.808152 113.16,112.42 L113.16,112.42 L116.66,114.05 C117.873171,112.566569 119.294557,111.266438 120.88,110.19 L120.88,110.19 L119.56,106.56 C119.317574,105.90955 119.346396,105.189009 119.64,104.56 C119.935033,103.931721 120.467319,103.44619 121.12,103.21 L121.12,103.21 Z M128.447599,116.83953 C123.095918,118.78421 120.337056,124.707495 122.285508,130.069558 C124.233961,135.43162 130.151888,138.201956 135.503569,136.257276 C140.85525,134.312597 143.614112,128.389311 141.66566,123.027249 C139.717208,117.665186 133.79928,114.89485 128.447599,116.83953 Z",
+          id: "Combined-Shape",
+          fill: "#C41F3E"
+        }),
+        /* @__PURE__ */ L("path", {
+          d: "M49.0033734,120.673794 L107.724759,161.167841 C110.229937,162.882581 111.95088,165.522716 112.508555,168.506883 C113.044781,171.376274 112.463214,174.337468 110.891371,176.786789 L110.698005,177.078212 C107.111197,182.279527 99.9870169,183.588344 94.785702,180.001537 L36.0313869,139.484783 L49.0033734,120.673794 Z M100.36,162.71 C96.3504128,162.71 93.1000001,165.960413 93.1000001,169.97 C93.1000001,173.979587 96.3504128,177.23 100.36,177.23 C104.369587,177.23 107.62,173.979587 107.62,169.97 C107.62,165.960413 104.369587,162.71 100.36,162.71 Z",
+          id: "Combined-Shape",
+          fill: "#8B1D41"
+        }),
+        /* @__PURE__ */ L("path", {
+          d: "M14.15,96.5100001 L35.84,111.51 L36.41,120.37 L31.47,127.54 L22.75,130.48 L1.06000001,115.49 C-1.8576625,129.410687 5.44846092,143.45713 18.5213637,149.060478 C31.5942664,154.663825 46.8049178,150.26859 54.8742555,138.556029 C62.9435933,126.843469 61.6315736,111.064983 51.7385773,100.846035 C41.845581,90.627086 26.1178984,88.8044491 14.15,96.4900001 L14.15,96.5100001 Z",
+          id: "Path",
+          fill: "#8B1D41"
+        })
+      ]
+    })]
+  })]
+}), d = e(r);
+export {
+  d as ReactComponent
+};
+
+//# sourceMappingURL=ErrorViewCibc.es.js.map

package/dist/insights-v2/components/shared/images/ErrorViewCibc.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorViewCibc.es.js","names":[],"sources":["../../../../../src/insights-v2/components/shared/images/ErrorViewCibc.svg"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SvgErrorViewCibc = (props, ref) => /* @__PURE__ */ _jsxs(\"svg\", {\n\talt: \"\",\n\twidth: \"147px\",\n\theight: \"104px\",\n\tviewBox: \"0 0 256 256\",\n\txmlns: \"http://www.w3.org/2000/svg\",\n\txmlnsXlink: \"http://www.w3.org/1999/xlink\",\n\tref,\n\t...props,\n\tchildren: [/* @__PURE__ */ _jsx(\"title\", { children: \"Icons/Illustrative/Gears1\" }), /* @__PURE__ */ _jsxs(\"g\", {\n\t\tid: \"Icons/Illustrative/Gears1\",\n\t\tstroke: \"none\",\n\t\tstrokeWidth: 1,\n\t\tfill: \"none\",\n\t\tfillRule: \"evenodd\",\n\t\tchildren: [/* @__PURE__ */ _jsx(\"circle\", {\n\t\t\tid: \"Oval\",\n\t\t\tfill: \"#F2F3F2\",\n\t\t\tcx: 128,\n\t\t\tcy: 128,\n\t\t\tr: 128\n\t\t}), /* @__PURE__ */ _jsxs(\"g\", {\n\t\t\tid: \"Group\",\n\t\t\ttransform: \"translate(42.000000, 38.000000)\",\n\t\t\tfillRule: \"nonzero\",\n\t\t\tchildren: [\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\td: \"M106.11,-0.000218413865 C107.642968,-0.0133183256 109.118435,0.582907809 110.211785,1.65750358 C111.305134,2.73209936 111.926796,4.19703062 111.94,5.73000001 L111.94,5.73000001 L111.94,14.26 C116.057784,15.2957977 120.000229,16.9334286 123.64,19.12 L123.64,19.12 L129.64,13.07 C131.902451,10.8198774 135.55755,10.8198774 137.82,13.07 L137.82,13.07 L144.82,20.07 C147.074462,22.3267544 147.074462,25.9832456 144.82,28.24 L144.82,28.24 L138.76,34.3 C140.939324,37.9422419 142.573338,41.8840905 143.61,46 L143.61,46 L152.18,46 C153.721605,45.9893289 155.203593,46.5949522 156.296512,47.6822371 C157.38943,48.7695221 158.002704,50.2483606 158.000009,51.79 L158.000009,51.79 L158.000009,61.69 C157.989428,63.2229629 157.370303,64.6889356 156.278833,65.7654023 C155.187364,66.841869 153.712962,67.4406455 152.18,67.43 L152.18,67.43 L143.61,67.43 C142.571461,71.5421335 140.937529,75.4804158 138.76,79.12 L138.76,79.12 L144.87,85.22 C147.124462,87.4767544 147.124462,91.1332457 144.87,93.3900001 L144.87,93.3900001 L137.87,100.39 C135.60755,102.640123 131.952451,102.640123 129.69,100.39 L129.69,100.39 L123.63,94.3200001 C119.984367,96.4949311 116.043674,98.131834 111.93,99.1800001 L111.93,99.1800001 L111.93,107.74 C111.93,110.932206 109.342206,113.52 106.15,113.52 L106.15,113.52 L96.2600001,113.52 C93.0677942,113.52 90.4800001,110.932206 90.4800001,107.74 L90.4800001,107.74 L90.4800001,99.1800001 C86.3651225,98.1354485 82.4239217,96.4983343 78.78,94.3200001 L78.78,94.3200001 L72.72,100.39 C70.4575496,102.640123 66.8024505,102.640123 64.54,100.39 L64.54,100.39 L57.54,93.3900001 C56.4523907,92.3088247 55.8408343,90.8385692 55.8408343,89.305 C55.8408343,87.7714309 56.4523907,86.3011754 57.54,85.22 L57.54,85.22 L63.54,79.12 C61.3721395,75.4897739 59.7482054,71.5613358 58.72,67.46 L58.72,67.46 L50.15,67.46 C46.9577942,67.46 44.37,64.8722059 44.37,61.68 L44.37,61.68 L44.37,51.78 C44.37,48.5877942 46.9577942,46 50.15,46 L50.15,46 L58.69,46 C59.7312635,41.9013872 61.3651501,37.9766906 63.54,34.35 L63.54,34.35 L57.54,28.35 C56.4523907,27.2688246 55.8408343,25.7985692 55.8408343,24.265 C55.8408343,22.7314309 56.4523907,21.2611754 57.54,20.18 L57.54,20.18 L64.54,13.18 C66.7999116,10.9616363 70.4200885,10.9616363 72.68,13.18 L72.68,13.18 L78.74,19.18 C82.3805971,16.9997464 86.3230896,15.368835 90.4400001,14.34 L90.4400001,14.34 L90.4400001,5.78000001 C90.4400001,2.58779416 93.0277942,-0.000218413865 96.2200001,-0.000218413865 L96.2200001,-0.000218413865 Z M101.16,33.85 C88.5402935,33.85 78.31,44.0982021 78.31,56.74 C78.31,69.381798 88.5402935,79.63 101.16,79.63 C113.779707,79.63 124.01,69.381798 124.01,56.74 C124.01,44.0982021 113.779707,33.85 101.16,33.85 Z\",\n\t\t\t\t\tid: \"Combined-Shape\",\n\t\t\t\t\tfill: \"#C41F3E\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\td: \"M125.31,101.68 C126.663009,101.190465 128.156991,101.888254 128.65,103.24 L128.65,103.24 L129.98,106.88 C131.881968,106.682983 133.802585,106.767221 135.68,107.13 L135.68,107.13 L137.36,103.65 C137.974114,102.348051 139.523599,101.785414 140.83,102.39 L140.83,102.39 L144.83,104.28 C145.45764,104.570893 145.943478,105.099917 146.18,105.75 C146.410536,106.403106 146.378265,107.12024 146.09,107.75 L146.09,107.75 L144.45,111.25 C145.938487,112.457816 147.239344,113.879997 148.31,115.47 L148.31,115.47 L151.95,114.15 C152.60106,113.9061 153.323478,113.938609 153.95,114.24 C154.57764,114.530893 155.063478,115.059917 155.3,115.71 L155.3,115.71 L156.82,119.9 L156.8,119.9 C157.042025,120.555947 157.008571,121.281881 156.707242,121.912787 C156.405914,122.543694 155.86231,123.025975 155.2,123.25 L155.2,123.25 L151.57,124.58 C151.762006,126.482114 151.6778,128.402001 151.32,130.28 L151.32,130.28 L154.82,131.92 C155.44764,132.210893 155.933478,132.739917 156.17,133.39 C156.400536,134.043106 156.368265,134.76024 156.08,135.39 L156.08,135.39 L154.19,139.39 C153.899107,140.01764 153.370083,140.503478 152.72,140.74 C152.067374,140.973748 151.348994,140.941421 150.72,140.65 L150.72,140.65 L147.21,139.01 C146.00577,140.498247 144.586919,141.799141 143,142.87 L143,142.87 L144.35,146.52 C144.839535,147.873009 144.141747,149.366991 142.79,149.86 L142.79,149.86 L138.59,151.38 C137.940627,151.623555 137.220542,151.595411 136.59216,151.301915 C135.963777,151.008419 135.48002,150.47429 135.25,149.82 L135.25,149.82 L133.93,146.19 C132.024565,146.382273 130.10134,146.298069 128.22,145.94 L128.22,145.94 L126.59,149.44 C126.297704,150.070291 125.764434,150.55672 125.11,150.79 C124.457374,151.023748 123.738994,150.991421 123.11,150.7 L123.11,150.7 L119.11,148.81 C118.483388,148.51904 117.998342,147.990654 117.761941,147.34149 C117.52554,146.692325 117.557225,145.975766 117.85,145.35 L117.85,145.35 L119.48,141.84 C117.99911,140.627965 116.699271,139.210265 115.62,137.63 L115.62,137.63 L111.99,138.95 C110.636992,139.439535 109.143009,138.741746 108.65,137.39 L108.65,137.39 L107.12,133.19 C106.630465,131.836992 107.328254,130.343009 108.68,129.85 L108.68,129.85 L112.32,128.53 C112.122724,126.62471 112.20696,124.700758 112.57,122.82 L112.57,122.82 L109.06,121.19 C107.762385,120.571943 107.201268,119.026645 107.8,117.72 L107.8,117.72 L109.69,113.67 C110.303837,112.367488 111.856552,111.808152 113.16,112.42 L113.16,112.42 L116.66,114.05 C117.873171,112.566569 119.294557,111.266438 120.88,110.19 L120.88,110.19 L119.56,106.56 C119.317574,105.90955 119.346396,105.189009 119.64,104.56 C119.935033,103.931721 120.467319,103.44619 121.12,103.21 L121.12,103.21 Z M128.447599,116.83953 C123.095918,118.78421 120.337056,124.707495 122.285508,130.069558 C124.233961,135.43162 130.151888,138.201956 135.503569,136.257276 C140.85525,134.312597 143.614112,128.389311 141.66566,123.027249 C139.717208,117.665186 133.79928,114.89485 128.447599,116.83953 Z\",\n\t\t\t\t\tid: \"Combined-Shape\",\n\t\t\t\t\tfill: \"#C41F3E\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\td: \"M49.0033734,120.673794 L107.724759,161.167841 C110.229937,162.882581 111.95088,165.522716 112.508555,168.506883 C113.044781,171.376274 112.463214,174.337468 110.891371,176.786789 L110.698005,177.078212 C107.111197,182.279527 99.9870169,183.588344 94.785702,180.001537 L36.0313869,139.484783 L49.0033734,120.673794 Z M100.36,162.71 C96.3504128,162.71 93.1000001,165.960413 93.1000001,169.97 C93.1000001,173.979587 96.3504128,177.23 100.36,177.23 C104.369587,177.23 107.62,173.979587 107.62,169.97 C107.62,165.960413 104.369587,162.71 100.36,162.71 Z\",\n\t\t\t\t\tid: \"Combined-Shape\",\n\t\t\t\t\tfill: \"#8B1D41\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\td: \"M14.15,96.5100001 L35.84,111.51 L36.41,120.37 L31.47,127.54 L22.75,130.48 L1.06000001,115.49 C-1.8576625,129.410687 5.44846092,143.45713 18.5213637,149.060478 C31.5942664,154.663825 46.8049178,150.26859 54.8742555,138.556029 C62.9435933,126.843469 61.6315736,111.064983 51.7385773,100.846035 C41.845581,90.627086 26.1178984,88.8044491 14.15,96.4900001 L14.15,96.5100001 Z\",\n\t\t\t\t\tid: \"Path\",\n\t\t\t\t\tfill: \"#8B1D41\"\n\t\t\t\t})\n\t\t\t]\n\t\t})]\n\t})]\n});\nconst ForwardRef = forwardRef(SvgErrorViewCibc);\nexport { ForwardRef as ReactComponent };\n"],"mappings":";;AAGA,IAAM,IAAA,CAAoB,GAAO,MAAwB,gBAAA,EAAM,OAAO;AAAA,EACrE,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,KAAA;AAAA,EACA,GAAG;AAAA,EACH,UAAU,CAAiB,gBAAA,EAAK,SAAS,EAAE,UAAU,4BAA4B,CAAC,GAAmB,gBAAA,EAAM,KAAK;AAAA,IAC/G,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU,CAAiB,gBAAA,EAAK,UAAU;AAAA,MACzC,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,GAAG;AAAA,IACJ,CAAC,GAAmB,gBAAA,EAAM,KAAK;AAAA,MAC9B,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,UAAU;AAAA,MACV,UAAU;AAAA,QACO,gBAAA,EAAK,QAAQ;AAAA,UAC5B,GAAG;AAAA,UACH,IAAI;AAAA,UACJ,MAAM;AAAA,QACP,CAAC;AAAA,QACe,gBAAA,EAAK,QAAQ;AAAA,UAC5B,GAAG;AAAA,UACH,IAAI;AAAA,UACJ,MAAM;AAAA,QACP,CAAC;AAAA,QACe,gBAAA,EAAK,QAAQ;AAAA,UAC5B,GAAG;AAAA,UACH,IAAI;AAAA,UACJ,MAAM;AAAA,QACP,CAAC;AAAA,QACe,gBAAA,EAAK,QAAQ;AAAA,UAC5B,GAAG;AAAA,UACH,IAAI;AAAA,UACJ,MAAM;AAAA,QACP,CAAC;AAAA,MACF;AAAA,IACD,CAAC,CAAC;AAAA,EACH,CAAC,CAAC;AACH,CAAC,GACK,IAAa,EAAW,CAAgB"}

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

@@ -3,6 +3,8 @@ export { default as AccountHeroCard } from './components/AccountHeroCard';
 export { default as AmountPill } from './components/AmountPill';
 export { default as DesignateEmergencySavingsCard, type DesignateEmergencySavingsOption, } from './components/DesignateEmergencySavingsCard';
 export { default as BaseLayout } from './components/BaseLayout';
+export { default as ErrorCard, type ErrorCardProps } from './components/ErrorCard';
+export { default as LoadingCard } from './components/LoadingCard';
 export { default as StatusMessageCard } from './components/StatusMessageCard';
 export { default as TransactionListCard, type FooterRow } from './components/TransactionListCard';
 export { default as InsightTransactionRow, type InsightTransactionRowProps, } from './components/InsightTransactionRow';

package/dist/insights-v2/index.es.js

@@ -1,20 +1,20 @@
-import { BAR_CHART_VARIANTS as r, barChartVariant as t, buildChartData as m, buildDataSeries as i } from "./blocks/ChartBlocks/BarchartBlock/utils.es.js";
+import { BAR_CHART_VARIANTS as o, barChartVariant as m, buildChartData as t, buildDataSeries as i } from "./blocks/ChartBlocks/BarchartBlock/utils.es.js";
 import { BarchartBlock as p } from "./blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js";
 import { DoubleBarChartBlock as e } from "./blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.es.js";
 import c from "./blocks/ChartBlocks/StepChartBlock/StepChartBlock.es.js";
 import l from "./blocks/ChartBlocks/DonutChartBlock/DonutChartBlock.es.js";
-import B from "./blocks/ChartBlocks/DoubleProgressBarBlock/DoubleProgressBarBlock.es.js";
-import d from "./blocks/ComponentBlocks/AccountBlock/AccountBlock.es.js";
+import d from "./blocks/ChartBlocks/DoubleProgressBarBlock/DoubleProgressBarBlock.es.js";
+import B from "./blocks/ComponentBlocks/AccountBlock/AccountBlock.es.js";
 import k from "./components/TransferLogoCard.es.js";
 import S from "./blocks/ComponentBlocks/AccountSwitchBlock/AccountSwitchBlock.es.js";
 import { BudgetBlock as b } from "./blocks/ComponentBlocks/BudgetBlock/BudgetBlock.es.js";
-import T from "./components/SaveAnExtraCard.es.js";
+import L from "./components/SaveAnExtraCard.es.js";
 import v from "./blocks/ComponentBlocks/SaveExtraBlock/SaveExtraBlock.es.js";
 import I from "./components/InsightTransactionRow.es.js";
 import y from "./components/TransactionListCard.es.js";
-import { CategoryTransactionsBlock as O } from "./blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
-import { SVGImageBlock as w } from "./blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
-import E from "./components/AccountHeroCard.es.js";
+import { CategoryTransactionsBlock as M } from "./blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
+import { SVGImageBlock as R } from "./blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
+import x from "./components/AccountHeroCard.es.js";
 import F from "./components/AmountPill.es.js";
 import G from "./components/DesignateEmergencySavingsCard.es.js";
 import { useBeatActions as U } from "./beatActions.es.js";
@@ -23,57 +23,61 @@ import { InsightOptionsMenu as J } from "./components/InsightOptionsMenu.es.js";
 import { FeedbackBar as Q } from "./components/FeedbackBar.es.js";
 import X from "./components/FeedbackDialog.es.js";
 import { DismissInsightDialog as Z } from "./components/DismissInsightDialog.es.js";
-import { HiddenConfirmationCard as oo } from "./components/HiddenConfirmationCard.es.js";
-import { ObsolesceBanner as to } from "./components/ObsolesceBanner.es.js";
-import io from "./components/BaseLayout.es.js";
-import po from "./components/StatusMessageCard.es.js";
-import eo from "./components/LogoTile.es.js";
-import co from "./components/LogoClusterCard.es.js";
-import lo from "./components/MerchantHighlightCard.es.js";
-import Bo from "./components/P2PLogoStack.es.js";
-import uo from "./components/SavingsOpportunityCard.es.js";
-import ho from "./components/StatusPill.es.js";
-import Ao from "./components/SubscriptionHeroCard.es.js";
-import Do from "./components/UpcomingBillCard.es.js";
+import { HiddenConfirmationCard as rr } from "./components/HiddenConfirmationCard.es.js";
+import { ErrorCard as mr } from "./components/ErrorCard.es.js";
+import { LoadingCard as ir } from "./components/LoadingCard.es.js";
+import { ObsolesceBanner as pr } from "./components/ObsolesceBanner.es.js";
+import er from "./components/BaseLayout.es.js";
+import cr from "./components/StatusMessageCard.es.js";
+import lr from "./components/LogoTile.es.js";
+import dr from "./components/LogoClusterCard.es.js";
+import Br from "./components/MerchantHighlightCard.es.js";
+import kr from "./components/P2PLogoStack.es.js";
+import Sr from "./components/SavingsOpportunityCard.es.js";
+import br from "./components/StatusPill.es.js";
+import Lr from "./components/SubscriptionHeroCard.es.js";
+import vr from "./components/UpcomingBillCard.es.js";
 export {
-  d as AccountBlock,
-  E as AccountHeroCard,
+  B as AccountBlock,
+  x as AccountHeroCard,
   S as AccountSwitchBlock,
   F as AmountPill,
-  r as BAR_CHART_VARIANTS,
+  o as BAR_CHART_VARIANTS,
   p as BarchartBlock,
-  io as BaseLayout,
+  er as BaseLayout,
   b as BudgetBlock,
-  O as CategoryTransactionsBlock,
+  M as CategoryTransactionsBlock,
   G as DesignateEmergencySavingsCard,
   Z as DismissInsightDialog,
   l as DonutChartBlock,
   e as DoubleBarChartBlock,
-  B as DoubleProgressBarBlock,
+  d as DoubleProgressBarBlock,
+  mr as ErrorCard,
   Q as FeedbackBar,
   X as FeedbackDialog,
-  oo as HiddenConfirmationCard,
+  rr as HiddenConfirmationCard,
   J as InsightOptionsMenu,
   I as InsightTransactionRow,
-  co as LogoClusterCard,
-  eo as LogoTile,
-  lo as MerchantHighlightCard,
-  to as ObsolesceBanner,
+  ir as LoadingCard,
+  dr as LogoClusterCard,
+  lr as LogoTile,
+  Br as MerchantHighlightCard,
+  pr as ObsolesceBanner,
   q as OverflowMenu,
-  Bo as P2PLogoStack,
-  w as SVGImageBlock,
-  T as SaveAnExtraCard,
+  kr as P2PLogoStack,
+  R as SVGImageBlock,
+  L as SaveAnExtraCard,
   v as SaveExtraBlock,
-  uo as SavingsOpportunityCard,
-  po as StatusMessageCard,
-  ho as StatusPill,
+  Sr as SavingsOpportunityCard,
+  cr as StatusMessageCard,
+  br as StatusPill,
   c as StepChartBlock,
-  Ao as SubscriptionHeroCard,
+  Lr as SubscriptionHeroCard,
   y as TransactionListCard,
   k as TransferLogoCard,
-  Do as UpcomingBillCard,
-  t as barChartVariant,
-  m as buildChartData,
+  vr as UpcomingBillCard,
+  m as barChartVariant,
+  t as buildChartData,
   i as buildDataSeries,
   U as useBeatActions
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.4.57",
+  "version": "9.4.58",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",