@pelcro/react-pelcro-js 3.23.0-beta.1 → 3.23.0-beta.11

package/dist/index.esm.js

@@ -7470,6 +7470,51 @@ function _defineProperty$3(obj, key, value) {
   return obj;
 }
 
+// Polyfill
+(() => {
+  if (typeof window.CustomEvent === "function") return false;
+  function CustomEvent(event) {
+    let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      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);
 }
@@ -8321,55 +8366,547 @@ 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$1 = _objectSpread({}, Defaults, {
+var ReactGA1 = _objectSpread({}, Defaults, {
   OutboundLink: OutboundLink
 });
 
-// Polyfill
-(() => {
-  if (typeof window.CustomEvent === "function") return false;
-  function CustomEvent(event) {
-    let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-      bubbles: false,
-      cancelable: false,
-      detail: undefined
-    };
-    const evt = document.createEvent("CustomEvent");
-    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
-    return evt;
+var gtag_1 = createCommonjsModule(function (module, exports) {
+
+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;
-})();
+  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;
+});
 
-/**
- * Should fire when the cart is opened and expects the cartItems inside the card to be sent
- */
-const cartOpened = detail => createCustomEvent("PelcroElementsCartOpened", detail);
+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"];
+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"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) 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, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/*
+Links
+https://developers.google.com/gtagjs/reference/api
+https://developers.google.com/tag-platform/gtagjs/reference
+*/
 /**
- * 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
  */
-function createCustomEvent(name, detail) {
-  try {
-    return new CustomEvent(name, {
-      detail
+var GA4 = /*#__PURE__*/function () {
+  function GA4() {
+    var _this = this;
+    _classCallCheck(this, GA4);
+    _defineProperty(this, "reset", function () {
+      _this.isInitialized = false;
+      _this._testMode = false;
+      _this._currentMeasurementId;
+      _this._hasLoadedGA = false;
+      _this._isQueuing = false;
+      _this._queueGtag = [];
+    });
+    _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);
+      }
     });
-  } catch (e) {
-    console.warn("Pelcro - Events are not supported in the browser");
+    _defineProperty(this, "_loadGA", function (GA_MEASUREMENT_ID, nonce) {
+      var gtagUrl = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "https://www.googletagmanager.com/gtag/js";
+      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 = "".concat(gtagUrl, "?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,
+        nonce = options.nonce,
+        _options$testMode = options.testMode,
+        testMode = _options$testMode === void 0 ? false : _options$testMode,
+        gtagUrl = options.gtagUrl;
+      _this._testMode = testMode;
+      if (!testMode) {
+        _this._loadGA(_this._currentMeasurementId, nonce, gtagUrl);
+      }
+      if (!_this.isInitialized) {
+        _this._gtag("js", new Date());
+        initConfigs.forEach(function (config) {
+          var mergedGtagOptions = _objectSpread(_objectSpread(_objectSpread({}, _this._toGtagOptions(_objectSpread(_objectSpread({}, gaOptions), config.gaOptions))), gtagOptions), config.gtagOptions);
+          if (Object.keys(mergedGtagOptions).length) {
+            _this._gtag("config", config.trackingId, mergedGtagOptions);
+          } else {
+            _this._gtag("config", config.trackingId);
+          }
+        });
+      }
+      _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;
+        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;
+          }
+        }
+        _this._gaCommand("send", fieldObject);
+      }
+    });
+    _defineProperty(this, "send", function (fieldObject) {
+      _this._gaCommand("send", fieldObject);
+    });
+    this.reset();
   }
-}
+  _createClass(GA4, [{
+    key: "gtag",
+    value: function gtag() {
+      this._gtag.apply(this, arguments);
+    }
+  }]);
+  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"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _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) {
     var _this = this;
@@ -8561,7 +9098,7 @@ class PelcroActions {
         return console.warn("You are already logged out.");
       }
       window.Pelcro.user.logout();
-      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, {
+      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
@@ -8790,6 +9327,9 @@ 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
@@ -8804,16 +9344,19 @@ const ZERO_DECIMAL_CURRENCIES = ["BIF", "CLP", "DJF", "GNF", "JPY", "KMF", "KRW"
 const isCurrencyZeroDecimal = currency => ZERO_DECIMAL_CURRENCIES.includes(currency.toUpperCase());
 const sortCountries = countries => {
   const sortable = [];
-  delete countries.CA;
-  delete countries.US;
-  for (const abbr in countries) {
-    sortable.push([abbr, countries[abbr]]);
+  const {
+    CA,
+    US,
+    ...rest
+  } = countries;
+  for (const abbr in rest) {
+    sortable.push([abbr, rest[abbr]]);
   }
   sortable.sort((a, b) => {
     if (a[1] > b[1]) return 1;
     return -1;
   });
-  sortable.unshift(["US", "United States"], ["CA", "Canada"]);
+  sortable.unshift(["US", US], ["CA", CA]);
   return sortable;
 };
 
@@ -8872,8 +9415,8 @@ const getLanguageWithoutRegion = localeName => {
  * @return {string | undefined}
  */
 const getPageOrDefaultLanguage = () => {
-  var _window$Pelcro$helper, _window$Pelcro, _window$Pelcro$site, _window$Pelcro$site$r, _window$Pelcro$site$r2;
-  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);
+  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$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);
 };
 
 /**
@@ -8926,9 +9469,9 @@ 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) {
       return false;
@@ -8993,16 +9536,16 @@ const trackSubscriptionOnGA = () => {
     return;
   }
   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$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$set = ReactGA$1.set) === null || _ReactGA$set === void 0 ? void 0 : _ReactGA$set.call(ReactGA$1, {
+  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$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$plugin = ReactGA$1.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$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$plugin2 = ReactGA$1.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,
@@ -9010,8 +9553,8 @@ const trackSubscriptionOnGA = () => {
     price: plan !== null && plan !== void 0 && plan.amount ? isCurrencyZeroDecimal(currencyCode) ? plan.amount : plan.amount / 100 : 0,
     quantity: 1
   });
-  ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$plugin3 = ReactGA$1.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$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, {
+  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
@@ -9099,8 +9642,8 @@ function getDateWithoutTime(dateObject) {
   return date;
 }
 function userMustVerifyEmail() {
-  var _window$Pelcro$site$r3, _window$Pelcro$site$r4, _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;
+  var _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro$user$r9, _window$Pelcro$user$r10;
+  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;
 }
@@ -9109,11 +9652,11 @@ 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
       });
@@ -9123,6 +9666,17 @@ function notifyBugsnag(callback, startOptions) {
   }
   callback();
 }
+
+//create a safe and strong password string with special characters
+function generatePassword() {
+  const length = 16;
+  const charset = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+{}|:<>?`~";
+  let retVal = "";
+  for (let i = 0, n = charset.length; i < length; ++i) {
+    retVal += charset.charAt(Math.floor(Math.random() * n));
+  }
+  return retVal;
+}
 function isStringValid(str) {
   // Define the regular expression to match only letters, numbers and spaces
   var regex = /^[a-zA-Z0-9\s]+$/;
@@ -9464,8 +10018,10 @@ function _classPrivateFieldGet(receiver, privateMap) {
   return descriptor.value;
 }
 
+var _window$b, _window$Pelcro$b, _window$Pelcro$uiSett$b;
 function _classPrivateFieldInitSpec$2(obj, privateMap, value) { _checkPrivateRedeclaration$2(obj, privateMap); privateMap.set(obj, value); }
 function _checkPrivateRedeclaration$2(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+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();
 var _removeLoadingState = /*#__PURE__*/new WeakMap();
@@ -9588,7 +10144,7 @@ class SaveToMetadataButtonClass {
               return _classPrivateFieldGet(this, _removeLoadingState).call(this, button);
             }
             _classPrivateFieldGet(this, _markButtonAsSaved).call(this, button);
-            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, {
+            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
@@ -9620,7 +10176,7 @@ class SaveToMetadataButtonClass {
               return _classPrivateFieldGet(this, _removeLoadingState).call(this, button);
             }
             _classPrivateFieldGet(this, _unmarkSavedButton).call(this, button);
-            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, {
+            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
@@ -11147,6 +11703,9 @@ 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
@@ -11270,12 +11829,12 @@ const initSecuritySdk = () => {
 };
 const initGATracking = () => {
   var _ReactGA$initialize, _ReactGA$plugin, _ReactGA$plugin$requi;
-  ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$initialize = ReactGA$1.initialize) === null || _ReactGA$initialize === void 0 ? void 0 : _ReactGA$initialize.call(ReactGA$1, window.Pelcro.site.read().google_analytics_id);
-  ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$plugin = ReactGA$1.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$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, {
+  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
@@ -12207,9 +12766,9 @@ const LoginContainer = _ref => {
         });
         onFailure(err);
       } else {
-        var _ReactGA, _ReactGA$event;
+        var _ReactGA$event;
         onSuccess(res);
-        (_ReactGA = ReactGA) === null || _ReactGA === void 0 ? void 0 : (_ReactGA$event = _ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(_ReactGA, {
+        ReactGA1 === null || ReactGA1 === void 0 ? void 0 : (_ReactGA$event = ReactGA1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA1, {
           category: "ACTIONS",
           action: "Logged in",
           nonInteraction: true
@@ -12599,11 +13158,13 @@ function ConfirmPassword(_ref) {
   }, 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$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, {
+    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
@@ -14165,6 +14726,9 @@ 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;
+
 /**
  *
  */
@@ -14190,7 +14754,7 @@ function RegisterModal(props) {
   };
   const handleAfterRegistrationLogic = () => {
     var _ReactGA$event, _window$Pelcro$site$r, _window$Pelcro$site$r2;
-    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, {
+    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
@@ -14281,6 +14845,9 @@ function Radio(_ref) {
   }, children));
 }
 
+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;
+
 /**
  *
  */
@@ -14374,11 +14941,11 @@ 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;
-        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 => {
+        var _window$Pelcro2, _window$Pelcro2$user, _window$Pelcro3, _window$Pelcro3$user, _window$Pelcro4, _window$Pelcro4$user, _window$Pelcro5, _window$Pelcro5$site;
+        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;
         });
@@ -14391,12 +14958,12 @@ 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: {
@@ -14407,8 +14974,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`
@@ -14628,14 +15195,14 @@ class SelectModal extends Component {
     } = this.props;
     if (this.state.mode === "product") {
       var _ReactGA$event;
-      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, {
+      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
       });
     } else if (this.state.mode === "plan") {
       var _ReactGA$event2;
-      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, {
+      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
@@ -15070,14 +15637,14 @@ class DonationModal extends Component {
     this.props;
     if (this.state.mode === "product") {
       var _ReactGA$event;
-      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, {
+      ReactGA1 === null || ReactGA1 === void 0 ? void 0 : (_ReactGA$event = ReactGA1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA1, {
         category: "VIEWS",
         action: "Product Modal Viewed",
         nonInteraction: true
       });
     } else if (this.state.mode === "plan") {
       var _ReactGA$event2;
-      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, {
+      ReactGA1 === null || ReactGA1 === void 0 ? void 0 : (_ReactGA$event2 = ReactGA1.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA1, {
         category: "VIEWS",
         action: "Plan Modal Viewed",
         nonInteraction: true
@@ -17397,19 +17964,25 @@ const PaymentMethodContainerWithoutStripe = _ref => {
 
   /*====== Start Cybersource integration ========*/
   const cybersourceErrorHandle = err => {
-    var _err$details, _err$details$response;
-    const errorMessages = [];
+    var _err$details, _err$details$response, _err$details$response2;
+    if ((err === null || err === void 0 ? void 0 : (_err$details = err.details) === null || _err$details === void 0 ? void 0 : (_err$details$response = _err$details.responseStatus) === null || _err$details$response === void 0 ? void 0 : (_err$details$response2 = _err$details$response.details) === null || _err$details$response2 === void 0 ? void 0 : _err$details$response2.length) > 0) {
+      var _err$details2, _err$details2$respons;
+      const errorMessages = [];
 
-    // enumerable error (ex: validation errors)
-    Object.values(err === null || err === void 0 ? void 0 : (_err$details = err.details) === null || _err$details === void 0 ? void 0 : (_err$details$response = _err$details.responseStatus) === null || _err$details$response === void 0 ? void 0 : _err$details$response.details).forEach(_ref2 => {
-      let {
-        message
-      } = _ref2;
-      errorMessages.push(message);
-    });
+      // enumerable error (ex: validation errors)
+      Object.values(err === null || err === void 0 ? void 0 : (_err$details2 = err.details) === null || _err$details2 === void 0 ? void 0 : (_err$details2$respons = _err$details2.responseStatus) === null || _err$details2$respons === void 0 ? void 0 : _err$details2$respons.details).forEach(_ref2 => {
+        let {
+          message
+        } = _ref2;
+        errorMessages.push(message);
+      });
 
-    // convert to multiline string
-    return errorMessages.join("\n");
+      // convert to multiline string
+      return errorMessages.join("\n");
+    } else {
+      var _err$details3;
+      return getErrorMessages(err === null || err === void 0 ? void 0 : (_err$details3 = err.details) === null || _err$details3 === void 0 ? void 0 : _err$details3.responseStatus);
+    }
   };
   const submitUsingCybersource = (state, dispatch) => {
     var _cybersourceInstanceR;
@@ -18857,7 +19430,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
   const sendRegisterRequest = (state, callback) => {
     window.Pelcro.user.register({
       email: state.email,
-      password: state.password
+      password: generatePassword()
     }, (err, res) => {
       if (err) {
         var _err$response, _err$response$data;
@@ -19591,12 +20164,12 @@ const CheckoutForm = () => {
       className: "plc-w-6/12 plc-pr-4"
     }, /*#__PURE__*/React__default.createElement(MonthSelect, {
       store: store$k,
-      placeholder: "Exp Month"
+      placeholder: "Exp Month *"
     })), /*#__PURE__*/React__default.createElement("div", {
       className: "plc-w-6/12"
     }, /*#__PURE__*/React__default.createElement(YearSelect, {
       store: store$k,
-      placeholder: "Exp Year"
+      placeholder: "Exp Year *"
     }))));
   }
   if (cardProcessor === "stripe") {
@@ -19659,7 +20232,7 @@ const DiscountedPrice = props => {
 };
 
 const SubmitPaymentMethod = _ref => {
-  var _plan$quantity, _plan$quantity2, _plan$quantity3, _window$Pelcro$site$r;
+  var _plan$quantity, _plan$quantity2, _plan$quantity3, _window$Pelcro$site$r, _window$Pelcro$site$r2;
   let {
     onClick,
     ...otherProps
@@ -19667,7 +20240,8 @@ const SubmitPaymentMethod = _ref => {
   const {
     plan,
     selectedDonationAmount,
-    customDonationAmount
+    customDonationAmount,
+    selectedPaymentMethodId
   } = usePelcro();
   const {
     t
@@ -19685,13 +20259,16 @@ const SubmitPaymentMethod = _ref => {
       phone,
       disableSubmit,
       isLoading,
-      updatedPrice
+      updatedPrice,
+      month,
+      year
     }
   } = useContext(store$k);
   const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
   const price = updatedPrice !== null && updatedPrice !== void 0 ? updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount;
   const priceFormatted = (plan === null || plan === void 0 ? void 0 : plan.type) === "donation" && (selectedDonationAmount || customDonationAmount) ? getFormattedPriceByLocal(selectedDonationAmount ? selectedDonationAmount * (plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity2 = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity2 !== void 0 ? _plan$quantity2 : 1) : customDonationAmount * (plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity3 = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity3 !== void 0 ? _plan$quantity3 : 1), plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage()) : getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
   const supportsTap = Boolean((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.tap_gateway_settings);
+  const supportsCybersource = Boolean((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.cybersource_gateway_settings);
   const isUserFirstName = Boolean(window.Pelcro.user.read().first_name);
   const isUserLastName = Boolean(window.Pelcro.user.read().last_name);
   const isUserPhone = Boolean(window.Pelcro.user.read().phone);
@@ -19700,9 +20277,9 @@ const SubmitPaymentMethod = _ref => {
     if (supportsTap && isUserFirstName && isUserLastName && isUserPhone) {
       setDisabled(disableSubmit);
     } else {
-      setDisabled(disableSubmit || supportsTap && firstNameError || supportsTap && lastNameError || supportsTap && phoneError || supportsTap && !(firstName !== null && firstName !== void 0 && firstName.length) || supportsTap && !(lastName !== null && lastName !== void 0 && lastName.length) || supportsTap && !(phone !== null && phone !== void 0 && phone.length) || emailError || passwordError);
+      setDisabled(disableSubmit || supportsTap && firstNameError || supportsTap && lastNameError || supportsTap && phoneError || supportsTap && !(firstName !== null && firstName !== void 0 && firstName.length) || supportsTap && !(lastName !== null && lastName !== void 0 && lastName.length) || supportsTap && !(phone !== null && phone !== void 0 && phone.length) || emailError || passwordError || supportsCybersource && !selectedPaymentMethodId && !(month !== null && month !== void 0 && month.length) || supportsCybersource && !selectedPaymentMethodId && !(year !== null && year !== void 0 && year.length));
     }
-  }, [disableSubmit, firstNameError, lastNameError, phoneError, firstName, lastName, phone, emailError, passwordError]);
+  }, [disableSubmit, firstNameError, lastNameError, phoneError, firstName, lastName, phone, emailError, passwordError, month, year]);
   return /*#__PURE__*/React__default.createElement(Button, Object.assign({
     role: "submit",
     className: "plc-w-full plc-py-3",
@@ -20341,10 +20918,6 @@ const DonationEmail = props => /*#__PURE__*/React__default.createElement(Email,
   store: store$k
 }, props));
 
-const DonationPassword = props => /*#__PURE__*/React__default.createElement(Password, Object.assign({
-  store: store$k
-}, props));
-
 /**
  *
  */
@@ -20431,11 +21004,6 @@ function PaymentMethodView(_ref) {
     label: t("labels.email"),
     required: true,
     autoFocus: true
-  }), /*#__PURE__*/React__default.createElement(DonationPassword, {
-    id: "pelcro-input-password",
-    errorId: "pelcro-input-password-error",
-    label: t("labels.password"),
-    required: true
   })), /*#__PURE__*/React__default.createElement(CheckoutForm, null), showCoupon && /*#__PURE__*/React__default.createElement("div", {
     className: "plc-mb-2"
   }, /*#__PURE__*/React__default.createElement(CouponCode, null), /*#__PURE__*/React__default.createElement(DiscountedPrice, null)), /*#__PURE__*/React__default.createElement(TaxAmount, null), /*#__PURE__*/React__default.createElement("div", {
@@ -20498,6 +21066,9 @@ const SubscriptionRenewView = _ref => {
   }));
 };
 
+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;
+
 /**
  *
  */
@@ -20513,7 +21084,7 @@ function SubscriptionRenewModal(_ref) {
   const onSuccess = res => {
     var _otherProps$onSuccess, _ReactGA$event;
     (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, res);
-    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, {
+    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
@@ -20523,7 +21094,7 @@ function SubscriptionRenewModal(_ref) {
   const onGiftRenewalSuccess = () => {
     var _otherProps$onGiftRen, _ReactGA$event2;
     (_otherProps$onGiftRen = otherProps.onGiftRenewalSuccess) === null || _otherProps$onGiftRen === void 0 ? void 0 : _otherProps$onGiftRen.call(otherProps);
-    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, {
+    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
@@ -20697,6 +21268,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 = _ref => {
   let {
     subscription,
@@ -20728,7 +21301,7 @@ const SubscriptionCancelNowButton = _ref => {
       if (err) {
         return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
       }
-      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, {
+      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
@@ -20767,6 +21340,8 @@ const SubscriptionCancelNowButton = _ref => {
   }, 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 = _ref => {
   let {
     subscription,
@@ -20798,7 +21373,7 @@ const SubscriptionCancelLaterButton = _ref => {
       if (err) {
         return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
       }
-      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, {
+      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
@@ -21007,6 +21582,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 = _ref => {
   let {
     subscription,
@@ -21037,7 +21614,7 @@ const SubscriptionSuspendButton = _ref => {
       if (err) {
         return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
       }
-      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, {
+      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
@@ -23887,7 +24464,7 @@ const AddressUpdateContainer = _ref => {
         });
         onFailure(err);
       } else {
-        var _ReactGA, _ReactGA$event;
+        var _ReactGA$event;
         dispatch({
           type: SHOW_ALERT,
           payload: {
@@ -23896,7 +24473,7 @@ const AddressUpdateContainer = _ref => {
           }
         });
         onSuccess(res);
-        (_ReactGA = ReactGA) === null || _ReactGA === void 0 ? void 0 : (_ReactGA$event = _ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(_ReactGA, {
+        ReactGA1 === null || ReactGA1 === void 0 ? void 0 : (_ReactGA$event = ReactGA1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA1, {
           category: "ACTIONS",
           action: "Updated address",
           nonInteraction: true
@@ -24424,11 +25001,13 @@ 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 onSuccess = res => {
     var _props$onSuccess, _ReactGA$event;
     (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
-    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, {
+    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
@@ -26344,6 +26923,7 @@ const GiftRedeemContainer = _ref => {
             payload: false
           });
           if (err) {
+            var _err$response, _err$response$data, _err$response$data$er;
             dispatch({
               type: SHOW_ALERT,
               payload: {
@@ -26351,7 +26931,7 @@ const GiftRedeemContainer = _ref => {
                 content: getErrorMessages(err)
               }
             });
-            if (getErrorMessages(err) === "Address ID is required") {
+            if ((_err$response = err.response) !== null && _err$response !== void 0 && (_err$response$data = _err$response.data) !== null && _err$response$data !== void 0 && (_err$response$data$er = _err$response$data.errors) !== null && _err$response$data$er !== void 0 && _err$response$data$er.address_id) {
               switchToAddressView();
             } else {
               return onFailure(err);
@@ -28318,6 +28898,8 @@ const OrderItems = _ref => {
   });
 };
 
+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
@@ -29339,6 +29921,8 @@ function getMemberShipStatus(status) {
   };
 }
 
+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",
   SUBSCRIPTIONS: "subscriptions",
@@ -29403,7 +29987,7 @@ class Dashboard extends Component {
       window.Pelcro.insight.track("Modal Displayed", {
         name: "dashboard"
       });
-      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, {
+      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
         category: "VIEWS",
         action: "Dashboard Modal Viewed",
         nonInteraction: true
@@ -29439,7 +30023,7 @@ class Dashboard extends Component {
         if (err) {
           return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
         }
-        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, {
+        ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
           category: "ACTIONS",
           action: "Canceled",
           nonInteraction: true
@@ -29457,7 +30041,7 @@ class Dashboard extends Component {
         if (err) {
           return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
         }
-        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, {
+        ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event3 = ReactGA.event) === null || _ReactGA$event3 === void 0 ? void 0 : _ReactGA$event3.call(ReactGA, {
           category: "ACTIONS",
           action: "UnSuspended",
           nonInteraction: true
@@ -29748,13 +30332,13 @@ class Dashboard extends Component {
     this.menuRef = /*#__PURE__*/React__default.createRef();
   }
   render() {
-    var _window$Pelcro$user$r3, _window$Pelcro, _window$Pelcro$uiSett, _this$user$source, _this$user$source$pro, _this$user$source2, _this$user$source2$pr;
+    var _window$Pelcro$user$r3, _window$Pelcro2, _window$Pelcro2$uiSet, _this$user$source, _this$user$source$pro, _this$user$source2, _this$user$source2$pr;
     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;
     const siteHasNewslettersDefined = Array.isArray(newsletters) && newsletters.length > 0;
     return /*#__PURE__*/React__default.createElement(Transition, {
       className: "plc-fixed plc-inset-y-0 plc-right-0 plc-h-full plc-max-w-xl plc-overflow-y-auto plc-text-left plc-bg-white plc-shadow-xl plc-z-max",