Mini Kabibi Habibi

/* Accept Extension UI */
(function (wa, $) {
  var ui = (wa.UI = wa.UI || {}),
    _window = wa.Core.Window,
    _external = wa.Utils.External,
    _instrument = wa.Utils.Instrument;

  ui.accept_extension = function () {
    var $el = {
      content1: $("#wa-dialog-balloon-content-1"),
      content2: $("#wa-dialog-balloon-content-2"),
      arrow: $(".balloon-chevron"),
    },

    show = function () {
      _window.ready(function () {
        var settings = JSON.parse(_external.getArgument("overlay_data"));
        var overlayType = Number(settings["overlay_type"]);
        var extensionType = Number(settings["extension_type"]);
        
        // Polyfill of isNaN for IE version < 12;
        Number.isNaN = Number.isNaN || function isNaN(input) {
          return typeof input === "number" && input !== input;
        };

        // Validate toastCount is valid;
        if (Number.isNaN(overlayType) || Number.isNaN(extensionType)) {
          _window.close();
          return;
        }

        // Close if it is not new tab overlay;
        if (extensionType !== 2) {
          _window.close();
          return;
        }

        init(overlayType);

        _window.show();

        var balloonType = overlayType === 0 ? "NewTabOverlayOnboardingPointToEnable" : "NewTabOverlayOnboardingPointToKeepChanges";

        //Send Telemetry 3.0 for dialog balloon
        var browser_code = _instrument.getBrowserTypeCode();
        var screen_flow = browser_code == 'FF' ? 'firefox' : 'introduction';
        var hit_screen_id = browser_code == 'FF' ? '300.1.2.1-windows-onboarding-firefox-webpage' : '300.1.1.1-windows-onboarding-introduction-coachmark';

        var analyticsEvent = {
            _event_name: "wa_onboarding_balloon_impression",
            hit_label_8: screen_flow,
            hit_label_18: "Onboarding",
            hit_label_19: "Impression",
            hit_label_20: browser_code,
            hit_label_21: balloonType,
            hit_screen: hit_screen_id
        }
        _instrument.sendAnalyticsEvent(analyticsEvent);
      });
    },
    
    init = function (type) {
      var lang = wa.Utils.Lang(wa.Utils.Lang.ResType.OVERLAY).get;
      var buttonId = "";
      var descLocaleId = "";
      var desc2LocaleId = "";
      var chevronClass = "chevron--";

      // type = 0 -> enable_extension_overlay
      // type = 5 -> new_tab_warning_overlay
      switch (type) {
        case 0:
          _window.setHeight("282");
          buttonId = "NEW_TAB_EXTENSION_ACCEPTANCE_STRONG";
          descLocaleId = "NEW_TAB_EXTENSION_ACCEPTANCE_CONTENT";
          desc2LocaleId = "";
          telBalloonType = "GoogleGuideEnablement";
          chevronClass += "centered";
          break;
        case 5:
          var chromePopUpWinName = _external.get_parent_window_name();
          var isOldPopUp = chromePopUpWinName === "Is this the new tab page you were expecting?";

          _window.setHeight("300");
          buttonId = isOldPopUp ? "NEW_TAB_EXTENSION_WARNING_STRONG_OLD" : "NEW_TAB_EXTENSION_WARNING_STRONG";
          descLocaleId = isOldPopUp ? "NEW_TAB_EXTENSION_WARNING_CONTENT_1_OLD" : "NEW_TAB_EXTENSION_WARNING_CONTENT_1";
          desc2LocaleId = "NEW_TAB_EXTENSION_WARNING_CONTENT_2";
          telBalloonType = "GoogleGuideEnablement";
          chevronClass += "right";

          break;
        default:
          _window.close();
          return;
      }

      var descText = lang(descLocaleId).format(
        "<strong>" + lang(buttonId) + "</strong>"
      );

      $el.arrow.addClass(chevronClass);
      $el.content1.html(descText);
      $el.content2.html(lang(desc2LocaleId));
    };

    return {
      show: show,
    };
  };
})((window.WebAdvisor = window.WebAdvisor || {}), jQuery);

$(function () {
  var balloon = new WebAdvisor.UI.accept_extension();
  balloon.show();
});

//44F695D0136244CA3397F7D31BCAD0D970FB0F9A4C659241507B58D49162F7C7554EC3622D66D09F1FF22B4ED66BB3764F8654A5ECFCAF5879F054417EB1AD0A++