@widergy/react-social-auth 3.1.0 → 3.2.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [3.2.0](https://github.com/widergy/react-social-auth/compare/v3.1.1...v3.2.0) (2024-10-21)
+
+
+### Features
+
+* [AUT-420] auth ids ([15c3251](https://github.com/widergy/react-social-auth/commit/15c325178b735e2500bde514ca217c1057762016))
+
+## [3.1.1](https://github.com/widergy/react-social-auth/compare/v3.1.0...v3.1.1) (2024-01-10)
+
+
+### Bug Fixes
+
+* fix msal-browser version ([#21](https://github.com/widergy/react-social-auth/issues/21)) ([1f10521](https://github.com/widergy/react-social-auth/commit/1f105211fea10fcb0e96ea4c70fa747f968bb5a3))
+
 # [3.1.0](https://github.com/widergy/react-social-auth/compare/v3.0.0...v3.1.0) (2023-11-14)
 
 

package/dist/components/ActiveDirectory/index.js

@@ -9,7 +9,7 @@ var _propTypes = require("prop-types");
 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 && Object.prototype.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 _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; }
 const ActiveDirectory = _ref => {
   let {
     Component,
@@ -21,7 +21,7 @@ const ActiveDirectory = _ref => {
     scopes,
     publicClientApplicationInstanced
   } = _ref;
-  const [publicClientApplication] = (0, _react.useState)(publicClientApplicationInstanced !== null && publicClientApplicationInstanced !== void 0 ? publicClientApplicationInstanced : new _msalBrowser.PublicClientApplication({
+  const [publicClientApplication] = (0, _react.useState)(publicClientApplicationInstanced ?? new _msalBrowser.PublicClientApplication({
     auth: {
       clientId,
       redirectUri,

package/dist/components/Apple/index.js

@@ -13,13 +13,14 @@ var _utils = require("../utils");
 var _appleIcon = _interopRequireDefault(require("./assets/appleIcon.svg"));
 var _utils2 = require("./utils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 && Object.prototype.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 _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; }
 const Apple = _ref => {
   let {
     classNames = {},
     config,
+    dataTestId,
     email,
     label,
     size = _buttonSizes.SMALL,
@@ -53,8 +54,9 @@ const Apple = _ref => {
     triggerOnMount: triggerOnMount
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     classNames: {
-      container: "".concat(_stylesModule.default.buttonContainer, " ").concat(classNames.buttonContainer)
+      container: `${_stylesModule.default.buttonContainer} ${classNames.buttonContainer}`
     },
+    dataTestId: dataTestId,
     email: email,
     emailLabelProps: {
       colorTheme: 'light'
@@ -88,6 +90,7 @@ Apple.propTypes = {
     scope: _propTypes.string,
     successCallback: _propTypes.func
   }),
+  dataTestId: _propTypes.string,
   email: _propTypes.string,
   label: _propTypes.string,
   size: _propTypes.string,

package/dist/components/Button/index.js

@@ -9,11 +9,12 @@ var _energyUi = require("@widergy/energy-ui");
 var _propTypes = require("prop-types");
 var _buttonSizes = require("../../constants/buttonSizes");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const Button = _ref => {
   let {
     classNames = {},
+    dataTestId,
     email,
     emailLabelProps,
     Icon,
@@ -25,19 +26,21 @@ const Button = _ref => {
   return size === _buttonSizes.LARGE ? /*#__PURE__*/_react.default.createElement(_energyUi.UTButton, {
     onClick: onClick,
     classNames: {
-      root: "".concat(_stylesModule.default.largeContainer, " ").concat(classNames.container),
+      root: `${_stylesModule.default.largeContainer} ${classNames.container}`,
       childrenContainer: _stylesModule.default.fullWidth,
-      text: "".concat(_stylesModule.default.largeText, "  ").concat(email && _stylesModule.default.labelsContainer)
+      text: `${_stylesModule.default.largeText}  ${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: "".concat(label ? _stylesModule.default.buttonWithLabel : '')
+    className: `${label ? _stylesModule.default.buttonWithLabel : ''}`
   }, /*#__PURE__*/_react.default.createElement(_energyUi.UTButton, {
     classNames: {
-      root: "".concat(_stylesModule.default.smallContainer, " ").concat(classNames.container)
+      root: `${_stylesModule.default.smallContainer} ${classNames.container}`
     },
+    dataTestId: dataTestId,
     onClick: onClick,
     Icon: _ref2 => {
       let {
@@ -53,6 +56,7 @@ const Button = _ref => {
 };
 Button.propTypes = {
   classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
   email: _propTypes.string,
   emailLabelProps: _propTypes.object,
   Icon: _propTypes.element,

package/dist/components/ButtonContainer/index.js

@@ -8,11 +8,12 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = require("prop-types");
 var _energyUi = require("@widergy/energy-ui");
 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 && Object.prototype.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 _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; }
 const ButtonContainer = _ref => {
   let {
     children,
     className,
+    dataTestId,
     tooltipContent,
     triggerOnMount
   } = _ref;
@@ -34,13 +35,15 @@ const ButtonContainer = _ref => {
       placement: 'left'
     }
   }, /*#__PURE__*/_react.default.createElement("span", {
-    ref: ref,
-    className: "".concat(className !== null && className !== void 0 ? className : '')
+    className: `${className ?? ''}`,
+    "data-testid": dataTestId,
+    ref: ref
   }, children));
 };
 ButtonContainer.propTypes = {
   children: _propTypes.object,
   className: _propTypes.string,
+  dataTestId: _propTypes.string,
   tooltipContent: _propTypes.string,
   triggerOnMount: _propTypes.bool
 };

package/dist/components/Facebook/index.js

@@ -13,11 +13,12 @@ var _ButtonContainer = _interopRequireDefault(require("../ButtonContainer"));
 var _utils = require("../utils");
 var _facebookIcon = _interopRequireDefault(require("./assets/facebookIcon.svg"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Facebook = _ref => {
   let {
     classNames = {},
     config,
+    dataTestId,
     email,
     label,
     size = _buttonSizes.SMALL,
@@ -45,8 +46,9 @@ const Facebook = _ref => {
     fields: fields,
     render: renderProps => /*#__PURE__*/_react.default.createElement(_Button.default, {
       classNames: {
-        container: "".concat(_stylesModule.default.buttonContainer, " ").concat(classNames.buttonContainer)
+        container: `${_stylesModule.default.buttonContainer} ${classNames.buttonContainer}`
       },
+      dataTestId: dataTestId,
       email: email,
       emailLabelProps: {
         colorTheme: 'light'
@@ -79,6 +81,7 @@ Facebook.propTypes = {
     callback: _propTypes.func,
     fields: _propTypes.string
   }),
+  dataTestId: _propTypes.string,
   email: _propTypes.string,
   label: _propTypes.string,
   size: _propTypes.string,

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

@@ -11,10 +11,11 @@ var _Button = _interopRequireDefault(require("../../../Button"));
 var _googleIcon = _interopRequireDefault(require("../../assets/googleIcon.svg"));
 var _buttonSizes = require("../../../../constants/buttonSizes");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const GoogleButton = _ref => {
   let {
     classNames = {},
+    dataTestId,
     failureCallback,
     label,
     size,
@@ -27,8 +28,9 @@ const GoogleButton = _ref => {
   });
   return /*#__PURE__*/_react.default.createElement(_Button.default, {
     classNames: {
-      container: "".concat(_stylesModule.default.buttonContainer, " ").concat(classNames.buttonContainer)
+      container: `${_stylesModule.default.buttonContainer} ${classNames.buttonContainer}`
     },
+    dataTestId: dataTestId,
     email: email,
     Icon: _ref2 => {
       let {
@@ -53,6 +55,7 @@ const GoogleButton = _ref => {
 };
 GoogleButton.propTypes = {
   classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
   email: _propTypes.string,
   failureCallback: _propTypes.func,
   label: _propTypes.string,

package/dist/components/Google/index.js

@@ -11,10 +11,11 @@ var _buttonSizes = require("../../constants/buttonSizes");
 var _ButtonContainer = _interopRequireDefault(require("../ButtonContainer"));
 var _utils = require("../utils");
 var _GoogleButton = _interopRequireDefault(require("./components/GoogleButton"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Google = _ref => {
   let {
     classNames = {},
+    dataTestId,
     config,
     email,
     label,
@@ -39,6 +40,7 @@ const Google = _ref => {
     triggerOnMount: triggerOnMount
   }, /*#__PURE__*/_react.default.createElement(_GoogleButton.default, {
     classNames: classNames,
+    dataTestId: dataTestId,
     email: email,
     failureCallback: failureCallback,
     label: label,
@@ -48,6 +50,7 @@ const Google = _ref => {
 };
 Google.propTypes = {
   classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
   config: (0, _propTypes.shape)({
     clintId: _propTypes.string,
     failureCallback: _propTypes.func,

package/dist/components/Microsoft/index.js

@@ -13,9 +13,9 @@ var _ButtonContainer = _interopRequireDefault(require("../ButtonContainer"));
 var _utils = require("../utils");
 var _microsoftIcon = _interopRequireDefault(require("./assets/microsoftIcon.svg"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 && Object.prototype.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 _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; }
 const Microsoft = _ref => {
   let {
     classNames = {},
@@ -24,6 +24,7 @@ const Microsoft = _ref => {
     label,
     size = _buttonSizes.SMALL,
     tooltipContent,
+    tooltipDataTestId,
     triggerOnMount
   } = _ref;
   const {
@@ -40,7 +41,8 @@ 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: "".concat(_stylesModule.default.container, " ").concat(classNames.container),
+    className: `${_stylesModule.default.container} ${classNames.container}`,
+    dataTestId: tooltipDataTestId,
     size: size,
     tooltipContent: tooltipContent,
     triggerOnMount: triggerOnMount
@@ -48,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: "".concat(_stylesModule.default.label, " ").concat(classNames.label),
+      className: `${_stylesModule.default.label} ${classNames.label}`,
       colorTheme: "light"
     }, label), email && /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
-      className: "".concat(_stylesModule.default.label, " ").concat(classNames.label),
+      className: `${_stylesModule.default.label} ${classNames.label}`,
       colorTheme: "light"
     }, email))) : /*#__PURE__*/_react.default.createElement("div", {
       className: _stylesModule.default.smallButtonWrapper
     }, Image),
     clientId: clientId,
-    cssClass: "".concat(_stylesModule.default.button, " ").concat(classNames.buttonContainer, " ").concat(size === _buttonSizes.SMALL ? _stylesModule.default.smallContainer : ''),
+    cssClass: `${_stylesModule.default.button} ${classNames.buttonContainer} ${size === _buttonSizes.SMALL ? _stylesModule.default.smallContainer : ''}`,
     handleLogin: loginHandler,
     redirectUri: redirectUrl
   }), size === _buttonSizes.SMALL && label && /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, null, label)) : null;
@@ -73,6 +75,7 @@ Microsoft.propTypes = {
   label: _propTypes.string,
   size: _propTypes.string,
   tooltipContent: _propTypes.string,
+  tooltipDataTestId: _propTypes.string,
   triggerOnMount: _propTypes.bool
 };
 var _default = exports.default = Microsoft;

package/dist/components/Twitter/errors.js

@@ -36,7 +36,9 @@ exports.PopupClosedByUserError = PopupClosedByUserError;
 class GetAuthTokenFailure extends Error {
   constructor(error, url, verifier, token) {
     super();
-    this.message = "Unable to retrieve Authorization Token from ".concat(url, "\n      OAuth Verifier: ").concat(verifier, " \n      OAuth Token: ").concat(token, " ");
+    this.message = `Unable to retrieve Authorization Token from ${url}
+      OAuth Verifier: ${verifier} 
+      OAuth Token: ${token} `;
     this.name = 'Fatal Error';
     this.stack = '';
     this.error = error;
@@ -46,7 +48,9 @@ exports.GetAuthTokenFailure = GetAuthTokenFailure;
 class NoHashOrQueryParamsError extends Error {
   constructor() {
     super();
-    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.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.name = 'Fatal Error';
     this.stack = '';
   }

package/dist/components/Twitter/index.js

@@ -15,11 +15,12 @@ var _twitterIcon = _interopRequireDefault(require("./assets/twitterIcon.svg"));
 var _errors = require("./errors");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 var _utils = require("./utils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Twitter = _ref => {
   let {
     classNames = {},
     config,
+    dataTestId,
     email,
     label,
     size = _buttonSizes.SMALL,
@@ -71,8 +72,9 @@ const Twitter = _ref => {
     triggerOnMount: triggerOnMount
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     classNames: {
-      container: "".concat(_stylesModule.default.buttonContainer, " ").concat(classNames.buttonContainer)
+      container: `${_stylesModule.default.buttonContainer} ${classNames.buttonContainer}`
     },
+    dataTestId: dataTestId,
     email: email,
     emailLabelProps: {
       colorTheme: 'light'
@@ -108,6 +110,7 @@ Twitter.propTypes = {
     requestTokenUrl: _propTypes.string,
     screenName: _propTypes.string
   }),
+  dataTestId: _propTypes.string,
   email: _propTypes.string,
   label: _propTypes.string,
   size: _propTypes.string,

package/dist/components/Twitter/utils.js

@@ -30,9 +30,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=".concat(data.oauth_token, "&force_login=").concat(forceLogin);
+  let authenticationUrl = `https://api.twitter.com/oauth/authenticate?oauth_token=${data.oauth_token}&force_login=${forceLogin}`;
   if (screenName) {
-    authenticationUrl = "".concat(authenticationUrl, "&screen_name=").concat(screenName);
+    authenticationUrl = `${authenticationUrl}&screen_name=${screenName}`;
   }
   return authenticationUrl;
 };
@@ -44,7 +44,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=".concat(w, ", height=").concat(h, ", top=").concat(top, ", left=").concat(left));
+  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}`);
   return popup;
 };
 exports.openPopup = openPopup;
@@ -53,7 +53,7 @@ const closePopup = (interval, popup) => {
   popup.close();
 };
 exports.closePopup = closePopup;
-const getAuthToken = (callback, credentials, customHeaders, loginUrl, OAuthToken, OAuthVerifier) => window.fetch("".concat(loginUrl, "?oauth_verifier=").concat(OAuthVerifier, "&oauth_token=").concat(OAuthToken), {
+const getAuthToken = (callback, credentials, customHeaders, loginUrl, OAuthToken, OAuthVerifier) => window.fetch(`${loginUrl}?oauth_verifier=${OAuthVerifier}&oauth_token=${OAuthToken}`, {
   method: 'POST',
   credentials,
   headers: createHeaders(customHeaders)

package/dist/index.js

@@ -59,4 +59,4 @@ var _Facebook = _interopRequireDefault(require("./components/Facebook"));
 var _Google = _interopRequireDefault(require("./components/Google"));
 var _Microsoft = _interopRequireDefault(require("./components/Microsoft"));
 var _Twitter = _interopRequireDefault(require("./components/Twitter"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/react-social-auth",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "description": "Social Network Authorization (Twitter, Facebook, etc.)",
   "license": "MIT",
   "main": "dist/index.js",
@@ -58,7 +58,7 @@
     "not op_mini all"
   ],
   "dependencies": {
-    "@azure/msal-browser": "^3.1.0",
+    "@azure/msal-browser": "3.0.0",
     "@react-oauth/google": "^0.11.1",
     "@widergy/energy-ui": "^3.0.0",
     "@widergy/web-utils": "^2.0.0",