1 files changed, 46 insertions, 60 deletions

diff --git a/packages/merchant-backoffice-ui/src/paths/instance/templates/qr/QrPage.tsx b/packages/merchant-backoffice-ui/src/paths/instance/templates/qr/QrPage.tsx
index d48e5e956..547996ea1 100644
--- a/packages/merchant-backoffice-ui/src/paths/instance/templates/qr/QrPage.tsx
+++ b/packages/merchant-backoffice-ui/src/paths/instance/templates/qr/QrPage.tsx
@@ -19,23 +19,18 @@
  * @author Sebastian Javier Marchano (sebasjm)
  */
 
-import { TalerMerchantApi, stringifyPayTemplateUri } from "@gnu-taler/taler-util";
 import {
-  useMerchantApiContext,
-  useTranslationContext,
+  TalerMerchantApi,
+  stringifyPayTemplateUri
+} from "@gnu-taler/taler-util";
+import {
+  useTranslationContext
 } from "@gnu-taler/web-util/browser";
 import { VNode, h } from "preact";
-import { useState } from "preact/hooks";
 import { QR } from "../../../../components/exception/QR.js";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../../components/form/FormProvider.js";
-import { Input } from "../../../../components/form/Input.js";
-import { InputCurrency } from "../../../../components/form/InputCurrency.js";
 import { useSessionContext } from "../../../../context/session.js";
 
-type Entity = TalerMerchantApi.UsingTemplateDetails;
+// type Entity = TalerMerchantApi.UsingTemplateDetails;
 
 interface Props {
   contract: TalerMerchantApi.TemplateContractDetails;
@@ -43,86 +38,83 @@ interface Props {
   onBack?: () => void;
 }
 
-export function QrPage({ contract, id: templateId, onBack }: Props): VNode {
+export function QrPage({ id: templateId, onBack }: Props): VNode {
   const { i18n } = useTranslationContext();
-  const {
-    state: { backendUrl },
-  } = useSessionContext();
-  const { config } = useMerchantApiContext();
-
-  const [state, setState] = useState<Partial<Entity>>({
-    amount: contract.amount,
-    summary: contract.summary,
-  });
+  const { state } = useSessionContext();
+
+  // const [state, setState] = useState<Partial<Entity>>({
+  //   amount: contract.amount,
+  //   summary: contract.summary,
+  // });
 
-  const errors: FormErrors<Entity> = {};
+  // const errors: FormErrors<Entity> = {};
 
-  const fixedAmount = !!contract.amount;
-  const fixedSummary = !!contract.summary;
+  // const fixedAmount = !!contract.amount;
+  // const fixedSummary = !!contract.summary;
 
-  const templateParams: Record<string, string> = {};
-  if (!fixedAmount) {
-    if (state.amount) {
-      templateParams.amount = state.amount;
-    } else {
-      templateParams.amount = config.currency;
-    }
-  }
+  // const templateParams: Record<string, string> = {};
+  // if (!fixedAmount) {
+  //   if (state.amount) {
+  //     templateParams.amount = state.amount;
+  //   } else {
+  //     templateParams.amount = config.currency;
+  //   }
+  // }
 
-  if (!fixedSummary) {
-    templateParams.summary = state.summary ?? "";
-  }
+  // if (!fixedSummary) {
+  //   templateParams.summary = state.summary ?? "";
+  // }
 
-  const merchantBaseUrl = backendUrl;
+  const merchantBaseUrl = state.backendUrl.href;
 
   const payTemplateUri = stringifyPayTemplateUri({
     merchantBaseUrl,
     templateId,
-    templateParams,
+    // FIXME!
+    //templateParams: {},
   });
 
   return (
     <div>
+      <section id="printThis">
+        <QR text={payTemplateUri} />
+        <pre style={{ textAlign: "center" }}>
+          <a target="_blank" rel="noreferrer" href={payTemplateUri}>{payTemplateUri}</a>
+        </pre>
+      </section>
+
       <section class="section is-main-section">
         <div class="columns">
           <div class="column" />
           <div class="column is-four-fifths">
-            <p class="is-size-5 mt-5 mb-5">
+            {/* <p class="is-size-5 mt-5 mb-5">
               <i18n.Translate>
                 Here you can specify a default value for fields that are not
                 fixed. Default values can be edited by the customer before the
                 payment.
               </i18n.Translate>
-            </p>
+            </p> */}
 
             <p></p>
-            <FormProvider
+            {/* <FormProvider
               object={state}
               valueHandler={setState}
               errors={errors}
             >
               <InputCurrency<Entity>
                 name="amount"
-                label={
-                  fixedAmount
-                    ? i18n.str`Fixed amount`
-                    : i18n.str`Default amount`
-                }
-                readonly={fixedAmount}
+                label={i18n.str`Amount`}
+                readonly
                 tooltip={i18n.str`Amount of the order`}
               />
               <Input<Entity>
                 name="summary"
                 inputType="multiline"
-                readonly={fixedSummary}
-                label={
-                  fixedSummary
-                    ? i18n.str`Fixed summary`
-                    : i18n.str`Default summary`
-                }
+                readonly
+                label={i18n.str`Summary`}
                 tooltip={i18n.str`Title of the order to be shown to the customer`}
               />
-            </FormProvider>
+            </FormProvider> */}
 
             <div class="buttons is-right mt-5">
               {onBack && (
@@ -141,12 +133,6 @@ export function QrPage({ contract, id: templateId, onBack }: Props): VNode {
           <div class="column" />
         </div>
       </section>
-      <section id="printThis">
-        <QR text={payTemplateUri} />
-        <pre style={{ textAlign: "center" }}>
-          <a href={payTemplateUri}>{payTemplateUri}</a>
-        </pre>
-      </section>
     </div>
   );
 }
@@ -164,6 +150,6 @@ function saveAsPDF(name: string): void {
   printWindow.document.body.appendChild(divContents.cloneNode(true));
   printWindow.addEventListener("load", () => {
     printWindow.print();
-    printWindow.close();
+    // printWindow.close();
   });
 }