\n
\n );\n}","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Space, Typography, Button, Table, Tag, notification, Tabs, Divider, Checkbox, Alert } from \"antd\";\nimport { useIntl, FormattedMessage } from \"react-intl\";\nimport {\n RightOutlined,\n LeftOutlined,\n CopyOutlined\n} from \"@ant-design/icons\";\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport { a11yLight, a11yDark } from 'react-syntax-highlighter/dist/esm/styles/hljs';\n\nimport styles from \"./index.module.scss\";\n\nimport { Link, Route } from \"react-router-dom\";\nimport { RouterEnum } from \"../../../enums/RouterEnum\";\nimport { getIntegrionInfoByLanguage } from \"../../../enums/ImageByLanguageEnum\";\n\nexport default function Void(props) {\n const theme = useSelector((state) => state.userSettings.theme);\n const intl = useIntl();\n\n const columns = [\n {\n title: intl.formatMessage({ id: \"global.presentation.name\" }),\n dataIndex: 'name',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.type\" }),\n dataIndex: 'type',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.required\" }),\n dataIndex: 'required',\n render: (required, record) => {\n return \n \n \n
\n \n \n {intl.formatMessage({ id: \"global.presentation.voidPaymentCreation\" })}\n \n \n {intl.formatMessage({ id: \"global.presentation.voidPaymentCreation.text1\" })}\n \n \n {intl.formatMessage({ id: \"global.presentation.authentication\" })}\n \n \n {intl.formatMessage({ id: \"global.presentation.voidPaymentCreation.chapter\" })}\n \n
\n \n \n \n {intl.formatMessage({ id: \"global.presentation.voidPaymentCreation\" })}\n \n \n POST \n \n https://gate.besteron.com/api/payment-intent\n \n copyToClipboard(\"https://gate.besteron.com/api/payment-intent\")} />\n \n \n
\n \n
\n \n {intl.formatMessage({ id: \"global.presentation.voidPaymentCreation.text2\" })}\n \n {intl.formatMessage({ id: \"global.presentation.paymentCreation\" })}\n \n {\". \"}\n {intl.formatMessage({ id: \"global.presentation.voidPaymentCreation.text3\" })}\n \n \n \n {intl.formatMessage({ id: \"global.presentation.request\" })}\n \n \n {`${intl.formatMessage({ id: \"global.presentation.response\" })} (200 - OK)`}\n \n
\n - \n
- \n {intl.formatMessage({ id: \"global.presentation.voidPaymentCreation.text4\" })}\n \n
- \n {intl.formatMessage({ id: \"global.presentation.voidPaymentCreation.text5\" })}\n \n
- \n {intl.formatMessage({ id: \"global.presentation.voidPaymentCreation.text6\" })}\n \n
- \n {intl.formatMessage({ id: \"global.presentation.voidPaymentCreation.text7\" })}\n \n
- \n {intl.formatMessage({ id: \"global.presentation.voidPaymentCreation.text8\" })}\n \n
\n intl.formatMessage({ id: \"global.presentation.header\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n
\n \n \n \n \n {`POST https://gate.besteron.com/api/payment-intent\nAccept: application/json\nContent-type: application/json\nAuthorization: Bearer \n\n{\n \"totalAmount\": 20,\n \"currencyCode\": \"EUR\",\n \"orderNumber\": \"OBJ01234\",\n \"transactionType\": \"VOID\",\n \"language\": \"SK\",\n \"paymentMethods\": [\n \"CARD\",\n \"APPLEPAY\"\n ],\n \"buyer\": {\n \"email\": \"michael@casey.com\",\n },\n \"items\": [\n {\n \"name\": \"teacup\",\n \"type\": \"ITEM\",\n \"amount\": 20,\n \"count\": 2,\n \"vatRate\": 20,\n \"ean\": \"ITEM0981234\",\n \"productUrl\": \"https://example.com/teacup\"\n },\n ],\n \"callback\": {\n \"returnUrl\": \"https://example.com/return\",\n \"notificationUrl\": \"https://example.com/notification\",\n \"recurringUrl\": \"https://example.com/recurring\"\n },\n \"void\": {\n \"completionType\": \"CAPTURE\",\n \"dateTo\": \"2023-08-08T12:22:22.123Z\"\n }\n}`}\n \n \n \n \n {`{\n \"redirectUrl\": \"https://gate.besteron.com/widget?sh=PujHTfdjbh5jedh7jkeE\",\n \"transactionId\": \"c027395e-71cb-464b-8af3-11838787e9fb\",\n \"recurringTransactionId\": \"\"\n}`}\n \n \n \n
\n \n \n \n \n \n \n \n \n \n
\n \n
\n );\n}","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Space, Typography, Button, Table } from \"antd\";\nimport { useIntl } from \"react-intl\";\nimport { LeftOutlined, RightOutlined } from \"@ant-design/icons\";\n\nimport styles from \"./index.module.scss\";\n\nimport { Link } from \"react-router-dom\";\nimport { RouterEnum } from \"../../../enums/RouterEnum\";\n\nexport default function VoidCompletionType(props) {\n const theme = useSelector((state) => state.userSettings.theme);\n const intl = useIntl();\n\n const columns = [\n {\n title: intl.formatMessage({ id: \"global.presentation.value\" }),\n dataIndex: \"value\",\n width: \"50%\",\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.description\" }),\n dataIndex: \"description\",\n width: \"50%\",\n },\n ];\n\n const data = [\n {\n value: \"CAPTURE\",\n description: intl.formatMessage({\n id: \"global.presentation.void.completionType.capture\",\n }),\n },\n {\n value: \"CANCEL\",\n description: intl.formatMessage({\n id: \"global.presentation.void.completionType.cancel\",\n }),\n }\n ];\n\n return (\n \n \n \n
\n\n \n \n Void\n \n \n {intl.formatMessage({ id: \"global.presentation.void.text1\" })}\n \n
\n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n \n \n \n \n \n
\n \n \n \n
\n \n Void completion type \n
\n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n \n \n \n \n \n
\n \n );\n}\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Space, Typography, Button, Table, Tag, notification, Tabs, Divider, Checkbox } from \"antd\";\nimport { useIntl } from \"react-intl\";\nimport {\n RightOutlined,\n LeftOutlined,\n CopyOutlined\n} from \"@ant-design/icons\";\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport { a11yLight, a11yDark } from 'react-syntax-highlighter/dist/esm/styles/hljs';\n\nimport styles from \"./index.module.scss\";\n\nimport { Link } from \"react-router-dom\";\nimport { RouterEnum } from \"../../../enums/RouterEnum\";\nimport { getPassiveAuthImgByLanguageAndTheme } from \"../../../enums/ImageByLanguageEnum\";\n\nexport default function VoidActiveAuthentication(props) {\n const theme = useSelector((state) => state.userSettings.theme);\n const language = useSelector((state) => state.language.language);\n const intl = useIntl();\n const epUrl = \"https://active.besteron.com\";\n const copyToClipboard = (value) => {\n navigator.clipboard.writeText(value);\n\n notification.success({\n placement: \"bottomRight\",\n message: intl.formatMessage({ id: \"global.presentation.copied\" }),\n });\n };\n\n const columns = [\n {\n title: intl.formatMessage({ id: \"global.presentation.name\" }),\n dataIndex: 'name',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.type\" }),\n dataIndex: 'type',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.required\" }),\n dataIndex: 'required',\n render: (required, record) => {\n return \n
\n );\n}","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Space, Typography, Button, Table, Tag, notification, Tabs, Divider, Checkbox } from \"antd\";\nimport { useIntl } from \"react-intl\";\nimport {\n RightOutlined,\n LeftOutlined,\n CopyOutlined\n} from \"@ant-design/icons\";\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport { a11yLight, a11yDark } from 'react-syntax-highlighter/dist/esm/styles/hljs';\n\nimport styles from \"./index.module.scss\";\n\nimport { Link, Route } from \"react-router-dom\";\nimport { RouterEnum } from \"../../../enums/RouterEnum\";\nimport { getIntegrionInfoByLanguage } from \"../../../enums/ImageByLanguageEnum\";\n\nexport default function VoidCapture(props) {\n const theme = useSelector((state) => state.userSettings.theme);\n const language = useSelector((state) => state.language.language);\n const epUrl = \"https://active.besteron.com\";\n const intl = useIntl();\n const copyToClipboard = (value) => {\n navigator.clipboard.writeText(value);\n\n notification.success({\n placement: \"bottomRight\",\n message: intl.formatMessage({ id: \"global.presentation.copied\" }),\n });\n };\n\n const columns = [\n {\n title: intl.formatMessage({ id: \"global.presentation.name\" }),\n dataIndex: 'name',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.type\" }),\n dataIndex: 'type',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.required\" }),\n dataIndex: 'required',\n render: (required, record) => {\n return \n \n \n
\n \n \n {intl.formatMessage({ id: \"global.presentation.authentication\" })}\n \n \n {intl.formatMessage({ id: \"global.presentation.refundAuthentication.text1\" })}\n \n \n {intl.formatMessage({ id: \"global.presentation.refundAuthentication.text2\" })}\n \n
\n \n
\n \n {getPassiveAuthImgByLanguageAndTheme(language, theme)?.img}\n
\n \n \n \n {intl.formatMessage({ id: \"global.presentation.refundAuthentication.getAccessToken\" })}\n \n \n POST \n \n {epUrl}/api/oauth2/token\n \n copyToClipboard(`${epUrl}/api/oauth2/token`)} />\n \n \n
\n \n
\n \n {intl.formatMessage({ id: \"global.presentation.refundAuthentication.text3\" })}\n \n {intl.formatMessage({ id: \"global.presentation.request\" })}\n \n \n {`${intl.formatMessage({ id: \"global.presentation.response\" })} (200 - OK)`}\n \n
\n \n intl.formatMessage({ id: \"global.presentation.header\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n
\n \n \n \n \n {`POST ${epUrl}/api/oauth2/token\nAccept: application/json\nContent-type: application/x-www-form-urlencoded\n \ngrant_type=client_credentials\n&client_id=\n&client_secret=`}\n \n \n \n \n {`{\n \"token_type\": \"bearer\",\n \"access_token\": \"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJuYW1lIjoiQmVzdGVyb24ifQ.Bnz2ha8ctC-NXe0x16_lRCbArwk3DI0mCJwCxIRGcDw\",\n \"expires_in\": 600,\n \"grant_type\": \"client_credentials\"\n}`}\n \n \n \n
\n \n \n \n \n \n \n \n \n \n
\n \n
\n );\n}","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Space, Typography, Button, Table, Tag, notification, Tabs, Divider, Checkbox } from \"antd\";\nimport { useIntl } from \"react-intl\";\nimport {\n RightOutlined,\n LeftOutlined,\n CopyOutlined\n} from \"@ant-design/icons\";\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport { a11yLight, a11yDark } from 'react-syntax-highlighter/dist/esm/styles/hljs';\n\nimport styles from \"./index.module.scss\";\n\nimport { Link, Route } from \"react-router-dom\";\nimport { RouterEnum } from \"../../../enums/RouterEnum\";\nimport { getIntegrionInfoByLanguage } from \"../../../enums/ImageByLanguageEnum\";\n\nexport default function VoidCancel(props) {\n const theme = useSelector((state) => state.userSettings.theme);\n const language = useSelector((state) => state.language.language);\n const epUrl = \"https://active.besteron.com\";\n const intl = useIntl();\n const copyToClipboard = (value) => {\n navigator.clipboard.writeText(value);\n\n notification.success({\n placement: \"bottomRight\",\n message: intl.formatMessage({ id: \"global.presentation.copied\" }),\n });\n };\n\n const columns = [\n {\n title: intl.formatMessage({ id: \"global.presentation.name\" }),\n dataIndex: 'name',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.type\" }),\n dataIndex: 'type',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.required\" }),\n dataIndex: 'required',\n render: (required, record) => {\n return \n \n \n
\n \n \n {intl.formatMessage({ id: \"global.presentation.void.completionType.capture\" })}\n \n \n {intl.formatMessage({ id: \"global.presentation.void.completionType.capture.text1\" })}\n \n
\n \n \n \n {intl.formatMessage({ id: \"global.presentation.void.completionType.capture\" })}\n \n \n POST \n \n {epUrl}{\"/api/payment-intents/void/capture/{transactionId}\"}\n \n copyToClipboard(`${epUrl}/api/payment-intents/void/capture/{transactionId}`)} />\n \n \n
\n \n
\n \n {intl.formatMessage({ id: \"global.presentation.void.completionType.capture.text2\" })}\n \n {intl.formatMessage({ id: \"global.presentation.authentication\" })}\n \n {\" \"}\n \n {intl.formatMessage({ id: \"global.presentation.request\" })}\n \n \n {`${intl.formatMessage({ id: \"global.presentation.response\" })} (200 - OK)`}\n \n
\n \n intl.formatMessage({ id: \"global.presentation.header\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n
\n \n \n \n \n {`POST ${epUrl}/api/payment-intents/void/capture/5s3ec6fe-2f15-47b8-88aa-4a08b2egb8dd\nAccept: application/json\nContent-type: application/json\nAuthorization: Bearer `}\n \n \n \n \n {}\n \n \n \n
\n \n \n \n \n \n \n \n \n \n
\n \n
\n );\n}","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Space, Typography, Button, Table, Tag, notification, Tabs, Divider, Checkbox } from \"antd\";\nimport { useIntl } from \"react-intl\";\nimport {\n RightOutlined,\n LeftOutlined,\n CopyOutlined\n} from \"@ant-design/icons\";\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport { a11yLight, a11yDark } from 'react-syntax-highlighter/dist/esm/styles/hljs';\n\nimport styles from \"./index.module.scss\";\n\nimport { Link, Route } from \"react-router-dom\";\nimport { RouterEnum } from \"../../../enums/RouterEnum\";\nimport { getIntegrionInfoByLanguage } from \"../../../enums/ImageByLanguageEnum\";\n\nexport default function OnDemandPaymentIntentCreation(props) {\n const theme = useSelector((state) => state.userSettings.theme);\n const language = useSelector((state) => state.language.language);\n const intl = useIntl();\n const copyToClipboard = (value) => {\n navigator.clipboard.writeText(value);\n\n notification.success({\n placement: \"bottomRight\",\n message: intl.formatMessage({ id: \"global.presentation.copied\" }),\n });\n };\n\n const columns = [\n {\n title: intl.formatMessage({ id: \"global.presentation.name\" }),\n dataIndex: 'name',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.type\" }),\n dataIndex: 'type',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.required\" }),\n dataIndex: 'required',\n render: (required, record) => {\n return \n \n \n
\n \n \n {intl.formatMessage({ id: \"global.presentation.void.completionType.cancel\" })}\n \n \n {intl.formatMessage({ id: \"global.presentation.void.completionType.cancel.text1\" })}\n \n
\n \n \n \n {intl.formatMessage({ id: \"global.presentation.void.completionType.cancel\" })}\n \n \n POST \n \n {epUrl}{\"/api/payment-intents/void/cancel/{transactionId}\"}\n \n copyToClipboard(`${epUrl}/api/payment-intents/void/cancel/{transactionId}`)} />\n \n \n
\n \n
\n \n {intl.formatMessage({ id: \"global.presentation.void.completionType.cancel.text2\" })}\n \n {intl.formatMessage({ id: \"global.presentation.authentication\" })}\n \n {\" \"}\n \n {intl.formatMessage({ id: \"global.presentation.request\" })}\n \n \n {`${intl.formatMessage({ id: \"global.presentation.response\" })} (200 - OK)`}\n \n
\n \n intl.formatMessage({ id: \"global.presentation.header\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n
\n \n \n \n \n {`POST ${epUrl}/api/payment-intents/void/cancel/5s3ec6fe-2f15-47b8-88aa-4a08b2egb8dd\nAccept: application/json\nContent-type: application/json\nAuthorization: Bearer `}\n \n \n \n \n {}\n \n \n \n
\n \n \n \n \n \n \n \n \n \n
\n \n
\n );\n}","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Space, Typography, Button, Table, Tag, notification, Tabs, Divider, Checkbox } from \"antd\";\nimport { useIntl } from \"react-intl\";\nimport {\n RightOutlined,\n LeftOutlined,\n CopyOutlined\n} from \"@ant-design/icons\";\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport { a11yLight, a11yDark } from 'react-syntax-highlighter/dist/esm/styles/hljs';\n\nimport styles from \"./index.module.scss\";\n\nimport { Link } from \"react-router-dom\";\nimport { RouterEnum } from \"../../../enums/RouterEnum\";\nimport { getPassiveAuthImgByLanguageAndTheme } from \"../../../enums/ImageByLanguageEnum\";\n\nexport default function PassiveOnDemandAuthentication(props) {\n const theme = useSelector((state) => state.userSettings.theme);\n const language = useSelector((state) => state.language.language);\n const intl = useIntl();\n const epUrl = \"https://passive.besteron.com\";\n const copyToClipboard = (value) => {\n navigator.clipboard.writeText(value);\n\n notification.success({\n placement: \"bottomRight\",\n message: intl.formatMessage({ id: \"global.presentation.copied\" }),\n });\n };\n\n const columns = [\n {\n title: intl.formatMessage({ id: \"global.presentation.name\" }),\n dataIndex: 'name',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.type\" }),\n dataIndex: 'type',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.required\" }),\n dataIndex: 'required',\n render: (required, record) => {\n return \n \n \n
\n \n \n {intl.formatMessage({ id: \"global.presentation.onDemandPaymentCreation\" })}\n \n \n {intl.formatMessage({ id: \"global.presentation.onDemandPaymentCreation.text1\" })}\n \n \n {intl.formatMessage({ id: \"global.presentation.authentication\" })}\n \n \n {intl.formatMessage({ id: \"global.presentation.onDemandPaymentCreation.chapter\" })}\n \n
\n \n \n \n {intl.formatMessage({ id: \"global.presentation.onDemandPaymentCreation\" })}\n \n \n POST \n \n https://gate.besteron.com/api/payment-intent\n \n copyToClipboard(\"https://gate.besteron.com/api/payment-intent\")} />\n \n \n
\n \n
\n \n {intl.formatMessage({ id: \"global.presentation.onDemandPaymentCreation.text2\" })}\n \n {intl.formatMessage({ id: \"global.presentation.paymentCreation\" })}\n \n {\". \"}\n {intl.formatMessage({ id: \"global.presentation.onDemandPaymentCreation.text3\" })}\n \n \n \n {intl.formatMessage({ id: \"global.presentation.request\" })}\n \n \n {`${intl.formatMessage({ id: \"global.presentation.response\" })} (200 - OK)`}\n \n
\n - \n
- \n {intl.formatMessage({ id: \"global.presentation.onDemandPaymentCreation.text4\" })}\n \n
- \n {intl.formatMessage({ id: \"global.presentation.onDemandPaymentCreation.text5\" })}\n \n
- \n {intl.formatMessage({ id: \"global.presentation.onDemandPaymentCreation.text6\" })}\n \n
\n intl.formatMessage({ id: \"global.presentation.header\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n
\n \n \n \n \n {`POST https://gate.besteron.com/api/payment-intent\nAccept: application/json\nContent-type: application/json\nAuthorization: Bearer \n\n{\n \"totalAmount\": 20,\n \"currencyCode\": \"EUR\",\n \"orderNumber\": \"OBJ01234\",\n \"transactionType\": \"ONDEMAND\",\n \"language\": \"SK\",\n \"paymentMethods\": [\n \"CARD\"\n ],\n \"buyer\": {\n \"email\": \"michael@casey.com\",\n },\n \"items\": [\n {\n \"name\": \"teacup\",\n \"type\": \"ITEM\",\n \"amount\": 20,\n \"count\": 2,\n \"vatRate\": 20,\n \"ean\": \"ITEM0981234\",\n \"productUrl\": \"https://example.com/teacup\"\n },\n ],\n \"callback\": {\n \"returnUrl\": \"https://example.com/return\",\n \"notificationUrl\": \"https://example.com/notification\",\n \"recurringUrl\": \"https://example.com/recurring\"\n }\n}`}\n \n \n \n \n {`{\n \"redirectUrl\": \"https://gate.besteron.com/widget?sh=PujHTfdjbh5jedh7jkeE\",\n \"transactionId\": \"c027395e-71cb-464b-8af3-11838787e9fb\",\n \"onDemandTransactionId\": \"d087345g-73cx-414b-8hf3-94638787e9qw\"\n}`}\n \n \n \n
\n \n \n \n \n \n \n \n \n \n
\n \n
\n );\n}","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Space, Typography, Button, Table, Tag, notification, Tabs, Divider, Checkbox } from \"antd\";\nimport { useIntl } from \"react-intl\";\nimport {\n RightOutlined,\n LeftOutlined,\n CopyOutlined\n} from \"@ant-design/icons\";\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport { a11yLight, a11yDark } from 'react-syntax-highlighter/dist/esm/styles/hljs';\n\nimport styles from \"./index.module.scss\";\n\nimport { Link, Route } from \"react-router-dom\";\nimport { RouterEnum } from \"../../../enums/RouterEnum\";\nimport { getIntegrionInfoByLanguage } from \"../../../enums/ImageByLanguageEnum\";\n\nexport default function PassiveOnDemandInformation(props) {\n const theme = useSelector((state) => state.userSettings.theme);\n const language = useSelector((state) => state.language.language);\n const epUrl = \"https://passive.besteron.com\";\n const intl = useIntl();\n const copyToClipboard = (value) => {\n navigator.clipboard.writeText(value);\n\n notification.success({\n placement: \"bottomRight\",\n message: intl.formatMessage({ id: \"global.presentation.copied\" }),\n });\n };\n\n const columns = [\n {\n title: intl.formatMessage({ id: \"global.presentation.name\" }),\n dataIndex: 'name',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.type\" }),\n dataIndex: 'type',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.required\" }),\n dataIndex: 'required',\n render: (required, record) => {\n return \n \n \n
\n \n \n {intl.formatMessage({ id: \"global.presentation.authentication\" })}\n \n \n {intl.formatMessage({ id: \"global.presentation.passiveAuthentication.text1\" })}\n \n \n {intl.formatMessage({ id: \"global.presentation.passiveAuthentication.text2\" })}\n \n
\n \n
\n \n {getPassiveAuthImgByLanguageAndTheme(language, theme)?.img}\n
\n \n \n \n {intl.formatMessage({ id: \"global.presentation.passiveAuthentication.getAccessToken\" })}\n \n \n POST \n \n {epUrl}/api/oauth2/token\n \n copyToClipboard(`${epUrl}/api/oauth2/token`)} />\n \n \n
\n \n
\n \n {intl.formatMessage({ id: \"global.presentation.passiveAuthentication.text3\" })}\n \n {intl.formatMessage({ id: \"global.presentation.request\" })}\n \n \n {`${intl.formatMessage({ id: \"global.presentation.response\" })} (200 - OK)`}\n \n
\n \n intl.formatMessage({ id: \"global.presentation.header\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n
\n \n \n \n \n {`POST ${epUrl}/api/oauth2/token\nAccept: application/json\nContent-type: application/x-www-form-urlencoded\n \ngrant_type=client_credentials\n&client_id=\n&client_secret=`}\n \n \n \n \n {`{\n \"token_type\": \"bearer\",\n \"access_token\": \"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJuYW1lIjoiQmVzdGVyb24ifQ.Bnz2ha8ctC-NXe0x16_lRCbArwk3DI0mCJwCxIRGcDw\",\n \"expires_in\": 600,\n \"grant_type\": \"client_credentials\"\n}`}\n \n \n \n
\n \n \n \n \n \n \n \n \n \n
\n \n
\n );\n}","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Space, Typography, Button, Table, Tag, notification, Tabs, Divider, Checkbox } from \"antd\";\nimport { useIntl } from \"react-intl\";\nimport {\n RightOutlined,\n LeftOutlined,\n CopyOutlined\n} from \"@ant-design/icons\";\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport { a11yLight, a11yDark } from 'react-syntax-highlighter/dist/esm/styles/hljs';\n\nimport styles from \"./index.module.scss\";\n\nimport { Link, Route } from \"react-router-dom\";\nimport { RouterEnum } from \"../../../enums/RouterEnum\";\nimport { getIntegrionInfoByLanguage } from \"../../../enums/ImageByLanguageEnum\";\n\nexport default function OnDemandInvoke(props) {\n const theme = useSelector((state) => state.userSettings.theme);\n const language = useSelector((state) => state.language.language);\n const epUrl = \"https://active.besteron.com\";\n const intl = useIntl();\n const copyToClipboard = (value) => {\n navigator.clipboard.writeText(value);\n\n notification.success({\n placement: \"bottomRight\",\n message: intl.formatMessage({ id: \"global.presentation.copied\" }),\n });\n };\n\n const columns = [\n {\n title: intl.formatMessage({ id: \"global.presentation.name\" }),\n dataIndex: 'name',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.type\" }),\n dataIndex: 'type',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.required\" }),\n dataIndex: 'required',\n render: (required, record) => {\n return \n \n \n
\n \n \n {intl.formatMessage({ id: \"global.presentation.obtainingOnDemandInformation\" })}\n \n \n {intl.formatMessage({ id: \"global.presentation.passiveOnDemandInformation.text1\" })}\n \n \n {intl.formatMessage({ id: \"global.presentation.authentication\" })}\n \n
\n \n \n \n {intl.formatMessage({ id: \"global.presentation.paymentOnDemandInformation\" })}\n \n \n POST \n \n {epUrl}/api/payment-intents/on-demand/{``}\n \n copyToClipboard(`${epUrl}/api/payment-intents/on-demand`)} />\n \n \n
\n \n
\n \n {intl.formatMessage({ id: \"global.presentation.passiveOnDemandInformation.text2\" })}\n \n {intl.formatMessage({ id: \"global.presentation.request\" })}\n \n \n {`${intl.formatMessage({ id: \"global.presentation.response\" })} (200 - OK)`}\n \n
\n \n intl.formatMessage({ id: \"global.presentation.header\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n
\n \n \n \n \n {`POST https://passive.besteron.com/api/payment-intents/on-demand/\nAccept: application/json\nContent-type: application/json\nAuthorization: Bearer `}\n \n \n \n \n {`{\n \"onDemandTransaction\": {\n \"transactionId\": \"39e1d961-32bd-4bna-8ef0-e7569d0a31a5\",\n \"createdAt\": \"2023-07-03T16:24:45.18615Z\",\n \"updatedAt\": \"2023-07-03T16:24:45.186226Z\"\n \"status\": \"Created\",\n \"onDemandTransactions\": [\n \"c9b906ba-9255-4332-9e6b-63dfd97232f0\"\n ]\n }\n}`}\n \n \n \n
\n \n \n \n {intl.formatMessage({ id: \"global.presentation.paymentsOnDemandInformation\" })}\n \n \n POST \n \n {epUrl}/api/payment-intents/on-demand\n \n copyToClipboard(`${epUrl}/api/payment-intents/on-demand`)} />\n \n \n
\n \n
\n \n {intl.formatMessage({ id: \"global.presentation.passiveOnDemandInformation.text6\" })}\n \n {intl.formatMessage({ id: \"global.presentation.request\" })}\n \n \n {`${intl.formatMessage({ id: \"global.presentation.response\" })} (200 - OK)`}\n \n
\n \n intl.formatMessage({ id: \"global.presentation.header\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n
\n \n \n \n \n {`POST https://passive.besteron.com/api/payment-intents/on-demand\nAccept: application/json\nContent-type: application/json\nAuthorization: Bearer \n\n[\n \"39f1d961-31bd-4bba-9ef0-e4569d0c31a5\",\n \"0c19d4d1-cf4f-4ea3-bf22-f43d8a78fe34\",\n]\n\n`}\n \n \n \n \n {`{\n \"onDemandTransactions\": [\n {\n \"transactionId\": \"9f1d961-31bd-4bba-9ef0-e4569d0c31a5\",\n \"createdAt\": \"2023-07-03T16:24:45.18615Z\",\n \"updatedAt\": \"2023-07-03T16:24:45.186226Z\"\n \"status\": \"Created\",\n \"onDemandTransactions\": [\n \"c9b406ba-9267-4992-9e9b-63dfd17232f0\"\n ]\n },\n {\n \"transactionId\": \"0c19d4d1-cf4f-4ea3-bf22-f43d8a78fe34\",\n \"createdAt\": \"2023-07-03T16:25:12.092138Z\",\n \"updatedAt\": \"2023-07-03T16:25:12.092138Z\"\n \"status\": \"InProgress\",\n \"onDemandTransactions\": [\n \"f1398ce7-66d0-4c59-b32e-49eae6118e5a\"\n ]\n }\n ]\n}`}\n \n \n \n
\n \n \n \n \n \n \n \n \n \n
\n \n
\n );\n}","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Space, Typography, Button, Table, Tag, notification, Tabs, Divider, Checkbox } from \"antd\";\nimport { useIntl } from \"react-intl\";\nimport {\n RightOutlined,\n LeftOutlined,\n CopyOutlined\n} from \"@ant-design/icons\";\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport { a11yLight, a11yDark } from 'react-syntax-highlighter/dist/esm/styles/hljs';\n\nimport styles from \"./index.module.scss\";\n\nimport { Link, Route } from \"react-router-dom\";\nimport { RouterEnum } from \"../../../enums/RouterEnum\";\nimport { getIntegrionInfoByLanguage } from \"../../../enums/ImageByLanguageEnum\";\n\nexport default function OnDemandCancel(props) {\n const theme = useSelector((state) => state.userSettings.theme);\n const language = useSelector((state) => state.language.language);\n const epUrl = \"https://active.besteron.com\";\n const intl = useIntl();\n const copyToClipboard = (value) => {\n navigator.clipboard.writeText(value);\n\n notification.success({\n placement: \"bottomRight\",\n message: intl.formatMessage({ id: \"global.presentation.copied\" }),\n });\n };\n\n const columns = [\n {\n title: intl.formatMessage({ id: \"global.presentation.name\" }),\n dataIndex: 'name',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.type\" }),\n dataIndex: 'type',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.required\" }),\n dataIndex: 'required',\n render: (required, record) => {\n return \n \n \n
\n \n \n {intl.formatMessage({ id: \"global.presentation.invoke\" })}\n \n \n {intl.formatMessage({ id: \"global.presentation.onDemand.invoke.text1\" })}\n \n
\n \n \n \n {intl.formatMessage({ id: \"global.presentation.invoke\" })}\n \n \n POST \n \n {epUrl}{\"/api/payment-intents/on-demand/invoke\"}\n \n copyToClipboard(`${epUrl}/api/payment-intents/on-demand/invoke`)} />\n \n \n
\n \n
\n \n {intl.formatMessage({ id: \"global.presentation.onDemand.invoke.text2\" })}\n \n {intl.formatMessage({ id: \"global.presentation.authentication\" })}\n \n {\" \"}\n \n {intl.formatMessage({ id: \"global.presentation.request\" })}\n \n \n {`${intl.formatMessage({ id: \"global.presentation.response\" })} (200 - OK)`}\n \n
\n \n intl.formatMessage({ id: \"global.presentation.header\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n
\n \n \n \n \n {`POST ${epUrl}/api/payment-intents/on-demand/invoke\nAccept: application/json\nContent-type: application/json\nAuthorization: Bearer \n\n{\n \"transactionId\": \"5s3ec6fe-2f15-47b8-88aa-4a08b2egb8dd\",\n \"amount\": 1.00,\n \"orderNumber\": \"OBJ01234\",\n \"items\": [\n {\n \"name\": \"teacup\",\n \"type\": \"ITEM\",\n \"amount\": 20,\n \"count\": 2,\n \"vatRate\": 20,\n \"ean\": \"ITEM0981234\",\n \"productUrl\": \"https://example.com/teacup\"\n },\n {\n \"name\": \"fruit tea\",\n \"type\": \"ITEM\",\n \"amount\": 40,\n \"count\": 1,\n \"vatRate\": 20,\n \"ean\": \"ITEM7897\",\n \"productUrl\": \"https://example.com/fruittea\"\n }\n ],\n \"additionalParams\": [\n {\n \"name\": \"invoicenumber\",\n \"value\": \"2022112\"\n }\n ]\n }`}\n \n \n \n \n {`{\n \"transactionId\": \"c027395e-71cb-464b-8af3-11838787e9fb\"\n}`}\n \n \n \n
\n \n \n \n \n \n \n \n \n \n
\n \n
\n );\n}","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Space, Typography, Button, Table, Tag, notification, Tabs, Divider, Checkbox } from \"antd\";\nimport { useIntl } from \"react-intl\";\nimport {\n RightOutlined,\n LeftOutlined,\n CopyOutlined\n} from \"@ant-design/icons\";\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport { a11yLight, a11yDark } from 'react-syntax-highlighter/dist/esm/styles/hljs';\n\nimport styles from \"./index.module.scss\";\n\nimport { Link } from \"react-router-dom\";\nimport { RouterEnum } from \"../../../enums/RouterEnum\";\nimport { getPassiveAuthImgByLanguageAndTheme } from \"../../../enums/ImageByLanguageEnum\";\n\nexport default function OnDemandActiveAuthentication(props) {\n const theme = useSelector((state) => state.userSettings.theme);\n const language = useSelector((state) => state.language.language);\n const intl = useIntl();\n const epUrl = \"https://active.besteron.com\";\n const copyToClipboard = (value) => {\n navigator.clipboard.writeText(value);\n\n notification.success({\n placement: \"bottomRight\",\n message: intl.formatMessage({ id: \"global.presentation.copied\" }),\n });\n };\n\n const columns = [\n {\n title: intl.formatMessage({ id: \"global.presentation.name\" }),\n dataIndex: 'name',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.type\" }),\n dataIndex: 'type',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.required\" }),\n dataIndex: 'required',\n render: (required, record) => {\n return \n \n \n
\n \n \n {intl.formatMessage({ id: \"global.presentation.cancel\" })}\n \n \n {intl.formatMessage({ id: \"global.presentation.onDemand.cancel.text1\" })}\n \n
\n \n \n \n {intl.formatMessage({ id: \"global.presentation.cancel\" })}\n \n \n POST \n \n {epUrl}{\"/api/payment-intents/on-demand/cancel/{transactionId}\"}\n \n copyToClipboard(`${epUrl}/api/payment-intents/on-demand/cancel/{transactionId}`)} />\n \n \n
\n \n
\n \n {intl.formatMessage({ id: \"global.presentation.onDemand.cancel.text2\" })}\n \n {intl.formatMessage({ id: \"global.presentation.authentication\" })}\n \n {\" \"}\n \n {intl.formatMessage({ id: \"global.presentation.request\" })}\n \n \n {`${intl.formatMessage({ id: \"global.presentation.response\" })} (200 - OK)`}\n \n
\n \n intl.formatMessage({ id: \"global.presentation.header\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n
\n \n \n \n \n {`POST ${epUrl}/api/payment-intents/on-demand/cancel/5s3ec6fe-2f15-47b8-88aa-4a08b2egb8dd\nAccept: application/json\nContent-type: application/json\nAuthorization: Bearer `}\n \n \n \n \n {}\n \n \n \n
\n \n \n \n \n \n \n \n \n \n
\n \n
\n );\n}","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Space, Typography, Button, Table, Tag, notification, Tabs, Divider, Checkbox } from \"antd\";\nimport { useIntl } from \"react-intl\";\nimport {\n RightOutlined,\n LeftOutlined,\n CopyOutlined\n} from \"@ant-design/icons\";\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport { a11yLight, a11yDark } from 'react-syntax-highlighter/dist/esm/styles/hljs';\n\nimport styles from \"./index.module.scss\";\n\nimport { Link, Route } from \"react-router-dom\";\nimport { RouterEnum } from \"../../../enums/RouterEnum\";\nimport { getIntegrionInfoByLanguage } from \"../../../enums/ImageByLanguageEnum\";\n\nexport default function OnDemandTransaction(props) {\n const theme = useSelector((state) => state.userSettings.theme);\n const intl = useIntl();\n\n const columns = [\n {\n title: intl.formatMessage({ id: \"global.presentation.name\" }),\n dataIndex: 'name',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.type\" }),\n dataIndex: 'type',\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.required\" }),\n dataIndex: 'required',\n render: (required, record) => {\n return \n \n \n
\n \n \n {intl.formatMessage({ id: \"global.presentation.authentication\" })}\n \n \n {intl.formatMessage({ id: \"global.presentation.refundAuthentication.text1\" })}\n \n \n {intl.formatMessage({ id: \"global.presentation.refundAuthentication.text2\" })}\n \n
\n \n
\n \n {getPassiveAuthImgByLanguageAndTheme(language, theme)?.img}\n
\n \n \n \n {intl.formatMessage({ id: \"global.presentation.refundAuthentication.getAccessToken\" })}\n \n \n POST \n \n {epUrl}/api/oauth2/token\n \n copyToClipboard(`${epUrl}/api/oauth2/token`)} />\n \n \n
\n \n
\n \n {intl.formatMessage({ id: \"global.presentation.refundAuthentication.text3\" })}\n \n {intl.formatMessage({ id: \"global.presentation.request\" })}\n \n \n {`${intl.formatMessage({ id: \"global.presentation.response\" })} (200 - OK)`}\n \n
\n \n intl.formatMessage({ id: \"global.presentation.header\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n intl.formatMessage({ id: \"global.presentation.body\" })}\n pagination={false}\n rowKey={\"name\"}\n scroll={{ x: 'max-content' }}\n />\n
\n \n
\n \n \n \n \n {`POST ${epUrl}/api/oauth2/token\nAccept: application/json\nContent-type: application/x-www-form-urlencoded\n \ngrant_type=client_credentials\n&client_id=\n&client_secret=`}\n \n \n \n \n {`{\n \"token_type\": \"bearer\",\n \"access_token\": \"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJuYW1lIjoiQmVzdGVyb24ifQ.Bnz2ha8ctC-NXe0x16_lRCbArwk3DI0mCJwCxIRGcDw\",\n \"expires_in\": 600,\n \"grant_type\": \"client_credentials\"\n}`}\n \n \n \n
\n \n \n \n \n \n \n \n \n \n
\n \n
\n );\n}","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Space, Typography, Button, Table } from \"antd\";\nimport { useIntl } from \"react-intl\";\nimport { RightOutlined, LeftOutlined } from \"@ant-design/icons\";\n\nimport styles from \"./index.module.scss\";\n\nimport { Link } from \"react-router-dom\";\nimport { RouterEnum } from \"../../../enums/RouterEnum\";\n\nexport default function OnDemandStatus(props) {\n const theme = useSelector((state) => state.userSettings.theme);\n const intl = useIntl();\n\n const columns = [\n {\n title: intl.formatMessage({ id: \"global.presentation.value\" }),\n dataIndex: \"value\",\n width: \"50%\",\n },\n {\n title: intl.formatMessage({ id: \"global.presentation.description\" }),\n dataIndex: \"description\",\n width: \"50%\",\n },\n ];\n\n const data = [\n {\n value: \"Created\",\n description: intl.formatMessage({ id: \"global.presentation.created\" }),\n },\n {\n value: \"WaitingForConfirmation\",\n description: intl.formatMessage({\n id: \"global.presentation.waitingForConfirmation\",\n }),\n },\n {\n value: \"InProgress\",\n description: intl.formatMessage({ id: \"global.presentation.inProgress\" }),\n },\n {\n value: \"Completed\",\n description: intl.formatMessage({ id: \"global.presentation.completed\" }),\n },\n {\n value: \"ManualAttentionRequired\",\n description: intl.formatMessage({\n id: \"global.presentation.manualAttentionRequired\",\n }),\n },\n {\n value: \"Invalid\",\n description: intl.formatMessage({ id: \"global.presentation.invalid\" }),\n },\n {\n value: \"Canceled\",\n description: intl.formatMessage({ id: \"global.presentation.canceled\" }),\n },\n {\n value: \"Timeouted\",\n description: intl.formatMessage({ id: \"global.presentation.timeouted\" }),\n },\n {\n value: \"Error\",\n description: intl.formatMessage({ id: \"global.presentation.error\" }),\n },\n ];\n\n return (\n \n \n \n
\n \n \n OnDemandTransaction\n \n \n {intl.formatMessage({ id: \"global.presentation.onDemandTransaction.text1\" })}\n \n
\n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n \n \n \n \n \n
\n \n \n \n
\n \n OnDemand status \n
\n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n \n \n
\n \n );\n}\n","import React from \"react\";\nimport { Route, Switch } from \"react-router\";\nimport { RouterEnum } from \"../enums/RouterEnum\";\nimport VoidPaymentIntentCreation from \"../pages/presentation/VoidPaymentIntentCreation\";\nimport Void from \"../pages/presentation/Void\";\nimport VoidCompletionType from \"../pages/presentation/VoidCompletionType\";\nimport VoidActiveAuthentication from \"../pages/presentation/VoidActiveAuthentication\";\nimport VoidCapture from \"../pages/presentation/VoidCapture\";\nimport VoidCancel from \"../pages/presentation/VoidCancel\";\nimport OnDemandPaymentIntentCreation from \"../pages/presentation/OnDemandPaymentIntentCreation\";\nimport PassiveOnDemandAuthentication from \"../pages/presentation/PassiveOnDemandAuthentication\";\nimport PassiveOnDemandInformation from \"../pages/presentation/PassiveOnDemandInformation\";\nimport OnDemandInvoke from \"../pages/presentation/OnDemandInvoke\";\nimport OnDemandCancel from \"../pages/presentation/OnDemandCancel\";\nimport OnDemandActiveAuthentication from \"../pages/presentation/OnDemandActiveAuthentication\";\nimport OnDemandTransaction from \"../pages/presentation/OnDemandTransaction\";\nimport OnDemandStatus from \"../pages/presentation/OnDemandStatus\";\n\n// import ProtectedRoute from \"./ProtectedRoute\";\n\nconst Introduction = React.lazy(() => import(\"../pages/presentation/Introduction\"));\nconst Security = React.lazy(() => import(\"../pages/presentation/Security\"));\nconst Authentication = React.lazy(() => import(\"../pages/presentation/Authentication\"));\nconst PaymentIntentCreation = React.lazy(() => import(\"../pages/presentation/PaymentIntentCreation\"));\nconst PaymentIntent = React.lazy(() => import(\"../pages/presentation/PaymentIntent\"));\nconst PaymentMethod = React.lazy(() => import(\"../pages/presentation/PaymentMethod\"));\nconst Item = React.lazy(() => import(\"../pages/presentation/Item\"));\nconst ItemType = React.lazy(() => import(\"../pages/presentation/ItemType\"));\nconst Callback = React.lazy(() => import(\"../pages/presentation/Callback\"));\nconst RefundRequestCallback = React.lazy(() => import(\"../pages/presentation/RefundRequestCallback\"));\nconst Buyer = React.lazy(() => import(\"../pages/presentation/Buyer\"));\nconst Billing = React.lazy(() => import(\"../pages/presentation/Billing\"));\nconst Delivery = React.lazy(() => import(\"../pages/presentation/Delivery\"));\nconst Recipient = React.lazy(() => import(\"../pages/presentation/Recipient\"));\nconst PassiveAuthentication = React.lazy(() => import(\"../pages/presentation/PassiveAuthentication\"));\nconst PassiveInformation = React.lazy(() => import(\"../pages/presentation/PassiveInformation\"));\nconst Transaction = React.lazy(() => import(\"../pages/presentation/Transaction\"));\nconst RefundTransactionResponse = React.lazy(() => import(\"../pages/presentation/RefundTransactionResponse\"));\nconst Status = React.lazy(() => import(\"../pages/presentation/Status\"));\nconst RefundStatus = React.lazy(() => import(\"../pages/presentation/RefundStatus\"));\nconst AdditionalParam = React.lazy(() => import(\"../pages/presentation/AdditionalParam\"));\nconst NotFound = React.lazy(() => import(\"../pages/presentation/NotFound\"));\nconst RefundAuthentication = React.lazy(() => import(\"../pages/presentation/RefundAuthentication\"));\nconst RefundRequest = React.lazy(() => import(\"../pages/presentation/RefundRequest\"));\nconst ResponseCode = React.lazy(() => import(\"../pages/presentation/ResponseCode\"));\nconst DisplayRedirect = React.lazy(() => import(\"../pages/presentation/DisplayRedirect\"));\nconst Language = React.lazy(() => import(\"../pages/presentation/Language\"));\nconst PassiveRefundAuthentication = React.lazy(() => import(\"../pages/presentation/PassiveRefundAuthentication\"));\nconst PassiveRefundInformation = React.lazy(() => import(\"../pages/presentation/PassiveRefundInformation\"));\nconst RefundTransaction = React.lazy(() => import(\"../pages/presentation/RefundTransaction\"));\nconst RecurringPaymentIntentCreation = React.lazy(() => import(\"../pages/presentation/RecurringPaymentIntentCreation\"));\nconst Recurring = React.lazy(() => import(\"../pages/presentation/Recurring\"));\nconst RecurringCycle = React.lazy(() => import(\"../pages/presentation/RecurringCycle\"));\nconst PassiveRecurringAuthentication = React.lazy(() => import(\"../pages/presentation/PassiveRecurringAuthentication\"));\nconst PassiveRecurringInformation = React.lazy(() => import(\"../pages/presentation/PassiveRecurringInformation\"));\nconst RecurringTransaction = React.lazy(() => import(\"../pages/presentation/RecurringTransaction\"));\nconst RecurringStatus = React.lazy(() => import(\"../pages/presentation/RecurringStatus\"));\nconst CancelRecurringAuthentication = React.lazy(() => import(\"../pages/presentation/CancelRecurringAuthentication\"));\nconst CancelRecurringRequest = React.lazy(() => import(\"../pages/presentation/CancelRecurringRequest\"));\nconst Setting = React.lazy(() => import(\"../pages/presentation/Setting\"));\n\nconst PassiveCardDataAuthentication = React.lazy(() => import(\"../pages/presentation/PassiveCardDataAuthentication\"));\nconst PassiveCardDataInformation = React.lazy(() => import(\"../pages/presentation/PassiveCardDataInformation\"));\nconst PassiveBankDataAuthentication = React.lazy(() => import(\"../pages/presentation/PassiveBankDataAuthentication\"));\nconst PassiveBankDataInformation = React.lazy(() => import(\"../pages/presentation/PassiveBankDataInformation\"));\n\nconst CardDataObject = React.lazy(() => import(\"../pages/presentation/CardDataObject\"));\nconst BankDataObject = React.lazy(() => import(\"../pages/presentation/BankDataObject\"));\n\n\nfunction Routers(props) {\n const presentationRouter = () => {\n return (\n \n 
\n 
\n
\n );\n}\n\nexport default Spinner;","import React from \"react\";\nimport { useIntl } from \"react-intl\";\n\nimport styles from \"./Loader.module.scss\";\n\nimport Spinner from \"./Spinner\";\nimport { Typography } from \"antd\";\n\nfunction Loader(props) {\n const intl = useIntl();\n\n return (\n \n
\n );\n}\n\n\nexport default Loader;","import React, { Suspense, useEffect } from 'react';\nimport { useSelector } from \"react-redux\";\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport { IntlProvider } from \"react-intl\";\nimport { getLocaleByShortcut } from \"./utils/antdLocale.jsx\";\nimport { ConfigProvider } from \"antd\";\nimport { ThemeSwitcherProvider } from \"react-css-theme-switcher\";\n\nimport Routers from './components/Routers';\nimport global from \"./translations/global.json\";\nimport presenationGlobal from \"./translations/presentation/global.json\";\nimport Loader from './components/presentation/Loader';\n\nconst PresentationLayout = React.lazy(() => import(\"./components/presentation/PresentationLayout\"));\nconst Themes = {\n light: `${process.env.PUBLIC_URL}/css/antd.css`,\n dark: `${process.env.PUBLIC_URL}/css/antd.dark.css`,\n};\n\nfunction App(props) {\n const language = useSelector((state) => state.language.language);\n const theme = useSelector((state) => state.userSettings.theme);\n const history = useHistory();\n const location = useLocation();\n\n let combinedTranslation = {\n \"en\": {\n ...global[\"en\"],\n ...presenationGlobal[\"en\"]\n },\n \"sk\": {\n ...global[\"sk\"],\n ...presenationGlobal[\"sk\"],\n },\n // \"cz\": {\n // ...global[\"cz\"],\n // ...presenationGlobal[\"cz\"],\n // },\n // \"hu\": {\n // ...global[\"hu\"],\n // ...presenationGlobal[\"hu\"],\n // },\n // \"pl\": {\n // ...global[\"pl\"],\n // ...presenationGlobal[\"pl\"],\n // },\n // \"ro\": {\n // ...global[\"ro\"],\n // ...presenationGlobal[\"ro\"],\n // },\n // \"de\": {\n // ...global[\"de\"],\n // ...presenationGlobal[\"de\"],\n // }\n }\n\n useEffect(() => {\n if (location.pathname.includes(\"www\"))\n history.push(location.pathname.replace(\"www.\", \"\"));\n }, []);\n\n return (\n \n \n {intl.formatMessage({ id: \"global.presentation.loader.title\" })}\n \n
\n