@transferwise/components 0.0.0-experimental-f4724ce → 0.0.0-experimental-1ffe912

package/build/Snackbar/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.js","sources":["../../src/Snackbar/Snackbar.tsx"],"sourcesContent":["import { Tags } from '@transferwise/icons';\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport Button from '../Button';\nimport Body from '../Body';\nimport { LiveRegion } from '../common';\nimport type { ThemeDark, ThemeLight } from '../common';\nimport { PrimitivePrompt } from '../Prompt/PrimitivePrompt';\nimport type { Sentiment } from '../SentimentSurface';\nimport StatusIcon from '../StatusIcon';\nimport withNextPortal from '../WithNextPortal/WithNextPortal';\n\nimport { SNACKBAR_ENTER_DURATION, SNACKBAR_EXIT_DURATION } from './constants';\nimport type { SnackbarAction } from './Snackbar.types';\n\nexport interface SnackbarProps {\n  /** One optional action, supporting a callback or navigation through `href` and `target`. */\n  action?: SnackbarAction;\n  media?: React.ReactNode;\n  sentiment?: Sentiment;\n  text: React.ReactNode;\n  /** @deprecated Has no effect. Snackbar theming is based on ThemeProvider. */\n  theme?: ThemeLight | ThemeDark;\n  timeout: number;\n  /** @deprecated Has no effect when using SnackbarProvider, which manages Snackbar identity. */\n  timestamp?: number;\n}\n\ninterface SnackbarState extends Pick<\n  SnackbarProps,\n  'action' | 'media' | 'sentiment' | 'text' | 'timestamp'\n> {\n  visible: boolean;\n}\n\nexport const Snackbar = (props: SnackbarProps) => {\n  const surfaceRef = useRef<HTMLDivElement>(null);\n  const leaveTimeout = useRef(0);\n  const transitionTimeout = useRef(0);\n  /** The props of the last committed render, as `this.props` was in the class component. */\n  const committedProps = useRef(props);\n\n  const [state, setState] = useState<SnackbarState>({\n    visible: false,\n    text: '',\n    timestamp: 0,\n  });\n\n  const handleDismiss = () => {\n    window.clearTimeout(leaveTimeout.current);\n    setState((current) => ({ ...current, visible: false }));\n  };\n\n  useEffect(\n    () => () => {\n      window.clearTimeout(leaveTimeout.current);\n      window.clearTimeout(transitionTimeout.current);\n    },\n    [],\n  );\n\n  // Runs after every render to mirror the componentDidUpdate lifecycle this component previously\n  // relied on, including the shouldComponentUpdate guard that ignored every update without text.\n  // Layout, not passive, so a notification is shown or replaced before the browser paints, as\n  // componentDidUpdate did. Both rules below are disabled on purpose: the dependency-less effect\n  // and its synchronous state updates are what keep this conversion behaviour-identical.\n  /* eslint-disable react-hooks/exhaustive-deps, react-hooks/set-state-in-effect */\n  useLayoutEffect(() => {\n    const previousProps = committedProps.current;\n    committedProps.current = props;\n\n    const { action, media, sentiment, text, timestamp } = props;\n\n    // shouldComponentUpdate bailed out whenever the incoming text was empty. That also blocked the\n    // updates scheduled below, so a Snackbar whose text is cleared stays on screen until it is\n    // given text again. Preserved here deliberately to keep this refactor behaviour-identical.\n    const updateWhileTextIsPresent = (update: () => void) => {\n      if (committedProps.current.text) {\n        update();\n      }\n    };\n\n    const setLeaveTimeout = () => {\n      leaveTimeout.current = window.setTimeout(() => {\n        updateWhileTextIsPresent(() => setState((current) => ({ ...current, visible: false })));\n      }, committedProps.current.timeout);\n    };\n\n    const show = () => {\n      setState((current) => ({\n        ...current,\n        visible: true,\n        action,\n        media,\n        sentiment,\n        text,\n        timestamp,\n      }));\n      setLeaveTimeout();\n    };\n\n    if (!text) {\n      return;\n    }\n\n    if (!previousProps.text) {\n      show();\n    } else if (previousProps.timestamp !== timestamp) {\n      window.clearTimeout(leaveTimeout.current);\n\n      if (state.visible) {\n        setState((current) => ({ ...current, visible: false }));\n        transitionTimeout.current = window.setTimeout(() => {\n          updateWhileTextIsPresent(show);\n        }, SNACKBAR_EXIT_DURATION);\n      } else {\n        show();\n      }\n    }\n  });\n  /* eslint-enable react-hooks/exhaustive-deps, react-hooks/set-state-in-effect */\n\n  const { action, media, sentiment = 'neutral', text, timestamp, visible } = state;\n\n  const renderMedia = () => {\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  return (\n    <div\n      className=\"wds-Snackbar\"\n      style={\n        {\n          '--Snackbar-enter-duration': `${SNACKBAR_ENTER_DURATION}ms`,\n          '--Snackbar-exit-duration': `${SNACKBAR_EXIT_DURATION}ms`,\n        } as React.CSSProperties\n      }\n    >\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      >\n        <PrimitivePrompt\n          ref={surfaceRef}\n          className=\"wds-Snackbar-container\"\n          sentiment={sentiment}\n          emphasis=\"elevated\"\n          media={renderMedia()}\n          onDismiss={handleDismiss}\n        >\n          <div className=\"wds-Snackbar__content\">\n            <LiveRegion\n              aria-live=\"polite\"\n              announceOnChange={timestamp}\n              className=\"wds-Snackbar__message\"\n            >\n              <Body as=\"span\" className=\"wds-Snackbar__body\">\n                {text}\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={action.onClick}\n              >\n                {action.label}\n              </Button>\n            ) : null}\n          </div>\n        </PrimitivePrompt>\n      </CSSTransition>\n    </div>\n  );\n};\n\nexport default withNextPortal(Snackbar);\n"],"names":["Snackbar","props","surfaceRef","useRef","leaveTimeout","transitionTimeout","committedProps","state","setState","useState","visible","text","timestamp","handleDismiss","window","clearTimeout","current","useEffect","useLayoutEffect","previousProps","action","media","sentiment","updateWhileTextIsPresent","update","setLeaveTimeout","setTimeout","timeout","show","SNACKBAR_EXIT_DURATION","renderMedia","_jsx","className","children","Tags","size","StatusIcon","style","SNACKBAR_ENTER_DURATION","CSSTransition","appear","nodeRef","in","classNames","enter","exit","unmountOnExit","PrimitivePrompt","ref","emphasis","onDismiss","_jsxs","LiveRegion","announceOnChange","Body","as","Button","v2","priority","href","target","onClick","label","withNextPortal"],"mappings":"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"}
+{"version":3,"file":"Snackbar.js","sources":["../../src/Snackbar/Snackbar.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport Button from '../Button';\nimport Body from '../Body';\nimport type { ThemeDark, ThemeLight } from '../common';\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 Has no effect. Snackbar theming is based on ThemeProvider. */\n  theme?: ThemeLight | ThemeDark;\n  timeout: number;\n  timestamp: number;\n}\n\ninterface SnackbarState extends Pick<SnackbarProps, 'action' | 'text'> {\n  visible: boolean;\n}\n\nexport const Snackbar = (props: SnackbarProps) => {\n  const bodyRef = useRef<HTMLSpanElement>(null);\n  const leaveTimeout = useRef(0);\n  const transitionTimeout = useRef(0);\n  /** The props of the last committed render, as `this.props` was in the class component. */\n  const committedProps = useRef(props);\n\n  const [state, setState] = useState<SnackbarState>({\n    visible: false,\n    text: '',\n  });\n\n  useEffect(\n    () => () => {\n      window.clearTimeout(leaveTimeout.current);\n      window.clearTimeout(transitionTimeout.current);\n    },\n    [],\n  );\n\n  // Runs after every render to mirror the componentDidUpdate lifecycle this component previously\n  // relied on, including the shouldComponentUpdate guard that ignored every update without text.\n  // Layout, not passive, so a notification is shown or replaced before the browser paints, as\n  // componentDidUpdate did. Both rules below are disabled on purpose: the dependency-less effect\n  // and its synchronous state updates are what keep this conversion behaviour-identical.\n  /* eslint-disable react-hooks/exhaustive-deps, react-hooks/set-state-in-effect */\n  useLayoutEffect(() => {\n    const previousProps = committedProps.current;\n    committedProps.current = props;\n\n    const { action, text, timestamp } = props;\n\n    // shouldComponentUpdate bailed out whenever the incoming text was empty. That also blocked the\n    // updates scheduled below, so a Snackbar whose text is cleared stays on screen until it is\n    // given text again. Preserved here deliberately to keep this refactor behaviour-identical.\n    const updateWhileTextIsPresent = (update: () => void) => {\n      if (committedProps.current.text) {\n        update();\n      }\n    };\n\n    const setLeaveTimeout = () => {\n      leaveTimeout.current = window.setTimeout(() => {\n        updateWhileTextIsPresent(() => setState((current) => ({ ...current, visible: false })));\n      }, committedProps.current.timeout);\n    };\n\n    const show = () => {\n      setState((current) => ({ ...current, visible: true, action, text }));\n      setLeaveTimeout();\n    };\n\n    if (!text) {\n      return;\n    }\n\n    if (!previousProps.text) {\n      show();\n    } else if (previousProps.timestamp !== timestamp) {\n      window.clearTimeout(leaveTimeout.current);\n\n      if (state.visible) {\n        setState((current) => ({ ...current, visible: false }));\n        transitionTimeout.current = window.setTimeout(() => {\n          updateWhileTextIsPresent(show);\n        }, CSS_TRANSITION_DURATION);\n      } else {\n        show();\n      }\n    }\n  });\n  /* eslint-enable react-hooks/exhaustive-deps, react-hooks/set-state-in-effect */\n\n  const { action, text, visible } = state;\n  const { timeout } = props;\n\n  return (\n    <div className=\"snackbar\" aria-live=\"assertive\" role=\"alert\">\n      <CSSTransition\n        nodeRef={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={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\nexport default withNextPortal(Snackbar);\n"],"names":["CSS_TRANSITION_DURATION","Snackbar","props","bodyRef","useRef","leaveTimeout","transitionTimeout","committedProps","state","setState","useState","visible","text","useEffect","window","clearTimeout","current","useLayoutEffect","previousProps","action","timestamp","updateWhileTextIsPresent","update","setLeaveTimeout","setTimeout","timeout","show","_jsx","className","role","children","CSSTransition","nodeRef","in","classNames","appear","enter","exit","unmountOnExit","_jsxs","Body","ref","as","Button","v2","size","onClick","label","withNextPortal"],"mappings":"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"}

package/build/Snackbar/Snackbar.mjs

@@ -1,56 +1,21 @@
-import { Tags } from '@transferwise/icons';
 import { useRef, useState, useEffect, useLayoutEffect } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import Button from '../Button/Button.resolver.mjs';
 import Body from '../Body/Body.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 'react-intl';
-import '../common/CloseButton/CloseButton.messages.mjs';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { LiveRegion } from '../common/LiveRegion/LiveRegion.mjs';
-import { PrimitivePrompt } from '../Prompt/PrimitivePrompt/PrimitivePrompt.mjs';
-import StatusIcon from '../StatusIcon/StatusIcon.mjs';
 import withNextPortalWrapper from '../WithNextPortal/WithNextPortal.mjs';
-import { SNACKBAR_EXIT_DURATION, SNACKBAR_ENTER_DURATION } from './constants.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
+const CSS_TRANSITION_DURATION = 400;
 const Snackbar = props => {
-  const surfaceRef = useRef(null);
+  const bodyRef = useRef(null);
   const leaveTimeout = useRef(0);
   const transitionTimeout = useRef(0);
   /** The props of the last committed render, as `this.props` was in the class component. */
   const committedProps = useRef(props);
   const [state, setState] = useState({
     visible: false,
-    text: '',
-    timestamp: 0
+    text: ''
   });
-  const handleDismiss = () => {
-    window.clearTimeout(leaveTimeout.current);
-    setState(current => ({
-      ...current,
-      visible: false
-    }));
-  };
   useEffect(() => () => {
     window.clearTimeout(leaveTimeout.current);
     window.clearTimeout(transitionTimeout.current);
@@ -66,8 +31,6 @@ const Snackbar = props => {
     committedProps.current = props;
     const {
       action,
-      media,
-      sentiment,
       text,
       timestamp
     } = props;
@@ -92,10 +55,7 @@ const Snackbar = props => {
         ...current,
         visible: true,
         action,
-        media,
-        sentiment,
-        text,
-        timestamp
+        text
       }));
       setLeaveTimeout();
     };
@@ -113,7 +73,7 @@ const Snackbar = props => {
         }));
         transitionTimeout.current = window.setTimeout(() => {
           updateWhileTextIsPresent(show);
-        }, SNACKBAR_EXIT_DURATION);
+        }, CSS_TRANSITION_DURATION);
       } else {
         show();
       }
@@ -122,79 +82,37 @@ const Snackbar = props => {
   /* eslint-enable react-hooks/exhaustive-deps, react-hooks/set-state-in-effect */
   const {
     action,
-    media,
-    sentiment = 'neutral',
     text,
-    timestamp,
     visible
   } = state;
-  const renderMedia = () => {
-    if (media) {
-      return /*#__PURE__*/jsx("span", {
-        className: "wds-Snackbar__media-asset",
-        children: media
-      });
-    }
-    if (sentiment === 'proposition') {
-      return /*#__PURE__*/jsx("span", {
-        className: "wds-Snackbar__media-asset",
-        children: /*#__PURE__*/jsx(Tags, {
-          "aria-hidden": true,
-          size: 24
-        })
-      });
-    }
-    return /*#__PURE__*/jsx(StatusIcon, {
-      sentiment: sentiment,
-      size: 24
-    });
-  };
+  const {
+    timeout
+  } = props;
   return /*#__PURE__*/jsx("div", {
-    className: "wds-Snackbar",
-    style: {
-      '--Snackbar-enter-duration': `${SNACKBAR_ENTER_DURATION}ms`,
-      '--Snackbar-exit-duration': `${SNACKBAR_EXIT_DURATION}ms`
-    },
+    className: "snackbar",
+    "aria-live": "assertive",
+    role: "alert",
     children: /*#__PURE__*/jsx(CSSTransition, {
-      appear: true,
-      nodeRef: surfaceRef,
+      nodeRef: bodyRef,
       in: visible,
-      classNames: "wds-Snackbar-container",
+      classNames: "snackbar__text-container",
       timeout: {
-        appear: SNACKBAR_ENTER_DURATION,
-        enter: SNACKBAR_ENTER_DURATION,
-        exit: SNACKBAR_EXIT_DURATION
+        appear: 0,
+        enter: timeout,
+        exit: CSS_TRANSITION_DURATION
       },
       unmountOnExit: true,
-      children: /*#__PURE__*/jsx(PrimitivePrompt, {
-        ref: surfaceRef,
-        className: "wds-Snackbar-container",
-        sentiment: sentiment,
-        emphasis: "elevated",
-        media: renderMedia(),
-        onDismiss: handleDismiss,
-        children: /*#__PURE__*/jsxs("div", {
-          className: "wds-Snackbar__content",
-          children: [/*#__PURE__*/jsx(LiveRegion, {
-            "aria-live": "polite",
-            announceOnChange: timestamp,
-            className: "wds-Snackbar__message",
-            children: /*#__PURE__*/jsx(Body, {
-              as: "span",
-              className: "wds-Snackbar__body",
-              children: text
-            })
-          }), action ? /*#__PURE__*/jsx(Button, {
-            className: "wds-Snackbar__action",
-            v2: true,
-            size: "sm",
-            priority: "secondary",
-            href: action.href,
-            target: action.target,
-            onClick: action.onClick,
-            children: action.label
-          }) : null]
-        })
+      children: /*#__PURE__*/jsxs(Body, {
+        ref: bodyRef,
+        as: "span",
+        className: "snackbar__text",
+        children: [text, action ? /*#__PURE__*/jsx(Button, {
+          className: "snackbar__text__action",
+          v2: true,
+          size: "sm",
+          onClick: action.onClick,
+          children: action.label
+        }) : null]
       })
     })
   });

package/build/Snackbar/Snackbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.mjs","sources":["../../src/Snackbar/Snackbar.tsx"],"sourcesContent":["import { Tags } from '@transferwise/icons';\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport Button from '../Button';\nimport Body from '../Body';\nimport { LiveRegion } from '../common';\nimport type { ThemeDark, ThemeLight } from '../common';\nimport { PrimitivePrompt } from '../Prompt/PrimitivePrompt';\nimport type { Sentiment } from '../SentimentSurface';\nimport StatusIcon from '../StatusIcon';\nimport withNextPortal from '../WithNextPortal/WithNextPortal';\n\nimport { SNACKBAR_ENTER_DURATION, SNACKBAR_EXIT_DURATION } from './constants';\nimport type { SnackbarAction } from './Snackbar.types';\n\nexport interface SnackbarProps {\n  /** One optional action, supporting a callback or navigation through `href` and `target`. */\n  action?: SnackbarAction;\n  media?: React.ReactNode;\n  sentiment?: Sentiment;\n  text: React.ReactNode;\n  /** @deprecated Has no effect. Snackbar theming is based on ThemeProvider. */\n  theme?: ThemeLight | ThemeDark;\n  timeout: number;\n  /** @deprecated Has no effect when using SnackbarProvider, which manages Snackbar identity. */\n  timestamp?: number;\n}\n\ninterface SnackbarState extends Pick<\n  SnackbarProps,\n  'action' | 'media' | 'sentiment' | 'text' | 'timestamp'\n> {\n  visible: boolean;\n}\n\nexport const Snackbar = (props: SnackbarProps) => {\n  const surfaceRef = useRef<HTMLDivElement>(null);\n  const leaveTimeout = useRef(0);\n  const transitionTimeout = useRef(0);\n  /** The props of the last committed render, as `this.props` was in the class component. */\n  const committedProps = useRef(props);\n\n  const [state, setState] = useState<SnackbarState>({\n    visible: false,\n    text: '',\n    timestamp: 0,\n  });\n\n  const handleDismiss = () => {\n    window.clearTimeout(leaveTimeout.current);\n    setState((current) => ({ ...current, visible: false }));\n  };\n\n  useEffect(\n    () => () => {\n      window.clearTimeout(leaveTimeout.current);\n      window.clearTimeout(transitionTimeout.current);\n    },\n    [],\n  );\n\n  // Runs after every render to mirror the componentDidUpdate lifecycle this component previously\n  // relied on, including the shouldComponentUpdate guard that ignored every update without text.\n  // Layout, not passive, so a notification is shown or replaced before the browser paints, as\n  // componentDidUpdate did. Both rules below are disabled on purpose: the dependency-less effect\n  // and its synchronous state updates are what keep this conversion behaviour-identical.\n  /* eslint-disable react-hooks/exhaustive-deps, react-hooks/set-state-in-effect */\n  useLayoutEffect(() => {\n    const previousProps = committedProps.current;\n    committedProps.current = props;\n\n    const { action, media, sentiment, text, timestamp } = props;\n\n    // shouldComponentUpdate bailed out whenever the incoming text was empty. That also blocked the\n    // updates scheduled below, so a Snackbar whose text is cleared stays on screen until it is\n    // given text again. Preserved here deliberately to keep this refactor behaviour-identical.\n    const updateWhileTextIsPresent = (update: () => void) => {\n      if (committedProps.current.text) {\n        update();\n      }\n    };\n\n    const setLeaveTimeout = () => {\n      leaveTimeout.current = window.setTimeout(() => {\n        updateWhileTextIsPresent(() => setState((current) => ({ ...current, visible: false })));\n      }, committedProps.current.timeout);\n    };\n\n    const show = () => {\n      setState((current) => ({\n        ...current,\n        visible: true,\n        action,\n        media,\n        sentiment,\n        text,\n        timestamp,\n      }));\n      setLeaveTimeout();\n    };\n\n    if (!text) {\n      return;\n    }\n\n    if (!previousProps.text) {\n      show();\n    } else if (previousProps.timestamp !== timestamp) {\n      window.clearTimeout(leaveTimeout.current);\n\n      if (state.visible) {\n        setState((current) => ({ ...current, visible: false }));\n        transitionTimeout.current = window.setTimeout(() => {\n          updateWhileTextIsPresent(show);\n        }, SNACKBAR_EXIT_DURATION);\n      } else {\n        show();\n      }\n    }\n  });\n  /* eslint-enable react-hooks/exhaustive-deps, react-hooks/set-state-in-effect */\n\n  const { action, media, sentiment = 'neutral', text, timestamp, visible } = state;\n\n  const renderMedia = () => {\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  return (\n    <div\n      className=\"wds-Snackbar\"\n      style={\n        {\n          '--Snackbar-enter-duration': `${SNACKBAR_ENTER_DURATION}ms`,\n          '--Snackbar-exit-duration': `${SNACKBAR_EXIT_DURATION}ms`,\n        } as React.CSSProperties\n      }\n    >\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      >\n        <PrimitivePrompt\n          ref={surfaceRef}\n          className=\"wds-Snackbar-container\"\n          sentiment={sentiment}\n          emphasis=\"elevated\"\n          media={renderMedia()}\n          onDismiss={handleDismiss}\n        >\n          <div className=\"wds-Snackbar__content\">\n            <LiveRegion\n              aria-live=\"polite\"\n              announceOnChange={timestamp}\n              className=\"wds-Snackbar__message\"\n            >\n              <Body as=\"span\" className=\"wds-Snackbar__body\">\n                {text}\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={action.onClick}\n              >\n                {action.label}\n              </Button>\n            ) : null}\n          </div>\n        </PrimitivePrompt>\n      </CSSTransition>\n    </div>\n  );\n};\n\nexport default withNextPortal(Snackbar);\n"],"names":["Snackbar","props","surfaceRef","useRef","leaveTimeout","transitionTimeout","committedProps","state","setState","useState","visible","text","timestamp","handleDismiss","window","clearTimeout","current","useEffect","useLayoutEffect","previousProps","action","media","sentiment","updateWhileTextIsPresent","update","setLeaveTimeout","setTimeout","timeout","show","SNACKBAR_EXIT_DURATION","renderMedia","_jsx","className","children","Tags","size","StatusIcon","style","SNACKBAR_ENTER_DURATION","CSSTransition","appear","nodeRef","in","classNames","enter","exit","unmountOnExit","PrimitivePrompt","ref","emphasis","onDismiss","_jsxs","LiveRegion","announceOnChange","Body","as","Button","v2","priority","href","target","onClick","label","withNextPortal"],"mappings":"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"}
+{"version":3,"file":"Snackbar.mjs","sources":["../../src/Snackbar/Snackbar.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport Button from '../Button';\nimport Body from '../Body';\nimport type { ThemeDark, ThemeLight } from '../common';\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 Has no effect. Snackbar theming is based on ThemeProvider. */\n  theme?: ThemeLight | ThemeDark;\n  timeout: number;\n  timestamp: number;\n}\n\ninterface SnackbarState extends Pick<SnackbarProps, 'action' | 'text'> {\n  visible: boolean;\n}\n\nexport const Snackbar = (props: SnackbarProps) => {\n  const bodyRef = useRef<HTMLSpanElement>(null);\n  const leaveTimeout = useRef(0);\n  const transitionTimeout = useRef(0);\n  /** The props of the last committed render, as `this.props` was in the class component. */\n  const committedProps = useRef(props);\n\n  const [state, setState] = useState<SnackbarState>({\n    visible: false,\n    text: '',\n  });\n\n  useEffect(\n    () => () => {\n      window.clearTimeout(leaveTimeout.current);\n      window.clearTimeout(transitionTimeout.current);\n    },\n    [],\n  );\n\n  // Runs after every render to mirror the componentDidUpdate lifecycle this component previously\n  // relied on, including the shouldComponentUpdate guard that ignored every update without text.\n  // Layout, not passive, so a notification is shown or replaced before the browser paints, as\n  // componentDidUpdate did. Both rules below are disabled on purpose: the dependency-less effect\n  // and its synchronous state updates are what keep this conversion behaviour-identical.\n  /* eslint-disable react-hooks/exhaustive-deps, react-hooks/set-state-in-effect */\n  useLayoutEffect(() => {\n    const previousProps = committedProps.current;\n    committedProps.current = props;\n\n    const { action, text, timestamp } = props;\n\n    // shouldComponentUpdate bailed out whenever the incoming text was empty. That also blocked the\n    // updates scheduled below, so a Snackbar whose text is cleared stays on screen until it is\n    // given text again. Preserved here deliberately to keep this refactor behaviour-identical.\n    const updateWhileTextIsPresent = (update: () => void) => {\n      if (committedProps.current.text) {\n        update();\n      }\n    };\n\n    const setLeaveTimeout = () => {\n      leaveTimeout.current = window.setTimeout(() => {\n        updateWhileTextIsPresent(() => setState((current) => ({ ...current, visible: false })));\n      }, committedProps.current.timeout);\n    };\n\n    const show = () => {\n      setState((current) => ({ ...current, visible: true, action, text }));\n      setLeaveTimeout();\n    };\n\n    if (!text) {\n      return;\n    }\n\n    if (!previousProps.text) {\n      show();\n    } else if (previousProps.timestamp !== timestamp) {\n      window.clearTimeout(leaveTimeout.current);\n\n      if (state.visible) {\n        setState((current) => ({ ...current, visible: false }));\n        transitionTimeout.current = window.setTimeout(() => {\n          updateWhileTextIsPresent(show);\n        }, CSS_TRANSITION_DURATION);\n      } else {\n        show();\n      }\n    }\n  });\n  /* eslint-enable react-hooks/exhaustive-deps, react-hooks/set-state-in-effect */\n\n  const { action, text, visible } = state;\n  const { timeout } = props;\n\n  return (\n    <div className=\"snackbar\" aria-live=\"assertive\" role=\"alert\">\n      <CSSTransition\n        nodeRef={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={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\nexport default withNextPortal(Snackbar);\n"],"names":["CSS_TRANSITION_DURATION","Snackbar","props","bodyRef","useRef","leaveTimeout","transitionTimeout","committedProps","state","setState","useState","visible","text","useEffect","window","clearTimeout","current","useLayoutEffect","previousProps","action","timestamp","updateWhileTextIsPresent","update","setLeaveTimeout","setTimeout","timeout","show","_jsx","className","role","children","CSSTransition","nodeRef","in","classNames","appear","enter","exit","unmountOnExit","_jsxs","Body","ref","as","Button","v2","size","onClick","label","withNextPortal"],"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 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;;;"}
+{"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;;;"}

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 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;;"}
+{"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;;"}

package/build/Snackbar/SnackbarProvider.js

@@ -17,8 +17,6 @@ function SnackbarProvider({
   });
   const {
     action,
-    media,
-    sentiment,
     text,
     timestamp
   } = state;
@@ -26,14 +24,10 @@ function SnackbarProvider({
     value: React.useMemo(() => ({
       createSnackbar: ({
         action,
-        media,
-        sentiment,
         text
       }) => {
         setState({
           action,
-          media,
-          sentiment,
           text,
           timestamp: Date.now()
         });
@@ -41,8 +35,6 @@ function SnackbarProvider({
     }), []),
     children: [/*#__PURE__*/jsxRuntime.jsx(Snackbar.default, {
       action: action,
-      media: media,
-      sentiment: sentiment,
       text: text,
       timestamp: timestamp,
       timeout: timeout

package/build/Snackbar/SnackbarProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarProvider.js","sources":["../../src/Snackbar/SnackbarProvider.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\n\nimport SnackbarPortal from './Snackbar';\nimport { SnackbarContext } from './SnackbarContext';\nimport type { SnackbarCreationProps } from './Snackbar.types';\n\nexport interface SnackbarProviderProps {\n  timeout?: number;\n  children?: React.ReactNode;\n}\n\nexport default function SnackbarProvider({ timeout = 4500, children }: SnackbarProviderProps) {\n  const [state, setState] = useState<SnackbarCreationProps>({\n    text: '',\n    timestamp: 0,\n  });\n  const { action, media, sentiment, text, timestamp } = state;\n\n  return (\n    <SnackbarContext.Provider\n      value={useMemo(\n        () => ({\n          createSnackbar: ({ action, media, sentiment, text }) => {\n            setState({ action, media, sentiment, text, timestamp: Date.now() });\n          },\n        }),\n        [],\n      )}\n    >\n      <SnackbarPortal\n        action={action}\n        media={media}\n        sentiment={sentiment}\n        text={text}\n        timestamp={timestamp}\n        timeout={timeout}\n      />\n      {children}\n    </SnackbarContext.Provider>\n  );\n}\n"],"names":["SnackbarProvider","timeout","children","state","setState","useState","text","timestamp","action","media","sentiment","_jsxs","SnackbarContext","Provider","value","useMemo","createSnackbar","Date","now","_jsx","SnackbarPortal"],"mappings":";;;;;;;;;AAWc,SAAUA,gBAAgBA,CAAC;AAAEC,EAAAA,OAAO,GAAG,IAAI;AAAEC,EAAAA;AAAQ,CAAyB,EAAA;AAC1F,EAAA,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAQ,CAAwB;AACxDC,IAAAA,IAAI,EAAE,EAAE;AACRC,IAAAA,SAAS,EAAE;AACZ,GAAA,CAAC;EACF,MAAM;IAAEC,MAAM;IAAEC,KAAK;IAAEC,SAAS;IAAEJ,IAAI;AAAEC,IAAAA;AAAS,GAAE,GAAGJ,KAAK;AAE3D,EAAA,oBACEQ,eAAA,CAACC,+BAAe,CAACC,QAAQ,EAAA;IACvBC,KAAK,EAAEC,aAAO,CACZ,OAAO;AACLC,MAAAA,cAAc,EAAEA,CAAC;QAAER,MAAM;QAAEC,KAAK;QAAEC,SAAS;AAAEJ,QAAAA;AAAI,OAAE,KAAI;AACrDF,QAAAA,QAAQ,CAAC;UAAEI,MAAM;UAAEC,KAAK;UAAEC,SAAS;UAAEJ,IAAI;AAAEC,UAAAA,SAAS,EAAEU,IAAI,CAACC,GAAG;AAAE,SAAE,CAAC;AACrE,MAAA;KACD,CAAC,EACF,EAAE,CACF;IAAAhB,QAAA,EAAA,cAEFiB,cAAA,CAACC,gBAAc,EAAA;AACbZ,MAAAA,MAAM,EAAEA,MAAO;AACfC,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,SAAS,EAAEA,SAAU;AACrBJ,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,SAAS,EAAEA,SAAU;AACrBN,MAAAA,OAAO,EAAEA;KAAQ,CAEnB,EAACC,QAAQ;AAAA,GACe,CAAC;AAE/B;;"}
+{"version":3,"file":"SnackbarProvider.js","sources":["../../src/Snackbar/SnackbarProvider.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\n\nimport SnackbarPortal, { SnackbarProps } from './Snackbar';\nimport { SnackbarContext } from './SnackbarContext';\n\nexport interface SnackbarProviderProps {\n  timeout?: number;\n  children?: React.ReactNode;\n}\n\nexport default function SnackbarProvider({ timeout = 4500, children }: SnackbarProviderProps) {\n  const [state, setState] = useState<Omit<SnackbarProps, 'timeout'>>({\n    text: '',\n    timestamp: 0,\n  });\n  const { action, text, timestamp } = state;\n\n  return (\n    <SnackbarContext.Provider\n      value={useMemo(\n        () => ({\n          createSnackbar: ({ action, text }) => {\n            setState({ action, text, timestamp: Date.now() });\n          },\n        }),\n        [],\n      )}\n    >\n      <SnackbarPortal action={action} text={text} timestamp={timestamp} timeout={timeout} />\n      {children}\n    </SnackbarContext.Provider>\n  );\n}\n"],"names":["SnackbarProvider","timeout","children","state","setState","useState","text","timestamp","action","_jsxs","SnackbarContext","Provider","value","useMemo","createSnackbar","Date","now","_jsx","SnackbarPortal"],"mappings":";;;;;;;;;AAUc,SAAUA,gBAAgBA,CAAC;AAAEC,EAAAA,OAAO,GAAG,IAAI;AAAEC,EAAAA;AAAQ,CAAyB,EAAA;AAC1F,EAAA,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAQ,CAAiC;AACjEC,IAAAA,IAAI,EAAE,EAAE;AACRC,IAAAA,SAAS,EAAE;AACZ,GAAA,CAAC;EACF,MAAM;IAAEC,MAAM;IAAEF,IAAI;AAAEC,IAAAA;AAAS,GAAE,GAAGJ,KAAK;AAEzC,EAAA,oBACEM,eAAA,CAACC,+BAAe,CAACC,QAAQ,EAAA;IACvBC,KAAK,EAAEC,aAAO,CACZ,OAAO;AACLC,MAAAA,cAAc,EAAEA,CAAC;QAAEN,MAAM;AAAEF,QAAAA;AAAI,OAAE,KAAI;AACnCF,QAAAA,QAAQ,CAAC;UAAEI,MAAM;UAAEF,IAAI;AAAEC,UAAAA,SAAS,EAAEQ,IAAI,CAACC,GAAG;AAAE,SAAE,CAAC;AACnD,MAAA;KACD,CAAC,EACF,EAAE,CACF;IAAAd,QAAA,EAAA,cAEFe,cAAA,CAACC,gBAAc,EAAA;AAACV,MAAAA,MAAM,EAAEA,MAAO;AAACF,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,SAAS,EAAEA,SAAU;AAACN,MAAAA,OAAO,EAAEA;KAAQ,CACnF,EAACC,QAAQ;AAAA,GACe,CAAC;AAE/B;;"}

package/build/Snackbar/SnackbarProvider.mjs

@@ -13,8 +13,6 @@ function SnackbarProvider({
   });
   const {
     action,
-    media,
-    sentiment,
     text,
     timestamp
   } = state;
@@ -22,14 +20,10 @@ function SnackbarProvider({
     value: useMemo(() => ({
       createSnackbar: ({
         action,
-        media,
-        sentiment,
         text
       }) => {
         setState({
           action,
-          media,
-          sentiment,
           text,
           timestamp: Date.now()
         });
@@ -37,8 +31,6 @@ function SnackbarProvider({
     }), []),
     children: [/*#__PURE__*/jsx(SnackbarPortal, {
       action: action,
-      media: media,
-      sentiment: sentiment,
       text: text,
       timestamp: timestamp,
       timeout: timeout

package/build/Snackbar/SnackbarProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarProvider.mjs","sources":["../../src/Snackbar/SnackbarProvider.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\n\nimport SnackbarPortal from './Snackbar';\nimport { SnackbarContext } from './SnackbarContext';\nimport type { SnackbarCreationProps } from './Snackbar.types';\n\nexport interface SnackbarProviderProps {\n  timeout?: number;\n  children?: React.ReactNode;\n}\n\nexport default function SnackbarProvider({ timeout = 4500, children }: SnackbarProviderProps) {\n  const [state, setState] = useState<SnackbarCreationProps>({\n    text: '',\n    timestamp: 0,\n  });\n  const { action, media, sentiment, text, timestamp } = state;\n\n  return (\n    <SnackbarContext.Provider\n      value={useMemo(\n        () => ({\n          createSnackbar: ({ action, media, sentiment, text }) => {\n            setState({ action, media, sentiment, text, timestamp: Date.now() });\n          },\n        }),\n        [],\n      )}\n    >\n      <SnackbarPortal\n        action={action}\n        media={media}\n        sentiment={sentiment}\n        text={text}\n        timestamp={timestamp}\n        timeout={timeout}\n      />\n      {children}\n    </SnackbarContext.Provider>\n  );\n}\n"],"names":["SnackbarProvider","timeout","children","state","setState","useState","text","timestamp","action","media","sentiment","_jsxs","SnackbarContext","Provider","value","useMemo","createSnackbar","Date","now","_jsx","SnackbarPortal"],"mappings":";;;;;AAWc,SAAUA,gBAAgBA,CAAC;AAAEC,EAAAA,OAAO,GAAG,IAAI;AAAEC,EAAAA;AAAQ,CAAyB,EAAA;AAC1F,EAAA,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,QAAQ,CAAwB;AACxDC,IAAAA,IAAI,EAAE,EAAE;AACRC,IAAAA,SAAS,EAAE;AACZ,GAAA,CAAC;EACF,MAAM;IAAEC,MAAM;IAAEC,KAAK;IAAEC,SAAS;IAAEJ,IAAI;AAAEC,IAAAA;AAAS,GAAE,GAAGJ,KAAK;AAE3D,EAAA,oBACEQ,IAAA,CAACC,eAAe,CAACC,QAAQ,EAAA;IACvBC,KAAK,EAAEC,OAAO,CACZ,OAAO;AACLC,MAAAA,cAAc,EAAEA,CAAC;QAAER,MAAM;QAAEC,KAAK;QAAEC,SAAS;AAAEJ,QAAAA;AAAI,OAAE,KAAI;AACrDF,QAAAA,QAAQ,CAAC;UAAEI,MAAM;UAAEC,KAAK;UAAEC,SAAS;UAAEJ,IAAI;AAAEC,UAAAA,SAAS,EAAEU,IAAI,CAACC,GAAG;AAAE,SAAE,CAAC;AACrE,MAAA;KACD,CAAC,EACF,EAAE,CACF;IAAAhB,QAAA,EAAA,cAEFiB,GAAA,CAACC,cAAc,EAAA;AACbZ,MAAAA,MAAM,EAAEA,MAAO;AACfC,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,SAAS,EAAEA,SAAU;AACrBJ,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,SAAS,EAAEA,SAAU;AACrBN,MAAAA,OAAO,EAAEA;KAAQ,CAEnB,EAACC,QAAQ;AAAA,GACe,CAAC;AAE/B;;"}
+{"version":3,"file":"SnackbarProvider.mjs","sources":["../../src/Snackbar/SnackbarProvider.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\n\nimport SnackbarPortal, { SnackbarProps } from './Snackbar';\nimport { SnackbarContext } from './SnackbarContext';\n\nexport interface SnackbarProviderProps {\n  timeout?: number;\n  children?: React.ReactNode;\n}\n\nexport default function SnackbarProvider({ timeout = 4500, children }: SnackbarProviderProps) {\n  const [state, setState] = useState<Omit<SnackbarProps, 'timeout'>>({\n    text: '',\n    timestamp: 0,\n  });\n  const { action, text, timestamp } = state;\n\n  return (\n    <SnackbarContext.Provider\n      value={useMemo(\n        () => ({\n          createSnackbar: ({ action, text }) => {\n            setState({ action, text, timestamp: Date.now() });\n          },\n        }),\n        [],\n      )}\n    >\n      <SnackbarPortal action={action} text={text} timestamp={timestamp} timeout={timeout} />\n      {children}\n    </SnackbarContext.Provider>\n  );\n}\n"],"names":["SnackbarProvider","timeout","children","state","setState","useState","text","timestamp","action","_jsxs","SnackbarContext","Provider","value","useMemo","createSnackbar","Date","now","_jsx","SnackbarPortal"],"mappings":";;;;;AAUc,SAAUA,gBAAgBA,CAAC;AAAEC,EAAAA,OAAO,GAAG,IAAI;AAAEC,EAAAA;AAAQ,CAAyB,EAAA;AAC1F,EAAA,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,QAAQ,CAAiC;AACjEC,IAAAA,IAAI,EAAE,EAAE;AACRC,IAAAA,SAAS,EAAE;AACZ,GAAA,CAAC;EACF,MAAM;IAAEC,MAAM;IAAEF,IAAI;AAAEC,IAAAA;AAAS,GAAE,GAAGJ,KAAK;AAEzC,EAAA,oBACEM,IAAA,CAACC,eAAe,CAACC,QAAQ,EAAA;IACvBC,KAAK,EAAEC,OAAO,CACZ,OAAO;AACLC,MAAAA,cAAc,EAAEA,CAAC;QAAEN,MAAM;AAAEF,QAAAA;AAAI,OAAE,KAAI;AACnCF,QAAAA,QAAQ,CAAC;UAAEI,MAAM;UAAEF,IAAI;AAAEC,UAAAA,SAAS,EAAEQ,IAAI,CAACC,GAAG;AAAE,SAAE,CAAC;AACnD,MAAA;KACD,CAAC,EACF,EAAE,CACF;IAAAd,QAAA,EAAA,cAEFe,GAAA,CAACC,cAAc,EAAA;AAACV,MAAAA,MAAM,EAAEA,MAAO;AAACF,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,SAAS,EAAEA,SAAU;AAACN,MAAAA,OAAO,EAAEA;KAAQ,CACnF,EAACC,QAAQ;AAAA,GACe,CAAC;AAE/B;;"}

package/build/i18n/th.json

@@ -35,7 +35,7 @@
   "neptune.PhoneNumberInput.SelectInput.placeholder": "เลือกตัวเลือก...",
   "neptune.PhoneNumberInput.countryCodeLabel": "รหัสประเทศ",
   "neptune.PhoneNumberInput.phoneNumberLabel": "หมายเลขโทรศัพท์",
-  "neptune.PhoneNumberInput.phoneNumberPrefix": "คำนำหน้า",
+  "neptune.PhoneNumberInput.phoneNumberPrefix": "รหัสประเทศ",
   "neptune.Select.searchPlaceholder": "ค้นหา...",
   "neptune.SelectInput.noResultsFound": "ไม่พบผลลัพธ์",
   "neptune.StatusIcon.iconLabel.error": "ข้อผิดพลาด:",

package/build/i18n/th.json.js

@@ -39,7 +39,7 @@ var th = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "เลือกตัวเลือก...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "รหัสประเทศ",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "หมายเลขโทรศัพท์",
-	"neptune.PhoneNumberInput.phoneNumberPrefix": "คำนำหน้า",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "รหัสประเทศ",
 	"neptune.Select.searchPlaceholder": "ค้นหา...",
 	"neptune.SelectInput.noResultsFound": "ไม่พบผลลัพธ์",
 	"neptune.StatusIcon.iconLabel.error": "ข้อผิดพลาด:",

package/build/i18n/th.json.mjs

@@ -35,7 +35,7 @@ var th = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "เลือกตัวเลือก...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "รหัสประเทศ",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "หมายเลขโทรศัพท์",
-	"neptune.PhoneNumberInput.phoneNumberPrefix": "คำนำหน้า",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "รหัสประเทศ",
 	"neptune.Select.searchPlaceholder": "ค้นหา...",
 	"neptune.SelectInput.noResultsFound": "ไม่พบผลลัพธ์",
 	"neptune.StatusIcon.iconLabel.error": "ข้อผิดพลาด:",

package/build/i18n/zh-CN.json

@@ -35,6 +35,7 @@
   "neptune.PhoneNumberInput.SelectInput.placeholder": "选择其中一项...",
   "neptune.PhoneNumberInput.countryCodeLabel": "国家/地区代码",
   "neptune.PhoneNumberInput.phoneNumberLabel": "电话号码",
+  "neptune.PhoneNumberInput.phoneNumberPrefix": "前缀",
   "neptune.Select.searchPlaceholder": "搜索",
   "neptune.SelectInput.noResultsFound": "找不到结果",
   "neptune.StatusIcon.iconLabel.error": "错误:",

package/build/i18n/zh-CN.json.js

@@ -39,6 +39,7 @@ var zhCN = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "选择其中一项...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "国家/地区代码",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "电话号码",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "前缀",
 	"neptune.Select.searchPlaceholder": "搜索",
 	"neptune.SelectInput.noResultsFound": "找不到结果",
 	"neptune.StatusIcon.iconLabel.error": "错误:",

package/build/i18n/zh-CN.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"zh-CN.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"zh-CN.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/zh-CN.json.mjs

@@ -35,6 +35,7 @@ var zhCN = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "选择其中一项...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "国家/地区代码",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "电话号码",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "前缀",
 	"neptune.Select.searchPlaceholder": "搜索",
 	"neptune.SelectInput.noResultsFound": "找不到结果",
 	"neptune.StatusIcon.iconLabel.error": "错误:",

package/build/i18n/zh-CN.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"zh-CN.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"zh-CN.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}