@adyen/kyc-components 4.0.0-compact.4 → 4.0.0-compact.7

package/dist/Field-Bs7wGDqk.js

@@ -0,0 +1,141 @@
+;
+{
+  try {
+    let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "918ec800-d784-4153-a0bb-c849509cac6a", e._sentryDebugIdIdentifier = "sentry-dbid-918ec800-d784-4153-a0bb-c849509cac6a");
+  } catch (e) {
+  }
+}
+;
+import { jsxs, jsx } from "preact/jsx-runtime";
+import cx from "classnames";
+import { useEffect } from "preact/hooks";
+import { u as useTranslation, p as useAnalyticsContext, r as Icon, a2 as translateStringOrObject } from "./StoreProvider-99-ewU62.js";
+import { a as useId } from "./useId-BZ0PA7jP.js";
+const ARIA_ERROR_SUFFIX = "-ariaError";
+const MaybeFieldset = ({
+  children,
+  className,
+  name,
+  disabled,
+  el,
+  dataTestId
+}) => el === "fieldset" ? /* @__PURE__ */ jsx("fieldset", { name, disabled, className, "data-testid": dataTestId, children }) : /* @__PURE__ */ jsx("div", { className, "data-testid": dataTestId, children });
+const Field = ({
+  className,
+  classNameModifiers = [],
+  children,
+  disabled,
+  optional,
+  errorMessage,
+  formatGuidance,
+  helper,
+  helperPosition = "above",
+  isValid,
+  label,
+  name,
+  showErrorIconBottom = false,
+  showErrorIcon = true,
+  el = "div",
+  dataTestId,
+  onBlur,
+  onFieldBlur,
+  onFocus
+}) => {
+  const uniqueId = useId("field");
+  const { t } = useTranslation("common");
+  const userEvents = useAnalyticsContext();
+  const Label = el === "fieldset" ? "legend" : "label";
+  useEffect(() => {
+    if (!errorMessage) return;
+    const returnValue = typeof errorMessage === "string" && errorMessage || typeof errorMessage === "object" && errorMessage.key || "invalid";
+    userEvents.addFieldEvent("Encountered error", {
+      actionType: "input",
+      field: name,
+      returnType: "validation",
+      returnValue
+    });
+  }, [name, errorMessage, userEvents]);
+  const elementIds = {
+    label: `${uniqueId}-label`,
+    helper: `${uniqueId}-helper`,
+    error: `${uniqueId}${ARIA_ERROR_SUFFIX}`,
+    guidanceText: `${uniqueId}-guidanceText`
+  };
+  const inputDescribedBy = `${errorMessage ? elementIds.error : ""} ${helper ? elementIds.helper : ""} ${formatGuidance ? elementIds.guidanceText : ""}`.trim();
+  return /* @__PURE__ */ jsxs(
+    MaybeFieldset,
+    {
+      className: cx(
+        "adyen-kyc-field",
+        className,
+        classNameModifiers.map((m) => `adyen-kyc-field--${m}`),
+        {
+          "adyen-kyc-field--error": !!errorMessage,
+          "adyen-kyc-field--valid": isValid,
+          "adyen-kyc-field--disabled": disabled
+        }
+      ),
+      name,
+      disabled,
+      el,
+      dataTestId,
+      children: [
+        label && /* @__PURE__ */ jsxs(
+          Label,
+          {
+            id: elementIds.label,
+            htmlFor: el === "fieldset" ? void 0 : uniqueId,
+            className: cx("adyen-kyc-label__text", {
+              "adyen-kyc-label__text--error": !!errorMessage
+            }),
+            children: [
+              label,
+              optional && /* @__PURE__ */ jsxs("span", { className: "adyen-kyc-optional-label", children: [
+                " ",
+                t(($) => $["optional"])
+              ] })
+            ]
+          }
+        ),
+        helper && helperPosition === "above" && /* @__PURE__ */ jsx("span", { id: elementIds.helper, className: "adyen-kyc-helper-text adyen-kyc-helper-text__above", children: helper }),
+        /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-input-wrapper", children: [
+          children({
+            id: uniqueId,
+            "aria-labelledby": elementIds.label,
+            "aria-describedby": inputDescribedBy,
+            isInvalid: !!errorMessage,
+            isValid: !!isValid,
+            onBlurHandler: (e) => {
+              if (typeof onBlur === "function") onBlur(e);
+              if (typeof onFieldBlur === "function") onFieldBlur(e);
+            },
+            onFocusHandler: (e) => {
+              if (typeof onFocus === "function") onFocus(e);
+            }
+          }),
+          helper && helperPosition === "below" && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: elementIds.helper,
+              className: "adyen-kyc-helper-text adyen-kyc-helper-text__below",
+              children: helper
+            }
+          ),
+          !!errorMessage && !showErrorIconBottom && showErrorIcon && /* @__PURE__ */ jsx("span", { className: "adyen-kyc-input__inline-validation adyen-kyc-input__inline-validation--invalid", children: /* @__PURE__ */ jsx(Icon, { name: "field-error" }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { "aria-live": "polite", "aria-atomic": true, className: "adyen-kyc-error-text", children: [
+          /* @__PURE__ */ jsx("span", { className: "adyen-kyc-u-screen-reader-only", children: `${label}:` }),
+          !!errorMessage && typeof errorMessage !== "boolean" && /* @__PURE__ */ jsxs("span", { id: elementIds.error, children: [
+            translateStringOrObject(t, errorMessage),
+            showErrorIconBottom && /* @__PURE__ */ jsx("span", { className: "adyen-kyc-input__inline-validation adyen-kyc-input__inline-validation--invalid-bottom", children: /* @__PURE__ */ jsx(Icon, { name: "field-error" }) })
+          ] })
+        ] }),
+        !errorMessage && formatGuidance && /* @__PURE__ */ jsx("span", { id: elementIds.guidanceText, "aria-live": "polite", className: "adyen-kyc-guidance-text", children: formatGuidance })
+      ]
+    }
+  );
+};
+export {
+  Field as F
+};

package/dist/{FormNavigation-BP2ZV8AF.js → FormNavigation-BtSvWPRY.js}

@@ -2,16 +2,16 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "5a0dcac4-ccce-4c38-bd00-f419fc932a7c", e._sentryDebugIdIdentifier = "sentry-dbid-5a0dcac4-ccce-4c38-bd00-f419fc932a7c");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "906dea61-3838-410b-a972-9fa055289eb2", e._sentryDebugIdIdentifier = "sentry-dbid-906dea61-3838-410b-a972-9fa055289eb2");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import cx from "classnames";
-import { u as useTranslation, a4 as Icon, a3 as useAnalyticsContext, G as Typography } from "./StoreProvider-DTMSAVgy.js";
+import { u as useTranslation, r as Icon, p as useAnalyticsContext, z as Typography } from "./StoreProvider-99-ewU62.js";
 import { t as trackNavigation } from "./trackNavigation-db_h46BT.js";
-import { K as KEYBOARD_KEYS } from "./Modal-B8fxl0iP.js";
+import { K as KEYBOARD_KEYS } from "./Modal-CZ-HuGUO.js";
 const FormNavigationItem = ({
   form,
   isActive,

package/dist/{FormWrapper-D2abCVld.js → FormWrapper-B3N3YosC.js}

@@ -2,22 +2,22 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "38b1827e-d99b-47d3-acc1-3066c34aa08c", e._sentryDebugIdIdentifier = "sentry-dbid-38b1827e-d99b-47d3-acc1-3066c34aa08c");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "0cad1b10-45bc-4fdf-a325-b6a23db0a892", e._sentryDebugIdIdentifier = "sentry-dbid-0cad1b10-45bc-4fdf-a325-b6a23db0a892");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx } from "preact/jsx-runtime";
 import { useState } from "preact/hooks";
-import { u as useTranslation, a3 as useAnalyticsContext, X as useExperimentsContext, B as Button } from "./StoreProvider-DTMSAVgy.js";
-import { L as LoaderWrapper } from "./useForm-BsQfbbso.js";
-import { M as MaybeModal } from "./MaybeModal-QG3JQV0A.js";
-import { a as ModalContent, b as ModalHeader, c as ModalFooter } from "./Modal-B8fxl0iP.js";
-import { z as Spacer } from "./Spacer-BT5nYRXK.js";
-import { S as StepProgressIndicator } from "./StepProgressIndicator-Bs1V38Kt.js";
-import { F as FormRouterContextProvider } from "./dropinUtils-BYk71qFP.js";
-import { F as FormNavigation } from "./FormNavigation-BP2ZV8AF.js";
-import { s as summaryStep, S as Summary } from "./Summary-BOSxxPjv.js";
+import { u as useTranslation, p as useAnalyticsContext, v as useExperimentsContext, V as Button } from "./StoreProvider-99-ewU62.js";
+import { L as LoaderWrapper } from "./LoaderWrapper-C2PvjjQc.js";
+import { M as MaybeModal } from "./MaybeModal-xIjl3I31.js";
+import { a as ModalContent, b as ModalHeader, c as ModalFooter } from "./Modal-CZ-HuGUO.js";
+import { S as Spacer } from "./Spacer-BK3jDget.js";
+import { S as StepProgressIndicator } from "./StepProgressIndicator-BSGlNU3K.js";
+import { F as FormRouterContextProvider } from "./dropinUtils--st1YpV6.js";
+import { F as FormNavigation } from "./FormNavigation-BtSvWPRY.js";
+import { s as summaryStep, S as Summary } from "./Summary-D0GcSMNn.js";
 const FormWrapper = ({
   asModal = false,
   summary,

package/dist/Header-vslG1ugE.js

@@ -0,0 +1,83 @@
+;
+{
+  try {
+    let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "4d5b86ba-b231-46d3-8e29-0fe31a6384a1", e._sentryDebugIdIdentifier = "sentry-dbid-4d5b86ba-b231-46d3-8e29-0fe31a6384a1");
+  } catch (e) {
+  }
+}
+;
+import { jsxs, jsx } from "preact/jsx-runtime";
+import cx from "classnames";
+import { defineSlots } from "named-slots";
+import { S as StackLayout } from "./unincorporated-partnership-MeN1dp53.js";
+import { T as TaskVerificationStatus } from "./TaskVerificationStatus-DZIw2ztV.js";
+const header = "adyen-kyc-header";
+const headerMargin = "adyen-kyc-header-margin";
+const headerMarginSecondary = "adyen-kyc-header-margin-secondary";
+const headerLeft = "adyen-kyc-header-left";
+const headerCenter = "adyen-kyc-header-center";
+const headerRight = "adyen-kyc-header-right";
+const headerContent = "adyen-kyc-header-content";
+const headerActions = "adyen-kyc-header-actions";
+const headerTitle = "adyen-kyc-header-title";
+const headerTitlePrimary = "adyen-kyc-header-title-primary";
+const headerTitleSecondary = "adyen-kyc-header-title-secondary";
+const headerDescription = "adyen-kyc-header-description";
+const headerDescriptionPrimary = "adyen-kyc-header-description-primary";
+const headerDescriptionSecondary = "adyen-kyc-header-description-secondary";
+const styles = {
+  header,
+  headerMargin,
+  headerMarginSecondary,
+  headerLeft,
+  headerCenter,
+  headerRight,
+  headerContent,
+  headerActions,
+  headerTitle,
+  headerTitlePrimary,
+  headerTitleSecondary,
+  headerDescription,
+  headerDescriptionPrimary,
+  headerDescriptionSecondary
+};
+const alignmentStyles = {
+  left: styles.headerLeft,
+  center: styles.headerCenter,
+  right: styles.headerRight
+};
+const Header = ({
+  align = "left",
+  children,
+  description,
+  secondary = false,
+  status,
+  title
+}) => {
+  const { Slot, hasSlot } = defineSlots(children ?? [], ["actions", "description"]);
+  const HeadingElement = secondary ? "h2" : "h1";
+  const rootClassname = cx(styles.header, alignmentStyles[align], {
+    [styles.headerMargin]: !secondary,
+    [styles.headerMarginSecondary]: secondary
+  });
+  const titleClassname = cx(styles.headerTitle, {
+    [styles.headerTitlePrimary]: !secondary,
+    [styles.headerTitleSecondary]: secondary
+  });
+  const descriptionClassname = cx(styles.headerDescription, {
+    [styles.headerDescriptionPrimary]: !secondary,
+    [styles.headerDescriptionSecondary]: secondary
+  });
+  return /* @__PURE__ */ jsxs("header", { className: rootClassname, children: [
+    status && /* @__PURE__ */ jsx(TaskVerificationStatus, { status, responsive: false }),
+    /* @__PURE__ */ jsxs("div", { className: styles.headerContent, children: [
+      /* @__PURE__ */ jsx(HeadingElement, { className: titleClassname, children: title }),
+      (hasSlot("description") || description) && /* @__PURE__ */ jsx("div", { className: descriptionClassname, children: /* @__PURE__ */ jsx(Slot, { name: "description", children: description }) })
+    ] }),
+    hasSlot("actions") && /* @__PURE__ */ jsx("div", { className: styles.headerActions, children: /* @__PURE__ */ jsx(StackLayout, { gap: "small", horizontal: true, children: /* @__PURE__ */ jsx(Slot, { name: "actions" }) }) })
+  ] });
+};
+export {
+  Header as H
+};

package/dist/Image-CAucF9wz.js

@@ -0,0 +1,27 @@
+;
+{
+  try {
+    let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "85def2d8-2f9f-4c80-9189-e80752503e2a", e._sentryDebugIdIdentifier = "sentry-dbid-85def2d8-2f9f-4c80-9189-e80752503e2a");
+  } catch (e) {
+  }
+}
+;
+import { jsx } from "preact/jsx-runtime";
+import { Suspense } from "preact/compat";
+import { L as Loader } from "./StoreProvider-99-ewU62.js";
+const TrustedFieldsProviders = {
+  SINGPASS: "singpass",
+  KOMPANY: "kompany"
+};
+const Image = ({
+  lazyLoadedImage,
+  className
+}) => {
+  const LazyLoadedImageComponent = lazyLoadedImage;
+  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Loader, {}), children: /* @__PURE__ */ jsx(LazyLoadedImageComponent, { className, "aria-hidden": true }) });
+};
+export {
+  Image as I,
+  TrustedFieldsProviders as T
+};