@adyen/adyen-platform-experience-web 0.1.1 → 1.0.0-beta

package/dist/SkeletonBody.css

@@ -0,0 +1,154 @@
+@keyframes skeleton-loading {
+  0% {
+    background-color: hsl(220, 10%, 80%);
+  }
+  100% {
+    background-color: hsl(220, 10%, 95%);
+  }
+}
+.adyen-pe-data-grid {
+  font-size: var(--adyen-sdk-font-size-200);
+  overflow: hidden;
+  text-align: left;
+}
+.adyen-pe-data-grid--scrollable .adyen-pe-data-grid__table-wrapper {
+  overflow: auto;
+}
+.adyen-pe-data-grid--loading {
+  border-color: transparent;
+}
+.adyen-pe-data-grid--empty {
+  position: relative;
+}
+.adyen-pe-data-grid .adyen-pe-error-message-display {
+  top: 60px;
+}
+.adyen-pe-data-grid__table {
+  border-collapse: separate;
+  border-spacing: 0;
+  width: 100%;
+}
+.adyen-pe-data-grid__head {
+  border-left: 1px solid transparent;
+  border-right: 1px solid transparent;
+  box-sizing: border-box;
+  height: 100%;
+  overflow: visible;
+  padding: 16px;
+  position: relative;
+}
+.adyen-pe-data-grid__row {
+  background: var(--adyen-sdk-color-background-primary);
+  overflow: hidden;
+  vertical-align: top;
+}
+.adyen-pe-data-grid__row .adyen-pe-data-grid__cell {
+  border-bottom: 1px solid var(--adyen-sdk-color-outline-primary);
+}
+.adyen-pe-data-grid__row .adyen-pe-data-grid__body {
+  border-bottom: 0;
+}
+.adyen-pe-data-grid__row--clickable {
+  cursor: pointer;
+}
+.adyen-pe-data-grid__row--clickable:hover, .adyen-pe-data-grid__row--clickable:focus {
+  background: var(--adyen-sdk-color-background-primary-hover);
+  outline-offset: -1px;
+}
+.adyen-pe-data-grid .adyen-pe-data-grid__cell {
+  box-sizing: border-box;
+  height: 100%;
+  overflow: hidden;
+  padding: 16px;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+  white-space: nowrap;
+  width: auto;
+}
+.adyen-pe-data-grid .adyen-pe-data-grid__cell .adyen-pe-button--link {
+  display: block;
+  height: initial;
+  margin: -2px -4px;
+}
+.adyen-pe-data-grid .adyen-pe-data-grid__cell--right {
+  text-align: right;
+}
+.adyen-pe-data-grid .adyen-pe-data-grid__cell--center {
+  text-align: center;
+}
+.adyen-pe-data-grid .adyen-pe-data-grid__cell.adyen-pe-data-grid__cell--heading {
+  border-bottom-color: var(--adyen-sdk-color-outline-secondary);
+  color: var(--adyen-sdk-color-label-primary);
+  font-weight: var(--adyen-sdk-font-weight-600);
+  padding: 16px;
+  position: relative;
+}
+.adyen-pe-data-grid .adyen-pe-data-grid__cell.adyen-pe-data-grid__cell--heading:not(:last-child)::after {
+  background: #d1d5da;
+  bottom: 25%;
+  content: "";
+  position: absolute;
+  right: 0;
+  top: 25%;
+  width: 1px;
+}
+.adyen-pe-data-grid .adyen-pe-data-grid__table-wrapper {
+  margin-bottom: 16px;
+}
+.adyen-pe-data-grid__footer {
+  background: var(--adyen-sdk-color-background-primary);
+}
+.adyen-pe-data-grid__footer .adyen-pe-pagination {
+  padding: 0;
+}
+.adyen-pe-data-grid .adyen-pe-spinner__wrapper {
+  padding: 56px;
+}
+.adyen-pe-data-grid--outline {
+  border: 1px solid var(--adyen-sdk-color-outline-secondary);
+  border-radius: var(--adyen-sdk-border-radius-m);
+}
+.adyen-pe-data-grid--outline .adyen-pe-data-grid__table-wrapper {
+  margin-bottom: 0;
+}
+.adyen-pe-data-grid--outline .adyen-pe-data-grid__body .adyen-pe-data-grid__row:last-child .adyen-pe-data-grid__cell {
+  border-bottom: 1px solid var(--adyen-sdk-color-outline-secondary);
+}
+.adyen-pe-data-grid--outline .adyen-pe-data-grid__footer .adyen-pe-pagination {
+  padding: 16px 8px;
+}
+.adyen-pe-data-grid__empty-cell {
+  display: inline-block;
+  height: 10px;
+}
+.adyen-pe-data-grid__skeleton-cell {
+  text-align: center;
+}
+.adyen-pe-data-grid__skeleton-cell-content {
+  background-color: hsl(220, 10%, 95%);
+  border-radius: 100px;
+  display: inline-block;
+  margin: auto;
+  min-height: 12px;
+  width: 80%;
+  height: 12px;
+}
+.adyen-pe-data-grid__skeleton-cell-content--loading {
+  animation: skeleton-loading 0.8s linear infinite alternate;
+  background: inherit;
+}
+.adyen-pe-data-grid__empty-message {
+  background: var(--adyen-sdk-color-background-primary);
+  border: 1px solid var(--adyen-sdk-color-outline-primary);
+  border-radius: 12px;
+  box-shadow: 0 6px 12px 0 rgba(0, 17, 44, 0.08);
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  left: 50%;
+  padding: 48px;
+  position: absolute;
+  text-align: center;
+  top: 20px;
+  transform: translateX(-50%);
+}

package/dist/Spinner.css

@@ -0,0 +1,50 @@
+.adyen-pe-spinner__wrapper {
+  align-items: center;
+  display: flex;
+  height: 100%;
+  justify-content: center;
+}
+
+.adyen-pe-spinner__wrapper--inline {
+  display: inline-block;
+  height: auto;
+  margin-right: 8px;
+}
+[dir=rtl] .adyen-pe-spinner__wrapper--inline {
+  margin-left: 8px;
+  margin-right: 0;
+}
+
+.adyen-pe-spinner {
+  animation: rotateSpinner 1.5s infinite linear;
+  border: 3px solid var(--adyen-sdk-color-outline-primary-active);
+  border-radius: 50%;
+  border-top-color: transparent;
+  height: 43px;
+  width: 43px;
+}
+
+.adyen-pe-spinner--large {
+  height: 43px;
+  width: 43px;
+}
+
+.adyen-pe-spinner--small {
+  border-width: 2px;
+  height: 16px;
+  width: 16px;
+}
+
+.adyen-pe-spinner--medium {
+  height: 28px;
+  width: 28px;
+}
+
+@keyframes rotateSpinner {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/dist/SummaryItem.css

@@ -0,0 +1,37 @@
+.adyen-pe-summary-item {
+  align-items: center;
+  display: flex;
+  gap: 20px;
+  justify-content: space-between;
+  width: 100%;
+}
+@media (min-width: 480px) {
+  .adyen-pe-summary-item {
+    gap: 50px;
+  }
+}
+.adyen-pe-summary-item--body {
+  border-top: 1px solid #dbdee2;
+  margin-top: 8px;
+  padding-top: 8px;
+}
+.adyen-pe-summary-item__label-container {
+  display: inline-block;
+  width: fit-content;
+}
+.adyen-pe-summary-item__label-container--loading {
+  display: block;
+}
+.adyen-pe-summary-item__label {
+  color: var(--adyen-sdk-color-label-secondary);
+  width: fit-content;
+}
+.adyen-pe-summary-item__amount {
+  color: var(--adyen-sdk-color-label-primary);
+  font-weight: var(--adyen-sdk-font-weight-600);
+  white-space: nowrap;
+}
+.adyen-pe-summary-item__placeholder {
+  display: inline-block;
+  height: 12px;
+}

package/dist/Tag-6d02fd64.mjs

@@ -0,0 +1,32 @@
+import './Tag.css';
+import { o } from "./jsxRuntime.module-69493d81.mjs";
+import cx from "classnames";
+import { x } from "./compat.module-a4d537ff.mjs";
+var TagVariant = /* @__PURE__ */ ((TagVariant2) => {
+  TagVariant2["DEFAULT"] = "default";
+  TagVariant2["WARNING"] = "warning";
+  TagVariant2["ERROR"] = "error";
+  TagVariant2["SUCCESS"] = "success";
+  TagVariant2["WHITE"] = "white";
+  return TagVariant2;
+})(TagVariant || {});
+const Tag$1 = "";
+const Tag = x(({ variant = TagVariant.DEFAULT, label }) => {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: cx("adyen-pe-tag", {
+        "adyen-pe-tag--success": variant === TagVariant.SUCCESS,
+        "adyen-pe-tag--default": variant === TagVariant.DEFAULT,
+        "adyen-pe-tag--warning": variant === TagVariant.WARNING,
+        "adyen-pe-tag--error": variant === TagVariant.ERROR,
+        "adyen-pe-tag--white": variant === TagVariant.WHITE
+      }),
+      children: label
+    }
+  );
+});
+export {
+  Tag as T,
+  TagVariant as a
+};

package/dist/Tag.css

@@ -0,0 +1,34 @@
+.adyen-pe-tag {
+  align-items: center;
+  border-radius: 4px;
+  cursor: default;
+  display: inline-flex;
+  flex-direction: row;
+  font-size: var(--adyen-sdk-font-size-100);
+  font-weight: var(--adyen-sdk-font-weight-500);
+  justify-content: center;
+  min-width: 2.5rem;
+  padding: 4px 8px;
+  width: fit-content;
+}
+.adyen-pe-tag--success {
+  background: #edfaf3;
+  color: #067934;
+}
+.adyen-pe-tag--error {
+  background: #fef4f4;
+  color: #c72727;
+}
+.adyen-pe-tag--default {
+  background: var(--adyen-pe-background-secondary);
+  color: #5c687c;
+}
+.adyen-pe-tag--warning {
+  background: #fff5e9;
+  color: #9b5700;
+}
+.adyen-pe-tag--white {
+  background: #fff;
+  color: #00112c;
+  outline: 1px solid #dbdee2;
+}

package/dist/Tooltip.css

@@ -0,0 +1,7 @@
+.adyen-pe__tooltip-target--hovered {
+  text-decoration: underline;
+  text-decoration-color: #0075ff;
+  text-decoration-style: dashed;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 4px;
+}

package/dist/TotalsCard.css

@@ -0,0 +1,14 @@
+.adyen-pe-transaction-totals {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  justify-content: space-between;
+}
+@media (min-width: 480px) {
+  .adyen-pe-transaction-totals {
+    display: block;
+  }
+}
+.adyen-pe-transaction-totals__item {
+  width: 100%;
+}

package/dist/TransactionDetails.css

@@ -0,0 +1,74 @@
+@keyframes skeleton-loading {
+  0% {
+    background-color: hsl(220, 10%, 80%);
+  }
+  100% {
+    background-color: hsl(220, 10%, 95%);
+  }
+}
+.adyen-pe-transaction--error-container {
+  position: relative;
+}
+.adyen-pe-transaction-data {
+  padding: 0 24px 24px;
+}
+.adyen-pe-transaction-data__section {
+  margin-bottom: 6px;
+}
+.adyen-pe-transaction-data__amount {
+  color: var(--adyen-sdk-color-label-primary);
+  font-size: var(--adyen-sdk-font-size-700);
+  font-weight: var(--adyen-sdk-font-weight-600);
+  line-height: var(--adyen-sdk-line-height-800);
+}
+.adyen-pe-transaction-data__amount--error {
+  color: var(--adyen-sdk-color-label-critical);
+}
+.adyen-pe-transaction-data__amount--pending {
+  color: var(--adyen-sdk-color-label-secondary);
+}
+.adyen-pe-transaction-data__container {
+  padding-bottom: 20px;
+}
+.adyen-pe-transaction-data__payment-method {
+  align-items: center;
+  display: flex;
+  gap: 6px;
+}
+.adyen-pe-transaction-data__payment-method-detail {
+  font-weight: var(--adyen-sdk-font-weight-500);
+}
+.adyen-pe-transaction-data__payment-method-logo-container {
+  height: 22px;
+  width: 32px;
+}
+.adyen-pe-transaction-data__tag-container {
+  display: flex;
+  gap: 4px;
+}
+.adyen-pe-transaction-data__action-buttons {
+  display: flex;
+  justify-content: flex-end;
+}
+.adyen-pe-transaction-data__label {
+  color: var(--adyen-sdk-color-label-secondary);
+  font-size: var(--adyen-sdk-font-size-200);
+  font-weight: var(--adyen-sdk-font-weight-400);
+  line-height: var(--adyen-sdk-line-height-200);
+}
+.adyen-pe-transaction-data__skeleton {
+  background-color: hsl(220, 10%, 95%);
+  border-radius: 100px;
+  display: inline-block;
+  margin: auto;
+  min-height: 12px;
+  width: 80%;
+  display: block;
+  height: 12px;
+  margin: 8px 0;
+  width: 50%;
+}
+.adyen-pe-transaction-data__skeleton-loading-content {
+  animation: skeleton-loading 0.8s linear infinite alternate;
+  background: inherit;
+}

package/dist/TransactionsDisplay.css

@@ -0,0 +1,4 @@
+.adyen-pe-transactions-display__spinner-container {
+  display: block;
+  padding-bottom: 40px;
+}

package/dist/TransactionsOverview.css

@@ -0,0 +1,29 @@
+.adyen-pe-transactions-overview {
+  background: var(--adyen-sdk-color-background-primary);
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 12px 8px;
+}
+@media (min-width: 480px) {
+  .adyen-pe-transactions-overview {
+    border: 1px solid var(--adyen-sdk-color-outline-secondary);
+    border-radius: 8px;
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+}
+.adyen-pe-transactions-overview__summary {
+  display: flex;
+  flex-wrap: wrap-reverse;
+  gap: 12px;
+  justify-content: space-between;
+}
+.adyen-pe-transactions-overview__summary-item {
+  flex-grow: 1;
+}
+@media (min-width: 768px) {
+  .adyen-pe-transactions-overview__summary-item {
+    flex-grow: unset;
+  }
+}

package/dist/TransactionsOverviewContainer.css

@@ -0,0 +1,3 @@
+.adyen-pe-transactions-overview-container--with-error {
+  position: relative;
+}

package/dist/TransactionsTable.css

@@ -0,0 +1,18 @@
+.adyen-pe-transactions-table__amount {
+  display: block;
+  font-weight: var(--adyen-sdk-font-weight-500);
+  text-align: right;
+}
+.adyen-pe-transactions-table__payment-method {
+  align-items: center;
+  display: flex;
+  gap: 6px;
+}
+.adyen-pe-transactions-table__payment-method-logo-container {
+  height: 22px;
+  width: 32px;
+}
+.adyen-pe-transactions-table__payment-method-logo {
+  height: 100%;
+  object-fit: contain;
+}

package/dist/Typography-11b95870.mjs

@@ -0,0 +1,68 @@
+import './Typography.css';
+import { o } from "./jsxRuntime.module-69493d81.mjs";
+import { DEFAULT_TYPOGRAPHY_CLASSNAME } from "./es/components/internal/Typography/constants.js";
+import cx from "classnames";
+import { F } from "./hooks.module-8565d716.mjs";
+import { x } from "./compat.module-a4d537ff.mjs";
+var TypographyVariant = /* @__PURE__ */ ((TypographyVariant2) => {
+  TypographyVariant2["CAPTION"] = "caption";
+  TypographyVariant2["BODY"] = "body";
+  TypographyVariant2["SUBTITLE"] = "subtitle";
+  TypographyVariant2["TITLE"] = "title";
+  return TypographyVariant2;
+})(TypographyVariant || {});
+var TypographyModifier = /* @__PURE__ */ ((TypographyModifier2) => {
+  TypographyModifier2["WIDE"] = "wide";
+  TypographyModifier2["STRONGER"] = "stronger";
+  TypographyModifier2["STRONGER_WIDE"] = "stronger-wide";
+  TypographyModifier2["STRONGEST"] = "strongest";
+  TypographyModifier2["STRONGEST_WIDE"] = "strongest-wide";
+  TypographyModifier2["MEDIUM"] = "m";
+  TypographyModifier2["LARGE"] = "l";
+  TypographyModifier2["MOBILE"] = "mobile";
+  return TypographyModifier2;
+})(TypographyModifier || {});
+var TypographyElement = /* @__PURE__ */ ((TypographyElement2) => {
+  TypographyElement2["H1"] = "h1";
+  TypographyElement2["H2"] = "h2";
+  TypographyElement2["H3"] = "h3";
+  TypographyElement2["H4"] = "h4";
+  TypographyElement2["H5"] = "h5";
+  TypographyElement2["H6"] = "h6";
+  TypographyElement2["DIV"] = "div";
+  TypographyElement2["PARAGRAPH"] = "p";
+  TypographyElement2["SPAN"] = "span";
+  return TypographyElement2;
+})(TypographyElement || {});
+const Typography$2 = "";
+function Typography({ el, className, stronger, strongest, variant, medium, large, wide, children }) {
+  const Tag = el || "p";
+  const conditionalClasses = F(
+    () => ({
+      // Caption
+      [`${DEFAULT_TYPOGRAPHY_CLASSNAME}--${TypographyVariant.CAPTION}`]: variant === TypographyVariant.CAPTION,
+      [`${DEFAULT_TYPOGRAPHY_CLASSNAME}--${TypographyVariant.CAPTION}-${TypographyModifier.WIDE}`]: variant === TypographyVariant.CAPTION && wide,
+      [`${DEFAULT_TYPOGRAPHY_CLASSNAME}--${TypographyVariant.CAPTION}-${TypographyModifier.STRONGER}`]: variant === TypographyVariant.CAPTION && stronger,
+      // Body
+      [`${DEFAULT_TYPOGRAPHY_CLASSNAME}--${TypographyVariant.BODY}`]: variant === TypographyVariant.BODY,
+      [`${DEFAULT_TYPOGRAPHY_CLASSNAME}--${TypographyVariant.BODY}-${TypographyModifier.WIDE}`]: variant === TypographyVariant.BODY && wide,
+      [`${DEFAULT_TYPOGRAPHY_CLASSNAME}--${TypographyVariant.BODY}-${TypographyModifier.STRONGER}`]: variant === TypographyVariant.BODY && stronger,
+      [`${DEFAULT_TYPOGRAPHY_CLASSNAME}--${TypographyVariant.BODY}-${TypographyModifier.STRONGEST}`]: variant === TypographyVariant.BODY && strongest,
+      // Subtitle
+      [`${DEFAULT_TYPOGRAPHY_CLASSNAME}--${TypographyVariant.SUBTITLE}`]: variant === TypographyVariant.SUBTITLE,
+      [`${DEFAULT_TYPOGRAPHY_CLASSNAME}--${TypographyVariant.SUBTITLE}-${TypographyModifier.STRONGER}`]: variant === TypographyVariant.SUBTITLE && stronger,
+      // Title
+      [`${DEFAULT_TYPOGRAPHY_CLASSNAME}--${TypographyVariant.TITLE}`]: variant === TypographyVariant.TITLE && !medium && !large,
+      [`${DEFAULT_TYPOGRAPHY_CLASSNAME}--${TypographyVariant.TITLE}-${TypographyModifier.MEDIUM}`]: variant === TypographyVariant.TITLE && medium,
+      [`${DEFAULT_TYPOGRAPHY_CLASSNAME}--${TypographyVariant.TITLE}-${TypographyModifier.LARGE}`]: variant === TypographyVariant.TITLE && large
+    }),
+    [variant, wide, stronger, medium, large, strongest]
+  );
+  return /* @__PURE__ */ o(Tag, { className: cx([`${DEFAULT_TYPOGRAPHY_CLASSNAME}`, conditionalClasses, className]), children });
+}
+const Typography$1 = x(Typography);
+export {
+  Typography$1 as T,
+  TypographyElement as a,
+  TypographyVariant as b
+};

package/dist/Typography.css

@@ -0,0 +1,57 @@
+.adyen-pe-typography {
+  margin: 0;
+}
+.adyen-pe-typography--caption {
+  font-size: var(--adyen-sdk-font-size-100);
+  font-weight: var(--adyen-sdk-font-weight-400);
+  letter-spacing: 0;
+  line-height: var(--adyen-sdk-line-height-100);
+}
+.adyen-pe-typography--caption-wide {
+  line-height: var(--adyen-sdk-line-height-200);
+}
+.adyen-pe-typography--caption-stronger {
+  font-weight: var(--adyen-sdk-font-weight-500);
+}
+.adyen-pe-typography--body {
+  font-size: var(--adyen-sdk-font-size-200);
+  font-weight: var(--adyen-sdk-font-weight-400);
+  letter-spacing: 0;
+  line-height: var(--adyen-sdk-line-height-200);
+}
+.adyen-pe-typography--body-wide {
+  line-height: var(--adyen-sdk-line-height-300);
+}
+.adyen-pe-typography--body-stronger {
+  font-weight: var(--adyen-sdk-font-weight-500);
+}
+.adyen-pe-typography--body-strongest {
+  font-weight: var(--adyen-sdk-font-weight-600);
+}
+.adyen-pe-typography--subtitle {
+  font-size: var(--adyen-sdk-font-size-300);
+  font-weight: var(--adyen-sdk-font-weight-500);
+  letter-spacing: 0;
+  line-height: var(--adyen-sdk-line-height-400);
+}
+.adyen-pe-typography--subtitle-stronger {
+  font-weight: var(--adyen-sdk-font-weight-600);
+}
+.adyen-pe-typography--title {
+  font-size: var(--adyen-sdk-font-size-500);
+  font-weight: var(--adyen-sdk-font-weight-600);
+  letter-spacing: 0;
+  line-height: var(--adyen-sdk-line-height-500);
+}
+.adyen-pe-typography--title-m {
+  font-size: var(--adyen-sdk-font-size-500);
+  font-weight: var(--adyen-sdk-font-weight-600);
+  letter-spacing: 0;
+  line-height: var(--adyen-sdk-line-height-600);
+}
+.adyen-pe-typography--title-l {
+  font-size: var(--adyen-sdk-font-size-600);
+  font-weight: var(--adyen-sdk-font-weight-600);
+  letter-spacing: 0;
+  line-height: var(--adyen-sdk-line-height-700);
+}

package/dist/cjs/ModalContent-f4990141.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("./index-8c098f20.js");
+const isTransactionWithoutId = (data) => index.hasOwnProperty(data, "id");
+function ModalContent({ data }) {
+  const transactionProps = isTransactionWithoutId(data) ? { transaction: data } : { transactionId: data };
+  return /* @__PURE__ */ index.o(index.k, { children: transactionProps && /* @__PURE__ */ index.o(index.TransactionDetails, { ...transactionProps }) });
+}
+exports.default = ModalContent;
+//# sourceMappingURL=ModalContent-f4990141.js.map

package/dist/cjs/ModalContent-f4990141.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContent-f4990141.js","sources":["../../src/components/external/TransactionsOverview/components/ModalContent.tsx"],"sourcesContent":["import { SelectedDetail, TransactionDetailData } from '@src/components';\nimport TransactionDetails from '@src/components/external/TransactionDetails/components/TransactionDetails';\nimport { hasOwnProperty } from '@src/utils/common';\n\nconst isTransactionWithoutId = (data: string | TransactionDetailData): data is TransactionDetailData => hasOwnProperty(data, 'id');\nfunction ModalContent({ data }: SelectedDetail) {\n    const transactionProps = isTransactionWithoutId(data) ? { transaction: data } : { transactionId: data };\n\n    return <>{transactionProps && <TransactionDetails {...transactionProps} />}</>;\n}\nexport default ModalContent;\n"],"names":["hasOwnProperty","jsx","TransactionDetails"],"mappings":";;;AAIA,MAAM,yBAAyB,CAAC,SAAwEA,MAAA,eAAe,MAAM,IAAI;AACjI,SAAS,aAAa,EAAE,QAAwB;AACtC,QAAA,mBAAmB,uBAAuB,IAAI,IAAI,EAAE,aAAa,SAAS,EAAE,eAAe;AAEjG,4CAAU,UAAoB,oBAAAC,wBAACC,MAAAA,oBAAoB,EAAA,GAAG,iBAAkB,CAAA,EAAG,CAAA;AAC/E;;"}