@transferwise/components 46.44.1 → 46.46.0

package/build/common/bottomSheet/BottomSheet.mjs

@@ -0,0 +1,188 @@
+import classNames from 'classnames';
+import { useRef, useState } from 'react';
+import Dimmer from '../../dimmer/Dimmer.mjs';
+import Drawer from '../../drawer/Drawer.mjs';
+import SlidingPanel from '../../slidingPanel/SlidingPanel.mjs';
+import { CloseButton } from '../closeButton/CloseButton.mjs';
+import { isServerSide } from '../domHelpers/documentIosClick.mjs';
+import { useMedia } from '../hooks/useMedia.mjs';
+import { Breakpoint } from '../propsValues/breakpoint.mjs';
+import { Position } from '../propsValues/position.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useConditionalListener } from '../hooks/useConditionalListener/useConditionalListener.mjs';
+
+const INITIAL_Y_POSITION = 0;
+const CONTENT_SCROLL_THRESHOLD = 1;
+const MOVE_OFFSET_THRESHOLD = 50;
+/**
+ * Neptune: https://transferwise.github.io/neptune/components/bottom-sheet/
+ *
+ * Neptune Web: https://transferwise.github.io/neptune-web/components/overlays/BottomSheet
+ *
+ */
+const BottomSheet = props => {
+  const bottomSheetReference = useRef(null);
+  const topBarReference = useRef(null);
+  const contentReference = useRef(null);
+  const [pressed, setPressed] = useState(false);
+  /**
+   * Used to track `requestAnimationFrame` requests
+   *
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame#return_value
+   */
+  const animationId = useRef(0);
+  /**
+   * Difference between initial coordinate ({@link initialYCoordinate})
+   * and new position (when user moves component), it's get calculated on `onTouchMove` and `onMouseMove` events
+   *
+   * @see {@link calculateOffsetAfterMove}
+   */
+  const moveOffset = useRef(0);
+  const initialYCoordinate = useRef(0);
+  // apply shadow to the bottom of top-bar when scroll over content
+  useConditionalListener({
+    attachListener: props.open && !isServerSide(),
+    callback: () => {
+      if (topBarReference.current !== null) {
+        const {
+          classList
+        } = topBarReference.current;
+        if (!isContentScrollPositionAtTop()) {
+          classList.add('np-bottom-sheet--top-bar--shadow');
+        } else {
+          classList.remove('np-bottom-sheet--top-bar--shadow');
+        }
+      }
+    },
+    eventType: 'scroll',
+    parent: isServerSide() ? undefined : document
+  });
+  function move(newHeight) {
+    if (bottomSheetReference.current !== null) {
+      bottomSheetReference.current.style.transform = `translateY(${newHeight}px)`;
+    }
+  }
+  function close(event) {
+    setPressed(false);
+    moveOffset.current = INITIAL_Y_POSITION;
+    if (bottomSheetReference.current !== null) {
+      bottomSheetReference.current.style.removeProperty('transform');
+    }
+    if (props.onClose) {
+      props.onClose(event);
+    }
+  }
+  const onSwipeStart = event => {
+    initialYCoordinate.current = ('touches' in event ? event.touches[0] : event).clientY;
+    setPressed(true);
+  };
+  const onSwipeMove = event => {
+    if (pressed) {
+      const {
+        clientY
+      } = 'touches' in event ? event.touches[0] : event;
+      const offset = calculateOffsetAfterMove(clientY);
+      // check whether move is to the bottom only and content scroll position is at the top
+      if (offset > INITIAL_Y_POSITION && isContentScrollPositionAtTop()) {
+        moveOffset.current = offset;
+        animationId.current = requestAnimationFrame(() => {
+          if (animationId.current !== undefined && bottomSheetReference.current !== null) {
+            move(offset);
+          }
+        });
+      }
+    }
+  };
+  function onSwipeEnd(event) {
+    // stop moving component
+    cancelAnimationFrame(animationId.current);
+    setPressed(false);
+    // check whether move down is strong enough
+    // and content scroll position is at the top to close the component
+    if (moveOffset.current > MOVE_OFFSET_THRESHOLD && isContentScrollPositionAtTop()) {
+      close(event);
+    }
+    // otherwise move component back to default (initial) position
+    else {
+      move(INITIAL_Y_POSITION);
+    }
+    moveOffset.current = INITIAL_Y_POSITION;
+  }
+  function isContentScrollPositionAtTop() {
+    return contentReference?.current?.scrollTop !== undefined && contentReference.current.scrollTop <= CONTENT_SCROLL_THRESHOLD;
+  }
+  /**
+   * Calculates how hard user moves component,
+   * result value used to determine whether to hide component or re-position to default state
+   *
+   * @param afterMoveYCoordinate
+   */
+  function calculateOffsetAfterMove(afterMoveYCoordinate) {
+    return afterMoveYCoordinate - initialYCoordinate.current;
+  }
+  /**
+   * Set `max-height` for content part (in order to keep it scrollable for content overflow cases) of the component
+   * and ensures space for safe zone (32px) at the top.
+   */
+  function setContentMaxHeight() {
+    const safeZoneHeight = '64px';
+    const topbarHeight = '32px';
+    const windowHight = isServerSide() ? 0 : window.innerHeight;
+    /**
+     * Calculate _real_ height of the screen (taking into account parts of browser interface).
+     *
+     * See https://css-tricks.com/the-trick-to-viewport-units-on-mobile for more details.
+     */
+    const screenHeight = `${windowHight * 0.01 * 100}px`;
+    return {
+      maxHeight: `calc(${screenHeight} - ${safeZoneHeight} - ${topbarHeight})`
+    };
+  }
+  const is400Zoom = useMedia(`(max-width: ${Breakpoint.ZOOM_400}px)`);
+  return is400Zoom ? /*#__PURE__*/jsx(Drawer, {
+    open: props.open,
+    className: props.className,
+    onClose: close,
+    children: props.children
+  }) : /*#__PURE__*/jsx(Dimmer, {
+    open: props.open,
+    fadeContentOnEnter: true,
+    fadeContentOnExit: true,
+    onClose: close,
+    children: /*#__PURE__*/jsx(SlidingPanel, {
+      ref: bottomSheetReference,
+      open: props.open,
+      position: Position.BOTTOM,
+      className: classNames('np-bottom-sheet', props.className),
+      children: /*#__PURE__*/jsxs("div", {
+        role: "dialog",
+        "aria-modal": true,
+        onTouchStart: onSwipeStart,
+        onTouchMove: onSwipeMove,
+        onTouchEnd: onSwipeEnd,
+        onMouseDown: onSwipeStart,
+        onMouseMove: onSwipeMove,
+        onMouseUp: onSwipeEnd,
+        children: [/*#__PURE__*/jsxs("div", {
+          ref: topBarReference,
+          className: "np-bottom-sheet--top-bar",
+          children: [/*#__PURE__*/jsx("div", {
+            className: "np-bottom-sheet--handler"
+          }), /*#__PURE__*/jsx(CloseButton, {
+            size: "sm",
+            className: "sr-only np-bottom-sheet--close-btn",
+            onClick: close
+          })]
+        }), /*#__PURE__*/jsx("div", {
+          ref: contentReference,
+          style: setContentMaxHeight(),
+          className: "np-bottom-sheet--content",
+          children: props.children
+        })]
+      })
+    })
+  });
+};
+
+export { BottomSheet as default };
+//# sourceMappingURL=BottomSheet.mjs.map

package/build/common/bottomSheet/BottomSheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.mjs","sources":["../../../src/common/bottomSheet/BottomSheet.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { useRef, useState, PropsWithChildren, CSSProperties, SyntheticEvent } from 'react';\n\nimport Dimmer from '../../dimmer';\nimport Drawer from '../../drawer';\nimport SlidingPanel from '../../slidingPanel';\nimport { CloseButton } from '../closeButton';\nimport { CommonProps } from '../commonProps';\nimport { isServerSide } from '../domHelpers';\nimport { useConditionalListener } from '../hooks';\nimport { useMedia } from '../hooks/useMedia';\nimport { Breakpoint } from '../propsValues/breakpoint';\nimport { Position } from '../propsValues/position';\n\nconst INITIAL_Y_POSITION = 0;\n\nconst CONTENT_SCROLL_THRESHOLD = 1;\n\nconst MOVE_OFFSET_THRESHOLD = 50;\n\nexport type BottomSheetProps = PropsWithChildren<\n  {\n    onClose?: (event: Event | SyntheticEvent) => void;\n    open: boolean;\n  } & CommonProps\n>;\n\n/**\n * Neptune: https://transferwise.github.io/neptune/components/bottom-sheet/\n *\n * Neptune Web: https://transferwise.github.io/neptune-web/components/overlays/BottomSheet\n *\n */\nconst BottomSheet = (props: BottomSheetProps) => {\n  const bottomSheetReference = useRef<HTMLDivElement>(null);\n  const topBarReference = useRef<HTMLDivElement>(null);\n  const contentReference = useRef<HTMLDivElement>(null);\n\n  const [pressed, setPressed] = useState<boolean>(false);\n\n  /**\n   * Used to track `requestAnimationFrame` requests\n   *\n   * @see https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame#return_value\n   */\n  const animationId = useRef<number>(0);\n\n  /**\n   * Difference between initial coordinate ({@link initialYCoordinate})\n   * and new position (when user moves component), it's get calculated on `onTouchMove` and `onMouseMove` events\n   *\n   * @see {@link calculateOffsetAfterMove}\n   */\n  const moveOffset = useRef<number>(0);\n  const initialYCoordinate = useRef<number>(0);\n\n  // apply shadow to the bottom of top-bar when scroll over content\n  useConditionalListener({\n    attachListener: props.open && !isServerSide(),\n    callback: () => {\n      if (topBarReference.current !== null) {\n        const { classList } = topBarReference.current;\n        if (!isContentScrollPositionAtTop()) {\n          classList.add('np-bottom-sheet--top-bar--shadow');\n        } else {\n          classList.remove('np-bottom-sheet--top-bar--shadow');\n        }\n      }\n    },\n    eventType: 'scroll',\n    parent: isServerSide() ? undefined : document,\n  });\n\n  function move(newHeight: number): void {\n    if (bottomSheetReference.current !== null) {\n      bottomSheetReference.current.style.transform = `translateY(${newHeight}px)`;\n    }\n  }\n\n  function close(event: Event | SyntheticEvent): void {\n    setPressed(false);\n    moveOffset.current = INITIAL_Y_POSITION;\n    if (bottomSheetReference.current !== null) {\n      bottomSheetReference.current.style.removeProperty('transform');\n    }\n    if (props.onClose) {\n      props.onClose(event);\n    }\n  }\n\n  const onSwipeStart = (\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ): void => {\n    initialYCoordinate.current = ('touches' in event ? event.touches[0] : event).clientY;\n    setPressed(true);\n  };\n\n  const onSwipeMove = (\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ): void => {\n    if (pressed) {\n      const { clientY } = 'touches' in event ? event.touches[0] : event;\n\n      const offset = calculateOffsetAfterMove(clientY);\n      // check whether move is to the bottom only and content scroll position is at the top\n      if (offset > INITIAL_Y_POSITION && isContentScrollPositionAtTop()) {\n        moveOffset.current = offset;\n        animationId.current = requestAnimationFrame(() => {\n          if (animationId.current !== undefined && bottomSheetReference.current !== null) {\n            move(offset);\n          }\n        });\n      }\n    }\n  };\n\n  function onSwipeEnd(\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ): void {\n    // stop moving component\n    cancelAnimationFrame(animationId.current);\n    setPressed(false);\n    // check whether move down is strong enough\n    // and content scroll position is at the top to close the component\n    if (moveOffset.current > MOVE_OFFSET_THRESHOLD && isContentScrollPositionAtTop()) {\n      close(event);\n    }\n    // otherwise move component back to default (initial) position\n    else {\n      move(INITIAL_Y_POSITION);\n    }\n    moveOffset.current = INITIAL_Y_POSITION;\n  }\n\n  function isContentScrollPositionAtTop(): boolean {\n    return (\n      contentReference?.current?.scrollTop !== undefined &&\n      contentReference.current.scrollTop <= CONTENT_SCROLL_THRESHOLD\n    );\n  }\n\n  /**\n   * Calculates how hard user moves component,\n   * result value used to determine whether to hide component or re-position to default state\n   *\n   * @param afterMoveYCoordinate\n   */\n  function calculateOffsetAfterMove(afterMoveYCoordinate: number): number {\n    return afterMoveYCoordinate - initialYCoordinate.current;\n  }\n\n  /**\n   * Set `max-height` for content part (in order to keep it scrollable for content overflow cases) of the component\n   * and ensures space for safe zone (32px) at the top.\n   */\n  function setContentMaxHeight(): CSSProperties {\n    const safeZoneHeight = '64px';\n    const topbarHeight = '32px';\n    const windowHight: number = isServerSide() ? 0 : window.innerHeight;\n    /**\n     * Calculate _real_ height of the screen (taking into account parts of browser interface).\n     *\n     * See https://css-tricks.com/the-trick-to-viewport-units-on-mobile for more details.\n     */\n    const screenHeight = `${windowHight * 0.01 * 100}px`;\n    return {\n      maxHeight: `calc(${screenHeight} - ${safeZoneHeight} - ${topbarHeight})`,\n    };\n  }\n\n  const is400Zoom = useMedia(`(max-width: ${Breakpoint.ZOOM_400}px)`);\n\n  return is400Zoom ? (\n    <Drawer open={props.open} className={props.className} onClose={close}>\n      {props.children}\n    </Drawer>\n  ) : (\n    <Dimmer open={props.open} fadeContentOnEnter fadeContentOnExit onClose={close}>\n      <SlidingPanel\n        ref={bottomSheetReference}\n        open={props.open}\n        position={Position.BOTTOM}\n        className={classNames('np-bottom-sheet', props.className)}\n      >\n        {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */}\n        <div\n          role=\"dialog\"\n          aria-modal\n          onTouchStart={onSwipeStart}\n          onTouchMove={onSwipeMove}\n          onTouchEnd={onSwipeEnd}\n          onMouseDown={onSwipeStart}\n          onMouseMove={onSwipeMove}\n          onMouseUp={onSwipeEnd}\n        >\n          <div ref={topBarReference} className=\"np-bottom-sheet--top-bar\">\n            <div className=\"np-bottom-sheet--handler\" />\n            <CloseButton size=\"sm\" className=\"sr-only np-bottom-sheet--close-btn\" onClick={close} />\n          </div>\n          <div\n            ref={contentReference}\n            style={setContentMaxHeight()}\n            className=\"np-bottom-sheet--content\"\n          >\n            {props.children}\n          </div>\n        </div>\n      </SlidingPanel>\n    </Dimmer>\n  );\n};\n\nexport default BottomSheet;\n"],"names":["INITIAL_Y_POSITION","CONTENT_SCROLL_THRESHOLD","MOVE_OFFSET_THRESHOLD","BottomSheet","props","bottomSheetReference","useRef","topBarReference","contentReference","pressed","setPressed","useState","animationId","moveOffset","initialYCoordinate","useConditionalListener","attachListener","open","isServerSide","callback","current","classList","isContentScrollPositionAtTop","add","remove","eventType","parent","undefined","document","move","newHeight","style","transform","close","event","removeProperty","onClose","onSwipeStart","touches","clientY","onSwipeMove","offset","calculateOffsetAfterMove","requestAnimationFrame","onSwipeEnd","cancelAnimationFrame","scrollTop","afterMoveYCoordinate","setContentMaxHeight","safeZoneHeight","topbarHeight","windowHight","window","innerHeight","screenHeight","maxHeight","is400Zoom","useMedia","Breakpoint","ZOOM_400","_jsx","Drawer","className","children","Dimmer","fadeContentOnEnter","fadeContentOnExit","SlidingPanel","ref","position","Position","BOTTOM","classNames","_jsxs","role","onTouchStart","onTouchMove","onTouchEnd","onMouseDown","onMouseMove","onMouseUp","CloseButton","size","onClick"],"mappings":"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"}

package/build/common/card/Card.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var classNames = require('classnames');
+var React = require('react');
+var CloseButton = require('../closeButton/CloseButton.js');
+var documentIosClick = require('../domHelpers/documentIosClick.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+const Card = /*#__PURE__*/React.forwardRef(({
+  className,
+  children = null,
+  id,
+  isDisabled = false,
+  isSmall = false,
+  onDismiss,
+  testId,
+  ...props
+}, ref) => {
+  const closeButtonReference = React.useRef(null);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    ref: ref,
+    className: classNames__default.default('np-Card', {
+      'np-Card--small': !!isSmall,
+      'is-disabled': !!isDisabled
+    }, className),
+    id: id,
+    "data-testid": testId,
+    ...props,
+    children: [onDismiss && /*#__PURE__*/jsxRuntime.jsx(CloseButton.CloseButton, {
+      ref: closeButtonReference,
+      className: "np-Card-closeButton",
+      size: isSmall ? 'sm' : 'md',
+      isDisabled: isDisabled,
+      testId: "close-button",
+      onClick: e => {
+        documentIosClick.stopPropagation(e);
+        onDismiss();
+      }
+    }), children]
+  });
+});
+Card.displayName = 'Card';
+
+module.exports = Card;
+//# sourceMappingURL=Card.js.map

package/build/common/card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../src/common/card/Card.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { MouseEvent, type ReactNode, forwardRef, useRef } from 'react';\n\nimport { CloseButton } from '../closeButton';\nimport { stopPropagation } from '../domHelpers';\n\nexport interface CardProps {\n  /** Content to display inside Card. */\n  children: ReactNode;\n\n  /** Optional prop to specify classNames onto the Card */\n  className?: string;\n\n  /** Optional prop to specify the ID on to Card  */\n  id?: string;\n\n  /** Specify whether the Card is disabled, or not */\n  isDisabled?: boolean;\n\n  /** Specify whether the Card is sized small or not */\n  isSmall?: boolean;\n\n  /** Optionally specify Card onDismiss function */\n  onDismiss?: () => void;\n\n  /** Optional prop to specify the ID used for testing */\n  testId?: string;\n}\n\n/**\n * Card component.\n *\n * A card is a container for content that is used to group related information.\n * It can be used to display information in a structured way, and can be\n * customized with various props to suit different use cases.\n *\n * @param {Object} props - The component props.\n * @param {ReactNode} children - The content to display inside the card.\n * @param {string} className - Optional class name(s) to add to the card container.\n * @param {string} id - Optional ID to add to the card container.\n * @param {boolean} isDisabled - Whether the card is disabled or not.\n * @param {boolean} isSmall - Whether the card is small or not.\n * @param {(event_: MouseEvent<HTMLButtonElement>) => void} onDismiss - Optional function to call when the card is dismissed.\n * @param {string} testId - Optional ID to add to the card container for testing purposes.\n * @returns {JSX.Element} - The card component.\n * @example\n * <Card>\n *   <p>Hello World!</p>\n * </Card>\n */\nconst Card = forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      className,\n      children = null,\n      id,\n      isDisabled = false,\n      isSmall = false,\n      onDismiss,\n      testId,\n      ...props\n    },\n    ref,\n  ) => {\n    const closeButtonReference = useRef(null);\n\n    return (\n      <div\n        ref={ref}\n        className={classNames(\n          'np-Card',\n          {\n            'np-Card--small': !!isSmall,\n            'is-disabled': !!isDisabled,\n          },\n          className,\n        )}\n        id={id}\n        data-testid={testId}\n        {...props}\n      >\n        {onDismiss && (\n          <CloseButton\n            ref={closeButtonReference}\n            className=\"np-Card-closeButton\"\n            size={isSmall ? 'sm' : 'md'}\n            isDisabled={isDisabled}\n            testId=\"close-button\"\n            onClick={(e) => {\n              stopPropagation(e);\n              onDismiss();\n            }}\n          />\n        )}\n        {children}\n      </div>\n    );\n  },\n);\n\nCard.displayName = 'Card';\n\nexport default Card;\n"],"names":["Card","forwardRef","className","children","id","isDisabled","isSmall","onDismiss","testId","props","ref","closeButtonReference","useRef","_jsxs","classNames","_jsx","CloseButton","size","onClick","e","stopPropagation","displayName"],"mappings":";;;;;;;;;;;;AAkDA,MAAMA,IAAI,gBAAGC,gBAAU,CACrB,CACE;EACEC,SAAS;AACTC,EAAAA,QAAQ,GAAG,IAAI;EACfC,EAAE;AACFC,EAAAA,UAAU,GAAG,KAAK;AAClBC,EAAAA,OAAO,GAAG,KAAK;EACfC,SAAS;EACTC,MAAM;EACN,GAAGC,KAAAA;AAAK,CACT,EACDC,GAAG,KACD;AACF,EAAA,MAAMC,oBAAoB,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAA;AAEzC,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AACEH,IAAAA,GAAG,EAAEA,GAAI;AACTR,IAAAA,SAAS,EAAEY,2BAAU,CACnB,SAAS,EACT;MACE,gBAAgB,EAAE,CAAC,CAACR,OAAO;MAC3B,aAAa,EAAE,CAAC,CAACD,UAAAA;KAClB,EACDH,SAAS,CACT;AACFE,IAAAA,EAAE,EAAEA,EAAG;AACP,IAAA,aAAA,EAAaI,MAAO;AAAA,IAAA,GAChBC,KAAK;AAAAN,IAAAA,QAAA,EAERI,CAAAA,SAAS,iBACRQ,cAAA,CAACC,uBAAW,EAAA;AACVN,MAAAA,GAAG,EAAEC,oBAAqB;AAC1BT,MAAAA,SAAS,EAAC,qBAAqB;AAC/Be,MAAAA,IAAI,EAAEX,OAAO,GAAG,IAAI,GAAG,IAAK;AAC5BD,MAAAA,UAAU,EAAEA,UAAW;AACvBG,MAAAA,MAAM,EAAC,cAAc;MACrBU,OAAO,EAAGC,CAAC,IAAI;QACbC,gCAAe,CAACD,CAAC,CAAC,CAAA;AAClBZ,QAAAA,SAAS,EAAE,CAAA;AACb,OAAA;KACA,CACH,EACAJ,QAAQ,CAAA;AAAA,GACN,CAAC,CAAA;AAEV,CAAC,EACF;AAEDH,IAAI,CAACqB,WAAW,GAAG,MAAM;;;;"}

package/build/common/card/Card.mjs

@@ -0,0 +1,43 @@
+import classNames from 'classnames';
+import { forwardRef, useRef } from 'react';
+import { CloseButton } from '../closeButton/CloseButton.mjs';
+import { stopPropagation } from '../domHelpers/documentIosClick.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const Card = /*#__PURE__*/forwardRef(({
+  className,
+  children = null,
+  id,
+  isDisabled = false,
+  isSmall = false,
+  onDismiss,
+  testId,
+  ...props
+}, ref) => {
+  const closeButtonReference = useRef(null);
+  return /*#__PURE__*/jsxs("div", {
+    ref: ref,
+    className: classNames('np-Card', {
+      'np-Card--small': !!isSmall,
+      'is-disabled': !!isDisabled
+    }, className),
+    id: id,
+    "data-testid": testId,
+    ...props,
+    children: [onDismiss && /*#__PURE__*/jsx(CloseButton, {
+      ref: closeButtonReference,
+      className: "np-Card-closeButton",
+      size: isSmall ? 'sm' : 'md',
+      isDisabled: isDisabled,
+      testId: "close-button",
+      onClick: e => {
+        stopPropagation(e);
+        onDismiss();
+      }
+    }), children]
+  });
+});
+Card.displayName = 'Card';
+
+export { Card as default };
+//# sourceMappingURL=Card.mjs.map

package/build/common/card/Card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.mjs","sources":["../../../src/common/card/Card.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { MouseEvent, type ReactNode, forwardRef, useRef } from 'react';\n\nimport { CloseButton } from '../closeButton';\nimport { stopPropagation } from '../domHelpers';\n\nexport interface CardProps {\n  /** Content to display inside Card. */\n  children: ReactNode;\n\n  /** Optional prop to specify classNames onto the Card */\n  className?: string;\n\n  /** Optional prop to specify the ID on to Card  */\n  id?: string;\n\n  /** Specify whether the Card is disabled, or not */\n  isDisabled?: boolean;\n\n  /** Specify whether the Card is sized small or not */\n  isSmall?: boolean;\n\n  /** Optionally specify Card onDismiss function */\n  onDismiss?: () => void;\n\n  /** Optional prop to specify the ID used for testing */\n  testId?: string;\n}\n\n/**\n * Card component.\n *\n * A card is a container for content that is used to group related information.\n * It can be used to display information in a structured way, and can be\n * customized with various props to suit different use cases.\n *\n * @param {Object} props - The component props.\n * @param {ReactNode} children - The content to display inside the card.\n * @param {string} className - Optional class name(s) to add to the card container.\n * @param {string} id - Optional ID to add to the card container.\n * @param {boolean} isDisabled - Whether the card is disabled or not.\n * @param {boolean} isSmall - Whether the card is small or not.\n * @param {(event_: MouseEvent<HTMLButtonElement>) => void} onDismiss - Optional function to call when the card is dismissed.\n * @param {string} testId - Optional ID to add to the card container for testing purposes.\n * @returns {JSX.Element} - The card component.\n * @example\n * <Card>\n *   <p>Hello World!</p>\n * </Card>\n */\nconst Card = forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      className,\n      children = null,\n      id,\n      isDisabled = false,\n      isSmall = false,\n      onDismiss,\n      testId,\n      ...props\n    },\n    ref,\n  ) => {\n    const closeButtonReference = useRef(null);\n\n    return (\n      <div\n        ref={ref}\n        className={classNames(\n          'np-Card',\n          {\n            'np-Card--small': !!isSmall,\n            'is-disabled': !!isDisabled,\n          },\n          className,\n        )}\n        id={id}\n        data-testid={testId}\n        {...props}\n      >\n        {onDismiss && (\n          <CloseButton\n            ref={closeButtonReference}\n            className=\"np-Card-closeButton\"\n            size={isSmall ? 'sm' : 'md'}\n            isDisabled={isDisabled}\n            testId=\"close-button\"\n            onClick={(e) => {\n              stopPropagation(e);\n              onDismiss();\n            }}\n          />\n        )}\n        {children}\n      </div>\n    );\n  },\n);\n\nCard.displayName = 'Card';\n\nexport default Card;\n"],"names":["Card","forwardRef","className","children","id","isDisabled","isSmall","onDismiss","testId","props","ref","closeButtonReference","useRef","_jsxs","classNames","_jsx","CloseButton","size","onClick","e","stopPropagation","displayName"],"mappings":";;;;;;AAkDA,MAAMA,IAAI,gBAAGC,UAAU,CACrB,CACE;EACEC,SAAS;AACTC,EAAAA,QAAQ,GAAG,IAAI;EACfC,EAAE;AACFC,EAAAA,UAAU,GAAG,KAAK;AAClBC,EAAAA,OAAO,GAAG,KAAK;EACfC,SAAS;EACTC,MAAM;EACN,GAAGC,KAAAA;AAAK,CACT,EACDC,GAAG,KACD;AACF,EAAA,MAAMC,oBAAoB,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;AAEzC,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AACEH,IAAAA,GAAG,EAAEA,GAAI;AACTR,IAAAA,SAAS,EAAEY,UAAU,CACnB,SAAS,EACT;MACE,gBAAgB,EAAE,CAAC,CAACR,OAAO;MAC3B,aAAa,EAAE,CAAC,CAACD,UAAAA;KAClB,EACDH,SAAS,CACT;AACFE,IAAAA,EAAE,EAAEA,EAAG;AACP,IAAA,aAAA,EAAaI,MAAO;AAAA,IAAA,GAChBC,KAAK;AAAAN,IAAAA,QAAA,EAERI,CAAAA,SAAS,iBACRQ,GAAA,CAACC,WAAW,EAAA;AACVN,MAAAA,GAAG,EAAEC,oBAAqB;AAC1BT,MAAAA,SAAS,EAAC,qBAAqB;AAC/Be,MAAAA,IAAI,EAAEX,OAAO,GAAG,IAAI,GAAG,IAAK;AAC5BD,MAAAA,UAAU,EAAEA,UAAW;AACvBG,MAAAA,MAAM,EAAC,cAAc;MACrBU,OAAO,EAAGC,CAAC,IAAI;QACbC,eAAe,CAACD,CAAC,CAAC,CAAA;AAClBZ,QAAAA,SAAS,EAAE,CAAA;AACb,OAAA;KACA,CACH,EACAJ,QAAQ,CAAA;AAAA,GACN,CAAC,CAAA;AAEV,CAAC,EACF;AAEDH,IAAI,CAACqB,WAAW,GAAG,MAAM;;;;"}

package/build/common/closeButton/CloseButton.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var icons = require('@transferwise/icons');
+var classNames = require('classnames');
+var React = require('react');
+var reactIntl = require('react-intl');
+var size = require('../propsValues/size.js');
+var CloseButton_messages = require('./CloseButton.messages.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+const CloseButton = /*#__PURE__*/React.forwardRef(function CloseButton({
+  'aria-label': ariaLabel,
+  size: size$1 = size.Size.MEDIUM,
+  filled = false,
+  className,
+  onClick,
+  isDisabled,
+  testId
+}, reference) {
+  const intl = reactIntl.useIntl();
+  ariaLabel ??= intl.formatMessage(CloseButton_messages.ariaLabel);
+  const Icon = filled ? icons.CrossCircleFill : icons.Cross;
+  return /*#__PURE__*/jsxRuntime.jsx("button", {
+    ref: reference,
+    type: "button",
+    className: classNames__default.default('np-close-button', 'close btn-link', 'text-no-decoration', {
+      'np-close-button--large': size$1 === size.Size.MEDIUM,
+      'np-close-button--x-large': size$1 === size.Size.LARGE
+    }, className),
+    "aria-label": ariaLabel,
+    "aria-disabled": isDisabled,
+    disabled: isDisabled,
+    "data-testid": testId,
+    onClick: onClick,
+    children: /*#__PURE__*/jsxRuntime.jsx(Icon, {
+      size: size$1 === size.Size.SMALL ? 16 : 24
+    })
+  });
+});
+
+exports.CloseButton = CloseButton;
+//# sourceMappingURL=CloseButton.js.map

package/build/common/closeButton/CloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseButton.js","sources":["../../../src/common/closeButton/CloseButton.tsx"],"sourcesContent":["import { Cross, CrossCircleFill } from '@transferwise/icons';\nimport classNames from 'classnames';\nimport { forwardRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { Size, SizeLarge, SizeMedium, SizeSmall } from '../propsValues/size';\n\nimport messages from './CloseButton.messages';\n\nexport type CloseButtonProps = Pick<\n  React.ComponentPropsWithoutRef<'button'>,\n  'aria-label' | 'className' | 'onClick'\n> & {\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  filled?: boolean;\n  isDisabled?: boolean;\n  testId?: string;\n};\n\nexport const CloseButton = forwardRef(function CloseButton(\n  {\n    'aria-label': ariaLabel,\n    size = Size.MEDIUM,\n    filled = false,\n    className,\n    onClick,\n    isDisabled,\n    testId,\n  }: CloseButtonProps,\n  reference: React.ForwardedRef<HTMLButtonElement | null>,\n) {\n  const intl = useIntl();\n  ariaLabel ??= intl.formatMessage(messages.ariaLabel);\n  const Icon = filled ? CrossCircleFill : Cross;\n\n  return (\n    <button\n      ref={reference}\n      type=\"button\"\n      className={classNames(\n        'np-close-button',\n        'close btn-link',\n        'text-no-decoration',\n        {\n          'np-close-button--large': size === Size.MEDIUM,\n          'np-close-button--x-large': size === Size.LARGE,\n        },\n        className,\n      )}\n      aria-label={ariaLabel}\n      aria-disabled={isDisabled}\n      disabled={isDisabled}\n      data-testid={testId}\n      onClick={onClick}\n    >\n      <Icon size={size === Size.SMALL ? 16 : 24} />\n    </button>\n  );\n});\n"],"names":["CloseButton","forwardRef","ariaLabel","size","Size","MEDIUM","filled","className","onClick","isDisabled","testId","reference","intl","useIntl","formatMessage","messages","Icon","CrossCircleFill","Cross","_jsx","ref","type","classNames","LARGE","disabled","children","SMALL"],"mappings":";;;;;;;;;;;;;;MAmBaA,WAAW,gBAAGC,gBAAU,CAAC,SAASD,WAAWA,CACxD;AACE,EAAA,YAAY,EAAEE,SAAS;QACvBC,MAAI,GAAGC,SAAI,CAACC,MAAM;AAClBC,EAAAA,MAAM,GAAG,KAAK;EACdC,SAAS;EACTC,OAAO;EACPC,UAAU;AACVC,EAAAA,MAAAA;AAAM,CACW,EACnBC,SAAuD,EAAA;AAEvD,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE,CAAA;EACtBX,SAAS,KAAKU,IAAI,CAACE,aAAa,CAACC,oBAAQ,CAACb,SAAS,CAAC,CAAA;AACpD,EAAA,MAAMc,IAAI,GAAGV,MAAM,GAAGW,qBAAe,GAAGC,WAAK,CAAA;AAE7C,EAAA,oBACEC,cAAA,CAAA,QAAA,EAAA;AACEC,IAAAA,GAAG,EAAET,SAAU;AACfU,IAAAA,IAAI,EAAC,QAAQ;IACbd,SAAS,EAAEe,2BAAU,CACnB,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB;AACE,MAAA,wBAAwB,EAAEnB,MAAI,KAAKC,SAAI,CAACC,MAAM;AAC9C,MAAA,0BAA0B,EAAEF,MAAI,KAAKC,SAAI,CAACmB,KAAAA;KAC3C,EACDhB,SAAS,CACT;AACF,IAAA,YAAA,EAAYL,SAAU;AACtB,IAAA,eAAA,EAAeO,UAAW;AAC1Be,IAAAA,QAAQ,EAAEf,UAAW;AACrB,IAAA,aAAA,EAAaC,MAAO;AACpBF,IAAAA,OAAO,EAAEA,OAAQ;IAAAiB,QAAA,eAEjBN,cAAA,CAACH,IAAI,EAAA;MAACb,IAAI,EAAEA,MAAI,KAAKC,SAAI,CAACsB,KAAK,GAAG,EAAE,GAAG,EAAA;KACzC,CAAA;AAAA,GAAQ,CAAC,CAAA;AAEb,CAAC;;;;"}

package/build/common/closeButton/CloseButton.messages.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var reactIntl = require('react-intl');
+
+var messages = reactIntl.defineMessages({
+  ariaLabel: {
+    id: "neptune.CloseButton.ariaLabel"
+  }
+});
+
+module.exports = messages;
+//# sourceMappingURL=CloseButton.messages.js.map

package/build/common/closeButton/CloseButton.messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseButton.messages.js","sources":["../../../src/common/closeButton/CloseButton.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  ariaLabel: {\n    id: 'neptune.CloseButton.ariaLabel',\n    defaultMessage: 'Close',\n    description: 'Description of close button',\n  },\n});\n"],"names":["defineMessages","ariaLabel","id"],"mappings":";;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,SAAS,EAAE;IACTC,EAAE,EAAA,+BAAA;AAGH,GAAA;AACF,CAAA,CAAC;;;;"}

package/build/common/closeButton/CloseButton.messages.mjs

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

package/build/common/closeButton/CloseButton.messages.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseButton.messages.mjs","sources":["../../../src/common/closeButton/CloseButton.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  ariaLabel: {\n    id: 'neptune.CloseButton.ariaLabel',\n    defaultMessage: 'Close',\n    description: 'Description of close button',\n  },\n});\n"],"names":["defineMessages","ariaLabel","id"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,SAAS,EAAE;IACTC,EAAE,EAAA,+BAAA;AAGH,GAAA;AACF,CAAA,CAAC;;;;"}

package/build/common/closeButton/CloseButton.mjs

@@ -0,0 +1,40 @@
+import { CrossCircleFill, Cross } from '@transferwise/icons';
+import classNames from 'classnames';
+import { forwardRef } from 'react';
+import { useIntl } from 'react-intl';
+import { Size } from '../propsValues/size.mjs';
+import messages from './CloseButton.messages.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const CloseButton = /*#__PURE__*/forwardRef(function CloseButton({
+  'aria-label': ariaLabel,
+  size = Size.MEDIUM,
+  filled = false,
+  className,
+  onClick,
+  isDisabled,
+  testId
+}, reference) {
+  const intl = useIntl();
+  ariaLabel ??= intl.formatMessage(messages.ariaLabel);
+  const Icon = filled ? CrossCircleFill : Cross;
+  return /*#__PURE__*/jsx("button", {
+    ref: reference,
+    type: "button",
+    className: classNames('np-close-button', 'close btn-link', 'text-no-decoration', {
+      'np-close-button--large': size === Size.MEDIUM,
+      'np-close-button--x-large': size === Size.LARGE
+    }, className),
+    "aria-label": ariaLabel,
+    "aria-disabled": isDisabled,
+    disabled: isDisabled,
+    "data-testid": testId,
+    onClick: onClick,
+    children: /*#__PURE__*/jsx(Icon, {
+      size: size === Size.SMALL ? 16 : 24
+    })
+  });
+});
+
+export { CloseButton };
+//# sourceMappingURL=CloseButton.mjs.map

package/build/common/closeButton/CloseButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseButton.mjs","sources":["../../../src/common/closeButton/CloseButton.tsx"],"sourcesContent":["import { Cross, CrossCircleFill } from '@transferwise/icons';\nimport classNames from 'classnames';\nimport { forwardRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { Size, SizeLarge, SizeMedium, SizeSmall } from '../propsValues/size';\n\nimport messages from './CloseButton.messages';\n\nexport type CloseButtonProps = Pick<\n  React.ComponentPropsWithoutRef<'button'>,\n  'aria-label' | 'className' | 'onClick'\n> & {\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  filled?: boolean;\n  isDisabled?: boolean;\n  testId?: string;\n};\n\nexport const CloseButton = forwardRef(function CloseButton(\n  {\n    'aria-label': ariaLabel,\n    size = Size.MEDIUM,\n    filled = false,\n    className,\n    onClick,\n    isDisabled,\n    testId,\n  }: CloseButtonProps,\n  reference: React.ForwardedRef<HTMLButtonElement | null>,\n) {\n  const intl = useIntl();\n  ariaLabel ??= intl.formatMessage(messages.ariaLabel);\n  const Icon = filled ? CrossCircleFill : Cross;\n\n  return (\n    <button\n      ref={reference}\n      type=\"button\"\n      className={classNames(\n        'np-close-button',\n        'close btn-link',\n        'text-no-decoration',\n        {\n          'np-close-button--large': size === Size.MEDIUM,\n          'np-close-button--x-large': size === Size.LARGE,\n        },\n        className,\n      )}\n      aria-label={ariaLabel}\n      aria-disabled={isDisabled}\n      disabled={isDisabled}\n      data-testid={testId}\n      onClick={onClick}\n    >\n      <Icon size={size === Size.SMALL ? 16 : 24} />\n    </button>\n  );\n});\n"],"names":["CloseButton","forwardRef","ariaLabel","size","Size","MEDIUM","filled","className","onClick","isDisabled","testId","reference","intl","useIntl","formatMessage","messages","Icon","CrossCircleFill","Cross","_jsx","ref","type","classNames","LARGE","disabled","children","SMALL"],"mappings":";;;;;;;;MAmBaA,WAAW,gBAAGC,UAAU,CAAC,SAASD,WAAWA,CACxD;AACE,EAAA,YAAY,EAAEE,SAAS;EACvBC,IAAI,GAAGC,IAAI,CAACC,MAAM;AAClBC,EAAAA,MAAM,GAAG,KAAK;EACdC,SAAS;EACTC,OAAO;EACPC,UAAU;AACVC,EAAAA,MAAAA;AAAM,CACW,EACnBC,SAAuD,EAAA;AAEvD,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE,CAAA;EACtBX,SAAS,KAAKU,IAAI,CAACE,aAAa,CAACC,QAAQ,CAACb,SAAS,CAAC,CAAA;AACpD,EAAA,MAAMc,IAAI,GAAGV,MAAM,GAAGW,eAAe,GAAGC,KAAK,CAAA;AAE7C,EAAA,oBACEC,GAAA,CAAA,QAAA,EAAA;AACEC,IAAAA,GAAG,EAAET,SAAU;AACfU,IAAAA,IAAI,EAAC,QAAQ;IACbd,SAAS,EAAEe,UAAU,CACnB,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB;AACE,MAAA,wBAAwB,EAAEnB,IAAI,KAAKC,IAAI,CAACC,MAAM;AAC9C,MAAA,0BAA0B,EAAEF,IAAI,KAAKC,IAAI,CAACmB,KAAAA;KAC3C,EACDhB,SAAS,CACT;AACF,IAAA,YAAA,EAAYL,SAAU;AACtB,IAAA,eAAA,EAAeO,UAAW;AAC1Be,IAAAA,QAAQ,EAAEf,UAAW;AACrB,IAAA,aAAA,EAAaC,MAAO;AACpBF,IAAAA,OAAO,EAAEA,OAAQ;IAAAiB,QAAA,eAEjBN,GAAA,CAACH,IAAI,EAAA;MAACb,IAAI,EAAEA,IAAI,KAAKC,IAAI,CAACsB,KAAK,GAAG,EAAE,GAAG,EAAA;KACzC,CAAA;AAAA,GAAQ,CAAC,CAAA;AAEb,CAAC;;;;"}

package/build/common/dateUtils/getDayNames/getDayNames.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var formatting = require('@transferwise/formatting');
+
+function getDayNames(locale, format = 'short') {
+  const days = [];
+  const date = new Date(2018, 0, 1); // 2018 started with Monday
+  while (days.length < 7) {
+    days.push(formatting.formatDate(date, locale, {
+      weekday: format
+    }));
+    date.setDate(date.getDate() + 1);
+  }
+  return days;
+}
+
+exports.getDayNames = getDayNames;
+//# sourceMappingURL=getDayNames.js.map

package/build/common/dateUtils/getDayNames/getDayNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDayNames.js","sources":["../../../../src/common/dateUtils/getDayNames/getDayNames.ts"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\n\nexport function getDayNames(\n  locale: string,\n  format: Intl.DateTimeFormatOptions['weekday'] = 'short',\n) {\n  const days: string[] = [];\n  const date = new Date(2018, 0, 1); // 2018 started with Monday\n  while (days.length < 7) {\n    days.push(formatDate(date, locale, { weekday: format }));\n    date.setDate(date.getDate() + 1);\n  }\n  return days;\n}\n"],"names":["getDayNames","locale","format","days","date","Date","length","push","formatDate","weekday","setDate","getDate"],"mappings":";;;;SAEgBA,WAAWA,CACzBC,MAAc,EACdC,SAAgD,OAAO,EAAA;EAEvD,MAAMC,IAAI,GAAa,EAAE,CAAA;AACzB,EAAA,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAClC,EAAA,OAAOF,IAAI,CAACG,MAAM,GAAG,CAAC,EAAE;IACtBH,IAAI,CAACI,IAAI,CAACC,qBAAU,CAACJ,IAAI,EAAEH,MAAM,EAAE;AAAEQ,MAAAA,OAAO,EAAEP,MAAAA;AAAQ,KAAA,CAAC,CAAC,CAAA;IACxDE,IAAI,CAACM,OAAO,CAACN,IAAI,CAACO,OAAO,EAAE,GAAG,CAAC,CAAC,CAAA;AAClC,GAAA;AACA,EAAA,OAAOR,IAAI,CAAA;AACb;;;;"}

package/build/common/dateUtils/getDayNames/getDayNames.mjs

@@ -0,0 +1,16 @@
+import { formatDate } from '@transferwise/formatting';
+
+function getDayNames(locale, format = 'short') {
+  const days = [];
+  const date = new Date(2018, 0, 1); // 2018 started with Monday
+  while (days.length < 7) {
+    days.push(formatDate(date, locale, {
+      weekday: format
+    }));
+    date.setDate(date.getDate() + 1);
+  }
+  return days;
+}
+
+export { getDayNames };
+//# sourceMappingURL=getDayNames.mjs.map

package/build/common/dateUtils/getDayNames/getDayNames.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDayNames.mjs","sources":["../../../../src/common/dateUtils/getDayNames/getDayNames.ts"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\n\nexport function getDayNames(\n  locale: string,\n  format: Intl.DateTimeFormatOptions['weekday'] = 'short',\n) {\n  const days: string[] = [];\n  const date = new Date(2018, 0, 1); // 2018 started with Monday\n  while (days.length < 7) {\n    days.push(formatDate(date, locale, { weekday: format }));\n    date.setDate(date.getDate() + 1);\n  }\n  return days;\n}\n"],"names":["getDayNames","locale","format","days","date","Date","length","push","formatDate","weekday","setDate","getDate"],"mappings":";;SAEgBA,WAAWA,CACzBC,MAAc,EACdC,SAAgD,OAAO,EAAA;EAEvD,MAAMC,IAAI,GAAa,EAAE,CAAA;AACzB,EAAA,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAClC,EAAA,OAAOF,IAAI,CAACG,MAAM,GAAG,CAAC,EAAE;IACtBH,IAAI,CAACI,IAAI,CAACC,UAAU,CAACJ,IAAI,EAAEH,MAAM,EAAE;AAAEQ,MAAAA,OAAO,EAAEP,MAAAA;AAAQ,KAAA,CAAC,CAAC,CAAA;IACxDE,IAAI,CAACM,OAAO,CAACN,IAAI,CAACO,OAAO,EAAE,GAAG,CAAC,CAAC,CAAA;AAClC,GAAA;AACA,EAAA,OAAOR,IAAI,CAAA;AACb;;;;"}

package/build/common/dateUtils/getFormatForLocale/getFormatForLocale.js

@@ -0,0 +1,8 @@
+'use strict';
+
+const MDY = new Set(['en-US']);
+const YMD = new Set(['hu', 'hu-HU', 'zh-HK', 'zh-CN', 'ja', 'ja-JP']);
+
+exports.MDY = MDY;
+exports.YMD = YMD;
+//# sourceMappingURL=getFormatForLocale.js.map

package/build/common/dateUtils/getFormatForLocale/getFormatForLocale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFormatForLocale.js","sources":["../../../../src/common/dateUtils/getFormatForLocale/getFormatForLocale.ts"],"sourcesContent":["export const MDY = new Set(['en-US']);\nexport const YMD = new Set(['hu', 'hu-HU', 'zh-HK', 'zh-CN', 'ja', 'ja-JP']);\n"],"names":["MDY","Set","YMD"],"mappings":";;AAAO,MAAMA,GAAG,GAAG,IAAIC,GAAG,CAAC,CAAC,OAAO,CAAC,EAAC;MACxBC,GAAG,GAAG,IAAID,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC;;;;;"}

package/build/common/dateUtils/getFormatForLocale/getFormatForLocale.mjs

@@ -0,0 +1,5 @@
+const MDY = new Set(['en-US']);
+const YMD = new Set(['hu', 'hu-HU', 'zh-HK', 'zh-CN', 'ja', 'ja-JP']);
+
+export { MDY, YMD };
+//# sourceMappingURL=getFormatForLocale.mjs.map

package/build/common/dateUtils/getFormatForLocale/getFormatForLocale.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFormatForLocale.mjs","sources":["../../../../src/common/dateUtils/getFormatForLocale/getFormatForLocale.ts"],"sourcesContent":["export const MDY = new Set(['en-US']);\nexport const YMD = new Set(['hu', 'hu-HU', 'zh-HK', 'zh-CN', 'ja', 'ja-JP']);\n"],"names":["MDY","Set","YMD"],"mappings":"AAAO,MAAMA,GAAG,GAAG,IAAIC,GAAG,CAAC,CAAC,OAAO,CAAC,EAAC;MACxBC,GAAG,GAAG,IAAID,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC;;;;"}

package/build/common/dateUtils/getMonthNames/getMonthNames.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var formatting = require('@transferwise/formatting');
+
+const getMonthNames = (locale, format = 'long') => {
+  const months = [];
+  const date = new Date(2018, 0, 1);
+  const monthFormat = {
+    month: format
+  };
+  while (months.length < 12) {
+    months.push(formatting.formatDate(date, locale, monthFormat));
+    date.setMonth(date.getMonth() + 1);
+  }
+  return months;
+};
+
+exports.getMonthNames = getMonthNames;
+//# sourceMappingURL=getMonthNames.js.map

package/build/common/dateUtils/getMonthNames/getMonthNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMonthNames.js","sources":["../../../../src/common/dateUtils/getMonthNames/getMonthNames.ts"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\n\nexport const getMonthNames = (\n  locale: string,\n  format: Intl.DateTimeFormatOptions['month'] = 'long',\n): string[] => {\n  const months: string[] = [];\n  const date = new Date(2018, 0, 1);\n  const monthFormat = { month: format };\n  while (months.length < 12) {\n    months.push(formatDate(date, locale, monthFormat));\n    date.setMonth(date.getMonth() + 1);\n  }\n  return months;\n};\n"],"names":["getMonthNames","locale","format","months","date","Date","monthFormat","month","length","push","formatDate","setMonth","getMonth"],"mappings":";;;;AAEO,MAAMA,aAAa,GAAGA,CAC3BC,MAAc,EACdC,MAAA,GAA8C,MAAM,KACxC;EACZ,MAAMC,MAAM,GAAa,EAAE,CAAA;EAC3B,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;AACjC,EAAA,MAAMC,WAAW,GAAG;AAAEC,IAAAA,KAAK,EAAEL,MAAAA;GAAQ,CAAA;AACrC,EAAA,OAAOC,MAAM,CAACK,MAAM,GAAG,EAAE,EAAE;IACzBL,MAAM,CAACM,IAAI,CAACC,qBAAU,CAACN,IAAI,EAAEH,MAAM,EAAEK,WAAW,CAAC,CAAC,CAAA;IAClDF,IAAI,CAACO,QAAQ,CAACP,IAAI,CAACQ,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAA;AACpC,GAAA;AACA,EAAA,OAAOT,MAAM,CAAA;AACf;;;;"}

package/build/common/dateUtils/getMonthNames/getMonthNames.mjs

@@ -0,0 +1,17 @@
+import { formatDate } from '@transferwise/formatting';
+
+const getMonthNames = (locale, format = 'long') => {
+  const months = [];
+  const date = new Date(2018, 0, 1);
+  const monthFormat = {
+    month: format
+  };
+  while (months.length < 12) {
+    months.push(formatDate(date, locale, monthFormat));
+    date.setMonth(date.getMonth() + 1);
+  }
+  return months;
+};
+
+export { getMonthNames };
+//# sourceMappingURL=getMonthNames.mjs.map

package/build/common/dateUtils/getMonthNames/getMonthNames.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMonthNames.mjs","sources":["../../../../src/common/dateUtils/getMonthNames/getMonthNames.ts"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\n\nexport const getMonthNames = (\n  locale: string,\n  format: Intl.DateTimeFormatOptions['month'] = 'long',\n): string[] => {\n  const months: string[] = [];\n  const date = new Date(2018, 0, 1);\n  const monthFormat = { month: format };\n  while (months.length < 12) {\n    months.push(formatDate(date, locale, monthFormat));\n    date.setMonth(date.getMonth() + 1);\n  }\n  return months;\n};\n"],"names":["getMonthNames","locale","format","months","date","Date","monthFormat","month","length","push","formatDate","setMonth","getMonth"],"mappings":";;AAEO,MAAMA,aAAa,GAAGA,CAC3BC,MAAc,EACdC,MAAA,GAA8C,MAAM,KACxC;EACZ,MAAMC,MAAM,GAAa,EAAE,CAAA;EAC3B,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;AACjC,EAAA,MAAMC,WAAW,GAAG;AAAEC,IAAAA,KAAK,EAAEL,MAAAA;GAAQ,CAAA;AACrC,EAAA,OAAOC,MAAM,CAACK,MAAM,GAAG,EAAE,EAAE;IACzBL,MAAM,CAACM,IAAI,CAACC,UAAU,CAACN,IAAI,EAAEH,MAAM,EAAEK,WAAW,CAAC,CAAC,CAAA;IAClDF,IAAI,CAACO,QAAQ,CAACP,IAAI,CAACQ,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAA;AACpC,GAAA;AACA,EAAA,OAAOT,MAAM,CAAA;AACf;;;;"}

package/build/common/dateUtils/isDateValid/isDateValid.js

@@ -0,0 +1,17 @@
+'use strict';
+
+const isDateValid = date => {
+  if (date === null) {
+    return false;
+  } else if (date instanceof Date) {
+    return validDateObject(date);
+  } else {
+    return validDateString(date);
+  }
+};
+const validDateString = dateString => validDateObject(new Date(dateString));
+const validDateObject = dateObject => !isNaN(dateObject.getTime());
+
+exports.isDateValid = isDateValid;
+exports.validDateString = validDateString;
+//# sourceMappingURL=isDateValid.js.map

package/build/common/dateUtils/isDateValid/isDateValid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isDateValid.js","sources":["../../../../src/common/dateUtils/isDateValid/isDateValid.ts"],"sourcesContent":["export const isDateValid = (date: Date | string | null) => {\n  if (date === null) {\n    return false;\n  } else if (date instanceof Date) {\n    return validDateObject(date);\n  } else {\n    return validDateString(date);\n  }\n};\n\nexport const validDateString = (dateString: string) => validDateObject(new Date(dateString));\n\nconst validDateObject = (dateObject: Date) => !isNaN(dateObject.getTime());\n"],"names":["isDateValid","date","Date","validDateObject","validDateString","dateString","dateObject","isNaN","getTime"],"mappings":";;AAAaA,MAAAA,WAAW,GAAIC,IAA0B,IAAI;EACxD,IAAIA,IAAI,KAAK,IAAI,EAAE;AACjB,IAAA,OAAO,KAAK,CAAA;AACd,GAAC,MAAM,IAAIA,IAAI,YAAYC,IAAI,EAAE;IAC/B,OAAOC,eAAe,CAACF,IAAI,CAAC,CAAA;AAC9B,GAAC,MAAM;IACL,OAAOG,eAAe,CAACH,IAAI,CAAC,CAAA;AAC9B,GAAA;AACF,EAAC;AAEYG,MAAAA,eAAe,GAAIC,UAAkB,IAAKF,eAAe,CAAC,IAAID,IAAI,CAACG,UAAU,CAAC,EAAC;AAE5F,MAAMF,eAAe,GAAIG,UAAgB,IAAK,CAACC,KAAK,CAACD,UAAU,CAACE,OAAO,EAAE,CAAC;;;;;"}