@widergy/react-social-auth 3.2.0 → 3.2.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [3.2.1](https://github.com/widergy/react-social-auth/compare/v3.2.0...v3.2.1) (2025-01-04)
+
+
+### Bug Fixes
+
+* fixes google colors ([#24](https://github.com/widergy/react-social-auth/issues/24)) ([99161a7](https://github.com/widergy/react-social-auth/commit/99161a76a50a5b61f758d1e75c25f58fa3ee9242))
+
 # [3.2.0](https://github.com/widergy/react-social-auth/compare/v3.1.1...v3.2.0) (2024-10-21)
 
 

package/dist/components/ActiveDirectory/index.js

@@ -10,6 +10,11 @@ var _msalBrowser = require("@azure/msal-browser");
 var _utils = require("./utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const ActiveDirectory = _ref => {
   let {
     Component,
@@ -21,14 +26,13 @@ const ActiveDirectory = _ref => {
     scopes,
     publicClientApplicationInstanced
   } = _ref;
-  const [publicClientApplication] = (0, _react.useState)(publicClientApplicationInstanced ?? new _msalBrowser.PublicClientApplication({
-    auth: {
+  const [publicClientApplication] = (0, _react.useState)(publicClientApplicationInstanced !== null && publicClientApplicationInstanced !== void 0 ? publicClientApplicationInstanced : new _msalBrowser.PublicClientApplication({
+    auth: _objectSpread({
       clientId,
-      redirectUri,
-      ...(authority ? {
-        authority
-      } : {})
-    },
+      redirectUri
+    }, authority ? {
+      authority
+    } : {}),
     cache: {
       cacheLocation: 'sessionStorage',
       storeAuthStateInCookie: true,

package/dist/components/Apple/index.js

@@ -16,6 +16,11 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const Apple = _ref => {
   let {
     classNames = {},
@@ -54,7 +59,7 @@ const Apple = _ref => {
     triggerOnMount: triggerOnMount
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     classNames: {
-      container: `${_stylesModule.default.buttonContainer} ${classNames.buttonContainer}`
+      container: "".concat(_stylesModule.default.buttonContainer, " ").concat(classNames.buttonContainer)
     },
     dataTestId: dataTestId,
     email: email,
@@ -72,11 +77,9 @@ const Apple = _ref => {
       });
     },
     label: label,
-    mainLabelProps: {
-      ...(size === _buttonSizes.LARGE ? {
-        colorTheme: 'light'
-      } : {})
-    },
+    mainLabelProps: _objectSpread({}, size === _buttonSizes.LARGE ? {
+      colorTheme: 'light'
+    } : {}),
     onClick: handleLogin,
     size: size
   })) : null;

package/dist/components/Button/index.js

@@ -26,19 +26,19 @@ const Button = _ref => {
   return size === _buttonSizes.LARGE ? /*#__PURE__*/_react.default.createElement(_energyUi.UTButton, {
     onClick: onClick,
     classNames: {
-      root: `${_stylesModule.default.largeContainer} ${classNames.container}`,
+      root: "".concat(_stylesModule.default.largeContainer, " ").concat(classNames.container),
       childrenContainer: _stylesModule.default.fullWidth,
-      text: `${_stylesModule.default.largeText}  ${email && _stylesModule.default.labelsContainer}`
+      text: "".concat(_stylesModule.default.largeText, "  ").concat(email && _stylesModule.default.labelsContainer)
     },
     dataTestId: dataTestId,
     Icon: Icon
   }, /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, mainLabelProps, label), email && /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, _extends({
     variant: "small"
   }, emailLabelProps), email)) : /*#__PURE__*/_react.default.createElement("div", {
-    className: `${label ? _stylesModule.default.buttonWithLabel : ''}`
+    className: "".concat(label ? _stylesModule.default.buttonWithLabel : '')
   }, /*#__PURE__*/_react.default.createElement(_energyUi.UTButton, {
     classNames: {
-      root: `${_stylesModule.default.smallContainer} ${classNames.container}`
+      root: "".concat(_stylesModule.default.smallContainer, " ").concat(classNames.container)
     },
     dataTestId: dataTestId,
     onClick: onClick,

package/dist/components/ButtonContainer/index.js

@@ -35,7 +35,7 @@ const ButtonContainer = _ref => {
       placement: 'left'
     }
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: `${className ?? ''}`,
+    className: "".concat(className !== null && className !== void 0 ? className : ''),
     "data-testid": dataTestId,
     ref: ref
   }, children));

package/dist/components/Facebook/index.js

@@ -14,6 +14,11 @@ var _utils = require("../utils");
 var _facebookIcon = _interopRequireDefault(require("./assets/facebookIcon.svg"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const Facebook = _ref => {
   let {
     classNames = {},
@@ -46,7 +51,7 @@ const Facebook = _ref => {
     fields: fields,
     render: renderProps => /*#__PURE__*/_react.default.createElement(_Button.default, {
       classNames: {
-        container: `${_stylesModule.default.buttonContainer} ${classNames.buttonContainer}`
+        container: "".concat(_stylesModule.default.buttonContainer, " ").concat(classNames.buttonContainer)
       },
       dataTestId: dataTestId,
       email: email,
@@ -64,11 +69,9 @@ const Facebook = _ref => {
         });
       },
       label: label,
-      mainLabelProps: {
-        ...(size === _buttonSizes.LARGE ? {
-          colorTheme: 'light'
-        } : {})
-      },
+      mainLabelProps: _objectSpread({}, size === _buttonSizes.LARGE ? {
+        colorTheme: 'light'
+      } : {}),
       onClick: renderProps.onClick,
       size: size
     })

package/dist/components/Google/components/GoogleButton/index.js

@@ -12,6 +12,11 @@ var _googleIcon = _interopRequireDefault(require("../../assets/googleIcon.svg"))
 var _buttonSizes = require("../../../../constants/buttonSizes");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const GoogleButton = _ref => {
   let {
     classNames = {},
@@ -28,10 +33,13 @@ const GoogleButton = _ref => {
   });
   return /*#__PURE__*/_react.default.createElement(_Button.default, {
     classNames: {
-      container: `${_stylesModule.default.buttonContainer} ${classNames.buttonContainer}`
+      container: "".concat(_stylesModule.default.buttonContainer, " ").concat(classNames.buttonContainer)
     },
     dataTestId: dataTestId,
     email: email,
+    emailLabelProps: {
+      colorTheme: 'gray'
+    },
     Icon: _ref2 => {
       let {
         className
@@ -43,12 +51,11 @@ const GoogleButton = _ref => {
       });
     },
     label: label,
-    mainLabelProps: {
-      ...(size === _buttonSizes.LARGE ? {
-        colorTheme: 'dark',
-        shade: '01'
-      } : {})
-    },
+    mainLabelProps: _objectSpread({}, size === _buttonSizes.LARGE ? {
+      colorTheme: 'dark',
+      shade: '05',
+      weight: 'medium'
+    } : {}),
     onClick: login,
     size: size
   });

package/dist/components/Microsoft/index.js

@@ -41,7 +41,7 @@ const Microsoft = _ref => {
   // eslint-disable-next-line no-console
   if (!(0, _utils.isValidId)(clientId)) console.error('El id de Microsoft es inválido');
   return (0, _utils.isValidId)(clientId) ? /*#__PURE__*/_react.default.createElement(_ButtonContainer.default, {
-    className: `${_stylesModule.default.container} ${classNames.container}`,
+    className: "".concat(_stylesModule.default.container, " ").concat(classNames.container),
     dataTestId: tooltipDataTestId,
     size: size,
     tooltipContent: tooltipContent,
@@ -50,16 +50,16 @@ const Microsoft = _ref => {
     btnContent: size === _buttonSizes.LARGE ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, Image, /*#__PURE__*/_react.default.createElement("div", {
       className: _stylesModule.default.textsContainer
     }, /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
-      className: `${_stylesModule.default.label} ${classNames.label}`,
+      className: "".concat(_stylesModule.default.label, " ").concat(classNames.label),
       colorTheme: "light"
     }, label), email && /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
-      className: `${_stylesModule.default.label} ${classNames.label}`,
+      className: "".concat(_stylesModule.default.label, " ").concat(classNames.label),
       colorTheme: "light"
     }, email))) : /*#__PURE__*/_react.default.createElement("div", {
       className: _stylesModule.default.smallButtonWrapper
     }, Image),
     clientId: clientId,
-    cssClass: `${_stylesModule.default.button} ${classNames.buttonContainer} ${size === _buttonSizes.SMALL ? _stylesModule.default.smallContainer : ''}`,
+    cssClass: "".concat(_stylesModule.default.button, " ").concat(classNames.buttonContainer, " ").concat(size === _buttonSizes.SMALL ? _stylesModule.default.smallContainer : ''),
     handleLogin: loginHandler,
     redirectUri: redirectUrl
   }), size === _buttonSizes.SMALL && label && /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, null, label)) : null;

package/dist/components/Twitter/errors.js

@@ -36,9 +36,7 @@ exports.PopupClosedByUserError = PopupClosedByUserError;
 class GetAuthTokenFailure extends Error {
   constructor(error, url, verifier, token) {
     super();
-    this.message = `Unable to retrieve Authorization Token from ${url}
-      OAuth Verifier: ${verifier} 
-      OAuth Token: ${token} `;
+    this.message = "Unable to retrieve Authorization Token from ".concat(url, "\n      OAuth Verifier: ").concat(verifier, " \n      OAuth Token: ").concat(token, " ");
     this.name = 'Fatal Error';
     this.stack = '';
     this.error = error;
@@ -48,9 +46,7 @@ exports.GetAuthTokenFailure = GetAuthTokenFailure;
 class NoHashOrQueryParamsError extends Error {
   constructor() {
     super();
-    this.message = `OAuth redirect has occurred but no query or hash parameters were found.
-        They were either not set during the redirect, or were removed—typically by a
-        routing library—before Twitter react component could read it.`;
+    this.message = "OAuth redirect has occurred but no query or hash parameters were found.\n        They were either not set during the redirect, or were removed\u2014typically by a\n        routing library\u2014before Twitter react component could read it.";
     this.name = 'Fatal Error';
     this.stack = '';
   }

package/dist/components/Twitter/index.js

@@ -16,6 +16,11 @@ var _errors = require("./errors");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 var _utils = require("./utils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const Twitter = _ref => {
   let {
     classNames = {},
@@ -72,7 +77,7 @@ const Twitter = _ref => {
     triggerOnMount: triggerOnMount
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     classNames: {
-      container: `${_stylesModule.default.buttonContainer} ${classNames.buttonContainer}`
+      container: "".concat(_stylesModule.default.buttonContainer, " ").concat(classNames.buttonContainer)
     },
     dataTestId: dataTestId,
     email: email,
@@ -90,11 +95,9 @@ const Twitter = _ref => {
       });
     },
     label: label,
-    mainLabelProps: {
-      ...(size === _buttonSizes.LARGE ? {
-        colorTheme: 'light'
-      } : {})
-    },
+    mainLabelProps: _objectSpread({}, size === _buttonSizes.LARGE ? {
+      colorTheme: 'light'
+    } : {}),
     onClick: handleClick,
     size: size
   }));

package/dist/components/Twitter/utils.js

@@ -5,10 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.openPopup = exports.isTwitterUrl = exports.getAuthUrl = exports.getAuthToken = exports.createHeaders = exports.closePopup = void 0;
 var _errors = require("./errors");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const createHeaders = customHeaders => {
-  const headers = {
-    ...customHeaders
-  };
+  const headers = _objectSpread({}, customHeaders);
   headers['Content-Type'] = 'application/json';
   return headers;
 };
@@ -30,9 +33,9 @@ const getAuthUrl = async (callback, credentials, customHeaders, forceLogin, requ
   } catch (error) {
     return callback(new _errors.RequestTokenParseError(error));
   }
-  let authenticationUrl = `https://api.twitter.com/oauth/authenticate?oauth_token=${data.oauth_token}&force_login=${forceLogin}`;
+  let authenticationUrl = "https://api.twitter.com/oauth/authenticate?oauth_token=".concat(data.oauth_token, "&force_login=").concat(forceLogin);
   if (screenName) {
-    authenticationUrl = `${authenticationUrl}&screen_name=${screenName}`;
+    authenticationUrl = "".concat(authenticationUrl, "&screen_name=").concat(screenName);
   }
   return authenticationUrl;
 };
@@ -44,7 +47,7 @@ const openPopup = (authUrl, height, width) => {
   const h = height;
   const left = window.innerWidth / 2 - w / 2;
   const top = window.innerHeight / 2 - h / 2;
-  const popup = window.open(authUrl, '', `toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=${w}, height=${h}, top=${top}, left=${left}`);
+  const popup = window.open(authUrl, '', "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=".concat(w, ", height=").concat(h, ", top=").concat(top, ", left=").concat(left));
   return popup;
 };
 exports.openPopup = openPopup;
@@ -53,7 +56,7 @@ const closePopup = (interval, popup) => {
   popup.close();
 };
 exports.closePopup = closePopup;
-const getAuthToken = (callback, credentials, customHeaders, loginUrl, OAuthToken, OAuthVerifier) => window.fetch(`${loginUrl}?oauth_verifier=${OAuthVerifier}&oauth_token=${OAuthToken}`, {
+const getAuthToken = (callback, credentials, customHeaders, loginUrl, OAuthToken, OAuthVerifier) => window.fetch("".concat(loginUrl, "?oauth_verifier=").concat(OAuthVerifier, "&oauth_token=").concat(OAuthToken), {
   method: 'POST',
   credentials,
   headers: createHeaders(customHeaders)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/react-social-auth",
-  "version": "3.2.0",
+  "version": "3.2.1",
   "description": "Social Network Authorization (Twitter, Facebook, etc.)",
   "license": "MIT",
   "main": "dist/index.js",