@transferwise/components 46.45.0 → 46.46.0

package/build/snackbar/Snackbar.js

@@ -0,0 +1,128 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactTransitionGroup = require('react-transition-group');
+var ActionButton = require('../actionButton/ActionButton.js');
+var Body = require('../body/Body.js');
+var DirectionProvider = require('../provider/direction/DirectionProvider.js');
+var withNextPortal = require('../withNextPortal/withNextPortal.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+const CSS_TRANSITION_DURATION = 400;
+class Snackbar extends React.Component {
+  bodyRef = /*#__PURE__*/React.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;
+    }
+    if (nextProps.timestamp === this.props.timestamp && nextState.visible === this.state.visible && nextState.text === this.state.text) {
+      return false;
+    }
+    return true;
+  }
+  setLeaveTimeout = () => {
+    const {
+      timeout
+    } = this.props;
+    this.timeout = window.setTimeout(() => {
+      this.setState({
+        visible: false
+      });
+    }, timeout);
+  };
+  componentDidUpdate(previousProps) {
+    const {
+      action,
+      text,
+      timestamp
+    } = this.props;
+    if (!previousProps.text) {
+      this.setState({
+        visible: true,
+        action,
+        text
+      }, () => {
+        this.setLeaveTimeout();
+      });
+    } 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__*/jsxRuntime.jsx("div", {
+      className: "snackbar",
+      children: /*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.CSSTransition, {
+        nodeRef: this.bodyRef,
+        in: visible,
+        classNames: "snackbar__text-container",
+        timeout: {
+          appear: 0,
+          enter: timeout,
+          exit: CSS_TRANSITION_DURATION
+        },
+        unmountOnExit: true,
+        children: /*#__PURE__*/jsxRuntime.jsxs(Body, {
+          ref: this.bodyRef,
+          as: "span",
+          className: "snackbar__text",
+          "aria-live": "polite",
+          children: [text, action ? /*#__PURE__*/jsxRuntime.jsx(ActionButton, {
+            className: "snackbar__text__action",
+            onClick: action.onClick,
+            children: action.label
+          }) : null]
+        })
+      })
+    });
+  }
+}
+Snackbar.contextType = DirectionProvider.DirectionContext;
+var SnackbarPortal = withNextPortal(Snackbar);
+
+exports.Snackbar = Snackbar;
+exports.default = SnackbarPortal;
+//# sourceMappingURL=Snackbar.js.map

package/build/snackbar/Snackbar.js.map

@@ -0,0 +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 ActionButton from '../actionButton';\nimport Body from '../body';\nimport { Theme, type ThemeDark, type 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\">\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\" aria-live=\"polite\">\n            {text}\n            {action ? (\n              <ActionButton className=\"snackbar__text__action\" onClick={action.onClick}>\n                {action.label}\n              </ActionButton>\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","children","CSSTransition","nodeRef","in","classNames","appear","enter","exit","unmountOnExit","_jsxs","Body","ref","as","ActionButton","onClick","label","contextType","DirectionContext","withNextPortal"],"mappings":"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"}

package/build/snackbar/Snackbar.mjs

@@ -0,0 +1,123 @@
+import { Component, createRef } from 'react';
+import { CSSTransition } from 'react-transition-group';
+import ActionButton from '../actionButton/ActionButton.mjs';
+import Body from '../body/Body.mjs';
+import { DirectionContext } from '../provider/direction/DirectionProvider.mjs';
+import withNextPortalWrapper from '../withNextPortal/withNextPortal.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+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;
+    }
+    if (nextProps.timestamp === this.props.timestamp && nextState.visible === this.state.visible && nextState.text === this.state.text) {
+      return false;
+    }
+    return true;
+  }
+  setLeaveTimeout = () => {
+    const {
+      timeout
+    } = this.props;
+    this.timeout = window.setTimeout(() => {
+      this.setState({
+        visible: false
+      });
+    }, timeout);
+  };
+  componentDidUpdate(previousProps) {
+    const {
+      action,
+      text,
+      timestamp
+    } = this.props;
+    if (!previousProps.text) {
+      this.setState({
+        visible: true,
+        action,
+        text
+      }, () => {
+        this.setLeaveTimeout();
+      });
+    } 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",
+      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",
+          "aria-live": "polite",
+          children: [text, action ? /*#__PURE__*/jsx(ActionButton, {
+            className: "snackbar__text__action",
+            onClick: action.onClick,
+            children: action.label
+          }) : null]
+        })
+      })
+    });
+  }
+}
+Snackbar.contextType = DirectionContext;
+var SnackbarPortal = withNextPortalWrapper(Snackbar);
+
+export { Snackbar, SnackbarPortal as default };
+//# sourceMappingURL=Snackbar.mjs.map

package/build/snackbar/Snackbar.mjs.map

@@ -0,0 +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 ActionButton from '../actionButton';\nimport Body from '../body';\nimport { Theme, type ThemeDark, type 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\">\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\" aria-live=\"polite\">\n            {text}\n            {action ? (\n              <ActionButton className=\"snackbar__text__action\" onClick={action.onClick}>\n                {action.label}\n              </ActionButton>\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","children","CSSTransition","nodeRef","in","classNames","appear","enter","exit","unmountOnExit","_jsxs","Body","ref","as","ActionButton","onClick","label","contextType","DirectionContext","withNextPortal"],"mappings":"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"}

package/build/snackbar/SnackbarContext.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var React = require('react');
+
+const SnackbarContext = /*#__PURE__*/React.createContext({
+  createSnackbar: () => {}
+});
+const SnackbarConsumer = SnackbarContext.Consumer;
+
+exports.SnackbarConsumer = SnackbarConsumer;
+exports.SnackbarContext = SnackbarContext;
+//# sourceMappingURL=SnackbarContext.js.map

package/build/snackbar/SnackbarContext.js.map

@@ -0,0 +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":";;;;AAQaA,MAAAA,eAAe,gBAAGC,mBAAa,CAAsB;EAAEC,cAAc,EAAEA,MAAK,EAAE;AAAC,CAAE,EAAC;AAElFC,MAAAA,gBAAgB,GAAGH,eAAe,CAACI;;;;;"}

package/build/snackbar/SnackbarContext.mjs

@@ -0,0 +1,9 @@
+import { createContext } from 'react';
+
+const SnackbarContext = /*#__PURE__*/createContext({
+  createSnackbar: () => {}
+});
+const SnackbarConsumer = SnackbarContext.Consumer;
+
+export { SnackbarConsumer, SnackbarContext };
+//# sourceMappingURL=SnackbarContext.mjs.map

package/build/snackbar/SnackbarContext.mjs.map

@@ -0,0 +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":";;AAQaA,MAAAA,eAAe,gBAAGC,aAAa,CAAsB;EAAEC,cAAc,EAAEA,MAAK,EAAE;AAAC,CAAE,EAAC;AAElFC,MAAAA,gBAAgB,GAAGH,eAAe,CAACI;;;;"}

package/build/snackbar/SnackbarProvider.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var React = require('react');
+var Snackbar = require('./Snackbar.js');
+var SnackbarContext = require('./SnackbarContext.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function SnackbarProvider({
+  timeout = 4500,
+  children
+}) {
+  const [state, setState] = React.useState({
+    text: '',
+    timestamp: 0
+  });
+  const {
+    action,
+    text,
+    theme,
+    timestamp
+  } = state;
+  return /*#__PURE__*/jsxRuntime.jsxs(SnackbarContext.SnackbarContext.Provider, {
+    value: React.useMemo(() => ({
+      createSnackbar: ({
+        action,
+        text,
+        theme
+      }) => {
+        setState({
+          action,
+          text,
+          theme,
+          timestamp: Date.now()
+        });
+      }
+    }), []),
+    children: [/*#__PURE__*/jsxRuntime.jsx(Snackbar.default, {
+      action: action,
+      text: text,
+      timestamp: timestamp,
+      timeout: timeout,
+      theme: theme
+    }), children]
+  });
+}
+
+module.exports = SnackbarProvider;
+//# sourceMappingURL=SnackbarProvider.js.map

package/build/snackbar/SnackbarProvider.js.map

@@ -0,0 +1 @@
+{"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, theme, timestamp } = state;\n\n  return (\n    <SnackbarContext.Provider\n      value={useMemo(\n        () => ({\n          createSnackbar: ({ action, text, theme }) => {\n            setState({ action, text, theme, timestamp: Date.now() });\n          },\n        }),\n        [],\n      )}\n    >\n      <SnackbarPortal\n        action={action}\n        text={text}\n        timestamp={timestamp}\n        timeout={timeout}\n        theme={theme}\n      />\n      {children}\n    </SnackbarContext.Provider>\n  );\n}\n"],"names":["SnackbarProvider","timeout","children","state","setState","useState","text","timestamp","action","theme","_jsxs","SnackbarContext","Provider","value","useMemo","createSnackbar","Date","now","_jsx","SnackbarPortal"],"mappings":";;;;;;;AAUc,SAAUA,gBAAgBA,CAAC;AAAEC,EAAAA,OAAO,GAAG,IAAI;AAAEC,EAAAA,QAAAA;AAAiC,CAAA,EAAA;AAC1F,EAAA,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAQ,CAAiC;AACjEC,IAAAA,IAAI,EAAE,EAAE;AACRC,IAAAA,SAAS,EAAE,CAAA;AACZ,GAAA,CAAC,CAAA;EACF,MAAM;IAAEC,MAAM;IAAEF,IAAI;IAAEG,KAAK;AAAEF,IAAAA,SAAAA;AAAS,GAAE,GAAGJ,KAAK,CAAA;AAEhD,EAAA,oBACEO,eAAA,CAACC,+BAAe,CAACC,QAAQ,EAAA;IACvBC,KAAK,EAAEC,aAAO,CACZ,OAAO;AACLC,MAAAA,cAAc,EAAEA,CAAC;QAAEP,MAAM;QAAEF,IAAI;AAAEG,QAAAA,KAAAA;AAAO,OAAA,KAAI;AAC1CL,QAAAA,QAAQ,CAAC;UAAEI,MAAM;UAAEF,IAAI;UAAEG,KAAK;AAAEF,UAAAA,SAAS,EAAES,IAAI,CAACC,GAAG,EAAE;AAAA,SAAE,CAAC,CAAA;AAC1D,OAAA;KACD,CAAC,EACF,EAAE,CACF;IAAAf,QAAA,EAAA,cAEFgB,cAAA,CAACC,gBAAc,EAAA;AACbX,MAAAA,MAAM,EAAEA,MAAO;AACfF,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,SAAS,EAAEA,SAAU;AACrBN,MAAAA,OAAO,EAAEA,OAAQ;AACjBQ,MAAAA,KAAK,EAAEA,KAAAA;KAET,CAAA,EAACP,QAAQ,CAAA;AAAA,GACe,CAAC,CAAA;AAE/B;;;;"}

package/build/snackbar/SnackbarProvider.mjs

@@ -0,0 +1,46 @@
+import { useState, useMemo } from 'react';
+import SnackbarPortal from './Snackbar.mjs';
+import { SnackbarContext } from './SnackbarContext.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function SnackbarProvider({
+  timeout = 4500,
+  children
+}) {
+  const [state, setState] = useState({
+    text: '',
+    timestamp: 0
+  });
+  const {
+    action,
+    text,
+    theme,
+    timestamp
+  } = state;
+  return /*#__PURE__*/jsxs(SnackbarContext.Provider, {
+    value: useMemo(() => ({
+      createSnackbar: ({
+        action,
+        text,
+        theme
+      }) => {
+        setState({
+          action,
+          text,
+          theme,
+          timestamp: Date.now()
+        });
+      }
+    }), []),
+    children: [/*#__PURE__*/jsx(SnackbarPortal, {
+      action: action,
+      text: text,
+      timestamp: timestamp,
+      timeout: timeout,
+      theme: theme
+    }), children]
+  });
+}
+
+export { SnackbarProvider as default };
+//# sourceMappingURL=SnackbarProvider.mjs.map

package/build/snackbar/SnackbarProvider.mjs.map

@@ -0,0 +1 @@
+{"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, theme, timestamp } = state;\n\n  return (\n    <SnackbarContext.Provider\n      value={useMemo(\n        () => ({\n          createSnackbar: ({ action, text, theme }) => {\n            setState({ action, text, theme, timestamp: Date.now() });\n          },\n        }),\n        [],\n      )}\n    >\n      <SnackbarPortal\n        action={action}\n        text={text}\n        timestamp={timestamp}\n        timeout={timeout}\n        theme={theme}\n      />\n      {children}\n    </SnackbarContext.Provider>\n  );\n}\n"],"names":["SnackbarProvider","timeout","children","state","setState","useState","text","timestamp","action","theme","_jsxs","SnackbarContext","Provider","value","useMemo","createSnackbar","Date","now","_jsx","SnackbarPortal"],"mappings":";;;;;AAUc,SAAUA,gBAAgBA,CAAC;AAAEC,EAAAA,OAAO,GAAG,IAAI;AAAEC,EAAAA,QAAAA;AAAiC,CAAA,EAAA;AAC1F,EAAA,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,QAAQ,CAAiC;AACjEC,IAAAA,IAAI,EAAE,EAAE;AACRC,IAAAA,SAAS,EAAE,CAAA;AACZ,GAAA,CAAC,CAAA;EACF,MAAM;IAAEC,MAAM;IAAEF,IAAI;IAAEG,KAAK;AAAEF,IAAAA,SAAAA;AAAS,GAAE,GAAGJ,KAAK,CAAA;AAEhD,EAAA,oBACEO,IAAA,CAACC,eAAe,CAACC,QAAQ,EAAA;IACvBC,KAAK,EAAEC,OAAO,CACZ,OAAO;AACLC,MAAAA,cAAc,EAAEA,CAAC;QAAEP,MAAM;QAAEF,IAAI;AAAEG,QAAAA,KAAAA;AAAO,OAAA,KAAI;AAC1CL,QAAAA,QAAQ,CAAC;UAAEI,MAAM;UAAEF,IAAI;UAAEG,KAAK;AAAEF,UAAAA,SAAS,EAAES,IAAI,CAACC,GAAG,EAAE;AAAA,SAAE,CAAC,CAAA;AAC1D,OAAA;KACD,CAAC,EACF,EAAE,CACF;IAAAf,QAAA,EAAA,cAEFgB,GAAA,CAACC,cAAc,EAAA;AACbX,MAAAA,MAAM,EAAEA,MAAO;AACfF,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,SAAS,EAAEA,SAAU;AACrBN,MAAAA,OAAO,EAAEA,OAAQ;AACjBQ,MAAAA,KAAK,EAAEA,KAAAA;KAET,CAAA,EAACP,QAAQ,CAAA;AAAA,GACe,CAAC,CAAA;AAE/B;;;;"}

package/build/snackbar/useSnackbar.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+var SnackbarContext = require('./SnackbarContext.js');
+
+function useSnackbar() {
+  const {
+    createSnackbar
+  } = React.useContext(SnackbarContext.SnackbarContext);
+  return createSnackbar;
+}
+
+module.exports = useSnackbar;
+//# sourceMappingURL=useSnackbar.js.map

package/build/snackbar/useSnackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSnackbar.js","sources":["../../src/snackbar/useSnackbar.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { SnackbarContext } from './SnackbarContext';\n\nfunction useSnackbar() {\n  const { createSnackbar } = useContext(SnackbarContext);\n\n  return createSnackbar;\n}\n\nexport default useSnackbar;\n"],"names":["useSnackbar","createSnackbar","useContext","SnackbarContext"],"mappings":";;;;;AAIA,SAASA,WAAWA,GAAA;EAClB,MAAM;AAAEC,IAAAA,cAAAA;AAAgB,GAAA,GAAGC,gBAAU,CAACC,+BAAe,CAAC,CAAA;AAEtD,EAAA,OAAOF,cAAc,CAAA;AACvB;;;;"}

package/build/snackbar/useSnackbar.mjs

@@ -0,0 +1,12 @@
+import { useContext } from 'react';
+import { SnackbarContext } from './SnackbarContext.mjs';
+
+function useSnackbar() {
+  const {
+    createSnackbar
+  } = useContext(SnackbarContext);
+  return createSnackbar;
+}
+
+export { useSnackbar as default };
+//# sourceMappingURL=useSnackbar.mjs.map

package/build/snackbar/useSnackbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSnackbar.mjs","sources":["../../src/snackbar/useSnackbar.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { SnackbarContext } from './SnackbarContext';\n\nfunction useSnackbar() {\n  const { createSnackbar } = useContext(SnackbarContext);\n\n  return createSnackbar;\n}\n\nexport default useSnackbar;\n"],"names":["useSnackbar","createSnackbar","useContext","SnackbarContext"],"mappings":";;;AAIA,SAASA,WAAWA,GAAA;EAClB,MAAM;AAAEC,IAAAA,cAAAA;AAAgB,GAAA,GAAGC,UAAU,CAACC,eAAe,CAAC,CAAA;AAEtD,EAAA,OAAOF,cAAc,CAAA;AACvB;;;;"}

package/build/statusIcon/StatusIcon.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var icons = require('@transferwise/icons');
+var classNames = require('classnames');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+const iconTypeMap = {
+  positive: icons.Check,
+  neutral: icons.Info,
+  warning: icons.Alert,
+  negative: icons.Cross,
+  pending: icons.ClockBorderless,
+  info: icons.Info,
+  error: icons.Cross,
+  success: icons.Check
+};
+const StatusIcon = ({
+  sentiment = 'neutral',
+  size = 'md'
+}) => {
+  const Icon = iconTypeMap[sentiment];
+  const iconColor = sentiment === 'warning' || sentiment === 'pending' ? 'dark' : 'light';
+  return /*#__PURE__*/jsxRuntime.jsx("span", {
+    "data-testid": "status-icon",
+    className: classNames__default.default('status-circle', `status-circle-${size}`, sentiment),
+    children: /*#__PURE__*/jsxRuntime.jsx(Icon, {
+      className: classNames__default.default('status-icon', iconColor)
+    })
+  });
+};
+
+module.exports = StatusIcon;
+//# sourceMappingURL=StatusIcon.js.map

package/build/statusIcon/StatusIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIcon.js","sources":["../../src/statusIcon/StatusIcon.tsx"],"sourcesContent":["import { Info, Alert, Cross, Check, ClockBorderless } from '@transferwise/icons';\nimport classNames from 'classnames';\n\nimport { SizeSmall, SizeMedium, SizeLarge, Sentiment } from '../common';\n\nexport type StatusIconProps = {\n  sentiment: `${Sentiment}`;\n  size: SizeSmall | SizeMedium | SizeLarge;\n};\n\nconst iconTypeMap = {\n  positive: Check,\n  neutral: Info,\n  warning: Alert,\n  negative: Cross,\n  pending: ClockBorderless,\n  info: Info,\n  error: Cross,\n  success: Check,\n} satisfies Record<`${Sentiment}`, React.ElementType>;\n\nconst StatusIcon = ({ sentiment = 'neutral', size = 'md' }: StatusIconProps) => {\n  const Icon = iconTypeMap[sentiment];\n  const iconColor = sentiment === 'warning' || sentiment === 'pending' ? 'dark' : 'light';\n\n  return (\n    <span\n      data-testid=\"status-icon\"\n      className={classNames('status-circle', `status-circle-${size}`, sentiment)}\n    >\n      <Icon className={classNames('status-icon', iconColor)} />\n    </span>\n  );\n};\n\nexport default StatusIcon;\n"],"names":["iconTypeMap","positive","Check","neutral","Info","warning","Alert","negative","Cross","pending","ClockBorderless","info","error","success","StatusIcon","sentiment","size","Icon","iconColor","_jsx","className","classNames","children"],"mappings":";;;;;;;;;;AAUA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,QAAQ,EAAEC,WAAK;AACfC,EAAAA,OAAO,EAAEC,UAAI;AACbC,EAAAA,OAAO,EAAEC,WAAK;AACdC,EAAAA,QAAQ,EAAEC,WAAK;AACfC,EAAAA,OAAO,EAAEC,qBAAe;AACxBC,EAAAA,IAAI,EAAEP,UAAI;AACVQ,EAAAA,KAAK,EAAEJ,WAAK;AACZK,EAAAA,OAAO,EAAEX,WAAAA;CAC0C,CAAA;AAE/CY,MAAAA,UAAU,GAAGA,CAAC;AAAEC,EAAAA,SAAS,GAAG,SAAS;AAAEC,EAAAA,IAAI,GAAG,IAAA;AAAI,CAAmB,KAAI;AAC7E,EAAA,MAAMC,IAAI,GAAGjB,WAAW,CAACe,SAAS,CAAC,CAAA;AACnC,EAAA,MAAMG,SAAS,GAAGH,SAAS,KAAK,SAAS,IAAIA,SAAS,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,CAAA;AAEvF,EAAA,oBACEI,cAAA,CAAA,MAAA,EAAA;AACE,IAAA,aAAA,EAAY,aAAa;IACzBC,SAAS,EAAEC,2BAAU,CAAC,eAAe,EAAmB,iBAAAL,MAAM,EAAED,SAAS,CAAE;IAAAO,QAAA,eAE3EH,cAAA,CAACF,IAAI,EAAA;AAACG,MAAAA,SAAS,EAAEC,2BAAU,CAAC,aAAa,EAAEH,SAAS,CAAA;KACtD,CAAA;AAAA,GAAM,CAAC,CAAA;AAEX;;;;"}

package/build/statusIcon/StatusIcon.mjs

@@ -0,0 +1,31 @@
+import { Check, Info, Alert, Cross, ClockBorderless } from '@transferwise/icons';
+import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
+
+const iconTypeMap = {
+  positive: Check,
+  neutral: Info,
+  warning: Alert,
+  negative: Cross,
+  pending: ClockBorderless,
+  info: Info,
+  error: Cross,
+  success: Check
+};
+const StatusIcon = ({
+  sentiment = 'neutral',
+  size = 'md'
+}) => {
+  const Icon = iconTypeMap[sentiment];
+  const iconColor = sentiment === 'warning' || sentiment === 'pending' ? 'dark' : 'light';
+  return /*#__PURE__*/jsx("span", {
+    "data-testid": "status-icon",
+    className: classNames('status-circle', `status-circle-${size}`, sentiment),
+    children: /*#__PURE__*/jsx(Icon, {
+      className: classNames('status-icon', iconColor)
+    })
+  });
+};
+
+export { StatusIcon as default };
+//# sourceMappingURL=StatusIcon.mjs.map

package/build/statusIcon/StatusIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIcon.mjs","sources":["../../src/statusIcon/StatusIcon.tsx"],"sourcesContent":["import { Info, Alert, Cross, Check, ClockBorderless } from '@transferwise/icons';\nimport classNames from 'classnames';\n\nimport { SizeSmall, SizeMedium, SizeLarge, Sentiment } from '../common';\n\nexport type StatusIconProps = {\n  sentiment: `${Sentiment}`;\n  size: SizeSmall | SizeMedium | SizeLarge;\n};\n\nconst iconTypeMap = {\n  positive: Check,\n  neutral: Info,\n  warning: Alert,\n  negative: Cross,\n  pending: ClockBorderless,\n  info: Info,\n  error: Cross,\n  success: Check,\n} satisfies Record<`${Sentiment}`, React.ElementType>;\n\nconst StatusIcon = ({ sentiment = 'neutral', size = 'md' }: StatusIconProps) => {\n  const Icon = iconTypeMap[sentiment];\n  const iconColor = sentiment === 'warning' || sentiment === 'pending' ? 'dark' : 'light';\n\n  return (\n    <span\n      data-testid=\"status-icon\"\n      className={classNames('status-circle', `status-circle-${size}`, sentiment)}\n    >\n      <Icon className={classNames('status-icon', iconColor)} />\n    </span>\n  );\n};\n\nexport default StatusIcon;\n"],"names":["iconTypeMap","positive","Check","neutral","Info","warning","Alert","negative","Cross","pending","ClockBorderless","info","error","success","StatusIcon","sentiment","size","Icon","iconColor","_jsx","className","classNames","children"],"mappings":";;;;AAUA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,QAAQ,EAAEC,KAAK;AACfC,EAAAA,OAAO,EAAEC,IAAI;AACbC,EAAAA,OAAO,EAAEC,KAAK;AACdC,EAAAA,QAAQ,EAAEC,KAAK;AACfC,EAAAA,OAAO,EAAEC,eAAe;AACxBC,EAAAA,IAAI,EAAEP,IAAI;AACVQ,EAAAA,KAAK,EAAEJ,KAAK;AACZK,EAAAA,OAAO,EAAEX,KAAAA;CAC0C,CAAA;AAE/CY,MAAAA,UAAU,GAAGA,CAAC;AAAEC,EAAAA,SAAS,GAAG,SAAS;AAAEC,EAAAA,IAAI,GAAG,IAAA;AAAI,CAAmB,KAAI;AAC7E,EAAA,MAAMC,IAAI,GAAGjB,WAAW,CAACe,SAAS,CAAC,CAAA;AACnC,EAAA,MAAMG,SAAS,GAAGH,SAAS,KAAK,SAAS,IAAIA,SAAS,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,CAAA;AAEvF,EAAA,oBACEI,GAAA,CAAA,MAAA,EAAA;AACE,IAAA,aAAA,EAAY,aAAa;IACzBC,SAAS,EAAEC,UAAU,CAAC,eAAe,EAAmB,iBAAAL,MAAM,EAAED,SAAS,CAAE;IAAAO,QAAA,eAE3EH,GAAA,CAACF,IAAI,EAAA;AAACG,MAAAA,SAAS,EAAEC,UAAU,CAAC,aAAa,EAAEH,SAAS,CAAA;KACtD,CAAA;AAAA,GAAM,CAAC,CAAA;AAEX;;;;"}

package/build/stepper/Stepper.js

@@ -0,0 +1,80 @@
+'use strict';
+
+var classNames = require('classnames');
+require('react');
+var Tooltip = require('../tooltip/Tooltip.js');
+var deviceDetection = require('./deviceDetection.js');
+var jsxRuntime = require('react/jsx-runtime');
+var useDirection = require('../common/hooks/useDirection/useDirection.js');
+var position = require('../common/propsValues/position.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+function clamp(from, to, value) {
+  return Math.max(Math.min(to, value), from);
+}
+/* eslint-disable react/no-array-index-key */
+const Stepper = ({
+  steps,
+  activeStep = 0,
+  className
+}) => {
+  const {
+    isRTL
+  } = useDirection.useDirection();
+  if (steps.length === 0) {
+    return null;
+  }
+  const activeStepIndex = clamp(0, steps.length - 1, activeStep);
+  const stepPercentage = 1 / (steps.length - 1);
+  const percentageCompleted = activeStepIndex / (steps.length - 1);
+  const renderStep = (step, index) => {
+    const active = index === activeStepIndex;
+    const clickable = step.onClick && !active;
+    const labelButton = clickable ? /*#__PURE__*/jsxRuntime.jsx("button", {
+      type: "button",
+      className: "btn-unstyled tw-stepper__step-label",
+      onClick: () => clickable && step.onClick?.(),
+      children: /*#__PURE__*/jsxRuntime.jsx("small", {
+        children: step.label
+      })
+    }) : /*#__PURE__*/jsxRuntime.jsx("span", {
+      className: "tw-stepper__step-label",
+      children: step.label
+    });
+    return /*#__PURE__*/jsxRuntime.jsx("li", {
+      className: classNames__default.default('hidden-xs', 'tw-stepper__step', active ? 'np-text-body-default-bold tw-stepper__step--active' : 'np-text-body-default', clickable && 'tw-stepper__step--clickable', step.hoverLabel && 'tw-stepper__step--has-tooltip'),
+      "aria-current": active ? 'step' : false,
+      style: isRTL ? {
+        right: `${index * stepPercentage * 100}%`
+      } : {
+        left: `${index * stepPercentage * 100}%`
+      },
+      children: step.hoverLabel && !deviceDetection.isTouchDevice() ? /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
+        position: position.Position.BOTTOM,
+        label: step.hoverLabel,
+        children: labelButton
+      }) : labelButton
+    }, index);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: classNames__default.default('tw-stepper', className),
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "progress",
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "progress-bar",
+        style: {
+          width: `${percentageCompleted * 100}%`
+        }
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("ul", {
+      className: "tw-stepper-steps p-t-1 m-b-0",
+      children: steps.map(renderStep)
+    })]
+  });
+};
+
+module.exports = Stepper;
+//# sourceMappingURL=Stepper.js.map

package/build/stepper/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","sources":["../../src/stepper/Stepper.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport * as React from 'react';\n\nimport { Position } from '../common';\nimport { useDirection } from '../common/hooks';\nimport Tooltip from '../tooltip';\n\nimport { isTouchDevice } from './deviceDetection';\n\nfunction clamp(from: number, to: number, value: number) {\n  return Math.max(Math.min(to, value), from);\n}\n\nexport interface Step {\n  label: React.ReactNode;\n  onClick?: () => void;\n  hoverLabel?: React.ReactNode;\n}\n\nexport interface StepperProps {\n  steps: readonly Step[];\n  activeStep?: number;\n  className?: string;\n}\n\n/* eslint-disable react/no-array-index-key */\nconst Stepper = ({ steps, activeStep = 0, className }: StepperProps) => {\n  const { isRTL } = useDirection();\n\n  if (steps.length === 0) {\n    return null;\n  }\n\n  const activeStepIndex = clamp(0, steps.length - 1, activeStep);\n  const stepPercentage = 1 / (steps.length - 1);\n  const percentageCompleted = activeStepIndex / (steps.length - 1);\n\n  const renderStep = (step: Step, index: number) => {\n    const active = index === activeStepIndex;\n    const clickable = step.onClick && !active;\n\n    const labelButton = clickable ? (\n      <button\n        type=\"button\"\n        className=\"btn-unstyled tw-stepper__step-label\"\n        onClick={() => clickable && step.onClick?.()}\n      >\n        <small>{step.label}</small>\n      </button>\n    ) : (\n      <span className=\"tw-stepper__step-label\">{step.label}</span>\n    );\n    return (\n      <li\n        key={index}\n        className={classNames(\n          'hidden-xs',\n          'tw-stepper__step',\n          active ? 'np-text-body-default-bold tw-stepper__step--active' : 'np-text-body-default',\n          clickable && 'tw-stepper__step--clickable',\n          step.hoverLabel && 'tw-stepper__step--has-tooltip',\n        )}\n        aria-current={active ? 'step' : false}\n        style={\n          isRTL\n            ? { right: `${index * stepPercentage * 100}%` }\n            : { left: `${index * stepPercentage * 100}%` }\n        }\n      >\n        {step.hoverLabel && !isTouchDevice() ? (\n          <Tooltip position={Position.BOTTOM} label={step.hoverLabel}>\n            {labelButton}\n          </Tooltip>\n        ) : (\n          labelButton\n        )}\n      </li>\n    );\n  };\n\n  return (\n    <div className={classNames('tw-stepper', className)}>\n      <div className=\"progress\">\n        <div className=\"progress-bar\" style={{ width: `${percentageCompleted * 100}%` }} />\n      </div>\n      <ul className=\"tw-stepper-steps p-t-1 m-b-0\">{steps.map(renderStep)}</ul>\n    </div>\n  );\n};\n/* eslint-enable react/no-array-index-key */\n\nexport default Stepper;\n"],"names":["clamp","from","to","value","Math","max","min","Stepper","steps","activeStep","className","isRTL","useDirection","length","activeStepIndex","stepPercentage","percentageCompleted","renderStep","step","index","active","clickable","onClick","labelButton","_jsx","type","children","label","classNames","hoverLabel","style","right","left","isTouchDevice","Tooltip","position","Position","BOTTOM","_jsxs","width","map"],"mappings":"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"}