@gigya-ts/web-sdk

Add type-safety to a Gigya Web SDK project.

See @gigya-ts/gigya if you are using the Gigya REST API instead (even from the browser!).

Installation

Install the @gigya-ts/gigya package from your package manager of choice:

1# npm
2npm add @gigya-ts/web-sdk
3# pnpm
4pnpm add @gigya-ts/web-sdk

Usage

0. (Optional) Define your custom Gigya schemas

See adding custom schemas to define your custom schemas (data, preferences, etc.) so that response types from the Web SDK include your custom fields.

1. Extend the global window with the gigya types

Extend the global window with the Gigya Web SDK, including your schemas:

1// my-gigya.ts
2import { GigyaWebSDK } from '@gigya-ts/web-sdk';
3
4declare global {
5    interface Window {
6        onGigyaServiceReady?: () => void;
7
8        gigya?: GigyaWebSDK<MyAccountSchema, MyPreferencesSchema, MySubscriptionsSchema>;
9    }
10}

Once the global window has been extended, you can use the Web SDK as you normally would:

1window.onGigyaServiceReady = () => {
2    window.gigya?.accounts.getAccountInfo({
3        callback: (response) => {
4            console.log('gigya.account.getAccountInfo response', response);
5        },
6    });
7};