summaryrefslogtreecommitdiff
path: root/packages/taler-wallet-webextension/src/cta/Withdraw.stories.tsx
diff options
context:
space:
mode:
authorSebastian <sebasjm@gmail.com>2021-11-15 11:18:58 -0300
committerSebastian <sebasjm@gmail.com>2021-11-15 11:18:58 -0300
commit1d4815c66c395f4fcc86c30e20f3d005e3cb9ff5 (patch)
tree99e8241a5eb5af4d752be93a460004bc0c6255aa /packages/taler-wallet-webextension/src/cta/Withdraw.stories.tsx
parent9692f589c687a2ba39a705ca4238cf123f444c61 (diff)
downloadwallet-core-1d4815c66c395f4fcc86c30e20f3d005e3cb9ff5.tar.gz
wallet-core-1d4815c66c395f4fcc86c30e20f3d005e3cb9ff5.tar.bz2
wallet-core-1d4815c66c395f4fcc86c30e20f3d005e3cb9ff5.zip
prettier
Diffstat (limited to 'packages/taler-wallet-webextension/src/cta/Withdraw.stories.tsx')
-rw-r--r--packages/taler-wallet-webextension/src/cta/Withdraw.stories.tsx542
1 files changed, 288 insertions, 254 deletions
diff --git a/packages/taler-wallet-webextension/src/cta/Withdraw.stories.tsx b/packages/taler-wallet-webextension/src/cta/Withdraw.stories.tsx
index 5e29a3e39..90df2a27e 100644
--- a/packages/taler-wallet-webextension/src/cta/Withdraw.stories.tsx
+++ b/packages/taler-wallet-webextension/src/cta/Withdraw.stories.tsx
@@ -15,23 +15,22 @@
*/
/**
-*
-* @author Sebastian Javier Marchano (sebasjm)
-*/
-
-import { amountFractionalBase, Amounts } from '@gnu-taler/taler-util';
-import { ExchangeRecord } from '@gnu-taler/taler-wallet-core';
-import { ExchangeWithdrawDetails } from '@gnu-taler/taler-wallet-core/src/operations/withdraw';
-import { getMaxListeners } from 'process';
-import { createExample } from '../test-utils';
-import { View as TestedComponent } from './Withdraw';
+ *
+ * @author Sebastian Javier Marchano (sebasjm)
+ */
+import { amountFractionalBase, Amounts } from "@gnu-taler/taler-util";
+import { ExchangeRecord } from "@gnu-taler/taler-wallet-core";
+import { ExchangeWithdrawDetails } from "@gnu-taler/taler-wallet-core/src/operations/withdraw";
+import { getMaxListeners } from "process";
+import { createExample } from "../test-utils";
+import { View as TestedComponent } from "./Withdraw";
export default {
- title: 'cta/withdraw',
+ title: "cta/withdraw",
component: TestedComponent,
argTypes: {
- onSwitchExchange: { action: 'onRetry' },
+ onSwitchExchange: { action: "onRetry" },
},
};
@@ -48,7 +47,7 @@ const termsHtml = `<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
</div>
</body>
</html>
-`
+`;
const termsPlain = `
Terms Of Service
****************
@@ -432,7 +431,7 @@ Questions or comments
We welcome comments, questions, concerns, or suggestions. Please send
us a message on our contact page at legal@taler-systems.com.
-`
+`;
const termsXml = `<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE document PUBLIC "+//IDN docutils.sourceforge.net//DTD Docutils Generic//EN//XML" "http://docutils.sourceforge.net/docs/ref/docutils.dtd">
@@ -781,120 +780,131 @@ const termsXml = `<?xml version="1.0" encoding="utf-8"?>
`;
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',
+ knownExchanges: [
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.demo.taler.net",
+ paytoUris: ["asd"],
+ },
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.test.taler.net",
+ paytoUris: ["asd"],
+ },
+ ],
+ exchangeBaseUrl: "exchange.demo.taler.net",
details: {
- content: '',
- contentType: '',
- currentEtag: '',
+ content: "",
+ contentType: "",
+ currentEtag: "",
acceptedEtag: undefined,
},
withdrawalFee: {
- currency: 'USD',
+ currency: "USD",
fraction: 0,
- value: 0
+ value: 0,
},
amount: {
- currency: 'USD',
+ currency: "USD",
value: 2,
- fraction: 10000000
+ fraction: 10000000,
},
- onSwitchExchange: async () => { },
+ onSwitchExchange: async () => {},
terms: {
value: {
- type: 'xml',
+ type: "xml",
document: new DOMParser().parseFromString(termsXml, "text/xml"),
},
- status: 'new'
+ status: "new",
},
-})
+});
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',
+ knownExchanges: [
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.demo.taler.net",
+ paytoUris: ["asd"],
+ },
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.test.taler.net",
+ paytoUris: ["asd"],
+ },
+ ],
+ exchangeBaseUrl: "exchange.demo.taler.net",
details: {
- content: '',
- contentType: '',
- currentEtag: '',
+ content: "",
+ contentType: "",
+ currentEtag: "",
acceptedEtag: undefined,
},
withdrawalFee: {
- currency: 'USD',
+ currency: "USD",
fraction: 0,
- value: 0
+ value: 0,
},
amount: {
- currency: 'USD',
+ currency: "USD",
value: 2,
- fraction: 10000000
+ fraction: 10000000,
},
- onSwitchExchange: async () => { },
+ onSwitchExchange: async () => {},
terms: {
value: {
- type: 'plain',
- content: termsPlain
+ type: "plain",
+ content: termsPlain,
},
- status: 'new'
+ status: "new",
},
- reviewing: true
-})
+ 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',
+ knownExchanges: [
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.demo.taler.net",
+ paytoUris: ["asd"],
+ },
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.test.taler.net",
+ paytoUris: ["asd"],
+ },
+ ],
+ exchangeBaseUrl: "exchange.demo.taler.net",
details: {
- content: '',
- contentType: '',
- currentEtag: '',
+ content: "",
+ contentType: "",
+ currentEtag: "",
acceptedEtag: undefined,
},
withdrawalFee: {
- currency: 'USD',
+ currency: "USD",
fraction: 0,
- value: 0
+ value: 0,
},
amount: {
- currency: 'USD',
+ currency: "USD",
value: 2,
- fraction: 10000000
+ fraction: 10000000,
},
- onSwitchExchange: async () => { },
+ onSwitchExchange: async () => {},
terms: {
value: {
- type: 'html',
- href: new URL(`data:text/html;base64,${Buffer.from(termsHtml).toString('base64')}`),
+ type: "html",
+ href: new URL(
+ `data:text/html;base64,${Buffer.from(termsHtml).toString("base64")}`,
+ ),
},
- status: 'new'
+ status: "new",
},
- reviewing: true
-})
+ reviewing: true,
+});
const termsPdf = `
%PDF-1.2
@@ -909,306 +919,330 @@ endobj
trailer
<< /Root 3 0 R >>
%%EOF
-`
+`;
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',
+ knownExchanges: [
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.demo.taler.net",
+ paytoUris: ["asd"],
+ },
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.test.taler.net",
+ paytoUris: ["asd"],
+ },
+ ],
+ exchangeBaseUrl: "exchange.demo.taler.net",
details: {
- content: '',
- contentType: '',
- currentEtag: '',
+ content: "",
+ contentType: "",
+ currentEtag: "",
acceptedEtag: undefined,
},
withdrawalFee: {
- currency: 'USD',
+ currency: "USD",
fraction: 0,
- value: 0
+ value: 0,
},
amount: {
- currency: 'USD',
+ currency: "USD",
value: 2,
- fraction: 10000000
+ fraction: 10000000,
},
- onSwitchExchange: async () => { },
+ onSwitchExchange: async () => {},
terms: {
value: {
- type: 'pdf',
- location: new URL(`data:text/html;base64,${Buffer.from(termsPdf).toString('base64')}`),
+ type: "pdf",
+ location: new URL(
+ `data:text/html;base64,${Buffer.from(termsPdf).toString("base64")}`,
+ ),
},
- status: 'new'
+ status: "new",
},
- reviewing: true
-})
-
+ 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',
+ knownExchanges: [
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.demo.taler.net",
+ paytoUris: ["asd"],
+ },
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.test.taler.net",
+ paytoUris: ["asd"],
+ },
+ ],
+ exchangeBaseUrl: "exchange.demo.taler.net",
details: {
- content: '',
- contentType: '',
- currentEtag: '',
+ content: "",
+ contentType: "",
+ currentEtag: "",
acceptedEtag: undefined,
},
withdrawalFee: {
- currency: 'USD',
+ currency: "USD",
fraction: 0,
- value: 0
+ value: 0,
},
amount: {
- currency: 'USD',
+ currency: "USD",
value: 2,
- fraction: 10000000
+ fraction: 10000000,
},
- onSwitchExchange: async () => { },
+ onSwitchExchange: async () => {},
terms: {
value: {
- type: 'xml',
+ type: "xml",
document: new DOMParser().parseFromString(termsXml, "text/xml"),
},
- status: 'new'
+ status: "new",
},
- reviewing: true
-})
+ 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',
+ knownExchanges: [
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.demo.taler.net",
+ paytoUris: ["asd"],
+ },
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.test.taler.net",
+ paytoUris: ["asd"],
+ },
+ ],
+ exchangeBaseUrl: "exchange.demo.taler.net",
details: {
- content: '',
- contentType: '',
- currentEtag: '',
+ content: "",
+ contentType: "",
+ currentEtag: "",
acceptedEtag: undefined,
},
withdrawalFee: {
- currency: 'USD',
+ currency: "USD",
fraction: 0,
- value: 0
+ value: 0,
},
amount: {
- currency: 'USD',
+ currency: "USD",
value: 2,
- fraction: 10000000
+ fraction: 10000000,
},
- onSwitchExchange: async () => { },
+ onSwitchExchange: async () => {},
terms: {
value: {
- type: 'xml',
+ type: "xml",
document: new DOMParser().parseFromString(termsXml, "text/xml"),
},
- status: 'new'
+ status: "new",
},
- reviewed: true
-})
+ 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',
+ knownExchanges: [
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.demo.taler.net",
+ paytoUris: ["asd"],
+ },
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.test.taler.net",
+ paytoUris: ["asd"],
+ },
+ ],
+ exchangeBaseUrl: "exchange.demo.taler.net",
details: {
- content: '',
- contentType: '',
- currentEtag: '',
+ content: "",
+ contentType: "",
+ currentEtag: "",
acceptedEtag: undefined,
},
withdrawalFee: {
- currency: 'USD',
+ currency: "USD",
fraction: 0,
- value: 0
+ value: 0,
},
amount: {
- currency: 'USD',
+ currency: "USD",
value: 2,
- fraction: 10000000
+ fraction: 10000000,
},
- onSwitchExchange: async () => { },
+ onSwitchExchange: async () => {},
terms: {
value: {
- type: 'xml',
+ type: "xml",
document: new DOMParser().parseFromString(termsXml, "text/xml"),
},
- status: 'new'
+ 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',
+ knownExchanges: [
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.demo.taler.net",
+ paytoUris: ["asd"],
+ },
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.test.taler.net",
+ paytoUris: ["asd"],
+ },
+ ],
+ exchangeBaseUrl: "exchange.demo.taler.net",
details: {
- content: '',
- contentType: '',
- currentEtag: '',
+ content: "",
+ contentType: "",
+ currentEtag: "",
acceptedEtag: undefined,
},
withdrawalFee: {
- currency: 'USD',
+ currency: "USD",
fraction: 0,
- value: 0
+ value: 0,
},
amount: {
- currency: 'USD',
+ currency: "USD",
value: 2,
- fraction: 10000000
+ fraction: 10000000,
},
- onSwitchExchange: async () => { },
+ onSwitchExchange: async () => {},
terms: {
value: {
- type: 'xml',
+ type: "xml",
document: new DOMParser().parseFromString(termsXml, "text/xml"),
},
- status: 'changed'
+ 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',
+ knownExchanges: [
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.demo.taler.net",
+ paytoUris: ["asd"],
+ },
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.test.taler.net",
+ paytoUris: ["asd"],
+ },
+ ],
+ exchangeBaseUrl: "exchange.demo.taler.net",
details: {
- content: '',
- contentType: '',
- currentEtag: '',
+ content: "",
+ contentType: "",
+ currentEtag: "",
acceptedEtag: undefined,
},
withdrawalFee: {
- currency: 'USD',
+ currency: "USD",
fraction: 0,
- value: 0
+ value: 0,
},
amount: {
- currency: 'USD',
+ currency: "USD",
value: 2,
- fraction: 10000000
+ fraction: 10000000,
},
- onSwitchExchange: async () => { },
+ onSwitchExchange: async () => {},
terms: {
- status: 'notfound'
+ status: "notfound",
},
-})
+});
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',
+ knownExchanges: [
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.demo.taler.net",
+ paytoUris: ["asd"],
+ },
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.test.taler.net",
+ paytoUris: ["asd"],
+ },
+ ],
+ exchangeBaseUrl: "exchange.demo.taler.net",
details: {
- content: '',
- contentType: '',
- currentEtag: '',
+ content: "",
+ contentType: "",
+ currentEtag: "",
acceptedEtag: undefined,
},
withdrawalFee: {
- currency: 'USD',
+ currency: "USD",
fraction: amountFractionalBase * 0.5,
- value: 0
+ value: 0,
},
amount: {
- currency: 'USD',
+ currency: "USD",
value: 2,
- fraction: 10000000
+ fraction: 10000000,
},
- onSwitchExchange: async () => { },
+ onSwitchExchange: async () => {},
terms: {
- status: 'accepted'
+ status: "accepted",
},
-})
-
+});
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',
+ knownExchanges: [
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.demo.taler.net",
+ paytoUris: ["asd"],
+ },
+ {
+ currency: "USD",
+ exchangeBaseUrl: "exchange.test.taler.net",
+ paytoUris: ["asd"],
+ },
+ ],
+ exchangeBaseUrl: "exchange.demo.taler.net",
details: {
- content: '',
- contentType: '',
- currentEtag: '',
+ content: "",
+ contentType: "",
+ currentEtag: "",
acceptedEtag: undefined,
},
withdrawalFee: {
- currency: 'USD',
+ currency: "USD",
fraction: 0,
value: 0,
},
amount: {
- currency: 'USD',
+ currency: "USD",
value: 2,
- fraction: 10000000
+ fraction: 10000000,
},
- onSwitchExchange: async () => { },
+ onSwitchExchange: async () => {},
terms: {
value: {
- type: 'xml',
+ type: "xml",
document: new DOMParser().parseFromString(termsXml, "text/xml"),
},
- status: 'accepted',
- }
-}) \ No newline at end of file
+ status: "accepted",
+ },
+});
generated by cgit v1.2.3 (git 2.39.1) at 2024-04-25 09:14:59 +0000