@pelcro/react-pelcro-js 4.0.0-alpha.42 → 4.0.0-alpha.44

package/dist/index.esm.js

@@ -7341,6 +7341,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);
 }
@@ -8192,57 +8239,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$f, _window$Pelcro$f, _window$Pelcro$uiSett$f;
+const ReactGA$f = (_window$f = window) !== null && _window$f !== void 0 && (_window$Pelcro$f = _window$f.Pelcro) !== null && _window$Pelcro$f !== void 0 && (_window$Pelcro$uiSett$f = _window$Pelcro$f.uiSettings) !== null && _window$Pelcro$uiSett$f !== void 0 && _window$Pelcro$uiSett$f.enableReactGA4 ? ReactGA4 : ReactGA1;
 class PelcroActions {
   constructor(storeSetter, storeGetter) {
     _defineProperty$3(this, "resetState", () => {
@@ -8477,7 +9256,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$f === null || ReactGA$f === void 0 ? void 0 : (_ReactGA$event = ReactGA$f.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$f, {
         category: "ACTIONS",
         action: "Logged out",
         nonInteraction: true
@@ -8727,6 +9506,8 @@ if (process.env.NODE_ENV === "development") {
   c$1("Pelcro Store", usePelcro);
 }
 
+var _window$e, _window$Pelcro$e, _window$Pelcro$uiSett$e;
+const ReactGA$e = (_window$e = window) !== null && _window$e !== void 0 && (_window$Pelcro$e = _window$e.Pelcro) !== null && _window$Pelcro$e !== void 0 && (_window$Pelcro$uiSett$e = _window$Pelcro$e.uiSettings) !== null && _window$Pelcro$uiSett$e !== void 0 && _window$Pelcro$uiSett$e.enableReactGA4 ? ReactGA4 : ReactGA1;
 /**
  * List of zero-decimal currencies.
  * @see https://stripe.com/docs/currencies#zero-decimal
@@ -8808,9 +9589,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
@@ -8865,10 +9646,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) {
@@ -8945,16 +9726,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$e === null || ReactGA$e === void 0 ? void 0 : (_ReactGA$set = ReactGA$e.set) === null || _ReactGA$set === void 0 ? void 0 : _ReactGA$set.call(ReactGA$e, {
     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$e === null || ReactGA$e === void 0 ? void 0 : (_ReactGA$plugin = ReactGA$e.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$e === null || ReactGA$e === void 0 ? void 0 : (_ReactGA$plugin2 = ReactGA$e.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,
@@ -8962,8 +9743,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$e === null || ReactGA$e === void 0 ? void 0 : (_ReactGA$plugin3 = ReactGA$e.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$e === null || ReactGA$e === void 0 ? void 0 : (_ReactGA$event = ReactGA$e.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$e, {
     category: "ACTIONS",
     action: "Subscribed",
     nonInteraction: true
@@ -9054,9 +9835,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;
 }
@@ -9065,12 +9846,12 @@ function notifyBugsnag(callback, startOptions) {
     //load bugsnag CDN
     window.Pelcro.helpers.loadSDK("https://d2wy8f7a9ursnm.cloudfront.net/v7/bugsnag.min.js", "bugsnag-cdn");
     document.querySelector('script[src="https://d2wy8f7a9ursnm.cloudfront.net/v7/bugsnag.min.js"]').addEventListener("load", () => {
-      var _window$Pelcro$enviro, _window$Pelcro3, _window$Pelcro3$envir, _window$Pelcro4, _window$Pelcro4$envir;
+      var _window$Pelcro$enviro, _window$Pelcro4, _window$Pelcro4$envir, _window$Pelcro5, _window$Pelcro5$envir;
 
       Bugsnag.start({
-        apiKey: (_window$Pelcro$enviro = (_window$Pelcro3 = window.Pelcro) === null || _window$Pelcro3 === void 0 ? void 0 : (_window$Pelcro3$envir = _window$Pelcro3.environment) === null || _window$Pelcro3$envir === void 0 ? void 0 : _window$Pelcro3$envir.bugsnagKey) !== null && _window$Pelcro$enviro !== void 0 ? _window$Pelcro$enviro : "e8f6852b322540e8c25386048b99ab01",
+        apiKey: (_window$Pelcro$enviro = (_window$Pelcro4 = window.Pelcro) === null || _window$Pelcro4 === void 0 ? void 0 : (_window$Pelcro4$envir = _window$Pelcro4.environment) === null || _window$Pelcro4$envir === void 0 ? void 0 : _window$Pelcro4$envir.bugsnagKey) !== null && _window$Pelcro$enviro !== void 0 ? _window$Pelcro$enviro : "e8f6852b322540e8c25386048b99ab01",
         autoDetectErrors: false,
-        releaseStage: (_window$Pelcro4 = window.Pelcro) === null || _window$Pelcro4 === void 0 ? void 0 : (_window$Pelcro4$envir = _window$Pelcro4.environment) === null || _window$Pelcro4$envir === void 0 ? void 0 : _window$Pelcro4$envir.bugsnagReleaseStage,
+        releaseStage: (_window$Pelcro5 = window.Pelcro) === null || _window$Pelcro5 === void 0 ? void 0 : (_window$Pelcro5$envir = _window$Pelcro5.environment) === null || _window$Pelcro5$envir === void 0 ? void 0 : _window$Pelcro5$envir.bugsnagReleaseStage,
         redactedKeys: ["security_key", "password", "password_confirmation", "auth_token", "token"],
         ...startOptions
       });
@@ -9244,6 +10025,9 @@ function _classPrivateFieldGet(receiver, privateMap) {
   return descriptor.value;
 }
 
+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;
+
 var _isAlreadySaved = /*#__PURE__*/new WeakMap();
 
 var _markButtonAsLoading = /*#__PURE__*/new WeakMap();
@@ -9402,7 +10186,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$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: "Save/Follow",
               label: buttonMetadata === null || buttonMetadata === void 0 ? void 0 : buttonMetadata.title
@@ -9440,7 +10224,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$d === null || ReactGA$d === void 0 ? void 0 : (_ReactGA$event2 = ReactGA$d.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA$d, {
               category: "ACTIONS",
               action: "Unsave/Unfollow",
               label: title
@@ -11174,6 +11958,8 @@ function getSiteCardProcessor() {
   return "stripe";
 }
 
+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;
 /**
  * @typedef {Object} OptionsType
  * @property {boolean} loadPaymentSDKs
@@ -11306,13 +12092,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$c === null || ReactGA$c === void 0 ? void 0 : (_ReactGA$initialize = ReactGA$c.initialize) === null || _ReactGA$initialize === void 0 ? void 0 : _ReactGA$initialize.call(ReactGA$c, window.Pelcro.site.read().google_analytics_id);
+  ReactGA$c === null || ReactGA$c === void 0 ? void 0 : (_ReactGA$plugin = ReactGA$c.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$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: "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
@@ -12168,6 +12954,8 @@ const CANCEL_SUBSCRIPTION = "CANCEL_SUBSCRIPTION";
 const UNSUSPEND_SUBSCRIPTION = "UNSUSPEND_SUBSCRIPTION";
 const REACTIVATE_SUBSCRIPTION = "REACTIVATE_SUBSCRIPTION"; //========
 
+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;
 const initialState$n = {
   email: "",
   username: "",
@@ -12224,7 +13012,7 @@ const LoginContainer = ({
         var _ReactGA$event;
 
         onSuccess(res);
-        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: "Logged in",
           nonInteraction: true
@@ -12623,12 +13411,14 @@ function ConfirmPassword({
   }, otherProps));
 }
 
+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;
 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$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: "ACTIONS",
       action: "Logged out",
       nonInteraction: true
@@ -13576,6 +14366,10 @@ function Modal({
   children,
   ...props
 }) {
+  useEffect(() => {
+    onDisplay === null || onDisplay === void 0 ? void 0 : onDisplay();
+    dispatchModalDisplayEvents(id);
+  }, []);
   return /*#__PURE__*/React__default.createElement("div", {
     className: "pelcro-modal-overlay"
   }, /*#__PURE__*/React__default.createElement("div", Object.assign({
@@ -13607,10 +14401,6 @@ const ModalHeader = ({
   var _window$Pelcro, _window$Pelcro$site$r;
 
   const resetView = usePelcro(state => state.resetView);
-  useEffect(() => {
-    onDisplay === null || onDisplay === void 0 ? void 0 : onDisplay();
-    dispatchModalDisplayEvents(id);
-  }, []);
 
   const onClose = () => {
     var _props$onClose;
@@ -14076,6 +14866,8 @@ const RegisterCompany = props => {
   }, props));
 };
 
+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;
 /**
  *
  */
@@ -14108,7 +14900,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$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: "Registered",
       nonInteraction: true
@@ -18992,6 +19784,8 @@ function SvgArrowLeft(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;
 /**
  *
  */
@@ -19101,12 +19895,12 @@ class SelectModal extends Component {
       document.addEventListener("keydown", this.handleSubmit);
 
       if (!document.querySelector("#pelcro-selection-view") || !document.querySelector(".pelcro-select-product-wrapper")) {
-        var _window$Pelcro, _window$Pelcro$user, _window$Pelcro2, _window$Pelcro2$user, _window$Pelcro3, _window$Pelcro3$user, _window$Pelcro4, _window$Pelcro4$site;
+        var _window$Pelcro2, _window$Pelcro2$user, _window$Pelcro3, _window$Pelcro3$user, _window$Pelcro4, _window$Pelcro4$user, _window$Pelcro5, _window$Pelcro5$site;
 
-        const userCurrency = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$user = _window$Pelcro.user) === null || _window$Pelcro$user === void 0 ? void 0 : _window$Pelcro$user.read().currency;
-        const userCountry = (_window$Pelcro2 = window.Pelcro) === null || _window$Pelcro2 === void 0 ? void 0 : (_window$Pelcro2$user = _window$Pelcro2.user) === null || _window$Pelcro2$user === void 0 ? void 0 : _window$Pelcro2$user.location.countryCode;
-        const userLanguage = (_window$Pelcro3 = window.Pelcro) === null || _window$Pelcro3 === void 0 ? void 0 : (_window$Pelcro3$user = _window$Pelcro3.user) === null || _window$Pelcro3$user === void 0 ? void 0 : _window$Pelcro3$user.read().language;
-        const productsMatchingUserCurrency = (_window$Pelcro4 = window.Pelcro) === null || _window$Pelcro4 === void 0 ? void 0 : (_window$Pelcro4$site = _window$Pelcro4.site) === null || _window$Pelcro4$site === void 0 ? void 0 : _window$Pelcro4$site.read().products.filter(product => {
+        const userCurrency = (_window$Pelcro2 = window.Pelcro) === null || _window$Pelcro2 === void 0 ? void 0 : (_window$Pelcro2$user = _window$Pelcro2.user) === null || _window$Pelcro2$user === void 0 ? void 0 : _window$Pelcro2$user.read().currency;
+        const userCountry = (_window$Pelcro3 = window.Pelcro) === null || _window$Pelcro3 === void 0 ? void 0 : (_window$Pelcro3$user = _window$Pelcro3.user) === null || _window$Pelcro3$user === void 0 ? void 0 : _window$Pelcro3$user.location.countryCode;
+        const userLanguage = (_window$Pelcro4 = window.Pelcro) === null || _window$Pelcro4 === void 0 ? void 0 : (_window$Pelcro4$user = _window$Pelcro4.user) === null || _window$Pelcro4$user === void 0 ? void 0 : _window$Pelcro4$user.read().language;
+        const productsMatchingUserCurrency = (_window$Pelcro5 = window.Pelcro) === null || _window$Pelcro5 === void 0 ? void 0 : (_window$Pelcro5$site = _window$Pelcro5.site) === null || _window$Pelcro5$site === void 0 ? void 0 : _window$Pelcro5$site.read().products.filter(product => {
           const filteredPlans = product.plans.filter(plan => plan.currency === userCurrency || !userCurrency);
           if (filteredPlans.length) return filteredPlans;
         });
@@ -19120,13 +19914,13 @@ class SelectModal extends Component {
         });
         notifyBugsnag(() => {
           Bugsnag.notify("SelectModal - No data viewed", event => {
-            var _window$Pelcro5, _window$Pelcro5$site, _window$Pelcro6, _window$Pelcro6$user, _window$Pelcro7, _window$Pelcro7$uiSet, _window$Pelcro8, _this$props, _window$Pelcro9, _window$Pelcro9$helpe, _window$Pelcro10, _window$Pelcro10$site;
+            var _window$Pelcro6, _window$Pelcro6$site, _window$Pelcro7, _window$Pelcro7$user, _window$Pelcro8, _window$Pelcro8$uiSet, _window$Pelcro9, _this$props, _window$Pelcro10, _window$Pelcro10$help, _window$Pelcro11, _window$Pelcro11$site;
 
             event.addMetadata("MetaData", {
-              site: (_window$Pelcro5 = window.Pelcro) === null || _window$Pelcro5 === void 0 ? void 0 : (_window$Pelcro5$site = _window$Pelcro5.site) === null || _window$Pelcro5$site === void 0 ? void 0 : _window$Pelcro5$site.read(),
-              user: (_window$Pelcro6 = window.Pelcro) === null || _window$Pelcro6 === void 0 ? void 0 : (_window$Pelcro6$user = _window$Pelcro6.user) === null || _window$Pelcro6$user === void 0 ? void 0 : _window$Pelcro6$user.read(),
-              uiVersion: (_window$Pelcro7 = window.Pelcro) === null || _window$Pelcro7 === void 0 ? void 0 : (_window$Pelcro7$uiSet = _window$Pelcro7.uiSettings) === null || _window$Pelcro7$uiSet === void 0 ? void 0 : _window$Pelcro7$uiSet.uiVersion,
-              environment: (_window$Pelcro8 = window.Pelcro) === null || _window$Pelcro8 === void 0 ? void 0 : _window$Pelcro8.environment,
+              site: (_window$Pelcro6 = window.Pelcro) === null || _window$Pelcro6 === void 0 ? void 0 : (_window$Pelcro6$site = _window$Pelcro6.site) === null || _window$Pelcro6$site === void 0 ? void 0 : _window$Pelcro6$site.read(),
+              user: (_window$Pelcro7 = window.Pelcro) === null || _window$Pelcro7 === void 0 ? void 0 : (_window$Pelcro7$user = _window$Pelcro7.user) === null || _window$Pelcro7$user === void 0 ? void 0 : _window$Pelcro7$user.read(),
+              uiVersion: (_window$Pelcro8 = window.Pelcro) === null || _window$Pelcro8 === void 0 ? void 0 : (_window$Pelcro8$uiSet = _window$Pelcro8.uiSettings) === null || _window$Pelcro8$uiSet === void 0 ? void 0 : _window$Pelcro8$uiSet.uiVersion,
+              environment: (_window$Pelcro9 = window.Pelcro) === null || _window$Pelcro9 === void 0 ? void 0 : _window$Pelcro9.environment,
               matchingEntitlementsProps: (_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.matchingEntitlements,
               productListState: this.state.productList,
               methods: {
@@ -19137,8 +19931,8 @@ class SelectModal extends Component {
               userCurrency: userCurrency,
               userCountry: userCountry,
               userLanguage: userLanguage,
-              siteLanguage: (_window$Pelcro9 = window.Pelcro) === null || _window$Pelcro9 === void 0 ? void 0 : (_window$Pelcro9$helpe = _window$Pelcro9.helpers) === null || _window$Pelcro9$helpe === void 0 ? void 0 : _window$Pelcro9$helpe.getHtmlLanguageAttribute(),
-              products: (_window$Pelcro10 = window.Pelcro) === null || _window$Pelcro10 === void 0 ? void 0 : (_window$Pelcro10$site = _window$Pelcro10.site) === null || _window$Pelcro10$site === void 0 ? void 0 : _window$Pelcro10$site.read().products.length,
+              siteLanguage: (_window$Pelcro10 = window.Pelcro) === null || _window$Pelcro10 === void 0 ? void 0 : (_window$Pelcro10$help = _window$Pelcro10.helpers) === null || _window$Pelcro10$help === void 0 ? void 0 : _window$Pelcro10$help.getHtmlLanguageAttribute(),
+              products: (_window$Pelcro11 = window.Pelcro) === null || _window$Pelcro11 === void 0 ? void 0 : (_window$Pelcro11$site = _window$Pelcro11.site) === null || _window$Pelcro11$site === void 0 ? void 0 : _window$Pelcro11$site.read().products.length,
               currency_matching_filter: `${productsMatchingUserCurrency.length} Products Passed`,
               country_matching_filter: `${productsMatchingUserCountry.length} Products Passed`,
               language_matching_filter: `${productsMatchingUserCountry.filter(productMatchPageLanguage).length} Products Passed`
@@ -19497,7 +20291,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$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: "VIEWS",
         action: "Product Modal Viewed",
         nonInteraction: true
@@ -19505,7 +20299,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$8 === null || ReactGA$8 === void 0 ? void 0 : (_ReactGA$event2 = ReactGA$8.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA$8, {
         category: "VIEWS",
         action: "Plan Modal Viewed",
         nonInteraction: true
@@ -24423,6 +25217,8 @@ const SubscriptionRenewView = ({
   }));
 };
 
+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;
 /**
  *
  */
@@ -24443,7 +25239,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$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: "ACTIONS",
       action: "Renewed",
       nonInteraction: true
@@ -24455,7 +25251,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$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: "ACTIONS",
       action: "Renewed Gift",
       nonInteraction: true
@@ -24639,6 +25435,8 @@ function SvgSubscription(props) {
   }))))));
 }
 
+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;
 const SubscriptionCancelNowButton = ({
   subscription,
   onClick,
@@ -24672,7 +25470,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$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: "Canceled",
         nonInteraction: true
@@ -24711,6 +25509,8 @@ const SubscriptionCancelNowButton = ({
   }, t("messages.cancelNow"));
 };
 
+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 SubscriptionCancelLaterButton = ({
   subscription,
   onClick,
@@ -24744,7 +25544,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$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
@@ -24959,6 +25759,8 @@ const SubscriptionSuspendDate = props => {
   }, props));
 };
 
+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 SubscriptionSuspendButton = ({
   subscription,
   onClick,
@@ -24991,7 +25793,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$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: "Suspended",
         nonInteraction: true
@@ -27848,6 +28650,8 @@ const AddressCreateLine2 = 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 initialState$e = {
   isSubmitting: false,
   firstName: "",
@@ -27997,7 +28801,7 @@ const AddressUpdateContainer = ({
           }
         });
         onSuccess(res);
-        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: "Updated address",
           nonInteraction: true
@@ -28544,6 +29348,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
@@ -28553,7 +29359,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
@@ -31310,7 +32116,8 @@ const PaymentMethodSelectModal = ({
 };
 PaymentMethodSelectModal.viewId = "payment-method-select";
 
-var _window$Pelcro$user$r, _window$Pelcro$user$r2;
+var _window$1, _window$Pelcro$1, _window$Pelcro$uiSett$1, _window$Pelcro$user$r, _window$Pelcro$user$r2;
+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 initialState$4 = {
   isOpen: false,
   activeDashboardLink: null,
@@ -31344,7 +32151,7 @@ const DashboardContainer = ({
     window.Pelcro.insight.track("Modal Displayed", {
       name: "dashboard"
     });
-    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: "VIEWS",
       action: "Dashboard Modal Viewed",
       nonInteraction: true
@@ -31359,9 +32166,9 @@ const DashboardContainer = ({
     return () => {};
   }, []);
   /**
-   * 
-   * @param {*} payload 
-   * @param {*} dispatch 
+   *
+   * @param {*} payload
+   * @param {*} dispatch
    */
 
   const cancelSubscription = ({
@@ -31384,7 +32191,7 @@ const DashboardContainer = ({
         return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
       }
 
-      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
+      ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event2 = ReactGA$1.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA$1, {
         category: "ACTIONS",
         action: "Canceled",
         nonInteraction: true
@@ -31393,9 +32200,9 @@ const DashboardContainer = ({
     });
   };
   /**
-   * 
-   * @param {*} payload 
-   * @param {*} dispatch 
+   *
+   * @param {*} payload
+   * @param {*} dispatch
    */
 
 
@@ -31420,7 +32227,7 @@ const DashboardContainer = ({
         return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
       }
 
-      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event3 = ReactGA.event) === null || _ReactGA$event3 === void 0 ? void 0 : _ReactGA$event3.call(ReactGA, {
+      ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event3 = ReactGA$1.event) === null || _ReactGA$event3 === void 0 ? void 0 : _ReactGA$event3.call(ReactGA$1, {
         category: "ACTIONS",
         action: "UnSuspended",
         nonInteraction: true
@@ -31429,9 +32236,9 @@ const DashboardContainer = ({
     });
   };
   /**
-   * 
-   * @param {*} payload 
-   * @param {*} dispatch 
+   *
+   * @param {*} payload
+   * @param {*} dispatch
    */
 
 
@@ -32674,6 +33481,8 @@ const Card = ({
   })), children);
 };
 
+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 SavedItemsMenu = () => {
   const {
     t