@transferwise/components 0.0.0-experimental-5e2f01a → 0.0.0-experimental-d8ad171

package/build/es/no-polyfill/dropFade/DropFade.js

@@ -1,3 +1,3 @@
-import React,{useRef,useState}from"react";import CSSTransition from"react-transition-group/CSSTransition";import{jsx as _jsx}from"react/jsx-runtime";const DropFade=a=>{let{children:b,show:c}=a;const d=useRef(null),[e,f]=useState(0),g=/*#__PURE__*/React.cloneElement(b);return/*#__PURE__*/_jsx(CSSTransition,{nodeRef:d,in:c,timeout:300,classNames:"np-dropfade",onEntering:()=>{// Set height so we can animate to the correct height
-f(d.current?.scrollHeight||0)}// Un-set height, as we don't want to presume it should be that height forever
-,onEntered:()=>f(void 0),onExit:()=>{f(d.current?.scrollHeight||0)},onExiting:()=>{f(0)},children:/*#__PURE__*/_jsx("div",{ref:d,style:{height:e},className:"np-dropfade",children:g})})};export default DropFade;
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import React,{useRef,useState}from"react";import CSSTransition from"react-transition-group/CSSTransition";import{jsx as _jsx}from"react/jsx-runtime";var DropFade=function(a){var b=a.children,c=a.show,d=useRef(null),e=useState(0),f=_slicedToArray(e,2),g=f[0],h=f[1],i=/*#__PURE__*/React.cloneElement(b);return/*#__PURE__*/_jsx(CSSTransition,{nodeRef:d,in:c,timeout:300,classNames:"np-dropfade",onEntering:function onEntering(){var a;// Set height so we can animate to the correct height
+h((null===(a=d.current)||void 0===a?void 0:a.scrollHeight)||0)}// Un-set height, as we don't want to presume it should be that height forever
+,onEntered:function onEntered(){return h(void 0)},onExit:function onExit(){var a;h((null===(a=d.current)||void 0===a?void 0:a.scrollHeight)||0)},onExiting:function onExiting(){h(0)},children:/*#__PURE__*/_jsx("div",{ref:d,style:{height:g},className:"np-dropfade",children:i})})};export default DropFade;

package/build/es/no-polyfill/dropFade/DropFade.story.js

@@ -1 +1 @@
-/* eslint-disable react/forbid-dom-props */import{action}from"@storybook/addon-actions";import{useState}from"react";import{Button,Nudge}from"..";import DropFade from"./DropFade";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{title:"Dialogs/DropFade",component:DropFade};export const Basic=()=>{const[a,b]=useState(!1);return/*#__PURE__*/_jsxs("div",{style:{margin:"0 auto",maxWidth:400},children:[/*#__PURE__*/_jsx(DropFade,{show:a,children:/*#__PURE__*/_jsx(Nudge,{media:/*#__PURE__*/_jsx("img",{alt:"",style:{width:44,height:44},src:"https://wise.com/public-resources/assets/public-navigation/saving.svg"}),mediaName:"globe",title:"Did you know it's cool to be Wise?",link:"Get Wise",href:"https://wise.com",onClick:action("action clicked"),onDismiss:()=>{action("dismissed"),b(!1)}})}),/*#__PURE__*/_jsx(Button,{className:"m-t-3",block:!0,onClick:()=>b(!0),children:"Some other content"})]})};
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";/* eslint-disable react/forbid-dom-props */import{action}from"@storybook/addon-actions";import{useState}from"react";import{Button,Nudge}from"..";import DropFade from"./DropFade";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{title:"Dialogs/DropFade",component:DropFade};export var Basic=function(){var a=useState(!1),b=_slicedToArray(a,2),c=b[0],d=b[1];return/*#__PURE__*/_jsxs("div",{style:{margin:"0 auto",maxWidth:400},children:[/*#__PURE__*/_jsx(DropFade,{show:c,children:/*#__PURE__*/_jsx(Nudge,{media:/*#__PURE__*/_jsx("img",{alt:"",style:{width:44,height:44},src:"https://wise.com/public-resources/assets/public-navigation/saving.svg"}),mediaName:"globe",title:"Did you know it's cool to be Wise?",link:"Get Wise",href:"https://wise.com",onClick:action("action clicked"),onDismiss:function onDismiss(){action("dismissed"),d(!1)}})}),/*#__PURE__*/_jsx(Button,{className:"m-t-3",block:!0,onClick:function onClick(){return d(!0)},children:"Some other content"})]})};

package/build/es/no-polyfill/dynamicFieldDefinitionList/DynamicFieldDefinitionList.js

@@ -1 +1 @@
-import PropTypes from"prop-types";import{Typography,Layout}from"../common";import{prepFields}from"../common/requirements";import DefinitionList from"../definitionList";import Title from"../title";import createDefinitions from"./utils/createDefinitions";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";const DynamicFieldDefinitionList=a=>{let{model:b,title:c,layout:d,fields:e}=a;return/*#__PURE__*/_jsxs(_Fragment,{children:[c&&/*#__PURE__*/_jsx("div",{className:"m-t-1 m-b-3",children:/*#__PURE__*/_jsx(Title,{type:Typography.TITLE_BODY,className:"p-t-3",children:c})}),/*#__PURE__*/_jsx(DefinitionList,{layout:d,definitions:createDefinitions(prepFields(e),b)})]})};DynamicFieldDefinitionList.propTypes={model:PropTypes.shape({}).isRequired,fields:PropTypes.shape({}).isRequired,title:PropTypes.string,layout:PropTypes.oneOf(["VERTICAL_TWO_COLUMN","VERTICAL_ONE_COLUMN","HORIZONTAL_JUSTIFIED","HORIZONTAL_LEFT_ALIGNED"])},DynamicFieldDefinitionList.defaultProps={title:null,layout:Layout.VERTICAL_TWO_COLUMN};export default DynamicFieldDefinitionList;
+import PropTypes from"prop-types";import{Typography,Layout}from"../common";import{prepFields}from"../common/requirements";import DefinitionList from"../definitionList";import Title from"../title";import createDefinitions from"./utils/createDefinitions";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var DynamicFieldDefinitionList=function(a){var b=a.model,c=a.title,d=a.layout,e=a.fields;return/*#__PURE__*/_jsxs(_Fragment,{children:[c&&/*#__PURE__*/_jsx("div",{className:"m-t-1 m-b-3",children:/*#__PURE__*/_jsx(Title,{type:Typography.TITLE_BODY,className:"p-t-3",children:c})}),/*#__PURE__*/_jsx(DefinitionList,{layout:d,definitions:createDefinitions(prepFields(e),b)})]})};DynamicFieldDefinitionList.propTypes={model:PropTypes.shape({}).isRequired,fields:PropTypes.shape({}).isRequired,title:PropTypes.string,layout:PropTypes.oneOf(["VERTICAL_TWO_COLUMN","VERTICAL_ONE_COLUMN","HORIZONTAL_JUSTIFIED","HORIZONTAL_LEFT_ALIGNED"])},DynamicFieldDefinitionList.defaultProps={title:null,layout:Layout.VERTICAL_TWO_COLUMN};export default DynamicFieldDefinitionList;

package/build/es/no-polyfill/dynamicFieldDefinitionList/FormattedValue/FormattedValue.js

@@ -2,7 +2,7 @@ import{formatDate,formatNumber}from"@transferwise/formatting";import classNames
  *
  * @param {Array} options
  * @param {string|number} value
- */import{jsx as _jsx}from"react/jsx-runtime";const getValueLabel=(a,b)=>{const c=a.find(a=>a.value===b);return c&&c.label?c.label:b},mask=a=>Array(a.length+1).join("*"),FormattedValue=a=>{let{field:b,value:c}=a;const{locale:d}=useIntl(),e=[];switch(b.tagClassName&&b.tagClassName.h3&&(e.push("np-text-body-large-bold"),e.push("formatted-value__h3-custom-alignment")),b.control){case"select":case"radio":return/*#__PURE__*/_jsx("span",{children:getValueLabel(b.values,c)});case"date":return/*#__PURE__*/_jsx("span",{children:formatDate(c instanceof Date?c:new Date(c),d)});case"number":return/*#__PURE__*/_jsx("span",{children:formatNumber(c,d)});case"password":return/*#__PURE__*/_jsx("span",{children:mask(c)});case"file":return/*#__PURE__*/_jsx("div",{className:"thumbnail",children:/*#__PURE__*/_jsx("img",{alt:b.title,src:c})});case"checkbox":return/*#__PURE__*/_jsx("span",{children:JSON.stringify(c)});default:return/*#__PURE__*/_jsx("span",{className:classNames(e),children:formatUsingPattern(c,b.displayFormat)});}};/**
+ */import{jsx as _jsx}from"react/jsx-runtime";var getValueLabel=function(a,b){var c=a.find(function(a){return a.value===b});return c&&c.label?c.label:b},mask=function(a){return Array(a.length+1).join("*")},FormattedValue=function(a){var b=a.field,c=a.value,d=useIntl(),e=d.locale,f=[];switch(b.tagClassName&&b.tagClassName.h3&&(f.push("np-text-body-large-bold"),f.push("formatted-value__h3-custom-alignment")),b.control){case"select":case"radio":return/*#__PURE__*/_jsx("span",{children:getValueLabel(b.values,c)});case"date":return/*#__PURE__*/_jsx("span",{children:formatDate(c instanceof Date?c:new Date(c),e)});case"number":return/*#__PURE__*/_jsx("span",{children:formatNumber(c,e)});case"password":return/*#__PURE__*/_jsx("span",{children:mask(c)});case"file":return/*#__PURE__*/_jsx("div",{className:"thumbnail",children:/*#__PURE__*/_jsx("img",{alt:b.title,src:c})});case"checkbox":return/*#__PURE__*/_jsx("span",{children:JSON.stringify(c)});default:return/*#__PURE__*/_jsx("span",{className:classNames(f),children:formatUsingPattern(c,b.displayFormat)});}};/**
  *
  * @param {string} value
  */FormattedValue.propTypes={field:PropTypes.shape({control:PropTypes.string.isRequired,displayFormat:PropTypes.string,refreshRequirementsOnChange:PropTypes.bool,title:PropTypes.string.isRequired,type:PropTypes.string.isRequired,width:PropTypes.string,tagClassName:PropTypes.shape({h3:PropTypes.bool}),values:PropTypes.arrayOf(PropTypes.shape({value:PropTypes.any}))}).isRequired,value:PropTypes.any.isRequired};export default FormattedValue;

package/build/es/no-polyfill/dynamicFieldDefinitionList/utils/createDefinitions.js

@@ -1,2 +1,2 @@
-import toPairs from"lodash.topairs";import FormattedValue from"../FormattedValue";import{jsx as _jsx}from"react/jsx-runtime";export default function createDefinitions(a,b){return toPairs(a).map(a=>{let[c,d]=a;return createDefinition(c,d,b)}).filter(a=>!!a)}function createDefinition(a,b,c){const{title:d,group:e,hidden:f}=b;return!c[a]||f?null:{title:d,value:e?e.map((b,d)=>/*#__PURE__*/_jsx(FormattedValue,{// eslint-disable-line react/no-array-index-key
-field:b,value:c[a]},d)):/*#__PURE__*/_jsx(FormattedValue,{field:b,value:c[a]}),key:a}}
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import toPairs from"lodash.topairs";import FormattedValue from"../FormattedValue";import{jsx as _jsx}from"react/jsx-runtime";export default function createDefinitions(a,b){return toPairs(a).map(function(a){var c=_slicedToArray(a,2),d=c[0],e=c[1];return createDefinition(d,e,b)}).filter(function(a){return!!a})}function createDefinition(a,b,c){var d=b.title,e=b.group,f=b.hidden;return!c[a]||f?null:{title:d,value:e?e.map(function(b,d){return/*#__PURE__*/_jsx(FormattedValue,{// eslint-disable-line react/no-array-index-key
+field:b,value:c[a]},d)}):/*#__PURE__*/_jsx(FormattedValue,{field:b,value:c[a]}),key:a}}

package/build/es/no-polyfill/dynamicFieldDefinitionList/utils/text-format.js

@@ -1 +1 @@
-const formatUsingPattern=function(){let a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"",b=1<arguments.length?arguments[1]:void 0;if("string"!=typeof b)return a;let c=b;0<c.indexOf("||")&&(c=c.slice(0,Math.max(0,b.indexOf("||"))));let d="",separators=0,e=a.length,f=0;for(;e;)positionIsSeparator(c,f)?(d+=c[f],separators+=1):(d+=a[f-separators],e-=1),f+=1;const g=countSeparatorsAfterCursor(c,f);return g&&(d+=c.slice(f,g)),d},countSeparatorsAfterCursor=(a,b)=>{let separators=0;for(;positionIsSeparator(a,b+separators);)separators+=1;return separators},positionIsSeparator=(a,b)=>a[b]&&"*"!==a[b];export{formatUsingPattern};
+var formatUsingPattern=function(){var a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"",b=1<arguments.length?arguments[1]:void 0;if("string"!=typeof b)return a;var c=b;0<c.indexOf("||")&&(c=c.slice(0,Math.max(0,b.indexOf("||"))));for(var d="",separators=0,e=a.length,f=0;e;)positionIsSeparator(c,f)?(d+=c[f],separators+=1):(d+=a[f-separators],e-=1),f+=1;var g=countSeparatorsAfterCursor(c,f);return g&&(d+=c.slice(f,g)),d},countSeparatorsAfterCursor=function(a,b){for(var separators=0;positionIsSeparator(a,b+separators);)separators+=1;return separators},positionIsSeparator=function(a,b){return a[b]&&"*"!==a[b]};export{formatUsingPattern};

package/build/es/no-polyfill/emphasis/Emphasis.js

@@ -1,2 +1,2 @@
-import EmphasisHtmlTransformer from"./EmphasisHtmlTransformer";import{jsx as _jsx}from"react/jsx-runtime";const SUPPORTED_TAGS=["important","positive","negative","warning"],emphasisHtmlTransformer=new EmphasisHtmlTransformer(SUPPORTED_TAGS),Emphasis=a=>{let{text:b=void 0}=a;if(!b)return null;const c=emphasisHtmlTransformer.transform(b);// eslint-disable-next-line react/no-danger
-return c?/*#__PURE__*/_jsx("span",{dangerouslySetInnerHTML:{__html:c}}):null};export default Emphasis;
+import EmphasisHtmlTransformer from"./EmphasisHtmlTransformer";import{jsx as _jsx}from"react/jsx-runtime";var SUPPORTED_TAGS=["important","positive","negative","warning"],emphasisHtmlTransformer=new EmphasisHtmlTransformer(SUPPORTED_TAGS),Emphasis=function(a){var b=a.text,c=void 0===b?void 0:b;if(!c)return null;var d=emphasisHtmlTransformer.transform(c);// eslint-disable-next-line react/no-danger
+return d?/*#__PURE__*/_jsx("span",{dangerouslySetInnerHTML:{__html:d}}):null};export default Emphasis;

package/build/es/no-polyfill/emphasis/EmphasisHtmlTransformer.js

@@ -1,7 +1,7 @@
-const ESCAPED_OPENING_CHEVRON="&lt;",ESCAPED_CLOSING_CHEVRON="&gt;";class EmphasisHtmlTransformer{constructor(a){this.tags=(a||[]).map(a=>({transformed:{opening:`<em class="emphasis emphasis--${a}">`,closing:"</em>"},escapedRegex:{opening:new RegExp(`${ESCAPED_OPENING_CHEVRON}${a}${ESCAPED_CLOSING_CHEVRON}`,"g"),closing:new RegExp(`${ESCAPED_OPENING_CHEVRON}/${a}${ESCAPED_CLOSING_CHEVRON}`,"g")}}))}// Algorithm:
+import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _defineProperty from"@babel/runtime/helpers/defineProperty";var ESCAPED_OPENING_CHEVRON="&lt;",ESCAPED_CLOSING_CHEVRON="&gt;",EmphasisHtmlTransformer=/*#__PURE__*/function(){function a(b){_classCallCheck(this,a),_defineProperty(this,"tags",void 0),this.tags=(b||[]).map(function(a){return{transformed:{opening:"<em class=\"emphasis emphasis--".concat(a,"\">"),closing:"</em>"},escapedRegex:{opening:new RegExp("".concat(ESCAPED_OPENING_CHEVRON).concat(a).concat(ESCAPED_CLOSING_CHEVRON),"g"),closing:new RegExp("".concat(ESCAPED_OPENING_CHEVRON,"/").concat(a).concat(ESCAPED_CLOSING_CHEVRON),"g")}}})}// Algorithm:
 // 1) Escape all dangerous characters (<,>,&)
 // 2) Replace all escaped, whitelisted tags with styled spans.
 // 3) Transform new line characters to `<br />`s
 //
 // Note: for simplicity this doesn't support tags with non-standard whitespaces, e.g. <positive></ positive>
-transform(a){if(!a)return null;const b=a.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");return this.tags.reduce((a,b)=>a.replace(b.escapedRegex.opening,b.transformed.opening).replace(b.escapedRegex.closing,b.transformed.closing),b).replace(/\\n|\n/g,"<br />")}}export default EmphasisHtmlTransformer;
+return _createClass(a,[{key:"transform",value:function transform(a){if(!a)return null;var b=a.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");return this.tags.reduce(function(a,b){return a.replace(b.escapedRegex.opening,b.transformed.opening).replace(b.escapedRegex.closing,b.transformed.closing)},b).replace(/\\n|\n/g,"<br />")}}]),a}();export default EmphasisHtmlTransformer;

package/build/es/no-polyfill/flowNavigation/FlowNavigation.js

@@ -1,2 +1,2 @@
-import classNames from"classnames";import PropTypes from"prop-types";import{useRef}from"react";import{Breakpoint,Layout}from"../common";import{CloseButton}from"../common/closeButton";import FlowHeader from"../common/flowHeader";import{useClientWidth}from"../common/hooks";import Logo from"../logo";import Stepper from"../stepper";import AnimatedLabel from"./animatedLabel";import BackButton from"./backButton";// Size switches on parent container which may or may not have the same size as the window.
-import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";const containerBreakpoints={"np-flow-navigation--sm":Breakpoint.SMALL,"np-flow-navigation--lg":Breakpoint.LARGE},FlowNavigation=a=>{let{activeStep:b,avatar:c,logo:d,onClose:e,onGoBack:f,done:g,steps:h}=a;const i=useRef(null),[j]=useClientWidth({ref:i}),k=e&&/*#__PURE__*/_jsx(CloseButton,{size:"lg",onClick:e}),l=j<Breakpoint.SMALL,m=g?null:c;return/*#__PURE__*/_jsx("div",{ref:i,className:classNames("np-flow-navigation d-flex align-items-center justify-content-center p-y-3",{"np-flow-navigation--border-bottom":!g}),children:/*#__PURE__*/_jsx(FlowHeader,{className:classNames("np-flow-navigation__content p-x-3",{"np-flow-navigation--hidden":!j,"np-flow-navigation--xs-max":l},Object.keys(containerBreakpoints).filter(a=>j>=containerBreakpoints[a])),leftContent:l?(()=>{return/*#__PURE__*/_jsx(_Fragment,{children:f&&0<b?/*#__PURE__*/_jsx(BackButton,{label:/*#__PURE__*/_jsx(AnimatedLabel,{className:"m-x-1",labels:h.map(a=>a.label),activeLabel:b-1}),onClick:f}):d})})():d,rightContent:/*#__PURE__*/_jsxs(_Fragment,{children:[m,m&&k&&/*#__PURE__*/_jsx("span",{className:"separator"}),k]}),bottomContent:!g&&/*#__PURE__*/_jsx(Stepper,{activeStep:b,steps:h,className:classNames("np-flow-navigation__stepper")}),layout:j<Breakpoint.LARGE?Layout.VERTICAL:Layout.HORIZONTAL})})};FlowNavigation.defaultProps={activeStep:0,avatar:void 0,logo:/*#__PURE__*/_jsx(Logo,{}),onGoBack:void 0,onClose:void 0,done:!1},FlowNavigation.propTypes={activeStep:PropTypes.number,/** An Avatar */avatar:PropTypes.element,logo:PropTypes.node,/** Called when the close button is clicked. If not provided the close button won't show */onClose:PropTypes.func,/** Called when the back button is clicked. If not provided the back button won't show. The back button only shows on small screens */onGoBack:PropTypes.func,done:PropTypes.bool,/** Steps to be displayed in stepper. If you don't need the stepper, please use OverlayHeader instead */steps:PropTypes.arrayOf(PropTypes.shape({label:PropTypes.node.isRequired,onClick:PropTypes.func,hoverLabel:PropTypes.node})).isRequired};export default FlowNavigation;
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import classNames from"classnames";import PropTypes from"prop-types";import{useRef}from"react";import{Breakpoint,Layout}from"../common";import{CloseButton}from"../common/closeButton";import FlowHeader from"../common/flowHeader";import{useClientWidth}from"../common/hooks";import Logo from"../logo";import Stepper from"../stepper";import AnimatedLabel from"./animatedLabel";import BackButton from"./backButton";// Size switches on parent container which may or may not have the same size as the window.
+import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var containerBreakpoints={"np-flow-navigation--sm":Breakpoint.SMALL,"np-flow-navigation--lg":Breakpoint.LARGE},FlowNavigation=function(a){var b=a.activeStep,c=a.avatar,d=a.logo,e=a.onClose,f=a.onGoBack,g=a.done,h=a.steps,i=useRef(null),j=useClientWidth({ref:i}),k=_slicedToArray(j,1),l=k[0],m=e&&/*#__PURE__*/_jsx(CloseButton,{size:"lg",onClick:e}),n=l<Breakpoint.SMALL,o=g?null:c;return/*#__PURE__*/_jsx("div",{ref:i,className:classNames("np-flow-navigation d-flex align-items-center justify-content-center p-y-3",{"np-flow-navigation--border-bottom":!g}),children:/*#__PURE__*/_jsx(FlowHeader,{className:classNames("np-flow-navigation__content p-x-3",{"np-flow-navigation--hidden":!l,"np-flow-navigation--xs-max":n},Object.keys(containerBreakpoints).filter(function(a){return l>=containerBreakpoints[a]})),leftContent:n?function getLeftContentSmall(){return/*#__PURE__*/_jsx(_Fragment,{children:f&&0<b?/*#__PURE__*/_jsx(BackButton,{label:/*#__PURE__*/_jsx(AnimatedLabel,{className:"m-x-1",labels:h.map(function(a){return a.label}),activeLabel:b-1}),onClick:f}):d})}():d,rightContent:/*#__PURE__*/_jsxs(_Fragment,{children:[o,o&&m&&/*#__PURE__*/_jsx("span",{className:"separator"}),m]}),bottomContent:!g&&/*#__PURE__*/_jsx(Stepper,{activeStep:b,steps:h,className:classNames("np-flow-navigation__stepper")}),layout:l<Breakpoint.LARGE?Layout.VERTICAL:Layout.HORIZONTAL})})};FlowNavigation.defaultProps={activeStep:0,avatar:void 0,logo:/*#__PURE__*/_jsx(Logo,{}),onGoBack:void 0,onClose:void 0,done:!1},FlowNavigation.propTypes={activeStep:PropTypes.number,/** An Avatar */avatar:PropTypes.element,logo:PropTypes.node,/** Called when the close button is clicked. If not provided the close button won't show */onClose:PropTypes.func,/** Called when the back button is clicked. If not provided the back button won't show. The back button only shows on small screens */onGoBack:PropTypes.func,done:PropTypes.bool,/** Steps to be displayed in stepper. If you don't need the stepper, please use OverlayHeader instead */steps:PropTypes.arrayOf(PropTypes.shape({label:PropTypes.node.isRequired,onClick:PropTypes.func,hoverLabel:PropTypes.node})).isRequired};export default FlowNavigation;

package/build/es/no-polyfill/flowNavigation/animatedLabel/AnimatedLabel.js

@@ -1 +1 @@
-import classNames from"classnames";import PropTypes from"prop-types";import{jsx as _jsx}from"react/jsx-runtime";const AnimatedLabel=a=>{let{activeLabel:b,className:c,labels:d}=a;const e=d.length-1;return/*#__PURE__*/_jsx("div",{className:classNames("np-animated-label","np-text-body-large-bold",c),children:d.map((a,c)=>{const d=c-1;return/*#__PURE__*/_jsx("div",{className:classNames("text-xs-left",{"np-animated-label--in":c===b,"np-animated-label--out":d===b&&d!==e}),children:a},d)})})};AnimatedLabel.propTypes={activeLabel:PropTypes.number.isRequired,className:PropTypes.string,labels:PropTypes.arrayOf(PropTypes.node).isRequired},AnimatedLabel.defaultProps={className:void 0};export default AnimatedLabel;
+import classNames from"classnames";import PropTypes from"prop-types";import{jsx as _jsx}from"react/jsx-runtime";var AnimatedLabel=function(a){var b=a.activeLabel,c=a.className,d=a.labels,e=d.length-1;return/*#__PURE__*/_jsx("div",{className:classNames("np-animated-label","np-text-body-large-bold",c),children:d.map(function(a,c){var d=c-1;return/*#__PURE__*/_jsx("div",{className:classNames("text-xs-left",{"np-animated-label--in":c===b,"np-animated-label--out":d===b&&d!==e}),children:a},d)})})};AnimatedLabel.propTypes={activeLabel:PropTypes.number.isRequired,className:PropTypes.string,labels:PropTypes.arrayOf(PropTypes.node).isRequired},AnimatedLabel.defaultProps={className:void 0};export default AnimatedLabel;

package/build/es/no-polyfill/flowNavigation/backButton/BackButton.js

@@ -1 +1 @@
-import{ArrowLeft as ArrowLeftIcon}from"@transferwise/icons";import classNames from"classnames";import PropTypes from"prop-types";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";const BackButton=a=>{let{label:b,className:c,onClick:d}=a;return/*#__PURE__*/_jsxs("button",{type:"button",className:classNames("np-back-button","align-items-center","btn-unstyled",c),onClick:d,children:[/*#__PURE__*/_jsx(ArrowLeftIcon,{size:24}),b]})};BackButton.propTypes={className:PropTypes.string,label:PropTypes.element,onClick:PropTypes.func.isRequired},BackButton.defaultProps={className:void 0,label:void 0};export default BackButton;
+import{ArrowLeft as ArrowLeftIcon}from"@transferwise/icons";import classNames from"classnames";import PropTypes from"prop-types";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var BackButton=function(a){var b=a.label,c=a.className,d=a.onClick;return/*#__PURE__*/_jsxs("button",{type:"button",className:classNames("np-back-button","align-items-center","btn-unstyled",c),onClick:d,children:[/*#__PURE__*/_jsx(ArrowLeftIcon,{size:24}),b]})};BackButton.propTypes={className:PropTypes.string,label:PropTypes.element,onClick:PropTypes.func.isRequired},BackButton.defaultProps={className:void 0,label:void 0};export default BackButton;

package/build/es/no-polyfill/header/Header.js

@@ -1,5 +1,5 @@
-import{useTheme}from"@wise/components-theming";import classNames from"classnames";import ActionButton from"../actionButton/ActionButton";import Button from"../button";import{Typography}from"../common";import Link from"../link";import Title from"../title";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";const HeaderAction=a=>{let{action:b}=a;const{isModern:c}=useTheme(),d={"aria-label":b["aria-label"]};return"href"in b?/*#__PURE__*/_jsx(Link,{href:b.href,target:b.target,onClick:b.onClick,...d,children:b.text}):c?/*#__PURE__*/_jsx(Button,{className:"np-header__button",priority:"tertiary",size:"sm",onClick:b.onClick,...d,children:b.text}):/*#__PURE__*/_jsx(ActionButton,{onClick:b.onClick,...d,children:b.text})};/**
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useTheme}from"@wise/components-theming";import classNames from"classnames";import ActionButton from"../actionButton/ActionButton";import Button from"../button";import{Typography}from"../common";import Link from"../link";import Title from"../title";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var HeaderAction=function(a){var b=a.action,c=useTheme(),d=c.isModern,e={"aria-label":b["aria-label"]};return"href"in b?/*#__PURE__*/_jsx(Link,_objectSpread(_objectSpread({href:b.href,target:b.target,onClick:b.onClick},e),{},{children:b.text})):d?/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({className:"np-header__button",priority:"tertiary",size:"sm",onClick:b.onClick},e),{},{children:b.text})):/*#__PURE__*/_jsx(ActionButton,_objectSpread(_objectSpread({onClick:b.onClick},e),{},{children:b.text}))};/**
  *
  * Neptune Web: https://transferwise.github.io/neptune-web/components/content/Header
  *
- */export const Header=a=>{let{action:b,as:e="h5",title:c,className:d}=a;return/*#__PURE__*/_jsxs("div",{className:classNames("np-header",d),children:[/*#__PURE__*/_jsx(Title,{as:e,type:Typography.TITLE_GROUP,className:"np-header__title",children:c}),b&&/*#__PURE__*/_jsx(HeaderAction,{action:b})]})};export default Header;
+ */export var Header=function(a){var b=a.action,c=a.as,d=void 0===c?"h5":c,e=a.title,f=a.className;return/*#__PURE__*/_jsxs("div",{className:classNames("np-header",f),children:[/*#__PURE__*/_jsx(Title,{as:d,type:Typography.TITLE_GROUP,className:"np-header__title",children:e}),b&&/*#__PURE__*/_jsx(HeaderAction,{action:b})]})};export default Header;

package/build/es/no-polyfill/header/Header.spec.js

@@ -1 +1 @@
-import{render,screen,userEvent}from"../test-utils";import Header from".";import{jsx as _jsx}from"react/jsx-runtime";describe("Header",()=>{it("can set header title",()=>{render(/*#__PURE__*/_jsx(Header,{title:"Header title"})),expect(screen.getByText("Header title")).toBeInTheDocument()}),it("can trigger header action",()=>{const a=jest.fn();render(/*#__PURE__*/_jsx(Header,{title:"Header title",action:{text:"Click me!",onClick:a}})),userEvent.click(screen.getByRole("button",{name:"Click me!"})),expect(a).toHaveBeenCalledTimes(1)}),it("can set aria-label property for header action",()=>{const a=jest.fn();render(/*#__PURE__*/_jsx(Header,{title:"Header title",action:{"aria-label":"Magic",text:"Click me!",onClick:a}})),userEvent.click(screen.getByRole("button",{name:"Magic"})),expect(a).toHaveBeenCalledTimes(1)}),it("renders header action as a link when href is provided",()=>{render(/*#__PURE__*/_jsx(Header,{title:"Header title",action:{"aria-label":"Click me!",text:"I am a link",href:"https://wise.com"}}));const a=screen.getByRole("link",{name:"Click me!"});expect(a).toHaveAttribute("href","https://wise.com")}),it("renders header with h5 heading tag by default",()=>{render(/*#__PURE__*/_jsx(Header,{title:"Header title"})),expect(screen.getByRole("heading",{name:"Header title",level:5})).toBeInTheDocument()}),it("can render header with specific heading tag",()=>{render(/*#__PURE__*/_jsx(Header,{as:"h3",title:"Header title"})),expect(screen.getByRole("heading",{name:"Header title",level:3})).toBeInTheDocument()}),it("runs onClick if specified even when it got href prop",()=>{const a=jest.fn();render(/*#__PURE__*/_jsx(Header,{as:"h3",title:"Header title",action:{text:"Click me",href:"#",onClick:a}}));const b=screen.getByRole("link",{name:"Click me"});expect(b).toBeInTheDocument(),userEvent.click(b),expect(a).toHaveBeenCalledTimes(1)})});
+import{render,screen,userEvent}from"../test-utils";import Header from".";import{jsx as _jsx}from"react/jsx-runtime";describe("Header",function(){it("can set header title",function(){render(/*#__PURE__*/_jsx(Header,{title:"Header title"})),expect(screen.getByText("Header title")).toBeInTheDocument()}),it("can trigger header action",function(){var a=jest.fn();render(/*#__PURE__*/_jsx(Header,{title:"Header title",action:{text:"Click me!",onClick:a}})),userEvent.click(screen.getByRole("button",{name:"Click me!"})),expect(a).toHaveBeenCalledTimes(1)}),it("can set aria-label property for header action",function(){var a=jest.fn();render(/*#__PURE__*/_jsx(Header,{title:"Header title",action:{"aria-label":"Magic",text:"Click me!",onClick:a}})),userEvent.click(screen.getByRole("button",{name:"Magic"})),expect(a).toHaveBeenCalledTimes(1)}),it("renders header action as a link when href is provided",function(){render(/*#__PURE__*/_jsx(Header,{title:"Header title",action:{"aria-label":"Click me!",text:"I am a link",href:"https://wise.com"}}));var a=screen.getByRole("link",{name:"Click me!"});expect(a).toHaveAttribute("href","https://wise.com")}),it("renders header with h5 heading tag by default",function(){render(/*#__PURE__*/_jsx(Header,{title:"Header title"})),expect(screen.getByRole("heading",{name:"Header title",level:5})).toBeInTheDocument()}),it("can render header with specific heading tag",function(){render(/*#__PURE__*/_jsx(Header,{as:"h3",title:"Header title"})),expect(screen.getByRole("heading",{name:"Header title",level:3})).toBeInTheDocument()}),it("runs onClick if specified even when it got href prop",function(){var a=jest.fn();render(/*#__PURE__*/_jsx(Header,{as:"h3",title:"Header title",action:{text:"Click me",href:"#",onClick:a}}));var b=screen.getByRole("link",{name:"Click me"});expect(b).toBeInTheDocument(),userEvent.click(b),expect(a).toHaveBeenCalledTimes(1)})});

package/build/es/no-polyfill/header/Header.story.js

@@ -1 +1,2 @@
-import Header from"./Header";import{jsx as _jsx}from"react/jsx-runtime";export default{component:Header,title:"Typography/Header"};export const Basic=()=>/*#__PURE__*/_jsx(Header,{title:"Header title"});export const WithAction=()=>/*#__PURE__*/_jsx(Header,{title:"Header title",action:{"aria-label":"Magic",text:"Click me!",onClick:()=>alert("Action!")}});export const WithActionAsLink=()=>/*#__PURE__*/_jsx(Header,{title:"Header title",action:{text:"This is a link",href:"https://wise.com"}});export const WithActionAsLinkPreventingNavigationWithTracking=()=>/*#__PURE__*/_jsx(Header,{title:"Header title",action:{text:"This is a link",href:"https://wise.com",onClick:a=>{alert("Running onClick handler"),a.preventDefault()}}});
+import Header from"./Header";import{jsx as _jsx}from"react/jsx-runtime";export default{component:Header,title:"Typography/Header"};export var Basic=function(){return/*#__PURE__*/_jsx(Header,{title:"Header title"})};export var WithAction=function(){return/*#__PURE__*/_jsx(Header,{title:"Header title",action:{"aria-label":"Magic",text:"Click me!",onClick:function onClick(){return alert("Action!")}}})};export var WithActionAsLink=function(){return/*#__PURE__*/_jsx(Header,{title:"Header title",action:{text:"This is a link",href:"https://wise.com"}})};export var WithActionAsLinkPreventingNavigationWithTracking=function(){return/*#__PURE__*/_jsx(Header,{title:"Header title",action:{text:"This is a link",href:"https://wise.com",onClick:function onClick(a){// we can stop the navigation from happening as onClick will always run before href redirect
+alert("Running onClick handler"),a.preventDefault()}}})};

package/build/es/no-polyfill/i18n/index.js

@@ -1 +1 @@
-import de from"./de.json";import en from"./en.json";import es from"./es.json";import fr from"./fr.json";import hu from"./hu.json";import id from"./id.json";import it from"./it.json";import ja from"./ja.json";import pl from"./pl.json";import pt from"./pt.json";import ro from"./ro.json";import ru from"./ru.json";import th from"./th.json";import tr from"./tr.json";import uk from"./uk.json";import zh from"./zh.json";const translations={de,en,es,fr,hu,id,it,ja,pl,pt,ro,ru,th,tr,uk,zh};export default translations;
+import de from"./de.json";import en from"./en.json";import es from"./es.json";import fr from"./fr.json";import hu from"./hu.json";import id from"./id.json";import it from"./it.json";import ja from"./ja.json";import pl from"./pl.json";import pt from"./pt.json";import ro from"./ro.json";import ru from"./ru.json";import th from"./th.json";import tr from"./tr.json";import uk from"./uk.json";import zh from"./zh.json";var translations={de:de,en:en,es:es,fr:fr,hu:hu,id:id,it:it,ja:ja,pl:pl,pt:pt,ro:ro,ru:ru,th:th,tr:tr,uk:uk,zh:zh};export default translations;

package/build/es/no-polyfill/image/Image.js

@@ -1,4 +1,4 @@
-import classnames from"classnames";import PropTypes from"prop-types";import{useRef}from"react";import{useHasIntersected}from"../common/hooks";/**
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import classnames from"classnames";import PropTypes from"prop-types";import{useRef}from"react";import{useHasIntersected}from"../common/hooks";/**
  * Image component provides a wrapper for image tag. Optional lazy loading functionalities can also be enabled passing prop loading = "lazy.
  * Once element intersects viewport image loads.
  *
@@ -9,4 +9,4 @@ import classnames from"classnames";import PropTypes from"prop-types";import{useR
  * @param {Function} [onError=()=>{}] - function that contains error callback. Doesn't fire on SSR https://github.com/facebook/react/issues/15446
  * @param {boolean} [loading="lazy"] - This attribute follows the loading API attribute. If set to eager image will load immediately just like a normal image tag otherwise it will lazy load.
  * @usage `<Image alt="alt" src="src" id="id1" onLoad={()=>{}} onError={())=>{}} loading="lazy" />`
- */import{jsx as _jsx}from"react/jsx-runtime";export const EmptyTransparentImage="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";const Image=a=>{let{id:b,src:c,alt:d,onLoad:e,onError:f,className:g,loading:h,stretch:i,shrink:j}=a;const k=useRef(),[l]=useHasIntersected({elRef:k,loading:h});let m=c,n=e;return"lazy"!==h||l||(m=EmptyTransparentImage,n=null),/*#__PURE__*/_jsx("img",{ref:k,id:b,alt:d,src:m,className:classnames(["tw-image",{"tw-image__stretch":i,"tw-image__shrink":j},g]),onLoad:n,onError:f})};Image.propTypes={id:PropTypes.string,src:PropTypes.string.isRequired,alt:PropTypes.string.isRequired,onLoad:PropTypes.func,onError:PropTypes.func,className:PropTypes.string,loading:PropTypes.oneOf(["lazy","eager"]),stretch:PropTypes.bool,shrink:PropTypes.bool},Image.defaultProps={id:null,className:"",onLoad:()=>{},onError:()=>{},loading:"eager",stretch:!0,shrink:!0};export default Image;
+ */import{jsx as _jsx}from"react/jsx-runtime";export var EmptyTransparentImage="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";var Image=function(a){var b=a.id,c=a.src,d=a.alt,e=a.onLoad,f=a.onError,g=a.className,h=a.loading,i=a.stretch,j=a.shrink,k=useRef(),l=useHasIntersected({elRef:k,loading:h}),m=_slicedToArray(l,1),n=m[0],o=c,p=e;return"lazy"!==h||n||(o=EmptyTransparentImage,p=null),/*#__PURE__*/_jsx("img",{ref:k,id:b,alt:d,src:o,className:classnames(["tw-image",{"tw-image__stretch":i,"tw-image__shrink":j},g]),onLoad:p,onError:f})};Image.propTypes={id:PropTypes.string,src:PropTypes.string.isRequired,alt:PropTypes.string.isRequired,onLoad:PropTypes.func,onError:PropTypes.func,className:PropTypes.string,loading:PropTypes.oneOf(["lazy","eager"]),stretch:PropTypes.bool,shrink:PropTypes.bool},Image.defaultProps={id:null,className:"",onLoad:function onLoad(){},onError:function onError(){},loading:"eager",stretch:!0,shrink:!0};export default Image;

package/build/es/no-polyfill/info/Info.js

@@ -1 +1 @@
-import{QuestionMarkCircle as HelpCircleIcon}from"@transferwise/icons";import classNames from"classnames";import PropTypes from"prop-types";import{useState}from"react";import{Size,Position}from"../common";import Modal from"../modal";import Popover from"../popover";import{InfoPresentation}from"./infoPresentations";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";const Info=a=>{const{className:b,content:c,onClick:d,presentation:e,size:f,title:g}=a,[h,i]=useState(!1),j=e===InfoPresentation.MODAL,k=f===Size.SMALL,l={"aria-label":a["aria-label"],className:"btn-unstyled",children:/*#__PURE__*/_jsx(HelpCircleIcon,{size:k?16:24})};return/*#__PURE__*/_jsx("span",{className:classNames(b,"np-info",{"np-info__small":k,"np-info__large":!k}),children:j?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("button",{type:"button",onClick:()=>{i(!h),d&&d()},...l}),/*#__PURE__*/_jsx(Modal,{body:c,open:h,title:g,onClose:()=>i(!1)})]}):/*#__PURE__*/_jsx(Popover,{content:c,preferredPlacement:Position.BOTTOM,title:g,children:/*#__PURE__*/_jsx("button",{type:"button",...l,onClick:()=>{d&&d()}})})})};Info.propTypes={"aria-label":PropTypes.string.isRequired,/** Extra classes applied to Info */className:PropTypes.string,/** Content displayed inside a Popover a Modal */content:PropTypes.node,onClick:PropTypes.func,/** Decides whether to display content in a Popover or a Modal */presentation:PropTypes.oneOf(["MODAL","POPOVER"]),/** Decides the size of help Icon */size:PropTypes.oneOf(["sm","lg"]),/** Title displayed inside a Popover a Modal */title:PropTypes.node},Info.defaultProps={className:void 0,content:void 0,onClick:void 0,presentation:InfoPresentation.POPOVER,size:Size.SMALL,title:void 0};export default Info;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{QuestionMarkCircle as HelpCircleIcon}from"@transferwise/icons";import classNames from"classnames";import PropTypes from"prop-types";import{useState}from"react";import{Size,Position}from"../common";import Modal from"../modal";import Popover from"../popover";import{InfoPresentation}from"./infoPresentations";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Info=function(a){var b=a.className,c=a.content,d=a.onClick,e=a.presentation,f=a.size,g=a.title,h=useState(!1),i=_slicedToArray(h,2),j=i[0],k=i[1],l=e===InfoPresentation.MODAL,m=f===Size.SMALL,n={"aria-label":a["aria-label"],className:"btn-unstyled",children:/*#__PURE__*/_jsx(HelpCircleIcon,{size:m?16:24})};return/*#__PURE__*/_jsx("span",{className:classNames(b,"np-info",{"np-info__small":m,"np-info__large":!m}),children:l?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("button",_objectSpread({type:"button",onClick:function onClick(){k(!j),d&&d()}},n)),/*#__PURE__*/_jsx(Modal,{body:c,open:j,title:g,onClose:function onClose(){return k(!1)}})]}):/*#__PURE__*/_jsx(Popover,{content:c,preferredPlacement:Position.BOTTOM,title:g,children:/*#__PURE__*/_jsx("button",_objectSpread(_objectSpread({type:"button"},n),{},{onClick:function onClick(){d&&d()}}))})})};Info.propTypes={"aria-label":PropTypes.string.isRequired,/** Extra classes applied to Info */className:PropTypes.string,/** Content displayed inside a Popover a Modal */content:PropTypes.node,onClick:PropTypes.func,/** Decides whether to display content in a Popover or a Modal */presentation:PropTypes.oneOf(["MODAL","POPOVER"]),/** Decides the size of help Icon */size:PropTypes.oneOf(["sm","lg"]),/** Title displayed inside a Popover a Modal */title:PropTypes.node},Info.defaultProps={className:void 0,content:void 0,onClick:void 0,presentation:InfoPresentation.POPOVER,size:Size.SMALL,title:void 0};export default Info;

package/build/es/no-polyfill/info/Info.story.js

@@ -1 +1 @@
-import{userEvent,within}from"@storybook/testing-library";import{lorem10,storyConfig}from"../test-utils";import Info,{InfoPresentation}from".";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Info,title:"Dialogs/Info",args:{"aria-label":"Click here for more details",title:"Fast transfer hint",content:lorem10},render:a=>/*#__PURE__*/_jsxs("p",{children:[/*#__PURE__*/_jsx("span",{children:"Fast transfer"})," ",/*#__PURE__*/_jsx(Info,{...a})]})};export const Basic=storyConfig({},{variants:["default","dark","rtl"]});export const OpenedPopover={parameters:{chromatic:{delay:1e3}},play:a=>{let{canvasElement:b}=a;const c=within(b);userEvent.click(c.getByRole("button"))}};export const OpenedPopoverMobile=storyConfig(OpenedPopover,{variants:["mobile"]});export const OpenedModal={...OpenedPopover,args:{presentation:InfoPresentation.MODAL}};export const OpenedModalMobile=storyConfig(OpenedModal,{variants:["mobile"]});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{userEvent,within}from"@storybook/testing-library";import{lorem10,storyConfig}from"../test-utils";import Info,{InfoPresentation}from".";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Info,title:"Dialogs/Info",args:{"aria-label":"Click here for more details",title:"Fast transfer hint",content:lorem10},render:function render(a){return/*#__PURE__*/_jsxs("p",{children:[/*#__PURE__*/_jsx("span",{children:"Fast transfer"})," ",/*#__PURE__*/_jsx(Info,_objectSpread({},a))]})}};export var Basic=storyConfig({},{variants:["default","dark","rtl"]});export var OpenedPopover={parameters:{chromatic:{delay:1e3}},play:function play(a){var b=a.canvasElement,c=within(b);userEvent.click(c.getByRole("button"))}};export var OpenedPopoverMobile=storyConfig(OpenedPopover,{variants:["mobile"]});export var OpenedModal=_objectSpread(_objectSpread({},OpenedPopover),{},{args:{presentation:InfoPresentation.MODAL}});export var OpenedModalMobile=storyConfig(OpenedModal,{variants:["mobile"]});

package/build/es/no-polyfill/info/infoPresentations.js

@@ -1,2 +1,2 @@
 // TODO: consider to move this enum into component file once we migrate it on TypeScript or replace with some common enum
-export let InfoPresentation=/*#__PURE__*/function(a){return a.POPOVER="POPOVER",a.MODAL="MODAL",a}({});
+export var InfoPresentation=/*#__PURE__*/function(a){return a.POPOVER="POPOVER",a.MODAL="MODAL",a}({});

package/build/es/no-polyfill/inlineAlert/InlineAlert.js

@@ -1 +1 @@
-import{AlertCircle as AlertCircleIcon}from"@transferwise/icons";import{useTheme}from"@wise/components-theming";import classNames from"classnames";import PropTypes from"prop-types";import withArrow,{AlertArrowPosition}from"../alert/withArrow";import{Sentiment}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";const typeClassMap={[Sentiment.ERROR]:"danger",[Sentiment.NEGATIVE]:"danger"},InlineAlert=a=>{const{isModern:b}=useTheme(),c=`alert-${typeClassMap[a.type]||a.type}`;if(b)return/*#__PURE__*/_jsxs("div",{role:"alert",id:a.id,className:classNames("alert alert-detach",c,a.className),children:[("error"===a.type||"negative"===a.type)&&/*#__PURE__*/_jsx(AlertCircleIcon,{}),/*#__PURE__*/_jsx("div",{children:a.children})]});const d=withArrow(b=>{let{children:d,className:e}=b;return/*#__PURE__*/_jsx("div",{role:"alert",id:a.id,className:classNames("alert alert-detach p-x-2 p-y-1",c,e),children:d})},AlertArrowPosition.TOP_LEFT);return/*#__PURE__*/_jsx(d,{...a})};InlineAlert.propTypes={children:PropTypes.node.isRequired,className:PropTypes.string,id:PropTypes.string,type:PropTypes.oneOf(["positive","negative","warning","neutral","success","info","error"])},InlineAlert.defaultProps={className:void 0,id:void 0,type:Sentiment.NEUTRAL};export default InlineAlert;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";var _typeClassMap;function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{AlertCircle as AlertCircleIcon}from"@transferwise/icons";import{useTheme}from"@wise/components-theming";import classNames from"classnames";import PropTypes from"prop-types";import withArrow,{AlertArrowPosition}from"../alert/withArrow";import{Sentiment}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var typeClassMap=(_typeClassMap={},_defineProperty(_typeClassMap,Sentiment.ERROR,"danger"),_defineProperty(_typeClassMap,Sentiment.NEGATIVE,"danger"),_typeClassMap),InlineAlert=function(a){var b=useTheme(),c=b.isModern,d="alert-".concat(typeClassMap[a.type]||a.type);if(c)return/*#__PURE__*/_jsxs("div",{role:"alert",id:a.id,className:classNames("alert alert-detach",d,a.className),children:[("error"===a.type||"negative"===a.type)&&/*#__PURE__*/_jsx(AlertCircleIcon,{}),/*#__PURE__*/_jsx("div",{children:a.children})]});var e=withArrow(function getAlertContents(b){var c=b.children,e=b.className;return/*#__PURE__*/_jsx("div",{role:"alert",id:a.id,className:classNames("alert alert-detach p-x-2 p-y-1",d,e),children:c})},AlertArrowPosition.TOP_LEFT);return/*#__PURE__*/_jsx(e,_objectSpread({},a))};InlineAlert.propTypes={children:PropTypes.node.isRequired,className:PropTypes.string,id:PropTypes.string,type:PropTypes.oneOf(["positive","negative","warning","neutral","success","info","error"])},InlineAlert.defaultProps={className:void 0,id:void 0,type:Sentiment.NEUTRAL};export default InlineAlert;

package/build/es/no-polyfill/inputWithDisplayFormat/InputWithDisplayFormat.js

@@ -1 +1 @@
-import PropTypes from"prop-types";import WithDisplayFormat from"../withDisplayFormat";import{jsx as _jsx}from"react/jsx-runtime";const InputWithDisplayFormat=a=>/*#__PURE__*/_jsx(WithDisplayFormat,{...a,render:a=>/*#__PURE__*/_jsx("input",{...a})});InputWithDisplayFormat.propTypes={displayPattern:PropTypes.string.isRequired,onChange:PropTypes.func.isRequired};export default InputWithDisplayFormat;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import PropTypes from"prop-types";import WithDisplayFormat from"../withDisplayFormat";import{jsx as _jsx}from"react/jsx-runtime";var InputWithDisplayFormat=function(a){return/*#__PURE__*/_jsx(WithDisplayFormat,_objectSpread(_objectSpread({},a),{},{render:function render(a){return/*#__PURE__*/_jsx("input",_objectSpread({},a))}}))};InputWithDisplayFormat.propTypes={displayPattern:PropTypes.string.isRequired,onChange:PropTypes.func.isRequired};export default InputWithDisplayFormat;

package/build/es/no-polyfill/inputs/Input.js

@@ -1 +1 @@
-import classNames from"classnames";import{forwardRef}from"react";import{formControlClassNameBase}from"./_common";import{jsx as _jsx}from"react/jsx-runtime";export const Input=/*#__PURE__*/forwardRef(function(a,b){let{size:e="auto",className:c,...d}=a;return/*#__PURE__*/_jsx("input",{ref:b,className:classNames(c,formControlClassNameBase({size:e})),...d})});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","className"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import classNames from"classnames";import{forwardRef}from"react";import{formControlClassNameBase}from"./_common";import{jsx as _jsx}from"react/jsx-runtime";export var Input=/*#__PURE__*/forwardRef(function(a,b){var c=a.size,d=void 0===c?"auto":c,e=a.className,f=_objectWithoutProperties(a,_excluded);return/*#__PURE__*/_jsx("input",_objectSpread({ref:b,className:classNames(e,formControlClassNameBase({size:d}))},f))});

package/build/es/no-polyfill/inputs/TextArea.js

@@ -1 +1 @@
-import classNames from"classnames";import{forwardRef}from"react";import{formControlClassNameBase}from"./_common";import{jsx as _jsx}from"react/jsx-runtime";export const TextArea=/*#__PURE__*/forwardRef(function(a,b){let{className:c,...d}=a;return/*#__PURE__*/_jsx("textarea",{ref:b,className:classNames(c,formControlClassNameBase(),"np-text-area"),...d})});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import classNames from"classnames";import{forwardRef}from"react";import{formControlClassNameBase}from"./_common";import{jsx as _jsx}from"react/jsx-runtime";export var TextArea=/*#__PURE__*/forwardRef(function(a,b){var c=a.className,d=_objectWithoutProperties(a,_excluded);return/*#__PURE__*/_jsx("textarea",_objectSpread({ref:b,className:classNames(c,formControlClassNameBase(),"np-text-area")},d))});

package/build/es/no-polyfill/inputs/_common.js

@@ -1,2 +1,2 @@
-import classNames from"classnames";export function formControlClassNameBase(){let{size:a="auto"}=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{};return classNames("form-control",// TODO: Deprecate
-"np-form-control",{"np-form-control--size-auto np-text-body-large":"auto"===a,"np-form-control--size-sm np-text-body-default":"sm"===a,"np-form-control--size-md np-text-body-large":"md"===a,"np-form-control--size-lg np-text-title-subsection":"lg"===a},"np-form-control--shape-rectangle")}
+import classNames from"classnames";export function formControlClassNameBase(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{},b=a.size,c=void 0===b?"auto":b;return classNames("form-control",// TODO: Deprecate
+"np-form-control",{"np-form-control--size-auto np-text-body-large":"auto"===c,"np-form-control--size-sm np-text-body-default":"sm"===c,"np-form-control--size-md np-text-body-large":"md"===c,"np-form-control--size-lg np-text-title-subsection":"lg"===c},"np-form-control--shape-rectangle")}

package/build/es/no-polyfill/instructionsList/InstructionsList.js

@@ -1,3 +1,3 @@
-import{CrossCircle,CrossCircleFill,CheckCircle,CheckCircleFill}from"@transferwise/icons";import{useTheme}from"@wise/components-theming";import Body from"../body/Body";import{Typography}from"../common/propsValues/typography";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";const InstructionsList=a=>{const{isModern:b}=useTheme(),{dos:c,donts:d}=a,e=b?CrossCircleFill:CrossCircle,f=b?CheckCircleFill:CheckCircle;return/*#__PURE__*/_jsxs("div",{className:"tw-instructions",children:[c&&c.map((a,b)=>/*#__PURE__*/ // eslint-disable-next-line react/no-array-index-key
-_jsxs("div",{className:"instruction",children:[/*#__PURE__*/_jsx(f,{size:24,className:"do"}),/*#__PURE__*/_jsx(Body,{className:"text-primary",type:Typography.BODY_LARGE,children:a})]},b)),d&&d.map((a,b)=>/*#__PURE__*/ // eslint-disable-next-line react/no-array-index-key
-_jsxs("div",{className:"instruction",children:[/*#__PURE__*/_jsx(e,{size:24,className:"dont"}),/*#__PURE__*/_jsx(Body,{className:"text-primary",type:Typography.BODY_LARGE,children:a})]},b))]})};export default InstructionsList;
+import{CrossCircle,CrossCircleFill,CheckCircle,CheckCircleFill}from"@transferwise/icons";import{useTheme}from"@wise/components-theming";import Body from"../body/Body";import{Typography}from"../common/propsValues/typography";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var InstructionsList=function(a){var b=useTheme(),c=b.isModern,d=a.dos,e=a.donts,f=c?CrossCircleFill:CrossCircle,g=c?CheckCircleFill:CheckCircle;return/*#__PURE__*/_jsxs("div",{className:"tw-instructions",children:[d&&d.map(function(a,b){return/*#__PURE__*/ (// eslint-disable-next-line react/no-array-index-key
+_jsxs("div",{className:"instruction",children:[/*#__PURE__*/_jsx(g,{size:24,className:"do"}),/*#__PURE__*/_jsx(Body,{className:"text-primary",type:Typography.BODY_LARGE,children:a})]},b))}),e&&e.map(function(a,b){return/*#__PURE__*/ (// eslint-disable-next-line react/no-array-index-key
+_jsxs("div",{className:"instruction",children:[/*#__PURE__*/_jsx(f,{size:24,className:"dont"}),/*#__PURE__*/_jsx(Body,{className:"text-primary",type:Typography.BODY_LARGE,children:a})]},b))})]})};export default InstructionsList;

package/build/es/no-polyfill/link/Link.js

@@ -1,5 +1,5 @@
-import{NavigateAway as NavigateAwayIcon}from"@transferwise/icons";import classNames from"classnames";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";/**
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children","href","target","type","aria-label","onClick"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{NavigateAway as NavigateAwayIcon}from"@transferwise/icons";import classNames from"classnames";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";/**
  * Standard Link component with navigate away icon
  *
  * Documentation: https://transferwise.github.io/neptune-web/components/content/Link
- */const Link=a=>{let{className:b,children:c,href:d,target:e,type:f,"aria-label":g,onClick:h,...i}=a;const j="_blank"===e;return/*#__PURE__*/_jsxs("a",{href:d,target:e,className:classNames("np-link",f?`np-text-${f}`:void 0,"d-inline-flex",b),"aria-label":g,rel:j?"noreferrer":void 0,onClick:h,...i,children:[c,j&&/*#__PURE__*/_jsx(NavigateAwayIcon,{})]})};export default Link;
+ */var Link=function(a){var b=a.className,c=a.children,d=a.href,e=a.target,f=a.type,g=a["aria-label"],h=a.onClick,i=_objectWithoutProperties(a,_excluded),j="_blank"===e;return/*#__PURE__*/_jsxs("a",_objectSpread(_objectSpread({href:d,target:e,className:classNames("np-link",f?"np-text-".concat(f):void 0,"d-inline-flex",b),"aria-label":g,rel:j?"noreferrer":void 0,onClick:h},i),{},{children:[c,j&&/*#__PURE__*/_jsx(NavigateAwayIcon,{})]}))};export default Link;

package/build/es/no-polyfill/link/Link.spec.js

@@ -1 +1 @@
-import"@testing-library/jest-dom";import{render,screen}from"../test-utils";import Link from".";import{jsx as _jsx}from"react/jsx-runtime";describe("Link",()=>{const a={className:"a-class",href:"/test"};it("renders Link component",()=>{render(/*#__PURE__*/_jsx(Link,{...a,children:"link text"}));const b=screen.getByRole("link",{name:"link text"});expect(b).toHaveAttribute("href",a.href),expect(b).toHaveClass(a.className),expect(b).not.toHaveAttribute("target"),expect(b).not.toHaveAttribute("rel")}),it("renders target and rel attributes when target is _blank",()=>{render(/*#__PURE__*/_jsx(Link,{...a,target:"_blank",children:"link text"}));const b=screen.getByText("link text");expect(b).toHaveAttribute("target","_blank"),expect(b).toHaveAttribute("rel","noreferrer")}),it("renders with the provided aria-label",()=>{render(/*#__PURE__*/_jsx(Link,{...a,"aria-label":"make me accessible",children:"link text"}));const b=screen.getByText("link text");expect(b).toHaveAttribute("aria-label","make me accessible")})});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"@testing-library/jest-dom";import{render,screen}from"../test-utils";import Link from".";import{jsx as _jsx}from"react/jsx-runtime";describe("Link",function(){var a={className:"a-class",href:"/test"};it("renders Link component",function(){render(/*#__PURE__*/_jsx(Link,_objectSpread(_objectSpread({},a),{},{children:"link text"})));var b=screen.getByRole("link",{name:"link text"});expect(b).toHaveAttribute("href",a.href),expect(b).toHaveClass(a.className),expect(b).not.toHaveAttribute("target"),expect(b).not.toHaveAttribute("rel")}),it("renders target and rel attributes when target is _blank",function(){render(/*#__PURE__*/_jsx(Link,_objectSpread(_objectSpread({},a),{},{target:"_blank",children:"link text"})));var b=screen.getByText("link text");expect(b).toHaveAttribute("target","_blank"),expect(b).toHaveAttribute("rel","noreferrer")}),it("renders with the provided aria-label",function(){render(/*#__PURE__*/_jsx(Link,_objectSpread(_objectSpread({},a),{},{"aria-label":"make me accessible",children:"link text"})));var b=screen.getByText("link text");expect(b).toHaveAttribute("aria-label","make me accessible")})});

package/build/es/no-polyfill/link/Link.story.js

@@ -1 +1 @@
-/* eslint-disable react/jsx-child-element-spacing */import Body from"../body/Body";import{Typography}from"../common";import Title from"../title/Title";import Link from".";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";export default{component:Link,title:"Typography/Link"};export const Basic=()=>/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Title,{type:Typography.TITLE_SCREEN,className:"m-t-3",children:"Standalone examples of links"}),/*#__PURE__*/_jsx(Link,{href:"#",target:"_blank",children:"Default link"}),/*#__PURE__*/_jsx(Link,{type:Typography.LINK_DEFAULT,target:"_blank",className:"m-t-3",href:"#",children:"Default link"}),/*#__PURE__*/_jsx(Link,{type:Typography.LINK_LARGE,target:"_blank",className:"m-t-3",href:"#",children:"Large link"}),/*#__PURE__*/_jsxs(Title,{type:Typography.TITLE_SCREEN,className:"m-t-3",children:["Links via ",/*#__PURE__*/_jsx("code",{children:"<Link />"})," component in all types of body copy"]}),/*#__PURE__*/_jsxs(Body,{type:Typography.BODY_LARGE_BOLD,className:"m-t-3",children:["We\u2019re building the world's"," ",/*#__PURE__*/_jsx(Link,{href:"#",target:"_blank",children:"most international account"}),". We\u2019re building the world's most international account"]}),/*#__PURE__*/_jsxs(Body,{type:Typography.BODY_LARGE,className:"m-t-3",children:["We\u2019re building the world's"," ",/*#__PURE__*/_jsx(Link,{href:"#",target:"_blank",children:"most international account"}),". We\u2019re building the world's most international account"]}),/*#__PURE__*/_jsxs(Body,{type:Typography.BODY_DEFAULT_BOLD,className:"m-t-3",children:["We\u2019re building the world's"," ",/*#__PURE__*/_jsx(Link,{href:"#",target:"_blank",children:"most international account"}),". We\u2019re building the world's most international account"]}),/*#__PURE__*/_jsxs(Body,{type:Typography.BODY_DEFAULT,className:"m-t-3",children:["We\u2019re building the world's"," ",/*#__PURE__*/_jsx(Link,{href:"#",target:"_blank",children:"most international account"}),". We\u2019re building the world's most international account"]}),/*#__PURE__*/_jsxs(Title,{type:Typography.TITLE_SCREEN,className:"m-t-3",children:["Links via ",/*#__PURE__*/_jsx("code",{children:"<a>"})," tag in all types of body copy"]}),/*#__PURE__*/_jsxs(Body,{type:Typography.BODY_LARGE_BOLD,className:"m-t-3",children:["We\u2019re building the world's"," ",/*#__PURE__*/_jsx("a",{href:"#",target:"_blank",children:"most international account"}),". We\u2019re building the world's most international account"]}),/*#__PURE__*/_jsxs(Body,{type:Typography.BODY_LARGE,className:"m-t-3",children:["We\u2019re building the world's"," ",/*#__PURE__*/_jsx("a",{href:"#",target:"_blank",children:"most international account"}),". We\u2019re building the world's most international account"]}),/*#__PURE__*/_jsxs(Body,{type:Typography.BODY_DEFAULT_BOLD,className:"m-t-3",children:["We\u2019re building the world's"," ",/*#__PURE__*/_jsx("a",{href:"#",target:"_blank",children:"most international account"}),". We\u2019re building the world's most international account"]}),/*#__PURE__*/_jsxs(Body,{type:Typography.BODY_DEFAULT,className:"m-t-3",children:["We\u2019re building the world's"," ",/*#__PURE__*/_jsx("a",{href:"#",target:"_blank",children:"most international account"}),". We\u2019re building the world's most international account"]})]});
+/* eslint-disable react/jsx-child-element-spacing */import Body from"../body/Body";import{Typography}from"../common";import Title from"../title/Title";import Link from".";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";export default{component:Link,title:"Typography/Link"};export var Basic=function(){return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Title,{type:Typography.TITLE_SCREEN,className:"m-t-3",children:"Standalone examples of links"}),/*#__PURE__*/_jsx(Link,{href:"#",target:"_blank",children:"Default link"}),/*#__PURE__*/_jsx(Link,{type:Typography.LINK_DEFAULT,target:"_blank",className:"m-t-3",href:"#",children:"Default link"}),/*#__PURE__*/_jsx(Link,{type:Typography.LINK_LARGE,target:"_blank",className:"m-t-3",href:"#",children:"Large link"}),/*#__PURE__*/_jsxs(Title,{type:Typography.TITLE_SCREEN,className:"m-t-3",children:["Links via ",/*#__PURE__*/_jsx("code",{children:"<Link />"})," component in all types of body copy"]}),/*#__PURE__*/_jsxs(Body,{type:Typography.BODY_LARGE_BOLD,className:"m-t-3",children:["We\u2019re building the world's"," ",/*#__PURE__*/_jsx(Link,{href:"#",target:"_blank",children:"most international account"}),". We\u2019re building the world's most international account"]}),/*#__PURE__*/_jsxs(Body,{type:Typography.BODY_LARGE,className:"m-t-3",children:["We\u2019re building the world's"," ",/*#__PURE__*/_jsx(Link,{href:"#",target:"_blank",children:"most international account"}),". We\u2019re building the world's most international account"]}),/*#__PURE__*/_jsxs(Body,{type:Typography.BODY_DEFAULT_BOLD,className:"m-t-3",children:["We\u2019re building the world's"," ",/*#__PURE__*/_jsx(Link,{href:"#",target:"_blank",children:"most international account"}),". We\u2019re building the world's most international account"]}),/*#__PURE__*/_jsxs(Body,{type:Typography.BODY_DEFAULT,className:"m-t-3",children:["We\u2019re building the world's"," ",/*#__PURE__*/_jsx(Link,{href:"#",target:"_blank",children:"most international account"}),". We\u2019re building the world's most international account"]}),/*#__PURE__*/_jsxs(Title,{type:Typography.TITLE_SCREEN,className:"m-t-3",children:["Links via ",/*#__PURE__*/_jsx("code",{children:"<a>"})," tag in all types of body copy"]}),/*#__PURE__*/_jsxs(Body,{type:Typography.BODY_LARGE_BOLD,className:"m-t-3",children:["We\u2019re building the world's"," ",/*#__PURE__*/_jsx("a",{href:"#",target:"_blank",children:"most international account"}),". We\u2019re building the world's most international account"]}),/*#__PURE__*/_jsxs(Body,{type:Typography.BODY_LARGE,className:"m-t-3",children:["We\u2019re building the world's"," ",/*#__PURE__*/_jsx("a",{href:"#",target:"_blank",children:"most international account"}),". We\u2019re building the world's most international account"]}),/*#__PURE__*/_jsxs(Body,{type:Typography.BODY_DEFAULT_BOLD,className:"m-t-3",children:["We\u2019re building the world's"," ",/*#__PURE__*/_jsx("a",{href:"#",target:"_blank",children:"most international account"}),". We\u2019re building the world's most international account"]}),/*#__PURE__*/_jsxs(Body,{type:Typography.BODY_DEFAULT,className:"m-t-3",children:["We\u2019re building the world's"," ",/*#__PURE__*/_jsx("a",{href:"#",target:"_blank",children:"most international account"}),". We\u2019re building the world's most international account"]})]})};

package/build/es/no-polyfill/listItem/ListItem.js

@@ -1 +1 @@
-import classNames from"classnames";import Body from"../body/Body";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";const ListItem=a=>{let{media:b,action:c,className:d,title:e,value:f,isContainerAligned:g,as:i="li",...h}=a;return/*#__PURE__*/_jsxs(i,{className:classNames("np-list-item d-flex align-items-center p-y-2",d,{"p-x-2":!g}),...h,children:[b?b:null,/*#__PURE__*/_jsxs("div",{className:classNames("d-flex flex-column",{"p-l-2":!!b,"p-r-2":!!c}),children:[/*#__PURE__*/_jsx(Body,{type:"body-default",className:"text-secondary m-b-0",children:e}),f&&/*#__PURE__*/_jsx(Body,{type:"body-large",className:"text-primary m-b-0",children:f})]}),c?/*#__PURE__*/_jsx("div",{className:"np-list-item__action m-l-auto",children:c}):null]})};export default ListItem;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["media","action","className","title","value","isContainerAligned","as"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import classNames from"classnames";import Body from"../body/Body";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var ListItem=function(a){var b=a.media,c=a.action,d=a.className,e=a.title,f=a.value,g=a.isContainerAligned,h=a.as,i=void 0===h?"li":h,j=_objectWithoutProperties(a,_excluded);return/*#__PURE__*/_jsxs(i,_objectSpread(_objectSpread({className:classNames("np-list-item d-flex align-items-center p-y-2",d,{"p-x-2":!g})},j),{},{children:[b?b:null,/*#__PURE__*/_jsxs("div",{className:classNames("d-flex flex-column",{"p-l-2":!!b,"p-r-2":!!c}),children:[/*#__PURE__*/_jsx(Body,{type:"body-default",className:"text-secondary m-b-0",children:e}),f&&/*#__PURE__*/_jsx(Body,{type:"body-large",className:"text-primary m-b-0",children:f})]}),c?/*#__PURE__*/_jsx("div",{className:"np-list-item__action m-l-auto",children:c}):null]}))};export default ListItem;

package/build/es/no-polyfill/listItem/ListItem.spec.js

@@ -1 +1 @@
-import"@testing-library/jest-dom";import ActionButton from"../actionButton/ActionButton";import{render,screen,within}from"../test-utils";import ListItem from".";import{jsx as _jsx}from"react/jsx-runtime";describe("ListItem",()=>{it("shows the title and description",async()=>{render(/*#__PURE__*/_jsx(ListItem,{title:"Some title",value:"Some description",as:"li"}));const b=await a();expect(b).toHaveClass("np-list-item"),expect(within(b).getByText("Some title")).toBeInTheDocument(),expect(within(b).getByText("Some description")).toBeInTheDocument()}),it("shows an action",async()=>{render(/*#__PURE__*/_jsx(ListItem,{title:"Account number",value:"123",action:/*#__PURE__*/_jsx(ActionButton,{children:"Copy"})}));const b=await a(),c=await within(b).findByRole("button",{name:"Copy"});expect(c).toBeInTheDocument()}),it("shows media icon",async()=>{render(/*#__PURE__*/_jsx(ListItem,{title:"Some title",value:"Some desctiption",media:/*#__PURE__*/_jsx("img",{style:{width:32,height:32},src:"https://wise.com/public-resources/assets/balances/savings-emoji/google/\u2708\uFE0F.png",alt:"icon"})}));const b=await a();expect(within(b).getByAltText("icon")).toBeInTheDocument()});const a=async()=>screen.findByRole("listitem")});
+import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _regeneratorRuntime from"@babel/runtime/regenerator";import"@testing-library/jest-dom";import ActionButton from"../actionButton/ActionButton";import{render,screen,within}from"../test-utils";import ListItem from".";import{jsx as _jsx}from"react/jsx-runtime";describe("ListItem",function(){it("shows the title and description",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function b(){var c;return _regeneratorRuntime.wrap(function(b){for(;;)switch(b.prev=b.next){case 0:return render(/*#__PURE__*/_jsx(ListItem,{title:"Some title",value:"Some description",as:"li"})),b.next=3,a();case 3:c=b.sent,expect(c).toHaveClass("np-list-item"),expect(within(c).getByText("Some title")).toBeInTheDocument(),expect(within(c).getByText("Some description")).toBeInTheDocument();case 7:case"end":return b.stop();}},b)}))),it("shows an action",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function b(){var c,d;return _regeneratorRuntime.wrap(function(b){for(;;)switch(b.prev=b.next){case 0:return render(/*#__PURE__*/_jsx(ListItem,{title:"Account number",value:"123",action:/*#__PURE__*/_jsx(ActionButton,{children:"Copy"})})),b.next=3,a();case 3:return c=b.sent,b.next=6,within(c).findByRole("button",{name:"Copy"});case 6:d=b.sent,expect(d).toBeInTheDocument();case 8:case"end":return b.stop();}},b)}))),it("shows media icon",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function b(){var c;return _regeneratorRuntime.wrap(function(b){for(;;)switch(b.prev=b.next){case 0:return render(/*#__PURE__*/_jsx(ListItem,{title:"Some title",value:"Some desctiption",media:/*#__PURE__*/_jsx("img",{style:{width:32,height:32},src:"https://wise.com/public-resources/assets/balances/savings-emoji/google/\u2708\uFE0F.png",alt:"icon"})})),b.next=3,a();case 3:c=b.sent,expect(within(c).getByAltText("icon")).toBeInTheDocument();case 5:case"end":return b.stop();}},b)})));var a=/*#__PURE__*/function(){var a=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function a(){return _regeneratorRuntime.wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.abrupt("return",screen.findByRole("listitem"));case 1:case"end":return a.stop();}},a)}));return function(){return a.apply(this,arguments)}}()});

package/build/es/no-polyfill/listItem/ListItem.story.js

@@ -1 +1 @@
-/* eslint-disable react/jsx-child-element-spacing */import{action}from"@storybook/addon-actions";import{Documents}from"@transferwise/icons";import ActionButton from"../actionButton/ActionButton";import Avatar from"../avatar";import Badge from"../badge";import Info from"../info";import Title from"../title/Title";import ListItem from".";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:ListItem,title:"Other/ListItem",tags:["autodocs"]};const Template=a=>{let{title:c="Wise",value:d="We\u2019re building the world\u2019s most international account",...b}=a;return/*#__PURE__*/_jsx(ListItem,{title:c,value:d,...b})};export const Basic=()=>/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsx(ListItem,{title:"Wise",value:"We\u2019re building the world's most international account"})});export const Variants=()=>/*#__PURE__*/_jsxs("div",{children:[/*#__PURE__*/_jsxs("div",{className:"m-t-4 m-b-2",children:[/*#__PURE__*/_jsx(Title,{type:"title-body",children:"With Icon Avatar"}),/*#__PURE__*/_jsx(Template,{media:/*#__PURE__*/_jsx(Avatar,{children:/*#__PURE__*/_jsx("img",{style:{width:32,height:32},src:"https://wise.com/public-resources/assets/balances/savings-emoji/google/\u2708\uFE0F.png",alt:""})})})]}),/*#__PURE__*/_jsxs("div",{className:"m-t-4 m-b-2",children:[/*#__PURE__*/_jsx(Title,{type:"title-body",children:"With Contact Avatar"}),/*#__PURE__*/_jsx(Template,{title:"Sandra Pepper",value:"Personal account",media:/*#__PURE__*/_jsx(Badge,{badge:/*#__PURE__*/_jsx("img",{src:"https://wise.com/public-resources/assets/brand/fast_flag_badge_personal.svg",alt:"",height:"24px",width:"24px"}),children:/*#__PURE__*/_jsx(Avatar,{type:"initials",size:"md",children:/*#__PURE__*/_jsx("span",{"aria-hidden":!0,children:"SP"})})})})]}),/*#__PURE__*/_jsxs("div",{className:"m-t-4 m-b-2",children:[/*#__PURE__*/_jsx(Title,{type:"title-body",children:"With Avatar and Action"}),/*#__PURE__*/_jsx(Template,{title:"Account holder",value:"Sandra Pepper",media:/*#__PURE__*/_jsx(Badge,{badge:/*#__PURE__*/_jsx("img",{src:"https://wise.com/public-resources/assets/brand/fast_flag_badge_personal.svg",alt:"",height:"24px",width:"24px"}),children:/*#__PURE__*/_jsx(Avatar,{type:"initials",size:"md",children:/*#__PURE__*/_jsx("span",{"aria-hidden":!0,children:"SP"})})}),action:/*#__PURE__*/_jsx(ActionButton,{children:"Share details"})})]}),/*#__PURE__*/_jsxs("div",{className:"m-t-4 m-b-2",children:[/*#__PURE__*/_jsx(Title,{type:"title-body",children:"Text Only List"}),/*#__PURE__*/_jsxs("ul",{style:{paddingLeft:0},children:[/*#__PURE__*/_jsx(Template,{title:"Sort code",value:"23-14-71"}),/*#__PURE__*/_jsx(Template,{title:"Account number",value:"12345678"})]})]}),/*#__PURE__*/_jsxs("div",{className:"m-t-4 m-b-2",children:[/*#__PURE__*/_jsx(Title,{type:"title-body",children:"Text With Action Button"}),/*#__PURE__*/_jsx(Template,{title:"SWIFT/BIC",value:"\u2022\u2022\u2022 \u2022\u2022\u2022",action:/*#__PURE__*/_jsx(ActionButton,{onClick:()=>action("clicked"),children:"Reveal"})})]}),/*#__PURE__*/_jsxs("div",{className:"m-t-4 m-b-2",children:[/*#__PURE__*/_jsx(Title,{type:"title-body",children:"Text With Other Action"}),/*#__PURE__*/_jsx(Template,{title:"Account number",value:"123456789",action:/*#__PURE__*/_jsx("button",{type:"button",style:{background:"none",border:0},onClick:()=>action("clicked"),children:/*#__PURE__*/_jsx(Documents,{size:"24"})})})]}),/*#__PURE__*/_jsxs("div",{className:"m-t-4 m-b-2",children:[/*#__PURE__*/_jsx(Title,{type:"title-body",children:"Text With Info Action"}),/*#__PURE__*/_jsx(Template,{title:"Routing number",value:"987654",action:/*#__PURE__*/_jsx(Info,{size:"lg","aria-label":"More information",content:"Use this routing number to receive ACH and Wire transfers."})})]})]});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["title","value"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}/* eslint-disable react/jsx-child-element-spacing */import{action}from"@storybook/addon-actions";import{Documents}from"@transferwise/icons";import ActionButton from"../actionButton/ActionButton";import Avatar from"../avatar";import Badge from"../badge";import Info from"../info";import Title from"../title/Title";import ListItem from".";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:ListItem,title:"Other/ListItem",tags:["autodocs"]};var Template=function(a){var b=a.title,c=void 0===b?"Wise":b,d=a.value,e=void 0===d?"We\u2019re building the world\u2019s most international account":d,f=_objectWithoutProperties(a,_excluded);return/*#__PURE__*/_jsx(ListItem,_objectSpread({title:c,value:e},f))};export var Basic=function(){return/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsx(ListItem,{title:"Wise",value:"We\u2019re building the world's most international account"})})};export var Variants=function(){return/*#__PURE__*/_jsxs("div",{children:[/*#__PURE__*/_jsxs("div",{className:"m-t-4 m-b-2",children:[/*#__PURE__*/_jsx(Title,{type:"title-body",children:"With Icon Avatar"}),/*#__PURE__*/_jsx(Template,{media:/*#__PURE__*/_jsx(Avatar,{children:/*#__PURE__*/_jsx("img",{style:{width:32,height:32},src:"https://wise.com/public-resources/assets/balances/savings-emoji/google/\u2708\uFE0F.png",alt:""})})})]}),/*#__PURE__*/_jsxs("div",{className:"m-t-4 m-b-2",children:[/*#__PURE__*/_jsx(Title,{type:"title-body",children:"With Contact Avatar"}),/*#__PURE__*/_jsx(Template,{title:"Sandra Pepper",value:"Personal account",media:/*#__PURE__*/_jsx(Badge,{badge:/*#__PURE__*/_jsx("img",{src:"https://wise.com/public-resources/assets/brand/fast_flag_badge_personal.svg",alt:"",height:"24px",width:"24px"}),children:/*#__PURE__*/_jsx(Avatar,{type:"initials",size:"md",children:/*#__PURE__*/_jsx("span",{"aria-hidden":!0,children:"SP"})})})})]}),/*#__PURE__*/_jsxs("div",{className:"m-t-4 m-b-2",children:[/*#__PURE__*/_jsx(Title,{type:"title-body",children:"With Avatar and Action"}),/*#__PURE__*/_jsx(Template,{title:"Account holder",value:"Sandra Pepper",media:/*#__PURE__*/_jsx(Badge,{badge:/*#__PURE__*/_jsx("img",{src:"https://wise.com/public-resources/assets/brand/fast_flag_badge_personal.svg",alt:"",height:"24px",width:"24px"}),children:/*#__PURE__*/_jsx(Avatar,{type:"initials",size:"md",children:/*#__PURE__*/_jsx("span",{"aria-hidden":!0,children:"SP"})})}),action:/*#__PURE__*/_jsx(ActionButton,{children:"Share details"})})]}),/*#__PURE__*/_jsxs("div",{className:"m-t-4 m-b-2",children:[/*#__PURE__*/_jsx(Title,{type:"title-body",children:"Text Only List"}),/*#__PURE__*/_jsxs("ul",{style:{paddingLeft:0},children:[/*#__PURE__*/_jsx(Template,{title:"Sort code",value:"23-14-71"}),/*#__PURE__*/_jsx(Template,{title:"Account number",value:"12345678"})]})]}),/*#__PURE__*/_jsxs("div",{className:"m-t-4 m-b-2",children:[/*#__PURE__*/_jsx(Title,{type:"title-body",children:"Text With Action Button"}),/*#__PURE__*/_jsx(Template,{title:"SWIFT/BIC",value:"\u2022\u2022\u2022 \u2022\u2022\u2022",action:/*#__PURE__*/_jsx(ActionButton,{onClick:function onClick(){return action("clicked")},children:"Reveal"})})]}),/*#__PURE__*/_jsxs("div",{className:"m-t-4 m-b-2",children:[/*#__PURE__*/_jsx(Title,{type:"title-body",children:"Text With Other Action"}),/*#__PURE__*/_jsx(Template,{title:"Account number",value:"123456789",action:/*#__PURE__*/_jsx("button",{type:"button",style:{background:"none",border:0},onClick:function onClick(){return action("clicked")},children:/*#__PURE__*/_jsx(Documents,{size:"24"})})})]}),/*#__PURE__*/_jsxs("div",{className:"m-t-4 m-b-2",children:[/*#__PURE__*/_jsx(Title,{type:"title-body",children:"Text With Info Action"}),/*#__PURE__*/_jsx(Template,{title:"Routing number",value:"987654",action:/*#__PURE__*/_jsx(Info,{size:"lg","aria-label":"More information",content:"Use this routing number to receive ACH and Wire transfers."})})]})]})};

package/build/es/no-polyfill/loader/Loader.js

@@ -1,4 +1,4 @@
-import classnames from"classnames";import{useEffect,useState}from"react";import{Size}from"../common";// TODO: We gracefully depracated xs, lg and xl -- remove these as part of a future breaking change to this component
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["small","size","displayInstantly","classNames"];import classnames from"classnames";import{useEffect,useState}from"react";import{Size}from"../common";// TODO: We gracefully depracated xs, lg and xl -- remove these as part of a future breaking change to this component
 import{jsx as _jsx}from"react/jsx-runtime";/**
  * Loader component
  *
@@ -8,4 +8,4 @@ import{jsx as _jsx}from"react/jsx-runtime";/**
  * @param root0.small
  * @param root0.size
  * @param root0.classNames
- */const Loader=a=>{let{small:c=!1,size:d=Size.MEDIUM,displayInstantly:e=!1,classNames:f={},...b}=a;const[g,h]=useState(e);useEffect(()=>{let a,b;return e||(b=setTimeout(()=>{a||h(!0)},1e3)),()=>{a=!0,clearTimeout(b)}},[]);const i=a=>f[a]||a,j=c?Size.SMALL:d,k=getSupportedSize(j);return/*#__PURE__*/_jsx("div",{className:classnames(i("tw-loader"),i(`tw-loader--${k}`),{"tw-loader--visible":g}),"data-testid":b["data-testid"]})},getSupportedSize=a=>{switch(a){case Size.SMALL:case Size.EXTRA_SMALL:return Size.SMALL;case Size.EXTRA_LARGE:case Size.LARGE:case Size.MEDIUM:default:return Size.MEDIUM;}};export default Loader;
+ */var Loader=function(a){var b=a.small,c=a.size,d=void 0===c?Size.MEDIUM:c,e=a.displayInstantly,f=void 0!==e&&e,g=a.classNames,h=void 0===g?{}:g,i=_objectWithoutProperties(a,_excluded),j=useState(f),k=_slicedToArray(j,2),l=k[0],m=k[1];useEffect(function(){var a,b;return f||(b=setTimeout(function(){a||m(!0)},1e3)),function(){a=!0,clearTimeout(b)}},[]);var n=function(a){return h[a]||a},o=void 0!==b&&b?Size.SMALL:d,p=getSupportedSize(o);return/*#__PURE__*/_jsx("div",{className:classnames(n("tw-loader"),n("tw-loader--".concat(p)),{"tw-loader--visible":l}),"data-testid":i["data-testid"]})},getSupportedSize=function(a){switch(a){case Size.SMALL:case Size.EXTRA_SMALL:return Size.SMALL;case Size.EXTRA_LARGE:case Size.LARGE:case Size.MEDIUM:default:return Size.MEDIUM;}};export default Loader;

package/build/es/no-polyfill/loader/Loader.story.js

@@ -1 +1 @@
-import Loader from"./Loader";export default{component:Loader,title:"Loading/Loader",args:{size:"md"},argTypes:{size:{type:{name:"enum",value:["sm","md"]}}},tags:["autodocs"]};export const Basic={};
+import Loader from"./Loader";export default{component:Loader,title:"Loading/Loader",args:{size:"md"},argTypes:{size:{type:{name:"enum",value:["sm","md"]}}},tags:["autodocs"]};export var Basic={};

package/build/es/no-polyfill/logo/Logo.js

@@ -1 +1 @@
-import React from"react";import{useTheme}from"@wise/components-theming";import classNames from"classnames";import PropTypes from"prop-types";import{Breakpoint}from"../common";import{isServerSide}from"../common/domHelpers";import{useClientWidth}from"../common/hooks";import{LogoType}from"./logoTypes";import{jsx as _jsx}from"react/jsx-runtime";var LogoFlagInverse=function(a){return/*#__PURE__*/_jsx("svg",{...a,children:/*#__PURE__*/_jsx("path",{fill:"#9FE870",d:"M6.826 7.232 0 15.21h12.188l1.37-3.762H8.335l3.191-3.69.01-.098L9.461 4.09h9.336L11.56 24h4.953L25.25 0H2.676l4.15 7.232Z"})})};LogoFlagInverse.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"26",height:"24",fill:"none"};var LogoFlag=function(a){return/*#__PURE__*/_jsx("svg",{...a,children:/*#__PURE__*/_jsx("path",{fill:"#163300",d:"M6.826 7.232 0 15.21h12.188l1.37-3.762H8.335l3.191-3.69.01-.098L9.461 4.09h9.336L11.56 24h4.953L25.25 0H2.676l4.15 7.232Z"})})};LogoFlag.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"26",height:"24",fill:"none"};var LogoWiseInverse=function(a){return/*#__PURE__*/_jsx("svg",{...a,children:/*#__PURE__*/_jsx("path",{fill:"#9FE870",d:"M58.738.359h6.498l-3.27 23.322h-6.498L58.739.359Zm-8.193 0L46.16 13.794 44.247.359h-4.545L33.96 13.754 33.243.36h-6.299l2.193 23.322h5.223l6.458-14.75 2.272 14.75h5.143L56.725.359h-6.18Zm54.558 13.555H89.674c.08 3.03 1.894 5.023 4.565 5.023 2.014 0 3.608-1.077 4.844-3.13l5.208 2.368C102.501 21.702 98.729 24 94.08 24c-6.339 0-10.545-4.266-10.545-11.123C83.535 5.342 88.478 0 95.455 0c6.14 0 10.007 4.146 10.007 10.605 0 1.076-.12 2.152-.359 3.309Zm-5.78-4.466c0-2.71-1.516-4.425-3.947-4.425-2.512 0-4.585 1.794-5.144 4.425h9.09ZM6.632 7.387 0 15.139h11.844l1.33-3.655H8.1l3.1-3.586.01-.095-2.016-3.471h9.072l-7.032 19.35h4.812L24.538.358H2.6l4.033 7.028Zm69.168-2.364c2.292 0 4.3 1.233 6.055 3.346l.921-6.575C81.143.688 78.93 0 76 0c-5.82 0-9.09 3.409-9.09 7.734 0 3 1.675 4.834 4.426 6.02l1.315.598c2.452 1.047 3.11 1.565 3.11 2.671 0 1.146-1.106 1.874-2.79 1.874-2.782.01-5.034-1.415-6.728-3.847l-.94 6.699C67.234 23.22 69.708 24 72.97 24c5.532 0 8.93-3.19 8.93-7.615 0-3.01-1.335-4.943-4.704-6.458l-1.435-.678c-1.994-.887-2.671-1.375-2.671-2.352 0-1.056.927-1.874 2.71-1.874Z"})})};LogoWiseInverse.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"106",height:"24",fill:"none"};var LogoWise=function(a){return/*#__PURE__*/_jsx("svg",{...a,children:/*#__PURE__*/_jsx("path",{fill:"#163300",d:"M58.738.359h6.498l-3.27 23.322h-6.498L58.739.359Zm-8.193 0L46.16 13.794 44.247.359h-4.545L33.96 13.754 33.243.36h-6.299l2.193 23.322h5.223l6.458-14.75 2.272 14.75h5.143L56.725.359h-6.18Zm54.558 13.555H89.674c.08 3.03 1.894 5.023 4.565 5.023 2.014 0 3.608-1.077 4.844-3.13l5.208 2.368C102.501 21.702 98.729 24 94.08 24c-6.339 0-10.545-4.266-10.545-11.123C83.535 5.342 88.478 0 95.455 0c6.14 0 10.007 4.146 10.007 10.605 0 1.076-.12 2.152-.359 3.309Zm-5.78-4.466c0-2.71-1.516-4.425-3.947-4.425-2.512 0-4.585 1.794-5.144 4.425h9.09ZM6.632 7.387 0 15.139h11.844l1.33-3.655H8.1l3.1-3.586.01-.095-2.016-3.471h9.072l-7.032 19.35h4.812L24.538.358H2.6l4.033 7.028Zm69.168-2.364c2.292 0 4.3 1.233 6.055 3.346l.921-6.575C81.143.688 78.93 0 76 0c-5.82 0-9.09 3.409-9.09 7.734 0 3 1.675 4.834 4.426 6.02l1.315.598c2.452 1.047 3.11 1.565 3.11 2.671 0 1.146-1.106 1.874-2.79 1.874-2.782.01-5.034-1.415-6.728-3.847l-.94 6.699C67.234 23.22 69.708 24 72.97 24c5.532 0 8.93-3.19 8.93-7.615 0-3.01-1.335-4.943-4.704-6.458l-1.435-.678c-1.994-.887-2.671-1.375-2.671-2.352 0-1.056.927-1.874 2.71-1.874Z"})})};LogoWise.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"106",height:"24",fill:"none"};const baseUrl="https://wise.com/public-resources/assets/logos/wise/",logoPaths={WISE:"brand_logo.svg",WISE_BUSINESS:"brand_logo_business.svg",WISE_INVERSE:"brand_logo_inverse.svg",WISE_BUSINESS_INVERSE:"brand_logo_business_inverse.svg",WISE_FLAG:"brand_flag.svg"},svgPaths={WISE:LogoWise,WISE_BUSINESS:LogoWise,WISE_INVERSE:LogoWiseInverse,WISE_BUSINESS_INVERSE:LogoWiseInverse,WISE_FLAG:LogoFlag,WISE_FLAG_INVERSE:LogoFlagInverse},Logo=a=>{let{className:b,inverse:c,type:d}=a;const{isModern:e}=useTheme(),[f]=useClientWidth({ref:isServerSide()?void 0:window}),g=f<Breakpoint.SMALL,h=g?logoPaths.WISE_FLAG:logoPaths[`${d}${c?"_INVERSE":""}`],i=g?svgPaths[`WISE_FLAG${c?"_INVERSE":""}`]:svgPaths[`${d}${c?"_INVERSE":""}`];return e?/*#__PURE__*/_jsx(i,{className:"np-logo-svg"}):/*#__PURE__*/_jsx("img",{className:classNames("np-logo",b),alt:d===LogoType.WISE?"Wise":"Wise business",src:`${baseUrl}${h}`})};Logo.propTypes={/** Extra classes applied to Logo */className:PropTypes.string,/** If true, will use dark colours for dark on light theme */inverse:PropTypes.bool,/** What type of logo to display */type:PropTypes.oneOf(["WISE","WISE_BUSINESS"])},Logo.defaultProps={className:void 0,inverse:!1,type:LogoType.WISE};export default Logo;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React from"react";import{useTheme}from"@wise/components-theming";import classNames from"classnames";import PropTypes from"prop-types";import{Breakpoint}from"../common";import{isServerSide}from"../common/domHelpers";import{useClientWidth}from"../common/hooks";import{LogoType}from"./logoTypes";import{jsx as _jsx}from"react/jsx-runtime";var LogoFlagInverse=function(a){return/*#__PURE__*/_jsx("svg",_objectSpread(_objectSpread({},a),{},{children:/*#__PURE__*/_jsx("path",{fill:"#9FE870",d:"M6.826 7.232 0 15.21h12.188l1.37-3.762H8.335l3.191-3.69.01-.098L9.461 4.09h9.336L11.56 24h4.953L25.25 0H2.676l4.15 7.232Z"})}))};LogoFlagInverse.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"26",height:"24",fill:"none"};var LogoFlag=function(a){return/*#__PURE__*/_jsx("svg",_objectSpread(_objectSpread({},a),{},{children:/*#__PURE__*/_jsx("path",{fill:"#163300",d:"M6.826 7.232 0 15.21h12.188l1.37-3.762H8.335l3.191-3.69.01-.098L9.461 4.09h9.336L11.56 24h4.953L25.25 0H2.676l4.15 7.232Z"})}))};LogoFlag.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"26",height:"24",fill:"none"};var LogoWiseInverse=function(a){return/*#__PURE__*/_jsx("svg",_objectSpread(_objectSpread({},a),{},{children:/*#__PURE__*/_jsx("path",{fill:"#9FE870",d:"M58.738.359h6.498l-3.27 23.322h-6.498L58.739.359Zm-8.193 0L46.16 13.794 44.247.359h-4.545L33.96 13.754 33.243.36h-6.299l2.193 23.322h5.223l6.458-14.75 2.272 14.75h5.143L56.725.359h-6.18Zm54.558 13.555H89.674c.08 3.03 1.894 5.023 4.565 5.023 2.014 0 3.608-1.077 4.844-3.13l5.208 2.368C102.501 21.702 98.729 24 94.08 24c-6.339 0-10.545-4.266-10.545-11.123C83.535 5.342 88.478 0 95.455 0c6.14 0 10.007 4.146 10.007 10.605 0 1.076-.12 2.152-.359 3.309Zm-5.78-4.466c0-2.71-1.516-4.425-3.947-4.425-2.512 0-4.585 1.794-5.144 4.425h9.09ZM6.632 7.387 0 15.139h11.844l1.33-3.655H8.1l3.1-3.586.01-.095-2.016-3.471h9.072l-7.032 19.35h4.812L24.538.358H2.6l4.033 7.028Zm69.168-2.364c2.292 0 4.3 1.233 6.055 3.346l.921-6.575C81.143.688 78.93 0 76 0c-5.82 0-9.09 3.409-9.09 7.734 0 3 1.675 4.834 4.426 6.02l1.315.598c2.452 1.047 3.11 1.565 3.11 2.671 0 1.146-1.106 1.874-2.79 1.874-2.782.01-5.034-1.415-6.728-3.847l-.94 6.699C67.234 23.22 69.708 24 72.97 24c5.532 0 8.93-3.19 8.93-7.615 0-3.01-1.335-4.943-4.704-6.458l-1.435-.678c-1.994-.887-2.671-1.375-2.671-2.352 0-1.056.927-1.874 2.71-1.874Z"})}))};LogoWiseInverse.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"106",height:"24",fill:"none"};var LogoWise=function(a){return/*#__PURE__*/_jsx("svg",_objectSpread(_objectSpread({},a),{},{children:/*#__PURE__*/_jsx("path",{fill:"#163300",d:"M58.738.359h6.498l-3.27 23.322h-6.498L58.739.359Zm-8.193 0L46.16 13.794 44.247.359h-4.545L33.96 13.754 33.243.36h-6.299l2.193 23.322h5.223l6.458-14.75 2.272 14.75h5.143L56.725.359h-6.18Zm54.558 13.555H89.674c.08 3.03 1.894 5.023 4.565 5.023 2.014 0 3.608-1.077 4.844-3.13l5.208 2.368C102.501 21.702 98.729 24 94.08 24c-6.339 0-10.545-4.266-10.545-11.123C83.535 5.342 88.478 0 95.455 0c6.14 0 10.007 4.146 10.007 10.605 0 1.076-.12 2.152-.359 3.309Zm-5.78-4.466c0-2.71-1.516-4.425-3.947-4.425-2.512 0-4.585 1.794-5.144 4.425h9.09ZM6.632 7.387 0 15.139h11.844l1.33-3.655H8.1l3.1-3.586.01-.095-2.016-3.471h9.072l-7.032 19.35h4.812L24.538.358H2.6l4.033 7.028Zm69.168-2.364c2.292 0 4.3 1.233 6.055 3.346l.921-6.575C81.143.688 78.93 0 76 0c-5.82 0-9.09 3.409-9.09 7.734 0 3 1.675 4.834 4.426 6.02l1.315.598c2.452 1.047 3.11 1.565 3.11 2.671 0 1.146-1.106 1.874-2.79 1.874-2.782.01-5.034-1.415-6.728-3.847l-.94 6.699C67.234 23.22 69.708 24 72.97 24c5.532 0 8.93-3.19 8.93-7.615 0-3.01-1.335-4.943-4.704-6.458l-1.435-.678c-1.994-.887-2.671-1.375-2.671-2.352 0-1.056.927-1.874 2.71-1.874Z"})}))};LogoWise.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"106",height:"24",fill:"none"};var baseUrl="https://wise.com/public-resources/assets/logos/wise/",logoPaths={WISE:"brand_logo.svg",WISE_BUSINESS:"brand_logo_business.svg",WISE_INVERSE:"brand_logo_inverse.svg",WISE_BUSINESS_INVERSE:"brand_logo_business_inverse.svg",WISE_FLAG:"brand_flag.svg"},svgPaths={WISE:LogoWise,WISE_BUSINESS:LogoWise,WISE_INVERSE:LogoWiseInverse,WISE_BUSINESS_INVERSE:LogoWiseInverse,WISE_FLAG:LogoFlag,WISE_FLAG_INVERSE:LogoFlagInverse},Logo=function(a){var b=a.className,c=a.inverse,d=a.type,e=useTheme(),f=e.isModern,g=useClientWidth({ref:isServerSide()?void 0:window}),h=_slicedToArray(g,1),i=h[0],j=i<Breakpoint.SMALL,k=j?logoPaths.WISE_FLAG:logoPaths["".concat(d).concat(c?"_INVERSE":"")],l=j?svgPaths["WISE_FLAG".concat(c?"_INVERSE":"")]:svgPaths["".concat(d).concat(c?"_INVERSE":"")];return f?/*#__PURE__*/_jsx(l,{className:"np-logo-svg"}):/*#__PURE__*/_jsx("img",{className:classNames("np-logo",b),alt:d===LogoType.WISE?"Wise":"Wise business",src:"".concat(baseUrl).concat(k)})};Logo.propTypes={/** Extra classes applied to Logo */className:PropTypes.string,/** If true, will use dark colours for dark on light theme */inverse:PropTypes.bool,/** What type of logo to display */type:PropTypes.oneOf(["WISE","WISE_BUSINESS"])},Logo.defaultProps={className:void 0,inverse:!1,type:LogoType.WISE};export default Logo;

package/build/es/no-polyfill/logo/Logo.story.js

@@ -1 +1 @@
-import Logo,{LogoType}from".";import{jsx as _jsx}from"react/jsx-runtime";export default{component:Logo,title:"Content/Logo",render:a=>{const b=a.type,c=a.inverse;return/*#__PURE__*/_jsx("div",{className:`${c?"bg--dark":""} p-a-3`,children:/*#__PURE__*/_jsx(Logo,{type:b,inverse:c})})},tags:["autodocs"]};export const Basic={args:{type:LogoType.WISE,inverse:!1}};
+import Logo,{LogoType}from".";import{jsx as _jsx}from"react/jsx-runtime";export default{component:Logo,title:"Content/Logo",render:function render(a){var b=a.type,c=a.inverse;return/*#__PURE__*/_jsx("div",{className:"".concat(c?"bg--dark":""," p-a-3"),children:/*#__PURE__*/_jsx(Logo,{type:b,inverse:c})})},tags:["autodocs"]};export var Basic={args:{type:LogoType.WISE,inverse:!1}};

package/build/es/no-polyfill/logo/logoTypes.js

@@ -1,2 +1,2 @@
 // TODO: consider to move this enum into component file once we migrate it on TypeScript or replace with some common enum
-export let LogoType=/*#__PURE__*/function(a){return a.WISE="WISE",a.WISE_BUSINESS="WISE_BUSINESS",a}({});
+export var LogoType=/*#__PURE__*/function(a){return a.WISE="WISE",a.WISE_BUSINESS="WISE_BUSINESS",a}({});

package/build/es/no-polyfill/markdown/Markdown.js

@@ -1 +1 @@
-import commonmark from"commonmark";import difference from"lodash.difference";import PropTypes from"prop-types";import{MarkdownNodeType}from"../common";import{logActionRequired}from"../utilities";import{jsx as _jsx}from"react/jsx-runtime";const reader=new commonmark.Parser,writer=new commonmark.HtmlRenderer({safe:!0}),NODE_TYPE_LIST=Object.values(MarkdownNodeType),Markdown=a=>{let{as:b,children:c,className:d,allowList:e,blockList:f,config:g}=a;if(!c)return null;e?.length&&f?.length&&logActionRequired("Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.");const h=a=>{const b=reader.parse(a);if(e||f){const a=e?difference(NODE_TYPE_LIST,e):f;return stripNodes({parsed:b,blockList:a})}return b};return/*#__PURE__*/_jsx(b,{className:d,dangerouslySetInnerHTML:{__html:(()=>{const{link:{target:a}}=g,b=h(c);return writer.render(b).replace(/<a href="/g,`<a target="${a}" href="`)})()}})};function stripNodes(a){let{blockList:b,parsed:c}=a;if(!c)return c;const d=c.walker();for(let c=d.next();c;){const{node:a}=c;if(b.includes(a.type)&&!c.entering){for(;a.firstChild;)a.insertBefore(a.firstChild);a.unlink()}c=d.next()}return d.root}Markdown.propTypes={children:PropTypes.string.isRequired,as:PropTypes.string,className:PropTypes.string,allowList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"])),blockList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"])),config:PropTypes.shape({link:PropTypes.shape({target:PropTypes.oneOf(["_blank","_self"])})})},Markdown.defaultProps={as:"div",className:void 0,allowList:null,blockList:null,config:{link:{target:"_self"}}};export default Markdown;
+import commonmark from"commonmark";import difference from"lodash.difference";import PropTypes from"prop-types";import{MarkdownNodeType}from"../common";import{logActionRequired}from"../utilities";import{jsx as _jsx}from"react/jsx-runtime";var reader=new commonmark.Parser,writer=new commonmark.HtmlRenderer({safe:!0}),NODE_TYPE_LIST=Object.values(MarkdownNodeType),Markdown=function(a){var b=a.as,c=a.children,d=a.className,e=a.allowList,f=a.blockList,g=a.config;if(!c)return null;null!==e&&void 0!==e&&e.length&&null!==f&&void 0!==f&&f.length&&logActionRequired("Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.");var h=function(a){var b=reader.parse(a);if(e||f){var c=e?difference(NODE_TYPE_LIST,e):f;return stripNodes({parsed:b,blockList:c})}return b};return/*#__PURE__*/_jsx(b,{className:d,dangerouslySetInnerHTML:{__html:function createMarkup(){var a=g.link.target,b=h(c);return writer.render(b).replace(/<a href="/g,"<a target=\"".concat(a,"\" href=\""))}()}})};function stripNodes(a){var b=a.blockList,c=a.parsed;if(!c)return c;for(var d=c.walker(),e=d.next();e;){var f=e,g=f.node;if(b.includes(g.type)&&!e.entering){for(;g.firstChild;)g.insertBefore(g.firstChild);g.unlink()}e=d.next()}return d.root}Markdown.propTypes={children:PropTypes.string.isRequired,as:PropTypes.string,className:PropTypes.string,allowList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"])),blockList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"])),config:PropTypes.shape({link:PropTypes.shape({target:PropTypes.oneOf(["_blank","_self"])})})},Markdown.defaultProps={as:"div",className:void 0,allowList:null,blockList:null,config:{link:{target:"_self"}}};export default Markdown;

package/build/es/no-polyfill/modal/Modal.js

@@ -1 +1 @@
-import classNames from"classnames";import{useRef}from"react";import CSSTransition from"react-transition-group/CSSTransition";import{Size,Position,Scroll,Typography}from"../common";import{CloseButton}from"../common/closeButton";import{useLayout}from"../common/hooks";import Dimmer from"../dimmer";import Drawer from"../drawer";import Title from"../title/Title";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";const TRANSITION_DURATION_IN_MILLISECONDS=150,Modal=a=>{let{title:g=null,body:b,footer:h=null,onClose:c,className:d,open:e,size:i=Size.MEDIUM,scroll:j=Scroll.VIEWPORT,position:k=Position.CENTER,...f}=a;const l=a=>d?.split(" ").includes(a),{isMobile:m}=useLayout(),n=l("compact"),o=l("no-divider"),p=useRef(null);return m?/*#__PURE__*/_jsx(Drawer,{open:e,headerTitle:g,footerContent:h,position:Position.BOTTOM,onClose:c,children:b}):/*#__PURE__*/_jsx(Dimmer,{open:e,scrollable:j===Scroll.VIEWPORT,contentPosition:k,onClose:c,children:/*#__PURE__*/_jsx(CSSTransition,{nodeRef:p,appear:!0,in:e,classNames:{enterDone:"in"},timeout:TRANSITION_DURATION_IN_MILLISECONDS,unmountOnExit:!0,children:/*#__PURE__*/_jsx("div",{ref:p,className:classNames("tw-modal","d-flex","fade","outline-none",j===Scroll.CONTENT&&"tw-modal--scrollable",d),...f,children:/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-dialog","d-flex",{[`tw-modal-${i}`]:i}),"aria-modal":!0,role:"dialog",children:/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-content","d-flex","flex-column","justify-content-between",{"tw-modal-compact":n,"tw-modal-no-title":!g}),children:[/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-header","d-flex","align-items-center","justify-content-between","flex-wrap",{"modal--withoutborder":!g||o}),children:[/*#__PURE__*/_jsx(Title,{type:Typography.TITLE_BODY,className:"tw-modal-title",children:g}),/*#__PURE__*/_jsx(CloseButton,{onClick:c})]}),/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-body",{"tw-modal-body--scrollable":j===Scroll.CONTENT}),children:b}),h&&/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-footer","d-flex","align-items-center","flex-wrap",{"modal--withoutborder":o}),children:h})]})})})})})};export default Modal;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["title","body","footer","onClose","className","open","size","scroll","position"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import classNames from"classnames";import{useRef}from"react";import CSSTransition from"react-transition-group/CSSTransition";import{Size,Position,Scroll,Typography}from"../common";import{CloseButton}from"../common/closeButton";import{useLayout}from"../common/hooks";import Dimmer from"../dimmer";import Drawer from"../drawer";import Title from"../title/Title";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var TRANSITION_DURATION_IN_MILLISECONDS=150,Modal=function(a){var b=a.title,c=void 0===b?null:b,d=a.body,e=a.footer,f=void 0===e?null:e,g=a.onClose,h=a.className,i=a.open,j=a.size,k=void 0===j?Size.MEDIUM:j,l=a.scroll,m=void 0===l?Scroll.VIEWPORT:l,n=a.position,o=void 0===n?Position.CENTER:n,p=_objectWithoutProperties(a,_excluded),q=function(a){return null===h||void 0===h?void 0:h.split(" ").includes(a)},r=useLayout(),s=r.isMobile,t=q("compact"),u=q("no-divider"),v=useRef(null);return s?/*#__PURE__*/_jsx(Drawer,{open:i,headerTitle:c,footerContent:f,position:Position.BOTTOM,onClose:g,children:d}):/*#__PURE__*/_jsx(Dimmer,{open:i,scrollable:m===Scroll.VIEWPORT,contentPosition:o,onClose:g,children:/*#__PURE__*/_jsx(CSSTransition,{nodeRef:v,appear:!0,in:i,classNames:{enterDone:"in"},timeout:TRANSITION_DURATION_IN_MILLISECONDS,unmountOnExit:!0,children:/*#__PURE__*/_jsx("div",_objectSpread(_objectSpread({ref:v,className:classNames("tw-modal","d-flex","fade","outline-none",m===Scroll.CONTENT&&"tw-modal--scrollable",h)},p),{},{children:/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-dialog","d-flex",_defineProperty({},"tw-modal-".concat(k),k)),"aria-modal":!0,role:"dialog",children:/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-content","d-flex","flex-column","justify-content-between",{"tw-modal-compact":t,"tw-modal-no-title":!c}),children:[/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-header","d-flex","align-items-center","justify-content-between","flex-wrap",{"modal--withoutborder":!c||u}),children:[/*#__PURE__*/_jsx(Title,{type:Typography.TITLE_BODY,className:"tw-modal-title",children:c}),/*#__PURE__*/_jsx(CloseButton,{onClick:g})]}),/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-body",{"tw-modal-body--scrollable":m===Scroll.CONTENT}),children:d}),f&&/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-footer","d-flex","align-items-center","flex-wrap",{"modal--withoutborder":u}),children:f})]})})}))})})};export default Modal;

package/build/es/no-polyfill/modal/Modal.story.js

@@ -1,2 +1,2 @@
-import{action}from"@storybook/addon-actions";import{useState}from"react";import{Button,Modal}from"..";import{Scroll}from"../common";import{lorem10,lorem1000,storyConfig}from"../test-utils";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Modal,title:"Dialogs/Modal",args:{size:"md",position:"center",open:!0},parameters:{chromatic:{delay:2e3}}};export const Basic={args:{title:"Title",body:lorem10,scroll:Scroll.VIEWPORT,footer:/*#__PURE__*/_jsx(Button,{block:!0,children:"Action"})},render:a=>{// eslint-disable-next-line react-hooks/rules-of-hooks
-const[b,c]=useState(a.open);return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Button,{onClick:()=>c(!0),children:"Open Modal"}),/*#__PURE__*/_jsx(Modal,{...a,open:b,onClose:()=>{c(!1),action("Modal closed")()}})]})}};export const BasicMobile=storyConfig(Basic,{variants:["mobile"]});export const ContentScroll={args:{title:lorem10,body:lorem1000,scroll:Scroll.CONTENT}};export const ContentScrollMobile=storyConfig(ContentScroll,{variants:["mobile"]});export const ViewportScroll={args:{title:lorem10,body:lorem1000,scroll:Scroll.VIEWPORT}};export const ViewportScrollMobile=storyConfig(ViewportScroll,{variants:["mobile"]});export const WithoutTitle={args:{body:lorem1000,scroll:Scroll.CONTENT}};export const WithoutTitleMobile=storyConfig(WithoutTitle,{variants:["mobile"]});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{action}from"@storybook/addon-actions";import{useState}from"react";import{Button,Modal}from"..";import{Scroll}from"../common";import{lorem10,lorem1000,storyConfig}from"../test-utils";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Modal,title:"Dialogs/Modal",args:{size:"md",position:"center",open:!0},parameters:{chromatic:{delay:2e3}}};export var Basic={args:{title:"Title",body:lorem10,scroll:Scroll.VIEWPORT,footer:/*#__PURE__*/_jsx(Button,{block:!0,children:"Action"})},render:function render(a){// eslint-disable-next-line react-hooks/rules-of-hooks
+var b=useState(a.open),c=_slicedToArray(b,2),d=c[0],e=c[1];return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Button,{onClick:function onClick(){return e(!0)},children:"Open Modal"}),/*#__PURE__*/_jsx(Modal,_objectSpread(_objectSpread({},a),{},{open:d,onClose:function onClose(){e(!1),action("Modal closed")()}}))]})}};export var BasicMobile=storyConfig(Basic,{variants:["mobile"]});export var ContentScroll={args:{title:lorem10,body:lorem1000,scroll:Scroll.CONTENT}};export var ContentScrollMobile=storyConfig(ContentScroll,{variants:["mobile"]});export var ViewportScroll={args:{title:lorem10,body:lorem1000,scroll:Scroll.VIEWPORT}};export var ViewportScrollMobile=storyConfig(ViewportScroll,{variants:["mobile"]});export var WithoutTitle={args:{body:lorem1000,scroll:Scroll.CONTENT}};export var WithoutTitleMobile=storyConfig(WithoutTitle,{variants:["mobile"]});

package/build/es/no-polyfill/money/Money.js

@@ -1 +1 @@
-import{formatMoney}from"@transferwise/formatting";import PropTypes from"prop-types";import{useIntl}from"react-intl";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsx as _jsx}from"react/jsx-runtime";const Money=a=>{let{amount:b,currency:c}=a;const{locale:d}=useIntl();return/*#__PURE__*/_jsx(_Fragment,{children:formatMoney(b,c,d)})};Money.propTypes={amount:PropTypes.number.isRequired,currency:PropTypes.string.isRequired};export default Money;
+import{formatMoney}from"@transferwise/formatting";import PropTypes from"prop-types";import{useIntl}from"react-intl";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsx as _jsx}from"react/jsx-runtime";var Money=function(a){var b=a.amount,c=a.currency,d=useIntl(),e=d.locale;return/*#__PURE__*/_jsx(_Fragment,{children:formatMoney(b,c,e)})};Money.propTypes={amount:PropTypes.number.isRequired,currency:PropTypes.string.isRequired};export default Money;

package/build/es/no-polyfill/money/Money.story.js

@@ -1 +1 @@
-import Money from"./Money";export default{component:Money,title:"Typography/Money"};export const Basic={args:{amount:1234.5678,currency:"GBP"}};
+import Money from"./Money";export default{component:Money,title:"Typography/Money"};export var Basic={args:{amount:1234.5678,currency:"GBP"}};