@transferwise/components 0.0.0-experimental-fa9fbe9 → 0.0.0-experimental-162ecb1

package/build/common/hooks/useContainerSize.mjs

@@ -1,28 +0,0 @@
-import { useRef, useState } from 'react';
-import { useResizeObserver } from './useResizeObserver.mjs';
-
-/**
- * Hook that returns a ref and a boolean indicating if the container
- * has a width >= the specified breakpoint.
- *
- * Useful for synchronizing React state with CSS container queries.
- *
- * Uses content-box measurements to match CSS container query behavior
- * (excludes padding and border).
- *
- * @param breakpoint - Minimum width in pixels
- * @returns [ref, isAboveBreakpoint] tuple
- */
-function useContainerSize(breakpoint) {
-  const ref = useRef(null);
-  const [isAboveBreakpoint, setIsAboveBreakpoint] = useState(false);
-  useResizeObserver(ref, entry => {
-    // Use contentRect.width to match CSS container query box model (content-box)
-    const inlineSize = entry.contentRect.width;
-    setIsAboveBreakpoint(inlineSize >= breakpoint);
-  }, 'content-box');
-  return [ref, isAboveBreakpoint];
-}
-
-export { useContainerSize };
-//# sourceMappingURL=useContainerSize.mjs.map

package/build/common/hooks/useContainerSize.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useContainerSize.mjs","sources":["../../../src/common/hooks/useContainerSize.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { useResizeObserver } from './useResizeObserver';\n\n/**\n * Hook that returns a ref and a boolean indicating if the container\n * has a width >= the specified breakpoint.\n *\n * Useful for synchronizing React state with CSS container queries.\n *\n * Uses content-box measurements to match CSS container query behavior\n * (excludes padding and border).\n *\n * @param breakpoint - Minimum width in pixels\n * @returns [ref, isAboveBreakpoint] tuple\n */\nexport function useContainerSize(breakpoint: number): [React.RefObject<HTMLDivElement>, boolean] {\n  const ref = useRef<HTMLDivElement>(null);\n  const [isAboveBreakpoint, setIsAboveBreakpoint] = useState(false);\n\n  useResizeObserver(\n    ref,\n    (entry) => {\n      // Use contentRect.width to match CSS container query box model (content-box)\n      const inlineSize = entry.contentRect.width;\n      setIsAboveBreakpoint(inlineSize >= breakpoint);\n    },\n    'content-box',\n  );\n\n  return [ref, isAboveBreakpoint];\n}\n"],"names":["useContainerSize","breakpoint","ref","useRef","isAboveBreakpoint","setIsAboveBreakpoint","useState","useResizeObserver","entry","inlineSize","contentRect","width"],"mappings":";;;AAIA;;;;;;;;;;;AAWG;AACG,SAAUA,gBAAgBA,CAACC,UAAkB,EAAA;AACjD,EAAA,MAAMC,GAAG,GAAGC,MAAM,CAAiB,IAAI,CAAC;EACxC,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC;AAEjEC,EAAAA,iBAAiB,CACfL,GAAG,EACFM,KAAK,IAAI;AACR;AACA,IAAA,MAAMC,UAAU,GAAGD,KAAK,CAACE,WAAW,CAACC,KAAK;AAC1CN,IAAAA,oBAAoB,CAACI,UAAU,IAAIR,UAAU,CAAC;EAChD,CAAC,EACD,aAAa,CACd;AAED,EAAA,OAAO,CAACC,GAAG,EAAEE,iBAAiB,CAAC;AACjC;;;;"}

package/build/prompt/CriticalBanner/CriticalBanner.js

@@ -1,142 +0,0 @@
-'use strict';
-
-var React = require('react');
-var clsx = require('clsx');
-var Body = require('../../body/Body.js');
-var Button_resolver = require('../../button/Button.resolver.js');
-require('../../common/theme.js');
-require('../../common/direction.js');
-require('../../common/propsValues/control.js');
-var breakpoint = require('../../common/propsValues/breakpoint.js');
-require('../../common/propsValues/size.js');
-var typography = require('../../common/propsValues/typography.js');
-require('../../common/propsValues/width.js');
-require('../../common/propsValues/type.js');
-require('../../common/propsValues/dateMode.js');
-require('../../common/propsValues/monthFormat.js');
-require('../../common/propsValues/position.js');
-require('../../common/propsValues/layouts.js');
-require('../../common/propsValues/status.js');
-require('../../common/propsValues/sentiment.js');
-require('../../common/propsValues/profileType.js');
-require('../../common/propsValues/variant.js');
-require('../../common/propsValues/scroll.js');
-require('../../common/propsValues/markdownNodeType.js');
-require('../../common/fileType.js');
-require('@transferwise/formatting');
-require('@transferwise/icons');
-require('react-intl');
-require('../../common/closeButton/CloseButton.messages.js');
-var jsxRuntime = require('react/jsx-runtime');
-var LiveRegion = require('../../common/liveRegion/LiveRegion.js');
-var PrimitivePrompt = require('../PrimitivePrompt/PrimitivePrompt.js');
-var promptMedia = require('../helpers/promptMedia.js');
-var Expander = require('../common/Expander/Expander.js');
-var helpers = require('./helpers.js');
-var useContainerSize = require('../../common/hooks/useContainerSize.js');
-
-const CriticalBanner = ({
-  sentiment = 'negative',
-  title,
-  description,
-  media = {},
-  action,
-  actionSecondary,
-  expanded: expandedProp,
-  onToggle,
-  id,
-  className,
-  'data-testid': testId
-}) => {
-  const [containerRef, isDesktop] = useContainerSize.useContainerSize(breakpoint.Breakpoint.MEDIUM);
-  const [internalExpanded, setInternalExpanded] = React.useState(isDesktop ? true : onToggle && expandedProp !== undefined ? expandedProp : true);
-  const resolvedExpanded = isDesktop ? true : expandedProp ?? internalExpanded;
-  const handleToggle = onToggle ?? (() => setInternalExpanded(!internalExpanded));
-  const hasActions = action ?? actionSecondary;
-  const mediaId = React.useId();
-  const titleId = React.useId();
-  const descId = React.useId();
-  const ariaLabelledByIds = [media['aria-hidden'] ? undefined : mediaId, !title ? undefined : titleId].filter(Boolean).join(' ');
-  return /*#__PURE__*/jsxRuntime.jsx(LiveRegion.LiveRegion, {
-    "aria-live": "assertive",
-    announceOnChange: helpers.buildAnnouncementString({
-      title,
-      description,
-      expanded: resolvedExpanded,
-      actionLabel: action?.label,
-      actionSecondaryLabel: actionSecondary?.label
-    }),
-    children: /*#__PURE__*/jsxRuntime.jsxs(PrimitivePrompt.PrimitivePrompt, {
-      ref: containerRef,
-      id: id,
-      sentiment: sentiment,
-      emphasis: sentiment === 'neutral' ? 'base' : 'elevated',
-      "data-testid": testId,
-      className: clsx.clsx('wds-critical-banner', {
-        'wds-critical-banner--collapsed': !resolvedExpanded,
-        'wds-critical-banner--with-two-actions': !!actionSecondary
-      }, className),
-      media: promptMedia.renderPromptMedia({
-        media,
-        sentiment,
-        mediaId,
-        imgClassName: 'wds-critical-banner--media-image'
-      }),
-      actions: hasActions ? /*#__PURE__*/jsxRuntime.jsxs("div", {
-        "aria-hidden": !resolvedExpanded ? true : undefined,
-        style: {
-          display: 'contents'
-        },
-        children: [actionSecondary &&
-        /*#__PURE__*/
-        // @ts-expect-error onClick type mismatch
-        jsxRuntime.jsx(Button_resolver.default, {
-          v2: true,
-          size: "md",
-          priority: "secondary",
-          href: actionSecondary.href,
-          tabIndex: resolvedExpanded ? undefined : -1,
-          onClick: actionSecondary?.onClick,
-          children: actionSecondary.label
-        }), action &&
-        /*#__PURE__*/
-        // @ts-expect-error onClick type mismatch
-        jsxRuntime.jsx(Button_resolver.default, {
-          v2: true,
-          size: "md",
-          priority: "primary",
-          href: action.href,
-          tabIndex: resolvedExpanded ? undefined : -1,
-          onClick: action.onClick,
-          children: action.label
-        })]
-      }) : undefined,
-      role: "region",
-      "aria-labelledby": ariaLabelledByIds,
-      "aria-describedby": descId,
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "wds-critical-banner__text-wrapper",
-        children: [title && /*#__PURE__*/jsxRuntime.jsx(Body.default, {
-          id: titleId,
-          type: typography.Typography.BODY_LARGE_BOLD,
-          className: "wds-critical-banner__content wds-critical-banner__title",
-          children: title
-        }), description && /*#__PURE__*/jsxRuntime.jsx(Body.default, {
-          id: descId,
-          className: clsx.clsx('wds-critical-banner__content', 'wds-critical-banner__description', {
-            'wds-critical-banner__description--with-title': !!title
-          }),
-          children: description
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsx(Expander.ExpanderToggle, {
-        expanded: resolvedExpanded,
-        size: 24,
-        className: "wds-critical-banner__toggle",
-        onToggle: handleToggle
-      })]
-    })
-  });
-};
-
-exports.CriticalBanner = CriticalBanner;
-//# sourceMappingURL=CriticalBanner.js.map

package/build/prompt/CriticalBanner/CriticalBanner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CriticalBanner.js","sources":["../../../src/prompt/CriticalBanner/CriticalBanner.tsx"],"sourcesContent":["import { ReactNode, useEffect, useId, useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport Body from '../../body';\nimport Button from '../../button';\nimport { Breakpoint, LiveRegion, Typography } from '../../common';\nimport { ButtonProps } from '../../button/Button.types';\nimport { PrimitivePrompt, PrimitivePromptProps } from '../PrimitivePrompt';\n\nimport { renderPromptMedia, PromptMedia } from '../helpers/promptMedia';\nimport { ExpanderToggle } from '../common/Expander/Expander';\nimport { buildAnnouncementString } from './helpers';\nimport { useContainerSize } from '../../common/hooks/useContainerSize';\n\nexport type CriticalBannerProps = {\n  title?: ReactNode;\n  description: ReactNode;\n  media?: PromptMedia;\n  action?: Pick<ButtonProps, 'onClick' | 'href' | 'target'> & {\n    label: ButtonProps['children'];\n  };\n  actionSecondary?: Pick<ButtonProps, 'onClick' | 'href' | 'target'> & {\n    label: ButtonProps['children'];\n  };\n  sentiment?: Exclude<PrimitivePromptProps['sentiment'], 'proposition'>;\n  /**\n   * Controls whether the description and actions are visible, as a controlled component.\n   * When collapsed with a title, only the title is shown.\n   * When collapsed without a title, the description is trimmed to 2 lines.\n   *\n   * Note: On desktop (container width >= 768px), the banner is always expanded\n   * regardless of this prop value.\n   */\n  expanded?: boolean;\n  /**\n   * Called when the user clicks the chevron toggle.\n   * If not provided, the component will manage expanded state internally.\n   */\n  onToggle?: () => void;\n} & Pick<PrimitivePromptProps, 'id' | 'className' | 'data-testid'>;\n\n/**\n * A full-width, non-dismissible banner for critical messages such as account blocks or\n * time-sensitive actions that require immediate user attention.\n\n * @see {@link https://wise.design/components/critical-banner Design Spec}\n */\nexport const CriticalBanner = ({\n  sentiment = 'negative',\n  title,\n  description,\n  media = {},\n  action,\n  actionSecondary,\n  expanded: expandedProp,\n  onToggle,\n  id,\n  className,\n  'data-testid': testId,\n}: CriticalBannerProps) => {\n  const [containerRef, isDesktop] = useContainerSize(Breakpoint.MEDIUM);\n  const [internalExpanded, setInternalExpanded] = useState(\n    isDesktop ? true : onToggle && expandedProp !== undefined ? expandedProp : true,\n  );\n  const resolvedExpanded = isDesktop ? true : (expandedProp ?? internalExpanded);\n  const handleToggle = onToggle ?? (() => setInternalExpanded(!internalExpanded));\n  const hasActions = action ?? actionSecondary;\n  const mediaId = useId();\n  const titleId = useId();\n  const descId = useId();\n\n  const ariaLabelledByIds = [\n    media['aria-hidden'] ? undefined : mediaId,\n    !title ? undefined : titleId,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <LiveRegion\n      aria-live=\"assertive\"\n      announceOnChange={buildAnnouncementString({\n        title,\n        description,\n        expanded: resolvedExpanded,\n        actionLabel: action?.label,\n        actionSecondaryLabel: actionSecondary?.label,\n      })}\n    >\n      <PrimitivePrompt\n        ref={containerRef}\n        id={id}\n        sentiment={sentiment}\n        emphasis={sentiment === 'neutral' ? 'base' : 'elevated'}\n        data-testid={testId}\n        className={clsx(\n          'wds-critical-banner',\n          {\n            'wds-critical-banner--collapsed': !resolvedExpanded,\n            'wds-critical-banner--with-two-actions': !!actionSecondary,\n          },\n          className,\n        )}\n        media={renderPromptMedia({\n          media,\n          sentiment,\n          mediaId,\n          imgClassName: 'wds-critical-banner--media-image',\n        })}\n        actions={\n          hasActions ? (\n            <div aria-hidden={!resolvedExpanded ? true : undefined} style={{ display: 'contents' }}>\n              {actionSecondary && (\n                // @ts-expect-error onClick type mismatch\n                <Button\n                  v2\n                  size=\"md\"\n                  priority=\"secondary\"\n                  href={actionSecondary.href}\n                  tabIndex={resolvedExpanded ? undefined : -1}\n                  onClick={actionSecondary?.onClick}\n                >\n                  {actionSecondary.label}\n                </Button>\n              )}\n              {action && (\n                // @ts-expect-error onClick type mismatch\n                <Button\n                  v2\n                  size=\"md\"\n                  priority=\"primary\"\n                  href={action.href}\n                  tabIndex={resolvedExpanded ? undefined : -1}\n                  onClick={action.onClick}\n                >\n                  {action.label}\n                </Button>\n              )}\n            </div>\n          ) : undefined\n        }\n        role=\"region\"\n        aria-labelledby={ariaLabelledByIds}\n        aria-describedby={descId}\n      >\n        <div className=\"wds-critical-banner__text-wrapper\">\n          {title && (\n            <Body\n              id={titleId}\n              type={Typography.BODY_LARGE_BOLD}\n              className=\"wds-critical-banner__content wds-critical-banner__title\"\n            >\n              {title}\n            </Body>\n          )}\n          {description && (\n            <Body\n              id={descId}\n              className={clsx('wds-critical-banner__content', 'wds-critical-banner__description', {\n                'wds-critical-banner__description--with-title': !!title,\n              })}\n            >\n              {description}\n            </Body>\n          )}\n        </div>\n        <ExpanderToggle\n          expanded={resolvedExpanded}\n          size={24}\n          className=\"wds-critical-banner__toggle\"\n          onToggle={handleToggle}\n        />\n      </PrimitivePrompt>\n    </LiveRegion>\n  );\n};\n\nexport default CriticalBanner;\n"],"names":["CriticalBanner","sentiment","title","description","media","action","actionSecondary","expanded","expandedProp","onToggle","id","className","testId","containerRef","isDesktop","useContainerSize","Breakpoint","MEDIUM","internalExpanded","setInternalExpanded","useState","undefined","resolvedExpanded","handleToggle","hasActions","mediaId","useId","titleId","descId","ariaLabelledByIds","filter","Boolean","join","_jsx","LiveRegion","announceOnChange","buildAnnouncementString","actionLabel","label","actionSecondaryLabel","children","_jsxs","PrimitivePrompt","ref","emphasis","clsx","renderPromptMedia","imgClassName","actions","style","display","Button","v2","size","priority","href","tabIndex","onClick","role","Body","type","Typography","BODY_LARGE_BOLD","ExpanderToggle"],"mappings":"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"}

package/build/prompt/CriticalBanner/CriticalBanner.mjs

@@ -1,140 +0,0 @@
-import { useState, useId } from 'react';
-import { clsx } from 'clsx';
-import Body from '../../body/Body.mjs';
-import Button from '../../button/Button.resolver.mjs';
-import '../../common/theme.mjs';
-import '../../common/direction.mjs';
-import '../../common/propsValues/control.mjs';
-import { Breakpoint } from '../../common/propsValues/breakpoint.mjs';
-import '../../common/propsValues/size.mjs';
-import { Typography } from '../../common/propsValues/typography.mjs';
-import '../../common/propsValues/width.mjs';
-import '../../common/propsValues/type.mjs';
-import '../../common/propsValues/dateMode.mjs';
-import '../../common/propsValues/monthFormat.mjs';
-import '../../common/propsValues/position.mjs';
-import '../../common/propsValues/layouts.mjs';
-import '../../common/propsValues/status.mjs';
-import '../../common/propsValues/sentiment.mjs';
-import '../../common/propsValues/profileType.mjs';
-import '../../common/propsValues/variant.mjs';
-import '../../common/propsValues/scroll.mjs';
-import '../../common/propsValues/markdownNodeType.mjs';
-import '../../common/fileType.mjs';
-import '@transferwise/formatting';
-import '@transferwise/icons';
-import 'react-intl';
-import '../../common/closeButton/CloseButton.messages.mjs';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { LiveRegion } from '../../common/liveRegion/LiveRegion.mjs';
-import { PrimitivePrompt } from '../PrimitivePrompt/PrimitivePrompt.mjs';
-import { renderPromptMedia } from '../helpers/promptMedia.mjs';
-import { ExpanderToggle } from '../common/Expander/Expander.mjs';
-import { buildAnnouncementString } from './helpers.mjs';
-import { useContainerSize } from '../../common/hooks/useContainerSize.mjs';
-
-const CriticalBanner = ({
-  sentiment = 'negative',
-  title,
-  description,
-  media = {},
-  action,
-  actionSecondary,
-  expanded: expandedProp,
-  onToggle,
-  id,
-  className,
-  'data-testid': testId
-}) => {
-  const [containerRef, isDesktop] = useContainerSize(Breakpoint.MEDIUM);
-  const [internalExpanded, setInternalExpanded] = useState(isDesktop ? true : onToggle && expandedProp !== undefined ? expandedProp : true);
-  const resolvedExpanded = isDesktop ? true : expandedProp ?? internalExpanded;
-  const handleToggle = onToggle ?? (() => setInternalExpanded(!internalExpanded));
-  const hasActions = action ?? actionSecondary;
-  const mediaId = useId();
-  const titleId = useId();
-  const descId = useId();
-  const ariaLabelledByIds = [media['aria-hidden'] ? undefined : mediaId, !title ? undefined : titleId].filter(Boolean).join(' ');
-  return /*#__PURE__*/jsx(LiveRegion, {
-    "aria-live": "assertive",
-    announceOnChange: buildAnnouncementString({
-      title,
-      description,
-      expanded: resolvedExpanded,
-      actionLabel: action?.label,
-      actionSecondaryLabel: actionSecondary?.label
-    }),
-    children: /*#__PURE__*/jsxs(PrimitivePrompt, {
-      ref: containerRef,
-      id: id,
-      sentiment: sentiment,
-      emphasis: sentiment === 'neutral' ? 'base' : 'elevated',
-      "data-testid": testId,
-      className: clsx('wds-critical-banner', {
-        'wds-critical-banner--collapsed': !resolvedExpanded,
-        'wds-critical-banner--with-two-actions': !!actionSecondary
-      }, className),
-      media: renderPromptMedia({
-        media,
-        sentiment,
-        mediaId,
-        imgClassName: 'wds-critical-banner--media-image'
-      }),
-      actions: hasActions ? /*#__PURE__*/jsxs("div", {
-        "aria-hidden": !resolvedExpanded ? true : undefined,
-        style: {
-          display: 'contents'
-        },
-        children: [actionSecondary &&
-        /*#__PURE__*/
-        // @ts-expect-error onClick type mismatch
-        jsx(Button, {
-          v2: true,
-          size: "md",
-          priority: "secondary",
-          href: actionSecondary.href,
-          tabIndex: resolvedExpanded ? undefined : -1,
-          onClick: actionSecondary?.onClick,
-          children: actionSecondary.label
-        }), action &&
-        /*#__PURE__*/
-        // @ts-expect-error onClick type mismatch
-        jsx(Button, {
-          v2: true,
-          size: "md",
-          priority: "primary",
-          href: action.href,
-          tabIndex: resolvedExpanded ? undefined : -1,
-          onClick: action.onClick,
-          children: action.label
-        })]
-      }) : undefined,
-      role: "region",
-      "aria-labelledby": ariaLabelledByIds,
-      "aria-describedby": descId,
-      children: [/*#__PURE__*/jsxs("div", {
-        className: "wds-critical-banner__text-wrapper",
-        children: [title && /*#__PURE__*/jsx(Body, {
-          id: titleId,
-          type: Typography.BODY_LARGE_BOLD,
-          className: "wds-critical-banner__content wds-critical-banner__title",
-          children: title
-        }), description && /*#__PURE__*/jsx(Body, {
-          id: descId,
-          className: clsx('wds-critical-banner__content', 'wds-critical-banner__description', {
-            'wds-critical-banner__description--with-title': !!title
-          }),
-          children: description
-        })]
-      }), /*#__PURE__*/jsx(ExpanderToggle, {
-        expanded: resolvedExpanded,
-        size: 24,
-        className: "wds-critical-banner__toggle",
-        onToggle: handleToggle
-      })]
-    })
-  });
-};
-
-export { CriticalBanner };
-//# sourceMappingURL=CriticalBanner.mjs.map

package/build/prompt/CriticalBanner/CriticalBanner.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CriticalBanner.mjs","sources":["../../../src/prompt/CriticalBanner/CriticalBanner.tsx"],"sourcesContent":["import { ReactNode, useEffect, useId, useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport Body from '../../body';\nimport Button from '../../button';\nimport { Breakpoint, LiveRegion, Typography } from '../../common';\nimport { ButtonProps } from '../../button/Button.types';\nimport { PrimitivePrompt, PrimitivePromptProps } from '../PrimitivePrompt';\n\nimport { renderPromptMedia, PromptMedia } from '../helpers/promptMedia';\nimport { ExpanderToggle } from '../common/Expander/Expander';\nimport { buildAnnouncementString } from './helpers';\nimport { useContainerSize } from '../../common/hooks/useContainerSize';\n\nexport type CriticalBannerProps = {\n  title?: ReactNode;\n  description: ReactNode;\n  media?: PromptMedia;\n  action?: Pick<ButtonProps, 'onClick' | 'href' | 'target'> & {\n    label: ButtonProps['children'];\n  };\n  actionSecondary?: Pick<ButtonProps, 'onClick' | 'href' | 'target'> & {\n    label: ButtonProps['children'];\n  };\n  sentiment?: Exclude<PrimitivePromptProps['sentiment'], 'proposition'>;\n  /**\n   * Controls whether the description and actions are visible, as a controlled component.\n   * When collapsed with a title, only the title is shown.\n   * When collapsed without a title, the description is trimmed to 2 lines.\n   *\n   * Note: On desktop (container width >= 768px), the banner is always expanded\n   * regardless of this prop value.\n   */\n  expanded?: boolean;\n  /**\n   * Called when the user clicks the chevron toggle.\n   * If not provided, the component will manage expanded state internally.\n   */\n  onToggle?: () => void;\n} & Pick<PrimitivePromptProps, 'id' | 'className' | 'data-testid'>;\n\n/**\n * A full-width, non-dismissible banner for critical messages such as account blocks or\n * time-sensitive actions that require immediate user attention.\n\n * @see {@link https://wise.design/components/critical-banner Design Spec}\n */\nexport const CriticalBanner = ({\n  sentiment = 'negative',\n  title,\n  description,\n  media = {},\n  action,\n  actionSecondary,\n  expanded: expandedProp,\n  onToggle,\n  id,\n  className,\n  'data-testid': testId,\n}: CriticalBannerProps) => {\n  const [containerRef, isDesktop] = useContainerSize(Breakpoint.MEDIUM);\n  const [internalExpanded, setInternalExpanded] = useState(\n    isDesktop ? true : onToggle && expandedProp !== undefined ? expandedProp : true,\n  );\n  const resolvedExpanded = isDesktop ? true : (expandedProp ?? internalExpanded);\n  const handleToggle = onToggle ?? (() => setInternalExpanded(!internalExpanded));\n  const hasActions = action ?? actionSecondary;\n  const mediaId = useId();\n  const titleId = useId();\n  const descId = useId();\n\n  const ariaLabelledByIds = [\n    media['aria-hidden'] ? undefined : mediaId,\n    !title ? undefined : titleId,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <LiveRegion\n      aria-live=\"assertive\"\n      announceOnChange={buildAnnouncementString({\n        title,\n        description,\n        expanded: resolvedExpanded,\n        actionLabel: action?.label,\n        actionSecondaryLabel: actionSecondary?.label,\n      })}\n    >\n      <PrimitivePrompt\n        ref={containerRef}\n        id={id}\n        sentiment={sentiment}\n        emphasis={sentiment === 'neutral' ? 'base' : 'elevated'}\n        data-testid={testId}\n        className={clsx(\n          'wds-critical-banner',\n          {\n            'wds-critical-banner--collapsed': !resolvedExpanded,\n            'wds-critical-banner--with-two-actions': !!actionSecondary,\n          },\n          className,\n        )}\n        media={renderPromptMedia({\n          media,\n          sentiment,\n          mediaId,\n          imgClassName: 'wds-critical-banner--media-image',\n        })}\n        actions={\n          hasActions ? (\n            <div aria-hidden={!resolvedExpanded ? true : undefined} style={{ display: 'contents' }}>\n              {actionSecondary && (\n                // @ts-expect-error onClick type mismatch\n                <Button\n                  v2\n                  size=\"md\"\n                  priority=\"secondary\"\n                  href={actionSecondary.href}\n                  tabIndex={resolvedExpanded ? undefined : -1}\n                  onClick={actionSecondary?.onClick}\n                >\n                  {actionSecondary.label}\n                </Button>\n              )}\n              {action && (\n                // @ts-expect-error onClick type mismatch\n                <Button\n                  v2\n                  size=\"md\"\n                  priority=\"primary\"\n                  href={action.href}\n                  tabIndex={resolvedExpanded ? undefined : -1}\n                  onClick={action.onClick}\n                >\n                  {action.label}\n                </Button>\n              )}\n            </div>\n          ) : undefined\n        }\n        role=\"region\"\n        aria-labelledby={ariaLabelledByIds}\n        aria-describedby={descId}\n      >\n        <div className=\"wds-critical-banner__text-wrapper\">\n          {title && (\n            <Body\n              id={titleId}\n              type={Typography.BODY_LARGE_BOLD}\n              className=\"wds-critical-banner__content wds-critical-banner__title\"\n            >\n              {title}\n            </Body>\n          )}\n          {description && (\n            <Body\n              id={descId}\n              className={clsx('wds-critical-banner__content', 'wds-critical-banner__description', {\n                'wds-critical-banner__description--with-title': !!title,\n              })}\n            >\n              {description}\n            </Body>\n          )}\n        </div>\n        <ExpanderToggle\n          expanded={resolvedExpanded}\n          size={24}\n          className=\"wds-critical-banner__toggle\"\n          onToggle={handleToggle}\n        />\n      </PrimitivePrompt>\n    </LiveRegion>\n  );\n};\n\nexport default CriticalBanner;\n"],"names":["CriticalBanner","sentiment","title","description","media","action","actionSecondary","expanded","expandedProp","onToggle","id","className","testId","containerRef","isDesktop","useContainerSize","Breakpoint","MEDIUM","internalExpanded","setInternalExpanded","useState","undefined","resolvedExpanded","handleToggle","hasActions","mediaId","useId","titleId","descId","ariaLabelledByIds","filter","Boolean","join","_jsx","LiveRegion","announceOnChange","buildAnnouncementString","actionLabel","label","actionSecondaryLabel","children","_jsxs","PrimitivePrompt","ref","emphasis","clsx","renderPromptMedia","imgClassName","actions","style","display","Button","v2","size","priority","href","tabIndex","onClick","role","Body","type","Typography","BODY_LARGE_BOLD","ExpanderToggle"],"mappings":"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"}

package/build/prompt/CriticalBanner/helpers.js

@@ -1,29 +0,0 @@
-'use strict';
-
-/**
- * Helper to extract string from ReactNode for announcements.
- * Complex ReactNodes (JSX elements) return empty string.
- */
-const getStringValue = node => {
-  if (typeof node === 'string' || typeof node === 'number') {
-    return String(node);
-  }
-  return '';
-};
-/**
- * Builds the announcement string from visible content only.
- * Content visibility depends on expanded state and presence of title.
- */
-const buildAnnouncementString = ({
-  title,
-  description,
-  expanded,
-  actionLabel,
-  actionSecondaryLabel
-}) => {
-  return [title ? getStringValue(title) : undefined, description && (expanded || !title) ? getStringValue(description) : undefined, expanded && actionLabel ? getStringValue(actionLabel) : undefined, expanded && actionSecondaryLabel ? getStringValue(actionSecondaryLabel) : undefined].filter(Boolean).join('|');
-};
-
-exports.buildAnnouncementString = buildAnnouncementString;
-exports.getStringValue = getStringValue;
-//# sourceMappingURL=helpers.js.map

package/build/prompt/CriticalBanner/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sources":["../../../src/prompt/CriticalBanner/helpers.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\n/**\n * Helper to extract string from ReactNode for announcements.\n * Complex ReactNodes (JSX elements) return empty string.\n */\nexport const getStringValue = (node: ReactNode): string => {\n  if (typeof node === 'string' || typeof node === 'number') {\n    return String(node);\n  }\n  return '';\n};\n\n/**\n * Builds the announcement string from visible content only.\n * Content visibility depends on expanded state and presence of title.\n */\nexport const buildAnnouncementString = ({\n  title,\n  description,\n  expanded,\n  actionLabel,\n  actionSecondaryLabel,\n}: {\n  title?: ReactNode;\n  description?: ReactNode;\n  expanded: boolean;\n  actionLabel?: ReactNode;\n  actionSecondaryLabel?: ReactNode;\n}): string => {\n  return [\n    title ? getStringValue(title) : undefined,\n    description && (expanded || !title) ? getStringValue(description) : undefined,\n    expanded && actionLabel ? getStringValue(actionLabel) : undefined,\n    expanded && actionSecondaryLabel ? getStringValue(actionSecondaryLabel) : undefined,\n  ]\n    .filter(Boolean)\n    .join('|');\n};\n"],"names":["getStringValue","node","String","buildAnnouncementString","title","description","expanded","actionLabel","actionSecondaryLabel","undefined","filter","Boolean","join"],"mappings":";;AAEA;;;AAGG;AACI,MAAMA,cAAc,GAAIC,IAAe,IAAY;EACxD,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IACxD,OAAOC,MAAM,CAACD,IAAI,CAAC;AACrB,EAAA;AACA,EAAA,OAAO,EAAE;AACX;AAEA;;;AAGG;AACI,MAAME,uBAAuB,GAAGA,CAAC;EACtCC,KAAK;EACLC,WAAW;EACXC,QAAQ;EACRC,WAAW;AACXC,EAAAA;AAAoB,CAOrB,KAAY;EACX,OAAO,CACLJ,KAAK,GAAGJ,cAAc,CAACI,KAAK,CAAC,GAAGK,SAAS,EACzCJ,WAAW,KAAKC,QAAQ,IAAI,CAACF,KAAK,CAAC,GAAGJ,cAAc,CAACK,WAAW,CAAC,GAAGI,SAAS,EAC7EH,QAAQ,IAAIC,WAAW,GAAGP,cAAc,CAACO,WAAW,CAAC,GAAGE,SAAS,EACjEH,QAAQ,IAAIE,oBAAoB,GAAGR,cAAc,CAACQ,oBAAoB,CAAC,GAAGC,SAAS,CACpF,CACEC,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,GAAG,CAAC;AACd;;;;;"}

package/build/prompt/CriticalBanner/helpers.mjs

@@ -1,26 +0,0 @@
-/**
- * Helper to extract string from ReactNode for announcements.
- * Complex ReactNodes (JSX elements) return empty string.
- */
-const getStringValue = node => {
-  if (typeof node === 'string' || typeof node === 'number') {
-    return String(node);
-  }
-  return '';
-};
-/**
- * Builds the announcement string from visible content only.
- * Content visibility depends on expanded state and presence of title.
- */
-const buildAnnouncementString = ({
-  title,
-  description,
-  expanded,
-  actionLabel,
-  actionSecondaryLabel
-}) => {
-  return [title ? getStringValue(title) : undefined, description && (expanded || !title) ? getStringValue(description) : undefined, expanded && actionLabel ? getStringValue(actionLabel) : undefined, expanded && actionSecondaryLabel ? getStringValue(actionSecondaryLabel) : undefined].filter(Boolean).join('|');
-};
-
-export { buildAnnouncementString, getStringValue };
-//# sourceMappingURL=helpers.mjs.map

package/build/prompt/CriticalBanner/helpers.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.mjs","sources":["../../../src/prompt/CriticalBanner/helpers.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\n/**\n * Helper to extract string from ReactNode for announcements.\n * Complex ReactNodes (JSX elements) return empty string.\n */\nexport const getStringValue = (node: ReactNode): string => {\n  if (typeof node === 'string' || typeof node === 'number') {\n    return String(node);\n  }\n  return '';\n};\n\n/**\n * Builds the announcement string from visible content only.\n * Content visibility depends on expanded state and presence of title.\n */\nexport const buildAnnouncementString = ({\n  title,\n  description,\n  expanded,\n  actionLabel,\n  actionSecondaryLabel,\n}: {\n  title?: ReactNode;\n  description?: ReactNode;\n  expanded: boolean;\n  actionLabel?: ReactNode;\n  actionSecondaryLabel?: ReactNode;\n}): string => {\n  return [\n    title ? getStringValue(title) : undefined,\n    description && (expanded || !title) ? getStringValue(description) : undefined,\n    expanded && actionLabel ? getStringValue(actionLabel) : undefined,\n    expanded && actionSecondaryLabel ? getStringValue(actionSecondaryLabel) : undefined,\n  ]\n    .filter(Boolean)\n    .join('|');\n};\n"],"names":["getStringValue","node","String","buildAnnouncementString","title","description","expanded","actionLabel","actionSecondaryLabel","undefined","filter","Boolean","join"],"mappings":"AAEA;;;AAGG;AACI,MAAMA,cAAc,GAAIC,IAAe,IAAY;EACxD,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IACxD,OAAOC,MAAM,CAACD,IAAI,CAAC;AACrB,EAAA;AACA,EAAA,OAAO,EAAE;AACX;AAEA;;;AAGG;AACI,MAAME,uBAAuB,GAAGA,CAAC;EACtCC,KAAK;EACLC,WAAW;EACXC,QAAQ;EACRC,WAAW;AACXC,EAAAA;AAAoB,CAOrB,KAAY;EACX,OAAO,CACLJ,KAAK,GAAGJ,cAAc,CAACI,KAAK,CAAC,GAAGK,SAAS,EACzCJ,WAAW,KAAKC,QAAQ,IAAI,CAACF,KAAK,CAAC,GAAGJ,cAAc,CAACK,WAAW,CAAC,GAAGI,SAAS,EAC7EH,QAAQ,IAAIC,WAAW,GAAGP,cAAc,CAACO,WAAW,CAAC,GAAGE,SAAS,EACjEH,QAAQ,IAAIE,oBAAoB,GAAGR,cAAc,CAACQ,oBAAoB,CAAC,GAAGC,SAAS,CACpF,CACEC,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,GAAG,CAAC;AACd;;;;"}

package/build/prompt/common/Expander/Expander.js

@@ -1,35 +0,0 @@
-'use strict';
-
-require('react');
-var clsx = require('clsx');
-var icons = require('@transferwise/icons');
-var IconButton = require('../../../iconButton/IconButton.js');
-var reactIntl = require('react-intl');
-var Expander_messages = require('./Expander.messages.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-// Reusable toggle button component
-const ExpanderToggle = ({
-  expanded,
-  onToggle,
-  size = 24,
-  className,
-  'data-testid': testId
-}) => {
-  const intl = reactIntl.useIntl();
-  return /*#__PURE__*/jsxRuntime.jsx(IconButton.default, {
-    size: size,
-    priority: "secondary",
-    "aria-label": intl.formatMessage(expanded ? Expander_messages.default.collapseAriaLabel : Expander_messages.default.expandAriaLabel),
-    "aria-expanded": expanded,
-    className: clsx.clsx('wds-expander-toggle', {
-      'wds-expander-toggle--collapsed': !expanded
-    }, className),
-    "data-testid": testId,
-    onClick: onToggle,
-    children: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronUp, {})
-  });
-};
-
-exports.ExpanderToggle = ExpanderToggle;
-//# sourceMappingURL=Expander.js.map

package/build/prompt/common/Expander/Expander.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Expander.js","sources":["../../../../src/prompt/common/Expander/Expander.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { clsx } from 'clsx';\nimport { ChevronUp } from '@transferwise/icons';\nimport IconButton from '../../../iconButton';\nimport { useIntl } from 'react-intl';\nimport messages from './Expander.messages';\n\nexport type ExpanderState = {\n  expanded: boolean;\n  toggle: () => void;\n  setExpanded: (expanded: boolean) => void;\n};\n\n// Hook for managing expander state\nexport function useExpanderState(initialExpanded = true): ExpanderState {\n  const [expanded, setExpanded] = useState(initialExpanded);\n\n  const toggle = useCallback(() => {\n    setExpanded((prev) => !prev);\n  }, []);\n\n  return {\n    expanded,\n    toggle,\n    setExpanded,\n  };\n}\n\n// Helper for conditional rendering based on expanded state\nexport function shouldShowWhenExpanded({\n  expanded,\n  hasContent,\n  alwaysShow = false,\n}: {\n  expanded: boolean;\n  hasContent: boolean;\n  alwaysShow?: boolean;\n}): boolean {\n  if (alwaysShow) {\n    return hasContent;\n  }\n\n  return expanded && hasContent;\n}\n\nexport type ExpanderToggleProps = {\n  expanded: boolean;\n  onToggle?: () => void;\n  size?: 16 | 24 | 32 | 40 | 48 | 56 | 72;\n  className?: string;\n  'data-testid'?: string;\n};\n\n// Reusable toggle button component\nexport const ExpanderToggle = ({\n  expanded,\n  onToggle,\n  size = 24,\n  className,\n  'data-testid': testId,\n}: ExpanderToggleProps) => {\n  const intl = useIntl();\n\n  return (\n    <IconButton\n      size={size}\n      priority=\"secondary\"\n      aria-label={intl.formatMessage(\n        expanded ? messages.collapseAriaLabel : messages.expandAriaLabel,\n      )}\n      aria-expanded={expanded}\n      className={clsx(\n        'wds-expander-toggle',\n        { 'wds-expander-toggle--collapsed': !expanded },\n        className,\n      )}\n      data-testid={testId}\n      onClick={onToggle}\n    >\n      <ChevronUp />\n    </IconButton>\n  );\n};\n"],"names":["ExpanderToggle","expanded","onToggle","size","className","testId","intl","useIntl","_jsx","IconButton","priority","formatMessage","messages","collapseAriaLabel","expandAriaLabel","clsx","onClick","children","ChevronUp"],"mappings":";;;;;;;;;;AAqDA;AACO,MAAMA,cAAc,GAAGA,CAAC;EAC7BC,QAAQ;EACRC,QAAQ;AACRC,EAAAA,IAAI,GAAG,EAAE;EACTC,SAAS;AACT,EAAA,aAAa,EAAEC;AAAM,CACD,KAAI;AACxB,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE;EAEtB,oBACEC,cAAA,CAACC,kBAAU,EAAA;AACTN,IAAAA,IAAI,EAAEA,IAAK;AACXO,IAAAA,QAAQ,EAAC,WAAW;AACpB,IAAA,YAAA,EAAYJ,IAAI,CAACK,aAAa,CAC5BV,QAAQ,GAAGW,yBAAQ,CAACC,iBAAiB,GAAGD,yBAAQ,CAACE,eAAe,CAChE;AACF,IAAA,eAAA,EAAeb,QAAS;AACxBG,IAAAA,SAAS,EAAEW,SAAI,CACb,qBAAqB,EACrB;AAAE,MAAA,gCAAgC,EAAE,CAACd;KAAU,EAC/CG,SAAS,CACT;AACF,IAAA,aAAA,EAAaC,MAAO;AACpBW,IAAAA,OAAO,EAAEd,QAAS;AAAAe,IAAAA,QAAA,eAElBT,cAAA,CAACU,eAAS,EAAA,EAAA;AACZ,GAAY,CAAC;AAEjB;;;;"}

package/build/prompt/common/Expander/Expander.messages.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactIntl = require('react-intl');
-
-var messages = reactIntl.defineMessages({
-  expandAriaLabel: {
-    id: "neptune.Expander.expandAriaLabel"
-  },
-  collapseAriaLabel: {
-    id: "neptune.Expander.collapseAriaLabel"
-  }
-});
-
-exports.default = messages;
-//# sourceMappingURL=Expander.messages.js.map

package/build/prompt/common/Expander/Expander.messages.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Expander.messages.js","sources":["../../../../src/prompt/common/Expander/Expander.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  expandAriaLabel: {\n    id: 'neptune.Expander.expandAriaLabel',\n    defaultMessage: 'Expand',\n    description: 'Expand button for expander',\n  },\n  collapseAriaLabel: {\n    id: 'neptune.Expander.collapseAriaLabel',\n    defaultMessage: 'Collapse',\n    description: 'Collapse button for expander',\n  },\n});\n"],"names":["defineMessages","expandAriaLabel","id","collapseAriaLabel"],"mappings":";;;;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,eAAe,EAAE;IACfC,EAAE,EAAA;GAGH;AACDC,EAAAA,iBAAiB,EAAE;IACjBD,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;;;"}

package/build/prompt/common/Expander/Expander.messages.mjs

@@ -1,13 +0,0 @@
-import { defineMessages } from 'react-intl';
-
-var messages = defineMessages({
-  expandAriaLabel: {
-    id: "neptune.Expander.expandAriaLabel"
-  },
-  collapseAriaLabel: {
-    id: "neptune.Expander.collapseAriaLabel"
-  }
-});
-
-export { messages as default };
-//# sourceMappingURL=Expander.messages.mjs.map

package/build/prompt/common/Expander/Expander.messages.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Expander.messages.mjs","sources":["../../../../src/prompt/common/Expander/Expander.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  expandAriaLabel: {\n    id: 'neptune.Expander.expandAriaLabel',\n    defaultMessage: 'Expand',\n    description: 'Expand button for expander',\n  },\n  collapseAriaLabel: {\n    id: 'neptune.Expander.collapseAriaLabel',\n    defaultMessage: 'Collapse',\n    description: 'Collapse button for expander',\n  },\n});\n"],"names":["defineMessages","expandAriaLabel","id","collapseAriaLabel"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,eAAe,EAAE;IACfC,EAAE,EAAA;GAGH;AACDC,EAAAA,iBAAiB,EAAE;IACjBD,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;;;"}

package/build/prompt/common/Expander/Expander.mjs

@@ -1,33 +0,0 @@
-import 'react';
-import { clsx } from 'clsx';
-import { ChevronUp } from '@transferwise/icons';
-import IconButton from '../../../iconButton/IconButton.mjs';
-import { useIntl } from 'react-intl';
-import messages from './Expander.messages.mjs';
-import { jsx } from 'react/jsx-runtime';
-
-// Reusable toggle button component
-const ExpanderToggle = ({
-  expanded,
-  onToggle,
-  size = 24,
-  className,
-  'data-testid': testId
-}) => {
-  const intl = useIntl();
-  return /*#__PURE__*/jsx(IconButton, {
-    size: size,
-    priority: "secondary",
-    "aria-label": intl.formatMessage(expanded ? messages.collapseAriaLabel : messages.expandAriaLabel),
-    "aria-expanded": expanded,
-    className: clsx('wds-expander-toggle', {
-      'wds-expander-toggle--collapsed': !expanded
-    }, className),
-    "data-testid": testId,
-    onClick: onToggle,
-    children: /*#__PURE__*/jsx(ChevronUp, {})
-  });
-};
-
-export { ExpanderToggle };
-//# sourceMappingURL=Expander.mjs.map

package/build/prompt/common/Expander/Expander.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Expander.mjs","sources":["../../../../src/prompt/common/Expander/Expander.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { clsx } from 'clsx';\nimport { ChevronUp } from '@transferwise/icons';\nimport IconButton from '../../../iconButton';\nimport { useIntl } from 'react-intl';\nimport messages from './Expander.messages';\n\nexport type ExpanderState = {\n  expanded: boolean;\n  toggle: () => void;\n  setExpanded: (expanded: boolean) => void;\n};\n\n// Hook for managing expander state\nexport function useExpanderState(initialExpanded = true): ExpanderState {\n  const [expanded, setExpanded] = useState(initialExpanded);\n\n  const toggle = useCallback(() => {\n    setExpanded((prev) => !prev);\n  }, []);\n\n  return {\n    expanded,\n    toggle,\n    setExpanded,\n  };\n}\n\n// Helper for conditional rendering based on expanded state\nexport function shouldShowWhenExpanded({\n  expanded,\n  hasContent,\n  alwaysShow = false,\n}: {\n  expanded: boolean;\n  hasContent: boolean;\n  alwaysShow?: boolean;\n}): boolean {\n  if (alwaysShow) {\n    return hasContent;\n  }\n\n  return expanded && hasContent;\n}\n\nexport type ExpanderToggleProps = {\n  expanded: boolean;\n  onToggle?: () => void;\n  size?: 16 | 24 | 32 | 40 | 48 | 56 | 72;\n  className?: string;\n  'data-testid'?: string;\n};\n\n// Reusable toggle button component\nexport const ExpanderToggle = ({\n  expanded,\n  onToggle,\n  size = 24,\n  className,\n  'data-testid': testId,\n}: ExpanderToggleProps) => {\n  const intl = useIntl();\n\n  return (\n    <IconButton\n      size={size}\n      priority=\"secondary\"\n      aria-label={intl.formatMessage(\n        expanded ? messages.collapseAriaLabel : messages.expandAriaLabel,\n      )}\n      aria-expanded={expanded}\n      className={clsx(\n        'wds-expander-toggle',\n        { 'wds-expander-toggle--collapsed': !expanded },\n        className,\n      )}\n      data-testid={testId}\n      onClick={onToggle}\n    >\n      <ChevronUp />\n    </IconButton>\n  );\n};\n"],"names":["ExpanderToggle","expanded","onToggle","size","className","testId","intl","useIntl","_jsx","IconButton","priority","formatMessage","messages","collapseAriaLabel","expandAriaLabel","clsx","onClick","children","ChevronUp"],"mappings":";;;;;;;;AAqDA;AACO,MAAMA,cAAc,GAAGA,CAAC;EAC7BC,QAAQ;EACRC,QAAQ;AACRC,EAAAA,IAAI,GAAG,EAAE;EACTC,SAAS;AACT,EAAA,aAAa,EAAEC;AAAM,CACD,KAAI;AACxB,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE;EAEtB,oBACEC,GAAA,CAACC,UAAU,EAAA;AACTN,IAAAA,IAAI,EAAEA,IAAK;AACXO,IAAAA,QAAQ,EAAC,WAAW;AACpB,IAAA,YAAA,EAAYJ,IAAI,CAACK,aAAa,CAC5BV,QAAQ,GAAGW,QAAQ,CAACC,iBAAiB,GAAGD,QAAQ,CAACE,eAAe,CAChE;AACF,IAAA,eAAA,EAAeb,QAAS;AACxBG,IAAAA,SAAS,EAAEW,IAAI,CACb,qBAAqB,EACrB;AAAE,MAAA,gCAAgC,EAAE,CAACd;KAAU,EAC/CG,SAAS,CACT;AACF,IAAA,aAAA,EAAaC,MAAO;AACpBW,IAAAA,OAAO,EAAEd,QAAS;AAAAe,IAAAA,QAAA,eAElBT,GAAA,CAACU,SAAS,EAAA,EAAA;AACZ,GAAY,CAAC;AAEjB;;;;"}

package/build/prompt/helpers/promptMedia.js

@@ -1,52 +0,0 @@
-'use strict';
-
-var icons = require('@transferwise/icons');
-var AvatarView = require('../../avatarView/AvatarView.js');
-var Image = require('../../image/Image.js');
-var StatusIcon = require('../../statusIcon/StatusIcon.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function renderPromptMedia({
-  media,
-  sentiment,
-  mediaId,
-  imgClassName
-}) {
-  if (media?.imgSrc) {
-    return /*#__PURE__*/jsxRuntime.jsx(Image.default, {
-      id: mediaId,
-      src: media.imgSrc,
-      className: imgClassName,
-      alt: media['aria-label'] ?? ''
-    });
-  }
-  if (media?.avatar) {
-    const badge = media.avatar.badge ? media.avatar.badge : sentiment === 'proposition' ? {} : {
-      status: sentiment
-    };
-    return /*#__PURE__*/jsxRuntime.jsx(AvatarView.default, {
-      ...media.avatar,
-      badge: badge,
-      "aria-label": media['aria-label'],
-      "aria-hidden": media['aria-hidden'],
-      id: mediaId,
-      size: 48,
-      children: media.avatar.asset
-    });
-  }
-  return sentiment === 'proposition' ? /*#__PURE__*/jsxRuntime.jsx(AvatarView.default, {
-    id: mediaId,
-    size: 48,
-    "aria-label": media['aria-label'],
-    "aria-hidden": media['aria-hidden'],
-    children: /*#__PURE__*/jsxRuntime.jsx(icons.GiftBox, {})
-  }) : /*#__PURE__*/jsxRuntime.jsx(StatusIcon.default, {
-    id: mediaId,
-    size: 48,
-    sentiment: sentiment,
-    iconLabel: media['aria-hidden'] ? null : media['aria-label']
-  });
-}
-
-exports.renderPromptMedia = renderPromptMedia;
-//# sourceMappingURL=promptMedia.js.map

package/build/prompt/helpers/promptMedia.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"promptMedia.js","sources":["../../../src/prompt/helpers/promptMedia.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { GiftBox } from '@transferwise/icons';\n\nimport AvatarView, { AvatarViewProps } from '../../avatarView';\nimport Image from '../../image';\nimport StatusIcon from '../../statusIcon';\nimport { BadgeAssetsProps } from '../../badge';\nimport { PrimitivePromptProps } from '../PrimitivePrompt';\n\nexport type PromptMedia = {\n  imgSrc?: string;\n  avatar?: Pick<AvatarViewProps, 'imgSrc' | 'profileName' | 'profileType'> & {\n    asset?: AvatarViewProps['children'];\n    badge?: Pick<BadgeAssetsProps, 'flagCode'>;\n  };\n  'aria-label'?: string;\n  'aria-hidden'?: boolean;\n};\n\ntype RenderPromptMediaOptions = {\n  media: PromptMedia;\n  sentiment: PrimitivePromptProps['sentiment'];\n  mediaId: string;\n  imgClassName: string;\n};\n\nexport function renderPromptMedia({\n  media,\n  sentiment,\n  mediaId,\n  imgClassName,\n}: RenderPromptMediaOptions): ReactNode {\n  if (media?.imgSrc) {\n    return (\n      <Image\n        id={mediaId}\n        src={media.imgSrc}\n        className={imgClassName}\n        alt={media['aria-label'] ?? ''}\n      />\n    );\n  }\n  if (media?.avatar) {\n    const badge = media.avatar.badge\n      ? media.avatar.badge\n      : sentiment === 'proposition'\n        ? {}\n        : { status: sentiment };\n    return (\n      <AvatarView\n        {...media.avatar}\n        badge={badge}\n        aria-label={media['aria-label']}\n        aria-hidden={media['aria-hidden']}\n        id={mediaId}\n        size={48}\n      >\n        {media.avatar.asset}\n      </AvatarView>\n    );\n  }\n  return sentiment === 'proposition' ? (\n    <AvatarView\n      id={mediaId}\n      size={48}\n      aria-label={media['aria-label']}\n      aria-hidden={media['aria-hidden']}\n    >\n      <GiftBox />\n    </AvatarView>\n  ) : (\n    <StatusIcon\n      id={mediaId}\n      size={48}\n      sentiment={sentiment}\n      iconLabel={media['aria-hidden'] ? null : media['aria-label']}\n    />\n  );\n}\n"],"names":["renderPromptMedia","media","sentiment","mediaId","imgClassName","imgSrc","_jsx","Image","id","src","className","alt","avatar","badge","status","AvatarView","size","children","asset","GiftBox","StatusIcon","iconLabel"],"mappings":";;;;;;;;AA0BM,SAAUA,iBAAiBA,CAAC;EAChCC,KAAK;EACLC,SAAS;EACTC,OAAO;AACPC,EAAAA;AAAY,CACa,EAAA;EACzB,IAAIH,KAAK,EAAEI,MAAM,EAAE;IACjB,oBACEC,cAAA,CAACC,aAAK,EAAA;AACJC,MAAAA,EAAE,EAAEL,OAAQ;MACZM,GAAG,EAAER,KAAK,CAACI,MAAO;AAClBK,MAAAA,SAAS,EAAEN,YAAa;AACxBO,MAAAA,GAAG,EAAEV,KAAK,CAAC,YAAY,CAAC,IAAI;AAAG,KAAA,CAC/B;AAEN,EAAA;EACA,IAAIA,KAAK,EAAEW,MAAM,EAAE;IACjB,MAAMC,KAAK,GAAGZ,KAAK,CAACW,MAAM,CAACC,KAAK,GAC5BZ,KAAK,CAACW,MAAM,CAACC,KAAK,GAClBX,SAAS,KAAK,aAAa,GACzB,EAAE,GACF;AAAEY,MAAAA,MAAM,EAAEZ;KAAW;IAC3B,oBACEI,cAAA,CAACS,kBAAU,EAAA;MAAA,GACLd,KAAK,CAACW,MAAM;AAChBC,MAAAA,KAAK,EAAEA,KAAM;MACb,YAAA,EAAYZ,KAAK,CAAC,YAAY,CAAE;MAChC,aAAA,EAAaA,KAAK,CAAC,aAAa,CAAE;AAClCO,MAAAA,EAAE,EAAEL,OAAQ;AACZa,MAAAA,IAAI,EAAE,EAAG;AAAAC,MAAAA,QAAA,EAERhB,KAAK,CAACW,MAAM,CAACM;AAAK,KACT,CAAC;AAEjB,EAAA;AACA,EAAA,OAAOhB,SAAS,KAAK,aAAa,gBAChCI,cAAA,CAACS,kBAAU,EAAA;AACTP,IAAAA,EAAE,EAAEL,OAAQ;AACZa,IAAAA,IAAI,EAAE,EAAG;IACT,YAAA,EAAYf,KAAK,CAAC,YAAY,CAAE;IAChC,aAAA,EAAaA,KAAK,CAAC,aAAa,CAAE;AAAAgB,IAAAA,QAAA,eAElCX,cAAA,CAACa,aAAO,EAAA,EAAA;AACV,GAAY,CAAC,gBAEbb,cAAA,CAACc,kBAAU,EAAA;AACTZ,IAAAA,EAAE,EAAEL,OAAQ;AACZa,IAAAA,IAAI,EAAE,EAAG;AACTd,IAAAA,SAAS,EAAEA,SAAU;IACrBmB,SAAS,EAAEpB,KAAK,CAAC,aAAa,CAAC,GAAG,IAAI,GAAGA,KAAK,CAAC,YAAY;AAAE,GAAA,CAEhE;AACH;;;;"}