@adyen/kyc-components 4.5.0 → 4.6.0-beta.0

package/dist/{Summary-DbPdEnQi.js → Summary-DdFh8LL0.js}

@@ -2,30 +2,32 @@
 {
   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] = "32f2dc9e-e354-48d2-962e-4bed630e01e4", e._sentryDebugIdIdentifier = "sentry-dbid-32f2dc9e-e354-48d2-962e-4bed630e01e4");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "7eb4bcbd-0fec-49a6-ab61-c7fe49951067", e._sentryDebugIdIdentifier = "sentry-dbid-7eb4bcbd-0fec-49a6-ab61-c7fe49951067");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx } from "preact/jsx-runtime";
 import { lazy } from "preact/compat";
-import { z as useAnalyticsContext, u as useTranslation, aB as Header, ax as isEmpty, C as IconButton, ac as translateTranslatable } from "./StoreProvider-o79GZkUo.js";
-import { I as Image } from "./unincorporated-partnership-BC2PWEgm.js";
+import { x as useAnalyticsContext, u as useTranslation, aB as Header, ax as isEmpty, B as IconButton, ab as translateTranslatable } from "./StoreProvider-lJLpl6iE.js";
+import { I as Image } from "./unincorporated-partnership-DCtqSVs0.js";
 import { L as List } from "./List-BAzyC6sw.js";
 import { S as StructuredList } from "./StructuredList-CNha20ka.js";
-import { useEffect } from "preact/hooks";
-import { E as ErrorPanel } from "./ErrorPanel-DNuuMh-W.js";
+import { useRef } from "preact/hooks";
+import { E as ErrorPanel } from "./ErrorPanel-4HIDH4sr.js";
 import { t as trackNavigation } from "./trackNavigation-db_h46BT.js";
-import { c as createFormUtils } from "./formUtils-D9HJXrvu.js";
-import { g as getRoleName } from "./roleMetadata-ZbDuZjur.js";
+import { c as createFormUtils } from "./formUtils-DjInEErz.js";
+import { g as getRoleName } from "./roleMetadata-B-2OBUCV.js";
 import { i as isSummaryItem } from "./summaryItem-CAQCQSkt.js";
 const usePageLandedEvent = () => {
   const userEvents = useAnalyticsContext();
-  useEffect(() => {
+  const isInitializedRef = useRef(false);
+  if (!isInitializedRef.current) {
     userEvents.addPageEvent("Landed on page", {
       actionType: "navigate"
     });
-  }, []);
+    isInitializedRef.current = true;
+  }
 };
 const summary = "adyen-kyc-summary";
 const summaryContent = "adyen-kyc-summary-content";
@@ -38,7 +40,7 @@ const summaryListItemValue = "adyen-kyc-summary-list-item-value";
 const summaryContentLegalCaption = "adyen-kyc-summary-content-legal-caption";
 const summaryContentList = "adyen-kyc-summary-content-list";
 const summaryContentLogo = "adyen-kyc-summary-content-logo";
-const styles = {
+const summaryStyles = {
   summary,
   summaryContent,
   summaryList,
@@ -87,8 +89,8 @@ function Summary({
     {}
   );
   const formUtils = createFormUtils({ labels }, t);
-  const summarySectionHeader = (formName, formId) => /* @__PURE__ */ jsxs("header", { className: styles.summaryListHeader, children: [
-    /* @__PURE__ */ jsx("h2", { className: styles.summaryListHeaderTitle, children: formName }),
+  const summarySectionHeader = (formName, formId) => /* @__PURE__ */ jsxs("header", { className: summaryStyles.summaryListHeader, children: [
+    /* @__PURE__ */ jsx("h2", { className: summaryStyles.summaryListHeaderTitle, children: formName }),
     !omitted.summaryEditButton?.includes(formId) && /* @__PURE__ */ jsx(
       IconButton,
       {
@@ -116,7 +118,7 @@ function Summary({
     });
     return !useStructuredList2 ? /* @__PURE__ */ jsxs(List, { variant: "grouped-secondary", children: [
       showSectionHeader && summarySectionHeader(formName, formId),
-      /* @__PURE__ */ jsx("dl", { className: styles.summaryList, children: Array.isArray(fieldData) ? fieldData.map((item) => renderBulletedListField(item)) : renderSummaryItems(fieldData, labelData) })
+      /* @__PURE__ */ jsx("dl", { className: summaryStyles.summaryList, children: Array.isArray(fieldData) ? fieldData.map((item) => renderBulletedListField(item)) : renderSummaryItems(fieldData, labelData) })
     ] }) : /* @__PURE__ */ jsxs(List, { variant: "grouped-secondary", children: [
       showSectionHeader && summarySectionHeader(formName, formId),
       /* @__PURE__ */ jsx(StructuredList, { items: structuredListItems })
@@ -157,18 +159,18 @@ function Summary({
     });
     return dataList;
   };
-  const renderField = (label, value) => /* @__PURE__ */ jsxs("div", { className: styles.summaryListItem, children: [
-    /* @__PURE__ */ jsx("dt", { className: styles.summaryListItemKey, children: label }),
-    /* @__PURE__ */ jsx("dd", { className: styles.summaryListItemValue, children: value })
+  const renderField = (label, value) => /* @__PURE__ */ jsxs("div", { className: summaryStyles.summaryListItem, children: [
+    /* @__PURE__ */ jsx("dt", { className: summaryStyles.summaryListItemKey, children: label }),
+    /* @__PURE__ */ jsx("dd", { className: summaryStyles.summaryListItemValue, children: value })
   ] });
-  const renderBulletedListField = (item) => /* @__PURE__ */ jsx("ul", { className: styles.summaryContentList, children: /* @__PURE__ */ jsx("li", { children: item }) });
+  const renderBulletedListField = (item) => /* @__PURE__ */ jsx("ul", { className: summaryStyles.summaryContentList, children: /* @__PURE__ */ jsx("li", { children: item }) });
   const renderSummaryItems = (formData = {}, labelData = {}) => {
     if (!formData) return [];
     if (formData?.idVerificationMethod === "instantVerification") {
       return [
         renderField(
           t(($) => $["verificationMethod"]),
-          /* @__PURE__ */ jsx(Image, { lazyLoadedImage: onfidoLogo, className: styles.summaryContentLogo })
+          /* @__PURE__ */ jsx(Image, { lazyLoadedImage: onfidoLogo, className: summaryStyles.summaryContentLogo })
         )
       ];
     }
@@ -191,9 +193,9 @@ function Summary({
     });
     return dataList;
   };
-  return /* @__PURE__ */ jsxs("div", { role: "region", className: styles.summary, children: [
+  return /* @__PURE__ */ jsxs("div", { role: "region", className: summaryStyles.summary, children: [
     showFormHeader && /* @__PURE__ */ jsx(Header, { title: t(($) => $["summary"]), description: t(($) => $["summaryDescription"]) }),
-    /* @__PURE__ */ jsxs("div", { className: styles.summaryContent, children: [
+    /* @__PURE__ */ jsxs("div", { className: summaryStyles.summaryContent, children: [
       /* @__PURE__ */ jsx(
         ErrorPanel,
         {
@@ -204,8 +206,8 @@ function Summary({
         }
       ),
       renderSummaryContent(data, useStructuredList),
-      showLegalCaption && /* @__PURE__ */ jsx("div", { className: styles.summaryContentLegalCaption, children: t(($) => $["summaryLegalCaption"]) }),
-      showTaxExemptedLegalCaption && /* @__PURE__ */ jsxs("div", { className: styles.summaryContentLegalCaption, children: [
+      showLegalCaption && /* @__PURE__ */ jsx("div", { className: summaryStyles.summaryContentLegalCaption, children: t(($) => $["summaryLegalCaption"]) }),
+      showTaxExemptedLegalCaption && /* @__PURE__ */ jsxs("div", { className: summaryStyles.summaryContentLegalCaption, children: [
         /* @__PURE__ */ jsx("p", { children: t(($) => $["summaryTaxExemptionLegalCaptionTitle"]) }),
         /* @__PURE__ */ jsxs("ul", { children: [
           /* @__PURE__ */ jsx("li", { children: t(($) => $["summaryTaxExemptionLegalCaption_1"]) }),
@@ -218,6 +220,7 @@ function Summary({
 }
 export {
   Summary as S,
+  summaryStyles as a,
   summaryStep as s,
   usePageLandedEvent as u
 };