@oneblink/apps-react 6.9.0-beta.7 → 6.9.0-beta.8

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} 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'\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    { isLoading, loadError, transaction, submissionResult, receiptItems },\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  }>({\n    isLoading: true,\n    loadError: null,\n    transaction: null,\n    submissionResult: null,\n    receiptItems: 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      try {\n        const result = await handlePaymentQuerystring(query)\n        newTransaction = result.transaction\n        newSubmissionResult = result.submissionResult\n        newReceiptItems = result.receiptItems\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        })\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(\n        submissionResult,\n        history.push,\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.push, 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            <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          <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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EACL,cAAc,EACd,iBAAiB,GAElB,MAAM,gBAAgB,CAAA;AACvB,OAAO,YAAY,MAAM,sBAAsB,CAAA;AAE/C,OAAO,QAAQ,MAAM,kBAAkB,CAAA;AACvC,OAAO,KAAK,MAAM,6BAA6B,CAAA;AAC/C,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,EACL,OAAO,EACP,WAAW,EACX,eAAe,EACf,aAAa,GACd,MAAM,uBAAuB,CAAA;AAC9B,OAAO,YAAY,MAAM,2BAA2B,CAAA;AAEpD,MAAM,EAAE,wBAAwB,EAAE,4BAA4B,EAAE,GAC9D,cAAc,CAAA;AAEhB,SAAS,cAAc,CAAC,EACtB,MAAM,EACN,QAAQ,GAkBT;IACC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAE5B,MAAM,CACJ,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,EACrE,YAAY,EACb,GAAG,KAAK,CAAC,QAAQ,CAMf;QACD,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,WAAW,EAAE,IAAI;QACjB,gBAAgB,EAAE,IAAI;QACtB,YAAY,EAAE,IAAI;KACnB,CAAC,CAAA;IACF,MAAM,CACJ,EAAE,6BAA6B,EAAE,mBAAmB,EAAE,EACtD,sBAAsB,EACvB,GAAG,KAAK,CAAC,QAAQ,CAGf;QACD,6BAA6B,EAAE,KAAK;QACpC,mBAAmB,EAAE,IAAI;KAC1B,CAAC,CAAA;IACF,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACtD,sBAAsB,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;YACxC,GAAG,YAAY;YACf,mBAAmB,EAAE,IAAI;SAC1B,CAAC,CAAC,CAAA;IACL,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAG/D;QACD,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,IAAI;KACjB,CAAC,CAAA;IACF,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC7C,aAAa,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;YAC/B,GAAG,YAAY;YACf,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC,CAAA;IACL,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,MAAM,GAAG,KAAK,CAAA;QAElB,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;YAChC,IAAI,QAAQ,GAAG,IAAI,CAAA;YACnB,IAAI,cAAc,GAAG,IAAI,CAAA;YACzB,IAAI,mBAAmB,GAAG,IAAI,CAAA;YAC9B,IAAI,eAAe,GAAG,IAAI,CAAA;YAC1B,IAAI,CAAC;gBACH,MAAM,MAAM,GAAG,MAAM,wBAAwB,CAAC,KAAK,CAAC,CAAA;gBACpD,cAAc,GAAG,MAAM,CAAC,WAAW,CAAA;gBACnC,mBAAmB,GAAG,MAAM,CAAC,gBAAgB,CAAA;gBAC7C,eAAe,GAAG,MAAM,CAAC,YAAY,CAAA;YACvC,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,IAAI,CAAC,4CAA4C,EAAE,KAAK,CAAC,CAAA;gBACjE,QAAQ,GAAG,KAAc,CAAA;YAC3B,CAAC;YAED,IAAI,CAAC,MAAM,EAAE,CAAC;gBACZ,YAAY,CAAC;oBACX,SAAS,EAAE,KAAK;oBAChB,SAAS,EAAE,QAAQ;oBACnB,WAAW,EAAE,cAAc;oBAC3B,gBAAgB,EAAE,mBAAmB;oBACrC,YAAY,EAAE,eAAe;iBAC9B,CAAC,CAAA;YACJ,CAAC;QACH,CAAC,CAAA;QACD,cAAc,EAAE,CAAA;QAEhB,OAAO,GAAG,EAAE;YACV,MAAM,GAAG,IAAI,CAAA;QACf,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,2BAA2B,GAAG,KAAK,CAAC,WAAW,CACnD,KAAK,EACH,MAEkB,EAClB,EAAE;QACF,IAAI,CAAC,gBAAgB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YAC5C,OAAM;QACR,CAAC;QAED,sBAAsB,CAAC;YACrB,6BAA6B,EAAE,IAAI;YACnC,mBAAmB,EAAE,IAAI;SAC1B,CAAC,CAAA;QAEF,IAAI,QAAQ,GAAG,IAAI,CAAA;QACnB,IAAI,CAAC;YACH,MAAM,MAAM,CAAC,EAAE,GAAG,gBAAgB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACtD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,IAAI,CAAC,4CAA4C,EAAE,KAAK,CAAC,CAAA;YACjE,QAAQ,GAAG,KAA0B,CAAA;QACvC,CAAC;QAED,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,sBAAsB,CAAC;gBACrB,6BAA6B,EAAE,KAAK;gBACpC,mBAAmB,EAAE,QAAQ;aAC9B,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,EACD,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAC9B,CAAA;IAED,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAC9C,2BAA2B,CAAC,MAAM,CAAC,CAAA;IACrC,CAAC,EAAE,CAAC,2BAA2B,EAAE,MAAM,CAAC,CAAC,CAAA;IAEzC,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,2BAA2B,CAAC,QAAQ,CAAC,CAAA;IACvC,CAAC,EAAE,CAAC,2BAA2B,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE3C,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAClD,IAAI,CAAC,gBAAgB,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;YACnD,OAAM;QACR,CAAC;QACD,MAAM,sBAAsB,GAAG,gBAAgB,CAAC,OAAO,CAAC,eAAe,CAAA;QAEvE,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,aAAa,CAAC;gBACZ,UAAU,EAAE,IAAI;gBAChB,UAAU,EAAE,IAAI;aACjB,CAAC,CAAA;QACJ,CAAC;QAED,IAAI,QAAQ,GAAG,IAAI,CAAA;QACnB,IAAI,CAAC;YACH,gBAAgB,CAAC,OAAO,GAAG,MAAM,4BAA4B,CAAC;gBAC5D,MAAM,EAAE,gBAAgB,CAAC,OAAO,CAAC,MAAM;gBACvC,oBAAoB,EAAE,gBAAgB;gBACtC,sBAAsB;gBACtB,iBAAiB,EAAE,gBAAgB,CAAC,OAAO,CAAC,iBAAiB;gBAC7D,cAAc,EAAE,gBAAgB,CAAC,OAAO,CAAC,cAAc;aACxD,CAAC,CAAA;YACF,MAAM,iBAAiB,CAAC,2BAA2B,CACjD,gBAAgB,EAChB,OAAO,CAAC,IAAI,CACb,CAAA;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,IAAI,CAAC,6CAA6C,EAAE,KAAK,CAAC,CAAA;YAClE,QAAQ,GAAG,KAA0B,CAAA;QACvC,CAAC;QAED,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,aAAa,CAAC;gBACZ,UAAU,EAAE,KAAK;gBACjB,UAAU,EAAE,QAAQ;aACrB,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAE/C,OAAO,CACL;QACG,SAAS,IAAI,CACZ;YACE,6BAAK,SAAS,EAAC,mCAAmC;gBAChD,oBAAC,SAAS,IAAC,SAAS,EAAC,mBAAmB,GAAa;gBACrD,sEAA8C,CAC1C,CACE,CACX;QAEA,WAAW,IAAI,CACd,oBAAC,OAAO,IACN,SAAS,EAAC,oBAAoB,EAC9B,kBAAkB,EAAC,+BAA+B;YAElD,oBAAC,WAAW,IACV,oBAAoB,EAAC,kCAAkC,EACvD,oBAAoB,EAAC,kCAAkC,EACvD,uBAAuB,EAAC,6EAA6E,EACrG,cAAc,EACZ,WAAW,CAAC,SAAS;oBACnB,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,WAAW,CAAC,YAAY,IAAI,SAAS;gBAG1C,YAAY;oBACX,YAAY,CAAC,MAAM;oBACnB,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,EAAE,EAAE;;wBAClC,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,CAAC,EACN,SAAS,EAAE,MAAA,WAAW,CAAC,SAAS,mCAAI,EAAE,EACtC,cAAc,EAAE,MAAA,WAAW,CAAC,cAAc,mCAAI,EAAE,EAChD,IAAI,EAAE,WAAW,CAAC,IAAI,EACtB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,oBAAoB,EAAE,WAAW,CAAC,oBAAoB,GACtD,CACH,CAAA;oBACH,CAAC,CAAC;gBACJ,oBAAC,eAAe,IACd,SAAS,EAAC,6BAA6B,EACvC,cAAc,EAAC,iCAAiC,EAChD,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,yFAAyF,GAC/F,CACU;YAEd,6BAAK,SAAS,EAAC,SAAS,IACrB,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CACvB,oBAAC,aAAa,IACZ,SAAS,EAAC,2GAA2G,EACrH,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,6BAA6B,EACxC,OAAO,EAAE,UAAU,GACnB,CACH,CAAC,CAAC,CAAC,CACF;gBACE,oBAAC,aAAa,IACZ,SAAS,EAAC,oGAAoG,EAC9G,KAAK,EAAC,QAAQ,EACd,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,6BAA6B,EACxC,OAAO,EAAE,YAAY,GACrB;gBACF,oBAAC,aAAa,IACZ,SAAS,EAAC,qHAAqH,EAC/H,KAAK,EAAC,WAAW,EACjB,UAAU,EAAE,6BAA6B,EACzC,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,cAAc,GACvB,CACD,CACJ,CACG,CACE,CACX;QAEA,SAAS,IAAI,CACZ,iCAAS,SAAS,EAAC,+CAA+C;YAChE,6BAAK,SAAS,EAAC,gFAAgF;gBAC7F,oBAAC,YAAY,IAAC,SAAS,EAAC,6DAA6D,YAEtE,CACX;YACN,2BAAG,SAAS,EAAC,yEAAyE,IACnF,SAAS,CAAC,OAAO,CAChB,CACI,CACX;QAEA,UAAU,IAAI,CACb,oBAAC,KAAK,IACJ,MAAM,QACN,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,WAAW,EACtC,aAAa,EAAC,6CAA6C,EAC3D,OAAO,EACL,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,6EAA6E,EACvF,OAAO,EAAE,eAAe,EACxB,SAAS,iBAGF,IAGV,UAAU,CAAC,OAAO,CACb,CACT;QAEA,mBAAmB,IAAI,CACtB,oBAAC,KAAK,IACJ,MAAM,QACN,KAAK,EAAE,mBAAmB,CAAC,KAAK,IAAI,WAAW,EAC/C,aAAa,EAAC,6CAA6C,EAC3D,OAAO,EACL,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,6EAA6E,EACvF,OAAO,EAAE,wBAAwB,EACjC,SAAS,iBAGF,IAGV,mBAAmB,CAAC,OAAO,CACtB,CACT,CACG,CACP,CAAA;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,eAAe,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { useHistory } from 'react-router-dom'\nimport {\n  paymentService,\n  submissionService,\n  OneBlinkAppsError,\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'\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    { isLoading, loadError, transaction, submissionResult, receiptItems },\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  }>({\n    isLoading: true,\n    loadError: null,\n    transaction: null,\n    submissionResult: null,\n    receiptItems: 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      try {\n        const result = await handlePaymentQuerystring(query)\n        newTransaction = result.transaction\n        newSubmissionResult = result.submissionResult\n        newReceiptItems = result.receiptItems\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        })\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(\n        submissionResult,\n        history.push,\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.push, 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            <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          <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.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 { 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 OnLoading from '../components/renderer/OnLoading'\nimport MaterialIcon from './MaterialIcon'\n\nimport '../styles/arcgis-external.css'\nimport useIsPageVisible from '../hooks/useIsPageVisible'\n\ntype Props = {\n  element: FormTypes.ArcGISWebMapElement\n  id: string\n  'aria-describedby'?: string\n}\n\nfunction FormElementArcGISWebMap({ element, id, ...props }: Props) {\n  const [loadError, setLoadError] = React.useState<Error>()\n  const ref = React.useRef<HTMLDivElement | null>(null)\n  const layerPanelRef = React.useRef<Expand | null>(null)\n  const mapGalleryPanelRef = React.useRef<Expand | null>(null)\n  const [isLoading, setIsLoading] = React.useState<boolean>(true)\n  const isPageVisible = useIsPageVisible()\n\n  React.useEffect(() => {\n    let view: MapView\n\n    const loadMap = async () => {\n      try {\n        const map = new WebMap({\n          portalItem: {\n            id: element.webMapId,\n          },\n        })\n        await map.load()\n\n        view = new MapView({\n          map: map,\n          container: ref.current || undefined,\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        view.ui.add(\n          new Search({\n            view,\n          }),\n          'top-left',\n        )\n        view.ui.add(\n          new Home({\n            view,\n          }),\n          'top-left',\n        )\n        view.ui.add(\n          new Zoom({\n            view,\n          }),\n          'bottom-left',\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, 'bottom-right')\n\n        // once the view has loaded\n        view.when(() => {\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    loadMap()\n\n    return () => {\n      if (view) {\n        view.destroy()\n      }\n    }\n  }, [element])\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 if (!isPageVisible) {\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 && <OnLoading />}\n      <div\n        className=\"arcgis-web-map\"\n        ref={ref}\n        id={id}\n        aria-describedby={props['aria-describedby']}\n      />\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 { 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 OnLoading from '../components/renderer/OnLoading'\nimport MaterialIcon from './MaterialIcon'\n\nimport '../styles/arcgis-external.css'\nimport useIsPageVisible from '../hooks/useIsPageVisible'\n\ntype Props = {\n  element: FormTypes.ArcGISWebMapElement\n  id: string\n  'aria-describedby'?: string\n}\n\nfunction FormElementArcGISWebMap({ element, id, ...props }: Props) {\n  const [loadError, setLoadError] = React.useState<Error>()\n  const ref = React.useRef<HTMLDivElement | null>(null)\n  const layerPanelRef = React.useRef<Expand | null>(null)\n  const mapGalleryPanelRef = React.useRef<Expand | null>(null)\n  const [isLoading, setIsLoading] = React.useState<boolean>(true)\n  const isPageVisible = useIsPageVisible()\n\n  React.useEffect(() => {\n    let view: MapView\n\n    const loadMap = async () => {\n      try {\n        const map = new WebMap({\n          portalItem: {\n            id: element.webMapId,\n          },\n        })\n        await map.load()\n\n        view = new MapView({\n          map: map,\n          container: ref.current || undefined,\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        view.ui.add(\n          new Search({\n            view,\n          }),\n          'top-left',\n        )\n        view.ui.add(\n          new Home({\n            view,\n          }),\n          'top-left',\n        )\n        view.ui.add(\n          new Zoom({\n            view,\n          }),\n          'bottom-left',\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, 'bottom-right')\n\n        // once the view has loaded\n        view.when(() => {\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    loadMap()\n\n    return () => {\n      if (view) {\n        view.destroy()\n      }\n    }\n  }, [element])\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 if (!isPageVisible) {\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 && <OnLoading />}\n      <div\n        className=\"arcgis-web-map\"\n        ref={ref}\n        id={id}\n        aria-describedby={props['aria-describedby']}\n      />\n    </>\n  )\n}\n\nexport default React.memo(FormElementArcGISWebMap)\n"]}

package/dist/components/CustomAccordion.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="react" />
 export declare const CustomAccordion: import("@emotion/styled").StyledComponent<{
-    children: NonNullable<import("react").ReactNode>;
-    classes?: Partial<import("@mui/material").AccordionClasses> | undefined;
-    defaultExpanded?: boolean | undefined;
-    disabled?: boolean | undefined;
-    disableGutters?: boolean | undefined;
-    expanded?: boolean | undefined;
-    onChange?: ((event: import("react").SyntheticEvent<Element, Event>, expanded: boolean) => void) | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    TransitionComponent?: import("react").JSXElementConstructor<import("@mui/material/transitions").TransitionProps & {
-        children?: import("react").ReactElement<any, any> | undefined;
-    }> | undefined;
-    TransitionProps?: import("@mui/material/transitions").TransitionProps | undefined;
+    children: NonNullable<React.ReactNode>;
+    classes?: Partial<import("@mui/material").AccordionClasses>;
+    defaultExpanded?: boolean;
+    disabled?: boolean;
+    disableGutters?: boolean;
+    expanded?: boolean;
+    onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+    TransitionComponent?: React.JSXElementConstructor<import("@mui/material/transitions").TransitionProps & {
+        children?: React.ReactElement<any, any>;
+    }>;
+    TransitionProps?: import("@mui/material/transitions").TransitionProps;
 } & import("@mui/material").AccordionSlotsAndSlotProps & Omit<import("@mui/material").PaperOwnProps, "classes" | "onChange"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "onChange" | "elevation" | "disabled" | "TransitionComponent" | "TransitionProps" | "variant" | "disableGutters" | "square" | "defaultExpanded" | "expanded" | keyof import("@mui/material").AccordionSlotsAndSlotProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/components/ErrorSnackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorSnackbar.js","sourceRoot":"","sources":["../../src/components/ErrorSnackbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,QAAQ,EACR,UAAU,EACV,KAAK,IAAI,QAAQ,EAEjB,MAAM,GACP,MAAM,eAAe,CAAA;AACtB,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,SAAS,KAAK,CAAC,KAAK,EAAE,GAAG;IACvB,OAAO,oBAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,QAAQ,KAAK,KAAK,GAAI,CAAA;AACzE,CAAC,CACF,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC7C,QAAQ,EAAE,EAAE;CACb,CAAC,CAAC,CAAA;AAEH,SAAS,aAAa,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,QAAQ,GAKT;IACC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,CAAU,EAAE,MAAe,EAAE,EAAE;QAC9B,IAAI,MAAM,KAAK,WAAW,EAAE;YAC1B,OAAO,CAAC,IAAI,CAAC,CAAA;SACd;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IACD,OAAO,CACL,oBAAC,QAAQ,IACP,YAAY,EAAE;YACZ,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,OAAO;SACpB,EACD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,mBAAmB;QAE7B,oBAAC,KAAK,IACJ,QAAQ,EAAC,OAAO,EAChB,MAAM,EACJ,oBAAC,UAAU,IACT,GAAG,EAAC,OAAO,gBACA,OAAO,EAClB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,kBACP,sBAAsB,EACnC,IAAI,EAAC,OAAO;gBAEZ,oBAAC,UAAU,gBAAmB,CACnB,IAGd,QAAQ,CACH,CACC,CACZ,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport {\n  Snackbar,\n  IconButton,\n  Alert as MuiAlert,\n  AlertProps,\n  styled,\n} from '@mui/material'\nimport MaterialIcon from './MaterialIcon'\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  function Alert(props, ref) {\n    return <MuiAlert elevation={6} ref={ref} variant=\"filled\" {...props} />\n  },\n)\n\nconst StyledIcon = styled(MaterialIcon)(() => ({\n  fontSize: 20,\n}))\n\nfunction ErrorSnackbar({\n  open,\n  onClose,\n  children,\n}: {\n  open: boolean\n  children: React.ReactNode\n  onClose: (arg: null) => unknown\n}) {\n  const handleClose = React.useCallback(\n    (e: unknown, reason?: string) => {\n      if (reason !== 'clickaway') {\n        onClose(null)\n      }\n    },\n    [onClose],\n  )\n  return (\n    <Snackbar\n      anchorOrigin={{\n        vertical: 'bottom',\n        horizontal: 'right',\n      }}\n      open={open}\n      onClose={handleClose}\n      className=\"ob-error-snackbar\"\n    >\n      <Alert\n        severity=\"error\"\n        action={\n          <IconButton\n            key=\"close\"\n            aria-label=\"Close\"\n            color=\"inherit\"\n            onClick={handleClose}\n            data-cypress=\"error-snackbar-close\"\n            size=\"large\"\n          >\n            <StyledIcon>close</StyledIcon>\n          </IconButton>\n        }\n      >\n        {children}\n      </Alert>\n    </Snackbar>\n  )\n}\n\nexport default React.memo(ErrorSnackbar)\n"]}
+{"version":3,"file":"ErrorSnackbar.js","sourceRoot":"","sources":["../../src/components/ErrorSnackbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,QAAQ,EACR,UAAU,EACV,KAAK,IAAI,QAAQ,EAEjB,MAAM,GACP,MAAM,eAAe,CAAA;AACtB,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,SAAS,KAAK,CAAC,KAAK,EAAE,GAAG;IACvB,OAAO,oBAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,QAAQ,KAAK,KAAK,GAAI,CAAA;AACzE,CAAC,CACF,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC7C,QAAQ,EAAE,EAAE;CACb,CAAC,CAAC,CAAA;AAEH,SAAS,aAAa,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,QAAQ,GAKT;IACC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,CAAU,EAAE,MAAe,EAAE,EAAE;QAC9B,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;YAC3B,OAAO,CAAC,IAAI,CAAC,CAAA;QACf,CAAC;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IACD,OAAO,CACL,oBAAC,QAAQ,IACP,YAAY,EAAE;YACZ,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,OAAO;SACpB,EACD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,mBAAmB;QAE7B,oBAAC,KAAK,IACJ,QAAQ,EAAC,OAAO,EAChB,MAAM,EACJ,oBAAC,UAAU,IACT,GAAG,EAAC,OAAO,gBACA,OAAO,EAClB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,kBACP,sBAAsB,EACnC,IAAI,EAAC,OAAO;gBAEZ,oBAAC,UAAU,gBAAmB,CACnB,IAGd,QAAQ,CACH,CACC,CACZ,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport {\n  Snackbar,\n  IconButton,\n  Alert as MuiAlert,\n  AlertProps,\n  styled,\n} from '@mui/material'\nimport MaterialIcon from './MaterialIcon'\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  function Alert(props, ref) {\n    return <MuiAlert elevation={6} ref={ref} variant=\"filled\" {...props} />\n  },\n)\n\nconst StyledIcon = styled(MaterialIcon)(() => ({\n  fontSize: 20,\n}))\n\nfunction ErrorSnackbar({\n  open,\n  onClose,\n  children,\n}: {\n  open: boolean\n  children: React.ReactNode\n  onClose: (arg: null) => unknown\n}) {\n  const handleClose = React.useCallback(\n    (e: unknown, reason?: string) => {\n      if (reason !== 'clickaway') {\n        onClose(null)\n      }\n    },\n    [onClose],\n  )\n  return (\n    <Snackbar\n      anchorOrigin={{\n        vertical: 'bottom',\n        horizontal: 'right',\n      }}\n      open={open}\n      onClose={handleClose}\n      className=\"ob-error-snackbar\"\n    >\n      <Alert\n        severity=\"error\"\n        action={\n          <IconButton\n            key=\"close\"\n            aria-label=\"Close\"\n            color=\"inherit\"\n            onClick={handleClose}\n            data-cypress=\"error-snackbar-close\"\n            size=\"large\"\n          >\n            <StyledIcon>close</StyledIcon>\n          </IconButton>\n        }\n      >\n        {children}\n      </Alert>\n    </Snackbar>\n  )\n}\n\nexport default React.memo(ErrorSnackbar)\n"]}

package/dist/components/ValidationErrorsCard.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import { FormElementsValidation } from '../types/form';
 import { FormTypes } from '@oneblink/types';
+import usePages from '../hooks/usePages';
 declare const _default: React.MemoExoticComponent<({ formElementsValidation, currentPage, setPageId, navigationTopOffset, }: {
     formElementsValidation: FormElementsValidation | undefined;
     currentPage: FormTypes.PageElement;
-    setPageId: (pageId: string) => void;
+    setPageId: ReturnType<typeof usePages>["setPageId"];
     navigationTopOffset: number;
 }) => React.JSX.Element>;
 export default _default;

package/dist/components/ValidationErrorsCard.js

@@ -4,6 +4,8 @@ import MaterialIcon from './MaterialIcon';
 import useBooleanState from '../hooks/useBooleanState';
 import clsx from 'clsx';
 import useFormDefinition from '../hooks/useFormDefinition';
+import ElementDOMId from '../utils/elementDOMIds';
+import scrollToElement from '../utils/scrollToElement';
 const NO_PAGE_KEY = 'NO_PAGE';
 const getValidationErrors = ({ formElementsValidation, elements, page, idPrefix, }) => {
     return elements.reduce((memo, el) => {
@@ -31,9 +33,13 @@ const getValidationErrors = ({ formElementsValidation, elements, page, idPrefix,
                 if (!!validationData &&
                     typeof validationData !== 'string' &&
                     validationData.type === 'repeatableSet') {
+                    const elementDOMId = new ElementDOMId({
+                        element: el,
+                        idPrefix,
+                    });
                     if (validationData.set) {
                         memo.push({
-                            id: `element-container__${idPrefix}${el.name}`,
+                            id: elementDOMId.elementContainerDOMId,
                             errorMessage: validationData.set,
                             label: el.label,
                             page,
@@ -46,7 +52,7 @@ const getValidationErrors = ({ formElementsValidation, elements, page, idPrefix,
                             formElementsValidation: entry,
                             elements: el.elements,
                             page,
-                            idPrefix: `${idPrefix}${el.name}_entry-${key}_`,
+                            idPrefix: elementDOMId.repeatableSetEntryDOMIdPrefix(key),
                         }));
                     }
                 }
@@ -59,11 +65,15 @@ const getValidationErrors = ({ formElementsValidation, elements, page, idPrefix,
                     typeof validationData !== 'string' &&
                     validationData.type === 'formElements') {
                     if (validationData.formElements && el.elements) {
+                        const elementDOMId = new ElementDOMId({
+                            element: el,
+                            idPrefix,
+                        });
                         memo.push(...getValidationErrors({
                             formElementsValidation: validationData.formElements,
                             elements: el.elements,
                             page,
-                            idPrefix: `${idPrefix}${el.name}_`,
+                            idPrefix: elementDOMId.subFormDOMIdPrefix,
                         }));
                     }
                 }
@@ -72,8 +82,12 @@ const getValidationErrors = ({ formElementsValidation, elements, page, idPrefix,
             default: {
                 const validationMessage = formElementsValidation[el.name];
                 if (typeof validationMessage === 'string') {
+                    const elementDOMId = new ElementDOMId({
+                        element: el,
+                        idPrefix,
+                    });
                     memo.push({
-                        id: `element-container__${idPrefix}${el.name}`,
+                        id: elementDOMId.elementContainerDOMId,
                         label: el.label,
                         page,
                         errorMessage: validationMessage,
@@ -157,18 +171,7 @@ const ValidationErrorsCard = ({ formElementsValidation, currentPage, setPageId,
                                         if (page && page.id !== currentPage.id) {
                                             setPageId(page.id);
                                         }
-                                        const element = document.getElementById(id);
-                                        if (element) {
-                                            window.requestAnimationFrame(() => {
-                                                window.scrollTo({
-                                                    top: element.getBoundingClientRect().top +
-                                                        window.scrollY -
-                                                        // We allow an offset to cater for any headers
-                                                        navigationTopOffset,
-                                                    behavior: 'smooth',
-                                                });
-                                            });
-                                        }
+                                        scrollToElement({ id, navigationTopOffset });
                                     } },
                                     React.createElement("div", { className: "ob-validation-notification-card-item-text" },
                                         React.createElement("p", null, label),

package/dist/components/ValidationErrorsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationErrorsCard.js","sourceRoot":"","sources":["../../src/components/ValidationErrorsCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IconButton, Collapse, Tooltip } from '@mui/material'\nimport * as React from 'react'\nimport MaterialIcon from './MaterialIcon'\nimport { FormElementsValidation } from '../types/form'\nimport useBooleanState from '../hooks/useBooleanState'\nimport clsx from 'clsx'\nimport useFormDefinition from '../hooks/useFormDefinition'\nimport { FormTypes } from '@oneblink/types'\n\nconst NO_PAGE_KEY = 'NO_PAGE'\ntype ValidationErrorMetaData = {\n  id: string\n  label: string\n  page?: {\n    label: string\n    id: string\n  }\n  errorMessage: string\n}\nconst getValidationErrors = ({\n  formElementsValidation,\n  elements,\n  page,\n  idPrefix,\n}: {\n  formElementsValidation: FormElementsValidation\n  elements: FormTypes.FormElement[]\n  page?: ValidationErrorMetaData['page']\n  idPrefix: string\n}) => {\n  return elements.reduce<Array<ValidationErrorMetaData>>((memo, el) => {\n    switch (el.type) {\n      case 'page': {\n        memo.push(\n          ...getValidationErrors({\n            formElementsValidation,\n            elements: el.elements,\n            page: el,\n            idPrefix,\n          }),\n        )\n        break\n      }\n      case 'section': {\n        memo.push(\n          ...getValidationErrors({\n            formElementsValidation,\n            elements: el.elements,\n            page,\n            idPrefix,\n          }),\n        )\n        break\n      }\n      case 'repeatableSet': {\n        const validationData = formElementsValidation[el.name]\n        if (\n          !!validationData &&\n          typeof validationData !== 'string' &&\n          validationData.type === 'repeatableSet'\n        ) {\n          if (validationData.set) {\n            memo.push({\n              id: `element-container__${idPrefix}${el.name}`,\n              errorMessage: validationData.set,\n              label: el.label,\n              page,\n            })\n          }\n          for (const [key, entry] of Object.entries(validationData.entries)) {\n            if (!entry) continue\n            memo.push(\n              ...getValidationErrors({\n                formElementsValidation: entry,\n                elements: el.elements,\n                page,\n                idPrefix: `${idPrefix}${el.name}_entry-${key}_`,\n              }),\n            )\n          }\n        }\n        break\n      }\n      case 'infoPage':\n      case 'form': {\n        const validationData = formElementsValidation[el.name]\n        if (\n          !!validationData &&\n          typeof validationData !== 'string' &&\n          validationData.type === 'formElements'\n        ) {\n          if (validationData.formElements && el.elements) {\n            memo.push(\n              ...getValidationErrors({\n                formElementsValidation: validationData.formElements,\n                elements: el.elements,\n                page,\n                idPrefix: `${idPrefix}${el.name}_`,\n              }),\n            )\n          }\n        }\n        break\n      }\n      default: {\n        const validationMessage = formElementsValidation[el.name]\n        if (typeof validationMessage === 'string') {\n          memo.push({\n            id: `element-container__${idPrefix}${el.name}`,\n            label: el.label,\n            page,\n            errorMessage: validationMessage,\n          })\n        }\n      }\n    }\n    return memo\n  }, [])\n}\n\nconst ValidationErrorsCard = ({\n  formElementsValidation,\n  currentPage,\n  setPageId,\n  navigationTopOffset,\n}: {\n  formElementsValidation: FormElementsValidation | undefined\n  currentPage: FormTypes.PageElement\n  setPageId: (pageId: string) => void\n  navigationTopOffset: number\n}) => {\n  const [isExpanded, expand, contract] = useBooleanState(false)\n\n  const form = useFormDefinition()\n\n  const pagesWithValidationErrors = React.useMemo(() => {\n    if (!formElementsValidation) return []\n    const flatErrors = getValidationErrors({\n      formElementsValidation,\n      elements: form.elements,\n      idPrefix: '',\n    })\n\n    // Organise into pages\n    const pages = new Map<\n      string,\n      {\n        page: ValidationErrorMetaData['page']\n        errors: ValidationErrorMetaData[]\n      }\n    >()\n    for (const error of flatErrors) {\n      if (error.page) {\n        // If error belongs to a page\n        const existingSetEntry = pages.get(error.page.id)\n        const errors = [...(existingSetEntry?.errors || []), error]\n        const page = error.page\n\n        pages.set(page.id, {\n          page,\n          errors,\n        })\n      } else {\n        // No page associated with error\n        const existingSetEntry = pages.get(NO_PAGE_KEY)\n        const errors = [...(existingSetEntry?.errors || []), error]\n        pages.set(NO_PAGE_KEY, {\n          page: undefined,\n          errors,\n        })\n      }\n    }\n    return Array.from(pages.values())\n  }, [form.elements, formElementsValidation])\n\n  return (\n    <div className=\"ob-validation-notification-wrapper\">\n      <div\n        className={clsx(\n          'ob-validation-notification-card cypress-invalid-submit-attempt',\n          {\n            'is-clickable': !isExpanded,\n            'is-contracted': !isExpanded,\n            'is-expanded': isExpanded,\n          },\n        )}\n        onClick={!isExpanded ? expand : undefined}\n      >\n        <div className=\"ob-validation-notification-card-content\">\n          <div className=\"ob-validation-notification-card-header-wrapper\">\n            <div className=\"ob-validation-notification-card-header-title-wrapper\">\n              <MaterialIcon\n                className={clsx(\n                  'ob-validation-notification-card-header-title-icon ob-validation-color-transition',\n                  {\n                    'has-text-danger': isExpanded,\n                    'has-text-white': !isExpanded,\n                  },\n                )}\n              >\n                error\n              </MaterialIcon>\n              <p\n                className={clsx(\n                  'ob-validation-color-transition ob-validation-notification-card-header-title-text',\n                  {\n                    'has-text-danger': isExpanded,\n                    'has-text-white': !isExpanded,\n                  },\n                )}\n              >\n                Validation Errors\n              </p>\n            </div>\n            <div className=\"ob-validation-notification-card-header-collapse-icon-wrapper\">\n              {isExpanded ? (\n                <IconButton onClick={contract}>\n                  <MaterialIcon className=\"icon-small\">\n                    expand_more\n                  </MaterialIcon>\n                </IconButton>\n              ) : (\n                <IconButton>\n                  <MaterialIcon className=\"icon-small has-text-white\">\n                    expand_less\n                  </MaterialIcon>\n                </IconButton>\n              )}\n            </div>\n          </div>\n          <div className=\"ob-validation-notification-card-collapse-wrapper\">\n            <Collapse in={isExpanded}>\n              {pagesWithValidationErrors.map(({ page, errors }, pageIndex) => {\n                const isNotFirstPage = pageIndex > 0\n                return (\n                  <React.Fragment key={pageIndex}>\n                    {page && (\n                      <p\n                        className={clsx(\n                          'ob-validation-notification-card-page-label ob-validation-color-transition',\n                          {\n                            'is-not-first': isNotFirstPage,\n                          },\n                        )}\n                      >\n                        {page.label}\n                      </p>\n                    )}\n                    <div className=\"ob-list has-dividers has-borders ob-validation-notification-card-list ob-validation-color-transition\">\n                      {errors.map(\n                        ({ errorMessage, label, id }, index, list) => {\n                          const isFirst = index === 0\n                          const isLast = index === list.length - 1\n                          return (\n                            <div\n                              key={index}\n                              className={clsx(\n                                'ob-list__item is-clickable ob-validation-notification-card-item',\n                                {\n                                  'is-first': isFirst,\n                                  'is-last': isLast,\n                                },\n                              )}\n                              onClick={() => {\n                                if (page && page.id !== currentPage.id) {\n                                  setPageId(page.id)\n                                }\n                                const element = document.getElementById(id)\n                                if (element) {\n                                  window.requestAnimationFrame(() => {\n                                    window.scrollTo({\n                                      top:\n                                        element.getBoundingClientRect().top +\n                                        window.scrollY -\n                                        // We allow an offset to cater for any headers\n                                        navigationTopOffset,\n                                      behavior: 'smooth',\n                                    })\n                                  })\n                                }\n                              }}\n                            >\n                              <div className=\"ob-validation-notification-card-item-text\">\n                                <p>{label}</p>\n                                <Tooltip\n                                  title={errorMessage}\n                                  placement=\"left\"\n                                  arrow\n                                >\n                                  <p className=\"ob-validation-notification-card-item-text-error-message has-text-danger\">\n                                    {errorMessage}\n                                  </p>\n                                </Tooltip>\n                              </div>\n                              <MaterialIcon className=\"has-text-grey icon-small ob-validation-notification-card-item-icon\">\n                                chevron_right\n                              </MaterialIcon>\n                            </div>\n                          )\n                        },\n                      )}\n                    </div>\n                  </React.Fragment>\n                )\n              })}\n            </Collapse>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(ValidationErrorsCard)\n"]}
+{"version":3,"file":"ValidationErrorsCard.js","sourceRoot":"","sources":["../../src/components/ValidationErrorsCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IconButton, Collapse, Tooltip } from '@mui/material'\nimport * as React from 'react'\nimport MaterialIcon from './MaterialIcon'\nimport { FormElementsValidation } from '../types/form'\nimport useBooleanState from '../hooks/useBooleanState'\nimport clsx from 'clsx'\nimport useFormDefinition from '../hooks/useFormDefinition'\nimport { FormTypes } from '@oneblink/types'\nimport usePages from '../hooks/usePages'\nimport ElementDOMId from '../utils/elementDOMIds'\nimport scrollToElement from '../utils/scrollToElement'\n\nconst NO_PAGE_KEY = 'NO_PAGE'\ntype ValidationErrorMetaData = {\n  id: string\n  label: string\n  page?: {\n    label: string\n    id: string\n  }\n  errorMessage: string\n}\nconst getValidationErrors = ({\n  formElementsValidation,\n  elements,\n  page,\n  idPrefix,\n}: {\n  formElementsValidation: FormElementsValidation\n  elements: FormTypes.FormElement[]\n  page?: ValidationErrorMetaData['page']\n  idPrefix: string\n}) => {\n  return elements.reduce<Array<ValidationErrorMetaData>>((memo, el) => {\n    switch (el.type) {\n      case 'page': {\n        memo.push(\n          ...getValidationErrors({\n            formElementsValidation,\n            elements: el.elements,\n            page: el,\n            idPrefix,\n          }),\n        )\n        break\n      }\n      case 'section': {\n        memo.push(\n          ...getValidationErrors({\n            formElementsValidation,\n            elements: el.elements,\n            page,\n            idPrefix,\n          }),\n        )\n        break\n      }\n      case 'repeatableSet': {\n        const validationData = formElementsValidation[el.name]\n        if (\n          !!validationData &&\n          typeof validationData !== 'string' &&\n          validationData.type === 'repeatableSet'\n        ) {\n          const elementDOMId = new ElementDOMId({\n            element: el,\n            idPrefix,\n          })\n          if (validationData.set) {\n            memo.push({\n              id: elementDOMId.elementContainerDOMId,\n              errorMessage: validationData.set,\n              label: el.label,\n              page,\n            })\n          }\n          for (const [key, entry] of Object.entries(validationData.entries)) {\n            if (!entry) continue\n            memo.push(\n              ...getValidationErrors({\n                formElementsValidation: entry,\n                elements: el.elements,\n                page,\n                idPrefix: elementDOMId.repeatableSetEntryDOMIdPrefix(key),\n              }),\n            )\n          }\n        }\n        break\n      }\n      case 'infoPage':\n      case 'form': {\n        const validationData = formElementsValidation[el.name]\n        if (\n          !!validationData &&\n          typeof validationData !== 'string' &&\n          validationData.type === 'formElements'\n        ) {\n          if (validationData.formElements && el.elements) {\n            const elementDOMId = new ElementDOMId({\n              element: el,\n              idPrefix,\n            })\n            memo.push(\n              ...getValidationErrors({\n                formElementsValidation: validationData.formElements,\n                elements: el.elements,\n                page,\n                idPrefix: elementDOMId.subFormDOMIdPrefix,\n              }),\n            )\n          }\n        }\n        break\n      }\n      default: {\n        const validationMessage = formElementsValidation[el.name]\n        if (typeof validationMessage === 'string') {\n          const elementDOMId = new ElementDOMId({\n            element: el,\n            idPrefix,\n          })\n          memo.push({\n            id: elementDOMId.elementContainerDOMId,\n            label: el.label,\n            page,\n            errorMessage: validationMessage,\n          })\n        }\n      }\n    }\n    return memo\n  }, [])\n}\n\nconst ValidationErrorsCard = ({\n  formElementsValidation,\n  currentPage,\n  setPageId,\n  navigationTopOffset,\n}: {\n  formElementsValidation: FormElementsValidation | undefined\n  currentPage: FormTypes.PageElement\n  setPageId: ReturnType<typeof usePages>['setPageId']\n  navigationTopOffset: number\n}) => {\n  const [isExpanded, expand, contract] = useBooleanState(false)\n\n  const form = useFormDefinition()\n\n  const pagesWithValidationErrors = React.useMemo(() => {\n    if (!formElementsValidation) return []\n    const flatErrors = getValidationErrors({\n      formElementsValidation,\n      elements: form.elements,\n      idPrefix: '',\n    })\n\n    // Organise into pages\n    const pages = new Map<\n      string,\n      {\n        page: ValidationErrorMetaData['page']\n        errors: ValidationErrorMetaData[]\n      }\n    >()\n    for (const error of flatErrors) {\n      if (error.page) {\n        // If error belongs to a page\n        const existingSetEntry = pages.get(error.page.id)\n        const errors = [...(existingSetEntry?.errors || []), error]\n        const page = error.page\n\n        pages.set(page.id, {\n          page,\n          errors,\n        })\n      } else {\n        // No page associated with error\n        const existingSetEntry = pages.get(NO_PAGE_KEY)\n        const errors = [...(existingSetEntry?.errors || []), error]\n        pages.set(NO_PAGE_KEY, {\n          page: undefined,\n          errors,\n        })\n      }\n    }\n    return Array.from(pages.values())\n  }, [form.elements, formElementsValidation])\n\n  return (\n    <div className=\"ob-validation-notification-wrapper\">\n      <div\n        className={clsx(\n          'ob-validation-notification-card cypress-invalid-submit-attempt',\n          {\n            'is-clickable': !isExpanded,\n            'is-contracted': !isExpanded,\n            'is-expanded': isExpanded,\n          },\n        )}\n        onClick={!isExpanded ? expand : undefined}\n      >\n        <div className=\"ob-validation-notification-card-content\">\n          <div className=\"ob-validation-notification-card-header-wrapper\">\n            <div className=\"ob-validation-notification-card-header-title-wrapper\">\n              <MaterialIcon\n                className={clsx(\n                  'ob-validation-notification-card-header-title-icon ob-validation-color-transition',\n                  {\n                    'has-text-danger': isExpanded,\n                    'has-text-white': !isExpanded,\n                  },\n                )}\n              >\n                error\n              </MaterialIcon>\n              <p\n                className={clsx(\n                  'ob-validation-color-transition ob-validation-notification-card-header-title-text',\n                  {\n                    'has-text-danger': isExpanded,\n                    'has-text-white': !isExpanded,\n                  },\n                )}\n              >\n                Validation Errors\n              </p>\n            </div>\n            <div className=\"ob-validation-notification-card-header-collapse-icon-wrapper\">\n              {isExpanded ? (\n                <IconButton onClick={contract}>\n                  <MaterialIcon className=\"icon-small\">\n                    expand_more\n                  </MaterialIcon>\n                </IconButton>\n              ) : (\n                <IconButton>\n                  <MaterialIcon className=\"icon-small has-text-white\">\n                    expand_less\n                  </MaterialIcon>\n                </IconButton>\n              )}\n            </div>\n          </div>\n          <div className=\"ob-validation-notification-card-collapse-wrapper\">\n            <Collapse in={isExpanded}>\n              {pagesWithValidationErrors.map(({ page, errors }, pageIndex) => {\n                const isNotFirstPage = pageIndex > 0\n                return (\n                  <React.Fragment key={pageIndex}>\n                    {page && (\n                      <p\n                        className={clsx(\n                          'ob-validation-notification-card-page-label ob-validation-color-transition',\n                          {\n                            'is-not-first': isNotFirstPage,\n                          },\n                        )}\n                      >\n                        {page.label}\n                      </p>\n                    )}\n                    <div className=\"ob-list has-dividers has-borders ob-validation-notification-card-list ob-validation-color-transition\">\n                      {errors.map(\n                        ({ errorMessage, label, id }, index, list) => {\n                          const isFirst = index === 0\n                          const isLast = index === list.length - 1\n                          return (\n                            <div\n                              key={index}\n                              className={clsx(\n                                'ob-list__item is-clickable ob-validation-notification-card-item',\n                                {\n                                  'is-first': isFirst,\n                                  'is-last': isLast,\n                                },\n                              )}\n                              onClick={() => {\n                                if (page && page.id !== currentPage.id) {\n                                  setPageId(page.id)\n                                }\n\n                                scrollToElement({ id, navigationTopOffset })\n                              }}\n                            >\n                              <div className=\"ob-validation-notification-card-item-text\">\n                                <p>{label}</p>\n                                <Tooltip\n                                  title={errorMessage}\n                                  placement=\"left\"\n                                  arrow\n                                >\n                                  <p className=\"ob-validation-notification-card-item-text-error-message has-text-danger\">\n                                    {errorMessage}\n                                  </p>\n                                </Tooltip>\n                              </div>\n                              <MaterialIcon className=\"has-text-grey icon-small ob-validation-notification-card-item-icon\">\n                                chevron_right\n                              </MaterialIcon>\n                            </div>\n                          )\n                        },\n                      )}\n                    </div>\n                  </React.Fragment>\n                )\n              })}\n            </Collapse>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(ValidationErrorsCard)\n"]}

package/dist/components/ValidationErrorsCard_framer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationErrorsCard_framer.js","sourceRoot":"","sources":["../../src/components/ValidationErrorsCard_framer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Box,\n  Card,\n  CardContent,\n  Typography,\n  Grid,\n  IconButton,\n  Collapse,\n  styled,\n} from '@mui/material'\nimport * as React from 'react'\nimport MaterialIcon from './MaterialIcon'\nimport { FormElementsValidation } from '../types/form'\nimport useBooleanState from '../hooks/useBooleanState'\nimport clsx from 'clsx'\nimport useFormDefinition from '../hooks/useFormDefinition'\nimport { FormTypes } from '@oneblink/types'\n\nconst NO_PAGE_KEY = 'NO_PAGE'\n// const transitionLength = 3000\ntype ValidationErrorMetaData = {\n  id: string\n  label: string\n  page?: {\n    label: string\n    id: string\n  }\n  errorMessage: string\n}\nconst getValidationErrors = ({\n  formElementsValidation,\n  elements,\n  page,\n  idPrefix,\n}: {\n  formElementsValidation: FormElementsValidation\n  elements: FormTypes.FormElement[]\n  page?: ValidationErrorMetaData['page']\n  idPrefix: string\n}) => {\n  return elements.reduce<Array<ValidationErrorMetaData>>((memo, el) => {\n    switch (el.type) {\n      case 'page': {\n        memo.push(\n          ...getValidationErrors({\n            formElementsValidation,\n            elements: el.elements,\n            page: el,\n            idPrefix,\n          }),\n        )\n        break\n      }\n      case 'section': {\n        memo.push(\n          ...getValidationErrors({\n            formElementsValidation,\n            elements: el.elements,\n            page,\n            idPrefix,\n          }),\n        )\n        break\n      }\n      case 'repeatableSet': {\n        const validationData = formElementsValidation[el.name]\n        if (\n          !!validationData &&\n          typeof validationData !== 'string' &&\n          validationData.type === 'repeatableSet'\n        ) {\n          for (const [key, entry] of Object.entries(validationData.entries)) {\n            if (!entry) continue\n            memo.push(\n              ...getValidationErrors({\n                formElementsValidation: entry,\n                elements: el.elements,\n                page,\n                idPrefix: `${idPrefix}${el.name}_entry-${key}_`,\n              }),\n            )\n          }\n        }\n        break\n      }\n      case 'infoPage':\n      case 'form': {\n        const validationData = formElementsValidation[el.name]\n        if (\n          !!validationData &&\n          typeof validationData !== 'string' &&\n          validationData.type === 'formElements'\n        ) {\n          validationData.formElements\n\n          if (validationData.formElements && el.elements) {\n            memo.push(\n              ...getValidationErrors({\n                formElementsValidation: validationData.formElements,\n                elements: el.elements,\n                page,\n                idPrefix: `${idPrefix}${el.name}_`,\n              }),\n            )\n          }\n        }\n        break\n      }\n      default: {\n        const validationMessage = formElementsValidation[el.name]\n        if (typeof validationMessage === 'string') {\n          memo.push({\n            id: `${idPrefix}${el.name}`,\n            label: el.label,\n            page,\n            errorMessage: validationMessage,\n          })\n        }\n      }\n    }\n    return memo\n  }, [])\n}\n\nconst PulsingCard = styled(Card)<{ isExpanded: boolean }>(() => {\n  return {\n    animation: 'pulse-animation 1.5s infinite',\n    '@keyframes pulse-animation': {\n      '0%': {\n        boxShadow: '0 0 0 0px rgba(255, 0, 0, 0.4)',\n      },\n      '99%': {\n        boxShadow: '0 0 0 16px rgba(255, 0, 0, 0.0)',\n      },\n    },\n  }\n})\nconst ValidationErrorsCard = ({\n  formElementsValidation,\n  display,\n  currentPage,\n  setPageId,\n}: {\n  formElementsValidation: FormElementsValidation | undefined\n  display: boolean\n  currentPage: FormTypes.PageElement\n  setPageId: (pageId: string) => void\n}) => {\n  const [isExpanded, expand, contract] = useBooleanState(true)\n\n  const form = useFormDefinition()\n\n  const pagesWithValidationErrors = React.useMemo(() => {\n    if (!formElementsValidation) return []\n    const flatErrors = getValidationErrors({\n      formElementsValidation,\n      elements: form.elements,\n      idPrefix: '',\n    })\n\n    // Organise into pages\n    const pages = new Map<\n      string,\n      {\n        page: ValidationErrorMetaData['page']\n        errors: ValidationErrorMetaData[]\n      }\n    >()\n    for (const error of flatErrors) {\n      if (error.page) {\n        // If error belongs to a page\n        const existingSetEntry = pages.get(error.page.id)\n        const errors = [...(existingSetEntry?.errors || []), error]\n        const page = error.page\n\n        pages.set(page.id, {\n          page,\n          errors,\n        })\n      } else {\n        // No page associated with error\n        const existingSetEntry = pages.get(NO_PAGE_KEY)\n        const errors = [...(existingSetEntry?.errors || []), error]\n        pages.set(NO_PAGE_KEY, {\n          page: undefined,\n          errors,\n        })\n      }\n    }\n    return Array.from(pages.values())\n  }, [form.elements, formElementsValidation])\n  if (!display) return null\n\n  return (\n    <Box\n      sx={{\n        position: 'fixed',\n        bottom: 16,\n        right: 16,\n        zIndex: 10,\n      }}\n    >\n      <PulsingCard\n        isExpanded={isExpanded}\n        elevation={!isExpanded ? 20 : 0}\n        sx={(theme) => ({\n          transition: `${theme.transitions.duration.standard}ms ${theme.transitions.easing.easeInOut}`,\n          borderTopLeftRadius: 8,\n          borderTopRightRadius: 8,\n          borderBottomLeftRadius: 8,\n          borderBottomRightRadius: 8,\n          maxHeight: 350,\n          overflowY: 'auto',\n          borderColor: theme.palette.error.light,\n          borderWidth: 2,\n          borderStyle: 'solid',\n          backgroundColor: !isExpanded ? theme.palette.error.light : undefined,\n          color: !isExpanded ? theme.palette.error.contrastText : undefined,\n        })}\n        className={!isExpanded ? 'is-clickable' : ''}\n        onClick={!isExpanded ? expand : undefined}\n      >\n        <CardContent\n          sx={(theme) => ({\n            transition: `${theme.transitions.duration.standard}ms ${theme.transitions.easing.easeInOut}`,\n            paddingBottom: !isExpanded ? `8px !important` : undefined,\n            paddingTop: !isExpanded ? `8px !important` : undefined,\n          })}\n        >\n          <Grid container justifyContent=\"space-between\" alignItems=\"center\">\n            <Grid item alignItems=\"center\" display=\"flex\">\n              <MaterialIcon\n                className={clsx({\n                  'has-text-danger': isExpanded,\n                  'has-text-white': !isExpanded,\n                })}\n                sx={{ mr: 1, fontSize: 22 }}\n              >\n                error\n              </MaterialIcon>\n              <Typography\n                className={clsx({\n                  'has-text-danger': isExpanded,\n                  'has-text-white': !isExpanded,\n                })}\n                fontWeight={600}\n              >\n                Validation Errors\n              </Typography>\n            </Grid>\n            <Grid item>\n              {isExpanded ? (\n                <IconButton onClick={contract}>\n                  <MaterialIcon className=\"icon-small\">\n                    expand_more\n                  </MaterialIcon>\n                </IconButton>\n              ) : (\n                <IconButton onClick={expand}>\n                  <MaterialIcon className=\"icon-small has-text-white\">\n                    expand_less\n                  </MaterialIcon>\n                </IconButton>\n              )}\n            </Grid>\n          </Grid>\n          <Box\n            sx={(theme) => ({\n              transition: `width ${theme.transitions.duration.standard}ms ${theme.transitions.easing.easeInOut}`,\n              whiteSpace: 'nowrap',\n              width: isExpanded ? 300 : 194,\n              overflowX: 'hidden',\n              opacity: isExpanded ? 1 : 0,\n            })}\n          >\n            <Collapse in={isExpanded}>\n              {pagesWithValidationErrors.map(({ page, errors }, pageIndex) => {\n                const isNotFirstPage = pageIndex > 0\n                return (\n                  <>\n                    {isNotFirstPage && <Box mt={1} />}\n                    {page && (\n                      <Typography\n                        variant=\"body2\"\n                        fontWeight=\"600\"\n                        color=\"text.primary\"\n                      >\n                        {page.label}\n                      </Typography>\n                    )}\n                    <Box mb={1} />\n                    {errors.map(({ errorMessage, label, id }, index, list) => {\n                      const isFirst = index === 0\n                      const isLast = index === list.length - 1\n                      return (\n                        <Box\n                          display=\"flex\"\n                          justifyContent=\"space-between\"\n                          alignItems=\"center\"\n                          key={index}\n                          p={1}\n                          sx={(theme) => ({\n                            borderColor: theme.palette.divider,\n                            borderWidth: 1,\n                            borderStyle: 'solid',\n                            borderTopLeftRadius: isFirst ? 8 : 0,\n                            borderTopRightRadius: isFirst ? 8 : 0,\n                            borderBottomWidth: isLast ? 1 : 0,\n                            borderBottomLeftRadius: isLast ? 8 : 0,\n                            borderBottomRightRadius: isLast ? 8 : 0,\n                          })}\n                          className=\"ob-list__item is-clickable\"\n                          onClick={() => {\n                            if (page && page.id !== currentPage.id) {\n                              setPageId(page.id)\n                            }\n                            const element = document.getElementById(id)\n                            if (element) {\n                              window.requestAnimationFrame(() => {\n                                element.scrollIntoView({\n                                  behavior: 'smooth',\n                                })\n                              })\n                            }\n                          }}\n                        >\n                          <Box sx={{ whitespace: 'nowrap' }}>\n                            <Typography variant=\"body2\" color=\"text.primary\">\n                              {label}\n                            </Typography>\n                            <Typography\n                              variant=\"body2\"\n                              className=\"has-text-danger\"\n                              sx={{\n                                whiteSpace: 'nowrap',\n                                textOverflow: 'ellipsis',\n                              }}\n                            >\n                              {errorMessage}\n                            </Typography>\n                          </Box>\n                          <MaterialIcon\n                            className=\"has-text-grey icon-small\"\n                            sx={{ ml: 1 }}\n                          >\n                            chevron_right\n                          </MaterialIcon>\n                        </Box>\n                      )\n                    })}\n                  </>\n                )\n              })}\n            </Collapse>\n          </Box>\n        </CardContent>\n      </PulsingCard>\n    </Box>\n  )\n}\n\nexport default React.memo(ValidationErrorsCard)\n"]}
+{"version":3,"file":"ValidationErrorsCard_framer.js","sourceRoot":"","sources":["../../src/components/ValidationErrorsCard_framer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Box,\n  Card,\n  CardContent,\n  Typography,\n  Grid,\n  IconButton,\n  Collapse,\n  styled,\n} from '@mui/material'\nimport * as React from 'react'\nimport MaterialIcon from './MaterialIcon'\nimport { FormElementsValidation } from '../types/form'\nimport useBooleanState from '../hooks/useBooleanState'\nimport clsx from 'clsx'\nimport useFormDefinition from '../hooks/useFormDefinition'\nimport { FormTypes } from '@oneblink/types'\n\nconst NO_PAGE_KEY = 'NO_PAGE'\n// const transitionLength = 3000\ntype ValidationErrorMetaData = {\n  id: string\n  label: string\n  page?: {\n    label: string\n    id: string\n  }\n  errorMessage: string\n}\nconst getValidationErrors = ({\n  formElementsValidation,\n  elements,\n  page,\n  idPrefix,\n}: {\n  formElementsValidation: FormElementsValidation\n  elements: FormTypes.FormElement[]\n  page?: ValidationErrorMetaData['page']\n  idPrefix: string\n}) => {\n  return elements.reduce<Array<ValidationErrorMetaData>>((memo, el) => {\n    switch (el.type) {\n      case 'page': {\n        memo.push(\n          ...getValidationErrors({\n            formElementsValidation,\n            elements: el.elements,\n            page: el,\n            idPrefix,\n          }),\n        )\n        break\n      }\n      case 'section': {\n        memo.push(\n          ...getValidationErrors({\n            formElementsValidation,\n            elements: el.elements,\n            page,\n            idPrefix,\n          }),\n        )\n        break\n      }\n      case 'repeatableSet': {\n        const validationData = formElementsValidation[el.name]\n        if (\n          !!validationData &&\n          typeof validationData !== 'string' &&\n          validationData.type === 'repeatableSet'\n        ) {\n          for (const [key, entry] of Object.entries(validationData.entries)) {\n            if (!entry) continue\n            memo.push(\n              ...getValidationErrors({\n                formElementsValidation: entry,\n                elements: el.elements,\n                page,\n                idPrefix: `${idPrefix}${el.name}_entry-${key}_`,\n              }),\n            )\n          }\n        }\n        break\n      }\n      case 'infoPage':\n      case 'form': {\n        const validationData = formElementsValidation[el.name]\n        if (\n          !!validationData &&\n          typeof validationData !== 'string' &&\n          validationData.type === 'formElements'\n        ) {\n          validationData.formElements\n\n          if (validationData.formElements && el.elements) {\n            memo.push(\n              ...getValidationErrors({\n                formElementsValidation: validationData.formElements,\n                elements: el.elements,\n                page,\n                idPrefix: `${idPrefix}${el.name}_`,\n              }),\n            )\n          }\n        }\n        break\n      }\n      default: {\n        const validationMessage = formElementsValidation[el.name]\n        if (typeof validationMessage === 'string') {\n          memo.push({\n            id: `${idPrefix}${el.name}`,\n            label: el.label,\n            page,\n            errorMessage: validationMessage,\n          })\n        }\n      }\n    }\n    return memo\n  }, [])\n}\n\nconst PulsingCard = styled(Card)<{ isExpanded: boolean }>(() => {\n  return {\n    animation: 'pulse-animation 1.5s infinite',\n    '@keyframes pulse-animation': {\n      '0%': {\n        boxShadow: '0 0 0 0px rgba(255, 0, 0, 0.4)',\n      },\n      '99%': {\n        boxShadow: '0 0 0 16px rgba(255, 0, 0, 0.0)',\n      },\n    },\n  }\n})\nconst ValidationErrorsCard = ({\n  formElementsValidation,\n  display,\n  currentPage,\n  setPageId,\n}: {\n  formElementsValidation: FormElementsValidation | undefined\n  display: boolean\n  currentPage: FormTypes.PageElement\n  setPageId: (pageId: string) => void\n}) => {\n  const [isExpanded, expand, contract] = useBooleanState(true)\n\n  const form = useFormDefinition()\n\n  const pagesWithValidationErrors = React.useMemo(() => {\n    if (!formElementsValidation) return []\n    const flatErrors = getValidationErrors({\n      formElementsValidation,\n      elements: form.elements,\n      idPrefix: '',\n    })\n\n    // Organise into pages\n    const pages = new Map<\n      string,\n      {\n        page: ValidationErrorMetaData['page']\n        errors: ValidationErrorMetaData[]\n      }\n    >()\n    for (const error of flatErrors) {\n      if (error.page) {\n        // If error belongs to a page\n        const existingSetEntry = pages.get(error.page.id)\n        const errors = [...(existingSetEntry?.errors || []), error]\n        const page = error.page\n\n        pages.set(page.id, {\n          page,\n          errors,\n        })\n      } else {\n        // No page associated with error\n        const existingSetEntry = pages.get(NO_PAGE_KEY)\n        const errors = [...(existingSetEntry?.errors || []), error]\n        pages.set(NO_PAGE_KEY, {\n          page: undefined,\n          errors,\n        })\n      }\n    }\n    return Array.from(pages.values())\n  }, [form.elements, formElementsValidation])\n  if (!display) return null\n\n  return (\n    <Box\n      sx={{\n        position: 'fixed',\n        bottom: 16,\n        right: 16,\n        zIndex: 10,\n      }}\n    >\n      <PulsingCard\n        isExpanded={isExpanded}\n        elevation={!isExpanded ? 20 : 0}\n        sx={(theme) => ({\n          transition: `${theme.transitions.duration.standard}ms ${theme.transitions.easing.easeInOut}`,\n          borderTopLeftRadius: 8,\n          borderTopRightRadius: 8,\n          borderBottomLeftRadius: 8,\n          borderBottomRightRadius: 8,\n          maxHeight: 350,\n          overflowY: 'auto',\n          borderColor: theme.palette.error.light,\n          borderWidth: 2,\n          borderStyle: 'solid',\n          backgroundColor: !isExpanded ? theme.palette.error.light : undefined,\n          color: !isExpanded ? theme.palette.error.contrastText : undefined,\n        })}\n        className={!isExpanded ? 'is-clickable' : ''}\n        onClick={!isExpanded ? expand : undefined}\n      >\n        <CardContent\n          sx={(theme) => ({\n            transition: `${theme.transitions.duration.standard}ms ${theme.transitions.easing.easeInOut}`,\n            paddingBottom: !isExpanded ? `8px !important` : undefined,\n            paddingTop: !isExpanded ? `8px !important` : undefined,\n          })}\n        >\n          <Grid container justifyContent=\"space-between\" alignItems=\"center\">\n            <Grid item alignItems=\"center\" display=\"flex\">\n              <MaterialIcon\n                className={clsx({\n                  'has-text-danger': isExpanded,\n                  'has-text-white': !isExpanded,\n                })}\n                sx={{ mr: 1, fontSize: 22 }}\n              >\n                error\n              </MaterialIcon>\n              <Typography\n                className={clsx({\n                  'has-text-danger': isExpanded,\n                  'has-text-white': !isExpanded,\n                })}\n                fontWeight={600}\n              >\n                Validation Errors\n              </Typography>\n            </Grid>\n            <Grid item>\n              {isExpanded ? (\n                <IconButton onClick={contract}>\n                  <MaterialIcon className=\"icon-small\">\n                    expand_more\n                  </MaterialIcon>\n                </IconButton>\n              ) : (\n                <IconButton onClick={expand}>\n                  <MaterialIcon className=\"icon-small has-text-white\">\n                    expand_less\n                  </MaterialIcon>\n                </IconButton>\n              )}\n            </Grid>\n          </Grid>\n          <Box\n            sx={(theme) => ({\n              transition: `width ${theme.transitions.duration.standard}ms ${theme.transitions.easing.easeInOut}`,\n              whiteSpace: 'nowrap',\n              width: isExpanded ? 300 : 194,\n              overflowX: 'hidden',\n              opacity: isExpanded ? 1 : 0,\n            })}\n          >\n            <Collapse in={isExpanded}>\n              {pagesWithValidationErrors.map(({ page, errors }, pageIndex) => {\n                const isNotFirstPage = pageIndex > 0\n                return (\n                  <>\n                    {isNotFirstPage && <Box mt={1} />}\n                    {page && (\n                      <Typography\n                        variant=\"body2\"\n                        fontWeight=\"600\"\n                        color=\"text.primary\"\n                      >\n                        {page.label}\n                      </Typography>\n                    )}\n                    <Box mb={1} />\n                    {errors.map(({ errorMessage, label, id }, index, list) => {\n                      const isFirst = index === 0\n                      const isLast = index === list.length - 1\n                      return (\n                        <Box\n                          display=\"flex\"\n                          justifyContent=\"space-between\"\n                          alignItems=\"center\"\n                          key={index}\n                          p={1}\n                          sx={(theme) => ({\n                            borderColor: theme.palette.divider,\n                            borderWidth: 1,\n                            borderStyle: 'solid',\n                            borderTopLeftRadius: isFirst ? 8 : 0,\n                            borderTopRightRadius: isFirst ? 8 : 0,\n                            borderBottomWidth: isLast ? 1 : 0,\n                            borderBottomLeftRadius: isLast ? 8 : 0,\n                            borderBottomRightRadius: isLast ? 8 : 0,\n                          })}\n                          className=\"ob-list__item is-clickable\"\n                          onClick={() => {\n                            if (page && page.id !== currentPage.id) {\n                              setPageId(page.id)\n                            }\n                            const element = document.getElementById(id)\n                            if (element) {\n                              window.requestAnimationFrame(() => {\n                                element.scrollIntoView({\n                                  behavior: 'smooth',\n                                })\n                              })\n                            }\n                          }}\n                        >\n                          <Box sx={{ whitespace: 'nowrap' }}>\n                            <Typography variant=\"body2\" color=\"text.primary\">\n                              {label}\n                            </Typography>\n                            <Typography\n                              variant=\"body2\"\n                              className=\"has-text-danger\"\n                              sx={{\n                                whiteSpace: 'nowrap',\n                                textOverflow: 'ellipsis',\n                              }}\n                            >\n                              {errorMessage}\n                            </Typography>\n                          </Box>\n                          <MaterialIcon\n                            className=\"has-text-grey icon-small\"\n                            sx={{ ml: 1 }}\n                          >\n                            chevron_right\n                          </MaterialIcon>\n                        </Box>\n                      )\n                    })}\n                  </>\n                )\n              })}\n            </Collapse>\n          </Box>\n        </CardContent>\n      </PulsingCard>\n    </Box>\n  )\n}\n\nexport default React.memo(ValidationErrorsCard)\n"]}

package/dist/components/formStore/FormStoreTableProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormStoreTableProvider.js","sourceRoot":"","sources":["../../../src/components/formStore/FormStoreTableProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { useHistory, useLocation } from 'react-router-dom'\nimport querystring from 'query-string'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport { formStoreService } from '@oneblink/apps'\nimport useInfiniteScrollDataLoad from '../../hooks/useInfiniteScrollDataLoad'\nimport useFormStoreTable from './table/useFormStoreTable'\nimport { Box, Button, Grid } from '@mui/material'\nimport { LoadingButton } from '@mui/lab'\nimport { FormTypes } from '@oneblink/types'\nimport useSubmissionIdValidationMessage, {\n  validateIsUUID,\n} from '../../hooks/useSubmissionIdIsValid'\nimport ErrorMessage from '../messages/ErrorMessage'\nimport LoadingWithMessage from '../LoadingWithMessage'\nimport NoResourcesYet from '../messages/NoResourcesYet'\nimport FormStoreIcon from './display/FormStoreIcon'\nimport { FormStoreTableContext } from './useFormStoreTableContext'\nimport MaterialIcon from '../MaterialIcon'\n\nconst TABLE_PARAMETERS_FORM_STORE_KEY = 'REACT_TABLE_PARAMETERS_FORM_STORE'\n\nfunction getParamsFromLocalStorage() {\n  const text = localStorage.getItem(TABLE_PARAMETERS_FORM_STORE_KEY)\n  if (text) {\n    return JSON.parse(text)\n  }\n}\n\nexport function FormStoreTableProvider({\n  form,\n  children,\n}: {\n  form: FormTypes.Form\n  children: React.ReactNode\n}) {\n  const history = useHistory()\n  const location = useLocation()\n  const {\n    isLoading,\n    loadError,\n    records: formStoreRecords,\n    onTryAgain,\n    onRefresh,\n    filters: parameters,\n    onChangeFilters: onChangeParameters,\n    nextOffset,\n  } = useInfiniteScrollDataLoad<\n    formStoreService.FormStoreParameters,\n    FormStoreRecord\n  >({\n    limit: 50,\n    isManual: true,\n    debounceSearchMs: 1000,\n    onDefaultFilters: React.useCallback((query) => {\n      let defaultParameters: formStoreService.FormStoreParameters = {}\n      const localStorageParams = getParamsFromLocalStorage()\n      if (\n        localStorageParams &&\n        Object(localStorageParams) === localStorageParams\n      ) {\n        defaultParameters = localStorageParams\n      }\n      try {\n        if (typeof query.parameters === 'string') {\n          //allow qs params to override local storage\n          defaultParameters = {\n            ...defaultParameters,\n            ...JSON.parse(query.parameters),\n          }\n        }\n      } catch (error) {\n        console.warn('Could not parse filter as JSON', error)\n      }\n      if (!defaultParameters.sorting) {\n        defaultParameters.sorting = [\n          { property: 'dateTimeSubmitted', direction: 'descending' },\n        ]\n      }\n      return defaultParameters\n    }, []),\n    onSearch: React.useCallback(\n      async (currentParameters, paging, abortSignal) => {\n        // Exclude all search parameters if searching\n        // for a specific submission using an identifier\n        const filters = currentParameters.filters?.submissionId\n          ? {\n              submissionId: currentParameters.filters.submissionId,\n            }\n          : currentParameters.filters\n        const result = await formStoreService.searchFormStoreRecords(\n          {\n            ...currentParameters,\n            paging,\n            formId: form.id,\n            filters,\n          },\n          abortSignal,\n        )\n        return {\n          records: result.formStoreRecords,\n          meta: result.meta,\n        }\n      },\n      [form.id],\n    ),\n    onValidateFilters: React.useCallback(\n      (currentParameters: formStoreService.FormStoreParameters) => {\n        return validateIsUUID(currentParameters.filters?.submissionId?.$eq)\n      },\n      [],\n    ),\n  })\n\n  React.useEffect(() => {\n    const currentSearch = querystring.parse(location.search)\n    history.replace({\n      search: querystring.stringify({\n        ...currentSearch,\n        parameters: JSON.stringify(parameters),\n      }),\n    })\n  }, [history, location.search, parameters])\n\n  const submissionIdValidationMessage = useSubmissionIdValidationMessage(\n    parameters.filters?.submissionId?.$eq,\n  )\n\n  React.useEffect(() => {\n    const paramsToStore = {\n      unwindRepeatableSets: parameters?.unwindRepeatableSets,\n    }\n    localStorage.setItem(\n      TABLE_PARAMETERS_FORM_STORE_KEY,\n      JSON.stringify(paramsToStore),\n    )\n  }, [parameters?.unwindRepeatableSets])\n\n  const formStoreTable = useFormStoreTable({\n    formStoreRecords,\n    parameters,\n    onChangeParameters,\n    submissionIdValidationMessage,\n    form,\n    onRefresh,\n  })\n\n  return (\n    <FormStoreTableContext.Provider value={formStoreTable}>\n      {children}\n      {formStoreTable.visibleColumns.length ? (\n        <>\n          {!formStoreRecords.length && !isLoading && !loadError && (\n            <NoResourcesYet\n              IconComponent={FormStoreIcon}\n              title=\"No Records Found...\"\n            >\n              There are no Submissions matching your filters.\n            </NoResourcesYet>\n          )}\n        </>\n      ) : (\n        <NoResourcesYet\n          IconComponent={(props) => (\n            <MaterialIcon {...props}>settings</MaterialIcon>\n          )}\n          title=\"No Columns Visible\"\n          gutterBottom\n        >\n          It looks like you have hidden all of the available columns. Please\n          enable at least one column to view submissions.\n        </NoResourcesYet>\n      )}\n\n      {isLoading === 'INITIAL' && (\n        <div className=\"ob-form-store-loading-initial\">\n          <LoadingWithMessage message=\"Loading initial records...\" />\n        </div>\n      )}\n\n      {loadError && (\n        <>\n          <ErrorMessage\n            title=\"Error Retrieving Submissions\"\n            gutterBottom\n            gutterTop\n          >\n            {loadError.message}\n          </ErrorMessage>\n          <Grid container justifyContent=\"center\">\n            <Button\n              className=\"ob-form-store-try-again-button\"\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={() => onTryAgain()}\n            >\n              Try Again\n            </Button>\n          </Grid>\n        </>\n      )}\n\n      {!!nextOffset && !loadError && isLoading !== 'INITIAL' && (\n        <Box padding={4} className=\"ob-form-store-load-more-button-container\">\n          <Grid container justifyContent=\"center\">\n            <LoadingButton\n              className=\"ob-form-store-load-more-button\"\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={() => onTryAgain(nextOffset)}\n              loading={isLoading === 'MORE'}\n              size=\"large\"\n              loadingPosition=\"start\"\n              startIcon={<MaterialIcon>read_more</MaterialIcon>}\n              classes={{\n                loadingIndicator: 'ob-form-store-loading-more-indicator',\n              }}\n            >\n              Load More\n            </LoadingButton>\n          </Grid>\n        </Box>\n      )}\n    </FormStoreTableContext.Provider>\n  )\n}\n"]}
+{"version":3,"file":"FormStoreTableProvider.js","sourceRoot":"","sources":["../../../src/components/formStore/FormStoreTableProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { useHistory, useLocation } from 'react-router-dom'\nimport querystring from 'query-string'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport { formStoreService } from '@oneblink/apps'\nimport useInfiniteScrollDataLoad from '../../hooks/useInfiniteScrollDataLoad'\nimport useFormStoreTable from './table/useFormStoreTable'\nimport { Box, Button, Grid } from '@mui/material'\nimport { LoadingButton } from '@mui/lab'\nimport { FormTypes } from '@oneblink/types'\nimport useSubmissionIdValidationMessage, {\n  validateIsUUID,\n} from '../../hooks/useSubmissionIdIsValid'\nimport ErrorMessage from '../messages/ErrorMessage'\nimport LoadingWithMessage from '../LoadingWithMessage'\nimport NoResourcesYet from '../messages/NoResourcesYet'\nimport FormStoreIcon from './display/FormStoreIcon'\nimport { FormStoreTableContext } from './useFormStoreTableContext'\nimport MaterialIcon from '../MaterialIcon'\n\nconst TABLE_PARAMETERS_FORM_STORE_KEY = 'REACT_TABLE_PARAMETERS_FORM_STORE'\n\nfunction getParamsFromLocalStorage() {\n  const text = localStorage.getItem(TABLE_PARAMETERS_FORM_STORE_KEY)\n  if (text) {\n    return JSON.parse(text)\n  }\n}\n\nexport function FormStoreTableProvider({\n  form,\n  children,\n}: {\n  form: FormTypes.Form\n  children: React.ReactNode\n}) {\n  const history = useHistory()\n  const location = useLocation()\n  const {\n    isLoading,\n    loadError,\n    records: formStoreRecords,\n    onTryAgain,\n    onRefresh,\n    filters: parameters,\n    onChangeFilters: onChangeParameters,\n    nextOffset,\n  } = useInfiniteScrollDataLoad<\n    formStoreService.FormStoreParameters,\n    FormStoreRecord\n  >({\n    limit: 50,\n    isManual: true,\n    debounceSearchMs: 1000,\n    onDefaultFilters: React.useCallback((query) => {\n      let defaultParameters: formStoreService.FormStoreParameters = {}\n      const localStorageParams = getParamsFromLocalStorage()\n      if (\n        localStorageParams &&\n        Object(localStorageParams) === localStorageParams\n      ) {\n        defaultParameters = localStorageParams\n      }\n      try {\n        if (typeof query.parameters === 'string') {\n          //allow qs params to override local storage\n          defaultParameters = {\n            ...defaultParameters,\n            ...JSON.parse(query.parameters),\n          }\n        }\n      } catch (error) {\n        console.warn('Could not parse filter as JSON', error)\n      }\n      if (!defaultParameters.sorting) {\n        defaultParameters.sorting = [\n          { property: 'dateTimeSubmitted', direction: 'descending' },\n        ]\n      }\n      return defaultParameters\n    }, []),\n    onSearch: React.useCallback(\n      async (currentParameters, paging, abortSignal) => {\n        // Exclude all search parameters if searching\n        // for a specific submission using an identifier\n        const filters = currentParameters.filters?.submissionId\n          ? {\n              submissionId: currentParameters.filters.submissionId,\n            }\n          : currentParameters.filters\n        const result = await formStoreService.searchFormStoreRecords(\n          {\n            ...currentParameters,\n            paging,\n            formId: form.id,\n            filters,\n          },\n          abortSignal,\n        )\n        return {\n          records: result.formStoreRecords,\n          meta: result.meta,\n        }\n      },\n      [form.id],\n    ),\n    onValidateFilters: React.useCallback(\n      (currentParameters: formStoreService.FormStoreParameters) => {\n        return validateIsUUID(currentParameters.filters?.submissionId?.$eq)\n      },\n      [],\n    ),\n  })\n\n  React.useEffect(() => {\n    const currentSearch = querystring.parse(location.search)\n    history.replace({\n      search: querystring.stringify({\n        ...currentSearch,\n        parameters: JSON.stringify(parameters),\n      }),\n    })\n  }, [history, location.search, parameters])\n\n  const submissionIdValidationMessage = useSubmissionIdValidationMessage(\n    parameters.filters?.submissionId?.$eq,\n  )\n\n  React.useEffect(() => {\n    const paramsToStore = {\n      unwindRepeatableSets: parameters?.unwindRepeatableSets,\n    }\n    localStorage.setItem(\n      TABLE_PARAMETERS_FORM_STORE_KEY,\n      JSON.stringify(paramsToStore),\n    )\n  }, [parameters?.unwindRepeatableSets])\n\n  const formStoreTable = useFormStoreTable({\n    formStoreRecords,\n    parameters,\n    onChangeParameters,\n    submissionIdValidationMessage,\n    form,\n    onRefresh,\n  })\n\n  return (\n    <FormStoreTableContext.Provider value={formStoreTable}>\n      {children}\n      {formStoreTable.visibleColumns.length ? (\n        <>\n          {!formStoreRecords.length && !isLoading && !loadError && (\n            <NoResourcesYet\n              IconComponent={FormStoreIcon}\n              title=\"No Records Found...\"\n            >\n              There are no Submissions matching your filters.\n            </NoResourcesYet>\n          )}\n        </>\n      ) : (\n        <NoResourcesYet\n          IconComponent={(props) => (\n            <MaterialIcon {...props}>settings</MaterialIcon>\n          )}\n          title=\"No Columns Visible\"\n          gutterBottom\n        >\n          It looks like you have hidden all of the available columns. Please\n          enable at least one column to view submissions.\n        </NoResourcesYet>\n      )}\n\n      {isLoading === 'INITIAL' && (\n        <div className=\"ob-form-store-loading-initial\">\n          <LoadingWithMessage message=\"Loading initial records...\" />\n        </div>\n      )}\n\n      {loadError && (\n        <>\n          <ErrorMessage\n            title=\"Error Retrieving Submissions\"\n            gutterBottom\n            gutterTop\n          >\n            {loadError.message}\n          </ErrorMessage>\n          <Grid container justifyContent=\"center\">\n            <Button\n              className=\"ob-form-store-try-again-button\"\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={() => onTryAgain()}\n            >\n              Try Again\n            </Button>\n          </Grid>\n        </>\n      )}\n\n      {!!nextOffset && !loadError && isLoading !== 'INITIAL' && (\n        <Box padding={4} className=\"ob-form-store-load-more-button-container\">\n          <Grid container justifyContent=\"center\">\n            <LoadingButton\n              className=\"ob-form-store-load-more-button\"\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={() => onTryAgain(nextOffset)}\n              loading={isLoading === 'MORE'}\n              size=\"large\"\n              loadingPosition=\"start\"\n              startIcon={<MaterialIcon>read_more</MaterialIcon>}\n              classes={{\n                loadingIndicator: 'ob-form-store-loading-more-indicator',\n              }}\n            >\n              Load More\n            </LoadingButton>\n          </Grid>\n        </Box>\n      )}\n    </FormStoreTableContext.Provider>\n  )\n}\n"]}

package/dist/components/formStore/OneBlinkFormStoreDownloadButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneBlinkFormStoreDownloadButton.js","sourceRoot":"","sources":["../../../src/components/formStore/OneBlinkFormStoreDownloadButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport {\n  Tooltip,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogContentText,\n  DialogActions,\n  Button,\n} from '@mui/material'\nimport { LoadingButton } from '@mui/lab'\nimport ErrorSnackbar from '../ErrorSnackbar'\nimport { ColumnInstance } from 'react-table'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport { formStoreService } from '@oneblink/apps'\nimport useFormStoreTableContext from './useFormStoreTableContext'\nimport MaterialIcon from '../MaterialIcon'\n\nfunction OneBlinkFormStoreDownloadButton(\n  props: React.ComponentProps<typeof LoadingButton>,\n) {\n  const { visibleColumns, parameters, form } = useFormStoreTableContext()\n  const [\n    { isDownloadingCsv, isPromptingDownloadCsv, downloadingCsvError },\n    setState,\n  ] = React.useState<{\n    isDownloadingCsv: boolean\n    isPromptingDownloadCsv: boolean\n    downloadingCsvError: Error | null\n  }>({\n    isDownloadingCsv: false,\n    isPromptingDownloadCsv: false,\n    downloadingCsvError: null,\n  })\n\n  const clearError = React.useCallback(() => {\n    setState((currentState) => ({\n      ...currentState,\n      downloadingCsvError: null,\n    }))\n  }, [])\n\n  const downloadCsv = React.useCallback(async () => {\n    setState({\n      isPromptingDownloadCsv: false,\n      isDownloadingCsv: true,\n      downloadingCsvError: null,\n    })\n    try {\n      await formStoreService.exportFormStoreRecords(form.name, {\n        formId: form.id,\n        includeColumns: visibleColumns.map(\n          (visibleColumn: ColumnInstance<FormStoreRecord>) => visibleColumn.id,\n        ),\n        ...parameters,\n      })\n      setState((currentState) => ({\n        ...currentState,\n        isDownloadingCsv: false,\n        downloadingCsvError: null,\n      }))\n    } catch (error) {\n      setState((currentState) => ({\n        ...currentState,\n        isDownloadingCsv: false,\n        downloadingCsvError: error as Error,\n      }))\n    }\n  }, [form, parameters, visibleColumns])\n\n  const promptDownloadCsv = React.useCallback(() => {\n    if (\n      !parameters.unwindRepeatableSets &&\n      visibleColumns.some((c) => c.formElementType === 'repeatableSet')\n    ) {\n      setState((currentState) => ({\n        ...currentState,\n        downloadingCsvError: null,\n        isPromptingDownloadCsv: true,\n      }))\n      return\n    }\n    downloadCsv()\n  }, [downloadCsv, parameters.unwindRepeatableSets, visibleColumns])\n\n  const cancelPromptDownloadCsv = React.useCallback(() => {\n    setState((currentState) => ({\n      ...currentState,\n      isPromptingDownloadCsv: false,\n    }))\n  }, [])\n\n  return (\n    <>\n      <Tooltip title=\"Download submission data as a CSV file\">\n        <LoadingButton\n          className=\"ob-form-store-download-csv-button\"\n          type=\"button\"\n          loading={isDownloadingCsv}\n          loadingPosition=\"start\"\n          startIcon={<MaterialIcon>download</MaterialIcon>}\n          onClick={promptDownloadCsv}\n          // eslint-disable-next-line react/no-children-prop\n          children={<>Download</>}\n          {...props}\n        />\n      </Tooltip>\n\n      <ErrorSnackbar open={!!downloadingCsvError} onClose={clearError}>\n        <span data-cypress=\"edit-dialog-error-message\">\n          {downloadingCsvError && downloadingCsvError.message}\n        </span>\n      </ErrorSnackbar>\n\n      <Dialog\n        open={isPromptingDownloadCsv}\n        maxWidth=\"sm\"\n        fullWidth\n        onClose={cancelPromptDownloadCsv}\n      >\n        <DialogTitle>Column Configuration</DialogTitle>\n        <DialogContent>\n          <DialogContentText>\n            Repeatable set columns will not be included in the export unless the{' '}\n            <b>Output a row per repeatable set entry</b> option is turned on\n            under <b>Column Configuration</b>.\n          </DialogContentText>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={cancelPromptDownloadCsv} variant=\"text\">\n            Cancel\n          </Button>\n          <Button\n            onClick={downloadCsv}\n            startIcon={<MaterialIcon>download</MaterialIcon>}\n            color=\"primary\"\n            variant=\"contained\"\n          >\n            Download\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n\n/**\n * @param props\n * @returns\n * @group Components\n */\nexport default React.memo(OneBlinkFormStoreDownloadButton)\n"]}
+{"version":3,"file":"OneBlinkFormStoreDownloadButton.js","sourceRoot":"","sources":["../../../src/components/formStore/OneBlinkFormStoreDownloadButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport {\n  Tooltip,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogContentText,\n  DialogActions,\n  Button,\n} from '@mui/material'\nimport { LoadingButton } from '@mui/lab'\nimport ErrorSnackbar from '../ErrorSnackbar'\nimport { ColumnInstance } from 'react-table'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport { formStoreService } from '@oneblink/apps'\nimport useFormStoreTableContext from './useFormStoreTableContext'\nimport MaterialIcon from '../MaterialIcon'\n\nfunction OneBlinkFormStoreDownloadButton(\n  props: React.ComponentProps<typeof LoadingButton>,\n) {\n  const { visibleColumns, parameters, form } = useFormStoreTableContext()\n  const [\n    { isDownloadingCsv, isPromptingDownloadCsv, downloadingCsvError },\n    setState,\n  ] = React.useState<{\n    isDownloadingCsv: boolean\n    isPromptingDownloadCsv: boolean\n    downloadingCsvError: Error | null\n  }>({\n    isDownloadingCsv: false,\n    isPromptingDownloadCsv: false,\n    downloadingCsvError: null,\n  })\n\n  const clearError = React.useCallback(() => {\n    setState((currentState) => ({\n      ...currentState,\n      downloadingCsvError: null,\n    }))\n  }, [])\n\n  const downloadCsv = React.useCallback(async () => {\n    setState({\n      isPromptingDownloadCsv: false,\n      isDownloadingCsv: true,\n      downloadingCsvError: null,\n    })\n    try {\n      await formStoreService.exportFormStoreRecords(form.name, {\n        formId: form.id,\n        includeColumns: visibleColumns.map(\n          (visibleColumn: ColumnInstance<FormStoreRecord>) => visibleColumn.id,\n        ),\n        ...parameters,\n      })\n      setState((currentState) => ({\n        ...currentState,\n        isDownloadingCsv: false,\n        downloadingCsvError: null,\n      }))\n    } catch (error) {\n      setState((currentState) => ({\n        ...currentState,\n        isDownloadingCsv: false,\n        downloadingCsvError: error as Error,\n      }))\n    }\n  }, [form, parameters, visibleColumns])\n\n  const promptDownloadCsv = React.useCallback(() => {\n    if (\n      !parameters.unwindRepeatableSets &&\n      visibleColumns.some((c) => c.formElementType === 'repeatableSet')\n    ) {\n      setState((currentState) => ({\n        ...currentState,\n        downloadingCsvError: null,\n        isPromptingDownloadCsv: true,\n      }))\n      return\n    }\n    downloadCsv()\n  }, [downloadCsv, parameters.unwindRepeatableSets, visibleColumns])\n\n  const cancelPromptDownloadCsv = React.useCallback(() => {\n    setState((currentState) => ({\n      ...currentState,\n      isPromptingDownloadCsv: false,\n    }))\n  }, [])\n\n  return (\n    <>\n      <Tooltip title=\"Download submission data as a CSV file\">\n        <LoadingButton\n          className=\"ob-form-store-download-csv-button\"\n          type=\"button\"\n          loading={isDownloadingCsv}\n          loadingPosition=\"start\"\n          startIcon={<MaterialIcon>download</MaterialIcon>}\n          onClick={promptDownloadCsv}\n          // eslint-disable-next-line react/no-children-prop\n          children={<>Download</>}\n          {...props}\n        />\n      </Tooltip>\n\n      <ErrorSnackbar open={!!downloadingCsvError} onClose={clearError}>\n        <span data-cypress=\"edit-dialog-error-message\">\n          {downloadingCsvError && downloadingCsvError.message}\n        </span>\n      </ErrorSnackbar>\n\n      <Dialog\n        open={isPromptingDownloadCsv}\n        maxWidth=\"sm\"\n        fullWidth\n        onClose={cancelPromptDownloadCsv}\n      >\n        <DialogTitle>Column Configuration</DialogTitle>\n        <DialogContent>\n          <DialogContentText>\n            Repeatable set columns will not be included in the export unless the{' '}\n            <b>Output a row per repeatable set entry</b> option is turned on\n            under <b>Column Configuration</b>.\n          </DialogContentText>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={cancelPromptDownloadCsv} variant=\"text\">\n            Cancel\n          </Button>\n          <Button\n            onClick={downloadCsv}\n            startIcon={<MaterialIcon>download</MaterialIcon>}\n            color=\"primary\"\n            variant=\"contained\"\n          >\n            Download\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n\n/**\n * @param props\n * @returns\n * @group Components\n */\nexport default React.memo(OneBlinkFormStoreDownloadButton)\n"]}