touchstudy-core 0.1.79 → 0.1.80

package/dist/index.modern.js

@@ -723,7 +723,8 @@ var BlockLogin = function BlockLogin(_ref) {
     role = _ref$role === void 0 ? Role.Student : _ref$role,
     homeAcademyUrl = _ref.homeAcademyUrl,
     homeUrl = _ref.homeUrl,
-    registerUrl = _ref.registerUrl;
+    registerUrl = _ref.registerUrl,
+    clientId = _ref.clientId;
   var language = useSelector(function (state) {
     var _state$common;
     return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.language;
@@ -793,7 +794,7 @@ var BlockLogin = function BlockLogin(_ref) {
     })), React__default.createElement("div", {
       className: "p-0 mt-1 mb-4"
     }, React__default.createElement(GoogleLogin, {
-      clientId: GOOGLE_CLIENT_ID,
+      clientId: clientId,
       buttonText: t("sign_in_with_your_google_account"),
       onSuccess: onSuccessGoogle,
       onFailure: onFailureGoogle,
@@ -818,24 +819,29 @@ var useLogin$1 = function useLogin(homeAcademyUrl, homeUrl) {
   var _useState2 = useState(),
     infoUser = _useState2[0],
     setInfoUser = _useState2[1];
+  var _useState3 = useState(),
+    clientId = _useState3[0],
+    setClientId = _useState3[1];
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var toggle = useCallback(function () {
     setOpenLogin(!openLogin);
   }, [openLogin]);
-  var _useState3 = useState(false),
-    isShowPassword = _useState3[0],
-    setIsShowPassword = _useState3[1];
+  var _useState4 = useState(false),
+    isShowPassword = _useState4[0],
+    setIsShowPassword = _useState4[1];
+  useEffect(function () {
+    setClientId(GOOGLE_CLIENT_ID);
+  }, []);
   useEffect(function () {
     var start = function start() {
       gapi.client.init({
-        clientId: GOOGLE_CLIENT_ID,
+        clientId: clientId,
         scope: "email"
       });
     };
-    console.info("GOOGLE_CLIENT_ID: ", GOOGLE_CLIENT_ID);
-    !!gapi && gapi.load("client:auth2", start);
-  }, [gapi]);
+    gapi && clientId && gapi.load("client:auth2", start);
+  }, [gapi, clientId]);
   useEffect(function () {
     var token = getAccessToken();
     var academyDomain = getAcademyDomain();
@@ -846,6 +852,7 @@ var useLogin$1 = function useLogin(homeAcademyUrl, homeUrl) {
     document.title = t("study_peak") + " | " + t(PAGE_TITLE);
   }, [t]);
   return {
+    clientId: clientId,
     defaultInfo: defaultInfo,
     openLogin: openLogin,
     toggle: toggle,
@@ -955,7 +962,8 @@ var Login = function Login(_ref) {
   var history = _ref.history,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useLogin = useLogin$1(rest.homeAcademyUrl, rest.homeUrl),
-    defaultInfo = _useLogin.defaultInfo;
+    defaultInfo = _useLogin.defaultInfo,
+    clientId = _useLogin.clientId;
   useLanguage(history);
   return React__default.createElement("div", {
     className: styles["login"] + " font-family-lato"
@@ -967,9 +975,10 @@ var Login = function Login(_ref) {
     item: true,
     xs: 12,
     className: "d-flex justify-content-center h-100 align-items-center"
-  }, React__default.createElement(BlockLogin, Object.assign({
+  }, clientId && React__default.createElement(BlockLogin, Object.assign({
     defaultInfo: defaultInfo,
-    history: history
+    history: history,
+    clientId: clientId
   }, rest)))));
 };