Merge pull request #657 from AppQuality/develop

master-release-2023-11-09

Author: cannarocks

package.json

@@ -3,7 +3,7 @@
   "version": "1.4.0",
   "private": true,
   "dependencies": {
-    "@appquality/unguess-design-system": "3.1.47",
+    "@appquality/unguess-design-system": "3.1.49",
     "@headwayapp/react-widget": "^0.0.4",
     "@reduxjs/toolkit": "^1.8.0",
     "@rtk-query/codegen-openapi": "^1.0.0-alpha.1",

src/common/components/inviteUsers/modalFooter.tsx

@@ -20,12 +20,14 @@ export const PermissionSettingsFooter = () => {
   const { t } = useTranslation();
   const { addToast } = useToast();
 
+  const url = new URL(window.location.href);
+
   return (
     <FooterWithBorder>
       <Button
         isBasic
         onClick={() => {
-          navigator.clipboard.writeText(window.location.href);
+          navigator.clipboard.writeText(`${url.origin}${url.pathname}`);
           addToast(
             ({ close }) => (
               <Notification

src/common/components/inviteUsers/userItem.tsx

@@ -58,7 +58,7 @@ export const UserItem = ({
   return (
     <>
       <UserListItem key={`profile_${user.profile_id}`}>
-        <Avatar avatarType="text">
+        <Avatar avatarType="text" style={{ flexShrink: 0 }}>
           {getInitials(user.name.length ? user.name : user.email)}
         </Avatar>
         <div>

src/common/components/navigation/sidebar/index.tsx

@@ -169,6 +169,7 @@ export const AppSidebar = (props: PropsWithChildren<SidebarProps>) => {
                     onClick={() =>
                       navigateTo('projects', project.id.toString())
                     }
+                    style={{ alignItems: 'flex-start' }}
                   >
                     <NavItemProject.Title title={project.name}>
                       {project.name}

src/features/api/index.ts

@@ -745,6 +745,7 @@ export type GetCampaignsByCidUxApiResponse = /** status 200 OK */ {
     video?: {
       url: string;
       streamUrl: string;
+      poster?: string;
       start: number;
       end: number;
       description?: string;

src/locales/en/translation.json

@@ -213,10 +213,10 @@
   "__BUGS_UNIQUE_FILTER_ITEM_UNIQUE": "Unique only",
   "__BUGS_USECASES_FILTER_ITEM_NO_ITEMS": "Use Case",
   "__CAMPAIGN_CARD_EMPTY_TITLE_LABEL": "Untitled",
-  "__CAMPAIGN_EXP_WIDGET_SENTIMENT_CARD_DESCRIPTION": "Here you can find the evolution of user sentiments through the Use Cases, evaluated on this scale:",
-  "__CAMPAIGN_EXP_WIDGET_SENTIMENT_CARD_PRE_TITLE": "What this graph shows",
-  "__CAMPAIGN_EXP_WIDGET_SENTIMENT_CARD_TITLE": "Identify the most critical Use Cases",
-  "__CAMPAIGN_EXP_WIDGET_SENTIMENT_HEADER": "Users' sentiments during the test",
+  "__CAMPAIGN_EXP_WIDGET_SENTIMENT_CARD_DESCRIPTION": "Here you can see the users’ sentiments throughout the Use Cases, evaluated on this rating scale:",
+  "__CAMPAIGN_EXP_WIDGET_SENTIMENT_CARD_PRE_TITLE": "About this chart",
+  "__CAMPAIGN_EXP_WIDGET_SENTIMENT_CARD_TITLE": "The most critical Use Cases at a glance",
+  "__CAMPAIGN_EXP_WIDGET_SENTIMENT_HEADER": "Sentiments during the test",
   "__CAMPAIGN_EXP_WIDGET_SENTIMENT_LIST_DESCRIPTION": "Identify the most critical Use Cases and the most appreciated ones. The list is ordered by the most critical",
   "__CAMPAIGN_EXP_WIDGET_SENTIMENT_LIST_ITEM_VAL_1": "Very negative",
   "__CAMPAIGN_EXP_WIDGET_SENTIMENT_LIST_ITEM_VAL_2": "Negative",
@@ -229,7 +229,7 @@
   "__CAMPAIGN_PAGE_BUTTON_DETAIL_BUG": "Go to bug list",
   "__CAMPAIGN_PAGE_DEVICE_AND_BUG_TYPES_SECTION_SUBTITLE": "Check all the isolated bugs organized for devices and OS plus all the bug typologies",
   "__CAMPAIGN_PAGE_DEVICE_AND_BUG_TYPES_SECTION_TITLE": "Devices and bug types",
-  "__CAMPAIGN_PAGE_EXP_OVERVIEW_SECTION_SUBTITLE": "How was the overall user experience with the product",
+  "__CAMPAIGN_PAGE_EXP_OVERVIEW_SECTION_SUBTITLE": "The overall user experience with the product",
   "__CAMPAIGN_PAGE_EXP_OVERVIEW_SECTION_TITLE": "Overview",
   "__CAMPAIGN_PAGE_GOAL_CARD_PRE_LABEL": "Campaign's goal",
   "__CAMPAIGN_PAGE_GOAL_CARD_TITLE": "The beginning of the test",
@@ -251,19 +251,19 @@
   "__CAMPAIGN_PAGE_INSIGHTS_SECTION_COMMENT_CARD_EDITOR_CANCEL": "Cancel",
   "__CAMPAIGN_PAGE_INSIGHTS_SECTION_COMMENT_CARD_EDITOR_SAVE": "Save",
   "__CAMPAIGN_PAGE_INSIGHTS_SECTION_COMMENT_CARD_PLACEHOLDER": "Click on edit button to edit",
-  "__CAMPAIGN_PAGE_INSIGHTS_SECTION_COMMENT_CARD_PLACEHOLDER_EMPTY_TEXTAREA": "Add your notes...",
+  "__CAMPAIGN_PAGE_INSIGHTS_SECTION_COMMENT_CARD_PLACEHOLDER_EMPTY_TEXTAREA": "This is a space to take notes. Choose “Edit” and start writing.",
   "__CAMPAIGN_PAGE_INSIGHTS_SECTION_COMMENT_CARD_TITLE": "Notes",
-  "__CAMPAIGN_PAGE_INSIGHTS_SECTION_SUBTITLE": "What we have discovered and understood from the user experience",
-  "__CAMPAIGN_PAGE_INSIGHTS_SECTION_TITLE": "Insights",
+  "__CAMPAIGN_PAGE_INSIGHTS_SECTION_SUBTITLE": "The major results and findings on user experience",
+  "__CAMPAIGN_PAGE_INSIGHTS_SECTION_TITLE": "Key points",
   "__CAMPAIGN_PAGE_INSIGHTS_SHOW_LESS_LABEL": "Show less",
-  "__CAMPAIGN_PAGE_INSIGHTS_SHOW_MORE_LABEL_one": "Show more highlights <2>({{video_count}})</2>",
-  "__CAMPAIGN_PAGE_INSIGHTS_SHOW_MORE_LABEL_other": "Show more highlights <2>({{video_count}})</2>",
+  "__CAMPAIGN_PAGE_INSIGHTS_SHOW_MORE_LABEL_one": "View more highlights <2>({{video_count}})</2>",
+  "__CAMPAIGN_PAGE_INSIGHTS_SHOW_MORE_LABEL_other": "View more highlights <2>({{video_count}})</2>",
   "__CAMPAIGN_PAGE_INSIGHTS_VIDEO_PART_NUMBER_LABEL": "Highlight {{index}} of {{video_count}}",
   "__CAMPAIGN_PAGE_METHODOLOGY_CARD_INVOLVED_USERS_LABEL": "INVOLVED USERS",
   "__CAMPAIGN_PAGE_METHODOLOGY_CARD_TEST_TYPOLOGY_LABEL": "TEST TYPOLOGY",
   "__CAMPAIGN_PAGE_METHODOLOGY_CARD_TITLE": "The methodology used",
-  "__CAMPAIGN_PAGE_METHODOLOGY_SECTION_SUBTITLE": "What we wanted to find out with this test and what methodology we used to do it",
-  "__CAMPAIGN_PAGE_METHODOLOGY_SECTION_TITLE": "About campaign",
+  "__CAMPAIGN_PAGE_METHODOLOGY_SECTION_SUBTITLE": "The purpose of this test and the methodology we used",
+  "__CAMPAIGN_PAGE_METHODOLOGY_SECTION_TITLE": "Campaign",
   "__CAMPAIGN_PAGE_METHODOLOGY_SERVICES_LINK": "Discover other services",
   "__CAMPAIGN_PAGE_METHODOLOGY_SHOW_LESS": "Show less",
   "__CAMPAIGN_PAGE_METHODOLOGY_SHOW_MORE": "Show more",
@@ -279,9 +279,9 @@
   "__CAMPAIGN_PAGE_NAVIGATION_BUG_ITEM_DETAILS_UNIQUE_BUGS_LABEL": "Unique bugs distribution",
   "__CAMPAIGN_PAGE_NAVIGATION_BUG_ITEM_OTHER_REPORTS_LABEL": "Reports & attachments",
   "__CAMPAIGN_PAGE_NAVIGATION_BUG_ITEM_OVERVIEW_LABEL": "Overview",
-  "__CAMPAIGN_PAGE_NAVIGATION_MEDIA_GROUP_INSIGHTS_LABEL": "SUMMARY",
-  "__CAMPAIGN_PAGE_NAVIGATION_MEDIA_ITEM_INSIGHTS_LABEL": "Main points",
-  "__CAMPAIGN_PAGE_NAVIGATION_MEDIA_ITEM_METHODOLOGY_LABEL": "About campaign",
+  "__CAMPAIGN_PAGE_NAVIGATION_MEDIA_GROUP_INSIGHTS_LABEL": "IN SUMMARY",
+  "__CAMPAIGN_PAGE_NAVIGATION_MEDIA_ITEM_INSIGHTS_LABEL": "Key points",
+  "__CAMPAIGN_PAGE_NAVIGATION_MEDIA_ITEM_METHODOLOGY_LABEL": "Campaign",
   "__CAMPAIGN_PAGE_NAVIGATION_MEDIA_ITEM_OVERVIEW_LABEL": "Overview",
   "__CAMPAIGN_PAGE_REPORTS_CARDS_DOWNLOAD_LABEL": "Download now",
   "__CAMPAIGN_PAGE_REPORTS_CARDS_OPEN_LINK_LABEL": "Open link",
@@ -300,7 +300,7 @@
   "__CAMPAIGN_PAGE_REPORTS_FILE_TYPE_PRESENTATION": "Slide deck",
   "__CAMPAIGN_PAGE_REPORTS_GENERATE_REPORT_CARD_BUTTON_LABEL": "Download",
   "__CAMPAIGN_PAGE_REPORTS_GENERATE_REPORT_CARD_META": "Bugs Report",
-  "__CAMPAIGN_PAGE_REPORTS_TITLE": "Reports and attachments",
+  "__CAMPAIGN_PAGE_REPORTS_TITLE": "Reports & attachments",
   "__CAMPAIGN_PAGE_UNIQUE_BUGS_SECTION_SUBTITLE": "Check all the isolated bugs organized for Use Cases and don't miss any incoming bugs",
   "__CAMPAIGN_PAGE_UNIQUE_BUGS_SECTION_TITLE": "Unique Bugs distribution",
   "__CAMPAIGN_PAGE_UNIQUE_BUGS_TITLE": "Unique bugs",
@@ -383,7 +383,7 @@
   "__CAMPAIGNS_TABLE_COLUMN_STATUS_PROGRESS": "Progress",
   "__CAMPAIGNS_TABLE_COLUMN_TEST_TYPE": "Test Type",
   "__CATALOG_DETAIL_STICKY_CONTAINER_ABOUT_HOW_ITEM": "How does it work",
-  "__CATALOG_DETAIL_STICKY_CONTAINER_ABOUT_TITLE": "ABOUT THE CAMPAIGN",
+  "__CATALOG_DETAIL_STICKY_CONTAINER_ABOUT_TITLE": "CAMPAIGN",
   "__CATALOG_DETAIL_STICKY_CONTAINER_ABOUT_WHAT_ITEM": "What you get",
   "__CATALOG_DETAIL_STICKY_CONTAINER_ABOUT_WHY_ITEM": "Why to choose this campaign",
   "__CATALOG_DETAIL_STICKY_CONTAINER_REQUIREMENTS_TITLE": "BEFORE STARTING",

src/locales/it/translation.json

@@ -239,7 +239,7 @@
   "__CAMPAIGN_PAGE_INFO_HEADER_PLATFORM_TABLET": "Tablet",
   "__CAMPAIGN_PAGE_INFO_HEADER_PLATFORM_TV": "TV",
   "__CAMPAIGN_PAGE_INFO_HEADER_TEST_TIMING": "Durata test",
-  "__CAMPAIGN_PAGE_INSIGHT_COMMENT_SHOW_LESS": "Leggi di più",
+  "__CAMPAIGN_PAGE_INSIGHT_COMMENT_SHOW_LESS": "Vedi meno",
   "__CAMPAIGN_PAGE_INSIGHT_COMMENT_SHOW_MORE": "Mostra meno",
   "__CAMPAIGN_PAGE_INSIGHTS_ALL_CLUSTERS": "Generale",
   "__CAMPAIGN_PAGE_INSIGHTS_LIGHTBOX_DETAILS_LINKED_INSIGHT_LABEL": "Scoperta collegata",
@@ -251,7 +251,7 @@
   "__CAMPAIGN_PAGE_INSIGHTS_SECTION_COMMENT_CARD_EDITOR_CANCEL": "Annulla",
   "__CAMPAIGN_PAGE_INSIGHTS_SECTION_COMMENT_CARD_EDITOR_SAVE": "Salva",
   "__CAMPAIGN_PAGE_INSIGHTS_SECTION_COMMENT_CARD_PLACEHOLDER": "Clicca sul bottone di modifica per editare",
-  "__CAMPAIGN_PAGE_INSIGHTS_SECTION_COMMENT_CARD_PLACEHOLDER_EMPTY_TEXTAREA": "Aggiungi i tuoi appunti...",
+  "__CAMPAIGN_PAGE_INSIGHTS_SECTION_COMMENT_CARD_PLACEHOLDER_EMPTY_TEXTAREA": "Questo è uno spazio per prendere appunti. Vai su “Modifica” per cominciare a scrivere.",
   "__CAMPAIGN_PAGE_INSIGHTS_SECTION_COMMENT_CARD_TITLE": "Note",
   "__CAMPAIGN_PAGE_INSIGHTS_SECTION_SUBTITLE": "Cosa abbiamo scoperto dell’esperienza utente",
   "__CAMPAIGN_PAGE_INSIGHTS_SECTION_TITLE": "Punti principali",
@@ -277,7 +277,7 @@
   "__CAMPAIGN_PAGE_NAVIGATION_BUG_GROUP_OTHER_LABEL": "NEL DETTAGLIO",
   "__CAMPAIGN_PAGE_NAVIGATION_BUG_ITEM_DETAILS_DEVICES_LABEL": "Dispositivi e tipologie bug",
   "__CAMPAIGN_PAGE_NAVIGATION_BUG_ITEM_DETAILS_UNIQUE_BUGS_LABEL": "Distribuzione bug unici",
-  "__CAMPAIGN_PAGE_NAVIGATION_BUG_ITEM_OTHER_REPORTS_LABEL": "Report e documenti",
+  "__CAMPAIGN_PAGE_NAVIGATION_BUG_ITEM_OTHER_REPORTS_LABEL": "Report & documenti",
   "__CAMPAIGN_PAGE_NAVIGATION_BUG_ITEM_OVERVIEW_LABEL": "Panoramica",
   "__CAMPAIGN_PAGE_NAVIGATION_MEDIA_GROUP_INSIGHTS_LABEL": "IN SINTESI",
   "__CAMPAIGN_PAGE_NAVIGATION_MEDIA_ITEM_INSIGHTS_LABEL": "Punti principali",
@@ -287,7 +287,7 @@
   "__CAMPAIGN_PAGE_REPORTS_CARDS_OPEN_LINK_LABEL": "Apri link",
   "__CAMPAIGN_PAGE_REPORTS_CARDS_UPDATED_ON_LABEL": "Ultima modifica",
   "__CAMPAIGN_PAGE_REPORTS_CARDS_UPLOADED_ON_LABEL": "Caricato il",
-  "__CAMPAIGN_PAGE_REPORTS_DESCRIPTION": "Qui puoi trovare la documentazione completa collegata al test",
+  "__CAMPAIGN_PAGE_REPORTS_DESCRIPTION": "Qui puoi trovare la documentazione completa del test",
   "__CAMPAIGN_PAGE_REPORTS_EMPTY_REPORTS_TEXT": "Qui troverai informazioni sulla tua campagna, quando sarà finita. \nSei hai dubbi o domande, contatta il tuo CSM.",
   "__CAMPAIGN_PAGE_REPORTS_EMPTY_REPORTS_TITLE": "Non ci sono ancora contenuti",
   "__CAMPAIGN_PAGE_REPORTS_FILE_TYPE_ARCHIVE": "Archivio",
@@ -300,7 +300,7 @@
   "__CAMPAIGN_PAGE_REPORTS_FILE_TYPE_PRESENTATION": "Presentazione",
   "__CAMPAIGN_PAGE_REPORTS_GENERATE_REPORT_CARD_BUTTON_LABEL": "Scarica",
   "__CAMPAIGN_PAGE_REPORTS_GENERATE_REPORT_CARD_META": "Report Bug",
-  "__CAMPAIGN_PAGE_REPORTS_TITLE": "Report e documenti",
+  "__CAMPAIGN_PAGE_REPORTS_TITLE": "Report & documenti",
   "__CAMPAIGN_PAGE_UNIQUE_BUGS_SECTION_SUBTITLE": "Controlla i bug unici divisi per Use Case e non perderti nessun bug in arrivo",
   "__CAMPAIGN_PAGE_UNIQUE_BUGS_SECTION_TITLE": "Distribuzione Bug Unici",
   "__CAMPAIGN_PAGE_UNIQUE_BUGS_TITLE": "Bug unici",
@@ -405,7 +405,7 @@
   "__CATALOG_PAGE_INFO_SERVICE_TITLE": "Non riesci a trovare quello che stavi cercando?",
   "__CATALOG_PAGE_TITLE": "Servizi",
   "__CATALOG_STICKY_CONTAINER_NAV_CATEGORIES_LABEL": "PER TIPOLOGIA",
-  "__CATALOG_STICKY_CONTAINER_NAV_EXTERNAL_LINK_LABEL": "Scopri i servizi",
+  "__CATALOG_STICKY_CONTAINER_NAV_EXTERNAL_LINK_LABEL": "Scopri tutti i servizi",
   "__DASHABOARD_CAMPAIGN_CAMPAIGN_TYPE_FILTER_LABEL Max:10": "Tipo",
   "__DASHABOARD_CAMPAIGN_STATUS_FILTER_ALL": "Tutte",
   "__DASHABOARD_CAMPAIGN_STATUS_FILTER_COMPLETED": "Completate",

src/pages/Campaign/CampaignPage.tsx

@@ -1,4 +1,4 @@
-import { Grid, Row } from '@appquality/unguess-design-system';
+import { Col, Grid, Row } from '@appquality/unguess-design-system';
 import { useEffect } from 'react';
 import { useLocation, useNavigate, useParams } from 'react-router-dom';
 import { useAppDispatch } from 'src/app/hooks';
@@ -80,7 +80,9 @@ const CampaignPage = ({ children }: { children: React.ReactNode }) => {
     >
       <LayoutWrapper>
         <Grid>
-          <Row>{children}</Row>
+          <Row>
+            <Col>{children}</Col>
+          </Row>
         </Grid>
       </LayoutWrapper>
     </Page>

src/pages/Campaign/useWidgets/Experience/widgets/General/index.tsx

@@ -1,5 +1,5 @@
 import { Campaign } from 'src/features/api';
-import { Col, Row } from '@appquality/unguess-design-system';
+import { Col, Grid, Row } from '@appquality/unguess-design-system';
 import { SectionTitle } from 'src/pages/Campaign/SectionTitle';
 import { Divider } from 'src/common/components/divider';
 import { appTheme } from 'src/app/theme';
@@ -32,7 +32,7 @@ export const CampaignInfo = ({
   const { t } = useTranslation();
 
   return (
-    <div style={{ marginBottom: appTheme.space.xxl }} id={id}>
+    <Grid style={{ marginBottom: appTheme.space.xxl }} id={id}>
       <Row>
         <Col xs={12} style={{ margin: 0 }}>
           <SectionTitle
@@ -50,6 +50,6 @@ export const CampaignInfo = ({
           <Methodology campaignId={campaign.id} isPreview={isPreview} />
         </div>
       </StyledRow>
-    </div>
+    </Grid>
   );
 };

src/pages/Campaign/useWidgets/Experience/widgets/Insights/HighlightCard.tsx

@@ -61,6 +61,7 @@ const HighlightCard = ({
   videoCount,
   index,
   insight,
+  poster,
   onClick,
 }: {
   video: NonNullable<
@@ -69,6 +70,7 @@ const HighlightCard = ({
   videoCount: number;
   index: number;
   insight: NonNullable<GetCampaignsByCidUxApiResponse['findings']>[number];
+  poster?: string;
   onClick?: () => void;
 }) => {
   const { t } = useTranslation();
@@ -78,18 +80,27 @@ const HighlightCard = ({
       <SpecialCard.Header>
         <CardThumb>
           <VideoPlayIcon />
-          <Player>
-            <video src={`${video.url}#t=0.5`}>
-              <track kind="captions" />
-            </video>
-          </Player>
+          {poster && poster !== '' ? (
+            <img src={poster} alt={video.description} />
+          ) : (
+            <Player>
+              <video src={`${video.url}#t=0.5`}>
+                <track kind="captions" />
+              </video>
+            </Player>
+          )}
         </CardThumb>
         <SpecialCard.Header.Label>
           <Trans i18nKey="__CAMPAIGN_PAGE_INSIGHTS_VIDEO_PART_NUMBER_LABEL">
             Highlight {{ index: index + 1 }} of {{ video_count: videoCount }}
           </Trans>
         </SpecialCard.Header.Label>
-        <SpecialCard.Header.Title>
+        <SpecialCard.Header.Title
+          style={{
+            whiteSpace: 'normal',
+            wordBreak: 'break-word',
+          }}
+        >
           {`”${video.description}”`}
         </SpecialCard.Header.Title>
       </SpecialCard.Header>