react-es-fb-login 1.0.4 → 1.0.6

package/dist/facebook-login.client.js

@@ -57,7 +57,7 @@ exports.FacebookLoginClient = {
     isRedirected(dialogParams) {
         var _a, _b;
         const params = (0, helpers_1.paramsToObject)(window.location.search);
-        return (((_a = params['state'] === (dialogParams === null || dialogParams === void 0 ? void 0 : dialogParams.state)) !== null && _a !== void 0 ? _a : 'facebookdirect') &&
+        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) {

package/dist/facebook-login.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { FacebookLoginProps } from './types';
-export default function FacebookLogin(props: FacebookLoginProps): React.JSX.Element;
+declare const FacebookLogin: React.FC<FacebookLoginProps>;
+export default FacebookLogin;

package/dist/facebook-login.js

@@ -35,10 +35,10 @@ 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");
-function FacebookLogin(props) {
+const FacebookLogin = (props) => {
     var _a, _b;
-    const { appId, language = 'en_US', scope = 'public_profile, email', fields = 'name,email,picture', onSuccess, onFail, onProfileSuccess, className, style, children = 'Login with Facebook', render, autoLoad = false, useRedirect = false, useCustomerChat = false, } = props;
-    const initParams = Object.assign(Object.assign({ version: 'v9.0', xfbml: false, cookie: false, localStorage: true }, props.initParams), { appId });
+    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()
@@ -46,7 +46,7 @@ function FacebookLogin(props) {
     (0, react_1.useEffect)(() => {
         init();
     }, []);
-    const init = () => __awaiter(this, void 0, void 0, function* () {
+    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);
@@ -89,6 +89,6 @@ function FacebookLogin(props) {
             logout: facebook_login_client_1.FacebookLoginClient.logout,
         });
     }
-    return (react_1.default.createElement("button", { type: "button", onClick: handleButtonClick, className: className, style: style }, children));
-}
+    return (react_1.default.createElement("button", { type: "button", style: style, className: className, onClick: handleButtonClick }, children));
+};
 exports.default = FacebookLogin;

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

@@ -8,7 +8,7 @@ export type InitParams = {
      *
      * (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';
+    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;
@@ -69,7 +69,12 @@ export type LoginOptions = {
      *  @default false */
     ignoreSdkError?: boolean;
     extras?: {
-        setup?: any;
+        version?: 'v1' | 'v2' | 'v3' | 'v4' | 'v5';
+        featureType?: string;
+        features?: {
+            name: string;
+        }[];
+        setup?: unknown;
     };
 };
 export type FacebookLoginProps = Pick<InitParams, 'appId'> & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-es-fb-login",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "keywords": [
     "react",
     "reactjs",
@@ -31,7 +31,7 @@
   },
   "homepage": "https://github.com/Evolve-Next/react-facebook-login",
   "peerDependencies": {
-    "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
+    "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0"
   },
   "devDependencies": {
     "@babel/core": "7.23.3",
@@ -40,7 +40,8 @@
     "@testing-library/react": "14.1.0",
     "@types/jest": "29.5.8",
     "@types/node": "20.9.1",
-    "@types/react": "18.2.37",
+    "@types/react": "18.0.28",
+    "@types/react-dom": "^18.0.11",
     "@types/testing-library__jest-dom": "5.14.9",
     "@typescript-eslint/eslint-plugin": "5.62.0",
     "@typescript-eslint/parser": "5.62.0",