@adyen/adyen-platform-experience-web 0.1.2 → 1.0.0-beta.1

package/dist/es/components/internal/SVGIcons/Checkmark.js

@@ -1,8 +1,8 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import i from "../../../utils/fixedForwardRef.js";
-const a = i(({ title: l, ...r }, o) => /* @__PURE__ */ e("svg", { ...r, ref: o, xmlns: "http://www.w3.org/2000/svg", fill: "none", width: "16", viewBox: "0 0 16 16", height: "16", children: [
-  l && /* @__PURE__ */ e("title", { children: l }),
-  /* @__PURE__ */ e(
+import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
+import fixedForwardRef from "../../../utils/fixedForwardRef.js";
+const Checkmark = fixedForwardRef(({ title, ...props }, ref) => /* @__PURE__ */ o("svg", { ...props, ref, xmlns: "http://www.w3.org/2000/svg", fill: "none", width: "16", viewBox: "0 0 16 16", height: "16", children: [
+  title && /* @__PURE__ */ o("title", { children: title }),
+  /* @__PURE__ */ o(
     "path",
     {
       fill: "currentColor",
@@ -13,5 +13,5 @@ const a = i(({ title: l, ...r }, o) => /* @__PURE__ */ e("svg", { ...r, ref: o,
   )
 ] }));
 export {
-  a as default
+  Checkmark as default
 };

package/dist/es/components/internal/SVGIcons/ChevronDown.js

@@ -1,7 +1,7 @@
-import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import n from "../../../utils/fixedForwardRef.js";
-const i = n(({ title: e, ...l }, r) => /* @__PURE__ */ o("svg", { ...l, ref: r, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
-  e && /* @__PURE__ */ o("title", { children: e }),
+import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
+import fixedForwardRef from "../../../utils/fixedForwardRef.js";
+const ChevronDown = fixedForwardRef(({ title, ...props }, ref) => /* @__PURE__ */ o("svg", { ...props, ref, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
+  title && /* @__PURE__ */ o("title", { children: title }),
   /* @__PURE__ */ o(
     "path",
     {
@@ -11,7 +11,7 @@ const i = n(({ title: e, ...l }, r) => /* @__PURE__ */ o("svg", { ...l, ref: r,
       clipRule: "evenodd"
     }
   )
-] })), h = i;
+] }));
 export {
-  h as default
+  ChevronDown as default
 };

package/dist/es/components/internal/SVGIcons/ChevronLeft.js

@@ -1,15 +1,15 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import r from "../../../utils/fixedForwardRef.js";
-const d = r(({ title: o, ...t }, i) => /* @__PURE__ */ e("svg", { ...t, ref: i, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  o && /* @__PURE__ */ e("title", { children: o }),
-  /* @__PURE__ */ e(
+import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
+import fixedForwardRef from "../../../utils/fixedForwardRef.js";
+const ChevronLeft = fixedForwardRef(({ title, ...props }, ref) => /* @__PURE__ */ o("svg", { ...props, ref, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  title && /* @__PURE__ */ o("title", { children: title }),
+  /* @__PURE__ */ o(
     "path",
     {
       d: "M5.56077 2.00011L2.56077 5.00011L5.56077 8.00011L4.50011 9.06077L0.439453 5.00011L4.50011 0.939453L5.56077 2.00011Z",
-      fill: t.disabled ? "#8D95A3" : "#00112C"
+      fill: props.disabled ? "#8D95A3" : "#00112C"
     }
   )
-] })), l = d;
+] }));
 export {
-  l as default
+  ChevronLeft as default
 };

package/dist/es/components/internal/SVGIcons/ChevronRight.js

@@ -1,15 +1,15 @@
-import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import h from "../../../utils/fixedForwardRef.js";
-const r = h(({ title: o, ...t }, e) => /* @__PURE__ */ i("svg", { ...t, ref: e, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  o && /* @__PURE__ */ i("title", { children: o }),
-  /* @__PURE__ */ i(
+import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
+import fixedForwardRef from "../../../utils/fixedForwardRef.js";
+const ChevronRight = fixedForwardRef(({ title, ...props }, ref) => /* @__PURE__ */ o("svg", { ...props, ref, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  title && /* @__PURE__ */ o("title", { children: title }),
+  /* @__PURE__ */ o(
     "path",
     {
       d: "M0.439453 7.9999L3.43945 4.9999L0.439454 1.9999L1.50011 0.93924L5.56077 4.9999L1.50011 9.06056L0.439453 7.9999Z",
-      fill: t.disabled ? "#8D95A3" : "#00112C"
+      fill: props.disabled ? "#8D95A3" : "#00112C"
     }
   )
-] })), n = r;
+] }));
 export {
-  n as default
+  ChevronRight as default
 };

package/dist/es/components/internal/SVGIcons/ChevronUp.js

@@ -1,8 +1,8 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import i from "../../../utils/fixedForwardRef.js";
-const n = i(({ title: o, ...l }, r) => /* @__PURE__ */ e("svg", { ...l, ref: r, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
-  o && /* @__PURE__ */ e("title", { children: o }),
-  /* @__PURE__ */ e(
+import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
+import fixedForwardRef from "../../../utils/fixedForwardRef.js";
+const ChevronUp = fixedForwardRef(({ title, ...props }, ref) => /* @__PURE__ */ o("svg", { ...props, ref, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
+  title && /* @__PURE__ */ o("title", { children: title }),
+  /* @__PURE__ */ o(
     "path",
     {
       fill: "currentColor",
@@ -11,7 +11,7 @@ const n = i(({ title: o, ...l }, r) => /* @__PURE__ */ e("svg", { ...l, ref: r,
       clipRule: "evenodd"
     }
   )
-] })), c = n;
+] }));
 export {
-  c as default
+  ChevronUp as default
 };

package/dist/es/components/internal/SVGIcons/Close.js

@@ -0,0 +1,13 @@
+import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
+const Close = ({ ...props }) => /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ o(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.6569 4.07112C14.0474 3.6806 14.0474 3.04743 13.6569 2.65691C13.2664 2.26638 12.6332 2.26638 12.2427 2.65691L8.00005 6.89954L3.75745 2.65694C3.36692 2.26641 2.73376 2.26641 2.34324 2.65694C1.95271 3.04746 1.95271 3.68063 2.34324 4.07115L6.58584 8.31375L2.34319 12.5564C1.95266 12.9469 1.95266 13.5801 2.34319 13.9706C2.73371 14.3611 3.36688 14.3611 3.7574 13.9706L8.00005 9.72796L12.2427 13.9706C12.6333 14.3612 13.2664 14.3612 13.6569 13.9706C14.0475 13.5801 14.0475 12.947 13.6569 12.5564L9.41426 8.31375L13.6569 4.07112Z",
+    fill: "#000"
+  }
+) });
+export {
+  Close as default
+};

package/dist/es/components/internal/SVGIcons/Copy.js

@@ -0,0 +1,5 @@
+import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
+const Copy = ({ ...props }) => /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ o("path", { d: "M3.5 1.25C2.25736 1.25 1.25 2.25736 1.25 3.5V8.5C1.25 9.74264 2.25736 10.75 3.5 10.75H5.25V12.5C5.25 13.7426 6.25736 14.75 7.5 14.75H12.5C13.7426 14.75 14.75 13.7426 14.75 12.5V7.5C14.75 6.25736 13.7426 5.25 12.5 5.25H10.75V3.5C10.75 2.25736 9.74264 1.25 8.5 1.25H3.5ZM9.25 5.25H7.5C6.25736 5.25 5.25 6.25736 5.25 7.5V9.25H3.5C3.08579 9.25 2.75 8.91421 2.75 8.5V3.5C2.75 3.08579 3.08579 2.75 3.5 2.75H8.5C8.91421 2.75 9.25 3.08579 9.25 3.5V5.25ZM6.75 12.5V7.5C6.75 7.08579 7.08579 6.75 7.5 6.75H12.5C12.9142 6.75 13.25 7.08579 13.25 7.5V12.5C13.25 12.9142 12.9142 13.25 12.5 13.25H7.5C7.08579 13.25 6.75 12.9142 6.75 12.5Z" }) });
+export {
+  Copy as default
+};

package/dist/es/components/internal/SVGIcons/Filter.js

@@ -0,0 +1,11 @@
+import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
+const Filter = ({ ...props }) => /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ o(
+  "path",
+  {
+    d: "M1.25 1.25H14.75V4.05C14.75 4.65117 14.5094 5.22128 14.0903 5.64033L10.08 9.65066V11.6212L7.34093 14.76H5.92V9.65066L1.90967 5.64033C1.49062 5.22128 1.25 4.65117 1.25 4.05V1.25ZM2.75 2.75V4.05C2.75 4.24883 2.82938 4.43872 2.97033 4.57967L7.42 9.02934V12.388L8.58 11.0588V9.02934L13.0297 4.57967C13.1706 4.43872 13.25 4.24883 13.25 4.05V2.75H2.75Z",
+    fill: "#00112C"
+  }
+) });
+export {
+  Filter as default
+};

package/dist/es/components/internal/SVGIcons/UncheckedBox.js

@@ -1,9 +1,9 @@
-import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import h from "../../../utils/fixedForwardRef.js";
-const d = h(({ title: r, ...e }, t) => /* @__PURE__ */ o("svg", { ...e, ref: t, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
-  r && /* @__PURE__ */ o("title", { children: r }),
+import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
+import fixedForwardRef from "../../../utils/fixedForwardRef.js";
+const UncheckedBox = fixedForwardRef(({ title, ...props }, ref) => /* @__PURE__ */ o("svg", { ...props, ref, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
+  title && /* @__PURE__ */ o("title", { children: title }),
   /* @__PURE__ */ o("path", { stroke: "currentColor", d: "M.5 4C.5 2 2.1.5 4 .5h8c2 0 3.5 1.6 3.5 3.5v8c0 2-1.6 3.5-3.5 3.5H4C2 15.5.5 13.9.5 12V4Z" })
 ] }));
 export {
-  d as default
+  UncheckedBox as default
 };

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

@@ -1,6 +1,7 @@
-import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import "./Spinner.scss.js";
-const r = ({ inline: e = !1, size: p = "large" }) => /* @__PURE__ */ n("div", { className: `adyen-fp-spinner__wrapper ${e ? "adyen-fp-spinner__wrapper--inline" : ""}`, children: /* @__PURE__ */ n("div", { className: `adyen-fp-spinner adyen-fp-spinner--${p}` }) }), i = r;
+import '../../../../Spinner.css';
+import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
+const Spinner$1 = "";
+const Spinner = ({ inline = false, size = "large" }) => /* @__PURE__ */ o("div", { className: `adyen-pe-spinner__wrapper ${inline ? "adyen-pe-spinner__wrapper--inline" : ""}`, children: /* @__PURE__ */ o("div", { className: `adyen-pe-spinner adyen-pe-spinner--${size}` }) });
 export {
-  i as default
+  Spinner as default
 };

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

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

package/dist/es/components/internal/Tag/Tag.js

@@ -1,21 +1,7 @@
-import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import t from "classnames";
-import { TagVariant as e } from "./types.js";
-import "./Tag.scss.js";
-import { memo as m } from "../../../external/preact/compat/dist/compat.module.js";
-const n = m(({ variant: a = e.DEFAULT, label: o }) => /* @__PURE__ */ r(
-  "div",
-  {
-    className: t("adyen-fp-tag", {
-      "adyen-fp-tag--success": a === e.SUCCESS,
-      "adyen-fp-tag--default": a === e.DEFAULT,
-      "adyen-fp-tag--warning": a === e.WARNING,
-      "adyen-fp-tag--error": a === e.ERROR,
-      "adyen-fp-tag--white": a === e.WHITE
-    }),
-    children: o
-  }
-));
+import "../../../../jsxRuntime.module-69493d81.mjs";
+import "classnames";
+import { T } from "../../../../Tag-6d02fd64.mjs";
+import "../../../../compat.module-a4d537ff.mjs";
 export {
-  n as Tag
+  T as Tag
 };

package/dist/es/components/internal/Tooltip/Tooltip.js

@@ -0,0 +1,48 @@
+import '../../../../Tooltip.css';
+import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
+import { useMediaQuery, mediaQueries } from "../../external/TransactionsOverview/hooks/useMediaQuery.js";
+import Popover from "../Popover/Popover.js";
+import { a as PopoverContainerVariant } from "../../../../usePopoverPositioner-882fea89.mjs";
+import { useTooltipListeners } from "./useTooltipListeners.js";
+import { T as Typography, b as TypographyVariant } from "../../../../Typography-11b95870.mjs";
+import useUniqueIdentifier from "../../../hooks/element/useUniqueIdentifier.js";
+import cx from "classnames";
+import { k, F } from "../../../../preact.module-38e5a571.mjs";
+const Tooltip$1 = "";
+const isString = (content) => {
+  return typeof content === "string";
+};
+const Tooltip = ({ content, children, triggerRef, showTooltip, position, isContainerHovered = false }) => {
+  var _a, _b, _c;
+  const controllerRef = useUniqueIdentifier();
+  const isMdViewport = useMediaQuery(mediaQueries.down.sm);
+  const { isVisible, listeners } = useTooltipListeners();
+  if (isMdViewport)
+    return /* @__PURE__ */ o(k, { children });
+  return /* @__PURE__ */ o(k, { children: [
+    children ? F(children, {
+      ...children == null ? void 0 : children.props,
+      role: "button",
+      tabIndex: -1,
+      ref: controllerRef,
+      className: ((_a = children == null ? void 0 : children.props) == null ? void 0 : _a.className) ? cx(`${(_b = children == null ? void 0 : children.props) == null ? void 0 : _b.className} adyen-pe__tooltip-target`, {
+        " adyen-pe__tooltip-target--hovered": isContainerHovered
+      }) : cx("adyen-pe__tooltip-target", { "adyen-pe__tooltip-target--hovered": isContainerHovered }),
+      ...listeners,
+      "aria-describedby": `tooltip-${(_c = controllerRef.current) == null ? void 0 : _c.id}`
+    }) : null,
+    (isVisible || showTooltip) && /* @__PURE__ */ o(
+      Popover,
+      {
+        variant: PopoverContainerVariant.TOOLTIP,
+        targetElement: triggerRef ?? controllerRef,
+        position,
+        open: isVisible || showTooltip,
+        children: /* @__PURE__ */ o(k, { children: content && isString(content) ? /* @__PURE__ */ o(Typography, { variant: TypographyVariant.CAPTION, children: content }) : { content } })
+      }
+    )
+  ] });
+};
+export {
+  Tooltip
+};

package/dist/es/components/internal/Tooltip/useTooltipListeners.js

@@ -0,0 +1,31 @@
+import { T } from "../../../../hooks.module-8565d716.mjs";
+import { I as InteractionKeyCode } from "../../../../types-0aaff3aa.mjs";
+import useBooleanState from "../../../hooks/useBooleanState/useBooleanState.js";
+const useTooltipListeners = () => {
+  const [isVisible, setIsVisible] = useBooleanState();
+  const showTooltip = T(() => setIsVisible(true), [setIsVisible]);
+  const hideTooltip = T(() => setIsVisible(false), [setIsVisible]);
+  const onKeyDown = T(
+    (evt) => {
+      switch (evt.code) {
+        case InteractionKeyCode.ESCAPE:
+          hideTooltip();
+          break;
+      }
+    },
+    [hideTooltip]
+  );
+  return {
+    listeners: {
+      onfocusoutCapture: hideTooltip,
+      onMouseLeave: hideTooltip,
+      onKeyDown,
+      onFocus: showTooltip,
+      onMouseEnter: showTooltip
+    },
+    isVisible
+  };
+};
+export {
+  useTooltipListeners
+};

package/dist/es/components/internal/Typography/Typography.js

@@ -1,35 +1,9 @@
-import { jsx as Y } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { DEFAULT_TYPOGRAPHY_CLASSNAME as o } from "./constants.js";
-import f from "classnames";
-import { useMemo as s } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { TypographyVariant as T, TypographyModifier as E } from "./types.js";
-import { memo as R } from "../../../external/preact/compat/dist/compat.module.js";
-import "./Typography.scss.js";
-function y({ el: B, className: D, stronger: I, strongest: L, variant: $, medium: O, large: p, wide: m, children: N }) {
-  const A = B || "p", S = s(
-    () => ({
-      // Caption
-      [`${o}--${T.CAPTION}`]: $ === T.CAPTION,
-      [`${o}--${T.CAPTION}-${E.WIDE}`]: $ === T.CAPTION && m,
-      [`${o}--${T.CAPTION}-${E.STRONGER}`]: $ === T.CAPTION && I,
-      // Body
-      [`${o}--${T.BODY}`]: $ === T.BODY,
-      [`${o}--${T.BODY}-${E.WIDE}`]: $ === T.BODY && m,
-      [`${o}--${T.BODY}-${E.STRONGER}`]: $ === T.BODY && I,
-      [`${o}--${T.BODY}-${E.STRONGEST}`]: $ === T.BODY && L,
-      // Subtitle
-      [`${o}--${T.SUBTITLE}`]: $ === T.SUBTITLE,
-      [`${o}--${T.SUBTITLE}-${E.STRONGER}`]: $ === T.SUBTITLE && I,
-      // Title
-      [`${o}--${T.TITLE}`]: $ === T.TITLE && !O && !p,
-      [`${o}--${T.TITLE}-${E.MEDIUM}`]: $ === T.TITLE && O,
-      [`${o}--${T.TITLE}-${E.LARGE}`]: $ === T.TITLE && p
-    }),
-    [$, m, I, O, p, L]
-  );
-  return /* @__PURE__ */ Y(A, { className: f([`${o}`, S, D]), children: N });
-}
-const x = R(y);
+import "../../../../jsxRuntime.module-69493d81.mjs";
+import "./constants.js";
+import "classnames";
+import "../../../../hooks.module-8565d716.mjs";
+import { T } from "../../../../Typography-11b95870.mjs";
+import "../../../../compat.module-a4d537ff.mjs";
 export {
-  x as default
+  T as default
 };

package/dist/es/components/internal/Typography/constants.js

@@ -1,4 +1,4 @@
-const p = "adyen-fp-typography";
+const DEFAULT_TYPOGRAPHY_CLASSNAME = "adyen-pe-typography";
 export {
-  p as DEFAULT_TYPOGRAPHY_CLASSNAME
+  DEFAULT_TYPOGRAPHY_CLASSNAME
 };

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

@@ -1,36 +1,40 @@
-const t = { title: "thereWasAnUnexpectedError", message: ["pleaseReachOutToSupportForAssistance"] }, r = (s, e) => {
-  if (!s)
-    return t;
-  switch (s.errorCode) {
+import { o } from "../../../jsxRuntime.module-69493d81.mjs";
+import CopyText from "../internal/CopyText/CopyText.js";
+const UNDEFINED_ERROR = { title: "thereWasAnUnexpectedError", message: ["pleaseReachOutToSupportForAssistance"] };
+const getErrorMessage = (error, onContactSupport) => {
+  if (!error)
+    return UNDEFINED_ERROR;
+  switch (error.errorCode) {
     case void 0:
       return {
         title: "somethingWentWrong",
-        message: ["seemsLikeThereIsANetworkError", "tryToRefreshThePageOrComeBackLater"],
-        refreshComponent: !0
+        message: ["weCouldNotLoadYourTransactions", "tryRefreshingThePageOrComeBackLater"],
+        refreshComponent: true
       };
     case "00_500":
       return {
-        title: "noResultsFoundSeekSupport",
-        message: ["seemsLikeThereIsAndInternalError", "pleaseReachOutToSupportForAssistance"],
-        onContactSupport: e
+        title: "somethingWentWrong",
+        message: onContactSupport ? ["weCouldNotLoadYourTransactions", "theErrorCodeIs"] : ["weCouldNotLoadYourTransactions", "contactSupportForHelpAndShareErrorCode"],
+        onContactSupport,
+        translationValues: onContactSupport ? { theErrorCodeIs: (error == null ? void 0 : error.requestId) ? /* @__PURE__ */ o(CopyText, { text: error.requestId }) : null } : { contactSupportForHelpAndShareErrorCode: error.requestId ? /* @__PURE__ */ o(CopyText, { text: error.requestId }) : null }
       };
     case "29_001":
       return {
         title: "theRequestIsMissingRequiredFieldsOrContainsInvalidData",
         message: ["pleaseReachOutToSupportForAssistance"],
-        onContactSupport: e
+        onContactSupport
       };
     case "30_112":
       return {
         title: "entityWasNotFound",
         message: ["entityWasNotFoundDetail"],
-        onContactSupport: e
+        onContactSupport
       };
     case "00_403":
     default:
-      return t;
+      return UNDEFINED_ERROR;
   }
 };
 export {
-  r as getErrorMessage
+  getErrorMessage
 };

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

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

@@ -0,0 +1,8 @@
+const BREAKPOINTS = {
+  sm: 480,
+  md: 768,
+  lg: 1024
+};
+export {
+  BREAKPOINTS
+};

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

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

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

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

package/dist/es/core/Auth/AuthContext.js

@@ -1,9 +1,11 @@
-import { createContext as t } from "../../external/preact/dist/preact.module.js";
-import { EMPTY_OBJECT as o } from "../../utils/common/constants.js";
-const r = t({
+import { G } from "../../../preact.module-38e5a571.mjs";
+import { noop } from "../../utils/common/index.js";
+import { EMPTY_OBJECT } from "../../utils/common/constants.js";
+const AuthContext = G({
   token: "",
-  endpoints: o
+  endpoints: EMPTY_OBJECT,
+  updateCore: noop
 });
 export {
-  r as AuthContext
+  AuthContext
 };

package/dist/es/core/Auth/AuthProvider.js

@@ -1,7 +1,26 @@
-import { jsx as a } from "../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { AuthContext as d } from "./AuthContext.js";
-import { toChildArray as m } from "../../external/preact/dist/preact.module.js";
-const s = ({ token: r, endpoints: o, children: t, updateCore: e, sessionSetupError: i }) => /* @__PURE__ */ a(d.Provider, { value: { token: r, endpoints: o, updateCore: e, sessionSetupError: i }, children: m(t) }), f = s;
+import { o } from "../../../jsxRuntime.module-69493d81.mjs";
+import { AuthContext } from "./AuthContext.js";
+import "../../utils/common/index.js";
+import { C } from "../../../preact.module-38e5a571.mjs";
+import { h, _, p } from "../../../hooks.module-8565d716.mjs";
+import { EMPTY_OBJECT } from "../../utils/common/constants.js";
+const AuthProvider = ({ token, endpoints, children, updateCore, sessionSetupError }) => {
+  const [isUpdatingToken, setIsUpdatingToken] = h();
+  const currentToken = _("");
+  p(() => {
+    if (currentToken.current !== token) {
+      currentToken.current = token;
+      setIsUpdatingToken(false);
+    }
+  }, [token]);
+  const update = async () => {
+    setIsUpdatingToken(true);
+    if (updateCore) {
+      await updateCore(EMPTY_OBJECT, true);
+    }
+  };
+  return /* @__PURE__ */ o(AuthContext.Provider, { value: { token, endpoints, updateCore: update, sessionSetupError, isUpdatingToken }, children: C(children) });
+};
 export {
-  f as default
+  AuthProvider as default
 };

package/dist/es/core/Auth/useAuthContext.js

@@ -1,6 +1,6 @@
-import { AuthContext as t } from "./AuthContext.js";
-import { useContext as o } from "../../external/preact/hooks/dist/hooks.module.js";
-const e = () => o(t), n = e;
+import { AuthContext } from "./AuthContext.js";
+import { q } from "../../../hooks.module-8565d716.mjs";
+const useAuthContext = () => q(AuthContext);
 export {
-  n as default
+  useAuthContext as default
 };

package/dist/es/core/Context/CoreContext.js

@@ -1,10 +1,10 @@
-import { createContext as o } from "../../external/preact/dist/preact.module.js";
-import t from "../Localization/Localization.js";
-const r = o({
-  i18n: new t().i18n,
+import { G } from "../../../preact.module-38e5a571.mjs";
+import { L as Localization } from "../../../index-c88cd37e.mjs";
+const CoreContext = G({
+  i18n: new Localization().i18n,
   loadingContext: "",
   commonProps: {}
 });
 export {
-  r as CoreContext
+  CoreContext
 };