@adyen/kyc-components 3.46.0 → 3.46.2

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

@@ -3054,12 +3054,23 @@ function useGlobalDataSlice(sliceId, caller) {
     }),
     [sliceId, caller]
   );
+  const clearState = useCallback(
+    () => dispatch({
+      type: "removeFromState",
+      value: { dataStoreId: sliceId, caller }
+    }),
+    [sliceId, caller]
+  );
   const updateStateSlice = useMemo(
     // can this debounce be useDebounce?
     () => debounce$1(updateState, ON_CHANGE_DEBOUNCE_DURATION),
     [updateState]
   );
-  return { sliceData, updateStateSlice };
+  const clearStateSlice = useMemo(
+    () => debounce$1(clearState, ON_CHANGE_DEBOUNCE_DURATION),
+    [clearState]
+  );
+  return { sliceData, updateStateSlice, clearStateSlice };
 }
 function useResetGlobalData(caller) {
   const { dispatch } = useStateContext();
@@ -17478,6 +17489,11 @@ const validatePhoneCountryCodeNotEmptyOnBlur = {
   validate: (phone) => !isEmpty$1(phone == null ? void 0 : phone.phoneCountryCode),
   errorMessage: "missingPhoneCountryCode"
 };
+const validatePhoneNumberNotEmpty = {
+  modes: ["blur"],
+  validate: (phone) => !isEmpty$1(phone == null ? void 0 : phone.number),
+  errorMessage: "invalidPhoneNumber"
+};
 const useAsyncPhoneValidationRules = () => {
   const { validatePhoneNumber: validatePhoneNumber2 } = useConfigurationApi();
   return useMemo(
@@ -17494,7 +17510,7 @@ const useAsyncPhoneValidationRules = () => {
     [validatePhoneNumber2]
   );
 };
-const defaultValidators = [validatePhoneCountryCodeNotEmptyOnBlur];
+const defaultValidators = [validatePhoneCountryCodeNotEmptyOnBlur, validatePhoneNumberNotEmpty];
 const defaultFieldMetadata$6 = {
   label: "phoneNumber",
   validators: defaultValidators
@@ -22931,6 +22947,13 @@ function PayoutAccount(props) {
   const bankNameProps = getFieldProps(props, bankNameFields);
   const bankCodeProps = getFieldProps(props, bankCodeFields);
   const bankCityProps = getFieldProps(props, bankCityFields);
+  const { clearStateSlice } = useGlobalDataSlice(
+    "payoutAccountDetails"
+  );
+  const handleAccountFormatChange = (accountFormat2) => {
+    clearStateSlice();
+    setAccountFormat(accountFormat2);
+  };
   return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc-individual__payout-account", "aria-describedby": "ariaErrorField", children: [
     /* @__PURE__ */ jsx(
       FormHeader,
@@ -22953,7 +22976,7 @@ function PayoutAccount(props) {
       BankAccountFormat,
       {
         bankAccountFormat: accountFormat,
-        handleAccountFormatChange: setAccountFormat
+        handleAccountFormatChange
       }
     ),
     formUtils.isRequiredField("branchCode") && /* @__PURE__ */ jsx(
@@ -26558,10 +26581,16 @@ function getPropsFromConfigurations(scenarioConfiguration, forms, remediationAct
         }
         case TrustedFieldsProvider.SINGPASS: {
           if (legalEntityType === "organization") {
-            return [...acc, ...trusted.fields.map((tf) => businessDetailsApiKeyMapping[tf])];
+            const orgFields = trusted.fields.filter(
+              (field) => (field == null ? void 0 : field.split(".")[0]) === "organization"
+            );
+            return [...acc, ...orgFields.map((tf) => businessDetailsApiKeyMapping[tf])];
           }
           if (legalEntityType === "individual") {
-            return [...acc, ...trusted.fields.map((tf) => individualApiKeyMapping[tf])];
+            const individualFields = trusted.fields.filter(
+              (field) => (field == null ? void 0 : field.split(".")[0]) === "individual"
+            );
+            return [...acc, ...individualFields.map((tf) => individualApiKeyMapping[tf])];
           }
           return acc;
         }
@@ -32295,7 +32324,6 @@ const mapCustomerSupportSchemaToCustomerSupportType = (customerSupport) => {
 const logger$t = createLogger("CustomerSupport");
 function CustomerSupport({
   country,
-  onNavigateBack,
   onSubmit,
   legalEntityResponse,
   handleUpdateLegalEntity
@@ -32353,15 +32381,7 @@ function CustomerSupport({
         shouldValidate
       }
     ),
-    /* @__PURE__ */ jsx(
-      ActionBar,
-      {
-        onBack: onNavigateBack,
-        onNext: submitForm,
-        backButtonLabel: i18n.get("saveAndGoToOverview"),
-        nextButtonLabel: i18n.get("submit")
-      }
-    )
+    /* @__PURE__ */ jsx(ActionBar, { onNext: submitForm, nextButtonLabel: i18n.get("submit") })
   ] });
 }
 function useDataMissingRemediations({
@@ -41113,7 +41133,6 @@ function DropinComposer({
         {
           legalEntityResponse: rootLegalEntity,
           country: rootLegalEntityCountry,
-          onNavigateBack: navigateBack,
           onSubmit: async () => {
             await refreshLegalEntity();
             navigateTo(TaskTypes.TASKS_OVERVIEW);
@@ -45785,7 +45804,7 @@ const ConfigurationApiProvider = ({
 }) => {
   const authContext = useAuthContext();
   const { isEmbeddedDropin, loadingContext } = authContext;
-  const sdkVersion = "3.46.0";
+  const sdkVersion = "3.46.2";
   const rootLegalEntityId = useGlobalStore((store) => store.rootLegalEntity.id);
   useAnalytics({
     onUserEvent,
@@ -46118,6 +46137,44 @@ function StateReducer() {
         mergedState.initialData = structuredClone(state.initialData);
         return { currentState: mergedState, prevState: state, changeInitiatedBy: dataStoreId };
       }
+      case "removeFromState": {
+        const state = structuredClone(currState);
+        const dataStoreId = action.value.dataStoreId ?? action.value.caller;
+        const mergedState = {
+          ...state,
+          data: {
+            ...state.data,
+            [dataStoreId]: {}
+          },
+          // Add data in allData state prop in case we will need them later
+          allData: {
+            ...state.allData,
+            [dataStoreId]: {}
+          },
+          errors: {
+            ...state.errors,
+            [dataStoreId]: {}
+          },
+          valid: {
+            ...state.valid,
+            [dataStoreId]: {}
+          },
+          fieldProblems: {
+            ...state.fieldProblems,
+            [dataStoreId]: {}
+          }
+        };
+        mergedState.validityByForm = {
+          ...mergedState.validityByForm,
+          [dataStoreId]: {}
+        };
+        mergedState.allValid = Object.values(mergedState.validityByForm).every(
+          (isValid) => isValid
+        );
+        mergedState.isValid = !activeForms.length ? mergedState.allValid : activeForms.every((item) => mergedState.validityByForm[item]);
+        mergedState.initialData = structuredClone(state.initialData);
+        return { currentState: mergedState, prevState: state, changeInitiatedBy: dataStoreId };
+      }
       case "resetState": {
         const dataStoreId = ((_b = action.value) == null ? void 0 : _b.dataStoreId) ?? ((_c = action.value) == null ? void 0 : _c.caller);
         return {
@@ -46632,7 +46689,7 @@ const DebugModal = ({ onExit }) => {
   const [tab, setTab] = useState("metadata");
   const rootLegalEntity = useGlobalStore((store) => store.rootLegalEntity);
   const metadata = {
-    sdkVersion: "3.46.0",
+    sdkVersion: "3.46.2",
     locale: i18n.locale,
     rootLegalEntityId: rootLegalEntity.id
   };

package/dist/types/components/CustomerSupport/CustomerSupport.d.ts

@@ -1,2 +1,2 @@
 import type { CustomerSupportProps } from './types';
-export declare function CustomerSupport({ country, onNavigateBack, onSubmit, legalEntityResponse, handleUpdateLegalEntity, }: CustomerSupportProps): import("preact").JSX.Element;
+export declare function CustomerSupport({ country, onSubmit, legalEntityResponse, handleUpdateLegalEntity, }: CustomerSupportProps): import("preact").JSX.Element;

package/dist/types/components/CustomerSupport/types.d.ts

@@ -13,7 +13,6 @@ export interface CustomerSupportSchema {
 export interface CustomerSupportProps extends BaseInnerFormProps<CustomerSupportSchema> {
     country: CountryCode;
     legalEntityResponse: ExistingLegalEntity;
-    onNavigateBack(): void;
     onSubmit(): void;
     handleUpdateLegalEntity: DropinAPIHandlers['handleUpdateLegalEntity'];
 }

package/dist/types/core/context/StateContext/types.d.ts

@@ -19,7 +19,7 @@ export interface SFValue {
     dataStoreId?: string;
 }
 export interface SCAction {
-    type: 'addToState' | 'resetState';
+    type: 'addToState' | 'resetState' | 'removeFromState';
     value?: SFValue;
 }
 export interface SCCurrent {

package/dist/types/core/context/StateContext/useGlobalData.d.ts

@@ -3,6 +3,7 @@ export declare function useGlobalData<TLDS extends TopLevelDataSchema>(): TLDS;
 interface UseGlobalDataSlice<TLDS extends TopLevelDataSchema, SliceName extends keyof TLDS, SliceData extends TLDS[SliceName]> {
     sliceData: SliceData | undefined;
     updateStateSlice: (updatedSlice: StateSlice<TLDS, SliceName, SliceData>) => void;
+    clearStateSlice: () => void;
 }
 export declare function useGlobalDataSlice<TLDS extends TopLevelDataSchema, SliceName extends keyof TLDS, SliceData extends TLDS[SliceName] = NonNullable<TLDS[SliceName]>>(sliceId: SliceName, caller?: string): UseGlobalDataSlice<TLDS, SliceName, SliceData>;
 export declare function useResetGlobalData<TLDS extends TopLevelDataSchema>(caller?: string): () => void;

package/package.json

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