@widergy/react-social-auth 2.0.3 → 2.1.0

package/dist/components/Google/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _google = require("@react-oauth/google");
+var _propTypes = require("prop-types");
+var _buttonSizes = require("../../constants/buttonSizes");
+var _ButtonContainer = _interopRequireDefault(require("../ButtonContainer"));
+var _GoogleButton = _interopRequireDefault(require("./components/GoogleButton"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var Google = function Google(_ref) {
+  var _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    config = _ref.config,
+    label = _ref.label,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _buttonSizes.SMALL : _ref$size,
+    tooltipContent = _ref.tooltipContent,
+    triggerOnMount = _ref.triggerOnMount;
+  var _ref2 = config || {},
+    clientId = _ref2.clientId,
+    failureCallback = _ref2.failureCallback,
+    successCallback = _ref2.successCallback;
+  return /*#__PURE__*/_react.default.createElement(_google.GoogleOAuthProvider, {
+    clientId: clientId
+  }, /*#__PURE__*/_react.default.createElement(_ButtonContainer.default, {
+    className: classNames.container,
+    size: size,
+    tooltipContent: tooltipContent,
+    triggerOnMount: triggerOnMount
+  }, /*#__PURE__*/_react.default.createElement(_GoogleButton.default, {
+    classNames: classNames,
+    failureCallback: failureCallback,
+    label: label,
+    size: size,
+    successCallback: successCallback
+  })));
+};
+Google.propTypes = {
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  config: (0, _propTypes.shape)({
+    clintId: _propTypes.string,
+    failureCallback: _propTypes.func,
+    successCallback: _propTypes.func
+  }),
+  label: _propTypes.string,
+  size: _propTypes.string,
+  tooltipContent: _propTypes.string,
+  triggerOnMount: _propTypes.bool
+};
+var _default = Google;
+exports.default = _default;

package/dist/components/Microsoft/assets/microsoftIcon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19"><defs><style>.ms-a{fill:#f25022;}.ms-b{fill:#00a4ef;}.ms-c{fill:#7fba00;}.ms-d{fill:#ffb900;}</style></defs><g transform="translate(-1 -1)"><rect class="ms-a" width="9" height="9" transform="translate(1 1)"/><rect class="ms-b" width="9" height="9" transform="translate(1 11)"/><rect class="ms-c" width="9" height="9" transform="translate(11 1)"/><rect class="ms-d" width="9" height="9" transform="translate(11 11)"/></g></svg>

package/dist/components/Microsoft/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactMsLogin = _interopRequireDefault(require("react-ms-login"));
+var _propTypes = require("prop-types");
+var _energyUi = require("@widergy/energy-ui");
+var _buttonSizes = require("../../constants/buttonSizes");
+var _ButtonContainer = _interopRequireDefault(require("../ButtonContainer"));
+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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var Microsoft = function Microsoft(_ref) {
+  var _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    config = _ref.config,
+    label = _ref.label,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _buttonSizes.SMALL : _ref$size,
+    tooltipContent = _ref.tooltipContent,
+    triggerOnMount = _ref.triggerOnMount;
+  var _ref2 = config || {},
+    clientId = _ref2.clientId,
+    loginHandler = _ref2.loginHandler,
+    redirectUrl = _ref2.redirectUrl;
+  var Image = /*#__PURE__*/_react.default.createElement("img", {
+    alt: "Logo de Microsoft",
+    className: _stylesModule.default.icon,
+    src: _microsoftIcon.default
+  });
+  return /*#__PURE__*/_react.default.createElement(_ButtonContainer.default, {
+    className: "".concat(_stylesModule.default.container, " ").concat(classNames.container),
+    size: size,
+    tooltipContent: tooltipContent,
+    triggerOnMount: triggerOnMount
+  }, /*#__PURE__*/_react.default.createElement(_reactMsLogin.default, {
+    btnContent: size === _buttonSizes.LARGE ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, Image, /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
+      className: "".concat(_stylesModule.default.label, " ").concat(classNames.label),
+      colorTheme: "light"
+    }, label)) : /*#__PURE__*/_react.default.createElement("div", {
+      className: _stylesModule.default.smallButtonWrapper
+    }, Image),
+    clientId: clientId,
+    cssClass: "".concat(_stylesModule.default.button, " ").concat(size === _buttonSizes.SMALL ? _stylesModule.default.smallContainer : ''),
+    handleLogin: loginHandler,
+    redirectUri: redirectUrl
+  }), size === _buttonSizes.SMALL && label && /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, null, label));
+};
+Microsoft.propTypes = {
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  config: (0, _propTypes.shape)({
+    clientId: _propTypes.string,
+    loginHandler: _propTypes.func,
+    redirectUrl: _propTypes.string
+  }),
+  label: _propTypes.string,
+  size: _propTypes.string,
+  tooltipContent: _propTypes.string,
+  triggerOnMount: _propTypes.bool
+};
+var _default = Microsoft;
+exports.default = _default;

package/dist/components/Microsoft/styles.module.scss

@@ -0,0 +1,53 @@
+@import '../../scss/variables/colors';
+
+.button {
+  align-items: center;
+  background: $microsoft-bg !important;
+  border-radius: 4px;
+  border: 1px solid transparent;
+  box-shadow: 0 3px 6px $microsoft-button-shadow;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-flex;
+  justify-content: center;
+  outline: 0;
+  padding: 8px 12px;
+  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  width: 100%;
+
+  &:hover {
+    background: scale-color($color: $microsoft-bg, $lightness: -50%) !important;
+  }
+}
+
+.container {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  grid-gap: 8px;
+}
+
+.icon {
+  height: 1.25rem;
+  width: 1.25rem;
+}
+
+.label {
+  margin: 0 auto !important;
+  transform: translate(-0.675rem);
+}
+
+.smallButtonWrapper {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+
+.smallContainer {
+  border-radius: 50%;
+  height: 48px;
+  padding: 8px !important;
+  width: 48px;
+}

package/dist/components/Twitter/assets/{twitter.svg → twitterIcon.svg}

@@ -3,4 +3,4 @@
 	<g>
 		<path d="M512,97.248c-19.04,8.352-39.328,13.888-60.48,16.576c21.76-12.992,38.368-33.408,46.176-58.016    c-20.288,12.096-42.688,20.64-66.56,25.408C411.872,60.704,384.416,48,354.464,48c-58.112,0-104.896,47.168-104.896,104.992    c0,8.32,0.704,16.32,2.432,23.936c-87.264-4.256-164.48-46.08-216.352-109.792c-9.056,15.712-14.368,33.696-14.368,53.056    c0,36.352,18.72,68.576,46.624,87.232c-16.864-0.32-33.408-5.216-47.424-12.928c0,0.32,0,0.736,0,1.152    c0,51.008,36.384,93.376,84.096,103.136c-8.544,2.336-17.856,3.456-27.52,3.456c-6.72,0-13.504-0.384-19.872-1.792    c13.6,41.568,52.192,72.128,98.08,73.12c-35.712,27.936-81.056,44.768-130.144,44.768c-8.608,0-16.864-0.384-25.12-1.44    C46.496,446.88,101.6,464,161.024,464c193.152,0,298.752-160,298.752-298.688c0-4.64-0.16-9.12-0.384-13.568    C480.224,136.96,497.728,118.496,512,97.248z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#FFFFFF"/>
 	</g>
-</g></g> </svg>
+</g></g> </svg>

package/dist/components/Twitter/errors.js

@@ -74,7 +74,7 @@ var GetAuthTokenFailure = /*#__PURE__*/function (_Error4) {
     var _this4;
     _classCallCheck(this, GetAuthTokenFailure);
     _this4 = _super4.call(this);
-    _this4.message = "Unable to retrieve Authorization Token from ".concat(url, "\n    OAuth Verifier: ").concat(verifier, " \n    OAuth Token: ").concat(token, " ");
+    _this4.message = "Unable to retrieve Authorization Token from ".concat(url, "\n      OAuth Verifier: ").concat(verifier, " \n      OAuth Token: ").concat(token, " ");
     _this4.name = 'Fatal Error';
     _this4.stack = '';
     _this4.error = error;
@@ -90,7 +90,7 @@ var NoHashOrQueryParamsError = /*#__PURE__*/function (_Error5) {
     var _this5;
     _classCallCheck(this, NoHashOrQueryParamsError);
     _this5 = _super5.call(this);
-    _this5.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.";
+    _this5.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.";
     _this5.name = 'Fatal Error';
     _this5.stack = '';
     return _this5;

package/dist/components/Twitter/index.js

@@ -5,40 +5,51 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
+var _react = _interopRequireDefault(require("react"));
 require("url-search-params-polyfill");
+var _propTypes = require("prop-types");
 var _function = require("@widergy/web-utils/lib/function");
-var _utils = require("./utils");
+var _buttonSizes = require("../../constants/buttonSizes");
+var _Button = _interopRequireDefault(require("../Button"));
+var _ButtonContainer = _interopRequireDefault(require("../ButtonContainer"));
+var _twitterIcon = _interopRequireDefault(require("./assets/twitterIcon.svg"));
 var _errors = require("./errors");
-var _LargeButton = _interopRequireDefault(require("./components/LargeButton"));
-var _SmallButton = _interopRequireDefault(require("./components/SmallButton"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+var _utils = require("./utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-var TwitterLogin = function TwitterLogin(_ref) {
-  var classes = _ref.classes,
-    Component = _ref.Component,
-    credentials = _ref.credentials,
-    customHeaders = _ref.customHeaders,
-    dialogHeight = _ref.dialogHeight,
-    dialogWidth = _ref.dialogWidth,
-    forceLogin = _ref.forceLogin,
+var Twitter = function Twitter(_ref) {
+  var _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    config = _ref.config,
     label = _ref.label,
-    loginUrl = _ref.loginUrl,
-    onFailure = _ref.onFailure,
-    onSuccess = _ref.onSuccess,
-    requestTokenUrl = _ref.requestTokenUrl,
-    screenName = _ref.screenName,
-    variant = _ref.variant;
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _buttonSizes.SMALL : _ref$size,
+    tooltipContent = _ref.tooltipContent,
+    triggerOnMount = _ref.triggerOnMount;
+  var _ref2 = config || {},
+    callback = _ref2.callback,
+    _ref2$credentials = _ref2.credentials,
+    credentials = _ref2$credentials === void 0 ? 'same_origin' : _ref2$credentials,
+    _ref2$customHeaders = _ref2.customHeaders,
+    customHeaders = _ref2$customHeaders === void 0 ? {} : _ref2$customHeaders,
+    _ref2$forceLogin = _ref2.forceLogin,
+    forceLogin = _ref2$forceLogin === void 0 ? false : _ref2$forceLogin,
+    loginUrl = _ref2.loginUrl,
+    requestTokenUrl = _ref2.requestTokenUrl,
+    screenName = _ref2.screenName;
   var handleUrlChange = function handleUrlChange(popup) {
     var interval = (0, _function.polling)(function () {
       if (!popup || popup.closed || popup.closed === undefined) {
         clearInterval(interval);
-        onFailure(new _errors.PopupClosedByUserError());
+        callback(new _errors.PopupClosedByUserError());
       }
       try {
         if (popup.location.hostname !== '' && !(0, _utils.isTwitterUrl)(popup.location.hostname)) {
@@ -46,9 +57,9 @@ var TwitterLogin = function TwitterLogin(_ref) {
             var query = new URLSearchParams(popup.location.search);
             var OAuthToken = query.get('oauth_token');
             var OAuthVerifier = query.get('oauth_verifier');
-            (0, _utils.getAuthToken)(OAuthVerifier, OAuthToken, loginUrl, credentials, onSuccess, onFailure, customHeaders);
+            (0, _utils.getAuthToken)(callback, credentials, customHeaders, loginUrl, OAuthToken, OAuthVerifier);
           } else {
-            onFailure(new _errors.NoHashOrQueryParamsError());
+            callback(new _errors.NoHashOrQueryParamsError());
           }
           (0, _utils.closePopup)(interval, popup);
         }
@@ -58,17 +69,17 @@ var TwitterLogin = function TwitterLogin(_ref) {
       }
     }, 0);
   };
-  var authenticate = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+  var handleClick = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var authUrl, popup;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.next = 2;
-            return (0, _utils.getAuthUrl)(requestTokenUrl, customHeaders, onFailure, screenName, credentials, forceLogin);
+            return (0, _utils.getAuthUrl)(callback, credentials, customHeaders, forceLogin, requestTokenUrl, screenName);
           case 2:
             authUrl = _context.sent;
-            popup = (0, _utils.openPopup)(authUrl, dialogWidth, dialogHeight);
+            popup = (0, _utils.openPopup)(authUrl, 400, 600);
             handleUrlChange(popup);
           case 5:
           case "end":
@@ -76,50 +87,49 @@ var TwitterLogin = function TwitterLogin(_ref) {
         }
       }, _callee);
     }));
-    return function authenticate() {
-      return _ref2.apply(this, arguments);
+    return function handleClick() {
+      return _ref3.apply(this, arguments);
     };
   }();
-  var handleClick = function handleClick(event) {
-    event.preventDefault();
-    return authenticate();
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, Component ? /*#__PURE__*/_react.default.createElement(Component, {
-    onClick: handleClick
-  }) : variant === 'small' ? /*#__PURE__*/_react.default.createElement(_SmallButton.default, {
-    onClick: handleClick,
-    classes: classes
-  }) : /*#__PURE__*/_react.default.createElement(_LargeButton.default, {
-    classes: classes,
+  return /*#__PURE__*/_react.default.createElement(_ButtonContainer.default, {
+    className: classNames.container,
+    size: size,
+    tooltipContent: tooltipContent,
+    triggerOnMount: triggerOnMount
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     label: label,
-    onClick: handleClick
+    onClick: handleClick,
+    size: size,
+    Icon: function Icon(_ref4) {
+      var className = _ref4.className;
+      return /*#__PURE__*/_react.default.createElement("img", {
+        alt: "Logo de Twitter",
+        className: className,
+        src: _twitterIcon.default
+      });
+    },
+    classNames: _objectSpread({
+      container: "".concat(_stylesModule.default.buttonContainer, " ").concat(classNames.buttonContainer)
+    }, size === _buttonSizes.LARGE ? {
+      text: _stylesModule.default.buttonText
+    } : {})
   }));
 };
-TwitterLogin.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  Component: _propTypes.node,
-  credentials: (0, _propTypes.oneOf)(['omit', 'same-origin', 'include']),
-  customHeaders: _propTypes.object,
-  dialogHeight: _propTypes.number,
-  dialogWidth: _propTypes.number,
-  forceLogin: _propTypes.bool,
+Twitter.propTypes = {
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  config: (0, _propTypes.shape)({
+    callback: _propTypes.func,
+    credentials: _propTypes.string,
+    customHeaders: _propTypes.object,
+    forceLogin: _propTypes.bool,
+    loginUrl: _propTypes.string,
+    requestTokenUrl: _propTypes.string,
+    screenName: _propTypes.string
+  }),
   label: _propTypes.string,
-  loginUrl: _propTypes.string.isRequired,
-  onFailure: _propTypes.func.isRequired,
-  onSuccess: _propTypes.func.isRequired,
-  requestTokenUrl: _propTypes.string.isRequired,
-  screenName: _propTypes.string,
-  variant: _propTypes.string
-};
-TwitterLogin.defaultProps = {
-  credentials: 'same-origin',
-  customHeaders: {},
-  dialogHeight: 400,
-  dialogWidth: 600,
-  forceLogin: false,
-  label: 'Sign in with Twitter',
-  screenName: '',
-  variant: 'large'
+  size: _propTypes.string,
+  tooltipContent: _propTypes.string,
+  triggerOnMount: _propTypes.bool
 };
-var _default = TwitterLogin;
+var _default = Twitter;
 exports.default = _default;

package/dist/components/Twitter/styles.module.scss

@@ -0,0 +1,13 @@
+@import '../../scss/variables/colors';
+
+.buttonText {
+  color: $white;
+}
+
+.buttonContainer {
+  background: $twitter-bg !important;
+
+  &:hover {
+    background: scale-color($color: $twitter-bg, $lightness: -30%) !important;
+  }
+}

package/dist/components/Twitter/utils.js

@@ -21,7 +21,7 @@ var createHeaders = function createHeaders(customHeaders) {
 };
 exports.createHeaders = createHeaders;
 var getAuthUrl = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(requestTokenUrl, customHeaders, onFailure, screenName, credentials, forceLogin) {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(callback, credentials, customHeaders, forceLogin, requestTokenUrl, screenName) {
     var response, data, authenticationUrl;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -41,7 +41,7 @@ var getAuthUrl = /*#__PURE__*/function () {
         case 7:
           _context.prev = 7;
           _context.t0 = _context["catch"](1);
-          return _context.abrupt("return", onFailure(new _errors.RequestTokenError(_context.t0)));
+          return _context.abrupt("return", callback(new _errors.RequestTokenError(_context.t0)));
         case 10:
           data = null;
           _context.prev = 11;
@@ -54,7 +54,7 @@ var getAuthUrl = /*#__PURE__*/function () {
         case 17:
           _context.prev = 17;
           _context.t1 = _context["catch"](11);
-          return _context.abrupt("return", onFailure(new _errors.RequestTokenParseError(_context.t1)));
+          return _context.abrupt("return", callback(new _errors.RequestTokenParseError(_context.t1)));
         case 20:
           authenticationUrl = "https://api.twitter.com/oauth/authenticate?oauth_token=".concat(data.oauth_token, "&force_login=").concat(forceLogin);
           if (screenName) {
@@ -76,7 +76,7 @@ var isTwitterUrl = function isTwitterUrl(url) {
   return url.includes('api.twitter.com');
 };
 exports.isTwitterUrl = isTwitterUrl;
-var openPopup = function openPopup(authUrl, width, height) {
+var openPopup = function openPopup(authUrl, height, width) {
   var w = width;
   var h = height;
   var left = window.innerWidth / 2 - w / 2;
@@ -90,15 +90,15 @@ var closePopup = function closePopup(interval, popup) {
   popup.close();
 };
 exports.closePopup = closePopup;
-var getAuthToken = function getAuthToken(OAuthVerifier, OAuthToken, loginUrl, credentials, onSuccess, onFailure, customHeaders) {
+var getAuthToken = function getAuthToken(callback, credentials, customHeaders, loginUrl, OAuthToken, OAuthVerifier) {
   return window.fetch("".concat(loginUrl, "?oauth_verifier=").concat(OAuthVerifier, "&oauth_token=").concat(OAuthToken), {
     method: 'POST',
     credentials: credentials,
     headers: createHeaders(customHeaders)
   }).then(function (response) {
-    onSuccess(response);
+    callback(response);
   }).catch(function (error) {
-    return onFailure(new _errors.GetAuthTokenFailure(error, loginUrl, OAuthVerifier, OAuthToken));
+    return callback(new _errors.GetAuthTokenFailure(error, loginUrl, OAuthVerifier, OAuthToken));
   });
 };
 exports.getAuthToken = getAuthToken;

package/dist/constants/buttonSizes.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SMALL = exports.LARGE = void 0;
+var SMALL = 'small';
+exports.SMALL = SMALL;
+var LARGE = 'large';
+exports.LARGE = LARGE;

package/dist/index.js

@@ -15,20 +15,48 @@ Object.defineProperty(exports, "Apple", {
     return _Apple.default;
   }
 });
-Object.defineProperty(exports, "Twitter", {
+Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function get() {
-    return _Twitter.default;
+    return _Button.default;
   }
 });
-Object.defineProperty(exports, "initAppleAuth", {
+Object.defineProperty(exports, "ButtonContainer", {
   enumerable: true,
   get: function get() {
-    return _utils.initAppleAuth;
+    return _ButtonContainer.default;
+  }
+});
+Object.defineProperty(exports, "Facebook", {
+  enumerable: true,
+  get: function get() {
+    return _Facebook.default;
+  }
+});
+Object.defineProperty(exports, "Google", {
+  enumerable: true,
+  get: function get() {
+    return _Google.default;
+  }
+});
+Object.defineProperty(exports, "Microsoft", {
+  enumerable: true,
+  get: function get() {
+    return _Microsoft.default;
+  }
+});
+Object.defineProperty(exports, "Twitter", {
+  enumerable: true,
+  get: function get() {
+    return _Twitter.default;
   }
 });
-var _Twitter = _interopRequireDefault(require("./components/Twitter"));
-var _Apple = _interopRequireDefault(require("./components/Apple"));
-var _utils = require("./components/Apple/utils");
 var _ActiveDirectory = _interopRequireDefault(require("./components/ActiveDirectory"));
+var _Apple = _interopRequireDefault(require("./components/Apple"));
+var _Button = _interopRequireDefault(require("./components/Button"));
+var _ButtonContainer = _interopRequireDefault(require("./components/ButtonContainer"));
+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 }; }

package/dist/scss/variables/_colors.scss

@@ -1,3 +1,10 @@
 $black: #000;
+$dark01: #42536c;
+$facebook-bg: #4267b2;
+$large-button-shadow: rgba(9, 30, 66, 0.1);
+$small-button-shadow: rgba(24, 44, 73, 0.1);
 $light-black: #252525;
-$twitter: #00ACED;
+$microsoft-bg: #2f2f2f;
+$microsoft-button-shadow: rgba(24, 44, 73, 0.1);
+$twitter-bg: #00aced;
+$white: #fff;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/react-social-auth",
-  "version": "2.0.3",
+  "version": "2.1.0",
   "description": "Social Network Authorization (Twitter, Facebook, etc.)",
   "license": "MIT",
   "main": "dist/index.js",
@@ -9,7 +9,7 @@
     "dist"
   ],
   "scripts": {
-    "start": "react-scripts start",
+    "start": "HTTPS=true react-scripts start",
     "build-example": "react-scripts build",
     "sass-lint": "./node_modules/sass-lint/bin/sass-lint.js -v -q",
     "lint": "./node_modules/eslint/bin/eslint.js src && npm run sass-lint",
@@ -45,7 +45,8 @@
     "prettier-eslint": "^8.2.1",
     "react": "^16.8.4",
     "react-dom": "^16.8.5",
-    "react-scripts": "3.0.0",
+    "react-error-overlay": "6.0.9",
+    "react-scripts": "3.0.1",
     "rimraf": "^2.6.3",
     "sass-lint": "^1.12.1",
     "semantic-release": "^15.13.31"
@@ -58,9 +59,18 @@
   ],
   "dependencies": {
     "@azure/msal-browser": "^2.12.0",
+    "@react-oauth/google": "^0.8.0",
+    "@widergy/energy-ui": "^2.1.6",
     "@widergy/web-utils": "^1.5.0",
     "node-sass": "^4.11.0",
-    "sass-loader": "^7.1.0"
+    "prop-types": "^15.8.1",
+    "react-facebook-login": "^4.1.1",
+    "react-ms-login": "^0.1.2",
+    "sass-loader": "^7.1.0",
+    "url-search-params-polyfill": ">=2.0.1"
+  },
+  "resolutions": {
+    "react-error-overlay": "6.0.9"
   },
   "husky": {
     "hooks": {