@oneblink/apps-react 7.1.0 → 7.2.0-beta.2

package/dist/components/payments/WestpacQuickStreamPaymentForm.js

@@ -180,6 +180,7 @@ function WestpacQuickStreamPaymentForm({ formSubmissionResult, paymentSubmission
                 formSubmissionResult,
                 formSubmissionPaymentId,
                 paymentSubmissionEvent,
+                captchaSiteKey,
                 captchaToken: recaptchaToken,
             })
                 .then(onCompleted)
@@ -192,12 +193,13 @@ function WestpacQuickStreamPaymentForm({ formSubmissionResult, paymentSubmission
             });
         });
     }, [
-        formSubmissionPaymentId,
-        formSubmissionResult,
-        onCompleted,
-        paymentSubmissionEvent,
         trustedFrame,
         getRecaptchaToken,
+        formSubmissionResult,
+        formSubmissionPaymentId,
+        paymentSubmissionEvent,
+        captchaSiteKey,
+        onCompleted,
     ]);
     const [{ isCancellingTransaction, cancelError }, setCancelState] = React.useState({
         isCancellingTransaction: false,

package/dist/components/payments/WestpacQuickStreamPaymentForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"WestpacQuickStreamPaymentForm.js","sourceRoot":"","sources":["../../../src/components/payments/WestpacQuickStreamPaymentForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  OneBlinkAppsError,\n  paymentService,\n  submissionService,\n  localisationService,\n} from '@oneblink/apps'\nimport { SubmissionTypes, SubmissionEventTypes } from '@oneblink/types'\nimport clsx from 'clsx'\nimport React from 'react'\nimport ReCAPTCHA from 'react-google-recaptcha'\nimport * as bulmaToast from 'bulma-toast'\nimport OnLoading from '../renderer/OnLoading'\nimport OneBlinkAppsErrorOriginalMessage from '../renderer/OneBlinkAppsErrorOriginalMessage'\nimport Modal from '../renderer/Modal'\nimport MaterialIcon from '../MaterialIcon'\nimport useReCAPTCHAProps from '../../hooks/useReCAPTCHAProps'\nimport { CaptchaType } from '../../typedoc'\n\ninterface TrustedFrame {\n  submitForm(\n    callback: (\n      errors:\n        | Array<{\n            fieldName: string\n            messages: string[]\n          }>\n        | undefined,\n      data: {\n        singleUseToken: {\n          singleUseTokenId: string\n        }\n      },\n    ) => void,\n  ): void\n}\n\ndeclare global {\n  interface Window {\n    QuickstreamAPI: {\n      init(options: { publishableApiKey: string }): void\n      creditCards: {\n        createTrustedFrame(\n          options: unknown,\n          callback: (\n            errors:\n              | Array<{\n                  fieldName: string\n                  messages: string[]\n                }>\n              | undefined,\n            data: {\n              trustedFrame: TrustedFrame\n            },\n          ) => void,\n        ): void\n      }\n    }\n  }\n}\nfunction WestpacQuickStreamPaymentForm({\n  formSubmissionResult,\n  paymentSubmissionEvent,\n  formSubmissionPaymentId,\n  supplierBusinessCode,\n  publishableApiKey,\n  isTestMode,\n  captchaSiteKey,\n  captchaType,\n  onCompleted,\n  onCancelled,\n  appImageUrl,\n  title,\n}: {\n  formSubmissionResult: submissionService.FormSubmissionResult\n  paymentSubmissionEvent: SubmissionEventTypes.WestpacQuickStreamSubmissionEvent\n  formSubmissionPaymentId: string\n  supplierBusinessCode: string\n  publishableApiKey: string\n  isTestMode: boolean\n  captchaSiteKey: string\n  captchaType?: CaptchaType\n  onCompleted: (result: {\n    formSubmissionPayment: SubmissionTypes.FormSubmissionPayment\n    paymentReceiptUrl: string\n  }) => void\n  onCancelled: (result: { paymentReceiptUrl: string }) => void\n  appImageUrl?: string\n  title?: string\n}) {\n  const [\n    {\n      isCompletingTransaction,\n      completeTransactionError,\n      captchaToken,\n      displayCaptchaRequired,\n    },\n    setCompleteTransactionState,\n  ] = React.useState<{\n    captchaToken: string | null\n    displayCaptchaRequired: boolean\n    isCompletingTransaction: boolean\n    completeTransactionError: Error | null\n  }>({\n    isCompletingTransaction: false,\n    completeTransactionError: null,\n    captchaToken: null,\n    displayCaptchaRequired: false,\n  })\n\n  const captchaRef = React.useRef<ReCAPTCHA>(null)\n\n  const clearCompleteTransactionError = React.useCallback(() => {\n    setCompleteTransactionState((currentState) => ({\n      ...currentState,\n      isCompletingTransaction: false,\n      completeTransactionError: null,\n    }))\n  }, [])\n\n  const [{ trustedFrame, isLoading, loadError }, setLoadState] =\n    React.useState<{\n      trustedFrame: TrustedFrame | null\n      isLoading: boolean\n      loadError: Error | null\n    }>({\n      trustedFrame: null,\n      isLoading: true,\n      loadError: null,\n    })\n\n  React.useEffect(() => {\n    const abortController = new AbortController()\n    const scriptEle = document.createElement('script')\n    scriptEle.type = 'text/javascript'\n    scriptEle.async = true\n\n    const run = async () => {\n      try {\n        scriptEle.src = isTestMode\n          ? 'https://api.quickstream.support.qvalent.com/rest/v1/quickstream-api-1.0.min.js'\n          : 'https://api.quickstream.westpac.com.au/rest/v1/quickstream-api-1.0.min.js'\n\n        await new Promise((resolve, reject) => {\n          try {\n            scriptEle.addEventListener(\n              'load',\n              () => {\n                resolve(undefined)\n              },\n              {\n                signal: abortController.signal,\n              },\n            )\n\n            scriptEle.addEventListener(\n              'error',\n              () => {\n                reject(new Error(`Failed to load the script ${scriptEle.src}`))\n              },\n              {\n                signal: abortController.signal,\n              },\n            )\n\n            document.body.appendChild(scriptEle)\n          } catch (error) {\n            console.warn('Failed to load script', error)\n            reject(error)\n          }\n        })\n\n        window.QuickstreamAPI.init({\n          publishableApiKey,\n        })\n        const newTrustedFrame = await new Promise<TrustedFrame>(\n          (resolve, reject) => {\n            window.QuickstreamAPI.creditCards.createTrustedFrame(\n              {\n                config: {\n                  supplierBusinessCode,\n                },\n                iframe: {\n                  style: {\n                    width: '100%',\n                  },\n                },\n                showAcceptedCards: true,\n                showRequiredIndicators: true,\n              },\n              (errors, data) => {\n                if (errors) {\n                  reject(errors)\n                  return\n                }\n                resolve(data.trustedFrame)\n              },\n            )\n          },\n        )\n\n        if (!abortController.signal.aborted) {\n          setLoadState({\n            trustedFrame: newTrustedFrame,\n            isLoading: false,\n            loadError: null,\n          })\n        }\n      } catch (error) {\n        if (!abortController.signal.aborted) {\n          setLoadState({\n            trustedFrame: null,\n            isLoading: false,\n            loadError: error as Error,\n          })\n        }\n      }\n    }\n\n    run()\n\n    return () => {\n      abortController.abort()\n      document.body.removeChild(scriptEle)\n    }\n  }, [isTestMode, publishableApiKey, supplierBusinessCode])\n\n  const recaptchaType = React.useMemo(\n    () => captchaType ?? 'CHECKBOX',\n    [captchaType],\n  )\n\n  const hanedleCaptchaChange = React.useCallback((newValue: string | null) => {\n    setCompleteTransactionState((currentState) => ({\n      ...currentState,\n      captchaToken: newValue,\n      displayCaptchaRequired: newValue === null,\n    }))\n  }, [])\n\n  const recaptchaProps = useReCAPTCHAProps({\n    captchaSiteKey,\n    captchaRef,\n    onCaptchaChange: hanedleCaptchaChange,\n    captchaType: recaptchaType,\n  })\n\n  const getRecaptchaToken = React.useCallback(async () => {\n    switch (captchaType) {\n      case 'INVISIBLE': {\n        const token = await captchaRef.current?.executeAsync()\n        if (!token) {\n          console.log('Captcha token failure')\n          bulmaToast.toast({\n            message: 'Failed to get a captcha token',\n            type: 'is-danger',\n            extraClasses: 'ob-toast cypress-failed-captcha-token-creation',\n            duration: 4000,\n            pauseOnHover: true,\n            closeOnClick: true,\n          })\n        }\n        return {\n          recaptchaToken: token ?? null,\n          displayCaptchaRequired: false,\n        }\n      }\n      case 'CHECKBOX':\n      default:\n        return { recaptchaToken: captchaToken, displayCaptchaRequired: true }\n    }\n  }, [captchaToken, captchaType])\n\n  const handleSubmit = React.useCallback(async () => {\n    if (!trustedFrame) {\n      return\n    }\n\n    const { recaptchaToken, displayCaptchaRequired } = await getRecaptchaToken()\n\n    if (!recaptchaToken) {\n      setCompleteTransactionState({\n        captchaToken: null,\n        displayCaptchaRequired,\n        isCompletingTransaction: false,\n        completeTransactionError: null,\n      })\n      return\n    }\n\n    setCompleteTransactionState((currentState) => ({\n      ...currentState,\n      isCompletingTransaction: true,\n      completeTransactionError: null,\n    }))\n\n    trustedFrame.submitForm((errors, data) => {\n      if (errors) {\n        console.log('Invalid payment form submission', errors)\n        setCompleteTransactionState((currentState) => ({\n          ...currentState,\n          isCompletingTransaction: false,\n          completeTransactionError: null,\n        }))\n        return\n      }\n\n      paymentService.westpacQuickStream\n        .completeTransaction({\n          singleUseTokenId: data.singleUseToken.singleUseTokenId,\n          formSubmissionResult,\n          formSubmissionPaymentId,\n          paymentSubmissionEvent,\n          captchaToken: recaptchaToken,\n        })\n        .then(onCompleted)\n        .catch((error) => {\n          setCompleteTransactionState((currentState) => ({\n            ...currentState,\n            isCompletingTransaction: false,\n            completeTransactionError: error,\n          }))\n        })\n    })\n  }, [\n    formSubmissionPaymentId,\n    formSubmissionResult,\n    onCompleted,\n    paymentSubmissionEvent,\n    trustedFrame,\n    getRecaptchaToken,\n  ])\n\n  const [{ isCancellingTransaction, cancelError }, setCancelState] =\n    React.useState<{\n      isCancellingTransaction: boolean\n      cancelError: Error | null\n    }>({\n      isCancellingTransaction: false,\n      cancelError: null,\n    })\n\n  const clearCancelError = React.useCallback(() => {\n    setCancelState({\n      isCancellingTransaction: false,\n      cancelError: null,\n    })\n  }, [])\n\n  const handleCancel = React.useCallback(async () => {\n    setCancelState({\n      isCancellingTransaction: true,\n      cancelError: null,\n    })\n    try {\n      const result = await paymentService.westpacQuickStream.cancelPayment({\n        formSubmissionPaymentId,\n        formSubmissionResult,\n      })\n      onCancelled(result)\n    } catch (error) {\n      console.warn('Failed to cancel payment', error)\n      setCancelState({\n        isCancellingTransaction: false,\n        cancelError: error as Error,\n      })\n    }\n  }, [formSubmissionPaymentId, formSubmissionResult, onCancelled])\n\n  return (\n    <>\n      {isLoading && (\n        <section>\n          <div className=\"cypress-loading has-text-centered\">\n            <OnLoading className=\"has-text-centered\"></OnLoading>\n            <span>Building payment form...</span>\n          </div>\n        </section>\n      )}\n\n      {loadError && (\n        <section className=\"cypress-payment-form-loading-error-message\">\n          <div className=\"ob-payment-form__error-icon-container has-text-centered has-margin-bottom-8\">\n            <MaterialIcon className=\"ob-payment-form__error-icon has-text-danger icon-x-large\">\n              error\n            </MaterialIcon>\n          </div>\n          <p className=\"ob-payment-form__error-message has-text-centered has-margin-bottom-4\">\n            {loadError.message}\n          </p>\n        </section>\n      )}\n\n      <section>\n        <form\n          onSubmit={(event) => {\n            event.preventDefault()\n            handleSubmit()\n          }}\n        >\n          <div className=\"ob-payment-form__westpac-quickstream-container\">\n            {!!appImageUrl && (\n              <figure className=\"image is-128x128 has-margin-bottom-6 ml-auto mr-auto\">\n                <img\n                  alt=\"Application Icon\"\n                  className=\"is-rounded\"\n                  src={appImageUrl}\n                />\n              </figure>\n            )}\n            {!!title && (\n              <h3 className=\"title is-3 is-size-3-mobile ob-header__heading has-text-centered\">\n                {title}\n              </h3>\n            )}\n            <label className=\"label ob-label has-text-centered\">\n              Fill out the form below to complete your secure payment.\n            </label>\n\n            <div className=\"ob-payment-form__westpac-quickstream-amount\">\n              <div>Amount</div>\n              <div className=\"ob-payment-form__westpac-quickstream-amount-value\">\n                {localisationService.formatCurrency(\n                  formSubmissionResult.payment?.amount ?? 0,\n                )}\n              </div>\n            </div>\n            <div\n              data-quickstream-api=\"creditCardContainer\"\n              className=\"quickstream-credit-card-container\"\n            ></div>\n            {!isLoading && !loadError && (\n              <>\n                <ReCAPTCHA\n                  {...recaptchaProps}\n                  className=\"ob-input cypress-captcha-control ob-payment-form__westpac-quickstream-captcha\"\n                />\n                {displayCaptchaRequired && (\n                  <div role=\"alert\" className=\"has-margin-top-8\">\n                    <div className=\"has-text-danger ob-error__text cypress-required cypress-validation-message\">\n                      Please complete the CAPTCHA successfully\n                    </div>\n                  </div>\n                )}\n              </>\n            )}\n          </div>\n          {!isLoading && !loadError && (\n            <div className=\"ob-payment-form__westpac-quickstream-form-actions\">\n              <button\n                type=\"button\"\n                disabled={isCompletingTransaction || isCancellingTransaction}\n                onClick={handleCancel}\n                className={clsx('button ob-button is-outlined', {\n                  'is-loading': isCancellingTransaction,\n                })}\n              >\n                Cancel\n              </button>\n              <button\n                type=\"submit\"\n                disabled={isCompletingTransaction || isCancellingTransaction}\n                className={clsx('button ob-button is-success', {\n                  'is-loading': isCompletingTransaction,\n                })}\n              >\n                Make Payment\n              </button>\n            </div>\n          )}\n        </form>\n      </section>\n\n      <Modal\n        isOpen={!!completeTransactionError}\n        title=\"Payment Issue\"\n        className=\"cypress-payment-error-close-button\"\n        actions={\n          <>\n            <button\n              type=\"button\"\n              className=\"button ob-button cypress-payment-error-close-button is-primary\"\n              onClick={clearCompleteTransactionError}\n              autoFocus\n            >\n              Okay\n            </button>\n          </>\n        }\n      >\n        <>\n          <div>\n            {completeTransactionError instanceof Error\n              ? completeTransactionError.message\n              : completeTransactionError}\n          </div>\n          {completeTransactionError instanceof OneBlinkAppsError && (\n            <OneBlinkAppsErrorOriginalMessage\n              error={completeTransactionError.originalError}\n            />\n          )}\n        </>\n      </Modal>\n\n      <Modal\n        isOpen={!!cancelError}\n        title=\"Cancel Issue\"\n        className=\"cypress-cancel-error-close-button\"\n        actions={\n          <>\n            <button\n              type=\"button\"\n              className=\"button ob-button cypress-cancel-error-close-button is-primary\"\n              onClick={clearCancelError}\n              autoFocus\n            >\n              Okay\n            </button>\n          </>\n        }\n      >\n        <>\n          <div>\n            {cancelError instanceof Error ? cancelError.message : cancelError}\n          </div>\n          {cancelError instanceof OneBlinkAppsError && (\n            <OneBlinkAppsErrorOriginalMessage\n              error={cancelError.originalError}\n            />\n          )}\n        </>\n      </Modal>\n    </>\n  )\n}\n\nexport default React.memo(WestpacQuickStreamPaymentForm)\n"]}
+{"version":3,"file":"WestpacQuickStreamPaymentForm.js","sourceRoot":"","sources":["../../../src/components/payments/WestpacQuickStreamPaymentForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  OneBlinkAppsError,\n  paymentService,\n  submissionService,\n  localisationService,\n} from '@oneblink/apps'\nimport { SubmissionTypes, SubmissionEventTypes } from '@oneblink/types'\nimport clsx from 'clsx'\nimport React from 'react'\nimport ReCAPTCHA from 'react-google-recaptcha'\nimport * as bulmaToast from 'bulma-toast'\nimport OnLoading from '../renderer/OnLoading'\nimport OneBlinkAppsErrorOriginalMessage from '../renderer/OneBlinkAppsErrorOriginalMessage'\nimport Modal from '../renderer/Modal'\nimport MaterialIcon from '../MaterialIcon'\nimport useReCAPTCHAProps from '../../hooks/useReCAPTCHAProps'\nimport { CaptchaType } from '../../typedoc'\n\ninterface TrustedFrame {\n  submitForm(\n    callback: (\n      errors:\n        | Array<{\n            fieldName: string\n            messages: string[]\n          }>\n        | undefined,\n      data: {\n        singleUseToken: {\n          singleUseTokenId: string\n        }\n      },\n    ) => void,\n  ): void\n}\n\ndeclare global {\n  interface Window {\n    QuickstreamAPI: {\n      init(options: { publishableApiKey: string }): void\n      creditCards: {\n        createTrustedFrame(\n          options: unknown,\n          callback: (\n            errors:\n              | Array<{\n                  fieldName: string\n                  messages: string[]\n                }>\n              | undefined,\n            data: {\n              trustedFrame: TrustedFrame\n            },\n          ) => void,\n        ): void\n      }\n    }\n  }\n}\nfunction WestpacQuickStreamPaymentForm({\n  formSubmissionResult,\n  paymentSubmissionEvent,\n  formSubmissionPaymentId,\n  supplierBusinessCode,\n  publishableApiKey,\n  isTestMode,\n  captchaSiteKey,\n  captchaType,\n  onCompleted,\n  onCancelled,\n  appImageUrl,\n  title,\n}: {\n  formSubmissionResult: submissionService.FormSubmissionResult\n  paymentSubmissionEvent: SubmissionEventTypes.WestpacQuickStreamSubmissionEvent\n  formSubmissionPaymentId: string\n  supplierBusinessCode: string\n  publishableApiKey: string\n  isTestMode: boolean\n  captchaSiteKey: string\n  captchaType?: CaptchaType\n  onCompleted: (result: {\n    formSubmissionPayment: SubmissionTypes.FormSubmissionPayment\n    paymentReceiptUrl: string\n  }) => void\n  onCancelled: (result: { paymentReceiptUrl: string }) => void\n  appImageUrl?: string\n  title?: string\n}) {\n  const [\n    {\n      isCompletingTransaction,\n      completeTransactionError,\n      captchaToken,\n      displayCaptchaRequired,\n    },\n    setCompleteTransactionState,\n  ] = React.useState<{\n    captchaToken: string | null\n    displayCaptchaRequired: boolean\n    isCompletingTransaction: boolean\n    completeTransactionError: Error | null\n  }>({\n    isCompletingTransaction: false,\n    completeTransactionError: null,\n    captchaToken: null,\n    displayCaptchaRequired: false,\n  })\n\n  const captchaRef = React.useRef<ReCAPTCHA>(null)\n\n  const clearCompleteTransactionError = React.useCallback(() => {\n    setCompleteTransactionState((currentState) => ({\n      ...currentState,\n      isCompletingTransaction: false,\n      completeTransactionError: null,\n    }))\n  }, [])\n\n  const [{ trustedFrame, isLoading, loadError }, setLoadState] =\n    React.useState<{\n      trustedFrame: TrustedFrame | null\n      isLoading: boolean\n      loadError: Error | null\n    }>({\n      trustedFrame: null,\n      isLoading: true,\n      loadError: null,\n    })\n\n  React.useEffect(() => {\n    const abortController = new AbortController()\n    const scriptEle = document.createElement('script')\n    scriptEle.type = 'text/javascript'\n    scriptEle.async = true\n\n    const run = async () => {\n      try {\n        scriptEle.src = isTestMode\n          ? 'https://api.quickstream.support.qvalent.com/rest/v1/quickstream-api-1.0.min.js'\n          : 'https://api.quickstream.westpac.com.au/rest/v1/quickstream-api-1.0.min.js'\n\n        await new Promise((resolve, reject) => {\n          try {\n            scriptEle.addEventListener(\n              'load',\n              () => {\n                resolve(undefined)\n              },\n              {\n                signal: abortController.signal,\n              },\n            )\n\n            scriptEle.addEventListener(\n              'error',\n              () => {\n                reject(new Error(`Failed to load the script ${scriptEle.src}`))\n              },\n              {\n                signal: abortController.signal,\n              },\n            )\n\n            document.body.appendChild(scriptEle)\n          } catch (error) {\n            console.warn('Failed to load script', error)\n            reject(error)\n          }\n        })\n\n        window.QuickstreamAPI.init({\n          publishableApiKey,\n        })\n        const newTrustedFrame = await new Promise<TrustedFrame>(\n          (resolve, reject) => {\n            window.QuickstreamAPI.creditCards.createTrustedFrame(\n              {\n                config: {\n                  supplierBusinessCode,\n                },\n                iframe: {\n                  style: {\n                    width: '100%',\n                  },\n                },\n                showAcceptedCards: true,\n                showRequiredIndicators: true,\n              },\n              (errors, data) => {\n                if (errors) {\n                  reject(errors)\n                  return\n                }\n                resolve(data.trustedFrame)\n              },\n            )\n          },\n        )\n\n        if (!abortController.signal.aborted) {\n          setLoadState({\n            trustedFrame: newTrustedFrame,\n            isLoading: false,\n            loadError: null,\n          })\n        }\n      } catch (error) {\n        if (!abortController.signal.aborted) {\n          setLoadState({\n            trustedFrame: null,\n            isLoading: false,\n            loadError: error as Error,\n          })\n        }\n      }\n    }\n\n    run()\n\n    return () => {\n      abortController.abort()\n      document.body.removeChild(scriptEle)\n    }\n  }, [isTestMode, publishableApiKey, supplierBusinessCode])\n\n  const recaptchaType = React.useMemo(\n    () => captchaType ?? 'CHECKBOX',\n    [captchaType],\n  )\n\n  const hanedleCaptchaChange = React.useCallback((newValue: string | null) => {\n    setCompleteTransactionState((currentState) => ({\n      ...currentState,\n      captchaToken: newValue,\n      displayCaptchaRequired: newValue === null,\n    }))\n  }, [])\n\n  const recaptchaProps = useReCAPTCHAProps({\n    captchaSiteKey,\n    captchaRef,\n    onCaptchaChange: hanedleCaptchaChange,\n    captchaType: recaptchaType,\n  })\n\n  const getRecaptchaToken = React.useCallback(async () => {\n    switch (captchaType) {\n      case 'INVISIBLE': {\n        const token = await captchaRef.current?.executeAsync()\n        if (!token) {\n          console.log('Captcha token failure')\n          bulmaToast.toast({\n            message: 'Failed to get a captcha token',\n            type: 'is-danger',\n            extraClasses: 'ob-toast cypress-failed-captcha-token-creation',\n            duration: 4000,\n            pauseOnHover: true,\n            closeOnClick: true,\n          })\n        }\n        return {\n          recaptchaToken: token ?? null,\n          displayCaptchaRequired: false,\n        }\n      }\n      case 'CHECKBOX':\n      default:\n        return { recaptchaToken: captchaToken, displayCaptchaRequired: true }\n    }\n  }, [captchaToken, captchaType])\n\n  const handleSubmit = React.useCallback(async () => {\n    if (!trustedFrame) {\n      return\n    }\n\n    const { recaptchaToken, displayCaptchaRequired } = await getRecaptchaToken()\n\n    if (!recaptchaToken) {\n      setCompleteTransactionState({\n        captchaToken: null,\n        displayCaptchaRequired,\n        isCompletingTransaction: false,\n        completeTransactionError: null,\n      })\n      return\n    }\n\n    setCompleteTransactionState((currentState) => ({\n      ...currentState,\n      isCompletingTransaction: true,\n      completeTransactionError: null,\n    }))\n\n    trustedFrame.submitForm((errors, data) => {\n      if (errors) {\n        console.log('Invalid payment form submission', errors)\n        setCompleteTransactionState((currentState) => ({\n          ...currentState,\n          isCompletingTransaction: false,\n          completeTransactionError: null,\n        }))\n        return\n      }\n\n      paymentService.westpacQuickStream\n        .completeTransaction({\n          singleUseTokenId: data.singleUseToken.singleUseTokenId,\n          formSubmissionResult,\n          formSubmissionPaymentId,\n          paymentSubmissionEvent,\n          captchaSiteKey,\n          captchaToken: recaptchaToken,\n        })\n        .then(onCompleted)\n        .catch((error) => {\n          setCompleteTransactionState((currentState) => ({\n            ...currentState,\n            isCompletingTransaction: false,\n            completeTransactionError: error,\n          }))\n        })\n    })\n  }, [\n    trustedFrame,\n    getRecaptchaToken,\n    formSubmissionResult,\n    formSubmissionPaymentId,\n    paymentSubmissionEvent,\n    captchaSiteKey,\n    onCompleted,\n  ])\n\n  const [{ isCancellingTransaction, cancelError }, setCancelState] =\n    React.useState<{\n      isCancellingTransaction: boolean\n      cancelError: Error | null\n    }>({\n      isCancellingTransaction: false,\n      cancelError: null,\n    })\n\n  const clearCancelError = React.useCallback(() => {\n    setCancelState({\n      isCancellingTransaction: false,\n      cancelError: null,\n    })\n  }, [])\n\n  const handleCancel = React.useCallback(async () => {\n    setCancelState({\n      isCancellingTransaction: true,\n      cancelError: null,\n    })\n    try {\n      const result = await paymentService.westpacQuickStream.cancelPayment({\n        formSubmissionPaymentId,\n        formSubmissionResult,\n      })\n      onCancelled(result)\n    } catch (error) {\n      console.warn('Failed to cancel payment', error)\n      setCancelState({\n        isCancellingTransaction: false,\n        cancelError: error as Error,\n      })\n    }\n  }, [formSubmissionPaymentId, formSubmissionResult, onCancelled])\n\n  return (\n    <>\n      {isLoading && (\n        <section>\n          <div className=\"cypress-loading has-text-centered\">\n            <OnLoading className=\"has-text-centered\"></OnLoading>\n            <span>Building payment form...</span>\n          </div>\n        </section>\n      )}\n\n      {loadError && (\n        <section className=\"cypress-payment-form-loading-error-message\">\n          <div className=\"ob-payment-form__error-icon-container has-text-centered has-margin-bottom-8\">\n            <MaterialIcon className=\"ob-payment-form__error-icon has-text-danger icon-x-large\">\n              error\n            </MaterialIcon>\n          </div>\n          <p className=\"ob-payment-form__error-message has-text-centered has-margin-bottom-4\">\n            {loadError.message}\n          </p>\n        </section>\n      )}\n\n      <section>\n        <form\n          onSubmit={(event) => {\n            event.preventDefault()\n            handleSubmit()\n          }}\n        >\n          <div className=\"ob-payment-form__westpac-quickstream-container\">\n            {!!appImageUrl && (\n              <figure className=\"image is-128x128 has-margin-bottom-6 ml-auto mr-auto\">\n                <img\n                  alt=\"Application Icon\"\n                  className=\"is-rounded\"\n                  src={appImageUrl}\n                />\n              </figure>\n            )}\n            {!!title && (\n              <h3 className=\"title is-3 is-size-3-mobile ob-header__heading has-text-centered\">\n                {title}\n              </h3>\n            )}\n            <label className=\"label ob-label has-text-centered\">\n              Fill out the form below to complete your secure payment.\n            </label>\n\n            <div className=\"ob-payment-form__westpac-quickstream-amount\">\n              <div>Amount</div>\n              <div className=\"ob-payment-form__westpac-quickstream-amount-value\">\n                {localisationService.formatCurrency(\n                  formSubmissionResult.payment?.amount ?? 0,\n                )}\n              </div>\n            </div>\n            <div\n              data-quickstream-api=\"creditCardContainer\"\n              className=\"quickstream-credit-card-container\"\n            ></div>\n            {!isLoading && !loadError && (\n              <>\n                <ReCAPTCHA\n                  {...recaptchaProps}\n                  className=\"ob-input cypress-captcha-control ob-payment-form__westpac-quickstream-captcha\"\n                />\n                {displayCaptchaRequired && (\n                  <div role=\"alert\" className=\"has-margin-top-8\">\n                    <div className=\"has-text-danger ob-error__text cypress-required cypress-validation-message\">\n                      Please complete the CAPTCHA successfully\n                    </div>\n                  </div>\n                )}\n              </>\n            )}\n          </div>\n          {!isLoading && !loadError && (\n            <div className=\"ob-payment-form__westpac-quickstream-form-actions\">\n              <button\n                type=\"button\"\n                disabled={isCompletingTransaction || isCancellingTransaction}\n                onClick={handleCancel}\n                className={clsx('button ob-button is-outlined', {\n                  'is-loading': isCancellingTransaction,\n                })}\n              >\n                Cancel\n              </button>\n              <button\n                type=\"submit\"\n                disabled={isCompletingTransaction || isCancellingTransaction}\n                className={clsx('button ob-button is-success', {\n                  'is-loading': isCompletingTransaction,\n                })}\n              >\n                Make Payment\n              </button>\n            </div>\n          )}\n        </form>\n      </section>\n\n      <Modal\n        isOpen={!!completeTransactionError}\n        title=\"Payment Issue\"\n        className=\"cypress-payment-error-close-button\"\n        actions={\n          <>\n            <button\n              type=\"button\"\n              className=\"button ob-button cypress-payment-error-close-button is-primary\"\n              onClick={clearCompleteTransactionError}\n              autoFocus\n            >\n              Okay\n            </button>\n          </>\n        }\n      >\n        <>\n          <div>\n            {completeTransactionError instanceof Error\n              ? completeTransactionError.message\n              : completeTransactionError}\n          </div>\n          {completeTransactionError instanceof OneBlinkAppsError && (\n            <OneBlinkAppsErrorOriginalMessage\n              error={completeTransactionError.originalError}\n            />\n          )}\n        </>\n      </Modal>\n\n      <Modal\n        isOpen={!!cancelError}\n        title=\"Cancel Issue\"\n        className=\"cypress-cancel-error-close-button\"\n        actions={\n          <>\n            <button\n              type=\"button\"\n              className=\"button ob-button cypress-cancel-error-close-button is-primary\"\n              onClick={clearCancelError}\n              autoFocus\n            >\n              Okay\n            </button>\n          </>\n        }\n      >\n        <>\n          <div>\n            {cancelError instanceof Error ? cancelError.message : cancelError}\n          </div>\n          {cancelError instanceof OneBlinkAppsError && (\n            <OneBlinkAppsErrorOriginalMessage\n              error={cancelError.originalError}\n            />\n          )}\n        </>\n      </Modal>\n    </>\n  )\n}\n\nexport default React.memo(WestpacQuickStreamPaymentForm)\n"]}

package/dist/styles/buttons.scss

@@ -10,3 +10,7 @@
   outline-offset: $size-9;
   outline: $input-focus-border-color auto 3px;
 }
+
+.ob-button {
+  min-width: 140px;
+}

package/dist/styles.css

@@ -9761,6 +9761,10 @@ textarea:disabled {
   outline: hsl(229, 53%, 53%) auto 3px;
 }
 
+.ob-button {
+  min-width: 140px;
+}
+
 .ob-payment-form__westpac-quickstream-form-actions {
   display: flex;
   gap: 0.5rem;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@oneblink/apps-react",
   "description": "Helper functions for OneBlink apps in ReactJS.",
-  "version": "7.1.0",
+  "version": "7.2.0-beta.2",
   "author": "OneBlink <developers@oneblink.io> (https://oneblink.io)",
   "bugs": {
     "url": "https://github.com/oneblink/apps-react/issues"
@@ -48,7 +48,7 @@
     "@mui/lab": "^5.0.0-alpha.152",
     "@mui/material": "^5.15.6",
     "@mui/x-date-pickers": "^6.19.2",
-    "@oneblink/apps": "^19.1.0-beta.1",
+    "@oneblink/apps": "^20.0.0-beta.1",
     "@oneblink/release-cli": "^3.3.0",
     "@oneblink/types": "github:oneblink/types",
     "@types/blueimp-load-image": "^5.16.6",