@transferwise/components 0.0.0-experimental-6348893 → 0.0.0-experimental-e556371

package/build/expressiveMoneyInput/amountInput/utils.js

@@ -1,87 +0,0 @@
-'use strict';
-
-var formatting = require('@transferwise/formatting');
-
-const getDecimalSeparator = (currency, locale) => {
-  return formatting.formatAmount(1.1, currency, locale).replace(/\p{Number}/gu, '');
-};
-const getGroupSeparator = (currency, locale) => {
-  return formatting.formatAmount(10000000, currency, locale).replace(/\p{Number}/gu, '')[0];
-};
-const getDecimalCount = (currency, locale) => {
-  const decimalSeparator = getDecimalSeparator(currency, locale);
-  if (!decimalSeparator) {
-    return 0;
-  }
-  const parts = formatting.formatAmount(1.1, currency, locale).split(decimalSeparator);
-  return parts.length === 2 ? parts[1].length : 0;
-};
-const getEnteredDecimalsCount = (value, decimalSeparator) => {
-  return value.split(decimalSeparator)[1]?.length ?? 0;
-};
-const getUnformattedNumber = ({
-  value: formattedValue,
-  currency,
-  locale
-}) => {
-  const groupSeparator = getGroupSeparator(currency, locale);
-  const decimalSeparator = getDecimalSeparator(currency, locale);
-  if (!formattedValue) {
-    return null;
-  }
-  // parseFloat can't handle thousands separators
-  const withoutGroupSeparator = groupSeparator ? formattedValue.replace(/ /gu, '').replace(new RegExp(`\\${groupSeparator}`, 'g'), '') : formattedValue;
-  // parseFloat can only handle . as decimal separator
-  const withNormalisedDecimalSeparator = decimalSeparator ? withoutGroupSeparator.replace(decimalSeparator, '.') : withoutGroupSeparator;
-  const parsedValue = Number.parseFloat(withNormalisedDecimalSeparator);
-  return parsedValue;
-};
-const getFormattedString = ({
-  value: unformattedValue,
-  currency,
-  locale,
-  alwaysShowDecimals = false
-}) => {
-  const decimalSeparator = getDecimalSeparator(currency, locale);
-  // formatAmount rounds extra decimals, so 1.999 will become 2. Instead we will manually strip extra decimals so that it becomes 1.99 after formatting
-  const decimalCount = getDecimalCount(currency, locale);
-  const unformattedString = unformattedValue.toString();
-  const [integerPart, decimalPart] = decimalSeparator ? unformattedString.split(decimalSeparator) : [unformattedString, undefined];
-  const formattedDecimalPart = decimalPart ? decimalPart.slice(0, decimalCount) : '';
-  const sanitisedUnformattedValue = Number.parseFloat(`${integerPart}.${formattedDecimalPart}`);
-  return formatting.formatAmount(sanitisedUnformattedValue, currency, locale, {
-    alwaysShowDecimals
-  });
-};
-const isInputPossiblyOverflowing = ({
-  ref,
-  value
-}) => {
-  const textLength = value.length;
-  const inputWidth = ref.current?.clientWidth;
-  if (!inputWidth || !textLength) {
-    return;
-  }
-  const maxCharactersWithoutOverflow = Math.floor(inputWidth / 19);
-  return textLength > maxCharactersWithoutOverflow;
-};
-const allowedInputKeys = new Set(['Backspace', 'Delete', ',', '.', 'ArrowLeft', 'ArrowRight', 'Enter', 'Tab']);
-const isAllowedInputKey = e => {
-  const {
-    metaKey,
-    key,
-    ctrlKey
-  } = e;
-  const isNumberKey = !Number.isNaN(Number.parseInt(key, 10));
-  return isNumberKey || metaKey || ctrlKey || allowedInputKeys.has(key);
-};
-
-exports.getDecimalCount = getDecimalCount;
-exports.getDecimalSeparator = getDecimalSeparator;
-exports.getEnteredDecimalsCount = getEnteredDecimalsCount;
-exports.getFormattedString = getFormattedString;
-exports.getGroupSeparator = getGroupSeparator;
-exports.getUnformattedNumber = getUnformattedNumber;
-exports.isAllowedInputKey = isAllowedInputKey;
-exports.isInputPossiblyOverflowing = isInputPossiblyOverflowing;
-//# sourceMappingURL=utils.js.map

package/build/expressiveMoneyInput/amountInput/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../src/expressiveMoneyInput/amountInput/utils.ts"],"sourcesContent":["import { formatAmount } from '@transferwise/formatting';\nimport type { KeyboardEvent } from 'react';\n\nexport const getDecimalSeparator = (currency: string, locale: string): string | null => {\n  return formatAmount(1.1, currency, locale).replace(/\\p{Number}/gu, '');\n};\n\nexport const getGroupSeparator = (currency: string, locale: string): string | null => {\n  return formatAmount(10000000, currency, locale).replace(/\\p{Number}/gu, '')[0];\n};\n\nexport const getDecimalCount = (currency: string, locale: string): number => {\n  const decimalSeparator = getDecimalSeparator(currency, locale);\n  if (!decimalSeparator) {\n    return 0;\n  }\n  const parts = formatAmount(1.1, currency, locale).split(decimalSeparator);\n  return parts.length === 2 ? parts[1].length : 0;\n};\n\nexport const getEnteredDecimalsCount = (value: string, decimalSeparator: string) => {\n  return value.split(decimalSeparator)[1]?.length ?? 0;\n};\n\nexport const getUnformattedNumber = ({\n  value: formattedValue,\n  currency,\n  locale,\n}: {\n  value: string;\n  currency: string;\n  locale: string;\n}): number | null => {\n  const groupSeparator = getGroupSeparator(currency, locale);\n  const decimalSeparator = getDecimalSeparator(currency, locale);\n  if (!formattedValue) {\n    return null;\n  }\n\n  // parseFloat can't handle thousands separators\n  const withoutGroupSeparator = groupSeparator\n    ? formattedValue.replace(/ /gu, '').replace(new RegExp(`\\\\${groupSeparator}`, 'g'), '')\n    : formattedValue;\n\n  // parseFloat can only handle . as decimal separator\n  const withNormalisedDecimalSeparator = decimalSeparator\n    ? withoutGroupSeparator.replace(decimalSeparator, '.')\n    : withoutGroupSeparator;\n\n  const parsedValue = Number.parseFloat(withNormalisedDecimalSeparator);\n  return parsedValue;\n};\n\nexport const getFormattedString = ({\n  value: unformattedValue,\n  currency,\n  locale,\n  alwaysShowDecimals = false,\n}: {\n  value: number;\n  currency: string;\n  locale: string;\n  alwaysShowDecimals?: boolean;\n}): string => {\n  const decimalSeparator = getDecimalSeparator(currency, locale);\n  // formatAmount rounds extra decimals, so 1.999 will become 2. Instead we will manually strip extra decimals so that it becomes 1.99 after formatting\n  const decimalCount = getDecimalCount(currency, locale);\n  const unformattedString = unformattedValue.toString();\n\n  const [integerPart, decimalPart] = decimalSeparator\n    ? unformattedString.split(decimalSeparator)\n    : [unformattedString, undefined];\n\n  const formattedDecimalPart = decimalPart ? decimalPart.slice(0, decimalCount) : '';\n\n  const sanitisedUnformattedValue = Number.parseFloat(`${integerPart}.${formattedDecimalPart}`);\n\n  return formatAmount(sanitisedUnformattedValue, currency, locale, {\n    alwaysShowDecimals,\n  });\n};\n\nexport const isInputPossiblyOverflowing = ({\n  ref,\n  value,\n}: {\n  ref: React.RefObject<HTMLInputElement>;\n  value: string;\n}) => {\n  const textLength = value.length;\n  const inputWidth = ref.current?.clientWidth;\n  if (!inputWidth || !textLength) {\n    return;\n  }\n\n  const maxCharactersWithoutOverflow = Math.floor(inputWidth / 19);\n  return textLength > maxCharactersWithoutOverflow;\n};\n\nconst allowedInputKeys = new Set([\n  'Backspace',\n  'Delete',\n  ',',\n  '.',\n  'ArrowLeft',\n  'ArrowRight',\n  'Enter',\n  'Tab',\n]);\n\nexport const isAllowedInputKey = (e: KeyboardEvent<HTMLInputElement>) => {\n  const { metaKey, key, ctrlKey } = e;\n  const isNumberKey = !Number.isNaN(Number.parseInt(key, 10));\n\n  return isNumberKey || metaKey || ctrlKey || allowedInputKeys.has(key);\n};\n"],"names":["getDecimalSeparator","currency","locale","formatAmount","replace","getGroupSeparator","getDecimalCount","decimalSeparator","parts","split","length","getEnteredDecimalsCount","value","getUnformattedNumber","formattedValue","groupSeparator","withoutGroupSeparator","RegExp","withNormalisedDecimalSeparator","parsedValue","Number","parseFloat","getFormattedString","unformattedValue","alwaysShowDecimals","decimalCount","unformattedString","toString","integerPart","decimalPart","undefined","formattedDecimalPart","slice","sanitisedUnformattedValue","isInputPossiblyOverflowing","ref","textLength","inputWidth","current","clientWidth","maxCharactersWithoutOverflow","Math","floor","allowedInputKeys","Set","isAllowedInputKey","e","metaKey","key","ctrlKey","isNumberKey","isNaN","parseInt","has"],"mappings":"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"}

package/build/expressiveMoneyInput/amountInput/utils.mjs

@@ -1,78 +0,0 @@
-import { formatAmount } from '@transferwise/formatting';
-
-const getDecimalSeparator = (currency, locale) => {
-  return formatAmount(1.1, currency, locale).replace(/\p{Number}/gu, '');
-};
-const getGroupSeparator = (currency, locale) => {
-  return formatAmount(10000000, currency, locale).replace(/\p{Number}/gu, '')[0];
-};
-const getDecimalCount = (currency, locale) => {
-  const decimalSeparator = getDecimalSeparator(currency, locale);
-  if (!decimalSeparator) {
-    return 0;
-  }
-  const parts = formatAmount(1.1, currency, locale).split(decimalSeparator);
-  return parts.length === 2 ? parts[1].length : 0;
-};
-const getEnteredDecimalsCount = (value, decimalSeparator) => {
-  return value.split(decimalSeparator)[1]?.length ?? 0;
-};
-const getUnformattedNumber = ({
-  value: formattedValue,
-  currency,
-  locale
-}) => {
-  const groupSeparator = getGroupSeparator(currency, locale);
-  const decimalSeparator = getDecimalSeparator(currency, locale);
-  if (!formattedValue) {
-    return null;
-  }
-  // parseFloat can't handle thousands separators
-  const withoutGroupSeparator = groupSeparator ? formattedValue.replace(/ /gu, '').replace(new RegExp(`\\${groupSeparator}`, 'g'), '') : formattedValue;
-  // parseFloat can only handle . as decimal separator
-  const withNormalisedDecimalSeparator = decimalSeparator ? withoutGroupSeparator.replace(decimalSeparator, '.') : withoutGroupSeparator;
-  const parsedValue = Number.parseFloat(withNormalisedDecimalSeparator);
-  return parsedValue;
-};
-const getFormattedString = ({
-  value: unformattedValue,
-  currency,
-  locale,
-  alwaysShowDecimals = false
-}) => {
-  const decimalSeparator = getDecimalSeparator(currency, locale);
-  // formatAmount rounds extra decimals, so 1.999 will become 2. Instead we will manually strip extra decimals so that it becomes 1.99 after formatting
-  const decimalCount = getDecimalCount(currency, locale);
-  const unformattedString = unformattedValue.toString();
-  const [integerPart, decimalPart] = decimalSeparator ? unformattedString.split(decimalSeparator) : [unformattedString, undefined];
-  const formattedDecimalPart = decimalPart ? decimalPart.slice(0, decimalCount) : '';
-  const sanitisedUnformattedValue = Number.parseFloat(`${integerPart}.${formattedDecimalPart}`);
-  return formatAmount(sanitisedUnformattedValue, currency, locale, {
-    alwaysShowDecimals
-  });
-};
-const isInputPossiblyOverflowing = ({
-  ref,
-  value
-}) => {
-  const textLength = value.length;
-  const inputWidth = ref.current?.clientWidth;
-  if (!inputWidth || !textLength) {
-    return;
-  }
-  const maxCharactersWithoutOverflow = Math.floor(inputWidth / 19);
-  return textLength > maxCharactersWithoutOverflow;
-};
-const allowedInputKeys = new Set(['Backspace', 'Delete', ',', '.', 'ArrowLeft', 'ArrowRight', 'Enter', 'Tab']);
-const isAllowedInputKey = e => {
-  const {
-    metaKey,
-    key,
-    ctrlKey
-  } = e;
-  const isNumberKey = !Number.isNaN(Number.parseInt(key, 10));
-  return isNumberKey || metaKey || ctrlKey || allowedInputKeys.has(key);
-};
-
-export { getDecimalCount, getDecimalSeparator, getEnteredDecimalsCount, getFormattedString, getGroupSeparator, getUnformattedNumber, isAllowedInputKey, isInputPossiblyOverflowing };
-//# sourceMappingURL=utils.mjs.map

package/build/expressiveMoneyInput/amountInput/utils.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.mjs","sources":["../../../src/expressiveMoneyInput/amountInput/utils.ts"],"sourcesContent":["import { formatAmount } from '@transferwise/formatting';\nimport type { KeyboardEvent } from 'react';\n\nexport const getDecimalSeparator = (currency: string, locale: string): string | null => {\n  return formatAmount(1.1, currency, locale).replace(/\\p{Number}/gu, '');\n};\n\nexport const getGroupSeparator = (currency: string, locale: string): string | null => {\n  return formatAmount(10000000, currency, locale).replace(/\\p{Number}/gu, '')[0];\n};\n\nexport const getDecimalCount = (currency: string, locale: string): number => {\n  const decimalSeparator = getDecimalSeparator(currency, locale);\n  if (!decimalSeparator) {\n    return 0;\n  }\n  const parts = formatAmount(1.1, currency, locale).split(decimalSeparator);\n  return parts.length === 2 ? parts[1].length : 0;\n};\n\nexport const getEnteredDecimalsCount = (value: string, decimalSeparator: string) => {\n  return value.split(decimalSeparator)[1]?.length ?? 0;\n};\n\nexport const getUnformattedNumber = ({\n  value: formattedValue,\n  currency,\n  locale,\n}: {\n  value: string;\n  currency: string;\n  locale: string;\n}): number | null => {\n  const groupSeparator = getGroupSeparator(currency, locale);\n  const decimalSeparator = getDecimalSeparator(currency, locale);\n  if (!formattedValue) {\n    return null;\n  }\n\n  // parseFloat can't handle thousands separators\n  const withoutGroupSeparator = groupSeparator\n    ? formattedValue.replace(/ /gu, '').replace(new RegExp(`\\\\${groupSeparator}`, 'g'), '')\n    : formattedValue;\n\n  // parseFloat can only handle . as decimal separator\n  const withNormalisedDecimalSeparator = decimalSeparator\n    ? withoutGroupSeparator.replace(decimalSeparator, '.')\n    : withoutGroupSeparator;\n\n  const parsedValue = Number.parseFloat(withNormalisedDecimalSeparator);\n  return parsedValue;\n};\n\nexport const getFormattedString = ({\n  value: unformattedValue,\n  currency,\n  locale,\n  alwaysShowDecimals = false,\n}: {\n  value: number;\n  currency: string;\n  locale: string;\n  alwaysShowDecimals?: boolean;\n}): string => {\n  const decimalSeparator = getDecimalSeparator(currency, locale);\n  // formatAmount rounds extra decimals, so 1.999 will become 2. Instead we will manually strip extra decimals so that it becomes 1.99 after formatting\n  const decimalCount = getDecimalCount(currency, locale);\n  const unformattedString = unformattedValue.toString();\n\n  const [integerPart, decimalPart] = decimalSeparator\n    ? unformattedString.split(decimalSeparator)\n    : [unformattedString, undefined];\n\n  const formattedDecimalPart = decimalPart ? decimalPart.slice(0, decimalCount) : '';\n\n  const sanitisedUnformattedValue = Number.parseFloat(`${integerPart}.${formattedDecimalPart}`);\n\n  return formatAmount(sanitisedUnformattedValue, currency, locale, {\n    alwaysShowDecimals,\n  });\n};\n\nexport const isInputPossiblyOverflowing = ({\n  ref,\n  value,\n}: {\n  ref: React.RefObject<HTMLInputElement>;\n  value: string;\n}) => {\n  const textLength = value.length;\n  const inputWidth = ref.current?.clientWidth;\n  if (!inputWidth || !textLength) {\n    return;\n  }\n\n  const maxCharactersWithoutOverflow = Math.floor(inputWidth / 19);\n  return textLength > maxCharactersWithoutOverflow;\n};\n\nconst allowedInputKeys = new Set([\n  'Backspace',\n  'Delete',\n  ',',\n  '.',\n  'ArrowLeft',\n  'ArrowRight',\n  'Enter',\n  'Tab',\n]);\n\nexport const isAllowedInputKey = (e: KeyboardEvent<HTMLInputElement>) => {\n  const { metaKey, key, ctrlKey } = e;\n  const isNumberKey = !Number.isNaN(Number.parseInt(key, 10));\n\n  return isNumberKey || metaKey || ctrlKey || allowedInputKeys.has(key);\n};\n"],"names":["getDecimalSeparator","currency","locale","formatAmount","replace","getGroupSeparator","getDecimalCount","decimalSeparator","parts","split","length","getEnteredDecimalsCount","value","getUnformattedNumber","formattedValue","groupSeparator","withoutGroupSeparator","RegExp","withNormalisedDecimalSeparator","parsedValue","Number","parseFloat","getFormattedString","unformattedValue","alwaysShowDecimals","decimalCount","unformattedString","toString","integerPart","decimalPart","undefined","formattedDecimalPart","slice","sanitisedUnformattedValue","isInputPossiblyOverflowing","ref","textLength","inputWidth","current","clientWidth","maxCharactersWithoutOverflow","Math","floor","allowedInputKeys","Set","isAllowedInputKey","e","metaKey","key","ctrlKey","isNumberKey","isNaN","parseInt","has"],"mappings":"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"}

package/build/expressiveMoneyInput/animatedNumber/AnimatedNumber.js

@@ -1,50 +0,0 @@
-'use strict';
-
-var framerMotion = require('framer-motion');
-var jsxRuntime = require('react/jsx-runtime');
-
-const AnimatedNumber = ({
-  children,
-  onClick,
-  className
-}) => {
-  const reducedMotion = framerMotion.useReducedMotion();
-  return /*#__PURE__*/jsxRuntime.jsx(framerMotion.motion.span, {
-    className: className,
-    "aria-hidden": true,
-    initial: {
-      zoom: 0.01
-    },
-    animate: {
-      zoom: 1
-    },
-    exit: {
-      zoom: 0.01
-    },
-    transition: {
-      duration: reducedMotion ? 0 : 0.3,
-      type: 'tween',
-      ease: [0.3, 0, 0.1, 1]
-    },
-    onClick: () => onClick?.(),
-    children: /*#__PURE__*/jsxRuntime.jsx(framerMotion.motion.span, {
-      initial: {
-        opacity: 0
-      },
-      animate: {
-        opacity: [0, 0, 1]
-      },
-      exit: {
-        opacity: [1, 0, 0]
-      },
-      transition: {
-        duration: reducedMotion ? 0 : 0.3,
-        times: [0, 0.5, 1]
-      },
-      children: children
-    })
-  });
-};
-
-exports.AnimatedNumber = AnimatedNumber;
-//# sourceMappingURL=AnimatedNumber.js.map

package/build/expressiveMoneyInput/animatedNumber/AnimatedNumber.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AnimatedNumber.js","sources":["../../../src/expressiveMoneyInput/animatedNumber/AnimatedNumber.tsx"],"sourcesContent":["import { motion, useReducedMotion } from 'framer-motion';\nimport type { ReactNode } from 'react';\n\ninterface Props {\n  children: ReactNode;\n  onClick?: () => void;\n  className?: string;\n}\n\nexport const AnimatedNumber = ({ children, onClick, className }: Props) => {\n  const reducedMotion = useReducedMotion();\n\n  return (\n    <motion.span\n      className={className}\n      aria-hidden\n      initial={{ zoom: 0.01 }}\n      animate={{ zoom: 1 }}\n      exit={{ zoom: 0.01 }}\n      transition={{\n        duration: reducedMotion ? 0 : 0.3,\n        type: 'tween',\n        ease: [0.3, 0, 0.1, 1],\n      }}\n      onClick={() => onClick?.()}\n    >\n      <motion.span\n        initial={{ opacity: 0 }}\n        animate={{ opacity: [0, 0, 1] }}\n        exit={{ opacity: [1, 0, 0] }}\n        transition={{\n          duration: reducedMotion ? 0 : 0.3,\n          times: [0, 0.5, 1],\n        }}\n      >\n        {children}\n      </motion.span>\n    </motion.span>\n  );\n};\n"],"names":["AnimatedNumber","children","onClick","className","reducedMotion","useReducedMotion","_jsx","motion","span","initial","zoom","animate","exit","transition","duration","type","ease","opacity","times"],"mappings":";;;;;AASO,MAAMA,cAAc,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,OAAO;AAAEC,EAAAA;AAAS,CAAS,KAAI;AACxE,EAAA,MAAMC,aAAa,GAAGC,6BAAgB,EAAE;AAExC,EAAA,oBACEC,cAAA,CAACC,mBAAM,CAACC,IAAI,EAAA;AACVL,IAAAA,SAAS,EAAEA,SAAU;IACrB,aAAA,EAAA,IAAW;AACXM,IAAAA,OAAO,EAAE;AAAEC,MAAAA,IAAI,EAAE;KAAO;AACxBC,IAAAA,OAAO,EAAE;AAAED,MAAAA,IAAI,EAAE;KAAI;AACrBE,IAAAA,IAAI,EAAE;AAAEF,MAAAA,IAAI,EAAE;KAAO;AACrBG,IAAAA,UAAU,EAAE;AACVC,MAAAA,QAAQ,EAAEV,aAAa,GAAG,CAAC,GAAG,GAAG;AACjCW,MAAAA,IAAI,EAAE,OAAO;MACbC,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;KACrB;AACFd,IAAAA,OAAO,EAAEA,MAAMA,OAAO,IAAK;AAAAD,IAAAA,QAAA,eAE3BK,cAAA,CAACC,mBAAM,CAACC,IAAI,EAAA;AACVC,MAAAA,OAAO,EAAE;AAAEQ,QAAAA,OAAO,EAAE;OAAI;AACxBN,MAAAA,OAAO,EAAE;AAAEM,QAAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;OAAI;AAChCL,MAAAA,IAAI,EAAE;AAAEK,QAAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;OAAI;AAC7BJ,MAAAA,UAAU,EAAE;AACVC,QAAAA,QAAQ,EAAEV,aAAa,GAAG,CAAC,GAAG,GAAG;AACjCc,QAAAA,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;OACjB;AAAAjB,MAAAA,QAAA,EAEDA;KACU;AACf,GAAa,CAAC;AAElB;;;;"}

package/build/expressiveMoneyInput/animatedNumber/AnimatedNumber.mjs

@@ -1,48 +0,0 @@
-import { useReducedMotion, motion } from 'framer-motion';
-import { jsx } from 'react/jsx-runtime';
-
-const AnimatedNumber = ({
-  children,
-  onClick,
-  className
-}) => {
-  const reducedMotion = useReducedMotion();
-  return /*#__PURE__*/jsx(motion.span, {
-    className: className,
-    "aria-hidden": true,
-    initial: {
-      zoom: 0.01
-    },
-    animate: {
-      zoom: 1
-    },
-    exit: {
-      zoom: 0.01
-    },
-    transition: {
-      duration: reducedMotion ? 0 : 0.3,
-      type: 'tween',
-      ease: [0.3, 0, 0.1, 1]
-    },
-    onClick: () => onClick?.(),
-    children: /*#__PURE__*/jsx(motion.span, {
-      initial: {
-        opacity: 0
-      },
-      animate: {
-        opacity: [0, 0, 1]
-      },
-      exit: {
-        opacity: [1, 0, 0]
-      },
-      transition: {
-        duration: reducedMotion ? 0 : 0.3,
-        times: [0, 0.5, 1]
-      },
-      children: children
-    })
-  });
-};
-
-export { AnimatedNumber };
-//# sourceMappingURL=AnimatedNumber.mjs.map

package/build/expressiveMoneyInput/animatedNumber/AnimatedNumber.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AnimatedNumber.mjs","sources":["../../../src/expressiveMoneyInput/animatedNumber/AnimatedNumber.tsx"],"sourcesContent":["import { motion, useReducedMotion } from 'framer-motion';\nimport type { ReactNode } from 'react';\n\ninterface Props {\n  children: ReactNode;\n  onClick?: () => void;\n  className?: string;\n}\n\nexport const AnimatedNumber = ({ children, onClick, className }: Props) => {\n  const reducedMotion = useReducedMotion();\n\n  return (\n    <motion.span\n      className={className}\n      aria-hidden\n      initial={{ zoom: 0.01 }}\n      animate={{ zoom: 1 }}\n      exit={{ zoom: 0.01 }}\n      transition={{\n        duration: reducedMotion ? 0 : 0.3,\n        type: 'tween',\n        ease: [0.3, 0, 0.1, 1],\n      }}\n      onClick={() => onClick?.()}\n    >\n      <motion.span\n        initial={{ opacity: 0 }}\n        animate={{ opacity: [0, 0, 1] }}\n        exit={{ opacity: [1, 0, 0] }}\n        transition={{\n          duration: reducedMotion ? 0 : 0.3,\n          times: [0, 0.5, 1],\n        }}\n      >\n        {children}\n      </motion.span>\n    </motion.span>\n  );\n};\n"],"names":["AnimatedNumber","children","onClick","className","reducedMotion","useReducedMotion","_jsx","motion","span","initial","zoom","animate","exit","transition","duration","type","ease","opacity","times"],"mappings":";;;AASO,MAAMA,cAAc,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,OAAO;AAAEC,EAAAA;AAAS,CAAS,KAAI;AACxE,EAAA,MAAMC,aAAa,GAAGC,gBAAgB,EAAE;AAExC,EAAA,oBACEC,GAAA,CAACC,MAAM,CAACC,IAAI,EAAA;AACVL,IAAAA,SAAS,EAAEA,SAAU;IACrB,aAAA,EAAA,IAAW;AACXM,IAAAA,OAAO,EAAE;AAAEC,MAAAA,IAAI,EAAE;KAAO;AACxBC,IAAAA,OAAO,EAAE;AAAED,MAAAA,IAAI,EAAE;KAAI;AACrBE,IAAAA,IAAI,EAAE;AAAEF,MAAAA,IAAI,EAAE;KAAO;AACrBG,IAAAA,UAAU,EAAE;AACVC,MAAAA,QAAQ,EAAEV,aAAa,GAAG,CAAC,GAAG,GAAG;AACjCW,MAAAA,IAAI,EAAE,OAAO;MACbC,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;KACrB;AACFd,IAAAA,OAAO,EAAEA,MAAMA,OAAO,IAAK;AAAAD,IAAAA,QAAA,eAE3BK,GAAA,CAACC,MAAM,CAACC,IAAI,EAAA;AACVC,MAAAA,OAAO,EAAE;AAAEQ,QAAAA,OAAO,EAAE;OAAI;AACxBN,MAAAA,OAAO,EAAE;AAAEM,QAAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;OAAI;AAChCL,MAAAA,IAAI,EAAE;AAAEK,QAAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;OAAI;AAC7BJ,MAAAA,UAAU,EAAE;AACVC,QAAAA,QAAQ,EAAEV,aAAa,GAAG,CAAC,GAAG,GAAG;AACjCc,QAAAA,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;OACjB;AAAAjB,MAAAA,QAAA,EAEDA;KACU;AACf,GAAa,CAAC;AAElB;;;;"}

package/build/expressiveMoneyInput/chevron/Chevron.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var icons = require('@transferwise/icons');
-var clsx = require('clsx');
-var framerMotion = require('framer-motion');
-var jsxRuntime = require('react/jsx-runtime');
-
-const Chevron = ({
-  shouldShow = true
-}) => {
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: clsx.clsx('d-flex align-items-center', 'wds-chevron-container', !shouldShow && 'wds-chevron-hidden'),
-    children: /*#__PURE__*/jsxRuntime.jsx(framerMotion.motion.div, {
-      animate: {
-        x: [12, 0, 0, -12],
-        opacity: [0, 1, 1, 0]
-      },
-      transition: {
-        duration: 3,
-        ease: [[0.3, 0, 0.1, 1], 'linear', [0.3, 0, 0.1, 1]],
-        times: [0, 0.1, 0.9, 1],
-        repeat: Infinity,
-        repeatType: 'loop'
-      },
-      children: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronLeft, {})
-    })
-  });
-};
-
-exports.Chevron = Chevron;
-//# sourceMappingURL=Chevron.js.map

package/build/expressiveMoneyInput/chevron/Chevron.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chevron.js","sources":["../../../src/expressiveMoneyInput/chevron/Chevron.tsx"],"sourcesContent":["import { ChevronLeft } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { motion } from 'framer-motion';\n\ninterface Props {\n  shouldShow: boolean;\n}\n\nexport const Chevron = ({ shouldShow = true }: Props) => {\n  return (\n    <div\n      className={clsx(\n        'd-flex align-items-center',\n        'wds-chevron-container',\n        !shouldShow && 'wds-chevron-hidden',\n      )}\n    >\n      <motion.div\n        animate={{\n          x: [12, 0, 0, -12],\n          opacity: [0, 1, 1, 0],\n        }}\n        transition={{\n          duration: 3,\n          ease: [[0.3, 0, 0.1, 1], 'linear', [0.3, 0, 0.1, 1]],\n          times: [0, 0.1, 0.9, 1],\n          repeat: Infinity,\n          repeatType: 'loop',\n        }}\n      >\n        <ChevronLeft />\n      </motion.div>\n    </div>\n  );\n};\n"],"names":["Chevron","shouldShow","_jsx","className","clsx","children","motion","div","animate","x","opacity","transition","duration","ease","times","repeat","Infinity","repeatType","ChevronLeft"],"mappings":";;;;;;;AAQO,MAAMA,OAAO,GAAGA,CAAC;AAAEC,EAAAA,UAAU,GAAG;AAAI,CAAS,KAAI;AACtD,EAAA,oBACEC,cAAA,CAAA,KAAA,EAAA;IACEC,SAAS,EAAEC,SAAI,CACb,2BAA2B,EAC3B,uBAAuB,EACvB,CAACH,UAAU,IAAI,oBAAoB,CACnC;AAAAI,IAAAA,QAAA,eAEFH,cAAA,CAACI,mBAAM,CAACC,GAAG,EAAA;AACTC,MAAAA,OAAO,EAAE;QACPC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC;QAClBC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;OACpB;AACFC,MAAAA,UAAU,EAAE;AACVC,QAAAA,QAAQ,EAAE,CAAC;QACXC,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;QACpDC,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;AACvBC,QAAAA,MAAM,EAAEC,QAAQ;AAChBC,QAAAA,UAAU,EAAE;OACZ;AAAAZ,MAAAA,QAAA,eAEFH,cAAA,CAACgB,iBAAW,EAAA,EAAA;KACF;AACd,GAAK,CAAC;AAEV;;;;"}

package/build/expressiveMoneyInput/chevron/Chevron.mjs

@@ -1,29 +0,0 @@
-import { ChevronLeft } from '@transferwise/icons';
-import { clsx } from 'clsx';
-import { motion } from 'framer-motion';
-import { jsx } from 'react/jsx-runtime';
-
-const Chevron = ({
-  shouldShow = true
-}) => {
-  return /*#__PURE__*/jsx("div", {
-    className: clsx('d-flex align-items-center', 'wds-chevron-container', !shouldShow && 'wds-chevron-hidden'),
-    children: /*#__PURE__*/jsx(motion.div, {
-      animate: {
-        x: [12, 0, 0, -12],
-        opacity: [0, 1, 1, 0]
-      },
-      transition: {
-        duration: 3,
-        ease: [[0.3, 0, 0.1, 1], 'linear', [0.3, 0, 0.1, 1]],
-        times: [0, 0.1, 0.9, 1],
-        repeat: Infinity,
-        repeatType: 'loop'
-      },
-      children: /*#__PURE__*/jsx(ChevronLeft, {})
-    })
-  });
-};
-
-export { Chevron };
-//# sourceMappingURL=Chevron.mjs.map

package/build/expressiveMoneyInput/chevron/Chevron.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chevron.mjs","sources":["../../../src/expressiveMoneyInput/chevron/Chevron.tsx"],"sourcesContent":["import { ChevronLeft } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { motion } from 'framer-motion';\n\ninterface Props {\n  shouldShow: boolean;\n}\n\nexport const Chevron = ({ shouldShow = true }: Props) => {\n  return (\n    <div\n      className={clsx(\n        'd-flex align-items-center',\n        'wds-chevron-container',\n        !shouldShow && 'wds-chevron-hidden',\n      )}\n    >\n      <motion.div\n        animate={{\n          x: [12, 0, 0, -12],\n          opacity: [0, 1, 1, 0],\n        }}\n        transition={{\n          duration: 3,\n          ease: [[0.3, 0, 0.1, 1], 'linear', [0.3, 0, 0.1, 1]],\n          times: [0, 0.1, 0.9, 1],\n          repeat: Infinity,\n          repeatType: 'loop',\n        }}\n      >\n        <ChevronLeft />\n      </motion.div>\n    </div>\n  );\n};\n"],"names":["Chevron","shouldShow","_jsx","className","clsx","children","motion","div","animate","x","opacity","transition","duration","ease","times","repeat","Infinity","repeatType","ChevronLeft"],"mappings":";;;;;AAQO,MAAMA,OAAO,GAAGA,CAAC;AAAEC,EAAAA,UAAU,GAAG;AAAI,CAAS,KAAI;AACtD,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;IACEC,SAAS,EAAEC,IAAI,CACb,2BAA2B,EAC3B,uBAAuB,EACvB,CAACH,UAAU,IAAI,oBAAoB,CACnC;AAAAI,IAAAA,QAAA,eAEFH,GAAA,CAACI,MAAM,CAACC,GAAG,EAAA;AACTC,MAAAA,OAAO,EAAE;QACPC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC;QAClBC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;OACpB;AACFC,MAAAA,UAAU,EAAE;AACVC,QAAAA,QAAQ,EAAE,CAAC;QACXC,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;QACpDC,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;AACvBC,QAAAA,MAAM,EAAEC,QAAQ;AAChBC,QAAAA,UAAU,EAAE;OACZ;AAAAZ,MAAAA,QAAA,eAEFH,GAAA,CAACgB,WAAW,EAAA,EAAA;KACF;AACd,GAAK,CAAC;AAEV;;;;"}

package/build/expressiveMoneyInput/currencySelector/CurrencySelector.js

@@ -1,160 +0,0 @@
-'use strict';
-
-var Button_resolver = require('../../button/Button.resolver.js');
-var SelectInput = require('../../inputs/SelectInput.js');
-var icons = require('@transferwise/icons');
-var art = require('@wise/art');
-var React = require('react');
-var reactIntl = require('react-intl');
-var ExpressiveMoneyInput_messages = require('../ExpressiveMoneyInput.messages.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-const CurrencySelector = ({
-  id,
-  currency,
-  options = [],
-  labelId,
-  onChange,
-  addons,
-  onOpen,
-  onSearchChange
-}) => {
-  const intl = reactIntl.useIntl();
-  const allCurrencyOptions = React.useMemo(() => getUniqueCurrencies(options), [options]);
-  const activeCurrencyOption = React.useMemo(() => {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    return allCurrencyOptions.find(option => option.code === currency);
-  }, [currency, allCurrencyOptions]);
-  const disabled = !onChange || options.length === 0 || options.length === 1 && options[0].currencies.length <= 1;
-  const [searchQuery, setSearchQuery] = React.useState('');
-  const handleTriggerClick = event => {
-    const triggerEl = event.currentTarget;
-    if (triggerEl?.getAttribute('aria-expanded') === 'false') {
-      onOpen?.();
-    }
-  };
-  const items = searchQuery ? filterAndSortCurrenciesForQuery(allCurrencyOptions, searchQuery).map(getCurrencySelectOption) : options.map(getCurrencyGroup);
-  return /*#__PURE__*/jsxRuntime.jsx(SelectInput.SelectInput, {
-    compareValues: "code",
-    disabled: disabled,
-    id: id,
-    value: activeCurrencyOption,
-    filterable: true,
-    filterPlaceholder: intl.formatMessage(ExpressiveMoneyInput_messages.default.currencySelectorSearchPlaceholder),
-    UNSAFE_triggerButtonProps: {
-      id: undefined,
-      'aria-labelledby': undefined,
-      'aria-describedby': labelId,
-      'aria-invalid': undefined,
-      'aria-label': intl.formatMessage(ExpressiveMoneyInput_messages.default.currencySelectorSelectCurrency)
-    },
-    items: items,
-    renderValue: ({
-      code,
-      label
-    }) => {
-      return /*#__PURE__*/jsxRuntime.jsx(SelectInput.SelectInputOptionContent, {
-        title: code,
-        note: label,
-        icon: /*#__PURE__*/jsxRuntime.jsx(art.Flag, {
-          code: code,
-          intrinsicSize: 24
-        })
-      });
-    },
-    renderTrigger: () => /*#__PURE__*/jsxRuntime.jsx(SelectInput.SelectInputTriggerButton, {
-      as: ButtonInput
-      // @ts-expect-error new (v2) ButtonProps
-      ,
-      addonStart: {
-        type: 'avatar',
-        value: [addons ? addons[0] : null, {
-          ...(addons && addons.length > 1 ? {
-            ...addons[1]
-          } : {
-            asset: /*#__PURE__*/jsxRuntime.jsx(art.Flag, {
-              code: currency
-            })
-          })
-        }].filter(avatar => Boolean(avatar))
-      },
-      addonEnd: disabled ? undefined : {
-        type: 'icon',
-        value: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronDown, {})
-      },
-      onClick: event => handleTriggerClick(event),
-      children: currency
-    }),
-    onChange: newValue => {
-      onChange?.(newValue.code);
-    },
-    onFilterChange: ({
-      queryNormalized
-    }) => {
-      setSearchQuery(queryNormalized ?? '');
-      if (queryNormalized) {
-        onSearchChange?.({
-          query: queryNormalized,
-          resultCount: filterAndSortCurrenciesForQuery(allCurrencyOptions, queryNormalized).length
-        });
-      }
-    }
-  });
-};
-const ButtonInput = /*#__PURE__*/React.forwardRef(function ButtonInput({
-  children,
-  ...rest
-}, ref) {
-  return /*#__PURE__*/jsxRuntime.jsx(Button_resolver.default, {
-    ref: ref,
-    size: "md",
-    v2: true,
-    className: "wds-currency-selector",
-    priority: "secondary-neutral",
-    ...rest,
-    children: children
-  });
-});
-const getCurrencySelectOption = currency => {
-  return {
-    type: 'option',
-    value: currency,
-    filterMatchers: currency.keywords
-  };
-};
-const getCurrencyGroup = section => {
-  return {
-    type: 'group',
-    label: section.title,
-    options: section.currencies.map(getCurrencySelectOption)
-  };
-};
-const getUniqueCurrencies = options => {
-  const allCurrencyOptions = options.flatMap(section => section.currencies);
-  const uniqueCurrencies = new Map();
-  allCurrencyOptions.forEach(currencyObj => {
-    uniqueCurrencies.set(currencyObj.code, currencyObj);
-  });
-  return Array.from(uniqueCurrencies.values());
-};
-const filterAndSortCurrenciesForQuery = (currencies, query) => {
-  return currencies.filter(currency => {
-    return currency.code.toLowerCase().includes(query) || (currency.label ?? '').toLowerCase().includes(query) || currency.keywords?.some(keyword => keyword.toLowerCase().includes(query));
-  })
-  // prefer exact matches, then sort alphabetically by code
-  .sort((a, b) => {
-    const aCode = a.code.toLowerCase();
-    const bCode = b.code.toLowerCase();
-    if (aCode === query) {
-      return -1;
-    }
-    if (bCode === query) {
-      return 1;
-    }
-    return aCode.localeCompare(bCode);
-  });
-};
-
-exports.ButtonInput = ButtonInput;
-exports.CurrencySelector = CurrencySelector;
-//# sourceMappingURL=CurrencySelector.js.map

package/build/expressiveMoneyInput/currencySelector/CurrencySelector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CurrencySelector.js","sources":["../../../src/expressiveMoneyInput/currencySelector/CurrencySelector.tsx"],"sourcesContent":["import type { AvatarLayoutProps } from '../../avatarLayout';\nimport Button from '../../button';\nimport {\n  SelectInput,\n  SelectInputOptionContent,\n  SelectInputTriggerButton,\n} from '../../inputs/SelectInput';\nimport { CurrencyType, Props as ExpressiveMoneyInputProps } from '../ExpressiveMoneyInput';\nimport { ChevronDown } from '@transferwise/icons';\nimport { Flag } from '@wise/art';\nimport {\n  type ButtonHTMLAttributes,\n  forwardRef,\n  type MouseEventHandler,\n  useMemo,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport messages from '../ExpressiveMoneyInput.messages';\n\nexport interface CurrencyOption {\n  label?: string;\n  code: string;\n  keywords: string[] | undefined;\n}\n\nexport interface CurrencySection {\n  title: string;\n  currencies: CurrencyOption[];\n}\n\nexport type CurrencyOptions = CurrencySection[];\n\nexport type Props = {\n  id: string;\n  labelId: string;\n  options?: CurrencyOptions;\n  onChange?: (currency: CurrencyType) => void;\n  onOpen?: () => void;\n  addons?: AvatarLayoutProps['avatars'];\n  onSearchChange?: (payload: { query: string; resultCount: number }) => void;\n} & Pick<ExpressiveMoneyInputProps, 'currency'>;\n\nexport const CurrencySelector = ({\n  id,\n  currency,\n  options = [],\n  labelId,\n  onChange,\n  addons,\n  onOpen,\n  onSearchChange,\n}: Props) => {\n  const intl = useIntl();\n\n  const allCurrencyOptions = useMemo(() => getUniqueCurrencies(options), [options]);\n\n  const activeCurrencyOption = useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return allCurrencyOptions.find((option) => option.code === currency)!;\n  }, [currency, allCurrencyOptions]);\n\n  const disabled =\n    !onChange ||\n    options.length === 0 ||\n    (options.length === 1 && options[0].currencies.length <= 1);\n\n  const [searchQuery, setSearchQuery] = useState<string>('');\n\n  const handleTriggerClick: MouseEventHandler = (event) => {\n    const triggerEl = event.currentTarget;\n    if (triggerEl?.getAttribute('aria-expanded') === 'false') {\n      onOpen?.();\n    }\n  };\n\n  const items = searchQuery\n    ? filterAndSortCurrenciesForQuery(allCurrencyOptions, searchQuery).map(getCurrencySelectOption)\n    : options.map(getCurrencyGroup);\n\n  return (\n    <SelectInput\n      compareValues=\"code\"\n      disabled={disabled}\n      id={id}\n      value={activeCurrencyOption}\n      filterable\n      filterPlaceholder={intl.formatMessage(messages.currencySelectorSearchPlaceholder)}\n      UNSAFE_triggerButtonProps={{\n        id: undefined,\n        'aria-labelledby': undefined,\n        'aria-describedby': labelId,\n        'aria-invalid': undefined,\n        'aria-label': intl.formatMessage(messages.currencySelectorSelectCurrency),\n      }}\n      items={items}\n      renderValue={({ code, label }) => {\n        return (\n          <SelectInputOptionContent\n            title={code}\n            note={label}\n            icon={<Flag code={code} intrinsicSize={24} />}\n          />\n        );\n      }}\n      renderTrigger={() => (\n        <SelectInputTriggerButton\n          as={ButtonInput}\n          // @ts-expect-error new (v2) ButtonProps\n          addonStart={{\n            type: 'avatar',\n            value: [\n              addons ? addons[0] : null,\n              {\n                ...(addons && addons.length > 1\n                  ? { ...addons[1] }\n                  : {\n                      asset: <Flag code={currency} />,\n                    }),\n              },\n            ].filter((avatar) => Boolean(avatar)),\n          }}\n          addonEnd={disabled ? undefined : { type: 'icon', value: <ChevronDown /> }}\n          onClick={(event) => handleTriggerClick(event)}\n        >\n          {currency}\n        </SelectInputTriggerButton>\n      )}\n      onChange={(newValue) => {\n        onChange?.(newValue.code);\n      }}\n      onFilterChange={({ queryNormalized }) => {\n        setSearchQuery(queryNormalized ?? '');\n        if (queryNormalized) {\n          onSearchChange?.({\n            query: queryNormalized,\n            resultCount: filterAndSortCurrenciesForQuery(allCurrencyOptions, queryNormalized)\n              .length,\n          });\n        }\n      }}\n    />\n  );\n};\n\nexport const ButtonInput = forwardRef(function ButtonInput(\n  { children, ...rest }: React.PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>,\n  ref: React.ForwardedRef<HTMLButtonElement | null>,\n) {\n  return (\n    <Button\n      ref={ref}\n      size=\"md\"\n      v2\n      className=\"wds-currency-selector\"\n      priority=\"secondary-neutral\"\n      {...rest}\n    >\n      {children}\n    </Button>\n  );\n});\n\nconst getCurrencySelectOption = (currency: CurrencyOption) => {\n  return {\n    type: 'option' as const,\n    value: currency,\n    filterMatchers: currency.keywords,\n  };\n};\n\nconst getCurrencyGroup = (section: CurrencySection) => {\n  return {\n    type: 'group' as const,\n    label: section.title,\n    options: section.currencies.map(getCurrencySelectOption),\n  };\n};\n\nconst getUniqueCurrencies = (options: CurrencyOptions) => {\n  const allCurrencyOptions = options.flatMap((section) => section.currencies);\n  const uniqueCurrencies = new Map<string, CurrencyOption>();\n\n  allCurrencyOptions.forEach((currencyObj) => {\n    uniqueCurrencies.set(currencyObj.code, currencyObj);\n  });\n\n  return Array.from(uniqueCurrencies.values());\n};\n\nconst filterAndSortCurrenciesForQuery = (\n  currencies: CurrencyOption[],\n  query: string,\n): CurrencyOption[] => {\n  return (\n    currencies\n      .filter((currency) => {\n        return (\n          currency.code.toLowerCase().includes(query) ||\n          (currency.label ?? '').toLowerCase().includes(query) ||\n          currency.keywords?.some((keyword) => keyword.toLowerCase().includes(query))\n        );\n      })\n      // prefer exact matches, then sort alphabetically by code\n      .sort((a, b) => {\n        const aCode = a.code.toLowerCase();\n        const bCode = b.code.toLowerCase();\n        if (aCode === query) {\n          return -1;\n        }\n        if (bCode === query) {\n          return 1;\n        }\n        return aCode.localeCompare(bCode);\n      })\n  );\n};\n"],"names":["CurrencySelector","id","currency","options","labelId","onChange","addons","onOpen","onSearchChange","intl","useIntl","allCurrencyOptions","useMemo","getUniqueCurrencies","activeCurrencyOption","find","option","code","disabled","length","currencies","searchQuery","setSearchQuery","useState","handleTriggerClick","event","triggerEl","currentTarget","getAttribute","items","filterAndSortCurrenciesForQuery","map","getCurrencySelectOption","getCurrencyGroup","_jsx","SelectInput","compareValues","value","filterable","filterPlaceholder","formatMessage","messages","currencySelectorSearchPlaceholder","UNSAFE_triggerButtonProps","undefined","currencySelectorSelectCurrency","renderValue","label","SelectInputOptionContent","title","note","icon","Flag","intrinsicSize","renderTrigger","SelectInputTriggerButton","as","ButtonInput","addonStart","type","asset","filter","avatar","Boolean","addonEnd","ChevronDown","onClick","children","newValue","onFilterChange","queryNormalized","query","resultCount","forwardRef","rest","ref","Button","size","v2","className","priority","filterMatchers","keywords","section","flatMap","uniqueCurrencies","Map","forEach","currencyObj","set","Array","from","values","toLowerCase","includes","some","keyword","sort","a","b","aCode","bCode","localeCompare"],"mappings":"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"}