@transferwise/components 46.26.2 → 46.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. package/build/i18n/th.json +2 -2
  2. package/build/i18n/zh-CN.json +5 -5
  3. package/build/index.js +410 -645
  4. package/build/index.js.map +1 -1
  5. package/build/index.mjs +411 -646
  6. package/build/index.mjs.map +1 -1
  7. package/build/logo/svg/flag-platform-white.svg +1 -0
  8. package/build/logo/svg/flag-platform.svg +1 -0
  9. package/build/logo/svg/logo-platform-white.svg +1 -0
  10. package/build/logo/svg/logo-platform.svg +1 -0
  11. package/build/main.css +0 -16
  12. package/build/styles/logo/Logo.css +0 -16
  13. package/build/styles/main.css +0 -16
  14. package/build/types/alert/Alert.d.ts +47 -58
  15. package/build/types/alert/Alert.d.ts.map +1 -1
  16. package/build/types/alert/index.d.ts +2 -1
  17. package/build/types/alert/index.d.ts.map +1 -1
  18. package/build/types/button/Button.d.ts +7 -9
  19. package/build/types/button/Button.d.ts.map +1 -1
  20. package/build/types/common/dateUtils/isWithinRange/isWithinRange.d.ts +1 -1
  21. package/build/types/common/dateUtils/isWithinRange/isWithinRange.d.ts.map +1 -1
  22. package/build/types/common/dateUtils/moveToWithinRange/moveToWithinRange.d.ts +1 -1
  23. package/build/types/common/dateUtils/moveToWithinRange/moveToWithinRange.d.ts.map +1 -1
  24. package/build/types/common/propsValues/sentiment.d.ts +0 -1
  25. package/build/types/common/propsValues/sentiment.d.ts.map +1 -1
  26. package/build/types/dateLookup/DateLookup.d.ts +75 -28
  27. package/build/types/dateLookup/DateLookup.d.ts.map +1 -1
  28. package/build/types/dateLookup/DateLookup.messages.d.ts +42 -63
  29. package/build/types/dateLookup/DateLookup.messages.d.ts.map +1 -1
  30. package/build/types/dateLookup/dateHeader/DateHeader.d.ts +9 -22
  31. package/build/types/dateLookup/dateHeader/DateHeader.d.ts.map +1 -1
  32. package/build/types/dateLookup/dateHeader/index.d.ts +1 -1
  33. package/build/types/dateLookup/dateHeader/index.d.ts.map +1 -1
  34. package/build/types/dateLookup/dateTrigger/DateTrigger.d.ts +13 -31
  35. package/build/types/dateLookup/dateTrigger/DateTrigger.d.ts.map +1 -1
  36. package/build/types/dateLookup/dateTrigger/index.d.ts +1 -1
  37. package/build/types/dateLookup/dateTrigger/index.d.ts.map +1 -1
  38. package/build/types/dateLookup/dayCalendar/DayCalendar.d.ts +19 -2
  39. package/build/types/dateLookup/dayCalendar/DayCalendar.d.ts.map +1 -1
  40. package/build/types/dateLookup/dayCalendar/index.d.ts +1 -1
  41. package/build/types/dateLookup/dayCalendar/index.d.ts.map +1 -1
  42. package/build/types/dateLookup/dayCalendar/table/DayCalendarTable.d.ts +12 -2
  43. package/build/types/dateLookup/dayCalendar/table/DayCalendarTable.d.ts.map +1 -1
  44. package/build/types/dateLookup/dayCalendar/table/index.d.ts +1 -1
  45. package/build/types/dateLookup/dayCalendar/table/index.d.ts.map +1 -1
  46. package/build/types/dateLookup/getStartOfDay/getStartOfDay.d.ts +1 -1
  47. package/build/types/dateLookup/getStartOfDay/getStartOfDay.d.ts.map +1 -1
  48. package/build/types/dateLookup/getStartOfDay/index.d.ts +1 -1
  49. package/build/types/dateLookup/getStartOfDay/index.d.ts.map +1 -1
  50. package/build/types/dateLookup/index.d.ts +2 -1
  51. package/build/types/dateLookup/index.d.ts.map +1 -1
  52. package/build/types/dateLookup/monthCalendar/MonthCalendar.d.ts +17 -2
  53. package/build/types/dateLookup/monthCalendar/MonthCalendar.d.ts.map +1 -1
  54. package/build/types/dateLookup/monthCalendar/index.d.ts +1 -1
  55. package/build/types/dateLookup/monthCalendar/index.d.ts.map +1 -1
  56. package/build/types/dateLookup/monthCalendar/table/MonthCalendarTable.d.ts +10 -26
  57. package/build/types/dateLookup/monthCalendar/table/MonthCalendarTable.d.ts.map +1 -1
  58. package/build/types/dateLookup/monthCalendar/table/index.d.ts +1 -1
  59. package/build/types/dateLookup/monthCalendar/table/index.d.ts.map +1 -1
  60. package/build/types/dateLookup/yearCalendar/YearCalendar.d.ts +15 -2
  61. package/build/types/dateLookup/yearCalendar/YearCalendar.d.ts.map +1 -1
  62. package/build/types/dateLookup/yearCalendar/index.d.ts +1 -1
  63. package/build/types/dateLookup/yearCalendar/index.d.ts.map +1 -1
  64. package/build/types/dateLookup/yearCalendar/table/YearCalendarTable.d.ts +10 -26
  65. package/build/types/dateLookup/yearCalendar/table/YearCalendarTable.d.ts.map +1 -1
  66. package/build/types/dateLookup/yearCalendar/table/index.d.ts +1 -1
  67. package/build/types/dateLookup/yearCalendar/table/index.d.ts.map +1 -1
  68. package/build/types/index.d.ts +2 -1
  69. package/build/types/index.d.ts.map +1 -1
  70. package/build/types/inlineAlert/InlineAlert.d.ts +2 -4
  71. package/build/types/inlineAlert/InlineAlert.d.ts.map +1 -1
  72. package/build/types/inputs/SelectInput.d.ts.map +1 -1
  73. package/build/types/inputs/_BottomSheet.d.ts.map +1 -1
  74. package/build/types/inputs/_Popover.d.ts.map +1 -1
  75. package/build/types/instructionsList/InstructionsList.d.ts +1 -1
  76. package/build/types/instructionsList/InstructionsList.d.ts.map +1 -1
  77. package/build/types/logo/Logo.d.ts +1 -1
  78. package/build/types/logo/Logo.d.ts.map +1 -1
  79. package/build/types/logo/logoTypes.d.ts +2 -1
  80. package/build/types/logo/logoTypes.d.ts.map +1 -1
  81. package/build/types/markdown/Markdown.d.ts +1 -0
  82. package/build/types/markdown/Markdown.d.ts.map +1 -1
  83. package/build/types/statusIcon/StatusIcon.d.ts +1 -1
  84. package/build/types/statusIcon/StatusIcon.d.ts.map +1 -1
  85. package/package.json +1 -1
  86. package/src/alert/{Alert.spec.js → Alert.spec.tsx} +43 -40
  87. package/src/alert/Alert.story.tsx +1 -2
  88. package/src/alert/Alert.tsx +218 -0
  89. package/src/alert/index.ts +2 -0
  90. package/src/button/Button.tsx +6 -10
  91. package/src/common/dateUtils/isWithinRange/isWithinRange.spec.ts +21 -0
  92. package/src/common/dateUtils/isWithinRange/isWithinRange.ts +2 -2
  93. package/src/common/dateUtils/moveToWithinRange/moveToWithinRange.ts +8 -4
  94. package/src/common/propsValues/sentiment.ts +0 -10
  95. package/src/dateLookup/DateLookup.state.spec.js +7 -0
  96. package/src/dateLookup/{DateLookup.story.js → DateLookup.story.tsx} +13 -14
  97. package/src/dateLookup/DateLookup.tests.story.tsx +70 -0
  98. package/src/dateLookup/{DateLookup.js → DateLookup.tsx} +115 -81
  99. package/src/dateLookup/dateHeader/{DateHeader.js → DateHeader.tsx} +15 -15
  100. package/src/dateLookup/dateTrigger/DateTrigger.spec.js +0 -22
  101. package/src/dateLookup/dateTrigger/{DateTrigger.js → DateTrigger.tsx} +15 -32
  102. package/src/dateLookup/dayCalendar/{DayCalendar.js → DayCalendar.tsx} +14 -21
  103. package/src/dateLookup/dayCalendar/table/{DayCalendarTable.js → DayCalendarTable.tsx} +26 -37
  104. package/src/dateLookup/getStartOfDay/{getStartOfDay.js → getStartOfDay.tsx} +1 -1
  105. package/src/dateLookup/index.ts +2 -0
  106. package/src/dateLookup/monthCalendar/{MonthCalendar.js → MonthCalendar.tsx} +19 -22
  107. package/src/dateLookup/monthCalendar/table/{MonthCalendarTable.js → MonthCalendarTable.tsx} +31 -30
  108. package/src/dateLookup/yearCalendar/{YearCalendar.js → YearCalendar.tsx} +18 -21
  109. package/src/dateLookup/yearCalendar/table/{YearCalendarTable.js → YearCalendarTable.tsx} +26 -28
  110. package/src/i18n/th.json +2 -2
  111. package/src/i18n/zh-CN.json +5 -5
  112. package/src/index.ts +2 -1
  113. package/src/inlineAlert/InlineAlert.spec.tsx +0 -7
  114. package/src/inlineAlert/InlineAlert.tsx +19 -47
  115. package/src/inputs/InputGroup.tsx +3 -3
  116. package/src/inputs/SelectInput.tsx +1 -0
  117. package/src/inputs/_BottomSheet.tsx +44 -54
  118. package/src/inputs/_Popover.tsx +20 -23
  119. package/src/instructionsList/InstructionsList.spec.tsx +5 -0
  120. package/src/instructionsList/InstructionsList.story.tsx +1 -0
  121. package/src/instructionsList/InstructionsList.tsx +3 -2
  122. package/src/logo/Logo.css +0 -16
  123. package/src/logo/Logo.js +27 -5
  124. package/src/logo/Logo.less +0 -16
  125. package/src/logo/Logo.spec.js +15 -1
  126. package/src/logo/__snapshots__/Logo.spec.js.snap +45 -71
  127. package/src/logo/logoTypes.ts +1 -0
  128. package/src/logo/svg/flag-platform-white.svg +1 -0
  129. package/src/logo/svg/flag-platform.svg +1 -0
  130. package/src/logo/svg/logo-platform-white.svg +1 -0
  131. package/src/logo/svg/logo-platform.svg +1 -0
  132. package/src/main.css +0 -16
  133. package/src/markdown/Markdown.spec.tsx +16 -0
  134. package/src/markdown/Markdown.tsx +6 -1
  135. package/src/statusIcon/StatusIcon.tsx +14 -14
  136. package/build/types/alert/withArrow/alertArrowPositions.d.ts +0 -9
  137. package/build/types/alert/withArrow/alertArrowPositions.d.ts.map +0 -1
  138. package/build/types/alert/withArrow/index.d.ts +0 -3
  139. package/build/types/alert/withArrow/index.d.ts.map +0 -1
  140. package/build/types/alert/withArrow/withArrow.d.ts +0 -11
  141. package/build/types/alert/withArrow/withArrow.d.ts.map +0 -1
  142. package/src/alert/Alert.js +0 -196
  143. package/src/alert/index.js +0 -1
  144. package/src/alert/withArrow/alertArrowPositions.ts +0 -9
  145. package/src/alert/withArrow/index.js +0 -2
  146. package/src/alert/withArrow/withArrow.js +0 -50
  147. package/src/alert/withArrow/withArrow.spec.js +0 -51
  148. package/src/dateLookup/index.js +0 -1
  149. /package/src/dateLookup/{DateLookup.messages.js → DateLookup.messages.ts} +0 -0
  150. /package/src/dateLookup/dateHeader/{index.js → index.ts} +0 -0
  151. /package/src/dateLookup/dateTrigger/{index.js → index.ts} +0 -0
  152. /package/src/dateLookup/dayCalendar/{index.js → index.ts} +0 -0
  153. /package/src/dateLookup/dayCalendar/table/{index.js → index.ts} +0 -0
  154. /package/src/dateLookup/getStartOfDay/{index.js → index.ts} +0 -0
  155. /package/src/dateLookup/monthCalendar/{index.js → index.ts} +0 -0
  156. /package/src/dateLookup/monthCalendar/table/{index.js → index.ts} +0 -0
  157. /package/src/dateLookup/yearCalendar/{index.js → index.ts} +0 -0
  158. /package/src/dateLookup/yearCalendar/table/{index.js → index.ts} +0 -0
package/build/index.mjs CHANGED
@@ -1,25 +1,25 @@
1
1
  import classNames from 'classnames';
2
2
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
3
3
  import * as React from 'react';
4
- import React__default, { forwardRef, cloneElement, useState, useRef, useMemo, useEffect, useCallback, useLayoutEffect, createContext, useContext, useImperativeHandle, createElement, Component, PureComponent, createRef, isValidElement, Children, Fragment as Fragment$1 } from 'react';
4
+ import React__default, { forwardRef, cloneElement, useState, useEffect, useRef, useMemo, useCallback, useLayoutEffect, createContext, useContext, useImperativeHandle, createElement, Component, PureComponent, createRef, isValidElement, Children, Fragment as Fragment$1 } from 'react';
5
5
  import { useId } from '@radix-ui/react-id';
6
- import { ChevronUp, CrossCircleFill, Cross, NavigateAway, Check, Info as Info$1, Alert as Alert$2, ClockBorderless, CheckCircle, InfoCircle, Warning, CrossCircle, Clock, Briefcase, Person, ArrowLeft, QuestionMarkCircle, AlertCircle, Search, ChevronDown, CheckCircleFill, ArrowRight, Download, ClockFill, Upload as Upload$2, Document, Plus, PlusCircle, AlertCircleFill } from '@transferwise/icons';
6
+ import { ChevronUp, CrossCircleFill, Cross, NavigateAway, Check, Info as Info$1, Alert as Alert$1, ClockBorderless, Briefcase, Person, ArrowLeft, QuestionMarkCircle, AlertCircle, Search, CrossCircle, ChevronDown, CheckCircleFill, ArrowRight, Download, ClockFill, Upload as Upload$2, Document, Plus, PlusCircle, AlertCircleFill } from '@transferwise/icons';
7
7
  import { defineMessages, useIntl, injectIntl, IntlProvider } from 'react-intl';
8
8
  import PropTypes from 'prop-types';
9
+ import commonmark from 'commonmark';
9
10
  import { useTheme, ThemeProvider } from '@wise/components-theming';
10
11
  import { formatDate, formatNumber, formatMoney, formatAmount } from '@transferwise/formatting';
11
12
  import { Transition, Listbox } from '@headlessui/react';
12
13
  import mergeProps from 'merge-props';
13
14
  import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
14
15
  import { useFloating, useDismiss, useRole, useInteractions, FloatingPortal, FloatingFocusManager, offset, flip, shift, size, autoUpdate } from '@floating-ui/react';
15
- import { FocusScope } from '@react-aria/focus';
16
16
  import { usePreventScroll } from '@react-aria/overlays';
17
17
  import { CSSTransition } from 'react-transition-group';
18
+ import { isUndefined, isNumber, isEmpty, isNull } from '@transferwise/neptune-validation';
19
+ import { createPortal } from 'react-dom';
20
+ import { FocusScope } from '@react-aria/focus';
18
21
  import { usePopper } from 'react-popper';
19
22
  import throttle from 'lodash.throttle';
20
- import { createPortal } from 'react-dom';
21
- import { isUndefined, isKey, isNumber, isEmpty, isNull } from '@transferwise/neptune-validation';
22
- import commonmark from 'commonmark';
23
23
  import { Flag, Illustration } from '@wise/art';
24
24
  import clamp$2 from 'lodash.clamp';
25
25
  import debounce from 'lodash.debounce';
@@ -775,22 +775,22 @@ const Link = ({
775
775
  });
776
776
  };
777
777
 
778
+ const iconTypeMap = {
779
+ positive: Check,
780
+ neutral: Info$1,
781
+ warning: Alert$1,
782
+ negative: Cross,
783
+ pending: ClockBorderless,
784
+ info: Info$1,
785
+ error: Cross,
786
+ success: Check
787
+ };
778
788
  const StatusIcon = ({
779
- sentiment = Sentiment.NEUTRAL,
780
- size = Size.MEDIUM
789
+ sentiment = 'neutral',
790
+ size = 'md'
781
791
  }) => {
782
- const iconTypeMap = {
783
- [Sentiment.POSITIVE]: Check,
784
- [Sentiment.NEUTRAL]: Info$1,
785
- [Sentiment.WARNING]: Alert$2,
786
- [Sentiment.NEGATIVE]: Cross,
787
- [Sentiment.PENDING]: ClockBorderless,
788
- [Sentiment.INFO]: Info$1,
789
- [Sentiment.ERROR]: Cross,
790
- [Sentiment.SUCCESS]: Check
791
- };
792
- const iconColor = [Sentiment.WARNING, Sentiment.PENDING].includes(sentiment) ? 'dark' : 'light';
793
792
  const Icon = iconTypeMap[sentiment];
793
+ const iconColor = sentiment === 'warning' || sentiment === 'pending' ? 'dark' : 'light';
794
794
  return /*#__PURE__*/jsx("span", {
795
795
  "data-testid": "status-icon",
796
796
  className: classNames('status-circle', 'status-circle-' + size, sentiment),
@@ -800,7 +800,7 @@ const StatusIcon = ({
800
800
  });
801
801
  };
802
802
 
803
- function logActionRequired$1(message) {
803
+ function logActionRequired(message) {
804
804
  if (['development', 'test'].includes(process?.env?.NODE_ENV)) {
805
805
  // eslint-disable-next-line no-console
806
806
  console.warn(message);
@@ -808,48 +808,10 @@ function logActionRequired$1(message) {
808
808
  }
809
809
  function logActionRequiredIf(message, conditional) {
810
810
  if (conditional) {
811
- logActionRequired$1(message);
811
+ logActionRequired(message);
812
812
  }
813
813
  }
814
814
 
815
- const deprecatedMessage = ({
816
- component,
817
- propName,
818
- message,
819
- expiryDate
820
- }) => {
821
- const messages = [`${component} has deprecated the use of ${propName}.`];
822
- if (message) {
823
- messages.push(message);
824
- }
825
- if (expiryDate) {
826
- messages.push(`${propName} will be removed on or after ${expiryDate.toLocaleString('en-GB', {
827
- year: 'numeric',
828
- month: 'numeric',
829
- day: 'numeric'
830
- })}`);
831
- }
832
- return messages.join(' ');
833
- };
834
- const deprecated = (validator, {
835
- component,
836
- message = '',
837
- newProp: newProperty = null,
838
- expiryDate = null
839
- }) => (props, propertyName, ...rest) => {
840
- const newPropertyMessage = newProperty ? `Please use ${newProperty} instead.` : message;
841
- if (props[propertyName] != null && typeof props[propertyName] !== 'undefined') {
842
- logActionRequired$1(deprecatedMessage({
843
- component,
844
- propName: propertyName,
845
- message: newPropertyMessage,
846
- expiryDate
847
- }));
848
- }
849
- return validator(props, propertyName, ...rest);
850
- };
851
- var deprecated$1 = deprecated;
852
-
853
815
  const reader = new commonmark.Parser();
854
816
  const writer = new commonmark.HtmlRenderer({
855
817
  safe: true
@@ -867,8 +829,9 @@ function Markdown({
867
829
  return null;
868
830
  }
869
831
  const linkTarget = config?.link?.target ?? '_self';
832
+ const paragraphClass = config?.paragraph?.className ?? '';
870
833
  if (allowList != null && blockList != null) {
871
- logActionRequired$1('Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.');
834
+ logActionRequired('Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.');
872
835
  }
873
836
  const parser = nodes => {
874
837
  const parsed = reader.parse(nodes);
@@ -880,7 +843,7 @@ function Markdown({
880
843
  };
881
844
  const createMarkup = () => {
882
845
  const parsed = parser(children);
883
- return writer.render(parsed).replace(/<a href="/g, `<a target="${linkTarget}" href="`);
846
+ return writer.render(parsed).replace(/<a href="/g, `<a target="${linkTarget}" href="`).replace(/<p>/g, `<p class="${paragraphClass}">`);
884
847
  };
885
848
  return /*#__PURE__*/jsx(Element, {
886
849
  className: className,
@@ -929,146 +892,98 @@ InlineMarkdown.defaultProps = {
929
892
  };
930
893
  var InlineMarkdown$1 = InlineMarkdown;
931
894
 
932
- // TODO: consider to move this enum into component file once we migrate it on TypeScript or replace with some common enum
933
- var ArrowPosition;
934
- (function (ArrowPosition) {
935
- ArrowPosition["TOP_LEFT"] = "up-left";
936
- ArrowPosition["TOP"] = "up-center";
937
- ArrowPosition["TOP_RIGHT"] = "up-right";
938
- ArrowPosition["BOTTOM_LEFT"] = "down-left";
939
- ArrowPosition["BOTTOM"] = "down-center";
940
- ArrowPosition["BOTTOM_RIGHT"] = "down-right";
941
- })(ArrowPosition || (ArrowPosition = {}));
942
-
943
- function withArrow(Alert, arrow) {
944
- const AlertWithArrow = props => /*#__PURE__*/jsx(Alert, {
945
- ...props,
946
- className: classNames(props.className, arrowClasses(arrow)),
947
- arrow: undefined
948
- });
949
- AlertWithArrow.propTypes = {
950
- className: PropTypes.string
951
- };
952
- AlertWithArrow.defaultProps = {
953
- className: undefined
954
- };
955
- return AlertWithArrow;
895
+ var AlertArrowPosition;
896
+ (function (AlertArrowPosition) {
897
+ AlertArrowPosition["TOP_LEFT"] = "up-left";
898
+ AlertArrowPosition["TOP"] = "up-center";
899
+ AlertArrowPosition["TOP_RIGHT"] = "up-right";
900
+ AlertArrowPosition["BOTTOM_LEFT"] = "down-left";
901
+ AlertArrowPosition["BOTTOM"] = "down-center";
902
+ AlertArrowPosition["BOTTOM_RIGHT"] = "down-right";
903
+ })(AlertArrowPosition || (AlertArrowPosition = {}));
904
+ function resolveType(type) {
905
+ switch (type) {
906
+ case 'success':
907
+ return 'positive';
908
+ case 'info':
909
+ return 'neutral';
910
+ case 'error':
911
+ return 'negative';
912
+ }
913
+ return type;
956
914
  }
957
- function arrowClasses(arrow) {
958
- if (arrow) {
959
- const classes = ['arrow'];
960
- const {
961
- BOTTOM,
962
- BOTTOM_LEFT,
963
- BOTTOM_RIGHT,
964
- TOP,
965
- TOP_RIGHT,
966
- TOP_LEFT
967
- } = ArrowPosition;
968
- switch (arrow) {
969
- case BOTTOM:
970
- return classes.concat('arrow-bottom', 'arrow-center');
971
- case BOTTOM_LEFT:
972
- return classes.concat('arrow-bottom', 'arrow-left');
973
- case BOTTOM_RIGHT:
974
- return classes.concat('arrow-bottom', 'arrow-right');
975
- case TOP:
976
- return classes.concat('arrow-center');
977
- case TOP_RIGHT:
978
- return classes.concat('arrow-right');
979
- case TOP_LEFT:
980
- default:
981
- return classes;
915
+ function Alert({
916
+ arrow,
917
+ action,
918
+ children,
919
+ className,
920
+ dismissible,
921
+ icon,
922
+ onDismiss,
923
+ message,
924
+ size,
925
+ title,
926
+ type = 'neutral',
927
+ variant = 'desktop'
928
+ }) {
929
+ useEffect(() => {
930
+ if (arrow !== undefined) {
931
+ logActionRequired("Alert component doesn't support 'arrow' anymore, use 'InlineAlert' instead.");
982
932
  }
983
- }
984
- return '';
985
- }
986
-
987
- const deprecatedTypeMap$1 = {
988
- [Sentiment.SUCCESS]: Sentiment.POSITIVE,
989
- [Sentiment.INFO]: Sentiment.NEUTRAL,
990
- [Sentiment.ERROR]: Sentiment.NEGATIVE
991
- };
992
- const Alert = props => {
993
- const {
994
- isModern
995
- } = useTheme();
996
- const iconTypeMap = {
997
- [Sentiment.POSITIVE]: CheckCircle,
998
- [Sentiment.NEUTRAL]: InfoCircle,
999
- [Sentiment.WARNING]: Warning,
1000
- [Sentiment.NEGATIVE]: CrossCircle,
1001
- [Sentiment.PENDING]: Clock
1002
- };
1003
- const [shouldFire, setShouldFire] = useState(false);
1004
- const {
1005
- arrow,
1006
- action,
1007
- children,
1008
- className,
1009
- icon,
1010
- onDismiss,
1011
- message,
1012
- title,
1013
- type,
1014
- variant
1015
- } = props;
1016
- const closeButtonReference = useRef(null);
1017
- if (arrow) {
1018
- const AlertWithArrow = withArrow(Alert, arrow);
1019
- return /*#__PURE__*/jsx(AlertWithArrow, {
1020
- ...props
1021
- });
1022
- }
1023
- logActionRequired(props);
1024
- const mappedType = deprecatedTypeMap$1[type] || type;
1025
- const Icon = iconTypeMap[mappedType];
1026
- function generateIcon() {
1027
- if (icon) {
1028
- return /*#__PURE__*/jsx("div", {
1029
- className: "alert__icon",
1030
- children: icon
1031
- });
933
+ }, [arrow]);
934
+ useEffect(() => {
935
+ if (children !== undefined) {
936
+ logActionRequired("Alert component doesn't support 'children' anymore, use 'message' instead.");
1032
937
  }
1033
- if (isModern) {
1034
- return /*#__PURE__*/jsx(StatusIcon, {
1035
- size: Size.LARGE,
1036
- sentiment: mappedType
1037
- });
1038
- } else {
1039
- return /*#__PURE__*/jsx(Icon, {
1040
- size: 24
1041
- });
938
+ }, [children]);
939
+ useEffect(() => {
940
+ if (dismissible !== undefined) {
941
+ logActionRequired("Alert component doesn't support 'dismissible' anymore, use 'onDismiss' instead.");
1042
942
  }
1043
- }
1044
- const handleTouchStart = () => setShouldFire(true);
1045
- const handleTouchMove = () => setShouldFire(false);
1046
- const handleTouchEnd = event => {
1047
- if (shouldFire && action) {
943
+ }, [dismissible]);
944
+ useEffect(() => {
945
+ if (size !== undefined) {
946
+ logActionRequired("Alert component doesn't support 'size' anymore, please remove that prop.");
947
+ }
948
+ }, [size]);
949
+ const resolvedType = resolveType(type);
950
+ useEffect(() => {
951
+ if (resolvedType !== type) {
952
+ logActionRequired(`Alert component has deprecated '${type}' value for the 'type' prop. Please use '${resolvedType}' instead.`);
953
+ }
954
+ }, [resolvedType, type]);
955
+ const [shouldFire, setShouldFire] = useState(false);
956
+ const closeButtonReference = useRef(null);
957
+ return /*#__PURE__*/jsxs("div", {
958
+ className: classNames('alert d-flex', `alert-${resolvedType}`, arrow != null && alertArrowClassNames(arrow), className),
959
+ "data-testid": "alert",
960
+ onTouchStart: () => setShouldFire(true),
961
+ onTouchEnd: event => {
962
+ if (shouldFire && action &&
1048
963
  // Check if current event is triggered from closeButton
1049
- if (closeButtonReference?.current && !closeButtonReference.current.contains(event.target)) {
1050
- if (action?.target === '_blank') {
1051
- window.top.open(action.href);
964
+ event.target instanceof Node && closeButtonReference.current && !closeButtonReference.current.contains(event.target)) {
965
+ if (action.target === '_blank') {
966
+ window.top?.open(action.href);
1052
967
  } else {
1053
- window.top.location.assign(action.href);
968
+ window.top?.location.assign(action.href);
1054
969
  }
1055
970
  }
1056
- }
1057
- setShouldFire(false);
1058
- };
1059
- return /*#__PURE__*/jsxs("div", {
1060
- className: classNames('alert d-flex', `alert-${mappedType}`, className),
1061
- "data-testid": "alert",
1062
- onTouchStart: handleTouchStart,
1063
- onTouchEnd: handleTouchEnd,
1064
- onTouchMove: handleTouchMove,
971
+ setShouldFire(false);
972
+ },
973
+ onTouchMove: () => setShouldFire(false),
1065
974
  children: [/*#__PURE__*/jsxs("div", {
1066
975
  className: classNames('alert__content', 'd-flex', 'flex-grow-1', variant),
1067
976
  "data-testid": variant,
1068
- children: [generateIcon(), /*#__PURE__*/jsxs("div", {
977
+ children: [icon ? /*#__PURE__*/jsx("div", {
978
+ className: "alert__icon",
979
+ children: icon
980
+ }) : /*#__PURE__*/jsx(StatusIcon, {
981
+ size: Size.LARGE,
982
+ sentiment: resolvedType
983
+ }), /*#__PURE__*/jsxs("div", {
1069
984
  className: "alert__message",
1070
985
  children: [/*#__PURE__*/jsxs("div", {
1071
- role: Sentiment.NEGATIVE === mappedType ? 'alert' : 'status',
986
+ role: Sentiment.NEGATIVE === resolvedType ? 'alert' : 'status',
1072
987
  children: [title && /*#__PURE__*/jsx(Title, {
1073
988
  className: "m-b-1",
1074
989
  type: Typography.TITLE_BODY,
@@ -1096,72 +1011,24 @@ const Alert = props => {
1096
1011
  onClick: onDismiss
1097
1012
  })]
1098
1013
  });
1099
- };
1100
- const deprecatedTypeMapMessage$1 = {
1101
- [Sentiment.SUCCESS]: 'Sentiment.POSITIVE',
1102
- [Sentiment.INFO]: 'Sentiment.NEUTRAL',
1103
- [Sentiment.ERROR]: 'Sentiment.NEGATIVE'
1104
- };
1105
- const deprecatedTypes$1 = Object.keys(deprecatedTypeMap$1);
1106
- function logActionRequired({
1107
- size,
1108
- type
1109
- }) {
1110
- logActionRequiredIf('Alert no longer supports any possible variations in size. Please remove the `size` prop.', !!size);
1111
- logActionRequiredIf(`Alert has deprecated the ${type} value for the \`type\` prop. Please update to ${deprecatedTypeMapMessage$1[type]}.`, deprecatedTypes$1.includes(type));
1112
1014
  }
1113
- Alert.propTypes = {
1114
- /** An optional call to action to sit under the main body of the alert. If your label is short, use aria-label to provide more context */
1115
- action: PropTypes.shape({
1116
- 'aria-label': PropTypes.string,
1117
- href: PropTypes.string.isRequired,
1118
- target: PropTypes.string,
1119
- text: PropTypes.node.isRequired
1120
- }),
1121
- className: PropTypes.string,
1122
- /** An optional icon. If not provided, we will default the icon to something appropriate for the type */
1123
- icon: PropTypes.element,
1124
- /** Title for the alert component */
1125
- title: PropTypes.string,
1126
- /** The main body of the alert. Accepts plain text and bold words specified with **double stars*/
1127
- message: requiredIf(PropTypes.node, ({
1128
- children
1129
- }) => !children),
1130
- /** The presence of the onDismiss handler will trigger the visibility of the close button */
1131
- onDismiss: PropTypes.func,
1132
- /** The type dictates which icon and colour will be used */
1133
- type: PropTypes.oneOf(['negative', 'neutral', 'positive', 'warning', 'info', 'error', 'success']),
1134
- variant: PropTypes.oneOf(['desktop', 'mobile']),
1135
- /** @deprecated no arrow for `Alert` component anymore, consider to use [`InlineAlert`](https://transferwise.github.io/neptune-web/components/alerts/InlineAlert) component */
1136
- arrow: deprecated$1(PropTypes.oneOf(['up-left', 'up-center', 'up-right', 'down-left', 'down-center', 'down-right']), {
1137
- component: 'Alert',
1138
- expiryDate: new Date('03-01-2021')
1139
- }),
1140
- /** @deprecated use `message` property instead */
1141
- children: deprecated$1(requiredIf(PropTypes.node, ({
1142
- message
1143
- }) => !message), {
1144
- component: 'Alert',
1145
- message: 'You should now use the `message` prop. Be aware `message` only accepts plain text or text with **bold** markdown.',
1146
- expiryDate: new Date('03-01-2021')
1147
- }),
1148
- /** @deprecated use `onDismiss` instead */
1149
- dismissible: deprecated$1(PropTypes.bool, {
1150
- component: 'Alert',
1151
- message: 'The Alert will now be considered dismissible if an `onDismiss` hander is present.',
1152
- expiryDate: new Date('03-01-2021')
1153
- })
1154
- };
1155
- Alert.defaultProps = {
1156
- action: undefined,
1157
- arrow: undefined,
1158
- className: undefined,
1159
- dismissible: undefined,
1160
- icon: undefined,
1161
- type: Sentiment.NEUTRAL,
1162
- variant: Variant.DESKTOP
1163
- };
1164
- var Alert$1 = Alert;
1015
+ function alertArrowClassNames(arrow) {
1016
+ switch (arrow) {
1017
+ case 'down-center':
1018
+ return 'arrow arrow-bottom arrow-center';
1019
+ case 'down-left':
1020
+ return 'arrow arrow-bottom arrow-left';
1021
+ case 'down-right':
1022
+ return 'arrow arrow-bottom arrow-right';
1023
+ case 'up-center':
1024
+ return 'arrow arrow-center';
1025
+ case 'up-right':
1026
+ return 'arrow arrow-right';
1027
+ case 'up-left':
1028
+ default:
1029
+ return 'arrow';
1030
+ }
1031
+ }
1165
1032
 
1166
1033
  // TODO: consider to move this enum into component file once we migrate it on TypeScript or replace with some common enum
1167
1034
  var AvatarType;
@@ -1387,6 +1254,7 @@ const FocusBoundary = ({
1387
1254
  })
1388
1255
  });
1389
1256
  };
1257
+ var FocusBoundary$1 = FocusBoundary;
1390
1258
 
1391
1259
  function withNextPortalWrapper(Component) {
1392
1260
  return function (props) {
@@ -1528,7 +1396,7 @@ const Dimmer = ({
1528
1396
  onExited: onExited,
1529
1397
  children: /*#__PURE__*/jsx(DimmerContentWrapper, {
1530
1398
  scrollBody: !transparent,
1531
- children: /*#__PURE__*/jsx(FocusBoundary, {
1399
+ children: /*#__PURE__*/jsx(FocusBoundary$1, {
1532
1400
  children: /*#__PURE__*/jsx("div", {
1533
1401
  ref: dimmerReference,
1534
1402
  className: classNames('dimmer', {
@@ -2160,7 +2028,7 @@ var messages$b = defineMessages({
2160
2028
  }
2161
2029
  });
2162
2030
 
2163
- const typeClassMap$1 = {
2031
+ const typeClassMap = {
2164
2032
  [ControlType.ACCENT]: 'btn-accent',
2165
2033
  [ControlType.POSITIVE]: 'btn-positive',
2166
2034
  [ControlType.NEGATIVE]: 'btn-negative'
@@ -2244,7 +2112,7 @@ const Button = /*#__PURE__*/forwardRef(({
2244
2112
  },
2245
2113
  // @ts-expect-error fix when refactor `typeClassMap` to TypeScript
2246
2114
  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
2247
- typeClassMap$1[newType],
2115
+ typeClassMap[newType],
2248
2116
  // @ts-expect-error fix when refactor `typeClassMap` to TypeScript
2249
2117
  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
2250
2118
  priorityClassMap[newPriority], className);
@@ -2629,7 +2497,7 @@ const CircularButton = ({
2629
2497
  type = ControlType.ACCENT,
2630
2498
  ...rest
2631
2499
  }) => {
2632
- const classes = classNames('btn np-btn', typeClassMap$1[type], priorityClassMap[priority]);
2500
+ const classes = classNames('btn np-btn', typeClassMap[type], priorityClassMap[priority]);
2633
2501
  const iconElement = Number(icon.props.size) !== 24 ? /*#__PURE__*/cloneElement(icon, {
2634
2502
  size: 24
2635
2503
  }) : icon;
@@ -2664,11 +2532,17 @@ function getDayNames(locale, format = 'short') {
2664
2532
 
2665
2533
  // Makes sure that date is between min and max dates, returns a cloned min or max
2666
2534
  function moveToWithinRange(date, min, max) {
2667
- return isWithinRange(date, min, max) ? date : new Date(min && date < min ? +min : +max);
2535
+ if (min && date < min) {
2536
+ return new Date(min);
2537
+ }
2538
+ if (max && date > max) {
2539
+ return new Date(max);
2540
+ }
2541
+ return date;
2668
2542
  }
2669
2543
 
2670
2544
  function isWithinRange(date, min, max) {
2671
- return !date || (!min || date >= min) && (!max || date <= max);
2545
+ return (!min || date >= min) && (!max || date <= max);
2672
2546
  }
2673
2547
 
2674
2548
  const getMonthNames = (locale, format = 'long') => {
@@ -3192,7 +3066,7 @@ var dateTriggerMessages = defineMessages({
3192
3066
 
3193
3067
  const DateTrigger = ({
3194
3068
  selectedDate,
3195
- size,
3069
+ size = Size.MEDIUM,
3196
3070
  placeholder,
3197
3071
  label,
3198
3072
  monthFormat,
@@ -3204,19 +3078,6 @@ const DateTrigger = ({
3204
3078
  locale,
3205
3079
  formatMessage
3206
3080
  } = useIntl();
3207
- const handleKeyDown = event => {
3208
- if (isKey({
3209
- keyType: 'Space',
3210
- event: event
3211
- }) || isKey({
3212
- keyType: 'Enter',
3213
- event: event
3214
- })) {
3215
- event.stopPropagation();
3216
- event.preventDefault();
3217
- onClear();
3218
- }
3219
- };
3220
3081
  return /*#__PURE__*/jsxs(Fragment, {
3221
3082
  children: [/*#__PURE__*/jsxs("button", {
3222
3083
  className: `btn btn-${size} btn-input np-date-trigger`,
@@ -3253,29 +3114,12 @@ const DateTrigger = ({
3253
3114
  event.stopPropagation();
3254
3115
  event.preventDefault();
3255
3116
  onClear();
3256
- },
3257
- onKeyPress: handleKeyDown
3117
+ }
3258
3118
  })
3259
3119
  })]
3260
3120
  }) : null]
3261
3121
  });
3262
3122
  };
3263
- DateTrigger.propTypes = {
3264
- selectedDate: PropTypes.instanceOf(Date),
3265
- size: PropTypes.oneOf(['sm', 'md', 'lg']),
3266
- placeholder: PropTypes.string.isRequired,
3267
- label: PropTypes.string.isRequired,
3268
- monthFormat: PropTypes.oneOf(['short', 'long']).isRequired,
3269
- disabled: PropTypes.bool.isRequired,
3270
- onClick: PropTypes.func,
3271
- onClear: PropTypes.func
3272
- };
3273
- DateTrigger.defaultProps = {
3274
- selectedDate: null,
3275
- size: Size.MEDIUM,
3276
- onClear: undefined
3277
- };
3278
- var DateTrigger$1 = DateTrigger;
3279
3123
 
3280
3124
  var messages$8 = defineMessages({
3281
3125
  next: {
@@ -3357,18 +3201,6 @@ const DateHeader = ({
3357
3201
  })]
3358
3202
  });
3359
3203
  };
3360
- DateHeader.propTypes = {
3361
- label: PropTypes.string,
3362
- onLabelClick: PropTypes.func,
3363
- onPreviousClick: PropTypes.func.isRequired,
3364
- onNextClick: PropTypes.func.isRequired,
3365
- dateMode: PropTypes.string
3366
- };
3367
- DateHeader.defaultProps = {
3368
- label: null,
3369
- onLabelClick: () => {}
3370
- };
3371
- var DateHeader$1 = DateHeader;
3372
3204
 
3373
3205
  function getFocusableTime(props) {
3374
3206
  return props.timeSpan.find(time => props.isActive(time)) || props.timeSpan.find(time => props.isNow(time) && !props.isDisabled(time)) || props.timeSpan.find(time => !props.isDisabled(time));
@@ -3454,10 +3286,9 @@ class DayCalendarTable extends PureComponent {
3454
3286
  let week = [];
3455
3287
  const weeks = [];
3456
3288
  let i;
3457
-
3458
3289
  // Pad first week
3459
3290
  for (i = 1; i < firstDayOfMonth; i += 1) {
3460
- week.push(false);
3291
+ week.push(-1);
3461
3292
  }
3462
3293
  // Fill in days
3463
3294
  for (i = 1; i <= daysInMonth; i += 1) {
@@ -3470,7 +3301,7 @@ class DayCalendarTable extends PureComponent {
3470
3301
  if (week.length > 0) {
3471
3302
  // Pad last week
3472
3303
  for (i = week.length; i < 7; i += 1) {
3473
- week.push(false);
3304
+ week.push(-1);
3474
3305
  }
3475
3306
  weeks.push(week);
3476
3307
  }
@@ -3525,12 +3356,10 @@ class DayCalendarTable extends PureComponent {
3525
3356
  const {
3526
3357
  viewMonth,
3527
3358
  viewYear,
3528
- intl: {
3529
- locale
3530
- }
3359
+ intl
3531
3360
  } = this.props;
3532
3361
  const weeks = this.getTableStructure();
3533
- let autoFocusDay = this.getAutofocusDay(weeks, viewMonth, viewYear);
3362
+ const autoFocusDay = this.getAutofocusDay(weeks);
3534
3363
  return /*#__PURE__*/jsxs("table", {
3535
3364
  className: "table table-condensed table-bordered tw-date-lookup-calendar m-b-0",
3536
3365
  children: [/*#__PURE__*/jsx("thead", {
@@ -3556,12 +3385,12 @@ class DayCalendarTable extends PureComponent {
3556
3385
  children: weeks.map((week, weekIndex) => /*#__PURE__*/jsx("tr", {
3557
3386
  children: week.map((day, dayIndex) => /*#__PURE__*/jsx("td", {
3558
3387
  className: dayIndex > 4 ? 'weekend' : '',
3559
- children: day && /*#__PURE__*/jsx(TableLink, {
3388
+ children: day !== -1 && /*#__PURE__*/jsx(TableLink, {
3560
3389
  item: day,
3561
3390
  type: "day",
3562
- title: formatDate(new Date(viewYear, viewMonth, day), locale, SHORT_DAY_FORMAT),
3391
+ title: formatDate(new Date(viewYear, viewMonth, day), intl.locale, SHORT_DAY_FORMAT),
3563
3392
  autofocus: day === autoFocusDay,
3564
- longTitle: formatDate(new Date(viewYear, viewMonth, day), locale),
3393
+ longTitle: formatDate(new Date(viewYear, viewMonth, day), intl.locale),
3565
3394
  active: this.isActive(day),
3566
3395
  disabled: this.isDisabled(day),
3567
3396
  today: this.isToday(day),
@@ -3573,19 +3402,6 @@ class DayCalendarTable extends PureComponent {
3573
3402
  });
3574
3403
  }
3575
3404
  }
3576
- DayCalendarTable.propTypes = {
3577
- selectedDate: PropTypes.instanceOf(Date),
3578
- min: PropTypes.instanceOf(Date),
3579
- max: PropTypes.instanceOf(Date),
3580
- viewMonth: PropTypes.number.isRequired,
3581
- viewYear: PropTypes.number.isRequired,
3582
- onSelect: PropTypes.func.isRequired
3583
- };
3584
- DayCalendarTable.defaultProps = {
3585
- selectedDate: null,
3586
- min: null,
3587
- max: null
3588
- };
3589
3405
  var DayCalendarTable$1 = injectIntl(DayCalendarTable);
3590
3406
 
3591
3407
  class DayCalendar extends PureComponent {
@@ -3625,7 +3441,7 @@ class DayCalendar extends PureComponent {
3625
3441
  onSelect
3626
3442
  } = this.props;
3627
3443
  return /*#__PURE__*/jsxs(Fragment, {
3628
- children: [/*#__PURE__*/jsx(DateHeader$1, {
3444
+ children: [/*#__PURE__*/jsx(DateHeader, {
3629
3445
  label: formatDate(new Date(viewYear, viewMonth), locale, {
3630
3446
  month: monthFormat,
3631
3447
  year: 'numeric'
@@ -3645,22 +3461,6 @@ class DayCalendar extends PureComponent {
3645
3461
  });
3646
3462
  }
3647
3463
  }
3648
- DayCalendar.propTypes = {
3649
- selectedDate: PropTypes.instanceOf(Date),
3650
- min: PropTypes.instanceOf(Date),
3651
- max: PropTypes.instanceOf(Date),
3652
- viewMonth: PropTypes.number.isRequired,
3653
- viewYear: PropTypes.number.isRequired,
3654
- monthFormat: PropTypes.oneOf([MonthFormat.LONG, MonthFormat.SHORT]).isRequired,
3655
- onSelect: PropTypes.func.isRequired,
3656
- onLabelClick: PropTypes.func.isRequired,
3657
- onViewDateUpdate: PropTypes.func.isRequired
3658
- };
3659
- DayCalendar.defaultProps = {
3660
- selectedDate: null,
3661
- min: null,
3662
- max: null
3663
- };
3664
3464
  var DayCalendar$1 = injectIntl(DayCalendar);
3665
3465
 
3666
3466
  const ROWS$1 = 3;
@@ -3692,7 +3492,7 @@ const MonthCalendarTable = ({
3692
3492
  });
3693
3493
  };
3694
3494
  const isActive = month => {
3695
- return selectedDate && month === selectedDate.getMonth() && viewYear === selectedDate.getFullYear();
3495
+ return !!(selectedDate && month === selectedDate.getMonth() && viewYear === selectedDate.getFullYear());
3696
3496
  };
3697
3497
  const isThisMonth = month => {
3698
3498
  return viewYear === new Date().getFullYear() && month === new Date().getMonth();
@@ -3702,7 +3502,9 @@ const MonthCalendarTable = ({
3702
3502
  return !!(min && date < new Date(min.getFullYear(), min.getMonth()) || max && date > new Date(max.getFullYear(), max.getMonth()));
3703
3503
  };
3704
3504
  const autofocusMonth = (() => {
3705
- const months = [...new Array(ROWS$1 * COLS$1)].map((_, index) => index);
3505
+ const months = Array.from({
3506
+ length: ROWS$1 * COLS$1
3507
+ }, (_, index) => index);
3706
3508
  return getFocusableTime({
3707
3509
  isActive,
3708
3510
  isNow: isThisMonth,
@@ -3716,33 +3518,23 @@ const MonthCalendarTable = ({
3716
3518
  className: "sr-only",
3717
3519
  children: /*#__PURE__*/jsx("tr", {
3718
3520
  children: /*#__PURE__*/jsx("th", {
3719
- colSpan: "3",
3521
+ colSpan: COLS$1,
3720
3522
  children: placeholder
3721
3523
  })
3722
3524
  })
3723
3525
  }), /*#__PURE__*/jsx("tbody", {
3724
- children: [...new Array(ROWS$1)].map((row, rowIndex) => /*#__PURE__*/jsx("tr", {
3725
- children: [...new Array(COLS$1)].map((col, colIndex) => /*#__PURE__*/jsx("td", {
3526
+ children: Array.from({
3527
+ length: ROWS$1
3528
+ }, (_, rowIndex) => /*#__PURE__*/jsx("tr", {
3529
+ children: Array.from({
3530
+ length: COLS$1
3531
+ }, (_, colIndex) => /*#__PURE__*/jsx("td", {
3726
3532
  children: getLink(rowIndex * COLS$1 + colIndex)
3727
3533
  }, colIndex))
3728
3534
  }, rowIndex))
3729
3535
  })]
3730
3536
  });
3731
3537
  };
3732
- MonthCalendarTable.propTypes = {
3733
- selectedDate: PropTypes.instanceOf(Date),
3734
- min: PropTypes.instanceOf(Date),
3735
- max: PropTypes.instanceOf(Date),
3736
- viewYear: PropTypes.number.isRequired,
3737
- placeholder: PropTypes.string.isRequired,
3738
- onSelect: PropTypes.func.isRequired
3739
- };
3740
- MonthCalendarTable.defaultProps = {
3741
- selectedDate: null,
3742
- min: null,
3743
- max: null
3744
- };
3745
- var MonthCalendarTable$1 = MonthCalendarTable;
3746
3538
 
3747
3539
  class MonthCalendar extends PureComponent {
3748
3540
  onMonthSelect = month => {
@@ -3775,7 +3567,7 @@ class MonthCalendar extends PureComponent {
3775
3567
  onLabelClick
3776
3568
  } = this.props;
3777
3569
  return /*#__PURE__*/jsxs(Fragment, {
3778
- children: [/*#__PURE__*/jsx(DateHeader$1, {
3570
+ children: [/*#__PURE__*/jsx(DateHeader, {
3779
3571
  dateMode: formatMessage(messages$8.year),
3780
3572
  label: formatDate(new Date(viewYear, 0), locale, {
3781
3573
  year: 'numeric'
@@ -3783,32 +3575,17 @@ class MonthCalendar extends PureComponent {
3783
3575
  onLabelClick: onLabelClick,
3784
3576
  onPreviousClick: this.selectPreviousYear,
3785
3577
  onNextClick: this.selectNextYear
3786
- }), /*#__PURE__*/jsx(MonthCalendarTable$1, {
3787
- selectedDate,
3788
- min,
3789
- max,
3790
- viewYear,
3791
- placeholder,
3578
+ }), /*#__PURE__*/jsx(MonthCalendarTable, {
3579
+ selectedDate: selectedDate,
3580
+ min: min,
3581
+ max: max,
3582
+ viewYear: viewYear,
3583
+ placeholder: placeholder,
3792
3584
  onSelect: this.onMonthSelect
3793
3585
  })]
3794
3586
  });
3795
3587
  }
3796
3588
  }
3797
- MonthCalendar.propTypes = {
3798
- selectedDate: PropTypes.instanceOf(Date),
3799
- min: PropTypes.instanceOf(Date),
3800
- max: PropTypes.instanceOf(Date),
3801
- viewYear: PropTypes.number.isRequired,
3802
- placeholder: PropTypes.string.isRequired,
3803
- onSelect: PropTypes.func.isRequired,
3804
- onLabelClick: PropTypes.func.isRequired,
3805
- onViewDateUpdate: PropTypes.func.isRequired
3806
- };
3807
- MonthCalendar.defaultProps = {
3808
- selectedDate: null,
3809
- min: null,
3810
- max: null
3811
- };
3812
3589
  var MonthCalendar$1 = injectIntl(MonthCalendar);
3813
3590
 
3814
3591
  const ROWS = 5;
@@ -3850,7 +3627,9 @@ const YearCalendarTable = ({
3850
3627
  return !!(min && year < min.getFullYear() || max && year > max.getFullYear());
3851
3628
  };
3852
3629
  const autofocusYear = (() => {
3853
- const years = [...new Array(ROWS * COLS)].map((_, index) => startYear + index);
3630
+ const years = Array.from({
3631
+ length: ROWS * COLS
3632
+ }, (_, index) => startYear + index);
3854
3633
  return getFocusableTime({
3855
3634
  isActive,
3856
3635
  isNow: isThisYear,
@@ -3864,33 +3643,23 @@ const YearCalendarTable = ({
3864
3643
  className: "sr-only",
3865
3644
  children: /*#__PURE__*/jsx("tr", {
3866
3645
  children: /*#__PURE__*/jsx("th", {
3867
- colSpan: "4",
3646
+ colSpan: COLS,
3868
3647
  children: placeholder
3869
3648
  })
3870
3649
  })
3871
3650
  }), /*#__PURE__*/jsx("tbody", {
3872
- children: [...new Array(ROWS)].map((row, rowIndex) => /*#__PURE__*/jsx("tr", {
3873
- children: [...new Array(COLS)].map((col, colIndex) => /*#__PURE__*/jsx("td", {
3651
+ children: Array.from({
3652
+ length: ROWS
3653
+ }, (_, rowIndex) => /*#__PURE__*/jsx("tr", {
3654
+ children: Array.from({
3655
+ length: COLS
3656
+ }, (_, colIndex) => /*#__PURE__*/jsx("td", {
3874
3657
  children: getLink(startYear + rowIndex * COLS + colIndex)
3875
3658
  }, colIndex))
3876
3659
  }, rowIndex))
3877
3660
  })]
3878
3661
  });
3879
3662
  };
3880
- YearCalendarTable.propTypes = {
3881
- selectedDate: PropTypes.instanceOf(Date),
3882
- min: PropTypes.instanceOf(Date),
3883
- max: PropTypes.instanceOf(Date),
3884
- viewYear: PropTypes.number.isRequired,
3885
- placeholder: PropTypes.string.isRequired,
3886
- onSelect: PropTypes.func.isRequired
3887
- };
3888
- YearCalendarTable.defaultProps = {
3889
- selectedDate: null,
3890
- min: null,
3891
- max: null
3892
- };
3893
- var YearCalendarTable$1 = YearCalendarTable;
3894
3663
 
3895
3664
  class YearCalendar extends PureComponent {
3896
3665
  onYearSelect = year => {
@@ -3921,43 +3690,35 @@ class YearCalendar extends PureComponent {
3921
3690
  }
3922
3691
  } = this.props;
3923
3692
  return /*#__PURE__*/jsxs(Fragment, {
3924
- children: [/*#__PURE__*/jsx(DateHeader$1, {
3693
+ children: [/*#__PURE__*/jsx(DateHeader, {
3925
3694
  dateMode: formatMessage(messages$8.twentyYears),
3926
3695
  onPreviousClick: this.selectPreviousYears,
3927
3696
  onNextClick: this.selectNextYears
3928
- }), /*#__PURE__*/jsx(YearCalendarTable$1, {
3929
- selectedDate,
3930
- min,
3931
- max,
3932
- viewYear,
3933
- placeholder,
3697
+ }), /*#__PURE__*/jsx(YearCalendarTable, {
3698
+ selectedDate: selectedDate,
3699
+ min: min,
3700
+ max: max,
3701
+ viewYear: viewYear,
3702
+ placeholder: placeholder,
3934
3703
  onSelect: this.onYearSelect
3935
3704
  })]
3936
3705
  });
3937
3706
  }
3938
3707
  }
3939
- YearCalendar.propTypes = {
3940
- selectedDate: PropTypes.instanceOf(Date),
3941
- min: PropTypes.instanceOf(Date),
3942
- max: PropTypes.instanceOf(Date),
3943
- viewYear: PropTypes.number.isRequired,
3944
- placeholder: PropTypes.string.isRequired,
3945
- onSelect: PropTypes.func.isRequired,
3946
- onViewDateUpdate: PropTypes.func.isRequired
3947
- };
3948
- YearCalendar.defaultProps = {
3949
- selectedDate: null,
3950
- min: null,
3951
- max: null
3952
- };
3953
3708
  var YearCalendar$1 = injectIntl(YearCalendar);
3954
3709
 
3955
- const MODE = {
3956
- DAY: 'day',
3957
- MONTH: 'month',
3958
- YEAR: 'year'
3959
- };
3960
3710
  class DateLookup extends PureComponent {
3711
+ static defaultProps = {
3712
+ value: null,
3713
+ min: null,
3714
+ max: null,
3715
+ size: Size.MEDIUM,
3716
+ placeholder: '',
3717
+ label: '',
3718
+ monthFormat: MonthFormat.LONG,
3719
+ disabled: false,
3720
+ clearable: false
3721
+ };
3961
3722
  element = /*#__PURE__*/createRef();
3962
3723
  dropdown = /*#__PURE__*/createRef();
3963
3724
  constructor(props) {
@@ -3970,7 +3731,7 @@ class DateLookup extends PureComponent {
3970
3731
  viewMonth: (props.value || new Date()).getMonth(),
3971
3732
  viewYear: (props.value || new Date()).getFullYear(),
3972
3733
  open: false,
3973
- mode: MODE.DAY,
3734
+ mode: 'day',
3974
3735
  isMobile: false
3975
3736
  };
3976
3737
  }
@@ -3978,20 +3739,20 @@ class DateLookup extends PureComponent {
3978
3739
  const propsSelected = getStartOfDay(props.value);
3979
3740
  const propsMin = getStartOfDay(props.min);
3980
3741
  const propsMax = getStartOfDay(props.max);
3981
- const hasSelectedChanged = +state.selectedDate !== +propsSelected;
3982
- const hasMinChanged = +state.min !== +propsMin;
3983
- const hasMaxChanged = +state.max !== +propsMax;
3742
+ const hasSelectedChanged = state.selectedDate?.getTime() !== propsSelected?.getTime();
3743
+ const hasMinChanged = state.min?.getTime() !== propsMin?.getTime();
3744
+ const hasMaxChanged = state.max?.getTime() !== propsMax?.getTime();
3984
3745
  if (hasSelectedChanged || hasMinChanged || hasMaxChanged) {
3985
3746
  const selectedDate = hasSelectedChanged ? propsSelected : state.selectedDate;
3986
3747
  const min = hasMinChanged ? propsMin : state.min;
3987
3748
  const max = hasMaxChanged ? propsMax : state.max;
3988
- // make sure that selected date is within allowed range
3989
- if (!isWithinRange(selectedDate, min, max)) {
3749
+ if (selectedDate && !isWithinRange(selectedDate, min, max)) {
3990
3750
  props.onChange(moveToWithinRange(selectedDate, min, max));
3991
3751
  return null;
3992
3752
  }
3993
- const viewMonth = (selectedDate || new Date()).getMonth();
3994
- const viewYear = (selectedDate || new Date()).getFullYear();
3753
+ const viewDateThatIsWithinRange = selectedDate || (min || max) && moveToWithinRange(new Date(), min, max) || new Date();
3754
+ const viewMonth = viewDateThatIsWithinRange.getMonth();
3755
+ const viewYear = viewDateThatIsWithinRange.getFullYear();
3995
3756
  return {
3996
3757
  selectedDate,
3997
3758
  min,
@@ -4003,12 +3764,12 @@ class DateLookup extends PureComponent {
4003
3764
  return null;
4004
3765
  }
4005
3766
  componentDidUpdate(previousProps) {
4006
- if (+this.props.value !== +previousProps.value && this.state.open) {
3767
+ if (this.props.value?.getTime() !== previousProps.value?.getTime() && this.state.open) {
4007
3768
  this.focusOn('.active');
4008
3769
  }
4009
- this.mediaQuery = window.matchMedia(`(max-width: ${Breakpoint.SMALL}px)`);
3770
+ const mediaQuery = window.matchMedia(`(max-width: ${Breakpoint.SMALL}px)`);
4010
3771
  this.setState({
4011
- isMobile: this.mediaQuery.matches
3772
+ isMobile: mediaQuery.matches
4012
3773
  });
4013
3774
  }
4014
3775
  componentWillUnmount() {
@@ -4021,7 +3782,7 @@ class DateLookup extends PureComponent {
4021
3782
  } = this.props;
4022
3783
  this.setState({
4023
3784
  open: true,
4024
- mode: MODE.DAY
3785
+ mode: 'day'
4025
3786
  });
4026
3787
  if (onFocus) {
4027
3788
  onFocus();
@@ -4110,17 +3871,19 @@ class DateLookup extends PureComponent {
4110
3871
  }
4111
3872
  let date;
4112
3873
  if (selectedDate) {
4113
- date = new Date(mode === MODE.YEAR ? selectedDate.getFullYear() + yearsToAdd : selectedDate.getFullYear(), mode === MODE.MONTH ? selectedDate.getMonth() + monthsToAdd : selectedDate.getMonth(), mode === MODE.DAY ? selectedDate.getDate() + daysToAdd : selectedDate.getDate());
3874
+ date = new Date(mode === 'year' ? selectedDate.getFullYear() + yearsToAdd : selectedDate.getFullYear(), mode === 'month' ? selectedDate.getMonth() + monthsToAdd : selectedDate.getMonth(), mode === 'day' ? selectedDate.getDate() + daysToAdd : selectedDate.getDate());
4114
3875
  } else {
4115
3876
  date = getStartOfDay(new Date());
4116
3877
  }
4117
- date = moveToWithinRange(date, min, max);
4118
- if (+date !== +selectedDate) {
3878
+ if (date) {
3879
+ date = moveToWithinRange(date, min, max);
3880
+ }
3881
+ if (date?.getTime() !== selectedDate?.getTime()) {
4119
3882
  this.props.onChange(date);
4120
3883
  }
4121
3884
  };
4122
3885
  focusOn = (preferredElement, fallbackElement) => {
4123
- const element = this.element.current.querySelector(preferredElement);
3886
+ const element = this.element.current?.querySelector(preferredElement);
4124
3887
  if (element) {
4125
3888
  element.focus();
4126
3889
  } else if (fallbackElement) {
@@ -4134,9 +3897,9 @@ class DateLookup extends PureComponent {
4134
3897
  this.focusOn('.active', '.today');
4135
3898
  });
4136
3899
  };
4137
- switchToDays = () => this.switchMode(MODE.DAY);
4138
- switchToMonths = () => this.switchMode(MODE.MONTH);
4139
- switchToYears = () => this.switchMode(MODE.YEAR);
3900
+ switchToDays = () => this.switchMode('day');
3901
+ switchToMonths = () => this.switchMode('month');
3902
+ switchToYears = () => this.switchMode('year');
4140
3903
  handleSelectedDateUpdate = selectedDate => {
4141
3904
  this.setState({
4142
3905
  selectedDate
@@ -4173,31 +3936,31 @@ class DateLookup extends PureComponent {
4173
3936
  className: classNames({
4174
3937
  'p-a-1': !isMobile
4175
3938
  }),
4176
- children: [mode === MODE.DAY && /*#__PURE__*/jsx(DayCalendar$1, {
4177
- selectedDate,
4178
- min,
4179
- max,
4180
- viewMonth,
4181
- viewYear,
4182
- monthFormat,
3939
+ children: [mode === 'day' && /*#__PURE__*/jsx(DayCalendar$1, {
3940
+ selectedDate: selectedDate,
3941
+ min: min,
3942
+ max: max,
3943
+ viewMonth: viewMonth,
3944
+ viewYear: viewYear,
3945
+ monthFormat: monthFormat,
4183
3946
  onSelect: this.handleSelectedDateUpdate,
4184
3947
  onLabelClick: this.switchToYears,
4185
3948
  onViewDateUpdate: this.handleViewDateUpdate
4186
- }), mode === MODE.MONTH && /*#__PURE__*/jsx(MonthCalendar$1, {
4187
- selectedDate,
4188
- min,
4189
- max,
4190
- viewYear,
4191
- placeholder,
3949
+ }), mode === 'month' && /*#__PURE__*/jsx(MonthCalendar$1, {
3950
+ selectedDate: selectedDate,
3951
+ min: min,
3952
+ max: max,
3953
+ viewYear: viewYear,
3954
+ placeholder: placeholder,
4192
3955
  onSelect: this.switchToDays,
4193
3956
  onLabelClick: this.switchToYears,
4194
3957
  onViewDateUpdate: this.handleViewDateUpdate
4195
- }), mode === MODE.YEAR && /*#__PURE__*/jsx(YearCalendar$1, {
4196
- selectedDate,
4197
- min,
4198
- max,
4199
- viewYear,
4200
- placeholder,
3958
+ }), mode === 'year' && /*#__PURE__*/jsx(YearCalendar$1, {
3959
+ selectedDate: selectedDate,
3960
+ min: min,
3961
+ max: max,
3962
+ viewYear: viewYear,
3963
+ placeholder: placeholder,
4201
3964
  onSelect: this.switchToMonths,
4202
3965
  onViewDateUpdate: this.handleViewDateUpdate
4203
3966
  })]
@@ -4223,21 +3986,20 @@ class DateLookup extends PureComponent {
4223
3986
  value
4224
3987
  } = this.props;
4225
3988
  return /*#__PURE__*/jsxs("div", {
4226
- // eslint-disable-line jsx-a11y/no-static-element-interactions
4227
3989
  ref: this.element,
4228
3990
  id: this.props.id,
4229
3991
  "aria-labelledby": ariaLabelledBy,
4230
3992
  className: "input-group",
4231
3993
  onKeyDown: this.handleKeyDown,
4232
- children: [/*#__PURE__*/jsx(DateTrigger$1, {
4233
- selectedDate,
4234
- size,
4235
- placeholder,
4236
- label,
4237
- monthFormat,
4238
- disabled,
3994
+ children: [/*#__PURE__*/jsx(DateTrigger, {
3995
+ selectedDate: selectedDate,
3996
+ size: size,
3997
+ placeholder: placeholder,
3998
+ label: label,
3999
+ monthFormat: monthFormat,
4000
+ disabled: disabled || false,
4239
4001
  onClick: this.open,
4240
- onClear: !disabled && clearable && value ? this.handleClear : null
4002
+ onClear: !disabled && clearable && value ? this.handleClear : undefined
4241
4003
  }), /*#__PURE__*/jsx(ResponsivePanel$1, {
4242
4004
  anchorRef: this.element,
4243
4005
  open: open,
@@ -4249,36 +4011,6 @@ class DateLookup extends PureComponent {
4249
4011
  });
4250
4012
  }
4251
4013
  }
4252
- DateLookup.propTypes = {
4253
- id: PropTypes.string,
4254
- value: PropTypes.instanceOf(Date),
4255
- min: PropTypes.instanceOf(Date),
4256
- max: PropTypes.instanceOf(Date),
4257
- size: PropTypes.oneOf(['sm', 'md', 'lg']),
4258
- placeholder: PropTypes.string,
4259
- label: PropTypes.string,
4260
- 'aria-labelledby': PropTypes.string,
4261
- monthFormat: PropTypes.oneOf(['long', 'short']),
4262
- disabled: PropTypes.bool,
4263
- onChange: PropTypes.func.isRequired,
4264
- onFocus: PropTypes.func,
4265
- onBlur: PropTypes.func,
4266
- clearable: PropTypes.bool
4267
- };
4268
- DateLookup.defaultProps = {
4269
- value: null,
4270
- min: null,
4271
- max: null,
4272
- size: Size.MEDIUM,
4273
- placeholder: '',
4274
- label: '',
4275
- monthFormat: MonthFormat.LONG,
4276
- disabled: false,
4277
- onFocus: null,
4278
- onBlur: null,
4279
- clearable: false
4280
- };
4281
- var DateLookup$1 = DateLookup;
4282
4014
 
4283
4015
  const NavigationOption = /*#__PURE__*/forwardRef(({
4284
4016
  as: component = 'button',
@@ -5175,6 +4907,7 @@ var LogoType;
5175
4907
  (function (LogoType) {
5176
4908
  LogoType["WISE"] = "WISE";
5177
4909
  LogoType["WISE_BUSINESS"] = "WISE_BUSINESS";
4910
+ LogoType["WISE_PLATFORM"] = "WISE_PLATFORM";
5178
4911
  })(LogoType || (LogoType = {}));
5179
4912
 
5180
4913
  var LogoFlagInverse = function LogoFlagInverse(props) {
@@ -5192,6 +4925,36 @@ LogoFlagInverse.defaultProps = {
5192
4925
  height: "24",
5193
4926
  fill: "none"
5194
4927
  };
4928
+ var LogoFlagPlatformInverse = function LogoFlagPlatformInverse(props) {
4929
+ return /*#__PURE__*/jsx("svg", {
4930
+ ...props,
4931
+ children: /*#__PURE__*/jsx("path", {
4932
+ fill: "#fff",
4933
+ d: "M4.887 5.918 0 11.523h8.726l.98-2.642H5.969l2.284-2.593.008-.068-1.486-2.508h6.683L8.276 17.699h3.546L18.079.838H1.916l2.97 5.08Zm17.114 11.799V.791h6.15c1.341 0 2.454.24 3.334.719.882.48 1.541 1.134 1.979 1.963.438.83.657 1.762.657 2.798s-.22 1.976-.662 2.806c-.44.83-1.104 1.485-1.988 1.967-.885.482-1.995.723-3.331.723h-4.23V9.6h3.994c.848 0 1.536-.144 2.064-.434.528-.29.914-.684 1.162-1.186.248-.501.37-1.07.37-1.71 0-.639-.122-1.206-.37-1.702-.248-.497-.636-.885-1.166-1.165-.531-.282-1.228-.422-2.093-.422h-3.268v14.735H22h.001ZM38.823.791v16.926h-2.518V.791h2.518Zm6.889 17.207c-.82 0-1.561-.15-2.224-.45a3.665 3.665 0 0 1-1.572-1.31c-.385-.573-.576-1.275-.576-2.107 0-.716.14-1.307.42-1.768.281-.462.661-.83 1.138-1.1a6.036 6.036 0 0 1 1.6-.612c.59-.139 1.19-.243 1.802-.313.775-.09 1.404-.161 1.887-.22.482-.057.834-.152 1.052-.285.22-.132.33-.347.33-.644v-.058c0-.72-.208-1.28-.62-1.678-.412-.396-1.025-.595-1.84-.595-.813 0-1.514.183-2 .55-.486.366-.822.772-1.007 1.218l-2.366-.528c.28-.772.692-1.395 1.234-1.872a5.034 5.034 0 0 1 1.874-1.042 7.562 7.562 0 0 1 2.232-.327c.516 0 1.065.06 1.647.178a4.949 4.949 0 0 1 1.634.65c.509.313.925.76 1.25 1.342.325.58.49 1.334.49 2.26v8.43h-2.46V15.98h-.101c-.163.32-.408.634-.733.942-.326.309-.744.565-1.255.77-.512.204-1.123.305-1.836.305Zm.547-1.984c.696 0 1.294-.135 1.79-.405.497-.27.876-.623 1.138-1.062a2.71 2.71 0 0 0 .392-1.409v-1.637c-.09.089-.262.17-.518.245a7.313 7.313 0 0 1-.871.19 33.88 33.88 0 0 1-.952.14l-.774.103c-.489.06-.933.162-1.336.306-.4.144-.722.348-.96.616-.239.267-.358.62-.358 1.062 0 .612.23 1.073.69 1.385.46.31 1.048.466 1.76.466ZM60.833 5.023v1.984h-7.067V5.023h7.067Zm-5.172-3.04h2.518V13.99c0 .48.074.838.22 1.078a1.1 1.1 0 0 0 .568.488c.233.086.487.128.763.128.201 0 .378-.014.53-.04l.354-.066.455 2.041a4.518 4.518 0 0 1-.624.17c-.27.058-.607.09-1.01.095a4.509 4.509 0 0 1-1.853-.347 3.165 3.165 0 0 1-1.39-1.124c-.355-.506-.531-1.143-.531-1.91V1.983Zm13.846 3.041v1.984h-7.312V5.024h7.312ZM64.2 17.718V3.553c0-.794.177-1.453.531-1.98.354-.525.823-.92 1.406-1.18A4.615 4.615 0 0 1 68.041 0a6.072 6.072 0 0 1 2.098.338l-.59 2c-.117-.034-.27-.074-.454-.12a2.81 2.81 0 0 0-.674-.07c-.612 0-1.048.148-1.309.445-.26.297-.392.728-.392 1.29v13.835H64.2Zm12.182.257c-1.213 0-2.27-.273-3.175-.818-.904-.545-1.606-1.31-2.106-2.289-.5-.981-.75-2.127-.75-3.438 0-1.312.25-2.469.75-3.455.5-.986 1.202-1.753 2.106-2.298.904-.545 1.963-.818 3.175-.818 1.213 0 2.271.273 3.176.818.904.545 1.605 1.312 2.106 2.298.499.986.75 2.138.75 3.455 0 1.316-.251 2.457-.75 3.438-.5.981-1.202 1.744-2.106 2.289-.905.545-1.963.818-3.176.818Zm.008-2.074c.787 0 1.438-.204 1.954-.612.517-.41.9-.95 1.15-1.628.25-.678.374-1.425.374-2.24 0-.815-.124-1.555-.374-2.236-.25-.68-.633-1.227-1.15-1.64-.516-.415-1.167-.62-1.954-.62-.786 0-1.448.206-1.967.62-.519.412-.904.96-1.153 1.64a6.43 6.43 0 0 0-.375 2.236c0 .81.125 1.562.375 2.24.25.677.634 1.22 1.153 1.628.52.407 1.176.612 1.967.612Zm8.044 1.817V5.024h2.434V7.04h.135a3.098 3.098 0 0 1 1.25-1.617 3.619 3.619 0 0 1 2.034-.591 10.666 10.666 0 0 1 1.071.058v2.363a5.1 5.1 0 0 0-.538-.095 5.6 5.6 0 0 0-.775-.054c-.595 0-1.124.122-1.588.368-.464.245-.83.584-1.1 1.017-.27.432-.405.924-.405 1.475v7.752h-2.518v.002Zm8.589 0V5.023h2.418V7.09h.16c.27-.7.71-1.246 1.322-1.641.612-.394 1.345-.592 2.2-.592.854 0 1.59.198 2.177.596.587.396 1.021.942 1.302 1.637h.135c.309-.678.8-1.22 1.474-1.624.674-.405 1.477-.607 2.409-.607 1.174 0 2.132.361 2.876 1.082.744.722 1.117 1.81 1.117 3.265v8.512h-2.519v-8.28c0-.86-.239-1.483-.716-1.869-.477-.386-1.047-.578-1.71-.578-.82 0-1.457.246-1.912.739-.455.492-.683 1.125-.683 1.896v8.092h-2.509V9.281c0-.69-.219-1.242-.657-1.662-.437-.419-1.007-.627-1.71-.627-.477 0-.917.122-1.318.368a2.74 2.74 0 0 0-.969 1.02c-.243.435-.365.94-.365 1.513v7.826h-2.522Z"
4934
+ })
4935
+ });
4936
+ };
4937
+ LogoFlagPlatformInverse.defaultProps = {
4938
+ xmlns: "http://www.w3.org/2000/svg",
4939
+ width: "111",
4940
+ height: "18",
4941
+ fill: "none"
4942
+ };
4943
+ var LogoFlagPlatform = function LogoFlagPlatform(props) {
4944
+ return /*#__PURE__*/jsx("svg", {
4945
+ ...props,
4946
+ children: /*#__PURE__*/jsx("path", {
4947
+ fill: "#163300",
4948
+ d: "M4.887 5.92 0 11.525h8.726l.98-2.642H5.969L8.252 6.29l.008-.068-1.486-2.508h6.683L8.276 17.7h3.546L18.079.84H1.916l2.97 5.08Zm17.114 11.8V.792h6.15c1.341 0 2.454.24 3.334.719.882.48 1.541 1.134 1.979 1.963.438.83.657 1.762.657 2.798s-.22 1.976-.662 2.806c-.44.829-1.104 1.485-1.988 1.967-.885.482-1.995.723-3.331.723h-4.23V9.603h3.994c.848 0 1.536-.144 2.064-.434.528-.29.914-.684 1.162-1.186.248-.501.37-1.07.37-1.71 0-.639-.122-1.206-.37-1.702-.248-.497-.636-.885-1.166-1.165-.531-.282-1.228-.422-2.093-.422h-3.268v14.735H22h.001ZM38.823.793v16.926h-2.518V.793h2.518ZM45.712 18c-.82 0-1.561-.15-2.224-.45a3.665 3.665 0 0 1-1.572-1.31c-.385-.573-.576-1.275-.576-2.107 0-.717.14-1.307.42-1.768.281-.462.661-.83 1.138-1.1a6.036 6.036 0 0 1 1.6-.612c.59-.139 1.19-.243 1.802-.314.775-.088 1.404-.16 1.887-.218.482-.058.834-.153 1.052-.286.22-.132.33-.347.33-.644v-.058c0-.72-.208-1.28-.62-1.678-.412-.396-1.025-.595-1.84-.595-.813 0-1.514.183-2 .55-.486.366-.822.772-1.007 1.218L41.736 8.1c.28-.772.692-1.395 1.234-1.873a5.034 5.034 0 0 1 1.874-1.041 7.562 7.562 0 0 1 2.232-.327c.516 0 1.065.06 1.647.178a4.949 4.949 0 0 1 1.634.65c.509.313.925.76 1.25 1.342.325.58.49 1.334.49 2.26v8.43h-2.46v-1.736h-.101c-.163.32-.408.634-.733.942-.326.309-.744.565-1.255.77-.512.204-1.123.305-1.836.305Zm.547-1.984c.696 0 1.294-.135 1.79-.405.497-.27.876-.623 1.138-1.062a2.71 2.71 0 0 0 .392-1.409v-1.637c-.09.089-.262.17-.518.244a7.313 7.313 0 0 1-.871.19c-.327.054-.644.1-.952.14l-.774.104c-.489.06-.933.162-1.336.306-.4.144-.722.348-.96.616-.239.267-.358.62-.358 1.062 0 .612.23 1.073.69 1.385.46.31 1.048.466 1.76.466ZM60.833 5.025V7.01h-7.067V5.025h7.067Zm-5.172-3.04h2.518v12.008c0 .48.074.838.22 1.078a1.1 1.1 0 0 0 .568.488c.233.086.487.128.763.128.201 0 .378-.014.53-.04l.354-.066.455 2.041a4.53 4.53 0 0 1-.624.17c-.27.058-.607.09-1.01.095a4.509 4.509 0 0 1-1.853-.347 3.166 3.166 0 0 1-1.39-1.124c-.355-.506-.531-1.143-.531-1.91V1.985Zm13.846 3.041V7.01h-7.312V5.026h7.312ZM64.2 17.72V3.555c0-.794.177-1.453.531-1.98.354-.525.823-.92 1.406-1.18a4.615 4.615 0 0 1 1.904-.393A6.072 6.072 0 0 1 70.14.34l-.59 2c-.117-.034-.27-.074-.454-.12a2.81 2.81 0 0 0-.674-.07c-.612 0-1.048.148-1.309.445-.26.297-.392.728-.392 1.29V17.72H64.2Zm12.182.257c-1.213 0-2.27-.273-3.175-.818-.904-.545-1.606-1.31-2.106-2.289-.5-.981-.75-2.127-.75-3.438 0-1.312.25-2.469.75-3.455.5-.986 1.202-1.753 2.106-2.298.904-.545 1.963-.818 3.175-.818 1.213 0 2.271.273 3.176.818.904.545 1.605 1.312 2.106 2.298.499.986.75 2.138.75 3.455 0 1.316-.251 2.457-.75 3.438-.5.981-1.202 1.744-2.106 2.289-.905.545-1.963.818-3.176.818Zm.008-2.075c.787 0 1.438-.203 1.954-.611.517-.41.9-.95 1.15-1.628.25-.678.374-1.425.374-2.24 0-.815-.124-1.555-.374-2.236-.25-.68-.633-1.227-1.15-1.64-.516-.415-1.167-.62-1.954-.62-.786 0-1.448.206-1.967.62-.519.412-.904.96-1.153 1.64a6.43 6.43 0 0 0-.375 2.236c0 .81.125 1.562.375 2.24.25.677.634 1.22 1.153 1.627.52.408 1.176.613 1.967.613Zm8.044 1.818V5.026h2.434v2.016h.135a3.098 3.098 0 0 1 1.25-1.617 3.618 3.618 0 0 1 2.034-.591 10.677 10.677 0 0 1 1.071.058v2.363a5.1 5.1 0 0 0-.538-.095 5.6 5.6 0 0 0-.775-.054c-.595 0-1.124.122-1.588.368-.464.245-.83.583-1.1 1.017-.27.432-.405.924-.405 1.475v7.752h-2.518v.002Zm8.589 0V5.025h2.418v2.067h.16c.27-.7.71-1.246 1.322-1.641.612-.394 1.345-.592 2.2-.592.854 0 1.59.198 2.177.596.587.396 1.021.942 1.302 1.637h.135c.309-.678.8-1.22 1.474-1.624.674-.405 1.477-.607 2.409-.607 1.174 0 2.132.361 2.876 1.082.744.722 1.117 1.81 1.117 3.265v8.512h-2.519V9.44c0-.86-.239-1.483-.716-1.869-.477-.386-1.047-.578-1.71-.578-.82 0-1.457.246-1.912.739-.455.492-.683 1.125-.683 1.896v8.092h-2.509V9.283c0-.69-.219-1.243-.657-1.662-.437-.419-1.007-.627-1.71-.627-.477 0-.917.122-1.318.368a2.74 2.74 0 0 0-.969 1.02c-.243.435-.365.94-.365 1.513v7.826h-2.519l-.003-.001Z"
4949
+ })
4950
+ });
4951
+ };
4952
+ LogoFlagPlatform.defaultProps = {
4953
+ xmlns: "http://www.w3.org/2000/svg",
4954
+ width: "111",
4955
+ height: "18",
4956
+ fill: "none"
4957
+ };
5195
4958
  var LogoFlag = function LogoFlag(props) {
5196
4959
  return /*#__PURE__*/jsx("svg", {
5197
4960
  ...props,
@@ -5222,6 +4985,36 @@ LogoWiseInverse.defaultProps = {
5222
4985
  height: "24",
5223
4986
  fill: "none"
5224
4987
  };
4988
+ var LogoWisePlatformInverse = function LogoWisePlatformInverse(props) {
4989
+ return /*#__PURE__*/jsx("svg", {
4990
+ ...props,
4991
+ children: /*#__PURE__*/jsx("path", {
4992
+ fill: "#fff",
4993
+ d: "M43.276.841h4.787l-2.409 16.86h-4.787L43.276.84Zm-6.036 0-3.232 9.712L32.598.84H29.25l-4.23 9.684L24.49.84h-4.64l1.616 16.86h3.848l4.758-10.664L31.747 17.7h3.788L41.794.84H37.24Zm40.196 9.8H66.069c.059 2.189 1.396 3.63 3.363 3.63 1.483 0 2.657-.778 3.568-2.261l3.837 1.711c-1.32 2.55-4.098 4.211-7.523 4.211-4.67 0-7.769-3.083-7.769-8.04 0-5.447 3.642-9.31 8.783-9.31 4.524 0 7.373 2.998 7.373 7.667 0 .778-.088 1.555-.265 2.391Zm-4.259-3.228c0-1.96-1.117-3.2-2.908-3.2s-3.378 1.298-3.789 3.2h6.697ZM4.887 5.92 0 11.526h8.726l.98-2.642H5.969l2.284-2.592.008-.069-1.486-2.508h6.683L8.276 17.702h3.546L18.079.842H1.916l2.97 5.08Zm50.96-1.709c1.69 0 3.169.892 4.461 2.42l.679-4.755C59.783 1.077 58.152.58 55.994.58c-4.288 0-6.697 2.464-6.697 5.59 0 2.17 1.234 3.496 3.26 4.353l.97.432c1.806.756 2.291 1.132 2.291 1.931 0 .8-.815 1.355-2.056 1.355-2.048.007-3.708-1.024-4.956-2.782l-.692 4.843c1.422 1.063 3.245 1.628 5.648 1.628 4.076 0 6.58-2.306 6.58-5.505 0-2.176-.984-3.573-3.466-4.669l-1.058-.49c-1.469-.641-1.968-.994-1.968-1.7 0-.763.683-1.354 1.997-1.354ZM83.392 17.72V.792h6.149c1.342 0 2.454.24 3.335.719.882.48 1.541 1.134 1.979 1.963.437.83.656 1.762.656 2.798s-.22 1.976-.662 2.806c-.44.829-1.103 1.485-1.988 1.967-.884.482-1.994.723-3.33.723H85.3V9.603h3.993c.848 0 1.536-.144 2.064-.434.528-.29.915-.684 1.163-1.186.247-.501.37-1.07.37-1.71 0-.639-.123-1.206-.37-1.702-.248-.497-.636-.885-1.167-1.165-.53-.282-1.228-.422-2.092-.422h-3.269v14.735H83.39ZM100.21.793v16.926h-2.519V.793h2.519ZM107.102 18c-.82 0-1.561-.15-2.224-.45a3.664 3.664 0 0 1-1.571-1.31c-.385-.573-.577-1.275-.577-2.107 0-.717.141-1.307.421-1.768.281-.462.661-.83 1.138-1.1a6.031 6.031 0 0 1 1.6-.612c.589-.139 1.19-.243 1.802-.314.774-.088 1.403-.16 1.887-.218.482-.058.833-.153 1.052-.286.219-.132.329-.347.329-.644v-.058c0-.72-.207-1.28-.619-1.678-.412-.396-1.026-.595-1.84-.595-.813 0-1.514.183-2.001.55-.486.366-.821.772-1.006 1.218l-2.367-.528c.281-.772.692-1.395 1.235-1.873a5.03 5.03 0 0 1 1.874-1.041 7.558 7.558 0 0 1 2.231-.327c.517 0 1.066.06 1.648.178a4.952 4.952 0 0 1 1.634.65c.508.313.925.76 1.25 1.342.325.58.489 1.334.489 2.26v8.43h-2.46v-1.736h-.101a3.5 3.5 0 0 1-.732.942c-.327.309-.745.565-1.256.77-.511.204-1.123.305-1.836.305Zm.548-1.984c.696 0 1.293-.135 1.79-.405.497-.27.876-.623 1.138-1.062.26-.438.391-.908.391-1.409v-1.637c-.09.089-.262.17-.517.244a7.34 7.34 0 0 1-.872.19c-.326.054-.643.1-.951.14l-.775.104a6.22 6.22 0 0 0-1.335.306c-.401.144-.722.348-.961.616-.238.267-.357.62-.357 1.062 0 .612.23 1.073.69 1.385.46.31 1.047.466 1.76.466h-.001Zm14.574-10.991V7.01h-7.068V5.025h7.068Zm-5.173-3.04h2.519v12.008c0 .48.073.838.219 1.078a1.1 1.1 0 0 0 .569.488c.233.086.487.128.762.128.202 0 .379-.014.531-.04l.354-.066.455 2.041a4.555 4.555 0 0 1-.624.17c-.27.058-.607.09-1.011.095a4.51 4.51 0 0 1-1.853-.347 3.17 3.17 0 0 1-1.39-1.124c-.354-.506-.531-1.143-.531-1.91V1.985Zm13.846 3.041V7.01h-7.311V5.026h7.311Zm-5.306 12.694V3.555c0-.794.177-1.453.531-1.98.354-.525.823-.92 1.406-1.18a4.614 4.614 0 0 1 1.904-.393 6.067 6.067 0 0 1 2.098.338l-.59 2c-.118-.034-.27-.074-.454-.12a2.818 2.818 0 0 0-.674-.07c-.612 0-1.048.148-1.309.445-.261.297-.392.728-.392 1.29V17.72h-2.52Zm12.182.255c-1.214 0-2.271-.273-3.175-.818-.905-.545-1.607-1.31-2.106-2.289-.5-.981-.75-2.127-.75-3.438 0-1.312.25-2.469.75-3.455.499-.986 1.201-1.753 2.106-2.298.904-.545 1.963-.818 3.175-.818 1.212 0 2.271.273 3.175.818.905.545 1.606 1.312 2.106 2.298.5.986.75 2.138.75 3.455 0 1.316-.25 2.457-.75 3.438-.499.981-1.201 1.744-2.106 2.289-.904.545-1.963.818-3.175.818Zm.008-2.074c.786 0 1.437-.204 1.954-.612.516-.41.9-.95 1.149-1.628.25-.678.375-1.425.375-2.24 0-.815-.125-1.555-.375-2.236-.25-.68-.633-1.227-1.149-1.64-.517-.415-1.168-.62-1.954-.62s-1.448.206-1.967.62c-.519.412-.904.96-1.153 1.64a6.414 6.414 0 0 0-.375 2.236c0 .81.124 1.562.375 2.24.25.677.634 1.22 1.153 1.628.519.407 1.175.612 1.967.612Zm8.039 1.819V5.026h2.435v2.016h.135a3.1 3.1 0 0 1 1.25-1.617 3.62 3.62 0 0 1 2.034-.591 10.671 10.671 0 0 1 1.071.058v2.363a5.174 5.174 0 0 0-.539-.095 5.594 5.594 0 0 0-.774-.054c-.595 0-1.125.122-1.589.368a2.83 2.83 0 0 0-1.099 1.017c-.27.432-.405.924-.405 1.475v7.752h-2.519v.002Zm8.59 0V5.025h2.418v2.067h.16c.27-.7.71-1.246 1.322-1.641.612-.394 1.345-.592 2.199-.592.855 0 1.591.198 2.178.596a3.5 3.5 0 0 1 1.301 1.637h.135a3.62 3.62 0 0 1 1.475-1.624c.673-.405 1.477-.607 2.408-.607 1.175 0 2.132.361 2.877 1.082.744.722 1.116 1.81 1.116 3.265v8.512h-2.518V9.44c0-.86-.239-1.483-.716-1.869-.477-.386-1.047-.578-1.71-.578-.82 0-1.457.246-1.912.739-.455.492-.683 1.125-.683 1.896v8.092h-2.509V9.283c0-.69-.219-1.243-.657-1.662-.438-.419-1.008-.627-1.71-.627-.477 0-.917.122-1.318.368a2.742 2.742 0 0 0-.969 1.02c-.244.435-.365.94-.365 1.513v7.826h-2.519l-.003-.001Z"
4994
+ })
4995
+ });
4996
+ };
4997
+ LogoWisePlatformInverse.defaultProps = {
4998
+ xmlns: "http://www.w3.org/2000/svg",
4999
+ width: "172",
5000
+ height: "18",
5001
+ fill: "none"
5002
+ };
5003
+ var LogoWisePlatform = function LogoWisePlatform(props) {
5004
+ return /*#__PURE__*/jsx("svg", {
5005
+ ...props,
5006
+ children: /*#__PURE__*/jsx("path", {
5007
+ fill: "#163300",
5008
+ d: "M43.276.841h4.787l-2.409 16.86h-4.787L43.276.84Zm-6.036 0-3.232 9.712L32.598.84H29.25l-4.23 9.684L24.49.84h-4.64l1.616 16.86h3.848l4.758-10.664L31.747 17.7h3.788L41.794.84H37.24Zm40.196 9.8H66.069c.059 2.189 1.396 3.63 3.363 3.63 1.483 0 2.657-.778 3.568-2.261l3.837 1.711c-1.32 2.55-4.098 4.211-7.523 4.211-4.67 0-7.769-3.083-7.769-8.04 0-5.447 3.642-9.31 8.783-9.31 4.524 0 7.373 2.998 7.373 7.667 0 .778-.088 1.555-.265 2.391Zm-4.259-3.228c0-1.96-1.117-3.2-2.908-3.2s-3.378 1.298-3.789 3.2h6.697ZM4.887 5.92 0 11.526h8.726l.98-2.642H5.969l2.284-2.592.008-.069-1.486-2.508h6.683L8.276 17.702h3.546L18.079.842H1.916l2.97 5.08Zm50.96-1.709c1.69 0 3.169.892 4.461 2.42l.679-4.755C59.783 1.077 58.152.58 55.994.58c-4.288 0-6.697 2.464-6.697 5.59 0 2.17 1.234 3.496 3.26 4.353l.97.432c1.806.756 2.291 1.132 2.291 1.931 0 .8-.815 1.355-2.056 1.355-2.048.007-3.708-1.024-4.956-2.782l-.692 4.843c1.422 1.063 3.245 1.628 5.648 1.628 4.076 0 6.58-2.306 6.58-5.505 0-2.176-.984-3.573-3.466-4.669l-1.058-.49c-1.469-.641-1.968-.994-1.968-1.7 0-.763.683-1.354 1.997-1.354ZM83.392 17.72V.792h6.149c1.342 0 2.454.24 3.335.719.882.48 1.541 1.134 1.979 1.963.437.83.656 1.762.656 2.798s-.22 1.976-.662 2.806c-.44.829-1.103 1.485-1.988 1.967-.884.482-1.994.723-3.33.723H85.3V9.603h3.993c.848 0 1.536-.144 2.064-.434.528-.29.915-.684 1.163-1.186.247-.501.37-1.07.37-1.71 0-.639-.123-1.206-.37-1.702-.248-.497-.636-.885-1.167-1.165-.53-.282-1.228-.422-2.092-.422h-3.269v14.735H83.39ZM100.21.793v16.926h-2.519V.793h2.519ZM107.102 18c-.82 0-1.561-.15-2.224-.45a3.664 3.664 0 0 1-1.571-1.31c-.385-.573-.577-1.275-.577-2.107 0-.717.141-1.307.421-1.768.281-.462.661-.83 1.138-1.1a6.031 6.031 0 0 1 1.6-.612c.589-.139 1.19-.243 1.802-.314.774-.088 1.403-.16 1.887-.218.482-.058.833-.153 1.052-.286.219-.132.329-.347.329-.644v-.058c0-.72-.207-1.28-.619-1.678-.412-.396-1.026-.595-1.84-.595-.813 0-1.514.183-2.001.55-.486.366-.821.772-1.006 1.218l-2.367-.528c.281-.772.692-1.395 1.235-1.873a5.03 5.03 0 0 1 1.874-1.041 7.558 7.558 0 0 1 2.231-.327c.517 0 1.066.06 1.648.178a4.952 4.952 0 0 1 1.634.65c.508.313.925.76 1.25 1.342.325.58.489 1.334.489 2.26v8.43h-2.46v-1.736h-.101a3.5 3.5 0 0 1-.732.942c-.327.309-.745.565-1.256.77-.511.204-1.123.305-1.836.305Zm.548-1.984c.696 0 1.293-.135 1.79-.405.497-.27.876-.623 1.138-1.062.26-.438.391-.908.391-1.409v-1.637c-.09.089-.262.17-.517.244a7.34 7.34 0 0 1-.872.19c-.326.054-.643.1-.951.14l-.775.104a6.22 6.22 0 0 0-1.335.306c-.401.144-.722.348-.961.616-.238.267-.357.62-.357 1.062 0 .612.23 1.073.69 1.385.46.31 1.047.466 1.76.466h-.001Zm14.574-10.991V7.01h-7.068V5.025h7.068Zm-5.173-3.04h2.519v12.008c0 .48.073.838.219 1.078a1.1 1.1 0 0 0 .569.488c.233.086.487.128.762.128.202 0 .379-.014.531-.04l.354-.066.455 2.041a4.555 4.555 0 0 1-.624.17c-.27.058-.607.09-1.011.095a4.51 4.51 0 0 1-1.853-.347 3.17 3.17 0 0 1-1.39-1.124c-.354-.506-.531-1.143-.531-1.91V1.985Zm13.846 3.041V7.01h-7.311V5.026h7.311Zm-5.306 12.694V3.555c0-.794.177-1.453.531-1.98.354-.525.823-.92 1.406-1.18a4.614 4.614 0 0 1 1.904-.393 6.067 6.067 0 0 1 2.098.338l-.59 2c-.118-.034-.27-.074-.454-.12a2.818 2.818 0 0 0-.674-.07c-.612 0-1.048.148-1.309.445-.261.297-.392.728-.392 1.29V17.72h-2.52Zm12.182.255c-1.214 0-2.271-.273-3.175-.818-.905-.545-1.607-1.31-2.106-2.289-.5-.981-.75-2.127-.75-3.438 0-1.312.25-2.469.75-3.455.499-.986 1.201-1.753 2.106-2.298.904-.545 1.963-.818 3.175-.818 1.212 0 2.271.273 3.175.818.905.545 1.606 1.312 2.106 2.298.5.986.75 2.138.75 3.455 0 1.316-.25 2.457-.75 3.438-.499.981-1.201 1.744-2.106 2.289-.904.545-1.963.818-3.175.818Zm.008-2.074c.786 0 1.437-.204 1.954-.612.516-.41.9-.95 1.149-1.628.25-.678.375-1.425.375-2.24 0-.815-.125-1.555-.375-2.236-.25-.68-.633-1.227-1.149-1.64-.517-.415-1.168-.62-1.954-.62s-1.448.206-1.967.62c-.519.412-.904.96-1.153 1.64a6.414 6.414 0 0 0-.375 2.236c0 .81.124 1.562.375 2.24.25.677.634 1.22 1.153 1.628.519.407 1.175.612 1.967.612Zm8.039 1.819V5.026h2.435v2.016h.135a3.1 3.1 0 0 1 1.25-1.617 3.62 3.62 0 0 1 2.034-.591 10.671 10.671 0 0 1 1.071.058v2.363a5.174 5.174 0 0 0-.539-.095 5.594 5.594 0 0 0-.774-.054c-.595 0-1.125.122-1.589.368a2.83 2.83 0 0 0-1.099 1.017c-.27.432-.405.924-.405 1.475v7.752h-2.519v.002Zm8.59 0V5.025h2.418v2.067h.16c.27-.7.71-1.246 1.322-1.641.612-.394 1.345-.592 2.199-.592.855 0 1.591.198 2.178.596a3.5 3.5 0 0 1 1.301 1.637h.135a3.62 3.62 0 0 1 1.475-1.624c.673-.405 1.477-.607 2.408-.607 1.175 0 2.132.361 2.877 1.082.744.722 1.116 1.81 1.116 3.265v8.512h-2.518V9.44c0-.86-.239-1.483-.716-1.869-.477-.386-1.047-.578-1.71-.578-.82 0-1.457.246-1.912.739-.455.492-.683 1.125-.683 1.896v8.092h-2.509V9.283c0-.69-.219-1.243-.657-1.662-.438-.419-1.008-.627-1.71-.627-.477 0-.917.122-1.318.368a2.742 2.742 0 0 0-.969 1.02c-.244.435-.365.94-.365 1.513v7.826h-2.519l-.003-.001Z"
5009
+ })
5010
+ });
5011
+ };
5012
+ LogoWisePlatform.defaultProps = {
5013
+ xmlns: "http://www.w3.org/2000/svg",
5014
+ width: "172",
5015
+ height: "18",
5016
+ fill: "none"
5017
+ };
5225
5018
  var LogoWise = function LogoWise(props) {
5226
5019
  return /*#__PURE__*/jsx("svg", {
5227
5020
  ...props,
@@ -5242,24 +5035,29 @@ const svgPaths = {
5242
5035
  WISE_BUSINESS: LogoWise,
5243
5036
  WISE_INVERSE: LogoWiseInverse,
5244
5037
  WISE_BUSINESS_INVERSE: LogoWiseInverse,
5038
+ WISE_PLATFORM: LogoWisePlatform,
5039
+ WISE_PLATFORM_INVERSE: LogoWisePlatformInverse,
5245
5040
  WISE_FLAG: LogoFlag,
5246
- WISE_FLAG_INVERSE: LogoFlagInverse
5041
+ WISE_FLAG_INVERSE: LogoFlagInverse,
5042
+ WISE_FLAG_PLATFORM: LogoFlagPlatform,
5043
+ WISE_FLAG_PLATFORM_INVERSE: LogoFlagPlatformInverse
5247
5044
  };
5248
5045
  const Logo = ({
5249
5046
  className,
5250
5047
  inverse,
5251
5048
  type
5252
5049
  }) => {
5253
- const LogoSm = svgPaths[`WISE_FLAG${inverse ? '_INVERSE' : ''}`];
5050
+ const LogoSm = svgPaths[`WISE_FLAG${type === LogoType.WISE_PLATFORM ? '_PLATFORM' : ''}${inverse ? '_INVERSE' : ''}`];
5254
5051
  const LogoMd = svgPaths[`${type}${inverse ? '_INVERSE' : ''}`];
5052
+ const screenMd = useScreenSize(Breakpoint.MEDIUM);
5255
5053
  return /*#__PURE__*/jsxs("span", {
5256
- "aria-label": type === LogoType.WISE ? 'Wise' : 'Wise business',
5054
+ "aria-label": type === LogoType.WISE ? 'Wise' : 'Wise Business' | type === LogoType.WISE_PLATFORM ? 'Wise Platform' : 'Wise Business',
5257
5055
  role: "img",
5258
5056
  className: classNames(className, 'np-logo'),
5259
- children: [/*#__PURE__*/jsx(LogoSm, {
5260
- className: "np-logo-svg np-logo-svg--size-sm"
5261
- }), /*#__PURE__*/jsx(LogoMd, {
5262
- className: "np-logo-svg np-logo-svg--size-md"
5057
+ children: [!screenMd && /*#__PURE__*/jsx(LogoSm, {
5058
+ className: "np-logo-svg"
5059
+ }), screenMd && /*#__PURE__*/jsx(LogoMd, {
5060
+ className: "np-logo-svg"
5263
5061
  })]
5264
5062
  });
5265
5063
  };
@@ -5269,7 +5067,7 @@ Logo.propTypes = {
5269
5067
  /** If true, will use dark colours for dark on light theme */
5270
5068
  inverse: PropTypes.bool,
5271
5069
  /** What type of logo to display */
5272
- type: PropTypes.oneOf(['WISE', 'WISE_BUSINESS'])
5070
+ type: PropTypes.oneOf(['WISE', 'WISE_BUSINESS', 'WISE_PLATFORM'])
5273
5071
  };
5274
5072
  Logo.defaultProps = {
5275
5073
  className: undefined,
@@ -5799,7 +5597,7 @@ function Popover$1({
5799
5597
  const resolvedPlacement = resolvePlacement(preferredPlacement);
5800
5598
  useEffect(() => {
5801
5599
  if (resolvedPlacement !== preferredPlacement) {
5802
- logActionRequired$1(`Popover has deprecated ${preferredPlacement} value for the 'preferredPlacement' prop. Please use ${resolvedPlacement} instead.`);
5600
+ logActionRequired(`Popover has deprecated ${preferredPlacement} value for the 'preferredPlacement' prop. Please use ${resolvedPlacement} instead.`);
5803
5601
  }
5804
5602
  }, [preferredPlacement, resolvedPlacement]);
5805
5603
  const anchorReference = useRef(null);
@@ -5904,49 +5702,22 @@ const Info = ({
5904
5702
  });
5905
5703
  };
5906
5704
 
5907
- const typeClassMap = {
5908
- [Sentiment.ERROR]: 'danger',
5909
- [Sentiment.NEGATIVE]: 'danger'
5910
- };
5911
- const InlineAlert = ({
5705
+ function InlineAlert({
5912
5706
  id,
5913
- type = Sentiment.NEUTRAL,
5707
+ type = 'neutral',
5914
5708
  className,
5915
5709
  children
5916
- }) => {
5917
- const {
5918
- isModern
5919
- } = useTheme();
5920
- const typeClass = `alert-${typeClassMap[type] || type}`;
5921
- if (isModern) {
5922
- return /*#__PURE__*/jsxs("div", {
5923
- role: "alert",
5924
- id: id,
5925
- className: classNames('alert alert-detach', typeClass, className),
5926
- children: [(type === 'error' || type === 'negative') && /*#__PURE__*/jsx(AlertCircle, {}), /*#__PURE__*/jsx("div", {
5927
- children: children
5928
- })]
5929
- });
5930
- }
5931
- const getAlertContents = ({
5932
- children,
5933
- className
5934
- }) => {
5935
- return /*#__PURE__*/jsx("div", {
5936
- role: "alert",
5937
- id: id,
5938
- className: classNames('alert alert-detach p-x-2 p-y-1', typeClass, className),
5710
+ }) {
5711
+ const danger = type === 'negative' || type === 'error';
5712
+ return /*#__PURE__*/jsxs("div", {
5713
+ role: "alert",
5714
+ id: id,
5715
+ className: classNames('alert alert-detach', `alert-${danger ? 'danger' : type}`, className),
5716
+ children: [danger && /*#__PURE__*/jsx(AlertCircle, {}), /*#__PURE__*/jsx("div", {
5939
5717
  children: children
5940
- });
5941
- };
5942
- const AlertWithArrow = withArrow(getAlertContents, ArrowPosition.TOP_LEFT);
5943
- return /*#__PURE__*/jsx(AlertWithArrow, {
5944
- id,
5945
- type,
5946
- className,
5947
- children
5718
+ })]
5948
5719
  });
5949
- };
5720
+ }
5950
5721
 
5951
5722
  /*
5952
5723
  * Inspired by:
@@ -6045,9 +5816,9 @@ function InputAddon({
6045
5816
  const ref = useRef(null);
6046
5817
  useResizeObserver(ref, entry => {
6047
5818
  // TODO: Remove fallback once most browsers support `borderBoxSize`
6048
- // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
6049
- if (entry.borderBoxSize != null) {
6050
- setInputPadding(entry.borderBoxSize[0].inlineSize);
5819
+ const inlineSize = entry.borderBoxSize?.[0]?.inlineSize;
5820
+ if (inlineSize != null) {
5821
+ setInputPadding(inlineSize);
6051
5822
  } else {
6052
5823
  const targetStyle = getComputedStyle(entry.target);
6053
5824
  setInputPadding(entry.contentRect.width + Number.parseFloat(targetStyle.paddingInlineStart) + Number.parseFloat(targetStyle.paddingInlineEnd));
@@ -6194,65 +5965,61 @@ function BottomSheet({
6194
5965
  theme: "personal",
6195
5966
  screenMode: theme === 'personal' ? screenMode : 'light',
6196
5967
  isNotRootProvider: true,
6197
- children: /*#__PURE__*/jsx(Transition, {
5968
+ children: /*#__PURE__*/jsxs(Transition, {
6198
5969
  show: open,
6199
5970
  className: "np-bottom-sheet-v2-container",
6200
5971
  beforeEnter: () => {
6201
5972
  setFloatingKey(prev => prev + 1);
6202
5973
  },
6203
5974
  afterLeave: onCloseEnd,
6204
- children: /*#__PURE__*/jsxs(FocusBoundary, {
6205
- children: [/*#__PURE__*/jsx(Transition.Child, {
6206
- enter: "np-bottom-sheet-v2-backdrop-container--enter",
6207
- enterFrom: "np-bottom-sheet-v2-backdrop-container--enter-from",
6208
- leave: "np-bottom-sheet-v2-backdrop-container--leave",
6209
- leaveTo: "np-bottom-sheet-v2-backdrop-container--leave-to",
6210
- children: /*#__PURE__*/jsx("div", {
6211
- className: "np-bottom-sheet-v2-backdrop"
6212
- })
6213
- }), /*#__PURE__*/jsx("div", {
6214
- className: "np-bottom-sheet-v2",
6215
- children: /*#__PURE__*/jsx(Transition.Child, {
6216
- className: "np-bottom-sheet-v2-content",
6217
- enter: "np-bottom-sheet-v2-content--enter",
6218
- enterFrom: "np-bottom-sheet-v2-content--enter-from",
6219
- leave: "np-bottom-sheet-v2-content--leave",
6220
- leaveTo: "np-bottom-sheet-v2-content--leave-to",
6221
- children: /*#__PURE__*/jsx(FloatingFocusManager, {
6222
- context: context,
6223
- initialFocus: initialFocusRef,
6224
- guards: false,
6225
- modal: false,
6226
- children: /*#__PURE__*/jsxs("div", {
6227
- // Force inner state invalidation on open
6228
- ref: refs.setFloating,
6229
- className: "np-bottom-sheet-v2-content-inner-container",
6230
- ...getFloatingProps(),
6231
- children: [/*#__PURE__*/jsx("div", {
6232
- className: "np-bottom-sheet-v2-header",
6233
- children: /*#__PURE__*/jsx(CloseButton, {
6234
- size: Size.SMALL,
6235
- onClick: () => {
6236
- onClose?.();
6237
- }
6238
- })
6239
- }), /*#__PURE__*/jsxs("div", {
6240
- className: classNames('np-bottom-sheet-v2-content-inner', title && 'np-bottom-sheet-v2-content-inner--has-title', {
6241
- 'np-bottom-sheet-v2-content-inner--padding-md': padding === 'md'
6242
- }),
6243
- children: [title ? /*#__PURE__*/jsx("h2", {
6244
- className: "np-bottom-sheet-v2-title np-text-title-body",
6245
- children: title
6246
- }) : null, /*#__PURE__*/jsx("div", {
6247
- className: "np-bottom-sheet-v2-body np-text-body-default",
6248
- children: children
6249
- })]
5975
+ children: [/*#__PURE__*/jsx(Transition.Child, {
5976
+ enter: "np-bottom-sheet-v2-backdrop-container--enter",
5977
+ enterFrom: "np-bottom-sheet-v2-backdrop-container--enter-from",
5978
+ leave: "np-bottom-sheet-v2-backdrop-container--leave",
5979
+ leaveTo: "np-bottom-sheet-v2-backdrop-container--leave-to",
5980
+ children: /*#__PURE__*/jsx("div", {
5981
+ className: "np-bottom-sheet-v2-backdrop"
5982
+ })
5983
+ }), /*#__PURE__*/jsx("div", {
5984
+ className: "np-bottom-sheet-v2",
5985
+ children: /*#__PURE__*/jsx(Transition.Child, {
5986
+ className: "np-bottom-sheet-v2-content",
5987
+ enter: "np-bottom-sheet-v2-content--enter",
5988
+ enterFrom: "np-bottom-sheet-v2-content--enter-from",
5989
+ leave: "np-bottom-sheet-v2-content--leave",
5990
+ leaveTo: "np-bottom-sheet-v2-content--leave-to",
5991
+ children: /*#__PURE__*/jsx(FloatingFocusManager, {
5992
+ context: context,
5993
+ initialFocus: initialFocusRef,
5994
+ children: /*#__PURE__*/jsxs("div", {
5995
+ // Force inner state invalidation on open
5996
+ ref: refs.setFloating,
5997
+ className: "np-bottom-sheet-v2-content-inner-container",
5998
+ ...getFloatingProps(),
5999
+ children: [/*#__PURE__*/jsx("div", {
6000
+ className: "np-bottom-sheet-v2-header",
6001
+ children: /*#__PURE__*/jsx(CloseButton, {
6002
+ size: Size.SMALL,
6003
+ onClick: () => {
6004
+ onClose?.();
6005
+ }
6006
+ })
6007
+ }), /*#__PURE__*/jsxs("div", {
6008
+ className: classNames('np-bottom-sheet-v2-content-inner', title && 'np-bottom-sheet-v2-content-inner--has-title', {
6009
+ 'np-bottom-sheet-v2-content-inner--padding-md': padding === 'md'
6010
+ }),
6011
+ children: [title ? /*#__PURE__*/jsx("h2", {
6012
+ className: "np-bottom-sheet-v2-title np-text-title-body",
6013
+ children: title
6014
+ }) : null, /*#__PURE__*/jsx("div", {
6015
+ className: "np-bottom-sheet-v2-body np-text-body-default",
6016
+ children: children
6250
6017
  })]
6251
- }, floatingKey)
6252
- })
6018
+ })]
6019
+ }, floatingKey)
6253
6020
  })
6254
- })]
6255
- })
6021
+ })
6022
+ })]
6256
6023
  })
6257
6024
  })
6258
6025
  })]
@@ -6350,36 +6117,32 @@ function Popover({
6350
6117
  setFloatingKey(prev => prev + 1);
6351
6118
  },
6352
6119
  afterLeave: onCloseEnd,
6353
- children: /*#__PURE__*/jsx(FocusBoundary, {
6354
- children: /*#__PURE__*/jsx(FloatingFocusManager, {
6355
- context: context,
6356
- guards: false,
6357
- modal: false,
6358
- children: /*#__PURE__*/jsx("div", {
6359
- // Force inner state invalidation on open
6360
- ref: refs.setFloating,
6361
- className: classNames('np-popover-v2-container', {
6362
- 'np-popover-v2-container--size-md': size$1 === 'md',
6363
- 'np-popover-v2-container--size-lg': size$1 === 'lg'
6364
- })
6365
- // eslint-disable-next-line react/forbid-dom-props
6366
- ,
6367
- style: floatingStyles,
6368
- ...getFloatingProps(),
6369
- children: /*#__PURE__*/jsxs("div", {
6370
- className: classNames('np-popover-v2', title && 'np-popover-v2--has-title', {
6371
- 'np-popover-v2--padding-md': padding === 'md'
6372
- }),
6373
- children: [title ? /*#__PURE__*/jsx("h2", {
6374
- className: "np-popover-v2-title np-text-title-body",
6375
- children: title
6376
- }) : null, /*#__PURE__*/jsx("div", {
6377
- className: "np-popover-v2-content np-text-body-default",
6378
- children: children
6379
- })]
6380
- })
6381
- }, floatingKey)
6382
- })
6120
+ children: /*#__PURE__*/jsx(FloatingFocusManager, {
6121
+ context: context,
6122
+ children: /*#__PURE__*/jsx("div", {
6123
+ // Force inner state invalidation on open
6124
+ ref: refs.setFloating,
6125
+ className: classNames('np-popover-v2-container', {
6126
+ 'np-popover-v2-container--size-md': size$1 === 'md',
6127
+ 'np-popover-v2-container--size-lg': size$1 === 'lg'
6128
+ })
6129
+ // eslint-disable-next-line react/forbid-dom-props
6130
+ ,
6131
+ style: floatingStyles,
6132
+ ...getFloatingProps(),
6133
+ children: /*#__PURE__*/jsxs("div", {
6134
+ className: classNames('np-popover-v2', title && 'np-popover-v2--has-title', {
6135
+ 'np-popover-v2--padding-md': padding === 'md'
6136
+ }),
6137
+ children: [title ? /*#__PURE__*/jsx("h2", {
6138
+ className: "np-popover-v2-title np-text-title-body",
6139
+ children: title
6140
+ }) : null, /*#__PURE__*/jsx("div", {
6141
+ className: "np-popover-v2-content np-text-body-default",
6142
+ children: children
6143
+ })]
6144
+ })
6145
+ }, floatingKey)
6383
6146
  })
6384
6147
  })
6385
6148
  })
@@ -6758,6 +6521,7 @@ function SelectInputOptions({
6758
6521
  })
6759
6522
  }) : null, /*#__PURE__*/jsxs("section", {
6760
6523
  ref: listboxContainerRef,
6524
+ tabIndex: -1,
6761
6525
  className: classNames('np-select-input-listbox-container', items.some(item => item.type === 'group') && 'np-select-input-listbox-container--has-group'),
6762
6526
  children: [resultsEmpty ? /*#__PURE__*/jsxs("div", {
6763
6527
  id: statusId,
@@ -7310,6 +7074,7 @@ const InputWithDisplayFormat = props => /*#__PURE__*/jsx(WithDisplayFormat, {
7310
7074
  });
7311
7075
 
7312
7076
  const InstructionsList = ({
7077
+ className,
7313
7078
  dos,
7314
7079
  donts,
7315
7080
  sort = 'dosFirst'
@@ -7334,7 +7099,7 @@ const InstructionsList = ({
7334
7099
  children: [dontsInstructions, dosInstructions]
7335
7100
  });
7336
7101
  return /*#__PURE__*/jsx("ul", {
7337
- className: "tw-instructions",
7102
+ className: classNames('tw-instructions', className),
7338
7103
  children: orderedInstructions
7339
7104
  });
7340
7105
  };
@@ -13982,7 +13747,7 @@ function CriticalCommsBanner({
13982
13747
  type: AvatarType.ICON,
13983
13748
  className: classNames(isModern ? 'm-r-2' : 'm-r-1'),
13984
13749
  backgroundColor: isModern ? 'var(--color-sentiment-negative)' : 'var(--color-background-negative)',
13985
- children: isModern ? /*#__PURE__*/jsx(AlertCircleFill, {}) : /*#__PURE__*/jsx(Alert$2, {
13750
+ children: isModern ? /*#__PURE__*/jsx(AlertCircleFill, {}) : /*#__PURE__*/jsx(Alert$1, {
13986
13751
  size: 24
13987
13752
  })
13988
13753
  }), /*#__PURE__*/jsxs("div", {
@@ -14766,10 +14531,10 @@ var th = {
14766
14531
  "neptune.ClearButton.ariaLabel": "ล้าง",
14767
14532
  "neptune.CloseButton.ariaLabel": "ปิด",
14768
14533
  "neptune.DateInput.day.label": "วัน",
14769
- "neptune.DateInput.day.placeholder": "DD",
14534
+ "neptune.DateInput.day.placeholder": "วัน",
14770
14535
  "neptune.DateInput.month.label": "เดือน",
14771
14536
  "neptune.DateInput.year.label": "ปี",
14772
- "neptune.DateInput.year.placeholder": "YYYY",
14537
+ "neptune.DateInput.year.placeholder": "ปี",
14773
14538
  "neptune.DateLookup.day": "วัน",
14774
14539
  "neptune.DateLookup.goTo20YearView": "ไปที่มุมมอง 20 ปี",
14775
14540
  "neptune.DateLookup.month": "เดือน",
@@ -14939,10 +14704,10 @@ var zhCN = {
14939
14704
  "neptune.ClearButton.ariaLabel": "清除",
14940
14705
  "neptune.CloseButton.ariaLabel": "关闭",
14941
14706
  "neptune.DateInput.day.label": "日",
14942
- "neptune.DateInput.day.placeholder": "DD",
14707
+ "neptune.DateInput.day.placeholder": "",
14943
14708
  "neptune.DateInput.month.label": "月",
14944
14709
  "neptune.DateInput.year.label": "年",
14945
- "neptune.DateInput.year.placeholder": "YYYY",
14710
+ "neptune.DateInput.year.placeholder": "",
14946
14711
  "neptune.DateLookup.day": "日",
14947
14712
  "neptune.DateLookup.goTo20YearView": "转到 20 年视图",
14948
14713
  "neptune.DateLookup.month": "月",
@@ -14955,7 +14720,7 @@ var zhCN = {
14955
14720
  "neptune.Info.ariaLabel": "更多信息",
14956
14721
  "neptune.Link.opensInNewTab": "(在新标签页中打开)",
14957
14722
  "neptune.MoneyInput.Select.placeholder": "请选择...",
14958
- "neptune.PhoneNumberInput.SelectInput.placeholder": "选择一个选项...",
14723
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "选择其中一项...",
14959
14724
  "neptune.Select.searchPlaceholder": "搜索",
14960
14725
  "neptune.SelectInput.noResultsFound": "找不到结果",
14961
14726
  "neptune.Summary.statusDone": "已完成",
@@ -14964,13 +14729,13 @@ var zhCN = {
14964
14729
  "neptune.Upload.csButtonText": "上传另一个文件?",
14965
14730
  "neptune.Upload.csFailureText": "上传失败。请重试",
14966
14731
  "neptune.Upload.csSuccessText": "上传完毕!",
14967
- "neptune.Upload.csTooLargeMessage": "请提供小于 {maxSize}MB 的文件",
14732
+ "neptune.Upload.csTooLargeMessage": "请提供一个小于 {maxSize} MB 的文件",
14968
14733
  "neptune.Upload.csWrongTypeMessage": "不支持该文件类型,请试试其他文件",
14969
14734
  "neptune.Upload.psButtonText": "取消",
14970
14735
  "neptune.Upload.psProcessingText": "正在上传…",
14971
14736
  "neptune.Upload.usButtonText": "或选择文件",
14972
14737
  "neptune.Upload.usDropMessage": "拖放文件开始上传",
14973
- "neptune.Upload.usPlaceholder": "拖放小于 {maxSize}MB 的文件",
14738
+ "neptune.Upload.usPlaceholder": "拖放一个不超过 {maxSize} MB 的文件",
14974
14739
  "neptune.UploadButton.allFileTypes": "所有文件类型",
14975
14740
  "neptune.UploadButton.dropFiles": "拖放文件开始上传",
14976
14741
  "neptune.UploadButton.instructions": "{fileTypes},小于 {size} MB",
@@ -15071,5 +14836,5 @@ const translations = {
15071
14836
  'zh-HK': zhHK
15072
14837
  };
15073
14838
 
15074
- export { Accordion, ActionButton, ActionOption, Alert$1 as Alert, ArrowPosition as AlertArrowPosition, Avatar, AvatarType, AvatarWrapper, Badge, Card as BaseCard, Body, BottomSheet$2 as BottomSheet, Breakpoint, Button, Card$2 as Card, Checkbox$1 as Checkbox, CheckboxButton$1 as CheckboxButton, CheckboxOption, Chevron, Chip, Chips, CircularButton, ControlType, CriticalCommsBanner, DEFAULT_LANG, DEFAULT_LOCALE, DateInput, DateLookup$1 as DateLookup, DateMode, Decision, DecisionPresentation, DecisionType, DefinitionList$1 as DefinitionList, Dimmer$1 as Dimmer, Direction, DirectionProvider, Display, Drawer$1 as Drawer, DropFade, DynamicFieldDefinitionList$1 as DynamicFieldDefinitionList, Emphasis, FileType, FlowNavigation, Header, Image, Info, InfoPresentation, InlineAlert, Input, InputGroup, InputWithDisplayFormat, InstructionsList, LanguageProvider, Layout, Link, ListItem$1 as ListItem, Loader, Logo$1 as Logo, LogoType, Markdown, MarkdownNodeType, Modal, Money, MoneyInput$1 as MoneyInput, MonthFormat, NavigationOption, NavigationOptionList as NavigationOptionsList, Nudge, Option$2 as Option, OverlayHeader$1 as OverlayHeader, PhoneNumberInput, Popover$1 as Popover, Position, Priority, ProcessIndicator$1 as ProcessIndicator, ProfileType, Progress, ProgressBar, PromoCard$1 as PromoCard, PromoCard$1 as PromoCardGroup, Provider, RTL_LANGUAGES, Radio, RadioGroup, RadioOption, SUPPORTED_LANGUAGES, Scroll, SearchInput, Section, SegmentedControl, Select, SelectInput, SelectInputOptionContent, SelectInputTriggerButton, Sentiment, Size, SlidingPanel, SnackbarConsumer, SnackbarContext, SnackbarPortal, SnackbarProvider, Status, StatusIcon, Stepper, Sticky, Summary, Switch, SwitchOption, Tabs$1 as Tabs, TextArea, TextareaWithDisplayFormat, Theme, Title, Tooltip, Type, Typeahead, Typography, Upload$1 as Upload, UploadInput, UploadStep, Variant, Width, adjustLocale, getCountryFromLocale, getDirectionFromLocale, getLangFromLocale, isBrowser, isServerSide, translations, useDirection, useLayout, useScreenSize, useSnackbar };
14839
+ export { Accordion, ActionButton, ActionOption, Alert, Avatar, AvatarType, AvatarWrapper, Badge, Card as BaseCard, Body, BottomSheet$2 as BottomSheet, Breakpoint, Button, Card$2 as Card, Checkbox$1 as Checkbox, CheckboxButton$1 as CheckboxButton, CheckboxOption, Chevron, Chip, Chips, CircularButton, ControlType, CriticalCommsBanner, DEFAULT_LANG, DEFAULT_LOCALE, DateInput, DateLookup, DateMode, Decision, DecisionPresentation, DecisionType, DefinitionList$1 as DefinitionList, Dimmer$1 as Dimmer, Direction, DirectionProvider, Display, Drawer$1 as Drawer, DropFade, DynamicFieldDefinitionList$1 as DynamicFieldDefinitionList, Emphasis, FileType, FlowNavigation, Header, Image, Info, InfoPresentation, InlineAlert, Input, InputGroup, InputWithDisplayFormat, InstructionsList, LanguageProvider, Layout, Link, ListItem$1 as ListItem, Loader, Logo$1 as Logo, LogoType, Markdown, MarkdownNodeType, Modal, Money, MoneyInput$1 as MoneyInput, MonthFormat, NavigationOption, NavigationOptionList as NavigationOptionsList, Nudge, Option$2 as Option, OverlayHeader$1 as OverlayHeader, PhoneNumberInput, Popover$1 as Popover, Position, Priority, ProcessIndicator$1 as ProcessIndicator, ProfileType, Progress, ProgressBar, PromoCard$1 as PromoCard, PromoCard$1 as PromoCardGroup, Provider, RTL_LANGUAGES, Radio, RadioGroup, RadioOption, SUPPORTED_LANGUAGES, Scroll, SearchInput, Section, SegmentedControl, Select, SelectInput, SelectInputOptionContent, SelectInputTriggerButton, Sentiment, Size, SlidingPanel, SnackbarConsumer, SnackbarContext, SnackbarPortal, SnackbarProvider, Status, StatusIcon, Stepper, Sticky, Summary, Switch, SwitchOption, Tabs$1 as Tabs, TextArea, TextareaWithDisplayFormat, Theme, Title, Tooltip, Type, Typeahead, Typography, Upload$1 as Upload, UploadInput, UploadStep, Variant, Width, adjustLocale, getCountryFromLocale, getDirectionFromLocale, getLangFromLocale, isBrowser, isServerSide, translations, useDirection, useLayout, useScreenSize, useSnackbar };
15075
14840
  //# sourceMappingURL=index.mjs.map