@adyen/kyc-components 3.44.0 → 3.44.2

package/dist/es/adyen-kyc-components.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useContext, useState, useCallback, useEffect, useMemo, useReducer, useId, useRef, useLayoutEffect } from "preact/hooks";
 import { createContext, isValidElement, createElement, render } from "preact";
-import { sanitize } from "isomorphic-dompurify";
+import DOMPurify from "isomorphic-dompurify";
 import cx from "classnames";
 import React, { lazy, Suspense, forwardRef, memo, useMemo as useMemo$1 } from "preact/compat";
 import isISIN from "validator/es/lib/isISIN.js";
@@ -1507,7 +1507,7 @@ const determineAllowedAttributes = (allowedTags) => {
   }
   return allowedAttributes;
 };
-const sanitizeHtml = (unsafeInput, allowedTags = []) => sanitize(unsafeInput, {
+const sanitizeHtml = (unsafeInput, allowedTags = []) => DOMPurify.sanitize(unsafeInput, {
   ALLOWED_TAGS: allowedTags,
   ALLOWED_ATTR: determineAllowedAttributes(allowedTags)
 });
@@ -23631,6 +23631,7 @@ function PayoutDetails(props) {
     bankVendorsLoadingStatus,
     instantVerificationAvailable,
     setHideSidebar,
+    setHideFooter,
     setSkipSubmit,
     createTrustedTransferInstrument: createTrustedTransferInstrument2,
     handleBankVerificationError: handleBankVerificationError2,
@@ -23696,6 +23697,13 @@ function PayoutDetails(props) {
       resetInvalidFieldState();
     }
   }, [i18n, validateAccountDetails]);
+  const shouldHideFooter = useMemo(
+    () => (activeForm == null ? void 0 : activeForm.formId) === "payoutVerificationMethod" && isExperimentEnabled("EnablePreferInstantVerificationFlow"),
+    [activeForm == null ? void 0 : activeForm.formId, isExperimentEnabled]
+  );
+  useEffect(() => {
+    setHideFooter == null ? void 0 : setHideFooter(shouldHideFooter);
+  }, [shouldHideFooter]);
   return /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-payout", children: [
     /* @__PURE__ */ jsx(
       "div",
@@ -25837,7 +25845,7 @@ function Summary({
       }
     ),
     /* @__PURE__ */ jsx("div", { className: "adyen-kyc-summary__content", children: renderSummaryContent(data) }),
-    showLegalCaption && /* @__PURE__ */ jsx("span", { className: "adyen-kyc-summary__legal-caption", children: i18n.get("summaryLegalCaption") }),
+    showLegalCaption && /* @__PURE__ */ jsx("div", { className: "adyen-kyc-summary__legal-caption", children: /* @__PURE__ */ jsx("span", { children: i18n.get("summaryLegalCaption") }) }),
     showTaxExemptedLegalCaption && /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-summary__legal-caption", children: [
       /* @__PURE__ */ jsx("p", { children: i18n.get("summaryTaxExemptionLegalCaptionTitle") }),
       /* @__PURE__ */ jsxs("ul", { children: [
@@ -26982,7 +26990,7 @@ function AdditionalInformation({
       if (currentData.exemptedFromVat) {
         fieldsToRemove.push("vatNumber");
       } else {
-        fieldsToRemove.push("exemptedFromVat", "vatAbsenceReason");
+        fieldsToRemove.push("vatAbsenceReason");
       }
       if (currentData.exemptedFromTax) {
         fieldsToRemove.push("taxInformation");
@@ -29410,7 +29418,7 @@ function FormRouterContextProvider({
   return /* @__PURE__ */ jsx(FormRouterContext.Provider, { value: contextValue, children });
 }
 const MaybeModal = ({ children, inline = false, onClose, onBack }) => {
-  return inline ? /* @__PURE__ */ jsx("div", { children }) : /* @__PURE__ */ jsx(Modal, { onClose, onBack, children });
+  return inline ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsx(Modal, { onClose, onBack, children });
 };
 const range = (stop, start = 0, step = 1) => Array.from({ length: (stop - start) / step + 1 }, (_, i) => start + i * step);
 const shouldHighlight = (active, current, fillBefore) => !fillBefore ? active === current : active >= current;
@@ -29632,7 +29640,7 @@ const FormWrapper = ({
       ] })
     ] }),
     !hideFooter && /* @__PURE__ */ jsxs(ModalFooter, { children: [
-      /* @__PURE__ */ jsx("div", { style: { width: "30%" }, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { style: { width: "30%", display: asModal ? "unset" : "none" }, children: /* @__PURE__ */ jsx(
         StepProgressIndicator,
         {
           activeStepIndex: steps.current ?? 0,
@@ -35695,6 +35703,7 @@ function PayoutDetailsDropin({
   const formValidity = currentState.validityByForm;
   const bankAccountCountry = ((_c = (_b = currentState == null ? void 0 : currentState.data) == null ? void 0 : _b.payoutVerificationMethod) == null ? void 0 : _c.bankCountry) ?? defaultPayoutCountry;
   const [hideFooterAndSidebar, setHideFooterAndSidebar] = useState(false);
+  const [hideFooter, setHideFooter] = useState(false);
   const [skipSubmit, setSkipSubmit] = useState(false);
   const [loadingStatus, setLoadingStatus] = useState("loading");
   const [bankVendorsLoadingStatus, setBankVendorsLoadingStatus] = useState("loading");
@@ -36016,7 +36025,7 @@ function PayoutDetailsDropin({
       handleHomeClick,
       handleCloseClick,
       hideSidebar: hideSidebar || hideFooterAndSidebar,
-      hideFooter: hideFooterAndSidebar,
+      hideFooter: hideFooter || hideFooterAndSidebar,
       loadingStatus,
       asModal,
       forms,
@@ -36040,7 +36049,7 @@ function PayoutDetailsDropin({
           onBack: handleBackClick,
           accountHolder: accountHolder ?? getLegalEntityNameBasedOnType(legalEntityResponse),
           setHideSidebar: setHideFooterAndSidebar,
-          setHideFooter: setHideFooterAndSidebar,
+          setHideFooter,
           setSkipSubmit,
           onChange,
           legalEntityResponse,
@@ -44391,7 +44400,7 @@ const ConfigurationApiProvider = ({
 }) => {
   const authContext = useAuthContext();
   const { isEmbeddedDropin, loadingContext } = authContext;
-  const sdkVersion = "3.44.0";
+  const sdkVersion = "3.44.2";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,
@@ -45238,7 +45247,7 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
   const { i18n } = useI18nContext();
   const [tab, setTab] = useState("metadata");
   const metadata = {
-    sdkVersion: "3.44.0",
+    sdkVersion: "3.44.2",
     locale: i18n.locale,
     rootLegalEntityId
   };

package/dist/style.css

@@ -2230,6 +2230,7 @@ fieldset {
   }
 }.adyen-kyc-check-guidance {
   margin: var(--adyen-sdk-spacer-090, 24px) 0 var(--adyen-sdk-spacer-030, 6px);
+  position: relative;
 }
 .adyen-kyc-check-guidance__image {
   width: 100%;
@@ -2538,6 +2539,7 @@ fieldset {
 .adyen-kyc-modal__footer {
   border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
   padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-090, 24px);
+  margin-top: var(--adyen-sdk-spacer-070, 16px);
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -4629,7 +4631,7 @@ fieldset {
   border-radius: var(--adyen-sdk-border-radius-m, 8px);
 }
 .adyen-layout-xs-only .adyen-kyc-ui-element-container {
-  padding: var(--adyen-sdk-spacer-040, 8px);
+  padding: var(--adyen-sdk-spacer-070, 16px);
 }
 
 /*

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "3.44.0",
+  "version": "3.44.2",
   "keywords": [
     "adyen",
     "adyen-kyc",
@@ -85,7 +85,7 @@
     "@adyen/openbankingsdk": "^0.2.3",
     "@adyen/ui-assets-icons-16": "^4.3.1",
     "classnames": "^2.5.1",
-    "isomorphic-dompurify": "^0.13.0",
+    "isomorphic-dompurify": "^2.17.0",
     "onfido-sdk-ui": "14.38.0",
     "preact": "^10.25.4",
     "react": "npm:@preact/compat@^18.3.1",