gwchq-textjam 0.2.4 → 0.2.6

package/dist/index.js

@@ -64600,8 +64600,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 
 function SvgGwcLogo(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
-    width: 44,
-    height: 44,
+    viewBox: "0 0 44 44",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), _rect || (_rect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect", {
@@ -65891,14 +65890,13 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 
 function SvgShare(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
-    width: 19,
-    height: 20,
+    viewBox: "0 0 19 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
     d: "M6.031 11.359l6.147 3.582m-.009-9.882L6.031 8.641M17.2 3.7a2.7 2.7 0 11-5.4 0 2.7 2.7 0 015.4 0zM6.4 10A2.7 2.7 0 111 10a2.7 2.7 0 015.4 0zm10.8 6.3a2.7 2.7 0 11-5.4 0 2.7 2.7 0 015.4 0z",
     stroke: "#003046",
-    strokeWidth: 2,
+    strokeWidth: 1.5,
     strokeLinecap: "round",
     strokeLinejoin: "round"
   })));
@@ -66150,8 +66148,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 
 function SvgTextJamLogo(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
-    width: 155,
-    height: 36,
+    viewBox: "0 0 155 36",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
@@ -68347,8 +68344,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(89379);
-/* harmony import */ var D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(53986);
+/* harmony import */ var D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(89379);
+/* harmony import */ var D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(53986);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
 /* harmony import */ var _hello_pangea_dnd__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(98850);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(14062);
@@ -68372,7 +68369,7 @@ var DraggableTab = _ref => {
       panelIndex,
       fileIndex
     } = _ref,
-    otherProps = (0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)(_ref, _excluded);
+    otherProps = (0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)(_ref, _excluded);
   var openFiles = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(state => state.editor.openedFiles);
   var openFilesCount = openFiles[panelIndex].length;
   var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
@@ -68389,7 +68386,7 @@ var DraggableTab = _ref => {
       switchToFileTab(panelIndex, (fileIndex + openFilesCount - 1) % openFilesCount);
     }
   };
-  var InnerTab = () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_tabs__WEBPACK_IMPORTED_MODULE_2__.Tab, (0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)({
+  var InnerTab = () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_tabs__WEBPACK_IMPORTED_MODULE_2__.Tab, (0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)({
     onClick: e => {
       e.stopPropagation();
       switchToFileTab(panelIndex, fileIndex);
@@ -68407,7 +68404,7 @@ var DraggableTab = _ref => {
         draggableProps,
         dragHandleProps
       } = _ref2;
-      return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", (0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)({
+      return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", (0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)({
         className: "draggable-tab",
         ref: innerRef
       }, draggableProps), dragHandleProps), {}, {
@@ -68429,8 +68426,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(89379);
-/* harmony import */ var D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(53986);
+/* harmony import */ var D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(89379);
+/* harmony import */ var D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(53986);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
 /* harmony import */ var _hello_pangea_dnd__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(98850);
 /* harmony import */ var react_tabs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39243);
@@ -68449,8 +68446,8 @@ var DroppableTabList = _ref => {
       children: _children,
       index
     } = _ref,
-    otherProps = (0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A)(_ref, _excluded);
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_tabs__WEBPACK_IMPORTED_MODULE_1__.TabList, (0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)((0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)({}, otherProps), {}, {
+    otherProps = (0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A)(_ref, _excluded);
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_tabs__WEBPACK_IMPORTED_MODULE_1__.TabList, (0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)((0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)({}, otherProps), {}, {
     children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_hello_pangea_dnd__WEBPACK_IMPORTED_MODULE_6__.Droppable, {
       direction: "horizontal",
       droppableId: index.toString(),
@@ -68460,7 +68457,7 @@ var DroppableTabList = _ref => {
           droppableProps,
           placeholder
         } = _ref2;
-        return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", (0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)((0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)({
+        return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", (0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)((0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)({
           className: "droppable-tab-list"
         }, droppableProps), {}, {
           ref: innerRef,
@@ -102288,6 +102285,102 @@ var BaseModal = _ref => {
 
 /***/ }),
 
+/***/ 94778:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ DraftUnsavedChangesModal_DraftUnsavedChangesModal)
+});
+
+// EXTERNAL MODULE: external "react-redux"
+var external_react_redux_ = __webpack_require__(14062);
+// EXTERNAL MODULE: ./src/components/Modals/BaseModal/BaseModal.jsx
+var BaseModal = __webpack_require__(94738);
+// EXTERNAL MODULE: ./src/components/Button/Button.jsx + 1 modules
+var Button = __webpack_require__(60232);
+// EXTERNAL MODULE: ./src/components/shared/SvgIcon/index.tsx
+var SvgIcon = __webpack_require__(82917);
+// EXTERNAL MODULE: ./src/assets/icons/alertTriangle.svg
+var alertTriangle = __webpack_require__(30103);
+// EXTERNAL MODULE: ./src/redux/EditorSlice.ts
+var EditorSlice = __webpack_require__(68512);
+// EXTERNAL MODULE: ./src/redux/types.ts
+var types = __webpack_require__(92932);
+// EXTERNAL MODULE: ./src/redux/stores/index.ts
+var stores = __webpack_require__(32132);
+;// ./src/components/Modals/DraftUnsavedChangesModal/styles.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const styles_module = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","content":"styles-module__content--Xo0FC","body":"styles-module__body--t9rtp","buttonsContainer":"styles-module__buttonsContainer--JGhSm","headerText":"styles-module__headerText--pmvJm","headerIcon":"styles-module__headerIcon--3TJZO","description":"styles-module__description--uzzI+"});
+// EXTERNAL MODULE: ./src/components/Modals/BaseModal/styles.module.scss
+var BaseModal_styles_module = __webpack_require__(41809);
+// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
+var jsx_runtime = __webpack_require__(74848);
+;// ./src/components/Modals/DraftUnsavedChangesModal/DraftUnsavedChangesModal.js
+
+
+
+
+
+
+
+
+
+
+
+var DraftUnsavedChangesModal = () => {
+  var dispatch = (0,external_react_redux_.useDispatch)();
+  var isModalOpen = (0,stores.useAppSelector)(state => state.editor.modalWindowShowing === types.ModalType.DRAFT_UNSAVED_CHANGES);
+  var args = (0,stores.useAppSelector)(state => state.editor.modalWindowArgs);
+  if (!isModalOpen || !args || args.type !== types.ModalType.DRAFT_UNSAVED_CHANGES) {
+    return null;
+  }
+  var handleClose = () => dispatch((0,EditorSlice.closeModal)());
+  var handleContinue = () => {
+    args.onContinue();
+    handleClose();
+  };
+  var handleStartNew = () => {
+    args.onStartNew();
+    handleClose();
+  };
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)(BaseModal["default"], {
+    isOpen: isModalOpen,
+    closeModal: handleClose,
+    externalClasses: styles_module,
+    heading: "",
+    buttons: [/*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], {
+      variant: "primary",
+      buttonText: "Continue",
+      onClickHandler: handleContinue
+    }, "continue"), /*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], {
+      variant: "tertiaryGray",
+      buttonText: "Start New Project",
+      onClickHandler: handleStartNew
+    }, "start-new")],
+    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      className: BaseModal_styles_module["default"].headerContainer,
+      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(SvgIcon.SvgIcon, {
+        size: 24,
+        SvgElement: alertTriangle["default"],
+        className: styles_module.headerIcon
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        className: "".concat(BaseModal_styles_module["default"].headerText, " ").concat(styles_module.headerText),
+        children: "Unsaved Changes Detected"
+      })]
+    }), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
+      className: styles_module.description,
+      children: "We found unsaved changes.\n        Would you like to continue where you left off or start a new project?"
+    })]
+  });
+};
+/* harmony default export */ const DraftUnsavedChangesModal_DraftUnsavedChangesModal = (DraftUnsavedChangesModal);
+
+/***/ }),
+
 /***/ 95049:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -102918,7 +103011,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(89379);
+/* harmony import */ var D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(89379);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(14062);
 /* harmony import */ var _redux_EditorSlice__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(68512);
@@ -102998,7 +103091,7 @@ var ProjectName = _ref => {
       id: "project_name_label",
       className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__["default"].projectLabel,
       children: "Project Name"
-    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", (0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)({
+    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", (0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)({
       className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__["default"].projectName, className)
     }, hoverProps), {}, {
       children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)((components_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_8___default()), {
@@ -142795,7 +142888,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","sidebar":"styles-module__sidebar--Fu5Qi","gwcLogo":"styles-module__gwcLogo--o2p4A","bar":"styles-module__bar--fOlLf","optionsTop":"styles-module__optionsTop--2jNbs","optionsBottom":"styles-module__optionsBottom--PtwF4","option":"styles-module__option--MOGCu","userOption":"styles-module__userOption--qGt5j","selected":"styles-module__selected--avjSK","panel":"styles-module__panel--bHhSv","panelWithFooter":"styles-module__panelWithFooter--5ItsY","panelHeading":"styles-module__panelHeading--GRNt0","panelHeader":"styles-module__panelHeader--bAHfN","panelContent":"styles-module__panelContent--X7kot","panelButtons":"styles-module__panelButtons---y4S-","panelFooter":"styles-module__panelFooter--T1y-s"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","sidebar":"styles-module__sidebar--Fu5Qi","bar":"styles-module__bar--fOlLf","optionsTop":"styles-module__optionsTop--2jNbs","optionsBottom":"styles-module__optionsBottom--PtwF4","option":"styles-module__option--MOGCu","userOption":"styles-module__userOption--qGt5j","selected":"styles-module__selected--avjSK","panel":"styles-module__panel--bHhSv","panelWithFooter":"styles-module__panelWithFooter--5ItsY","panelHeading":"styles-module__panelHeading--GRNt0","panelHeader":"styles-module__panelHeader--bAHfN","panelContent":"styles-module__panelContent--X7kot","panelButtons":"styles-module__panelButtons---y4S-","panelFooter":"styles-module__panelFooter--T1y-s"});
 
 /***/ }),
 
@@ -371765,17 +371858,9 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(74848);
 const ContextMenu_1 = __importDefault(__webpack_require__(39179));
 const AuthContext_1 = __webpack_require__(55471);
-const BeforeUnloadContext_1 = __webpack_require__(2373);
 const UserMenu = (props) => {
     const { anchorRef, opened, onClose } = props;
     const { onLogout, onViewProfile } = (0, AuthContext_1.useAuthActions)();
-    const beforeUnloadRef = (0, BeforeUnloadContext_1.useBeforeUnload)();
-    const handleLogout = () => {
-        if (beforeUnloadRef?.current) {
-            window.removeEventListener("beforeunload", beforeUnloadRef.current);
-        }
-        onLogout();
-    };
     return ((0, jsx_runtime_1.jsx)(ContextMenu_1.default, { align: "start", direction: "top", menuWidth: 142, menuOptions: [
             {
                 text: "View Profile",
@@ -371783,7 +371868,7 @@ const UserMenu = (props) => {
             },
             {
                 text: "Logout",
-                action: handleLogout,
+                action: onLogout,
             },
         ], opened: opened, anchorRef: anchorRef, onClose: onClose, gap: 4 }));
 };
@@ -371998,6 +372083,7 @@ const SaveProjectReminderModal_1 = __importDefault(__webpack_require__(66536));
 const UploadSizeLimitModal_1 = __importDefault(__webpack_require__(16893));
 const UploadFilesModal_1 = __importDefault(__webpack_require__(9825));
 const RemixProjectModal_1 = __importDefault(__webpack_require__(45829));
+const DraftUnsavedChangesModal_1 = __importDefault(__webpack_require__(94778));
 exports.ModalTypeToComponentMap = {
     [types_1.ModalType.SHARE_PROJECT]: (0, jsx_runtime_1.jsx)(ShareProjectModal_1.default, {}),
     [types_1.ModalType.REMOVE_ITEM]: (0, jsx_runtime_1.jsx)(RemoveItemModal_1.default, {}),
@@ -372006,6 +372092,7 @@ exports.ModalTypeToComponentMap = {
     [types_1.ModalType.UPLOAD_SIZE_LIMIT]: (0, jsx_runtime_1.jsx)(UploadSizeLimitModal_1.default, {}),
     [types_1.ModalType.UPLOAD_FILES]: (0, jsx_runtime_1.jsx)(UploadFilesModal_1.default, {}),
     [types_1.ModalType.REMIX_PROJECT]: (0, jsx_runtime_1.jsx)(RemixProjectModal_1.default, {}),
+    [types_1.ModalType.DRAFT_UNSAVED_CHANGES]: (0, jsx_runtime_1.jsx)(DraftUnsavedChangesModal_1.default, {}),
 };
 
 
@@ -372150,6 +372237,7 @@ const types_1 = __webpack_require__(92932);
 const stores_1 = __webpack_require__(32132);
 const useHover_1 = __webpack_require__(78556);
 const styles_module_scss_1 = __importDefault(__webpack_require__(99855));
+const SvgIcon_1 = __webpack_require__(82917);
 const ShareButton = (props) => {
     const dispatch = (0, react_redux_1.useDispatch)();
     const shareLinks = (0, stores_1.useAppSelector)((state) => state.editor.shareLinks);
@@ -372166,7 +372254,7 @@ const ShareButton = (props) => {
     }, [dispatch, shareLinks]);
     const canShare = Boolean(shareLinks);
     const { hovered, hoverProps } = (0, useHover_1.useHover)();
-    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.shareButtonWrapper, ...hoverProps, children: [(0, jsx_runtime_1.jsx)(Tooltip_1.default, { message: "To share your project, please save it first.", visible: hovered && !canShare, position: "bottom" }), (0, jsx_runtime_1.jsx)(Button_1.default, { disabled: !canShare, variant: "tertiary", ButtonIcon: share_svg_1.default, onClickHandler: onClickShare, ...props })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.shareButtonWrapper, ...hoverProps, children: [(0, jsx_runtime_1.jsx)(Tooltip_1.default, { message: "To share your project, please save it first.", visible: hovered && !canShare, position: "bottom" }), (0, jsx_runtime_1.jsx)(Button_1.default, { disabled: !canShare, variant: "tertiary", ButtonIcon: () => (0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { SvgElement: share_svg_1.default, size: 24 }), onClickHandler: onClickShare, ...props })] }));
 };
 exports["default"] = ShareButton;
 
@@ -372352,7 +372440,7 @@ const WebComponentProject = ({ nameEditable = false, sidebarOptions = [], packag
         return () => clearTimeout(timeout);
     }, [project]);
     renderer.link = function (data) {
-        return `<a href="${data.href}" target="_blank" rel="noreferrer"
+        return `<a href="${data.href}" target="_blank" rel="noreferrer"
     }">${data.text}</a>`;
     };
     marked_1.marked.setOptions({
@@ -372478,7 +372566,6 @@ const ToastMessages_1 = __webpack_require__(6459);
 const Modals_1 = __webpack_require__(18284);
 const Loading_1 = __importDefault(__webpack_require__(34466));
 const stores_1 = __webpack_require__(32132);
-const BeforeUnloadContext_1 = __webpack_require__(2373);
 const SaveBeforeLeave_1 = __webpack_require__(47318);
 const selectors_1 = __webpack_require__(43551);
 const WebComponentLoader = (props) => {
@@ -372593,7 +372680,6 @@ const WebComponentLoader = (props) => {
     }, []);
     const modal = (modalWindowShowing && Modals_1.ModalTypeToComponentMap[modalWindowShowing]) ?? null;
     const isReadOnly = (0, stores_1.useAppSelector)((state) => state.editor.readOnly);
-    const beforeUnloadRef = (0, react_1.useRef)(null);
     const shouldBlockNavigation = (0, stores_1.useAppSelector)(selectors_1.selectProjectDirtyState);
     // effect for browser actions (refresh, tab close etc)
     (0, react_1.useEffect)(() => {
@@ -372605,17 +372691,15 @@ const WebComponentLoader = (props) => {
             // for browsers to show the confirmation dialog
             e.returnValue = "";
         };
-        beforeUnloadRef.current = handleBeforeUnload;
         window.addEventListener("beforeunload", handleBeforeUnload);
         return () => {
             window.removeEventListener("beforeunload", handleBeforeUnload);
-            beforeUnloadRef.current = null;
         };
-    }, [isPreviewMode, isReadOnly, shouldBlockNavigation]);
-    const renderSuccessState = () => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(BeforeUnloadContext_1.BeforeUnloadContext.Provider, { value: beforeUnloadRef, children: (0, jsx_runtime_1.jsxs)(settings_1.SettingsContext.Provider, { value: {
-                    theme: themeDefault,
-                    fontSize: "small",
-                }, children: [(0, jsx_runtime_1.jsx)(ToastMessages_1.ToastMessagesProvider, {}), (0, jsx_runtime_1.jsxs)("div", { id: "textjam-root", className: `editor-shell --${themeDefault}`, children: [(0, jsx_runtime_1.jsx)(WebComponentProject_1.default, { nameEditable: projectNameEditable, sidebarOptions: sidebarOptions, packageApiUrl: packageApiUrl }), errorModalShowing && (0, jsx_runtime_1.jsx)(ErrorModal_1.default, {}), modal, (0, jsx_runtime_1.jsx)(SaveBeforeLeave_1.SaveBeforeLeaveModal, {})] })] }) }) }));
+    }, [shouldBlockNavigation, isPreviewMode, isReadOnly]);
+    const renderSuccessState = () => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(settings_1.SettingsContext.Provider, { value: {
+                theme: themeDefault,
+                fontSize: "small",
+            }, children: [(0, jsx_runtime_1.jsx)(ToastMessages_1.ToastMessagesProvider, {}), (0, jsx_runtime_1.jsxs)("div", { id: "textjam-root", className: `editor-shell --${themeDefault}`, children: [(0, jsx_runtime_1.jsx)(WebComponentProject_1.default, { nameEditable: projectNameEditable, sidebarOptions: sidebarOptions, packageApiUrl: packageApiUrl }), errorModalShowing && (0, jsx_runtime_1.jsx)(ErrorModal_1.default, {}), modal, shouldBlockNavigation && (0, jsx_runtime_1.jsx)(SaveBeforeLeave_1.SaveBeforeLeaveModal, {})] })] }) }));
     const renderFailedState = () => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("p", { children: t("webComponent.failed") }) }));
     const renderLoadingState = () => (0, jsx_runtime_1.jsx)(Loading_1.default, {});
     if (loading === types_1.LoadingState.SUCCESS) {
@@ -372656,20 +372740,6 @@ const useAuthActions = () => {
 exports.useAuthActions = useAuthActions;
 
 
-/***/ }),
-
-/***/ 2373:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.useBeforeUnload = exports.BeforeUnloadContext = void 0;
-const react_1 = __webpack_require__(51649);
-exports.BeforeUnloadContext = (0, react_1.createContext)(null);
-const useBeforeUnload = () => (0, react_1.useContext)(exports.BeforeUnloadContext);
-exports.useBeforeUnload = useBeforeUnload;
-
-
 /***/ }),
 
 /***/ 59578:
@@ -373376,6 +373446,7 @@ const useIsMounted_1 = __webpack_require__(76314);
 const useProjectCache_1 = __webpack_require__(69557);
 const helpers_1 = __webpack_require__(59578);
 const sendToast_1 = __webpack_require__(50068);
+const useUnsavedDraftResolution_1 = __webpack_require__(61171);
 const buildProjectSnapshot_1 = __webpack_require__(10533);
 const isFinalLoadingState = (state) => state === types_1.LoadingState.SUCCESS || state === types_1.LoadingState.FAILED;
 const useProject = ({ projectData, projectContent = null, isContentLoaded = null, isLoading = false, loadProjectContent, loadTemplateProjectData, isTemplateDataLoaded, }) => {
@@ -373390,23 +373461,37 @@ const useProject = ({ projectData, projectContent = null, isContentLoaded = null
     const cacheKey = project.identifier ?? projectData?.identifier;
     const projectLoadCallIdRef = (0, react_1.useRef)(null);
     const { value: cachedProject, isLoading: isLoadingCache, isLoaded: isCacheLoaded, } = (0, useProjectCache_1.useProjectCache)(cacheKey);
+    // treat commitId null and undefined as equal and not as commit outdated
+    // eslint-disable-next-line eqeqeq
+    const isCurrentOutdated = cachedProject?.commitId != projectData?.commitId;
+    const { shouldBypassCachedDraft, shouldShowUnsavedDraftModal, openUnsavedDraftModal, } = (0, useUnsavedDraftResolution_1.useUnsavedDraftResolution)({
+        projectData,
+        cachedProject,
+        isCurrentOutdated,
+    });
+    const prepareTemplateComponents = (sourceComponents = []) => {
+        const componentsMap = new Map(sourceComponents.map((component) => [component.id, component]));
+        return sourceComponents.map((component) => component.type === ProjectTypes_1.ProjectComponentType.DIR
+            ? {
+                ...component,
+                children: (0, projectHelpers_1.sortChildren)([...(component.children ?? [])], componentsMap),
+            }
+            : component);
+    };
     // initial setup of project in case of creating from scratch
     const setProjectDataFromTemplate = (0, react_1.useCallback)((incomingData) => {
         // default project template is used as a fallback for fields that weren't provided
         const defaultProject = (0, helpers_1.buildDefaultProject)(incomingData?.project_type);
-        // load provided project data
+        // use incoming components when available, otherwise fallback to default template
+        const sourceComponents = incomingData?.components ?? defaultProject.components ?? [];
+        // clone components before sorting to avoid mutating frozen/template objects
+        const preparedComponents = prepareTemplateComponents(sourceComponents);
         const projectToSet = {
             ...defaultProject,
             ...incomingData,
+            components: preparedComponents,
             commitId: null,
         };
-        const componentsMap = new Map((projectToSet.components ?? []).map((comp) => [comp.id, comp]));
-        // ensure all directory children are sorted
-        for (const component of projectToSet.components ?? []) {
-            if (component.type === ProjectTypes_1.ProjectComponentType.DIR) {
-                component.children = (0, projectHelpers_1.sortChildren)(component.children ?? [], componentsMap);
-            }
-        }
         dispatch((0, EditorSlice_1.setProject)(projectToSet));
     }, [dispatch]);
     // set initial project data on first load
@@ -373417,12 +373502,9 @@ const useProject = ({ projectData, projectContent = null, isContentLoaded = null
             (!isCacheLoaded && cacheKey) ||
             commitIdLoadTriggered)
             return;
-        if (isFinalLoadingState(loadingState))
+        if (isFinalLoadingState(loadingState) && !shouldBypassCachedDraft)
             return;
         const hasNoData = !cachedProject && !projectContent;
-        // treat commitId null and undefined as equal and not as commit outdated
-        // eslint-disable-next-line eqeqeq
-        const isCurrentOutdated = cachedProject?.commitId != projectData?.commitId;
         const currentCommit = projectData?.commits?.find((commit) => commit.id === projectData?.commitId);
         const cacheSavedAt = cachedProject?.savedAt
             ? new Date(cachedProject.savedAt).getTime()
@@ -373433,7 +373515,9 @@ const useProject = ({ projectData, projectContent = null, isContentLoaded = null
         const isCacheNewerThanCurrentCommit = cacheSavedAt !== null &&
             currentCommitCreatedAt !== null &&
             cacheSavedAt > currentCommitCreatedAt;
-        const shouldUseCache = !!cachedProject && (!isCurrentOutdated || isCacheNewerThanCurrentCommit);
+        const shouldUseCache = !!cachedProject &&
+            !shouldBypassCachedDraft &&
+            (!isCurrentOutdated || isCacheNewerThanCurrentCommit);
         // for preview mode, always load current cached project
         if (isPreview) {
             if (cachedProject)
@@ -373444,8 +373528,27 @@ const useProject = ({ projectData, projectContent = null, isContentLoaded = null
             }
             return;
         }
+        // if user has chosen start new for a draft, ignore cache completely
+        if (!projectData?.commitId && shouldBypassCachedDraft) {
+            if (!loadTemplateProjectData || isTemplateDataLoaded) {
+                setProjectDataFromTemplate(projectData);
+                dispatch((0, EditorSlice_1.setCommits)({ commits: projectData?.commits ?? [] }));
+            }
+            else {
+                dispatch((0, EditorSlice_1.setLoading)(types_1.LoadingState.IDLE));
+                loadTemplateProjectData?.();
+            }
+            return;
+        }
+        // same draft project - show modal before normal cache flow
+        if (shouldShowUnsavedDraftModal && cachedProject) {
+            dispatch((0, EditorSlice_1.setProject)(cachedProject));
+            dispatch((0, EditorSlice_1.setCommits)({ commits: projectData?.commits ?? [] }));
+            openUnsavedDraftModal();
+            return;
+        }
         // if cached data found and it's usable, load from cache
-        if (shouldUseCache) {
+        if (shouldUseCache && cachedProject) {
             dispatch((0, EditorSlice_1.setProject)(cachedProject));
             dispatch((0, EditorSlice_1.setCommits)({ commits: projectData?.commits ?? [] }));
             return;
@@ -373489,6 +373592,9 @@ const useProject = ({ projectData, projectContent = null, isContentLoaded = null
         cacheKey,
         isContentLoaded,
         isTemplateDataLoaded,
+        shouldBypassCachedDraft,
+        shouldShowUnsavedDraftModal,
+        openUnsavedDraftModal,
     ]);
     // Load commit data when commitIdLoadTriggered is set
     (0, react_1.useEffect)(() => {
@@ -373735,15 +373841,21 @@ const useProjectPersistence = ({ user, projectData, hasShownSavePrompt, saveProj
             components: cleanedComponents,
             identifier: projectData.identifier,
         };
+        const newLastSavedSnapshot = (0, buildProjectSnapshot_1.buildProjectSnapshot)(cleanedProject);
         const updatedProjectSnapshot = {
             components: cleanedComponents,
             hasStructureChanges: false,
-            lastSavedSnapshot: (0, buildProjectSnapshot_1.buildProjectSnapshot)(cleanedProject),
+            lastSavedSnapshot: newLastSavedSnapshot,
             identifier: projectData.identifier,
         };
         dispatch((0, EditorSlice_1.updateProjectSnapshot)(updatedProjectSnapshot));
+        upsertCacheValue(cleanedProject.identifier, {
+            ...cleanedProject,
+            lastSavedSnapshot: newLastSavedSnapshot,
+        });
     }, [
         deleteValueFromCache,
+        upsertCacheValue,
         dispatch,
         project,
         projectData?.identifier,
@@ -373915,6 +374027,57 @@ const useProjectTabSync = ({ projectKey, enabled = true, }) => {
 exports.useProjectTabSync = useProjectTabSync;
 
 
+/***/ }),
+
+/***/ 61171:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.useUnsavedDraftResolution = void 0;
+const react_1 = __webpack_require__(51649);
+const react_redux_1 = __webpack_require__(14062);
+const EditorSlice_1 = __webpack_require__(68512);
+const types_1 = __webpack_require__(92932);
+// check if incoming and cached projects are the same draft
+const isSameDraftProjectType = (incomingProject, cachedProject) => {
+    if (!incomingProject || !cachedProject)
+        return false;
+    return (!incomingProject.commitId &&
+        cachedProject.identifier === incomingProject.identifier &&
+        cachedProject.project_type === incomingProject.project_type &&
+        cachedProject.extension === incomingProject.extension);
+};
+// handles unsaved draft logic and modal decision
+const useUnsavedDraftResolution = ({ projectData, cachedProject, isCurrentOutdated, }) => {
+    const dispatch = (0, react_redux_1.useDispatch)();
+    // flag to ignore cached draft after Start New
+    const [shouldBypassCachedDraft, setShouldBypassCachedDraft] = (0, react_1.useState)(false);
+    const isSameDraftType = (0, react_1.useMemo)(() => isSameDraftProjectType(projectData, cachedProject), [projectData, cachedProject]);
+    // show modal only for matching draft when cache is valid and not bypassed
+    const shouldShowUnsavedDraftModal = !!cachedProject &&
+        !isCurrentOutdated &&
+        !shouldBypassCachedDraft &&
+        isSameDraftType;
+    const openUnsavedDraftModal = (0, react_1.useCallback)(() => {
+        dispatch((0, EditorSlice_1.showModal)({
+            modal: types_1.ModalType.DRAFT_UNSAVED_CHANGES,
+            args: {
+                type: types_1.ModalType.DRAFT_UNSAVED_CHANGES,
+                onContinue: () => setShouldBypassCachedDraft(false),
+                onStartNew: () => setShouldBypassCachedDraft(true),
+            },
+        }));
+    }, [dispatch]);
+    return {
+        shouldBypassCachedDraft,
+        shouldShowUnsavedDraftModal,
+        openUnsavedDraftModal,
+    };
+};
+exports.useUnsavedDraftResolution = useUnsavedDraftResolution;
+
+
 /***/ }),
 
 /***/ 68512:
@@ -374660,6 +374823,7 @@ var ModalType;
     ModalType["UPLOAD_SIZE_LIMIT"] = "uploadSizeLimit";
     ModalType["UPLOAD_FILES"] = "uploadFiles";
     ModalType["REMIX_PROJECT"] = "remixProject";
+    ModalType["DRAFT_UNSAVED_CHANGES"] = "draftUnsavedChanges";
 })(ModalType || (exports.ModalType = ModalType = {}));
 var SavingState;
 (function (SavingState) {
@@ -374919,6 +375083,7 @@ exports.IndexedDb = {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.LeaveGuardController = void 0;
 const LeaveFlowSlice_1 = __webpack_require__(52990);
+const selectors_1 = __webpack_require__(43551);
 class LeaveGuardController {
     store;
     pendingPromise = null;
@@ -374928,12 +375093,11 @@ class LeaveGuardController {
         this.store = store;
     }
     canLeave = () => {
-        // TODO: activate when the check is implemented
-        // const state = this.store.getState();
-        // const isDirty = selectIsDirty(state);
-        // if (!isDirty) {
-        //   return Promise.resolve(true);
-        // }
+        const state = this.store.getState();
+        const isDirty = (0, selectors_1.selectProjectDirtyState)(state);
+        if (!isDirty) {
+            return Promise.resolve(true);
+        }
         if (this.pendingPromise) {
             return this.pendingPromise;
         }
@@ -383299,7 +383463,7 @@ module.exports = webpackAsyncContext;
 /***/ 24427:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-module.exports = __webpack_require__.p + "assets/PyodideWorkerdeabb0560f66f0f43f49.js";
+module.exports = __webpack_require__.p + "assets/PyodideWorker36d2ab735d3886128aa9.js";
 
 /***/ }),