@krowdy/kds-auth/esm/OnetapGoogle/OnetapGoogle.js

React components that implement Google's Material Design.

import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import React, { useState } from 'react';
import { Helmet } from 'react-helmet';
import GoogleLogin from './GoogleLogin';

var OnetapGoogle = function OnetapGoogle() {
  var _useState = useState(false),
      _useState2 = _slicedToArray(_useState, 2),
      isLoaded = _useState2[0],
      seLoaded = _useState2[1];

  var _handleLoad = function _handleLoad() {
    seLoaded(true);
  };

  var _handleScriptInject = function _handleScriptInject(_, _ref) {
    var scriptTags = _ref.scriptTags;

    if (scriptTags) {
      var _scriptTags = _slicedToArray(scriptTags, 1),
          scriptTag = _scriptTags[0];

      scriptTag.onload = _handleLoad;
    }
  };

  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Helmet, {
    onChangeClientState: _handleScriptInject,
    script: [{
      src: 'https://accounts.google.com/gsi/client'
    }]
  }), /*#__PURE__*/React.createElement(GoogleLogin, {
    isLoaded: isLoaded
  }));
};

export default React.memo(OnetapGoogle);