1<script>
2const xl = new XsollaLogin.Widget({
3  // Other settings
4  settingsJSON: "url_string",
5  socialsJSON: "url_string",
6  themeJSON: "url_string"
7});
8</script>

 1{
 2  "authorization_methods": {
 3    // Authorization methods
 4  },
 5  "registration_fields": {
 6    // Registration fields
 7  },
 8  "email_validation": {
 9    // Settings for email validation
10  }
11
12  // Other widget settings
13}

1{
2  "authorization_methods": ["email", "phone"]
3}

 1{
 2  "registration_fields": [
 3    {
 4      "name": "username",
 5      "required": false,
 6      "type": "str",
 7      "validation": {
 8        "allowed_characters": "A-Z, a-z, 0-9",
 9        "max_length": 16,
10        "min_length": 5,
11        "regexps": ["^.{5,16}$"]
12      }
13    },
14    { "name": "email", "required": true, "type": "email", "validation": {} },
15    { "name": "bday", "required": true, "type": "date", "validation": {} },
16    {
17      "name": "platform",
18      "default_value": ["MacOS", "Nintendo Switch", "Steam"],
19      "required": false,
20      "type": "multi-select",
21      "validation": {}
22    },
23    {
24      "name": "country-name",
25      "default_value": ["US", "GB", "DE"],
26      "required": false,
27      "type": "select",
28      "validation": {}
29    },
30    { "name": "password", "required": true, "type": "pass", "validation": {} },
31    {
32      "name": "password_confirm",
33      "required": false,
34      "type": "pass",
35      "validation": {}
36    },
37    {
38      "name": "promo_email_agreement",
39      "required": false,
40      "type": "bool",
41      "validation": {}
42    }
43  ]
44}

1{
2  "email_validation": {
3    "use_xsolla_email_validator": true
4  }
5}

1{
2  "can_register": true,
3  "can_reset_password": true,
4  "cookie_policy": "https://someurl.com"
5}

 1{
 2  "1": {
 3    "primary": [
 4      // Array of social networks for primary type
 5    ],
 6    "secondary": [
 7      // Array of social networks for secondary type
 8    ]
 9  },
10  "2": {
11    "primary": [
12      // Array of social networks for primary type
13    ],
14    "secondary": [
15      // Array of social networks for secondary type
16    ]
17  },
18  "3": {
19    "primary": [
20      // Array of social networks for primary type
21    ],
22    "secondary": [
23      // Array of social networks for secondary type
24    ]
25  },
26  "4": {
27    "primary": [
28      // Array of social networks for primary type
29    ],
30    "secondary": [
31      // Array of social networks for secondary type
32    ]
33  },
34  "5": {
35    "primary": [
36      // Array of social networks for primary type
37    ],
38    "secondary": [
39      // Array of social networks for secondary type
40    ]
41  },
42  "6": {
43    "primary": [
44      // Array of social networks for primary type
45    ],
46    "secondary": [
47      // Array of social networks for secondary type
48    ]
49  }
50}

 1{
 2  "1": {
 3    "primary": [{
 4      "name": "google",
 5      "jwt": "https://login.xsolla.com/api/social/google/login_redirect",
 6      "oauth2": "https://login.xsolla.com/api/oauth2/social/google/login_redirect"
 7    }],
 8    "secondary": [{
 9        "name": "facebook",
10        "jwt": "https://login.xsolla.com/api/social/facebook/login_redirect",
11        "oauth2": "https://login.xsolla.com/api/oauth2/social/facebook/login_redirect"
12      },
13      {
14        "name": "twitter",
15        "jwt": "https://login.xsolla.com/api/social/twitter/login_redirect",
16        "oauth2": "https://login.xsolla.com/api/oauth2/social/twitter/login_redirect"
17      }
18    ]
19  },
20  "2": {
21    "primary": [{
22      "name": "wechat",
23      "jwt": "https://login.xsolla.com/api/social/wechat/login_redirect",
24      "oauth2": "https://login.xsolla.com/api/oauth2/social/wechat/login_redirect"
25    }],
26    "secondary": [{
27        "name": "facebook",
28        "jwt": "https://login.xsolla.com/api/social/facebook/login_redirect",
29        "oauth2": "https://login.xsolla.com/api/oauth2/social/facebook/login_redirect"
30      },
31      {
32        "name": "twitter",
33        "jwt": "https://login.xsolla.com/api/social/twitter/login_redirect",
34        "oauth2": "https://login.xsolla.com/api/oauth2/social/twitter/login_redirect"
35      },
36      {
37        "name": "steam",
38        "jwt": "https://login.xsolla.com/api/social/steam/login_redirect",
39        "oauth2": "https://login.xsolla.com/api/oauth2/social/steam/login_redirect"
40      }
41    ]
42  }
43}

 1{
 2  // Color and size settings
 3
 4  "header": {
 5    // Header settings
 6  },
 7  "background": {
 8    // Widget background settings
 9  },
10  "rounding": {
11    // Rounding settings
12  },
13  "tabs": {
14    // Tab settings
15  },
16  "primary_socials": {
17    // Display settings for the primary social networks
18  },
19  "secondary_socials": {
20    // Display settings for the secondary social networks
21  },
22  "scene": {
23    // Scene settings
24  }
25}

1{
2  "rounding": {
3    "inputs": "8px",
4    "widget": "8px"
5
6  }
7}

1{
2  "background": {
3    "color": "#708090",
4    "image": {
5      "url": "https://someurl.com",
6      "opacity": "3"
7    }
8  }
9}

1{
2  "header": {
3    "image": {
4      "url": "https://someurl.com",
5      "opacity": "3",
6      "size": "cover"
7    }
8  }
9}

1{
2  "tabs": {
3    "hide": true
4  }
5}

1{
2  "primary_socials": {
3    "hide": true
4  },
5  "secondary_socials": {
6    "hide": false
7  }
8}

1{
2  "scene": {
3    "color": "#708090",
4    "image": {
5      "url": "https://someurl.com",
6      "size": "cover"
7    }
8  }
9}