react-es-fb-login 1.0.5 → 1.0.6

package/dist/facebook-login.client.d.ts

@@ -0,0 +1,16 @@
+import { DialogParams, InitParams, LoginOptions, LoginResponse } from './types';
+export declare const SDK_SCRIPT_ELE_ID = "facebook-jssdk";
+export declare const FacebookLoginClient: {
+    getFB: () => import("./types").FB;
+    getLoginStatus(callback: (res: LoginResponse) => void, isForcingRoudtrip?: boolean): void;
+    getProfile(callback: (res: unknown) => void, params: {
+        fields: string;
+    }): void;
+    init(initParams: InitParams): void;
+    clear(): void;
+    isRedirected(dialogParams?: DialogParams): boolean;
+    loadSdk(language: string, useCustomerChat?: boolean): Promise<void>;
+    redirectToDialog(dialogParams: DialogParams, { ignoreSdkError, ...loginOptions }: LoginOptions): void;
+    login(callback: (res: LoginResponse) => void, { ignoreSdkError, ...loginOptions }: LoginOptions): void;
+    logout(callback: (res?: unknown) => void): void;
+};

package/dist/facebook-login.client.js

@@ -0,0 +1,104 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FacebookLoginClient = exports.SDK_SCRIPT_ELE_ID = void 0;
+const helpers_1 = require("./helpers");
+exports.SDK_SCRIPT_ELE_ID = 'facebook-jssdk';
+exports.FacebookLoginClient = {
+    getFB: () => {
+        if (!window.FB) {
+            console.warn('FB not found');
+            return null;
+        }
+        return window.FB;
+    },
+    getLoginStatus(callback, isForcingRoudtrip = false) {
+        const FB = this.getFB();
+        if (!FB) {
+            callback({ status: 'unknown' });
+            return;
+        }
+        FB.getLoginStatus(callback, isForcingRoudtrip);
+    },
+    getProfile(callback, params) {
+        var _a;
+        (_a = this.getFB()) === null || _a === void 0 ? void 0 : _a.api('me', params, callback);
+    },
+    init(initParams) {
+        var _a;
+        (_a = this.getFB()) === null || _a === void 0 ? void 0 : _a.init(initParams);
+    },
+    clear() {
+        window.FB = null;
+        const scriptEle = document.getElementById(exports.SDK_SCRIPT_ELE_ID);
+        if (scriptEle) {
+            scriptEle.remove();
+        }
+    },
+    isRedirected(dialogParams) {
+        var _a, _b;
+        const params = (0, helpers_1.paramsToObject)(window.location.search);
+        return ((params['state'] === ((_a = dialogParams === null || dialogParams === void 0 ? void 0 : dialogParams.state) !== null && _a !== void 0 ? _a : 'facebookdirect')) &&
+            params[(_b = dialogParams === null || dialogParams === void 0 ? void 0 : dialogParams.response_type) !== null && _b !== void 0 ? _b : ''] !== undefined);
+    },
+    loadSdk(language, useCustomerChat) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield (0, helpers_1.createScriptEle)(exports.SDK_SCRIPT_ELE_ID, `https://connect.facebook.net/${language}/sdk${useCustomerChat ? '/xfbml.customerchat' : ''}.js`);
+        });
+    },
+    redirectToDialog(dialogParams, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _a) {
+        var 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        { ignoreSdkError } = _a, loginOptions = __rest(_a, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        ["ignoreSdkError"]);
+        window.location.href = `https://www.facebook.com/dialog/oauth${(0, helpers_1.objectToParams)(Object.assign(Object.assign({}, dialogParams), loginOptions))}`;
+    },
+    login(callback, _a) {
+        var _b;
+        var { ignoreSdkError } = _a, loginOptions = __rest(_a, ["ignoreSdkError"]);
+        try {
+            (_b = this.getFB()) === null || _b === void 0 ? void 0 : _b.login(callback, loginOptions);
+        }
+        catch (e) {
+            if (ignoreSdkError) {
+                return;
+            }
+            else {
+                throw e;
+            }
+        }
+    },
+    logout(callback) {
+        this.getLoginStatus((res) => {
+            var _a;
+            if (res.status === 'connected') {
+                (_a = this.getFB()) === null || _a === void 0 ? void 0 : _a.logout(callback);
+            }
+            else {
+                callback();
+            }
+        });
+    },
+};

package/dist/facebook-login.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FacebookLoginProps } from './types';
+declare const FacebookLogin: React.FC<FacebookLoginProps>;
+export default FacebookLogin;

package/dist/facebook-login.js

@@ -0,0 +1,94 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const facebook_login_client_1 = require("./facebook-login.client");
+const helpers_1 = require("./helpers");
+const FacebookLogin = (props) => {
+    var _a, _b;
+    const { appId, style, onFail, render, onSuccess, className, autoLoad = false, onProfileSuccess, language = 'en_US', useRedirect = false, useCustomerChat = false, fields = 'name,email,picture', scope = 'public_profile, email', children = 'Login with Facebook', } = props;
+    const initParams = Object.assign(Object.assign({ version: 'v17.0', xfbml: false, cookie: false, localStorage: true }, props.initParams), { appId });
+    const dialogParams = Object.assign(Object.assign({ redirect_uri: typeof window !== 'undefined' ? location.origin + location.pathname : '/', state: 'facebookdirect', response_type: 'code' }, props.dialogParams), { client_id: appId });
+    const loginOptions = Object.assign(Object.assign({ return_scopes: false, ignoreSdkError: false }, props.loginOptions), { auth_nonce: typeof ((_a = props.loginOptions) === null || _a === void 0 ? void 0 : _a.auth_nonce) === 'function'
+            ? props.loginOptions.auth_nonce()
+            : (_b = props.loginOptions) === null || _b === void 0 ? void 0 : _b.auth_nonce, scope });
+    (0, react_1.useEffect)(() => {
+        init();
+    }, []);
+    const init = () => __awaiter(void 0, void 0, void 0, function* () {
+        yield facebook_login_client_1.FacebookLoginClient.loadSdk(language, useCustomerChat);
+        window.fbAsyncInit = () => {
+            facebook_login_client_1.FacebookLoginClient.init(initParams);
+            const isRedirected = facebook_login_client_1.FacebookLoginClient.isRedirected(dialogParams);
+            if (isRedirected === false && autoLoad) {
+                handleButtonClick();
+                return;
+            }
+            if (isRedirected === true && useRedirect) {
+                requestLogin();
+            }
+        };
+    });
+    const requestLogin = () => {
+        facebook_login_client_1.FacebookLoginClient.login((res) => {
+            if (!res.authResponse) {
+                onFail && onFail({ status: 'loginCancelled' });
+                return;
+            }
+            onSuccess && onSuccess(res.authResponse);
+            if (onProfileSuccess) {
+                facebook_login_client_1.FacebookLoginClient.getProfile(onProfileSuccess, { fields });
+            }
+        }, Object.assign(Object.assign({}, loginOptions), { scope }));
+    };
+    const handleButtonClick = () => {
+        if ((0, helpers_1.isFacebookApp)() || useRedirect) {
+            facebook_login_client_1.FacebookLoginClient.redirectToDialog(dialogParams, loginOptions);
+            return;
+        }
+        if (!window.FB) {
+            onFail && onFail({ status: 'facebookNotLoaded' });
+            return;
+        }
+        requestLogin();
+    };
+    if (render) {
+        return render({
+            onClick: handleButtonClick,
+            logout: facebook_login_client_1.FacebookLoginClient.logout,
+        });
+    }
+    return (react_1.default.createElement("button", { type: "button", style: style, className: className, onClick: handleButtonClick }, children));
+};
+exports.default = FacebookLogin;

package/dist/helpers/dom.helper.d.ts

@@ -0,0 +1 @@
+export declare const createScriptEle: (id: string, src: string) => Promise<unknown>;

package/dist/helpers/dom.helper.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createScriptEle = void 0;
+const createScriptEle = (id, src) => {
+    return new Promise((resolve) => {
+        var _a;
+        const element = document.getElementsByTagName('script')[0];
+        const fjs = element;
+        // return if script already exists
+        if (document.getElementById(id)) {
+            resolve(undefined);
+            return;
+        }
+        const js = document.createElement('script');
+        js.id = id;
+        js.src = src;
+        js.async = true;
+        js.defer = true;
+        js.crossOrigin = 'anonymous';
+        js.onload = resolve;
+        if (fjs) {
+            (_a = fjs.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(js, fjs);
+        }
+        else {
+            const children = document.body.childNodes;
+            document.body.insertBefore(js, children.item(children.length - 1));
+        }
+    });
+};
+exports.createScriptEle = createScriptEle;

package/dist/helpers/index.d.ts

@@ -0,0 +1,3 @@
+export * from './dom.helper';
+export * from './param.helper';
+export * from './ua.helper';

package/dist/helpers/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./dom.helper"), exports);
+__exportStar(require("./param.helper"), exports);
+__exportStar(require("./ua.helper"), exports);

package/dist/helpers/param.helper.d.ts

@@ -0,0 +1,5 @@
+export declare const isObject: (obj: unknown) => obj is Record<string, string | number | boolean>;
+/** Encode object to url parameters */
+export declare const objectToParams: (obj: unknown) => string;
+/** Decode params to object */
+export declare const paramsToObject: (params: string) => Record<string, string>;

package/dist/helpers/param.helper.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paramsToObject = exports.objectToParams = exports.isObject = void 0;
+const isObject = (obj) => {
+    return Object.prototype.toString.call(obj) === '[object Object]';
+};
+exports.isObject = isObject;
+/** Encode object to url parameters */
+const objectToParams = (obj) => {
+    if (!(0, exports.isObject)(obj) || Object.keys(obj).length === 0) {
+        return '';
+    }
+    return ('?' +
+        Object.keys(obj)
+            .map((key) => `${key}=${encodeURIComponent(obj[key])}`)
+            .join('&'));
+};
+exports.objectToParams = objectToParams;
+/** Decode params to object */
+const paramsToObject = (params) => (params === null || params === void 0 ? void 0 : params.replace(/^\?/, '').split('&').reduce((acc, chunk) => {
+    if (!chunk) {
+        return acc;
+    }
+    const [key, value] = chunk.split('=');
+    return Object.assign(Object.assign({}, acc), { [key]: decodeURIComponent(value) });
+}, {})) || {};
+exports.paramsToObject = paramsToObject;

package/dist/helpers/ua.helper.d.ts

@@ -0,0 +1 @@
+export declare const isFacebookApp: () => boolean;

package/dist/helpers/ua.helper.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isFacebookApp = void 0;
+const isFacebookApp = () => {
+    if (typeof window === 'undefined') {
+        return false;
+    }
+    const ua = navigator.userAgent || navigator.vendor || window.opera;
+    return (ua.indexOf('FBAN') > -1 ||
+        ua.indexOf('FBAV') > -1 ||
+        ua.indexOf('Instagram') > -1);
+};
+exports.isFacebookApp = isFacebookApp;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import FacebookLogin from './facebook-login';
+export * from './helpers';
+export * from './types';
+export * from './facebook-login';
+export * from './facebook-login.client';
+export default FacebookLogin;

package/dist/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const facebook_login_1 = __importDefault(require("./facebook-login"));
+__exportStar(require("./helpers"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./facebook-login"), exports);
+__exportStar(require("./facebook-login.client"), exports);
+exports.default = facebook_login_1.default;

package/dist/types/fb.type.d.ts

@@ -0,0 +1,11 @@
+import { InitParams, LoginOptions } from './params.type';
+import { LoginResponse } from './response.type';
+export interface FB {
+    getLoginStatus: (callback: (res: LoginResponse) => void, isForcingRoudtrip?: boolean) => void;
+    init: (params: InitParams) => void;
+    login: (callback: (res: LoginResponse) => void, options?: LoginOptions) => void;
+    logout: (callback: (res: unknown) => void) => void;
+    api: (path: string, params: {
+        fields: string;
+    }, callback: (res: unknown) => void) => void;
+}

package/dist/types/fb.type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './fb.type';
+export * from './params.type';
+export * from './response.type';

package/dist/types/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./fb.type"), exports);
+__exportStar(require("./params.type"), exports);
+__exportStar(require("./response.type"), exports);

package/dist/types/params.type.d.ts

@@ -0,0 +1,119 @@
+import { CSSProperties, ReactElement, ReactNode, ReactNodeArray } from 'react';
+import { FB } from './fb.type';
+import { SuccessResponse, FailResponse, ProfileSuccessResponse } from './response.type';
+export type InitParams = {
+    /** Your application ID. */
+    appId: string;
+    /** Determines which versions of the Graph API and any API dialogs or plugins are invoked
+     *
+     * (available versions: https://developers.facebook.com/docs/graph-api/changelog)
+     * @default 'v9.0' */
+    version?: 'v7.0' | 'v8.0' | 'v9.0' | 'v10.0' | 'v11.0' | 'v12.0' | 'v13.0' | 'v14.0' | 'v15.0' | 'v16.0' | 'v17.0' | 'v18.0' | 'v19.0' | 'v20.0' | 'v21.0' | 'v22.0' | 'v23.0' | 'v24.0' | 'v25.0' | 'v26.0' | 'v27.0' | 'v28.0' | 'v29.0' | 'v30.0' | 'v31.0' | 'v32.0' | 'v33.0' | 'v34.0' | 'v35.0' | 'v36.0';
+    /** Determines whether a cookie is created for the session or not. If enabled, it can be accessed by server-side code.
+     * @default false */
+    cookie?: boolean;
+    /** Determines whether a long-lived access token for the session can be saved in localStorage. This enables maintaining a user's logged in status when 3rd party cookies are blocked from being sent to Facebook domains.
+     * @default true */
+    localStorage?: boolean;
+    /** Determines whether XFBML tags used by social plugins are parsed, and therefore whether the plugins are rendered or not.
+     * @default false */
+    xfbml?: boolean;
+    /** Frictionless Requests are available to games on Facebook.com or on mobile web using the JavaScript SDK. This parameter determines whether they are enabled.
+     * @default false */
+    frictionlessRequests?: boolean;
+    /** This specifies a function that is called whenever it is necessary to hide Adobe Flash objects on a page. This is used when .api() requests are made, as Flash objects will always have a higher z-index than any other DOM element.
+     *
+     * @link https://developers.facebook.com/docs/games/gamesonfacebook/optimizing#handlingpopups */
+    hideFlashCallback?: () => void;
+};
+export type DialogParams = {
+    /** same as appId */
+    client_id: string;
+    /** The URL that you want to redirect the person logging in back to. This URL will capture the response from the Login Dialog. If you are using this in a webview within a desktop app, this must be set to https://www.facebook.com/connect/login_success.html. You can confirm that this URL is set for your app in the App Dashboard. Under Products in the App Dashboard's left side navigation menu, click Facebook Login, then click Settings. Verify the Valid OAuth redirect URIs in the Client OAuth Settings section.
+     * @default (typeof window !== 'undefined' ? location.origin + location.pathname : '/') */
+    redirect_uri: string;
+    /** A string value created by your app to maintain state between the request and callback. This parameter should be used for preventing Cross-site Request Forgery and will be passed back to you, unchanged, in your redirect URI.
+     * @default 'facebookdirect' */
+    state: string;
+    /** Determines whether the response data included when the redirect back to the app occurs is in URL parameters or fragments.
+     *
+     * This can be one of ('code', 'token', 'code%20token', 'grated_scopes')
+     * @default 'code' */
+    response_type?: string;
+    /** Comma seperated list of permissions to request during login.
+     *
+     * (available permissions: https://developers.facebook.com/docs/permissions/reference)
+     * @default 'public_profile, email' */
+    scope?: string;
+};
+export type LoginOptions = {
+    /** supports 3 values: rerequest, reauthenticate, reauthorize.
+     *
+     * Use 'rerequest' when re-requesting a declined permission. */
+    auth_type?: 'rerequest' | 'reauthenticate' | 'reauthorize';
+    response_type?: string;
+    scope: string;
+    /** Facebook login for business uses config_id instead of scope - won't work without this - reference: https://developers.facebook.com/docs/facebook-login/facebook-login-for-business/  */
+    config_id?: string;
+    /** When true, the granted scopes will be returned in a comma-separated list in the grantedScopes field of the authResponse
+     * @default false */
+    return_scopes?: boolean;
+    override_default_response_type?: boolean;
+    /** When true, prompt the user to grant permission for one or more Pages */
+    enable_profile_selector?: boolean;
+    /** Comma separated list of IDs to display in the profile selector */
+    profile_selector_ids?: string;
+    /** The auth_nonce parameter is intended to be a completely arbitrary alphanumeric code that your app generates. The process of generation and format of this code is entirely up to you. For example, a hashed version of a timestamp and a secret string may be sufficient, as long as it's completely unique to each Login attempt. This value enables your app to determine whether a user has been re-authenticated. */
+    auth_nonce?: string | (() => string);
+    /** When true, errors catched for window.FB.login() will be ignored
+     *  @default false */
+    ignoreSdkError?: boolean;
+    extras?: {
+        version?: 'v1' | 'v2' | 'v3' | 'v4' | 'v5';
+        featureType?: string;
+        features?: {
+            name: string;
+        }[];
+        setup?: unknown;
+    };
+};
+export type FacebookLoginProps = Pick<InitParams, 'appId'> & {
+    /** @default 'en_US' */
+    language?: string;
+    /** Comma seperated list of permissions to request during login.
+     *
+     * (available permissions: https://developers.facebook.com/docs/permissions/reference)
+     * @default 'public_profile, email' */
+    scope?: string;
+    /** fields return by /me (profile)
+     * @default 'name,email,picture' */
+    fields?: string;
+    onSuccess?: (res: SuccessResponse) => void;
+    onFail?: (err: FailResponse) => void;
+    onProfileSuccess?: (res: ProfileSuccessResponse) => void;
+    className?: string;
+    style?: CSSProperties;
+    /** Children Component
+     * @default "Login with Facebook" */
+    children?: ReactNode | ReactNodeArray;
+    /** render custom component */
+    render?: (props: {
+        onClick?: () => void;
+        logout?: FB['logout'];
+    }) => ReactElement;
+    /** if true, request login on mount
+     * @default false */
+    autoLoad?: boolean;
+    /** if true, use redirect instead of window.FB.login
+     *
+     * forced to be true in fb browers
+     * @ref https://github.com/greatSumini/react-facebook-login/issues/2
+     * @default false */
+    useRedirect?: boolean;
+    /** if true, append 'xfbml.customerchat' to sdk url (ex: 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js')
+     * @default false */
+    useCustomerChat?: boolean;
+    initParams?: Omit<InitParams, 'appId'>;
+    loginOptions?: Omit<LoginOptions, 'scope'>;
+    dialogParams?: Pick<DialogParams, 'redirect_uri' | 'response_type' | 'state'>;
+};

package/dist/types/params.type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/response.type.d.ts

@@ -0,0 +1,49 @@
+export declare enum LoginStatus {
+    Connected = "connected",
+    NotAuthorized = "not_authorized",
+    Unknown = "unknown"
+}
+export type LoginResponse = {
+    status: LoginStatus;
+    authResponse?: SuccessResponse;
+};
+export type SuccessResponse = {
+    /** An access token for the person using the webpage. */
+    accessToken: string;
+    /**
+     * A UNIX time stamp when the token expires. Once the token expires, the person will need to login again.
+     */
+    expiresIn: string;
+    /**
+     * The amount of time before the login expires, in seconds, and the person will need to login again.
+     */
+    reauthorize_required_in: string;
+    /**
+     * A signed parameter that contains information about the person using your webpage.
+     */
+    signedRequest: string;
+    /** The ID of the person using your webpage. */
+    userID: string;
+};
+export type FailResponse = {
+    status: 'loginCancelled' | 'facebookNotLoaded';
+};
+/**
+ * Response from /me endpoint. These values will vary depending on provided fields param.
+ *
+ * @see https://developers.facebook.com/docs/graph-api/reference/user/
+ */
+export type ProfileSuccessResponse = {
+    id?: string;
+    email?: string;
+    name?: string;
+    picture?: {
+        data: {
+            height: number;
+            width: string;
+            is_silhouette: boolean;
+            url: string;
+        };
+    };
+    [key: string]: any;
+};

package/dist/types/response.type.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoginStatus = void 0;
+var LoginStatus;
+(function (LoginStatus) {
+    LoginStatus["Connected"] = "connected";
+    LoginStatus["NotAuthorized"] = "not_authorized";
+    LoginStatus["Unknown"] = "unknown";
+})(LoginStatus || (exports.LoginStatus = LoginStatus = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-es-fb-login",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "keywords": [
     "react",
     "reactjs",