paymob-widget-alpha 1.0.10 → 1.0.11

package/README.md

@@ -46,10 +46,10 @@ new PaymobWidget({
   theme: 'primary',
   customerCanSelect: true, // Enable the customer to select a plan.
   onSubmit: (plan) => {
-    // `onSubmit` is called only in selectable mode (`customerCanSelect: true`),
-    // when the user selects an installment plan and clicks **Buy now** in the widget.
-    // The callback receives a `plan` object (e.g. `id`, `tenure`, `amount`) so you can create an order / continue your checkout flow in your app.
-   // plan = { id: 123, tenure: 12, amount: 250 }
+    // `onSubmit` is called when the user clicks **Buy now**.
+    // In selectable mode (`customerCanSelect: true`), `plan` will be provided after the user selects a plan.
+    // plan = { id: 123, tenure: 12, amount: 250 }
+    // In non-selectable mode (`customerCanSelect: false`), `onSubmit` is called with no payload.
   },
 });
 ```
@@ -67,7 +67,7 @@ The full list of properties is as follows:
 | currency | String | No | Currency code. Default: `"EGP"`. |
 | integrationId | Number | No | Paymob integration ID. If provided, it will be sent when fetching installment plans. |
 | customerCanSelect | Boolean | No | If `true`, the widget allows selecting a plan and will show **Buy now** actions. Default: `false`. |
-| onSubmit | Function | No | Selectable mode only (`customerCanSelect: true`). Called when the user selects a plan and clicks **Buy now**. Receives `{ id, tenure, amount }`. |
+| onSubmit | Function | No | Called when the user clicks **Buy now**. In selectable mode (`customerCanSelect: true`), it receives `{ id, tenure, amount }`. In non-selectable mode (`customerCanSelect: false`), it is called with no payload. |
 
 ### `onSubmit` payload
 
@@ -112,14 +112,14 @@ The full list of properties is as follows:
           elementId: 'paymob-widget',
           amount: 1000,
           currency: 'EGP',
-          integrationId: 123456, // optional
+          integrationId: 123, // optional
           theme: 'primary', // "primary" | "light" | "dark"
           customerCanSelect: true, // Enable the customer to select a plan.
           onSubmit: (plan) => {
-            // `onSubmit` is called only in selectable mode (`customerCanSelect: true`),
-            // when the user selects an installment plan and clicks **Buy now** in the widget.
-            // The callback receives a `plan` object (e.g. `id`, `tenure`, `amount`) so you can create an order / continue your checkout flow in your app.
-            // plan = { id: 123, tenure: 12, amount: 250 }
+    // `onSubmit` is called when the user clicks **Buy now**.
+    // In selectable mode (`customerCanSelect: true`), `plan` will be provided after the user selects a plan.
+    // plan = { id: 123, tenure: 12, amount: 250 }
+    // In non-selectable mode (`customerCanSelect: false`), `onSubmit` is called with no payload.
           },
         });
       };

package/main.js

@@ -8137,15 +8137,14 @@ function Widget({
               setSubmitError('Please select a plan.');
               return;
             }
-            if (!selectedInstallment) {
-              setSubmitError(null);
-              setIsModalOpen(false);
-              return;
-            }
             setIsSubmitting(true);
             setSubmitError(null);
             try {
-              onSubmit(selectedInstallment);
+              if (selectedInstallment) {
+                onSubmit(selectedInstallment);
+              } else {
+                onSubmit();
+              }
             } finally {
               setIsSubmitting(false);
               setIsModalOpen(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "paymob-widget-alpha",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "keywords": ["paymob","widget","paymob-widget"],
   "main": "./main.js",
   "license": "MIT",