@transferwise/components 0.0.0-experimental-4b93e2b → 0.0.0-experimental-f144cf1

package/build/Snackbar/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.js","sources":["../../src/Snackbar/Snackbar.tsx"],"sourcesContent":["import { Component, createRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport Button from '../Button';\nimport Body from '../Body';\nimport type { ThemeDark, ThemeLight } from '../common';\nimport { DirectionContext } from '../Provider/Direction';\nimport withNextPortal from '../WithNextPortal/WithNextPortal';\n\nconst CSS_TRANSITION_DURATION = 400;\n\nexport interface SnackbarProps {\n  action?: {\n    label: string;\n    onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  };\n  text: React.ReactNode;\n  /** @deprecated */\n  theme?: ThemeLight | ThemeDark;\n  timeout: number;\n  timestamp: number;\n}\n\ninterface SnackbarState extends Pick<SnackbarProps, 'action' | 'text' | 'theme'> {\n  visible: boolean;\n}\n\nexport class Snackbar extends Component<SnackbarProps, SnackbarState> {\n  bodyRef = createRef<HTMLSpanElement>();\n  timeout = 0;\n  transitionTimeout = 0;\n\n  constructor(props: SnackbarProps) {\n    super(props);\n    this.state = {\n      visible: false,\n      text: '',\n    };\n  }\n\n  componentWillUnmount() {\n    window.clearTimeout(this.timeout);\n    window.clearTimeout(this.transitionTimeout);\n  }\n\n  shouldComponentUpdate(nextProps: SnackbarProps, nextState: SnackbarState) {\n    if (!nextProps.text) {\n      return false;\n    }\n    if (\n      nextProps.timestamp === this.props.timestamp &&\n      nextState.visible === this.state.visible &&\n      nextState.text === this.state.text\n    ) {\n      return false;\n    }\n\n    return true;\n  }\n\n  setLeaveTimeout = () => {\n    const { timeout } = this.props;\n\n    this.timeout = window.setTimeout(() => {\n      this.setState({ visible: false });\n    }, timeout);\n  };\n\n  componentDidUpdate(previousProps: SnackbarProps) {\n    const { action, text, timestamp } = this.props;\n\n    if (!previousProps.text) {\n      this.setState({ visible: true, action, text }, () => {\n        this.setLeaveTimeout();\n      });\n    } else if (previousProps.timestamp !== timestamp) {\n      window.clearTimeout(this.timeout);\n\n      if (this.state.visible) {\n        this.setState({ visible: false }, () => {\n          this.transitionTimeout = window.setTimeout(() => {\n            this.setState({ visible: true, action, text });\n            this.setLeaveTimeout();\n          }, CSS_TRANSITION_DURATION);\n        });\n      } else {\n        this.setState({ visible: true, action, text });\n        this.setLeaveTimeout();\n      }\n    }\n  }\n\n  render() {\n    const { action, text, visible } = this.state;\n    const { timeout } = this.props;\n\n    return (\n      <div className=\"snackbar\" aria-live=\"assertive\" role=\"alert\">\n        <CSSTransition\n          nodeRef={this.bodyRef}\n          in={visible}\n          classNames=\"snackbar__text-container\"\n          timeout={{\n            appear: 0,\n            enter: timeout,\n            exit: CSS_TRANSITION_DURATION,\n          }}\n          unmountOnExit\n        >\n          <Body ref={this.bodyRef} as=\"span\" className=\"snackbar__text\">\n            {text}\n            {action ? (\n              <Button className=\"snackbar__text__action\" v2 size=\"sm\" onClick={action.onClick}>\n                {action.label}\n              </Button>\n            ) : null}\n          </Body>\n        </CSSTransition>\n      </div>\n    );\n  }\n}\n\nSnackbar.contextType = DirectionContext;\n\nexport default withNextPortal(Snackbar);\n"],"names":["CSS_TRANSITION_DURATION","Snackbar","Component","bodyRef","createRef","timeout","transitionTimeout","constructor","props","state","visible","text","componentWillUnmount","window","clearTimeout","shouldComponentUpdate","nextProps","nextState","timestamp","setLeaveTimeout","setTimeout","setState","componentDidUpdate","previousProps","action","render","_jsx","className","role","children","CSSTransition","nodeRef","in","classNames","appear","enter","exit","unmountOnExit","_jsxs","Body","ref","as","Button","v2","size","onClick","label","contextType","DirectionContext","withNextPortal"],"mappings":"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"}
+{"version":3,"file":"Snackbar.js","sources":["../../src/Snackbar/Snackbar.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { useIntl } from 'react-intl';\nimport { Tags } from '@transferwise/icons';\n\nimport Button from '../Button';\nimport type { ButtonReferenceType } from '../Button/Button.types';\nimport Body from '../Body';\nimport { LiveRegion } from '../common';\nimport type { ThemeDark, ThemeLight } from '../common';\nimport ProcessIndicator from '../ProcessIndicator';\nimport { PrimitivePrompt } from '../Prompt/PrimitivePrompt';\nimport type { Sentiment } from '../SentimentSurface';\nimport StatusIcon from '../StatusIcon';\nimport { SNACKBAR_ENTER_DURATION, SNACKBAR_EXIT_DURATION } from './constants';\nimport messages from './Snackbar.messages';\nimport type { SnackbarAction, SnackbarDuration, SnackbarInternalProps } from './Snackbar.types';\nimport useSnackbarAutoDismiss from './useSnackbarAutoDismiss';\nimport useSnackbarSwipeDismiss from './useSnackbarSwipeDismiss';\n\nexport interface SnackbarProps {\n  /** One optional action. Supports callbacks and navigation through the Button API. */\n  action?: SnackbarAction;\n  /**\n   * Controls auto-dismiss using the design-defined duration presets.\n   * @default 'default'\n   */\n  duration?: SnackbarDuration;\n  /**\n   * Replaces the sentiment-derived default media.\n   * Custom media should fit the 24x24px media slot.\n   * The asset should include its own accessibility attributes if it conveys meaning.\n   */\n  media?: React.ReactNode;\n  /**\n   * Replaces the media with a progress indicator and uses neutral sentiment styling.\n   * @default false\n   */\n  loading?: boolean;\n  /** Called after the Snackbar completes dismissal. */\n  onDismiss?: () => void;\n  /**\n   * Determines the colour scheme and default media.\n   * @default 'neutral'\n   */\n  sentiment?: Sentiment;\n  /** Short Snackbar message. Plain text is recommended. */\n  text: React.ReactNode;\n  /**\n   * @deprecated Theme no longer changes Snackbar appearance. Use `sentiment` for the semantic\n   * colour scheme. This prop remains available temporarily for existing implementations.\n   */\n  theme?: ThemeLight | ThemeDark;\n  /**\n   * @deprecated Use `duration` instead. Existing millisecond values remain supported during\n   * migration: use `default` for 0–5000ms, `extended` above 5000ms, and `indefinite` only when\n   * the existing usage is intentionally persistent. `duration` takes precedence when both are\n   * provided.\n   */\n  timeout?: number;\n}\n\nexport const SnackbarInternal = ({\n  action,\n  announcementKey,\n  duration,\n  loading = false,\n  media,\n  onDismissRequest,\n  onExited,\n  sentiment = 'neutral',\n  text,\n  timeout,\n  visible,\n}: SnackbarInternalProps) => {\n  const { formatMessage } = useIntl();\n  const {\n    clearSwipePosition,\n    containerRef,\n    handleClickCapture,\n    handlePointerCancel,\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp,\n  } = useSnackbarSwipeDismiss(onDismissRequest);\n  const { handleBlur, handleFocus, handleMouseEnter, handleMouseLeave, surfaceRef } =\n    useSnackbarAutoDismiss({\n      duration,\n      loading,\n      onDismissRequest,\n      timeout,\n      visible,\n      resetKey: announcementKey,\n    });\n\n  const handleExited = () => {\n    clearSwipePosition();\n    onExited();\n  };\n\n  const handleActionClick: React.MouseEventHandler<ButtonReferenceType> = (event) => {\n    const handleClick: React.MouseEventHandler<ButtonReferenceType> | undefined = action?.onClick;\n    try {\n      handleClick?.(event);\n    } finally {\n      onDismissRequest();\n    }\n  };\n\n  const renderMedia = () => {\n    if (loading) {\n      return (\n        <ProcessIndicator\n          className=\"wds-Snackbar__process-indicator\"\n          data-testid=\"Snackbar_ProcessIndicator\"\n          size=\"xs\"\n        />\n      );\n    }\n\n    if (media) {\n      return <span className=\"wds-Snackbar__media-asset\">{media}</span>;\n    }\n\n    if (sentiment === 'proposition') {\n      return (\n        <span className=\"wds-Snackbar__media-asset\">\n          <Tags aria-hidden size={24} />\n        </span>\n      );\n    }\n\n    return <StatusIcon sentiment={sentiment} size={24} />;\n  };\n\n  useEffect(() => {\n    if (visible) {\n      clearSwipePosition();\n    }\n  }, [clearSwipePosition, visible]);\n\n  useEffect(() => {\n    if (!visible) {\n      return undefined;\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && !event.defaultPrevented) {\n        onDismissRequest();\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [onDismissRequest, visible]);\n\n  return (\n    <div ref={containerRef} className=\"wds-Snackbar\">\n      <CSSTransition\n        appear\n        nodeRef={surfaceRef}\n        in={visible}\n        classNames=\"wds-Snackbar-container\"\n        timeout={{\n          appear: SNACKBAR_ENTER_DURATION,\n          enter: SNACKBAR_ENTER_DURATION,\n          exit: SNACKBAR_EXIT_DURATION,\n        }}\n        unmountOnExit\n        onExited={handleExited}\n      >\n        <PrimitivePrompt\n          ref={surfaceRef}\n          className=\"wds-Snackbar-container\"\n          sentiment={loading ? 'neutral' : sentiment}\n          emphasis=\"elevated\"\n          media={renderMedia()}\n          onDismiss={onDismissRequest}\n          onBlur={handleBlur}\n          onFocus={handleFocus}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n          onClickCapture={handleClickCapture}\n          onPointerCancel={handlePointerCancel}\n          onPointerDown={handlePointerDown}\n          onPointerMove={handlePointerMove}\n          onPointerUp={handlePointerUp}\n        >\n          <div className=\"wds-Snackbar__content\">\n            <LiveRegion\n              aria-live=\"polite\"\n              announceOnChange={announcementKey}\n              className=\"wds-Snackbar__message\"\n            >\n              <Body as=\"span\" className=\"wds-Snackbar__body\">\n                {text}\n                <span className=\"sr-only\"> {formatMessage(messages.escapeDismissHint)}</span>\n              </Body>\n            </LiveRegion>\n            {action ? (\n              <Button\n                className=\"wds-Snackbar__action\"\n                v2\n                size=\"sm\"\n                priority=\"secondary\"\n                href={action.href}\n                target={action.target}\n                onClick={handleActionClick}\n              >\n                {action.label}\n              </Button>\n            ) : null}\n          </div>\n        </PrimitivePrompt>\n      </CSSTransition>\n    </div>\n  );\n};\n\nexport const Snackbar = ({ onDismiss, ...props }: SnackbarProps) => {\n  const [mounted, setMounted] = useState(true);\n  const [visible, setVisible] = useState(true);\n  const [announcementKey, setAnnouncementKey] = useState(0);\n  const previousText = useRef(props.text);\n  const handleDismissRequest = useCallback(() => setVisible(false), []);\n  const handleExited = useCallback(() => {\n    setMounted(false);\n    onDismiss?.();\n  }, [onDismiss]);\n\n  useEffect(() => {\n    if (previousText.current === props.text) {\n      return;\n    }\n\n    previousText.current = props.text;\n    // Direct Snackbars do not have a Provider-generated instance id, so text changes advance this\n    // key to schedule a fresh announcement and restart the semantic duration.\n    setMounted(true);\n    setVisible(true);\n    setAnnouncementKey((key) => key + 1);\n  }, [props.text]);\n\n  if (!mounted) {\n    return null;\n  }\n\n  return (\n    <SnackbarInternal\n      {...props}\n      announcementKey={announcementKey}\n      visible={visible}\n      onDismissRequest={handleDismissRequest}\n      onExited={handleExited}\n    />\n  );\n};\n"],"names":["SnackbarInternal","action","announcementKey","duration","loading","media","onDismissRequest","onExited","sentiment","text","timeout","visible","formatMessage","useIntl","clearSwipePosition","containerRef","handleClickCapture","handlePointerCancel","handlePointerDown","handlePointerMove","handlePointerUp","useSnackbarSwipeDismiss","handleBlur","handleFocus","handleMouseEnter","handleMouseLeave","surfaceRef","useSnackbarAutoDismiss","resetKey","handleExited","handleActionClick","event","handleClick","onClick","renderMedia","_jsx","ProcessIndicator","className","size","children","Tags","StatusIcon","useEffect","undefined","handleKeyDown","key","defaultPrevented","document","addEventListener","removeEventListener","ref","CSSTransition","appear","nodeRef","in","classNames","SNACKBAR_ENTER_DURATION","enter","exit","SNACKBAR_EXIT_DURATION","unmountOnExit","PrimitivePrompt","emphasis","onDismiss","onBlur","onFocus","onMouseEnter","onMouseLeave","onClickCapture","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","_jsxs","LiveRegion","announceOnChange","Body","as","messages","escapeDismissHint","Button","v2","priority","href","target","label","Snackbar","props","mounted","setMounted","useState","setVisible","setAnnouncementKey","previousText","useRef","handleDismissRequest","useCallback","current"],"mappings":"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"}

package/build/Snackbar/Snackbar.messages.js

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

package/build/Snackbar/Snackbar.messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snackbar.messages.js","sources":["../../src/Snackbar/Snackbar.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  escapeDismissHint: {\n    id: 'neptune.Snackbar.escapeDismissHint',\n    defaultMessage: 'Press Escape to dismiss.',\n    description: 'Screen-reader instruction for dismissing a Snackbar without moving focus',\n  },\n});\n"],"names":["defineMessages","escapeDismissHint","id"],"mappings":";;;;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,iBAAiB,EAAE;IACjBC,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;"}

package/build/Snackbar/Snackbar.messages.mjs

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

package/build/Snackbar/Snackbar.messages.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snackbar.messages.mjs","sources":["../../src/Snackbar/Snackbar.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  escapeDismissHint: {\n    id: 'neptune.Snackbar.escapeDismissHint',\n    defaultMessage: 'Press Escape to dismiss.',\n    description: 'Screen-reader instruction for dismissing a Snackbar without moving focus',\n  },\n});\n"],"names":["defineMessages","escapeDismissHint","id"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,iBAAiB,EAAE;IACjBC,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;"}

package/build/Snackbar/Snackbar.mjs

@@ -1,126 +1,232 @@
-import { Component, createRef } from 'react';
+import { useState, useRef, useCallback, useEffect } from 'react';
 import { CSSTransition } from 'react-transition-group';
+import { useIntl } from 'react-intl';
+import { Tags } from '@transferwise/icons';
 import Button from '../Button/Button.resolver.mjs';
 import Body from '../Body/Body.mjs';
-import { DirectionContext } from '../Provider/Direction/DirectionProvider.mjs';
-import withNextPortalWrapper from '../WithNextPortal/WithNextPortal.mjs';
+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 '../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 'clsx';
+import '../common/CloseButton/CloseButton.messages.mjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { LiveRegion } from '../common/LiveRegion/LiveRegion.mjs';
+import ProcessIndicator from '../ProcessIndicator/ProcessIndicator.mjs';
+import { PrimitivePrompt } from '../Prompt/PrimitivePrompt/PrimitivePrompt.mjs';
+import StatusIcon from '../StatusIcon/StatusIcon.mjs';
+import { SNACKBAR_EXIT_DURATION, SNACKBAR_ENTER_DURATION } from './constants.mjs';
+import messages from './Snackbar.messages.mjs';
+import useSnackbarAutoDismiss from './useSnackbarAutoDismiss.mjs';
+import useSnackbarSwipeDismiss from './useSnackbarSwipeDismiss.mjs';
 
-const CSS_TRANSITION_DURATION = 400;
-class Snackbar extends Component {
-  bodyRef = /*#__PURE__*/createRef();
-  timeout = 0;
-  transitionTimeout = 0;
-  constructor(props) {
-    super(props);
-    this.state = {
-      visible: false,
-      text: ''
-    };
-  }
-  componentWillUnmount() {
-    window.clearTimeout(this.timeout);
-    window.clearTimeout(this.transitionTimeout);
-  }
-  shouldComponentUpdate(nextProps, nextState) {
-    if (!nextProps.text) {
-      return false;
+const SnackbarInternal = ({
+  action,
+  announcementKey,
+  duration,
+  loading = false,
+  media,
+  onDismissRequest,
+  onExited,
+  sentiment = 'neutral',
+  text,
+  timeout,
+  visible
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const {
+    clearSwipePosition,
+    containerRef,
+    handleClickCapture,
+    handlePointerCancel,
+    handlePointerDown,
+    handlePointerMove,
+    handlePointerUp
+  } = useSnackbarSwipeDismiss(onDismissRequest);
+  const {
+    handleBlur,
+    handleFocus,
+    handleMouseEnter,
+    handleMouseLeave,
+    surfaceRef
+  } = useSnackbarAutoDismiss({
+    duration,
+    loading,
+    onDismissRequest,
+    timeout,
+    visible,
+    resetKey: announcementKey
+  });
+  const handleExited = () => {
+    clearSwipePosition();
+    onExited();
+  };
+  const handleActionClick = event => {
+    const handleClick = action?.onClick;
+    try {
+      handleClick?.(event);
+    } finally {
+      onDismissRequest();
     }
-    if (nextProps.timestamp === this.props.timestamp && nextState.visible === this.state.visible && nextState.text === this.state.text) {
-      return false;
+  };
+  const renderMedia = () => {
+    if (loading) {
+      return /*#__PURE__*/jsx(ProcessIndicator, {
+        className: "wds-Snackbar__process-indicator",
+        "data-testid": "Snackbar_ProcessIndicator",
+        size: "xs"
+      });
     }
-    return true;
-  }
-  setLeaveTimeout = () => {
-    const {
-      timeout
-    } = this.props;
-    this.timeout = window.setTimeout(() => {
-      this.setState({
-        visible: false
+    if (media) {
+      return /*#__PURE__*/jsx("span", {
+        className: "wds-Snackbar__media-asset",
+        children: media
       });
-    }, timeout);
-  };
-  componentDidUpdate(previousProps) {
-    const {
-      action,
-      text,
-      timestamp
-    } = this.props;
-    if (!previousProps.text) {
-      this.setState({
-        visible: true,
-        action,
-        text
-      }, () => {
-        this.setLeaveTimeout();
+    }
+    if (sentiment === 'proposition') {
+      return /*#__PURE__*/jsx("span", {
+        className: "wds-Snackbar__media-asset",
+        children: /*#__PURE__*/jsx(Tags, {
+          "aria-hidden": true,
+          size: 24
+        })
       });
-    } else if (previousProps.timestamp !== timestamp) {
-      window.clearTimeout(this.timeout);
-      if (this.state.visible) {
-        this.setState({
-          visible: false
-        }, () => {
-          this.transitionTimeout = window.setTimeout(() => {
-            this.setState({
-              visible: true,
-              action,
-              text
-            });
-            this.setLeaveTimeout();
-          }, CSS_TRANSITION_DURATION);
-        });
-      } else {
-        this.setState({
-          visible: true,
-          action,
-          text
-        });
-        this.setLeaveTimeout();
-      }
     }
-  }
-  render() {
-    const {
-      action,
-      text,
-      visible
-    } = this.state;
-    const {
-      timeout
-    } = this.props;
-    return /*#__PURE__*/jsx("div", {
-      className: "snackbar",
-      "aria-live": "assertive",
-      role: "alert",
-      children: /*#__PURE__*/jsx(CSSTransition, {
-        nodeRef: this.bodyRef,
-        in: visible,
-        classNames: "snackbar__text-container",
-        timeout: {
-          appear: 0,
-          enter: timeout,
-          exit: CSS_TRANSITION_DURATION
-        },
-        unmountOnExit: true,
-        children: /*#__PURE__*/jsxs(Body, {
-          ref: this.bodyRef,
-          as: "span",
-          className: "snackbar__text",
-          children: [text, action ? /*#__PURE__*/jsx(Button, {
-            className: "snackbar__text__action",
+    return /*#__PURE__*/jsx(StatusIcon, {
+      sentiment: sentiment,
+      size: 24
+    });
+  };
+  useEffect(() => {
+    if (visible) {
+      clearSwipePosition();
+    }
+  }, [clearSwipePosition, visible]);
+  useEffect(() => {
+    if (!visible) {
+      return undefined;
+    }
+    const handleKeyDown = event => {
+      if (event.key === 'Escape' && !event.defaultPrevented) {
+        onDismissRequest();
+      }
+    };
+    document.addEventListener('keydown', handleKeyDown);
+    return () => document.removeEventListener('keydown', handleKeyDown);
+  }, [onDismissRequest, visible]);
+  return /*#__PURE__*/jsx("div", {
+    ref: containerRef,
+    className: "wds-Snackbar",
+    children: /*#__PURE__*/jsx(CSSTransition, {
+      appear: true,
+      nodeRef: surfaceRef,
+      in: visible,
+      classNames: "wds-Snackbar-container",
+      timeout: {
+        appear: SNACKBAR_ENTER_DURATION,
+        enter: SNACKBAR_ENTER_DURATION,
+        exit: SNACKBAR_EXIT_DURATION
+      },
+      unmountOnExit: true,
+      onExited: handleExited,
+      children: /*#__PURE__*/jsx(PrimitivePrompt, {
+        ref: surfaceRef,
+        className: "wds-Snackbar-container",
+        sentiment: loading ? 'neutral' : sentiment,
+        emphasis: "elevated",
+        media: renderMedia(),
+        onDismiss: onDismissRequest,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        onClickCapture: handleClickCapture,
+        onPointerCancel: handlePointerCancel,
+        onPointerDown: handlePointerDown,
+        onPointerMove: handlePointerMove,
+        onPointerUp: handlePointerUp,
+        children: /*#__PURE__*/jsxs("div", {
+          className: "wds-Snackbar__content",
+          children: [/*#__PURE__*/jsx(LiveRegion, {
+            "aria-live": "polite",
+            announceOnChange: announcementKey,
+            className: "wds-Snackbar__message",
+            children: /*#__PURE__*/jsxs(Body, {
+              as: "span",
+              className: "wds-Snackbar__body",
+              children: [text, /*#__PURE__*/jsxs("span", {
+                className: "sr-only",
+                children: [" ", formatMessage(messages.escapeDismissHint)]
+              })]
+            })
+          }), action ? /*#__PURE__*/jsx(Button, {
+            className: "wds-Snackbar__action",
             v2: true,
             size: "sm",
-            onClick: action.onClick,
+            priority: "secondary",
+            href: action.href,
+            target: action.target,
+            onClick: handleActionClick,
             children: action.label
           }) : null]
         })
       })
-    });
+    })
+  });
+};
+const Snackbar = ({
+  onDismiss,
+  ...props
+}) => {
+  const [mounted, setMounted] = useState(true);
+  const [visible, setVisible] = useState(true);
+  const [announcementKey, setAnnouncementKey] = useState(0);
+  const previousText = useRef(props.text);
+  const handleDismissRequest = useCallback(() => setVisible(false), []);
+  const handleExited = useCallback(() => {
+    setMounted(false);
+    onDismiss?.();
+  }, [onDismiss]);
+  useEffect(() => {
+    if (previousText.current === props.text) {
+      return;
+    }
+    previousText.current = props.text;
+    // Direct Snackbars do not have a Provider-generated instance id, so text changes advance this
+    // key to schedule a fresh announcement and restart the semantic duration.
+    setMounted(true);
+    setVisible(true);
+    setAnnouncementKey(key => key + 1);
+  }, [props.text]);
+  if (!mounted) {
+    return null;
   }
-}
-Snackbar.contextType = DirectionContext;
-var SnackbarPortal = withNextPortalWrapper(Snackbar);
+  return /*#__PURE__*/jsx(SnackbarInternal, {
+    ...props,
+    announcementKey: announcementKey,
+    visible: visible,
+    onDismissRequest: handleDismissRequest,
+    onExited: handleExited
+  });
+};
 
-export { Snackbar, SnackbarPortal as default };
+export { Snackbar, SnackbarInternal };
 //# sourceMappingURL=Snackbar.mjs.map

package/build/Snackbar/Snackbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.mjs","sources":["../../src/Snackbar/Snackbar.tsx"],"sourcesContent":["import { Component, createRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport Button from '../Button';\nimport Body from '../Body';\nimport type { ThemeDark, ThemeLight } from '../common';\nimport { DirectionContext } from '../Provider/Direction';\nimport withNextPortal from '../WithNextPortal/WithNextPortal';\n\nconst CSS_TRANSITION_DURATION = 400;\n\nexport interface SnackbarProps {\n  action?: {\n    label: string;\n    onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  };\n  text: React.ReactNode;\n  /** @deprecated */\n  theme?: ThemeLight | ThemeDark;\n  timeout: number;\n  timestamp: number;\n}\n\ninterface SnackbarState extends Pick<SnackbarProps, 'action' | 'text' | 'theme'> {\n  visible: boolean;\n}\n\nexport class Snackbar extends Component<SnackbarProps, SnackbarState> {\n  bodyRef = createRef<HTMLSpanElement>();\n  timeout = 0;\n  transitionTimeout = 0;\n\n  constructor(props: SnackbarProps) {\n    super(props);\n    this.state = {\n      visible: false,\n      text: '',\n    };\n  }\n\n  componentWillUnmount() {\n    window.clearTimeout(this.timeout);\n    window.clearTimeout(this.transitionTimeout);\n  }\n\n  shouldComponentUpdate(nextProps: SnackbarProps, nextState: SnackbarState) {\n    if (!nextProps.text) {\n      return false;\n    }\n    if (\n      nextProps.timestamp === this.props.timestamp &&\n      nextState.visible === this.state.visible &&\n      nextState.text === this.state.text\n    ) {\n      return false;\n    }\n\n    return true;\n  }\n\n  setLeaveTimeout = () => {\n    const { timeout } = this.props;\n\n    this.timeout = window.setTimeout(() => {\n      this.setState({ visible: false });\n    }, timeout);\n  };\n\n  componentDidUpdate(previousProps: SnackbarProps) {\n    const { action, text, timestamp } = this.props;\n\n    if (!previousProps.text) {\n      this.setState({ visible: true, action, text }, () => {\n        this.setLeaveTimeout();\n      });\n    } else if (previousProps.timestamp !== timestamp) {\n      window.clearTimeout(this.timeout);\n\n      if (this.state.visible) {\n        this.setState({ visible: false }, () => {\n          this.transitionTimeout = window.setTimeout(() => {\n            this.setState({ visible: true, action, text });\n            this.setLeaveTimeout();\n          }, CSS_TRANSITION_DURATION);\n        });\n      } else {\n        this.setState({ visible: true, action, text });\n        this.setLeaveTimeout();\n      }\n    }\n  }\n\n  render() {\n    const { action, text, visible } = this.state;\n    const { timeout } = this.props;\n\n    return (\n      <div className=\"snackbar\" aria-live=\"assertive\" role=\"alert\">\n        <CSSTransition\n          nodeRef={this.bodyRef}\n          in={visible}\n          classNames=\"snackbar__text-container\"\n          timeout={{\n            appear: 0,\n            enter: timeout,\n            exit: CSS_TRANSITION_DURATION,\n          }}\n          unmountOnExit\n        >\n          <Body ref={this.bodyRef} as=\"span\" className=\"snackbar__text\">\n            {text}\n            {action ? (\n              <Button className=\"snackbar__text__action\" v2 size=\"sm\" onClick={action.onClick}>\n                {action.label}\n              </Button>\n            ) : null}\n          </Body>\n        </CSSTransition>\n      </div>\n    );\n  }\n}\n\nSnackbar.contextType = DirectionContext;\n\nexport default withNextPortal(Snackbar);\n"],"names":["CSS_TRANSITION_DURATION","Snackbar","Component","bodyRef","createRef","timeout","transitionTimeout","constructor","props","state","visible","text","componentWillUnmount","window","clearTimeout","shouldComponentUpdate","nextProps","nextState","timestamp","setLeaveTimeout","setTimeout","setState","componentDidUpdate","previousProps","action","render","_jsx","className","role","children","CSSTransition","nodeRef","in","classNames","appear","enter","exit","unmountOnExit","_jsxs","Body","ref","as","Button","v2","size","onClick","label","contextType","DirectionContext","withNextPortal"],"mappings":"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"}
+{"version":3,"file":"Snackbar.mjs","sources":["../../src/Snackbar/Snackbar.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { useIntl } from 'react-intl';\nimport { Tags } from '@transferwise/icons';\n\nimport Button from '../Button';\nimport type { ButtonReferenceType } from '../Button/Button.types';\nimport Body from '../Body';\nimport { LiveRegion } from '../common';\nimport type { ThemeDark, ThemeLight } from '../common';\nimport ProcessIndicator from '../ProcessIndicator';\nimport { PrimitivePrompt } from '../Prompt/PrimitivePrompt';\nimport type { Sentiment } from '../SentimentSurface';\nimport StatusIcon from '../StatusIcon';\nimport { SNACKBAR_ENTER_DURATION, SNACKBAR_EXIT_DURATION } from './constants';\nimport messages from './Snackbar.messages';\nimport type { SnackbarAction, SnackbarDuration, SnackbarInternalProps } from './Snackbar.types';\nimport useSnackbarAutoDismiss from './useSnackbarAutoDismiss';\nimport useSnackbarSwipeDismiss from './useSnackbarSwipeDismiss';\n\nexport interface SnackbarProps {\n  /** One optional action. Supports callbacks and navigation through the Button API. */\n  action?: SnackbarAction;\n  /**\n   * Controls auto-dismiss using the design-defined duration presets.\n   * @default 'default'\n   */\n  duration?: SnackbarDuration;\n  /**\n   * Replaces the sentiment-derived default media.\n   * Custom media should fit the 24x24px media slot.\n   * The asset should include its own accessibility attributes if it conveys meaning.\n   */\n  media?: React.ReactNode;\n  /**\n   * Replaces the media with a progress indicator and uses neutral sentiment styling.\n   * @default false\n   */\n  loading?: boolean;\n  /** Called after the Snackbar completes dismissal. */\n  onDismiss?: () => void;\n  /**\n   * Determines the colour scheme and default media.\n   * @default 'neutral'\n   */\n  sentiment?: Sentiment;\n  /** Short Snackbar message. Plain text is recommended. */\n  text: React.ReactNode;\n  /**\n   * @deprecated Theme no longer changes Snackbar appearance. Use `sentiment` for the semantic\n   * colour scheme. This prop remains available temporarily for existing implementations.\n   */\n  theme?: ThemeLight | ThemeDark;\n  /**\n   * @deprecated Use `duration` instead. Existing millisecond values remain supported during\n   * migration: use `default` for 0–5000ms, `extended` above 5000ms, and `indefinite` only when\n   * the existing usage is intentionally persistent. `duration` takes precedence when both are\n   * provided.\n   */\n  timeout?: number;\n}\n\nexport const SnackbarInternal = ({\n  action,\n  announcementKey,\n  duration,\n  loading = false,\n  media,\n  onDismissRequest,\n  onExited,\n  sentiment = 'neutral',\n  text,\n  timeout,\n  visible,\n}: SnackbarInternalProps) => {\n  const { formatMessage } = useIntl();\n  const {\n    clearSwipePosition,\n    containerRef,\n    handleClickCapture,\n    handlePointerCancel,\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp,\n  } = useSnackbarSwipeDismiss(onDismissRequest);\n  const { handleBlur, handleFocus, handleMouseEnter, handleMouseLeave, surfaceRef } =\n    useSnackbarAutoDismiss({\n      duration,\n      loading,\n      onDismissRequest,\n      timeout,\n      visible,\n      resetKey: announcementKey,\n    });\n\n  const handleExited = () => {\n    clearSwipePosition();\n    onExited();\n  };\n\n  const handleActionClick: React.MouseEventHandler<ButtonReferenceType> = (event) => {\n    const handleClick: React.MouseEventHandler<ButtonReferenceType> | undefined = action?.onClick;\n    try {\n      handleClick?.(event);\n    } finally {\n      onDismissRequest();\n    }\n  };\n\n  const renderMedia = () => {\n    if (loading) {\n      return (\n        <ProcessIndicator\n          className=\"wds-Snackbar__process-indicator\"\n          data-testid=\"Snackbar_ProcessIndicator\"\n          size=\"xs\"\n        />\n      );\n    }\n\n    if (media) {\n      return <span className=\"wds-Snackbar__media-asset\">{media}</span>;\n    }\n\n    if (sentiment === 'proposition') {\n      return (\n        <span className=\"wds-Snackbar__media-asset\">\n          <Tags aria-hidden size={24} />\n        </span>\n      );\n    }\n\n    return <StatusIcon sentiment={sentiment} size={24} />;\n  };\n\n  useEffect(() => {\n    if (visible) {\n      clearSwipePosition();\n    }\n  }, [clearSwipePosition, visible]);\n\n  useEffect(() => {\n    if (!visible) {\n      return undefined;\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && !event.defaultPrevented) {\n        onDismissRequest();\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [onDismissRequest, visible]);\n\n  return (\n    <div ref={containerRef} className=\"wds-Snackbar\">\n      <CSSTransition\n        appear\n        nodeRef={surfaceRef}\n        in={visible}\n        classNames=\"wds-Snackbar-container\"\n        timeout={{\n          appear: SNACKBAR_ENTER_DURATION,\n          enter: SNACKBAR_ENTER_DURATION,\n          exit: SNACKBAR_EXIT_DURATION,\n        }}\n        unmountOnExit\n        onExited={handleExited}\n      >\n        <PrimitivePrompt\n          ref={surfaceRef}\n          className=\"wds-Snackbar-container\"\n          sentiment={loading ? 'neutral' : sentiment}\n          emphasis=\"elevated\"\n          media={renderMedia()}\n          onDismiss={onDismissRequest}\n          onBlur={handleBlur}\n          onFocus={handleFocus}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n          onClickCapture={handleClickCapture}\n          onPointerCancel={handlePointerCancel}\n          onPointerDown={handlePointerDown}\n          onPointerMove={handlePointerMove}\n          onPointerUp={handlePointerUp}\n        >\n          <div className=\"wds-Snackbar__content\">\n            <LiveRegion\n              aria-live=\"polite\"\n              announceOnChange={announcementKey}\n              className=\"wds-Snackbar__message\"\n            >\n              <Body as=\"span\" className=\"wds-Snackbar__body\">\n                {text}\n                <span className=\"sr-only\"> {formatMessage(messages.escapeDismissHint)}</span>\n              </Body>\n            </LiveRegion>\n            {action ? (\n              <Button\n                className=\"wds-Snackbar__action\"\n                v2\n                size=\"sm\"\n                priority=\"secondary\"\n                href={action.href}\n                target={action.target}\n                onClick={handleActionClick}\n              >\n                {action.label}\n              </Button>\n            ) : null}\n          </div>\n        </PrimitivePrompt>\n      </CSSTransition>\n    </div>\n  );\n};\n\nexport const Snackbar = ({ onDismiss, ...props }: SnackbarProps) => {\n  const [mounted, setMounted] = useState(true);\n  const [visible, setVisible] = useState(true);\n  const [announcementKey, setAnnouncementKey] = useState(0);\n  const previousText = useRef(props.text);\n  const handleDismissRequest = useCallback(() => setVisible(false), []);\n  const handleExited = useCallback(() => {\n    setMounted(false);\n    onDismiss?.();\n  }, [onDismiss]);\n\n  useEffect(() => {\n    if (previousText.current === props.text) {\n      return;\n    }\n\n    previousText.current = props.text;\n    // Direct Snackbars do not have a Provider-generated instance id, so text changes advance this\n    // key to schedule a fresh announcement and restart the semantic duration.\n    setMounted(true);\n    setVisible(true);\n    setAnnouncementKey((key) => key + 1);\n  }, [props.text]);\n\n  if (!mounted) {\n    return null;\n  }\n\n  return (\n    <SnackbarInternal\n      {...props}\n      announcementKey={announcementKey}\n      visible={visible}\n      onDismissRequest={handleDismissRequest}\n      onExited={handleExited}\n    />\n  );\n};\n"],"names":["SnackbarInternal","action","announcementKey","duration","loading","media","onDismissRequest","onExited","sentiment","text","timeout","visible","formatMessage","useIntl","clearSwipePosition","containerRef","handleClickCapture","handlePointerCancel","handlePointerDown","handlePointerMove","handlePointerUp","useSnackbarSwipeDismiss","handleBlur","handleFocus","handleMouseEnter","handleMouseLeave","surfaceRef","useSnackbarAutoDismiss","resetKey","handleExited","handleActionClick","event","handleClick","onClick","renderMedia","_jsx","ProcessIndicator","className","size","children","Tags","StatusIcon","useEffect","undefined","handleKeyDown","key","defaultPrevented","document","addEventListener","removeEventListener","ref","CSSTransition","appear","nodeRef","in","classNames","SNACKBAR_ENTER_DURATION","enter","exit","SNACKBAR_EXIT_DURATION","unmountOnExit","PrimitivePrompt","emphasis","onDismiss","onBlur","onFocus","onMouseEnter","onMouseLeave","onClickCapture","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","_jsxs","LiveRegion","announceOnChange","Body","as","messages","escapeDismissHint","Button","v2","priority","href","target","label","Snackbar","props","mounted","setMounted","useState","setVisible","setAnnouncementKey","previousText","useRef","handleDismissRequest","useCallback","current"],"mappings":"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"}

package/build/Snackbar/SnackbarContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarContext.js","sources":["../../src/Snackbar/SnackbarContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport { SnackbarProps } from './Snackbar';\n\nexport type SnackbarContextType = {\n  createSnackbar: (props: Omit<SnackbarProps, 'timeout' | 'timestamp'>) => void;\n};\n\nexport const SnackbarContext = createContext<SnackbarContextType>({ createSnackbar: () => {} });\n\nexport const SnackbarConsumer = SnackbarContext.Consumer;\n"],"names":["SnackbarContext","createContext","createSnackbar","SnackbarConsumer","Consumer"],"mappings":";;;;AAQO,MAAMA,eAAe,gBAAGC,mBAAa,CAAsB;EAAEC,cAAc,EAAEA,MAAK,CAAE;AAAC,CAAE;AAEvF,MAAMC,gBAAgB,GAAGH,eAAe,CAACI;;;"}
+{"version":3,"file":"SnackbarContext.js","sources":["../../src/Snackbar/SnackbarContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { SnackbarCreationProps } from './Snackbar.types';\n\nexport type SnackbarContextType = {\n  createSnackbar: (props: SnackbarCreationProps) => void;\n};\n\nexport const SnackbarContext = createContext<SnackbarContextType>({ createSnackbar: () => {} });\n\nexport const SnackbarConsumer = SnackbarContext.Consumer;\n"],"names":["SnackbarContext","createContext","createSnackbar","SnackbarConsumer","Consumer"],"mappings":";;;;AAQO,MAAMA,eAAe,gBAAGC,mBAAa,CAAsB;EAAEC,cAAc,EAAEA,MAAK,CAAE;AAAC,CAAE;AAEvF,MAAMC,gBAAgB,GAAGH,eAAe,CAACI;;;"}

package/build/Snackbar/SnackbarContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarContext.mjs","sources":["../../src/Snackbar/SnackbarContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport { SnackbarProps } from './Snackbar';\n\nexport type SnackbarContextType = {\n  createSnackbar: (props: Omit<SnackbarProps, 'timeout' | 'timestamp'>) => void;\n};\n\nexport const SnackbarContext = createContext<SnackbarContextType>({ createSnackbar: () => {} });\n\nexport const SnackbarConsumer = SnackbarContext.Consumer;\n"],"names":["SnackbarContext","createContext","createSnackbar","SnackbarConsumer","Consumer"],"mappings":";;AAQO,MAAMA,eAAe,gBAAGC,aAAa,CAAsB;EAAEC,cAAc,EAAEA,MAAK,CAAE;AAAC,CAAE;AAEvF,MAAMC,gBAAgB,GAAGH,eAAe,CAACI;;"}
+{"version":3,"file":"SnackbarContext.mjs","sources":["../../src/Snackbar/SnackbarContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { SnackbarCreationProps } from './Snackbar.types';\n\nexport type SnackbarContextType = {\n  createSnackbar: (props: SnackbarCreationProps) => void;\n};\n\nexport const SnackbarContext = createContext<SnackbarContextType>({ createSnackbar: () => {} });\n\nexport const SnackbarConsumer = SnackbarContext.Consumer;\n"],"names":["SnackbarContext","createContext","createSnackbar","SnackbarConsumer","Consumer"],"mappings":";;AAQO,MAAMA,eAAe,gBAAGC,aAAa,CAAsB;EAAEC,cAAc,EAAEA,MAAK,CAAE;AAAC,CAAE;AAEvF,MAAMC,gBAAgB,GAAGH,eAAe,CAACI;;"}

package/build/Snackbar/SnackbarPortal.js

@@ -0,0 +1,92 @@
+'use strict';
+
+var React = require('react');
+var WithNextPortal = require('../WithNextPortal/WithNextPortal.js');
+var Snackbar = require('./Snackbar.js');
+var useSnackbarManager = require('./useSnackbarManager.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+const PortalledSnackbar = WithNextPortal.default(Snackbar.SnackbarInternal);
+const hasSnackbarText = text => text !== null && text !== undefined && text !== '';
+const SnackbarPortal = ({
+  action,
+  duration,
+  loading,
+  media,
+  onDismiss,
+  sentiment,
+  text,
+  theme,
+  timeout,
+  timestamp
+}) => {
+  const hasText = hasSnackbarText(text);
+  const previousTimestamp = React.useRef(timestamp);
+  const previousText = React.useRef(text);
+  const isInitialRender = React.useRef(true);
+  const {
+    active,
+    announcementKey,
+    dismissSnackbar,
+    handleExited,
+    showSnackbar,
+    updateSnackbar,
+    visible
+  } = useSnackbarManager.default(hasText ? {
+    action,
+    duration,
+    loading,
+    media,
+    onDismiss,
+    sentiment,
+    text,
+    theme,
+    timeout
+  } : undefined);
+  React.useEffect(() => {
+    if (isInitialRender.current) {
+      isInitialRender.current = false;
+      return;
+    }
+    if (!hasText) {
+      dismissSnackbar();
+      previousTimestamp.current = timestamp;
+      previousText.current = text;
+      return;
+    }
+    const snackbar = {
+      action,
+      duration,
+      loading,
+      media,
+      onDismiss,
+      sentiment,
+      text,
+      theme,
+      timeout
+    };
+    if (timestamp === undefined) {
+      // Without the legacy identity prop, update in place so recreated callbacks/media do not
+      // repeatedly restart the exit animation or auto-dismiss timer.
+      updateSnackbar(snackbar, !hasSnackbarText(previousText.current));
+    } else if (!hasSnackbarText(previousText.current) || previousTimestamp.current !== timestamp) {
+      showSnackbar(snackbar);
+    }
+    previousTimestamp.current = timestamp;
+    previousText.current = text;
+  }, [dismissSnackbar, showSnackbar, action, duration, hasText, loading, media, onDismiss, sentiment, text, theme, timeout, timestamp, updateSnackbar]);
+  if (!active) {
+    return null;
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(PortalledSnackbar, {
+    ...active.props,
+    announcementKey: announcementKey,
+    visible: visible,
+    onDismissRequest: dismissSnackbar,
+    onExited: handleExited
+  });
+};
+
+exports.PortalledSnackbar = PortalledSnackbar;
+exports.SnackbarPortal = SnackbarPortal;
+//# sourceMappingURL=SnackbarPortal.js.map

package/build/Snackbar/SnackbarPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnackbarPortal.js","sources":["../../src/Snackbar/SnackbarPortal.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport withNextPortal from '../WithNextPortal/WithNextPortal';\nimport { SnackbarInternal } from './Snackbar';\nimport type { SnackbarPortalProps } from './Snackbar.types';\nimport useSnackbarManager from './useSnackbarManager';\n\nexport const PortalledSnackbar = withNextPortal(SnackbarInternal);\n\nconst hasSnackbarText = (text: SnackbarPortalProps['text']) =>\n  text !== null && text !== undefined && text !== '';\n\nexport const SnackbarPortal = ({\n  action,\n  duration,\n  loading,\n  media,\n  onDismiss,\n  sentiment,\n  text,\n  theme,\n  timeout,\n  timestamp,\n}: SnackbarPortalProps) => {\n  const hasText = hasSnackbarText(text);\n  const previousTimestamp = useRef(timestamp);\n  const previousText = useRef(text);\n  const isInitialRender = useRef(true);\n  const {\n    active,\n    announcementKey,\n    dismissSnackbar,\n    handleExited,\n    showSnackbar,\n    updateSnackbar,\n    visible,\n  } = useSnackbarManager(\n    hasText\n      ? { action, duration, loading, media, onDismiss, sentiment, text, theme, timeout }\n      : undefined,\n  );\n\n  useEffect(() => {\n    if (isInitialRender.current) {\n      isInitialRender.current = false;\n      return;\n    }\n\n    if (!hasText) {\n      dismissSnackbar();\n      previousTimestamp.current = timestamp;\n      previousText.current = text;\n      return;\n    }\n\n    const snackbar = {\n      action,\n      duration,\n      loading,\n      media,\n      onDismiss,\n      sentiment,\n      text,\n      theme,\n      timeout,\n    };\n\n    if (timestamp === undefined) {\n      // Without the legacy identity prop, update in place so recreated callbacks/media do not\n      // repeatedly restart the exit animation or auto-dismiss timer.\n      updateSnackbar(snackbar, !hasSnackbarText(previousText.current));\n    } else if (!hasSnackbarText(previousText.current) || previousTimestamp.current !== timestamp) {\n      showSnackbar(snackbar);\n    }\n\n    previousTimestamp.current = timestamp;\n    previousText.current = text;\n  }, [\n    dismissSnackbar,\n    showSnackbar,\n    action,\n    duration,\n    hasText,\n    loading,\n    media,\n    onDismiss,\n    sentiment,\n    text,\n    theme,\n    timeout,\n    timestamp,\n    updateSnackbar,\n  ]);\n\n  if (!active) {\n    return null;\n  }\n\n  return (\n    <PortalledSnackbar\n      {...active.props}\n      announcementKey={announcementKey}\n      visible={visible}\n      onDismissRequest={dismissSnackbar}\n      onExited={handleExited}\n    />\n  );\n};\n\nexport default SnackbarPortal;\n"],"names":["PortalledSnackbar","withNextPortal","SnackbarInternal","hasSnackbarText","text","undefined","SnackbarPortal","action","duration","loading","media","onDismiss","sentiment","theme","timeout","timestamp","hasText","previousTimestamp","useRef","previousText","isInitialRender","active","announcementKey","dismissSnackbar","handleExited","showSnackbar","updateSnackbar","visible","useSnackbarManager","useEffect","current","snackbar","_jsx","props","onDismissRequest","onExited"],"mappings":";;;;;;;;MAOaA,iBAAiB,GAAGC,sBAAc,CAACC,yBAAgB;AAEhE,MAAMC,eAAe,GAAIC,IAAiC,IACxDA,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAKC,SAAS,IAAID,IAAI,KAAK,EAAE;AAE7C,MAAME,cAAc,GAAGA,CAAC;EAC7BC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC,SAAS;EACTC,SAAS;EACTR,IAAI;EACJS,KAAK;EACLC,OAAO;AACPC,EAAAA;AAAS,CACW,KAAI;AACxB,EAAA,MAAMC,OAAO,GAAGb,eAAe,CAACC,IAAI,CAAC;AACrC,EAAA,MAAMa,iBAAiB,GAAGC,YAAM,CAACH,SAAS,CAAC;AAC3C,EAAA,MAAMI,YAAY,GAAGD,YAAM,CAACd,IAAI,CAAC;AACjC,EAAA,MAAMgB,eAAe,GAAGF,YAAM,CAAC,IAAI,CAAC;EACpC,MAAM;IACJG,MAAM;IACNC,eAAe;IACfC,eAAe;IACfC,YAAY;IACZC,YAAY;IACZC,cAAc;AACdC,IAAAA;GACD,GAAGC,0BAAkB,CACpBZ,OAAO,GACH;IAAET,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,KAAK;IAAEC,SAAS;IAAEC,SAAS;IAAER,IAAI;IAAES,KAAK;AAAEC,IAAAA;GAAS,GAChFT,SAAS,CACd;AAEDwB,EAAAA,eAAS,CAAC,MAAK;IACb,IAAIT,eAAe,CAACU,OAAO,EAAE;MAC3BV,eAAe,CAACU,OAAO,GAAG,KAAK;AAC/B,MAAA;AACF,IAAA;IAEA,IAAI,CAACd,OAAO,EAAE;AACZO,MAAAA,eAAe,EAAE;MACjBN,iBAAiB,CAACa,OAAO,GAAGf,SAAS;MACrCI,YAAY,CAACW,OAAO,GAAG1B,IAAI;AAC3B,MAAA;AACF,IAAA;AAEA,IAAA,MAAM2B,QAAQ,GAAG;MACfxB,MAAM;MACNC,QAAQ;MACRC,OAAO;MACPC,KAAK;MACLC,SAAS;MACTC,SAAS;MACTR,IAAI;MACJS,KAAK;AACLC,MAAAA;KACD;IAED,IAAIC,SAAS,KAAKV,SAAS,EAAE;AAC3B;AACA;MACAqB,cAAc,CAACK,QAAQ,EAAE,CAAC5B,eAAe,CAACgB,YAAY,CAACW,OAAO,CAAC,CAAC;AAClE,IAAA,CAAC,MAAM,IAAI,CAAC3B,eAAe,CAACgB,YAAY,CAACW,OAAO,CAAC,IAAIb,iBAAiB,CAACa,OAAO,KAAKf,SAAS,EAAE;MAC5FU,YAAY,CAACM,QAAQ,CAAC;AACxB,IAAA;IAEAd,iBAAiB,CAACa,OAAO,GAAGf,SAAS;IACrCI,YAAY,CAACW,OAAO,GAAG1B,IAAI;AAC7B,EAAA,CAAC,EAAE,CACDmB,eAAe,EACfE,YAAY,EACZlB,MAAM,EACNC,QAAQ,EACRQ,OAAO,EACPP,OAAO,EACPC,KAAK,EACLC,SAAS,EACTC,SAAS,EACTR,IAAI,EACJS,KAAK,EACLC,OAAO,EACPC,SAAS,EACTW,cAAc,CACf,CAAC;EAEF,IAAI,CAACL,MAAM,EAAE;AACX,IAAA,OAAO,IAAI;AACb,EAAA;EAEA,oBACEW,cAAA,CAAChC,iBAAiB,EAAA;IAAA,GACZqB,MAAM,CAACY,KAAK;AAChBX,IAAAA,eAAe,EAAEA,eAAgB;AACjCK,IAAAA,OAAO,EAAEA,OAAQ;AACjBO,IAAAA,gBAAgB,EAAEX,eAAgB;AAClCY,IAAAA,QAAQ,EAAEX;AAAa,GAAA,CACvB;AAEN;;;"}