@helpdice/ui 1.0.1 → 1.0.2

package/esm/login-with/LoginSocialGithub/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { IResolveParams, objectType } from "..";
+interface Props {
+    state?: string;
+    scope?: string;
+    client_id: string;
+    className?: string;
+    redirect_uri: string;
+    client_secret: string;
+    allow_signup?: boolean;
+    isOnlyGetToken?: boolean;
+    isOnlyGetCode?: boolean;
+    children?: React.ReactNode;
+    onLoginStart?: () => void;
+    onLogoutSuccess?: () => void;
+    onReject: (reject: string | objectType) => void;
+    onResolve: ({ provider, data }: IResolveParams) => void;
+}
+export declare const LoginSocialGithub: ({ state, scope, client_id, client_secret, className, redirect_uri, allow_signup, isOnlyGetToken, isOnlyGetCode, children, onReject, onResolve, onLoginStart, }: Props) => JSX.Element;
+declare const _default: React.MemoExoticComponent<({ state, scope, client_id, client_secret, className, redirect_uri, allow_signup, isOnlyGetToken, isOnlyGetCode, children, onReject, onResolve, onLoginStart, }: Props) => JSX.Element>;
+export default _default;

package/esm/login-with/LoginSocialGithub/index.js

@@ -0,0 +1,163 @@
+/* eslint-disable camelcase */
+/**
+ *
+ * LoginSocialGithub
+ *
+ */
+// import { PASS_CORS_KEY } from '../helper/constants';
+"use client";
+
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import React, { memo, useCallback, useEffect } from 'react';
+var GITHUB_URL = 'https://github.com';
+var GITHUB_API_URL = 'https://api.github.com/';
+var PREVENT_CORS_URL = ''; //https://cors.bridged.cc
+
+export var LoginSocialGithub = function LoginSocialGithub(_ref) {
+  var _ref$state = _ref.state,
+    state = _ref$state === void 0 ? '' : _ref$state,
+    _ref$scope = _ref.scope,
+    scope = _ref$scope === void 0 ? 'repo,gist' : _ref$scope,
+    client_id = _ref.client_id,
+    client_secret = _ref.client_secret,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    redirect_uri = _ref.redirect_uri,
+    _ref$allow_signup = _ref.allow_signup,
+    allow_signup = _ref$allow_signup === void 0 ? false : _ref$allow_signup,
+    _ref$isOnlyGetToken = _ref.isOnlyGetToken,
+    isOnlyGetToken = _ref$isOnlyGetToken === void 0 ? false : _ref$isOnlyGetToken,
+    _ref$isOnlyGetCode = _ref.isOnlyGetCode,
+    isOnlyGetCode = _ref$isOnlyGetCode === void 0 ? false : _ref$isOnlyGetCode,
+    children = _ref.children,
+    onReject = _ref.onReject,
+    onResolve = _ref.onResolve,
+    onLoginStart = _ref.onLoginStart;
+  useEffect(function () {
+    var popupWindowURL = new URL(window.location.href);
+    var code = popupWindowURL.searchParams.get('code');
+    var state = popupWindowURL.searchParams.get('state');
+    if (state !== null && state !== void 0 && state.includes('_github') && code) {
+      localStorage.setItem('github', code);
+      window.close();
+    }
+  }, []);
+  var getProfile = useCallback(function (data) {
+    fetch("".concat(PREVENT_CORS_URL, "/").concat(GITHUB_API_URL, "/user"), {
+      method: 'GET',
+      headers: {
+        Authorization: "token ".concat(data.access_token)
+        // 'x-cors-grida-api-key': PASS_CORS_KEY,
+      }
+    }).then(function (res) {
+      return res.json();
+    }).then(function (response) {
+      onResolve({
+        provider: 'github',
+        data: _extends({}, response, data)
+      });
+    })["catch"](function (err) {
+      onReject(err);
+    });
+  }, [onReject, onResolve]);
+  var getAccessToken = useCallback(function (code) {
+    if (isOnlyGetCode) onResolve({
+      provider: 'github',
+      data: {
+        code: code
+      }
+    });else {
+      var params = {
+        code: code,
+        state: state,
+        redirect_uri: redirect_uri,
+        client_id: client_id,
+        client_secret: client_secret
+      };
+      var headers = new Headers({
+        'Content-Type': 'application/x-www-form-urlencoded'
+        // 'x-cors-grida-api-key': PASS_CORS_KEY,
+      });
+      fetch("".concat(PREVENT_CORS_URL, "/").concat(GITHUB_URL, "/login/oauth/access_token"), {
+        method: 'POST',
+        headers: headers,
+        body: new URLSearchParams(params)
+      }).then(function (response) {
+        return response.text();
+      }).then(function (response) {
+        var data = {};
+        var searchParams = new URLSearchParams(response);
+        var _iterator = _createForOfIteratorHelper(searchParams),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var p = _step.value;
+            data[p[0]] = p[1];
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+        if (data.access_token) {
+          if (isOnlyGetToken) onResolve({
+            provider: 'github',
+            data: data
+          });else getProfile(data);
+        } else onReject('no data');
+      })["catch"](function (err) {
+        onReject(err);
+      });
+    }
+  }, [state, onReject, getProfile, onResolve, client_id, redirect_uri, client_secret, isOnlyGetCode, isOnlyGetToken]);
+  var handlePostMessage = useCallback( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
+      var type, code, provider;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            type = _ref2.type, code = _ref2.code, provider = _ref2.provider;
+            return _context.abrupt("return", type === 'code' && provider === 'github' && code && getAccessToken(code));
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [getAccessToken]);
+  var onChangeLocalStorage = useCallback(function () {
+    window.removeEventListener('storage', onChangeLocalStorage, false);
+    var code = localStorage.getItem('github');
+    if (code) {
+      handlePostMessage({
+        provider: 'github',
+        type: 'code',
+        code: code
+      });
+      localStorage.removeItem('github');
+    }
+  }, [handlePostMessage]);
+  var onLogin = useCallback(function () {
+    onLoginStart && onLoginStart();
+    window.addEventListener('storage', onChangeLocalStorage, false);
+    var oauthUrl = "".concat(GITHUB_URL, "/login/oauth/authorize?client_id=").concat(client_id, "&scope=").concat(scope, "&state=").concat(state + '_github', "&redirect_uri=").concat(redirect_uri, "&allow_signup=").concat(allow_signup);
+    var width = 450;
+    var height = 730;
+    var left = window.screen.width / 2 - width / 2;
+    var top = window.screen.height / 2 - height / 2;
+    window.open(oauthUrl, 'Github', 'menubar=no,location=no,resizable=no,scrollbars=no,status=no, width=' + width + ', height=' + height + ', top=' + top + ', left=' + left);
+  }, [scope, state, client_id, redirect_uri, allow_signup, onLoginStart, onChangeLocalStorage]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: className,
+    onClick: onLogin
+  }, children);
+};
+export default /*#__PURE__*/memo(LoginSocialGithub);

package/esm/login-with/LoginSocialGoogle/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { objectType, IResolveParams } from "..";
+interface Props {
+    scope?: string;
+    prompt?: string;
+    ux_mode?: string;
+    client_id: string;
+    className?: string;
+    login_hint?: string;
+    access_type?: string;
+    auto_select?: boolean;
+    redirect_uri?: string;
+    cookie_policy?: string;
+    hosted_domain?: string;
+    discoveryDocs?: string;
+    children?: React.ReactNode;
+    onLoginStart?: () => void;
+    isOnlyGetToken?: boolean;
+    typeResponse?: 'idToken' | 'accessToken';
+    onReject: (reject: string | objectType) => void;
+    fetch_basic_profile?: boolean;
+    onResolve: ({ provider, data }: IResolveParams) => void;
+}
+declare const _default: React.MemoExoticComponent<({ client_id, scope, prompt, typeResponse, ux_mode, className, login_hint, access_type, onLoginStart, onReject, onResolve, redirect_uri, auto_select, isOnlyGetToken, cookie_policy, hosted_domain, discoveryDocs, children, fetch_basic_profile, }: Props) => JSX.Element>;
+export default _default;

package/esm/login-with/LoginSocialGoogle/index.js

@@ -0,0 +1,206 @@
+/* eslint-disable camelcase */
+/**
+ *
+ * LoginSocialGoogle
+ *
+ */
+// import { PASS_CORS_KEY } from 'helper/constants';
+"use client";
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { memo, useCallback, useEffect, useRef, useState } from 'react';
+// const SCOPE = ''
+// const JS_SRC = 'https://apis.google.com/js/api.js'
+var JS_SRC = 'https://accounts.google.com/gsi/client';
+var SCRIPT_ID = 'google-login';
+var PREVENT_CORS_URL = '';
+var _window = global.window;
+var LoginSocialGoogle = function LoginSocialGoogle(_ref) {
+  var client_id = _ref.client_id,
+    _ref$scope = _ref.scope,
+    scope = _ref$scope === void 0 ? 'https://www.googleapis.com/auth/userinfo.profile' : _ref$scope,
+    _ref$prompt = _ref.prompt,
+    prompt = _ref$prompt === void 0 ? 'select_account' : _ref$prompt,
+    _ref$typeResponse = _ref.typeResponse,
+    typeResponse = _ref$typeResponse === void 0 ? 'accessToken' : _ref$typeResponse,
+    ux_mode = _ref.ux_mode,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$login_hint = _ref.login_hint,
+    login_hint = _ref$login_hint === void 0 ? '' : _ref$login_hint,
+    _ref$access_type = _ref.access_type,
+    access_type = _ref$access_type === void 0 ? 'online' : _ref$access_type,
+    onLoginStart = _ref.onLoginStart,
+    onReject = _ref.onReject,
+    onResolve = _ref.onResolve,
+    _ref$redirect_uri = _ref.redirect_uri,
+    redirect_uri = _ref$redirect_uri === void 0 ? '/' : _ref$redirect_uri,
+    _ref$auto_select = _ref.auto_select,
+    auto_select = _ref$auto_select === void 0 ? false : _ref$auto_select,
+    _ref$isOnlyGetToken = _ref.isOnlyGetToken,
+    isOnlyGetToken = _ref$isOnlyGetToken === void 0 ? false : _ref$isOnlyGetToken,
+    _ref$cookie_policy = _ref.cookie_policy,
+    cookie_policy = _ref$cookie_policy === void 0 ? 'single_host_origin' : _ref$cookie_policy,
+    _ref$hosted_domain = _ref.hosted_domain,
+    hosted_domain = _ref$hosted_domain === void 0 ? '' : _ref$hosted_domain,
+    _ref$discoveryDocs = _ref.discoveryDocs,
+    discoveryDocs = _ref$discoveryDocs === void 0 ? '' : _ref$discoveryDocs,
+    children = _ref.children,
+    _ref$fetch_basic_prof = _ref.fetch_basic_profile,
+    fetch_basic_profile = _ref$fetch_basic_prof === void 0 ? true : _ref$fetch_basic_prof;
+  var scriptNodeRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isSdkLoaded = _useState2[0],
+    setIsSdkLoaded = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    instance = _useState4[0],
+    setInstance = _useState4[1];
+  useEffect(function () {
+    !isSdkLoaded && load();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isSdkLoaded]);
+  useEffect(function () {
+    return function () {
+      if (scriptNodeRef.current) scriptNodeRef.current.remove();
+    };
+  }, []);
+  var checkIsExistsSDKScript = useCallback(function () {
+    return !!document.getElementById(SCRIPT_ID);
+  }, []);
+  var insertScriptGoogle = useCallback(function (d) {
+    var s = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'script';
+    var id = arguments.length > 2 ? arguments[2] : undefined;
+    var jsSrc = arguments.length > 3 ? arguments[3] : undefined;
+    var cb = arguments.length > 4 ? arguments[4] : undefined;
+    var ggScriptTag = d.createElement(s);
+    ggScriptTag.id = id;
+    ggScriptTag.src = jsSrc;
+    ggScriptTag.async = true;
+    ggScriptTag.defer = true;
+    var scriptNode = document.getElementsByTagName('script')[0];
+    scriptNodeRef.current = ggScriptTag;
+    scriptNode && scriptNode.parentNode && scriptNode.parentNode.insertBefore(ggScriptTag, scriptNode);
+    ggScriptTag.onload = cb;
+  }, []);
+  var onGetMe = useCallback(function (res) {
+    if (typeResponse === 'accessToken') {
+      var headers = new Headers({
+        'Content-Type': 'application/x-www-form-urlencoded',
+        // 'x-cors-grida-api-key': PASS_CORS_KEY,
+        Authorization: 'Bearer ' + res.access_token
+      });
+      fetch("".concat(PREVENT_CORS_URL, "/https://www.googleapis.com/oauth2/v3/userinfo?alt=json"), {
+        method: 'GET',
+        headers: headers
+      }).then(function (response) {
+        return response.json();
+      }).then(function (response) {
+        var data = _extends({}, res, response);
+        onResolve({
+          provider: 'google',
+          data: data
+        });
+      })["catch"](function (err) {
+        onReject(err);
+      });
+    } else {
+      fetch("https://www.googleapis.com/oauth2/v3/tokeninfo?id_token=".concat(res.credential), {
+        method: 'GET'
+      }).then(function (response) {
+        return response.json();
+      }).then(function (response) {
+        var data = _extends({}, res, response);
+        onResolve({
+          provider: 'google',
+          data: data
+        });
+      })["catch"](function (err) {
+        onReject(err);
+      });
+    }
+  }, [typeResponse, onReject, onResolve]);
+  var handleResponse = useCallback(function (res) {
+    if (res && access_type === 'offline') onResolve({
+      provider: 'google',
+      data: res
+    });else {
+      if (res !== null && res !== void 0 && res.access_token) {
+        if (isOnlyGetToken) onResolve({
+          provider: 'google',
+          data: res
+        });else onGetMe(res);
+      } else {
+        var data = res;
+        if (isOnlyGetToken) onResolve({
+          provider: 'google',
+          data: data
+        });else onGetMe(res);
+      }
+    }
+  }, [access_type, isOnlyGetToken, onGetMe, onResolve]);
+  var handleError = useCallback(function (res) {
+    onReject({
+      provider: 'google',
+      data: res
+    });
+  }, [onReject]);
+  var load = useCallback(function () {
+    if (checkIsExistsSDKScript()) {
+      setIsSdkLoaded(true);
+    } else {
+      insertScriptGoogle(document, 'script', SCRIPT_ID, JS_SRC, function () {
+        var params = {
+          client_id: client_id,
+          ux_mode: ux_mode
+        };
+        var client = null;
+        if (typeResponse === 'idToken') {
+          _window.google.accounts.id.initialize(_extends({}, params, {
+            auto_select: auto_select,
+            prompt: 'select_account',
+            login_uri: redirect_uri,
+            callback: handleResponse,
+            native_callback: handleResponse,
+            error_callback: handleError
+          }));
+        } else {
+          var payload = _extends({}, params, {
+            scope: scope,
+            prompt: prompt,
+            login_hint: login_hint,
+            access_type: access_type,
+            hosted_domain: hosted_domain,
+            redirect_uri: redirect_uri,
+            cookie_policy: cookie_policy,
+            discoveryDocs: discoveryDocs,
+            immediate: true,
+            fetch_basic_profile: fetch_basic_profile,
+            callback: handleResponse,
+            error_callback: handleError
+          });
+          if (access_type === 'offline') client = _window.google.accounts.oauth2.initCodeClient(payload);else client = _window.google.accounts.oauth2.initTokenClient(payload);
+        }
+        if (client) setInstance(client);
+        setIsSdkLoaded(true);
+      });
+    }
+  }, [scope, prompt, ux_mode, client_id, login_hint, auto_select, access_type, redirect_uri, typeResponse, discoveryDocs, cookie_policy, hosted_domain, handleResponse, handleError, fetch_basic_profile, insertScriptGoogle, checkIsExistsSDKScript]);
+  var loginGoogle = useCallback(function () {
+    if (!isSdkLoaded) return;
+    if (!_window.google) {
+      load();
+      onReject("Google SDK isn't loaded!");
+    } else {
+      onLoginStart && onLoginStart();
+      if (instance) access_type === 'offline' ? instance.requestCode() : instance.requestAccessToken();else _window.google.accounts.id.prompt();
+    }
+  }, [access_type, instance, isSdkLoaded, load, onLoginStart, onReject]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: className,
+    onClick: loginGoogle
+  }, children);
+};
+export default /*#__PURE__*/memo(LoginSocialGoogle);

package/esm/login-with/LoginSocialInstagram/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { objectType, IResolveParams } from "..";
+interface Props {
+    scope?: string;
+    state?: string;
+    fields?: string;
+    client_id: string;
+    className?: string;
+    client_secret: string;
+    redirect_uri: string;
+    response_type?: string;
+    isOnlyGetCode?: boolean;
+    isOnlyGetToken?: boolean;
+    children?: React.ReactNode;
+    onLogoutSuccess?: () => void;
+    onLoginStart?: () => void;
+    onReject: (reject: string | objectType) => void;
+    onResolve: ({ provider, data }: IResolveParams) => void;
+}
+export declare const LoginSocialInstagram: ({ state, client_id, client_secret, className, redirect_uri, fields, scope, response_type, isOnlyGetCode, isOnlyGetToken, children, onReject, onResolve, onLoginStart, }: Props) => JSX.Element;
+declare const _default: React.MemoExoticComponent<({ state, client_id, client_secret, className, redirect_uri, fields, scope, response_type, isOnlyGetCode, isOnlyGetToken, children, onReject, onResolve, onLoginStart, }: Props) => JSX.Element>;
+export default _default;

package/esm/login-with/LoginSocialInstagram/index.js

@@ -0,0 +1,145 @@
+/* eslint-disable camelcase */
+/**
+ *
+ * LoginSocialInstagram
+ *
+ */
+// import { PASS_CORS_KEY } from 'helper/constants';
+"use client";
+
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { memo, useCallback, useEffect } from 'react';
+var INSTAGRAM_URL = 'https://api.instagram.com';
+var INSTAGRAM_API_URL = 'https://graph.instagram.com/';
+var PREVENT_CORS_URL = '';
+export var LoginSocialInstagram = function LoginSocialInstagram(_ref) {
+  var _ref$state = _ref.state,
+    state = _ref$state === void 0 ? '' : _ref$state,
+    client_id = _ref.client_id,
+    client_secret = _ref.client_secret,
+    className = _ref.className,
+    redirect_uri = _ref.redirect_uri,
+    _ref$fields = _ref.fields,
+    fields = _ref$fields === void 0 ? 'id,username,account_type,media_count' : _ref$fields,
+    _ref$scope = _ref.scope,
+    scope = _ref$scope === void 0 ? 'user_profile,user_media' : _ref$scope,
+    _ref$response_type = _ref.response_type,
+    response_type = _ref$response_type === void 0 ? 'code' : _ref$response_type,
+    _ref$isOnlyGetCode = _ref.isOnlyGetCode,
+    isOnlyGetCode = _ref$isOnlyGetCode === void 0 ? false : _ref$isOnlyGetCode,
+    _ref$isOnlyGetToken = _ref.isOnlyGetToken,
+    isOnlyGetToken = _ref$isOnlyGetToken === void 0 ? false : _ref$isOnlyGetToken,
+    children = _ref.children,
+    onReject = _ref.onReject,
+    onResolve = _ref.onResolve,
+    onLoginStart = _ref.onLoginStart;
+  useEffect(function () {
+    var popupWindowURL = new URL(window.location.href);
+    var code = popupWindowURL.searchParams.get('code');
+    var state = popupWindowURL.searchParams.get('state');
+    if (state !== null && state !== void 0 && state.includes('_instagram') && code) {
+      localStorage.setItem('instagram', code);
+      window.close();
+    }
+  }, []);
+  var getProfile = useCallback(function (data) {
+    fetch("".concat(PREVENT_CORS_URL, "/").concat(INSTAGRAM_API_URL, "/me?fields=").concat(fields, "&access_token=").concat(data.access_token), {
+      method: 'GET',
+      headers: {
+        // 'x-cors-grida-api-key': PASS_CORS_KEY,
+      }
+    }).then(function (res) {
+      return res.json();
+    }).then(function (res) {
+      onResolve({
+        provider: 'instagram',
+        data: _extends({}, res, data)
+      });
+    })["catch"](function (err) {
+      onReject(err);
+    });
+  }, [fields, onReject, onResolve]);
+  var getAccessToken = useCallback(function (code) {
+    if (isOnlyGetCode) onResolve({
+      provider: 'instagram',
+      data: {
+        code: code
+      }
+    });else {
+      var params = {
+        grant_type: 'authorization_code',
+        code: code,
+        redirect_uri: redirect_uri,
+        client_id: client_id,
+        client_secret: client_secret
+      };
+      var headers = new Headers({
+        'Content-Type': 'application/x-www-form-urlencoded'
+        // 'x-cors-grida-api-key': PASS_CORS_KEY,
+      });
+      fetch("".concat(PREVENT_CORS_URL, "/").concat(INSTAGRAM_URL, "/oauth/access_token"), {
+        method: 'POST',
+        headers: headers,
+        body: new URLSearchParams(params)
+      }).then(function (response) {
+        return response.json();
+      }).then(function (data) {
+        if (data.access_token) {
+          if (isOnlyGetToken) onResolve({
+            provider: 'instagram',
+            data: data
+          });else getProfile(data);
+        } else onReject('no data');
+      })["catch"](function (err) {
+        onReject(err);
+      })["finally"](function () {});
+    }
+  }, [onReject, onResolve, getProfile, client_id, redirect_uri, client_secret, isOnlyGetCode, isOnlyGetToken]);
+  var handlePostMessage = useCallback( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
+      var type, code, provider;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            type = _ref2.type, code = _ref2.code, provider = _ref2.provider;
+            return _context.abrupt("return", type === 'code' && provider === 'instagram' && code && getAccessToken(code));
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [getAccessToken]);
+  var onChangeLocalStorage = useCallback(function () {
+    window.removeEventListener('storage', onChangeLocalStorage, false);
+    var code = localStorage.getItem('instagram');
+    if (code) {
+      handlePostMessage({
+        provider: 'instagram',
+        type: 'code',
+        code: code
+      });
+      localStorage.removeItem('instagram');
+    }
+  }, [handlePostMessage]);
+  var onLogin = useCallback(function () {
+    onLoginStart && onLoginStart();
+    window.addEventListener('storage', onChangeLocalStorage, false);
+    var oauthUrl = "".concat(INSTAGRAM_URL, "/oauth/authorize?response_type=").concat(response_type, "&client_id=").concat(client_id, "&scope=").concat(scope, "&state=").concat(state + '_instagram', "&redirect_uri=").concat(redirect_uri);
+    var width = 450;
+    var height = 730;
+    var left = window.screen.width / 2 - width / 2;
+    var top = window.screen.height / 2 - height / 2;
+    window.open(oauthUrl, 'Instagram', 'menubar=no,location=no,resizable=no,scrollbars=no,status=no, width=' + width + ', height=' + height + ', top=' + top + ', left=' + left);
+  }, [scope, state, client_id, redirect_uri, onLoginStart, response_type, onChangeLocalStorage]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: className,
+    onClick: onLogin
+  }, children);
+};
+export default /*#__PURE__*/memo(LoginSocialInstagram);

package/esm/login-with/LoginSocialLinkedin/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { IResolveParams, objectType } from "..";
+interface Props {
+    state?: string;
+    scope?: string;
+    client_id: string;
+    className?: string;
+    redirect_uri: string;
+    client_secret: string;
+    response_type?: string;
+    isOnlyGetCode?: boolean;
+    isOnlyGetToken?: boolean;
+    children?: React.ReactNode;
+    onLoginStart?: () => void;
+    onReject: (reject: string | objectType) => void;
+    onResolve: ({ provider, data }: IResolveParams) => void;
+}
+export declare const LoginSocialLinkedin: ({ state, scope, client_id, client_secret, className, redirect_uri, response_type, isOnlyGetCode, isOnlyGetToken, children, onLoginStart, onReject, onResolve, }: Props) => JSX.Element;
+declare const _default: React.MemoExoticComponent<({ state, scope, client_id, client_secret, className, redirect_uri, response_type, isOnlyGetCode, isOnlyGetToken, children, onLoginStart, onReject, onResolve, }: Props) => JSX.Element>;
+export default _default;