From e134d34e864df1257563890dea6a1ee194924a8e Mon Sep 17 00:00:00 2001
From: Egon Zemmer <egon.zemmer@phlegx.com>
Date: Thu, 12 Aug 2021 15:00:26 +0200
Subject: [PATCH] Solve #708: Customize "need help" button and URL. (partially)

---
 src/helpers/interfaces.ts | 1 +
 src/helpers/microlink.ts  | 6 +++---
 src/helpers/search.ts     | 6 +++---
 src/services/camera.ts    | 6 +++---
 src/services/local.ts     | 4 ++--
 5 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/helpers/interfaces.ts b/src/helpers/interfaces.ts
index 3a9ec70d..150f411a 100644
--- a/src/helpers/interfaces.ts
+++ b/src/helpers/interfaces.ts
@@ -37,6 +37,7 @@ export interface IUpploadSettings {
   compressor?: (file: Blob) => Promise<Blob>;
   transitionDuration?: number;
   disableModalClickClose?: boolean;
+  disableHelp?: boolean;
 }
 
 export interface IHandlersParams {
diff --git a/src/helpers/microlink.ts b/src/helpers/microlink.ts
index aa863429..52902a97 100644
--- a/src/helpers/microlink.ts
+++ b/src/helpers/microlink.ts
@@ -19,7 +19,7 @@ export class MicrolinkBaseClass extends UpploadService {
   exampleURL = "";
   validator: (value: string) => boolean = () => true;
 
-  template = ({ translate }: IServiceTemplateParams): string => {
+  template = ({ translate, uppload }: IServiceTemplateParams): string => {
     return `
       <div class="microlink-container">
       <form class="microlink-search-form">
@@ -49,9 +49,9 @@ export class MicrolinkBaseClass extends UpploadService {
         "services.microlink.button",
         translate(`services.${this.name}.title`) || this.name
       )
-    }</button></form><button class="need-help-link"><span>${translate(
+    }</button></form>${!uppload.settings.disableHelp ? `<button class="need-help-link"><span>${translate(
       "needHelp"
-    )}</span aria-hidden="true"><span>?</span></button></div>
+    )}</span aria-hidden="true"><span>?</span></button>` : ""}</div>
     <div class="uppload-loader microlink-loader">
     <div></div>
     <p>${
diff --git a/src/helpers/search.ts b/src/helpers/search.ts
index 1965c7e9..6da63ccb 100644
--- a/src/helpers/search.ts
+++ b/src/helpers/search.ts
@@ -108,7 +108,7 @@ export class SearchBaseClass<ImageResult = any> extends UpploadService {
     if (loader) loader.style.display = this.loading ? "flex" : "none";
   }
 
-  template = ({ translate }: IServiceTemplateParams): string => {
+  template = ({ translate, uppload }: IServiceTemplateParams): string => {
     return `
       <div class="search-container"><form class="search-search-form">
       <div class="service-icon">${colorSVG(this.icon, this)}</div>
@@ -131,9 +131,9 @@ export class SearchBaseClass<ImageResult = any> extends UpploadService {
           `services.${this.name}.title`
         )}</a>`
       )}</p></div>
-      <button class="need-help-link"><span>${translate(
+      ${!uppload.settings.disableHelp ? `<button class="need-help-link"><span>${translate(
         "needHelp"
-      )}</span aria-hidden="true"><span>?</span></button>
+      )}</span aria-hidden="true"><span>?</span></button>` : ""}
       <div class="uppload-loader search-loader">
         <div></div>
         <p>${translate(
diff --git a/src/services/camera.ts b/src/services/camera.ts
index 81484b44..cf532ae5 100644
--- a/src/services/camera.ts
+++ b/src/services/camera.ts
@@ -24,7 +24,7 @@ export default class Camera extends UpploadService {
       !/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)
     );
 
-  template = ({ translate }: IServiceTemplateParams) => {
+  template = ({ translate, uppload }: IServiceTemplateParams) => {
     return `
       <div class="service-main">
         <div class="camera-waiting">${translate(
@@ -49,9 +49,9 @@ export default class Camera extends UpploadService {
           style="background: ${this.color}"
         >${translate("services.camera.button")}</button>
       </footer>
-      <button class="need-help-link"><span>${translate(
+      ${!uppload.settings.disableHelp ? `<button class="need-help-link"><span>${translate(
         "needHelp"
-      )}</span aria-hidden="true"><span>?</span></button>
+      )}</span aria-hidden="true"><span>?</span></button>` : ""}
     `;
   };
 
diff --git a/src/services/local.ts b/src/services/local.ts
index 9027e34a..7ebdfb36 100644
--- a/src/services/local.ts
+++ b/src/services/local.ts
@@ -30,9 +30,9 @@ export default class Local extends UpploadService {
       <div class="alternate-input">
         <input type="file" accept="${this.mimeTypes.join()}"${
       params.uppload.settings.multiple ? " multiple" : ""
-    }></div><button class="need-help-link"><span>${translate(
+    }></div>${!params.uppload.settings.disableHelp ? `<button class="need-help-link"><span>${translate(
       "needHelp"
-    )}</span aria-hidden="true"><span>?</span></button>`;
+    )}</span aria-hidden="true"><span>?</span></button>` : ""}`;
   };
 
   handlers = (params: IHandlersParams) => {