project-booster-vue 9.65.0 → 10.0.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-booster-vue",
-  "version": "9.65.0",
+  "version": "10.0.0-beta.2",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/landing/PbProjectsLanding.vue

@@ -343,19 +343,6 @@ export default defineComponent({
           image: 'https://storage.googleapis.com/project-booster-media/landing-projet/solution_projet-conception.png',
           href: '/outils/',
         },
-        {
-          title: 'Planifier les étapes de votre projet',
-          image: 'https://storage.googleapis.com/project-booster-media/landing-projet/solution_projet-planner.png',
-          href: '/espace-perso/declaration-de-projet.html#/?skipLanding=true&leadSource=Landing_Acquisition&leadSourceDetail=Generic',
-          dialog: {
-            imageUrl: 'https://storage.googleapis.com/project-booster-media/planner/planner.svg',
-            title: 'Décrivez votre projet en quelques questions et créez la liste des étapes de votre projet',
-            text: 'Ces questions nous permettront de mieux comprendre votre projet afin de vous proposer des outils et contenus utiles à sa réalisation',
-            buttonLabel: 'Commencer',
-            linkLabel: 'J’ai déjà créé un projet',
-            href: '/espace-perso/espace-projets.html#/projects',
-          },
-        },
         {
           title: 'Apprendre à réaliser',
           image: 'https://storage.googleapis.com/project-booster-media/landing-projet/solution_projet-realiser.png',

package/src/components/projects/project-hub/PbProjectHub-Collaborator.stories.mdx

@@ -3,7 +3,6 @@ import { nestedAppDecorator } from '../../../../.storybook/nested-app-decorator'
 import { useStore } from 'vuex';
 import PbMedia from '../../media/PbMedia';
 import PbProjectHub from './PbProjectHub';
-import PbTasksPage from '../../../components/tasks/PbTasksPage';
 import store from '../../../stores/store';
 import { rest } from 'msw';
 import {
@@ -49,7 +48,7 @@ import {
   getDocumentsImageFileResolver,
   uploadDocumentResolver,
 } from '../../../services/api/mocks/documentsMock';
-import TASK_TO_CREATE_MODEL from '../../../components/tasks/task-to-create-generic-planner.json';
+
 import DOCUMENT_DETAIL_PAYLOAD from '../../media/detail/document-detail-payload.json';
 import DOCUMENT_UPLOAD_PAYLOAD from '../../media/upload/document-upload-payload.json';
 
@@ -95,9 +94,6 @@ import DOCUMENT_UPLOAD_PAYLOAD from '../../media/upload/document-upload-payload.
         },
         beforeEnter: async (to, from, next, store) => {
           const projectId = to.params.projectId;
-          if (store.getters['tasks/getCurrentProjectId'] !== projectId) {
-            store.dispatch('tasks/loadPlanner', { projectId, buId: 'bu-dev-planner' });
-          }
           if (store.getters['configurations/getCurrentProjectId'] !== projectId) {
             store.dispatch('configurations/loadConfigurations', { projectId: projectId, forceNoPriceUpdate: true });
             store.dispatch('configurations/searchConfigurations', projectId);

package/src/components/projects/project-hub/PbProjectHub.stories.mdx

@@ -4,7 +4,6 @@ import { nestedAppDecorator } from '../../../../.storybook/nested-app-decorator'
 import { useStore } from 'vuex';
 import PbMedia from '../../media/PbMedia';
 import PbProjectHub from './PbProjectHub';
-import PbTasksPage from '../../../components/tasks/PbTasksPage';
 import store from '../../../stores/store';
 import { rest } from 'msw';
 import {
@@ -52,7 +51,6 @@ import {
   uploadDocumentResolver,
 } from '../../../services/api/mocks/documentsMock';
 import { getInhabitantByIdResolver, getCompanyByIdResolver } from '../../../services/api/mocks/inhabitantsMock';
-import TASK_TO_CREATE_MODEL from '../../../components/tasks/task-to-create-generic-planner.json';
 import DOCUMENT_DETAIL_PAYLOAD from '../../media/detail/document-detail-payload.json';
 import DOCUMENT_UPLOAD_PAYLOAD from '../../media/upload/document-upload-payload.json';
 
@@ -78,9 +76,6 @@ import DOCUMENT_UPLOAD_PAYLOAD from '../../media/upload/document-upload-payload.
         component: PbProjectHub,
         beforeEnter: async (to, from, next, store) => {
           const projectId = to.params.projectId;
-          if (store.getters['tasks/getCurrentProjectId'] !== projectId) {
-            store.dispatch('tasks/loadPlanner', { projectId, buId: 'bu-dev-planner' });
-          }
           if (store.getters['configurations/getCurrentProjectId'] !== projectId) {
             store.dispatch('configurations/loadConfigurations', { projectId: projectId });
             store.dispatch('configurations/searchConfigurations', projectId);
@@ -152,25 +147,6 @@ import DOCUMENT_UPLOAD_PAYLOAD from '../../media/upload/document-upload-payload.
           next();
         },
       },
-      {
-        name: 'Planner',
-        path: '/projects/:projectId/planner',
-        component: PbTasksPage,
-        props: {
-          title: 'Les étapes de votre projet',
-          taskToCreateModel: TASK_TO_CREATE_MODEL,
-        },
-        beforeEnter: async (to, from, next, store) => {
-          const projectId = to.params.projectId;
-          if (store.getters['projects/getCurrentProjectId'] !== projectId) {
-            store.dispatch('projects/loadProject', projectId);
-          }
-          if (store.getters['tasks/getCurrentProjectId']?.inhabitantProjectId !== projectId) {
-            store.dispatch('tasks/loadPlanner', { projectId, buId: 'bu-dev-planner' });
-          }
-          next();
-        },
-      },
     ]),
   ]}
 ></Meta>

package/src/components/projects/project-hub/PbProjectHub.vue

@@ -395,36 +395,6 @@
                 </m-flex>
               </div>
             </m-flex>
-            <m-flex
-              v-if="isPlannerDisplayed"
-              class="pb-project-hub__section pb-project-hub__planner-section"
-              direction="column"
-              full-width
-            >
-              <pb-tasks-preview
-                v-if="!plannerError"
-                class="pb-project-hub__planner"
-                :tasks="tasks"
-                :tasks-number="3"
-                :read-only="readOnly"
-                @show-task-details="handleShowTaskDetails"
-                @create-task="handleCreateTask"
-                @view-tasks="handleViewTasks"
-                @task-completed="handleCompleteTask"
-              />
-              <m-flex
-                v-else-if="plannerError"
-                class="pb-project-hub__planner--error"
-                direction="column"
-                align-items="center"
-                justify-content="center"
-                gap="2rem"
-                full-width
-              >
-                <div>Une erreur est survenue lors du chargement des étapes</div>
-                <m-button label="Réessayer" @click="$store.dispatch('tasks/reloadPlanner')" />
-              </m-flex>
-            </m-flex>
             <m-flex v-if="isMailConsentDisplayed" class="pb-project-hub__section" direction="column" full-width>
               <div class="pb-project-hub__section-header">
                 <div class="pb-project-hub__section-title" ref="pbConsent">Souscription newsletter</div>
@@ -734,15 +704,11 @@ import PbLoader from '../../loader/PbLoader.vue';
 import PbMOpinion from '../../mopinion/PbMOpinion.vue';
 import PbProjectAttributes from '../project-attributes/PbProjectAttributes.vue';
 import PbRestitution from '../../restitution/PbRestitution.vue';
-import PbTasksPreview from '../../tasks/preview/PbTasksPreview.vue';
 import PbConsent from '../../consent/PbConsent.vue';
-import TASK_MODEL from './plannerTask.json';
 import ESTIMATES_PAYLOAD from './../../estimates/estimates-payload.json';
-import cloneDeep from 'lodash.clonedeep';
 import { Tool } from '@/types/pb/Tool';
 import { Configuration } from '@/types/pb/Configuration';
 import { Estimate } from '@/types/pb/Estimate';
-import { Task } from '@/types/pb/Task';
 import PbMediaUpload from '@/components/media/upload/PbMediaUpload.vue';
 import DOCUMENT_UPLOAD_PAYLOAD from '@/components/media/upload/document-upload-payload.json';
 
@@ -807,7 +773,6 @@ export default defineComponent({
     PbMOpinion,
     PbProjectAttributes,
     PbRestitution,
-    PbTasksPreview,
     PbConsent,
   },
 
@@ -869,7 +834,6 @@ export default defineComponent({
     clickedConfiguration: null as unknown as Configuration,
     showMoreButtonAnimationDelay: 0,
     BACK_ICON,
-    TASK_MODEL,
     DOCUMENT_UPLOAD_PAYLOAD,
     displayCategoriesDialog: false,
   }),
@@ -920,14 +884,6 @@ export default defineComponent({
       toolsLoadError: 'getToolsLoadError',
     }),
 
-    ...mapGetters('tasks', {
-      isPlannerDisplayed: 'isDisplayed',
-      tasks: 'getTasks',
-      tasksLoaded: 'areTasksLoaded',
-      tasksCount: 'getTasksCount',
-      plannerError: 'getPlannerError',
-    }),
-
     ...mapGetters('configurations', {
       isConfigurationsDisplayed: 'isDisplayed',
       isImportingConfiguration: 'isImportingConfiguration',
@@ -1179,10 +1135,6 @@ export default defineComponent({
       this.$router.push({ name: 'PbDocuments', params: { projectId: this.project.id } });
     },
 
-    createTask() {
-      this.$refs.PbTasksList.openCreateDialog();
-    },
-
     deleteProject() {
       this.showDeleteDialog = false;
       this.$store.dispatch('projects/deleteProject', this.project.id);
@@ -1228,46 +1180,6 @@ export default defineComponent({
       return true;
     },
 
-    handleShowTaskDetails(task: Task) {
-      setTimeout(() => {
-        this.$store.dispatch('sendEventToBus', {
-          code: 'taskDetailsDisplayed',
-          payload: { origin: 'projectSpace', task: task },
-        });
-      }, 500);
-      this.$router.push({ path: `/projects/${this.project.id}/planner`, query: { display: task.id } });
-    },
-
-    handleCreateTask() {
-      this.$store.dispatch('sendEventToBus', { code: 'taskCreationRequested', payload: { origin: 'projectSpace' } });
-      this.$router.push({ path: `/projects/${this.project.id}/planner`, query: { create: 'true' } });
-    },
-
-    handleViewTasks(event: Event) {
-      this.$store.dispatch('sendEventToBus', { code: 'goToTasks', payload: { origin: 'projectSpace', ...event } });
-      this.$router.push({ name: 'Planner', params: { projectId: this.project.id } });
-    },
-
-    async handleCompleteTask({ task }: { task: Task }) {
-      const taskToSave = cloneDeep(task);
-      taskToSave.state.done = true;
-      await this.saveTask(taskToSave);
-      this.$store.dispatch('sendEventToBus', {
-        code: 'taskCompleted',
-        payload: { origin: 'projectSpace', task: taskToSave },
-      });
-    },
-
-    async saveTask(task: Task) {
-      /**
-       * Emitted when a task is updated
-       * @event update-task
-       * @type {Event}
-       */
-      this.$emit('updateTask', task);
-      await this.$store.dispatch('tasks/updateTask', task);
-    },
-
     handleShowImportConfigurationDialog() {
       this.$store.dispatch('sendEventToBus', { code: 'importConfigurationRequested', payload: {} });
       this.showImportConfigurationDialog = true;
@@ -1367,14 +1279,6 @@ $appear-duration: 100ms;
     width: 100%;
   }
 
-  &__planner {
-    width: 100%;
-
-    &-section {
-      min-height: 140px;
-    }
-  }
-
   @include set-from-screen($responsive-breakpoint) {
     padding: 0 $mu200 $mu250 $mu200;
   }
@@ -1577,30 +1481,6 @@ $appear-duration: 100ms;
     }
   }
 
-  // Override tasks list styles
-  & :deep(.pb-tasks-list) {
-    padding: 0;
-  }
-
-  & :deep(.pb-tasks-list__header),
-  & :deep(.pb-tasks-list__add-button) {
-    padding-bottom: $mu100;
-    padding-top: 0;
-  }
-
-  & :deep(.pb-tasks-list__category) {
-    padding: 0;
-  }
-
-  & :deep(.pb-tasks-list__category-done-button),
-  & :deep(.pb-tasks-list__category-done-label) {
-    width: 100% !important;
-
-    @include set-from-screen($responsive-breakpoint) {
-      width: auto !important;
-    }
-  }
-
   &__action-dialog {
     & :deep(.m-dialog) {
       margin: 0 auto;

package/src/components/projects/projects/PbProjects.stories.mdx

@@ -44,9 +44,6 @@ import { getEstimatesByProjectIdResolver } from '../../../services/api/mocks/est
         component: PbProjectHub,
         props: { showBackButton: true },
         beforeEnter: async (to, from, next, store) => {
-          if (store.getters['tasks/getCurrentProjectId'] !== to.params.projectId) {
-            store.dispatch('tasks/loadPlanner', { projectId: to.params.projectId, buId: 'bu-dev-planner' });
-          }
           await store.dispatch('projects/loadProject', to.params.projectId);
           await store.dispatch('estimates/loadEstimates', to.params.projectId);
           if (store.getters['projects/getProjects']?.length === 0) {

package/src/components/projects/projects-list/PbProjectHub.vue

@@ -395,36 +395,6 @@
                 </m-flex>
               </div>
             </m-flex>
-            <m-flex
-              v-if="isPlannerDisplayed"
-              class="pb-project-hub__section pb-project-hub__planner-section"
-              direction="column"
-              full-width
-            >
-              <pb-tasks-preview
-                v-if="!plannerError"
-                class="pb-project-hub__planner"
-                :tasks="tasks"
-                :tasks-number="3"
-                :read-only="readOnly"
-                @show-task-details="handleShowTaskDetails"
-                @create-task="handleCreateTask"
-                @view-tasks="handleViewTasks"
-                @task-completed="handleCompleteTask"
-              />
-              <m-flex
-                v-else-if="plannerError"
-                class="pb-project-hub__planner--error"
-                direction="column"
-                align-items="center"
-                justify-content="center"
-                gap="2rem"
-                full-width
-              >
-                <div>Une erreur est survenue lors du chargement des étapes</div>
-                <m-button label="Réessayer" @click="$store.dispatch('tasks/reloadPlanner')" />
-              </m-flex>
-            </m-flex>
             <m-flex v-if="isMailConsentDisplayed" class="pb-project-hub__section" direction="column" full-width>
               <div class="pb-project-hub__section-header">
                 <div class="pb-project-hub__section-title" ref="pbConsent">Souscription newsletter</div>
@@ -734,15 +704,12 @@ import PbLoader from '../../loader/PbLoader.vue';
 import PbMOpinion from '../../mopinion/PbMOpinion.vue';
 import PbProjectAttributes from '../project-attributes/PbProjectAttributes.vue';
 import PbRestitution from '../../restitution/PbRestitution.vue';
-import PbTasksPreview from '../../tasks/preview/PbTasksPreview.vue';
 import PbConsent from '../../consent/PbConsent.vue';
-import TASK_MODEL from './plannerTask.json';
 import ESTIMATES_PAYLOAD from './../../estimates/estimates-payload.json';
 import cloneDeep from 'lodash.clonedeep';
 import { Tool } from '@/types/pb/Tool';
 import { Configuration } from '@/types/pb/Configuration';
 import { Estimate } from '@/types/pb/Estimate';
-import { Task } from '@/types/pb/Task';
 import PbMediaUpload from '@/components/media/upload/PbMediaUpload.vue';
 import DOCUMENT_UPLOAD_PAYLOAD from '@/components/media/upload/document-upload-payload.json';
 
@@ -807,7 +774,6 @@ export default defineComponent({
     PbMOpinion,
     PbProjectAttributes,
     PbRestitution,
-    PbTasksPreview,
     PbConsent,
   },
 
@@ -869,7 +835,6 @@ export default defineComponent({
     clickedConfiguration: null as unknown as Configuration,
     showMoreButtonAnimationDelay: 0,
     BACK_ICON,
-    TASK_MODEL,
     DOCUMENT_UPLOAD_PAYLOAD,
     displayCategoriesDialog: false,
   }),
@@ -920,14 +885,6 @@ export default defineComponent({
       toolsLoadError: 'getToolsLoadError',
     }),
 
-    ...mapGetters('tasks', {
-      isPlannerDisplayed: 'isDisplayed',
-      tasks: 'getTasks',
-      tasksLoaded: 'areTasksLoaded',
-      tasksCount: 'getTasksCount',
-      plannerError: 'getPlannerError',
-    }),
-
     ...mapGetters('configurations', {
       isConfigurationsDisplayed: 'isDisplayed',
       isImportingConfiguration: 'isImportingConfiguration',
@@ -1179,10 +1136,6 @@ export default defineComponent({
       this.$router.push({ name: 'PbDocuments', params: { projectId: this.project.id } });
     },
 
-    createTask() {
-      this.$refs.PbTasksList.openCreateDialog();
-    },
-
     deleteProject() {
       this.showDeleteDialog = false;
       this.$store.dispatch('projects/deleteProject', this.project.id);
@@ -1228,46 +1181,6 @@ export default defineComponent({
       return true;
     },
 
-    handleShowTaskDetails(task: Task) {
-      setTimeout(() => {
-        this.$store.dispatch('sendEventToBus', {
-          code: 'taskDetailsDisplayed',
-          payload: { origin: 'projectSpace', task: task },
-        });
-      }, 500);
-      this.$router.push({ path: `/projects/${this.project.id}/planner`, query: { display: task.id } });
-    },
-
-    handleCreateTask() {
-      this.$store.dispatch('sendEventToBus', { code: 'taskCreationRequested', payload: { origin: 'projectSpace' } });
-      this.$router.push({ path: `/projects/${this.project.id}/planner`, query: { create: 'true' } });
-    },
-
-    handleViewTasks(event: Event) {
-      this.$store.dispatch('sendEventToBus', { code: 'goToTasks', payload: { origin: 'projectSpace', ...event } });
-      this.$router.push({ name: 'Planner', params: { projectId: this.project.id } });
-    },
-
-    async handleCompleteTask({ task }: { task: Task }) {
-      const taskToSave = cloneDeep(task);
-      taskToSave.state.done = true;
-      await this.saveTask(taskToSave);
-      this.$store.dispatch('sendEventToBus', {
-        code: 'taskCompleted',
-        payload: { origin: 'projectSpace', task: taskToSave },
-      });
-    },
-
-    async saveTask(task: Task) {
-      /**
-       * Emitted when a task is updated
-       * @event update-task
-       * @type {Event}
-       */
-      this.$emit('updateTask', task);
-      await this.$store.dispatch('tasks/updateTask', task);
-    },
-
     handleShowImportConfigurationDialog() {
       this.$store.dispatch('sendEventToBus', { code: 'importConfigurationRequested', payload: {} });
       this.showImportConfigurationDialog = true;
@@ -1363,14 +1276,6 @@ $appear-duration: 100ms;
     width: 100%;
   }
 
-  &__planner {
-    width: 100%;
-
-    &-section {
-      min-height: 140px;
-    }
-  }
-
   @include set-from-screen($responsive-breakpoint) {
     padding: 0 $mu200 $mu250 $mu200;
   }
@@ -1569,30 +1474,6 @@ $appear-duration: 100ms;
     }
   }
 
-  // Override tasks list styles
-  & :deep(.pb-tasks-list) {
-    padding: 0;
-  }
-
-  & :deep(.pb-tasks-list__header),
-  & :deep(.pb-tasks-list__add-button) {
-    padding-bottom: $mu100;
-    padding-top: 0;
-  }
-
-  & :deep(.pb-tasks-list__category) {
-    padding: 0;
-  }
-
-  & :deep(.pb-tasks-list__category-done-button),
-  & :deep(.pb-tasks-list__category-done-label) {
-    width: 100% !important;
-
-    @include set-from-screen($responsive-breakpoint) {
-      width: auto !important;
-    }
-  }
-
   &__action-dialog {
     & :deep(.m-dialog) {
       margin: 0 auto;

package/src/services/api/mocks/jsons/products.json

@@ -103,20 +103,6 @@
           "saleUnit": "NIU"
         }
       },
-      {
-        "type": "ProjectPlannerCardContent",
-        "url": "https://www.leroymerlin.fr/services/location/location-de-materiel/location-de-ponceuse-a-parquet-largeur-200-mm.html",
-        "id": "3pHvSN3RLLzWgh096jdOPa",
-        "label": "Location de ponceuse à parquet, largeur 200 mm",
-        "imageUrl": "https://images.ctfassets.net/8q8qvv8j6cpk/5wjwoolRFph2eBPDgAnNS0/2c5ed62e76219d97e9ce31406d6e0b7e/jpeg.jfif",
-        "pricing": {
-          "currency": "EUR",
-          "price": 325,
-          "pricePerCapacityUnit": 34.9,
-          "capacityUnit": "PCE",
-          "saleUnit": "NIU"
-        }
-      },
       {
         "type": "SERVICE",
         "id": "490000000",

package/src/stores/state.ts

@@ -4,7 +4,6 @@ import { ConsentState } from '@/stores/modules/consentStore';
 import { EstimatesState } from '@/stores/modules/estimatesStore';
 import { InhabitantsState } from '@/stores/modules/inhabitantsStore';
 import { MetaDataState } from '@/stores/modules/metaDataStore';
-import { PlannerState } from '@/stores/modules/plannerStore';
 import { ProjectsState } from '@/stores/modules/projectsStore';
 import { ToolsState } from '@/stores/modules/toolsStore';
 import { ProductState } from './modules/productsStore';
@@ -17,7 +16,6 @@ export interface State {
   estimates: EstimatesState;
   inhabitants: InhabitantsState;
   metaData: MetaDataState;
-  tasks: PlannerState;
   projects: ProjectsState;
   tools: ToolsState;
   products: ProductState;

package/src/stores/store.ts

@@ -3,7 +3,6 @@ import configurationsStore from './modules/configurationsStore';
 import estimatesStore from './modules/estimatesStore';
 import inhabitantsStore from './modules/inhabitantsStore';
 import metadataStore from './modules/metaDataStore';
-import plannerStore from './modules/plannerStore';
 import projectsStore from './modules/projectsStore';
 import toolsStore from './modules/toolsStore';
 import documentsStore from './modules/documentsStore';
@@ -22,7 +21,6 @@ export default {
     inhabitants: inhabitantsStore,
     metaData: metadataStore,
     projects: projectsStore,
-    tasks: plannerStore,
     tools: toolsStore,
     documents: cloneDeep(documentsStore),
     documentsPlans: cloneDeep(documentsStore),

package/src/components/projects/project-hub/PbProjectHub-Features-Planner.stories.mdx

@@ -1,120 +0,0 @@
-import { Story, Meta, Canvas } from '@storybook/addon-docs';
-import { nestedAppDecorator } from '../../../../.storybook/nested-app-decorator';
-import PbProjectHub from './PbProjectHub';
-import PbTasksPage from '../../../components/tasks/PbTasksPage';
-import store from '../../../stores/store';
-import { rest } from 'msw';
-import { getProjectByIdResolver } from '../../../services/api/mocks/projectsMock';
-import TASK_TO_CREATE_MODEL from '../../../components/tasks/task-to-create-generic-planner.json';
-
-<Meta
-  title="Project Booster/Components/Projects/PbProjectHub 🦠/Features/Planner"
-  component={PbProjectHub}
-  parameters={{
-    layout: 'fullscreen',
-  }}
-  decorators={[
-    nestedAppDecorator(store, [
-      {
-        name: 'ProjectHub',
-        path: '/',
-        component: PbProjectHub,
-        beforeEnter: async (to, from, next, store) => {
-          store.dispatch('projects/loadProject', '001');
-          next();
-        },
-      },
-      {
-        name: 'Planner',
-        path: '/projects/:projectId?/planner',
-        component: PbTasksPage,
-        props: {
-          title: 'Les étapes de votre projet',
-          taskToCreateModel: TASK_TO_CREATE_MODEL,
-        },
-        beforeEnter: async (to, from, next, store) => {
-          store.dispatch('projects/loadProject', '001');
-          store.dispatch('tasks/loadPlanner', { projectId: '001', buId: 'bu-dev-planner' });
-          next();
-        },
-      },
-    ]),
-  ]}
-/>
-
-# 🦠 `PbProjectHub` - Component
-
-The `PbProjectHub` component to access your project.
-
-## Showcase
-
-<Canvas>
-  <Story
-    name="Showcase"
-    parameters={{
-      controls: { disable: true },
-      msw: [rest.get('/api/inhabitant-projects/:projectId', getProjectByIdResolver)],
-    }}
-    height="100vh"
-  >
-    {{
-      created() {
-        this.$store.dispatch('tasks/loadPlanner', { projectId: '001', buId: 'bu-dev-planner' });
-      },
-      template: `  <div style="margin: 0 auto;min-height: 100vh;width: 100%;max-width: 960px;">
-                      <router-view v-slot="{ Component }">
-                        <component :is="Component" :key="$route.fullPath" />
-                      </router-view>
-                  </div>`,
-    }}
-  </Story>
-</Canvas>
-
-## Showcase empty state
-
-<Canvas>
-  <Story
-    name="Showcase empty state"
-    parameters={{
-      controls: { disable: true },
-      msw: [rest.get('/api/inhabitant-projects/:projectId', getProjectByIdResolver)],
-    }}
-    height="100vh"
-  >
-    {{
-      created() {
-        this.$store.dispatch('tasks/loadPlanner', { projectId: 'EMPTY', buId: 'bu-dev-planner' });
-      },
-      template: `  <div style="margin: 0 auto;min-height: 100vh;width: 100%;max-width: 960px;">
-                      <router-view v-slot="{ Component }">
-                        <component :is="Component" :key="$route.fullPath" />
-                      </router-view>
-                  </div>`,
-    }}
-  </Story>
-</Canvas>
-
-## Showcase with error
-
-<Canvas>
-  <Story
-    name="Showcase with tasks load error"
-    parameters={{
-      controls: { disable: true },
-      msw: [rest.get('/api/inhabitant-projects/:projectId', getProjectByIdResolver)],
-      storyshots: { disable: true },
-    }}
-    height="100vh"
-  >
-    {{
-      created() {
-        this.$store.dispatch('tasks/loadPlanner', { projectId: 'NON_EXIST', buId: 'bu-dev-planner' });
-      },
-      template: `  <div style="margin: 0 auto;min-height: 100vh;width: 100%;max-width: 960px;">
-                      <router-view v-slot="{ Component }">
-                        <component :is="Component" :key="$route.fullPath" />
-                      </router-view>
-                  </div>`,
-    }}
-  </Story>
-</Canvas>