@widergy/react-social-auth 3.1.1 → 3.2.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [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)
+
+
+### 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)
 
 

package/dist/components/ActiveDirectory/index.js

@@ -9,7 +9,12 @@ 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; }
+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,
@@ -22,13 +27,12 @@ const ActiveDirectory = _ref => {
     publicClientApplicationInstanced
   } = _ref;
   const [publicClientApplication] = (0, _react.useState)(publicClientApplicationInstanced !== null && publicClientApplicationInstanced !== void 0 ? publicClientApplicationInstanced : new _msalBrowser.PublicClientApplication({
-    auth: {
+    auth: _objectSpread({
       clientId,
-      redirectUri,
-      ...(authority ? {
-        authority
-      } : {})
-    },
+      redirectUri
+    }, authority ? {
+      authority
+    } : {}),
     cache: {
       cacheLocation: 'sessionStorage',
       storeAuthStateInCookie: true,

package/dist/components/Apple/index.js

@@ -13,13 +13,19 @@ 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; }
+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 = {},
     config,
+    dataTestId,
     email,
     label,
     size = _buttonSizes.SMALL,
@@ -55,6 +61,7 @@ const Apple = _ref => {
     classNames: {
       container: "".concat(_stylesModule.default.buttonContainer, " ").concat(classNames.buttonContainer)
     },
+    dataTestId: dataTestId,
     email: email,
     emailLabelProps: {
       colorTheme: 'light'
@@ -70,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;
@@ -88,6 +93,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,
@@ -29,6 +30,7 @@ const Button = _ref => {
       childrenContainer: _stylesModule.default.fullWidth,
       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"
@@ -38,6 +40,7 @@ const Button = _ref => {
     classNames: {
       root: "".concat(_stylesModule.default.smallContainer, " ").concat(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: "".concat(className !== null && className !== void 0 ? 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,17 @@ 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 }; }
+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 = {},
     config,
+    dataTestId,
     email,
     label,
     size = _buttonSizes.SMALL,
@@ -47,6 +53,7 @@ const Facebook = _ref => {
       classNames: {
         container: "".concat(_stylesModule.default.buttonContainer, " ").concat(classNames.buttonContainer)
       },
+      dataTestId: dataTestId,
       email: email,
       emailLabelProps: {
         colorTheme: 'light'
@@ -62,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
     })
@@ -79,6 +84,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,16 @@ 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 }; }
+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 = {},
+    dataTestId,
     failureCallback,
     label,
     size,
@@ -29,7 +35,11 @@ const GoogleButton = _ref => {
     classNames: {
       container: "".concat(_stylesModule.default.buttonContainer, " ").concat(classNames.buttonContainer)
     },
+    dataTestId: dataTestId,
     email: email,
+    emailLabelProps: {
+      colorTheme: 'gray'
+    },
     Icon: _ref2 => {
       let {
         className
@@ -41,18 +51,18 @@ 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
   });
 };
 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 {
@@ -41,6 +42,7 @@ const Microsoft = _ref => {
   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),
+    dataTestId: tooltipDataTestId,
     size: size,
     tooltipContent: tooltipContent,
     triggerOnMount: triggerOnMount
@@ -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/index.js

@@ -15,11 +15,17 @@ 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 }; }
+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 = {},
     config,
+    dataTestId,
     email,
     label,
     size = _buttonSizes.SMALL,
@@ -73,6 +79,7 @@ const Twitter = _ref => {
     classNames: {
       container: "".concat(_stylesModule.default.buttonContainer, " ").concat(classNames.buttonContainer)
     },
+    dataTestId: dataTestId,
     email: email,
     emailLabelProps: {
       colorTheme: 'light'
@@ -88,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
   }));
@@ -108,6 +113,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

@@ -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;
 };

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.1",
+  "version": "3.2.1",
   "description": "Social Network Authorization (Twitter, Facebook, etc.)",
   "license": "MIT",
   "main": "dist/index.js",