react-microsoft-clarity/index.js

A simple small component to implement Microsoft Clarity into your React Application

var clarityInit = require("./src/react-clarity");

function clarity() {
  var params = Array.prototype.slice.call(arguments);
  if (!window.clarity) {
    throw new Error("Clarity is not initialized");
  }

  window.clarity.apply(undefined, params);
}

function init(id) {
  clarityInit(id);
}

function hasStarted() {
  return typeof window.clarity === "function";
}

function identify(userId, properties) {
  clarity("identify", userId, properties);
}

function consent(value = true) {
  clarity("consent", value);
}

function stop() {
  clarity("stop");
}

function start() {
  clarity("start");
}

function setTag(key, value) {
  clarity("set", key, value);
}

function setEvent(name) {
  clarity("event", name);
}

function upgrade(reason) {
  clarity("upgrade", reason);
}

module.exports = {
  clarity: {
    init,
    hasStarted,
    identify,
    consent,
    stop,
    start,
    setTag,
    setEvent,
    upgrade,
  },
};