@transferwise/components 46.133.1 → 46.135.0

package/build/markdown/Markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.js","sources":["../../src/markdown/Markdown.tsx"],"sourcesContent":["import * as commonmark from 'commonmark';\nimport type { Node as MarkdownNode } from 'commonmark';\n\nimport { MarkdownNodeType } from '../common';\nimport { logActionRequired } from '../utilities';\n\nconst reader = new commonmark.Parser();\nconst writer = new commonmark.HtmlRenderer({ safe: true });\n\nconst NODE_TYPE_LIST = Object.values(MarkdownNodeType);\n\nexport type MarkdownProps = {\n  as?: React.ElementType;\n  config?: {\n    link?: Pick<React.ComponentPropsWithoutRef<'a'>, 'target'>;\n    paragraph?: Pick<React.ComponentPropsWithoutRef<'p'>, 'className'>;\n  };\n  className?: string;\n  children?: string;\n} & (\n  | {\n      allowList?: readonly `${MarkdownNodeType}`[];\n      blockList?: never;\n    }\n  | {\n      allowList?: never;\n      blockList?: readonly `${MarkdownNodeType}`[];\n    }\n);\n\nexport default function Markdown({\n  as: Element = 'div',\n  allowList,\n  blockList,\n  config,\n  className,\n  children,\n}: MarkdownProps) {\n  if (!children) {\n    return null;\n  }\n\n  const linkTarget = config?.link?.target ?? '_self';\n  const paragraphClass = config?.paragraph?.className ?? '';\n\n  if (allowList != null && blockList != null) {\n    logActionRequired(\n      'Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.',\n    );\n  }\n\n  const parser = (nodes: string) => {\n    const parsed = reader.parse(nodes);\n    const toExclude =\n      allowList != null ? NODE_TYPE_LIST.filter((type) => !allowList.includes(type)) : blockList;\n    return toExclude != null ? stripNodes({ parsed, blockList: toExclude }) : parsed;\n  };\n\n  const createMarkup = () => {\n    const parsed = parser(children);\n    return writer\n      .render(parsed)\n      .replace(/<a href=\"/g, `<a target=\"${linkTarget}\" href=\"`)\n      .replace(/<p>/g, `<p class=\"${paragraphClass}\">`);\n  };\n\n  return <Element className={className} dangerouslySetInnerHTML={{ __html: createMarkup() }} />;\n}\n\nfunction stripNodes({ blockList, parsed }: { blockList: readonly string[]; parsed: MarkdownNode }) {\n  if (!parsed) {\n    return parsed;\n  }\n\n  const walker = parsed.walker();\n\n  for (let event = walker.next(); event != null; event = walker.next()) {\n    const { node } = event;\n    if (blockList.includes(node.type) && !event.entering) {\n      while (node.firstChild != null) {\n        node.insertBefore(node.firstChild);\n      }\n      node.unlink();\n    }\n  }\n  return parsed;\n}\n"],"names":["reader","commonmark","Parser","writer","HtmlRenderer","safe","NODE_TYPE_LIST","Object","values","MarkdownNodeType","Markdown","as","Element","allowList","blockList","config","className","children","linkTarget","link","target","paragraphClass","paragraph","logActionRequired","parser","nodes","parsed","parse","toExclude","filter","type","includes","stripNodes","createMarkup","render","replace","_jsx","dangerouslySetInnerHTML","__html","walker","event","next","node","entering","firstChild","insertBefore","unlink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,MAAM,GAAG,IAAIC,qBAAU,CAACC,MAAM,EAAE;AACtC,MAAMC,MAAM,GAAG,IAAIF,qBAAU,CAACG,YAAY,CAAC;AAAEC,EAAAA,IAAI,EAAE;AAAI,CAAE,CAAC;AAE1D,MAAMC,cAAc,GAAGC,MAAM,CAACC,MAAM,CAACC,iCAAgB,CAAC;AAqBxC,SAAUC,QAAQA,CAAC;EAC/BC,EAAE,EAAEC,OAAO,GAAG,KAAK;EACnBC,SAAS;EACTC,SAAS;EACTC,MAAM;EACNC,SAAS;AACTC,EAAAA;AAAQ,CACM,EAAA;EACd,IAAI,CAACA,QAAQ,EAAE;AACb,IAAA,OAAO,IAAI;AACb,EAAA;EAEA,MAAMC,UAAU,GAAGH,MAAM,EAAEI,IAAI,EAAEC,MAAM,IAAI,OAAO;EAClD,MAAMC,cAAc,GAAGN,MAAM,EAAEO,SAAS,EAAEN,SAAS,IAAI,EAAE;AAEzD,EAAA,IAAIH,SAAS,IAAI,IAAI,IAAIC,SAAS,IAAI,IAAI,EAAE;IAC1CS,mCAAiB,CACf,6GAA6G,CAC9G;AACH,EAAA;EAEA,MAAMC,MAAM,GAAIC,KAAa,IAAI;AAC/B,IAAA,MAAMC,MAAM,GAAG1B,MAAM,CAAC2B,KAAK,CAACF,KAAK,CAAC;IAClC,MAAMG,SAAS,GACbf,SAAS,IAAI,IAAI,GAAGP,cAAc,CAACuB,MAAM,CAAEC,IAAI,IAAK,CAACjB,SAAS,CAACkB,QAAQ,CAACD,IAAI,CAAC,CAAC,GAAGhB,SAAS;AAC5F,IAAA,OAAOc,SAAS,IAAI,IAAI,GAAGI,UAAU,CAAC;MAAEN,MAAM;AAAEZ,MAAAA,SAAS,EAAEc;KAAW,CAAC,GAAGF,MAAM;EAClF,CAAC;EAED,MAAMO,YAAY,GAAGA,MAAK;AACxB,IAAA,MAAMP,MAAM,GAAGF,MAAM,CAACP,QAAQ,CAAC;IAC/B,OAAOd,MAAM,CACV+B,MAAM,CAACR,MAAM,CAAC,CACdS,OAAO,CAAC,YAAY,EAAE,cAAcjB,UAAU,CAAA,QAAA,CAAU,CAAC,CACzDiB,OAAO,CAAC,MAAM,EAAE,CAAA,UAAA,EAAad,cAAc,CAAA,EAAA,CAAI,CAAC;EACrD,CAAC;EAED,oBAAOe,cAAA,CAACxB,OAAO,EAAA;AAACI,IAAAA,SAAS,EAAEA,SAAU;AAACqB,IAAAA,uBAAuB,EAAE;MAAEC,MAAM,EAAEL,YAAY;AAAE;AAAG,IAAG;AAC/F;AAEA,SAASD,UAAUA,CAAC;EAAElB,SAAS;AAAEY,EAAAA;AAAM,CAA0D,EAAA;EAC/F,IAAI,CAACA,MAAM,EAAE;AACX,IAAA,OAAOA,MAAM;AACf,EAAA;AAEA,EAAA,MAAMa,MAAM,GAAGb,MAAM,CAACa,MAAM,EAAE;EAE9B,KAAK,IAAIC,KAAK,GAAGD,MAAM,CAACE,IAAI,EAAE,EAAED,KAAK,IAAI,IAAI,EAAEA,KAAK,GAAGD,MAAM,CAACE,IAAI,EAAE,EAAE;IACpE,MAAM;AAAEC,MAAAA;AAAI,KAAE,GAAGF,KAAK;AACtB,IAAA,IAAI1B,SAAS,CAACiB,QAAQ,CAACW,IAAI,CAACZ,IAAI,CAAC,IAAI,CAACU,KAAK,CAACG,QAAQ,EAAE;AACpD,MAAA,OAAOD,IAAI,CAACE,UAAU,IAAI,IAAI,EAAE;AAC9BF,QAAAA,IAAI,CAACG,YAAY,CAACH,IAAI,CAACE,UAAU,CAAC;AACpC,MAAA;MACAF,IAAI,CAACI,MAAM,EAAE;AACf,IAAA;AACF,EAAA;AACA,EAAA,OAAOpB,MAAM;AACf;;;;"}
+{"version":3,"file":"Markdown.js","sources":["../../src/markdown/Markdown.tsx"],"sourcesContent":["import * as commonmark from 'commonmark';\nimport type { Node as MarkdownNode } from 'commonmark';\n\nimport { MarkdownNodeType } from '../common';\nimport { logActionRequired } from '../utilities';\n\nconst reader = new commonmark.Parser();\nconst writer = new commonmark.HtmlRenderer({ safe: true });\n\nconst NODE_TYPE_LIST = Object.values(MarkdownNodeType);\n\nexport type MarkdownProps = {\n  as?: React.ElementType;\n  config?: {\n    link?: Pick<React.ComponentPropsWithoutRef<'a'>, 'target'>;\n    paragraph?: Pick<React.ComponentPropsWithoutRef<'p'>, 'className'>;\n  };\n  className?: string;\n  children?: string;\n} & (\n  | {\n      allowList?: readonly `${MarkdownNodeType}`[];\n      blockList?: never;\n    }\n  | {\n      allowList?: never;\n      blockList?: readonly `${MarkdownNodeType}`[];\n    }\n);\n\nexport default function Markdown({\n  as: Element = 'div',\n  allowList,\n  blockList,\n  config,\n  className,\n  children,\n}: MarkdownProps) {\n  if (!children) {\n    return null;\n  }\n\n  const linkTarget = config?.link?.target ?? '_self';\n  const paragraphClass = config?.paragraph?.className ?? '';\n\n  if (allowList != null && blockList != null) {\n    logActionRequired(\n      'Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.',\n    );\n  }\n\n  const parser = (nodes: string) => {\n    const parsed = reader.parse(nodes);\n    const toExclude =\n      allowList != null ? NODE_TYPE_LIST.filter((type) => !allowList.includes(type)) : blockList;\n    return toExclude != null ? stripNodes({ parsed, blockList: toExclude }) : parsed;\n  };\n\n  const createMarkup = () => {\n    const parsed = parser(children);\n    return writer\n      .render(parsed)\n      .replace(/<a href=\"/g, `<a target=\"${linkTarget}\" href=\"`)\n      .replace(/<p>/g, `<p class=\"${paragraphClass}\">`);\n  };\n\n  return <Element className={className} dangerouslySetInnerHTML={{ __html: createMarkup() }} />;\n}\n\nfunction stripNodes({ blockList, parsed }: { blockList: readonly string[]; parsed: MarkdownNode }) {\n  if (!parsed) {\n    return parsed;\n  }\n\n  const walker = parsed.walker();\n\n  for (let event = walker.next(); event != null; event = walker.next()) {\n    const { node } = event;\n    if (blockList.includes(node.type) && !event.entering) {\n      while (node.firstChild != null) {\n        node.insertBefore(node.firstChild);\n      }\n      node.unlink();\n    }\n  }\n  return parsed;\n}\n"],"names":["reader","commonmark","Parser","writer","HtmlRenderer","safe","NODE_TYPE_LIST","Object","values","MarkdownNodeType","Markdown","as","Element","allowList","blockList","config","className","children","linkTarget","link","target","paragraphClass","paragraph","logActionRequired","parser","nodes","parsed","parse","toExclude","filter","type","includes","stripNodes","createMarkup","render","replace","_jsx","dangerouslySetInnerHTML","__html","walker","event","next","node","entering","firstChild","insertBefore","unlink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,MAAM,GAAG,IAAIC,qBAAU,CAACC,MAAM,EAAE;AACtC,MAAMC,MAAM,GAAG,IAAIF,qBAAU,CAACG,YAAY,CAAC;AAAEC,EAAAA,IAAI,EAAE;AAAI,CAAE,CAAC;AAE1D,MAAMC,cAAc,GAAGC,MAAM,CAACC,MAAM,CAACC,iCAAgB,CAAC;AAqBxC,SAAUC,QAAQA,CAAC;EAC/BC,EAAE,EAAEC,OAAO,GAAG,KAAK;EACnBC,SAAS;EACTC,SAAS;EACTC,MAAM;EACNC,SAAS;AACTC,EAAAA;AAAQ,CACM,EAAA;EACd,IAAI,CAACA,QAAQ,EAAE;AACb,IAAA,OAAO,IAAI;AACb,EAAA;EAEA,MAAMC,UAAU,GAAGH,MAAM,EAAEI,IAAI,EAAEC,MAAM,IAAI,OAAO;EAClD,MAAMC,cAAc,GAAGN,MAAM,EAAEO,SAAS,EAAEN,SAAS,IAAI,EAAE;AAEzD,EAAA,IAAIH,SAAS,IAAI,IAAI,IAAIC,SAAS,IAAI,IAAI,EAAE;IAC1CS,mCAAiB,CACf,6GAA6G,CAC9G;AACH,EAAA;EAEA,MAAMC,MAAM,GAAIC,KAAa,IAAI;AAC/B,IAAA,MAAMC,MAAM,GAAG1B,MAAM,CAAC2B,KAAK,CAACF,KAAK,CAAC;IAClC,MAAMG,SAAS,GACbf,SAAS,IAAI,IAAI,GAAGP,cAAc,CAACuB,MAAM,CAAEC,IAAI,IAAK,CAACjB,SAAS,CAACkB,QAAQ,CAACD,IAAI,CAAC,CAAC,GAAGhB,SAAS;AAC5F,IAAA,OAAOc,SAAS,IAAI,IAAI,GAAGI,UAAU,CAAC;MAAEN,MAAM;AAAEZ,MAAAA,SAAS,EAAEc;KAAW,CAAC,GAAGF,MAAM;EAClF,CAAC;EAED,MAAMO,YAAY,GAAGA,MAAK;AACxB,IAAA,MAAMP,MAAM,GAAGF,MAAM,CAACP,QAAQ,CAAC;IAC/B,OAAOd,MAAM,CACV+B,MAAM,CAACR,MAAM,CAAC,CACdS,OAAO,CAAC,YAAY,EAAE,cAAcjB,UAAU,CAAA,QAAA,CAAU,CAAC,CACzDiB,OAAO,CAAC,MAAM,EAAE,CAAA,UAAA,EAAad,cAAc,CAAA,EAAA,CAAI,CAAC;EACrD,CAAC;EAED,oBAAOe,cAAA,CAACxB,OAAO,EAAA;AAACI,IAAAA,SAAS,EAAEA,SAAU;AAACqB,IAAAA,uBAAuB,EAAE;MAAEC,MAAM,EAAEL,YAAY;AAAE;AAAG,IAAG;AAC/F;AAEA,SAASD,UAAUA,CAAC;EAAElB,SAAS;AAAEY,EAAAA;AAAM,CAA0D,EAAA;EAC/F,IAAI,CAACA,MAAM,EAAE;AACX,IAAA,OAAOA,MAAM;AACf,EAAA;AAEA,EAAA,MAAMa,MAAM,GAAGb,MAAM,CAACa,MAAM,EAAE;EAE9B,KAAK,IAAIC,KAAK,GAAGD,MAAM,CAACE,IAAI,EAAE,EAAED,KAAK,IAAI,IAAI,EAAEA,KAAK,GAAGD,MAAM,CAACE,IAAI,EAAE,EAAE;IACpE,MAAM;AAAEC,MAAAA;AAAI,KAAE,GAAGF,KAAK;AACtB,IAAA,IAAI1B,SAAS,CAACiB,QAAQ,CAACW,IAAI,CAACZ,IAAI,CAAC,IAAI,CAACU,KAAK,CAACG,QAAQ,EAAE;AACpD,MAAA,OAAOD,IAAI,CAACE,UAAU,IAAI,IAAI,EAAE;AAC9BF,QAAAA,IAAI,CAACG,YAAY,CAACH,IAAI,CAACE,UAAU,CAAC;AACpC,MAAA;MACAF,IAAI,CAACI,MAAM,EAAE;AACf,IAAA;AACF,EAAA;AACA,EAAA,OAAOpB,MAAM;AACf;;;;"}

package/build/markdown/Markdown.mjs

@@ -18,6 +18,7 @@ import '../common/propsValues/variant.mjs';
 import '../common/propsValues/scroll.mjs';
 import { MarkdownNodeType } from '../common/propsValues/markdownNodeType.mjs';
 import '../common/fileType.mjs';
+import '@transferwise/formatting';
 import '@transferwise/icons';
 import 'clsx';
 import 'react';

package/build/markdown/Markdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.mjs","sources":["../../src/markdown/Markdown.tsx"],"sourcesContent":["import * as commonmark from 'commonmark';\nimport type { Node as MarkdownNode } from 'commonmark';\n\nimport { MarkdownNodeType } from '../common';\nimport { logActionRequired } from '../utilities';\n\nconst reader = new commonmark.Parser();\nconst writer = new commonmark.HtmlRenderer({ safe: true });\n\nconst NODE_TYPE_LIST = Object.values(MarkdownNodeType);\n\nexport type MarkdownProps = {\n  as?: React.ElementType;\n  config?: {\n    link?: Pick<React.ComponentPropsWithoutRef<'a'>, 'target'>;\n    paragraph?: Pick<React.ComponentPropsWithoutRef<'p'>, 'className'>;\n  };\n  className?: string;\n  children?: string;\n} & (\n  | {\n      allowList?: readonly `${MarkdownNodeType}`[];\n      blockList?: never;\n    }\n  | {\n      allowList?: never;\n      blockList?: readonly `${MarkdownNodeType}`[];\n    }\n);\n\nexport default function Markdown({\n  as: Element = 'div',\n  allowList,\n  blockList,\n  config,\n  className,\n  children,\n}: MarkdownProps) {\n  if (!children) {\n    return null;\n  }\n\n  const linkTarget = config?.link?.target ?? '_self';\n  const paragraphClass = config?.paragraph?.className ?? '';\n\n  if (allowList != null && blockList != null) {\n    logActionRequired(\n      'Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.',\n    );\n  }\n\n  const parser = (nodes: string) => {\n    const parsed = reader.parse(nodes);\n    const toExclude =\n      allowList != null ? NODE_TYPE_LIST.filter((type) => !allowList.includes(type)) : blockList;\n    return toExclude != null ? stripNodes({ parsed, blockList: toExclude }) : parsed;\n  };\n\n  const createMarkup = () => {\n    const parsed = parser(children);\n    return writer\n      .render(parsed)\n      .replace(/<a href=\"/g, `<a target=\"${linkTarget}\" href=\"`)\n      .replace(/<p>/g, `<p class=\"${paragraphClass}\">`);\n  };\n\n  return <Element className={className} dangerouslySetInnerHTML={{ __html: createMarkup() }} />;\n}\n\nfunction stripNodes({ blockList, parsed }: { blockList: readonly string[]; parsed: MarkdownNode }) {\n  if (!parsed) {\n    return parsed;\n  }\n\n  const walker = parsed.walker();\n\n  for (let event = walker.next(); event != null; event = walker.next()) {\n    const { node } = event;\n    if (blockList.includes(node.type) && !event.entering) {\n      while (node.firstChild != null) {\n        node.insertBefore(node.firstChild);\n      }\n      node.unlink();\n    }\n  }\n  return parsed;\n}\n"],"names":["reader","commonmark","Parser","writer","HtmlRenderer","safe","NODE_TYPE_LIST","Object","values","MarkdownNodeType","Markdown","as","Element","allowList","blockList","config","className","children","linkTarget","link","target","paragraphClass","paragraph","logActionRequired","parser","nodes","parsed","parse","toExclude","filter","type","includes","stripNodes","createMarkup","render","replace","_jsx","dangerouslySetInnerHTML","__html","walker","event","next","node","entering","firstChild","insertBefore","unlink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,MAAM,GAAG,IAAIC,UAAU,CAACC,MAAM,EAAE;AACtC,MAAMC,MAAM,GAAG,IAAIF,UAAU,CAACG,YAAY,CAAC;AAAEC,EAAAA,IAAI,EAAE;AAAI,CAAE,CAAC;AAE1D,MAAMC,cAAc,GAAGC,MAAM,CAACC,MAAM,CAACC,gBAAgB,CAAC;AAqBxC,SAAUC,QAAQA,CAAC;EAC/BC,EAAE,EAAEC,OAAO,GAAG,KAAK;EACnBC,SAAS;EACTC,SAAS;EACTC,MAAM;EACNC,SAAS;AACTC,EAAAA;AAAQ,CACM,EAAA;EACd,IAAI,CAACA,QAAQ,EAAE;AACb,IAAA,OAAO,IAAI;AACb,EAAA;EAEA,MAAMC,UAAU,GAAGH,MAAM,EAAEI,IAAI,EAAEC,MAAM,IAAI,OAAO;EAClD,MAAMC,cAAc,GAAGN,MAAM,EAAEO,SAAS,EAAEN,SAAS,IAAI,EAAE;AAEzD,EAAA,IAAIH,SAAS,IAAI,IAAI,IAAIC,SAAS,IAAI,IAAI,EAAE;IAC1CS,iBAAiB,CACf,6GAA6G,CAC9G;AACH,EAAA;EAEA,MAAMC,MAAM,GAAIC,KAAa,IAAI;AAC/B,IAAA,MAAMC,MAAM,GAAG1B,MAAM,CAAC2B,KAAK,CAACF,KAAK,CAAC;IAClC,MAAMG,SAAS,GACbf,SAAS,IAAI,IAAI,GAAGP,cAAc,CAACuB,MAAM,CAAEC,IAAI,IAAK,CAACjB,SAAS,CAACkB,QAAQ,CAACD,IAAI,CAAC,CAAC,GAAGhB,SAAS;AAC5F,IAAA,OAAOc,SAAS,IAAI,IAAI,GAAGI,UAAU,CAAC;MAAEN,MAAM;AAAEZ,MAAAA,SAAS,EAAEc;KAAW,CAAC,GAAGF,MAAM;EAClF,CAAC;EAED,MAAMO,YAAY,GAAGA,MAAK;AACxB,IAAA,MAAMP,MAAM,GAAGF,MAAM,CAACP,QAAQ,CAAC;IAC/B,OAAOd,MAAM,CACV+B,MAAM,CAACR,MAAM,CAAC,CACdS,OAAO,CAAC,YAAY,EAAE,cAAcjB,UAAU,CAAA,QAAA,CAAU,CAAC,CACzDiB,OAAO,CAAC,MAAM,EAAE,CAAA,UAAA,EAAad,cAAc,CAAA,EAAA,CAAI,CAAC;EACrD,CAAC;EAED,oBAAOe,GAAA,CAACxB,OAAO,EAAA;AAACI,IAAAA,SAAS,EAAEA,SAAU;AAACqB,IAAAA,uBAAuB,EAAE;MAAEC,MAAM,EAAEL,YAAY;AAAE;AAAG,IAAG;AAC/F;AAEA,SAASD,UAAUA,CAAC;EAAElB,SAAS;AAAEY,EAAAA;AAAM,CAA0D,EAAA;EAC/F,IAAI,CAACA,MAAM,EAAE;AACX,IAAA,OAAOA,MAAM;AACf,EAAA;AAEA,EAAA,MAAMa,MAAM,GAAGb,MAAM,CAACa,MAAM,EAAE;EAE9B,KAAK,IAAIC,KAAK,GAAGD,MAAM,CAACE,IAAI,EAAE,EAAED,KAAK,IAAI,IAAI,EAAEA,KAAK,GAAGD,MAAM,CAACE,IAAI,EAAE,EAAE;IACpE,MAAM;AAAEC,MAAAA;AAAI,KAAE,GAAGF,KAAK;AACtB,IAAA,IAAI1B,SAAS,CAACiB,QAAQ,CAACW,IAAI,CAACZ,IAAI,CAAC,IAAI,CAACU,KAAK,CAACG,QAAQ,EAAE;AACpD,MAAA,OAAOD,IAAI,CAACE,UAAU,IAAI,IAAI,EAAE;AAC9BF,QAAAA,IAAI,CAACG,YAAY,CAACH,IAAI,CAACE,UAAU,CAAC;AACpC,MAAA;MACAF,IAAI,CAACI,MAAM,EAAE;AACf,IAAA;AACF,EAAA;AACA,EAAA,OAAOpB,MAAM;AACf;;;;"}
+{"version":3,"file":"Markdown.mjs","sources":["../../src/markdown/Markdown.tsx"],"sourcesContent":["import * as commonmark from 'commonmark';\nimport type { Node as MarkdownNode } from 'commonmark';\n\nimport { MarkdownNodeType } from '../common';\nimport { logActionRequired } from '../utilities';\n\nconst reader = new commonmark.Parser();\nconst writer = new commonmark.HtmlRenderer({ safe: true });\n\nconst NODE_TYPE_LIST = Object.values(MarkdownNodeType);\n\nexport type MarkdownProps = {\n  as?: React.ElementType;\n  config?: {\n    link?: Pick<React.ComponentPropsWithoutRef<'a'>, 'target'>;\n    paragraph?: Pick<React.ComponentPropsWithoutRef<'p'>, 'className'>;\n  };\n  className?: string;\n  children?: string;\n} & (\n  | {\n      allowList?: readonly `${MarkdownNodeType}`[];\n      blockList?: never;\n    }\n  | {\n      allowList?: never;\n      blockList?: readonly `${MarkdownNodeType}`[];\n    }\n);\n\nexport default function Markdown({\n  as: Element = 'div',\n  allowList,\n  blockList,\n  config,\n  className,\n  children,\n}: MarkdownProps) {\n  if (!children) {\n    return null;\n  }\n\n  const linkTarget = config?.link?.target ?? '_self';\n  const paragraphClass = config?.paragraph?.className ?? '';\n\n  if (allowList != null && blockList != null) {\n    logActionRequired(\n      'Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.',\n    );\n  }\n\n  const parser = (nodes: string) => {\n    const parsed = reader.parse(nodes);\n    const toExclude =\n      allowList != null ? NODE_TYPE_LIST.filter((type) => !allowList.includes(type)) : blockList;\n    return toExclude != null ? stripNodes({ parsed, blockList: toExclude }) : parsed;\n  };\n\n  const createMarkup = () => {\n    const parsed = parser(children);\n    return writer\n      .render(parsed)\n      .replace(/<a href=\"/g, `<a target=\"${linkTarget}\" href=\"`)\n      .replace(/<p>/g, `<p class=\"${paragraphClass}\">`);\n  };\n\n  return <Element className={className} dangerouslySetInnerHTML={{ __html: createMarkup() }} />;\n}\n\nfunction stripNodes({ blockList, parsed }: { blockList: readonly string[]; parsed: MarkdownNode }) {\n  if (!parsed) {\n    return parsed;\n  }\n\n  const walker = parsed.walker();\n\n  for (let event = walker.next(); event != null; event = walker.next()) {\n    const { node } = event;\n    if (blockList.includes(node.type) && !event.entering) {\n      while (node.firstChild != null) {\n        node.insertBefore(node.firstChild);\n      }\n      node.unlink();\n    }\n  }\n  return parsed;\n}\n"],"names":["reader","commonmark","Parser","writer","HtmlRenderer","safe","NODE_TYPE_LIST","Object","values","MarkdownNodeType","Markdown","as","Element","allowList","blockList","config","className","children","linkTarget","link","target","paragraphClass","paragraph","logActionRequired","parser","nodes","parsed","parse","toExclude","filter","type","includes","stripNodes","createMarkup","render","replace","_jsx","dangerouslySetInnerHTML","__html","walker","event","next","node","entering","firstChild","insertBefore","unlink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,MAAM,GAAG,IAAIC,UAAU,CAACC,MAAM,EAAE;AACtC,MAAMC,MAAM,GAAG,IAAIF,UAAU,CAACG,YAAY,CAAC;AAAEC,EAAAA,IAAI,EAAE;AAAI,CAAE,CAAC;AAE1D,MAAMC,cAAc,GAAGC,MAAM,CAACC,MAAM,CAACC,gBAAgB,CAAC;AAqBxC,SAAUC,QAAQA,CAAC;EAC/BC,EAAE,EAAEC,OAAO,GAAG,KAAK;EACnBC,SAAS;EACTC,SAAS;EACTC,MAAM;EACNC,SAAS;AACTC,EAAAA;AAAQ,CACM,EAAA;EACd,IAAI,CAACA,QAAQ,EAAE;AACb,IAAA,OAAO,IAAI;AACb,EAAA;EAEA,MAAMC,UAAU,GAAGH,MAAM,EAAEI,IAAI,EAAEC,MAAM,IAAI,OAAO;EAClD,MAAMC,cAAc,GAAGN,MAAM,EAAEO,SAAS,EAAEN,SAAS,IAAI,EAAE;AAEzD,EAAA,IAAIH,SAAS,IAAI,IAAI,IAAIC,SAAS,IAAI,IAAI,EAAE;IAC1CS,iBAAiB,CACf,6GAA6G,CAC9G;AACH,EAAA;EAEA,MAAMC,MAAM,GAAIC,KAAa,IAAI;AAC/B,IAAA,MAAMC,MAAM,GAAG1B,MAAM,CAAC2B,KAAK,CAACF,KAAK,CAAC;IAClC,MAAMG,SAAS,GACbf,SAAS,IAAI,IAAI,GAAGP,cAAc,CAACuB,MAAM,CAAEC,IAAI,IAAK,CAACjB,SAAS,CAACkB,QAAQ,CAACD,IAAI,CAAC,CAAC,GAAGhB,SAAS;AAC5F,IAAA,OAAOc,SAAS,IAAI,IAAI,GAAGI,UAAU,CAAC;MAAEN,MAAM;AAAEZ,MAAAA,SAAS,EAAEc;KAAW,CAAC,GAAGF,MAAM;EAClF,CAAC;EAED,MAAMO,YAAY,GAAGA,MAAK;AACxB,IAAA,MAAMP,MAAM,GAAGF,MAAM,CAACP,QAAQ,CAAC;IAC/B,OAAOd,MAAM,CACV+B,MAAM,CAACR,MAAM,CAAC,CACdS,OAAO,CAAC,YAAY,EAAE,cAAcjB,UAAU,CAAA,QAAA,CAAU,CAAC,CACzDiB,OAAO,CAAC,MAAM,EAAE,CAAA,UAAA,EAAad,cAAc,CAAA,EAAA,CAAI,CAAC;EACrD,CAAC;EAED,oBAAOe,GAAA,CAACxB,OAAO,EAAA;AAACI,IAAAA,SAAS,EAAEA,SAAU;AAACqB,IAAAA,uBAAuB,EAAE;MAAEC,MAAM,EAAEL,YAAY;AAAE;AAAG,IAAG;AAC/F;AAEA,SAASD,UAAUA,CAAC;EAAElB,SAAS;AAAEY,EAAAA;AAAM,CAA0D,EAAA;EAC/F,IAAI,CAACA,MAAM,EAAE;AACX,IAAA,OAAOA,MAAM;AACf,EAAA;AAEA,EAAA,MAAMa,MAAM,GAAGb,MAAM,CAACa,MAAM,EAAE;EAE9B,KAAK,IAAIC,KAAK,GAAGD,MAAM,CAACE,IAAI,EAAE,EAAED,KAAK,IAAI,IAAI,EAAEA,KAAK,GAAGD,MAAM,CAACE,IAAI,EAAE,EAAE;IACpE,MAAM;AAAEC,MAAAA;AAAI,KAAE,GAAGF,KAAK;AACtB,IAAA,IAAI1B,SAAS,CAACiB,QAAQ,CAACW,IAAI,CAACZ,IAAI,CAAC,IAAI,CAACU,KAAK,CAACG,QAAQ,EAAE;AACpD,MAAA,OAAOD,IAAI,CAACE,UAAU,IAAI,IAAI,EAAE;AAC9BF,QAAAA,IAAI,CAACG,YAAY,CAACH,IAAI,CAACE,UAAU,CAAC;AACpC,MAAA;MACAF,IAAI,CAACI,MAAM,EAAE;AACf,IAAA;AACF,EAAA;AACA,EAAA,OAAOpB,MAAM;AACf;;;;"}

package/build/modal/Modal.js

@@ -25,6 +25,7 @@ require('../common/propsValues/variant.js');
 var scroll = require('../common/propsValues/scroll.js');
 require('../common/propsValues/markdownNodeType.js');
 require('../common/fileType.js');
+require('@transferwise/formatting');
 var icons = require('@transferwise/icons');
 var CloseButton_messages = require('../common/closeButton/CloseButton.messages.js');
 var jsxRuntime = require('react/jsx-runtime');

package/build/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../src/modal/Modal.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { ReactNode, useContext, useId, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { useIntl } from 'react-intl';\n\nimport {\n  Size,\n  Position,\n  PositionTop,\n  PositionCenter,\n  Scroll,\n  CommonProps,\n  SizeSmall,\n  SizeMedium,\n  SizeLarge,\n  SizeExtraLarge,\n  ScrollContent,\n  ScrollViewport,\n  Typography,\n} from '../common';\nimport { useLayout } from '../common/hooks';\nimport Dimmer from '../dimmer';\nimport Drawer from '../drawer';\nimport { OverlayIdContext } from '../provider/overlay/OverlayIdProvider';\nimport Title from '../title/Title';\nimport { Cross } from '@transferwise/icons';\nimport IconButton from '../iconButton';\nimport closeBtnMessages from '../common/closeButton/CloseButton.messages';\n\nconst TRANSITION_DURATION_IN_MILLISECONDS = 150;\n\nexport type ModalProps = CommonProps & {\n  /** @default null */\n  title?: ReactNode;\n  body: ReactNode;\n  /** @default null */\n  footer?: ReactNode;\n  /** @default 'md' */\n  size?: SizeSmall | SizeMedium | SizeLarge | SizeExtraLarge;\n  onClose: () => void;\n  onUnmount?: () => void;\n  open: boolean;\n  /** @default 'viewport' */\n  scroll?: ScrollContent | ScrollViewport;\n  /** @default 'center' */\n  position?: PositionTop | PositionCenter;\n  /** @default false */\n  disableDimmerClickToClose?: boolean;\n};\n\nconst Modal = ({\n  title = null,\n  body,\n  footer = null,\n  onClose,\n  onUnmount,\n  className,\n  open,\n  size = Size.MEDIUM,\n  scroll = Scroll.VIEWPORT,\n  position = Position.CENTER,\n  disableDimmerClickToClose = false,\n  ...otherProps\n}: ModalProps) => {\n  const intl = useIntl();\n  const { isMedium } = useLayout();\n\n  const contentReference = useRef<HTMLDivElement>(null);\n  const titleId = useId();\n\n  const overlayId = useContext(OverlayIdContext);\n\n  return !isMedium ? (\n    <Drawer\n      open={open}\n      className={className}\n      headerTitle={title}\n      footerContent={footer}\n      position={Position.BOTTOM}\n      onClose={onClose}\n      onUnmount={onUnmount}\n    >\n      {body}\n    </Drawer>\n  ) : (\n    <Dimmer\n      open={open}\n      scrollable={scroll === Scroll.VIEWPORT}\n      contentPosition={position}\n      disableClickToClose={disableDimmerClickToClose}\n      onClose={onClose}\n      onExited={onUnmount}\n    >\n      <CSSTransition\n        nodeRef={contentReference}\n        appear\n        in={open}\n        classNames={{ enterDone: 'in' }}\n        timeout={TRANSITION_DURATION_IN_MILLISECONDS}\n        unmountOnExit\n      >\n        <div\n          ref={contentReference}\n          className={clsx(\n            'tw-modal',\n            'd-flex',\n            'fade',\n            'outline-none',\n            scroll === Scroll.CONTENT && 'tw-modal--scrollable',\n            className,\n          )}\n          {...otherProps}\n        >\n          <div\n            id={overlayId}\n            role=\"dialog\"\n            aria-modal\n            aria-labelledby={titleId}\n            className={clsx('tw-modal-dialog', 'd-flex', {\n              [`tw-modal-${size}`]: size,\n            })}\n          >\n            <div\n              className={clsx(\n                'tw-modal-content',\n                'd-flex',\n                'flex-column',\n                'justify-content-between',\n              )}\n            >\n              <div\n                className={clsx(\n                  'tw-modal-header',\n                  'd-flex',\n                  'align-items-center',\n                  title ? 'justify-content-between' : 'justify-content-end',\n                  'flex-wrap',\n                )}\n              >\n                {title && (\n                  <Title id={titleId} type={Typography.TITLE_SUBSECTION} className=\"tw-modal-title\">\n                    {title}\n                  </Title>\n                )}\n                <IconButton\n                  size={40}\n                  priority=\"tertiary\"\n                  aria-label={intl.formatMessage(closeBtnMessages.ariaLabel)}\n                  onClick={onClose}\n                >\n                  <Cross />\n                </IconButton>\n              </div>\n              <div\n                className={clsx('tw-modal-body', {\n                  'tw-modal-body--scrollable': scroll === Scroll.CONTENT,\n                })}\n              >\n                {body}\n              </div>\n              {footer ? (\n                <div\n                  className={clsx('tw-modal-footer', 'd-flex', 'align-items-center', 'flex-wrap')}\n                >\n                  {footer}\n                </div>\n              ) : (\n                <div className=\"m-t-3\" />\n              )}\n            </div>\n          </div>\n        </div>\n      </CSSTransition>\n    </Dimmer>\n  );\n};\n\nexport default Modal;\n"],"names":["TRANSITION_DURATION_IN_MILLISECONDS","Modal","title","body","footer","onClose","onUnmount","className","open","size","Size","MEDIUM","scroll","Scroll","VIEWPORT","position","Position","CENTER","disableDimmerClickToClose","otherProps","intl","useIntl","isMedium","useLayout","contentReference","useRef","titleId","useId","overlayId","useContext","OverlayIdContext","_jsx","Drawer","headerTitle","footerContent","BOTTOM","children","Dimmer","scrollable","contentPosition","disableClickToClose","onExited","CSSTransition","nodeRef","appear","in","classNames","enterDone","timeout","unmountOnExit","ref","clsx","CONTENT","id","role","_jsxs","Title","type","Typography","TITLE_SUBSECTION","IconButton","priority","formatMessage","closeBtnMessages","ariaLabel","onClick","Cross"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../src/modal/Modal.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { ReactNode, useContext, useId, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { useIntl } from 'react-intl';\n\nimport {\n  Size,\n  Position,\n  PositionTop,\n  PositionCenter,\n  Scroll,\n  CommonProps,\n  SizeSmall,\n  SizeMedium,\n  SizeLarge,\n  SizeExtraLarge,\n  ScrollContent,\n  ScrollViewport,\n  Typography,\n} from '../common';\nimport { useLayout } from '../common/hooks';\nimport Dimmer from '../dimmer';\nimport Drawer from '../drawer';\nimport { OverlayIdContext } from '../provider/overlay/OverlayIdProvider';\nimport Title from '../title/Title';\nimport { Cross } from '@transferwise/icons';\nimport IconButton from '../iconButton';\nimport closeBtnMessages from '../common/closeButton/CloseButton.messages';\n\nconst TRANSITION_DURATION_IN_MILLISECONDS = 150;\n\nexport type ModalProps = CommonProps & {\n  /** @default null */\n  title?: ReactNode;\n  body: ReactNode;\n  /** @default null */\n  footer?: ReactNode;\n  /** @default 'md' */\n  size?: SizeSmall | SizeMedium | SizeLarge | SizeExtraLarge;\n  onClose: () => void;\n  onUnmount?: () => void;\n  open: boolean;\n  /** @default 'viewport' */\n  scroll?: ScrollContent | ScrollViewport;\n  /** @default 'center' */\n  position?: PositionTop | PositionCenter;\n  /** @default false */\n  disableDimmerClickToClose?: boolean;\n};\n\nconst Modal = ({\n  title = null,\n  body,\n  footer = null,\n  onClose,\n  onUnmount,\n  className,\n  open,\n  size = Size.MEDIUM,\n  scroll = Scroll.VIEWPORT,\n  position = Position.CENTER,\n  disableDimmerClickToClose = false,\n  ...otherProps\n}: ModalProps) => {\n  const intl = useIntl();\n  const { isMedium } = useLayout();\n\n  const contentReference = useRef<HTMLDivElement>(null);\n  const titleId = useId();\n\n  const overlayId = useContext(OverlayIdContext);\n\n  return !isMedium ? (\n    <Drawer\n      open={open}\n      className={className}\n      headerTitle={title}\n      footerContent={footer}\n      position={Position.BOTTOM}\n      onClose={onClose}\n      onUnmount={onUnmount}\n    >\n      {body}\n    </Drawer>\n  ) : (\n    <Dimmer\n      open={open}\n      scrollable={scroll === Scroll.VIEWPORT}\n      contentPosition={position}\n      disableClickToClose={disableDimmerClickToClose}\n      onClose={onClose}\n      onExited={onUnmount}\n    >\n      <CSSTransition\n        nodeRef={contentReference}\n        appear\n        in={open}\n        classNames={{ enterDone: 'in' }}\n        timeout={TRANSITION_DURATION_IN_MILLISECONDS}\n        unmountOnExit\n      >\n        <div\n          ref={contentReference}\n          className={clsx(\n            'tw-modal',\n            'd-flex',\n            'fade',\n            'outline-none',\n            scroll === Scroll.CONTENT && 'tw-modal--scrollable',\n            className,\n          )}\n          {...otherProps}\n        >\n          <div\n            id={overlayId}\n            role=\"dialog\"\n            aria-modal\n            aria-labelledby={titleId}\n            className={clsx('tw-modal-dialog', 'd-flex', {\n              [`tw-modal-${size}`]: size,\n            })}\n          >\n            <div\n              className={clsx(\n                'tw-modal-content',\n                'd-flex',\n                'flex-column',\n                'justify-content-between',\n              )}\n            >\n              <div\n                className={clsx(\n                  'tw-modal-header',\n                  'd-flex',\n                  'align-items-center',\n                  title ? 'justify-content-between' : 'justify-content-end',\n                  'flex-wrap',\n                )}\n              >\n                {title && (\n                  <Title id={titleId} type={Typography.TITLE_SUBSECTION} className=\"tw-modal-title\">\n                    {title}\n                  </Title>\n                )}\n                <IconButton\n                  size={40}\n                  priority=\"tertiary\"\n                  aria-label={intl.formatMessage(closeBtnMessages.ariaLabel)}\n                  onClick={onClose}\n                >\n                  <Cross />\n                </IconButton>\n              </div>\n              <div\n                className={clsx('tw-modal-body', {\n                  'tw-modal-body--scrollable': scroll === Scroll.CONTENT,\n                })}\n              >\n                {body}\n              </div>\n              {footer ? (\n                <div\n                  className={clsx('tw-modal-footer', 'd-flex', 'align-items-center', 'flex-wrap')}\n                >\n                  {footer}\n                </div>\n              ) : (\n                <div className=\"m-t-3\" />\n              )}\n            </div>\n          </div>\n        </div>\n      </CSSTransition>\n    </Dimmer>\n  );\n};\n\nexport default Modal;\n"],"names":["TRANSITION_DURATION_IN_MILLISECONDS","Modal","title","body","footer","onClose","onUnmount","className","open","size","Size","MEDIUM","scroll","Scroll","VIEWPORT","position","Position","CENTER","disableDimmerClickToClose","otherProps","intl","useIntl","isMedium","useLayout","contentReference","useRef","titleId","useId","overlayId","useContext","OverlayIdContext","_jsx","Drawer","headerTitle","footerContent","BOTTOM","children","Dimmer","scrollable","contentPosition","disableClickToClose","onExited","CSSTransition","nodeRef","appear","in","classNames","enterDone","timeout","unmountOnExit","ref","clsx","CONTENT","id","role","_jsxs","Title","type","Typography","TITLE_SUBSECTION","IconButton","priority","formatMessage","closeBtnMessages","ariaLabel","onClick","Cross"],"mappings":"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"}

package/build/modal/Modal.mjs

@@ -21,6 +21,7 @@ import '../common/propsValues/variant.mjs';
 import { Scroll } from '../common/propsValues/scroll.mjs';
 import '../common/propsValues/markdownNodeType.mjs';
 import '../common/fileType.mjs';
+import '@transferwise/formatting';
 import { Cross } from '@transferwise/icons';
 import closeBtnMessages from '../common/closeButton/CloseButton.messages.mjs';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/build/modal/Modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.mjs","sources":["../../src/modal/Modal.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { ReactNode, useContext, useId, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { useIntl } from 'react-intl';\n\nimport {\n  Size,\n  Position,\n  PositionTop,\n  PositionCenter,\n  Scroll,\n  CommonProps,\n  SizeSmall,\n  SizeMedium,\n  SizeLarge,\n  SizeExtraLarge,\n  ScrollContent,\n  ScrollViewport,\n  Typography,\n} from '../common';\nimport { useLayout } from '../common/hooks';\nimport Dimmer from '../dimmer';\nimport Drawer from '../drawer';\nimport { OverlayIdContext } from '../provider/overlay/OverlayIdProvider';\nimport Title from '../title/Title';\nimport { Cross } from '@transferwise/icons';\nimport IconButton from '../iconButton';\nimport closeBtnMessages from '../common/closeButton/CloseButton.messages';\n\nconst TRANSITION_DURATION_IN_MILLISECONDS = 150;\n\nexport type ModalProps = CommonProps & {\n  /** @default null */\n  title?: ReactNode;\n  body: ReactNode;\n  /** @default null */\n  footer?: ReactNode;\n  /** @default 'md' */\n  size?: SizeSmall | SizeMedium | SizeLarge | SizeExtraLarge;\n  onClose: () => void;\n  onUnmount?: () => void;\n  open: boolean;\n  /** @default 'viewport' */\n  scroll?: ScrollContent | ScrollViewport;\n  /** @default 'center' */\n  position?: PositionTop | PositionCenter;\n  /** @default false */\n  disableDimmerClickToClose?: boolean;\n};\n\nconst Modal = ({\n  title = null,\n  body,\n  footer = null,\n  onClose,\n  onUnmount,\n  className,\n  open,\n  size = Size.MEDIUM,\n  scroll = Scroll.VIEWPORT,\n  position = Position.CENTER,\n  disableDimmerClickToClose = false,\n  ...otherProps\n}: ModalProps) => {\n  const intl = useIntl();\n  const { isMedium } = useLayout();\n\n  const contentReference = useRef<HTMLDivElement>(null);\n  const titleId = useId();\n\n  const overlayId = useContext(OverlayIdContext);\n\n  return !isMedium ? (\n    <Drawer\n      open={open}\n      className={className}\n      headerTitle={title}\n      footerContent={footer}\n      position={Position.BOTTOM}\n      onClose={onClose}\n      onUnmount={onUnmount}\n    >\n      {body}\n    </Drawer>\n  ) : (\n    <Dimmer\n      open={open}\n      scrollable={scroll === Scroll.VIEWPORT}\n      contentPosition={position}\n      disableClickToClose={disableDimmerClickToClose}\n      onClose={onClose}\n      onExited={onUnmount}\n    >\n      <CSSTransition\n        nodeRef={contentReference}\n        appear\n        in={open}\n        classNames={{ enterDone: 'in' }}\n        timeout={TRANSITION_DURATION_IN_MILLISECONDS}\n        unmountOnExit\n      >\n        <div\n          ref={contentReference}\n          className={clsx(\n            'tw-modal',\n            'd-flex',\n            'fade',\n            'outline-none',\n            scroll === Scroll.CONTENT && 'tw-modal--scrollable',\n            className,\n          )}\n          {...otherProps}\n        >\n          <div\n            id={overlayId}\n            role=\"dialog\"\n            aria-modal\n            aria-labelledby={titleId}\n            className={clsx('tw-modal-dialog', 'd-flex', {\n              [`tw-modal-${size}`]: size,\n            })}\n          >\n            <div\n              className={clsx(\n                'tw-modal-content',\n                'd-flex',\n                'flex-column',\n                'justify-content-between',\n              )}\n            >\n              <div\n                className={clsx(\n                  'tw-modal-header',\n                  'd-flex',\n                  'align-items-center',\n                  title ? 'justify-content-between' : 'justify-content-end',\n                  'flex-wrap',\n                )}\n              >\n                {title && (\n                  <Title id={titleId} type={Typography.TITLE_SUBSECTION} className=\"tw-modal-title\">\n                    {title}\n                  </Title>\n                )}\n                <IconButton\n                  size={40}\n                  priority=\"tertiary\"\n                  aria-label={intl.formatMessage(closeBtnMessages.ariaLabel)}\n                  onClick={onClose}\n                >\n                  <Cross />\n                </IconButton>\n              </div>\n              <div\n                className={clsx('tw-modal-body', {\n                  'tw-modal-body--scrollable': scroll === Scroll.CONTENT,\n                })}\n              >\n                {body}\n              </div>\n              {footer ? (\n                <div\n                  className={clsx('tw-modal-footer', 'd-flex', 'align-items-center', 'flex-wrap')}\n                >\n                  {footer}\n                </div>\n              ) : (\n                <div className=\"m-t-3\" />\n              )}\n            </div>\n          </div>\n        </div>\n      </CSSTransition>\n    </Dimmer>\n  );\n};\n\nexport default Modal;\n"],"names":["TRANSITION_DURATION_IN_MILLISECONDS","Modal","title","body","footer","onClose","onUnmount","className","open","size","Size","MEDIUM","scroll","Scroll","VIEWPORT","position","Position","CENTER","disableDimmerClickToClose","otherProps","intl","useIntl","isMedium","useLayout","contentReference","useRef","titleId","useId","overlayId","useContext","OverlayIdContext","_jsx","Drawer","headerTitle","footerContent","BOTTOM","children","Dimmer","scrollable","contentPosition","disableClickToClose","onExited","CSSTransition","nodeRef","appear","in","classNames","enterDone","timeout","unmountOnExit","ref","clsx","CONTENT","id","role","_jsxs","Title","type","Typography","TITLE_SUBSECTION","IconButton","priority","formatMessage","closeBtnMessages","ariaLabel","onClick","Cross"],"mappings":"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"}
+{"version":3,"file":"Modal.mjs","sources":["../../src/modal/Modal.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { ReactNode, useContext, useId, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { useIntl } from 'react-intl';\n\nimport {\n  Size,\n  Position,\n  PositionTop,\n  PositionCenter,\n  Scroll,\n  CommonProps,\n  SizeSmall,\n  SizeMedium,\n  SizeLarge,\n  SizeExtraLarge,\n  ScrollContent,\n  ScrollViewport,\n  Typography,\n} from '../common';\nimport { useLayout } from '../common/hooks';\nimport Dimmer from '../dimmer';\nimport Drawer from '../drawer';\nimport { OverlayIdContext } from '../provider/overlay/OverlayIdProvider';\nimport Title from '../title/Title';\nimport { Cross } from '@transferwise/icons';\nimport IconButton from '../iconButton';\nimport closeBtnMessages from '../common/closeButton/CloseButton.messages';\n\nconst TRANSITION_DURATION_IN_MILLISECONDS = 150;\n\nexport type ModalProps = CommonProps & {\n  /** @default null */\n  title?: ReactNode;\n  body: ReactNode;\n  /** @default null */\n  footer?: ReactNode;\n  /** @default 'md' */\n  size?: SizeSmall | SizeMedium | SizeLarge | SizeExtraLarge;\n  onClose: () => void;\n  onUnmount?: () => void;\n  open: boolean;\n  /** @default 'viewport' */\n  scroll?: ScrollContent | ScrollViewport;\n  /** @default 'center' */\n  position?: PositionTop | PositionCenter;\n  /** @default false */\n  disableDimmerClickToClose?: boolean;\n};\n\nconst Modal = ({\n  title = null,\n  body,\n  footer = null,\n  onClose,\n  onUnmount,\n  className,\n  open,\n  size = Size.MEDIUM,\n  scroll = Scroll.VIEWPORT,\n  position = Position.CENTER,\n  disableDimmerClickToClose = false,\n  ...otherProps\n}: ModalProps) => {\n  const intl = useIntl();\n  const { isMedium } = useLayout();\n\n  const contentReference = useRef<HTMLDivElement>(null);\n  const titleId = useId();\n\n  const overlayId = useContext(OverlayIdContext);\n\n  return !isMedium ? (\n    <Drawer\n      open={open}\n      className={className}\n      headerTitle={title}\n      footerContent={footer}\n      position={Position.BOTTOM}\n      onClose={onClose}\n      onUnmount={onUnmount}\n    >\n      {body}\n    </Drawer>\n  ) : (\n    <Dimmer\n      open={open}\n      scrollable={scroll === Scroll.VIEWPORT}\n      contentPosition={position}\n      disableClickToClose={disableDimmerClickToClose}\n      onClose={onClose}\n      onExited={onUnmount}\n    >\n      <CSSTransition\n        nodeRef={contentReference}\n        appear\n        in={open}\n        classNames={{ enterDone: 'in' }}\n        timeout={TRANSITION_DURATION_IN_MILLISECONDS}\n        unmountOnExit\n      >\n        <div\n          ref={contentReference}\n          className={clsx(\n            'tw-modal',\n            'd-flex',\n            'fade',\n            'outline-none',\n            scroll === Scroll.CONTENT && 'tw-modal--scrollable',\n            className,\n          )}\n          {...otherProps}\n        >\n          <div\n            id={overlayId}\n            role=\"dialog\"\n            aria-modal\n            aria-labelledby={titleId}\n            className={clsx('tw-modal-dialog', 'd-flex', {\n              [`tw-modal-${size}`]: size,\n            })}\n          >\n            <div\n              className={clsx(\n                'tw-modal-content',\n                'd-flex',\n                'flex-column',\n                'justify-content-between',\n              )}\n            >\n              <div\n                className={clsx(\n                  'tw-modal-header',\n                  'd-flex',\n                  'align-items-center',\n                  title ? 'justify-content-between' : 'justify-content-end',\n                  'flex-wrap',\n                )}\n              >\n                {title && (\n                  <Title id={titleId} type={Typography.TITLE_SUBSECTION} className=\"tw-modal-title\">\n                    {title}\n                  </Title>\n                )}\n                <IconButton\n                  size={40}\n                  priority=\"tertiary\"\n                  aria-label={intl.formatMessage(closeBtnMessages.ariaLabel)}\n                  onClick={onClose}\n                >\n                  <Cross />\n                </IconButton>\n              </div>\n              <div\n                className={clsx('tw-modal-body', {\n                  'tw-modal-body--scrollable': scroll === Scroll.CONTENT,\n                })}\n              >\n                {body}\n              </div>\n              {footer ? (\n                <div\n                  className={clsx('tw-modal-footer', 'd-flex', 'align-items-center', 'flex-wrap')}\n                >\n                  {footer}\n                </div>\n              ) : (\n                <div className=\"m-t-3\" />\n              )}\n            </div>\n          </div>\n        </div>\n      </CSSTransition>\n    </Dimmer>\n  );\n};\n\nexport default Modal;\n"],"names":["TRANSITION_DURATION_IN_MILLISECONDS","Modal","title","body","footer","onClose","onUnmount","className","open","size","Size","MEDIUM","scroll","Scroll","VIEWPORT","position","Position","CENTER","disableDimmerClickToClose","otherProps","intl","useIntl","isMedium","useLayout","contentReference","useRef","titleId","useId","overlayId","useContext","OverlayIdContext","_jsx","Drawer","headerTitle","footerContent","BOTTOM","children","Dimmer","scrollable","contentPosition","disableClickToClose","onExited","CSSTransition","nodeRef","appear","in","classNames","enterDone","timeout","unmountOnExit","ref","clsx","CONTENT","id","role","_jsxs","Title","type","Typography","TITLE_SUBSECTION","IconButton","priority","formatMessage","closeBtnMessages","ariaLabel","onClick","Cross"],"mappings":"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"}

package/build/moneyInput/MoneyInput.js

@@ -50,16 +50,24 @@ const isNumberOrNull = v => neptuneValidation.isNumber(v) || neptuneValidation.i
 const formatAmountIfSet = ({
   amount,
   currency,
-  locale
+  locale,
+  decimals
 }) => {
-  return typeof amount === 'number' ? formatting.formatAmount(amount, currency, locale) : '';
+  if (typeof amount !== 'number') {
+    return '';
+  }
+  if (decimals != null && currencyFormatting.getCurrencyDecimals(currency) !== 0) {
+    return formatting.formatNumber(amount, locale, decimals);
+  }
+  return formatting.formatAmount(amount, currency, locale);
 };
 const parseNumber = ({
   amount,
   currency,
-  locale
+  locale,
+  decimals
 }) => {
-  return currencyFormatting.parseAmount(amount, currency, locale);
+  return currencyFormatting.parseAmount(amount, currency, locale, decimals);
 };
 const allowedInputKeys = new Set(['Backspace', 'Delete', ',', '.', 'ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight', 'Enter', 'Escape', 'Tab']);
 class MoneyInput extends React.Component {
@@ -76,7 +84,8 @@ class MoneyInput extends React.Component {
       formattedAmount: formatAmountIfSet({
         amount: props.amount,
         currency: props.selectedCurrency.currency,
-        locale: props.intl.locale
+        locale: props.intl.locale,
+        decimals: props.decimals
       }),
       locale: props.intl.locale
     };
@@ -90,7 +99,8 @@ class MoneyInput extends React.Component {
         formattedAmount: formatAmountIfSet({
           amount: nextProps.amount,
           currency: nextProps.selectedCurrency.currency,
-          locale: nextProps.intl.locale
+          locale: nextProps.intl.locale,
+          decimals: nextProps.decimals
         })
       });
     }
@@ -117,14 +127,16 @@ class MoneyInput extends React.Component {
     const parsed = neptuneValidation.isEmpty(paste) ? null : parseNumber({
       amount: paste,
       currency: this.props.selectedCurrency.currency,
-      locale
+      locale,
+      decimals: this.props.decimals
     });
     if (isNumberOrNull(parsed)) {
       this.setState({
         formattedAmount: formatAmountIfSet({
           amount: parsed,
           currency: this.props.selectedCurrency.currency,
-          locale
+          locale,
+          decimals: this.props.decimals
         })
       });
       this.props.onAmountChange?.(parsed);
@@ -141,7 +153,8 @@ class MoneyInput extends React.Component {
     const parsed = neptuneValidation.isEmpty(value) ? null : parseNumber({
       amount: value,
       currency: this.props.selectedCurrency.currency,
-      locale: this.state.locale
+      locale: this.state.locale,
+      decimals: this.props.decimals
     });
     if (isNumberOrNull(parsed)) {
       this.props.onAmountChange?.(parsed);
@@ -181,7 +194,8 @@ class MoneyInput extends React.Component {
       const parsed = parseNumber({
         amount: previousState.formattedAmount,
         currency: this.props.selectedCurrency.currency,
-        locale: previousState.locale
+        locale: previousState.locale,
+        decimals: this.props.decimals
       });
       if (!isNumberOrNull(parsed)) {
         return {
@@ -192,7 +206,8 @@ class MoneyInput extends React.Component {
         formattedAmount: formatAmountIfSet({
           amount: parsed,
           currency: this.props.selectedCurrency.currency,
-          locale: previousState.locale
+          locale: previousState.locale,
+          decimals: this.props.decimals
         })
       };
     });
@@ -257,7 +272,8 @@ class MoneyInput extends React.Component {
         placeholder: formatAmountIfSet({
           amount: this.props.placeholder,
           currency: this.props.selectedCurrency.currency,
-          locale: this.state.locale
+          locale: this.state.locale,
+          decimals: this.props.decimals
         }),
         autoComplete: "off",
         "aria-describedby": selectedCurrencyElementId,

package/build/moneyInput/MoneyInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoneyInput.js","sources":["../../src/moneyInput/MoneyInput.tsx"],"sourcesContent":["import { isEmpty, isNumber, isNull } from '@transferwise/neptune-validation';\nimport { Flag } from '@wise/art';\nimport { clsx } from 'clsx';\nimport { Component } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport {\n  Typography,\n  Size,\n  SizeLarge,\n  SizeMedium,\n  SizeSmall,\n  getLocaleCurrencyName,\n} from '../common';\nimport { withInputAttributes, WithInputAttributesProps } from '../inputs/contexts';\nimport { Input } from '../inputs/Input';\nimport {\n  SelectInput,\n  SelectInputItem,\n  SelectInputOptionContent,\n  SelectInputOptionItem,\n  SelectInputProps,\n} from '../inputs/SelectInput';\nimport Title from '../title';\n\nimport messages from './MoneyInput.messages';\nimport { formatAmount, parseAmount } from './currencyFormatting';\nimport withId from '../withId';\n\nexport interface CurrencyOptionItem {\n  header?: never;\n  value: string;\n  label: string;\n  currency: string;\n  note?: string;\n  searchable?: string;\n}\n\nexport interface CurrencyHeaderItem {\n  header: string;\n}\n\nexport type CurrencyItem = CurrencyOptionItem | CurrencyHeaderItem;\n\nconst isNumberOrNull = (v: unknown): v is number | null => isNumber(v) || isNull(v);\n\nconst formatAmountIfSet = ({\n  amount,\n  currency,\n  locale,\n}: {\n  amount: number | null | undefined;\n  currency: string;\n  locale: string;\n}) => {\n  return typeof amount === 'number' ? formatAmount(amount, currency, locale) : '';\n};\n\nconst parseNumber = ({\n  amount,\n  currency,\n  locale,\n}: {\n  amount: string;\n  currency: string;\n  locale: string;\n}) => {\n  return parseAmount(amount, currency, locale);\n};\n\nconst allowedInputKeys = new Set([\n  'Backspace',\n  'Delete',\n  ',',\n  '.',\n  'ArrowDown',\n  'ArrowUp',\n  'ArrowLeft',\n  'ArrowRight',\n  'Enter',\n  'Escape',\n  'Tab',\n]);\n\nexport interface MoneyInputProps extends WrappedComponentProps {\n  id?: string;\n  'aria-labelledby'?: string;\n  currencies: readonly CurrencyItem[];\n  selectedCurrency: CurrencyOptionItem;\n  onCurrencyChange?: (value: CurrencyOptionItem) => void;\n  placeholder?: number;\n  amount: number | null;\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  onAmountChange?: (value: number | null) => void;\n  addon?: React.ReactNode;\n  searchPlaceholder?: string;\n  /**\n   * Allows the consumer to react to searching, while the search itself is handled internally.\n   */\n  onSearchChange?: (value: { searchQuery: string; filteredOptions: CurrencyItem[] }) => void;\n  customActionLabel?: React.ReactNode;\n  onCustomAction?: () => void;\n  classNames?: Record<string, string>;\n  selectProps?: Partial<SelectInputProps<CurrencyOptionItem>>;\n}\n\nexport type MoneyInputPropsWithInputAttributes = MoneyInputProps &\n  Partial<WithInputAttributesProps>;\n\ninterface MoneyInputState {\n  searchQuery: string;\n  formattedAmount: string;\n  locale: string;\n}\n\nclass MoneyInput extends Component<MoneyInputPropsWithInputAttributes, MoneyInputState> {\n  declare props: MoneyInputPropsWithInputAttributes &\n    Required<Pick<MoneyInputPropsWithInputAttributes, keyof typeof MoneyInput.defaultProps>>;\n\n  static defaultProps = {\n    size: Size.LARGE,\n    classNames: {},\n    selectProps: {},\n  } satisfies Partial<MoneyInputPropsWithInputAttributes>;\n\n  amountFocused = false;\n\n  constructor(props: MoneyInputProps) {\n    super(props);\n    this.state = {\n      searchQuery: '',\n      formattedAmount: formatAmountIfSet({\n        amount: props.amount,\n        currency: props.selectedCurrency.currency,\n        locale: props.intl.locale,\n      }),\n      locale: props.intl.locale,\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps: MoneyInputProps) {\n    this.setState({ locale: nextProps.intl.locale });\n\n    if (!this.amountFocused) {\n      this.setState({\n        formattedAmount: formatAmountIfSet({\n          amount: nextProps.amount,\n          currency: nextProps.selectedCurrency.currency,\n          locale: nextProps.intl.locale,\n        }),\n      });\n    }\n  }\n\n  isInputAllowedForKeyEvent = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const { metaKey, key, ctrlKey } = event;\n    const isNumberKey = isNumber(Number.parseInt(key, 10));\n\n    return isNumberKey || metaKey || ctrlKey || allowedInputKeys.has(key);\n  };\n\n  handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n    if (!this.isInputAllowedForKeyEvent(event)) {\n      event.preventDefault();\n    }\n  };\n\n  handlePaste: React.ClipboardEventHandler<HTMLInputElement> = (event) => {\n    const paste = event.clipboardData.getData('text');\n    const { locale } = this.state;\n    const parsed = isEmpty(paste)\n      ? null\n      : parseNumber({\n          amount: paste,\n          currency: this.props.selectedCurrency.currency,\n          locale,\n        });\n\n    if (isNumberOrNull(parsed)) {\n      this.setState({\n        formattedAmount: formatAmountIfSet({\n          amount: parsed,\n          currency: this.props.selectedCurrency.currency,\n          locale,\n        }),\n      });\n      this.props.onAmountChange?.(parsed);\n    }\n\n    event.preventDefault();\n  };\n\n  onAmountChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    const { value } = event.target;\n    this.setState({\n      formattedAmount: value,\n    });\n    const parsed = isEmpty(value)\n      ? null\n      : parseNumber({\n          amount: value,\n          currency: this.props.selectedCurrency.currency,\n          locale: this.state.locale,\n        });\n    if (isNumberOrNull(parsed)) {\n      this.props.onAmountChange?.(parsed);\n    }\n  };\n\n  onAmountBlur = () => {\n    this.amountFocused = false;\n    this.setAmount();\n  };\n\n  onAmountFocus = () => {\n    this.amountFocused = true;\n  };\n\n  getSelectOptions() {\n    const selectOptions = filterCurrenciesForQuery(this.props.currencies, this.state.searchQuery);\n\n    const formattedOptions: SelectInputItem<CurrencyOptionItem>[] = [];\n    let currentGroupOptions: SelectInputOptionItem<CurrencyOptionItem>[] | undefined;\n\n    selectOptions.forEach((item) => {\n      if (item.header != null) {\n        currentGroupOptions = [];\n        formattedOptions.push({\n          type: 'group',\n          label: item.header,\n          options: currentGroupOptions,\n        });\n      } else {\n        (currentGroupOptions ?? formattedOptions).push({\n          type: 'option',\n          value: item,\n          filterMatchers: [item.value, item.label, item.note ?? '', item.searchable ?? ''],\n        });\n      }\n    });\n\n    return formattedOptions;\n  }\n\n  setAmount() {\n    this.setState((previousState) => {\n      const parsed = parseNumber({\n        amount: previousState.formattedAmount,\n        currency: this.props.selectedCurrency.currency,\n        locale: previousState.locale,\n      });\n      if (!isNumberOrNull(parsed)) {\n        return {\n          formattedAmount: previousState.formattedAmount,\n        };\n      }\n      return {\n        formattedAmount: formatAmountIfSet({\n          amount: parsed,\n          currency: this.props.selectedCurrency.currency,\n          locale: previousState.locale,\n        }),\n      };\n    });\n  }\n\n  handleSelectChange = (value: CurrencyOptionItem) => {\n    this.handleSearchChange('');\n    this.props.onCurrencyChange?.(value);\n  };\n\n  handleSearchChange = (searchQuery: string) => {\n    this.setState({ searchQuery });\n    this.props.onSearchChange?.({\n      searchQuery,\n      filteredOptions: filterCurrenciesForQuery(this.props.currencies, searchQuery),\n    });\n  };\n\n  style = (className: string) => this.props.classNames[className] || className;\n\n  render() {\n    const {\n      inputAttributes,\n      id: amountInputId,\n      'aria-labelledby': ariaLabelledByProp,\n      selectedCurrency,\n      onCurrencyChange,\n      size,\n      addon,\n      selectProps,\n    } = this.props;\n    const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];\n    const selectOptions = this.getSelectOptions();\n\n    const hasSingleCurrency = () => {\n      if (selectOptions.length !== 0) {\n        const firstItem = selectOptions[0];\n\n        if (selectOptions.length === 1) {\n          if (firstItem.type === 'option') {\n            return firstItem.value.currency === selectedCurrency.currency;\n          }\n          if (firstItem.type === 'group') {\n            return (\n              firstItem.options.length === 1 &&\n              !(this.props.onCustomAction && this.props.customActionLabel)\n            );\n          }\n        }\n      } else if (selectedCurrency?.currency) {\n        return true;\n      }\n\n      return false;\n    };\n\n    const isFixedCurrency = (!this.state.searchQuery && hasSingleCurrency()) || !onCurrencyChange;\n    const disabled = !this.props.onAmountChange;\n    const selectedCurrencyElementId = `${inputAttributes?.id ?? amountInputId}SelectedCurrency`;\n\n    return (\n      <fieldset\n        aria-invalid={inputAttributes?.['aria-invalid']}\n        aria-describedby={inputAttributes?.['aria-describedby']}\n        aria-labelledby={inputAttributes?.id ?? amountInputId}\n        className={clsx(\n          this.style('tw-money-input'),\n          this.style('input-group'),\n          this.style(`input-group-${size}`),\n        )}\n      >\n        <Input\n          id={inputAttributes?.id ?? amountInputId}\n          aria-labelledby={ariaLabelledBy}\n          value={this.state.formattedAmount}\n          inputMode=\"decimal\"\n          disabled={disabled}\n          placeholder={formatAmountIfSet({\n            amount: this.props.placeholder,\n            currency: this.props.selectedCurrency.currency,\n            locale: this.state.locale,\n          })}\n          autoComplete=\"off\"\n          aria-describedby={selectedCurrencyElementId}\n          onKeyDown={this.handleKeyDown}\n          onChange={this.onAmountChange}\n          onFocus={this.onAmountFocus}\n          onBlur={this.onAmountBlur}\n          onPaste={this.handlePaste}\n        />\n        {addon && (\n          <span\n            className={clsx(\n              this.style('input-group-addon'),\n              this.style(`input-${size}`),\n              disabled ? this.style('disabled') : '',\n            )}\n          >\n            {addon}\n          </span>\n        )}\n        {isFixedCurrency ? (\n          <div\n            className={clsx(\n              this.style('input-group-addon'),\n              this.style(`input-${size}`),\n              this.style('tw-money-input__fixed-currency'),\n              disabled ? this.style('disabled') : '',\n            )}\n            id={selectedCurrencyElementId}\n          >\n            {(size === 'lg' || size === 'md') && (\n              <span className={clsx(this.style('money-input-currency-flag'), this.style('m-r-2'))}>\n                <Flag code={selectedCurrency.currency.toLowerCase()} intrinsicSize={24} />\n              </span>\n            )}\n            <Title\n              as=\"span\"\n              type={Typography.TITLE_SUBSECTION}\n              className={size === 'lg' ? this.style('m-r-1') : ''}\n              aria-label={getLocaleCurrencyName(this.props.intl, selectedCurrency.currency)}\n            >\n              {selectedCurrency.currency.toUpperCase()}\n            </Title>\n          </div>\n        ) : (\n          <div\n            translate=\"no\"\n            className={clsx(\n              this.style('input-group-btn'),\n              this.style('amount-currency-select-btn'),\n            )}\n          >\n            <SelectInput\n              UNSAFE_triggerButtonProps={{\n                id: undefined,\n                'aria-labelledby': undefined,\n                'aria-describedby': ariaLabelledBy,\n                'aria-invalid': undefined,\n                'aria-label': this.props.intl.formatMessage(messages.selectCurrencyLabel),\n              }}\n              id={selectedCurrencyElementId}\n              items={selectOptions}\n              value={selectedCurrency}\n              compareValues=\"currency\"\n              renderValue={(currency, withinTrigger) => {\n                return (\n                  <SelectInputOptionContent\n                    title={\n                      withinTrigger ? (\n                        <span\n                          aria-label={getLocaleCurrencyName(this.props.intl, currency.currency)}\n                        >\n                          {currency.currency.toUpperCase()}\n                        </span>\n                      ) : (\n                        currency.label\n                      )\n                    }\n                    note={withinTrigger ? undefined : currency.note}\n                    icon={<Flag code={currency.currency} intrinsicSize={24} />}\n                  />\n                );\n              }}\n              renderFooter={\n                this.props.onCustomAction\n                  ? () => (\n                      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n                      <div role=\"button\" tabIndex={0} onClick={this.props.onCustomAction}>\n                        {this.props.customActionLabel}\n                      </div>\n                    )\n                  : undefined\n              }\n              placeholder={this.props.intl.formatMessage(messages.selectPlaceholder)}\n              filterable\n              filterPlaceholder={\n                this.props.searchPlaceholder ||\n                this.props.intl.formatMessage(messages.searchPlaceholder)\n              }\n              disabled={disabled}\n              size={size}\n              onChange={this.handleSelectChange}\n              onFilterChange={({ queryNormalized }) => {\n                this.handleSearchChange(queryNormalized ?? '');\n              }}\n              {...selectProps}\n            />\n          </div>\n        )}\n      </fieldset>\n    );\n  }\n}\n\nfunction filterCurrenciesForQuery(\n  currencies: readonly CurrencyItem[],\n  query: string,\n): CurrencyItem[] {\n  if (!query) {\n    return [...currencies];\n  }\n\n  const options = currencies.filter(\n    (option): option is CurrencyOptionItem => option.header == null,\n  );\n  const filteredOptions = removeDuplicateValueOptions(options).filter((option) =>\n    currencyOptionFitsQuery(option, query),\n  );\n\n  return sortOptionsLabelsToFirst(filteredOptions, query);\n}\n\nfunction removeDuplicateValueOptions(options: readonly CurrencyOptionItem[]) {\n  const uniqueValues = new Set<string>();\n  return options.filter((option) => {\n    if (!uniqueValues.has(option.value)) {\n      uniqueValues.add(option.value);\n      return true;\n    }\n    return false;\n  });\n}\n\nfunction currencyOptionFitsQuery(option: CurrencyOptionItem, query: string) {\n  if (!option.value) {\n    return false;\n  }\n\n  return (\n    contains(option.label, query) ||\n    contains(option.searchable, query) ||\n    contains(option.note, query)\n  );\n}\n\nfunction contains(property: string | undefined, query: string) {\n  return property?.toLowerCase().includes(query.toLowerCase());\n}\n\nfunction sortOptionsLabelsToFirst(options: readonly CurrencyOptionItem[], query: string) {\n  return [...options].sort((first, second) => {\n    const firstContains = contains(first.label, query);\n    const secondContains = contains(second.label, query);\n\n    if (firstContains && secondContains) {\n      return 0;\n    }\n    if (firstContains) {\n      return -1;\n    }\n    if (secondContains) {\n      return 1;\n    }\n    return 0;\n  });\n}\n\nexport default injectIntl(withId(withInputAttributes(MoneyInput, { nonLabelable: true })));\n"],"names":["isNumberOrNull","v","isNumber","isNull","formatAmountIfSet","amount","currency","locale","formatAmount","parseNumber","parseAmount","allowedInputKeys","Set","MoneyInput","Component","defaultProps","size","Size","LARGE","classNames","selectProps","amountFocused","constructor","props","state","searchQuery","formattedAmount","selectedCurrency","intl","UNSAFE_componentWillReceiveProps","nextProps","setState","isInputAllowedForKeyEvent","event","metaKey","key","ctrlKey","isNumberKey","Number","parseInt","has","handleKeyDown","preventDefault","handlePaste","paste","clipboardData","getData","parsed","isEmpty","onAmountChange","value","target","onAmountBlur","setAmount","onAmountFocus","getSelectOptions","selectOptions","filterCurrenciesForQuery","currencies","formattedOptions","currentGroupOptions","forEach","item","header","push","type","label","options","filterMatchers","note","searchable","previousState","handleSelectChange","handleSearchChange","onCurrencyChange","onSearchChange","filteredOptions","style","className","render","inputAttributes","id","amountInputId","ariaLabelledByProp","addon","ariaLabelledBy","hasSingleCurrency","length","firstItem","onCustomAction","customActionLabel","isFixedCurrency","disabled","selectedCurrencyElementId","_jsxs","clsx","children","_jsx","Input","inputMode","placeholder","autoComplete","onKeyDown","onChange","onFocus","onBlur","onPaste","Flag","code","toLowerCase","intrinsicSize","Title","as","Typography","TITLE_SUBSECTION","getLocaleCurrencyName","toUpperCase","translate","SelectInput","UNSAFE_triggerButtonProps","undefined","formatMessage","messages","selectCurrencyLabel","items","compareValues","renderValue","withinTrigger","SelectInputOptionContent","title","icon","renderFooter","role","tabIndex","onClick","selectPlaceholder","filterable","filterPlaceholder","searchPlaceholder","onFilterChange","queryNormalized","query","filter","option","removeDuplicateValueOptions","currencyOptionFitsQuery","sortOptionsLabelsToFirst","uniqueValues","add","contains","property","includes","sort","first","second","firstContains","secondContains","injectIntl","withId","withInputAttributes","nonLabelable"],"mappings":"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"}
+{"version":3,"file":"MoneyInput.js","sources":["../../src/moneyInput/MoneyInput.tsx"],"sourcesContent":["import { isEmpty, isNumber, isNull } from '@transferwise/neptune-validation';\nimport { Flag } from '@wise/art';\nimport { clsx } from 'clsx';\nimport { Component } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport {\n  Typography,\n  Size,\n  SizeLarge,\n  SizeMedium,\n  SizeSmall,\n  getLocaleCurrencyName,\n} from '../common';\nimport { withInputAttributes, WithInputAttributesProps } from '../inputs/contexts';\nimport { Input } from '../inputs/Input';\nimport {\n  SelectInput,\n  SelectInputItem,\n  SelectInputOptionContent,\n  SelectInputOptionItem,\n  SelectInputProps,\n} from '../inputs/SelectInput';\nimport Title from '../title';\n\nimport messages from './MoneyInput.messages';\nimport { formatAmount, formatNumber, getCurrencyDecimals, parseAmount } from './currencyFormatting';\nimport withId from '../withId';\n\nexport interface CurrencyOptionItem {\n  header?: never;\n  value: string;\n  label: string;\n  currency: string;\n  note?: string;\n  searchable?: string;\n}\n\nexport interface CurrencyHeaderItem {\n  header: string;\n}\n\nexport type CurrencyItem = CurrencyOptionItem | CurrencyHeaderItem;\n\nconst isNumberOrNull = (v: unknown): v is number | null => isNumber(v) || isNull(v);\n\nconst formatAmountIfSet = ({\n  amount,\n  currency,\n  locale,\n  decimals,\n}: {\n  amount: number | null | undefined;\n  currency: string;\n  locale: string;\n  decimals?: number;\n}) => {\n  if (typeof amount !== 'number') {\n    return '';\n  }\n  if (decimals != null && getCurrencyDecimals(currency) !== 0) {\n    return formatNumber(amount, locale, decimals);\n  }\n  return formatAmount(amount, currency, locale);\n};\n\nconst parseNumber = ({\n  amount,\n  currency,\n  locale,\n  decimals,\n}: {\n  amount: string;\n  currency: string;\n  locale: string;\n  decimals?: number;\n}) => {\n  return parseAmount(amount, currency, locale, decimals);\n};\n\nconst allowedInputKeys = new Set([\n  'Backspace',\n  'Delete',\n  ',',\n  '.',\n  'ArrowDown',\n  'ArrowUp',\n  'ArrowLeft',\n  'ArrowRight',\n  'Enter',\n  'Escape',\n  'Tab',\n]);\n\nexport interface MoneyInputProps extends WrappedComponentProps {\n  id?: string;\n  'aria-labelledby'?: string;\n  currencies: readonly CurrencyItem[];\n  selectedCurrency: CurrencyOptionItem;\n  onCurrencyChange?: (value: CurrencyOptionItem) => void;\n  placeholder?: number;\n  amount: number | null;\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  onAmountChange?: (value: number | null) => void;\n  addon?: React.ReactNode;\n  searchPlaceholder?: string;\n  /**\n   * Allows the consumer to react to searching, while the search itself is handled internally.\n   */\n  onSearchChange?: (value: { searchQuery: string; filteredOptions: CurrencyItem[] }) => void;\n  customActionLabel?: React.ReactNode;\n  onCustomAction?: () => void;\n  classNames?: Record<string, string>;\n  selectProps?: Partial<SelectInputProps<CurrencyOptionItem>>;\n  /**\n   * Specify the number of decimal places to format the amount. When not specified, the number of\n   * decimals is determined by the selected currency (e.g. 2 for EUR, 0 for JPY, 3 for BHD).\n   * This override is ignored for zero-decimal currencies (e.g. JPY, KRW, HUF), which always use 0.\n   */\n  decimals?: number;\n}\n\nexport type MoneyInputPropsWithInputAttributes = MoneyInputProps &\n  Partial<WithInputAttributesProps>;\n\ninterface MoneyInputState {\n  searchQuery: string;\n  formattedAmount: string;\n  locale: string;\n}\n\nclass MoneyInput extends Component<MoneyInputPropsWithInputAttributes, MoneyInputState> {\n  declare props: MoneyInputPropsWithInputAttributes &\n    Required<Pick<MoneyInputPropsWithInputAttributes, keyof typeof MoneyInput.defaultProps>>;\n\n  static defaultProps = {\n    size: Size.LARGE,\n    classNames: {},\n    selectProps: {},\n  } satisfies Partial<MoneyInputPropsWithInputAttributes>;\n\n  amountFocused = false;\n\n  constructor(props: MoneyInputProps) {\n    super(props);\n    this.state = {\n      searchQuery: '',\n      formattedAmount: formatAmountIfSet({\n        amount: props.amount,\n        currency: props.selectedCurrency.currency,\n        locale: props.intl.locale,\n        decimals: props.decimals,\n      }),\n      locale: props.intl.locale,\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps: MoneyInputProps) {\n    this.setState({ locale: nextProps.intl.locale });\n\n    if (!this.amountFocused) {\n      this.setState({\n        formattedAmount: formatAmountIfSet({\n          amount: nextProps.amount,\n          currency: nextProps.selectedCurrency.currency,\n          locale: nextProps.intl.locale,\n          decimals: nextProps.decimals,\n        }),\n      });\n    }\n  }\n\n  isInputAllowedForKeyEvent = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const { metaKey, key, ctrlKey } = event;\n    const isNumberKey = isNumber(Number.parseInt(key, 10));\n\n    return isNumberKey || metaKey || ctrlKey || allowedInputKeys.has(key);\n  };\n\n  handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n    if (!this.isInputAllowedForKeyEvent(event)) {\n      event.preventDefault();\n    }\n  };\n\n  handlePaste: React.ClipboardEventHandler<HTMLInputElement> = (event) => {\n    const paste = event.clipboardData.getData('text');\n    const { locale } = this.state;\n    const parsed = isEmpty(paste)\n      ? null\n      : parseNumber({\n          amount: paste,\n          currency: this.props.selectedCurrency.currency,\n          locale,\n          decimals: this.props.decimals,\n        });\n\n    if (isNumberOrNull(parsed)) {\n      this.setState({\n        formattedAmount: formatAmountIfSet({\n          amount: parsed,\n          currency: this.props.selectedCurrency.currency,\n          locale,\n          decimals: this.props.decimals,\n        }),\n      });\n      this.props.onAmountChange?.(parsed);\n    }\n\n    event.preventDefault();\n  };\n\n  onAmountChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    const { value } = event.target;\n    this.setState({\n      formattedAmount: value,\n    });\n    const parsed = isEmpty(value)\n      ? null\n      : parseNumber({\n          amount: value,\n          currency: this.props.selectedCurrency.currency,\n          locale: this.state.locale,\n          decimals: this.props.decimals,\n        });\n    if (isNumberOrNull(parsed)) {\n      this.props.onAmountChange?.(parsed);\n    }\n  };\n\n  onAmountBlur = () => {\n    this.amountFocused = false;\n    this.setAmount();\n  };\n\n  onAmountFocus = () => {\n    this.amountFocused = true;\n  };\n\n  getSelectOptions() {\n    const selectOptions = filterCurrenciesForQuery(this.props.currencies, this.state.searchQuery);\n\n    const formattedOptions: SelectInputItem<CurrencyOptionItem>[] = [];\n    let currentGroupOptions: SelectInputOptionItem<CurrencyOptionItem>[] | undefined;\n\n    selectOptions.forEach((item) => {\n      if (item.header != null) {\n        currentGroupOptions = [];\n        formattedOptions.push({\n          type: 'group',\n          label: item.header,\n          options: currentGroupOptions,\n        });\n      } else {\n        (currentGroupOptions ?? formattedOptions).push({\n          type: 'option',\n          value: item,\n          filterMatchers: [item.value, item.label, item.note ?? '', item.searchable ?? ''],\n        });\n      }\n    });\n\n    return formattedOptions;\n  }\n\n  setAmount() {\n    this.setState((previousState) => {\n      const parsed = parseNumber({\n        amount: previousState.formattedAmount,\n        currency: this.props.selectedCurrency.currency,\n        locale: previousState.locale,\n        decimals: this.props.decimals,\n      });\n      if (!isNumberOrNull(parsed)) {\n        return {\n          formattedAmount: previousState.formattedAmount,\n        };\n      }\n      return {\n        formattedAmount: formatAmountIfSet({\n          amount: parsed,\n          currency: this.props.selectedCurrency.currency,\n          locale: previousState.locale,\n          decimals: this.props.decimals,\n        }),\n      };\n    });\n  }\n\n  handleSelectChange = (value: CurrencyOptionItem) => {\n    this.handleSearchChange('');\n    this.props.onCurrencyChange?.(value);\n  };\n\n  handleSearchChange = (searchQuery: string) => {\n    this.setState({ searchQuery });\n    this.props.onSearchChange?.({\n      searchQuery,\n      filteredOptions: filterCurrenciesForQuery(this.props.currencies, searchQuery),\n    });\n  };\n\n  style = (className: string) => this.props.classNames[className] || className;\n\n  render() {\n    const {\n      inputAttributes,\n      id: amountInputId,\n      'aria-labelledby': ariaLabelledByProp,\n      selectedCurrency,\n      onCurrencyChange,\n      size,\n      addon,\n      selectProps,\n    } = this.props;\n    const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];\n    const selectOptions = this.getSelectOptions();\n\n    const hasSingleCurrency = () => {\n      if (selectOptions.length !== 0) {\n        const firstItem = selectOptions[0];\n\n        if (selectOptions.length === 1) {\n          if (firstItem.type === 'option') {\n            return firstItem.value.currency === selectedCurrency.currency;\n          }\n          if (firstItem.type === 'group') {\n            return (\n              firstItem.options.length === 1 &&\n              !(this.props.onCustomAction && this.props.customActionLabel)\n            );\n          }\n        }\n      } else if (selectedCurrency?.currency) {\n        return true;\n      }\n\n      return false;\n    };\n\n    const isFixedCurrency = (!this.state.searchQuery && hasSingleCurrency()) || !onCurrencyChange;\n    const disabled = !this.props.onAmountChange;\n    const selectedCurrencyElementId = `${inputAttributes?.id ?? amountInputId}SelectedCurrency`;\n\n    return (\n      <fieldset\n        aria-invalid={inputAttributes?.['aria-invalid']}\n        aria-describedby={inputAttributes?.['aria-describedby']}\n        aria-labelledby={inputAttributes?.id ?? amountInputId}\n        className={clsx(\n          this.style('tw-money-input'),\n          this.style('input-group'),\n          this.style(`input-group-${size}`),\n        )}\n      >\n        <Input\n          id={inputAttributes?.id ?? amountInputId}\n          aria-labelledby={ariaLabelledBy}\n          value={this.state.formattedAmount}\n          inputMode=\"decimal\"\n          disabled={disabled}\n          placeholder={formatAmountIfSet({\n            amount: this.props.placeholder,\n            currency: this.props.selectedCurrency.currency,\n            locale: this.state.locale,\n            decimals: this.props.decimals,\n          })}\n          autoComplete=\"off\"\n          aria-describedby={selectedCurrencyElementId}\n          onKeyDown={this.handleKeyDown}\n          onChange={this.onAmountChange}\n          onFocus={this.onAmountFocus}\n          onBlur={this.onAmountBlur}\n          onPaste={this.handlePaste}\n        />\n        {addon && (\n          <span\n            className={clsx(\n              this.style('input-group-addon'),\n              this.style(`input-${size}`),\n              disabled ? this.style('disabled') : '',\n            )}\n          >\n            {addon}\n          </span>\n        )}\n        {isFixedCurrency ? (\n          <div\n            className={clsx(\n              this.style('input-group-addon'),\n              this.style(`input-${size}`),\n              this.style('tw-money-input__fixed-currency'),\n              disabled ? this.style('disabled') : '',\n            )}\n            id={selectedCurrencyElementId}\n          >\n            {(size === 'lg' || size === 'md') && (\n              <span className={clsx(this.style('money-input-currency-flag'), this.style('m-r-2'))}>\n                <Flag code={selectedCurrency.currency.toLowerCase()} intrinsicSize={24} />\n              </span>\n            )}\n            <Title\n              as=\"span\"\n              type={Typography.TITLE_SUBSECTION}\n              className={size === 'lg' ? this.style('m-r-1') : ''}\n              aria-label={getLocaleCurrencyName(this.props.intl, selectedCurrency.currency)}\n            >\n              {selectedCurrency.currency.toUpperCase()}\n            </Title>\n          </div>\n        ) : (\n          <div\n            translate=\"no\"\n            className={clsx(\n              this.style('input-group-btn'),\n              this.style('amount-currency-select-btn'),\n            )}\n          >\n            <SelectInput\n              UNSAFE_triggerButtonProps={{\n                id: undefined,\n                'aria-labelledby': undefined,\n                'aria-describedby': ariaLabelledBy,\n                'aria-invalid': undefined,\n                'aria-label': this.props.intl.formatMessage(messages.selectCurrencyLabel),\n              }}\n              id={selectedCurrencyElementId}\n              items={selectOptions}\n              value={selectedCurrency}\n              compareValues=\"currency\"\n              renderValue={(currency, withinTrigger) => {\n                return (\n                  <SelectInputOptionContent\n                    title={\n                      withinTrigger ? (\n                        <span\n                          aria-label={getLocaleCurrencyName(this.props.intl, currency.currency)}\n                        >\n                          {currency.currency.toUpperCase()}\n                        </span>\n                      ) : (\n                        currency.label\n                      )\n                    }\n                    note={withinTrigger ? undefined : currency.note}\n                    icon={<Flag code={currency.currency} intrinsicSize={24} />}\n                  />\n                );\n              }}\n              renderFooter={\n                this.props.onCustomAction\n                  ? () => (\n                      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n                      <div role=\"button\" tabIndex={0} onClick={this.props.onCustomAction}>\n                        {this.props.customActionLabel}\n                      </div>\n                    )\n                  : undefined\n              }\n              placeholder={this.props.intl.formatMessage(messages.selectPlaceholder)}\n              filterable\n              filterPlaceholder={\n                this.props.searchPlaceholder ||\n                this.props.intl.formatMessage(messages.searchPlaceholder)\n              }\n              disabled={disabled}\n              size={size}\n              onChange={this.handleSelectChange}\n              onFilterChange={({ queryNormalized }) => {\n                this.handleSearchChange(queryNormalized ?? '');\n              }}\n              {...selectProps}\n            />\n          </div>\n        )}\n      </fieldset>\n    );\n  }\n}\n\nfunction filterCurrenciesForQuery(\n  currencies: readonly CurrencyItem[],\n  query: string,\n): CurrencyItem[] {\n  if (!query) {\n    return [...currencies];\n  }\n\n  const options = currencies.filter(\n    (option): option is CurrencyOptionItem => option.header == null,\n  );\n  const filteredOptions = removeDuplicateValueOptions(options).filter((option) =>\n    currencyOptionFitsQuery(option, query),\n  );\n\n  return sortOptionsLabelsToFirst(filteredOptions, query);\n}\n\nfunction removeDuplicateValueOptions(options: readonly CurrencyOptionItem[]) {\n  const uniqueValues = new Set<string>();\n  return options.filter((option) => {\n    if (!uniqueValues.has(option.value)) {\n      uniqueValues.add(option.value);\n      return true;\n    }\n    return false;\n  });\n}\n\nfunction currencyOptionFitsQuery(option: CurrencyOptionItem, query: string) {\n  if (!option.value) {\n    return false;\n  }\n\n  return (\n    contains(option.label, query) ||\n    contains(option.searchable, query) ||\n    contains(option.note, query)\n  );\n}\n\nfunction contains(property: string | undefined, query: string) {\n  return property?.toLowerCase().includes(query.toLowerCase());\n}\n\nfunction sortOptionsLabelsToFirst(options: readonly CurrencyOptionItem[], query: string) {\n  return [...options].sort((first, second) => {\n    const firstContains = contains(first.label, query);\n    const secondContains = contains(second.label, query);\n\n    if (firstContains && secondContains) {\n      return 0;\n    }\n    if (firstContains) {\n      return -1;\n    }\n    if (secondContains) {\n      return 1;\n    }\n    return 0;\n  });\n}\n\nexport default injectIntl(withId(withInputAttributes(MoneyInput, { nonLabelable: true })));\n"],"names":["isNumberOrNull","v","isNumber","isNull","formatAmountIfSet","amount","currency","locale","decimals","getCurrencyDecimals","formatNumber","formatAmount","parseNumber","parseAmount","allowedInputKeys","Set","MoneyInput","Component","defaultProps","size","Size","LARGE","classNames","selectProps","amountFocused","constructor","props","state","searchQuery","formattedAmount","selectedCurrency","intl","UNSAFE_componentWillReceiveProps","nextProps","setState","isInputAllowedForKeyEvent","event","metaKey","key","ctrlKey","isNumberKey","Number","parseInt","has","handleKeyDown","preventDefault","handlePaste","paste","clipboardData","getData","parsed","isEmpty","onAmountChange","value","target","onAmountBlur","setAmount","onAmountFocus","getSelectOptions","selectOptions","filterCurrenciesForQuery","currencies","formattedOptions","currentGroupOptions","forEach","item","header","push","type","label","options","filterMatchers","note","searchable","previousState","handleSelectChange","handleSearchChange","onCurrencyChange","onSearchChange","filteredOptions","style","className","render","inputAttributes","id","amountInputId","ariaLabelledByProp","addon","ariaLabelledBy","hasSingleCurrency","length","firstItem","onCustomAction","customActionLabel","isFixedCurrency","disabled","selectedCurrencyElementId","_jsxs","clsx","children","_jsx","Input","inputMode","placeholder","autoComplete","onKeyDown","onChange","onFocus","onBlur","onPaste","Flag","code","toLowerCase","intrinsicSize","Title","as","Typography","TITLE_SUBSECTION","getLocaleCurrencyName","toUpperCase","translate","SelectInput","UNSAFE_triggerButtonProps","undefined","formatMessage","messages","selectCurrencyLabel","items","compareValues","renderValue","withinTrigger","SelectInputOptionContent","title","icon","renderFooter","role","tabIndex","onClick","selectPlaceholder","filterable","filterPlaceholder","searchPlaceholder","onFilterChange","queryNormalized","query","filter","option","removeDuplicateValueOptions","currencyOptionFitsQuery","sortOptionsLabelsToFirst","uniqueValues","add","contains","property","includes","sort","first","second","firstContains","secondContains","injectIntl","withId","withInputAttributes","nonLabelable"],"mappings":"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"}

package/build/moneyInput/MoneyInput.mjs

@@ -38,24 +38,32 @@ import 'virtua';
 import '../inputs/SelectInput/SelectInput.messages.mjs';
 import Title from '../title/Title.mjs';
 import messages from './MoneyInput.messages.mjs';
-import { parseAmount } from './currencyFormatting.mjs';
+import { getCurrencyDecimals, parseAmount } from './currencyFormatting.mjs';
 import withId from '../withId/withId.mjs';
-import { formatAmount } from '@transferwise/formatting';
+import { formatNumber, formatAmount } from '@transferwise/formatting';
 
 const isNumberOrNull = v => isNumber(v) || isNull(v);
 const formatAmountIfSet = ({
   amount,
   currency,
-  locale
+  locale,
+  decimals
 }) => {
-  return typeof amount === 'number' ? formatAmount(amount, currency, locale) : '';
+  if (typeof amount !== 'number') {
+    return '';
+  }
+  if (decimals != null && getCurrencyDecimals(currency) !== 0) {
+    return formatNumber(amount, locale, decimals);
+  }
+  return formatAmount(amount, currency, locale);
 };
 const parseNumber = ({
   amount,
   currency,
-  locale
+  locale,
+  decimals
 }) => {
-  return parseAmount(amount, currency, locale);
+  return parseAmount(amount, currency, locale, decimals);
 };
 const allowedInputKeys = new Set(['Backspace', 'Delete', ',', '.', 'ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight', 'Enter', 'Escape', 'Tab']);
 class MoneyInput extends Component {
@@ -72,7 +80,8 @@ class MoneyInput extends Component {
       formattedAmount: formatAmountIfSet({
         amount: props.amount,
         currency: props.selectedCurrency.currency,
-        locale: props.intl.locale
+        locale: props.intl.locale,
+        decimals: props.decimals
       }),
       locale: props.intl.locale
     };
@@ -86,7 +95,8 @@ class MoneyInput extends Component {
         formattedAmount: formatAmountIfSet({
           amount: nextProps.amount,
           currency: nextProps.selectedCurrency.currency,
-          locale: nextProps.intl.locale
+          locale: nextProps.intl.locale,
+          decimals: nextProps.decimals
         })
       });
     }
@@ -113,14 +123,16 @@ class MoneyInput extends Component {
     const parsed = isEmpty(paste) ? null : parseNumber({
       amount: paste,
       currency: this.props.selectedCurrency.currency,
-      locale
+      locale,
+      decimals: this.props.decimals
     });
     if (isNumberOrNull(parsed)) {
       this.setState({
         formattedAmount: formatAmountIfSet({
           amount: parsed,
           currency: this.props.selectedCurrency.currency,
-          locale
+          locale,
+          decimals: this.props.decimals
         })
       });
       this.props.onAmountChange?.(parsed);
@@ -137,7 +149,8 @@ class MoneyInput extends Component {
     const parsed = isEmpty(value) ? null : parseNumber({
       amount: value,
       currency: this.props.selectedCurrency.currency,
-      locale: this.state.locale
+      locale: this.state.locale,
+      decimals: this.props.decimals
     });
     if (isNumberOrNull(parsed)) {
       this.props.onAmountChange?.(parsed);
@@ -177,7 +190,8 @@ class MoneyInput extends Component {
       const parsed = parseNumber({
         amount: previousState.formattedAmount,
         currency: this.props.selectedCurrency.currency,
-        locale: previousState.locale
+        locale: previousState.locale,
+        decimals: this.props.decimals
       });
       if (!isNumberOrNull(parsed)) {
         return {
@@ -188,7 +202,8 @@ class MoneyInput extends Component {
         formattedAmount: formatAmountIfSet({
           amount: parsed,
           currency: this.props.selectedCurrency.currency,
-          locale: previousState.locale
+          locale: previousState.locale,
+          decimals: this.props.decimals
         })
       };
     });
@@ -253,7 +268,8 @@ class MoneyInput extends Component {
         placeholder: formatAmountIfSet({
           amount: this.props.placeholder,
           currency: this.props.selectedCurrency.currency,
-          locale: this.state.locale
+          locale: this.state.locale,
+          decimals: this.props.decimals
         }),
         autoComplete: "off",
         "aria-describedby": selectedCurrencyElementId,