\n {getTranslation(\n 'webCookieConsents.manageCookieConsentDetails.manageCookieConsentDetails.message',\n )}\n
\n\n {getTranslation(\n 'webCookieConsents.manageCookieConsentDetails.strictlyNecessary.message',\n )}\n
\n\n Just scan the QR code to download the Chase app – and get one\n step closer to seeing what your money can do.\n
\n\n {/* Need to recursively loop over children as may contain nested links */}\n {Array.from(children).map(defaultReplace)}\n
\n )\n }\n if (['h1', 'h2', 'h3', 'h4', 'h5'].includes(domNode.name)) {\n const children = domNode.children\n\n const id = extractText(domToReact(children))\n\n return (\n\n {Array.from(children).map(defaultReplace)}\n
\n )\n }\n if (['table'].includes(domNode.name)) {\n const tableData: ParsedResonsiveTable = {\n data: [],\n hasColumnHeader: true,\n }\n let colsCount = 0\n const transformTable = (element: Element) => {\n if (element.children) {\n if (element.name === 'tr') {\n tableData.data.push([])\n if (colsCount === 0 && element.nextSibling) {\n let sibling: Element = element.nextSibling as Element\n while (sibling && sibling.children.length <= 1) {\n sibling = sibling.nextSibling as Element\n }\n colsCount = sibling?.children.length ?? 0\n }\n }\n if (['td', 'th'].includes(element.name)) {\n const childrenCompiled = domToReact(element['children'], {\n replace: defaultContentReplace(),\n })\n if (+element.attribs.colspan === colsCount) {\n const nodeChildrenList = [...element.children]\n while (nodeChildrenList.length) {\n const child = nodeChildrenList.pop()\n if (isElement(child)) {\n if (\n child.name === 'b' &&\n child.next === null &&\n child.prev === null\n ) {\n tableData.data.pop()\n tableData.title = domToReact(child.children, {\n replace: defaultContentReplace(),\n })\n return\n }\n if (child.children) {\n nodeChildrenList.push(...child.children)\n }\n }\n }\n if (!element.parent?.next) {\n tableData.data.pop()\n tableData.footer = childrenCompiled\n return\n }\n tableData.data.pop()\n tableData.description = childrenCompiled\n return\n }\n\n if (\n tableData.data.length === 1 &&\n tableData.data[0].length === 0 &&\n element.children.length === 0\n ) {\n tableData.hasRowHeader = true\n }\n\n tableData.data[tableData.data.length - 1].push(childrenCompiled)\n return\n }\n for (const child of element.children) {\n transformTable(child as Element)\n }\n }\n }\n transformTable(domNode)\n const classNameContainerArticle = 'tw-container-article'\n return (\nHello world!
`\n * yields `Hello world!` as expected, but `Hello
world
` returns\n * `Helloworld`, just like https://mdn.io/Node/textContent does.\n *\n */\nexport const textContentFromJSX = (\n elem: string | React.JSX.Element | React.JSX.Element[] | undefined,\n): string => {\n if (!elem) {\n return ''\n }\n if (typeof elem === 'string') {\n return elem\n }\n if (elem instanceof Array) {\n return elem.map((item) => textContentFromJSX(item)).join()\n }\n\n const children = elem.props?.children\n if (children instanceof Array) {\n return children.map(textContentFromJSX).join('')\n }\n return textContentFromJSX(children)\n}\n","import { cn } from '@chaseweb/utils/cn'\nimport { DataTable } from '../../molecules/data-table'\nimport { textContentFromJSX } from '@chaseweb/utils/textContentFromJSX'\nimport type { ComponentPropsWithoutRef } from 'react'\nimport type React from 'react'\n\ntype stringOrElement = string | React.JSX.Element | React.JSX.Element[]\n\ninterface ResponsiveDataTableProps\n extends Omit