@pelcro/react-pelcro-js 2.7.0-beta.4 → 2.7.0-beta.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +411 -216
  2. package/dist/index.esm.js +411 -216
  3. package/dist/pelcro.css +13 -0
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -3620,7 +3620,8 @@ var labels$h = {
3620
3620
  "for": "for",
3621
3621
  interval: "{{count}} {{interval}}",
3622
3622
  interval_plural: "{{count}} {{interval}}s",
3623
- tax: "+ Tax"
3623
+ tax: "+ Tax",
3624
+ removeCoupon: "REMOVE"
3624
3625
  };
3625
3626
  var checkoutForm_en = {
3626
3627
  messages: messages$j,
@@ -3646,7 +3647,8 @@ var labels$g = {
3646
3647
  "for": "pour",
3647
3648
  interval: "{{count}} {{interval}}",
3648
3649
  interval_plural: "{{count}} {{interval}}s",
3649
- tax: "+ Taxe"
3650
+ tax: "+ Taxe",
3651
+ removeCoupon: "RETIRER"
3650
3652
  };
3651
3653
  var checkoutForm_fr = {
3652
3654
  messages: messages$i,
@@ -3794,7 +3796,7 @@ var gift$1 = {
3794
3796
  lastName: "Last name",
3795
3797
  email: "Email",
3796
3798
  startDate: "Gift date",
3797
- giftMessage: "Gift message (500 characters max)",
3799
+ giftMessage: "Gift message (200 characters max)",
3798
3800
  required: "required",
3799
3801
  firstNamePlaceholder: "First name",
3800
3802
  lastNamePlaceholder: "Last name",
@@ -3890,7 +3892,7 @@ var gift = {
3890
3892
  lastName: "Nom de famille",
3891
3893
  email: "Adresse courriel",
3892
3894
  startDate: "Date de début",
3893
- giftMessage: "Message du cadeau (500 caractères max)",
3895
+ giftMessage: "Message du cadeau (200 caractères max)",
3894
3896
  required: "Champs obligatoires",
3895
3897
  firstNamePlaceholder: "Prénom",
3896
3898
  lastNamePlaceholder: "Nom de famille",
@@ -4376,6 +4378,7 @@ var labels$3 = {
4376
4378
  account: "Account",
4377
4379
  purchases: "Purchases",
4378
4380
  subscriptions: "Subscriptions",
4381
+ donations: "Donations",
4379
4382
  updatePaymentSource: "Update",
4380
4383
  profile: "Profile",
4381
4384
  updateProfile: "Edit profile",
@@ -4391,6 +4394,7 @@ var labels$3 = {
4391
4394
  actions: "Actions",
4392
4395
  expiresOn: "Ends",
4393
4396
  startsOn: "Starts",
4397
+ startDate: "Start date",
4394
4398
  renewsOn: "Renews",
4395
4399
  canceledOn: "Canceled on",
4396
4400
  recipient: "Recipient",
@@ -4455,6 +4459,7 @@ var labels$2 = {
4455
4459
  account: "Compte",
4456
4460
  purchases: "Achats",
4457
4461
  subscriptions: "Abonnements",
4462
+ donations: "Des dons",
4458
4463
  updatePaymentSource: "Mettre à jour la source de paiement",
4459
4464
  profile: "Profil",
4460
4465
  updateProfile: "Mettre à jour le profil",
@@ -4470,6 +4475,7 @@ var labels$2 = {
4470
4475
  actions: "Actes",
4471
4476
  expiresOn: "Expire le",
4472
4477
  startsOn: "Débute le",
4478
+ startDate: "Date de début",
4473
4479
  renewsOn: "Renouvelle le",
4474
4480
  canceledOn: "Annulé le",
4475
4481
  recipient: "Destinataire",
@@ -4526,7 +4532,11 @@ var labels$1 = {
4526
4532
  },
4527
4533
  selectProduct: "Select a product",
4528
4534
  selectPlan: "Select a plan",
4529
- startingAt: "Starting at"
4535
+ startingAt: "Starting at",
4536
+ restrictiveArticles: {
4537
+ subscribeTo: "Subscribe to one of the following options to get access to this page",
4538
+ or: "Or take a look at some of our other options below"
4539
+ }
4530
4540
  };
4531
4541
  var buttons$1 = {
4532
4542
  next: "Next",
@@ -4555,7 +4565,11 @@ var labels = {
4555
4565
  },
4556
4566
  selectProduct: "Sélectionnez un produit",
4557
4567
  selectPlan: "Sélectionnez un plan",
4558
- starningAt: "À partir de"
4568
+ starningAt: "À partir de",
4569
+ restrictiveArticles: {
4570
+ subscribeTo: "Abonnez-vous à une des options suivantes pour accéder au contenu de cette page",
4571
+ or: "Sinon, jetez un coup d'oeil à d'autres offres ci-dessous"
4572
+ }
4559
4573
  };
4560
4574
  var buttons = {
4561
4575
  next: "Prochain",
@@ -6931,8 +6945,8 @@ const saveToMetadataButton = new SaveToMetadataButtonClass();
6931
6945
 
6932
6946
  let e={data:""},t=t=>"undefined"!=typeof window?((t?t.querySelector("#_goober"):window._goober)||Object.assign((t||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:t||e,l=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(})/g,a=/\/\*[^]*?\*\/|\s\s+|\n/g,n=(e,t)=>{let r,l="",a="",o="";for(let c in e){let s=e[c];"object"==typeof s?(r=t?t.replace(/([^,])+/g,e=>c.replace(/([^,])+/g,t=>/&/.test(t)?t.replace(/&/g,e):e?e+" "+t:t)):c,a+="@"==c[0]?"f"==c[1]?n(s,c):c+"{"+n(s,"k"==c[1]?"":t)+"}":n(s,r)):"@"==c[0]&&"i"==c[1]?l=c+" "+s+";":(c=c.replace(/[A-Z]/g,"-$&").toLowerCase(),o+=n.p?n.p(c,s):c+":"+s+";");}return o[0]?(r=t?t+"{"+o+"}":o,l+r+a):l+a},o={},c=e=>{let t="";for(let r in e)t+=r+("object"==typeof e[r]?c(e[r]):e[r]);return t},s=(e,t,r,s,i)=>{let p="object"==typeof e?c(e):e,u=o[p]||(o[p]=(e=>{let t=0,r=11;for(;t<e.length;)r=101*r+e.charCodeAt(t++)>>>0;return "go"+r})(p));if(!o[u]){let t="object"==typeof e?e:(e=>{let t,r=[{}];for(;t=l.exec(e.replace(a,""));)t[4]&&r.shift(),t[3]?r.unshift(r[0][t[3]]=r[0][t[3]]||{}):t[4]||(r[0][t[1]]=t[2]);return r[0]})(e);o[u]=n(i?{["@keyframes "+u]:t}:t,r?"":"."+u);}return ((e,t,r)=>{-1==t.data.indexOf(e)&&(t.data=r?e+t.data:t.data+e);})(o[u],t,s),u},i=(e,t,r)=>e.reduce((e,l,a)=>{let o=t[a];if(o&&o.call){let e=o(r),t=e&&e.props&&e.props.className||/^go/.test(e)&&e;o=t?"."+t:e&&"object"==typeof e?e.props?"":n(e,""):e;}return e+l+(null==o?"":o)},"");function p(e){let r=this||{},l=e.call?e(r.p):e;return s(l.unshift?l.raw?i(l,[].slice.call(arguments,1),r.p):l.reduce((e,t)=>t?Object.assign(e,t.call?t(r.p):t):e,{}):l,t(r.target),r.g,r.o,r.k)}let u,f,d;p.bind({g:1});let b=p.bind({k:1});function h(e,t,r,l){n.p=t,u=e,f=r,d=l;}function y(e,t){let r=this||{};return function(){let l=arguments;function a(n,o){let c=Object.assign({},n),s=c.className||a.className;r.p=Object.assign({theme:f&&f()},c),r.o=/ *go\d+/.test(s),c.className=p.apply(r,l)+(s?" "+s:""),t&&(c.ref=o);let i=c.as||e;return d&&i[0]&&d(c),u(i,c)}return t?t(a):a}}
6933
6947
 
6934
- function _extends$w() {
6935
- _extends$w = Object.assign || function (target) {
6948
+ function _extends$x() {
6949
+ _extends$x = Object.assign || function (target) {
6936
6950
  for (var i = 1; i < arguments.length; i++) {
6937
6951
  var source = arguments[i];
6938
6952
 
@@ -6946,7 +6960,7 @@ function _extends$w() {
6946
6960
  return target;
6947
6961
  };
6948
6962
 
6949
- return _extends$w.apply(this, arguments);
6963
+ return _extends$x.apply(this, arguments);
6950
6964
  }
6951
6965
 
6952
6966
  function _taggedTemplateLiteralLoose(strings, raw) {
@@ -7036,7 +7050,7 @@ var clearFromRemoveQueue = function clearFromRemoveQueue(toastId) {
7036
7050
  var reducer = function reducer(state, action) {
7037
7051
  switch (action.type) {
7038
7052
  case ActionType.ADD_TOAST:
7039
- return _extends$w({}, state, {
7053
+ return _extends$x({}, state, {
7040
7054
  toasts: [action.toast].concat(state.toasts).slice(0, TOAST_LIMIT)
7041
7055
  });
7042
7056
 
@@ -7046,9 +7060,9 @@ var reducer = function reducer(state, action) {
7046
7060
  clearFromRemoveQueue(action.toast.id);
7047
7061
  }
7048
7062
 
7049
- return _extends$w({}, state, {
7063
+ return _extends$x({}, state, {
7050
7064
  toasts: state.toasts.map(function (t) {
7051
- return t.id === action.toast.id ? _extends$w({}, t, action.toast) : t;
7065
+ return t.id === action.toast.id ? _extends$x({}, t, action.toast) : t;
7052
7066
  })
7053
7067
  });
7054
7068
 
@@ -7075,9 +7089,9 @@ var reducer = function reducer(state, action) {
7075
7089
  });
7076
7090
  }
7077
7091
 
7078
- return _extends$w({}, state, {
7092
+ return _extends$x({}, state, {
7079
7093
  toasts: state.toasts.map(function (t) {
7080
- return t.id === toastId || toastId === undefined ? _extends$w({}, t, {
7094
+ return t.id === toastId || toastId === undefined ? _extends$x({}, t, {
7081
7095
  visible: false
7082
7096
  }) : t;
7083
7097
  })
@@ -7085,28 +7099,28 @@ var reducer = function reducer(state, action) {
7085
7099
 
7086
7100
  case ActionType.REMOVE_TOAST:
7087
7101
  if (action.toastId === undefined) {
7088
- return _extends$w({}, state, {
7102
+ return _extends$x({}, state, {
7089
7103
  toasts: []
7090
7104
  });
7091
7105
  }
7092
7106
 
7093
- return _extends$w({}, state, {
7107
+ return _extends$x({}, state, {
7094
7108
  toasts: state.toasts.filter(function (t) {
7095
7109
  return t.id !== action.toastId;
7096
7110
  })
7097
7111
  });
7098
7112
 
7099
7113
  case ActionType.START_PAUSE:
7100
- return _extends$w({}, state, {
7114
+ return _extends$x({}, state, {
7101
7115
  pausedAt: action.time
7102
7116
  });
7103
7117
 
7104
7118
  case ActionType.END_PAUSE:
7105
7119
  var diff = action.time - (state.pausedAt || 0);
7106
- return _extends$w({}, state, {
7120
+ return _extends$x({}, state, {
7107
7121
  pausedAt: undefined,
7108
7122
  toasts: state.toasts.map(function (t) {
7109
- return _extends$w({}, t, {
7123
+ return _extends$x({}, t, {
7110
7124
  pauseDuration: t.pauseDuration + diff
7111
7125
  });
7112
7126
  })
@@ -7153,12 +7167,12 @@ var useStore = function useStore(toastOptions) {
7153
7167
  var mergedToasts = state.toasts.map(function (t) {
7154
7168
  var _toastOptions$t$type, _toastOptions, _toastOptions$t$type2;
7155
7169
 
7156
- return _extends$w({}, toastOptions, toastOptions[t.type], t, {
7170
+ return _extends$x({}, toastOptions, toastOptions[t.type], t, {
7157
7171
  duration: t.duration || ((_toastOptions$t$type = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type.duration) || ((_toastOptions = toastOptions) == null ? void 0 : _toastOptions.duration) || defaultTimeouts[t.type],
7158
- style: _extends$w({}, toastOptions.style, (_toastOptions$t$type2 = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type2.style, t.style)
7172
+ style: _extends$x({}, toastOptions.style, (_toastOptions$t$type2 = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type2.style, t.style)
7159
7173
  });
7160
7174
  });
7161
- return _extends$w({}, state, {
7175
+ return _extends$x({}, state, {
7162
7176
  toasts: mergedToasts
7163
7177
  });
7164
7178
  };
@@ -7168,7 +7182,7 @@ var createToast = function createToast(message, type, opts) {
7168
7182
  type = 'blank';
7169
7183
  }
7170
7184
 
7171
- return _extends$w({
7185
+ return _extends$x({
7172
7186
  createdAt: Date.now(),
7173
7187
  visible: true,
7174
7188
  type: type,
@@ -7218,14 +7232,14 @@ toast.remove = function (toastId) {
7218
7232
  };
7219
7233
 
7220
7234
  toast.promise = function (promise, msgs, opts) {
7221
- var id = toast.loading(msgs.loading, _extends$w({}, opts, opts == null ? void 0 : opts.loading));
7235
+ var id = toast.loading(msgs.loading, _extends$x({}, opts, opts == null ? void 0 : opts.loading));
7222
7236
  promise.then(function (p) {
7223
- toast.success(resolveValue(msgs.success, p), _extends$w({
7237
+ toast.success(resolveValue(msgs.success, p), _extends$x({
7224
7238
  id: id
7225
7239
  }, opts, opts == null ? void 0 : opts.success));
7226
7240
  return p;
7227
7241
  })["catch"](function (e) {
7228
- toast.error(resolveValue(msgs.error, e), _extends$w({
7242
+ toast.error(resolveValue(msgs.error, e), _extends$x({
7229
7243
  id: id
7230
7244
  }, opts, opts == null ? void 0 : opts.error));
7231
7245
  });
@@ -7564,7 +7578,7 @@ var ToastBar = /*#__PURE__*/React.memo(function (_ref2) {
7564
7578
  var message = React.createElement(Message, Object.assign({}, toast.ariaProps), resolveValue(toast.message, toast));
7565
7579
  return React.createElement(ToastBarBase, {
7566
7580
  className: toast.className,
7567
- style: _extends$w({}, animationStyle, style, toast.style)
7581
+ style: _extends$x({}, animationStyle, style, toast.style)
7568
7582
  }, typeof children === 'function' ? children({
7569
7583
  icon: icon,
7570
7584
  message: message
@@ -7594,7 +7608,7 @@ var getPositionStyle = function getPositionStyle(position, offset) {
7594
7608
  } : position.includes('right') ? {
7595
7609
  justifyContent: 'flex-end'
7596
7610
  } : {};
7597
- return _extends$w({
7611
+ return _extends$x({
7598
7612
  left: 0,
7599
7613
  right: 0,
7600
7614
  display: 'flex',
@@ -7621,7 +7635,7 @@ var Toaster = function Toaster(_ref) {
7621
7635
  handlers = _useToaster.handlers;
7622
7636
 
7623
7637
  return React.createElement("div", {
7624
- style: _extends$w({
7638
+ style: _extends$x({
7625
7639
  position: 'fixed',
7626
7640
  zIndex: 9999,
7627
7641
  top: DEFAULT_OFFSET,
@@ -7656,82 +7670,82 @@ var Toaster = function Toaster(_ref) {
7656
7670
  }));
7657
7671
  };
7658
7672
 
7659
- var _path$t;
7673
+ var _path$u;
7660
7674
 
7661
- function _extends$v() { _extends$v = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
7675
+ function _extends$w() { _extends$w = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$w.apply(this, arguments); }
7662
7676
 
7663
7677
  function SvgCheckSolid(props) {
7664
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
7678
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
7665
7679
  xmlns: "http://www.w3.org/2000/svg",
7666
7680
  className: "h-5 w-5",
7667
7681
  viewBox: "0 0 20 20",
7668
7682
  fill: "currentColor"
7669
- }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
7683
+ }, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
7670
7684
  fillRule: "evenodd",
7671
7685
  d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
7672
7686
  clipRule: "evenodd"
7673
7687
  })));
7674
7688
  }
7675
7689
 
7676
- var _path$s;
7690
+ var _path$t;
7677
7691
 
7678
- function _extends$u() { _extends$u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
7692
+ function _extends$v() { _extends$v = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
7679
7693
 
7680
7694
  function SvgXIcon(props) {
7681
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
7695
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
7682
7696
  xmlns: "http://www.w3.org/2000/svg",
7683
7697
  viewBox: "0 0 20 20",
7684
7698
  fill: "currentColor"
7685
- }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
7699
+ }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
7686
7700
  fill: "evenodd",
7687
7701
  d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
7688
7702
  clipRule: "evenodd"
7689
7703
  })));
7690
7704
  }
7691
7705
 
7692
- var _path$r;
7706
+ var _path$s;
7693
7707
 
7694
- function _extends$t() { _extends$t = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
7708
+ function _extends$u() { _extends$u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
7695
7709
 
7696
7710
  function SvgXIconSolid(props) {
7697
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
7711
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
7698
7712
  className: "plc-w-4 plc-h-4",
7699
7713
  fill: "currentColor",
7700
7714
  xmlns: "http://www.w3.org/2000/svg",
7701
7715
  viewBox: "0 0 100 100"
7702
- }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
7716
+ }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
7703
7717
  d: "M94.842 48.408c0 24.852-20.148 44.999-45.002 44.999-24.851 0-44.997-20.146-44.997-44.999 0-24.854 20.146-45 44.997-45 24.853 0 45.002 20.146 45.002 45zM71.073 64.841L54.73 48.497l16.344-16.344-4.979-4.979-16.343 16.345-16.343-16.344-4.799 4.799 16.344 16.344L28.61 64.661l4.979 4.978 16.344-16.344 16.343 16.344 4.797-4.798z"
7704
7718
  })));
7705
7719
  }
7706
7720
 
7707
- var _path$q;
7721
+ var _path$r;
7708
7722
 
7709
- function _extends$s() { _extends$s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
7723
+ function _extends$t() { _extends$t = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
7710
7724
 
7711
7725
  function SvgExclamation(props) {
7712
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
7726
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
7713
7727
  className: "plc-w-4 plc-h-4 plc-mr-1",
7714
7728
  xmlns: "http://www.w3.org/2000/svg",
7715
7729
  viewBox: "0 0 20 20",
7716
7730
  fill: "currentColor"
7717
- }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
7731
+ }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
7718
7732
  fillRule: "evenodd",
7719
7733
  d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z",
7720
7734
  clipRule: "evenodd"
7721
7735
  })));
7722
7736
  }
7723
7737
 
7724
- var _path$p, _path2$3;
7738
+ var _path$q, _path2$3;
7725
7739
 
7726
- function _extends$r() { _extends$r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
7740
+ function _extends$s() { _extends$s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
7727
7741
 
7728
7742
  function SvgSpinner(props) {
7729
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
7743
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
7730
7744
  className: "plc-animate-spin",
7731
7745
  viewBox: "0 0 24 24",
7732
7746
  fill: "currentColor",
7733
7747
  xmlns: "http://www.w3.org/2000/svg"
7734
- }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
7748
+ }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
7735
7749
  opacity: 0.2,
7736
7750
  fill: "evenodd",
7737
7751
  clipRule: "evenodd",
@@ -9132,6 +9146,7 @@ const SUBSCRIBE = "CREATE_SUBSCRIPTION";
9132
9146
  const HANDLE_PAYPAL_SUBSCRIPTION = "HANDLE_PAYPAL_SUBSCRIPTION";
9133
9147
  const DISABLE_COUPON_BUTTON = "DISABLE_COUPON_BUTTON";
9134
9148
  const APPLY_COUPON_CODE = "APPLY_COUPON_CODE";
9149
+ const REMOVE_APPLIED_COUPON = "REMOVE_APPLIED_COUPON";
9135
9150
  const SET_PERCENT_OFF = "SET_PERCENT_OFF";
9136
9151
  const SET_COUPON = "SET_COUPON";
9137
9152
  const SET_COUPON_ERROR = "SET_COUPON_ERROR";
@@ -9678,16 +9693,16 @@ const LoginPassword = props => /*#__PURE__*/React__default['default'].createElem
9678
9693
  store: store$f
9679
9694
  }, props));
9680
9695
 
9681
- var _path$o;
9696
+ var _path$p;
9682
9697
 
9683
- function _extends$q() { _extends$q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
9698
+ function _extends$r() { _extends$r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
9684
9699
 
9685
9700
  function SvgCheck(props) {
9686
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
9701
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
9687
9702
  xmlns: "http://www.w3.org/2000/svg",
9688
9703
  fill: "currentColor",
9689
9704
  viewBox: "0 0 20 20"
9690
- }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
9705
+ }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
9691
9706
  fillRule: "evenodd",
9692
9707
  d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
9693
9708
  clipRule: "evenodd"
@@ -10000,19 +10015,21 @@ const RegisterContainer = ({
10000
10015
  */
10001
10016
 
10002
10017
  function hasSecurityTokenEnabled$1() {
10003
- const hasSecuritySdkLoaded = Boolean(window.grecaptcha);
10018
+ var _window$Pelcro$site$r2;
10019
+
10020
+ const hasSecuritySdkLoaded = Boolean((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.security_key);
10004
10021
  return hasSecuritySdkLoaded;
10005
10022
  }
10006
10023
 
10007
- var _path$n;
10024
+ var _path$o;
10008
10025
 
10009
- function _extends$p() { _extends$p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
10026
+ function _extends$q() { _extends$q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
10010
10027
 
10011
10028
  function SvgFacebookLogo(props) {
10012
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
10029
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
10013
10030
  xmlns: "http://www.w3.org/2000/svg",
10014
10031
  viewBox: "88.428 12.828 107.543 207.085"
10015
- }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
10032
+ }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
10016
10033
  d: "M158.232 219.912v-94.461h31.707l4.747-36.813h-36.454V65.134c0-10.658 2.96-17.922 18.245-17.922l19.494-.009V14.278c-3.373-.447-14.944-1.449-28.406-1.449-28.106 0-47.348 17.155-47.348 48.661v27.149H88.428v36.813h31.788v94.461l38.016-.001z",
10017
10034
  fill: "#3c5a9a"
10018
10035
  })));
@@ -10085,15 +10102,15 @@ var googleLogin = createCommonjsModule(function (module, exports) {
10085
10102
  unwrapExports(googleLogin);
10086
10103
  var googleLogin_1 = googleLogin.GoogleLogin;
10087
10104
 
10088
- var _path$m, _path2$2, _path3$1, _path4;
10105
+ var _path$n, _path2$2, _path3$1, _path4;
10089
10106
 
10090
- function _extends$o() { _extends$o = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
10107
+ function _extends$p() { _extends$p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
10091
10108
 
10092
10109
  function SvgGoogleLogo(props) {
10093
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
10110
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
10094
10111
  viewBox: "0 0 24 24",
10095
10112
  xmlns: "http://www.w3.org/2000/svg"
10096
- }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
10113
+ }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
10097
10114
  fill: "#4285F4",
10098
10115
  d: "M23.745 12.27c0-.79-.07-1.54-.19-2.27h-11.3v4.51h6.47c-.29 1.48-1.14 2.73-2.4 3.58v3h3.86c2.26-2.09 3.56-5.17 3.56-8.82z"
10099
10116
  })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -10170,15 +10187,15 @@ const GoogleLoginButton = ({
10170
10187
  }) : null;
10171
10188
  };
10172
10189
 
10173
- var _path$l;
10190
+ var _path$m;
10174
10191
 
10175
- function _extends$n() { _extends$n = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
10192
+ function _extends$o() { _extends$o = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
10176
10193
 
10177
10194
  function SvgAuth0Logo(props) {
10178
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
10195
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
10179
10196
  viewBox: "0 0 256 285",
10180
10197
  xmlns: "http://www.w3.org/2000/svg"
10181
- }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
10198
+ }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
10182
10199
  d: "M220.412 0h-92.415l28.562 89.006h92.416l-74.77 53.077 28.57 89.511c48.128-35.06 63.854-88.12 46.208-142.588L220.413 0zM7.018 89.006h92.416L127.997 0H35.589L7.019 89.006c-17.655 54.468-1.92 107.529 46.207 142.588l28.563-89.51-74.77-53.078zm46.208 142.588l74.77 52.97 74.77-52.97-74.77-53.847-74.77 53.847z"
10183
10200
  })));
10184
10201
  }
@@ -10337,15 +10354,15 @@ function LoginView(props) {
10337
10354
  }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null), /*#__PURE__*/React__default['default'].createElement(Auth0LoginButton, null))))));
10338
10355
  }
10339
10356
 
10340
- var _path$k, _path2$1, _path3;
10357
+ var _path$l, _path2$1, _path3;
10341
10358
 
10342
- function _extends$m() { _extends$m = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
10359
+ function _extends$n() { _extends$n = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
10343
10360
 
10344
10361
  function SvgPelcroAuthorship(props) {
10345
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
10362
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
10346
10363
  xmlns: "http://www.w3.org/2000/svg",
10347
10364
  viewBox: "0 -80.652 497.072 179.991"
10348
- }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
10365
+ }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
10349
10366
  fill: "none",
10350
10367
  stroke: "#4a4a4a",
10351
10368
  d: "M487.89 42.299c0 13.158-10.671 23.829-23.829 23.829H37.074c-13.162 0-23.832-10.671-23.832-23.829v-63.552c0-13.158 10.67-23.831 23.832-23.831H464.06c13.158 0 23.829 10.672 23.829 23.831l.001 63.552z"
@@ -11061,42 +11078,80 @@ class SelectModal extends React.Component {
11061
11078
  return `${startingPlan.amount_formatted}/${startingPlan.interval}`;
11062
11079
  });
11063
11080
 
11081
+ _defineProperty$3(this, "renderOneProduct", (product, index, options) => {
11082
+ const isPlanMode = Boolean(this.state.mode === "plan");
11083
+ const productButtonLabel = isPlanMode ? this.locale("buttons.back") : this.locale("buttons.select");
11084
+ const productButtonCallback = isPlanMode ? this.goBack : this.selectProduct;
11085
+ return /*#__PURE__*/React__default['default'].createElement("div", {
11086
+ key: product.id,
11087
+ className: `plc-flex plc-items-start plc-p-2 plc-mt-4 plc-space-x-3 plc-text-gray-900 plc-border-solid plc-rounded plc-border-primary-500 pelcro-select-product-wrapper ${options !== null && options !== void 0 && options.emphasize ? "plc-border-2" : "plc-border"}`
11088
+ }, product.image && /*#__PURE__*/React__default['default'].createElement("img", {
11089
+ alt: `image of ${product.name}`,
11090
+ src: product.image,
11091
+ className: "plc-object-contain plc-w-1/4 pelcro-select-product-image"
11092
+ }), /*#__PURE__*/React__default['default'].createElement("div", {
11093
+ className: `plc-flex plc-flex-wrap ${product.image ? "plc-w-3/4" : "plc-w-full"}`
11094
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
11095
+ className: "plc-w-full pelcro-select-product-header"
11096
+ }, /*#__PURE__*/React__default['default'].createElement("p", {
11097
+ className: "plc-font-bold pelcro-select-product-title"
11098
+ }, product.name), /*#__PURE__*/React__default['default'].createElement("p", {
11099
+ className: "plc-text-xs pelcro-select-product-description"
11100
+ }, product.description)), /*#__PURE__*/React__default['default'].createElement("div", {
11101
+ className: "plc-flex plc-items-end plc-w-full plc-mt-3"
11102
+ }, product.plans && /*#__PURE__*/React__default['default'].createElement("p", {
11103
+ className: "plc-w-1/2 plc-text-xs pelcro-select-product-cost"
11104
+ }, this.locale("labels.startingAt"), " ", this.countStartPrice(product.plans)), /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
11105
+ onClick: productButtonCallback,
11106
+ "data-key": product.id,
11107
+ id: "pelcro-select-product-back-button",
11108
+ className: `plc-ml-auto plc-text-xs ${options !== null && options !== void 0 && options.emphasize ? "plc-bg-primary-700" : ""}`
11109
+ }, index === 0 && {
11110
+ autoFocus: true
11111
+ }), productButtonLabel))));
11112
+ });
11113
+
11064
11114
  _defineProperty$3(this, "renderProducts", () => {
11065
11115
  const userDidSelectProduct = Boolean(this.state.mode === "plan");
11066
11116
  const productsToShow = userDidSelectProduct ? [this.state.product] : this.state.productList;
11067
- const productButtonLabel = userDidSelectProduct ? this.locale("buttons.back") : this.locale("buttons.select");
11068
- const productButtonCallback = userDidSelectProduct ? this.goBack : this.selectProduct;
11069
- return productsToShow.map((product, i) => {
11070
- return /*#__PURE__*/React__default['default'].createElement("div", {
11071
- key: product.id,
11072
- className: "plc-flex plc-items-start plc-p-2 plc-mt-4 plc-space-x-3 plc-text-gray-900 plc-border plc-border-solid plc-rounded plc-border-primary-500 pelcro-select-product-wrapper"
11073
- }, product.image && /*#__PURE__*/React__default['default'].createElement("img", {
11074
- alt: `image of ${product.name}`,
11075
- src: product.image,
11076
- className: "plc-object-contain plc-w-1/4 pelcro-select-product-image"
11077
- }), /*#__PURE__*/React__default['default'].createElement("div", {
11078
- className: `plc-flex plc-flex-wrap ${product.image ? "plc-w-3/4" : "plc-w-full"}`
11079
- }, /*#__PURE__*/React__default['default'].createElement("div", {
11080
- className: "plc-w-full pelcro-select-product-header"
11081
- }, /*#__PURE__*/React__default['default'].createElement("p", {
11082
- className: "plc-font-bold pelcro-select-product-title"
11083
- }, product.name), /*#__PURE__*/React__default['default'].createElement("p", {
11084
- className: "plc-text-xs pelcro-select-product-description"
11085
- }, product.description)), /*#__PURE__*/React__default['default'].createElement("div", {
11086
- className: "plc-flex plc-items-end plc-w-full plc-mt-3"
11087
- }, product.plans && /*#__PURE__*/React__default['default'].createElement("p", {
11088
- className: "plc-w-1/2 plc-text-xs pelcro-select-product-cost"
11089
- }, this.locale("labels.startingAt"), " ", this.countStartPrice(product.plans)), /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
11090
- onClick: productButtonCallback,
11091
- "data-key": product.id,
11092
- id: "pelcro-select-product-back-button",
11093
- className: "plc-ml-auto plc-text-xs"
11094
- }, i === 0 && {
11095
- autoFocus: true
11096
- }), productButtonLabel))));
11117
+ return productsToShow.map((product, index) => {
11118
+ return this.renderOneProduct(product, index);
11097
11119
  });
11098
11120
  });
11099
11121
 
11122
+ _defineProperty$3(this, "renderMatchingProductsFirst", () => {
11123
+ const isPlanMode = Boolean(this.state.mode === "plan");
11124
+
11125
+ if (isPlanMode) {
11126
+ return this.renderOneProduct(this.state.product);
11127
+ }
11128
+
11129
+ const [productsThatMatchArticleTag, allProductsMinusMatched] = productsWithMatchedTaggedFirst(); // Render normal products if there are no available matching products
11130
+
11131
+ if (!(productsThatMatchArticleTag !== null && productsThatMatchArticleTag !== void 0 && productsThatMatchArticleTag.length)) {
11132
+ return this.renderProducts();
11133
+ }
11134
+
11135
+ return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("h3", {
11136
+ className: "plc-text-sm plc-font-semibold"
11137
+ }, this.locale("labels.restrictiveArticles.subscribeTo")), productsThatMatchArticleTag.map((product, index) => this.renderOneProduct(product, index, {
11138
+ emphasize: true
11139
+ })), (allProductsMinusMatched === null || allProductsMinusMatched === void 0 ? void 0 : allProductsMinusMatched.length) > 0 && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("hr", {
11140
+ className: "plc-my-4"
11141
+ }), /*#__PURE__*/React__default['default'].createElement("h3", {
11142
+ className: "plc-text-sm plc-font-semibold"
11143
+ }, this.locale("labels.restrictiveArticles.or")), allProductsMinusMatched.map((product, index) => this.renderOneProduct(product, index))));
11144
+
11145
+ function productsWithMatchedTaggedFirst() {
11146
+ var _window$Pelcro$produc;
11147
+
11148
+ const allProducts = (_window$Pelcro$produc = window.Pelcro.product.list()) !== null && _window$Pelcro$produc !== void 0 ? _window$Pelcro$produc : [];
11149
+ const productsThatMatchArticleTag = window.Pelcro.product.getByMatchingPageTags();
11150
+ const allProductsMinusMatched = allProducts.filter(product => productsThatMatchArticleTag.find(matchedProduct => matchedProduct.id !== product.id));
11151
+ return [productsThatMatchArticleTag, allProductsMinusMatched];
11152
+ }
11153
+ });
11154
+
11100
11155
  _defineProperty$3(this, "renderPlans", () => {
11101
11156
  return this.state.planList.map(plan => {
11102
11157
  const isChecked = this.state.plan.id === plan.id ? true : false;
@@ -11223,7 +11278,7 @@ class SelectModal extends React.Component {
11223
11278
  }
11224
11279
 
11225
11280
  render() {
11226
- var _window$Pelcro$produc, _window$Pelcro$produc2;
11281
+ var _window$Pelcro$produc2, _window$Pelcro$produc3, _window$Pelcro$site$r;
11227
11282
 
11228
11283
  const {
11229
11284
  disableGifting
@@ -11257,9 +11312,9 @@ class SelectModal extends React.Component {
11257
11312
  className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
11258
11313
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
11259
11314
  className: "plc-text-2xl plc-font-semibold"
11260
- }, this.product && this.product.paywall.select_title || ((_window$Pelcro$produc = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc === void 0 ? void 0 : _window$Pelcro$produc.paywall.select_title)), /*#__PURE__*/React__default['default'].createElement("p", null, this.product && this.product.paywall.select_subtitle || ((_window$Pelcro$produc2 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc2 === void 0 ? void 0 : _window$Pelcro$produc2.paywall.select_subtitle))), /*#__PURE__*/React__default['default'].createElement("div", {
11315
+ }, this.product && this.product.paywall.select_title || ((_window$Pelcro$produc2 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc2 === void 0 ? void 0 : _window$Pelcro$produc2.paywall.select_title)), /*#__PURE__*/React__default['default'].createElement("p", null, this.product && this.product.paywall.select_subtitle || ((_window$Pelcro$produc3 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc3 === void 0 ? void 0 : _window$Pelcro$produc3.paywall.select_subtitle))), /*#__PURE__*/React__default['default'].createElement("div", {
11261
11316
  className: "pelcro-select-products-wrapper"
11262
- }, this.renderProducts()), this.state.mode === "plan" && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
11317
+ }, (_window$Pelcro$site$r = window.Pelcro.site.read()) !== null && _window$Pelcro$site$r !== void 0 && _window$Pelcro$site$r.restrictive_paywall_metatags_enabled ? this.renderMatchingProductsFirst() : this.renderProducts()), this.state.mode === "plan" && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
11263
11318
  className: "plc-overflow-y-scroll plc-max-h-72 pelcro-select-plans-wrapper"
11264
11319
  }, this.renderPlans()), !disableGifting && /*#__PURE__*/React__default['default'].createElement("div", {
11265
11320
  className: "plc-flex plc-justify-center plc-mt-2"
@@ -12965,10 +13020,6 @@ const PaymentMethodContainerWithoutStripe = ({
12965
13020
  });
12966
13021
 
12967
13022
  if (err) {
12968
- dispatch({
12969
- type: SET_PERCENT_OFF,
12970
- payload: ""
12971
- });
12972
13023
  onFailure(err);
12973
13024
  return dispatch({
12974
13025
  type: SET_COUPON_ERROR,
@@ -13063,6 +13114,54 @@ const PaymentMethodContainerWithoutStripe = ({
13063
13114
 
13064
13115
  const debouncedApplyCouponCode = React.useRef(debounce(onApplyCouponCode, 1000)).current;
13065
13116
 
13117
+ const removeAppliedCoupon = state => {
13118
+ state.couponCode = "";
13119
+ dispatch({
13120
+ type: SET_COUPON_ERROR,
13121
+ payload: ""
13122
+ });
13123
+ dispatch({
13124
+ type: SHOW_COUPON_FIELD,
13125
+ payload: false
13126
+ });
13127
+ dispatch({
13128
+ type: SET_COUPON,
13129
+ payload: null
13130
+ });
13131
+ dispatch({
13132
+ type: SET_PERCENT_OFF,
13133
+ payload: ""
13134
+ });
13135
+ dispatch({
13136
+ type: SET_UPDATED_PRICE,
13137
+ payload: null
13138
+ });
13139
+ dispatch({
13140
+ type: SET_TAX_AMOUNT,
13141
+ payload: null
13142
+ });
13143
+ const {
13144
+ currentPlan
13145
+ } = state;
13146
+
13147
+ if (currentPlan) {
13148
+ var _currentPlan$quantity;
13149
+
13150
+ const quantity = (_currentPlan$quantity = currentPlan.quantity) !== null && _currentPlan$quantity !== void 0 ? _currentPlan$quantity : 1;
13151
+ const price = currentPlan.amount;
13152
+ dispatch({
13153
+ type: SET_UPDATED_PRICE,
13154
+ // set original plan price
13155
+ payload: price * quantity
13156
+ });
13157
+ dispatch({
13158
+ type: UPDATE_PAYMENT_REQUEST
13159
+ }); // update the new amount with taxes if site has taxes enabled
13160
+
13161
+ updateTotalAmountWithTax();
13162
+ }
13163
+ };
13164
+
13066
13165
  const subscribe = (stripeSource, state, dispatch) => {
13067
13166
  const {
13068
13167
  couponCode
@@ -13680,6 +13779,9 @@ const PaymentMethodContainerWithoutStripe = ({
13680
13779
  disableCouponButton: true
13681
13780
  }, (state, dispatch) => onApplyCouponCode(state, dispatch));
13682
13781
 
13782
+ case REMOVE_APPLIED_COUPON:
13783
+ return lib_5(state, () => removeAppliedCoupon(state));
13784
+
13683
13785
  case SET_COUPON:
13684
13786
  return lib_7({ ...state,
13685
13787
  couponObject: action.payload
@@ -13848,6 +13950,10 @@ const DiscountedPrice = props => {
13848
13950
  var _order$currency, _order$, _plan$quantity;
13849
13951
 
13850
13952
  const {
13953
+ t
13954
+ } = useTranslation("checkoutForm");
13955
+ const {
13956
+ dispatch,
13851
13957
  state: {
13852
13958
  updatedPrice,
13853
13959
  taxAmount,
@@ -13863,12 +13969,22 @@ const DiscountedPrice = props => {
13863
13969
  const discountedPriceWithoutTax = updatedPrice - taxAmount;
13864
13970
  const priceFormatted = getFormattedPriceByLocal(order ? updatedPrice : discountedPriceWithoutTax * planQuantity, ecommOrderCurrency !== null && ecommOrderCurrency !== void 0 ? ecommOrderCurrency : plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
13865
13971
 
13972
+ const onCouponRemove = () => {
13973
+ dispatch({
13974
+ type: REMOVE_APPLIED_COUPON
13975
+ });
13976
+ };
13977
+
13866
13978
  if (percentOff) {
13867
13979
  return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
13868
- className: "plc-flex plc-justify-center plc-mt-2 pelcro-discount"
13869
- }, props), "(-", percentOff, ")", " ", /*#__PURE__*/React__default['default'].createElement("span", {
13870
- className: "plc-font-bold pelcro-discounted-price"
13871
- }, priceFormatted));
13980
+ className: "plc-flex plc-items-center plc-justify-center plc-mt-2 pelcro-discount"
13981
+ }, props), "(-", percentOff, ")", /*#__PURE__*/React__default['default'].createElement("span", {
13982
+ className: "plc-ml-1 plc-font-bold pelcro-discounted-price"
13983
+ }, priceFormatted), /*#__PURE__*/React__default['default'].createElement(Button, {
13984
+ variant: "ghost",
13985
+ className: "plc-ml-2 plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
13986
+ onClick: onCouponRemove
13987
+ }, "\u2715 ", t("labels.removeCoupon")));
13872
13988
  }
13873
13989
 
13874
13990
  return "";
@@ -13914,17 +14030,17 @@ const SubmitPaymentMethod = ({
13914
14030
  }, t("labels.pay"), " ", priceFormatted && priceFormatted) : t("labels.submit"));
13915
14031
  };
13916
14032
 
13917
- var _path$j;
14033
+ var _path$k;
13918
14034
 
13919
- function _extends$l() { _extends$l = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
14035
+ function _extends$m() { _extends$m = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
13920
14036
 
13921
14037
  function SvgArrowLeft(props) {
13922
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
14038
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
13923
14039
  xmlns: "http://www.w3.org/2000/svg",
13924
14040
  fill: "none",
13925
14041
  viewBox: "0 0 24 24",
13926
14042
  stroke: "currentColor"
13927
- }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
14043
+ }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
13928
14044
  strokeLinecap: "round",
13929
14045
  strokeLinejoin: "round",
13930
14046
  strokeWidth: 2,
@@ -14006,17 +14122,17 @@ const CouponCodeField = props => {
14006
14122
  }, props));
14007
14123
  };
14008
14124
 
14009
- var _path$i;
14125
+ var _path$j;
14010
14126
 
14011
- function _extends$k() { _extends$k = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
14127
+ function _extends$l() { _extends$l = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
14012
14128
 
14013
14129
  function SvgTicket(props) {
14014
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
14130
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
14015
14131
  xmlns: "http://www.w3.org/2000/svg",
14016
14132
  fill: "none",
14017
14133
  viewBox: "0 0 24 24",
14018
14134
  stroke: "currentColor"
14019
- }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
14135
+ }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
14020
14136
  strokeLinecap: "round",
14021
14137
  strokeLinejoin: "round",
14022
14138
  strokeWidth: 2,
@@ -14375,16 +14491,16 @@ const BankRedirection = () => {
14375
14491
  }));
14376
14492
  };
14377
14493
 
14378
- var _path$h;
14494
+ var _path$i;
14379
14495
 
14380
- function _extends$j() { _extends$j = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
14496
+ function _extends$k() { _extends$k = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
14381
14497
 
14382
14498
  function SvgLock(props) {
14383
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
14499
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
14384
14500
  xmlns: "http://www.w3.org/2000/svg",
14385
14501
  viewBox: "0 0 20 20",
14386
14502
  fill: "currentColor"
14387
- }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
14503
+ }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
14388
14504
  fillRule: "evenodd",
14389
14505
  d: "M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z",
14390
14506
  clipRule: "evenodd"
@@ -14606,12 +14722,12 @@ function SubscriptionRenewModal({
14606
14722
  }
14607
14723
  SubscriptionRenewModal.viewId = "subscription-renew";
14608
14724
 
14609
- var _path$g;
14725
+ var _path$h;
14610
14726
 
14611
- function _extends$i() { _extends$i = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
14727
+ function _extends$j() { _extends$j = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
14612
14728
 
14613
14729
  function SvgGift(props) {
14614
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
14730
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
14615
14731
  className: "plc-w-6 plc-h-6 plc-mr-2",
14616
14732
  fill: "none",
14617
14733
  stroke: "currentColor",
@@ -14620,7 +14736,7 @@ function SvgGift(props) {
14620
14736
  strokeWidth: 2,
14621
14737
  viewBox: "0 0 24 24",
14622
14738
  xmlns: "http://www.w3.org/2000/svg"
14623
- }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
14739
+ }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
14624
14740
  d: "M20 12v10H4V12M2 7h20v5H2zM12 22V7M12 7H7.5a2.5 2.5 0 010-5C11 2 12 7 12 7zM12 7h4.5a2.5 2.5 0 000-5C13 2 12 7 12 7z"
14625
14741
  })));
14626
14742
  }
@@ -15619,17 +15735,17 @@ const UserUpdatePhone = props => /*#__PURE__*/React__default['default'].createEl
15619
15735
 
15620
15736
  var userSolidIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22plc-h-5%20plc-w-5%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22white%22%3E%20%20%3Cpath%20transform%3D%22translate%280%2C2%29%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10%209a3%203%200%20100-6%203%203%200%20000%206zm-7%209a7%207%200%201114%200H3z%22%20clip-rule%3D%22evenodd%22%20%2F%3E%3C%2Fsvg%3E";
15621
15737
 
15622
- var _path$f;
15738
+ var _path$g;
15623
15739
 
15624
- function _extends$h() { _extends$h = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
15740
+ function _extends$i() { _extends$i = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
15625
15741
 
15626
15742
  function SvgEdit(props) {
15627
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
15743
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
15628
15744
  className: "plc-w-6 plc-h-6",
15629
15745
  xmlns: "http://www.w3.org/2000/svg",
15630
15746
  viewBox: "0 0 20 20",
15631
15747
  fill: "currentColor"
15632
- }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
15748
+ }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
15633
15749
  d: "M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zm-2.207 2.207L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"
15634
15750
  })));
15635
15751
  }
@@ -18739,18 +18855,18 @@ const GiftCreateLastName = props => /*#__PURE__*/React__default['default'].creat
18739
18855
  store: store$4
18740
18856
  }, props));
18741
18857
 
18742
- var _path$e;
18858
+ var _path$f;
18743
18859
 
18744
- function _extends$g() { _extends$g = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
18860
+ function _extends$h() { _extends$h = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
18745
18861
 
18746
18862
  function SvgInfoCircle(props) {
18747
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
18863
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
18748
18864
  xmlns: "http://www.w3.org/2000/svg",
18749
18865
  className: "plc-w-5 plc-h-5",
18750
18866
  fill: "none",
18751
18867
  viewBox: "0 0 24 24",
18752
18868
  stroke: "currentColor"
18753
- }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
18869
+ }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
18754
18870
  strokeLinecap: "round",
18755
18871
  strokeLinejoin: "round",
18756
18872
  strokeWidth: 2,
@@ -18908,7 +19024,7 @@ function GiftCreateMessage(props) {
18908
19024
  return /*#__PURE__*/React__default['default'].createElement(TextArea, Object.assign({
18909
19025
  onChange: e => handleInputChange(e.target.value),
18910
19026
  value: state.giftMessage,
18911
- maxLength: "500",
19027
+ maxLength: "200",
18912
19028
  rows: 3,
18913
19029
  tooltipText: t("gift.messages.giftMessageInfo")
18914
19030
  }, props));
@@ -19737,8 +19853,8 @@ const PaymentMethodSelectModal = ({
19737
19853
  };
19738
19854
  PaymentMethodSelectModal.viewId = "payment-method-select";
19739
19855
 
19740
- function _extends$f() {
19741
- _extends$f = Object.assign || function (target) {
19856
+ function _extends$g() {
19857
+ _extends$g = Object.assign || function (target) {
19742
19858
  for (var i = 1; i < arguments.length; i++) {
19743
19859
  var source = arguments[i];
19744
19860
 
@@ -19752,7 +19868,7 @@ function _extends$f() {
19752
19868
  return target;
19753
19869
  };
19754
19870
 
19755
- return _extends$f.apply(this, arguments);
19871
+ return _extends$g.apply(this, arguments);
19756
19872
  }
19757
19873
 
19758
19874
  function _objectWithoutPropertiesLoose(source, excluded) {
@@ -19936,7 +20052,7 @@ function render(props, propsBag, defaultTag, features, visible) {
19936
20052
  return match(strategy, (_match = {}, _match[RenderStrategy.Unmount] = function () {
19937
20053
  return null;
19938
20054
  }, _match[RenderStrategy.Hidden] = function () {
19939
- return _render(_extends$f({}, _rest, {
20055
+ return _render(_extends$g({}, _rest, {
19940
20056
  hidden: true,
19941
20057
  style: {
19942
20058
  display: 'none'
@@ -20464,7 +20580,7 @@ function TransitionChild(props) {
20464
20580
  var passthroughProps = rest;
20465
20581
  return React__default['default'].createElement(NestingContext.Provider, {
20466
20582
  value: nesting
20467
- }, render(_extends$f({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
20583
+ }, render(_extends$g({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
20468
20584
  }
20469
20585
 
20470
20586
  function Transition(props) {
@@ -20508,7 +20624,7 @@ function Transition(props) {
20508
20624
  value: nestingBag
20509
20625
  }, React__default['default'].createElement(TransitionContext.Provider, {
20510
20626
  value: transitionBag
20511
- }, render(_extends$f({}, sharedProps, {
20627
+ }, render(_extends$g({}, sharedProps, {
20512
20628
  as: React.Fragment,
20513
20629
  children: React__default['default'].createElement(TransitionChild, Object.assign({}, sharedProps, passthroughProps))
20514
20630
  }), propsBag, React.Fragment, TransitionChildRenderFeatures, state === TreeStates.Visible)));
@@ -20635,12 +20751,12 @@ var ActionTypes;
20635
20751
  })(ActionTypes || (ActionTypes = {}));
20636
20752
 
20637
20753
  (_reducers = {}, _reducers[ActionTypes.CloseMenu] = function (state) {
20638
- return _extends$f({}, state, {
20754
+ return _extends$g({}, state, {
20639
20755
  activeItemIndex: null,
20640
20756
  menuState: MenuStates.Closed
20641
20757
  });
20642
20758
  }, _reducers[ActionTypes.OpenMenu] = function (state) {
20643
- return _extends$f({}, state, {
20759
+ return _extends$g({}, state, {
20644
20760
  menuState: MenuStates.Open
20645
20761
  });
20646
20762
  }, _reducers[ActionTypes.GoToItem] = function (state, action) {
@@ -20659,7 +20775,7 @@ var ActionTypes;
20659
20775
  }
20660
20776
  });
20661
20777
  if (state.searchQuery === '' && state.activeItemIndex === activeItemIndex) return state;
20662
- return _extends$f({}, state, {
20778
+ return _extends$g({}, state, {
20663
20779
  searchQuery: '',
20664
20780
  activeItemIndex: activeItemIndex
20665
20781
  });
@@ -20670,19 +20786,19 @@ var ActionTypes;
20670
20786
 
20671
20787
  return ((_item$dataRef$current = item.dataRef.current.textValue) == null ? void 0 : _item$dataRef$current.startsWith(searchQuery)) && !item.dataRef.current.disabled;
20672
20788
  });
20673
- if (match === -1 || match === state.activeItemIndex) return _extends$f({}, state, {
20789
+ if (match === -1 || match === state.activeItemIndex) return _extends$g({}, state, {
20674
20790
  searchQuery: searchQuery
20675
20791
  });
20676
- return _extends$f({}, state, {
20792
+ return _extends$g({}, state, {
20677
20793
  searchQuery: searchQuery,
20678
20794
  activeItemIndex: match
20679
20795
  });
20680
20796
  }, _reducers[ActionTypes.ClearSearch] = function (state) {
20681
- return _extends$f({}, state, {
20797
+ return _extends$g({}, state, {
20682
20798
  searchQuery: ''
20683
20799
  });
20684
20800
  }, _reducers[ActionTypes.RegisterItem] = function (state, action) {
20685
- return _extends$f({}, state, {
20801
+ return _extends$g({}, state, {
20686
20802
  items: [].concat(state.items, [{
20687
20803
  id: action.id,
20688
20804
  dataRef: action.dataRef
@@ -20695,7 +20811,7 @@ var ActionTypes;
20695
20811
  return a.id === action.id;
20696
20812
  });
20697
20813
  if (idx !== -1) nextItems.splice(idx, 1);
20698
- return _extends$f({}, state, {
20814
+ return _extends$g({}, state, {
20699
20815
  items: nextItems,
20700
20816
  activeItemIndex: function () {
20701
20817
  if (idx === state.activeItemIndex) return null;
@@ -20734,19 +20850,19 @@ var ActionTypes$1;
20734
20850
  (_reducers$1 = {}, _reducers$1[ActionTypes$1.CloseListbox] = function (state) {
20735
20851
  if (state.disabled) return state;
20736
20852
  if (state.listboxState === ListboxStates.Closed) return state;
20737
- return _extends$f({}, state, {
20853
+ return _extends$g({}, state, {
20738
20854
  activeOptionIndex: null,
20739
20855
  listboxState: ListboxStates.Closed
20740
20856
  });
20741
20857
  }, _reducers$1[ActionTypes$1.OpenListbox] = function (state) {
20742
20858
  if (state.disabled) return state;
20743
20859
  if (state.listboxState === ListboxStates.Open) return state;
20744
- return _extends$f({}, state, {
20860
+ return _extends$g({}, state, {
20745
20861
  listboxState: ListboxStates.Open
20746
20862
  });
20747
20863
  }, _reducers$1[ActionTypes$1.SetDisabled] = function (state, action) {
20748
20864
  if (state.disabled === action.disabled) return state;
20749
- return _extends$f({}, state, {
20865
+ return _extends$g({}, state, {
20750
20866
  disabled: action.disabled
20751
20867
  });
20752
20868
  }, _reducers$1[ActionTypes$1.GoToOption] = function (state, action) {
@@ -20767,7 +20883,7 @@ var ActionTypes$1;
20767
20883
  }
20768
20884
  });
20769
20885
  if (state.searchQuery === '' && state.activeOptionIndex === activeOptionIndex) return state;
20770
- return _extends$f({}, state, {
20886
+ return _extends$g({}, state, {
20771
20887
  searchQuery: '',
20772
20888
  activeOptionIndex: activeOptionIndex
20773
20889
  });
@@ -20780,10 +20896,10 @@ var ActionTypes$1;
20780
20896
 
20781
20897
  return !option.dataRef.current.disabled && ((_option$dataRef$curre = option.dataRef.current.textValue) == null ? void 0 : _option$dataRef$curre.startsWith(searchQuery));
20782
20898
  });
20783
- if (match === -1 || match === state.activeOptionIndex) return _extends$f({}, state, {
20899
+ if (match === -1 || match === state.activeOptionIndex) return _extends$g({}, state, {
20784
20900
  searchQuery: searchQuery
20785
20901
  });
20786
- return _extends$f({}, state, {
20902
+ return _extends$g({}, state, {
20787
20903
  searchQuery: searchQuery,
20788
20904
  activeOptionIndex: match
20789
20905
  });
@@ -20791,11 +20907,11 @@ var ActionTypes$1;
20791
20907
  if (state.disabled) return state;
20792
20908
  if (state.listboxState === ListboxStates.Closed) return state;
20793
20909
  if (state.searchQuery === '') return state;
20794
- return _extends$f({}, state, {
20910
+ return _extends$g({}, state, {
20795
20911
  searchQuery: ''
20796
20912
  });
20797
20913
  }, _reducers$1[ActionTypes$1.RegisterOption] = function (state, action) {
20798
- return _extends$f({}, state, {
20914
+ return _extends$g({}, state, {
20799
20915
  options: [].concat(state.options, [{
20800
20916
  id: action.id,
20801
20917
  dataRef: action.dataRef
@@ -20808,7 +20924,7 @@ var ActionTypes$1;
20808
20924
  return a.id === action.id;
20809
20925
  });
20810
20926
  if (idx !== -1) nextOptions.splice(idx, 1);
20811
- return _extends$f({}, state, {
20927
+ return _extends$g({}, state, {
20812
20928
  options: nextOptions,
20813
20929
  activeOptionIndex: function () {
20814
20930
  if (idx === state.activeOptionIndex) return null;
@@ -20869,18 +20985,18 @@ const getPaymentCardIcon = name => {
20869
20985
  }));
20870
20986
  };
20871
20987
 
20872
- var _path$d;
20988
+ var _path$e;
20873
20989
 
20874
- function _extends$e() { _extends$e = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
20990
+ function _extends$f() { _extends$f = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
20875
20991
 
20876
20992
  function SvgChevronRight(props) {
20877
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
20993
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
20878
20994
  className: "plc-w-6 plc-h-6",
20879
20995
  xmlns: "http://www.w3.org/2000/svg",
20880
20996
  fill: "none",
20881
20997
  viewBox: "0 0 24 24",
20882
20998
  stroke: "currentColor"
20883
- }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
20999
+ }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
20884
21000
  strokeLinecap: "round",
20885
21001
  strokeLinejoin: "round",
20886
21002
  strokeWidth: 2,
@@ -21096,18 +21212,18 @@ const SavedItems = ({
21096
21212
  });
21097
21213
  };
21098
21214
 
21099
- var _path$c;
21215
+ var _path$d;
21100
21216
 
21101
- function _extends$d() { _extends$d = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
21217
+ function _extends$e() { _extends$e = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
21102
21218
 
21103
21219
  function SvgRefresh(props) {
21104
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
21220
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
21105
21221
  className: "plc-w-4 plc-h-4 plc-mr-1",
21106
21222
  xmlns: "http://www.w3.org/2000/svg",
21107
21223
  fill: "none",
21108
21224
  viewBox: "0 0 24 24",
21109
21225
  stroke: "currentColor"
21110
- }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
21226
+ }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
21111
21227
  strokeLinecap: "round",
21112
21228
  strokeLinejoin: "round",
21113
21229
  strokeWidth: 2,
@@ -21115,35 +21231,35 @@ function SvgRefresh(props) {
21115
21231
  })));
21116
21232
  }
21117
21233
 
21118
- var _path$b;
21234
+ var _path$c;
21119
21235
 
21120
- function _extends$c() { _extends$c = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
21236
+ function _extends$d() { _extends$d = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
21121
21237
 
21122
21238
  function SvgCalendar(props) {
21123
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
21239
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
21124
21240
  xmlns: "http://www.w3.org/2000/svg",
21125
21241
  className: "plc-h-4 plc-w-4 plc-mr-1",
21126
21242
  viewBox: "0 0 20 20",
21127
21243
  fill: "currentColor"
21128
- }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
21244
+ }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
21129
21245
  fillRule: "evenodd",
21130
21246
  d: "M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z",
21131
21247
  clipRule: "evenodd"
21132
21248
  })));
21133
21249
  }
21134
21250
 
21135
- var _path$a;
21251
+ var _path$b;
21136
21252
 
21137
- function _extends$b() { _extends$b = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
21253
+ function _extends$c() { _extends$c = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
21138
21254
 
21139
21255
  function SvgPlus(props) {
21140
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
21256
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
21141
21257
  className: "plc-w-5 plc-h-5",
21142
21258
  xmlns: "http://www.w3.org/2000/svg",
21143
21259
  fill: "none",
21144
21260
  viewBox: "0 0 24 24",
21145
21261
  stroke: "currentColor"
21146
- }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
21262
+ }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
21147
21263
  strokeLinecap: "round",
21148
21264
  strokeLinejoin: "round",
21149
21265
  strokeWidth: 2,
@@ -21151,17 +21267,17 @@ function SvgPlus(props) {
21151
21267
  })));
21152
21268
  }
21153
21269
 
21154
- var _path$9;
21270
+ var _path$a;
21155
21271
 
21156
- function _extends$a() { _extends$a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
21272
+ function _extends$b() { _extends$b = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
21157
21273
 
21158
21274
  function SvgCheckMark(props) {
21159
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
21275
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
21160
21276
  className: "plc-w-4 plc-h-4 plc-mr-1",
21161
21277
  xmlns: "http://www.w3.org/2000/svg",
21162
21278
  viewBox: "0 0 20 20",
21163
21279
  fill: "currentColor"
21164
- }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
21280
+ }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
21165
21281
  fillRule: "evenodd",
21166
21282
  d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
21167
21283
  clipRule: "evenodd"
@@ -21223,9 +21339,9 @@ const SubscriptionsItems = ({
21223
21339
  const {
21224
21340
  t
21225
21341
  } = useTranslation("dashboard");
21226
- const subs = window.Pelcro.subscription.list();
21227
- if (!subs || subs.length === 0) return null;
21228
- return window.Pelcro.subscription.list().sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
21342
+ const subs = getNonDonationSubs();
21343
+ if (subs.length === 0) return null;
21344
+ return subs.sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
21229
21345
  const isActive = activeMenu === sub.id; // Cancel button click handlers
21230
21346
 
21231
21347
  const onCancelClick = () => {
@@ -21356,6 +21472,12 @@ const SubscriptionsItems = ({
21356
21472
  });
21357
21473
  };
21358
21474
 
21475
+ function getNonDonationSubs() {
21476
+ var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3;
21477
+
21478
+ return (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : (_window$Pelcro$subscr3 = _window$Pelcro$subscr2.list()) === null || _window$Pelcro$subscr3 === void 0 ? void 0 : _window$Pelcro$subscr3.filter(sub => !sub.plan.is_donation)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
21479
+ }
21480
+
21359
21481
  /**
21360
21482
  * @typedef {Object} AccordionPropsType
21361
21483
  * @property {string} initialActiveMenu the initial active menu
@@ -21438,18 +21560,18 @@ Accordion.item = function AccordionItem({
21438
21560
  }, content)) : null;
21439
21561
  };
21440
21562
 
21441
- var _path$8;
21563
+ var _path$9;
21442
21564
 
21443
- function _extends$9() { _extends$9 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
21565
+ function _extends$a() { _extends$a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
21444
21566
 
21445
21567
  function SvgExit(props) {
21446
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
21568
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
21447
21569
  className: "plc-w-6 plc-h-6",
21448
21570
  xmlns: "http://www.w3.org/2000/svg",
21449
21571
  fill: "none",
21450
21572
  viewBox: "0 0 24 24",
21451
21573
  stroke: "currentColor"
21452
- }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
21574
+ }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
21453
21575
  strokeLinecap: "round",
21454
21576
  strokeLinejoin: "round",
21455
21577
  strokeWidth: 2,
@@ -21457,17 +21579,17 @@ function SvgExit(props) {
21457
21579
  })));
21458
21580
  }
21459
21581
 
21460
- var _path$7;
21582
+ var _path$8;
21461
21583
 
21462
- function _extends$8() { _extends$8 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
21584
+ function _extends$9() { _extends$9 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
21463
21585
 
21464
21586
  function SvgUser(props) {
21465
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
21587
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
21466
21588
  xmlns: "http://www.w3.org/2000/svg",
21467
21589
  fill: "none",
21468
21590
  viewBox: "0 0 24 24",
21469
21591
  stroke: "currentColor"
21470
- }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
21592
+ }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
21471
21593
  strokeLinecap: "round",
21472
21594
  strokeLinejoin: "round",
21473
21595
  strokeWidth: 2,
@@ -21475,18 +21597,18 @@ function SvgUser(props) {
21475
21597
  })));
21476
21598
  }
21477
21599
 
21478
- var _path$6;
21600
+ var _path$7;
21479
21601
 
21480
- function _extends$7() { _extends$7 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
21602
+ function _extends$8() { _extends$8 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
21481
21603
 
21482
21604
  function SvgNewsletter(props) {
21483
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
21605
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
21484
21606
  xmlns: "http://www.w3.org/2000/svg",
21485
21607
  className: "plc-h-5 plc-w-5",
21486
21608
  fill: "none",
21487
21609
  viewBox: "0 0 24 24",
21488
21610
  stroke: "currentColor"
21489
- }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
21611
+ }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
21490
21612
  strokeLinecap: "round",
21491
21613
  strokeLinejoin: "round",
21492
21614
  strokeWidth: 2,
@@ -21494,18 +21616,18 @@ function SvgNewsletter(props) {
21494
21616
  })));
21495
21617
  }
21496
21618
 
21497
- var _path$5;
21619
+ var _path$6;
21498
21620
 
21499
- function _extends$6() { _extends$6 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
21621
+ function _extends$7() { _extends$7 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
21500
21622
 
21501
21623
  function SvgPaymentCard(props) {
21502
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
21624
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
21503
21625
  className: "plc-w-6 plc-h-6 plc-mr-2",
21504
21626
  xmlns: "http://www.w3.org/2000/svg",
21505
21627
  fill: "none",
21506
21628
  viewBox: "0 0 24 24",
21507
21629
  stroke: "currentColor"
21508
- }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
21630
+ }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
21509
21631
  strokeLinecap: "round",
21510
21632
  strokeLinejoin: "round",
21511
21633
  strokeWidth: 2,
@@ -21513,18 +21635,18 @@ function SvgPaymentCard(props) {
21513
21635
  })));
21514
21636
  }
21515
21637
 
21516
- var _path$4, _path2;
21638
+ var _path$5, _path2;
21517
21639
 
21518
- function _extends$5() { _extends$5 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
21640
+ function _extends$6() { _extends$6 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
21519
21641
 
21520
21642
  function SvgLocationPin(props) {
21521
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
21643
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
21522
21644
  className: "plc-w-6 plc-h-6 plc-mr-2",
21523
21645
  xmlns: "http://www.w3.org/2000/svg",
21524
21646
  fill: "none",
21525
21647
  viewBox: "0 0 24 24",
21526
21648
  stroke: "currentColor"
21527
- }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
21649
+ }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
21528
21650
  strokeLinecap: "round",
21529
21651
  strokeLinejoin: "round",
21530
21652
  strokeWidth: 2,
@@ -21539,10 +21661,10 @@ function SvgLocationPin(props) {
21539
21661
 
21540
21662
  var _switch;
21541
21663
 
21542
- function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
21664
+ function _extends$5() { _extends$5 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
21543
21665
 
21544
21666
  function SvgSubscription(props) {
21545
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
21667
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
21546
21668
  xmlns: "http://www.w3.org/2000/svg",
21547
21669
  viewBox: "0 0 100 125",
21548
21670
  fill: "currentColor"
@@ -21557,18 +21679,18 @@ function SvgSubscription(props) {
21557
21679
  }))))));
21558
21680
  }
21559
21681
 
21560
- var _path$3;
21682
+ var _path$4;
21561
21683
 
21562
- function _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
21684
+ function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
21563
21685
 
21564
21686
  function SvgShopping(props) {
21565
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
21687
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
21566
21688
  className: "plc-w-6 plc-h-6 plc-mr-2",
21567
21689
  xmlns: "http://www.w3.org/2000/svg",
21568
21690
  fill: "none",
21569
21691
  viewBox: "0 0 24 24",
21570
21692
  stroke: "currentColor"
21571
- }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
21693
+ }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
21572
21694
  strokeLinecap: "round",
21573
21695
  strokeLinejoin: "round",
21574
21696
  strokeWidth: 2,
@@ -21576,18 +21698,18 @@ function SvgShopping(props) {
21576
21698
  })));
21577
21699
  }
21578
21700
 
21579
- var _path$2;
21701
+ var _path$3;
21580
21702
 
21581
- function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
21703
+ function _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
21582
21704
 
21583
21705
  function SvgBookmark(props) {
21584
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
21706
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
21585
21707
  className: "plc-w-6 plc-h-6 plc-mr-2",
21586
21708
  xmlns: "http://www.w3.org/2000/svg",
21587
21709
  fill: "none",
21588
21710
  viewBox: "0 0 24 24",
21589
21711
  stroke: "currentColor"
21590
- }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
21712
+ }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
21591
21713
  strokeLinecap: "round",
21592
21714
  strokeLinejoin: "round",
21593
21715
  strokeWidth: 2,
@@ -21595,25 +21717,83 @@ function SvgBookmark(props) {
21595
21717
  })));
21596
21718
  }
21597
21719
 
21598
- var _path$1;
21720
+ var _path$2;
21599
21721
 
21600
- function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
21722
+ function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
21601
21723
 
21602
21724
  function SvgKey(props) {
21603
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
21725
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
21604
21726
  xmlns: "http://www.w3.org/2000/svg",
21605
21727
  viewBox: "0 0 20 20",
21606
21728
  fill: "currentColor"
21607
- }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
21729
+ }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
21608
21730
  fillRule: "evenodd",
21609
21731
  d: "M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z",
21610
21732
  clipRule: "evenodd"
21611
21733
  })));
21612
21734
  }
21613
21735
 
21736
+ var _path$1;
21737
+
21738
+ function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
21739
+
21740
+ function SvgDonate(props) {
21741
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
21742
+ width: 24,
21743
+ height: 24,
21744
+ fill: "currentColor",
21745
+ xmlns: "http://www.w3.org/2000/svg"
21746
+ }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
21747
+ d: "M4 21h9.62a3.995 3.995 0 003.037-1.397l5.102-5.952a1 1 0 00-.442-1.6l-1.968-.656a3.043 3.043 0 00-2.823.503l-3.185 2.547-.617-1.235A3.98 3.98 0 009.146 11H4c-1.103 0-2 .897-2 2v6c0 1.103.897 2 2 2zm0-8h5.146c.763 0 1.448.423 1.789 1.105l.447.895H7v2h6.014a.996.996 0 00.442-.11l.003-.001.004-.002h.003l.002-.001h.004l.001-.001c.009.003.003-.001.003-.001.01 0 .002-.001.002-.001h.001l.002-.001.003-.001.002-.001.002-.001.003-.001.002-.001c.003 0 .001-.001.002-.001l.003-.002.002-.001.002-.001.003-.001.002-.001h.001l.002-.001h.001l.002-.001.002-.001c.009-.001.003-.001.003-.001l.002-.001a.915.915 0 00.11-.078l4.146-3.317c.262-.208.623-.273.94-.167l.557.186-4.133 4.823a2.029 2.029 0 01-1.52.688H4v-6zM16 2h-.017c-.163.002-1.006.039-1.983.705-.951-.648-1.774-.7-1.968-.704L12.002 2h-.004c-.801 0-1.555.313-2.119.878C9.313 3.445 9 4.198 9 5s.313 1.555.861 2.104l3.414 3.586a1.006 1.006 0 001.45-.001l3.396-3.568C18.688 6.555 19 5.802 19 5s-.313-1.555-.878-2.121A2.978 2.978 0 0016.002 2H16zm1 3c0 .267-.104.518-.311.725L14 8.55l-2.707-2.843C11.104 5.518 11 5.267 11 5s.104-.518.294-.708A.977.977 0 0111.979 4c.025.001.502.032 1.067.485.081.065.163.139.247.222l.707.707.707-.707c.084-.083.166-.157.247-.222.529-.425.976-.478 1.052-.484a.987.987 0 01.701.292c.189.189.293.44.293.707z"
21748
+ })));
21749
+ }
21750
+
21751
+ const DonationsMenu = () => {
21752
+ const {
21753
+ t
21754
+ } = useTranslation("dashboard");
21755
+ const subscriptions = getDonationSubs().sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
21756
+ return /*#__PURE__*/React__default['default'].createElement("tr", {
21757
+ key: sub.id,
21758
+ className: "plc-w-full plc-align-top pelcro-donation-row"
21759
+ }, /*#__PURE__*/React__default['default'].createElement("td", {
21760
+ className: "plc-truncate"
21761
+ }, sub.plan.nickname && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("span", {
21762
+ className: "plc-font-semibold plc-text-gray-500 pelcro-donation-plan"
21763
+ }, sub.plan.nickname), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("span", {
21764
+ className: "plc-text-xs plc-text-gray-400 pelcro-donation-price"
21765
+ }, getFormattedPriceByLocal(sub.plan.amount * sub.quantity, sub.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("div", {
21766
+ className: "plc-mb-4 plc-text-gray-500 pelcro-donation-date"
21767
+ }, sub.status && /*#__PURE__*/React__default['default'].createElement("span", null, formatStartDate(sub.start)))));
21768
+ });
21769
+ return /*#__PURE__*/React__default['default'].createElement("table", {
21770
+ className: "plc-w-full plc-table-fixed pelcro-donations-table"
21771
+ }, /*#__PURE__*/React__default['default'].createElement("thead", {
21772
+ className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
21773
+ }, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", {
21774
+ className: "plc-w-6/12 "
21775
+ }, t("labels.plan")), /*#__PURE__*/React__default['default'].createElement("th", {
21776
+ className: "plc-w-6/12 "
21777
+ }, t("labels.startDate")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", {
21778
+ className: "plc-h-4"
21779
+ }), subscriptions));
21780
+ };
21781
+
21782
+ function getDonationSubs() {
21783
+ var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3;
21784
+
21785
+ return (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : (_window$Pelcro$subscr3 = _window$Pelcro$subscr2.list()) === null || _window$Pelcro$subscr3 === void 0 ? void 0 : _window$Pelcro$subscr3.filter(sub => sub.plan.is_donation)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
21786
+ }
21787
+
21788
+ function formatStartDate(date) {
21789
+ const startDate = new Date(date);
21790
+ return new Intl.DateTimeFormat("en-CA").format(startDate);
21791
+ }
21792
+
21614
21793
  const SUB_MENUS = {
21615
21794
  PROFILE: "profile",
21616
21795
  SUBSCRIPTIONS: "subscriptions",
21796
+ DONATIONS: "donations",
21617
21797
  PAYMENT_CARDS: "payment-cards",
21618
21798
  ADDRESSES: "addresses",
21619
21799
  GIFTS: "gifts",
@@ -22141,6 +22321,14 @@ class Dashboard extends React.Component {
22141
22321
  displayProductSelect: this.displayProductSelect,
22142
22322
  displayRedeem: this.displayRedeem
22143
22323
  })
22324
+ }), /*#__PURE__*/React__default['default'].createElement(Accordion.item, {
22325
+ show: hasDonationSubs(),
22326
+ name: SUB_MENUS.DONATIONS,
22327
+ icon: /*#__PURE__*/React__default['default'].createElement(SvgDonate, {
22328
+ className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
22329
+ }),
22330
+ title: this.locale("labels.donations"),
22331
+ content: /*#__PURE__*/React__default['default'].createElement(DonationsMenu, null)
22144
22332
  }), /*#__PURE__*/React__default['default'].createElement(Accordion.item, {
22145
22333
  name: SUB_MENUS.GIFTS,
22146
22334
  icon: /*#__PURE__*/React__default['default'].createElement(SvgGift, null),
@@ -22167,6 +22355,13 @@ class Dashboard extends React.Component {
22167
22355
 
22168
22356
  }
22169
22357
 
22358
+ function hasDonationSubs() {
22359
+ var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3;
22360
+
22361
+ const donations = (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : (_window$Pelcro$subscr3 = _window$Pelcro$subscr2.list()) === null || _window$Pelcro$subscr3 === void 0 ? void 0 : _window$Pelcro$subscr3.filter(sub => sub.plan.is_donation)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
22362
+ return donations.length > 0;
22363
+ }
22364
+
22170
22365
  const DashboardWithTrans = withTranslation("dashboard")(Dashboard);
22171
22366
 
22172
22367
  // The button in the lower right that shows the dashboard.