examples/default-styles/index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <!--
Link the SDK bundle.
NOTE: In this example, we use a local build just for convenience purposes.
-->
    <script src="../../dist/main.js"></script>
    <script src="../variables.js"></script>
    <link rel="stylesheet" href="../../dist/style.css" />
  </head>

  <body>
    <h1>Pay Station SDK</h1>
    <psdk-legal></psdk-legal>
    <!-- Initialization script -->
    <script>
      if (typeof PayStationSdk === 'undefined') {
        alert(payStationSdkUndefinedError);
        throw new Error('PayStationSdk not found');
      }
      /**
       * To learn more about creating tokens,
       * refer to https://developers.xsolla.com/api/pay-station/operation/create-token/
       */
      const accessToken = '';

      if (!accessToken) {
        alert(`No token provided. Please, check the documentation`);
        throw new Error('No token provided');
      }

      async function initPayStationSdk() {
        /**
         * The SDK is available under the PayStationSdk namespace.
         * To begin initialization, obtain a reference to the headlessCheckout object.
         */
        const { headlessCheckout } = PayStationSdk;

        /**
         * Call the `init()` method with the provided environment object.
         * The isWebView parameter is required and indicates whether your
         * integration type is a WebView or not.
         * Please note that this command executes asynchronously.
         */
        await headlessCheckout.init({
          isWebView: false,
          sandbox: true,
          theme: 'default',
        });

        /**
         * After the Payments SDK has been initialized, the next step is setting the token.
         * To learn more about creating tokens,
         * refer to https://developers.xsolla.com/api/pay-station/operation/create-token/
         */
        await headlessCheckout.setToken(accessToken);
      }

      initPayStationSdk();
    </script>
  </body>
</html>