@adyen/kyc-components 3.40.1 → 3.40.2

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

@@ -19573,10 +19573,13 @@ function ContactDetails(props) {
     ...mergedProps,
     schema,
     defaultData: mergedProps.data,
-    rules: mergedProps.validators || contactDetailsValidationRules,
+    rules: {
+      ...mergedProps.validators,
+      email: contactDetailsValidationRules.email
+    },
     /* 
       These async rules are specific to the new PhoneField (phone) and aren't applied when the feature is disabled.
-      The MemoizedPhoneInput component has it's own useForm instance and asyncRules using a different field key (phoneNumber)
+      The MemoizedPhoneInput component has its own useForm instance and asyncRules using a different field key (phoneNumber)
     */
     asyncRules,
     fieldProblems: mergedProps == null ? void 0 : mergedProps.fieldValidationErrors
@@ -34233,6 +34236,7 @@ function CustomerSupport(props) {
   const { i18n } = useI18nContext();
   const { showToast } = useToastContext();
   const { isExperimentEnabled } = useExperimentsContext();
+  const [shouldValidate, setShouldValidate] = useState(false);
   const {
     state: { currentState }
   } = useStateContext();
@@ -34246,20 +34250,22 @@ function CustomerSupport(props) {
     email: (_f = (_e = legalEntityResponse[legalEntityType]) == null ? void 0 : _e.support) == null ? void 0 : _f.email
   };
   const submitForm = async () => {
-    if (currentState.isValid) {
-      const customerSupport = currentState.data;
-      const support = mapCustomerSupportSchemaToCustomerSupportType(customerSupport);
-      const payload = {
-        [legalEntityType]: { support }
-      };
-      try {
-        await (handleUpdateLegalEntity == null ? void 0 : handleUpdateLegalEntity(payload, legalEntityResponse == null ? void 0 : legalEntityResponse.id));
-        onSubmit();
-      } catch {
-        const label = i18n.get("failedToUpdateDetails");
-        logger$q.error(label, payload);
-        showToast({ label, type: "error" });
-      }
+    if (!currentState.isValid) {
+      setShouldValidate(true);
+      return;
+    }
+    const customerSupport = currentState.data;
+    const support = mapCustomerSupportSchemaToCustomerSupportType(customerSupport);
+    const payload = {
+      [legalEntityType]: { support }
+    };
+    try {
+      await (handleUpdateLegalEntity == null ? void 0 : handleUpdateLegalEntity(payload, legalEntityResponse == null ? void 0 : legalEntityResponse.id));
+      onSubmit();
+    } catch {
+      const label = i18n.get("failedToUpdateDetails");
+      logger$q.error(label, payload);
+      showToast({ label, type: "error" });
     }
   };
   return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc-individual__customer-support", "aria-describedby": "ariaErrorField", children: [
@@ -34277,7 +34283,7 @@ function CustomerSupport(props) {
         data: contactDetailsData,
         country,
         requiredFields: isExperimentEnabled("EnableNewPhoneField") ? ["email", "phone"] : ["email", "phoneNumber"],
-        shouldValidate: true
+        shouldValidate
       }
     ),
     /* @__PURE__ */ jsx(
@@ -45579,7 +45585,7 @@ const ConfigurationApiProvider = ({
 }) => {
   const authContext = useAuthContext();
   const { isEmbeddedDropin, loadingContext } = authContext;
-  const sdkVersion = "3.40.1";
+  const sdkVersion = "3.40.2";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,
@@ -46258,7 +46264,7 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
     (settingName) => [settingName, getSetting(settingName)]
   );
   const debugModalMetaData = [
-    { key: "SDK version", value: "3.40.1", variant: "green" },
+    { key: "SDK version", value: "3.40.2", variant: "green" },
     { key: "rootLegalEntityId", value: rootLegalEntityId, variant: "blue" },
     { key: "Locale", value: i18n.locale, variant: "blue" },
     { key: "Language", value: i18n.languageCode, variant: "blue" },
@@ -46290,7 +46296,7 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
   };
   const copyToClipboard = async () => {
     const toCopy = {
-      sdkVersion: "3.40.1",
+      sdkVersion: "3.40.2",
       experiments: Object.fromEntries(allExperimentsWithValues),
       settings: Object.fromEntries(allSettingsWithValues)
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "3.40.1",
+  "version": "3.40.2",
   "keywords": [
     "adyen",
     "adyen-kyc",