@transferwise/components 0.0.0-experimental-9f96230 → 0.0.0-experimental-9b505c9

package/build/main.css

@@ -221,18 +221,27 @@ div.critical-comms .critical-comms-body {
 }
 .tw-avatar {
   position: relative;
+  border-radius: 50%;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
   box-sizing: border-box;
 }
 .tw-avatar .tw-avatar__content {
+  align-items: center;
   background-color: rgba(134,167,189,0.10196);
   background-color: #86a7bd1a;
   background-color: var(--color-background-neutral);
+  border-radius: 50%;
+  color: #37517e;
+  color: var(--color-content-primary);
+  display: flex;
+  height: 100%;
+  justify-content: center;
   max-height: 100%;
   max-width: 100%;
   overflow: hidden;
+  width: 100%;
 }
 .tw-avatar--outlined {
   border: 1px solid #00a2dd;
@@ -275,6 +284,11 @@ div.critical-comms .critical-comms-body {
   color: var(--color-dark-charcoal);
   line-height: 1;
 }
+.tw-avatar--24 {
+  min-width: 24px;
+  width: 24px;
+  height: 24px;
+}
 .tw-avatar--24.tw-avatar--emoji,
 .tw-avatar--24.tw-avatar--icon {
   font-size: 12px;
@@ -305,6 +319,11 @@ div.critical-comms .critical-comms-body {
   content: "";
   border-radius: 50%;
 }
+.tw-avatar--40 {
+  min-width: 40px;
+  width: 40px;
+  height: 40px;
+}
 .tw-avatar--40.tw-avatar--emoji,
 .tw-avatar--40.tw-avatar--icon {
   font-size: 20px;
@@ -335,6 +354,11 @@ div.critical-comms .critical-comms-body {
   content: "";
   border-radius: 50%;
 }
+.tw-avatar--48 {
+  min-width: 48px;
+  width: 48px;
+  height: 48px;
+}
 .tw-avatar--48.tw-avatar--emoji,
 .tw-avatar--48.tw-avatar--icon {
   font-size: 24px;
@@ -365,6 +389,11 @@ div.critical-comms .critical-comms-body {
   content: "";
   border-radius: 50%;
 }
+.tw-avatar--56 {
+  min-width: 56px;
+  width: 56px;
+  height: 56px;
+}
 .tw-avatar--56.tw-avatar--emoji,
 .tw-avatar--56.tw-avatar--icon {
   font-size: 28px;
@@ -395,6 +424,11 @@ div.critical-comms .critical-comms-body {
   content: "";
   border-radius: 50%;
 }
+.tw-avatar--72 {
+  min-width: 72px;
+  width: 72px;
+  height: 72px;
+}
 .tw-avatar--72.tw-avatar--emoji,
 .tw-avatar--72.tw-avatar--icon {
   font-size: 36px;
@@ -460,10 +494,16 @@ div.critical-comms .critical-comms-body {
 }
 .tw-badge > .tw-badge__content {
   position: absolute;
+  width: var(--badge-size);
+  height: var(--badge-size);
   bottom: 0;
   right: 0;
   box-sizing: border-box;
+  border-radius: 50%;
   text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   overflow: hidden;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -1016,8 +1056,8 @@ div.critical-comms .critical-comms-body {
 }
 @media (max-width: 320px) {
   .np-circular-btn .tw-icon {
-    top: 8px;
-    top: var(--size-8);
+    top: 12px;
+    top: var(--size-12);
   }
 }
 .np-circular-btn .tw-icon > svg {
@@ -1172,6 +1212,10 @@ div.critical-comms .critical-comms-body {
   height: var(--circle-size);
   flex-shrink: 0;
 }
+.np-circle .tw-icon > svg {
+  height: var(--circle-icon-size);
+  width: var(--circle-icon-size);
+}
 .np-bottom-sheet {
   border-radius: 10px 10px 0 0;
 }
@@ -4158,12 +4202,6 @@ html:not([dir="rtl"]) .np-navigation-option {
     transform: translateY(-24px);
   }
 }
-.status-icon > svg {
-  height: 32px;
-  height: var(--size-32);
-  width: 32px;
-  width: var(--size-32);
-}
 .status-circle .light {
   color: var(--color-contrast);
 }
@@ -4179,20 +4217,6 @@ html:not([dir="rtl"]) .np-navigation-option {
 .np-theme-personal .status-circle.pending .status-icon {
   color: var(--color-dark);
 }
-.status-circle-sm .status-icon > svg {
-  height: 14px;
-  height: var(--size-14);
-  width: 14px;
-  width: var(--size-14);
-}
-@media (max-width: 320px) {
-  .status-circle-sm .status-icon > svg {
-    width: 24px;
-    width: var(--size-24);
-    height: 24px;
-    height: var(--size-24);
-  }
-}
 .status-circle.negative,
 .status-circle.error {
   background-color: var(--color-sentiment-negative);
@@ -5028,306 +5052,6 @@ html:not([dir="rtl"]) .np-navigation-option {
     padding: 0 var(--size-24);
   }
 }
-.np-table {
-  width: 100%;
-  background-color: transparent;
-}
-.np-table-outer-container {
-  border-radius: 16px;
-  border-radius: var(--radius-medium);
-}
-.np-table-outer-container:focus {
-  outline: none;
-}
-.np-table-outer-container:focus-visible {
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: var(--ring-outline-offset);
-}
-.np-table-outer-container:focus-visible {
-  outline-offset: 0;
-}
-.np-table-outer-container--center {
-  margin-right: auto;
-  margin-left: auto;
-}
-@media (max-width: 767px) {
-  .np-table-outer-container--center {
-    width: 100%;
-  }
-}
-.np-table-outer-container--full-width {
-  width: 100%;
-}
-.np-table-container {
-  padding: 8px;
-  padding: var(--size-8);
-  background-color: rgba(134,167,189,0.10196);
-  background-color: var(--color-background-neutral);
-  border-radius: inherit;
-}
-.np-table-container--loading .np-table-inner-container {
-  background-image: none;
-}
-.np-table-inner-container {
-  background-image: linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
-  background-position: left center, right center, left center, right center;
-  background-repeat: no-repeat;
-  background-color: var(--color-contrast-overlay);
-  background-size: 15px 100%, 15px 100%, 15px 100%, 15px 100%;
-  background-attachment: local, local, scroll, scroll;
-  overflow-x: auto;
-  border-radius: 10px;
-}
-.np-theme-personal--dark .np-table-inner-container {
-  background-image: linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, #000000, rgba(0, 0, 0, 0)), linear-gradient(to left, #000000, rgba(0, 0, 0, 0));
-}
-.np-table-row:last-child .np-table-cell:first-child {
-  border-bottom-left-radius: 10px;
-}
-.np-table-row:last-child .np-table-cell:last-child {
-  border-bottom-right-radius: 10px;
-}
-.np-table-row--clickable .np-table-cell {
-  position: relative;
-}
-.np-table-row--clickable .np-table-cell:before {
-  display: none;
-  content: "";
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  top: 0;
-  left: 0;
-  background-color: var(--color-background-screen-hover);
-}
-.np-table-row--clickable .np-table-cell:first-child:before,
-.np-table-row--clickable .np-table-cell:last-child:before {
-  width: calc(100% - 8px);
-  width: calc(100% - var(--size-8));
-}
-.np-table-row--clickable .np-table-cell:first-child:before {
-  left: 8px;
-  left: var(--size-8);
-  border-top-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-}
-.np-table-row--clickable .np-table-cell:last-child:before {
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-}
-.np-table-row--clickable:hover .np-table-cell:before {
-  display: block;
-}
-.np-table-row--clickable:hover:focus-visible .np-table-cell:first-child:before,
-.np-table-row--clickable:hover:focus-visible .np-table-cell:last-child:before {
-  width: 100%;
-}
-.np-table-row--clickable:hover:focus-visible .np-table-cell:first-child:before {
-  left: 0;
-}
-.np-table-row--clickable:focus {
-  outline: none;
-}
-.np-table-row--clickable:focus-visible {
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: var(--ring-outline-offset);
-}
-.np-table-row--clickable:focus-visible {
-  outline-offset: -2px;
-  border-radius: 6px;
-}
-.np-table-row--cosmetic .np-table-cell {
-  height: 8px;
-  height: var(--size-8);
-  padding: 0;
-}
-.np-table-header,
-.np-table-cell {
-  padding: 0;
-}
-.np-table-header:first-child,
-.np-table-cell:first-child {
-  padding-left: 16px;
-  padding-left: var(--size-16);
-}
-.np-table-header:first-child .np-table-header-content,
-.np-table-cell:first-child .np-table-header-content,
-.np-table-header:first-child .np-table-cell-content,
-.np-table-cell:first-child .np-table-cell-content {
-  padding-left: 0;
-}
-.np-table-header:last-child,
-.np-table-cell:last-child {
-  padding-right: 16px;
-  padding-right: var(--size-16);
-}
-.np-table-header:last-child .np-table-header-content,
-.np-table-cell:last-child .np-table-header-content,
-.np-table-header:last-child .np-table-cell-content,
-.np-table-cell:last-child .np-table-cell-content {
-  padding-right: 0;
-}
-.np-table-header .np-table-text-secondary,
-.np-table-cell .np-table-text-secondary {
-  color: #768e9c;
-  color: var(--color-content-tertiary);
-  font-size: 0.75rem;
-  font-size: var(--font-size-12);
-  font-style: normal;
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
-  line-height: 1.125rem;
-  line-height: var(--line-height-18);
-}
-.np-table-header.np-table-header--right > .np-text-body-default,
-.np-table-cell.np-table-cell--right > .np-text-body-default {
-  text-align: right;
-}
-.np-table-header.np-table-header--right + .np-table-header:not(.np-table-header--right),
-.np-table-cell.np-table-cell--right + .np-table-cell:not(.np-table-cell--right) {
-  padding-left: calc(8px + 12px);
-  padding-left: calc(var(--size-8) + var(--size-12));
-}
-.np-table-header.np-table-header--right .np-table-header-content,
-.np-table-cell.np-table-cell--right .np-table-content {
-  justify-content: end;
-}
-.np-table-header-content,
-.np-table-content {
-  display: flex;
-  align-items: center;
-  justify-content: start;
-}
-.np-table-header {
-  min-width: 160px;
-  padding-right: 8px;
-  padding-right: var(--size-8);
-  padding-bottom: 8px;
-  padding-bottom: var(--size-8);
-  padding-left: 8px;
-  padding-left: var(--size-8);
-  background-color: rgba(134,167,189,0.10196);
-  background-color: var(--color-background-neutral);
-  color: var(--color-interactive-primary);
-}
-.np-table-header-content {
-  padding-top: 5px;
-  padding-bottom: 5px;
-  white-space: nowrap;
-  line-height: 1.375rem;
-  line-height: var(--line-height-22);
-  letter-spacing: 0.0125em;
-  letter-spacing: var(--letter-spacing-sm);
-}
-.np-table-header--error {
-  color: var(--color-sentiment-negative);
-}
-.np-table-header--action {
-  min-width: 0;
-  padding: 0;
-}
-.np-table-cell {
-  padding: 16px 8px;
-  padding: var(--size-16) var(--size-8);
-  position: relative;
-}
-.np-table-cell--cosmetic {
-  padding: 0;
-}
-.np-table-cell--primary {
-  min-width: 200px;
-}
-.np-table-cell--currency .np-text-body-default {
-  white-space: nowrap;
-}
-.np-table-cell--status .status-circle {
-  width: 24px;
-  height: 24px;
-}
-.np-table-cell--status .status-circle .status-icon > svg {
-  width: 21px;
-  height: 21px;
-}
-.np-table-cell .tw-chevron {
-  margin-left: 8px;
-  margin-left: var(--size-8);
-}
-.np-table-cell-separator {
-  margin-top: 4px;
-  margin-top: var(--size-4);
-  margin-bottom: 4px;
-  margin-bottom: var(--size-4);
-  height: 1px;
-  background-color: rgba(134,167,189,0.10196);
-  background-color: var(--color-background-neutral);
-  padding: 0;
-}
-.np-table-cell .np-text-body-default {
-  line-height: 1.375rem;
-  line-height: var(--line-height-22);
-  letter-spacing: 0.01em;
-  letter-spacing: var(--letter-spacing-xs);
-}
-.np-table-cell .np-text-body-default-bold {
-  display: flex;
-  align-items: center;
-  color: #37517e;
-  color: var(--color-content-primary);
-  white-space: nowrap;
-}
-.np-table-cell .np-table-content--success {
-  color: var(--color-sentiment-positive);
-}
-.np-table-cell .np-table-content--error {
-  color: var(--color-sentiment-negative);
-}
-.np-table-cell .tw-loader {
-  margin: 150px auto;
-}
-@media (max-width: 320px) {
-  .np-table-cell .tw-loader {
-    margin-top: 70px;
-    margin-bottom: 70px;
-  }
-}
-.np-table-content {
-  gap: 12px;
-  gap: var(--size-12);
-}
-.np-table-content--success,
-.np-table-content--error {
-  gap: 4px;
-  gap: var(--size-4);
-}
-.np-table-content--success .np-table-content-text,
-.np-table-content--error .np-table-content-text {
-  line-height: 155%;
-}
-.np-table-content-media {
-  flex-shrink: 0;
-}
-.np-table-content-body {
-  display: flex;
-  flex-direction: column;
-  font-size: 0.75rem;
-  font-size: var(--font-size-12);
-  color: #768e9c;
-  color: var(--color-content-tertiary);
-}
-.np-table-content--reversed {
-  flex-direction: row-reverse;
-}
-.np-table-content--reversed .np-table-content-body {
-  align-items: end;
-}
-.np-table-empty-data {
-  display: flex;
-  align-items: center;
-}
-.np-table-empty-data .status-circle {
-  margin-right: 12px;
-  margin-right: var(--size-12);
-}
 .np-tile {
   min-width: 120px;
   border-radius: 10px;

package/build/markdown/Markdown.js

@@ -1,8 +1,31 @@
 'use strict';
 
 var commonmark = require('commonmark');
-var jsxRuntime = require('react/jsx-runtime');
+require('../common/theme.js');
+require('../common/direction.js');
+require('../common/propsValues/control.js');
+require('../common/propsValues/breakpoint.js');
+require('../common/propsValues/size.js');
+require('../common/propsValues/typography.js');
+require('../common/propsValues/width.js');
+require('../common/propsValues/type.js');
+require('../common/propsValues/dateMode.js');
+require('../common/propsValues/monthFormat.js');
+require('../common/propsValues/position.js');
+require('../common/propsValues/layouts.js');
+require('../common/propsValues/status.js');
+require('../common/propsValues/sentiment.js');
+require('../common/propsValues/profileType.js');
+require('../common/propsValues/variant.js');
+require('../common/propsValues/scroll.js');
 var markdownNodeType = require('../common/propsValues/markdownNodeType.js');
+require('../common/fileType.js');
+require('@transferwise/icons');
+require('clsx');
+require('react');
+require('react-intl');
+require('../common/closeButton/CloseButton.messages.js');
+var jsxRuntime = require('react/jsx-runtime');
 var logActionRequired = require('../utilities/logActionRequired.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/build/markdown/Markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.js","sources":["../../src/markdown/Markdown.tsx"],"sourcesContent":["import commonmark, { Node as MarkdownNode } from 'commonmark';\n\nimport { MarkdownNodeType } from '../common';\nimport { logActionRequired } from '../utilities';\n\nconst reader = new commonmark.Parser();\nconst writer = new commonmark.HtmlRenderer({ safe: true });\n\nconst NODE_TYPE_LIST = Object.values(MarkdownNodeType);\n\nexport type MarkdownProps = {\n  as?: React.ElementType;\n  config?: {\n    link?: Pick<React.ComponentPropsWithoutRef<'a'>, 'target'>;\n    paragraph?: Pick<React.ComponentPropsWithoutRef<'p'>, 'className'>;\n  };\n  className?: string;\n  children?: string;\n} & (\n  | {\n      allowList?: readonly `${MarkdownNodeType}`[];\n      blockList?: never;\n    }\n  | {\n      allowList?: never;\n      blockList?: readonly `${MarkdownNodeType}`[];\n    }\n);\n\nexport default function Markdown({\n  as: Element = 'div',\n  allowList,\n  blockList,\n  config,\n  className,\n  children,\n}: MarkdownProps) {\n  if (!children) {\n    return null;\n  }\n\n  const linkTarget = config?.link?.target ?? '_self';\n  const paragraphClass = config?.paragraph?.className ?? '';\n\n  if (allowList != null && blockList != null) {\n    logActionRequired(\n      'Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.',\n    );\n  }\n\n  const parser = (nodes: string) => {\n    const parsed = reader.parse(nodes);\n    const toExclude =\n      allowList != null ? NODE_TYPE_LIST.filter((type) => !allowList.includes(type)) : blockList;\n    return toExclude != null ? stripNodes({ parsed, blockList: toExclude }) : parsed;\n  };\n\n  const createMarkup = () => {\n    const parsed = parser(children);\n    return writer\n      .render(parsed)\n      .replace(/<a href=\"/g, `<a target=\"${linkTarget}\" href=\"`)\n      .replace(/<p>/g, `<p class=\"${paragraphClass}\">`);\n  };\n\n  return <Element className={className} dangerouslySetInnerHTML={{ __html: createMarkup() }} />;\n}\n\nfunction stripNodes({ blockList, parsed }: { blockList: readonly string[]; parsed: MarkdownNode }) {\n  if (!parsed) {\n    return parsed;\n  }\n\n  const walker = parsed.walker();\n\n  for (let event = walker.next(); event != null; event = walker.next()) {\n    const { node } = event;\n    if (blockList.includes(node.type) && !event.entering) {\n      while (node.firstChild != null) {\n        node.insertBefore(node.firstChild);\n      }\n      node.unlink();\n    }\n  }\n  return parsed;\n}\n"],"names":["reader","commonmark","Parser","writer","HtmlRenderer","safe","NODE_TYPE_LIST","Object","values","MarkdownNodeType","Markdown","as","Element","allowList","blockList","config","className","children","linkTarget","link","target","paragraphClass","paragraph","logActionRequired","parser","nodes","parsed","parse","toExclude","filter","type","includes","stripNodes","createMarkup","render","replace","_jsx","dangerouslySetInnerHTML","__html","walker","event","next","node","entering","firstChild","insertBefore","unlink"],"mappings":"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"}
+{"version":3,"file":"Markdown.js","sources":["../../src/markdown/Markdown.tsx"],"sourcesContent":["import commonmark, { Node as MarkdownNode } from 'commonmark';\n\nimport { MarkdownNodeType } from '../common';\nimport { logActionRequired } from '../utilities';\n\nconst reader = new commonmark.Parser();\nconst writer = new commonmark.HtmlRenderer({ safe: true });\n\nconst NODE_TYPE_LIST = Object.values(MarkdownNodeType);\n\nexport type MarkdownProps = {\n  as?: React.ElementType;\n  config?: {\n    link?: Pick<React.ComponentPropsWithoutRef<'a'>, 'target'>;\n    paragraph?: Pick<React.ComponentPropsWithoutRef<'p'>, 'className'>;\n  };\n  className?: string;\n  children?: string;\n} & (\n  | {\n      allowList?: readonly `${MarkdownNodeType}`[];\n      blockList?: never;\n    }\n  | {\n      allowList?: never;\n      blockList?: readonly `${MarkdownNodeType}`[];\n    }\n);\n\nexport default function Markdown({\n  as: Element = 'div',\n  allowList,\n  blockList,\n  config,\n  className,\n  children,\n}: MarkdownProps) {\n  if (!children) {\n    return null;\n  }\n\n  const linkTarget = config?.link?.target ?? '_self';\n  const paragraphClass = config?.paragraph?.className ?? '';\n\n  if (allowList != null && blockList != null) {\n    logActionRequired(\n      'Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.',\n    );\n  }\n\n  const parser = (nodes: string) => {\n    const parsed = reader.parse(nodes);\n    const toExclude =\n      allowList != null ? NODE_TYPE_LIST.filter((type) => !allowList.includes(type)) : blockList;\n    return toExclude != null ? stripNodes({ parsed, blockList: toExclude }) : parsed;\n  };\n\n  const createMarkup = () => {\n    const parsed = parser(children);\n    return writer\n      .render(parsed)\n      .replace(/<a href=\"/g, `<a target=\"${linkTarget}\" href=\"`)\n      .replace(/<p>/g, `<p class=\"${paragraphClass}\">`);\n  };\n\n  return <Element className={className} dangerouslySetInnerHTML={{ __html: createMarkup() }} />;\n}\n\nfunction stripNodes({ blockList, parsed }: { blockList: readonly string[]; parsed: MarkdownNode }) {\n  if (!parsed) {\n    return parsed;\n  }\n\n  const walker = parsed.walker();\n\n  for (let event = walker.next(); event != null; event = walker.next()) {\n    const { node } = event;\n    if (blockList.includes(node.type) && !event.entering) {\n      while (node.firstChild != null) {\n        node.insertBefore(node.firstChild);\n      }\n      node.unlink();\n    }\n  }\n  return parsed;\n}\n"],"names":["reader","commonmark","Parser","writer","HtmlRenderer","safe","NODE_TYPE_LIST","Object","values","MarkdownNodeType","Markdown","as","Element","allowList","blockList","config","className","children","linkTarget","link","target","paragraphClass","paragraph","logActionRequired","parser","nodes","parsed","parse","toExclude","filter","type","includes","stripNodes","createMarkup","render","replace","_jsx","dangerouslySetInnerHTML","__html","walker","event","next","node","entering","firstChild","insertBefore","unlink"],"mappings":"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"}

package/build/markdown/Markdown.mjs

@@ -1,6 +1,29 @@
 import commonmark from 'commonmark';
-import { jsx } from 'react/jsx-runtime';
+import '../common/theme.mjs';
+import '../common/direction.mjs';
+import '../common/propsValues/control.mjs';
+import '../common/propsValues/breakpoint.mjs';
+import '../common/propsValues/size.mjs';
+import '../common/propsValues/typography.mjs';
+import '../common/propsValues/width.mjs';
+import '../common/propsValues/type.mjs';
+import '../common/propsValues/dateMode.mjs';
+import '../common/propsValues/monthFormat.mjs';
+import '../common/propsValues/position.mjs';
+import '../common/propsValues/layouts.mjs';
+import '../common/propsValues/status.mjs';
+import '../common/propsValues/sentiment.mjs';
+import '../common/propsValues/profileType.mjs';
+import '../common/propsValues/variant.mjs';
+import '../common/propsValues/scroll.mjs';
 import { MarkdownNodeType } from '../common/propsValues/markdownNodeType.mjs';
+import '../common/fileType.mjs';
+import '@transferwise/icons';
+import 'clsx';
+import 'react';
+import 'react-intl';
+import '../common/closeButton/CloseButton.messages.mjs';
+import { jsx } from 'react/jsx-runtime';
 import { logActionRequired } from '../utilities/logActionRequired.mjs';
 
 const reader = new commonmark.Parser();

package/build/markdown/Markdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.mjs","sources":["../../src/markdown/Markdown.tsx"],"sourcesContent":["import commonmark, { Node as MarkdownNode } from 'commonmark';\n\nimport { MarkdownNodeType } from '../common';\nimport { logActionRequired } from '../utilities';\n\nconst reader = new commonmark.Parser();\nconst writer = new commonmark.HtmlRenderer({ safe: true });\n\nconst NODE_TYPE_LIST = Object.values(MarkdownNodeType);\n\nexport type MarkdownProps = {\n  as?: React.ElementType;\n  config?: {\n    link?: Pick<React.ComponentPropsWithoutRef<'a'>, 'target'>;\n    paragraph?: Pick<React.ComponentPropsWithoutRef<'p'>, 'className'>;\n  };\n  className?: string;\n  children?: string;\n} & (\n  | {\n      allowList?: readonly `${MarkdownNodeType}`[];\n      blockList?: never;\n    }\n  | {\n      allowList?: never;\n      blockList?: readonly `${MarkdownNodeType}`[];\n    }\n);\n\nexport default function Markdown({\n  as: Element = 'div',\n  allowList,\n  blockList,\n  config,\n  className,\n  children,\n}: MarkdownProps) {\n  if (!children) {\n    return null;\n  }\n\n  const linkTarget = config?.link?.target ?? '_self';\n  const paragraphClass = config?.paragraph?.className ?? '';\n\n  if (allowList != null && blockList != null) {\n    logActionRequired(\n      'Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.',\n    );\n  }\n\n  const parser = (nodes: string) => {\n    const parsed = reader.parse(nodes);\n    const toExclude =\n      allowList != null ? NODE_TYPE_LIST.filter((type) => !allowList.includes(type)) : blockList;\n    return toExclude != null ? stripNodes({ parsed, blockList: toExclude }) : parsed;\n  };\n\n  const createMarkup = () => {\n    const parsed = parser(children);\n    return writer\n      .render(parsed)\n      .replace(/<a href=\"/g, `<a target=\"${linkTarget}\" href=\"`)\n      .replace(/<p>/g, `<p class=\"${paragraphClass}\">`);\n  };\n\n  return <Element className={className} dangerouslySetInnerHTML={{ __html: createMarkup() }} />;\n}\n\nfunction stripNodes({ blockList, parsed }: { blockList: readonly string[]; parsed: MarkdownNode }) {\n  if (!parsed) {\n    return parsed;\n  }\n\n  const walker = parsed.walker();\n\n  for (let event = walker.next(); event != null; event = walker.next()) {\n    const { node } = event;\n    if (blockList.includes(node.type) && !event.entering) {\n      while (node.firstChild != null) {\n        node.insertBefore(node.firstChild);\n      }\n      node.unlink();\n    }\n  }\n  return parsed;\n}\n"],"names":["reader","commonmark","Parser","writer","HtmlRenderer","safe","NODE_TYPE_LIST","Object","values","MarkdownNodeType","Markdown","as","Element","allowList","blockList","config","className","children","linkTarget","link","target","paragraphClass","paragraph","logActionRequired","parser","nodes","parsed","parse","toExclude","filter","type","includes","stripNodes","createMarkup","render","replace","_jsx","dangerouslySetInnerHTML","__html","walker","event","next","node","entering","firstChild","insertBefore","unlink"],"mappings":"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"}
+{"version":3,"file":"Markdown.mjs","sources":["../../src/markdown/Markdown.tsx"],"sourcesContent":["import commonmark, { Node as MarkdownNode } from 'commonmark';\n\nimport { MarkdownNodeType } from '../common';\nimport { logActionRequired } from '../utilities';\n\nconst reader = new commonmark.Parser();\nconst writer = new commonmark.HtmlRenderer({ safe: true });\n\nconst NODE_TYPE_LIST = Object.values(MarkdownNodeType);\n\nexport type MarkdownProps = {\n  as?: React.ElementType;\n  config?: {\n    link?: Pick<React.ComponentPropsWithoutRef<'a'>, 'target'>;\n    paragraph?: Pick<React.ComponentPropsWithoutRef<'p'>, 'className'>;\n  };\n  className?: string;\n  children?: string;\n} & (\n  | {\n      allowList?: readonly `${MarkdownNodeType}`[];\n      blockList?: never;\n    }\n  | {\n      allowList?: never;\n      blockList?: readonly `${MarkdownNodeType}`[];\n    }\n);\n\nexport default function Markdown({\n  as: Element = 'div',\n  allowList,\n  blockList,\n  config,\n  className,\n  children,\n}: MarkdownProps) {\n  if (!children) {\n    return null;\n  }\n\n  const linkTarget = config?.link?.target ?? '_self';\n  const paragraphClass = config?.paragraph?.className ?? '';\n\n  if (allowList != null && blockList != null) {\n    logActionRequired(\n      'Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.',\n    );\n  }\n\n  const parser = (nodes: string) => {\n    const parsed = reader.parse(nodes);\n    const toExclude =\n      allowList != null ? NODE_TYPE_LIST.filter((type) => !allowList.includes(type)) : blockList;\n    return toExclude != null ? stripNodes({ parsed, blockList: toExclude }) : parsed;\n  };\n\n  const createMarkup = () => {\n    const parsed = parser(children);\n    return writer\n      .render(parsed)\n      .replace(/<a href=\"/g, `<a target=\"${linkTarget}\" href=\"`)\n      .replace(/<p>/g, `<p class=\"${paragraphClass}\">`);\n  };\n\n  return <Element className={className} dangerouslySetInnerHTML={{ __html: createMarkup() }} />;\n}\n\nfunction stripNodes({ blockList, parsed }: { blockList: readonly string[]; parsed: MarkdownNode }) {\n  if (!parsed) {\n    return parsed;\n  }\n\n  const walker = parsed.walker();\n\n  for (let event = walker.next(); event != null; event = walker.next()) {\n    const { node } = event;\n    if (blockList.includes(node.type) && !event.entering) {\n      while (node.firstChild != null) {\n        node.insertBefore(node.firstChild);\n      }\n      node.unlink();\n    }\n  }\n  return parsed;\n}\n"],"names":["reader","commonmark","Parser","writer","HtmlRenderer","safe","NODE_TYPE_LIST","Object","values","MarkdownNodeType","Markdown","as","Element","allowList","blockList","config","className","children","linkTarget","link","target","paragraphClass","paragraph","logActionRequired","parser","nodes","parsed","parse","toExclude","filter","type","includes","stripNodes","createMarkup","render","replace","_jsx","dangerouslySetInnerHTML","__html","walker","event","next","node","entering","firstChild","insertBefore","unlink"],"mappings":"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"}

package/build/modal/Modal.js

@@ -3,17 +3,34 @@
 var clsx = require('clsx');
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
+require('../common/theme.js');
+require('../common/direction.js');
+require('../common/propsValues/control.js');
+require('../common/propsValues/breakpoint.js');
+var size = require('../common/propsValues/size.js');
+var typography = require('../common/propsValues/typography.js');
+require('../common/propsValues/width.js');
+require('../common/propsValues/type.js');
+require('../common/propsValues/dateMode.js');
+require('../common/propsValues/monthFormat.js');
+var position = require('../common/propsValues/position.js');
+require('../common/propsValues/layouts.js');
+require('../common/propsValues/status.js');
+require('../common/propsValues/sentiment.js');
+require('../common/propsValues/profileType.js');
+require('../common/propsValues/variant.js');
+var scroll = require('../common/propsValues/scroll.js');
+require('../common/propsValues/markdownNodeType.js');
+require('../common/fileType.js');
 var CloseButton = require('../common/closeButton/CloseButton.js');
+require('@transferwise/neptune-validation');
+require('../provider/direction/DirectionProvider.js');
+var useLayout = require('../common/hooks/useLayout/useLayout.js');
 var Dimmer = require('../dimmer/Dimmer.js');
 var Drawer = require('../drawer/Drawer.js');
 var OverlayIdProvider = require('../provider/overlay/OverlayIdProvider.js');
 var Title = require('../title/Title.js');
 var jsxRuntime = require('react/jsx-runtime');
-var useLayout = require('../common/hooks/useLayout/useLayout.js');
-var scroll = require('../common/propsValues/scroll.js');
-var position = require('../common/propsValues/position.js');
-var typography = require('../common/propsValues/typography.js');
-var size = require('../common/propsValues/size.js');
 
 const TRANSITION_DURATION_IN_MILLISECONDS = 150;
 const Modal = ({

package/build/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../src/modal/Modal.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { ReactNode, useContext, useId, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport {\n  Size,\n  Position,\n  PositionTop,\n  PositionCenter,\n  Scroll,\n  CommonProps,\n  SizeSmall,\n  SizeMedium,\n  SizeLarge,\n  SizeExtraLarge,\n  ScrollContent,\n  ScrollViewport,\n  Typography,\n} from '../common';\nimport { CloseButton } from '../common/closeButton';\nimport { useLayout } from '../common/hooks';\nimport Dimmer from '../dimmer';\nimport Drawer from '../drawer';\nimport { OverlayIdContext } from '../provider/overlay/OverlayIdProvider';\nimport Title from '../title/Title';\n\nconst TRANSITION_DURATION_IN_MILLISECONDS = 150;\n\nexport type ModalProps = CommonProps & {\n  title?: ReactNode;\n  body: ReactNode;\n  footer?: ReactNode;\n  size?: SizeSmall | SizeMedium | SizeLarge | SizeExtraLarge;\n  onClose: () => void;\n  onUnmount?: () => void;\n  open: boolean;\n  scroll?: ScrollContent | ScrollViewport;\n  position?: PositionTop | PositionCenter;\n  disableDimmerClickToClose?: boolean;\n};\n\nconst Modal = ({\n  title = null,\n  body,\n  footer = null,\n  onClose,\n  onUnmount,\n  className,\n  open,\n  size = Size.MEDIUM,\n  scroll = Scroll.VIEWPORT,\n  position = Position.CENTER,\n  disableDimmerClickToClose = false,\n  ...otherProps\n}: ModalProps) => {\n  const checkSpecialClasses = (classToCheck: string) =>\n    className?.split(' ').includes(classToCheck);\n  const { isMedium } = useLayout();\n\n  // These should be replaced with props in breaking change.\n  const isCompact = checkSpecialClasses('compact');\n  const noDivider = checkSpecialClasses('no-divider');\n\n  const contentReference = useRef<HTMLDivElement>(null);\n  const titleId = useId();\n\n  const overlayId = useContext(OverlayIdContext);\n\n  return !isMedium ? (\n    <Drawer\n      open={open}\n      headerTitle={title}\n      footerContent={footer}\n      position={Position.BOTTOM}\n      onClose={onClose}\n      onUnmount={onUnmount}\n    >\n      {body}\n    </Drawer>\n  ) : (\n    <Dimmer\n      open={open}\n      scrollable={scroll === Scroll.VIEWPORT}\n      contentPosition={position}\n      disableClickToClose={disableDimmerClickToClose}\n      onClose={onClose}\n      onExited={onUnmount}\n    >\n      <CSSTransition\n        nodeRef={contentReference}\n        appear\n        in={open}\n        classNames={{ enterDone: 'in' }}\n        timeout={TRANSITION_DURATION_IN_MILLISECONDS}\n        unmountOnExit\n      >\n        <div\n          ref={contentReference}\n          className={clsx(\n            'tw-modal',\n            'd-flex',\n            'fade',\n            'outline-none',\n            scroll === Scroll.CONTENT && 'tw-modal--scrollable',\n            className,\n          )}\n          {...otherProps}\n        >\n          <div\n            id={overlayId}\n            role=\"dialog\"\n            aria-modal\n            aria-labelledby={titleId}\n            className={clsx('tw-modal-dialog', 'd-flex', {\n              [`tw-modal-${size}`]: size,\n            })}\n          >\n            <div\n              className={clsx(\n                'tw-modal-content',\n                'd-flex',\n                'flex-column',\n                'justify-content-between',\n                {\n                  'tw-modal-compact': isCompact,\n                  'tw-modal-no-title': !title,\n                },\n              )}\n            >\n              <div\n                className={clsx(\n                  'tw-modal-header',\n                  'd-flex',\n                  'align-items-center',\n                  'justify-content-between',\n                  'flex-wrap',\n                  {\n                    'modal--withoutborder': !title || noDivider,\n                  },\n                )}\n              >\n                <Title id={titleId} type={Typography.TITLE_BODY} className=\"tw-modal-title\">\n                  {title}\n                </Title>\n                <CloseButton onClick={onClose} />\n              </div>\n              <div\n                className={clsx('tw-modal-body', {\n                  'tw-modal-body--scrollable': scroll === Scroll.CONTENT,\n                })}\n              >\n                {body}\n              </div>\n              {footer && (\n                <div\n                  className={clsx('tw-modal-footer', 'd-flex', 'align-items-center', 'flex-wrap', {\n                    'modal--withoutborder': noDivider,\n                  })}\n                >\n                  {footer}\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </CSSTransition>\n    </Dimmer>\n  );\n};\n\nexport default Modal;\n"],"names":["TRANSITION_DURATION_IN_MILLISECONDS","Modal","title","body","footer","onClose","onUnmount","className","open","size","Size","MEDIUM","scroll","Scroll","VIEWPORT","position","Position","CENTER","disableDimmerClickToClose","otherProps","checkSpecialClasses","classToCheck","split","includes","isMedium","useLayout","isCompact","noDivider","contentReference","useRef","titleId","useId","overlayId","useContext","OverlayIdContext","_jsx","Drawer","headerTitle","footerContent","BOTTOM","children","Dimmer","scrollable","contentPosition","disableClickToClose","onExited","CSSTransition","nodeRef","appear","in","classNames","enterDone","timeout","unmountOnExit","ref","clsx","CONTENT","id","role","_jsxs","Title","type","Typography","TITLE_BODY","CloseButton","onClick"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../src/modal/Modal.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { ReactNode, useContext, useId, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport {\n  Size,\n  Position,\n  PositionTop,\n  PositionCenter,\n  Scroll,\n  CommonProps,\n  SizeSmall,\n  SizeMedium,\n  SizeLarge,\n  SizeExtraLarge,\n  ScrollContent,\n  ScrollViewport,\n  Typography,\n} from '../common';\nimport { CloseButton } from '../common/closeButton';\nimport { useLayout } from '../common/hooks';\nimport Dimmer from '../dimmer';\nimport Drawer from '../drawer';\nimport { OverlayIdContext } from '../provider/overlay/OverlayIdProvider';\nimport Title from '../title/Title';\n\nconst TRANSITION_DURATION_IN_MILLISECONDS = 150;\n\nexport type ModalProps = CommonProps & {\n  title?: ReactNode;\n  body: ReactNode;\n  footer?: ReactNode;\n  size?: SizeSmall | SizeMedium | SizeLarge | SizeExtraLarge;\n  onClose: () => void;\n  onUnmount?: () => void;\n  open: boolean;\n  scroll?: ScrollContent | ScrollViewport;\n  position?: PositionTop | PositionCenter;\n  disableDimmerClickToClose?: boolean;\n};\n\nconst Modal = ({\n  title = null,\n  body,\n  footer = null,\n  onClose,\n  onUnmount,\n  className,\n  open,\n  size = Size.MEDIUM,\n  scroll = Scroll.VIEWPORT,\n  position = Position.CENTER,\n  disableDimmerClickToClose = false,\n  ...otherProps\n}: ModalProps) => {\n  const checkSpecialClasses = (classToCheck: string) =>\n    className?.split(' ').includes(classToCheck);\n  const { isMedium } = useLayout();\n\n  // These should be replaced with props in breaking change.\n  const isCompact = checkSpecialClasses('compact');\n  const noDivider = checkSpecialClasses('no-divider');\n\n  const contentReference = useRef<HTMLDivElement>(null);\n  const titleId = useId();\n\n  const overlayId = useContext(OverlayIdContext);\n\n  return !isMedium ? (\n    <Drawer\n      open={open}\n      headerTitle={title}\n      footerContent={footer}\n      position={Position.BOTTOM}\n      onClose={onClose}\n      onUnmount={onUnmount}\n    >\n      {body}\n    </Drawer>\n  ) : (\n    <Dimmer\n      open={open}\n      scrollable={scroll === Scroll.VIEWPORT}\n      contentPosition={position}\n      disableClickToClose={disableDimmerClickToClose}\n      onClose={onClose}\n      onExited={onUnmount}\n    >\n      <CSSTransition\n        nodeRef={contentReference}\n        appear\n        in={open}\n        classNames={{ enterDone: 'in' }}\n        timeout={TRANSITION_DURATION_IN_MILLISECONDS}\n        unmountOnExit\n      >\n        <div\n          ref={contentReference}\n          className={clsx(\n            'tw-modal',\n            'd-flex',\n            'fade',\n            'outline-none',\n            scroll === Scroll.CONTENT && 'tw-modal--scrollable',\n            className,\n          )}\n          {...otherProps}\n        >\n          <div\n            id={overlayId}\n            role=\"dialog\"\n            aria-modal\n            aria-labelledby={titleId}\n            className={clsx('tw-modal-dialog', 'd-flex', {\n              [`tw-modal-${size}`]: size,\n            })}\n          >\n            <div\n              className={clsx(\n                'tw-modal-content',\n                'd-flex',\n                'flex-column',\n                'justify-content-between',\n                {\n                  'tw-modal-compact': isCompact,\n                  'tw-modal-no-title': !title,\n                },\n              )}\n            >\n              <div\n                className={clsx(\n                  'tw-modal-header',\n                  'd-flex',\n                  'align-items-center',\n                  'justify-content-between',\n                  'flex-wrap',\n                  {\n                    'modal--withoutborder': !title || noDivider,\n                  },\n                )}\n              >\n                <Title id={titleId} type={Typography.TITLE_BODY} className=\"tw-modal-title\">\n                  {title}\n                </Title>\n                <CloseButton onClick={onClose} />\n              </div>\n              <div\n                className={clsx('tw-modal-body', {\n                  'tw-modal-body--scrollable': scroll === Scroll.CONTENT,\n                })}\n              >\n                {body}\n              </div>\n              {footer && (\n                <div\n                  className={clsx('tw-modal-footer', 'd-flex', 'align-items-center', 'flex-wrap', {\n                    'modal--withoutborder': noDivider,\n                  })}\n                >\n                  {footer}\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </CSSTransition>\n    </Dimmer>\n  );\n};\n\nexport default Modal;\n"],"names":["TRANSITION_DURATION_IN_MILLISECONDS","Modal","title","body","footer","onClose","onUnmount","className","open","size","Size","MEDIUM","scroll","Scroll","VIEWPORT","position","Position","CENTER","disableDimmerClickToClose","otherProps","checkSpecialClasses","classToCheck","split","includes","isMedium","useLayout","isCompact","noDivider","contentReference","useRef","titleId","useId","overlayId","useContext","OverlayIdContext","_jsx","Drawer","headerTitle","footerContent","BOTTOM","children","Dimmer","scrollable","contentPosition","disableClickToClose","onExited","CSSTransition","nodeRef","appear","in","classNames","enterDone","timeout","unmountOnExit","ref","clsx","CONTENT","id","role","_jsxs","Title","type","Typography","TITLE_BODY","CloseButton","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAMA,mCAAmC,GAAG,GAAG,CAAA;AAezCC,MAAAA,KAAK,GAAGA,CAAC;AACbC,EAAAA,KAAK,GAAG,IAAI;EACZC,IAAI;AACJC,EAAAA,MAAM,GAAG,IAAI;EACbC,OAAO;EACPC,SAAS;EACTC,SAAS;EACTC,IAAI;QACJC,MAAI,GAAGC,SAAI,CAACC,MAAM;UAClBC,QAAM,GAAGC,aAAM,CAACC,QAAQ;YACxBC,UAAQ,GAAGC,iBAAQ,CAACC,MAAM;AAC1BC,EAAAA,yBAAyB,GAAG,KAAK;EACjC,GAAGC,UAAAA;AACQ,CAAA,KAAI;AACf,EAAA,MAAMC,mBAAmB,GAAIC,YAAoB,IAC/Cd,SAAS,EAAEe,KAAK,CAAC,GAAG,CAAC,CAACC,QAAQ,CAACF,YAAY,CAAC,CAAA;EAC9C,MAAM;AAAEG,IAAAA,QAAAA;GAAU,GAAGC,mBAAS,EAAE,CAAA;AAEhC;AACA,EAAA,MAAMC,SAAS,GAAGN,mBAAmB,CAAC,SAAS,CAAC,CAAA;AAChD,EAAA,MAAMO,SAAS,GAAGP,mBAAmB,CAAC,YAAY,CAAC,CAAA;AAEnD,EAAA,MAAMQ,gBAAgB,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;AACrD,EAAA,MAAMC,OAAO,GAAGC,WAAK,EAAE,CAAA;AAEvB,EAAA,MAAMC,SAAS,GAAGC,gBAAU,CAACC,kCAAgB,CAAC,CAAA;AAE9C,EAAA,OAAO,CAACV,QAAQ,gBACdW,cAAA,CAACC,MAAM,EAAA;AACL5B,IAAAA,IAAI,EAAEA,IAAK;AACX6B,IAAAA,WAAW,EAAEnC,KAAM;AACnBoC,IAAAA,aAAa,EAAElC,MAAO;IACtBW,QAAQ,EAAEC,iBAAQ,CAACuB,MAAO;AAC1BlC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,SAAS,EAAEA,SAAU;AAAAkC,IAAAA,QAAA,EAEpBrC,IAAAA;AAAI,GACC,CAAC,gBAETgC,cAAA,CAACM,cAAM,EAAA;AACLjC,IAAAA,IAAI,EAAEA,IAAK;AACXkC,IAAAA,UAAU,EAAE9B,QAAM,KAAKC,aAAM,CAACC,QAAS;AACvC6B,IAAAA,eAAe,EAAE5B,UAAS;AAC1B6B,IAAAA,mBAAmB,EAAE1B,yBAA0B;AAC/Cb,IAAAA,OAAO,EAAEA,OAAQ;AACjBwC,IAAAA,QAAQ,EAAEvC,SAAU;IAAAkC,QAAA,eAEpBL,cAAA,CAACW,kCAAa,EAAA;AACZC,MAAAA,OAAO,EAAEnB,gBAAiB;MAC1BoB,MAAM,EAAA,IAAA;AACNC,MAAAA,EAAE,EAAEzC,IAAK;AACT0C,MAAAA,UAAU,EAAE;AAAEC,QAAAA,SAAS,EAAE,IAAA;OAAO;AAChCC,MAAAA,OAAO,EAAEpD,mCAAoC;MAC7CqD,aAAa,EAAA,IAAA;AAAAb,MAAAA,QAAA,eAEbL,cAAA,CAAA,KAAA,EAAA;AACEmB,QAAAA,GAAG,EAAE1B,gBAAiB;QACtBrB,SAAS,EAAEgD,SAAI,CACb,UAAU,EACV,QAAQ,EACR,MAAM,EACN,cAAc,EACd3C,QAAM,KAAKC,aAAM,CAAC2C,OAAO,IAAI,sBAAsB,EACnDjD,SAAS,CACT;AAAA,QAAA,GACEY,UAAU;AAAAqB,QAAAA,QAAA,eAEdL,cAAA,CAAA,KAAA,EAAA;AACEsB,UAAAA,EAAE,EAAEzB,SAAU;AACd0B,UAAAA,IAAI,EAAC,QAAQ;UACb,YAAU,EAAA,IAAA;AACV,UAAA,iBAAA,EAAiB5B,OAAQ;AACzBvB,UAAAA,SAAS,EAAEgD,SAAI,CAAC,iBAAiB,EAAE,QAAQ,EAAE;YAC3C,CAAC,CAAA,SAAA,EAAY9C,MAAI,CAAA,CAAE,GAAGA,MAAAA;AACvB,WAAA,CAAE;AAAA+B,UAAAA,QAAA,eAEHmB,eAAA,CAAA,KAAA,EAAA;YACEpD,SAAS,EAAEgD,SAAI,CACb,kBAAkB,EAClB,QAAQ,EACR,aAAa,EACb,yBAAyB,EACzB;AACE,cAAA,kBAAkB,EAAE7B,SAAS;AAC7B,cAAA,mBAAmB,EAAE,CAACxB,KAAAA;AACvB,aAAA,CACD;AAAAsC,YAAAA,QAAA,gBAEFmB,eAAA,CAAA,KAAA,EAAA;AACEpD,cAAAA,SAAS,EAAEgD,SAAI,CACb,iBAAiB,EACjB,QAAQ,EACR,oBAAoB,EACpB,yBAAyB,EACzB,WAAW,EACX;gBACE,sBAAsB,EAAE,CAACrD,KAAK,IAAIyB,SAAAA;AACnC,eAAA,CACD;cAAAa,QAAA,EAAA,cAEFL,cAAA,CAACyB,KAAK,EAAA;AAACH,gBAAAA,EAAE,EAAE3B,OAAQ;gBAAC+B,IAAI,EAAEC,qBAAU,CAACC,UAAW;AAACxD,gBAAAA,SAAS,EAAC,gBAAgB;AAAAiC,gBAAAA,QAAA,EACxEtC,KAAAA;AAAK,eACD,CACP,eAAAiC,cAAA,CAAC6B,uBAAW,EAAA;AAACC,gBAAAA,OAAO,EAAE5D,OAAAA;AAAQ,eAChC,CAAA,CAAA;aAAK,CACL,eAAA8B,cAAA,CAAA,KAAA,EAAA;AACE5B,cAAAA,SAAS,EAAEgD,SAAI,CAAC,eAAe,EAAE;AAC/B,gBAAA,2BAA2B,EAAE3C,QAAM,KAAKC,aAAM,CAAC2C,OAAAA;AAChD,eAAA,CAAE;AAAAhB,cAAAA,QAAA,EAEFrC,IAAAA;AAAI,aACF,CACL,EAACC,MAAM,iBACL+B,cAAA,CAAA,KAAA,EAAA;cACE5B,SAAS,EAAEgD,SAAI,CAAC,iBAAiB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,WAAW,EAAE;AAC9E,gBAAA,sBAAsB,EAAE5B,SAAAA;AACzB,eAAA,CAAE;AAAAa,cAAAA,QAAA,EAEFpC,MAAAA;AAAM,aACJ,CACN,CAAA;WACE,CAAA;SACF,CAAA;OACF,CAAA;KACQ,CAAA;AACjB,GAAQ,CACT,CAAA;AACH;;;;"}