@transferwise/components 0.0.0-experimental-83c2313 → 0.0.0-experimental-c29cd95

package/build/Prompt/InlinePrompt/InlinePrompt.mjs

@@ -0,0 +1,88 @@
+import '../../common/theme.mjs';
+import '../../common/direction.mjs';
+import '@transferwise/neptune-tokens';
+import '../../common/PropsValues/control.mjs';
+import '../../common/PropsValues/size.mjs';
+import '../../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 { Sentiment } from '../../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 { BackslashCircle, GiftBox } from '@transferwise/icons';
+import { clsx } from 'clsx';
+import 'react';
+import 'react-intl';
+import '../../common/CloseButton/CloseButton.messages.mjs';
+import { jsx } from 'react/jsx-runtime';
+import ProcessIndicator from '../../ProcessIndicator/ProcessIndicator.mjs';
+import StatusIcon from '../../StatusIcon/StatusIcon.mjs';
+import Body from '../../Body/Body.mjs';
+import { PrimitivePrompt } from '../PrimitivePrompt/PrimitivePrompt.mjs';
+
+const InlinePrompt = ({
+  sentiment = Sentiment.POSITIVE,
+  muted = false,
+  loading = false,
+  className,
+  children,
+  media = null,
+  mediaLabel,
+  width = 'auto',
+  'data-testid': dataTestId,
+  ...restProps
+}) => {
+  const surfaceSentiment = sentiment === Sentiment.POSITIVE ? 'success' : sentiment;
+  const renderMedia = () => {
+    if (muted) {
+      return /*#__PURE__*/jsx(BackslashCircle, {
+        size: 16,
+        "data-testid": "InlinePrompt_Muted",
+        title: mediaLabel
+      });
+    }
+    if (loading) {
+      return /*#__PURE__*/jsx(ProcessIndicator, {
+        "data-testid": "InlinePrompt_ProcessIndicator",
+        size: "xxs",
+        className: "wds-inline-prompt-process-indicator"
+      });
+    }
+    if (sentiment === 'proposition') {
+      return media || /*#__PURE__*/jsx(GiftBox, {
+        title: mediaLabel
+      });
+    }
+    return media || /*#__PURE__*/jsx(StatusIcon, {
+      size: 16,
+      sentiment: sentiment,
+      iconLabel: mediaLabel
+    });
+  };
+  return /*#__PURE__*/jsx(PrimitivePrompt, {
+    sentiment: surfaceSentiment,
+    media: renderMedia(),
+    "data-testid": dataTestId,
+    className: clsx('wds-inline-prompt', {
+      'wds-inline-prompt--auto-width': width !== 'full',
+      'wds-inline-prompt--muted': muted,
+      'wds-inline-prompt--loading': loading
+    }, className),
+    ...restProps,
+    children: /*#__PURE__*/jsx(Body, {
+      children: children
+    })
+  });
+};
+
+export { InlinePrompt };
+//# sourceMappingURL=InlinePrompt.mjs.map

package/build/Prompt/InlinePrompt/InlinePrompt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlinePrompt.mjs","sources":["../../../src/Prompt/InlinePrompt/InlinePrompt.tsx"],"sourcesContent":["import { Sentiment } from '../../common';\nimport { BackslashCircle, GiftBox } from '@transferwise/icons';\nimport ProcessIndicator from '../../ProcessIndicator';\nimport StatusIcon from '../../StatusIcon';\nimport { clsx } from 'clsx';\nimport Body from '../../Body';\nimport { PrimitivePrompt } from '../PrimitivePrompt';\n\nexport type InlinePromptProps = {\n  /**\n   * The sentiment determines the colour scheme\n   * @default Sentiment.POSITIVE\n   */\n  sentiment?:\n    | `${Sentiment.POSITIVE | Sentiment.NEGATIVE | Sentiment.NEUTRAL | Sentiment.WARNING}`\n    | 'proposition';\n  /**\n   * Replaces the icon with a spinner while waiting for the short-lived action to finish.\n   * @default false\n   */\n  loading?: boolean;\n  /**\n   * While prompts cannot be fully (visually and functionally) disabled, this prop should be enabled\n   * they are associated with actually disabled component (e.g. a disabled list item or input).\n   * @default false\n   */\n  muted?: boolean;\n  /**\n   * Icon override for all sentiments. If the sentiment uses StatusIcon by default, it will be\n   * replaced by a plain icon.\n   */\n  media?: React.ReactNode;\n  /**\n   * Override for the sentiment's-derived, default, accessible name announced by the screen readers.\n   */\n  mediaLabel?: string;\n  /**\n   * Defines the sizing strategy of the prompt component - either hugging the content or taking full width of the container.\n   * @default auto\n   */\n  width?: 'auto' | 'full';\n  id?: string;\n  className?: string;\n  'data-testid'?: string;\n  children: React.ReactNode;\n};\n\n/**\n * Inline prompts appear alongside a specific component on the screen. They help the user stay\n * informed, fix something, or get more out of what they're doing. <br />\n *\n * **NB:** It should be used in favour of `InlineAlert` which will be soon deprecated.\n */\nexport const InlinePrompt = ({\n  sentiment = Sentiment.POSITIVE,\n  muted = false,\n  loading = false,\n  className,\n  children,\n  media = null,\n  mediaLabel,\n  width = 'auto',\n  'data-testid': dataTestId,\n  ...restProps\n}: InlinePromptProps) => {\n  const surfaceSentiment = sentiment === Sentiment.POSITIVE ? 'success' : sentiment;\n\n  const renderMedia = () => {\n    if (muted) {\n      return <BackslashCircle size={16} data-testid=\"InlinePrompt_Muted\" title={mediaLabel} />;\n    }\n\n    if (loading) {\n      return (\n        <ProcessIndicator\n          data-testid=\"InlinePrompt_ProcessIndicator\"\n          size=\"xxs\"\n          className=\"wds-inline-prompt-process-indicator\"\n        />\n      );\n    }\n\n    if (sentiment === 'proposition') {\n      return media || <GiftBox title={mediaLabel} />;\n    }\n\n    return media || <StatusIcon size={16} sentiment={sentiment} iconLabel={mediaLabel} />;\n  };\n\n  return (\n    <PrimitivePrompt\n      sentiment={surfaceSentiment}\n      media={renderMedia()}\n      data-testid={dataTestId}\n      className={clsx(\n        'wds-inline-prompt',\n        {\n          'wds-inline-prompt--auto-width': width !== 'full',\n          'wds-inline-prompt--muted': muted,\n          'wds-inline-prompt--loading': loading,\n        },\n        className,\n      )}\n      {...restProps}\n    >\n      <Body>{children}</Body>\n    </PrimitivePrompt>\n  );\n};\n"],"names":["InlinePrompt","sentiment","Sentiment","POSITIVE","muted","loading","className","children","media","mediaLabel","width","dataTestId","restProps","surfaceSentiment","renderMedia","_jsx","BackslashCircle","size","title","ProcessIndicator","GiftBox","StatusIcon","iconLabel","PrimitivePrompt","clsx","Body"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDO,MAAMA,YAAY,GAAGA,CAAC;EAC3BC,SAAS,GAAGC,SAAS,CAACC,QAAQ;AAC9BC,EAAAA,KAAK,GAAG,KAAK;AACbC,EAAAA,OAAO,GAAG,KAAK;EACfC,SAAS;EACTC,QAAQ;AACRC,EAAAA,KAAK,GAAG,IAAI;EACZC,UAAU;AACVC,EAAAA,KAAK,GAAG,MAAM;AACd,EAAA,aAAa,EAAEC,UAAU;EACzB,GAAGC;AAAS,CACM,KAAI;EACtB,MAAMC,gBAAgB,GAAGZ,SAAS,KAAKC,SAAS,CAACC,QAAQ,GAAG,SAAS,GAAGF,SAAS;EAEjF,MAAMa,WAAW,GAAGA,MAAK;AACvB,IAAA,IAAIV,KAAK,EAAE;MACT,oBAAOW,GAAA,CAACC,eAAe,EAAA;AAACC,QAAAA,IAAI,EAAE,EAAG;AAAC,QAAA,aAAA,EAAY,oBAAoB;AAACC,QAAAA,KAAK,EAAET;AAAW,QAAG;AAC1F,IAAA;AAEA,IAAA,IAAIJ,OAAO,EAAE;MACX,oBACEU,GAAA,CAACI,gBAAgB,EAAA;AACf,QAAA,aAAA,EAAY,+BAA+B;AAC3CF,QAAAA,IAAI,EAAC,KAAK;AACVX,QAAAA,SAAS,EAAC;AAAqC,OAAA,CAC/C;AAEN,IAAA;IAEA,IAAIL,SAAS,KAAK,aAAa,EAAE;AAC/B,MAAA,OAAOO,KAAK,iBAAIO,GAAA,CAACK,OAAO,EAAA;AAACF,QAAAA,KAAK,EAAET;AAAW,OAAA,CAAG;AAChD,IAAA;AAEA,IAAA,OAAOD,KAAK,iBAAIO,GAAA,CAACM,UAAU,EAAA;AAACJ,MAAAA,IAAI,EAAE,EAAG;AAAChB,MAAAA,SAAS,EAAEA,SAAU;AAACqB,MAAAA,SAAS,EAAEb;AAAW,KAAA,CAAG;EACvF,CAAC;EAED,oBACEM,GAAA,CAACQ,eAAe,EAAA;AACdtB,IAAAA,SAAS,EAAEY,gBAAiB;IAC5BL,KAAK,EAAEM,WAAW,EAAG;AACrB,IAAA,aAAA,EAAaH,UAAW;AACxBL,IAAAA,SAAS,EAAEkB,IAAI,CACb,mBAAmB,EACnB;MACE,+BAA+B,EAAEd,KAAK,KAAK,MAAM;AACjD,MAAA,0BAA0B,EAAEN,KAAK;AACjC,MAAA,4BAA4B,EAAEC;KAC/B,EACDC,SAAS,CACT;AAAA,IAAA,GACEM,SAAS;IAAAL,QAAA,eAEbQ,GAAA,CAACU,IAAI,EAAA;AAAAlB,MAAAA,QAAA,EAAEA;KAAe;AACxB,GAAiB,CAAC;AAEtB;;;;"}

package/build/Prompt/PrimitivePrompt/PrimitivePrompt.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var icons = require('@transferwise/icons');
+var clsx = require('clsx');
+var SentimentSurface = require('../../SentimentSurface/SentimentSurface.js');
+var IconButton = require('../../IconButton/IconButton.js');
+var reactIntl = require('react-intl');
+var CloseButton_messages = require('../../common/CloseButton/CloseButton.messages.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+const PrimitivePrompt = /*#__PURE__*/React.forwardRef(({
+  sentiment = 'success',
+  emphasis = 'base',
+  media,
+  actions,
+  onDismiss,
+  className,
+  children,
+  ...restProps
+}, ref) => {
+  const intl = reactIntl.useIntl();
+  return /*#__PURE__*/jsxRuntime.jsx(SentimentSurface.default
+  // @ts-expect-error - SentimentSurface forwardRef types don't expose ref in props
+  , {
+    ref: ref,
+    sentiment: sentiment,
+    emphasis: emphasis,
+    className: clsx.clsx('wds-prompt', `wds-prompt--${sentiment}`, className),
+    ...restProps,
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: clsx.clsx('wds-prompt__content-wrapper', {
+        'wds-prompt__content-wrapper--with-dismiss': !!onDismiss
+      }),
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: clsx.clsx('wds-prompt__media-wrapper'),
+        children: media
+      }), children, onDismiss && /*#__PURE__*/jsxRuntime.jsx(IconButton.default, {
+        size: 24,
+        priority: "secondary",
+        "aria-label": intl.formatMessage(CloseButton_messages.default.ariaLabel),
+        onClick: onDismiss,
+        children: /*#__PURE__*/jsxRuntime.jsx(icons.Cross, {})
+      }), actions && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "wds-prompt__actions-wrapper",
+        children: actions
+      })]
+    })
+  });
+});
+PrimitivePrompt.displayName = 'PrimitivePrompt';
+
+exports.PrimitivePrompt = PrimitivePrompt;
+//# sourceMappingURL=PrimitivePrompt.js.map

package/build/Prompt/PrimitivePrompt/PrimitivePrompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimitivePrompt.js","sources":["../../../src/Prompt/PrimitivePrompt/PrimitivePrompt.tsx"],"sourcesContent":["import { Cross } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport SentimentSurface, { Emphasis, Sentiment } from '../../SentimentSurface';\nimport IconButton from '../../IconButton';\nimport { useIntl } from 'react-intl';\nimport closeBtnMessages from '../../common/CloseButton/CloseButton.messages';\nimport { forwardRef, HTMLAttributes, ReactNode } from 'react';\n\nexport type PrimitivePromptProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The sentiment determines the colour scheme.\n   * @default success\n   */\n  sentiment?: Sentiment;\n  /**\n   * The emphasis level affecting background and text contrast.\n   * @default 'base'\n   */\n  emphasis?: Emphasis;\n  /**\n   * Media to be displayed on the prompt (icon/image/etc).\n   */\n  media: ReactNode;\n  /**\n   * Any actions to be displayed on the prompt.\n   */\n  actions?: ReactNode;\n  /**\n   * Handler called when the close button is clicked. If not provided, then the close button is hidden.\n   */\n  onDismiss?: () => void;\n  /**\n   * Test ID for testing tools\n   */\n  'data-testid'?: string;\n};\n\n/**\n * PrimitivePrompt is a low-level component that provides the structure, sentiment support and styling for various prompts.\n * Uses several css variables to handle styling from within the consuming component, e.g. --Prompt-padding-x. */\nexport const PrimitivePrompt = forwardRef<HTMLDivElement, PrimitivePromptProps>(\n  (\n    {\n      sentiment = 'success',\n      emphasis = 'base',\n      media,\n      actions,\n      onDismiss,\n      className,\n      children,\n      ...restProps\n    },\n    ref,\n  ) => {\n    const intl = useIntl();\n\n    return (\n      <SentimentSurface\n        // @ts-expect-error - SentimentSurface forwardRef types don't expose ref in props\n        ref={ref}\n        sentiment={sentiment}\n        emphasis={emphasis}\n        className={clsx('wds-prompt', `wds-prompt--${sentiment}`, className)}\n        {...restProps}\n      >\n        <div\n          className={clsx('wds-prompt__content-wrapper', {\n            'wds-prompt__content-wrapper--with-dismiss': !!onDismiss,\n          })}\n        >\n          <div className={clsx('wds-prompt__media-wrapper')}>{media}</div>\n          {children}\n          {onDismiss && (\n            <IconButton\n              size={24}\n              priority=\"secondary\"\n              aria-label={intl.formatMessage(closeBtnMessages.ariaLabel)}\n              onClick={onDismiss}\n            >\n              <Cross />\n            </IconButton>\n          )}\n          {actions && <div className=\"wds-prompt__actions-wrapper\">{actions}</div>}\n        </div>\n      </SentimentSurface>\n    );\n  },\n);\n\nPrimitivePrompt.displayName = 'PrimitivePrompt';\n"],"names":["PrimitivePrompt","forwardRef","sentiment","emphasis","media","actions","onDismiss","className","children","restProps","ref","intl","useIntl","_jsx","SentimentSurface","clsx","_jsxs","IconButton","size","priority","formatMessage","closeBtnMessages","ariaLabel","onClick","Cross","displayName"],"mappings":";;;;;;;;;;;AAwCO,MAAMA,eAAe,gBAAGC,gBAAU,CACvC,CACE;AACEC,EAAAA,SAAS,GAAG,SAAS;AACrBC,EAAAA,QAAQ,GAAG,MAAM;EACjBC,KAAK;EACLC,OAAO;EACPC,SAAS;EACTC,SAAS;EACTC,QAAQ;EACR,GAAGC;AAAS,CACb,EACDC,GAAG,KACD;AACF,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE;AAEtB,EAAA,oBACEC,cAAA,CAACC;AACC;AAAA,IAAA;AACAJ,IAAAA,GAAG,EAAEA,GAAI;AACTR,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,QAAQ,EAAEA,QAAS;IACnBI,SAAS,EAAEQ,SAAI,CAAC,YAAY,EAAE,eAAeb,SAAS,CAAA,CAAE,EAAEK,SAAS,CAAE;AAAA,IAAA,GACjEE,SAAS;AAAAD,IAAAA,QAAA,eAEbQ,eAAA,CAAA,KAAA,EAAA;AACET,MAAAA,SAAS,EAAEQ,SAAI,CAAC,6BAA6B,EAAE;QAC7C,2CAA2C,EAAE,CAAC,CAACT;AAChD,OAAA,CAAE;AAAAE,MAAAA,QAAA,gBAEHK,cAAA,CAAA,KAAA,EAAA;AAAKN,QAAAA,SAAS,EAAEQ,SAAI,CAAC,2BAA2B,CAAE;AAAAP,QAAAA,QAAA,EAAEJ;OAAW,CAC/D,EAACI,QAAQ,EACRF,SAAS,iBACRO,cAAA,CAACI,kBAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTC,QAAAA,QAAQ,EAAC,WAAW;AACpB,QAAA,YAAA,EAAYR,IAAI,CAACS,aAAa,CAACC,4BAAgB,CAACC,SAAS,CAAE;AAC3DC,QAAAA,OAAO,EAAEjB,SAAU;AAAAE,QAAAA,QAAA,eAEnBK,cAAA,CAACW,WAAK,EAAA,EAAA;AACR,OAAY,CACb,EACAnB,OAAO,iBAAIQ,cAAA,CAAA,KAAA,EAAA;AAAKN,QAAAA,SAAS,EAAC,6BAA6B;AAAAC,QAAAA,QAAA,EAAEH;AAAO,OAAM,CAAC;KACrE;AACP,GAAkB,CAAC;AAEvB,CAAC;AAGHL,eAAe,CAACyB,WAAW,GAAG,iBAAiB;;;;"}

package/build/Prompt/PrimitivePrompt/PrimitivePrompt.mjs

@@ -0,0 +1,52 @@
+import { Cross } from '@transferwise/icons';
+import { clsx } from 'clsx';
+import SentimentSurface from '../../SentimentSurface/SentimentSurface.mjs';
+import IconButton from '../../IconButton/IconButton.mjs';
+import { useIntl } from 'react-intl';
+import closeBtnMessages from '../../common/CloseButton/CloseButton.messages.mjs';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const PrimitivePrompt = /*#__PURE__*/forwardRef(({
+  sentiment = 'success',
+  emphasis = 'base',
+  media,
+  actions,
+  onDismiss,
+  className,
+  children,
+  ...restProps
+}, ref) => {
+  const intl = useIntl();
+  return /*#__PURE__*/jsx(SentimentSurface
+  // @ts-expect-error - SentimentSurface forwardRef types don't expose ref in props
+  , {
+    ref: ref,
+    sentiment: sentiment,
+    emphasis: emphasis,
+    className: clsx('wds-prompt', `wds-prompt--${sentiment}`, className),
+    ...restProps,
+    children: /*#__PURE__*/jsxs("div", {
+      className: clsx('wds-prompt__content-wrapper', {
+        'wds-prompt__content-wrapper--with-dismiss': !!onDismiss
+      }),
+      children: [/*#__PURE__*/jsx("div", {
+        className: clsx('wds-prompt__media-wrapper'),
+        children: media
+      }), children, onDismiss && /*#__PURE__*/jsx(IconButton, {
+        size: 24,
+        priority: "secondary",
+        "aria-label": intl.formatMessage(closeBtnMessages.ariaLabel),
+        onClick: onDismiss,
+        children: /*#__PURE__*/jsx(Cross, {})
+      }), actions && /*#__PURE__*/jsx("div", {
+        className: "wds-prompt__actions-wrapper",
+        children: actions
+      })]
+    })
+  });
+});
+PrimitivePrompt.displayName = 'PrimitivePrompt';
+
+export { PrimitivePrompt };
+//# sourceMappingURL=PrimitivePrompt.mjs.map

package/build/Prompt/PrimitivePrompt/PrimitivePrompt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimitivePrompt.mjs","sources":["../../../src/Prompt/PrimitivePrompt/PrimitivePrompt.tsx"],"sourcesContent":["import { Cross } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport SentimentSurface, { Emphasis, Sentiment } from '../../SentimentSurface';\nimport IconButton from '../../IconButton';\nimport { useIntl } from 'react-intl';\nimport closeBtnMessages from '../../common/CloseButton/CloseButton.messages';\nimport { forwardRef, HTMLAttributes, ReactNode } from 'react';\n\nexport type PrimitivePromptProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The sentiment determines the colour scheme.\n   * @default success\n   */\n  sentiment?: Sentiment;\n  /**\n   * The emphasis level affecting background and text contrast.\n   * @default 'base'\n   */\n  emphasis?: Emphasis;\n  /**\n   * Media to be displayed on the prompt (icon/image/etc).\n   */\n  media: ReactNode;\n  /**\n   * Any actions to be displayed on the prompt.\n   */\n  actions?: ReactNode;\n  /**\n   * Handler called when the close button is clicked. If not provided, then the close button is hidden.\n   */\n  onDismiss?: () => void;\n  /**\n   * Test ID for testing tools\n   */\n  'data-testid'?: string;\n};\n\n/**\n * PrimitivePrompt is a low-level component that provides the structure, sentiment support and styling for various prompts.\n * Uses several css variables to handle styling from within the consuming component, e.g. --Prompt-padding-x. */\nexport const PrimitivePrompt = forwardRef<HTMLDivElement, PrimitivePromptProps>(\n  (\n    {\n      sentiment = 'success',\n      emphasis = 'base',\n      media,\n      actions,\n      onDismiss,\n      className,\n      children,\n      ...restProps\n    },\n    ref,\n  ) => {\n    const intl = useIntl();\n\n    return (\n      <SentimentSurface\n        // @ts-expect-error - SentimentSurface forwardRef types don't expose ref in props\n        ref={ref}\n        sentiment={sentiment}\n        emphasis={emphasis}\n        className={clsx('wds-prompt', `wds-prompt--${sentiment}`, className)}\n        {...restProps}\n      >\n        <div\n          className={clsx('wds-prompt__content-wrapper', {\n            'wds-prompt__content-wrapper--with-dismiss': !!onDismiss,\n          })}\n        >\n          <div className={clsx('wds-prompt__media-wrapper')}>{media}</div>\n          {children}\n          {onDismiss && (\n            <IconButton\n              size={24}\n              priority=\"secondary\"\n              aria-label={intl.formatMessage(closeBtnMessages.ariaLabel)}\n              onClick={onDismiss}\n            >\n              <Cross />\n            </IconButton>\n          )}\n          {actions && <div className=\"wds-prompt__actions-wrapper\">{actions}</div>}\n        </div>\n      </SentimentSurface>\n    );\n  },\n);\n\nPrimitivePrompt.displayName = 'PrimitivePrompt';\n"],"names":["PrimitivePrompt","forwardRef","sentiment","emphasis","media","actions","onDismiss","className","children","restProps","ref","intl","useIntl","_jsx","SentimentSurface","clsx","_jsxs","IconButton","size","priority","formatMessage","closeBtnMessages","ariaLabel","onClick","Cross","displayName"],"mappings":";;;;;;;;;AAwCO,MAAMA,eAAe,gBAAGC,UAAU,CACvC,CACE;AACEC,EAAAA,SAAS,GAAG,SAAS;AACrBC,EAAAA,QAAQ,GAAG,MAAM;EACjBC,KAAK;EACLC,OAAO;EACPC,SAAS;EACTC,SAAS;EACTC,QAAQ;EACR,GAAGC;AAAS,CACb,EACDC,GAAG,KACD;AACF,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE;AAEtB,EAAA,oBACEC,GAAA,CAACC;AACC;AAAA,IAAA;AACAJ,IAAAA,GAAG,EAAEA,GAAI;AACTR,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,QAAQ,EAAEA,QAAS;IACnBI,SAAS,EAAEQ,IAAI,CAAC,YAAY,EAAE,eAAeb,SAAS,CAAA,CAAE,EAAEK,SAAS,CAAE;AAAA,IAAA,GACjEE,SAAS;AAAAD,IAAAA,QAAA,eAEbQ,IAAA,CAAA,KAAA,EAAA;AACET,MAAAA,SAAS,EAAEQ,IAAI,CAAC,6BAA6B,EAAE;QAC7C,2CAA2C,EAAE,CAAC,CAACT;AAChD,OAAA,CAAE;AAAAE,MAAAA,QAAA,gBAEHK,GAAA,CAAA,KAAA,EAAA;AAAKN,QAAAA,SAAS,EAAEQ,IAAI,CAAC,2BAA2B,CAAE;AAAAP,QAAAA,QAAA,EAAEJ;OAAW,CAC/D,EAACI,QAAQ,EACRF,SAAS,iBACRO,GAAA,CAACI,UAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTC,QAAAA,QAAQ,EAAC,WAAW;AACpB,QAAA,YAAA,EAAYR,IAAI,CAACS,aAAa,CAACC,gBAAgB,CAACC,SAAS,CAAE;AAC3DC,QAAAA,OAAO,EAAEjB,SAAU;AAAAE,QAAAA,QAAA,eAEnBK,GAAA,CAACW,KAAK,EAAA,EAAA;AACR,OAAY,CACb,EACAnB,OAAO,iBAAIQ,GAAA,CAAA,KAAA,EAAA;AAAKN,QAAAA,SAAS,EAAC,6BAA6B;AAAAC,QAAAA,QAAA,EAAEH;AAAO,OAAM,CAAC;KACrE;AACP,GAAkB,CAAC;AAEvB,CAAC;AAGHL,eAAe,CAACyB,WAAW,GAAG,iBAAiB;;;;"}

package/build/Prompt/common/Expander/Expander.js

@@ -0,0 +1,35 @@
+'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

@@ -0,0 +1 @@
+{"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.map

@@ -0,0 +1 @@
+{"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.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,33 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,52 @@
+'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

@@ -0,0 +1 @@
+{"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;;;;"}

package/build/Prompt/helpers/promptMedia.mjs

@@ -0,0 +1,50 @@
+import { GiftBox } from '@transferwise/icons';
+import AvatarView from '../../AvatarView/AvatarView.mjs';
+import Image from '../../Image/Image.mjs';
+import StatusIcon from '../../StatusIcon/StatusIcon.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+function renderPromptMedia({
+  media,
+  sentiment,
+  mediaId,
+  imgClassName
+}) {
+  if (media?.imgSrc) {
+    return /*#__PURE__*/jsx(Image, {
+      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__*/jsx(AvatarView, {
+      ...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__*/jsx(AvatarView, {
+    id: mediaId,
+    size: 48,
+    "aria-label": media['aria-label'],
+    "aria-hidden": media['aria-hidden'],
+    children: /*#__PURE__*/jsx(GiftBox, {})
+  }) : /*#__PURE__*/jsx(StatusIcon, {
+    id: mediaId,
+    size: 48,
+    sentiment: sentiment,
+    iconLabel: media['aria-hidden'] ? null : media['aria-label']
+  });
+}
+
+export { renderPromptMedia };
+//# sourceMappingURL=promptMedia.mjs.map

package/build/Prompt/helpers/promptMedia.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"promptMedia.mjs","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,GAAA,CAACC,KAAK,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,GAAA,CAACS,UAAU,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,GAAA,CAACS,UAAU,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,GAAA,CAACa,OAAO,EAAA,EAAA;AACV,GAAY,CAAC,gBAEbb,GAAA,CAACc,UAAU,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;;;;"}

package/build/Provider/Direction/DirectionProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectionProvider.js","sources":["../../../src/Provider/Direction/DirectionProvider.tsx"],"sourcesContent":["import { createContext, PropsWithChildren } from 'react';\n\nimport { LayoutDirection, Direction } from '../../common/direction';\n\nexport const DirectionContext = createContext<LayoutDirection>(Direction.LTR);\n\nexport type DirectionProviderProps = PropsWithChildren<{ direction: LayoutDirection }>;\n\nexport const DirectionProvider = ({ direction, children }: DirectionProviderProps) => {\n  return <DirectionContext.Provider value={direction}>{children}</DirectionContext.Provider>;\n};\n"],"names":["DirectionContext","createContext","Direction","LTR","DirectionProvider","direction","children","_jsx","Provider","value"],"mappings":";;;;;;AAIO,MAAMA,gBAAgB,gBAAGC,mBAAa,CAAkBC,mBAAS,CAACC,GAAG;AAIrE,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,SAAS;AAAEC,EAAAA;AAAQ,CAA0B,KAAI;AACnF,EAAA,oBAAOC,cAAA,CAACP,gBAAgB,CAACQ,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,SAAU;AAAAC,IAAAA,QAAA,EAAEA;AAAQ,GAA4B,CAAC;AAC5F;;;;;"}

package/build/Provider/Direction/DirectionProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectionProvider.mjs","sources":["../../../src/Provider/Direction/DirectionProvider.tsx"],"sourcesContent":["import { createContext, PropsWithChildren } from 'react';\n\nimport { LayoutDirection, Direction } from '../../common/direction';\n\nexport const DirectionContext = createContext<LayoutDirection>(Direction.LTR);\n\nexport type DirectionProviderProps = PropsWithChildren<{ direction: LayoutDirection }>;\n\nexport const DirectionProvider = ({ direction, children }: DirectionProviderProps) => {\n  return <DirectionContext.Provider value={direction}>{children}</DirectionContext.Provider>;\n};\n"],"names":["DirectionContext","createContext","Direction","LTR","DirectionProvider","direction","children","_jsx","Provider","value"],"mappings":";;;;AAIO,MAAMA,gBAAgB,gBAAGC,aAAa,CAAkBC,SAAS,CAACC,GAAG;AAIrE,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,SAAS;AAAEC,EAAAA;AAAQ,CAA0B,KAAI;AACnF,EAAA,oBAAOC,GAAA,CAACP,gBAAgB,CAACQ,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,SAAU;AAAAC,IAAAA,QAAA,EAAEA;AAAQ,GAA4B,CAAC;AAC5F;;;;"}

package/build/Provider/Language/LanguageProvider.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var React = require('react');
+var index = require('../../common/Locale/index.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+const LanguageContext = /*#__PURE__*/React.createContext(index.DEFAULT_LOCALE);
+const LanguageProvider = ({
+  locale,
+  children
+}) => {
+  return /*#__PURE__*/jsxRuntime.jsx(LanguageContext.Provider, {
+    value: locale,
+    children: children
+  });
+};
+
+exports.LanguageContext = LanguageContext;
+exports.LanguageProvider = LanguageProvider;
+//# sourceMappingURL=LanguageProvider.js.map

package/build/Provider/Language/LanguageProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageProvider.js","sources":["../../../src/Provider/Language/LanguageProvider.tsx"],"sourcesContent":["import { createContext, PropsWithChildren } from 'react';\n\nimport { DEFAULT_LOCALE } from '../../common/Locale';\n\nexport const LanguageContext = createContext<string>(DEFAULT_LOCALE);\n\nexport type LanguageProviderProps = PropsWithChildren<{ locale: string }>;\n\nexport const LanguageProvider = ({ locale, children }: LanguageProviderProps) => {\n  return <LanguageContext.Provider value={locale}>{children}</LanguageContext.Provider>;\n};\n"],"names":["LanguageContext","createContext","DEFAULT_LOCALE","LanguageProvider","locale","children","_jsx","Provider","value"],"mappings":";;;;;;MAIaA,eAAe,gBAAGC,mBAAa,CAASC,oBAAc;AAI5D,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,MAAM;AAAEC,EAAAA;AAAQ,CAAyB,KAAI;AAC9E,EAAA,oBAAOC,cAAA,CAACN,eAAe,CAACO,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,MAAO;AAAAC,IAAAA,QAAA,EAAEA;AAAQ,GAA2B,CAAC;AACvF;;;;;"}

package/build/Provider/Language/LanguageProvider.mjs

@@ -0,0 +1,17 @@
+import { createContext } from 'react';
+import { DEFAULT_LOCALE } from '../../common/Locale/index.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const LanguageContext = /*#__PURE__*/createContext(DEFAULT_LOCALE);
+const LanguageProvider = ({
+  locale,
+  children
+}) => {
+  return /*#__PURE__*/jsx(LanguageContext.Provider, {
+    value: locale,
+    children: children
+  });
+};
+
+export { LanguageContext, LanguageProvider };
+//# sourceMappingURL=LanguageProvider.mjs.map

package/build/Provider/Language/LanguageProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageProvider.mjs","sources":["../../../src/Provider/Language/LanguageProvider.tsx"],"sourcesContent":["import { createContext, PropsWithChildren } from 'react';\n\nimport { DEFAULT_LOCALE } from '../../common/Locale';\n\nexport const LanguageContext = createContext<string>(DEFAULT_LOCALE);\n\nexport type LanguageProviderProps = PropsWithChildren<{ locale: string }>;\n\nexport const LanguageProvider = ({ locale, children }: LanguageProviderProps) => {\n  return <LanguageContext.Provider value={locale}>{children}</LanguageContext.Provider>;\n};\n"],"names":["LanguageContext","createContext","DEFAULT_LOCALE","LanguageProvider","locale","children","_jsx","Provider","value"],"mappings":";;;;MAIaA,eAAe,gBAAGC,aAAa,CAASC,cAAc;AAI5D,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,MAAM;AAAEC,EAAAA;AAAQ,CAAyB,KAAI;AAC9E,EAAA,oBAAOC,GAAA,CAACN,eAAe,CAACO,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,MAAO;AAAAC,IAAAA,QAAA,EAAEA;AAAQ,GAA2B,CAAC;AACvF;;;;"}

package/build/Provider/Provider.js

@@ -0,0 +1,78 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactIntl = require('react-intl');
+require('../common/theme.js');
+require('../common/direction.js');
+require('@transferwise/neptune-tokens');
+require('../common/PropsValues/control.js');
+require('../common/PropsValues/size.js');
+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');
+var index = require('../common/Locale/index.js');
+require('@transferwise/icons');
+require('clsx');
+require('react');
+require('../common/CloseButton/CloseButton.messages.js');
+var jsxRuntime = require('react/jsx-runtime');
+var en = require('../i18n/en.json.js');
+var DirectionProvider = require('./Direction/DirectionProvider.js');
+var LanguageProvider = require('./Language/LanguageProvider.js');
+
+function Provider({
+  i18n,
+  children
+}) {
+  const {
+    locale,
+    messages,
+    defaultRichTextElements
+  } = i18n;
+  const adjustedLocale = index.adjustLocale(locale);
+  let intlConfig;
+  if (adjustedLocale === null) {
+    // eslint-disable-next-line no-console
+    console.warn(`Unsupported locale value was provided: '${locale}', defaulting to '${index.DEFAULT_LOCALE}'`);
+    intlConfig = {
+      locale: index.DEFAULT_LOCALE,
+      messages: {
+        ...en.default,
+        ...messages
+      }
+    };
+  } else {
+    intlConfig = {
+      locale: adjustedLocale,
+      messages
+    };
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(DirectionProvider.DirectionProvider, {
+    direction: index.getDirectionFromLocale(locale),
+    children: /*#__PURE__*/jsxRuntime.jsx(LanguageProvider.LanguageProvider, {
+      locale: locale,
+      children: /*#__PURE__*/jsxRuntime.jsx(reactIntl.IntlProvider, {
+        defaultLocale: index.DEFAULT_LOCALE,
+        locale: intlConfig.locale,
+        messages: intlConfig.messages,
+        defaultRichTextElements: defaultRichTextElements,
+        children: children
+      })
+    })
+  });
+}
+
+exports.default = Provider;
+//# sourceMappingURL=Provider.js.map

package/build/Provider/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sources":["../../src/Provider/Provider.tsx"],"sourcesContent":["import { IntlProvider, ResolvedIntlConfig } from 'react-intl';\n\nimport { adjustLocale, DEFAULT_LOCALE, getDirectionFromLocale } from '../common';\nimport en from '../i18n/en.json';\n\nimport { DirectionProvider } from './Direction';\nimport { LanguageProvider } from './Language';\n\nexport interface ProviderProps {\n  i18n: Pick<ResolvedIntlConfig, 'locale' | 'messages'> &\n    Partial<Pick<ResolvedIntlConfig, 'defaultRichTextElements'>>;\n  children?: React.ReactNode;\n}\n\nexport default function Provider({ i18n, children }: ProviderProps) {\n  const { locale, messages, defaultRichTextElements } = i18n;\n  const adjustedLocale = adjustLocale(locale);\n  let intlConfig;\n\n  if (adjustedLocale === null) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `Unsupported locale value was provided: '${locale}', defaulting to '${DEFAULT_LOCALE}'`,\n    );\n\n    intlConfig = { locale: DEFAULT_LOCALE, messages: { ...en, ...messages } };\n  } else {\n    intlConfig = { locale: adjustedLocale, messages };\n  }\n\n  return (\n    <DirectionProvider direction={getDirectionFromLocale(locale)}>\n      <LanguageProvider locale={locale}>\n        <IntlProvider\n          defaultLocale={DEFAULT_LOCALE}\n          locale={intlConfig.locale}\n          messages={intlConfig.messages}\n          defaultRichTextElements={defaultRichTextElements}\n        >\n          {children}\n        </IntlProvider>\n      </LanguageProvider>\n    </DirectionProvider>\n  );\n}\n"],"names":["Provider","i18n","children","locale","messages","defaultRichTextElements","adjustedLocale","adjustLocale","intlConfig","console","warn","DEFAULT_LOCALE","en","_jsx","DirectionProvider","direction","getDirectionFromLocale","LanguageProvider","IntlProvider","defaultLocale"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcc,SAAUA,QAAQA,CAAC;EAAEC,IAAI;AAAEC,EAAAA;AAAQ,CAAiB,EAAA;EAChE,MAAM;IAAEC,MAAM;IAAEC,QAAQ;AAAEC,IAAAA;AAAuB,GAAE,GAAGJ,IAAI;AAC1D,EAAA,MAAMK,cAAc,GAAGC,kBAAY,CAACJ,MAAM,CAAC;AAC3C,EAAA,IAAIK,UAAU;EAEd,IAAIF,cAAc,KAAK,IAAI,EAAE;AAC3B;IACAG,OAAO,CAACC,IAAI,CACV,CAAA,wCAAA,EAA2CP,MAAM,CAAA,kBAAA,EAAqBQ,oBAAc,GAAG,CACxF;AAEDH,IAAAA,UAAU,GAAG;AAAEL,MAAAA,MAAM,EAAEQ,oBAAc;AAAEP,MAAAA,QAAQ,EAAE;AAAE,QAAA,GAAGQ,UAAE;QAAE,GAAGR;AAAQ;KAAI;AAC3E,EAAA,CAAC,MAAM;AACLI,IAAAA,UAAU,GAAG;AAAEL,MAAAA,MAAM,EAAEG,cAAc;AAAEF,MAAAA;KAAU;AACnD,EAAA;EAEA,oBACES,cAAA,CAACC,mCAAiB,EAAA;AAACC,IAAAA,SAAS,EAAEC,4BAAsB,CAACb,MAAM,CAAE;IAAAD,QAAA,eAC3DW,cAAA,CAACI,iCAAgB,EAAA;AAACd,MAAAA,MAAM,EAAEA,MAAO;MAAAD,QAAA,eAC/BW,cAAA,CAACK,sBAAY,EAAA;AACXC,QAAAA,aAAa,EAAER,oBAAe;QAC9BR,MAAM,EAAEK,UAAU,CAACL,MAAO;QAC1BC,QAAQ,EAAEI,UAAU,CAACJ,QAAS;AAC9BC,QAAAA,uBAAuB,EAAEA,uBAAwB;AAAAH,QAAAA,QAAA,EAEhDA;OACW;KACE;AACpB,GAAmB,CAAC;AAExB;;;;"}