French localization and suggestedActionBorderRadius style option

packages/component/src/Localization/fr-FR.js

@@ -1,16 +1,41 @@
+function xMinutesAgo(date) {
+    const now = Date.now();
+    const deltaInMs = now - new Date(date).getTime();
+    const deltaInMinutes = Math.floor(deltaInMs / 60000);
+    const deltaInHours = Math.floor(deltaInMs / 3600000);
+
+    if (deltaInMinutes < 1) {
+        return "À l'instant";
+    } else if (deltaInMinutes === 1) {
+        return 'Il y a une minute';
+    } else if (deltaInHours < 1) {
+        return `Il y a ${ deltaInMinutes } minutes`;
+    } else if (deltaInHours === 1) {
+        return `Il y a une heure`;
+    } else if (deltaInHours < 5) {
+        return `Il y a ${ deltaInHours } heures`;
+    } else if (deltaInHours <= 24) {
+        return `Aujourd'hui`;
+    } else if (deltaInHours <= 48) {
+        return `Hier`;
+    } else {
+        return new Intl.DateTimeFormat('fr-FR').format(date);
+    }
+}
+
 export default {
-  'Chat': 'Chat',
-  'Listening…': 'Écoute…',
-  'retry': 'réessayer',
-  'Send failed, {retry}': 'envoi impossible, {retry}',
-  'Send': 'Envoyer',
-  'Sending': 'envoi',
-  // 'Speak': '',
-  // 'Starting…': '',
-  'Tax': 'Taxe',
-  'Total': 'Total',
-  'Type your message': 'Écrivez votre message',
-  // 'Upload file': '',
-  'VAT': 'TVA'
-  // 'X minutes ago':
+    'Chat': 'Chat',
+    'Listening…': 'Écoute…',
+    'retry': 'réessayer',
+    'Send failed, {retry}': 'envoi impossible, {retry}',
+    'Send': 'Envoyer',
+    'Sending': 'envoi',
+    'Speak': 'Parlez',
+    'Starting…': 'Démarrage…',
+    'Tax': 'Taxe',
+    'Total': 'Total',
+    'Type your message': 'Écrivez votre message',
+    'Upload file': 'Envoyer fichier',
+    'VAT': 'TVA',
+    'X minutes ago': xMinutesAgo
 }

packages/component/src/Styles/StyleSet/SuggestedAction.js

@@ -5,6 +5,7 @@ export default function createSuggestedActionStyle({
   paddingWide,
   suggestedActionBackground,
   suggestedActionBorder,
+  suggestedActionBorderRadius,
   suggestedActionTextColor,
   suggestedActionDisabledBackground,
   suggestedActionDisabledBorder,
@@ -28,12 +29,14 @@ export default function createSuggestedActionStyle({
       '&:disabled': {
         background: suggestedActionDisabledBackground,
         border: suggestedActionDisabledBorder,
+        borderRadius: suggestedActionBorderRadius,
         color: suggestedActionDisabledTextColor
       },
 
       '&:not(:disabled)': {
         background: suggestedActionBackground,
         border: suggestedActionBorder,
+        borderRadius: suggestedActionBorderRadius,
         color: suggestedActionTextColor,
         cursor: 'pointer'
       }

packages/component/src/Styles/defaultStyleSetOptions.js

@@ -42,6 +42,7 @@ const DEFAULT_OPTIONS = {
 
   suggestedActionBackground: 'White',
   suggestedActionBorder: `solid 2px ${ DEFAULT_ACCENT }`,
+  suggestedActionBorderRadius: 0,
   suggestedActionTextColor: DEFAULT_ACCENT,
   suggestedActionDisabledBackground: 'White',
   suggestedActionDisabledBorder: `solid 2px #E6E6E6`,