@oneblink/apps-react 8.14.0 → 9.0.0-beta.10

package/dist/PaymentReceipt.js

@@ -1,6 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import { useHistory } from 'react-router-dom';
-import { paymentService, submissionService, localisationService, } from '@oneblink/apps';
+import { paymentService, submissionService, localisationService, } from './apps';
 import useIsMounted from './hooks/useIsMounted';
 import useQuery from './hooks/useQuery';
 import Modal from './components/renderer/Modal';
@@ -119,14 +120,14 @@ function PaymentReceipt({ onDone, onCancel, }) {
         }
         let newError = null;
         try {
-            submissionResult.payment = await handlePaymentSubmissionEvent({
+            const payment = await handlePaymentSubmissionEvent({
                 amount: submissionResult.payment.amount,
                 formSubmissionResult: submissionResult,
                 paymentSubmissionEvent,
                 paymentReceiptUrl: submissionResult.payment.paymentReceiptUrl,
                 paymentFormUrl: submissionResult.payment.paymentFormUrl,
             });
-            await submissionService.executePostSubmissionAction(submissionResult, {
+            await submissionService.executePostSubmissionAction({ ...submissionResult, payment }, {
                 onRedirectToRelativeUrl: (url) => history.push(url),
                 onRedirectToAbsoluteUrl: (url) => window.location.assign(url),
             });
@@ -142,36 +143,14 @@ function PaymentReceipt({ onDone, onCancel, }) {
             });
         }
     }, [history, isMounted, submissionResult]);
-    return (React.createElement("div", null,
-        isLoading && (React.createElement("section", null,
-            React.createElement("div", { className: "cypress-loading has-text-centered" },
-                React.createElement(OnLoading, { className: "has-text-centered" }),
-                React.createElement("span", null, "Retrieving transaction details...")))),
-        transaction && (React.createElement(Receipt, { className: "ob-payment-receipt", containerClassName: "ob-payment-receipt__container" },
-            React.createElement(ReceiptList, { successIconClassName: "ob-payment-receipt__success-icon", warningIconClassName: "ob-payment-receipt__warning-icon", warningMessageClassName: "ob-payment-receipt__warning-message cypress-payment-receipt-warning-message", warningMessage: transaction.isSuccess
-                    ? undefined
-                    : transaction.errorMessage || undefined },
-                receiptItems &&
-                    receiptItems.length &&
-                    receiptItems.map((receiptItem, i) => {
-                        var _a, _b;
-                        return (React.createElement(ReceiptListItem, { key: i, className: (_a = receiptItem.className) !== null && _a !== void 0 ? _a : '', valueClassName: (_b = receiptItem.valueClassName) !== null && _b !== void 0 ? _b : '', icon: receiptItem.icon, label: receiptItem.label, value: receiptItem.value, allowCopyToClipboard: receiptItem.allowCopyToClipboard }));
-                    }),
-                schedulingBooking && transaction.isSuccess && (React.createElement(React.Fragment, null,
-                    schedulingBooking.location && (React.createElement(ReceiptListItem, { className: "ob-scheduling-receipt__location", valueClassName: "cypress-scheduling-receipt-location", icon: "location_on", label: "Location", value: schedulingBooking.location })),
-                    React.createElement(ReceiptListItem, { className: "ob-scheduling-receipt__start-time", valueClassName: "cypress-scheduling-receipt-start-time", icon: "schedule", label: "Start Time", value: localisationService.formatDatetimeLong(schedulingBooking.startTime) }),
-                    React.createElement(ReceiptListItem, { className: "ob-scheduling-receipt__end-time", valueClassName: "cypress-scheduling-receipt-end-time", icon: "schedule", label: "End Time", value: localisationService.formatDatetimeLong(schedulingBooking.endTime) }))),
-                React.createElement(ReceiptListItem, { className: "ob-payment-receipt__warning", valueClassName: "cypress-payment-receipt-warning", label: "Warning", value: "Please do not click back in your browser, doing so will cause issues with your payment." })),
-            submissionResult && transaction.isSuccess && (React.createElement(DownloadableFiles, { formSubmissionResult: submissionResult, layout: "LIST" })),
-            React.createElement("div", { className: "buttons" }, transaction.isSuccess ? (React.createElement(ReceiptButton, { className: "is-primary ob-payment-receipt__button ob-payment-receipt__okay-button cypress-payment-receipt-okay-button", label: "Done", isLoading: isRunningPostSubmissionAction, onClick: handleDone })) : (React.createElement(React.Fragment, null,
-                React.createElement(ReceiptButton, { className: "ob-payment-receipt__button ob-payment-receipt__cancel-button cypress-payment-receipt-cancel-button", label: "Cancel", isDisabled: isRetrying, isLoading: isRunningPostSubmissionAction, onClick: handleCancel }),
-                React.createElement(ReceiptButton, { className: "is-primary ob-payment-receipt__button ob-payment-receipt__try-again-button cypress-payment-receipt-try-again-button", label: "Try Again", isDisabled: isRunningPostSubmissionAction, isLoading: isRetrying, onClick: handleTryAgain })))))),
-        loadError && (React.createElement("section", { className: "cypress-payment-receipt-loading-error-message" },
-            React.createElement("div", { className: "ob-payment-receipt__error-icon-container has-text-centered has-margin-bottom-8" },
-                React.createElement(MaterialIcon, { className: "ob-payment-receipt__error-icon has-text-danger icon-x-large" }, "error")),
-            React.createElement("p", { className: "ob-payment-receipt__error-message has-text-centered has-margin-bottom-4" }, loadError.message))),
-        retryError && (React.createElement(Modal, { isOpen: true, title: retryError.title || 'Whoops...', bodyClassName: "cypress-payment-receipt-retry-error-message", actions: React.createElement("button", { type: "button", className: "button ob-button is-primary cypress-payment-receipt-retry-error-okay-button", onClick: clearRetryError, autoFocus: true }, "Okay") }, retryError.message)),
-        postSubmissionError && (React.createElement(Modal, { isOpen: true, title: postSubmissionError.title || 'Whoops...', bodyClassName: "cypress-payment-receipt-retry-error-message", actions: React.createElement("button", { type: "button", className: "button ob-button is-primary cypress-payment-receipt-retry-error-okay-button", onClick: clearPostSubmissionError, autoFocus: true }, "Okay") }, postSubmissionError.message))));
+    return (_jsxs("div", { children: [isLoading && (_jsx("section", { children: _jsxs("div", { className: "cypress-loading has-text-centered", children: [_jsx(OnLoading, { className: "has-text-centered" }), _jsx("span", { children: "Retrieving transaction details..." })] }) })), transaction && (_jsxs(Receipt, { className: "ob-payment-receipt", containerClassName: "ob-payment-receipt__container", children: [_jsxs(ReceiptList, { successIconClassName: "ob-payment-receipt__success-icon", warningIconClassName: "ob-payment-receipt__warning-icon", warningMessageClassName: "ob-payment-receipt__warning-message cypress-payment-receipt-warning-message", warningMessage: transaction.isSuccess
+                            ? undefined
+                            : transaction.errorMessage || undefined, children: [receiptItems &&
+                                receiptItems.length &&
+                                receiptItems.map((receiptItem, i) => {
+                                    var _a, _b;
+                                    return (_jsx(ReceiptListItem, { className: (_a = receiptItem.className) !== null && _a !== void 0 ? _a : '', valueClassName: (_b = receiptItem.valueClassName) !== null && _b !== void 0 ? _b : '', icon: receiptItem.icon, label: receiptItem.label, value: receiptItem.value, allowCopyToClipboard: receiptItem.allowCopyToClipboard }, i));
+                                }), schedulingBooking && transaction.isSuccess && (_jsxs(_Fragment, { children: [schedulingBooking.location && (_jsx(ReceiptListItem, { className: "ob-scheduling-receipt__location", valueClassName: "cypress-scheduling-receipt-location", icon: "location_on", label: "Location", value: schedulingBooking.location })), _jsx(ReceiptListItem, { className: "ob-scheduling-receipt__start-time", valueClassName: "cypress-scheduling-receipt-start-time", icon: "schedule", label: "Start Time", value: localisationService.formatDatetimeLong(schedulingBooking.startTime) }), _jsx(ReceiptListItem, { className: "ob-scheduling-receipt__end-time", valueClassName: "cypress-scheduling-receipt-end-time", icon: "schedule", label: "End Time", value: localisationService.formatDatetimeLong(schedulingBooking.endTime) })] })), _jsx(ReceiptListItem, { className: "ob-payment-receipt__warning", valueClassName: "cypress-payment-receipt-warning", label: "Warning", value: "Please do not click back in your browser, doing so will cause issues with your payment." })] }), submissionResult && transaction.isSuccess && (_jsx(DownloadableFiles, { formSubmissionResult: submissionResult, layout: "LIST" })), _jsx("div", { className: "buttons", children: transaction.isSuccess ? (_jsx(ReceiptButton, { className: "is-primary ob-payment-receipt__button ob-payment-receipt__okay-button cypress-payment-receipt-okay-button", label: "Done", isLoading: isRunningPostSubmissionAction, onClick: handleDone })) : (_jsxs(_Fragment, { children: [_jsx(ReceiptButton, { className: "ob-payment-receipt__button ob-payment-receipt__cancel-button cypress-payment-receipt-cancel-button", label: "Cancel", isDisabled: isRetrying, isLoading: isRunningPostSubmissionAction, onClick: handleCancel }), _jsx(ReceiptButton, { className: "is-primary ob-payment-receipt__button ob-payment-receipt__try-again-button cypress-payment-receipt-try-again-button", label: "Try Again", isDisabled: isRunningPostSubmissionAction, isLoading: isRetrying, onClick: handleTryAgain })] })) })] })), loadError && (_jsxs("section", { className: "cypress-payment-receipt-loading-error-message", children: [_jsx("div", { className: "ob-payment-receipt__error-icon-container has-text-centered has-margin-bottom-8", children: _jsx(MaterialIcon, { className: "ob-payment-receipt__error-icon has-text-danger icon-x-large", children: "error" }) }), _jsx("p", { className: "ob-payment-receipt__error-message has-text-centered has-margin-bottom-4", children: loadError.message })] })), retryError && (_jsx(Modal, { isOpen: true, title: retryError.title || 'Whoops...', bodyClassName: "cypress-payment-receipt-retry-error-message", actions: _jsx("button", { type: "button", className: "button ob-button is-primary cypress-payment-receipt-retry-error-okay-button", onClick: clearRetryError, autoFocus: true, children: "Okay" }), children: retryError.message })), postSubmissionError && (_jsx(Modal, { isOpen: true, title: postSubmissionError.title || 'Whoops...', bodyClassName: "cypress-payment-receipt-retry-error-message", actions: _jsx("button", { type: "button", className: "button ob-button is-primary cypress-payment-receipt-retry-error-okay-button", onClick: clearPostSubmissionError, autoFocus: true, children: "Okay" }), children: postSubmissionError.message }))] }));
 }
 /**
  * Component for rendering a OneBlink Form Payment Receipt. This component will

package/dist/PaymentReceipt.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentReceipt.js","sourceRoot":"","sources":["../src/PaymentReceipt.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { useHistory } from 'react-router-dom'\nimport {\n  paymentService,\n  submissionService,\n  OneBlinkAppsError,\n  schedulingService,\n  localisationService,\n} from '@oneblink/apps'\nimport useIsMounted from './hooks/useIsMounted'\n\nimport useQuery from './hooks/useQuery'\nimport Modal from './components/renderer/Modal'\nimport OnLoading from './components/renderer/OnLoading'\nimport {\n  Receipt,\n  ReceiptList,\n  ReceiptListItem,\n  ReceiptButton,\n} from './components/receipts'\nimport MaterialIcon from './components/MaterialIcon'\nimport DownloadableFiles from './components/downloadable-files'\n\nconst { handlePaymentQuerystring, handlePaymentSubmissionEvent } =\n  paymentService\n\nfunction PaymentReceipt({\n  onDone,\n  onCancel,\n}: {\n  /**\n   * The function to call when the user clicks 'Done'. See\n   * [FormSubmissionResult](https://oneblink.github.io/apps/modules/submissionService.html#FormSubmissionResult)\n   * for the structure of the argument.\n   */\n  onDone: (\n    submissionResult: submissionService.FormSubmissionResult,\n  ) => Promise<void>\n  /**\n   * The function to call when the user clicks 'Cancel'. See\n   * [FormSubmissionResult](https://oneblink.github.io/apps/modules/submissionService.html#FormSubmissionResult)\n   * for the structure of the argument.\n   */\n  onCancel: (\n    submissionResult: submissionService.FormSubmissionResult,\n  ) => Promise<void>\n}) {\n  const isMounted = useIsMounted()\n  const query = useQuery()\n  const history = useHistory()\n\n  const [\n    {\n      isLoading,\n      loadError,\n      transaction,\n      submissionResult,\n      receiptItems,\n      schedulingBooking,\n    },\n    setLoadState,\n  ] = React.useState<{\n    isLoading: boolean\n    loadError: Error | null\n    transaction: paymentService.HandlePaymentResult['transaction'] | null\n    submissionResult: submissionService.FormSubmissionResult | null\n    receiptItems: paymentService.PaymentReceiptItem[] | null\n    schedulingBooking: schedulingService.SchedulingBooking | null\n  }>({\n    isLoading: true,\n    loadError: null,\n    transaction: null,\n    submissionResult: null,\n    receiptItems: null,\n    schedulingBooking: null,\n  })\n  const [\n    { isRunningPostSubmissionAction, postSubmissionError },\n    setPostSubmissionState,\n  ] = React.useState<{\n    isRunningPostSubmissionAction: boolean\n    postSubmissionError: OneBlinkAppsError | null\n  }>({\n    isRunningPostSubmissionAction: false,\n    postSubmissionError: null,\n  })\n  const clearPostSubmissionError = React.useCallback(() => {\n    setPostSubmissionState((currentState) => ({\n      ...currentState,\n      postSubmissionError: null,\n    }))\n  }, [])\n  const [{ isRetrying, retryError }, setRetryState] = React.useState<{\n    isRetrying: boolean\n    retryError: OneBlinkAppsError | null\n  }>({\n    isRetrying: false,\n    retryError: null,\n  })\n  const clearRetryError = React.useCallback(() => {\n    setRetryState((currentState) => ({\n      ...currentState,\n      retryError: null,\n    }))\n  }, [])\n\n  React.useEffect(() => {\n    let ignore = false\n\n    const getTransaction = async () => {\n      let newError = null\n      let newTransaction = null\n      let newSubmissionResult = null\n      let newReceiptItems = null\n      let newSchedulingBooking = null\n      try {\n        const result = await handlePaymentQuerystring(query)\n        newTransaction = result.transaction\n        newSubmissionResult = result.submissionResult\n        newReceiptItems = result.receiptItems\n        newSchedulingBooking = result.schedulingBooking ?? null\n      } catch (error) {\n        console.warn('Error while attempting to load transaction', error)\n        newError = error as Error\n      }\n\n      if (!ignore) {\n        setLoadState({\n          isLoading: false,\n          loadError: newError,\n          transaction: newTransaction,\n          submissionResult: newSubmissionResult,\n          receiptItems: newReceiptItems,\n          schedulingBooking: newSchedulingBooking,\n        })\n      }\n    }\n    getTransaction()\n\n    return () => {\n      ignore = true\n    }\n  }, [query])\n\n  const executePostSubmissionAction = React.useCallback(\n    async (\n      action: (\n        submissionRresult: submissionService.FormSubmissionResult,\n      ) => Promise<void>,\n    ) => {\n      if (!submissionResult || !isMounted.current) {\n        return\n      }\n\n      setPostSubmissionState({\n        isRunningPostSubmissionAction: true,\n        postSubmissionError: null,\n      })\n\n      let newError = null\n      try {\n        await action({ ...submissionResult, payment: null })\n      } catch (error) {\n        console.warn('Error while running post submission action', error)\n        newError = error as OneBlinkAppsError\n      }\n\n      if (isMounted.current) {\n        setPostSubmissionState({\n          isRunningPostSubmissionAction: false,\n          postSubmissionError: newError,\n        })\n      }\n    },\n    [isMounted, submissionResult],\n  )\n\n  const handleDone = React.useCallback(async () => {\n    executePostSubmissionAction(onDone)\n  }, [executePostSubmissionAction, onDone])\n\n  const handleCancel = React.useCallback(() => {\n    executePostSubmissionAction(onCancel)\n  }, [executePostSubmissionAction, onCancel])\n\n  const handleTryAgain = React.useCallback(async () => {\n    if (!submissionResult || !submissionResult.payment) {\n      return\n    }\n    const paymentSubmissionEvent = submissionResult.payment.submissionEvent\n\n    if (isMounted.current) {\n      setRetryState({\n        isRetrying: true,\n        retryError: null,\n      })\n    }\n\n    let newError = null\n    try {\n      submissionResult.payment = await handlePaymentSubmissionEvent({\n        amount: submissionResult.payment.amount,\n        formSubmissionResult: submissionResult,\n        paymentSubmissionEvent,\n        paymentReceiptUrl: submissionResult.payment.paymentReceiptUrl,\n        paymentFormUrl: submissionResult.payment.paymentFormUrl,\n      })\n      await submissionService.executePostSubmissionAction(submissionResult, {\n        onRedirectToRelativeUrl: (url) => history.push(url),\n        onRedirectToAbsoluteUrl: (url) => window.location.assign(url),\n      })\n    } catch (error) {\n      console.warn('Error while attempting to retry transaction', error)\n      newError = error as OneBlinkAppsError\n    }\n\n    if (isMounted.current) {\n      setRetryState({\n        isRetrying: false,\n        retryError: newError,\n      })\n    }\n  }, [history, isMounted, submissionResult])\n\n  return (\n    <div>\n      {isLoading && (\n        <section>\n          <div className=\"cypress-loading has-text-centered\">\n            <OnLoading className=\"has-text-centered\"></OnLoading>\n            <span>Retrieving transaction details...</span>\n          </div>\n        </section>\n      )}\n\n      {transaction && (\n        <Receipt\n          className=\"ob-payment-receipt\"\n          containerClassName=\"ob-payment-receipt__container\"\n        >\n          <ReceiptList\n            successIconClassName=\"ob-payment-receipt__success-icon\"\n            warningIconClassName=\"ob-payment-receipt__warning-icon\"\n            warningMessageClassName=\"ob-payment-receipt__warning-message cypress-payment-receipt-warning-message\"\n            warningMessage={\n              transaction.isSuccess\n                ? undefined\n                : transaction.errorMessage || undefined\n            }\n          >\n            {receiptItems &&\n              receiptItems.length &&\n              receiptItems.map((receiptItem, i) => {\n                return (\n                  <ReceiptListItem\n                    key={i}\n                    className={receiptItem.className ?? ''}\n                    valueClassName={receiptItem.valueClassName ?? ''}\n                    icon={receiptItem.icon}\n                    label={receiptItem.label}\n                    value={receiptItem.value}\n                    allowCopyToClipboard={receiptItem.allowCopyToClipboard}\n                  />\n                )\n              })}\n            {schedulingBooking && transaction.isSuccess && (\n              <>\n                {schedulingBooking.location && (\n                  <ReceiptListItem\n                    className=\"ob-scheduling-receipt__location\"\n                    valueClassName=\"cypress-scheduling-receipt-location\"\n                    icon=\"location_on\"\n                    label=\"Location\"\n                    value={schedulingBooking.location}\n                  />\n                )}\n\n                <ReceiptListItem\n                  className=\"ob-scheduling-receipt__start-time\"\n                  valueClassName=\"cypress-scheduling-receipt-start-time\"\n                  icon=\"schedule\"\n                  label=\"Start Time\"\n                  value={localisationService.formatDatetimeLong(\n                    schedulingBooking.startTime,\n                  )}\n                />\n\n                <ReceiptListItem\n                  className=\"ob-scheduling-receipt__end-time\"\n                  valueClassName=\"cypress-scheduling-receipt-end-time\"\n                  icon=\"schedule\"\n                  label=\"End Time\"\n                  value={localisationService.formatDatetimeLong(\n                    schedulingBooking.endTime,\n                  )}\n                />\n              </>\n            )}\n            <ReceiptListItem\n              className=\"ob-payment-receipt__warning\"\n              valueClassName=\"cypress-payment-receipt-warning\"\n              label=\"Warning\"\n              value=\"Please do not click back in your browser, doing so will cause issues with your payment.\"\n            />\n          </ReceiptList>\n\n          {submissionResult && transaction.isSuccess && (\n            <DownloadableFiles\n              formSubmissionResult={submissionResult}\n              layout=\"LIST\"\n            />\n          )}\n\n          <div className=\"buttons\">\n            {transaction.isSuccess ? (\n              <ReceiptButton\n                className=\"is-primary ob-payment-receipt__button ob-payment-receipt__okay-button cypress-payment-receipt-okay-button\"\n                label=\"Done\"\n                isLoading={isRunningPostSubmissionAction}\n                onClick={handleDone}\n              />\n            ) : (\n              <>\n                <ReceiptButton\n                  className=\"ob-payment-receipt__button ob-payment-receipt__cancel-button cypress-payment-receipt-cancel-button\"\n                  label=\"Cancel\"\n                  isDisabled={isRetrying}\n                  isLoading={isRunningPostSubmissionAction}\n                  onClick={handleCancel}\n                />\n                <ReceiptButton\n                  className=\"is-primary ob-payment-receipt__button ob-payment-receipt__try-again-button cypress-payment-receipt-try-again-button\"\n                  label=\"Try Again\"\n                  isDisabled={isRunningPostSubmissionAction}\n                  isLoading={isRetrying}\n                  onClick={handleTryAgain}\n                />\n              </>\n            )}\n          </div>\n        </Receipt>\n      )}\n\n      {loadError && (\n        <section className=\"cypress-payment-receipt-loading-error-message\">\n          <div className=\"ob-payment-receipt__error-icon-container has-text-centered has-margin-bottom-8\">\n            <MaterialIcon className=\"ob-payment-receipt__error-icon has-text-danger icon-x-large\">\n              error\n            </MaterialIcon>\n          </div>\n          <p className=\"ob-payment-receipt__error-message has-text-centered has-margin-bottom-4\">\n            {loadError.message}\n          </p>\n        </section>\n      )}\n\n      {retryError && (\n        <Modal\n          isOpen\n          title={retryError.title || 'Whoops...'}\n          bodyClassName=\"cypress-payment-receipt-retry-error-message\"\n          actions={\n            <button\n              type=\"button\"\n              className=\"button ob-button is-primary cypress-payment-receipt-retry-error-okay-button\"\n              onClick={clearRetryError}\n              autoFocus\n            >\n              Okay\n            </button>\n          }\n        >\n          {retryError.message}\n        </Modal>\n      )}\n\n      {postSubmissionError && (\n        <Modal\n          isOpen\n          title={postSubmissionError.title || 'Whoops...'}\n          bodyClassName=\"cypress-payment-receipt-retry-error-message\"\n          actions={\n            <button\n              type=\"button\"\n              className=\"button ob-button is-primary cypress-payment-receipt-retry-error-okay-button\"\n              onClick={clearPostSubmissionError}\n              autoFocus\n            >\n              Okay\n            </button>\n          }\n        >\n          {postSubmissionError.message}\n        </Modal>\n      )}\n    </div>\n  )\n}\n\n/**\n * Component for rendering a OneBlink Form Payment Receipt. This component will\n * payment receipt but it is up to the developer to implement what happens when\n * the user clicks 'Done'.\n *\n * It is also recommended to import the `css` from this library as well.\n *\n * ```js\n * import { PaymentReceipt } from '@oneblink/apps-react'\n * import '@oneblink/apps-react/dist/styles.css'\n * ```\n *\n * #### Example\n *\n * ```tsx\n * import React from 'react'\n * import ReactDOM from 'react-dom'\n * import { PaymentReceipt } from '@oneblink/apps-react'\n * import '@oneblink/apps-react/dist/styles.css'\n *\n * function ReceiptContainer() {\n *   const handleDone = React.useCallback(async () => {\n *     console.log('All done!')\n *   }, [])\n *   const handleCancel = React.useCallback(async () => {\n *     console.log('Cancelled!')\n *   }, [])\n *\n *   return <PaymentReceipt onDone={handleDone} onCancel={handleCancel} />\n * }\n *\n * function App() {\n *   return (\n *     <IsOfflineContextProvider>\n *       <ReceiptContainer />\n *     </IsOfflineContextProvider>\n *   )\n * }\n *\n * const root = document.getElementById('root')\n * if (root) {\n *   ReactDOM.render(<App />, root)\n * }\n * ```\n *\n * @param props\n * @returns\n * @group Components\n */\nexport default React.memo(PaymentReceipt)\n"]}
+{"version":3,"file":"PaymentReceipt.js","sourceRoot":"","sources":["../src/PaymentReceipt.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { useHistory } from 'react-router-dom'\nimport {\n  paymentService,\n  submissionService,\n  OneBlinkAppsError,\n  schedulingService,\n  localisationService,\n} from './apps'\nimport useIsMounted from './hooks/useIsMounted'\n\nimport useQuery from './hooks/useQuery'\nimport Modal from './components/renderer/Modal'\nimport OnLoading from './components/renderer/OnLoading'\nimport {\n  Receipt,\n  ReceiptList,\n  ReceiptListItem,\n  ReceiptButton,\n} from './components/receipts'\nimport MaterialIcon from './components/MaterialIcon'\nimport DownloadableFiles from './components/downloadable-files'\n\nconst { handlePaymentQuerystring, handlePaymentSubmissionEvent } =\n  paymentService\n\nfunction PaymentReceipt({\n  onDone,\n  onCancel,\n}: {\n  /**\n   * The function to call when the user clicks 'Done'. See\n   * [FormSubmissionResult](https://oneblink.github.io/apps/modules/submissionService.html#FormSubmissionResult)\n   * for the structure of the argument.\n   */\n  onDone: (\n    submissionResult: submissionService.FormSubmissionResult,\n  ) => Promise<void>\n  /**\n   * The function to call when the user clicks 'Cancel'. See\n   * [FormSubmissionResult](https://oneblink.github.io/apps/modules/submissionService.html#FormSubmissionResult)\n   * for the structure of the argument.\n   */\n  onCancel: (\n    submissionResult: submissionService.FormSubmissionResult,\n  ) => Promise<void>\n}) {\n  const isMounted = useIsMounted()\n  const query = useQuery()\n  const history = useHistory()\n\n  const [\n    {\n      isLoading,\n      loadError,\n      transaction,\n      submissionResult,\n      receiptItems,\n      schedulingBooking,\n    },\n    setLoadState,\n  ] = React.useState<{\n    isLoading: boolean\n    loadError: Error | null\n    transaction: paymentService.HandlePaymentResult['transaction'] | null\n    submissionResult: submissionService.FormSubmissionResult | null\n    receiptItems: paymentService.PaymentReceiptItem[] | null\n    schedulingBooking: schedulingService.SchedulingBooking | null\n  }>({\n    isLoading: true,\n    loadError: null,\n    transaction: null,\n    submissionResult: null,\n    receiptItems: null,\n    schedulingBooking: null,\n  })\n  const [\n    { isRunningPostSubmissionAction, postSubmissionError },\n    setPostSubmissionState,\n  ] = React.useState<{\n    isRunningPostSubmissionAction: boolean\n    postSubmissionError: OneBlinkAppsError | null\n  }>({\n    isRunningPostSubmissionAction: false,\n    postSubmissionError: null,\n  })\n  const clearPostSubmissionError = React.useCallback(() => {\n    setPostSubmissionState((currentState) => ({\n      ...currentState,\n      postSubmissionError: null,\n    }))\n  }, [])\n  const [{ isRetrying, retryError }, setRetryState] = React.useState<{\n    isRetrying: boolean\n    retryError: OneBlinkAppsError | null\n  }>({\n    isRetrying: false,\n    retryError: null,\n  })\n  const clearRetryError = React.useCallback(() => {\n    setRetryState((currentState) => ({\n      ...currentState,\n      retryError: null,\n    }))\n  }, [])\n\n  React.useEffect(() => {\n    let ignore = false\n\n    const getTransaction = async () => {\n      let newError = null\n      let newTransaction = null\n      let newSubmissionResult = null\n      let newReceiptItems = null\n      let newSchedulingBooking = null\n      try {\n        const result = await handlePaymentQuerystring(query)\n        newTransaction = result.transaction\n        newSubmissionResult = result.submissionResult\n        newReceiptItems = result.receiptItems\n        newSchedulingBooking = result.schedulingBooking ?? null\n      } catch (error) {\n        console.warn('Error while attempting to load transaction', error)\n        newError = error as Error\n      }\n\n      if (!ignore) {\n        setLoadState({\n          isLoading: false,\n          loadError: newError,\n          transaction: newTransaction,\n          submissionResult: newSubmissionResult,\n          receiptItems: newReceiptItems,\n          schedulingBooking: newSchedulingBooking,\n        })\n      }\n    }\n    getTransaction()\n\n    return () => {\n      ignore = true\n    }\n  }, [query])\n\n  const executePostSubmissionAction = React.useCallback(\n    async (\n      action: (\n        submissionRresult: submissionService.FormSubmissionResult,\n      ) => Promise<void>,\n    ) => {\n      if (!submissionResult || !isMounted.current) {\n        return\n      }\n\n      setPostSubmissionState({\n        isRunningPostSubmissionAction: true,\n        postSubmissionError: null,\n      })\n\n      let newError = null\n      try {\n        await action({ ...submissionResult, payment: null })\n      } catch (error) {\n        console.warn('Error while running post submission action', error)\n        newError = error as OneBlinkAppsError\n      }\n\n      if (isMounted.current) {\n        setPostSubmissionState({\n          isRunningPostSubmissionAction: false,\n          postSubmissionError: newError,\n        })\n      }\n    },\n    [isMounted, submissionResult],\n  )\n\n  const handleDone = React.useCallback(async () => {\n    executePostSubmissionAction(onDone)\n  }, [executePostSubmissionAction, onDone])\n\n  const handleCancel = React.useCallback(() => {\n    executePostSubmissionAction(onCancel)\n  }, [executePostSubmissionAction, onCancel])\n\n  const handleTryAgain = React.useCallback(async () => {\n    if (!submissionResult || !submissionResult.payment) {\n      return\n    }\n    const paymentSubmissionEvent = submissionResult.payment.submissionEvent\n\n    if (isMounted.current) {\n      setRetryState({\n        isRetrying: true,\n        retryError: null,\n      })\n    }\n\n    let newError = null\n    try {\n      const payment = await handlePaymentSubmissionEvent({\n        amount: submissionResult.payment.amount,\n        formSubmissionResult: submissionResult,\n        paymentSubmissionEvent,\n        paymentReceiptUrl: submissionResult.payment.paymentReceiptUrl,\n        paymentFormUrl: submissionResult.payment.paymentFormUrl,\n      })\n      await submissionService.executePostSubmissionAction({ ...submissionResult, payment }, {\n        onRedirectToRelativeUrl: (url) => history.push(url),\n        onRedirectToAbsoluteUrl: (url) => window.location.assign(url),\n      })\n    } catch (error) {\n      console.warn('Error while attempting to retry transaction', error)\n      newError = error as OneBlinkAppsError\n    }\n\n    if (isMounted.current) {\n      setRetryState({\n        isRetrying: false,\n        retryError: newError,\n      })\n    }\n  }, [history, isMounted, submissionResult])\n\n  return (\n    <div>\n      {isLoading && (\n        <section>\n          <div className=\"cypress-loading has-text-centered\">\n            <OnLoading className=\"has-text-centered\"></OnLoading>\n            <span>Retrieving transaction details...</span>\n          </div>\n        </section>\n      )}\n\n      {transaction && (\n        <Receipt\n          className=\"ob-payment-receipt\"\n          containerClassName=\"ob-payment-receipt__container\"\n        >\n          <ReceiptList\n            successIconClassName=\"ob-payment-receipt__success-icon\"\n            warningIconClassName=\"ob-payment-receipt__warning-icon\"\n            warningMessageClassName=\"ob-payment-receipt__warning-message cypress-payment-receipt-warning-message\"\n            warningMessage={\n              transaction.isSuccess\n                ? undefined\n                : transaction.errorMessage || undefined\n            }\n          >\n            {receiptItems &&\n              receiptItems.length &&\n              receiptItems.map((receiptItem, i) => {\n                return (\n                  <ReceiptListItem\n                    key={i}\n                    className={receiptItem.className ?? ''}\n                    valueClassName={receiptItem.valueClassName ?? ''}\n                    icon={receiptItem.icon}\n                    label={receiptItem.label}\n                    value={receiptItem.value}\n                    allowCopyToClipboard={receiptItem.allowCopyToClipboard}\n                  />\n                )\n              })}\n            {schedulingBooking && transaction.isSuccess && (\n              <>\n                {schedulingBooking.location && (\n                  <ReceiptListItem\n                    className=\"ob-scheduling-receipt__location\"\n                    valueClassName=\"cypress-scheduling-receipt-location\"\n                    icon=\"location_on\"\n                    label=\"Location\"\n                    value={schedulingBooking.location}\n                  />\n                )}\n\n                <ReceiptListItem\n                  className=\"ob-scheduling-receipt__start-time\"\n                  valueClassName=\"cypress-scheduling-receipt-start-time\"\n                  icon=\"schedule\"\n                  label=\"Start Time\"\n                  value={localisationService.formatDatetimeLong(\n                    schedulingBooking.startTime,\n                  )}\n                />\n\n                <ReceiptListItem\n                  className=\"ob-scheduling-receipt__end-time\"\n                  valueClassName=\"cypress-scheduling-receipt-end-time\"\n                  icon=\"schedule\"\n                  label=\"End Time\"\n                  value={localisationService.formatDatetimeLong(\n                    schedulingBooking.endTime,\n                  )}\n                />\n              </>\n            )}\n            <ReceiptListItem\n              className=\"ob-payment-receipt__warning\"\n              valueClassName=\"cypress-payment-receipt-warning\"\n              label=\"Warning\"\n              value=\"Please do not click back in your browser, doing so will cause issues with your payment.\"\n            />\n          </ReceiptList>\n\n          {submissionResult && transaction.isSuccess && (\n            <DownloadableFiles\n              formSubmissionResult={submissionResult}\n              layout=\"LIST\"\n            />\n          )}\n\n          <div className=\"buttons\">\n            {transaction.isSuccess ? (\n              <ReceiptButton\n                className=\"is-primary ob-payment-receipt__button ob-payment-receipt__okay-button cypress-payment-receipt-okay-button\"\n                label=\"Done\"\n                isLoading={isRunningPostSubmissionAction}\n                onClick={handleDone}\n              />\n            ) : (\n              <>\n                <ReceiptButton\n                  className=\"ob-payment-receipt__button ob-payment-receipt__cancel-button cypress-payment-receipt-cancel-button\"\n                  label=\"Cancel\"\n                  isDisabled={isRetrying}\n                  isLoading={isRunningPostSubmissionAction}\n                  onClick={handleCancel}\n                />\n                <ReceiptButton\n                  className=\"is-primary ob-payment-receipt__button ob-payment-receipt__try-again-button cypress-payment-receipt-try-again-button\"\n                  label=\"Try Again\"\n                  isDisabled={isRunningPostSubmissionAction}\n                  isLoading={isRetrying}\n                  onClick={handleTryAgain}\n                />\n              </>\n            )}\n          </div>\n        </Receipt>\n      )}\n\n      {loadError && (\n        <section className=\"cypress-payment-receipt-loading-error-message\">\n          <div className=\"ob-payment-receipt__error-icon-container has-text-centered has-margin-bottom-8\">\n            <MaterialIcon className=\"ob-payment-receipt__error-icon has-text-danger icon-x-large\">\n              error\n            </MaterialIcon>\n          </div>\n          <p className=\"ob-payment-receipt__error-message has-text-centered has-margin-bottom-4\">\n            {loadError.message}\n          </p>\n        </section>\n      )}\n\n      {retryError && (\n        <Modal\n          isOpen\n          title={retryError.title || 'Whoops...'}\n          bodyClassName=\"cypress-payment-receipt-retry-error-message\"\n          actions={\n            <button\n              type=\"button\"\n              className=\"button ob-button is-primary cypress-payment-receipt-retry-error-okay-button\"\n              onClick={clearRetryError}\n              autoFocus\n            >\n              Okay\n            </button>\n          }\n        >\n          {retryError.message}\n        </Modal>\n      )}\n\n      {postSubmissionError && (\n        <Modal\n          isOpen\n          title={postSubmissionError.title || 'Whoops...'}\n          bodyClassName=\"cypress-payment-receipt-retry-error-message\"\n          actions={\n            <button\n              type=\"button\"\n              className=\"button ob-button is-primary cypress-payment-receipt-retry-error-okay-button\"\n              onClick={clearPostSubmissionError}\n              autoFocus\n            >\n              Okay\n            </button>\n          }\n        >\n          {postSubmissionError.message}\n        </Modal>\n      )}\n    </div>\n  )\n}\n\n/**\n * Component for rendering a OneBlink Form Payment Receipt. This component will\n * payment receipt but it is up to the developer to implement what happens when\n * the user clicks 'Done'.\n *\n * It is also recommended to import the `css` from this library as well.\n *\n * ```js\n * import { PaymentReceipt } from '@oneblink/apps-react'\n * import '@oneblink/apps-react/dist/styles.css'\n * ```\n *\n * #### Example\n *\n * ```tsx\n * import React from 'react'\n * import ReactDOM from 'react-dom'\n * import { PaymentReceipt } from '@oneblink/apps-react'\n * import '@oneblink/apps-react/dist/styles.css'\n *\n * function ReceiptContainer() {\n *   const handleDone = React.useCallback(async () => {\n *     console.log('All done!')\n *   }, [])\n *   const handleCancel = React.useCallback(async () => {\n *     console.log('Cancelled!')\n *   }, [])\n *\n *   return <PaymentReceipt onDone={handleDone} onCancel={handleCancel} />\n * }\n *\n * function App() {\n *   return (\n *     <IsOfflineContextProvider>\n *       <ReceiptContainer />\n *     </IsOfflineContextProvider>\n *   )\n * }\n *\n * const root = document.getElementById('root')\n * if (root) {\n *   ReactDOM.render(<App />, root)\n * }\n * ```\n *\n * @param props\n * @returns\n * @group Components\n */\nexport default React.memo(PaymentReceipt)\n"]}

package/dist/apps/Sentry.d.ts

@@ -0,0 +1,7 @@
+import * as Sentry from '@sentry/browser';
+declare const _default: {
+    init: (formsAppId: number, options: Sentry.BrowserOptions) => void;
+    captureException: typeof Sentry.captureException;
+    setTag: typeof Sentry.setTag;
+};
+export default _default;

package/dist/apps/Sentry.js

@@ -0,0 +1,16 @@
+import * as Sentry from '@sentry/browser';
+import tenants from './tenants';
+export default {
+    init: (formsAppId, options) => {
+        Sentry.init({
+            integrations: [Sentry.browserTracingIntegration()],
+            ...options,
+        });
+        Sentry.setTag('hostname', window.location.hostname);
+        Sentry.setTag('tenant', tenants.tenant);
+        Sentry.setTag('formsAppId', formsAppId);
+    },
+    captureException: Sentry.captureException,
+    setTag: Sentry.setTag,
+};
+//# sourceMappingURL=Sentry.js.map

package/dist/apps/Sentry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sentry.js","sourceRoot":"","sources":["../../src/apps/Sentry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAA;AACzC,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAe;IACb,IAAI,EAAE,CAAC,UAAkB,EAAE,OAA8B,EAAE,EAAE;QAC3D,MAAM,CAAC,IAAI,CAAC;YACV,YAAY,EAAE,CAAC,MAAM,CAAC,yBAAyB,EAAE,CAAC;YAClD,GAAG,OAAO;SACX,CAAC,CAAA;QACF,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;QACnD,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;QACvC,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;IACzC,CAAC;IACD,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;IACzC,MAAM,EAAE,MAAM,CAAC,MAAM;CACtB,CAAA","sourcesContent":["import * as Sentry from '@sentry/browser'\nimport tenants from './tenants'\n\nexport default {\n  init: (formsAppId: number, options: Sentry.BrowserOptions) => {\n    Sentry.init({\n      integrations: [Sentry.browserTracingIntegration()],\n      ...options,\n    })\n    Sentry.setTag('hostname', window.location.hostname)\n    Sentry.setTag('tenant', tenants.tenant)\n    Sentry.setTag('formsAppId', formsAppId)\n  },\n  captureException: Sentry.captureException,\n  setTag: Sentry.setTag,\n}\n"]}

package/dist/apps/approvals-service.d.ts

@@ -0,0 +1,390 @@
+import { SubmissionTypes, ApprovalTypes, FormTypes } from '@oneblink/types';
+export type FormSubmissionApprovalsResponse = {
+    approvals: Array<{
+        formSubmissionApproval: ApprovalTypes.FormSubmissionApproval;
+        formApprovalFlowInstance: ApprovalTypes.FormApprovalFlowInstance;
+        formSubmissionMeta: SubmissionTypes.FormSubmissionMeta;
+        latestSuccessfulFormSubmissionPayment: SubmissionTypes.FormSubmissionPayment | undefined;
+    }>;
+};
+export type FormApprovalFlowInstanceHistory = {
+    formApprovalFlowInstance: ApprovalTypes.FormApprovalFlowInstance;
+    formSubmissionMeta: SubmissionTypes.FormSubmissionMeta;
+    formSubmissionApprovals: ApprovalTypes.FormSubmissionApproval[];
+    successfulFormSubmissionPayment?: SubmissionTypes.FormSubmissionPayment;
+};
+export type FormSubmissionApprovalResponse = {
+    formSubmissionMeta: SubmissionTypes.FormSubmissionMeta;
+    formApprovalFlowInstance: ApprovalTypes.FormApprovalFlowInstance;
+    formSubmissionApproval: ApprovalTypes.FormSubmissionApproval;
+    form: FormTypes.Form;
+    successfulFormSubmissionPayment?: SubmissionTypes.FormSubmissionPayment;
+    history: FormApprovalFlowInstanceHistory[];
+};
+export type FormSubmissionsAdministrationApprovalsResponse = {
+    approvals: Array<FormApprovalFlowInstanceHistory & {
+        history: Array<FormApprovalFlowInstanceHistory>;
+    }>;
+    meta: {
+        limit: number;
+        offset: number;
+        nextOffset?: number;
+    };
+};
+/**
+ * Get an Object containing FormSubmissionApprovals assigned to the current user
+ * and the Form definitions in those approvals.
+ *
+ * #### Example
+ *
+ * ```js
+ * const formsAppId = 1
+ * const {
+ *   formSubmissionApprovals,
+ *   formApprovalFlowInstances,
+ *   forms,
+ *   formSubmissionMeta,
+ * } = await approvalsService.getFormSubmissionApprovals(formAppId)
+ * ```
+ *
+ * @param formsAppId
+ * @param abortSignal
+ * @returns
+ */
+export declare function getFormSubmissionApprovals(formsAppId: number, abortSignal?: AbortSignal): Promise<FormSubmissionApprovalsResponse>;
+/**
+ * Get a single FormSubmissionApproval belonging to the given id.
+ *
+ * #### Example
+ *
+ * ```js
+ * const formSubmissionApprovalId = 'd27966cc-128d-48a2-b681-6ad52012e113'
+ * const {
+ *   formSubmissionApproval,
+ *   formApprovalFlowInstance,
+ *   formSubmissionMeta,
+ *   form,
+ *   history,
+ * } = await approvalsService.getFormSubmissionApproval(
+ *   formSubmissionApprovalId,
+ * )
+ * ```
+ *
+ * @param formSubmissionApprovalId
+ * @param abortSignal
+ * @returns
+ */
+export declare function getFormSubmissionApproval(formSubmissionApprovalId: string, abortSignal?: AbortSignal): Promise<FormSubmissionApprovalResponse>;
+/**
+ * Update a single FormSubmissionApproval assigned to the current user.
+ *
+ * #### Example
+ *
+ * ```js
+ * const formSubmissionApproval = {
+ *   id: 'd27966cc-128d-48a2-b681-6ad52012e113',
+ *   status: 'APPROVED',
+ *   username: 'email@example.com',
+ *   formApprovalFlowInstanceId: 1,
+ *   notificationEmailAddress: 'email@example.com',
+ *   notes: 'Great work!!!',
+ *   internalNotes: 'It was not really that great...',
+ *   cannedResponseKey: 'my_canned_response_key',
+ *   createdAt: '2021-02-21T22:57:56.257Z',
+ *   updatedAt: '2021-02-21T22:57:56.257Z',
+ * }
+ * const updatedFormSubmissionApproval =
+ *   await approvalsService.updateFormSubmissionApproval(
+ *     formSubmissionApproval,
+ *   )
+ * ```
+ *
+ * @param formSubmissionApproval
+ * @param abortSignal
+ * @returns
+ */
+export declare function updateFormSubmissionApproval(formSubmissionApproval: ApprovalTypes.FormSubmissionApproval, abortSignal?: AbortSignal): Promise<ApprovalTypes.FormSubmissionApproval>;
+/**
+ * @deprecated Use "reopenFormApprovalFlowInstance()" instead
+ * @internal
+ */
+export declare const reopenFormSubmissionApproval: typeof reopenFormApprovalFlowInstance;
+/**
+ * As an administrator, reopen a submission that has been approved or denied.
+ *
+ * #### Example
+ *
+ * ```js
+ * await approvalsService.reopenFormApprovalFlowInstance({
+ *   formApprovalFlowInstanceId: 1,
+ *   notificationEmailAddress: 'email@example.com',
+ *   notes: 'Great work!!!',
+ *   internalNotes: 'It was not really that great...',
+ *   cannedResponseKey: 'my_canned_response_key',
+ * })
+ * ```
+ *
+ * @param options
+ * @param abortSignal
+ * @returns
+ */
+export declare function reopenFormApprovalFlowInstance({ formApprovalFlowInstanceId, ...payload }: {
+    formApprovalFlowInstanceId: number;
+    notificationEmailAddress: string;
+    notes: string;
+    internalNotes?: string;
+    cannedResponseKey?: string;
+}, abortSignal?: AbortSignal): Promise<ApprovalTypes.FormSubmissionApproval>;
+/**
+ * As an administrator, close a submission that has been approved.
+ *
+ * #### Example
+ *
+ * ```js
+ * await approvalsService.closeFormApprovalFlowInstance({
+ *   formApprovalFlowInstanceId: 1,
+ *   notificationEmailAddress: ['email@example.com'],
+ *   notes: 'Great work!!!',
+ *   internalNotes: 'It was not really that great...',
+ *   cannedResponseKey: 'my_canned_response_key',
+ * })
+ * ```
+ *
+ * @param options
+ * @param abortSignal
+ * @returns
+ */
+export declare function closeFormApprovalFlowInstance({ formApprovalFlowInstanceId, ...payload }: {
+    formApprovalFlowInstanceId: number;
+    notificationEmailAddress?: string[];
+    notes?: string;
+    internalNotes?: string;
+    cannedResponseKey?: string;
+}, abortSignal?: AbortSignal): Promise<ApprovalTypes.FormSubmissionApproval>;
+export type FormApprovalFlowResponse = {
+    forms: FormTypes.Form[];
+};
+export declare function getFormApprovalFlows(formsAppId: number, abortSignal?: AbortSignal): Promise<FormApprovalFlowResponse>;
+/**
+ * Get an Object containing approvals for the app regardless of approval groups
+ * and meta for paging. Must be an Approvals Administrator.
+ *
+ * #### Example
+ *
+ * ```js
+ * const formsAppId = 1
+ * const limit = 50
+ * const offset = 0
+ * const { approvals, meta } =
+ *   await approvalsService.getFormSubmissionAdministrationApprovals({
+ *     formAppId,
+ *     limit,
+ *     offset,
+ *   })
+ * ```
+ *
+ * @param options
+ * @param abortSignal
+ * @returns
+ */
+export declare function getFormSubmissionAdministrationApprovals({ formsAppId, ...rest }: {
+    formsAppId: number;
+    formId?: number;
+    externalId?: string;
+    submissionId?: string;
+    formApprovalFlowInstanceId?: number;
+    submittedAfterDateTime?: string;
+    submittedBeforeDateTime?: string;
+    limit: number;
+    offset: number;
+    statuses?: string[];
+    updatedAfterDateTime?: string;
+    updatedBeforeDateTime?: string;
+    lastUpdatedBy?: string[];
+    submissionTitle?: string;
+}, abortSignal?: AbortSignal): Promise<FormSubmissionsAdministrationApprovalsResponse>;
+export type FormApprovalUsernamesResponse = {
+    usernames: Array<{
+        username: string;
+    }>;
+};
+/**
+ * Get an array containing usernames that have updated approvals in the within
+ * the formsAppId associated with the passed `formsAppId`. Must be an Approvals
+ * Administrator.
+ *
+ * #### Example
+ *
+ * ```js
+ * const formsAppId = 1
+ * const { usernames } =
+ *   await approvalsService.getFormApprovalUsernames(formsAppId)
+ * ```
+ *
+ * @param formsAppId
+ * @param abortSignal
+ * @returns
+ */
+export declare function getFormApprovalUsernames(formsAppId: number, abortSignal?: AbortSignal): Promise<FormApprovalUsernamesResponse>;
+/**
+ * Create an additional note for a form submission approval.
+ *
+ * #### Example
+ *
+ * ```js
+ * const formSubmissionApprovalId = 'd96ff812-f263-4a66-868d-e259a1fe4157'
+ * const newFormSubmissionApprovalNote = {
+ *   note: 'this is my note',
+ * }
+ * const createdFormSubmissionApprovalNote =
+ *   await approvalsService.createApprovalAdditionalNote({
+ *     formSubmissionApprovalId,
+ *     newFormSubmissionApprovalNote,
+ *   })
+ * ```
+ *
+ * @param options
+ * @returns
+ */
+export declare function createApprovalAdditionalNote({ formSubmissionApprovalId, newFormSubmissionApprovalNote, abortSignal, }: {
+    formSubmissionApprovalId: string;
+    newFormSubmissionApprovalNote: ApprovalTypes.NewFormSubmissionApprovalNote;
+    abortSignal?: AbortSignal;
+}): Promise<ApprovalTypes.FormSubmissionApprovalNote>;
+/**
+ * Update an additional note for a form submission approval.
+ *
+ * #### Example
+ *
+ * ```js
+ * const formSubmissionApprovalId = 'd96ff812-f263-4a66-868d-e259a1fe4157'
+ * const formSubmissionApprovalNote = {
+ *   id: '1e84dee3-0dc0-4abe-b2cf-d15d62fd9d0b',
+ *   note: 'this is my note',
+ *   createdAt: '2022-06-24T03:16:34.696Z',
+ *   createdBy: {
+ *     username: 'user@domain.com',
+ *   },
+ *   updatedAt: '2022-06-24T03:16:34.696Z',
+ *   lastUpdatedBy: {
+ *     username: 'user@domain.com',
+ *   },
+ * }
+ * const updatedFormSubmissionApprovalNote =
+ *   await approvalsService.updateApprovalAdditionalNote({
+ *     formSubmissionApprovalId,
+ *     formSubmissionApprovalNote,
+ *   })
+ * ```
+ *
+ * @param options
+ * @returns
+ */
+export declare function updateApprovalAdditionalNote({ formSubmissionApprovalId, formSubmissionApprovalNote, abortSignal, }: {
+    formSubmissionApprovalId: string;
+    formSubmissionApprovalNote: ApprovalTypes.FormSubmissionApprovalNote;
+    abortSignal?: AbortSignal;
+}): Promise<ApprovalTypes.FormSubmissionApprovalNote>;
+/**
+ * Delete an additional note for a form submission approval.
+ *
+ * #### Example
+ *
+ * ```js
+ * const formSubmissionApprovalId = 'd96ff812-f263-4a66-868d-e259a1fe4157'
+ * const formSubmissionApprovalNoteId = '1e84dee3-0dc0-4abe-b2cf-d15d62fd9d0b',
+ * const updatedFormSubmissionApprovalNote =
+ *   await approvalsService.deleteApprovalAdditionalNote({
+ *     formSubmissionApprovalId,
+ *     formSubmissionApprovalNoteId,
+ *   })
+ * ```
+ *
+ * @param options
+ * @returns
+ */
+export declare function deleteApprovalAdditionalNote({ formSubmissionApprovalId, formSubmissionApprovalNoteId, abortSignal, }: {
+    formSubmissionApprovalId: string;
+    formSubmissionApprovalNoteId: string;
+    abortSignal?: AbortSignal;
+}): Promise<void>;
+/**
+ * Get the status of a single FormSubmissionApproval for the given id.
+ *
+ * #### Example
+ *
+ * ```js
+ * const formSubmissionApprovalId = 'd27966cc-128d-48a2-b681-6ad52012e113'
+ * const { status } =
+ *   await approvalsService.getFormSubmissionApprovalStatus(
+ *     formSubmissionApprovalId,
+ *   )
+ * ```
+ *
+ * @param formSubmissionApprovalId
+ * @param abortSignal
+ * @returns
+ */
+export declare function getFormSubmissionApprovalStatus(formSubmissionApprovalId: string, abortSignal?: AbortSignal): Promise<{
+    status: ApprovalTypes.NewFormSubmissionApproval['status'];
+}>;
+/**
+ * Inputs a form approval flow instance and set of form submission approvals and
+ * returns a flattened array of nodes/steps with inlcuded metadata.
+ *
+ * #### Example
+ *
+ * ```js
+ * const formApprovalFlowInstance = {
+ *   steps: [
+ *     {
+ *       type: 'STANDARD',
+ *       group: 'oneblink:administrator',
+ *       isSkipped: false,
+ *       label: 'Manager Approval',
+ *       approvalFormId: '1234',
+ *     },
+ *     {
+ *       type: 'CONCURRENT',
+ *       nodes: [
+ *         {
+ *           label: 'HR Review',
+ *           group: 'oneblink:administrator',
+ *           isSkipped: false,
+ *           approvalFormId: '1234',
+ *         },
+ *         {
+ *           label: 'Finance Review',
+ *           group: 'oneblink:administrator',
+ *           isSkipped: false,
+ *           approvalFormId: '1234',
+ *         },
+ *       ],
+ *     },
+ *   ],
+ * }
+ *
+ * const formSubmissionApprovals = [
+ *   {
+ *     id: 'approval1',
+ *     stepLabel: 'Manager Approval',
+ *     status: 'APPROVED',
+ *     createdAt: '2024-03-20T10:00:00Z',
+ *     updatedAt: '2024-03-20T10:00:00Z',
+ *     updatedBy: 'fake@fake.com',
+ *     group: 'oneblink:administrator',
+ *     approvalFormId: '1234',
+ *   },
+ * ]
+ *
+ * const nodesWithMeta = getFlowInstanceNodesWithMeta(
+ *   formApprovalFlowInstance,
+ *   formSubmissionApprovals,
+ * )
+ * ```
+ *
+ * @param formApprovalFlowInstance
+ * @param formSubmissionApprovals
+ * @returns ApprovalTypes.FlowInstanceNodeWithMeta[]
+ */
+export declare function getFlowInstanceNodesWithMeta(formApprovalFlowInstance: ApprovalTypes.FormApprovalFlowInstance, formSubmissionApprovals: ApprovalTypes.FormSubmissionApproval[]): ApprovalTypes.FlowInstanceNodeWithMeta[];