OJS Adjustments (#55)

* remove input selector * 0.0.23 * update onCheckoutStarted callback
getopenpay · Oct 17, 2024 · 0a04e69 · 0a04e69
1 parent 115efef
commit 0a04e69
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 3 deletions.
diff --git a/example/package-lock.json b/example/package-lock.json
diff --git a/example/package.json b/example/package.json
@@ -10,7 +10,7 @@
     "lint:fix": "next lint --fix"
   },
   "dependencies": {
-    "@getopenpay/openpay-js-react": "0.0.19-alpha.2de60c2",
+    "@getopenpay/openpay-js-react": "file:..",
     "@stripe/stripe-js": "^4.3.0",
     "classnames": "^2.5.1",
     "fraction.js": "^4.3.7",

diff --git a/example/src/app/page.tsx b/example/src/app/page.tsx
@@ -109,6 +109,7 @@ const Form: FC<FormProps> = (props) => {
       onCheckoutSuccess={onCheckoutSuccess}
       onSetupPaymentMethodSuccess={onSetupPaymentMethodSuccess}
       onCheckoutError={onCheckoutError}
+      baseUrl={props.baseUrl}
     >
       {({ submit, applePay, googlePay, stripeLink, loaded }) => (
         <FormWrapper error={validationErrors}>

diff --git a/lib/components/form.tsx b/lib/components/form.tsx
@@ -143,7 +143,9 @@ const ElementsForm: FC<ElementsFormProps> = (props) => {
       } else if (eventType === EventType.enum.TOKENIZE_STARTED) {
         console.log('[form] Tokenization started');
         setPreventClose(true);
-
+      } else if (eventType === EventType.enum.CHECKOUT_STARTED) {
+        // Firing onCheckoutStarted here to correct the behavior for separate elements
+        // This has a delay issue with combined elements
         if (onCheckoutStarted) onCheckoutStarted();
       } else if (eventType === EventType.enum.PAYMENT_FLOW_STARTED) {
         if (!extraData) {