fix(addons): warn Outlook users when custom add-ins are blocked

src/lib/locales/en.json

@@ -83,7 +83,8 @@
         "Thunderbird": "<ol><li>Download and save the file <a href=\"/downloads/postguard-tb-addon.xpi\" download><q>postguard-tb-addon.xpi</q></a> somewhere on your computer, where you can find it again easily. </li><li><p>Within Thunderbird:</p><ul><li>under the menu <q>Tools</q>, go to <q>Add-ons and Themes</q>,</li><li> click on the sign, after <q>Manage Your Extensions</q> and select <q>Install Add-on From File ...</q>, </li><li> a file selection window opens; go to the folder where you stored the file <q>postguard-tb-addon.xpi</q> and select it, </li><li> Thunderbird tells you what an add-on can do; when you wish to continue, click the <q>Add</q> button. </li></ul></li><li> Now, when you compose a new mail message, a new header is shown with a button to switch PostGuard on or off. When on, it will encrypt the message for all recipients. Each recipient needs to use the Yivi app to prove that (s)he really posesses the email address that you used. </li></ol>",
         "Outlook": "<ol><li><p>Adding the add-on:</p><ul><li><i>Note: PostGuard for Outlook only works in <q>New Outlook</q> and Outlook on the web. Classic Outlook is not supported.</i></li><li>Download the <a href=\"/downloads/postguard-outlook-manifest.xml\" download><q>manifest.xml</q></a> file and save it somewhere you can find it again.</li><li>Open <a href=\"https://aka.ms/olksideload\">aka.ms/olksideload</a> in your browser.</li><li>Click <q>My add-ins</q>.</li><li>Under <q>Custom Add-ins</q>, click <q>Add a custom add-in</q>, then <q>Add from file...</q>. <i>If you do not see this option, your organization probably does not allow custom add-ins to be installed. Please contact your administrator.</i></li><li>Select the <q>manifest.xml</q> file you just downloaded and confirm to install.</li></ul></li><li> Now, when you compose a new mail message, a new group is visible in the <q>Message</q> menu titled <q>PostGuard Add-in</q>. It contains only one button, called <q>Send encrypted Email</q>. When clicking, it will encrypt and send the message to all recipients. Each recipient needs to use the Yivi app to prove that (s)he really possesses the email address that you used. Also, a copy of the sent mail is stored in the folder <q>PostGuard Sent Items</q> as a draft email (currently, Microsoft only allows to create messages as a draft). </li><li> After receiving a PostGuard encrypted email, the email can be decrypted by clicking on the <q>Decrypt Email</q> button within the <q>PostGuard Add-in</q> group under the <q>Home</q> menu. </li></ol>",
         "instruction.header": "Install instructions",
-        "instruction.download": "Download for:"
+        "instruction.download": "Download for:",
+        "outlookWarning": "<strong>Heads up:</strong> some Outlook accounts (typically those provided by an organization) do not allow custom add-ins. If your account is one of them, the <q>Custom Add-ins</q> section described below will be missing from <a href=\"https://aka.ms/olksideload\">aka.ms/olksideload</a> and PostGuard for Outlook cannot be installed. Please contact your administrator, or use PostGuard for Thunderbird or the web app instead."
     },
     "fallback": {
         "extensionPrompt": "Want to decrypt emails directly in Thunderbird or Outlook?",

src/lib/locales/nl.json

@@ -83,7 +83,8 @@
         "Thunderbird": "<ol><li>Download en bewaar het bestand <a href=\"/downloads/postguard-tb-addon.xpi\" download><q>postguard-tb-addon.xpi</q></a> ergens op uw computer, waar je het gemakkelijk terug kunt vinden. </li><li><p>Binnen Thunderbird:</p><ul><li>ga onder het menu <q>Tools</q> naar <q>Add-ons en thema's</q>, </li><li> klik op <q>Uw extensies beheren</q> en selecteer <q>Add-on installeren vanuit bestand...</q>, </li><li> een venster voor bestandsselectie wordt geopend; ga naar de map waar je het bestand <q>postguard-tb-addon.xpi</q> hebt opgeslagen en selecteer het, </li><li> Thunderbird vertelt je wat een add-on kan doen; als je wilt doorgaan, klikt je op de knop <q>Toevoegen</q>. </li></ul></li><li> Als je nu een nieuw mailbericht opstelt, wordt er een nieuwe balk getoond met een knop om PostGuard aan of uit te zetten. Indien ingeschakeld, wordt het bericht voor alle ontvangers versleuteld. Elke ontvanger moet de Yivi-app gebruiken om te bewijzen dat hij/zij echt in het bezit is van het e-mailadres dat je hebt gebruikt. </li></ol>",
         "Outlook": "<ol><li><p>De add-on toevoegen:</p><ul><li><i>Let op: PostGuard voor Outlook werkt alleen in <q>nieuwe Outlook</q> en Outlook op het web. Klassiek Outlook wordt niet ondersteund.</i></li><li>Download het bestand <a href=\"/downloads/postguard-outlook-manifest.xml\" download><q>manifest.xml</q></a> en bewaar het ergens waar je het gemakkelijk terug kunt vinden.</li><li>Open <a href=\"https://aka.ms/olksideload\">aka.ms/olksideload</a> in je browser.</li><li>Klik op <q>Mijn add-ins</q>.</li><li>Onder <q>Aangepaste add-ins</q>, klik op <q>Een aangepaste add-in toevoegen</q> en vervolgens op <q>Toevoegen vanuit bestand...</q>. <i>Als je deze optie niet ziet, staat je organisatie waarschijnlijk niet toe dat aangepaste add-ins worden geïnstalleerd. Neem contact op met je beheerder.</i></li><li>Selecteer het <q>manifest.xml</q>-bestand dat je zojuist hebt gedownload en bevestig om te installeren.</li></ul></li><li> Als je nu een nieuw e-mailbericht opstelt, is er een nieuwe groep zichtbaar in het menu <q>Message</q> met de naam <q>PostGuard Add- in</q>. Het bevat slechts één knop, genaamd <q>Gecodeerde e-mail verzenden</q>. Wanneer je erop klikt, wordt het bericht gecodeerd en naar alle ontvangers verzonden. Elke ontvanger moet de Yivi-app gebruiken om te bewijzen dat hij/zij echt over het door je gebruikte e-mailadres beschikt. Ook wordt een kopie van de verzonden e-mail opgeslagen in de map <q>PostGuard Sent Items</q> als concept-e-mail (momenteel staat Microsoft alleen toe om berichten als concept te maken). </li><li>Na ontvangst van een met PostGuard versleutelde e-mail, kan de e-mail worden ontsleuteld door te klikken op de knop <q>E-mail ontsleutelen</q> in de groep <q>PostGuard-Addon</q> onder de <q>Start</q>-menu. </li></ol>",
         "instruction.header": "Installatie instructies",
-        "instruction.download": "Downloaden voor:"
+        "instruction.download": "Downloaden voor:",
+        "outlookWarning": "<strong>Let op:</strong> sommige Outlook-accounts (meestal accounts van een organisatie) staan geen aangepaste add-ins toe. Als dat voor jouw account geldt, ontbreekt het onderdeel <q>Aangepaste add-ins</q> dat hieronder wordt beschreven op <a href=\"https://aka.ms/olksideload\">aka.ms/olksideload</a> en kan PostGuard voor Outlook niet worden geïnstalleerd. Neem contact op met je beheerder, of gebruik in plaats daarvan PostGuard voor Thunderbird of de webversie."
     },
     "fallback": {
         "extensionPrompt": "Wil je e-mails direct ontsleutelen in Thunderbird of Outlook?",

src/routes/(marketing)/addons/+page.svelte

@@ -118,6 +118,12 @@
             <Tabs {tabItems} {activeItem} on:tabChange={triggerTabChange} />
             {#if activeItem}
                 {#key activeItem}
+                    {#if activeItem === 'Outlook'}
+                        <div class="callout" role="note">
+                            <!-- eslint-disable-next-line svelte/no-at-html-tags -->
+                            {@html $_('addons.outlookWarning')}
+                        </div>
+                    {/if}
                     <div id="client-instruction">
                         <!-- eslint-disable-next-line svelte/no-at-html-tags -->
                         {@html $_(`addons.${activeItem}`)}
@@ -173,4 +179,14 @@
             margin-top: 0;
         }
     }
+
+    .callout {
+        border-left: 4px solid #c9941b;
+        background: #fff7e0;
+        padding: 0.75rem 1rem;
+        margin: 0.75rem 0 1rem;
+        border-radius: 4px;
+        font-size: 0.95em;
+        line-height: 1.4;
+    }
 </style>