@oneblink/apps-react 8.14.0-beta.2 → 9.0.0-beta.1

package/dist/PaymentReceipt.js

@@ -1,3 +1,4 @@
+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';
@@ -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 '@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"]}

package/dist/components/ArcGISWebMap.d.ts

@@ -10,10 +10,10 @@ type Props = {
     onChange: FormElementValueChangeHandler<ArcGISWebMapElementValue>;
     automatedSnapshotFileName: string;
     'aria-describedby'?: string;
-    takeScreenShotRef: React.MutableRefObject<((view?: ArcGISTypes.ArcGISWebMapElementValue['view']) => Promise<{
+    takeScreenShotRef: React.RefObject<((view?: ArcGISTypes.ArcGISWebMapElementValue['view']) => Promise<{
         dataUrl: string;
-    }>) | undefined>;
+    }>) | null>;
 };
-declare function FormElementArcGISWebMap({ element, id, value, onChange, takeScreenShotRef, automatedSnapshotFileName, ...props }: Props): React.JSX.Element;
+declare function FormElementArcGISWebMap({ element, id, value, onChange, takeScreenShotRef, automatedSnapshotFileName, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementArcGISWebMap>;
 export default _default;

package/dist/components/ArcGISWebMap.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import MapView from '@arcgis/core/views/MapView';
 import WebMap from '@arcgis/core/WebMap';
@@ -23,36 +24,30 @@ import MaterialIcon from './MaterialIcon';
 import useIsPageVisible from '../hooks/useIsPageVisible';
 import '../styles/arcgis-external.css';
 function DrawingOptionsList({ options, sketchTool, onClose, sketchToolType, setSelectedGraphicAttributes, }) {
-    return (React.createElement("div", { className: "esri-widget" },
-        React.createElement(Box, { sx: {
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-            } },
-            React.createElement("b", { style: { padding: '0.5rem' } }, "Select an option"),
-            React.createElement(IconButton, { onClick: (e) => {
-                    e.stopPropagation();
-                    onClose();
-                }, size: "small", "data-cypress": "copy-to-clip-board-button" },
-                React.createElement(MaterialIcon, { fontSize: "small" }, "close"))),
-        React.createElement(Divider, { sx: { backgroundColor: 'unset', margin: '0px 8px' } }),
-        React.createElement(Box, { sx: { maxHeight: '200px', overflowY: 'auto' } }, options === null || options === void 0 ? void 0 : options.map(({ id, value, label, description }) => (React.createElement("div", { key: id, className: "ob-list__item is-clickable", style: { alignItems: 'center' }, onClick: () => {
-                onClose();
-                sketchTool === null || sketchTool === void 0 ? void 0 : sketchTool.create(sketchToolType);
-                setSelectedGraphicAttributes({ value, label, description });
-            } }, label))))));
+    return (_jsxs("div", { className: "esri-widget", children: [_jsxs(Box, { sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                }, children: [_jsx("b", { style: { padding: '0.5rem' }, children: "Select an option" }), _jsx(IconButton, { onClick: (e) => {
+                            e.stopPropagation();
+                            onClose();
+                        }, size: "small", "data-cypress": "copy-to-clip-board-button", children: _jsx(MaterialIcon, { fontSize: "small", children: "close" }) })] }), _jsx(Divider, { sx: { backgroundColor: 'unset', margin: '0px 8px' } }), _jsx(Box, { sx: { maxHeight: '200px', overflowY: 'auto' }, children: options === null || options === void 0 ? void 0 : options.map(({ id, value, label, description }) => (_jsx("div", { className: "ob-list__item is-clickable", style: { alignItems: 'center' }, onClick: () => {
+                        onClose();
+                        sketchTool === null || sketchTool === void 0 ? void 0 : sketchTool.create(sketchToolType);
+                        setSelectedGraphicAttributes({ value, label, description });
+                    }, children: label }, id))) })] }));
 }
 function FormElementArcGISWebMap({ element, id, value, onChange, takeScreenShotRef, automatedSnapshotFileName, ...props }) {
     var _a, _b;
     const ref = React.useRef(null);
-    const layerPanelRef = React.useRef();
-    const mapGalleryPanelRef = React.useRef();
-    const sketchToolRef = React.useRef();
-    const drawingLayerRef = React.useRef();
-    const selectedGraphicForUpdate = React.useRef();
-    const mapViewRef = React.useRef();
-    const measurementLayerRef = React.useRef();
-    const defaultLayersRef = React.useRef();
+    const layerPanelRef = React.useRef(null);
+    const mapGalleryPanelRef = React.useRef(null);
+    const sketchToolRef = React.useRef(null);
+    const drawingLayerRef = React.useRef(null);
+    const selectedGraphicForUpdate = React.useRef(undefined);
+    const mapViewRef = React.useRef(null);
+    const measurementLayerRef = React.useRef(null);
+    const defaultLayersRef = React.useRef(null);
     const [loadError, setLoadError] = React.useState();
     const [isLoading, setIsLoading] = React.useState(false);
     const isPageVisible = useIsPageVisible();
@@ -568,19 +563,11 @@ function FormElementArcGISWebMap({ element, id, value, onChange, takeScreenShotR
         }
     }, [isPageVisible, isLoading]);
     if (loadError) {
-        return (React.createElement("figure", { className: "ob-figure" },
-            React.createElement("div", { className: "figure-content has-text-centered" },
-                React.createElement(MaterialIcon, { className: "icon-large has-margin-bottom-6 has-text-warning" }, "error"),
-                React.createElement("h4", { className: "title is-4" }, "We were unable to display your web map"),
-                React.createElement("p", null, loadError.message))));
+        return (_jsx("figure", { className: "ob-figure", children: _jsxs("div", { className: "figure-content has-text-centered", children: [_jsx(MaterialIcon, { className: "icon-large has-margin-bottom-6 has-text-warning", children: "error" }), _jsx("h4", { className: "title is-4", children: "We were unable to display your web map" }), _jsx("p", { children: loadError.message })] }) }));
     }
-    return (React.createElement(React.Fragment, null,
-        isLoading && (React.createElement("div", { className: "figure-content-absolute-center" },
-            React.createElement(OnLoading, { small: true }))),
-        React.createElement("div", { className: "arcgis-web-map", ref: ref, id: id, "aria-describedby": props['aria-describedby'] }),
-        React.createElement("div", { id: drawingOptionsContainerId }, !!activeSketchToolMenu && sketchToolRef.current && (React.createElement(DrawingOptionsList, { options: ((_b = (_a = element.allowedDrawingTools) === null || _a === void 0 ? void 0 : _a.find((tool) => tool.type === activeSketchToolMenu)) === null || _b === void 0 ? void 0 : _b.graphicAttributeOptions) || [], onClose: () => setActiveSketchToolMenu(undefined), setSelectedGraphicAttributes: (opt) => {
-                setSelectedGraphicAttributes(opt);
-            }, sketchToolType: activeSketchToolMenu, sketchTool: sketchToolRef.current })))));
+    return (_jsxs(_Fragment, { children: [isLoading && (_jsx("div", { className: "figure-content-absolute-center", children: _jsx(OnLoading, { small: true }) })), _jsx("div", { className: "arcgis-web-map", ref: ref, id: id, "aria-describedby": props['aria-describedby'] }), _jsx("div", { id: drawingOptionsContainerId, children: !!activeSketchToolMenu && sketchToolRef.current && (_jsx(DrawingOptionsList, { options: ((_b = (_a = element.allowedDrawingTools) === null || _a === void 0 ? void 0 : _a.find((tool) => tool.type === activeSketchToolMenu)) === null || _b === void 0 ? void 0 : _b.graphicAttributeOptions) || [], onClose: () => setActiveSketchToolMenu(undefined), setSelectedGraphicAttributes: (opt) => {
+                        setSelectedGraphicAttributes(opt);
+                    }, sketchToolType: activeSketchToolMenu, sketchTool: sketchToolRef.current })) })] }));
 }
 export default React.memo(FormElementArcGISWebMap);
 //# sourceMappingURL=ArcGISWebMap.js.map

package/dist/components/ArcGISWebMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArcGISWebMap.js","sourceRoot":"","sources":["../../src/components/ArcGISWebMap.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { ArcGISTypes, FormTypes } from '@oneblink/types'\nimport MapView from '@arcgis/core/views/MapView'\nimport WebMap from '@arcgis/core/WebMap'\nimport Home from '@arcgis/core/widgets/Home'\nimport Search from '@arcgis/core/widgets/Search'\nimport Zoom from '@arcgis/core/widgets/Zoom'\nimport LayerList from '@arcgis/core/widgets/LayerList'\nimport Expand from '@arcgis/core/widgets/Expand'\nimport BaseMapGallery from '@arcgis/core/widgets/BasemapGallery'\nimport Sketch from '@arcgis/core/widgets/Sketch'\nimport GraphicsLayer from '@arcgis/core/layers/GraphicsLayer'\nimport Graphic from '@arcgis/core/Graphic'\nimport Popup from '@arcgis/core/widgets/Popup'\nimport {\n  Point,\n  Polygon,\n  SpatialReference,\n  Polyline,\n} from '@arcgis/core/geometry'\nimport TextSymbol from '@arcgis/core/symbols/TextSymbol'\nimport * as geometryEngine from '@arcgis/core/geometry/geometryEngine'\nimport { Box, Divider, IconButton } from '@mui/material'\nimport throttle from 'lodash.throttle'\nimport { localisationService } from '@oneblink/apps'\nimport { v4 as uuid } from 'uuid'\n\nimport OnLoading from '../components/renderer/OnLoading'\nimport MaterialIcon from './MaterialIcon'\n\nimport useIsPageVisible from '../hooks/useIsPageVisible'\nimport { ArcGISWebMapElementValue } from '@oneblink/types/typescript/arcgis'\nimport { FormElementValueChangeHandler } from '../types/form'\nimport '../styles/arcgis-external.css'\nimport Layer from '@arcgis/core/layers/Layer'\n\ntype Props = {\n  element: FormTypes.ArcGISWebMapElement\n  id: string\n  value: ArcGISWebMapElementValue | undefined\n  onChange: FormElementValueChangeHandler<ArcGISWebMapElementValue>\n  automatedSnapshotFileName: string\n  'aria-describedby'?: string\n  takeScreenShotRef: React.MutableRefObject<\n    | ((view?: ArcGISTypes.ArcGISWebMapElementValue['view']) => Promise<{\n        dataUrl: string\n      }>)\n    | undefined\n  >\n}\n\ntype SketchCreateTool = Parameters<Sketch['create']>[0]\n\nfunction DrawingOptionsList({\n  options,\n  sketchTool,\n  onClose,\n  sketchToolType,\n  setSelectedGraphicAttributes,\n}: {\n  options: { id: string; label: string; value: string; description?: string }[]\n  onClose: () => void\n  sketchTool: Sketch\n  sketchToolType: SketchCreateTool\n  setSelectedGraphicAttributes: (opt: {\n    label: string\n    value: string\n    description?: string\n  }) => void\n}) {\n  return (\n    <div className=\"esri-widget\">\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n        }}\n      >\n        <b style={{ padding: '0.5rem' }}>Select an option</b>\n        <IconButton\n          onClick={(e) => {\n            e.stopPropagation()\n            onClose()\n          }}\n          size=\"small\"\n          data-cypress=\"copy-to-clip-board-button\"\n        >\n          <MaterialIcon fontSize=\"small\">close</MaterialIcon>\n        </IconButton>\n      </Box>\n      <Divider sx={{ backgroundColor: 'unset', margin: '0px 8px' }} />\n      <Box sx={{ maxHeight: '200px', overflowY: 'auto' }}>\n        {options?.map(({ id, value, label, description }) => (\n          <div\n            key={id}\n            className=\"ob-list__item is-clickable\"\n            style={{ alignItems: 'center' }}\n            onClick={() => {\n              onClose()\n              sketchTool?.create(sketchToolType)\n              setSelectedGraphicAttributes({ value, label, description })\n            }}\n          >\n            {label}\n          </div>\n        ))}\n      </Box>\n    </div>\n  )\n}\n\nfunction FormElementArcGISWebMap({\n  element,\n  id,\n  value,\n  onChange,\n  takeScreenShotRef,\n  automatedSnapshotFileName,\n  ...props\n}: Props) {\n  const ref = React.useRef<HTMLDivElement | null>(null)\n  const layerPanelRef = React.useRef<Expand>()\n  const mapGalleryPanelRef = React.useRef<Expand>()\n  const sketchToolRef = React.useRef<Sketch>()\n  const drawingLayerRef = React.useRef<GraphicsLayer>()\n  const selectedGraphicForUpdate = React.useRef<string>()\n  const mapViewRef = React.useRef<MapView>()\n  const measurementLayerRef = React.useRef<GraphicsLayer>()\n  const defaultLayersRef = React.useRef<Layer[]>()\n\n  const [loadError, setLoadError] = React.useState<Error>()\n  const [isLoading, setIsLoading] = React.useState<boolean>(false)\n  const isPageVisible = useIsPageVisible()\n  const [selectedGraphicAttributes, setSelectedGraphicAttributes] =\n    React.useState<{\n      value: string\n      label: string\n      description?: string\n    }>()\n  // only used when an allowed drawing tool also has a list of graphic attribute options to display to the user\n  const [activeSketchToolMenu, setActiveSketchToolMenu] =\n    React.useState<SketchCreateTool>()\n\n  const updateDrawingInputSubmissionValue = React.useCallback(() => {\n    const updatedGraphics = drawingLayerRef.current?.graphics\n      .toArray()\n      .map((graphic) => graphic.toJSON())\n\n    onChange(element, {\n      value: (existingValue) => ({\n        ...(existingValue || {}),\n        drawingLayer: updatedGraphics,\n        userInput: updatedGraphics,\n        // Remove automated snapshot images when drawing again\n        snapshotImages: existingValue?.snapshotImages?.filter(\n          (snapshotImage) =>\n            snapshotImage.fileName !== automatedSnapshotFileName,\n        ),\n      }),\n    })\n  }, [automatedSnapshotFileName, element, onChange])\n\n  const updateMapViewSubmissionValue = React.useCallback(() => {\n    const zoom = mapViewRef.current?.zoom\n    const latitude = mapViewRef.current?.center.latitude\n    const longitude = mapViewRef.current?.center.longitude\n    if (zoom && latitude && longitude) {\n      onChange(element, {\n        value: (existingValue) => ({\n          ...(existingValue || {}),\n          view: {\n            zoom,\n            latitude,\n            longitude,\n          },\n        }),\n      })\n    }\n  }, [element, onChange])\n\n  const getGeometryPoints = (\n    geom: __esri.Geometry,\n    spatialRef: SpatialReference,\n  ) => {\n    if (geom.type === 'polygon') {\n      const polygon = geom as Polygon\n      return polygon.rings[0].map(\n        (ring) =>\n          new Point({\n            x: ring[0],\n            y: ring[1],\n            spatialReference: spatialRef,\n          }),\n      )\n    } else if (geom.type === 'polyline') {\n      const polyline = geom as Polyline\n      return polyline.paths[0].map(\n        (path) =>\n          new Point({\n            x: path[0],\n            y: path[1],\n            spatialReference: spatialRef,\n          }),\n      )\n    }\n  }\n\n  const addMeasurementLabels = React.useCallback(\n    (graphics: __esri.Graphic[]) => {\n      if (!element.measurementDimensionsEnabled) return\n      const spatialRef = new SpatialReference({ wkid: 3857 })\n      const measurementLayer = measurementLayerRef.current\n      const mapView = mapViewRef.current\n      if (!measurementLayer || !mapView) return\n      measurementLayer.removeAll()\n\n      for (const graphic of graphics) {\n        const geom = graphic.geometry\n        if (!geom || (geom.type !== 'polygon' && geom.type !== 'polyline'))\n          continue\n\n        const points = getGeometryPoints(geom, spatialRef)\n        if (!points) continue\n\n        const { distanceUnit, distanceUnitShortName } =\n          localisationService.getDistanceUnits()\n        if (distanceUnit !== 'meters' && distanceUnit !== 'feet') {\n          console.warn(\n            'Unsupported distance unit provided in tenant configuration: ',\n            distanceUnit,\n          )\n          return\n        }\n        const graphics: Graphic[] = []\n\n        for (let i = 1; i < points.length; i++) {\n          const x1 = points[i].x\n          const x2 = points[i - 1].x\n          const y1 = points[i].y\n          const y2 = points[i - 1].y\n\n          const midpoint = new Point({\n            x: (x1 + x2) / 2,\n            y: (y1 + y2) / 2,\n            spatialReference: spatialRef,\n          })\n\n          // Angle of the measurement label - this will be rotated to be parallel with the polygon or polyline edge\n          const dx = x2 - x1\n          const dy = y2 - y1\n          const radians = Math.atan2(dy, dx)\n          let angle = radians * (-180 / Math.PI)\n          if (angle > 90 || angle < -90) {\n            angle += 180\n          }\n\n          // offset of the measurement label against the edge of the polygon/polyline it's measuring\n          const pixelOffset = 10\n          const normalAngle = radians + Math.PI / 2\n          const offsetScreenX = pixelOffset * Math.cos(normalAngle)\n          const offsetScreenY = pixelOffset * Math.sin(normalAngle)\n\n          const screenPoint = mapView.toScreen(midpoint)\n          screenPoint.x += offsetScreenX\n          screenPoint.y -= offsetScreenY\n          const offsetMapPoint = mapView.toMap(screenPoint)\n\n          const polyline = new Polyline({\n            paths: [\n              [\n                [points[i].longitude, points[i].latitude],\n                [points[i - 1].longitude, points[i - 1].latitude],\n              ],\n            ],\n            spatialReference: { wkid: 4326 },\n          })\n          const distance = geometryEngine.geodesicLength(polyline, distanceUnit)\n          graphics.push(\n            new Graphic({\n              geometry: offsetMapPoint,\n              symbol: new TextSymbol({\n                text: distance.toFixed(0) + distanceUnitShortName,\n                color: 'black',\n                haloColor: 'white',\n                haloSize: 1,\n                angle,\n              }),\n            }),\n          )\n        }\n\n        measurementLayer.addMany(graphics)\n        mapViewRef.current?.map.reorder(\n          measurementLayer,\n          mapViewRef.current?.map.layers.length,\n        )\n      }\n    },\n    [element],\n  )\n\n  const clearMeasurementLabels = React.useCallback(() => {\n    if (measurementLayerRef.current) {\n      measurementLayerRef.current.removeAll()\n    }\n  }, [])\n\n  React.useEffect(() => {\n    if (element.readOnly) return\n    // event listeners for drawing tool creates/updates/deletes\n    // these need to be removed and recreated when the submission value changes\n    // to ensure they always have access to the latest submission value\n    const createListener = sketchToolRef.current?.on(\n      'create',\n      throttle((sketchEvent: __esri.SketchCreateEvent) => {\n        if (sketchEvent.state === 'active') {\n          addMeasurementLabels([sketchEvent.graphic])\n        }\n        if (sketchEvent.state === 'complete') {\n          if (selectedGraphicAttributes) {\n            sketchEvent.graphic.attributes = {\n              name: selectedGraphicAttributes.value,\n              label: selectedGraphicAttributes.label,\n              description: selectedGraphicAttributes.description,\n            }\n            setSelectedGraphicAttributes(undefined)\n          }\n          updateDrawingInputSubmissionValue()\n          clearMeasurementLabels()\n        }\n        if (sketchEvent.state === 'cancel') {\n          setSelectedGraphicAttributes(undefined)\n          clearMeasurementLabels()\n        }\n      }, 100),\n    )\n\n    const updateListener = sketchToolRef.current?.on(\n      'update',\n      throttle((sketchEvent: __esri.SketchUpdateEvent) => {\n        if (sketchEvent.state === 'active') {\n          addMeasurementLabels(sketchEvent.graphics)\n        }\n        if (sketchEvent.state === 'complete') {\n          // only update the submission value if the graphic's geometry was actually changed\n          if (\n            JSON.stringify(sketchEvent.graphics[0].geometry.toJSON()) !==\n            selectedGraphicForUpdate.current\n          ) {\n            updateDrawingInputSubmissionValue()\n          }\n          selectedGraphicForUpdate.current = undefined\n          clearMeasurementLabels()\n        }\n        if (sketchEvent.state === 'start') {\n          selectedGraphicForUpdate.current = JSON.stringify(\n            sketchEvent.graphics[0].geometry.clone().toJSON(),\n          )\n          addMeasurementLabels(sketchEvent.graphics)\n        }\n      }, 100),\n    )\n\n    const deleteListener = sketchToolRef.current?.on('delete', () => {\n      mapViewRef.current?.closePopup()\n      updateDrawingInputSubmissionValue()\n      clearMeasurementLabels()\n    })\n\n    const mapViewChangeListener = mapViewRef.current?.watch(\n      'stationary',\n      () => {\n        const mapView = mapViewRef.current\n        if (mapView && mapView.stationary) {\n          const hasViewChanged =\n            mapView.zoom !== value?.view?.zoom ||\n            mapView.center.longitude !== value?.view?.longitude ||\n            mapView.center.latitude !== value?.view?.latitude\n          if (hasViewChanged) {\n            updateMapViewSubmissionValue()\n          }\n        }\n      },\n    )\n\n    const sketchToolListener = sketchToolRef.current?.viewModel.watch(\n      'activeTool',\n      () => {\n        if (selectedGraphicAttributes) {\n          return\n        }\n        const activeTool = sketchToolRef.current?.activeTool\n        const hasGraphicAttributeOptions = !!element.allowedDrawingTools?.find(\n          (tool) => tool.type === activeTool,\n        )?.graphicAttributeOptions?.length\n\n        if (activeTool) {\n          if (\n            hasGraphicAttributeOptions &&\n            (activeTool === 'point' ||\n              activeTool === 'polygon' ||\n              activeTool === 'circle' ||\n              activeTool === 'rectangle' ||\n              activeTool === 'polyline')\n          ) {\n            // the sketch.create() fn only allows active tools of the above 5 types\n            // hence we must check above to keep the types happy further down the line\n            sketchToolRef.current?.cancel()\n            setActiveSketchToolMenu(activeTool)\n          } else {\n            setActiveSketchToolMenu(undefined)\n          }\n        }\n      },\n    )\n\n    mapViewRef.current?.on('click', (event) => {\n      mapViewRef.current?.hitTest(event).then((response) => {\n        // the \"hit test\" will typically yield the graphic we want to display the popup for,\n        // and an ArcGIS built-in graphic which highlights the selected graphic.\n        // By filtering for the graphic with the \"label\" attribute, we're able to reliably\n        // get the graphic we want to display the popup for.\n        const result = response.results\n          .filter((r) => r.type === 'graphic')\n          .find((r) => !!r.graphic.attributes?.label)\n\n        if (result) {\n          mapViewRef.current?.openPopup({\n            title: result.graphic.attributes.label,\n            content: result.graphic.attributes.description,\n          })\n        }\n      })\n    })\n\n    return () => {\n      createListener?.remove()\n      updateListener?.remove()\n      deleteListener?.remove()\n      mapViewChangeListener?.remove()\n      sketchToolListener?.remove()\n    }\n  }, [\n    isLoading,\n    value,\n    updateDrawingInputSubmissionValue,\n    updateMapViewSubmissionValue,\n    element,\n    selectedGraphicAttributes,\n    addMeasurementLabels,\n    clearMeasurementLabels,\n  ])\n\n  const stringifedLayersRef = React.useRef<string>('')\n\n  const onSubmissionValueChange = React.useCallback(() => {\n    const view = mapViewRef.current\n    const map = mapViewRef.current?.map\n    if (!view || !map) return\n\n    // if the layers have changed or if the map has no layers, remove all layers and repaint\n    const currentStringifedLayers = JSON.stringify(value?.layers)\n    if (\n      stringifedLayersRef.current !== currentStringifedLayers ||\n      !map.layers.length\n    ) {\n      stringifedLayersRef.current = currentStringifedLayers\n      // remove all layers and repaint\n      map.layers.removeAll()\n      if (defaultLayersRef.current) {\n        // redraw default layers first\n        defaultLayersRef.current.forEach((layer) => {\n          map.add(layer)\n        })\n      }\n\n      if (value?.layers) {\n        for (const layer of value.layers) {\n          const newLayer = new GraphicsLayer({\n            title: layer.title as string,\n            id: layer.id,\n          })\n          newLayer.addMany(layer.graphics.map((g) => Graphic.fromJSON(g)))\n          newLayer.visible =\n            typeof layer.visible === 'boolean' ? layer.visible : true\n          map.layers.add(newLayer)\n        }\n      }\n    }\n\n    // add the web map's drawing and measurement layers back\n    const drawingLayer = drawingLayerRef.current\n    if (value?.drawingLayer && drawingLayer) {\n      drawingLayer.removeAll()\n      drawingLayer.addMany(value.drawingLayer.map((g) => Graphic.fromJSON(g)))\n      map.layers.add(drawingLayer)\n      map.layers.reorder(drawingLayer, map.layers.length - 1)\n    }\n    if (measurementLayerRef.current) {\n      map.layers.add(measurementLayerRef.current)\n      map.layers.reorder(measurementLayerRef.current, map.layers.length - 1)\n    }\n    if (value?.view) {\n      view.zoom = value.view.zoom\n      view.center = new Point({\n        latitude: value.view.latitude,\n        longitude: value.view.longitude,\n      })\n    }\n  }, [value])\n\n  React.useEffect(() => {\n    if (!isLoading && mapViewRef.current) {\n      onSubmissionValueChange()\n    }\n    // only run the above when the submission value changes or the map finishes loading\n  }, [onSubmissionValueChange, isLoading])\n\n  const drawingOptionsContainerId = `OneBlinkDrawingOptionsSelector-${element.id}`\n\n  React.useEffect(() => {\n    const loadMap = async () => {\n      try {\n        const map = new WebMap({\n          portalItem: {\n            id: element.webMapId,\n          },\n          basemap: element.basemapId || 'streets',\n        })\n        await map.load()\n\n        const view = new MapView({\n          map,\n          container: ref.current || undefined,\n          popup: new Popup({\n            dockEnabled: true,\n            dockOptions: {\n              buttonEnabled: false,\n              breakpoint: false,\n              position: 'bottom-left',\n            },\n          }),\n        })\n\n        // remove default widgets\n        const components = view.ui.getComponents()\n        for (const component of components) {\n          view.ui.remove(component)\n        }\n\n        if (element.addressSearchWidgetEnabled) {\n          view.ui.add(\n            new Search({\n              view,\n            }),\n            'top-left',\n          )\n        }\n\n        if (element.homeWidgetEnabled) {\n          view.ui.add(\n            new Home({\n              view,\n            }),\n            'top-left',\n          )\n        }\n\n        view.ui.add(\n          new Zoom({\n            view,\n          }),\n          'bottom-right',\n        )\n\n        const layerList = new LayerList({\n          view,\n        })\n\n        layerPanelRef.current = new Expand({\n          expandIcon: 'layers',\n          view,\n          content: layerList,\n          expanded: element.showLayerPanel,\n          mode: 'floating',\n          visible: false,\n        })\n\n        view.ui.add(layerPanelRef.current, 'top-right')\n\n        const baseMapGallery = new BaseMapGallery({ view })\n\n        mapGalleryPanelRef.current = new Expand({\n          expandIcon: 'basemap',\n          view,\n          content: baseMapGallery,\n          mode: 'floating',\n          visible: false,\n        })\n\n        view.ui.add(mapGalleryPanelRef.current, 'top-left')\n\n        let drawingLayerId: string | undefined\n        let measurementLayerId: string | undefined\n        if (!element.readOnly && element.allowedDrawingTools?.length) {\n          drawingLayerId = uuid()\n          const drawingLayer = new GraphicsLayer({\n            id: drawingLayerId,\n            title: 'Drawing',\n          })\n          drawingLayerRef.current = drawingLayer\n          map.layers.add(drawingLayer)\n\n          // Add measurement layer above drawing layer\n          if (element.measurementDimensionsEnabled) {\n            measurementLayerId = uuid()\n            const measurementLayer = new GraphicsLayer({\n              id: measurementLayerId,\n              title: 'Measurements',\n              listMode: 'hide',\n            })\n            measurementLayerRef.current = measurementLayer\n            map.layers.add(measurementLayer)\n          }\n\n          const sketch = new Sketch({\n            view,\n            layer: drawingLayer,\n            creationMode: 'single',\n            layout: 'vertical',\n            availableCreateTools: [\n              'point',\n              'polyline',\n              'polygon',\n              'rectangle',\n              'circle',\n            ].filter((createTool) =>\n              element.allowedDrawingTools?.find(\n                (tool) => tool.type === createTool,\n              ),\n            ),\n            // hiding the below by default\n            visibleElements: {\n              duplicateButton: false,\n              settingsMenu: false,\n              undoRedoMenu: false,\n              selectionTools: {\n                'lasso-selection': false,\n                'rectangle-selection': false,\n              },\n            },\n          })\n          sketchToolRef.current = sketch\n          view.ui.add(sketch, 'bottom-right')\n          view.ui.add(drawingOptionsContainerId, 'bottom-right')\n        }\n\n        // once the view has loaded\n        view.when(() => {\n          mapViewRef.current = view\n\n          // when updating the map on submission value change,\n          // we completely wipe all layers and redraw from scratch.\n          // The below caters for web maps that load in with pre-existing layers,\n          // which is usually the case when a web map id is provided.\n          // We will store these pre-existing layers and ensure they're passed\n          // to any redraw logic. We take layers from map.layers (as opposed to map.allLayers)\n          // as this omits system generated layers like the basemap, which aren't removed when\n          // we redraw regardless.\n          defaultLayersRef.current = map.layers\n            .toArray()\n            .filter(\n              (l) => l.id !== measurementLayerId && l.id !== drawingLayerId,\n            )\n\n          takeScreenShotRef.current = async (\n            viewToScreenShot?: ArcGISTypes.ArcGISWebMapElementValue['view'],\n          ) => {\n            if (viewToScreenShot) {\n              await view.goTo(\n                {\n                  center: [\n                    viewToScreenShot.longitude,\n                    viewToScreenShot.latitude,\n                  ],\n                  zoom: viewToScreenShot.zoom,\n                },\n                {\n                  animate: true,\n                },\n              )\n              console.log('waiting for view to render visible')\n              await new Promise((resolve) => {\n                if (!view.updating) {\n                  resolve(undefined)\n                } else {\n                  const handle = view.watch('updating', (updating) => {\n                    if (!updating) {\n                      handle.remove()\n                      resolve(undefined)\n                    }\n                  })\n                }\n              })\n            }\n            const screenshot = await view.takeScreenshot()\n            return {\n              dataUrl: screenshot.dataUrl,\n            }\n          }\n          setIsLoading(false)\n        })\n      } catch (e) {\n        console.warn('Error while trying to load arcgis web map ', e)\n        setLoadError(e as Error)\n        setIsLoading(false)\n      }\n    }\n\n    if (!mapViewRef.current && !isLoading) {\n      setIsLoading(true)\n      loadMap()\n    }\n  }, [drawingOptionsContainerId, element, isLoading, takeScreenShotRef, value])\n\n  React.useEffect(() => {\n    if (!isLoading) {\n      if (isPageVisible) {\n        if (layerPanelRef.current) {\n          layerPanelRef.current.visible = true\n        }\n        if (mapGalleryPanelRef.current) {\n          mapGalleryPanelRef.current.visible = true\n        }\n      } else {\n        if (layerPanelRef.current) {\n          layerPanelRef.current.visible = false\n        }\n        if (mapGalleryPanelRef.current) {\n          mapGalleryPanelRef.current.visible = false\n        }\n      }\n    }\n  }, [isPageVisible, isLoading])\n\n  if (loadError) {\n    return (\n      <figure className=\"ob-figure\">\n        <div className=\"figure-content has-text-centered\">\n          <MaterialIcon className=\"icon-large has-margin-bottom-6 has-text-warning\">\n            error\n          </MaterialIcon>\n          <h4 className=\"title is-4\">We were unable to display your web map</h4>\n          <p>{loadError.message}</p>\n        </div>\n      </figure>\n    )\n  }\n\n  return (\n    <>\n      {isLoading && (\n        <div className=\"figure-content-absolute-center\">\n          <OnLoading small />\n        </div>\n      )}\n      <div\n        className=\"arcgis-web-map\"\n        ref={ref}\n        id={id}\n        aria-describedby={props['aria-describedby']}\n      />\n      <div id={drawingOptionsContainerId}>\n        {!!activeSketchToolMenu && sketchToolRef.current && (\n          <DrawingOptionsList\n            options={\n              element.allowedDrawingTools?.find(\n                (tool) => tool.type === activeSketchToolMenu,\n              )?.graphicAttributeOptions || []\n            }\n            onClose={() => setActiveSketchToolMenu(undefined)}\n            setSelectedGraphicAttributes={(opt) => {\n              setSelectedGraphicAttributes(opt)\n            }}\n            sketchToolType={activeSketchToolMenu}\n            sketchTool={sketchToolRef.current}\n          />\n        )}\n      </div>\n    </>\n  )\n}\n\nexport default React.memo(FormElementArcGISWebMap)\n"]}
+{"version":3,"file":"ArcGISWebMap.js","sourceRoot":"","sources":["../../src/components/ArcGISWebMap.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { ArcGISTypes, FormTypes } from '@oneblink/types'\nimport MapView from '@arcgis/core/views/MapView'\nimport WebMap from '@arcgis/core/WebMap'\nimport Home from '@arcgis/core/widgets/Home'\nimport Search from '@arcgis/core/widgets/Search'\nimport Zoom from '@arcgis/core/widgets/Zoom'\nimport LayerList from '@arcgis/core/widgets/LayerList'\nimport Expand from '@arcgis/core/widgets/Expand'\nimport BaseMapGallery from '@arcgis/core/widgets/BasemapGallery'\nimport Sketch from '@arcgis/core/widgets/Sketch'\nimport GraphicsLayer from '@arcgis/core/layers/GraphicsLayer'\nimport Graphic from '@arcgis/core/Graphic'\nimport Popup from '@arcgis/core/widgets/Popup'\nimport {\n  Point,\n  Polygon,\n  SpatialReference,\n  Polyline,\n} from '@arcgis/core/geometry'\nimport TextSymbol from '@arcgis/core/symbols/TextSymbol'\nimport * as geometryEngine from '@arcgis/core/geometry/geometryEngine'\nimport { Box, Divider, IconButton } from '@mui/material'\nimport throttle from 'lodash.throttle'\nimport { localisationService } from '@oneblink/apps'\nimport { v4 as uuid } from 'uuid'\n\nimport OnLoading from '../components/renderer/OnLoading'\nimport MaterialIcon from './MaterialIcon'\n\nimport useIsPageVisible from '../hooks/useIsPageVisible'\nimport { ArcGISWebMapElementValue } from '@oneblink/types/typescript/arcgis'\nimport { FormElementValueChangeHandler } from '../types/form'\nimport '../styles/arcgis-external.css'\nimport Layer from '@arcgis/core/layers/Layer'\n\ntype Props = {\n  element: FormTypes.ArcGISWebMapElement\n  id: string\n  value: ArcGISWebMapElementValue | undefined\n  onChange: FormElementValueChangeHandler<ArcGISWebMapElementValue>\n  automatedSnapshotFileName: string\n  'aria-describedby'?: string\n  takeScreenShotRef: React.RefObject<\n    | ((view?: ArcGISTypes.ArcGISWebMapElementValue['view']) => Promise<{\n        dataUrl: string\n      }>)\n    | null\n  >\n}\n\ntype SketchCreateTool = Parameters<Sketch['create']>[0]\n\nfunction DrawingOptionsList({\n  options,\n  sketchTool,\n  onClose,\n  sketchToolType,\n  setSelectedGraphicAttributes,\n}: {\n  options: { id: string; label: string; value: string; description?: string }[]\n  onClose: () => void\n  sketchTool: Sketch\n  sketchToolType: SketchCreateTool\n  setSelectedGraphicAttributes: (opt: {\n    label: string\n    value: string\n    description?: string\n  }) => void\n}) {\n  return (\n    <div className=\"esri-widget\">\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n        }}\n      >\n        <b style={{ padding: '0.5rem' }}>Select an option</b>\n        <IconButton\n          onClick={(e) => {\n            e.stopPropagation()\n            onClose()\n          }}\n          size=\"small\"\n          data-cypress=\"copy-to-clip-board-button\"\n        >\n          <MaterialIcon fontSize=\"small\">close</MaterialIcon>\n        </IconButton>\n      </Box>\n      <Divider sx={{ backgroundColor: 'unset', margin: '0px 8px' }} />\n      <Box sx={{ maxHeight: '200px', overflowY: 'auto' }}>\n        {options?.map(({ id, value, label, description }) => (\n          <div\n            key={id}\n            className=\"ob-list__item is-clickable\"\n            style={{ alignItems: 'center' }}\n            onClick={() => {\n              onClose()\n              sketchTool?.create(sketchToolType)\n              setSelectedGraphicAttributes({ value, label, description })\n            }}\n          >\n            {label}\n          </div>\n        ))}\n      </Box>\n    </div>\n  )\n}\n\nfunction FormElementArcGISWebMap({\n  element,\n  id,\n  value,\n  onChange,\n  takeScreenShotRef,\n  automatedSnapshotFileName,\n  ...props\n}: Props) {\n  const ref = React.useRef<HTMLDivElement | null>(null)\n  const layerPanelRef = React.useRef<Expand>(null)\n  const mapGalleryPanelRef = React.useRef<Expand>(null)\n  const sketchToolRef = React.useRef<Sketch>(null)\n  const drawingLayerRef = React.useRef<GraphicsLayer>(null)\n  const selectedGraphicForUpdate = React.useRef<string | undefined>(undefined)\n  const mapViewRef = React.useRef<MapView>(null)\n  const measurementLayerRef = React.useRef<GraphicsLayer>(null)\n  const defaultLayersRef = React.useRef<Layer[]>(null)\n\n  const [loadError, setLoadError] = React.useState<Error>()\n  const [isLoading, setIsLoading] = React.useState<boolean>(false)\n  const isPageVisible = useIsPageVisible()\n  const [selectedGraphicAttributes, setSelectedGraphicAttributes] =\n    React.useState<{\n      value: string\n      label: string\n      description?: string\n    }>()\n  // only used when an allowed drawing tool also has a list of graphic attribute options to display to the user\n  const [activeSketchToolMenu, setActiveSketchToolMenu] =\n    React.useState<SketchCreateTool>()\n\n  const updateDrawingInputSubmissionValue = React.useCallback(() => {\n    const updatedGraphics = drawingLayerRef.current?.graphics\n      .toArray()\n      .map((graphic) => graphic.toJSON())\n\n    onChange(element, {\n      value: (existingValue) => ({\n        ...(existingValue || {}),\n        drawingLayer: updatedGraphics,\n        userInput: updatedGraphics,\n        // Remove automated snapshot images when drawing again\n        snapshotImages: existingValue?.snapshotImages?.filter(\n          (snapshotImage) =>\n            snapshotImage.fileName !== automatedSnapshotFileName,\n        ),\n      }),\n    })\n  }, [automatedSnapshotFileName, element, onChange])\n\n  const updateMapViewSubmissionValue = React.useCallback(() => {\n    const zoom = mapViewRef.current?.zoom\n    const latitude = mapViewRef.current?.center.latitude\n    const longitude = mapViewRef.current?.center.longitude\n    if (zoom && latitude && longitude) {\n      onChange(element, {\n        value: (existingValue) => ({\n          ...(existingValue || {}),\n          view: {\n            zoom,\n            latitude,\n            longitude,\n          },\n        }),\n      })\n    }\n  }, [element, onChange])\n\n  const getGeometryPoints = (\n    geom: __esri.Geometry,\n    spatialRef: SpatialReference,\n  ) => {\n    if (geom.type === 'polygon') {\n      const polygon = geom as Polygon\n      return polygon.rings[0].map(\n        (ring) =>\n          new Point({\n            x: ring[0],\n            y: ring[1],\n            spatialReference: spatialRef,\n          }),\n      )\n    } else if (geom.type === 'polyline') {\n      const polyline = geom as Polyline\n      return polyline.paths[0].map(\n        (path) =>\n          new Point({\n            x: path[0],\n            y: path[1],\n            spatialReference: spatialRef,\n          }),\n      )\n    }\n  }\n\n  const addMeasurementLabels = React.useCallback(\n    (graphics: __esri.Graphic[]) => {\n      if (!element.measurementDimensionsEnabled) return\n      const spatialRef = new SpatialReference({ wkid: 3857 })\n      const measurementLayer = measurementLayerRef.current\n      const mapView = mapViewRef.current\n      if (!measurementLayer || !mapView) return\n      measurementLayer.removeAll()\n\n      for (const graphic of graphics) {\n        const geom = graphic.geometry\n        if (!geom || (geom.type !== 'polygon' && geom.type !== 'polyline'))\n          continue\n\n        const points = getGeometryPoints(geom, spatialRef)\n        if (!points) continue\n\n        const { distanceUnit, distanceUnitShortName } =\n          localisationService.getDistanceUnits()\n        if (distanceUnit !== 'meters' && distanceUnit !== 'feet') {\n          console.warn(\n            'Unsupported distance unit provided in tenant configuration: ',\n            distanceUnit,\n          )\n          return\n        }\n        const graphics: Graphic[] = []\n\n        for (let i = 1; i < points.length; i++) {\n          const x1 = points[i].x\n          const x2 = points[i - 1].x\n          const y1 = points[i].y\n          const y2 = points[i - 1].y\n\n          const midpoint = new Point({\n            x: (x1 + x2) / 2,\n            y: (y1 + y2) / 2,\n            spatialReference: spatialRef,\n          })\n\n          // Angle of the measurement label - this will be rotated to be parallel with the polygon or polyline edge\n          const dx = x2 - x1\n          const dy = y2 - y1\n          const radians = Math.atan2(dy, dx)\n          let angle = radians * (-180 / Math.PI)\n          if (angle > 90 || angle < -90) {\n            angle += 180\n          }\n\n          // offset of the measurement label against the edge of the polygon/polyline it's measuring\n          const pixelOffset = 10\n          const normalAngle = radians + Math.PI / 2\n          const offsetScreenX = pixelOffset * Math.cos(normalAngle)\n          const offsetScreenY = pixelOffset * Math.sin(normalAngle)\n\n          const screenPoint = mapView.toScreen(midpoint)\n          screenPoint.x += offsetScreenX\n          screenPoint.y -= offsetScreenY\n          const offsetMapPoint = mapView.toMap(screenPoint)\n\n          const polyline = new Polyline({\n            paths: [\n              [\n                [points[i].longitude, points[i].latitude],\n                [points[i - 1].longitude, points[i - 1].latitude],\n              ],\n            ],\n            spatialReference: { wkid: 4326 },\n          })\n          const distance = geometryEngine.geodesicLength(polyline, distanceUnit)\n          graphics.push(\n            new Graphic({\n              geometry: offsetMapPoint,\n              symbol: new TextSymbol({\n                text: distance.toFixed(0) + distanceUnitShortName,\n                color: 'black',\n                haloColor: 'white',\n                haloSize: 1,\n                angle,\n              }),\n            }),\n          )\n        }\n\n        measurementLayer.addMany(graphics)\n        mapViewRef.current?.map.reorder(\n          measurementLayer,\n          mapViewRef.current?.map.layers.length,\n        )\n      }\n    },\n    [element],\n  )\n\n  const clearMeasurementLabels = React.useCallback(() => {\n    if (measurementLayerRef.current) {\n      measurementLayerRef.current.removeAll()\n    }\n  }, [])\n\n  React.useEffect(() => {\n    if (element.readOnly) return\n    // event listeners for drawing tool creates/updates/deletes\n    // these need to be removed and recreated when the submission value changes\n    // to ensure they always have access to the latest submission value\n    const createListener = sketchToolRef.current?.on(\n      'create',\n      throttle((sketchEvent: __esri.SketchCreateEvent) => {\n        if (sketchEvent.state === 'active') {\n          addMeasurementLabels([sketchEvent.graphic])\n        }\n        if (sketchEvent.state === 'complete') {\n          if (selectedGraphicAttributes) {\n            sketchEvent.graphic.attributes = {\n              name: selectedGraphicAttributes.value,\n              label: selectedGraphicAttributes.label,\n              description: selectedGraphicAttributes.description,\n            }\n            setSelectedGraphicAttributes(undefined)\n          }\n          updateDrawingInputSubmissionValue()\n          clearMeasurementLabels()\n        }\n        if (sketchEvent.state === 'cancel') {\n          setSelectedGraphicAttributes(undefined)\n          clearMeasurementLabels()\n        }\n      }, 100),\n    )\n\n    const updateListener = sketchToolRef.current?.on(\n      'update',\n      throttle((sketchEvent: __esri.SketchUpdateEvent) => {\n        if (sketchEvent.state === 'active') {\n          addMeasurementLabels(sketchEvent.graphics)\n        }\n        if (sketchEvent.state === 'complete') {\n          // only update the submission value if the graphic's geometry was actually changed\n          if (\n            JSON.stringify(sketchEvent.graphics[0].geometry.toJSON()) !==\n            selectedGraphicForUpdate.current\n          ) {\n            updateDrawingInputSubmissionValue()\n          }\n          selectedGraphicForUpdate.current = undefined\n          clearMeasurementLabels()\n        }\n        if (sketchEvent.state === 'start') {\n          selectedGraphicForUpdate.current = JSON.stringify(\n            sketchEvent.graphics[0].geometry.clone().toJSON(),\n          )\n          addMeasurementLabels(sketchEvent.graphics)\n        }\n      }, 100),\n    )\n\n    const deleteListener = sketchToolRef.current?.on('delete', () => {\n      mapViewRef.current?.closePopup()\n      updateDrawingInputSubmissionValue()\n      clearMeasurementLabels()\n    })\n\n    const mapViewChangeListener = mapViewRef.current?.watch(\n      'stationary',\n      () => {\n        const mapView = mapViewRef.current\n        if (mapView && mapView.stationary) {\n          const hasViewChanged =\n            mapView.zoom !== value?.view?.zoom ||\n            mapView.center.longitude !== value?.view?.longitude ||\n            mapView.center.latitude !== value?.view?.latitude\n          if (hasViewChanged) {\n            updateMapViewSubmissionValue()\n          }\n        }\n      },\n    )\n\n    const sketchToolListener = sketchToolRef.current?.viewModel.watch(\n      'activeTool',\n      () => {\n        if (selectedGraphicAttributes) {\n          return\n        }\n        const activeTool = sketchToolRef.current?.activeTool\n        const hasGraphicAttributeOptions = !!element.allowedDrawingTools?.find(\n          (tool) => tool.type === activeTool,\n        )?.graphicAttributeOptions?.length\n\n        if (activeTool) {\n          if (\n            hasGraphicAttributeOptions &&\n            (activeTool === 'point' ||\n              activeTool === 'polygon' ||\n              activeTool === 'circle' ||\n              activeTool === 'rectangle' ||\n              activeTool === 'polyline')\n          ) {\n            // the sketch.create() fn only allows active tools of the above 5 types\n            // hence we must check above to keep the types happy further down the line\n            sketchToolRef.current?.cancel()\n            setActiveSketchToolMenu(activeTool)\n          } else {\n            setActiveSketchToolMenu(undefined)\n          }\n        }\n      },\n    )\n\n    mapViewRef.current?.on('click', (event) => {\n      mapViewRef.current?.hitTest(event).then((response) => {\n        // the \"hit test\" will typically yield the graphic we want to display the popup for,\n        // and an ArcGIS built-in graphic which highlights the selected graphic.\n        // By filtering for the graphic with the \"label\" attribute, we're able to reliably\n        // get the graphic we want to display the popup for.\n        const result = response.results\n          .filter((r) => r.type === 'graphic')\n          .find((r) => !!r.graphic.attributes?.label)\n\n        if (result) {\n          mapViewRef.current?.openPopup({\n            title: result.graphic.attributes.label,\n            content: result.graphic.attributes.description,\n          })\n        }\n      })\n    })\n\n    return () => {\n      createListener?.remove()\n      updateListener?.remove()\n      deleteListener?.remove()\n      mapViewChangeListener?.remove()\n      sketchToolListener?.remove()\n    }\n  }, [\n    isLoading,\n    value,\n    updateDrawingInputSubmissionValue,\n    updateMapViewSubmissionValue,\n    element,\n    selectedGraphicAttributes,\n    addMeasurementLabels,\n    clearMeasurementLabels,\n  ])\n\n  const stringifedLayersRef = React.useRef<string>('')\n\n  const onSubmissionValueChange = React.useCallback(() => {\n    const view = mapViewRef.current\n    const map = mapViewRef.current?.map\n    if (!view || !map) return\n\n    // if the layers have changed or if the map has no layers, remove all layers and repaint\n    const currentStringifedLayers = JSON.stringify(value?.layers)\n    if (\n      stringifedLayersRef.current !== currentStringifedLayers ||\n      !map.layers.length\n    ) {\n      stringifedLayersRef.current = currentStringifedLayers\n      // remove all layers and repaint\n      map.layers.removeAll()\n      if (defaultLayersRef.current) {\n        // redraw default layers first\n        defaultLayersRef.current.forEach((layer) => {\n          map.add(layer)\n        })\n      }\n\n      if (value?.layers) {\n        for (const layer of value.layers) {\n          const newLayer = new GraphicsLayer({\n            title: layer.title as string,\n            id: layer.id,\n          })\n          newLayer.addMany(layer.graphics.map((g) => Graphic.fromJSON(g)))\n          newLayer.visible =\n            typeof layer.visible === 'boolean' ? layer.visible : true\n          map.layers.add(newLayer)\n        }\n      }\n    }\n\n    // add the web map's drawing and measurement layers back\n    const drawingLayer = drawingLayerRef.current\n    if (value?.drawingLayer && drawingLayer) {\n      drawingLayer.removeAll()\n      drawingLayer.addMany(value.drawingLayer.map((g) => Graphic.fromJSON(g)))\n      map.layers.add(drawingLayer)\n      map.layers.reorder(drawingLayer, map.layers.length - 1)\n    }\n    if (measurementLayerRef.current) {\n      map.layers.add(measurementLayerRef.current)\n      map.layers.reorder(measurementLayerRef.current, map.layers.length - 1)\n    }\n    if (value?.view) {\n      view.zoom = value.view.zoom\n      view.center = new Point({\n        latitude: value.view.latitude,\n        longitude: value.view.longitude,\n      })\n    }\n  }, [value])\n\n  React.useEffect(() => {\n    if (!isLoading && mapViewRef.current) {\n      onSubmissionValueChange()\n    }\n    // only run the above when the submission value changes or the map finishes loading\n  }, [onSubmissionValueChange, isLoading])\n\n  const drawingOptionsContainerId = `OneBlinkDrawingOptionsSelector-${element.id}`\n\n  React.useEffect(() => {\n    const loadMap = async () => {\n      try {\n        const map = new WebMap({\n          portalItem: {\n            id: element.webMapId,\n          },\n          basemap: element.basemapId || 'streets',\n        })\n        await map.load()\n\n        const view = new MapView({\n          map,\n          container: ref.current || undefined,\n          popup: new Popup({\n            dockEnabled: true,\n            dockOptions: {\n              buttonEnabled: false,\n              breakpoint: false,\n              position: 'bottom-left',\n            },\n          }),\n        })\n\n        // remove default widgets\n        const components = view.ui.getComponents()\n        for (const component of components) {\n          view.ui.remove(component)\n        }\n\n        if (element.addressSearchWidgetEnabled) {\n          view.ui.add(\n            new Search({\n              view,\n            }),\n            'top-left',\n          )\n        }\n\n        if (element.homeWidgetEnabled) {\n          view.ui.add(\n            new Home({\n              view,\n            }),\n            'top-left',\n          )\n        }\n\n        view.ui.add(\n          new Zoom({\n            view,\n          }),\n          'bottom-right',\n        )\n\n        const layerList = new LayerList({\n          view,\n        })\n\n        layerPanelRef.current = new Expand({\n          expandIcon: 'layers',\n          view,\n          content: layerList,\n          expanded: element.showLayerPanel,\n          mode: 'floating',\n          visible: false,\n        })\n\n        view.ui.add(layerPanelRef.current, 'top-right')\n\n        const baseMapGallery = new BaseMapGallery({ view })\n\n        mapGalleryPanelRef.current = new Expand({\n          expandIcon: 'basemap',\n          view,\n          content: baseMapGallery,\n          mode: 'floating',\n          visible: false,\n        })\n\n        view.ui.add(mapGalleryPanelRef.current, 'top-left')\n\n        let drawingLayerId: string | undefined\n        let measurementLayerId: string | undefined\n        if (!element.readOnly && element.allowedDrawingTools?.length) {\n          drawingLayerId = uuid()\n          const drawingLayer = new GraphicsLayer({\n            id: drawingLayerId,\n            title: 'Drawing',\n          })\n          drawingLayerRef.current = drawingLayer\n          map.layers.add(drawingLayer)\n\n          // Add measurement layer above drawing layer\n          if (element.measurementDimensionsEnabled) {\n            measurementLayerId = uuid()\n            const measurementLayer = new GraphicsLayer({\n              id: measurementLayerId,\n              title: 'Measurements',\n              listMode: 'hide',\n            })\n            measurementLayerRef.current = measurementLayer\n            map.layers.add(measurementLayer)\n          }\n\n          const sketch = new Sketch({\n            view,\n            layer: drawingLayer,\n            creationMode: 'single',\n            layout: 'vertical',\n            availableCreateTools: [\n              'point',\n              'polyline',\n              'polygon',\n              'rectangle',\n              'circle',\n            ].filter((createTool) =>\n              element.allowedDrawingTools?.find(\n                (tool) => tool.type === createTool,\n              ),\n            ),\n            // hiding the below by default\n            visibleElements: {\n              duplicateButton: false,\n              settingsMenu: false,\n              undoRedoMenu: false,\n              selectionTools: {\n                'lasso-selection': false,\n                'rectangle-selection': false,\n              },\n            },\n          })\n          sketchToolRef.current = sketch\n          view.ui.add(sketch, 'bottom-right')\n          view.ui.add(drawingOptionsContainerId, 'bottom-right')\n        }\n\n        // once the view has loaded\n        view.when(() => {\n          mapViewRef.current = view\n\n          // when updating the map on submission value change,\n          // we completely wipe all layers and redraw from scratch.\n          // The below caters for web maps that load in with pre-existing layers,\n          // which is usually the case when a web map id is provided.\n          // We will store these pre-existing layers and ensure they're passed\n          // to any redraw logic. We take layers from map.layers (as opposed to map.allLayers)\n          // as this omits system generated layers like the basemap, which aren't removed when\n          // we redraw regardless.\n          defaultLayersRef.current = map.layers\n            .toArray()\n            .filter(\n              (l) => l.id !== measurementLayerId && l.id !== drawingLayerId,\n            )\n\n          takeScreenShotRef.current = async (\n            viewToScreenShot?: ArcGISTypes.ArcGISWebMapElementValue['view'],\n          ) => {\n            if (viewToScreenShot) {\n              await view.goTo(\n                {\n                  center: [\n                    viewToScreenShot.longitude,\n                    viewToScreenShot.latitude,\n                  ],\n                  zoom: viewToScreenShot.zoom,\n                },\n                {\n                  animate: true,\n                },\n              )\n              console.log('waiting for view to render visible')\n              await new Promise((resolve) => {\n                if (!view.updating) {\n                  resolve(undefined)\n                } else {\n                  const handle = view.watch('updating', (updating) => {\n                    if (!updating) {\n                      handle.remove()\n                      resolve(undefined)\n                    }\n                  })\n                }\n              })\n            }\n            const screenshot = await view.takeScreenshot()\n            return {\n              dataUrl: screenshot.dataUrl,\n            }\n          }\n          setIsLoading(false)\n        })\n      } catch (e) {\n        console.warn('Error while trying to load arcgis web map ', e)\n        setLoadError(e as Error)\n        setIsLoading(false)\n      }\n    }\n\n    if (!mapViewRef.current && !isLoading) {\n      setIsLoading(true)\n      loadMap()\n    }\n  }, [drawingOptionsContainerId, element, isLoading, takeScreenShotRef, value])\n\n  React.useEffect(() => {\n    if (!isLoading) {\n      if (isPageVisible) {\n        if (layerPanelRef.current) {\n          layerPanelRef.current.visible = true\n        }\n        if (mapGalleryPanelRef.current) {\n          mapGalleryPanelRef.current.visible = true\n        }\n      } else {\n        if (layerPanelRef.current) {\n          layerPanelRef.current.visible = false\n        }\n        if (mapGalleryPanelRef.current) {\n          mapGalleryPanelRef.current.visible = false\n        }\n      }\n    }\n  }, [isPageVisible, isLoading])\n\n  if (loadError) {\n    return (\n      <figure className=\"ob-figure\">\n        <div className=\"figure-content has-text-centered\">\n          <MaterialIcon className=\"icon-large has-margin-bottom-6 has-text-warning\">\n            error\n          </MaterialIcon>\n          <h4 className=\"title is-4\">We were unable to display your web map</h4>\n          <p>{loadError.message}</p>\n        </div>\n      </figure>\n    )\n  }\n\n  return (\n    <>\n      {isLoading && (\n        <div className=\"figure-content-absolute-center\">\n          <OnLoading small />\n        </div>\n      )}\n      <div\n        className=\"arcgis-web-map\"\n        ref={ref}\n        id={id}\n        aria-describedby={props['aria-describedby']}\n      />\n      <div id={drawingOptionsContainerId}>\n        {!!activeSketchToolMenu && sketchToolRef.current && (\n          <DrawingOptionsList\n            options={\n              element.allowedDrawingTools?.find(\n                (tool) => tool.type === activeSketchToolMenu,\n              )?.graphicAttributeOptions || []\n            }\n            onClose={() => setActiveSketchToolMenu(undefined)}\n            setSelectedGraphicAttributes={(opt) => {\n              setSelectedGraphicAttributes(opt)\n            }}\n            sketchToolType={activeSketchToolMenu}\n            sketchTool={sketchToolRef.current}\n          />\n        )}\n      </div>\n    </>\n  )\n}\n\nexport default React.memo(FormElementArcGISWebMap)\n"]}

package/dist/components/Clickable.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export declare function Clickable(props: React.ComponentProps<'div'> & {
     disabled?: boolean;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Clickable.js

@@ -1,8 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import clsx from 'clsx';
 export function Clickable(props) {
     const ref = React.useRef(null);
-    return (React.createElement("div", { ...props, role: "button", tabIndex: props.disabled ? -1 : 0, ref: ref, onKeyDown: (event) => {
+    return (_jsx("div", { ...props, role: "button", tabIndex: props.disabled ? -1 : 0, ref: ref, onKeyDown: (event) => {
             var _a, _b;
             if (ref.current === event.target &&
                 (event.key === 'Enter' || event.key === ' ')) {

package/dist/components/Clickable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Clickable.js","sourceRoot":"","sources":["../../src/components/Clickable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,MAAM,UAAU,SAAS,CACvB,KAEC;IAED,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,OAAO,CACL,gCACM,KAAK,EACT,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACjC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;;YACnB,IACE,GAAG,CAAC,OAAO,KAAK,KAAK,CAAC,MAAM;gBAC5B,CAAC,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,EAC5C,CAAC;gBACD,MAAA,KAAK,CAAC,OAAO,sDACX,KAAgE,CACjE,CAAA;YACH,CAAC;YACD,MAAA,KAAK,CAAC,SAAS,sDAAG,KAAK,CAAC,CAAA;QAC1B,CAAC,EACD,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YAC/B,cAAc,EAAE,CAAC,KAAK,CAAC,QAAQ;SAChC,CAAC,mBACa,KAAK,CAAC,QAAQ,GAC7B,CACH,CAAA;AACH,CAAC","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\n\nexport function Clickable(\n  props: React.ComponentProps<'div'> & {\n    disabled?: boolean\n  },\n) {\n  const ref = React.useRef<HTMLDivElement>(null)\n  return (\n    <div\n      {...props}\n      role=\"button\"\n      tabIndex={props.disabled ? -1 : 0}\n      ref={ref}\n      onKeyDown={(event) => {\n        if (\n          ref.current === event.target &&\n          (event.key === 'Enter' || event.key === ' ')\n        ) {\n          props.onClick?.(\n            event as unknown as React.MouseEvent<HTMLDivElement, MouseEvent>,\n          )\n        }\n        props.onKeyDown?.(event)\n      }}\n      className={clsx(props.className, {\n        'is-clickable': !props.disabled,\n      })}\n      aria-disabled={props.disabled}\n    />\n  )\n}\n"]}
+{"version":3,"file":"Clickable.js","sourceRoot":"","sources":["../../src/components/Clickable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,MAAM,UAAU,SAAS,CACvB,KAEC;IAED,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,OAAO,CACL,iBACM,KAAK,EACT,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACjC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;;YACnB,IACE,GAAG,CAAC,OAAO,KAAK,KAAK,CAAC,MAAM;gBAC5B,CAAC,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,EAC5C,CAAC;gBACD,MAAA,KAAK,CAAC,OAAO,sDACX,KAAgE,CACjE,CAAA;YACH,CAAC;YACD,MAAA,KAAK,CAAC,SAAS,sDAAG,KAAK,CAAC,CAAA;QAC1B,CAAC,EACD,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YAC/B,cAAc,EAAE,CAAC,KAAK,CAAC,QAAQ;SAChC,CAAC,mBACa,KAAK,CAAC,QAAQ,GAC7B,CACH,CAAA;AACH,CAAC","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\n\nexport function Clickable(\n  props: React.ComponentProps<'div'> & {\n    disabled?: boolean\n  },\n) {\n  const ref = React.useRef<HTMLDivElement>(null)\n  return (\n    <div\n      {...props}\n      role=\"button\"\n      tabIndex={props.disabled ? -1 : 0}\n      ref={ref}\n      onKeyDown={(event) => {\n        if (\n          ref.current === event.target &&\n          (event.key === 'Enter' || event.key === ' ')\n        ) {\n          props.onClick?.(\n            event as unknown as React.MouseEvent<HTMLDivElement, MouseEvent>,\n          )\n        }\n        props.onKeyDown?.(event)\n      }}\n      className={clsx(props.className, {\n        'is-clickable': !props.disabled,\n      })}\n      aria-disabled={props.disabled}\n    />\n  )\n}\n"]}

package/dist/components/ConfirmDialog.d.ts

@@ -15,8 +15,8 @@ type Props = {
         error?: string;
         title?: string;
     };
-    TransitionProps?: DialogProps['TransitionProps'];
+    TransitionProps?: NonNullable<DialogProps['slotProps']>['transition'];
     disabled?: boolean;
 };
-export default function ConfirmDialog({ isOpen, onClose, children, onConfirm, title, confirmButtonText, confirmButtonIcon, cypress, TransitionProps, disabled, }: Props): React.JSX.Element;
+export default function ConfirmDialog({ isOpen, onClose, children, onConfirm, title, confirmButtonText, confirmButtonIcon, cypress, TransitionProps, disabled, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ConfirmDialog.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Dialog, DialogActions, DialogTitle, DialogContent, Button, Portal, } from '@mui/material';
-import { LoadingButton } from '@mui/lab';
 import useIsMounted from '../hooks/useIsMounted';
 import ErrorSnackbar from './ErrorSnackbar';
 export default function ConfirmDialog({ isOpen, onClose, children, onConfirm, title, confirmButtonText, confirmButtonIcon, cypress, TransitionProps, disabled, }) {
@@ -23,18 +23,11 @@ export default function ConfirmDialog({ isOpen, onClose, children, onConfirm, ti
             setError(newError);
         }
     }, [isMounted, onConfirm]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Dialog, { open: isOpen, maxWidth: "sm", fullWidth: true, onClose: !isConfirming ? onClose : undefined, "data-cypress": cypress === null || cypress === void 0 ? void 0 : cypress.dialog, TransitionProps: {
-                onExiting: () => setError(null),
-                ...(TransitionProps ? TransitionProps : {}),
-            } },
-            React.createElement(DialogTitle, { "data-cypress": cypress === null || cypress === void 0 ? void 0 : cypress.title }, title),
-            React.createElement(DialogContent, { dividers: true }, children),
-            React.createElement(DialogActions, null,
-                React.createElement(Button, { disabled: isConfirming, onClick: onClose, "data-cypress": cypress === null || cypress === void 0 ? void 0 : cypress.cancelButton }, "Cancel"),
-                React.createElement(LoadingButton, { variant: "contained", loading: isConfirming, autoFocus: true, startIcon: confirmButtonIcon, loadingPosition: "start", onClick: handleConfirm, "data-cypress": cypress === null || cypress === void 0 ? void 0 : cypress.confirmButton, disabled: disabled }, confirmButtonText))),
-        React.createElement(Portal, null,
-            React.createElement(ErrorSnackbar, { open: !!error, onClose: setError },
-                React.createElement("span", { "data-cypress": cypress === null || cypress === void 0 ? void 0 : cypress.error }, error === null || error === void 0 ? void 0 : error.message)))));
+    return (_jsxs(React.Fragment, { children: [_jsxs(Dialog, { open: isOpen, maxWidth: "sm", fullWidth: true, onClose: !isConfirming ? onClose : undefined, "data-cypress": cypress === null || cypress === void 0 ? void 0 : cypress.dialog, slotProps: {
+                    transition: {
+                        onExiting: () => setError(null),
+                        ...(TransitionProps ? TransitionProps : {}),
+                    },
+                }, children: [_jsx(DialogTitle, { "data-cypress": cypress === null || cypress === void 0 ? void 0 : cypress.title, children: title }), _jsx(DialogContent, { dividers: true, children: children }), _jsxs(DialogActions, { children: [_jsx(Button, { disabled: isConfirming, onClick: onClose, "data-cypress": cypress === null || cypress === void 0 ? void 0 : cypress.cancelButton, children: "Cancel" }), _jsx(Button, { variant: "contained", loading: isConfirming, autoFocus: true, startIcon: confirmButtonIcon, loadingPosition: "start", onClick: handleConfirm, "data-cypress": cypress === null || cypress === void 0 ? void 0 : cypress.confirmButton, disabled: disabled, children: confirmButtonText })] })] }), _jsx(Portal, { children: _jsx(ErrorSnackbar, { open: !!error, onClose: setError, children: _jsx("span", { "data-cypress": cypress === null || cypress === void 0 ? void 0 : cypress.error, children: error === null || error === void 0 ? void 0 : error.message }) }) })] }));
 }
 //# sourceMappingURL=ConfirmDialog.js.map