project-booster-vue 9.11.0 → 9.13.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-booster-vue",
-  "version": "9.11.0",
+  "version": "9.13.1",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -119,12 +119,12 @@
     "@typescript-eslint/parser": "4.18.0",
     "@vue/babel-preset-app": "4.5.13",
     "@vue/compat": "3.2.6",
-    "@vue/cli": "5.0.0-beta.7",
-    "@vue/cli-plugin-babel": "5.0.0-beta.7",
-    "@vue/cli-plugin-eslint": "5.0.0-beta.7",
-    "@vue/cli-plugin-typescript": "4.5.13",
+    "@vue/cli": "5.0.4",
+    "@vue/cli-plugin-babel": "5.0.4",
+    "@vue/cli-plugin-eslint": "5.0.4",
+    "@vue/cli-plugin-typescript": "5.0.4",
     "@vue/cli-plugin-unit-jest": "4.5.16",
-    "@vue/cli-service": "5.0.0-beta.7",
+    "@vue/cli-service": "5.0.4",
     "@vue/compiler-sfc": "3.2.31",
     "@vue/eslint-config-prettier": "6.0.0",
     "@vue/eslint-config-standard": "6.0.0",

package/src/components/mozaic/notifications/MNotification.stories.mdx

@@ -184,7 +184,22 @@ export const TemplateSandbox = (args, { argTypes }) => ({
           <m-notification title="success" type="success" />
           <m-notification title="warning" type="warning" />
           <m-notification title="danger" type="danger" />
-          <m-notification title="appointment" is-big />
+        </div>
+      `,
+    }}
+  </Story>
+</Canvas>
+
+## **isBig** prop
+
+<Canvas>
+  <Story name="Showcase - Is big" parameters={{ controls: { disable: true } }}>
+    {{
+      components: { MNotification },
+      template: `
+        <div style="display: flex;flex-direction: column;gap: 1rem;">
+          <m-notification title="Normal" text="Some text" type="information" link-label="The lnk label" link-href="#"/>
+          <m-notification title="Big" text="Some text" type="information" link-label="The lnk label" link-href="#" is-big />
         </div>
       `,
     }}

package/src/components/mozaic/notifications/MNotification.vue

@@ -252,10 +252,16 @@ $responsive-breakpoint: 'm';
 
     .mc-notification__message {
       @include set-font-scale('06', 's');
+
+      margin-top: $mu100;
     }
 
-    .mc-notification__link .mc-link__label {
-      @include set-font-scale('06', 's');
+    .mc-notification__link {
+      margin-top: $mu100;
+
+      .mc-link__label {
+        @include set-font-scale('06', 's');
+      }
     }
   }
 

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

@@ -220,7 +220,7 @@ The `PbProjectHub` component to access your project.
         rest.patch('/api/media/:mediaId', getMediumByIdResolver),
         rest.delete('/api/media/:mediaId', successResolver),
         rest.patch('/api/media/:mediaId', notContentResolver),
-        rest.get('/api/inhabitant-projects/:projectId/documents/', getDocumentsByInhabitantProjectIdResolver),
+        rest.get('/api/inhabitant-projects/:projectId/documents', getDocumentsByInhabitantProjectIdResolver),
         rest.get('/api/inhabitant-projects/:projectId/documents/:documentId', getDocumentByIdResolver),
         rest.delete('/api/inhabitant-projects/:projectId/documents/:documentId', successResolver),
         rest.get(
@@ -237,6 +237,10 @@ The `PbProjectHub` component to access your project.
   >
     {{
       components: { PbProjectHub },
+      mounted() {
+        this.$store.dispatch('media/updateContext', { type: 'MEDIA' });
+        this.$store.dispatch('documents/updateContext', { type: 'DOCUMENTS' });
+      },
       template: `  <div style="margin: 0 auto;min-height: 100vh;width: 100%;max-width: 1024px;">
                       <router-view v-slot="{ Component }">
                         <keep-alive include="PbProjectHub">
@@ -301,6 +305,8 @@ The `PbProjectHub` component to access your project.
     {{
       components: { PbProjectHub },
       mounted() {
+        this.$store.dispatch('media/updateContext', { type: 'MEDIA' });
+        this.$store.dispatch('documents/updateContext', { type: 'DOCUMENTS' });
         this.$router.push({
           name: 'ProjectHub',
           params: { projectId: 'EMPTY' },

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

@@ -84,7 +84,7 @@
                 <div class="pb-project-hub__section-title-container">
                   <div class="pb-project-hub__section-title">{{ titleDocument }}</div>
                   <pb-media-upload
-                    v-if="displayedDocuments && displayedDocuments.length > 0"
+                    v-if="!readOnly && displayedDocuments && displayedDocuments.length > 0"
                     storeModuleName="documents"
                     :payload="DOCUMENT_UPLOAD_PAYLOAD"
                     acceptedFileTypes="image jpeg, image png, image heif, image heic, image/heif-sequence, image/heic-sequence, application
@@ -130,7 +130,7 @@
                   </m-flexy>
                   <m-link
                     class="pb-project-hub__section-content-link"
-                    label="Gérer vos documents"
+                    label="Gérer les documents"
                     @click="$router.push({ name: 'PbDocuments' })"
                   />
                 </m-container>
@@ -258,7 +258,7 @@
                 'pb-project-hub__section--hidden': !(
                   (isLoadingConfigurations || configurations.length > 0 || !!configurationsLoadError) &&
                   !isLoadingTools &&
-                  tools &&
+                  (tools || readOnly) &&
                   configurators.length !== 0
                 ),
               }"
@@ -394,7 +394,7 @@
                 <div class="pb-project-hub__section-title-container">
                   <div class="pb-project-hub__section-title">{{ titlePhotoInspiration }}</div>
                   <pb-media-upload
-                    v-if="displayedInspirations && displayedInspirations.length > 0"
+                    v-if="!readOnly && displayedInspirations && displayedInspirations.length > 0"
                     storeModuleName="documents"
                     :payload="MEDIA_UPLOAD_PAYLOAD"
                     @media-uploaded="handleMediaUploaded"
@@ -442,7 +442,7 @@
                   </m-flexy>
                   <m-link
                     class="pb-project-hub__section-content-link"
-                    label="Gérer vos inspirations"
+                    label="Gérer les inspirations"
                     @click="$router.push({ name: 'PbInspirations' })"
                   />
                 </m-container>
@@ -1129,7 +1129,7 @@ export default defineComponent({
       })} à ${appointmentDate.toLocaleTimeString('fr-FR', { hour: '2-digit', minute: '2-digit' })}`;
       const appointmentTypeLabel = (<Record<string, string>>{
         KITCHEN_IN_STORE: 'en magasin',
-        KITCHEN_REMOTE: 'en visio-conférence',
+        KITCHEN_REMOTE: 'à distance',
       })[this.appointment.appointmentType];
       return `${prefix} le ${appointmenDateLabel} ${appointmentTypeLabel}`;
     },
@@ -1140,8 +1140,8 @@ export default defineComponent({
         : this.appointment.isPast
         ? 'Date du rendez-vous passée.'
         : this.appointment.appointmentType === 'KITCHEN_IN_STORE'
-        ? 'N’oubliez pas !'
-        : "Retrouvez le lien d'accès à la visio-conférence dans le mail qui vous est envoyé. \n" + 'N’oubliez pas !';
+        ? 'Si vous le souhaitez vous pourrez annuler le rendez-vous dans le mail qui vous a été envoyé.<br/>N’oubliez pas !'
+        : "Retrouvez le lien d'accès à la visio-conférence dans le mail qui vous a été envoyé.<br/>Si vous le souhaitez vous pourrez annuler le rendez-vous dans ce mail.<br/>N’oubliez pas !";
     },
 
     appointmentNotificationLinkLabel() {

package/src/services/api/appointmentQualificationsApi.ts

@@ -25,9 +25,10 @@ const getAppointmentQualification = async (
   groupId: string,
   appointmentId: string,
 ) => {
-  const url = inhabitantProjectId
-    ? `/appointment-qualifications?range=${start}-${end}&inhabitantProjectId=${inhabitantProjectId}`
-    : `/appointment-qualifications?range=${start}-${end}&groupId=${groupId}&appointmentId=${appointmentId}`;
+  let url = `/appointment-qualifications?range=${start}-${end}&groupId=${groupId}&appointmentId=${appointmentId}`;
+  if (inhabitantProjectId) {
+    url += `&inhabitantProjectId=${inhabitantProjectId}`;
+  }
   const response = await clientApi.get(url);
 
   return response.data;