wallet-core/packages/taler-wallet-webextension/src/cta/Withdraw.stories.tsx

/*
 This file is part of GNU Taler
 (C) 2021 Taler Systems S.A.

 GNU Taler is free software; you can redistribute it and/or modify it under the
 terms of the GNU General Public License as published by the Free Software
 Foundation; either version 3, or (at your option) any later version.

 GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY
 WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 A PARTICULAR PURPOSE.  See the GNU General Public License for more details.

 You should have received a copy of the GNU General Public License along with
 GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
 */

/**
 *
 * @author Sebastian Javier Marchano (sebasjm)
 */

import { amountFractionalBase } from "@gnu-taler/taler-util";
import { createExample } from "../test-utils";
import { termsHtml, termsPdf, termsPlain, termsXml } from "./termsExample";
import { View as TestedComponent } from "./Withdraw";

export default {
  title: "cta/withdraw",
  component: TestedComponent,
  argTypes: {
    onSwitchExchange: { action: "onRetry" },
  },
};

export const NewTerms = createExample(TestedComponent, {
  knownExchanges: [
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.demo.taler.net",
      paytoUris: ["asd"],
    },
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.test.taler.net",
      paytoUris: ["asd"],
    },
  ],
  exchangeBaseUrl: "exchange.demo.taler.net",
  withdrawalFee: {
    currency: "USD",
    fraction: 0,
    value: 0,
  },
  amount: {
    currency: "USD",
    value: 2,
    fraction: 10000000,
  },

  onSwitchExchange: async () => {
    null;
  },
  terms: {
    content: {
      type: "xml",
      document: new DOMParser().parseFromString(termsXml, "text/xml"),
    },
    status: "new",
    version: "",
  },
});

export const TermsReviewingPLAIN = createExample(TestedComponent, {
  knownExchanges: [
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.demo.taler.net",
      paytoUris: ["asd"],
    },
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.test.taler.net",
      paytoUris: ["asd"],
    },
  ],
  exchangeBaseUrl: "exchange.demo.taler.net",
  withdrawalFee: {
    currency: "USD",
    fraction: 0,
    value: 0,
  },
  amount: {
    currency: "USD",
    value: 2,
    fraction: 10000000,
  },

  onSwitchExchange: async () => {
    null;
  },
  terms: {
    content: {
      type: "plain",
      content: termsPlain,
    },
    status: "new",
    version: "",
  },
  reviewing: true,
});

export const TermsReviewingHTML = createExample(TestedComponent, {
  knownExchanges: [
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.demo.taler.net",
      paytoUris: ["asd"],
    },
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.test.taler.net",
      paytoUris: ["asd"],
    },
  ],
  exchangeBaseUrl: "exchange.demo.taler.net",
  withdrawalFee: {
    currency: "USD",
    fraction: 0,
    value: 0,
  },
  amount: {
    currency: "USD",
    value: 2,
    fraction: 10000000,
  },

  onSwitchExchange: async () => {
    null;
  },
  terms: {
    content: {
      type: "html",
      href: new URL(
        `data:text/html;base64,${Buffer.from(termsHtml).toString("base64")}`,
      ),
    },
    version: "",
    status: "new",
  },
  reviewing: true,
});

export const TermsReviewingPDF = createExample(TestedComponent, {
  knownExchanges: [
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.demo.taler.net",
      paytoUris: ["asd"],
    },
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.test.taler.net",
      paytoUris: ["asd"],
    },
  ],
  exchangeBaseUrl: "exchange.demo.taler.net",
  withdrawalFee: {
    currency: "USD",
    fraction: 0,
    value: 0,
  },
  amount: {
    currency: "USD",
    value: 2,
    fraction: 10000000,
  },

  onSwitchExchange: async () => {
    null;
  },
  terms: {
    content: {
      type: "pdf",
      location: new URL(
        `data:text/html;base64,${Buffer.from(termsPdf).toString("base64")}`,
      ),
    },
    status: "new",
    version: "",
  },
  reviewing: true,
});

export const TermsReviewingXML = createExample(TestedComponent, {
  knownExchanges: [
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.demo.taler.net",
      paytoUris: ["asd"],
    },
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.test.taler.net",
      paytoUris: ["asd"],
    },
  ],
  exchangeBaseUrl: "exchange.demo.taler.net",
  withdrawalFee: {
    currency: "USD",
    fraction: 0,
    value: 0,
  },
  amount: {
    currency: "USD",
    value: 2,
    fraction: 10000000,
  },

  onSwitchExchange: async () => {
    null;
  },
  terms: {
    content: {
      type: "xml",
      document: new DOMParser().parseFromString(termsXml, "text/xml"),
    },
    status: "new",
    version: "",
  },
  reviewing: true,
});

export const NewTermsAccepted = createExample(TestedComponent, {
  knownExchanges: [
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.demo.taler.net",
      paytoUris: ["asd"],
    },
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.test.taler.net",
      paytoUris: ["asd"],
    },
  ],
  exchangeBaseUrl: "exchange.demo.taler.net",
  withdrawalFee: {
    currency: "USD",
    fraction: 0,
    value: 0,
  },
  amount: {
    currency: "USD",
    value: 2,
    fraction: 10000000,
  },
  onSwitchExchange: async () => {
    null;
  },
  terms: {
    content: {
      type: "xml",
      document: new DOMParser().parseFromString(termsXml, "text/xml"),
    },
    status: "new",
    version: "",
  },
  reviewed: true,
});

export const TermsShowAgainXML = createExample(TestedComponent, {
  knownExchanges: [
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.demo.taler.net",
      paytoUris: ["asd"],
    },
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.test.taler.net",
      paytoUris: ["asd"],
    },
  ],
  exchangeBaseUrl: "exchange.demo.taler.net",
  withdrawalFee: {
    currency: "USD",
    fraction: 0,
    value: 0,
  },
  amount: {
    currency: "USD",
    value: 2,
    fraction: 10000000,
  },

  onSwitchExchange: async () => {
    null;
  },
  terms: {
    content: {
      type: "xml",
      document: new DOMParser().parseFromString(termsXml, "text/xml"),
    },
    version: "",
    status: "new",
  },
  reviewed: true,
  reviewing: true,
});

export const TermsChanged = createExample(TestedComponent, {
  knownExchanges: [
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.demo.taler.net",
      paytoUris: ["asd"],
    },
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.test.taler.net",
      paytoUris: ["asd"],
    },
  ],
  exchangeBaseUrl: "exchange.demo.taler.net",
  withdrawalFee: {
    currency: "USD",
    fraction: 0,
    value: 0,
  },
  amount: {
    currency: "USD",
    value: 2,
    fraction: 10000000,
  },

  onSwitchExchange: async () => {
    null;
  },
  terms: {
    content: {
      type: "xml",
      document: new DOMParser().parseFromString(termsXml, "text/xml"),
    },
    version: "",
    status: "changed",
  },
});

export const TermsNotFound = createExample(TestedComponent, {
  knownExchanges: [
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.demo.taler.net",
      paytoUris: ["asd"],
    },
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.test.taler.net",
      paytoUris: ["asd"],
    },
  ],
  exchangeBaseUrl: "exchange.demo.taler.net",
  withdrawalFee: {
    currency: "USD",
    fraction: 0,
    value: 0,
  },
  amount: {
    currency: "USD",
    value: 2,
    fraction: 10000000,
  },

  onSwitchExchange: async () => {
    null;
  },
  terms: {
    content: undefined,
    status: "notfound",
    version: "",
  },
});

export const TermsAlreadyAccepted = createExample(TestedComponent, {
  knownExchanges: [
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.demo.taler.net",
      paytoUris: ["asd"],
    },
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.test.taler.net",
      paytoUris: ["asd"],
    },
  ],
  exchangeBaseUrl: "exchange.demo.taler.net",
  withdrawalFee: {
    currency: "USD",
    fraction: amountFractionalBase * 0.5,
    value: 0,
  },
  amount: {
    currency: "USD",
    value: 2,
    fraction: 10000000,
  },

  onSwitchExchange: async () => {
    null;
  },
  terms: {
    status: "accepted",
    content: undefined,
    version: "",
  },
});

export const WithoutFee = createExample(TestedComponent, {
  knownExchanges: [
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.demo.taler.net",
      paytoUris: ["asd"],
    },
    {
      currency: "USD",
      exchangeBaseUrl: "exchange.test.taler.net",
      paytoUris: ["asd"],
    },
  ],
  exchangeBaseUrl: "exchange.demo.taler.net",
  withdrawalFee: {
    currency: "USD",
    fraction: 0,
    value: 0,
  },
  amount: {
    currency: "USD",
    value: 2,
    fraction: 10000000,
  },

  onSwitchExchange: async () => {
    null;
  },
  terms: {
    content: {
      type: "xml",
      document: new DOMParser().parseFromString(termsXml, "text/xml"),
    },
    status: "accepted",
    version: "",
  },
});