@adyen/adyen-platform-experience-web 1.0.0-beta → 1.0.0-beta.2

package/dist/Tag-6d02fd64.mjs

@@ -1,32 +0,0 @@
-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

@@ -1,34 +0,0 @@
-.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

@@ -1,7 +0,0 @@
-.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

@@ -1,14 +0,0 @@
-.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

@@ -1,74 +0,0 @@
-@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

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

package/dist/TransactionsOverview.css

@@ -1,29 +0,0 @@
-.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

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

package/dist/TransactionsTable.css

@@ -1,18 +0,0 @@
-.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

@@ -1,68 +0,0 @@
-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

@@ -1,57 +0,0 @@
-.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

@@ -1,10 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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;;"}