@adyen/kyc-components 3.76.3 → 3.77.0-beta.1

package/dist/{CreateIndividualComponent-VcuAGdji.js → CreateIndividualComponent-DXfJBqsm.js}

@@ -8,8 +8,8 @@
 }
 ;
 import { jsx } from "preact/jsx-runtime";
-import { a as useLegalEntity, ab as useCapabilityProblems, a6 as useExperimentsContext, L as Loader, g as getLegalEntityCountry, bi as getProblemsForEntity, U as EntityType, bj as isOnfidoAutofillFlowEnabled, W as TaskTypes } from "./StoreProvider-BafgY4AM.js";
-import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-CvnIM45k.js";
+import { a as useLegalEntity, ab as useCapabilityProblems, a6 as useExperimentsContext, L as Loader, g as getLegalEntityCountry, bi as getProblemsForEntity, U as EntityType, bj as isOnfidoAutofillFlowEnabled, W as TaskTypes } from "./StoreProvider-BrRdDvRD.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-CvL-Yr9h.js";
 const CreateIndividualComponent = ({
   legalEntityId,
   onSubmitSuccess,
@@ -25,15 +25,15 @@ const CreateIndividualComponent = ({
   const { isExperimentEnabled } = useExperimentsContext();
   const handleOnClose = () => {
     if (modalView) {
-      onUnmount == null ? void 0 : onUnmount();
+      onUnmount?.();
     }
-    onClose == null ? void 0 : onClose();
+    onClose?.();
   };
   const onSubmit = (d) => {
     if (modalView) {
-      onUnmount == null ? void 0 : onUnmount();
+      onUnmount?.();
     }
-    onSubmitSuccess == null ? void 0 : onSubmitSuccess(d);
+    onSubmitSuccess?.(d);
   };
   if (!individualLe) {
     return /* @__PURE__ */ jsx(Loader, {});

package/dist/{CreateTransferInstrumentComponent-CxPOcJBD.js → CreateTransferInstrumentComponent-DPXiWljQ.js}

@@ -9,7 +9,7 @@
 ;
 import { jsx } from "preact/jsx-runtime";
 import { useState } from "preact/hooks";
-import { a as useLegalEntity, an as useAssociatedLegalEntity, y as LegalEntityType, L as Loader, bo as PayoutDetailsDropin, W as TaskTypes } from "./StoreProvider-BafgY4AM.js";
+import { a as useLegalEntity, an as useAssociatedLegalEntity, y as LegalEntityType, L as Loader, bo as PayoutDetailsDropin, W as TaskTypes } from "./StoreProvider-BrRdDvRD.js";
 function CreateTransferInstrumentComponent({
   legalEntityId,
   transferInstrumentId,
@@ -29,9 +29,9 @@ function CreateTransferInstrumentComponent({
   ]);
   const handleOnClose = () => {
     if (modalView) {
-      onUnmount == null ? void 0 : onUnmount();
+      onUnmount?.();
     }
-    onClose == null ? void 0 : onClose();
+    onClose?.();
   };
   return isLegalEntityLoading || !legalEntity ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsx(
     PayoutDetailsDropin,

package/dist/{CustomerSupport-BPtW9sKz.js → CustomerSupport-IzHhC65g.js}

@@ -8,17 +8,16 @@
 }
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
-import { a as useLegalEntity, R as ROOT_LE, L as Loader, b as useI18nContext, $ as useAnalyticsContext, a5 as useToastContext, bn as useQueryClient, ar as resolveFieldMetadata, bE as defaultFieldMetadata, bF as fieldConfig, bG as getAsyncPhoneValidationRules, F as FormHeader, bH as ContactDetails, aO as ActionBar, X as createLogger } from "./StoreProvider-BafgY4AM.js";
+import { a as useLegalEntity, R as ROOT_LE, L as Loader, b as useI18nContext, $ as useAnalyticsContext, a5 as useToastContext, bn as useQueryClient, ar as resolveFieldMetadata, bE as defaultFieldMetadata, bF as fieldConfig, bG as getAsyncPhoneValidationRules, F as FormHeader, bH as ContactDetails, aO as ActionBar, X as createLogger } from "./StoreProvider-BrRdDvRD.js";
 import { useCallback, useMemo, useEffect } from "preact/hooks";
-import { a as useUpdateLegalEntity } from "./useUpdateLegalEntity-EqURNCSS.js";
-import { c as contactDetailsValidationRules, u as useValidatePhoneNumberImperatively } from "./validate-BVwcth48.js";
-import { u as useMultiForm } from "./useMultiForm-dm89puU3.js";
+import { a as useUpdateLegalEntity } from "./useUpdateLegalEntity-Dq1_zjoK.js";
+import { c as contactDetailsValidationRules, u as useValidatePhoneNumberImperatively } from "./validate-oBon75jd.js";
+import { u as useMultiForm } from "./useMultiForm-BVNodhuF.js";
 const mapCustomerSupportSchemaToCustomerSupportType = (customerSupport) => {
-  var _a, _b, _c;
   return {
-    email: ((_a = customerSupport == null ? void 0 : customerSupport.customerSupport) == null ? void 0 : _a.email) || "",
+    email: customerSupport?.customerSupport?.email || "",
     phone: {
-      number: ((_c = (_b = customerSupport == null ? void 0 : customerSupport.customerSupport) == null ? void 0 : _b.phoneNumber) == null ? void 0 : _c.number) || "",
+      number: customerSupport?.customerSupport?.phoneNumber?.number || "",
       type: "mobile"
     }
   };
@@ -36,7 +35,6 @@ function CustomerSupportInner({
   onSubmit,
   legalEntity
 }) {
-  var _a, _b, _c, _d;
   const { i18n } = useI18nContext();
   const userEvents = useAnalyticsContext();
   const { showToast } = useToastContext();
@@ -46,19 +44,16 @@ function CustomerSupportInner({
     customerSupport: ["email", "phoneNumber"]
   };
   const validators = useCallback(
-    (data2) => {
-      var _a2, _b2, _c2;
-      return {
-        customerSupport: {
-          ...contactDetailsValidationRules,
-          phoneNumber: (_c2 = resolveFieldMetadata(
-            fieldConfig[((_b2 = (_a2 = data2 == null ? void 0 : data2.customerSupport) == null ? void 0 : _a2.phoneNumber) == null ? void 0 : _b2.phoneCountryCode) ?? country],
-            {},
-            defaultFieldMetadata
-          )) == null ? void 0 : _c2.validators
-        }
-      };
-    },
+    (data2) => ({
+      customerSupport: {
+        ...contactDetailsValidationRules,
+        phoneNumber: resolveFieldMetadata(
+          fieldConfig[data2?.customerSupport?.phoneNumber?.phoneCountryCode ?? country],
+          {},
+          defaultFieldMetadata
+        )?.validators
+      }
+    }),
     [country]
   );
   const validatePhoneNumber = useValidatePhoneNumberImperatively();
@@ -73,8 +68,8 @@ function CustomerSupportInner({
   const legalEntityType = legalEntity.type;
   const defaultCustomerSupportData = {
     customerSupport: {
-      phoneNumber: (_b = (_a = legalEntity[legalEntityType]) == null ? void 0 : _a.support) == null ? void 0 : _b.phone,
-      email: (_d = (_c = legalEntity[legalEntityType]) == null ? void 0 : _c.support) == null ? void 0 : _d.email
+      phoneNumber: legalEntity[legalEntityType]?.support?.phone,
+      email: legalEntity[legalEntityType]?.support?.email
     }
   };
   const { data, handleChangeFor, valid, errors, isValid, triggerValidation } = useMultiForm({
@@ -90,7 +85,7 @@ function CustomerSupportInner({
   }, [userEvents]);
   const submitForm = async () => {
     const isAsyncValidationValid = await triggerValidation("customerSupport");
-    if (!(isValid == null ? void 0 : isValid.customerSupport) || !isAsyncValidationValid) {
+    if (!isValid?.customerSupport || !isAsyncValidationValid) {
       return;
     }
     const support = mapCustomerSupportSchemaToCustomerSupportType(data);
@@ -103,7 +98,7 @@ function CustomerSupportInner({
         id: legalEntity.id
       };
       await updateLegalEntity(patchLegalEntity);
-      queryClient.invalidateQueries({ queryKey: ["legalEntity", legalEntity == null ? void 0 : legalEntity.id] });
+      queryClient.invalidateQueries({ queryKey: ["legalEntity", legalEntity?.id] });
       onSubmit();
       userEvents.addTaskEvent("Success", {
         actionType: "submit"
@@ -130,7 +125,7 @@ function CustomerSupportInner({
         errors: errors.customerSupport,
         valid: valid.customerSupport,
         country,
-        requiredFields: requiredFields == null ? void 0 : requiredFields.customerSupport,
+        requiredFields: requiredFields?.customerSupport,
         handleFieldChange
       }
     ),

package/dist/{DebugModal-D9VvfCmh.js → DebugModal-zCCEKOHn.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] = "36a6800b-234d-4e5e-9ea4-70f3e090956d", e._sentryDebugIdIdentifier = "sentry-dbid-36a6800b-234d-4e5e-9ea4-70f3e090956d");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "329d25a4-a5b2-4673-bdc9-666e58c1f0a9", e._sentryDebugIdIdentifier = "sentry-dbid-329d25a4-a5b2-4673-bdc9-666e58c1f0a9");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useMemo, useState } from "preact/hooks";
-import { Z as Button, bc as entriesOf, bq as InputText, b as useI18nContext, br as splitTaskIdentifier, a6 as useExperimentsContext, J as useSettingsContext, ac as useGlobalStore, bs as listToRecord, bt as valuesOf, b2 as Modal, X as createLogger, a3 as Icon, K as SettingNames, bu as ExperimentNames } from "./StoreProvider-BafgY4AM.js";
+import { Z as Button, bc as entriesOf, bq as InputText, b as useI18nContext, br as splitTaskIdentifier, a6 as useExperimentsContext, J as useSettingsContext, ac as useGlobalStore, bs as listToRecord, bt as valuesOf, b2 as Modal, X as createLogger, a3 as Icon, K as SettingNames, bu as ExperimentNames } from "./StoreProvider-BrRdDvRD.js";
 import { T as Tag } from "./Tag-DdkVScyr.js";
-import { T as TaskItemStatus } from "./TaskItemStatus-v2hXtLeo.js";
+import { T as TaskItemStatus } from "./TaskItemStatus-CRW18YEt.js";
 const tabs = "adyen-kyc-tabs";
 const styles$1 = {
   tabs
@@ -92,7 +92,6 @@ const DebugExperimentsAndSettings = ({
       {
         name: "search",
         value: searchTerm,
-        classNameModifiers: ["search"],
         onInput: (e) => setSearchTerm(e.target.value),
         placeholder: "Search for Experiments/Settings 🔎",
         trimOnBlur: true,
@@ -115,9 +114,8 @@ const DebugExperimentsAndSettings = ({
   ] });
 };
 const getRanges = (search, element) => {
-  var _a;
   const textNode = element.childNodes[0];
-  const content = (_a = textNode.textContent) == null ? void 0 : _a.toLowerCase();
+  const content = textNode.textContent?.toLowerCase();
   if (!content)
     return [];
   const indexes = [];
@@ -146,10 +144,10 @@ const transformModule = (highlights, codeNode, scope) => {
 };
 const supportedModules = ["plaintext", "json", "yaml", "css"];
 const moduleMap = {
-  plaintext: () => import("./plaintext-Bl3bwitY.js"),
-  json: () => import("./json-B0_kBnis.js"),
-  yaml: () => import("./yaml--rja7woq.js"),
-  css: () => import("./css-CuH1HCst.js")
+  plaintext: () => import("./plaintext-gixHsy-4.js"),
+  json: () => import("./json-BjWB0qFp.js"),
+  yaml: () => import("./yaml-BcbMORik.js"),
+  css: () => import("./css-CLuJIElL.js")
 };
 const getModule = async (name) => {
   if (!supportedModules.includes(name)) {
@@ -293,7 +291,6 @@ let MonogonCode$1 = class MonogonCode extends HTMLElement {
     this.styleEl = themeStyleEl;
   }
   async refresh() {
-    var _a;
     if (!this.codeEl)
       return;
     const moduleName = this.getAttribute("lang") ?? "plaintext";
@@ -301,7 +298,7 @@ let MonogonCode$1 = class MonogonCode extends HTMLElement {
     const content = this.getAttribute("content") ?? "";
     this.value = content;
     this.codeEl.textContent = module.format ? module.format(content) : content;
-    if (!((_a = this.codeEl.childNodes) == null ? void 0 : _a[0]))
+    if (!this.codeEl.childNodes?.[0])
       return;
     const littleHash = window.crypto.randomUUID().substring(0, 6);
     const definitions = transformModule(module.definitions, this.codeEl, littleHash);
@@ -327,10 +324,9 @@ const MonogonCode2 = ({ content, lang }) => {
   return /* @__PURE__ */ jsx("monogon-code", { content, lang });
 };
 const DebugLegalEntityData = ({ legalEntityData }) => {
-  var _a;
   if (!legalEntityData) return /* @__PURE__ */ jsx(Fragment, {});
   const { rootLegalEntity, rootLegalEntityType } = legalEntityData;
-  const uboDetails = ((_a = rootLegalEntity.entityAssociations) == null ? void 0 : _a.map(
+  const uboDetails = rootLegalEntity.entityAssociations?.map(
     ({ name, type, jobTitle }) => (
       // If `name` is undefined, replace the tuple with `null` to easily filter it out later. Checking this to ensure that the 'data' for DebugTable always has a keyName.
       name ? {
@@ -340,7 +336,7 @@ const DebugLegalEntityData = ({ legalEntityData }) => {
         variant: "blue"
       } : null
     )
-  ).filter(Boolean)) ?? [];
+  ).filter(Boolean) ?? [];
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("span", { children: [
       "Root legal entity type: ",
@@ -440,7 +436,7 @@ const DebugModal = ({ onExit }) => {
   const [tab, setTab] = useState("metadata");
   const rootLegalEntity = useGlobalStore().rootLegalEntity.value;
   const metadata = {
-    sdkVersion: "3.76.3",
+    sdkVersion: "3.77.0-beta.1",
     locale: i18n.locale,
     rootLegalEntityId: rootLegalEntity.id
   };

package/dist/{DecisionMakerDetailsPage-ta8WkonF.js → DecisionMakerDetailsPage-ALg9mmxg.js}

@@ -8,8 +8,8 @@
 }
 ;
 import { jsx } from "preact/jsx-runtime";
-import { a as useLegalEntity, w as skipToken, ab as useCapabilityProblems, a6 as useExperimentsContext, L as Loader, g as getLegalEntityCountry, bi as getProblemsForEntity, U as EntityType, bj as isOnfidoAutofillFlowEnabled, W as TaskTypes, a4 as noop } from "./StoreProvider-BafgY4AM.js";
-import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-CvnIM45k.js";
+import { a as useLegalEntity, w as skipToken, ab as useCapabilityProblems, a6 as useExperimentsContext, L as Loader, g as getLegalEntityCountry, bi as getProblemsForEntity, U as EntityType, bj as isOnfidoAutofillFlowEnabled, W as TaskTypes, a4 as noop } from "./StoreProvider-BrRdDvRD.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-CvL-Yr9h.js";
 function DecisionMakerDetailsPage({
   decisionMakerId,
   parentCompanyId,

package/dist/{DecisionMakers-CEqr6LLo.js → DecisionMakers-BzNXJkx5.js}

@@ -9,9 +9,9 @@
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
 import { useState, useEffect } from "preact/hooks";
-import { a as useLegalEntity, R as ROOT_LE, L as Loader, a9 as useGetTaskStatus, b as useI18nContext, $ as useAnalyticsContext, a5 as useToastContext, ab as useCapabilityProblems, bA as getOwnDecisionMakers, bB as getAvailableDecisionMakerRoleTypes, W as TaskTypes, bC as getAllowedDecisionMakerRoles, F as FormHeader, aU as ContextGuidance, bD as DecisionMakerType, B as Alert, aa as CardGroup, Z as Button, aO as ActionBar } from "./StoreProvider-BafgY4AM.js";
-import { a as useUpdateLegalEntity } from "./useUpdateLegalEntity-EqURNCSS.js";
-import { b as useDataMissingRemediations, D as DropinLayout, E as EntityGuidanceStatus, i as iconStatus, c as EntityAssociation } from "./OnboardingDropinComponent-B3Ceo9Sa.js";
+import { a as useLegalEntity, R as ROOT_LE, L as Loader, a9 as useGetTaskStatus, b as useI18nContext, $ as useAnalyticsContext, a5 as useToastContext, ab as useCapabilityProblems, bA as getOwnDecisionMakers, bB as getAvailableDecisionMakerRoleTypes, W as TaskTypes, bC as getAllowedDecisionMakerRoles, F as FormHeader, aU as ContextGuidance, bD as DecisionMakerType, B as Alert, aa as CardGroup, Z as Button, aO as ActionBar } from "./StoreProvider-BrRdDvRD.js";
+import { a as useUpdateLegalEntity } from "./useUpdateLegalEntity-Dq1_zjoK.js";
+import { b as useDataMissingRemediations, D as DropinLayout, E as EntityGuidanceStatus, i as iconStatus, c as EntityAssociation } from "./OnboardingDropinComponent-Cn5iAzbv.js";
 const DecisionMakers = (props) => {
   const { data, isLoading } = useLegalEntity(ROOT_LE);
   if (isLoading || !data) {
@@ -42,9 +42,8 @@ const DecisionMakersInner = ({
     legalEntityId: legalEntity.id,
     problems: capabilityProblems
   });
-  const mappedDecisionMakers = decisionMakers == null ? void 0 : decisionMakers.reduce(
+  const mappedDecisionMakers = decisionMakers?.reduce(
     (mappedDecisionMakers2, decisionMaker) => {
-      var _a;
       if (!decisionMaker.legalEntityId) return {};
       const mappedDecisionMaker = mappedDecisionMakers2[decisionMaker.legalEntityId];
       const decisionMakerType = decisionMaker.type;
@@ -54,7 +53,7 @@ const DecisionMakersInner = ({
         status: getTaskStatus(TaskTypes.DECISION_MAKER, decisionMaker.legalEntityId),
         name: decisionMaker.name ?? "",
         legalEntityType: decisionMaker.entityType,
-        problems: (_a = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _a[decisionMaker.legalEntityId]
+        problems: capabilityProblems?.LegalEntity?.[decisionMaker.legalEntityId]
       };
       return mappedDecisionMakers2;
     },
@@ -169,14 +168,14 @@ const DecisionMakersInner = ({
             variant: "warning"
           }
         ),
-        (uniqueDecisionMakers == null ? void 0 : uniqueDecisionMakers.length) > 0 ? /* @__PURE__ */ jsx(CardGroup, { children: uniqueDecisionMakers.map((decisionMaker) => /* @__PURE__ */ jsx(
+        uniqueDecisionMakers?.length > 0 ? /* @__PURE__ */ jsx(CardGroup, { children: uniqueDecisionMakers.map((decisionMaker) => /* @__PURE__ */ jsx(
           EntityAssociation,
           {
             types: decisionMaker.types,
             name: decisionMaker.name,
             status: decisionMaker.status,
             onNavigateToEntity: () => editDecisionMaker(decisionMaker),
-            problems: decisionMaker == null ? void 0 : decisionMaker.problems,
+            problems: decisionMaker?.problems,
             removeEntity: () => {
               deleteDecisionMaker(decisionMaker);
             },

package/dist/{EmbeddedStatus-BfXFWtd9.js → EmbeddedStatus-C7ZbvJrU.js}

@@ -9,8 +9,8 @@
 ;
 import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
 import cx from "classnames";
-import { A as Avatar } from "./Avatar-3MOygTP9.js";
-import { Y as TaskStatus, b as useI18nContext, z as Skeleton, C as Typography } from "./StoreProvider-BafgY4AM.js";
+import { A as Avatar } from "./Avatar-BJYDv1Ar.js";
+import { Y as TaskStatus, b as useI18nContext, z as Skeleton, C as Typography } from "./StoreProvider-BrRdDvRD.js";
 import { T as Tag } from "./Tag-DdkVScyr.js";
 import { O as OnboardingStatus } from "./view-verification-status-DTkA8PtO.js";
 const embeddedStatus = "adyen-kyc-embedded-status";
@@ -89,7 +89,7 @@ const EmbeddedStatus = ({
             className: styles.embeddedStatusActionIndicator,
             children: i18n.get(actionIndicator.labelKey)
           }
-        ) }) : (statusTag == null ? void 0 : statusTag.translationKey) && /* @__PURE__ */ jsx("section", { children: loading ? /* @__PURE__ */ jsx(Skeleton, { width: "8ch", height: "1em" }) : /* @__PURE__ */ jsx(Tag, { variant: statusTag.variant, children: i18n.get(statusTag.translationKey) }) })
+        ) }) : statusTag?.translationKey && /* @__PURE__ */ jsx("section", { children: loading ? /* @__PURE__ */ jsx(Skeleton, { width: "8ch", height: "1em" }) : /* @__PURE__ */ jsx(Tag, { variant: statusTag.variant, children: i18n.get(statusTag.translationKey) }) })
       ]
     }
   );

package/dist/{FormEndState-D2y3OosF.js → FormEndState-D2RzLrIv.js}

@@ -10,7 +10,7 @@
 import { jsxs, jsx } from "preact/jsx-runtime";
 import cx from "classnames";
 import { defineSlots } from "named-slots";
-import { a3 as Icon, A as AlertIcon } from "./StoreProvider-BafgY4AM.js";
+import { a3 as Icon, A as AlertIcon } from "./StoreProvider-BrRdDvRD.js";
 const FormEndState = ({ variant = "success", children, className }) => {
   const Slot = defineSlots(children, ["title", "content", "icon", "actions"]);
   return /* @__PURE__ */ jsxs(

package/dist/{FormFlow-6wFVsBGd.js → FormFlow-j2CwOJWy.js}

@@ -9,7 +9,7 @@
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
 import { useMemo, useRef, useState } from "preact/hooks";
-import { dG as FormContext, $ as useAnalyticsContext, b as useI18nContext, bJ as MaybeModal, a2 as LoaderWrapper, dH as FormRouterContextProvider, aN as Summary, Z as Button, _ as IconButton, b8 as Confirm } from "./StoreProvider-BafgY4AM.js";
+import { dG as FormContext, $ as useAnalyticsContext, b as useI18nContext, bJ as MaybeModal, a2 as LoaderWrapper, dH as FormRouterContextProvider, aN as Summary, Z as Button, _ as IconButton, b8 as Confirm } from "./StoreProvider-BrRdDvRD.js";
 import cx from "classnames";
 function FormContextProvider({
   children,
@@ -87,7 +87,6 @@ const FormFlow = ({
   summary,
   totalSteps = 1
 }) => {
-  var _a;
   const contentRef = useRef(null);
   const userEvents = useAnalyticsContext();
   const { i18n } = useI18nContext();
@@ -100,7 +99,7 @@ const FormFlow = ({
   const isFirstStep = currentStep === 0;
   const isLastStep = currentStep === totalSteps - 1;
   const isSingleStepForm = isFirstStep && isLastStep;
-  const hasProblems = ((_a = summary == null ? void 0 : summary.problems) == null ? void 0 : _a.verificationErrors) !== void 0;
+  const hasProblems = summary?.problems?.verificationErrors !== void 0;
   const progress = Math.floor(currentStep / (totalSteps - 1) * 100);
   const scrollToTop = () => {
     if (contentRef.current) {
@@ -119,7 +118,7 @@ const FormFlow = ({
   };
   const handleSave = () => {
     setIsSaving(true);
-    Promise.resolve(handleSaveClick == null ? void 0 : handleSaveClick()).then(() => {
+    Promise.resolve(handleSaveClick?.()).then(() => {
       setIsSaving(false);
     });
   };
@@ -129,7 +128,7 @@ const FormFlow = ({
   };
   const handleBack = () => {
     scrollToTop();
-    handleBackClick == null ? void 0 : handleBackClick();
+    handleBackClick?.();
   };
   const handleDismiss = () => {
     setIsConfirmPresented(true);