'Intercom.js not working in the Mac Chrome

I am using intercom.js to detect the OAUTH authtication for Google Apps Script via Sidebar The below code works perfectly in Linux OS Chrome and also with Windows OS Chrome. But it will not sense the outh complete in the Mac OS Chrome.

Tested using Chrome 96 and 98

I am not sure what changes we need to do to perform the same.

I have code as below

Callback.html

<!--
 * Copyright 2016 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 -->

<html>
<head>
  <base target="_top">
  <link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/intercom.js/0.1.4/intercom.min.js"></script>
</head>
<body>
  <h1><?= title ?></h1>
  <? if (error) { ?>
    <p> <span class="error-text">An error has occurred: <?= error ?>.</span></p>
    <p>You may close this tab.</p>
  <? } else if (isSignedIn) { ?>
    <p> <span class="all-clear-text">Signed in!</span>
      You may close this tab.</p>
  <? } else { ?>
    <p> <span class="error-text">Sign in failed.</span>
      You may close this tab.</p>
  <? } ?>

  <script>
    var email = '<?= email ?>';
    var isSignedIn = '<?= isSignedIn ?>' == 'true';
    var error = '<?= error ?>';
    
    var intercom = Intercom.getInstance();
    intercom.emit('oauthComplete', {
      email: email,
      isSignedIn: isSignedIn
    });
    if (window.top && !error) {
      window.top.close();
    }
  </script>
</body>
</html>

Sidebar

<!--
 * Copyright 2016 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 -->
<!DOCTYPE html>
<html ng-app="sidebarApp">
<head>
  <base target="_top">
  <link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons.css">
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/intercom.js/0.1.4/intercom.min.js"></script>
</head>
<body ng-controller="SidebarController as sidebar">
  <div ng-show="!sidebar.isSignedIn">
    <p>Please sign in to your GitHub account to continue.</p>
    <button ng-click="sidebar.signIn()">Sign in</button>
  </div>
  <div ng-show="sidebar.isSignedIn">
    <div>
      <p>Hello {{sidebar.user.login || '...' }}</p>
      <button ng-click="sidebar.signOut()">Sign out</button>
    </div>
    <p>Repos:</p>
    <li ng-repeat="repo in sidebar.repos">
      <a href="{{repo.html_url}}">{{repo.name}}</a> ({{repo.stargazers_count}} stars, {{repo.forks_count}} forks)
    </li>
  </div>
  
  <script>
    var email = '<?= email ?>';
    var isSignedIn = '<?= isSignedIn ?>' == 'true';
  </script>
  <?!= include('JavaScript') ?>
</body>
</html>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'Intercom.js not working in the Mac Chrome

Sources

Related Questions