@oneblink/apps-react 9.0.0-beta.3 → 9.0.0-beta.4

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      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"]}

package/dist/apps/index.d.ts

@@ -4,7 +4,7 @@
  * Helper functions for offline handling
  *
  * ```js
- * import { offlineService } from '@oneblink/apps'
+ * import { offlineService } from '@oneblink/apps-react'
  * ```
  */
 export * as offlineService from './offline-service';
@@ -17,7 +17,7 @@ export * as offlineService from './offline-service';
  * service.**
  *
  * ```js
- * import { authService } from '@oneblink/apps'
+ * import { authService } from '@oneblink/apps-react'
  * ```
  */
 export * as authService from './auth-service';
@@ -27,7 +27,7 @@ export * as authService from './auth-service';
  * Helper functions for handling drafts.
  *
  * ```js
- * import { draftService } from '@oneblink/apps'
+ * import { draftService } from '@oneblink/apps-react'
  * ```
  */
 export * as draftService from './draft-service';
@@ -37,7 +37,7 @@ export * as draftService from './draft-service';
  * Helper functions for offline handling
  *
  * ```js
- * import { prefillService } from '@oneblink/apps'
+ * import { prefillService } from '@oneblink/apps-react'
  * ```
  */
 export * as prefillService from './prefill-service';
@@ -47,7 +47,7 @@ export * as prefillService from './prefill-service';
  * Helper functions for payment handling
  *
  * ```js
- * import { paymentService } from '@oneblink/apps'
+ * import { paymentService } from '@oneblink/apps-react'
  * ```
  */
 export * as paymentService from './payment-service';
@@ -57,7 +57,7 @@ export * as paymentService from './payment-service';
  * Helper functions for scheduling booking handling
  *
  * ```js
- * import { schedulingService } from '@oneblink/apps'
+ * import { schedulingService } from '@oneblink/apps-react'
  * ```
  */
 export * as schedulingService from './scheduling-service';
@@ -67,7 +67,7 @@ export * as schedulingService from './scheduling-service';
  * Helper functions for job handling
  *
  * ```js
- * import { jobService } from '@oneblink/apps'
+ * import { jobService } from '@oneblink/apps-react'
  * ```
  */
 export * as jobService from './job-service';
@@ -77,7 +77,7 @@ export * as jobService from './job-service';
  * Helper functions for handling form submissions
  *
  * ```js
- * import { submissionService } from '@oneblink/apps'
+ * import { submissionService } from '@oneblink/apps-react'
  * ```
  */
 export * as submissionService from './submission-service';
@@ -87,7 +87,7 @@ export * as submissionService from './submission-service';
  * Helper functions for handling data while user is completing form.
  *
  * ```js
- * import { autoSaveService } from '@oneblink/apps'
+ * import { autoSaveService } from '@oneblink/apps-react'
  * ```
  */
 export * as autoSaveService from './auto-save-service';
@@ -97,7 +97,7 @@ export * as autoSaveService from './auto-save-service';
  * Helper functions for notification handling
  *
  * ```js
- * import { notificationService } from '@oneblink/apps'
+ * import { notificationService } from '@oneblink/apps-react'
  * ```
  *
  * ### Service Worker
@@ -172,7 +172,7 @@ export * as notificationService from './notification-service';
  * Helper functions for form handling
  *
  * ```js
- * import { formService } from '@oneblink/apps'
+ * import { formService } from '@oneblink/apps-react'
  * ```
  */
 export * as formService from './form-service';
@@ -182,7 +182,7 @@ export * as formService from './form-service';
  * Helper functions for handling approvals
  *
  * ```js
- * import { approvalsService } from '@oneblink/apps'
+ * import { approvalsService } from '@oneblink/apps-react'
  * ```
  */
 export * as approvalsService from './approvals-service';
@@ -192,7 +192,7 @@ export * as approvalsService from './approvals-service';
  * Helper functions for forms apps
  *
  * ```js
- * import { formsAppService } from '@oneblink/apps'
+ * import { formsAppService } from '@oneblink/apps-react'
  * ```
  */
 export * as formsAppService from './forms-app-service';
@@ -202,7 +202,7 @@ export * as formsAppService from './forms-app-service';
  * Helper functions for handling Form Store Records
  *
  * ```js
- * import { formStoreService } from '@oneblink/apps'
+ * import { formStoreService } from '@oneblink/apps-react'
  * ```
  */
 export * as formStoreService from './form-store-service';
@@ -212,7 +212,7 @@ export * as formStoreService from './form-store-service';
  * Helper functions for handling all things locale.
  *
  * ```js
- * import { localisationService } from '@oneblink/apps'
+ * import { localisationService } from '@oneblink/apps-react'
  * ```
  */
 export * as localisationService from './localisation-service';
@@ -222,7 +222,7 @@ export * as localisationService from './localisation-service';
  * Helper functions for attachment handling
  *
  * ```js
- * import { attachmentsService } from '@oneblink/apps'
+ * import { attachmentsService } from '@oneblink/apps-react'
  * ```
  */
 export * as attachmentsService from './attachments-service';
@@ -232,7 +232,7 @@ export * as attachmentsService from './attachments-service';
  * Helper functions for scheduled tasks
  *
  * ```js
- * import { scheduledTasksService } from '@oneblink/apps'
+ * import { scheduledTasksService } from '@oneblink/apps-react'
  * ```
  */
 export * as scheduledTasksService from './scheduled-tasks-service';
@@ -242,7 +242,7 @@ export * as scheduledTasksService from './scheduled-tasks-service';
  * Helper functions for forms app environments
  *
  * ```js
- * import { formsAppEnvironmentService } from '@oneblink/apps'
+ * import { formsAppEnvironmentService } from '@oneblink/apps-react'
  * ```
  */
 export * as formsAppEnvironmentService from './forms-app-environment-service';

package/dist/apps/index.js

@@ -4,7 +4,7 @@
  * Helper functions for offline handling
  *
  * ```js
- * import { offlineService } from '@oneblink/apps'
+ * import { offlineService } from '@oneblink/apps-react'
  * ```
  */
 export * as offlineService from './offline-service';
@@ -17,7 +17,7 @@ export * as offlineService from './offline-service';
  * service.**
  *
  * ```js
- * import { authService } from '@oneblink/apps'
+ * import { authService } from '@oneblink/apps-react'
  * ```
  */
 export * as authService from './auth-service';
@@ -27,7 +27,7 @@ export * as authService from './auth-service';
  * Helper functions for handling drafts.
  *
  * ```js
- * import { draftService } from '@oneblink/apps'
+ * import { draftService } from '@oneblink/apps-react'
  * ```
  */
 export * as draftService from './draft-service';
@@ -37,7 +37,7 @@ export * as draftService from './draft-service';
  * Helper functions for offline handling
  *
  * ```js
- * import { prefillService } from '@oneblink/apps'
+ * import { prefillService } from '@oneblink/apps-react'
  * ```
  */
 export * as prefillService from './prefill-service';
@@ -47,7 +47,7 @@ export * as prefillService from './prefill-service';
  * Helper functions for payment handling
  *
  * ```js
- * import { paymentService } from '@oneblink/apps'
+ * import { paymentService } from '@oneblink/apps-react'
  * ```
  */
 export * as paymentService from './payment-service';
@@ -57,7 +57,7 @@ export * as paymentService from './payment-service';
  * Helper functions for scheduling booking handling
  *
  * ```js
- * import { schedulingService } from '@oneblink/apps'
+ * import { schedulingService } from '@oneblink/apps-react'
  * ```
  */
 export * as schedulingService from './scheduling-service';
@@ -67,7 +67,7 @@ export * as schedulingService from './scheduling-service';
  * Helper functions for job handling
  *
  * ```js
- * import { jobService } from '@oneblink/apps'
+ * import { jobService } from '@oneblink/apps-react'
  * ```
  */
 export * as jobService from './job-service';
@@ -77,7 +77,7 @@ export * as jobService from './job-service';
  * Helper functions for handling form submissions
  *
  * ```js
- * import { submissionService } from '@oneblink/apps'
+ * import { submissionService } from '@oneblink/apps-react'
  * ```
  */
 export * as submissionService from './submission-service';
@@ -87,7 +87,7 @@ export * as submissionService from './submission-service';
  * Helper functions for handling data while user is completing form.
  *
  * ```js
- * import { autoSaveService } from '@oneblink/apps'
+ * import { autoSaveService } from '@oneblink/apps-react'
  * ```
  */
 export * as autoSaveService from './auto-save-service';
@@ -97,7 +97,7 @@ export * as autoSaveService from './auto-save-service';
  * Helper functions for notification handling
  *
  * ```js
- * import { notificationService } from '@oneblink/apps'
+ * import { notificationService } from '@oneblink/apps-react'
  * ```
  *
  * ### Service Worker
@@ -172,7 +172,7 @@ export * as notificationService from './notification-service';
  * Helper functions for form handling
  *
  * ```js
- * import { formService } from '@oneblink/apps'
+ * import { formService } from '@oneblink/apps-react'
  * ```
  */
 export * as formService from './form-service';
@@ -182,7 +182,7 @@ export * as formService from './form-service';
  * Helper functions for handling approvals
  *
  * ```js
- * import { approvalsService } from '@oneblink/apps'
+ * import { approvalsService } from '@oneblink/apps-react'
  * ```
  */
 export * as approvalsService from './approvals-service';
@@ -192,7 +192,7 @@ export * as approvalsService from './approvals-service';
  * Helper functions for forms apps
  *
  * ```js
- * import { formsAppService } from '@oneblink/apps'
+ * import { formsAppService } from '@oneblink/apps-react'
  * ```
  */
 export * as formsAppService from './forms-app-service';
@@ -202,7 +202,7 @@ export * as formsAppService from './forms-app-service';
  * Helper functions for handling Form Store Records
  *
  * ```js
- * import { formStoreService } from '@oneblink/apps'
+ * import { formStoreService } from '@oneblink/apps-react'
  * ```
  */
 export * as formStoreService from './form-store-service';
@@ -212,7 +212,7 @@ export * as formStoreService from './form-store-service';
  * Helper functions for handling all things locale.
  *
  * ```js
- * import { localisationService } from '@oneblink/apps'
+ * import { localisationService } from '@oneblink/apps-react'
  * ```
  */
 export * as localisationService from './localisation-service';
@@ -222,7 +222,7 @@ export * as localisationService from './localisation-service';
  * Helper functions for attachment handling
  *
  * ```js
- * import { attachmentsService } from '@oneblink/apps'
+ * import { attachmentsService } from '@oneblink/apps-react'
  * ```
  */
 export * as attachmentsService from './attachments-service';
@@ -232,7 +232,7 @@ export * as attachmentsService from './attachments-service';
  * Helper functions for scheduled tasks
  *
  * ```js
- * import { scheduledTasksService } from '@oneblink/apps'
+ * import { scheduledTasksService } from '@oneblink/apps-react'
  * ```
  */
 export * as scheduledTasksService from './scheduled-tasks-service';
@@ -242,7 +242,7 @@ export * as scheduledTasksService from './scheduled-tasks-service';
  * Helper functions for forms app environments
  *
  * ```js
- * import { formsAppEnvironmentService } from '@oneblink/apps'
+ * import { formsAppEnvironmentService } from '@oneblink/apps-react'
  * ```
  */
 export * as formsAppEnvironmentService from './forms-app-environment-service';

package/dist/apps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/apps/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,cAAc,MAAM,mBAAmB,CAAA;AACnD;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAA;AAC7C;;;;;;;;GAQG;AACH,OAAO,KAAK,YAAY,MAAM,iBAAiB,CAAA;AAC/C;;;;;;;;GAQG;AACH,OAAO,KAAK,cAAc,MAAM,mBAAmB,CAAA;AACnD;;;;;;;;GAQG;AACH,OAAO,KAAK,cAAc,MAAM,mBAAmB,CAAA;AACnD;;;;;;;;GAQG;AACH,OAAO,KAAK,iBAAiB,MAAM,sBAAsB,CAAA;AACzD;;;;;;;;GAQG;AACH,OAAO,KAAK,UAAU,MAAM,eAAe,CAAA;AAC3C;;;;;;;;GAQG;AACH,OAAO,KAAK,iBAAiB,MAAM,sBAAsB,CAAA;AACzD;;;;;;;;GAQG;AACH,OAAO,KAAK,eAAe,MAAM,qBAAqB,CAAA;AACtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,OAAO,KAAK,mBAAmB,MAAM,wBAAwB,CAAA;AAC7D;;;;;;;;GAQG;AACH,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAA;AAC7C;;;;;;;;GAQG;AACH,OAAO,KAAK,gBAAgB,MAAM,qBAAqB,CAAA;AACvD;;;;;;;;GAQG;AACH,OAAO,KAAK,eAAe,MAAM,qBAAqB,CAAA;AACtD;;;;;;;;GAQG;AACH,OAAO,KAAK,gBAAgB,MAAM,sBAAsB,CAAA;AACxD;;;;;;;;GAQG;AACH,OAAO,KAAK,mBAAmB,MAAM,wBAAwB,CAAA;AAC7D;;;;;;;;GAQG;AACH,OAAO,KAAK,kBAAkB,MAAM,uBAAuB,CAAA;AAC3D;;;;;;;;GAQG;AACH,OAAO,KAAK,qBAAqB,MAAM,2BAA2B,CAAA;AAClE;;;;;;;;GAQG;AACH,OAAO,KAAK,0BAA0B,MAAM,iCAAiC,CAAA;AAE7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAClF,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAE5C,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,CAAA;AAC9D,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,CAAA","sourcesContent":["/**\n * ## Offline Service\n *\n * Helper functions for offline handling\n *\n * ```js\n * import { offlineService } from '@oneblink/apps'\n * ```\n */\nexport * as offlineService from './offline-service'\n/**\n * ## Authentication/Authorisation Service\n *\n * Helper functions for handling user authentication and authorisation.\n *\n * **NOTE: `init()` must be called before using some of the functions in this\n * service.**\n *\n * ```js\n * import { authService } from '@oneblink/apps'\n * ```\n */\nexport * as authService from './auth-service'\n/**\n * ## Draft Service\n *\n * Helper functions for handling drafts.\n *\n * ```js\n * import { draftService } from '@oneblink/apps'\n * ```\n */\nexport * as draftService from './draft-service'\n/**\n * ## Prefill Service\n *\n * Helper functions for offline handling\n *\n * ```js\n * import { prefillService } from '@oneblink/apps'\n * ```\n */\nexport * as prefillService from './prefill-service'\n/**\n * ## Payment Service\n *\n * Helper functions for payment handling\n *\n * ```js\n * import { paymentService } from '@oneblink/apps'\n * ```\n */\nexport * as paymentService from './payment-service'\n/**\n * ## Scheduling Service\n *\n * Helper functions for scheduling booking handling\n *\n * ```js\n * import { schedulingService } from '@oneblink/apps'\n * ```\n */\nexport * as schedulingService from './scheduling-service'\n/**\n * ## Job Service\n *\n * Helper functions for job handling\n *\n * ```js\n * import { jobService } from '@oneblink/apps'\n * ```\n */\nexport * as jobService from './job-service'\n/**\n * ## Submission Service\n *\n * Helper functions for handling form submissions\n *\n * ```js\n * import { submissionService } from '@oneblink/apps'\n * ```\n */\nexport * as submissionService from './submission-service'\n/**\n * ## Auto Save Service\n *\n * Helper functions for handling data while user is completing form.\n *\n * ```js\n * import { autoSaveService } from '@oneblink/apps'\n * ```\n */\nexport * as autoSaveService from './auto-save-service'\n/**\n * ## Notification Service\n *\n * Helper functions for notification handling\n *\n * ```js\n * import { notificationService } from '@oneblink/apps'\n * ```\n *\n * ### Service Worker\n *\n * To display push notifications and allow them to be clicked to open the\n * application, add the following JavaScript to your service worker (we\n * recommend using\n * [offline-plugin](https://www.npmjs.com/package/offline-plugin)):\n *\n * #### Example\n *\n * ```js\n * self.addEventListener('push', (event) => {\n *   console.log('push event', event)\n *\n *   if (!event.data) {\n *     console.log('Received push event without any data', event)\n *     return\n *   }\n *   const notification = event.data.json()\n *\n *   event.waitUntil(\n *     clients.matchAll().then((c) => {\n *       if (c.length === 0 || c.every((client) => !client.focused)) {\n *         // Show notification\n *         return self.registration.showNotification(\n *           notification.title,\n *           notification.options,\n *         )\n *       } else {\n *         console.log('Application is already open!')\n *       }\n *     }),\n *   )\n * })\n *\n * self.addEventListener('notificationclick', (event) => {\n *   console.log('notification click event', event)\n *\n *   const pathname =\n *     event.notification.data && event.notification.data.pathname\n *       ? event.notification.data.pathname\n *       : '/'\n *\n *   event.waitUntil(\n *     clients.matchAll().then((clis) => {\n *       const client = clis[0]\n *       if (client === undefined) {\n *         // there are no visible windows. Open one.\n *         clients.openWindow(pathname)\n *       } else {\n *         client.navigate(pathname)\n *         client.focus()\n *       }\n *\n *       return self.registration\n *         .getNotifications()\n *         .then((notifications) => {\n *           notifications.forEach((notification) => {\n *             notification.close()\n *           })\n *         })\n *     }),\n *   )\n * })\n * ```\n */\nexport * as notificationService from './notification-service'\n/**\n * ## Form Service\n *\n * Helper functions for form handling\n *\n * ```js\n * import { formService } from '@oneblink/apps'\n * ```\n */\nexport * as formService from './form-service'\n/**\n * ## Approvals Service\n *\n * Helper functions for handling approvals\n *\n * ```js\n * import { approvalsService } from '@oneblink/apps'\n * ```\n */\nexport * as approvalsService from './approvals-service'\n/**\n * ## Forms App Service\n *\n * Helper functions for forms apps\n *\n * ```js\n * import { formsAppService } from '@oneblink/apps'\n * ```\n */\nexport * as formsAppService from './forms-app-service'\n/**\n * ## Form Store Service\n *\n * Helper functions for handling Form Store Records\n *\n * ```js\n * import { formStoreService } from '@oneblink/apps'\n * ```\n */\nexport * as formStoreService from './form-store-service'\n/**\n * ## Localisation Service\n *\n * Helper functions for handling all things locale.\n *\n * ```js\n * import { localisationService } from '@oneblink/apps'\n * ```\n */\nexport * as localisationService from './localisation-service'\n/**\n * ## Attachments Service\n *\n * Helper functions for attachment handling\n *\n * ```js\n * import { attachmentsService } from '@oneblink/apps'\n * ```\n */\nexport * as attachmentsService from './attachments-service'\n/**\n * ## Scheduled Tasks Service\n *\n * Helper functions for scheduled tasks\n *\n * ```js\n * import { scheduledTasksService } from '@oneblink/apps'\n * ```\n */\nexport * as scheduledTasksService from './scheduled-tasks-service'\n/**\n * ## Forms App Environment Service\n *\n * Helper functions for forms app environments\n *\n * ```js\n * import { formsAppEnvironmentService } from '@oneblink/apps'\n * ```\n */\nexport * as formsAppEnvironmentService from './forms-app-environment-service'\n\nexport { default as OneBlinkAppsError } from './services/errors/oneBlinkAppsError'\nimport tenants from './tenants'\nexport { default as Sentry } from './Sentry'\n\nexport const useTenantCivicPlus = () => tenants.useCivicPlus()\nexport const useTenantOneBlink = () => tenants.useOneBlink()\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/apps/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,cAAc,MAAM,mBAAmB,CAAA;AACnD;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAA;AAC7C;;;;;;;;GAQG;AACH,OAAO,KAAK,YAAY,MAAM,iBAAiB,CAAA;AAC/C;;;;;;;;GAQG;AACH,OAAO,KAAK,cAAc,MAAM,mBAAmB,CAAA;AACnD;;;;;;;;GAQG;AACH,OAAO,KAAK,cAAc,MAAM,mBAAmB,CAAA;AACnD;;;;;;;;GAQG;AACH,OAAO,KAAK,iBAAiB,MAAM,sBAAsB,CAAA;AACzD;;;;;;;;GAQG;AACH,OAAO,KAAK,UAAU,MAAM,eAAe,CAAA;AAC3C;;;;;;;;GAQG;AACH,OAAO,KAAK,iBAAiB,MAAM,sBAAsB,CAAA;AACzD;;;;;;;;GAQG;AACH,OAAO,KAAK,eAAe,MAAM,qBAAqB,CAAA;AACtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,OAAO,KAAK,mBAAmB,MAAM,wBAAwB,CAAA;AAC7D;;;;;;;;GAQG;AACH,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAA;AAC7C;;;;;;;;GAQG;AACH,OAAO,KAAK,gBAAgB,MAAM,qBAAqB,CAAA;AACvD;;;;;;;;GAQG;AACH,OAAO,KAAK,eAAe,MAAM,qBAAqB,CAAA;AACtD;;;;;;;;GAQG;AACH,OAAO,KAAK,gBAAgB,MAAM,sBAAsB,CAAA;AACxD;;;;;;;;GAQG;AACH,OAAO,KAAK,mBAAmB,MAAM,wBAAwB,CAAA;AAC7D;;;;;;;;GAQG;AACH,OAAO,KAAK,kBAAkB,MAAM,uBAAuB,CAAA;AAC3D;;;;;;;;GAQG;AACH,OAAO,KAAK,qBAAqB,MAAM,2BAA2B,CAAA;AAClE;;;;;;;;GAQG;AACH,OAAO,KAAK,0BAA0B,MAAM,iCAAiC,CAAA;AAE7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAClF,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAE5C,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,CAAA;AAC9D,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,CAAA","sourcesContent":["/**\n * ## Offline Service\n *\n * Helper functions for offline handling\n *\n * ```js\n * import { offlineService } from '@oneblink/apps-react'\n * ```\n */\nexport * as offlineService from './offline-service'\n/**\n * ## Authentication/Authorisation Service\n *\n * Helper functions for handling user authentication and authorisation.\n *\n * **NOTE: `init()` must be called before using some of the functions in this\n * service.**\n *\n * ```js\n * import { authService } from '@oneblink/apps-react'\n * ```\n */\nexport * as authService from './auth-service'\n/**\n * ## Draft Service\n *\n * Helper functions for handling drafts.\n *\n * ```js\n * import { draftService } from '@oneblink/apps-react'\n * ```\n */\nexport * as draftService from './draft-service'\n/**\n * ## Prefill Service\n *\n * Helper functions for offline handling\n *\n * ```js\n * import { prefillService } from '@oneblink/apps-react'\n * ```\n */\nexport * as prefillService from './prefill-service'\n/**\n * ## Payment Service\n *\n * Helper functions for payment handling\n *\n * ```js\n * import { paymentService } from '@oneblink/apps-react'\n * ```\n */\nexport * as paymentService from './payment-service'\n/**\n * ## Scheduling Service\n *\n * Helper functions for scheduling booking handling\n *\n * ```js\n * import { schedulingService } from '@oneblink/apps-react'\n * ```\n */\nexport * as schedulingService from './scheduling-service'\n/**\n * ## Job Service\n *\n * Helper functions for job handling\n *\n * ```js\n * import { jobService } from '@oneblink/apps-react'\n * ```\n */\nexport * as jobService from './job-service'\n/**\n * ## Submission Service\n *\n * Helper functions for handling form submissions\n *\n * ```js\n * import { submissionService } from '@oneblink/apps-react'\n * ```\n */\nexport * as submissionService from './submission-service'\n/**\n * ## Auto Save Service\n *\n * Helper functions for handling data while user is completing form.\n *\n * ```js\n * import { autoSaveService } from '@oneblink/apps-react'\n * ```\n */\nexport * as autoSaveService from './auto-save-service'\n/**\n * ## Notification Service\n *\n * Helper functions for notification handling\n *\n * ```js\n * import { notificationService } from '@oneblink/apps-react'\n * ```\n *\n * ### Service Worker\n *\n * To display push notifications and allow them to be clicked to open the\n * application, add the following JavaScript to your service worker (we\n * recommend using\n * [offline-plugin](https://www.npmjs.com/package/offline-plugin)):\n *\n * #### Example\n *\n * ```js\n * self.addEventListener('push', (event) => {\n *   console.log('push event', event)\n *\n *   if (!event.data) {\n *     console.log('Received push event without any data', event)\n *     return\n *   }\n *   const notification = event.data.json()\n *\n *   event.waitUntil(\n *     clients.matchAll().then((c) => {\n *       if (c.length === 0 || c.every((client) => !client.focused)) {\n *         // Show notification\n *         return self.registration.showNotification(\n *           notification.title,\n *           notification.options,\n *         )\n *       } else {\n *         console.log('Application is already open!')\n *       }\n *     }),\n *   )\n * })\n *\n * self.addEventListener('notificationclick', (event) => {\n *   console.log('notification click event', event)\n *\n *   const pathname =\n *     event.notification.data && event.notification.data.pathname\n *       ? event.notification.data.pathname\n *       : '/'\n *\n *   event.waitUntil(\n *     clients.matchAll().then((clis) => {\n *       const client = clis[0]\n *       if (client === undefined) {\n *         // there are no visible windows. Open one.\n *         clients.openWindow(pathname)\n *       } else {\n *         client.navigate(pathname)\n *         client.focus()\n *       }\n *\n *       return self.registration\n *         .getNotifications()\n *         .then((notifications) => {\n *           notifications.forEach((notification) => {\n *             notification.close()\n *           })\n *         })\n *     }),\n *   )\n * })\n * ```\n */\nexport * as notificationService from './notification-service'\n/**\n * ## Form Service\n *\n * Helper functions for form handling\n *\n * ```js\n * import { formService } from '@oneblink/apps-react'\n * ```\n */\nexport * as formService from './form-service'\n/**\n * ## Approvals Service\n *\n * Helper functions for handling approvals\n *\n * ```js\n * import { approvalsService } from '@oneblink/apps-react'\n * ```\n */\nexport * as approvalsService from './approvals-service'\n/**\n * ## Forms App Service\n *\n * Helper functions for forms apps\n *\n * ```js\n * import { formsAppService } from '@oneblink/apps-react'\n * ```\n */\nexport * as formsAppService from './forms-app-service'\n/**\n * ## Form Store Service\n *\n * Helper functions for handling Form Store Records\n *\n * ```js\n * import { formStoreService } from '@oneblink/apps-react'\n * ```\n */\nexport * as formStoreService from './form-store-service'\n/**\n * ## Localisation Service\n *\n * Helper functions for handling all things locale.\n *\n * ```js\n * import { localisationService } from '@oneblink/apps-react'\n * ```\n */\nexport * as localisationService from './localisation-service'\n/**\n * ## Attachments Service\n *\n * Helper functions for attachment handling\n *\n * ```js\n * import { attachmentsService } from '@oneblink/apps-react'\n * ```\n */\nexport * as attachmentsService from './attachments-service'\n/**\n * ## Scheduled Tasks Service\n *\n * Helper functions for scheduled tasks\n *\n * ```js\n * import { scheduledTasksService } from '@oneblink/apps-react'\n * ```\n */\nexport * as scheduledTasksService from './scheduled-tasks-service'\n/**\n * ## Forms App Environment Service\n *\n * Helper functions for forms app environments\n *\n * ```js\n * import { formsAppEnvironmentService } from '@oneblink/apps-react'\n * ```\n */\nexport * as formsAppEnvironmentService from './forms-app-environment-service'\n\nexport { default as OneBlinkAppsError } from './services/errors/oneBlinkAppsError'\nimport tenants from './tenants'\nexport { default as Sentry } from './Sentry'\n\nexport const useTenantCivicPlus = () => tenants.useCivicPlus()\nexport const useTenantOneBlink = () => tenants.useOneBlink()\n"]}

package/dist/components/ArcGISWebMap.js

@@ -17,7 +17,7 @@ import TextSymbol from '@arcgis/core/symbols/TextSymbol';
 import * as geometryEngine from '@arcgis/core/geometry/geometryEngine';
 import { Box, Divider, IconButton } from '@mui/material';
 import throttle from 'lodash.throttle';
-import { localisationService } from '@oneblink/apps';
+import { localisationService } from '../apps';
 import { v4 as uuid } from 'uuid';
 import OnLoading from '../components/renderer/OnLoading';
 import MaterialIcon from './MaterialIcon';