@pelcro/react-pelcro-js 4.0.0-alpha.1 → 4.0.0-alpha.2

package/dist/index.esm.js

@@ -6333,6 +6333,53 @@ function _defineProperty$3(obj, key, value) {
   return obj;
 }
 
+// Polyfill
+(() => {
+  if (typeof window.CustomEvent === "function") return false;
+
+  function CustomEvent(event, params = {
+    bubbles: false,
+    cancelable: false,
+    detail: undefined
+  }) {
+    const evt = document.createEvent("CustomEvent");
+    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
+    return evt;
+  }
+
+  CustomEvent.prototype = window.Event.prototype;
+  window.CustomEvent = CustomEvent;
+})();
+/**
+ * Should fire when the cart is opened and expects the cartItems inside the card to be sent
+ */
+
+
+const cartOpened = detail => createCustomEvent("PelcroElementsCartOpened", detail);
+/**
+ * Should fire when an item added to the cart and expects the added item to be sent
+ */
+
+const cartItemAdded = detail => createCustomEvent("PelcroElementsCartItemAdded", detail);
+/**
+ * Should fire when an item removed from the cart and expects the removed item to be sent
+ */
+
+const cartItemRemoved = detail => createCustomEvent("PelcroElementsCartItemRemoved", detail);
+/**
+ * Check if the browser support custom events
+ */
+
+function createCustomEvent(name, detail) {
+  try {
+    return new CustomEvent(name, {
+      detail
+    });
+  } catch (e) {
+    console.warn("Pelcro - Events are not supported in the browser");
+  }
+}
+
 function warn(s) {
   console.warn('[react-ga]', s);
 }
@@ -7184,57 +7231,789 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 OutboundLink$1.origTrackLink = OutboundLink$1.trackLink;
 OutboundLink$1.trackLink = outboundLink;
 var OutboundLink = OutboundLink$1;
-var ReactGA = _objectSpread({}, Defaults, {
+var ReactGA1 = _objectSpread({}, Defaults, {
   OutboundLink: OutboundLink
 });
 
-// Polyfill
-(() => {
-  if (typeof window.CustomEvent === "function") return false;
+var gtag_1 = createCommonjsModule(function (module, exports) {
 
-  function CustomEvent(event, params = {
-    bubbles: false,
-    cancelable: false,
-    detail: undefined
-  }) {
-    const evt = document.createEvent("CustomEvent");
-    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
-    return evt;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var gtag = function gtag() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
   }
 
-  CustomEvent.prototype = window.Event.prototype;
-  window.CustomEvent = CustomEvent;
-})();
-/**
- * Should fire when the cart is opened and expects the cartItems inside the card to be sent
- */
+  if (typeof window !== "undefined") {
+    var _window;
 
+    if (typeof window.gtag === "undefined") {
+      window.dataLayer = window.dataLayer || [];
+
+      window.gtag = function gtag() {
+        window.dataLayer.push(arguments);
+      };
+    }
+
+    (_window = window).gtag.apply(_window, args);
+  }
+};
+
+var _default = gtag;
+exports["default"] = _default;
+});
+
+unwrapExports(gtag_1);
+
+var format_1 = createCommonjsModule(function (module, exports) {
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = format;
+var smallWords = /^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|vs?\.?|via)$/i;
+
+function toTitleCase(string) {
+  return string.toString().trim().replace(/[A-Za-z0-9\u00C0-\u00FF]+[^\s-]*/g, function (match, index, title) {
+    if (index > 0 && index + match.length !== title.length && match.search(smallWords) > -1 && title.charAt(index - 2) !== ":" && (title.charAt(index + match.length) !== "-" || title.charAt(index - 1) === "-") && title.charAt(index - 1).search(/[^\s-]/) < 0) {
+      return match.toLowerCase();
+    }
+
+    if (match.substr(1).search(/[A-Z]|\../) > -1) {
+      return match;
+    }
+
+    return match.charAt(0).toUpperCase() + match.substr(1);
+  });
+} // See if s could be an email address. We don't want to send personal data like email.
+// https://support.google.com/analytics/answer/2795983?hl=en
+
+
+function mightBeEmail(s) {
+  // There's no point trying to validate rfc822 fully, just look for ...@...
+  return typeof s === "string" && s.indexOf("@") !== -1;
+}
+
+var redacted = "REDACTED (Potential Email Address)";
+
+function redactEmail(string) {
+  if (mightBeEmail(string)) {
+    console.warn("This arg looks like an email address, redacting.");
+    return redacted;
+  }
+
+  return string;
+}
+
+function format() {
+  var s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+  var titleCase = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var redactingEmail = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+
+  var _str = s || "";
+
+  if (titleCase) {
+    _str = toTitleCase(s);
+  }
+
+  if (redactingEmail) {
+    _str = redactEmail(_str);
+  }
+
+  return _str;
+}
+});
+
+unwrapExports(format_1);
+
+var ga4 = createCommonjsModule(function (module, exports) {
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.GA4 = void 0;
+
+var _gtag = _interopRequireDefault(gtag_1);
+
+var _format = _interopRequireDefault(format_1);
+
+var _excluded = ["eventCategory", "eventAction", "eventLabel", "eventValue", "hitType"],
+    _excluded2 = ["title", "location"],
+    _excluded3 = ["page", "hitType"],
+    _excluded4 = ["action", "category", "label", "value", "nonInteraction", "transport"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/*
+Links
+https://developers.google.com/gtagjs/reference/api
+https://developers.google.com/tag-platform/gtagjs/reference
+*/
 
-const cartOpened = detail => createCustomEvent("PelcroElementsCartOpened", detail);
 /**
- * Should fire when an item added to the cart and expects the added item to be sent
+ * @typedef GaOptions
+ * @type {Object}
+ * @property {boolean} [cookieUpdate=true]
+ * @property {number} [cookieExpires=63072000] Default two years
+ * @property {string} [cookieDomain="auto"]
+ * @property {string} [cookieFlags]
+ * @property {string} [userId]
+ * @property {string} [clientId]
+ * @property {boolean} [anonymizeIp]
+ * @property {string} [contentGroup1]
+ * @property {string} [contentGroup2]
+ * @property {string} [contentGroup3]
+ * @property {string} [contentGroup4]
+ * @property {string} [contentGroup5]
+ * @property {boolean} [allowAdFeatures=true]
+ * @property {boolean} [allowAdPersonalizationSignals]
+ * @property {boolean} [nonInteraction]
+ * @property {string} [page]
  */
 
-const cartItemAdded = detail => createCustomEvent("PelcroElementsCartItemAdded", detail);
 /**
- * Should fire when an item removed from the cart and expects the removed item to be sent
+ * @typedef UaEventOptions
+ * @type {Object}
+ * @property {string} action
+ * @property {string} category
+ * @property {string} [label]
+ * @property {number} [value]
+ * @property {boolean} [nonInteraction]
+ * @property {('beacon'|'xhr'|'image')} [transport]
  */
 
-const cartItemRemoved = detail => createCustomEvent("PelcroElementsCartItemRemoved", detail);
 /**
- * Check if the browser support custom events
+ * @typedef InitOptions
+ * @type {Object}
+ * @property {string} trackingId
+ * @property {GaOptions|any} [gaOptions]
+ * @property {Object} [gtagOptions] New parameter
  */
+var GA4 = /*#__PURE__*/function () {
+  function GA4() {
+    var _this = this;
 
-function createCustomEvent(name, detail) {
-  try {
-    return new CustomEvent(name, {
-      detail
+    _classCallCheck(this, GA4);
+
+    _defineProperty(this, "reset", function () {
+      _this.isInitialized = false;
+      _this._testMode = false;
+      _this._currentMeasurementId;
+      _this._hasLoadedGA = false;
+      _this._isQueuing = false;
+      _this._queueGtag = [];
     });
-  } catch (e) {
-    console.warn("Pelcro - Events are not supported in the browser");
+
+    _defineProperty(this, "_gtag", function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      if (!_this._testMode) {
+        if (_this._isQueuing) {
+          _this._queueGtag.push(args);
+        } else {
+          _gtag["default"].apply(void 0, args);
+        }
+      } else {
+        _this._queueGtag.push(args);
+      }
+    });
+
+    _defineProperty(this, "_loadGA", function (GA_MEASUREMENT_ID, nonce) {
+      if (typeof window === "undefined" || typeof document === "undefined") {
+        return;
+      }
+
+      if (!_this._hasLoadedGA) {
+        // Global Site Tag (gtag.js) - Google Analytics
+        var script = document.createElement("script");
+        script.async = true;
+        script.src = "https://www.googletagmanager.com/gtag/js?id=".concat(GA_MEASUREMENT_ID);
+
+        if (nonce) {
+          script.setAttribute("nonce", nonce);
+        }
+
+        document.body.appendChild(script);
+        window.dataLayer = window.dataLayer || [];
+
+        window.gtag = function gtag() {
+          window.dataLayer.push(arguments);
+        };
+
+        _this._hasLoadedGA = true;
+      }
+    });
+
+    _defineProperty(this, "_toGtagOptions", function (gaOptions) {
+      if (!gaOptions) {
+        return;
+      }
+
+      var mapFields = {
+        // Old https://developers.google.com/analytics/devguides/collection/analyticsjs/field-reference#cookieUpdate
+        // New https://developers.google.com/analytics/devguides/collection/gtagjs/cookies-user-id#cookie_update
+        cookieUpdate: "cookie_update",
+        cookieExpires: "cookie_expires",
+        cookieDomain: "cookie_domain",
+        cookieFlags: "cookie_flags",
+        // must be in set method?
+        userId: "user_id",
+        clientId: "client_id",
+        anonymizeIp: "anonymize_ip",
+        // https://support.google.com/analytics/answer/2853546?hl=en#zippy=%2Cin-this-article
+        contentGroup1: "content_group1",
+        contentGroup2: "content_group2",
+        contentGroup3: "content_group3",
+        contentGroup4: "content_group4",
+        contentGroup5: "content_group5",
+        // https://support.google.com/analytics/answer/9050852?hl=en
+        allowAdFeatures: "allow_google_signals",
+        allowAdPersonalizationSignals: "allow_ad_personalization_signals",
+        nonInteraction: "non_interaction",
+        page: "page_path",
+        hitCallback: "event_callback"
+      };
+      var gtagOptions = Object.entries(gaOptions).reduce(function (prev, _ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+            key = _ref2[0],
+            value = _ref2[1];
+
+        if (mapFields[key]) {
+          prev[mapFields[key]] = value;
+        } else {
+          prev[key] = value;
+        }
+
+        return prev;
+      }, {});
+      return gtagOptions;
+    });
+
+    _defineProperty(this, "initialize", function (GA_MEASUREMENT_ID) {
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+      if (!GA_MEASUREMENT_ID) {
+        throw new Error("Require GA_MEASUREMENT_ID");
+      }
+
+      var initConfigs = typeof GA_MEASUREMENT_ID === "string" ? [{
+        trackingId: GA_MEASUREMENT_ID
+      }] : GA_MEASUREMENT_ID;
+      _this._currentMeasurementId = initConfigs[0].trackingId;
+      var gaOptions = options.gaOptions,
+          gtagOptions = options.gtagOptions,
+          _options$legacyDimens = options.legacyDimensionMetric,
+          legacyDimensionMetric = _options$legacyDimens === void 0 ? true : _options$legacyDimens,
+          nonce = options.nonce,
+          _options$testMode = options.testMode,
+          testMode = _options$testMode === void 0 ? false : _options$testMode;
+      _this._testMode = testMode;
+
+      if (!testMode) {
+        _this._loadGA(_this._currentMeasurementId, nonce);
+      }
+
+      if (!_this.isInitialized) {
+        _this._gtag("js", new Date());
+
+        initConfigs.forEach(function (config) {
+          var mergedGtagOptions = _this._appendCustomMap(_objectSpread(_objectSpread(_objectSpread({
+            // https://developers.google.com/analytics/devguides/collection/gtagjs/pages#disable_pageview_measurement
+            send_page_view: false
+          }, _this._toGtagOptions(_objectSpread(_objectSpread({}, gaOptions), config.gaOptions))), gtagOptions), config.gtagOptions), legacyDimensionMetric);
+
+          _this._gtag("config", config.trackingId, mergedGtagOptions);
+        });
+      }
+
+      _this.isInitialized = true;
+
+      if (!testMode) {
+        var queues = _toConsumableArray(_this._queueGtag);
+
+        _this._queueGtag = [];
+        _this._isQueuing = false;
+
+        while (queues.length) {
+          var queue = queues.shift();
+
+          _this._gtag.apply(_this, _toConsumableArray(queue));
+
+          if (queue[0] === "get") {
+            _this._isQueuing = true;
+          }
+        }
+      }
+    });
+
+    _defineProperty(this, "set", function (fieldsObject) {
+      if (!fieldsObject) {
+        console.warn("`fieldsObject` is required in .set()");
+        return;
+      }
+
+      if (_typeof(fieldsObject) !== "object") {
+        console.warn("Expected `fieldsObject` arg to be an Object");
+        return;
+      }
+
+      if (Object.keys(fieldsObject).length === 0) {
+        console.warn("empty `fieldsObject` given to .set()");
+      }
+
+      _this._gaCommand("set", fieldsObject);
+    });
+
+    _defineProperty(this, "_gaCommandSendEvent", function (eventCategory, eventAction, eventLabel, eventValue, fieldsObject) {
+      _this._gtag("event", eventAction, _objectSpread(_objectSpread({
+        event_category: eventCategory,
+        event_label: eventLabel,
+        value: eventValue
+      }, fieldsObject && {
+        non_interaction: fieldsObject.nonInteraction
+      }), _this._toGtagOptions(fieldsObject)));
+    });
+
+    _defineProperty(this, "_gaCommandSendEventParameters", function () {
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+
+      if (typeof args[0] === "string") {
+        _this._gaCommandSendEvent.apply(_this, _toConsumableArray(args.slice(1)));
+      } else {
+        var _args$ = args[0],
+            eventCategory = _args$.eventCategory,
+            eventAction = _args$.eventAction,
+            eventLabel = _args$.eventLabel,
+            eventValue = _args$.eventValue;
+            _args$.hitType;
+            var rest = _objectWithoutProperties(_args$, _excluded);
+
+        _this._gaCommandSendEvent(eventCategory, eventAction, eventLabel, eventValue, rest);
+      }
+    });
+
+    _defineProperty(this, "_gaCommandSendTiming", function (timingCategory, timingVar, timingValue, timingLabel) {
+      _this._gtag("event", "timing_complete", {
+        name: timingVar,
+        value: timingValue,
+        event_category: timingCategory,
+        event_label: timingLabel
+      });
+    });
+
+    _defineProperty(this, "_gaCommandSendPageview", function (page, fieldsObject) {
+      if (fieldsObject && Object.keys(fieldsObject).length) {
+        var _this$_toGtagOptions = _this._toGtagOptions(fieldsObject),
+            title = _this$_toGtagOptions.title,
+            location = _this$_toGtagOptions.location,
+            rest = _objectWithoutProperties(_this$_toGtagOptions, _excluded2);
+
+        _this._gtag("event", "page_view", _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, page && {
+          page_path: page
+        }), title && {
+          page_title: title
+        }), location && {
+          page_location: location
+        }), rest));
+      } else if (page) {
+        _this._gtag("event", "page_view", {
+          page_path: page
+        });
+      } else {
+        _this._gtag("event", "page_view");
+      }
+    });
+
+    _defineProperty(this, "_gaCommandSendPageviewParameters", function () {
+      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        args[_key3] = arguments[_key3];
+      }
+
+      if (typeof args[0] === "string") {
+        _this._gaCommandSendPageview.apply(_this, _toConsumableArray(args.slice(1)));
+      } else {
+        var _args$2 = args[0],
+            page = _args$2.page;
+            _args$2.hitType;
+            var rest = _objectWithoutProperties(_args$2, _excluded3);
+
+        _this._gaCommandSendPageview(page, rest);
+      }
+    });
+
+    _defineProperty(this, "_gaCommandSend", function () {
+      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+        args[_key4] = arguments[_key4];
+      }
+
+      var hitType = typeof args[0] === "string" ? args[0] : args[0].hitType;
+
+      switch (hitType) {
+        case "event":
+          _this._gaCommandSendEventParameters.apply(_this, args);
+
+          break;
+
+        case "pageview":
+          _this._gaCommandSendPageviewParameters.apply(_this, args);
+
+          break;
+
+        case "timing":
+          _this._gaCommandSendTiming.apply(_this, _toConsumableArray(args.slice(1)));
+
+          break;
+
+        case "screenview":
+        case "transaction":
+        case "item":
+        case "social":
+        case "exception":
+          console.warn("Unsupported send command: ".concat(hitType));
+          break;
+
+        default:
+          console.warn("Send command doesn't exist: ".concat(hitType));
+      }
+    });
+
+    _defineProperty(this, "_gaCommandSet", function () {
+      for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+        args[_key5] = arguments[_key5];
+      }
+
+      if (typeof args[0] === "string") {
+        args[0] = _defineProperty({}, args[0], args[1]);
+      }
+
+      _this._gtag("set", _this._toGtagOptions(args[0]));
+    });
+
+    _defineProperty(this, "_gaCommand", function (command) {
+      for (var _len6 = arguments.length, args = new Array(_len6 > 1 ? _len6 - 1 : 0), _key6 = 1; _key6 < _len6; _key6++) {
+        args[_key6 - 1] = arguments[_key6];
+      }
+
+      switch (command) {
+        case "send":
+          _this._gaCommandSend.apply(_this, args);
+
+          break;
+
+        case "set":
+          _this._gaCommandSet.apply(_this, args);
+
+          break;
+
+        default:
+          console.warn("Command doesn't exist: ".concat(command));
+      }
+    });
+
+    _defineProperty(this, "ga", function () {
+      for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+        args[_key7] = arguments[_key7];
+      }
+
+      if (typeof args[0] === "string") {
+        _this._gaCommand.apply(_this, args);
+      } else {
+        var readyCallback = args[0];
+
+        _this._gtag("get", _this._currentMeasurementId, "client_id", function (clientId) {
+          _this._isQueuing = false;
+          var queues = _this._queueGtag;
+          readyCallback({
+            get: function get(property) {
+              return property === "clientId" ? clientId : property === "trackingId" ? _this._currentMeasurementId : property === "apiVersion" ? "1" : undefined;
+            }
+          });
+
+          while (queues.length) {
+            var queue = queues.shift();
+
+            _this._gtag.apply(_this, _toConsumableArray(queue));
+          }
+        });
+
+        _this._isQueuing = true;
+      }
+
+      return _this.ga;
+    });
+
+    _defineProperty(this, "event", function (optionsOrName, params) {
+      if (typeof optionsOrName === "string") {
+        _this._gtag("event", optionsOrName, _this._toGtagOptions(params));
+      } else {
+        var action = optionsOrName.action,
+            category = optionsOrName.category,
+            label = optionsOrName.label,
+            value = optionsOrName.value,
+            nonInteraction = optionsOrName.nonInteraction,
+            transport = optionsOrName.transport,
+            rest = _objectWithoutProperties(optionsOrName, _excluded4);
+
+        if (!category || !action) {
+          console.warn("args.category AND args.action are required in event()");
+          return;
+        } // Required Fields
+
+
+        var fieldObject = {
+          hitType: "event",
+          eventCategory: (0, _format["default"])(category),
+          eventAction: (0, _format["default"])(action)
+        }; // Optional Fields
+
+        if (label) {
+          fieldObject.eventLabel = (0, _format["default"])(label);
+        }
+
+        if (typeof value !== "undefined") {
+          if (typeof value !== "number") {
+            console.warn("Expected `args.value` arg to be a Number.");
+          } else {
+            fieldObject.eventValue = value;
+          }
+        }
+
+        if (typeof nonInteraction !== "undefined") {
+          if (typeof nonInteraction !== "boolean") {
+            console.warn("`args.nonInteraction` must be a boolean.");
+          } else {
+            fieldObject.nonInteraction = nonInteraction;
+          }
+        }
+
+        if (typeof transport !== "undefined") {
+          if (typeof transport !== "string") {
+            console.warn("`args.transport` must be a string.");
+          } else {
+            if (["beacon", "xhr", "image"].indexOf(transport) === -1) {
+              console.warn("`args.transport` must be either one of these values: `beacon`, `xhr` or `image`");
+            }
+
+            fieldObject.transport = transport;
+          }
+        }
+
+        Object.keys(rest).filter(function (key) {
+          return key.substr(0, "dimension".length) === "dimension";
+        }).forEach(function (key) {
+          fieldObject[key] = rest[key];
+        });
+        Object.keys(rest).filter(function (key) {
+          return key.substr(0, "metric".length) === "metric";
+        }).forEach(function (key) {
+          fieldObject[key] = rest[key];
+        });
+
+        _this._gaCommand("send", fieldObject);
+      }
+    });
+
+    _defineProperty(this, "send", function (fieldObject) {
+      _this._gaCommand("send", fieldObject);
+    });
+
+    _defineProperty(this, "pageview", function (path, _, title) {
+      var pathTrim = path === null || path === void 0 ? void 0 : path.trim();
+
+      if (pathTrim === "") {
+        console.warn("path cannot be an empty string in .pageview()");
+        return;
+      }
+
+      _this._gaCommand("send", "pageview", pathTrim, {
+        title: title
+      });
+    });
+
+    this.reset();
   }
-}
 
+  _createClass(GA4, [{
+    key: "gtag",
+    value: function gtag() {
+      this._gtag.apply(this, arguments);
+    }
+  }, {
+    key: "_appendCustomMap",
+    value: function _appendCustomMap(options) {
+      var legacyDimensionMetric = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+
+      if (!legacyDimensionMetric) {
+        return options;
+      }
+
+      if (!options.custom_map) {
+        options.custom_map = {};
+      }
+
+      for (var i = 1; i <= 200; i++) {
+        if (!options.custom_map["dimension".concat(i)]) {
+          options.custom_map["dimension".concat(i)] = "dimension".concat(i);
+        }
+
+        if (!options.custom_map["metric".concat(i)]) {
+          options.custom_map["metric".concat(i)] = "metric".concat(i);
+        }
+      }
+
+      return options;
+    }
+    /**
+     * @since v1.0.2
+     * @param {string} [path="location.href"]
+     * @param {string[]} [_] unsupported
+     * @param {string} [title="location.pathname"]
+     * @deprecated Use `.send("pageview")` instead
+     */
+
+  }, {
+    key: "outboundLink",
+    value:
+    /**
+     * @since v1.0.6
+     * @param {Object} options
+     * @param {string} options.label
+     * @param {function} hitCallback
+     * @deprecated Use `enhanced measurement` feature in Google Analytics.
+     */
+    function outboundLink(_ref3, hitCallback) {
+      var label = _ref3.label;
+
+      if (typeof hitCallback !== "function") {
+        console.warn("hitCallback function is required");
+        return;
+      }
+
+      if (!label) {
+        console.warn("args.label is required in outboundLink()");
+        return;
+      } // Required Fields
+
+
+      var fieldObject = {
+        hitType: "event",
+        eventCategory: "Outbound",
+        eventAction: "Click",
+        eventLabel: (0, _format["default"])(label)
+      };
+      var safetyCallbackCalled = false;
+
+      var safetyCallback = function safetyCallback() {
+        // This prevents a delayed response from GA
+        // causing hitCallback from being fired twice
+        safetyCallbackCalled = true;
+        hitCallback();
+      }; // Using a timeout to ensure the execution of critical application code
+      // in the case when the GA server might be down
+      // or an ad blocker prevents sending the data
+      // register safety net timeout:
+
+
+      var t = setTimeout(safetyCallback, 250);
+
+      var clearableCallbackForGA = function clearableCallbackForGA() {
+        clearTimeout(t);
+
+        if (!safetyCallbackCalled) {
+          hitCallback();
+        }
+      };
+
+      fieldObject.hitCallback = clearableCallbackForGA;
+
+      this._gaCommand("send", fieldObject);
+    }
+  }]);
+
+  return GA4;
+}();
+
+exports.GA4 = GA4;
+
+var _default = new GA4();
+
+exports["default"] = _default;
+});
+
+unwrapExports(ga4);
+ga4.GA4;
+
+var dist = createCommonjsModule(function (module, exports) {
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ReactGAImplementation = void 0;
+
+var _ga = _interopRequireWildcard(ga4);
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var ReactGAImplementation = _ga.GA4;
+exports.ReactGAImplementation = ReactGAImplementation;
+var _default = _ga["default"];
+exports["default"] = _default;
+});
+
+var ReactGA4 = unwrapExports(dist);
+dist.ReactGAImplementation;
+
+var _window$d, _window$Pelcro$d, _window$Pelcro$uiSett$d;
+const ReactGA$d = (_window$d = window) !== null && _window$d !== void 0 && (_window$Pelcro$d = _window$d.Pelcro) !== null && _window$Pelcro$d !== void 0 && (_window$Pelcro$uiSett$d = _window$Pelcro$d.uiSettings) !== null && _window$Pelcro$uiSett$d !== void 0 && _window$Pelcro$uiSett$d.enableReactGA4 ? ReactGA4 : ReactGA1;
 class PelcroActions {
   constructor(storeSetter, storeGetter) {
     _defineProperty$3(this, "resetState", () => {
@@ -7449,7 +8228,7 @@ class PelcroActions {
       }
 
       window.Pelcro.user.logout();
-      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+      ReactGA$d === null || ReactGA$d === void 0 ? void 0 : (_ReactGA$event = ReactGA$d.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$d, {
         category: "ACTIONS",
         action: "Logged out",
         nonInteraction: true
@@ -7698,6 +8477,8 @@ if (process.env.NODE_ENV === "development") {
   c$1("Pelcro Store", usePelcro);
 }
 
+var _window$c, _window$Pelcro$c, _window$Pelcro$uiSett$c;
+const ReactGA$c = (_window$c = window) !== null && _window$c !== void 0 && (_window$Pelcro$c = _window$c.Pelcro) !== null && _window$Pelcro$c !== void 0 && (_window$Pelcro$uiSett$c = _window$Pelcro$c.uiSettings) !== null && _window$Pelcro$uiSett$c !== void 0 && _window$Pelcro$uiSett$c.enableReactGA4 ? ReactGA4 : ReactGA1;
 /**
  * List of zero-decimal currencies.
  * @see https://stripe.com/docs/currencies#zero-decimal
@@ -7779,9 +8560,9 @@ const getLanguageWithoutRegion = localeName => {
  */
 
 const getPageOrDefaultLanguage = () => {
-  var _window$Pelcro$helper, _window$Pelcro, _window$Pelcro$site, _window$Pelcro$site$r, _window$Pelcro$site$r2;
+  var _window$Pelcro$helper, _window$Pelcro2, _window$Pelcro2$site, _window$Pelcro2$site$, _window$Pelcro2$site$2;
 
-  return (_window$Pelcro$helper = window.Pelcro.helpers.getHtmlLanguageAttribute()) !== null && _window$Pelcro$helper !== void 0 ? _window$Pelcro$helper : getLanguageWithoutRegion((_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$site = _window$Pelcro.site) === null || _window$Pelcro$site === void 0 ? void 0 : (_window$Pelcro$site$r = _window$Pelcro$site.read) === null || _window$Pelcro$site$r === void 0 ? void 0 : (_window$Pelcro$site$r2 = _window$Pelcro$site$r.call(_window$Pelcro$site)) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.default_locale);
+  return (_window$Pelcro$helper = window.Pelcro.helpers.getHtmlLanguageAttribute()) !== null && _window$Pelcro$helper !== void 0 ? _window$Pelcro$helper : getLanguageWithoutRegion((_window$Pelcro2 = window.Pelcro) === null || _window$Pelcro2 === void 0 ? void 0 : (_window$Pelcro2$site = _window$Pelcro2.site) === null || _window$Pelcro2$site === void 0 ? void 0 : (_window$Pelcro2$site$ = _window$Pelcro2$site.read) === null || _window$Pelcro2$site$ === void 0 ? void 0 : (_window$Pelcro2$site$2 = _window$Pelcro2$site$.call(_window$Pelcro2$site)) === null || _window$Pelcro2$site$2 === void 0 ? void 0 : _window$Pelcro2$site$2.default_locale);
 };
 /**
  * Returns a formatted price string depending on locale
@@ -7836,10 +8617,10 @@ const isValidViewFromURL = viewID => {
    */
 
   function hasValidNewsletterUpdateUrl() {
-    var _window$Pelcro2, _window$Pelcro2$uiSet;
+    var _window$Pelcro3, _window$Pelcro3$uiSet;
 
     if (viewID !== "newsletter-update") return false;
-    const newsletters = (_window$Pelcro2 = window.Pelcro) === null || _window$Pelcro2 === void 0 ? void 0 : (_window$Pelcro2$uiSet = _window$Pelcro2.uiSettings) === null || _window$Pelcro2$uiSet === void 0 ? void 0 : _window$Pelcro2$uiSet.newsletters;
+    const newsletters = (_window$Pelcro3 = window.Pelcro) === null || _window$Pelcro3 === void 0 ? void 0 : (_window$Pelcro3$uiSet = _window$Pelcro3.uiSettings) === null || _window$Pelcro3$uiSet === void 0 ? void 0 : _window$Pelcro3$uiSet.newsletters;
     const siteHasNewslettersDefined = Array.isArray(newsletters) && newsletters.length > 0;
 
     if (!siteHasNewslettersDefined) {
@@ -7916,16 +8697,16 @@ const trackSubscriptionOnGA = () => {
   }
 
   const currencyCode = (_window$Pelcro$user$r5 = (_window$Pelcro$user$r6 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r6 === void 0 ? void 0 : _window$Pelcro$user$r6.currency) !== null && _window$Pelcro$user$r5 !== void 0 ? _window$Pelcro$user$r5 : plan.currency;
-  ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$set = ReactGA.set) === null || _ReactGA$set === void 0 ? void 0 : _ReactGA$set.call(ReactGA, {
+  ReactGA$c === null || ReactGA$c === void 0 ? void 0 : (_ReactGA$set = ReactGA$c.set) === null || _ReactGA$set === void 0 ? void 0 : _ReactGA$set.call(ReactGA$c, {
     currencyCode: currencyCode
   });
-  ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$plugin = ReactGA.plugin) === null || _ReactGA$plugin === void 0 ? void 0 : (_ReactGA$plugin$execu = _ReactGA$plugin.execute) === null || _ReactGA$plugin$execu === void 0 ? void 0 : _ReactGA$plugin$execu.call(_ReactGA$plugin, "ecommerce", "addTransaction", {
+  ReactGA$c === null || ReactGA$c === void 0 ? void 0 : (_ReactGA$plugin = ReactGA$c.plugin) === null || _ReactGA$plugin === void 0 ? void 0 : (_ReactGA$plugin$execu = _ReactGA$plugin.execute) === null || _ReactGA$plugin$execu === void 0 ? void 0 : _ReactGA$plugin$execu.call(_ReactGA$plugin, "ecommerce", "addTransaction", {
     id: lastSubscriptionId,
     affiliation: "Pelcro",
     revenue: plan !== null && plan !== void 0 && plan.amount ? isCurrencyZeroDecimal(currencyCode) ? plan.amount : plan.amount / 100 : 0,
     coupon: couponCode
   });
-  ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$plugin2 = ReactGA.plugin) === null || _ReactGA$plugin2 === void 0 ? void 0 : (_ReactGA$plugin2$exec = _ReactGA$plugin2.execute) === null || _ReactGA$plugin2$exec === void 0 ? void 0 : _ReactGA$plugin2$exec.call(_ReactGA$plugin2, "ecommerce", "addItem", {
+  ReactGA$c === null || ReactGA$c === void 0 ? void 0 : (_ReactGA$plugin2 = ReactGA$c.plugin) === null || _ReactGA$plugin2 === void 0 ? void 0 : (_ReactGA$plugin2$exec = _ReactGA$plugin2.execute) === null || _ReactGA$plugin2$exec === void 0 ? void 0 : _ReactGA$plugin2$exec.call(_ReactGA$plugin2, "ecommerce", "addItem", {
     id: lastSubscriptionId,
     name: product.name,
     category: product.description,
@@ -7933,8 +8714,8 @@ const trackSubscriptionOnGA = () => {
     price: plan !== null && plan !== void 0 && plan.amount ? isCurrencyZeroDecimal(currencyCode) ? plan.amount : plan.amount / 100 : 0,
     quantity: 1
   });
-  ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$plugin3 = ReactGA.plugin) === null || _ReactGA$plugin3 === void 0 ? void 0 : (_ReactGA$plugin3$exec = _ReactGA$plugin3.execute) === null || _ReactGA$plugin3$exec === void 0 ? void 0 : _ReactGA$plugin3$exec.call(_ReactGA$plugin3, "ecommerce", "send");
-  ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+  ReactGA$c === null || ReactGA$c === void 0 ? void 0 : (_ReactGA$plugin3 = ReactGA$c.plugin) === null || _ReactGA$plugin3 === void 0 ? void 0 : (_ReactGA$plugin3$exec = _ReactGA$plugin3.execute) === null || _ReactGA$plugin3$exec === void 0 ? void 0 : _ReactGA$plugin3$exec.call(_ReactGA$plugin3, "ecommerce", "send");
+  ReactGA$c === null || ReactGA$c === void 0 ? void 0 : (_ReactGA$event = ReactGA$c.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$c, {
     category: "ACTIONS",
     action: "Subscribed",
     nonInteraction: true
@@ -8023,9 +8804,9 @@ function getDateWithoutTime(dateObject) {
   return date;
 }
 function userMustVerifyEmail() {
-  var _window$Pelcro$site$r3, _window$Pelcro$site$r4, _window$Pelcro$user$r9, _window$Pelcro$user$r10;
+  var _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro$user$r9, _window$Pelcro$user$r10;
 
-  const isEmailVerificationEnabled = (_window$Pelcro$site$r3 = (_window$Pelcro$site$r4 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r4 === void 0 ? void 0 : _window$Pelcro$site$r4.email_verify_enabled) !== null && _window$Pelcro$site$r3 !== void 0 ? _window$Pelcro$site$r3 : false;
+  const isEmailVerificationEnabled = (_window$Pelcro$site$r = (_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.email_verify_enabled) !== null && _window$Pelcro$site$r !== void 0 ? _window$Pelcro$site$r : false;
   const isUserEmailVerified = (_window$Pelcro$user$r9 = (_window$Pelcro$user$r10 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r10 === void 0 ? void 0 : _window$Pelcro$user$r10.email_confirm) !== null && _window$Pelcro$user$r9 !== void 0 ? _window$Pelcro$user$r9 : false;
   return window.Pelcro.user.isAuthenticated() && isEmailVerificationEnabled && !isUserEmailVerified;
 }
@@ -8161,6 +8942,9 @@ function _classPrivateFieldGet(receiver, privateMap) {
   return descriptor.value;
 }
 
+var _window$b, _window$Pelcro$b, _window$Pelcro$uiSett$b;
+const ReactGA$b = (_window$b = window) !== null && _window$b !== void 0 && (_window$Pelcro$b = _window$b.Pelcro) !== null && _window$Pelcro$b !== void 0 && (_window$Pelcro$uiSett$b = _window$Pelcro$b.uiSettings) !== null && _window$Pelcro$uiSett$b !== void 0 && _window$Pelcro$uiSett$b.enableReactGA4 ? ReactGA4 : ReactGA1;
+
 var _isAlreadySaved = /*#__PURE__*/new WeakMap();
 
 var _markButtonAsLoading = /*#__PURE__*/new WeakMap();
@@ -8319,7 +9103,7 @@ class SaveToMetadataButtonClass {
 
             _classPrivateFieldGet(this, _markButtonAsSaved).call(this, button);
 
-            ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+            ReactGA$b === null || ReactGA$b === void 0 ? void 0 : (_ReactGA$event = ReactGA$b.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$b, {
               category: "ACTIONS",
               action: "Save/Follow",
               label: buttonMetadata === null || buttonMetadata === void 0 ? void 0 : buttonMetadata.title
@@ -8357,7 +9141,7 @@ class SaveToMetadataButtonClass {
 
             _classPrivateFieldGet(this, _unmarkSavedButton).call(this, button);
 
-            ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
+            ReactGA$b === null || ReactGA$b === void 0 ? void 0 : (_ReactGA$event2 = ReactGA$b.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA$b, {
               category: "ACTIONS",
               action: "Unsave/Unfollow",
               label: title
@@ -10025,6 +10809,8 @@ function getSiteCardProcessor() {
   return "stripe";
 }
 
+var _window$a, _window$Pelcro$a, _window$Pelcro$uiSett$a;
+const ReactGA$a = (_window$a = window) !== null && _window$a !== void 0 && (_window$Pelcro$a = _window$a.Pelcro) !== null && _window$Pelcro$a !== void 0 && (_window$Pelcro$uiSett$a = _window$Pelcro$a.uiSettings) !== null && _window$Pelcro$uiSett$a !== void 0 && _window$Pelcro$uiSett$a.enableReactGA4 ? ReactGA4 : ReactGA1;
 /**
  * @typedef {Object} OptionsType
  * @property {boolean} loadPaymentSDKs
@@ -10159,13 +10945,13 @@ const initSecuritySdk = () => {
 const initGATracking = () => {
   var _ReactGA$initialize, _ReactGA$plugin, _ReactGA$plugin$requi;
 
-  ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$initialize = ReactGA.initialize) === null || _ReactGA$initialize === void 0 ? void 0 : _ReactGA$initialize.call(ReactGA, window.Pelcro.site.read().google_analytics_id);
-  ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$plugin = ReactGA.plugin) === null || _ReactGA$plugin === void 0 ? void 0 : (_ReactGA$plugin$requi = _ReactGA$plugin.require) === null || _ReactGA$plugin$requi === void 0 ? void 0 : _ReactGA$plugin$requi.call(_ReactGA$plugin, "ecommerce");
+  ReactGA$a === null || ReactGA$a === void 0 ? void 0 : (_ReactGA$initialize = ReactGA$a.initialize) === null || _ReactGA$initialize === void 0 ? void 0 : _ReactGA$initialize.call(ReactGA$a, window.Pelcro.site.read().google_analytics_id);
+  ReactGA$a === null || ReactGA$a === void 0 ? void 0 : (_ReactGA$plugin = ReactGA$a.plugin) === null || _ReactGA$plugin === void 0 ? void 0 : (_ReactGA$plugin$requi = _ReactGA$plugin.require) === null || _ReactGA$plugin$requi === void 0 ? void 0 : _ReactGA$plugin$requi.call(_ReactGA$plugin, "ecommerce");
 };
 const dispatchModalDisplayEvents = modalName => {
   var _ReactGA$event, _modalName$replace, _modalName$replace2;
 
-  ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+  ReactGA$a === null || ReactGA$a === void 0 ? void 0 : (_ReactGA$event = ReactGA$a.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$a, {
     category: "VIEWS",
     action: `${modalName === null || modalName === void 0 ? void 0 : (_modalName$replace = modalName.replace("pelcro-", "")) === null || _modalName$replace === void 0 ? void 0 : _modalName$replace.replaceAll("-", " ")} viewed`,
     nonInteraction: true
@@ -11306,12 +12092,14 @@ function ConfirmPassword({
   }, otherProps));
 }
 
+var _window$9, _window$Pelcro$9, _window$Pelcro$uiSett$9;
+const ReactGA$9 = (_window$9 = window) !== null && _window$9 !== void 0 && (_window$Pelcro$9 = _window$9.Pelcro) !== null && _window$Pelcro$9 !== void 0 && (_window$Pelcro$uiSett$9 = _window$Pelcro$9.uiSettings) !== null && _window$Pelcro$uiSett$9 !== void 0 && _window$Pelcro$uiSett$9.enableReactGA4 ? ReactGA4 : ReactGA1;
 const Logout = props => {
   const handleLogout = () => {
     var _ReactGA$event;
 
     window.Pelcro.user.logout();
-    ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+    ReactGA$9 === null || ReactGA$9 === void 0 ? void 0 : (_ReactGA$event = ReactGA$9.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$9, {
       category: "ACTIONS",
       action: "Logged out",
       nonInteraction: true
@@ -12851,6 +13639,8 @@ const RegisterCompany = props => {
   }, props));
 };
 
+var _window$8, _window$Pelcro$8, _window$Pelcro$uiSett$8;
+const ReactGA$8 = (_window$8 = window) !== null && _window$8 !== void 0 && (_window$Pelcro$8 = _window$8.Pelcro) !== null && _window$Pelcro$8 !== void 0 && (_window$Pelcro$uiSett$8 = _window$Pelcro$8.uiSettings) !== null && _window$Pelcro$uiSett$8 !== void 0 && _window$Pelcro$uiSett$8.enableReactGA4 ? ReactGA4 : ReactGA1;
 /**
  *
  */
@@ -12882,7 +13672,7 @@ function RegisterModal(props) {
   const handleAfterRegistrationLogic = () => {
     var _ReactGA$event, _window$Pelcro$site$r, _window$Pelcro$site$r2;
 
-    ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+    ReactGA$8 === null || ReactGA$8 === void 0 ? void 0 : (_ReactGA$event = ReactGA$8.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$8, {
       category: "ACTIONS",
       action: "Registered",
       nonInteraction: true
@@ -14416,6 +15206,8 @@ function SvgArrowLeft(props) {
   })));
 }
 
+var _window$7, _window$Pelcro$7, _window$Pelcro$uiSett$7;
+const ReactGA$7 = (_window$7 = window) !== null && _window$7 !== void 0 && (_window$Pelcro$7 = _window$7.Pelcro) !== null && _window$Pelcro$7 !== void 0 && (_window$Pelcro$uiSett$7 = _window$Pelcro$7.uiSettings) !== null && _window$Pelcro$uiSett$7 !== void 0 && _window$Pelcro$uiSett$7.enableReactGA4 ? ReactGA4 : ReactGA1;
 /**
  *
  */
@@ -14850,7 +15642,7 @@ class SelectModal extends Component {
     if (this.state.mode === "product") {
       var _ReactGA$event;
 
-      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+      ReactGA$7 === null || ReactGA$7 === void 0 ? void 0 : (_ReactGA$event = ReactGA$7.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$7, {
         category: "VIEWS",
         action: "Product Modal Viewed",
         nonInteraction: true
@@ -14858,7 +15650,7 @@ class SelectModal extends Component {
     } else if (this.state.mode === "plan") {
       var _ReactGA$event2;
 
-      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
+      ReactGA$7 === null || ReactGA$7 === void 0 ? void 0 : (_ReactGA$event2 = ReactGA$7.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA$7, {
         category: "VIEWS",
         action: "Plan Modal Viewed",
         nonInteraction: true
@@ -19638,6 +20430,8 @@ const SubscriptionRenewView = ({
   }));
 };
 
+var _window$6, _window$Pelcro$6, _window$Pelcro$uiSett$6;
+const ReactGA$6 = (_window$6 = window) !== null && _window$6 !== void 0 && (_window$Pelcro$6 = _window$6.Pelcro) !== null && _window$Pelcro$6 !== void 0 && (_window$Pelcro$uiSett$6 = _window$Pelcro$6.uiSettings) !== null && _window$Pelcro$uiSett$6 !== void 0 && _window$Pelcro$uiSett$6.enableReactGA4 ? ReactGA4 : ReactGA1;
 /**
  *
  */
@@ -19658,7 +20452,7 @@ function SubscriptionRenewModal({
     var _otherProps$onSuccess, _ReactGA$event;
 
     (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, res);
-    ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+    ReactGA$6 === null || ReactGA$6 === void 0 ? void 0 : (_ReactGA$event = ReactGA$6.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$6, {
       category: "ACTIONS",
       action: "Renewed",
       nonInteraction: true
@@ -19670,7 +20464,7 @@ function SubscriptionRenewModal({
     var _otherProps$onGiftRen, _ReactGA$event2;
 
     (_otherProps$onGiftRen = otherProps.onGiftRenewalSuccess) === null || _otherProps$onGiftRen === void 0 ? void 0 : _otherProps$onGiftRen.call(otherProps);
-    ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
+    ReactGA$6 === null || ReactGA$6 === void 0 ? void 0 : (_ReactGA$event2 = ReactGA$6.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA$6, {
       category: "ACTIONS",
       action: "Renewed Gift",
       nonInteraction: true
@@ -19854,6 +20648,8 @@ function SvgSubscription(props) {
   }))))));
 }
 
+var _window$5, _window$Pelcro$5, _window$Pelcro$uiSett$5;
+const ReactGA$5 = (_window$5 = window) !== null && _window$5 !== void 0 && (_window$Pelcro$5 = _window$5.Pelcro) !== null && _window$Pelcro$5 !== void 0 && (_window$Pelcro$uiSett$5 = _window$Pelcro$5.uiSettings) !== null && _window$Pelcro$uiSett$5 !== void 0 && _window$Pelcro$uiSett$5.enableReactGA4 ? ReactGA4 : ReactGA1;
 const SubscriptionCancelNowButton = ({
   subscription,
   onClick,
@@ -19887,7 +20683,7 @@ const SubscriptionCancelNowButton = ({
         return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
       }
 
-      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+      ReactGA$5 === null || ReactGA$5 === void 0 ? void 0 : (_ReactGA$event = ReactGA$5.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$5, {
         category: "ACTIONS",
         action: "Canceled",
         nonInteraction: true
@@ -19926,6 +20722,8 @@ const SubscriptionCancelNowButton = ({
   }, t("messages.cancelNow"));
 };
 
+var _window$4, _window$Pelcro$4, _window$Pelcro$uiSett$4;
+const ReactGA$4 = (_window$4 = window) !== null && _window$4 !== void 0 && (_window$Pelcro$4 = _window$4.Pelcro) !== null && _window$Pelcro$4 !== void 0 && (_window$Pelcro$uiSett$4 = _window$Pelcro$4.uiSettings) !== null && _window$Pelcro$uiSett$4 !== void 0 && _window$Pelcro$uiSett$4.enableReactGA4 ? ReactGA4 : ReactGA1;
 const SubscriptionCancelLaterButton = ({
   subscription,
   onClick,
@@ -19959,7 +20757,7 @@ const SubscriptionCancelLaterButton = ({
         return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
       }
 
-      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+      ReactGA$4 === null || ReactGA$4 === void 0 ? void 0 : (_ReactGA$event = ReactGA$4.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$4, {
         category: "ACTIONS",
         action: "Canceled",
         nonInteraction: true
@@ -20174,6 +20972,8 @@ const SubscriptionSuspendDate = props => {
   }, props));
 };
 
+var _window$3, _window$Pelcro$3, _window$Pelcro$uiSett$3;
+const ReactGA$3 = (_window$3 = window) !== null && _window$3 !== void 0 && (_window$Pelcro$3 = _window$3.Pelcro) !== null && _window$Pelcro$3 !== void 0 && (_window$Pelcro$uiSett$3 = _window$Pelcro$3.uiSettings) !== null && _window$Pelcro$uiSett$3 !== void 0 && _window$Pelcro$uiSett$3.enableReactGA4 ? ReactGA4 : ReactGA1;
 const SubscriptionSuspendButton = ({
   subscription,
   onClick,
@@ -20206,7 +21006,7 @@ const SubscriptionSuspendButton = ({
         return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
       }
 
-      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+      ReactGA$3 === null || ReactGA$3 === void 0 ? void 0 : (_ReactGA$event = ReactGA$3.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$3, {
         category: "ACTIONS",
         action: "Suspended",
         nonInteraction: true
@@ -23111,6 +23911,8 @@ function PaymentMethodUpdateView(props) {
   }));
 }
 
+var _window$2, _window$Pelcro$2, _window$Pelcro$uiSett$2;
+const ReactGA$2 = (_window$2 = window) !== null && _window$2 !== void 0 && (_window$Pelcro$2 = _window$2.Pelcro) !== null && _window$Pelcro$2 !== void 0 && (_window$Pelcro$uiSett$2 = _window$Pelcro$2.uiSettings) !== null && _window$Pelcro$uiSett$2 !== void 0 && _window$Pelcro$uiSett$2.enableReactGA4 ? ReactGA4 : ReactGA1;
 const PaymentMethodUpdateModal = props => {
   const {
     t
@@ -23120,7 +23922,7 @@ const PaymentMethodUpdateModal = props => {
     var _props$onSuccess, _ReactGA$event;
 
     (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
-    ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+    ReactGA$2 === null || ReactGA$2 === void 0 ? void 0 : (_ReactGA$event = ReactGA$2.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$2, {
       category: "ACTIONS",
       action: "Updated payment card",
       nonInteraction: true
@@ -27205,6 +28007,8 @@ const Card = ({
   })), children);
 };
 
+var _window$1, _window$Pelcro$1, _window$Pelcro$uiSett$1;
+const ReactGA$1 = (_window$1 = window) !== null && _window$1 !== void 0 && (_window$Pelcro$1 = _window$1.Pelcro) !== null && _window$Pelcro$1 !== void 0 && (_window$Pelcro$uiSett$1 = _window$Pelcro$1.uiSettings) !== null && _window$Pelcro$uiSett$1 !== void 0 && _window$Pelcro$uiSett$1.enableReactGA4 ? ReactGA4 : ReactGA1;
 const SavedItemsMenu = () => {
   const {
     t
@@ -27255,7 +28059,7 @@ const SavedItems = ({
         }
 
         setItems(response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.metadata);
-        ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+        ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event = ReactGA$1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$1, {
           category: "ACTIONS",
           action: "Unsave/Unfollow",
           label: title
@@ -29934,6 +30738,8 @@ const NewsLettersItems = ({
   });
 };
 
+var _window, _window$Pelcro, _window$Pelcro$uiSett;
+const ReactGA = (_window = window) !== null && _window !== void 0 && (_window$Pelcro = _window.Pelcro) !== null && _window$Pelcro !== void 0 && (_window$Pelcro$uiSett = _window$Pelcro.uiSettings) !== null && _window$Pelcro$uiSett !== void 0 && _window$Pelcro$uiSett.enableReactGA4 ? ReactGA4 : ReactGA1;
 const SUB_MENUS = {
   PROFILE: "profile",
   QRCODE: "qr-code",
@@ -30301,14 +31107,14 @@ class Dashboard extends Component {
   }
 
   render() {
-    var _window$Pelcro$user$r3, _window$Pelcro, _window$Pelcro$uiSett;
+    var _window$Pelcro$user$r3, _window$Pelcro2, _window$Pelcro2$uiSet;
 
     const {
       isOpen
     } = this.state;
     const userHasName = this.user.first_name || this.user.last_name;
     const profilePicture = (_window$Pelcro$user$r3 = window.Pelcro.user.read().profile_photo) !== null && _window$Pelcro$user$r3 !== void 0 ? _window$Pelcro$user$r3 : userSolidIcon;
-    const newsletters = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$uiSett = _window$Pelcro.uiSettings) === null || _window$Pelcro$uiSett === void 0 ? void 0 : _window$Pelcro$uiSett.newsletters;
+    const newsletters = (_window$Pelcro2 = window.Pelcro) === null || _window$Pelcro2 === void 0 ? void 0 : (_window$Pelcro2$uiSet = _window$Pelcro2.uiSettings) === null || _window$Pelcro2$uiSet === void 0 ? void 0 : _window$Pelcro2$uiSet.newsletters;
     Array.isArray(newsletters) && newsletters.length > 0;
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Transition, {
       className: "plc-fixed plc-inset-y-0 plc-left-0 plc-h-full lg:plc-w-3/12 plc-w-full plc-overflow-y-auto plc-text-left plc-bg-white plc-shadow-xl plc-z-max",