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

package/dist/es/components/internal/DataGrid/tests/DataGrid.test.js

@@ -1,190 +0,0 @@
-import { o } from "../../../../../jsxRuntime.module-69493d81.mjs";
-import { g as getQueriesForElement, r as render } from "../../../../../index-2c0f6175.mjs";
-import { u as userEvent } from "../../../../../index-944be685.mjs";
-import { D as DataGrid } from "../../../../../index-6e47f755.mjs";
-import { d as describe, b as beforeEach, t as test, g as globalExpect, v as vi } from "../../../../../vendor-vi.a3ff54b1-5e924357.mjs";
-const TRANSACTION_DETAILS_1 = {
-  id: "1WEPGD5VS767881Q",
-  amount: { currency: "EUR", value: 12e3 },
-  status: "Reversed",
-  category: "Payment",
-  paymentMethod: { type: "paypal" },
-  creationDate: "2022-08-29T14:47:03+02:00"
-};
-const TRANSACTION_DETAILS_2 = {
-  id: "3KVM0J5V771942G",
-  amount: { currency: "EUR", value: 950200 },
-  status: "Reversed",
-  category: "Refund",
-  bankAccount: {
-    accountNumberLastFourDigits: "1100"
-  },
-  creationDate: "2022-09-29T14:47:03+02:00"
-};
-const TRANSACTION_DETAILS_3 = {
-  id: "1WEPGE5W23KIX9U5",
-  amount: { currency: "USD", value: -4e3 },
-  status: "Booked",
-  category: "Fee",
-  paymentMethod: { type: "klarna" },
-  creationDate: "2022-08-29T14:47:03+02:00"
-};
-const TRANSACTION_DETAILS_4 = {
-  id: "1WEPGE5W2I3OPAQ6",
-  amount: { currency: "EUR", value: 45e3 },
-  status: "Reversed",
-  category: "Capital",
-  paymentMethod: { lastFourDigits: "2894", type: "visa" },
-  creationDate: "2022-08-29T14:47:03+02:00"
-};
-const TRANSACTION_DETAILS_5 = {
-  id: "1VVF0E5W838BKHRK",
-  amount: { currency: "EUR", value: 690500 },
-  status: "Booked",
-  category: "Transfer",
-  creationDate: "2022-08-29T14:47:03+02:00"
-};
-const TRANSACTION_DETAILS_6 = {
-  id: "1WEPGE5W838BO42V",
-  amount: { currency: "EUR", value: 85050 },
-  status: "Booked",
-  category: "Capital",
-  paymentMethod: { type: "klarna" },
-  creationDate: "2022-08-29T14:47:03+02:00"
-};
-const TRANSACTION_DETAILS_7 = {
-  id: "1WEPGE5W838BO47L",
-  amount: { currency: "EUR", value: 3e3 },
-  status: "Pending",
-  category: "Capital",
-  paymentMethod: { lastFourDigits: "9471", type: "amex" },
-  creationDate: "2022-08-29T14:47:03+02:00"
-};
-const TRANSACTION_DETAILS_8 = {
-  id: "1VVF0D5V370945D",
-  amount: { currency: "EUR", value: 82e4 },
-  status: "Booked",
-  category: "Correction",
-  bankAccount: {
-    accountNumberLastFourDigits: "2975"
-  },
-  creationDate: "2022-08-29T14:47:03+02:00"
-};
-const TRANSACTION_DETAILS_9 = {
-  id: "1WEPGE5W23KIX9T7",
-  amount: { currency: "EUR", value: 55e3 },
-  status: "Booked",
-  category: "Capital",
-  paymentMethod: { lastFourDigits: "1011", type: "visa" },
-  creationDate: "2022-08-29T14:47:03+02:00"
-};
-const BASIC_TRANSACTIONS_LIST = [
-  TRANSACTION_DETAILS_1,
-  TRANSACTION_DETAILS_2,
-  TRANSACTION_DETAILS_3,
-  TRANSACTION_DETAILS_3,
-  TRANSACTION_DETAILS_3,
-  TRANSACTION_DETAILS_3,
-  TRANSACTION_DETAILS_3,
-  TRANSACTION_DETAILS_3,
-  TRANSACTION_DETAILS_3,
-  TRANSACTION_DETAILS_3,
-  TRANSACTION_DETAILS_3,
-  TRANSACTION_DETAILS_3,
-  TRANSACTION_DETAILS_3,
-  TRANSACTION_DETAILS_3,
-  TRANSACTION_DETAILS_3,
-  TRANSACTION_DETAILS_3,
-  TRANSACTION_DETAILS_3,
-  TRANSACTION_DETAILS_3,
-  TRANSACTION_DETAILS_3,
-  TRANSACTION_DETAILS_3,
-  TRANSACTION_DETAILS_3,
-  TRANSACTION_DETAILS_4,
-  TRANSACTION_DETAILS_5,
-  TRANSACTION_DETAILS_6,
-  TRANSACTION_DETAILS_7,
-  TRANSACTION_DETAILS_8,
-  TRANSACTION_DETAILS_9
-];
-const columns = [
-  {
-    key: "creationDate",
-    label: "Date"
-  },
-  {
-    key: "status",
-    label: "Status"
-  },
-  {
-    key: "paymentMethod",
-    label: "Type"
-  }
-];
-describe("DataGrid component with clickable rows", () => {
-  beforeEach(async (context) => {
-    const mockEventHandler = vi.fn();
-    const mockHover = vi.fn();
-    const screen = render(
-      /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
-        DataGrid,
-        {
-          data: BASIC_TRANSACTIONS_LIST,
-          columns,
-          loading: false,
-          onRowClick: { callback: mockEventHandler, retrievedField: "id" },
-          onRowHover: mockHover,
-          customCells: {
-            paymentMethod: ({ item }) => {
-              var _a;
-              return (
-                // Add this interactive element to test every possible keyboard interaction (left arrow or tab+shift to get focus back on the row)
-                /* @__PURE__ */ o("span", { tabIndex: 0, role: "button", children: (_a = item.paymentMethod) == null ? void 0 : _a.type })
-              );
-            }
-          }
-        }
-      ) })
-    );
-    const table = screen.getByRole("table");
-    const user = userEvent.setup();
-    const getRow = (index = 0) => {
-      return getQueriesForElement(getQueriesForElement(table).getAllByRole("rowgroup")[1]).getAllByRole("row")[index];
-    };
-    context.screen = screen;
-    context.mockEventHandler = mockEventHandler;
-    context.user = user;
-    context.getRow = getRow;
-  });
-  test("The rows are focusable", async ({ getRow, user }) => {
-    const firstRow = getRow(0);
-    globalExpect(document.body).toHaveFocus();
-    await user.tab();
-    globalExpect(firstRow).toHaveFocus();
-  });
-  test("The list is traversed with the keyboard arrows", async ({ getRow, user }) => {
-    const secondRow = getRow(1);
-    const thirdRow = getRow(2);
-    await user.tab();
-    await user.keyboard("[ArrowDown]");
-    globalExpect(secondRow).toHaveFocus();
-    await user.keyboard("[ArrowDown]");
-    globalExpect(thirdRow).toHaveFocus();
-    await user.keyboard("[ArrowUp]");
-    globalExpect(secondRow).toHaveFocus();
-    const buttonWithinRow = getQueriesForElement(secondRow).getByRole("button");
-    await user.tab();
-    globalExpect(buttonWithinRow).toHaveFocus();
-    await user.keyboard("[ArrowLeft]");
-    globalExpect(secondRow).toHaveFocus();
-    await user.tab();
-    globalExpect(buttonWithinRow).toHaveFocus();
-    await user.tab({ shift: true });
-    globalExpect(secondRow).toHaveFocus();
-  });
-  test("The click event is triggered with the ENTER key", async ({ user, mockEventHandler }) => {
-    await user.tab();
-    await user.keyboard("[Enter]");
-    globalExpect(mockEventHandler).toHaveBeenCalled();
-  });
-});

package/dist/es/components/internal/DatePicker/components/TimeRangeSelector/index.js

@@ -1,7 +0,0 @@
-import { default as default2 } from "./TimeRangeSelector.js";
-import { getTimeRangeSelectionDefaultPresetOptions, useTimeRangeSelection } from "./useTimeRangeSelection.js";
-export {
-  default2 as default,
-  getTimeRangeSelectionDefaultPresetOptions,
-  useTimeRangeSelection
-};

package/dist/es/components/internal/DatePicker/index.js

@@ -1,4 +0,0 @@
-import { default as default2 } from "./DatePicker.js";
-export {
-  default2 as default
-};

package/dist/es/components/internal/ExpandableCard/ExpandableCard.test.js

@@ -1,45 +0,0 @@
-import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
-import { w as waitForWrapper, s as screen, r as render } from "../../../../index-2c0f6175.mjs";
-import ExpandableCard from "./ExpandableCard.js";
-import { CONTAINER_HIDDEN_CLASS } from "./constants.js";
-import { d as describe, b as beforeEach, t as test, g as globalExpect } from "../../../../vendor-vi.a3ff54b1-5e924357.mjs";
-describe("ExpandableCard component", () => {
-  const testExpandBehaviour = async () => {
-    const expandButton = screen.getByTestId("expand-button");
-    const collapseButton = screen.getByTestId("collapse-button");
-    expandButton.click();
-    await waitForWrapper(() => {
-      globalExpect(collapseButton).not.toHaveClass(CONTAINER_HIDDEN_CLASS);
-      globalExpect(collapseButton).toHaveFocus();
-    });
-    return { expandButton, collapseButton };
-  };
-  beforeEach(() => {
-    render(
-      /* @__PURE__ */ o("div", { children: [
-        /* @__PURE__ */ o("button", { "data-testid": "outside-element", children: "Click" }),
-        /* @__PURE__ */ o(ExpandableCard, { renderHeader: "Header", children: "Body" })
-      ] })
-    );
-  });
-  test("should show and focus collapse button when expand button is clicked", async () => {
-    await testExpandBehaviour();
-  });
-  test("should hide collapse button and focus expand button when collapse button is clicked", async () => {
-    const { collapseButton, expandButton } = await testExpandBehaviour();
-    collapseButton.click();
-    await waitForWrapper(() => {
-      globalExpect(collapseButton).toHaveClass(CONTAINER_HIDDEN_CLASS);
-      globalExpect(expandButton).toHaveFocus();
-    });
-  });
-  test("should hide collapse button and not focus expand button when clicking outside of the collapse button", async () => {
-    const outsideElement = screen.getByTestId("outside-element");
-    const { collapseButton, expandButton } = await testExpandBehaviour();
-    outsideElement.click();
-    await waitForWrapper(() => {
-      globalExpect(collapseButton).toHaveClass(CONTAINER_HIDDEN_CLASS);
-      globalExpect(expandButton).not.toHaveFocus();
-    });
-  });
-});

package/dist/es/components/internal/FilterBar/filters/BaseFilter/index.js

@@ -1,4 +0,0 @@
-import { default as default2 } from "./BaseFilter.js";
-export {
-  default2 as default
-};

package/dist/es/components/internal/FilterBar/filters/DateFilter/index.js

@@ -1,4 +0,0 @@
-import { a } from "../../../../../../index-f5bc0382.mjs";
-export {
-  a as default
-};

package/dist/es/components/internal/FilterBar/filters/TextFilter/TextFilter.js

@@ -1,8 +0,0 @@
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import BaseFilter from "../BaseFilter/BaseFilter.js";
-function TextFilter(props) {
-  return /* @__PURE__ */ o(BaseFilter, { ...props, type: "text" });
-}
-export {
-  TextFilter as default
-};

package/dist/es/components/internal/FilterBar/filters/TextFilter/index.js

@@ -1,4 +0,0 @@
-import { default as default2 } from "./TextFilter.js";
-export {
-  default2 as default
-};

package/dist/es/components/internal/FilterBar/index.js

@@ -1,4 +0,0 @@
-import { default as default2 } from "./FilterBar.js";
-export {
-  default2 as default
-};

package/dist/es/components/internal/FormFields/Select/index.js

@@ -1,4 +0,0 @@
-import { default as default2 } from "./Select.js";
-export {
-  default2 as default
-};

package/dist/es/components/internal/FormFields/index.js

@@ -1,18 +0,0 @@
-import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
-import InputText from "./InputText.js";
-import Select from "./Select/Select.js";
-import "./InputBase.js";
-const formFieldTypes = {
-  select: Select,
-  // All the following use InputBase
-  text: InputText,
-  default: InputText
-};
-const renderFormField = (type, ...props) => {
-  const FormInputElement = formFieldTypes[type] || formFieldTypes.default;
-  return /* @__PURE__ */ o(FormInputElement, { ...props[0] });
-};
-export {
-  renderFormField as default,
-  renderFormField
-};

package/dist/es/components/internal/FormFields/utils.js

@@ -1,4 +0,0 @@
-const convertFullToHalf = (str) => str.replace(/[！-～]/g, (r) => String.fromCharCode(r.charCodeAt(0) - 65248));
-export {
-  convertFullToHalf
-};

package/dist/es/components/internal/Img/index.js

@@ -1,4 +0,0 @@
-import { default as default2 } from "./Img.js";
-export {
-  default2 as default
-};

package/dist/es/components/internal/Modal/index.js

@@ -1,4 +0,0 @@
-import { default as default2 } from "./Modal.js";
-export {
-  default2 as default
-};

package/dist/es/components/internal/Pagination/components/LimitSelect.js

@@ -1 +0,0 @@
-

package/dist/es/components/internal/Pagination/hooks/index.js

@@ -1,6 +0,0 @@
-import { default as default2 } from "./useCursorPaginatedRecords.js";
-import { default as default3 } from "./useOffsetPaginatedRecords.js";
-export {
-  default2 as useCursorPaginatedRecords,
-  default3 as useOffsetPaginatedRecords
-};

package/dist/es/components/internal/Pagination/hooks/useOffsetPaginatedRecords.js

@@ -1,10 +0,0 @@
-import { u as usePaginatedRecords, P as PaginationType } from "../../../../../usePaginatedRecords-63a69bf1.mjs";
-const useOffsetPaginatedRecords = (initOptions) => {
-  return usePaginatedRecords({
-    ...initOptions,
-    pagination: PaginationType.OFFSET
-  });
-};
-export {
-  useOffsetPaginatedRecords as default
-};

package/dist/es/components/internal/Pagination/index.js

@@ -1,4 +0,0 @@
-import { default as default2 } from "./Pagination.js";
-export {
-  default2 as default
-};

package/dist/es/components/internal/Popover/Popover.test.js

@@ -1,119 +0,0 @@
-import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
-import { B as ButtonVariant } from "../../../../types-7ad6576a.mjs";
-import { a as PopoverContainerVariant, b as PopoverContainerPosition } from "../../../../usePopoverPositioner-882fea89.mjs";
-import { s as screen, w as waitForWrapper, r as render } from "../../../../index-2c0f6175.mjs";
-import { u as userEvent } from "../../../../index-944be685.mjs";
-import { _ } from "../../../../preact.module-38e5a571.mjs";
-import Popover from "./Popover.js";
-import { d as describe, b as beforeEach, t as test, g as globalExpect, v as vi } from "../../../../vendor-vi.a3ff54b1-5e924357.mjs";
-describe("Popover component", () => {
-  beforeEach((context) => {
-    const mockIntersectionObserver = vi.fn();
-    mockIntersectionObserver.mockReturnValue({
-      observe: () => null,
-      unobserve: () => null,
-      disconnect: () => null
-    });
-    context.dismiss = vi.fn();
-    context.applyAction = vi.fn();
-    window.IntersectionObserver = mockIntersectionObserver;
-    const buttonEl = _();
-    render(
-      /* @__PURE__ */ o("div", { children: [
-        /* @__PURE__ */ o("button", { ref: buttonEl, children: "Popover Controller" }),
-        buttonEl && /* @__PURE__ */ o(
-          Popover,
-          {
-            targetElement: buttonEl,
-            title: "Test Popover",
-            "aria-label": "popover-test",
-            open: true,
-            disableFocusTrap: true,
-            dismiss: context.dismiss,
-            dismissible: true,
-            variant: PopoverContainerVariant.TOOLTIP,
-            position: PopoverContainerPosition.BOTTOM,
-            actions: [
-              {
-                title: "apply",
-                variant: ButtonVariant.PRIMARY,
-                event: context.applyAction,
-                disabled: false
-              }
-            ],
-            children: /* @__PURE__ */ o("input", { "data-testid": "mock-textbox", type: "text" })
-          }
-        )
-      ] })
-    );
-  });
-  test("should automatically focus", async () => {
-    const inputEl = screen.getByTestId("mock-textbox");
-    await waitForWrapper(() => {
-      globalExpect(inputEl).toHaveFocus();
-    });
-  });
-  test("should call dismiss on click outside", async ({ dismiss }) => {
-    const titleEl = screen.getByText(/Test Popover/i);
-    const buttonEl = screen.getByRole("button", { name: "Popover Controller" });
-    const inputEl = screen.getByTestId("mock-textbox");
-    await waitForWrapper(() => {
-      globalExpect(inputEl).toHaveFocus();
-    });
-    await userEvent.click(inputEl);
-    globalExpect(titleEl).toBeInTheDocument();
-    globalExpect(dismiss).toBeCalledTimes(0);
-    await userEvent.click(buttonEl);
-    globalExpect(dismiss).toBeCalledTimes(1);
-  });
-  test("should call dismiss on esc keyboard action", async ({ dismiss }) => {
-    await userEvent.keyboard("[Escape]");
-    const buttonEl = screen.getByRole("button", { name: "Popover Controller" });
-    const popoverEl = screen.getByTestId("mock-textbox");
-    globalExpect(dismiss).toBeCalledTimes(1);
-    globalExpect(buttonEl).toHaveFocus();
-    globalExpect(popoverEl).not.toHaveFocus();
-  });
-  test("should have dismiss icon", async ({ dismiss }) => {
-    const closeButton = screen.getByLabelText(/close/i);
-    globalExpect(closeButton).toBeInTheDocument();
-    await userEvent.click(closeButton);
-    globalExpect(dismiss).toBeCalledTimes(1);
-  });
-  test("should have action button and call function on click", async ({ applyAction }) => {
-    const applyButton = screen.getByLabelText(/apply/i);
-    globalExpect(applyButton).toBeInTheDocument();
-    await userEvent.click(applyButton);
-    globalExpect(applyAction).toBeCalledTimes(1);
-  });
-  test.skip("should add tooltip class", async () => {
-    await waitForWrapper(
-      () => {
-        globalExpect(screen.getByRole("dialog")).toHaveClass("adyen-pe-tooltip");
-      },
-      { timeout: 5e3 }
-    );
-  });
-});
-describe("Popover component close", () => {
-  beforeEach(() => {
-    const mockIntersectionObserver = vi.fn();
-    mockIntersectionObserver.mockReturnValue({
-      observe: () => null,
-      unobserve: () => null,
-      disconnect: () => null
-    });
-    window.IntersectionObserver = mockIntersectionObserver;
-    const buttonEl = _();
-    render(
-      /* @__PURE__ */ o("div", { children: [
-        /* @__PURE__ */ o("button", { ref: buttonEl, children: "Popover Controller" }),
-        /* @__PURE__ */ o(Popover, { targetElement: buttonEl, "aria-label": "popover-test", children: /* @__PURE__ */ o("input", { "data-testid": "mock-textbox", type: "text" }) })
-      ] })
-    );
-  });
-  test("should not appear", () => {
-    const inputEl = screen.queryByRole("textbox");
-    globalExpect(inputEl).not.toBeInTheDocument();
-  });
-});

package/dist/es/components/internal/Spinner/index.js

@@ -1,4 +0,0 @@
-import { default as default2 } from "./Spinner.js";
-export {
-  default2 as default
-};

package/dist/es/components/utils/utils.js

@@ -1,34 +0,0 @@
-const ALLOWED_PROPERTIES = ["action", "resultCode", "sessionData", "order"];
-function getSanitizedResponse(response) {
-  const removedProperties = [];
-  const sanitizedObject = Object.keys(response).reduce((acc, cur) => {
-    if (!ALLOWED_PROPERTIES.includes(cur)) {
-      removedProperties.push(cur);
-    } else {
-      acc[cur] = response[cur];
-    }
-    return acc;
-  }, {});
-  if (removedProperties.length)
-    console.warn(`The following properties should not be passed to the client: ${removedProperties.join(", ")}`);
-  return sanitizedObject;
-}
-function resolveFinalResult(result) {
-  switch (result.resultCode) {
-    case "Authorised":
-    case "Received":
-      return ["success"];
-    case "Pending":
-      return ["success"];
-    case "Cancelled":
-    case "Error":
-    case "Refused":
-      return ["error"];
-    default:
-      return ["error"];
-  }
-}
-export {
-  getSanitizedResponse,
-  resolveFinalResult
-};

package/dist/es/core/Analytics/Analytics.js

@@ -1,63 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import logEvent from "../Services/analytics/log-event.js";
-import logTelemetry from "../Services/analytics/post-telemetry.js";
-import collectId from "../Services/analytics/collect-id.js";
-import EventsQueue from "./EventsQueue.js";
-const _Analytics = class _Analytics {
-  constructor({ loadingContext, locale, analytics }) {
-    __publicField(this, "checkoutAttemptId");
-    __publicField(this, "props");
-    __publicField(this, "logEvent");
-    __publicField(this, "logTelemetry");
-    __publicField(this, "queue", new EventsQueue());
-    __publicField(this, "collectId");
-    this.props = { ..._Analytics.defaultProps, ...analytics };
-    this.logEvent = logEvent({ loadingContext, locale });
-    this.logTelemetry = logTelemetry({ loadingContext, locale });
-    this.collectId = collectId({ loadingContext: loadingContext ?? "", experiments: this.props.experiments });
-    const { telemetry, enabled } = this.props;
-    if (telemetry === true && enabled === true) {
-      if (this.props.checkoutAttemptId) {
-        this.checkoutAttemptId = this.props.checkoutAttemptId;
-        if (this.checkoutAttemptId)
-          this.queue.run(this.checkoutAttemptId);
-      }
-    }
-  }
-  send(event) {
-    const { enabled, payload, telemetry } = this.props;
-    if (enabled === true) {
-      if (telemetry === true && !this.checkoutAttemptId) {
-        this.collectId().then((checkoutAttemptId) => {
-          this.checkoutAttemptId = checkoutAttemptId;
-          if (this.checkoutAttemptId)
-            this.queue.run(this.checkoutAttemptId);
-        });
-      }
-      if (telemetry === true) {
-        const telemetryTask = (checkoutAttemptId) => this.logTelemetry({ ...event, ...payload && { ...payload }, checkoutAttemptId }).catch(() => {
-        });
-        this.queue.add(telemetryTask);
-        if (this.checkoutAttemptId) {
-          this.queue.run(this.checkoutAttemptId);
-        }
-      }
-      this.logEvent(event);
-    }
-  }
-};
-__publicField(_Analytics, "defaultProps", {
-  enabled: true,
-  telemetry: true,
-  checkoutAttemptId: null,
-  experiments: []
-});
-let Analytics = _Analytics;
-export {
-  Analytics as default
-};

package/dist/es/core/Analytics/EventsQueue.js

@@ -1,22 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-class EventsQueue {
-  constructor() {
-    __publicField(this, "events", []);
-  }
-  add(event) {
-    this.events.push(event);
-  }
-  run(checkoutAttemptId) {
-    const promises = this.events.map((e) => e(checkoutAttemptId));
-    this.events = [];
-    return Promise.all(promises);
-  }
-}
-export {
-  EventsQueue as default
-};

package/dist/es/core/Analytics/index.js

@@ -1,4 +0,0 @@
-import { default as default2 } from "./Analytics.js";
-export {
-  default2 as default
-};

package/dist/es/core/Errors/ErrorPanel.js

@@ -1,19 +0,0 @@
-import '../../../ErrorPanel.css';
-import { o } from "../../../jsxRuntime.module-69493d81.mjs";
-import { p } from "../../../hooks.module-8565d716.mjs";
-const ErrorPanel$1 = "";
-function ErrorPanel({ id = "ariaConsolidatedErrorField", heading = "Errors:", errors, callbackFn, showPanel = false }) {
-  if (!errors)
-    return null;
-  const { errorMessages } = errors;
-  p(() => {
-    callbackFn == null ? void 0 : callbackFn(errors);
-  }, [errors]);
-  return /* @__PURE__ */ o("div", { className: showPanel ? "adyen-pe-error-panel" : "adyen-pe-error-panel--sr-only", id, "aria-live": "polite", children: /* @__PURE__ */ o("div", { className: "adyen-pe-error-panel__wrapper", children: [
-    /* @__PURE__ */ o("div", { className: "adyen-pe-error-panel__header", children: /* @__PURE__ */ o("span", { className: "adyen-pe-error-panel__title", children: heading }) }),
-    errorMessages.map((error) => /* @__PURE__ */ o("div", { className: "adyen-pe-error-panel__error", children: error }, error))
-  ] }) });
-}
-export {
-  ErrorPanel
-};