@adyen/kyc-components 3.40.1 → 3.40.3

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

@@ -13600,6 +13600,13 @@ function Address({
     },
     i18n
   );
+  useEffect(() => {
+    if (hideCountry && (data == null ? void 0 : data.country) && data.country !== formData.country) {
+      schema.forEach((field) => {
+        return field === "country" ? handleChangeFor("country", "input")(data.country) : handleChangeFor(field, "input")(" ");
+      });
+    }
+  }, [data == null ? void 0 : data.country, hideCountry]);
   useEffect(() => {
     onChange == null ? void 0 : onChange({
       schema: formSchema,
@@ -15417,7 +15424,7 @@ const mapLegalEntityToIndividual = (legalEntity, isChangingType) => {
   return individualData;
 };
 const mapIndividualToLegalEntity = (data) => {
-  var _a, _b;
+  var _a, _b, _c;
   const requestObj = {
     ...formatObject(data, individualApiKeyMapping)
   };
@@ -15426,8 +15433,11 @@ const mapIndividualToLegalEntity = (data) => {
     data.personalDetails,
     requestObj.individual.identificationData
   );
-  const phone2 = ((_a = data.personalDetails) == null ? void 0 : _a.phone) ?? {
-    number: (_b = data.personalDetails) == null ? void 0 : _b.phoneNumber,
+  const phone2 = ((_a = data.personalDetails) == null ? void 0 : _a.phone) ? {
+    number: (_b = data.personalDetails) == null ? void 0 : _b.phone.number,
+    type: "mobile"
+  } : {
+    number: (_c = data.personalDetails) == null ? void 0 : _c.phoneNumber,
     type: "mobile"
   };
   if (phone2.number) {
@@ -19573,10 +19583,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
@@ -22390,7 +22403,7 @@ function Individual(props) {
     "address"
   );
   const renderActiveForm = (activeForm) => {
-    var _a2, _b2;
+    var _a2, _b2, _c2;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(StateContextWatcher, { owner: "Individual", onChange: handleStateChange }),
       /* @__PURE__ */ jsx(StateContextSetter, { owner: "Individual", stateRef }),
@@ -22442,7 +22455,7 @@ function Individual(props) {
                 id: addressFormID,
                 data: {
                   ...addressFormProps == null ? void 0 : addressFormProps.data,
-                  country: country ?? ((_a2 = addressFormProps == null ? void 0 : addressFormProps.data) == null ? void 0 : _a2.country)
+                  country: ((_a2 = data.personalDetails) == null ? void 0 : _a2.residencyCountry) ?? ((_b2 = addressFormProps == null ? void 0 : addressFormProps.data) == null ? void 0 : _b2.country) ?? country
                 },
                 requiredFields: addressSchema,
                 optionalFields: ["otherAddressInformation"],
@@ -22467,7 +22480,7 @@ function Individual(props) {
               ...idVerificationMethodFormProps,
               name: fullName,
               id: idVerificationMethodFormID,
-              countryOfResidence: (_b2 = data == null ? void 0 : data.personalDetails) == null ? void 0 : _b2.residencyCountry
+              countryOfResidence: (_c2 = data == null ? void 0 : data.personalDetails) == null ? void 0 : _c2.residencyCountry
             }
           )
         }
@@ -34217,13 +34230,16 @@ const BusinessTypeSelection = ({
   ] }) });
 };
 const mapCustomerSupportSchemaToCustomerSupportType = (customerSupport) => {
-  var _a, _b, _c;
-  const phone2 = ((_a = customerSupport == null ? void 0 : customerSupport.customerSupport) == null ? void 0 : _a.phone) ?? {
-    number: ((_b = customerSupport == null ? void 0 : customerSupport.customerSupport) == null ? void 0 : _b.phoneNumber) || "",
+  var _a, _b, _c, _d, _e;
+  const phone2 = ((_a = customerSupport == null ? void 0 : customerSupport.customerSupport) == null ? void 0 : _a.phone) ? {
+    number: ((_c = (_b = customerSupport == null ? void 0 : customerSupport.customerSupport) == null ? void 0 : _b.phone) == null ? void 0 : _c.number) || "",
+    type: "mobile"
+  } : {
+    number: ((_d = customerSupport == null ? void 0 : customerSupport.customerSupport) == null ? void 0 : _d.phoneNumber) || "",
     type: "mobile"
   };
   return {
-    email: ((_c = customerSupport == null ? void 0 : customerSupport.customerSupport) == null ? void 0 : _c.email) || "",
+    email: ((_e = customerSupport == null ? void 0 : customerSupport.customerSupport) == null ? void 0 : _e.email) || "",
     phone: phone2
   };
 };
@@ -34233,6 +34249,7 @@ function CustomerSupport(props) {
   const { i18n } = useI18nContext();
   const { showToast } = useToastContext();
   const { isExperimentEnabled } = useExperimentsContext();
+  const [shouldValidate, setShouldValidate] = useState(false);
   const {
     state: { currentState }
   } = useStateContext();
@@ -34246,20 +34263,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 +34296,7 @@ function CustomerSupport(props) {
         data: contactDetailsData,
         country,
         requiredFields: isExperimentEnabled("EnableNewPhoneField") ? ["email", "phone"] : ["email", "phoneNumber"],
-        shouldValidate: true
+        shouldValidate
       }
     ),
     /* @__PURE__ */ jsx(
@@ -45579,7 +45598,7 @@ const ConfigurationApiProvider = ({
 }) => {
   const authContext = useAuthContext();
   const { isEmbeddedDropin, loadingContext } = authContext;
-  const sdkVersion = "3.40.1";
+  const sdkVersion = "3.40.3";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,
@@ -46258,7 +46277,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.3", variant: "green" },
     { key: "rootLegalEntityId", value: rootLegalEntityId, variant: "blue" },
     { key: "Locale", value: i18n.locale, variant: "blue" },
     { key: "Language", value: i18n.languageCode, variant: "blue" },
@@ -46290,7 +46309,7 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
   };
   const copyToClipboard = async () => {
     const toCopy = {
-      sdkVersion: "3.40.1",
+      sdkVersion: "3.40.3",
       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.3",
   "keywords": [
     "adyen",
     "adyen-kyc",