@akinon/pz-bkm 1.119.0-rc.3 → 1.119.0

package/CHANGELOG.md

@@ -1,20 +1,6 @@
 # @akinon/pz-bkm
 
-## 1.119.0-rc.3
-
-## 1.119.0-rc.2
-
-### Minor Changes
-
-- 6ad72e8d: ZERO-4032: Add loading state management for payment submissions across multiple components and add safe guarding
-
-## 1.119.0-rc.1
-
-## 1.119.0-rc.0
-
-### Minor Changes
-
-- 6ad72e8d: ZERO-4032: Add loading state management for payment submissions across multiple components and add safe guarding
+## 1.119.0
 
 ## 1.118.0
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/pz-bkm",
-  "version": "1.119.0-rc.3",
+  "version": "1.119.0",
   "license": "MIT",
   "main": "src/index.tsx",
   "peerDependencies": {

package/src/views/bkm-option.tsx

@@ -1,4 +1,4 @@
-import React, { ReactElement, useId, useState } from 'react';
+import React, { ReactElement, useId } from 'react';
 import Script from 'next/script';
 import * as yup from 'yup';
 import { yupResolver } from '@hookform/resolvers/yup';
@@ -53,68 +53,56 @@ const BKMOption = ({
   customUIRender
 }: BKMOptionProps) => {
   const id = useId();
-  const [isProcessing, setIsProcessing] = useState(false);
   const {
     handleSubmit,
     control,
-    formState: { errors, isSubmitting },
+    formState: { errors },
     getValues
   } = useForm<BKMOptionForm>({
     resolver: yupResolver(formSchema(translations?.required))
   });
-  const [setBkm, { isLoading: isSettingBkm }] = useSetBkmMutation();
+  const [setBkm] = useSetBkmMutation();
   const [completeBkm] = useCompleteBkmMutation();
 
-  const isButtonDisabled = isSubmitting || isSettingBkm || isProcessing;
-
   const onSubmit: SubmitHandler<BKMOptionForm> = async () => {
-    if (isButtonDisabled) return;
-
-    setIsProcessing(true);
-
-    try {
-      const response = await setBkm(getValues('agreement')).unwrap();
-
-      const bexContext = response.context_list.find(
-        (context) => context.page_name === 'BexBinNumberPage'
-      );
-
-      if (!bexContext) {
-        setIsProcessing(false);
-        return;
-      }
+    const response = await setBkm(getValues('agreement')).unwrap();
 
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      window.Bex.init(
-        {
-          id: bexContext.page_context.transaction_id,
-          path: bexContext.page_context.path,
-          token: bexContext.page_context.token
-        },
-        'modal',
-        {
-          container: `js-bkm-frame-${id}`,
-          buttonSize: [500, 500],
-          skipButton: true,
-          onComplete: async (status) => {
-            if (status == 'success') {
-              const data = await completeBkm().unwrap();
-              const redirectUrl =
-                data.context_list?.[0]?.page_context?.redirect_url;
+    const bexContext = response.context_list.find(
+      (context) => context.page_name === 'BexBinNumberPage'
+    );
 
-              if (!redirectUrl) {
-                return;
-              }
+    if (!bexContext) {
+      return;
+    }
 
-              window.location.href = redirectUrl;
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    window.Bex.init(
+      {
+        id: bexContext.page_context.transaction_id,
+        path: bexContext.page_context.path,
+        token: bexContext.page_context.token
+      },
+      'modal',
+      {
+        container: `js-bkm-frame-${id}`,
+        buttonSize: [500, 500],
+        skipButton: true,
+        onComplete: async (status) => {
+          if (status == 'success') {
+            const data = await completeBkm().unwrap();
+            const redirectUrl =
+              data.context_list?.[0]?.page_context?.redirect_url;
+
+            if (!redirectUrl) {
+              return;
             }
+
+            window.location.href = redirectUrl;
           }
         }
-      );
-    } catch (error) {
-      setIsProcessing(false);
-    }
+      }
+    );
   };
 
   if (customUIRender) {
@@ -178,7 +166,6 @@ const BKMOption = ({
                 classes?.button
               )}
               type="submit"
-              disabled={isButtonDisabled}
               data-testid="checkout-bank-account-place-order"
             >
               <span>{translations?.button ?? 'Pay with BKM Express'}</span>