refactor(console): block page navigation when uploading custom ui assets

[charIeszhao]

Summary

Block page navigation when uploading custom UI assets in sign-in experience page. In order to achieve this, the following refactoring are needed:

• Refactor FileUploader component to emit event when upload starts
• Add a new SignInExperienceContextProvider to wrap up SIE pages, so that when file upload happens in the children element, the outer parent component PageContent can be notified and render the navigation blocker confirm dialog.
• Refactor useApi hook to support abort signal, so that an ongoing request can be aborted on demand.
• Refactor CustomUiAssetsUploader to support upload abortion. When the user decides to navigate to another page, or simply click "Discard" button, the ongoing upload will be aborted.

Testing

Locally tested

Checklist

- [ ] .changeset - [ ] unit tests - [ ] integration tests - [ ] necessary TSDoc comments

[github-actions[bot]]

COMPARE TO master

Total Size Diff :chart_with_upwards_trend: +3.05 KB

Diff by File

|Name|Diff| |---|---| |packages/console/src/components/CustomUiAssetsUploader/index.module.scss|:chart_with_upwards_trend: +1.11 KB| |packages/console/src/components/CustomUiAssetsUploader/index.tsx|:chart_with_upwards_trend: +2.9 KB| |packages/console/src/components/ImageInputs/index.tsx|:chart_with_upwards_trend: +5 Bytes| |packages/console/src/components/SubmitFormChangesActionBar/index.tsx|:chart_with_upwards_trend: +105 Bytes| |packages/console/src/ds-components/Uploader/FileUploader/index.tsx|:chart_with_upwards_trend: +257 Bytes| |packages/console/src/ds-components/Uploader/ImageUploaderField/index.tsx|:chart_with_upwards_trend: +5 Bytes| |packages/console/src/hooks/use-api.ts|:chart_with_upwards_trend: +64 Bytes| |packages/console/src/pages/EnterpriseSsoDetails/Experience/LogosUploader/index.tsx|:chart_with_upwards_trend: +10 Bytes| |packages/console/src/pages/SignInExperience/PageContent/Branding/CustomUiForm/index.tsx|:chart_with_upwards_trend: +23 Bytes| |packages/console/src/pages/SignInExperience/PageContent/index.tsx|:chart_with_upwards_trend: +457 Bytes| |packages/console/src/pages/SignInExperience/components/CustomUiAssetsUploader/index.module.scss|:chart_with_upwards_trend: +1.11 KB| |packages/console/src/pages/SignInExperience/components/CustomUiAssetsUploader/index.tsx|:chart_with_upwards_trend: +3.6 KB| |packages/console/src/pages/SignInExperience/contexts/SignInExperienceContextProvider/index.tsx|:chart_with_upwards_trend: +1.26 KB| |packages/console/src/pages/SignInExperience/index.tsx|:chart_with_upwards_trend: +183 Bytes|