@transferwise/components 46.26.2 → 46.28.0

package/build/index.js

@@ -7,20 +7,20 @@ var reactId = require('@radix-ui/react-id');
 var icons = require('@transferwise/icons');
 var reactIntl = require('react-intl');
 var PropTypes = require('prop-types');
+var commonmark = require('commonmark');
 var componentsTheming = require('@wise/components-theming');
 var formatting = require('@transferwise/formatting');
 var react$1 = require('@headlessui/react');
 var mergeProps = require('merge-props');
 var index_js = require('use-sync-external-store/shim/index.js');
 var react = require('@floating-ui/react');
-var focus = require('@react-aria/focus');
 var overlays = require('@react-aria/overlays');
 var reactTransitionGroup = require('react-transition-group');
+var neptuneValidation = require('@transferwise/neptune-validation');
+var reactDom = require('react-dom');
+var focus = require('@react-aria/focus');
 var reactPopper = require('react-popper');
 var throttle = require('lodash.throttle');
-var reactDom = require('react-dom');
-var neptuneValidation = require('@transferwise/neptune-validation');
-var commonmark = require('commonmark');
 var art = require('@wise/art');
 var clamp$2 = require('lodash.clamp');
 var debounce = require('lodash.debounce');
@@ -51,9 +51,9 @@ function _interopNamespace(e) {
 var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var commonmark__default = /*#__PURE__*/_interopDefault(commonmark);
 var mergeProps__default = /*#__PURE__*/_interopDefault(mergeProps);
 var throttle__default = /*#__PURE__*/_interopDefault(throttle);
-var commonmark__default = /*#__PURE__*/_interopDefault(commonmark);
 var clamp__default = /*#__PURE__*/_interopDefault(clamp$2);
 var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 var requiredIf__default = /*#__PURE__*/_interopDefault(requiredIf);
@@ -807,22 +807,22 @@ const Link = ({
   });
 };
 
+const iconTypeMap = {
+  positive: icons.Check,
+  neutral: icons.Info,
+  warning: icons.Alert,
+  negative: icons.Cross,
+  pending: icons.ClockBorderless,
+  info: icons.Info,
+  error: icons.Cross,
+  success: icons.Check
+};
 const StatusIcon = ({
-  sentiment = exports.Sentiment.NEUTRAL,
-  size = exports.Size.MEDIUM
+  sentiment = 'neutral',
+  size = 'md'
 }) => {
-  const iconTypeMap = {
-    [exports.Sentiment.POSITIVE]: icons.Check,
-    [exports.Sentiment.NEUTRAL]: icons.Info,
-    [exports.Sentiment.WARNING]: icons.Alert,
-    [exports.Sentiment.NEGATIVE]: icons.Cross,
-    [exports.Sentiment.PENDING]: icons.ClockBorderless,
-    [exports.Sentiment.INFO]: icons.Info,
-    [exports.Sentiment.ERROR]: icons.Cross,
-    [exports.Sentiment.SUCCESS]: icons.Check
-  };
-  const iconColor = [exports.Sentiment.WARNING, exports.Sentiment.PENDING].includes(sentiment) ? 'dark' : 'light';
   const Icon = iconTypeMap[sentiment];
+  const iconColor = sentiment === 'warning' || sentiment === 'pending' ? 'dark' : 'light';
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     "data-testid": "status-icon",
     className: classNames__default.default('status-circle', 'status-circle-' + size, sentiment),
@@ -832,7 +832,7 @@ const StatusIcon = ({
   });
 };
 
-function logActionRequired$1(message) {
+function logActionRequired(message) {
   if (['development', 'test'].includes(process?.env?.NODE_ENV)) {
     // eslint-disable-next-line no-console
     console.warn(message);
@@ -840,48 +840,10 @@ function logActionRequired$1(message) {
 }
 function logActionRequiredIf(message, conditional) {
   if (conditional) {
-    logActionRequired$1(message);
+    logActionRequired(message);
   }
 }
 
-const deprecatedMessage = ({
-  component,
-  propName,
-  message,
-  expiryDate
-}) => {
-  const messages = [`${component} has deprecated the use of ${propName}.`];
-  if (message) {
-    messages.push(message);
-  }
-  if (expiryDate) {
-    messages.push(`${propName} will be removed on or after ${expiryDate.toLocaleString('en-GB', {
-      year: 'numeric',
-      month: 'numeric',
-      day: 'numeric'
-    })}`);
-  }
-  return messages.join(' ');
-};
-const deprecated = (validator, {
-  component,
-  message = '',
-  newProp: newProperty = null,
-  expiryDate = null
-}) => (props, propertyName, ...rest) => {
-  const newPropertyMessage = newProperty ? `Please use ${newProperty} instead.` : message;
-  if (props[propertyName] != null && typeof props[propertyName] !== 'undefined') {
-    logActionRequired$1(deprecatedMessage({
-      component,
-      propName: propertyName,
-      message: newPropertyMessage,
-      expiryDate
-    }));
-  }
-  return validator(props, propertyName, ...rest);
-};
-var deprecated$1 = deprecated;
-
 const reader = new commonmark__default.default.Parser();
 const writer = new commonmark__default.default.HtmlRenderer({
   safe: true
@@ -899,8 +861,9 @@ function Markdown({
     return null;
   }
   const linkTarget = config?.link?.target ?? '_self';
+  const paragraphClass = config?.paragraph?.className ?? '';
   if (allowList != null && blockList != null) {
-    logActionRequired$1('Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.');
+    logActionRequired('Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.');
   }
   const parser = nodes => {
     const parsed = reader.parse(nodes);
@@ -912,7 +875,7 @@ function Markdown({
   };
   const createMarkup = () => {
     const parsed = parser(children);
-    return writer.render(parsed).replace(/<a href="/g, `<a target="${linkTarget}" href="`);
+    return writer.render(parsed).replace(/<a href="/g, `<a target="${linkTarget}" href="`).replace(/<p>/g, `<p class="${paragraphClass}">`);
   };
   return /*#__PURE__*/jsxRuntime.jsx(Element, {
     className: className,
@@ -961,146 +924,98 @@ InlineMarkdown.defaultProps = {
 };
 var InlineMarkdown$1 = InlineMarkdown;
 
-// TODO: consider to move this enum into component file once we migrate it on TypeScript or replace with some common enum
-exports.AlertArrowPosition = void 0;
-(function (ArrowPosition) {
-  ArrowPosition["TOP_LEFT"] = "up-left";
-  ArrowPosition["TOP"] = "up-center";
-  ArrowPosition["TOP_RIGHT"] = "up-right";
-  ArrowPosition["BOTTOM_LEFT"] = "down-left";
-  ArrowPosition["BOTTOM"] = "down-center";
-  ArrowPosition["BOTTOM_RIGHT"] = "down-right";
-})(exports.AlertArrowPosition || (exports.AlertArrowPosition = {}));
-
-function withArrow(Alert, arrow) {
-  const AlertWithArrow = props => /*#__PURE__*/jsxRuntime.jsx(Alert, {
-    ...props,
-    className: classNames__default.default(props.className, arrowClasses(arrow)),
-    arrow: undefined
-  });
-  AlertWithArrow.propTypes = {
-    className: PropTypes__default.default.string
-  };
-  AlertWithArrow.defaultProps = {
-    className: undefined
-  };
-  return AlertWithArrow;
+var AlertArrowPosition;
+(function (AlertArrowPosition) {
+  AlertArrowPosition["TOP_LEFT"] = "up-left";
+  AlertArrowPosition["TOP"] = "up-center";
+  AlertArrowPosition["TOP_RIGHT"] = "up-right";
+  AlertArrowPosition["BOTTOM_LEFT"] = "down-left";
+  AlertArrowPosition["BOTTOM"] = "down-center";
+  AlertArrowPosition["BOTTOM_RIGHT"] = "down-right";
+})(AlertArrowPosition || (AlertArrowPosition = {}));
+function resolveType(type) {
+  switch (type) {
+    case 'success':
+      return 'positive';
+    case 'info':
+      return 'neutral';
+    case 'error':
+      return 'negative';
+  }
+  return type;
 }
-function arrowClasses(arrow) {
-  if (arrow) {
-    const classes = ['arrow'];
-    const {
-      BOTTOM,
-      BOTTOM_LEFT,
-      BOTTOM_RIGHT,
-      TOP,
-      TOP_RIGHT,
-      TOP_LEFT
-    } = exports.AlertArrowPosition;
-    switch (arrow) {
-      case BOTTOM:
-        return classes.concat('arrow-bottom', 'arrow-center');
-      case BOTTOM_LEFT:
-        return classes.concat('arrow-bottom', 'arrow-left');
-      case BOTTOM_RIGHT:
-        return classes.concat('arrow-bottom', 'arrow-right');
-      case TOP:
-        return classes.concat('arrow-center');
-      case TOP_RIGHT:
-        return classes.concat('arrow-right');
-      case TOP_LEFT:
-      default:
-        return classes;
+function Alert({
+  arrow,
+  action,
+  children,
+  className,
+  dismissible,
+  icon,
+  onDismiss,
+  message,
+  size,
+  title,
+  type = 'neutral',
+  variant = 'desktop'
+}) {
+  React.useEffect(() => {
+    if (arrow !== undefined) {
+      logActionRequired("Alert component doesn't support 'arrow' anymore, use 'InlineAlert' instead.");
     }
-  }
-  return '';
-}
-
-const deprecatedTypeMap$1 = {
-  [exports.Sentiment.SUCCESS]: exports.Sentiment.POSITIVE,
-  [exports.Sentiment.INFO]: exports.Sentiment.NEUTRAL,
-  [exports.Sentiment.ERROR]: exports.Sentiment.NEGATIVE
-};
-const Alert = props => {
-  const {
-    isModern
-  } = componentsTheming.useTheme();
-  const iconTypeMap = {
-    [exports.Sentiment.POSITIVE]: icons.CheckCircle,
-    [exports.Sentiment.NEUTRAL]: icons.InfoCircle,
-    [exports.Sentiment.WARNING]: icons.Warning,
-    [exports.Sentiment.NEGATIVE]: icons.CrossCircle,
-    [exports.Sentiment.PENDING]: icons.Clock
-  };
-  const [shouldFire, setShouldFire] = React.useState(false);
-  const {
-    arrow,
-    action,
-    children,
-    className,
-    icon,
-    onDismiss,
-    message,
-    title,
-    type,
-    variant
-  } = props;
-  const closeButtonReference = React.useRef(null);
-  if (arrow) {
-    const AlertWithArrow = withArrow(Alert, arrow);
-    return /*#__PURE__*/jsxRuntime.jsx(AlertWithArrow, {
-      ...props
-    });
-  }
-  logActionRequired(props);
-  const mappedType = deprecatedTypeMap$1[type] || type;
-  const Icon = iconTypeMap[mappedType];
-  function generateIcon() {
-    if (icon) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "alert__icon",
-        children: icon
-      });
+  }, [arrow]);
+  React.useEffect(() => {
+    if (children !== undefined) {
+      logActionRequired("Alert component doesn't support 'children' anymore, use 'message' instead.");
     }
-    if (isModern) {
-      return /*#__PURE__*/jsxRuntime.jsx(StatusIcon, {
-        size: exports.Size.LARGE,
-        sentiment: mappedType
-      });
-    } else {
-      return /*#__PURE__*/jsxRuntime.jsx(Icon, {
-        size: 24
-      });
+  }, [children]);
+  React.useEffect(() => {
+    if (dismissible !== undefined) {
+      logActionRequired("Alert component doesn't support 'dismissible' anymore, use 'onDismiss' instead.");
     }
-  }
-  const handleTouchStart = () => setShouldFire(true);
-  const handleTouchMove = () => setShouldFire(false);
-  const handleTouchEnd = event => {
-    if (shouldFire && action) {
+  }, [dismissible]);
+  React.useEffect(() => {
+    if (size !== undefined) {
+      logActionRequired("Alert component doesn't support 'size' anymore, please remove that prop.");
+    }
+  }, [size]);
+  const resolvedType = resolveType(type);
+  React.useEffect(() => {
+    if (resolvedType !== type) {
+      logActionRequired(`Alert component has deprecated '${type}' value for the 'type' prop. Please use '${resolvedType}' instead.`);
+    }
+  }, [resolvedType, type]);
+  const [shouldFire, setShouldFire] = React.useState(false);
+  const closeButtonReference = React.useRef(null);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: classNames__default.default('alert d-flex', `alert-${resolvedType}`, arrow != null && alertArrowClassNames(arrow), className),
+    "data-testid": "alert",
+    onTouchStart: () => setShouldFire(true),
+    onTouchEnd: event => {
+      if (shouldFire && action &&
       // Check if current event is triggered from closeButton
-      if (closeButtonReference?.current && !closeButtonReference.current.contains(event.target)) {
-        if (action?.target === '_blank') {
-          window.top.open(action.href);
+      event.target instanceof Node && closeButtonReference.current && !closeButtonReference.current.contains(event.target)) {
+        if (action.target === '_blank') {
+          window.top?.open(action.href);
         } else {
-          window.top.location.assign(action.href);
+          window.top?.location.assign(action.href);
         }
       }
-    }
-    setShouldFire(false);
-  };
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: classNames__default.default('alert d-flex', `alert-${mappedType}`, className),
-    "data-testid": "alert",
-    onTouchStart: handleTouchStart,
-    onTouchEnd: handleTouchEnd,
-    onTouchMove: handleTouchMove,
+      setShouldFire(false);
+    },
+    onTouchMove: () => setShouldFire(false),
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: classNames__default.default('alert__content', 'd-flex', 'flex-grow-1', variant),
       "data-testid": variant,
-      children: [generateIcon(), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      children: [icon ? /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "alert__icon",
+        children: icon
+      }) : /*#__PURE__*/jsxRuntime.jsx(StatusIcon, {
+        size: exports.Size.LARGE,
+        sentiment: resolvedType
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "alert__message",
         children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-          role: exports.Sentiment.NEGATIVE === mappedType ? 'alert' : 'status',
+          role: exports.Sentiment.NEGATIVE === resolvedType ? 'alert' : 'status',
           children: [title && /*#__PURE__*/jsxRuntime.jsx(Title, {
             className: "m-b-1",
             type: exports.Typography.TITLE_BODY,
@@ -1128,72 +1043,24 @@ const Alert = props => {
       onClick: onDismiss
     })]
   });
-};
-const deprecatedTypeMapMessage$1 = {
-  [exports.Sentiment.SUCCESS]: 'Sentiment.POSITIVE',
-  [exports.Sentiment.INFO]: 'Sentiment.NEUTRAL',
-  [exports.Sentiment.ERROR]: 'Sentiment.NEGATIVE'
-};
-const deprecatedTypes$1 = Object.keys(deprecatedTypeMap$1);
-function logActionRequired({
-  size,
-  type
-}) {
-  logActionRequiredIf('Alert no longer supports any possible variations in size. Please remove the `size` prop.', !!size);
-  logActionRequiredIf(`Alert has deprecated the ${type} value for the \`type\` prop. Please update to ${deprecatedTypeMapMessage$1[type]}.`, deprecatedTypes$1.includes(type));
 }
-Alert.propTypes = {
-  /** 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 */
-  action: PropTypes__default.default.shape({
-    'aria-label': PropTypes__default.default.string,
-    href: PropTypes__default.default.string.isRequired,
-    target: PropTypes__default.default.string,
-    text: PropTypes__default.default.node.isRequired
-  }),
-  className: PropTypes__default.default.string,
-  /** An optional icon. If not provided, we will default the icon to something appropriate for the type */
-  icon: PropTypes__default.default.element,
-  /** Title for the alert component */
-  title: PropTypes__default.default.string,
-  /** The main body of the alert. Accepts plain text and bold words specified with **double stars*/
-  message: requiredIf__default.default(PropTypes__default.default.node, ({
-    children
-  }) => !children),
-  /** The presence of the onDismiss handler will trigger the visibility of the close button */
-  onDismiss: PropTypes__default.default.func,
-  /** The type dictates which icon and colour will be used */
-  type: PropTypes__default.default.oneOf(['negative', 'neutral', 'positive', 'warning', 'info', 'error', 'success']),
-  variant: PropTypes__default.default.oneOf(['desktop', 'mobile']),
-  /** @deprecated no arrow for `Alert` component anymore, consider to use [`InlineAlert`](https://transferwise.github.io/neptune-web/components/alerts/InlineAlert) component */
-  arrow: deprecated$1(PropTypes__default.default.oneOf(['up-left', 'up-center', 'up-right', 'down-left', 'down-center', 'down-right']), {
-    component: 'Alert',
-    expiryDate: new Date('03-01-2021')
-  }),
-  /** @deprecated use `message` property instead */
-  children: deprecated$1(requiredIf__default.default(PropTypes__default.default.node, ({
-    message
-  }) => !message), {
-    component: 'Alert',
-    message: 'You should now use the `message` prop. Be aware `message` only accepts plain text or text with **bold** markdown.',
-    expiryDate: new Date('03-01-2021')
-  }),
-  /** @deprecated use `onDismiss` instead */
-  dismissible: deprecated$1(PropTypes__default.default.bool, {
-    component: 'Alert',
-    message: 'The Alert will now be considered dismissible if an `onDismiss` hander is present.',
-    expiryDate: new Date('03-01-2021')
-  })
-};
-Alert.defaultProps = {
-  action: undefined,
-  arrow: undefined,
-  className: undefined,
-  dismissible: undefined,
-  icon: undefined,
-  type: exports.Sentiment.NEUTRAL,
-  variant: exports.Variant.DESKTOP
-};
-var Alert$1 = Alert;
+function alertArrowClassNames(arrow) {
+  switch (arrow) {
+    case 'down-center':
+      return 'arrow arrow-bottom arrow-center';
+    case 'down-left':
+      return 'arrow arrow-bottom arrow-left';
+    case 'down-right':
+      return 'arrow arrow-bottom arrow-right';
+    case 'up-center':
+      return 'arrow arrow-center';
+    case 'up-right':
+      return 'arrow arrow-right';
+    case 'up-left':
+    default:
+      return 'arrow';
+  }
+}
 
 // TODO: consider to move this enum into component file once we migrate it on TypeScript or replace with some common enum
 exports.AvatarType = void 0;
@@ -1419,6 +1286,7 @@ const FocusBoundary = ({
     })
   });
 };
+var FocusBoundary$1 = FocusBoundary;
 
 function withNextPortalWrapper(Component) {
   return function (props) {
@@ -1560,7 +1428,7 @@ const Dimmer = ({
       onExited: onExited,
       children: /*#__PURE__*/jsxRuntime.jsx(DimmerContentWrapper, {
         scrollBody: !transparent,
-        children: /*#__PURE__*/jsxRuntime.jsx(FocusBoundary, {
+        children: /*#__PURE__*/jsxRuntime.jsx(FocusBoundary$1, {
           children: /*#__PURE__*/jsxRuntime.jsx("div", {
             ref: dimmerReference,
             className: classNames__default.default('dimmer', {
@@ -2192,7 +2060,7 @@ var messages$b = reactIntl.defineMessages({
   }
 });
 
-const typeClassMap$1 = {
+const typeClassMap = {
   [exports.ControlType.ACCENT]: 'btn-accent',
   [exports.ControlType.POSITIVE]: 'btn-positive',
   [exports.ControlType.NEGATIVE]: 'btn-negative'
@@ -2276,7 +2144,7 @@ const Button = /*#__PURE__*/React.forwardRef(({
   },
   // @ts-expect-error fix when refactor `typeClassMap` to TypeScript
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeClassMap$1[newType],
+  typeClassMap[newType],
   // @ts-expect-error fix when refactor `typeClassMap` to TypeScript
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
   priorityClassMap[newPriority], className);
@@ -2661,7 +2529,7 @@ const CircularButton = ({
   type = exports.ControlType.ACCENT,
   ...rest
 }) => {
-  const classes = classNames__default.default('btn np-btn', typeClassMap$1[type], priorityClassMap[priority]);
+  const classes = classNames__default.default('btn np-btn', typeClassMap[type], priorityClassMap[priority]);
   const iconElement = Number(icon.props.size) !== 24 ? /*#__PURE__*/React.cloneElement(icon, {
     size: 24
   }) : icon;
@@ -2696,11 +2564,17 @@ function getDayNames(locale, format = 'short') {
 
 // Makes sure that date is between min and max dates, returns a cloned min or max
 function moveToWithinRange(date, min, max) {
-  return isWithinRange(date, min, max) ? date : new Date(min && date < min ? +min : +max);
+  if (min && date < min) {
+    return new Date(min);
+  }
+  if (max && date > max) {
+    return new Date(max);
+  }
+  return date;
 }
 
 function isWithinRange(date, min, max) {
-  return !date || (!min || date >= min) && (!max || date <= max);
+  return (!min || date >= min) && (!max || date <= max);
 }
 
 const getMonthNames = (locale, format = 'long') => {
@@ -3224,7 +3098,7 @@ var dateTriggerMessages = reactIntl.defineMessages({
 
 const DateTrigger = ({
   selectedDate,
-  size,
+  size = exports.Size.MEDIUM,
   placeholder,
   label,
   monthFormat,
@@ -3236,19 +3110,6 @@ const DateTrigger = ({
     locale,
     formatMessage
   } = reactIntl.useIntl();
-  const handleKeyDown = event => {
-    if (neptuneValidation.isKey({
-      keyType: 'Space',
-      event: event
-    }) || neptuneValidation.isKey({
-      keyType: 'Enter',
-      event: event
-    })) {
-      event.stopPropagation();
-      event.preventDefault();
-      onClear();
-    }
-  };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsxs("button", {
       className: `btn btn-${size} btn-input np-date-trigger`,
@@ -3285,29 +3146,12 @@ const DateTrigger = ({
             event.stopPropagation();
             event.preventDefault();
             onClear();
-          },
-          onKeyPress: handleKeyDown
+          }
         })
       })]
     }) : null]
   });
 };
-DateTrigger.propTypes = {
-  selectedDate: PropTypes__default.default.instanceOf(Date),
-  size: PropTypes__default.default.oneOf(['sm', 'md', 'lg']),
-  placeholder: PropTypes__default.default.string.isRequired,
-  label: PropTypes__default.default.string.isRequired,
-  monthFormat: PropTypes__default.default.oneOf(['short', 'long']).isRequired,
-  disabled: PropTypes__default.default.bool.isRequired,
-  onClick: PropTypes__default.default.func,
-  onClear: PropTypes__default.default.func
-};
-DateTrigger.defaultProps = {
-  selectedDate: null,
-  size: exports.Size.MEDIUM,
-  onClear: undefined
-};
-var DateTrigger$1 = DateTrigger;
 
 var messages$8 = reactIntl.defineMessages({
   next: {
@@ -3389,18 +3233,6 @@ const DateHeader = ({
     })]
   });
 };
-DateHeader.propTypes = {
-  label: PropTypes__default.default.string,
-  onLabelClick: PropTypes__default.default.func,
-  onPreviousClick: PropTypes__default.default.func.isRequired,
-  onNextClick: PropTypes__default.default.func.isRequired,
-  dateMode: PropTypes__default.default.string
-};
-DateHeader.defaultProps = {
-  label: null,
-  onLabelClick: () => {}
-};
-var DateHeader$1 = DateHeader;
 
 function getFocusableTime(props) {
   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));
@@ -3486,10 +3318,9 @@ class DayCalendarTable extends React.PureComponent {
     let week = [];
     const weeks = [];
     let i;
-
     // Pad first week
     for (i = 1; i < firstDayOfMonth; i += 1) {
-      week.push(false);
+      week.push(-1);
     }
     // Fill in days
     for (i = 1; i <= daysInMonth; i += 1) {
@@ -3502,7 +3333,7 @@ class DayCalendarTable extends React.PureComponent {
     if (week.length > 0) {
       // Pad last week
       for (i = week.length; i < 7; i += 1) {
-        week.push(false);
+        week.push(-1);
       }
       weeks.push(week);
     }
@@ -3557,12 +3388,10 @@ class DayCalendarTable extends React.PureComponent {
     const {
       viewMonth,
       viewYear,
-      intl: {
-        locale
-      }
+      intl
     } = this.props;
     const weeks = this.getTableStructure();
-    let autoFocusDay = this.getAutofocusDay(weeks, viewMonth, viewYear);
+    const autoFocusDay = this.getAutofocusDay(weeks);
     return /*#__PURE__*/jsxRuntime.jsxs("table", {
       className: "table table-condensed table-bordered tw-date-lookup-calendar m-b-0",
       children: [/*#__PURE__*/jsxRuntime.jsx("thead", {
@@ -3588,12 +3417,12 @@ class DayCalendarTable extends React.PureComponent {
         children: weeks.map((week, weekIndex) => /*#__PURE__*/jsxRuntime.jsx("tr", {
           children: week.map((day, dayIndex) => /*#__PURE__*/jsxRuntime.jsx("td", {
             className: dayIndex > 4 ? 'weekend' : '',
-            children: day && /*#__PURE__*/jsxRuntime.jsx(TableLink, {
+            children: day !== -1 && /*#__PURE__*/jsxRuntime.jsx(TableLink, {
               item: day,
               type: "day",
-              title: formatting.formatDate(new Date(viewYear, viewMonth, day), locale, SHORT_DAY_FORMAT),
+              title: formatting.formatDate(new Date(viewYear, viewMonth, day), intl.locale, SHORT_DAY_FORMAT),
               autofocus: day === autoFocusDay,
-              longTitle: formatting.formatDate(new Date(viewYear, viewMonth, day), locale),
+              longTitle: formatting.formatDate(new Date(viewYear, viewMonth, day), intl.locale),
               active: this.isActive(day),
               disabled: this.isDisabled(day),
               today: this.isToday(day),
@@ -3605,19 +3434,6 @@ class DayCalendarTable extends React.PureComponent {
     });
   }
 }
-DayCalendarTable.propTypes = {
-  selectedDate: PropTypes__default.default.instanceOf(Date),
-  min: PropTypes__default.default.instanceOf(Date),
-  max: PropTypes__default.default.instanceOf(Date),
-  viewMonth: PropTypes__default.default.number.isRequired,
-  viewYear: PropTypes__default.default.number.isRequired,
-  onSelect: PropTypes__default.default.func.isRequired
-};
-DayCalendarTable.defaultProps = {
-  selectedDate: null,
-  min: null,
-  max: null
-};
 var DayCalendarTable$1 = reactIntl.injectIntl(DayCalendarTable);
 
 class DayCalendar extends React.PureComponent {
@@ -3657,7 +3473,7 @@ class DayCalendar extends React.PureComponent {
       onSelect
     } = this.props;
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader$1, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader, {
         label: formatting.formatDate(new Date(viewYear, viewMonth), locale, {
           month: monthFormat,
           year: 'numeric'
@@ -3677,22 +3493,6 @@ class DayCalendar extends React.PureComponent {
     });
   }
 }
-DayCalendar.propTypes = {
-  selectedDate: PropTypes__default.default.instanceOf(Date),
-  min: PropTypes__default.default.instanceOf(Date),
-  max: PropTypes__default.default.instanceOf(Date),
-  viewMonth: PropTypes__default.default.number.isRequired,
-  viewYear: PropTypes__default.default.number.isRequired,
-  monthFormat: PropTypes__default.default.oneOf([exports.MonthFormat.LONG, exports.MonthFormat.SHORT]).isRequired,
-  onSelect: PropTypes__default.default.func.isRequired,
-  onLabelClick: PropTypes__default.default.func.isRequired,
-  onViewDateUpdate: PropTypes__default.default.func.isRequired
-};
-DayCalendar.defaultProps = {
-  selectedDate: null,
-  min: null,
-  max: null
-};
 var DayCalendar$1 = reactIntl.injectIntl(DayCalendar);
 
 const ROWS$1 = 3;
@@ -3724,7 +3524,7 @@ const MonthCalendarTable = ({
     });
   };
   const isActive = month => {
-    return selectedDate && month === selectedDate.getMonth() && viewYear === selectedDate.getFullYear();
+    return !!(selectedDate && month === selectedDate.getMonth() && viewYear === selectedDate.getFullYear());
   };
   const isThisMonth = month => {
     return viewYear === new Date().getFullYear() && month === new Date().getMonth();
@@ -3734,7 +3534,9 @@ const MonthCalendarTable = ({
     return !!(min && date < new Date(min.getFullYear(), min.getMonth()) || max && date > new Date(max.getFullYear(), max.getMonth()));
   };
   const autofocusMonth = (() => {
-    const months = [...new Array(ROWS$1 * COLS$1)].map((_, index) => index);
+    const months = Array.from({
+      length: ROWS$1 * COLS$1
+    }, (_, index) => index);
     return getFocusableTime({
       isActive,
       isNow: isThisMonth,
@@ -3748,33 +3550,23 @@ const MonthCalendarTable = ({
       className: "sr-only",
       children: /*#__PURE__*/jsxRuntime.jsx("tr", {
         children: /*#__PURE__*/jsxRuntime.jsx("th", {
-          colSpan: "3",
+          colSpan: COLS$1,
           children: placeholder
         })
       })
     }), /*#__PURE__*/jsxRuntime.jsx("tbody", {
-      children: [...new Array(ROWS$1)].map((row, rowIndex) => /*#__PURE__*/jsxRuntime.jsx("tr", {
-        children: [...new Array(COLS$1)].map((col, colIndex) => /*#__PURE__*/jsxRuntime.jsx("td", {
+      children: Array.from({
+        length: ROWS$1
+      }, (_, rowIndex) => /*#__PURE__*/jsxRuntime.jsx("tr", {
+        children: Array.from({
+          length: COLS$1
+        }, (_, colIndex) => /*#__PURE__*/jsxRuntime.jsx("td", {
           children: getLink(rowIndex * COLS$1 + colIndex)
         }, colIndex))
       }, rowIndex))
     })]
   });
 };
-MonthCalendarTable.propTypes = {
-  selectedDate: PropTypes__default.default.instanceOf(Date),
-  min: PropTypes__default.default.instanceOf(Date),
-  max: PropTypes__default.default.instanceOf(Date),
-  viewYear: PropTypes__default.default.number.isRequired,
-  placeholder: PropTypes__default.default.string.isRequired,
-  onSelect: PropTypes__default.default.func.isRequired
-};
-MonthCalendarTable.defaultProps = {
-  selectedDate: null,
-  min: null,
-  max: null
-};
-var MonthCalendarTable$1 = MonthCalendarTable;
 
 class MonthCalendar extends React.PureComponent {
   onMonthSelect = month => {
@@ -3807,7 +3599,7 @@ class MonthCalendar extends React.PureComponent {
       onLabelClick
     } = this.props;
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader$1, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader, {
         dateMode: formatMessage(messages$8.year),
         label: formatting.formatDate(new Date(viewYear, 0), locale, {
           year: 'numeric'
@@ -3815,32 +3607,17 @@ class MonthCalendar extends React.PureComponent {
         onLabelClick: onLabelClick,
         onPreviousClick: this.selectPreviousYear,
         onNextClick: this.selectNextYear
-      }), /*#__PURE__*/jsxRuntime.jsx(MonthCalendarTable$1, {
-        selectedDate,
-        min,
-        max,
-        viewYear,
-        placeholder,
+      }), /*#__PURE__*/jsxRuntime.jsx(MonthCalendarTable, {
+        selectedDate: selectedDate,
+        min: min,
+        max: max,
+        viewYear: viewYear,
+        placeholder: placeholder,
         onSelect: this.onMonthSelect
       })]
     });
   }
 }
-MonthCalendar.propTypes = {
-  selectedDate: PropTypes__default.default.instanceOf(Date),
-  min: PropTypes__default.default.instanceOf(Date),
-  max: PropTypes__default.default.instanceOf(Date),
-  viewYear: PropTypes__default.default.number.isRequired,
-  placeholder: PropTypes__default.default.string.isRequired,
-  onSelect: PropTypes__default.default.func.isRequired,
-  onLabelClick: PropTypes__default.default.func.isRequired,
-  onViewDateUpdate: PropTypes__default.default.func.isRequired
-};
-MonthCalendar.defaultProps = {
-  selectedDate: null,
-  min: null,
-  max: null
-};
 var MonthCalendar$1 = reactIntl.injectIntl(MonthCalendar);
 
 const ROWS = 5;
@@ -3882,7 +3659,9 @@ const YearCalendarTable = ({
     return !!(min && year < min.getFullYear() || max && year > max.getFullYear());
   };
   const autofocusYear = (() => {
-    const years = [...new Array(ROWS * COLS)].map((_, index) => startYear + index);
+    const years = Array.from({
+      length: ROWS * COLS
+    }, (_, index) => startYear + index);
     return getFocusableTime({
       isActive,
       isNow: isThisYear,
@@ -3896,33 +3675,23 @@ const YearCalendarTable = ({
       className: "sr-only",
       children: /*#__PURE__*/jsxRuntime.jsx("tr", {
         children: /*#__PURE__*/jsxRuntime.jsx("th", {
-          colSpan: "4",
+          colSpan: COLS,
           children: placeholder
         })
       })
     }), /*#__PURE__*/jsxRuntime.jsx("tbody", {
-      children: [...new Array(ROWS)].map((row, rowIndex) => /*#__PURE__*/jsxRuntime.jsx("tr", {
-        children: [...new Array(COLS)].map((col, colIndex) => /*#__PURE__*/jsxRuntime.jsx("td", {
+      children: Array.from({
+        length: ROWS
+      }, (_, rowIndex) => /*#__PURE__*/jsxRuntime.jsx("tr", {
+        children: Array.from({
+          length: COLS
+        }, (_, colIndex) => /*#__PURE__*/jsxRuntime.jsx("td", {
           children: getLink(startYear + rowIndex * COLS + colIndex)
         }, colIndex))
       }, rowIndex))
     })]
   });
 };
-YearCalendarTable.propTypes = {
-  selectedDate: PropTypes__default.default.instanceOf(Date),
-  min: PropTypes__default.default.instanceOf(Date),
-  max: PropTypes__default.default.instanceOf(Date),
-  viewYear: PropTypes__default.default.number.isRequired,
-  placeholder: PropTypes__default.default.string.isRequired,
-  onSelect: PropTypes__default.default.func.isRequired
-};
-YearCalendarTable.defaultProps = {
-  selectedDate: null,
-  min: null,
-  max: null
-};
-var YearCalendarTable$1 = YearCalendarTable;
 
 class YearCalendar extends React.PureComponent {
   onYearSelect = year => {
@@ -3953,43 +3722,35 @@ class YearCalendar extends React.PureComponent {
       }
     } = this.props;
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader$1, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader, {
         dateMode: formatMessage(messages$8.twentyYears),
         onPreviousClick: this.selectPreviousYears,
         onNextClick: this.selectNextYears
-      }), /*#__PURE__*/jsxRuntime.jsx(YearCalendarTable$1, {
-        selectedDate,
-        min,
-        max,
-        viewYear,
-        placeholder,
+      }), /*#__PURE__*/jsxRuntime.jsx(YearCalendarTable, {
+        selectedDate: selectedDate,
+        min: min,
+        max: max,
+        viewYear: viewYear,
+        placeholder: placeholder,
         onSelect: this.onYearSelect
       })]
     });
   }
 }
-YearCalendar.propTypes = {
-  selectedDate: PropTypes__default.default.instanceOf(Date),
-  min: PropTypes__default.default.instanceOf(Date),
-  max: PropTypes__default.default.instanceOf(Date),
-  viewYear: PropTypes__default.default.number.isRequired,
-  placeholder: PropTypes__default.default.string.isRequired,
-  onSelect: PropTypes__default.default.func.isRequired,
-  onViewDateUpdate: PropTypes__default.default.func.isRequired
-};
-YearCalendar.defaultProps = {
-  selectedDate: null,
-  min: null,
-  max: null
-};
 var YearCalendar$1 = reactIntl.injectIntl(YearCalendar);
 
-const MODE = {
-  DAY: 'day',
-  MONTH: 'month',
-  YEAR: 'year'
-};
 class DateLookup extends React.PureComponent {
+  static defaultProps = {
+    value: null,
+    min: null,
+    max: null,
+    size: exports.Size.MEDIUM,
+    placeholder: '',
+    label: '',
+    monthFormat: exports.MonthFormat.LONG,
+    disabled: false,
+    clearable: false
+  };
   element = /*#__PURE__*/React.createRef();
   dropdown = /*#__PURE__*/React.createRef();
   constructor(props) {
@@ -4002,7 +3763,7 @@ class DateLookup extends React.PureComponent {
       viewMonth: (props.value || new Date()).getMonth(),
       viewYear: (props.value || new Date()).getFullYear(),
       open: false,
-      mode: MODE.DAY,
+      mode: 'day',
       isMobile: false
     };
   }
@@ -4010,20 +3771,20 @@ class DateLookup extends React.PureComponent {
     const propsSelected = getStartOfDay(props.value);
     const propsMin = getStartOfDay(props.min);
     const propsMax = getStartOfDay(props.max);
-    const hasSelectedChanged = +state.selectedDate !== +propsSelected;
-    const hasMinChanged = +state.min !== +propsMin;
-    const hasMaxChanged = +state.max !== +propsMax;
+    const hasSelectedChanged = state.selectedDate?.getTime() !== propsSelected?.getTime();
+    const hasMinChanged = state.min?.getTime() !== propsMin?.getTime();
+    const hasMaxChanged = state.max?.getTime() !== propsMax?.getTime();
     if (hasSelectedChanged || hasMinChanged || hasMaxChanged) {
       const selectedDate = hasSelectedChanged ? propsSelected : state.selectedDate;
       const min = hasMinChanged ? propsMin : state.min;
       const max = hasMaxChanged ? propsMax : state.max;
-      // make sure that selected date is within allowed range
-      if (!isWithinRange(selectedDate, min, max)) {
+      if (selectedDate && !isWithinRange(selectedDate, min, max)) {
         props.onChange(moveToWithinRange(selectedDate, min, max));
         return null;
       }
-      const viewMonth = (selectedDate || new Date()).getMonth();
-      const viewYear = (selectedDate || new Date()).getFullYear();
+      const viewDateThatIsWithinRange = selectedDate || (min || max) && moveToWithinRange(new Date(), min, max) || new Date();
+      const viewMonth = viewDateThatIsWithinRange.getMonth();
+      const viewYear = viewDateThatIsWithinRange.getFullYear();
       return {
         selectedDate,
         min,
@@ -4035,12 +3796,12 @@ class DateLookup extends React.PureComponent {
     return null;
   }
   componentDidUpdate(previousProps) {
-    if (+this.props.value !== +previousProps.value && this.state.open) {
+    if (this.props.value?.getTime() !== previousProps.value?.getTime() && this.state.open) {
       this.focusOn('.active');
     }
-    this.mediaQuery = window.matchMedia(`(max-width: ${exports.Breakpoint.SMALL}px)`);
+    const mediaQuery = window.matchMedia(`(max-width: ${exports.Breakpoint.SMALL}px)`);
     this.setState({
-      isMobile: this.mediaQuery.matches
+      isMobile: mediaQuery.matches
     });
   }
   componentWillUnmount() {
@@ -4053,7 +3814,7 @@ class DateLookup extends React.PureComponent {
     } = this.props;
     this.setState({
       open: true,
-      mode: MODE.DAY
+      mode: 'day'
     });
     if (onFocus) {
       onFocus();
@@ -4142,17 +3903,19 @@ class DateLookup extends React.PureComponent {
     }
     let date;
     if (selectedDate) {
-      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());
+      date = new Date(mode === 'year' ? selectedDate.getFullYear() + yearsToAdd : selectedDate.getFullYear(), mode === 'month' ? selectedDate.getMonth() + monthsToAdd : selectedDate.getMonth(), mode === 'day' ? selectedDate.getDate() + daysToAdd : selectedDate.getDate());
     } else {
       date = getStartOfDay(new Date());
     }
-    date = moveToWithinRange(date, min, max);
-    if (+date !== +selectedDate) {
+    if (date) {
+      date = moveToWithinRange(date, min, max);
+    }
+    if (date?.getTime() !== selectedDate?.getTime()) {
       this.props.onChange(date);
     }
   };
   focusOn = (preferredElement, fallbackElement) => {
-    const element = this.element.current.querySelector(preferredElement);
+    const element = this.element.current?.querySelector(preferredElement);
     if (element) {
       element.focus();
     } else if (fallbackElement) {
@@ -4166,9 +3929,9 @@ class DateLookup extends React.PureComponent {
       this.focusOn('.active', '.today');
     });
   };
-  switchToDays = () => this.switchMode(MODE.DAY);
-  switchToMonths = () => this.switchMode(MODE.MONTH);
-  switchToYears = () => this.switchMode(MODE.YEAR);
+  switchToDays = () => this.switchMode('day');
+  switchToMonths = () => this.switchMode('month');
+  switchToYears = () => this.switchMode('year');
   handleSelectedDateUpdate = selectedDate => {
     this.setState({
       selectedDate
@@ -4205,31 +3968,31 @@ class DateLookup extends React.PureComponent {
       className: classNames__default.default({
         'p-a-1': !isMobile
       }),
-      children: [mode === MODE.DAY && /*#__PURE__*/jsxRuntime.jsx(DayCalendar$1, {
-        selectedDate,
-        min,
-        max,
-        viewMonth,
-        viewYear,
-        monthFormat,
+      children: [mode === 'day' && /*#__PURE__*/jsxRuntime.jsx(DayCalendar$1, {
+        selectedDate: selectedDate,
+        min: min,
+        max: max,
+        viewMonth: viewMonth,
+        viewYear: viewYear,
+        monthFormat: monthFormat,
         onSelect: this.handleSelectedDateUpdate,
         onLabelClick: this.switchToYears,
         onViewDateUpdate: this.handleViewDateUpdate
-      }), mode === MODE.MONTH && /*#__PURE__*/jsxRuntime.jsx(MonthCalendar$1, {
-        selectedDate,
-        min,
-        max,
-        viewYear,
-        placeholder,
+      }), mode === 'month' && /*#__PURE__*/jsxRuntime.jsx(MonthCalendar$1, {
+        selectedDate: selectedDate,
+        min: min,
+        max: max,
+        viewYear: viewYear,
+        placeholder: placeholder,
         onSelect: this.switchToDays,
         onLabelClick: this.switchToYears,
         onViewDateUpdate: this.handleViewDateUpdate
-      }), mode === MODE.YEAR && /*#__PURE__*/jsxRuntime.jsx(YearCalendar$1, {
-        selectedDate,
-        min,
-        max,
-        viewYear,
-        placeholder,
+      }), mode === 'year' && /*#__PURE__*/jsxRuntime.jsx(YearCalendar$1, {
+        selectedDate: selectedDate,
+        min: min,
+        max: max,
+        viewYear: viewYear,
+        placeholder: placeholder,
         onSelect: this.switchToMonths,
         onViewDateUpdate: this.handleViewDateUpdate
       })]
@@ -4255,21 +4018,20 @@ class DateLookup extends React.PureComponent {
       value
     } = this.props;
     return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      // eslint-disable-line jsx-a11y/no-static-element-interactions
       ref: this.element,
       id: this.props.id,
       "aria-labelledby": ariaLabelledBy,
       className: "input-group",
       onKeyDown: this.handleKeyDown,
-      children: [/*#__PURE__*/jsxRuntime.jsx(DateTrigger$1, {
-        selectedDate,
-        size,
-        placeholder,
-        label,
-        monthFormat,
-        disabled,
+      children: [/*#__PURE__*/jsxRuntime.jsx(DateTrigger, {
+        selectedDate: selectedDate,
+        size: size,
+        placeholder: placeholder,
+        label: label,
+        monthFormat: monthFormat,
+        disabled: disabled || false,
         onClick: this.open,
-        onClear: !disabled && clearable && value ? this.handleClear : null
+        onClear: !disabled && clearable && value ? this.handleClear : undefined
       }), /*#__PURE__*/jsxRuntime.jsx(ResponsivePanel$1, {
         anchorRef: this.element,
         open: open,
@@ -4281,36 +4043,6 @@ class DateLookup extends React.PureComponent {
     });
   }
 }
-DateLookup.propTypes = {
-  id: PropTypes__default.default.string,
-  value: PropTypes__default.default.instanceOf(Date),
-  min: PropTypes__default.default.instanceOf(Date),
-  max: PropTypes__default.default.instanceOf(Date),
-  size: PropTypes__default.default.oneOf(['sm', 'md', 'lg']),
-  placeholder: PropTypes__default.default.string,
-  label: PropTypes__default.default.string,
-  'aria-labelledby': PropTypes__default.default.string,
-  monthFormat: PropTypes__default.default.oneOf(['long', 'short']),
-  disabled: PropTypes__default.default.bool,
-  onChange: PropTypes__default.default.func.isRequired,
-  onFocus: PropTypes__default.default.func,
-  onBlur: PropTypes__default.default.func,
-  clearable: PropTypes__default.default.bool
-};
-DateLookup.defaultProps = {
-  value: null,
-  min: null,
-  max: null,
-  size: exports.Size.MEDIUM,
-  placeholder: '',
-  label: '',
-  monthFormat: exports.MonthFormat.LONG,
-  disabled: false,
-  onFocus: null,
-  onBlur: null,
-  clearable: false
-};
-var DateLookup$1 = DateLookup;
 
 const NavigationOption = /*#__PURE__*/React.forwardRef(({
   as: component = 'button',
@@ -5207,6 +4939,7 @@ exports.LogoType = void 0;
 (function (LogoType) {
   LogoType["WISE"] = "WISE";
   LogoType["WISE_BUSINESS"] = "WISE_BUSINESS";
+  LogoType["WISE_PLATFORM"] = "WISE_PLATFORM";
 })(exports.LogoType || (exports.LogoType = {}));
 
 var LogoFlagInverse = function LogoFlagInverse(props) {
@@ -5224,6 +4957,36 @@ LogoFlagInverse.defaultProps = {
   height: "24",
   fill: "none"
 };
+var LogoFlagPlatformInverse = function LogoFlagPlatformInverse(props) {
+  return /*#__PURE__*/jsxRuntime.jsx("svg", {
+    ...props,
+    children: /*#__PURE__*/jsxRuntime.jsx("path", {
+      fill: "#fff",
+      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"
+    })
+  });
+};
+LogoFlagPlatformInverse.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "111",
+  height: "18",
+  fill: "none"
+};
+var LogoFlagPlatform = function LogoFlagPlatform(props) {
+  return /*#__PURE__*/jsxRuntime.jsx("svg", {
+    ...props,
+    children: /*#__PURE__*/jsxRuntime.jsx("path", {
+      fill: "#163300",
+      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"
+    })
+  });
+};
+LogoFlagPlatform.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "111",
+  height: "18",
+  fill: "none"
+};
 var LogoFlag = function LogoFlag(props) {
   return /*#__PURE__*/jsxRuntime.jsx("svg", {
     ...props,
@@ -5254,6 +5017,36 @@ LogoWiseInverse.defaultProps = {
   height: "24",
   fill: "none"
 };
+var LogoWisePlatformInverse = function LogoWisePlatformInverse(props) {
+  return /*#__PURE__*/jsxRuntime.jsx("svg", {
+    ...props,
+    children: /*#__PURE__*/jsxRuntime.jsx("path", {
+      fill: "#fff",
+      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"
+    })
+  });
+};
+LogoWisePlatformInverse.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "172",
+  height: "18",
+  fill: "none"
+};
+var LogoWisePlatform = function LogoWisePlatform(props) {
+  return /*#__PURE__*/jsxRuntime.jsx("svg", {
+    ...props,
+    children: /*#__PURE__*/jsxRuntime.jsx("path", {
+      fill: "#163300",
+      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"
+    })
+  });
+};
+LogoWisePlatform.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "172",
+  height: "18",
+  fill: "none"
+};
 var LogoWise = function LogoWise(props) {
   return /*#__PURE__*/jsxRuntime.jsx("svg", {
     ...props,
@@ -5274,24 +5067,29 @@ const svgPaths = {
   WISE_BUSINESS: LogoWise,
   WISE_INVERSE: LogoWiseInverse,
   WISE_BUSINESS_INVERSE: LogoWiseInverse,
+  WISE_PLATFORM: LogoWisePlatform,
+  WISE_PLATFORM_INVERSE: LogoWisePlatformInverse,
   WISE_FLAG: LogoFlag,
-  WISE_FLAG_INVERSE: LogoFlagInverse
+  WISE_FLAG_INVERSE: LogoFlagInverse,
+  WISE_FLAG_PLATFORM: LogoFlagPlatform,
+  WISE_FLAG_PLATFORM_INVERSE: LogoFlagPlatformInverse
 };
 const Logo = ({
   className,
   inverse,
   type
 }) => {
-  const LogoSm = svgPaths[`WISE_FLAG${inverse ? '_INVERSE' : ''}`];
+  const LogoSm = svgPaths[`WISE_FLAG${type === exports.LogoType.WISE_PLATFORM ? '_PLATFORM' : ''}${inverse ? '_INVERSE' : ''}`];
   const LogoMd = svgPaths[`${type}${inverse ? '_INVERSE' : ''}`];
+  const screenMd = useScreenSize(exports.Breakpoint.MEDIUM);
   return /*#__PURE__*/jsxRuntime.jsxs("span", {
-    "aria-label": type === exports.LogoType.WISE ? 'Wise' : 'Wise business',
+    "aria-label": type === exports.LogoType.WISE ? 'Wise' : 'Wise Business' | type === exports.LogoType.WISE_PLATFORM ? 'Wise Platform' : 'Wise Business',
     role: "img",
     className: classNames__default.default(className, 'np-logo'),
-    children: [/*#__PURE__*/jsxRuntime.jsx(LogoSm, {
-      className: "np-logo-svg np-logo-svg--size-sm"
-    }), /*#__PURE__*/jsxRuntime.jsx(LogoMd, {
-      className: "np-logo-svg np-logo-svg--size-md"
+    children: [!screenMd && /*#__PURE__*/jsxRuntime.jsx(LogoSm, {
+      className: "np-logo-svg"
+    }), screenMd && /*#__PURE__*/jsxRuntime.jsx(LogoMd, {
+      className: "np-logo-svg"
     })]
   });
 };
@@ -5301,7 +5099,7 @@ Logo.propTypes = {
   /** If true, will use dark colours for dark on light theme */
   inverse: PropTypes__default.default.bool,
   /** What type of logo to display */
-  type: PropTypes__default.default.oneOf(['WISE', 'WISE_BUSINESS'])
+  type: PropTypes__default.default.oneOf(['WISE', 'WISE_BUSINESS', 'WISE_PLATFORM'])
 };
 Logo.defaultProps = {
   className: undefined,
@@ -5831,7 +5629,7 @@ function Popover$1({
   const resolvedPlacement = resolvePlacement(preferredPlacement);
   React.useEffect(() => {
     if (resolvedPlacement !== preferredPlacement) {
-      logActionRequired$1(`Popover has deprecated ${preferredPlacement} value for the 'preferredPlacement' prop. Please use ${resolvedPlacement} instead.`);
+      logActionRequired(`Popover has deprecated ${preferredPlacement} value for the 'preferredPlacement' prop. Please use ${resolvedPlacement} instead.`);
     }
   }, [preferredPlacement, resolvedPlacement]);
   const anchorReference = React.useRef(null);
@@ -5936,49 +5734,22 @@ const Info = ({
   });
 };
 
-const typeClassMap = {
-  [exports.Sentiment.ERROR]: 'danger',
-  [exports.Sentiment.NEGATIVE]: 'danger'
-};
-const InlineAlert = ({
+function InlineAlert({
   id,
-  type = exports.Sentiment.NEUTRAL,
+  type = 'neutral',
   className,
   children
-}) => {
-  const {
-    isModern
-  } = componentsTheming.useTheme();
-  const typeClass = `alert-${typeClassMap[type] || type}`;
-  if (isModern) {
-    return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      role: "alert",
-      id: id,
-      className: classNames__default.default('alert alert-detach', typeClass, className),
-      children: [(type === 'error' || type === 'negative') && /*#__PURE__*/jsxRuntime.jsx(icons.AlertCircle, {}), /*#__PURE__*/jsxRuntime.jsx("div", {
-        children: children
-      })]
-    });
-  }
-  const getAlertContents = ({
-    children,
-    className
-  }) => {
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      role: "alert",
-      id: id,
-      className: classNames__default.default('alert alert-detach p-x-2 p-y-1', typeClass, className),
+}) {
+  const danger = type === 'negative' || type === 'error';
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    role: "alert",
+    id: id,
+    className: classNames__default.default('alert alert-detach', `alert-${danger ? 'danger' : type}`, className),
+    children: [danger && /*#__PURE__*/jsxRuntime.jsx(icons.AlertCircle, {}), /*#__PURE__*/jsxRuntime.jsx("div", {
       children: children
-    });
-  };
-  const AlertWithArrow = withArrow(getAlertContents, exports.AlertArrowPosition.TOP_LEFT);
-  return /*#__PURE__*/jsxRuntime.jsx(AlertWithArrow, {
-    id,
-    type,
-    className,
-    children
+    })]
   });
-};
+}
 
 /*
  * Inspired by:
@@ -6077,9 +5848,9 @@ function InputAddon({
   const ref = React.useRef(null);
   useResizeObserver(ref, entry => {
     // TODO: Remove fallback once most browsers support `borderBoxSize`
-    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-    if (entry.borderBoxSize != null) {
-      setInputPadding(entry.borderBoxSize[0].inlineSize);
+    const inlineSize = entry.borderBoxSize?.[0]?.inlineSize;
+    if (inlineSize != null) {
+      setInputPadding(inlineSize);
     } else {
       const targetStyle = getComputedStyle(entry.target);
       setInputPadding(entry.contentRect.width + Number.parseFloat(targetStyle.paddingInlineStart) + Number.parseFloat(targetStyle.paddingInlineEnd));
@@ -6226,65 +5997,61 @@ function BottomSheet({
         theme: "personal",
         screenMode: theme === 'personal' ? screenMode : 'light',
         isNotRootProvider: true,
-        children: /*#__PURE__*/jsxRuntime.jsx(react$1.Transition, {
+        children: /*#__PURE__*/jsxRuntime.jsxs(react$1.Transition, {
           show: open,
           className: "np-bottom-sheet-v2-container",
           beforeEnter: () => {
             setFloatingKey(prev => prev + 1);
           },
           afterLeave: onCloseEnd,
-          children: /*#__PURE__*/jsxRuntime.jsxs(FocusBoundary, {
-            children: [/*#__PURE__*/jsxRuntime.jsx(react$1.Transition.Child, {
-              enter: "np-bottom-sheet-v2-backdrop-container--enter",
-              enterFrom: "np-bottom-sheet-v2-backdrop-container--enter-from",
-              leave: "np-bottom-sheet-v2-backdrop-container--leave",
-              leaveTo: "np-bottom-sheet-v2-backdrop-container--leave-to",
-              children: /*#__PURE__*/jsxRuntime.jsx("div", {
-                className: "np-bottom-sheet-v2-backdrop"
-              })
-            }), /*#__PURE__*/jsxRuntime.jsx("div", {
-              className: "np-bottom-sheet-v2",
-              children: /*#__PURE__*/jsxRuntime.jsx(react$1.Transition.Child, {
-                className: "np-bottom-sheet-v2-content",
-                enter: "np-bottom-sheet-v2-content--enter",
-                enterFrom: "np-bottom-sheet-v2-content--enter-from",
-                leave: "np-bottom-sheet-v2-content--leave",
-                leaveTo: "np-bottom-sheet-v2-content--leave-to",
-                children: /*#__PURE__*/jsxRuntime.jsx(react.FloatingFocusManager, {
-                  context: context,
-                  initialFocus: initialFocusRef,
-                  guards: false,
-                  modal: false,
-                  children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-                    // Force inner state invalidation on open
-                    ref: refs.setFloating,
-                    className: "np-bottom-sheet-v2-content-inner-container",
-                    ...getFloatingProps(),
-                    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-                      className: "np-bottom-sheet-v2-header",
-                      children: /*#__PURE__*/jsxRuntime.jsx(CloseButton, {
-                        size: exports.Size.SMALL,
-                        onClick: () => {
-                          onClose?.();
-                        }
-                      })
-                    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-                      className: classNames__default.default('np-bottom-sheet-v2-content-inner', title && 'np-bottom-sheet-v2-content-inner--has-title', {
-                        'np-bottom-sheet-v2-content-inner--padding-md': padding === 'md'
-                      }),
-                      children: [title ? /*#__PURE__*/jsxRuntime.jsx("h2", {
-                        className: "np-bottom-sheet-v2-title np-text-title-body",
-                        children: title
-                      }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
-                        className: "np-bottom-sheet-v2-body np-text-body-default",
-                        children: children
-                      })]
+          children: [/*#__PURE__*/jsxRuntime.jsx(react$1.Transition.Child, {
+            enter: "np-bottom-sheet-v2-backdrop-container--enter",
+            enterFrom: "np-bottom-sheet-v2-backdrop-container--enter-from",
+            leave: "np-bottom-sheet-v2-backdrop-container--leave",
+            leaveTo: "np-bottom-sheet-v2-backdrop-container--leave-to",
+            children: /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "np-bottom-sheet-v2-backdrop"
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "np-bottom-sheet-v2",
+            children: /*#__PURE__*/jsxRuntime.jsx(react$1.Transition.Child, {
+              className: "np-bottom-sheet-v2-content",
+              enter: "np-bottom-sheet-v2-content--enter",
+              enterFrom: "np-bottom-sheet-v2-content--enter-from",
+              leave: "np-bottom-sheet-v2-content--leave",
+              leaveTo: "np-bottom-sheet-v2-content--leave-to",
+              children: /*#__PURE__*/jsxRuntime.jsx(react.FloatingFocusManager, {
+                context: context,
+                initialFocus: initialFocusRef,
+                children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+                  // Force inner state invalidation on open
+                  ref: refs.setFloating,
+                  className: "np-bottom-sheet-v2-content-inner-container",
+                  ...getFloatingProps(),
+                  children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+                    className: "np-bottom-sheet-v2-header",
+                    children: /*#__PURE__*/jsxRuntime.jsx(CloseButton, {
+                      size: exports.Size.SMALL,
+                      onClick: () => {
+                        onClose?.();
+                      }
+                    })
+                  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+                    className: classNames__default.default('np-bottom-sheet-v2-content-inner', title && 'np-bottom-sheet-v2-content-inner--has-title', {
+                      'np-bottom-sheet-v2-content-inner--padding-md': padding === 'md'
+                    }),
+                    children: [title ? /*#__PURE__*/jsxRuntime.jsx("h2", {
+                      className: "np-bottom-sheet-v2-title np-text-title-body",
+                      children: title
+                    }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
+                      className: "np-bottom-sheet-v2-body np-text-body-default",
+                      children: children
                     })]
-                  }, floatingKey)
-                })
+                  })]
+                }, floatingKey)
               })
-            })]
-          })
+            })
+          })]
         })
       })
     })]
@@ -6382,36 +6149,32 @@ function Popover({
             setFloatingKey(prev => prev + 1);
           },
           afterLeave: onCloseEnd,
-          children: /*#__PURE__*/jsxRuntime.jsx(FocusBoundary, {
-            children: /*#__PURE__*/jsxRuntime.jsx(react.FloatingFocusManager, {
-              context: context,
-              guards: false,
-              modal: false,
-              children: /*#__PURE__*/jsxRuntime.jsx("div", {
-                // Force inner state invalidation on open
-                ref: refs.setFloating,
-                className: classNames__default.default('np-popover-v2-container', {
-                  'np-popover-v2-container--size-md': size === 'md',
-                  'np-popover-v2-container--size-lg': size === 'lg'
-                })
-                // eslint-disable-next-line react/forbid-dom-props
-                ,
-                style: floatingStyles,
-                ...getFloatingProps(),
-                children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-                  className: classNames__default.default('np-popover-v2', title && 'np-popover-v2--has-title', {
-                    'np-popover-v2--padding-md': padding === 'md'
-                  }),
-                  children: [title ? /*#__PURE__*/jsxRuntime.jsx("h2", {
-                    className: "np-popover-v2-title np-text-title-body",
-                    children: title
-                  }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
-                    className: "np-popover-v2-content np-text-body-default",
-                    children: children
-                  })]
-                })
-              }, floatingKey)
-            })
+          children: /*#__PURE__*/jsxRuntime.jsx(react.FloatingFocusManager, {
+            context: context,
+            children: /*#__PURE__*/jsxRuntime.jsx("div", {
+              // Force inner state invalidation on open
+              ref: refs.setFloating,
+              className: classNames__default.default('np-popover-v2-container', {
+                'np-popover-v2-container--size-md': size === 'md',
+                'np-popover-v2-container--size-lg': size === 'lg'
+              })
+              // eslint-disable-next-line react/forbid-dom-props
+              ,
+              style: floatingStyles,
+              ...getFloatingProps(),
+              children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+                className: classNames__default.default('np-popover-v2', title && 'np-popover-v2--has-title', {
+                  'np-popover-v2--padding-md': padding === 'md'
+                }),
+                children: [title ? /*#__PURE__*/jsxRuntime.jsx("h2", {
+                  className: "np-popover-v2-title np-text-title-body",
+                  children: title
+                }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
+                  className: "np-popover-v2-content np-text-body-default",
+                  children: children
+                })]
+              })
+            }, floatingKey)
           })
         })
       })
@@ -6790,6 +6553,7 @@ function SelectInputOptions({
       })
     }) : null, /*#__PURE__*/jsxRuntime.jsxs("section", {
       ref: listboxContainerRef,
+      tabIndex: -1,
       className: classNames__default.default('np-select-input-listbox-container', items.some(item => item.type === 'group') && 'np-select-input-listbox-container--has-group'),
       children: [resultsEmpty ? /*#__PURE__*/jsxRuntime.jsxs("div", {
         id: statusId,
@@ -7342,6 +7106,7 @@ const InputWithDisplayFormat = props => /*#__PURE__*/jsxRuntime.jsx(WithDisplayF
 });
 
 const InstructionsList = ({
+  className,
   dos,
   donts,
   sort = 'dosFirst'
@@ -7366,7 +7131,7 @@ const InstructionsList = ({
     children: [dontsInstructions, dosInstructions]
   });
   return /*#__PURE__*/jsxRuntime.jsx("ul", {
-    className: "tw-instructions",
+    className: classNames__default.default('tw-instructions', className),
     children: orderedInstructions
   });
 };
@@ -14798,10 +14563,10 @@ var th = {
 	"neptune.ClearButton.ariaLabel": "ล้าง",
 	"neptune.CloseButton.ariaLabel": "ปิด",
 	"neptune.DateInput.day.label": "วัน",
-	"neptune.DateInput.day.placeholder": "DD",
+	"neptune.DateInput.day.placeholder": "วัน",
 	"neptune.DateInput.month.label": "เดือน",
 	"neptune.DateInput.year.label": "ปี",
-	"neptune.DateInput.year.placeholder": "YYYY",
+	"neptune.DateInput.year.placeholder": "ปี",
 	"neptune.DateLookup.day": "วัน",
 	"neptune.DateLookup.goTo20YearView": "ไปที่มุมมอง 20 ปี",
 	"neptune.DateLookup.month": "เดือน",
@@ -14971,10 +14736,10 @@ var zhCN = {
 	"neptune.ClearButton.ariaLabel": "清除",
 	"neptune.CloseButton.ariaLabel": "关闭",
 	"neptune.DateInput.day.label": "日",
-	"neptune.DateInput.day.placeholder": "DD",
+	"neptune.DateInput.day.placeholder": "日",
 	"neptune.DateInput.month.label": "月",
 	"neptune.DateInput.year.label": "年",
-	"neptune.DateInput.year.placeholder": "YYYY",
+	"neptune.DateInput.year.placeholder": "年",
 	"neptune.DateLookup.day": "日",
 	"neptune.DateLookup.goTo20YearView": "转到 20 年视图",
 	"neptune.DateLookup.month": "月",
@@ -14987,7 +14752,7 @@ var zhCN = {
 	"neptune.Info.ariaLabel": "更多信息",
 	"neptune.Link.opensInNewTab": "（在新标签页中打开）",
 	"neptune.MoneyInput.Select.placeholder": "请选择...",
-	"neptune.PhoneNumberInput.SelectInput.placeholder": "选择一个选项...",
+	"neptune.PhoneNumberInput.SelectInput.placeholder": "选择其中一项...",
 	"neptune.Select.searchPlaceholder": "搜索",
 	"neptune.SelectInput.noResultsFound": "找不到结果",
 	"neptune.Summary.statusDone": "已完成",
@@ -14996,13 +14761,13 @@ var zhCN = {
 	"neptune.Upload.csButtonText": "上传另一个文件？",
 	"neptune.Upload.csFailureText": "上传失败。请重试",
 	"neptune.Upload.csSuccessText": "上传完毕！",
-	"neptune.Upload.csTooLargeMessage": "请提供小于 {maxSize}MB 的文件",
+	"neptune.Upload.csTooLargeMessage": "请提供一个小于 {maxSize} MB 的文件",
 	"neptune.Upload.csWrongTypeMessage": "不支持该文件类型，请试试其他文件",
 	"neptune.Upload.psButtonText": "取消",
 	"neptune.Upload.psProcessingText": "正在上传…",
 	"neptune.Upload.usButtonText": "或选择文件",
 	"neptune.Upload.usDropMessage": "拖放文件开始上传",
-	"neptune.Upload.usPlaceholder": "拖放小于 {maxSize}MB 的文件",
+	"neptune.Upload.usPlaceholder": "拖放一个不超过 {maxSize} MB 的文件",
 	"neptune.UploadButton.allFileTypes": "所有文件类型",
 	"neptune.UploadButton.dropFiles": "拖放文件开始上传",
 	"neptune.UploadButton.instructions": "{fileTypes}，小于 {size} MB",
@@ -15106,7 +14871,7 @@ const translations = {
 exports.Accordion = Accordion;
 exports.ActionButton = ActionButton;
 exports.ActionOption = ActionOption;
-exports.Alert = Alert$1;
+exports.Alert = Alert;
 exports.Avatar = Avatar;
 exports.AvatarWrapper = AvatarWrapper;
 exports.Badge = Badge;
@@ -15126,7 +14891,7 @@ exports.CriticalCommsBanner = CriticalCommsBanner;
 exports.DEFAULT_LANG = DEFAULT_LANG;
 exports.DEFAULT_LOCALE = DEFAULT_LOCALE;
 exports.DateInput = DateInput;
-exports.DateLookup = DateLookup$1;
+exports.DateLookup = DateLookup;
 exports.Decision = Decision;
 exports.DefinitionList = DefinitionList$1;
 exports.Dimmer = Dimmer$1;