@pelcro/react-pelcro-js 2.6.0-beta.9 → 2.7.0-beta.1

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.
package/dist/index.cjs.js CHANGED
@@ -3658,12 +3658,14 @@ var cancel$1 = "Cancel your subscription online at anytime.";
3658
3658
  var giftSent$1 = "Subscription gift has been sent to";
3659
3659
  var successfully$1 = "successfully";
3660
3660
  var entitlement$1 = "Some of the content on this page is available with one or more of our plans. <1>Subscribe</1> now to get full page access.";
3661
+ var recaptcha$1 = "This site is protected by reCAPTCHA and the Google <1>Privacy Policy</1> and <3>Terms of Service</3> apply.";
3661
3662
  var messages_en = {
3662
3663
  youAreSafe: youAreSafe$1,
3663
3664
  cancel: cancel$1,
3664
3665
  giftSent: giftSent$1,
3665
3666
  successfully: successfully$1,
3666
- entitlement: entitlement$1
3667
+ entitlement: entitlement$1,
3668
+ recaptcha: recaptcha$1
3667
3669
  };
3668
3670
 
3669
3671
  var youAreSafe = "Vous êtes en sécurité - PCI conforme 128 SSL par";
@@ -3671,12 +3673,14 @@ var cancel = "Annuler votre abonnement en ligne à tout moment.";
3671
3673
  var giftSent = "Le cadeau d’abonnement a été envoyé à";
3672
3674
  var successfully = "avec succès.";
3673
3675
  var entitlement = "Une partie du contenu de cette page est disponible sous un ou plusieurs de nos plans. <1>Abonnez-vous</1> à l'un de nos plans disponibles pour accéder à plus de contenu";
3676
+ var recaptcha = "Ce site est protégé par reCAPTCHA - les <1>règles de confidentialité</1> Google ainsi que les <3>conditions d'utilisation</3> s'appliquent.";
3674
3677
  var messages_fr = {
3675
3678
  youAreSafe: youAreSafe,
3676
3679
  cancel: cancel,
3677
3680
  giftSent: giftSent,
3678
3681
  successfully: successfully,
3679
- entitlement: entitlement
3682
+ entitlement: entitlement,
3683
+ recaptcha: recaptcha
3680
3684
  };
3681
3685
 
3682
3686
  var labels$f = {
@@ -6925,8 +6929,8 @@ const saveToMetadataButton = new SaveToMetadataButtonClass();
6925
6929
 
6926
6930
  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}}
6927
6931
 
6928
- function _extends$v() {
6929
- _extends$v = Object.assign || function (target) {
6932
+ function _extends$w() {
6933
+ _extends$w = Object.assign || function (target) {
6930
6934
  for (var i = 1; i < arguments.length; i++) {
6931
6935
  var source = arguments[i];
6932
6936
 
@@ -6940,7 +6944,7 @@ function _extends$v() {
6940
6944
  return target;
6941
6945
  };
6942
6946
 
6943
- return _extends$v.apply(this, arguments);
6947
+ return _extends$w.apply(this, arguments);
6944
6948
  }
6945
6949
 
6946
6950
  function _taggedTemplateLiteralLoose(strings, raw) {
@@ -7030,7 +7034,7 @@ var clearFromRemoveQueue = function clearFromRemoveQueue(toastId) {
7030
7034
  var reducer = function reducer(state, action) {
7031
7035
  switch (action.type) {
7032
7036
  case ActionType.ADD_TOAST:
7033
- return _extends$v({}, state, {
7037
+ return _extends$w({}, state, {
7034
7038
  toasts: [action.toast].concat(state.toasts).slice(0, TOAST_LIMIT)
7035
7039
  });
7036
7040
 
@@ -7040,9 +7044,9 @@ var reducer = function reducer(state, action) {
7040
7044
  clearFromRemoveQueue(action.toast.id);
7041
7045
  }
7042
7046
 
7043
- return _extends$v({}, state, {
7047
+ return _extends$w({}, state, {
7044
7048
  toasts: state.toasts.map(function (t) {
7045
- return t.id === action.toast.id ? _extends$v({}, t, action.toast) : t;
7049
+ return t.id === action.toast.id ? _extends$w({}, t, action.toast) : t;
7046
7050
  })
7047
7051
  });
7048
7052
 
@@ -7069,9 +7073,9 @@ var reducer = function reducer(state, action) {
7069
7073
  });
7070
7074
  }
7071
7075
 
7072
- return _extends$v({}, state, {
7076
+ return _extends$w({}, state, {
7073
7077
  toasts: state.toasts.map(function (t) {
7074
- return t.id === toastId || toastId === undefined ? _extends$v({}, t, {
7078
+ return t.id === toastId || toastId === undefined ? _extends$w({}, t, {
7075
7079
  visible: false
7076
7080
  }) : t;
7077
7081
  })
@@ -7079,28 +7083,28 @@ var reducer = function reducer(state, action) {
7079
7083
 
7080
7084
  case ActionType.REMOVE_TOAST:
7081
7085
  if (action.toastId === undefined) {
7082
- return _extends$v({}, state, {
7086
+ return _extends$w({}, state, {
7083
7087
  toasts: []
7084
7088
  });
7085
7089
  }
7086
7090
 
7087
- return _extends$v({}, state, {
7091
+ return _extends$w({}, state, {
7088
7092
  toasts: state.toasts.filter(function (t) {
7089
7093
  return t.id !== action.toastId;
7090
7094
  })
7091
7095
  });
7092
7096
 
7093
7097
  case ActionType.START_PAUSE:
7094
- return _extends$v({}, state, {
7098
+ return _extends$w({}, state, {
7095
7099
  pausedAt: action.time
7096
7100
  });
7097
7101
 
7098
7102
  case ActionType.END_PAUSE:
7099
7103
  var diff = action.time - (state.pausedAt || 0);
7100
- return _extends$v({}, state, {
7104
+ return _extends$w({}, state, {
7101
7105
  pausedAt: undefined,
7102
7106
  toasts: state.toasts.map(function (t) {
7103
- return _extends$v({}, t, {
7107
+ return _extends$w({}, t, {
7104
7108
  pauseDuration: t.pauseDuration + diff
7105
7109
  });
7106
7110
  })
@@ -7147,12 +7151,12 @@ var useStore = function useStore(toastOptions) {
7147
7151
  var mergedToasts = state.toasts.map(function (t) {
7148
7152
  var _toastOptions$t$type, _toastOptions, _toastOptions$t$type2;
7149
7153
 
7150
- return _extends$v({}, toastOptions, toastOptions[t.type], t, {
7154
+ return _extends$w({}, toastOptions, toastOptions[t.type], t, {
7151
7155
  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],
7152
- style: _extends$v({}, toastOptions.style, (_toastOptions$t$type2 = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type2.style, t.style)
7156
+ style: _extends$w({}, toastOptions.style, (_toastOptions$t$type2 = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type2.style, t.style)
7153
7157
  });
7154
7158
  });
7155
- return _extends$v({}, state, {
7159
+ return _extends$w({}, state, {
7156
7160
  toasts: mergedToasts
7157
7161
  });
7158
7162
  };
@@ -7162,7 +7166,7 @@ var createToast = function createToast(message, type, opts) {
7162
7166
  type = 'blank';
7163
7167
  }
7164
7168
 
7165
- return _extends$v({
7169
+ return _extends$w({
7166
7170
  createdAt: Date.now(),
7167
7171
  visible: true,
7168
7172
  type: type,
@@ -7212,14 +7216,14 @@ toast.remove = function (toastId) {
7212
7216
  };
7213
7217
 
7214
7218
  toast.promise = function (promise, msgs, opts) {
7215
- var id = toast.loading(msgs.loading, _extends$v({}, opts, opts == null ? void 0 : opts.loading));
7219
+ var id = toast.loading(msgs.loading, _extends$w({}, opts, opts == null ? void 0 : opts.loading));
7216
7220
  promise.then(function (p) {
7217
- toast.success(resolveValue(msgs.success, p), _extends$v({
7221
+ toast.success(resolveValue(msgs.success, p), _extends$w({
7218
7222
  id: id
7219
7223
  }, opts, opts == null ? void 0 : opts.success));
7220
7224
  return p;
7221
7225
  })["catch"](function (e) {
7222
- toast.error(resolveValue(msgs.error, e), _extends$v({
7226
+ toast.error(resolveValue(msgs.error, e), _extends$w({
7223
7227
  id: id
7224
7228
  }, opts, opts == null ? void 0 : opts.error));
7225
7229
  });
@@ -7558,7 +7562,7 @@ var ToastBar = /*#__PURE__*/React.memo(function (_ref2) {
7558
7562
  var message = React.createElement(Message, Object.assign({}, toast.ariaProps), resolveValue(toast.message, toast));
7559
7563
  return React.createElement(ToastBarBase, {
7560
7564
  className: toast.className,
7561
- style: _extends$v({}, animationStyle, style, toast.style)
7565
+ style: _extends$w({}, animationStyle, style, toast.style)
7562
7566
  }, typeof children === 'function' ? children({
7563
7567
  icon: icon,
7564
7568
  message: message
@@ -7588,7 +7592,7 @@ var getPositionStyle = function getPositionStyle(position, offset) {
7588
7592
  } : position.includes('right') ? {
7589
7593
  justifyContent: 'flex-end'
7590
7594
  } : {};
7591
- return _extends$v({
7595
+ return _extends$w({
7592
7596
  left: 0,
7593
7597
  right: 0,
7594
7598
  display: 'flex',
@@ -7615,7 +7619,7 @@ var Toaster = function Toaster(_ref) {
7615
7619
  handlers = _useToaster.handlers;
7616
7620
 
7617
7621
  return React.createElement("div", {
7618
- style: _extends$v({
7622
+ style: _extends$w({
7619
7623
  position: 'fixed',
7620
7624
  zIndex: 9999,
7621
7625
  top: DEFAULT_OFFSET,
@@ -7650,82 +7654,82 @@ var Toaster = function Toaster(_ref) {
7650
7654
  }));
7651
7655
  };
7652
7656
 
7653
- var _path$s;
7657
+ var _path$t;
7654
7658
 
7655
- 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); }
7659
+ 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); }
7656
7660
 
7657
7661
  function SvgCheckSolid(props) {
7658
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
7662
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
7659
7663
  xmlns: "http://www.w3.org/2000/svg",
7660
7664
  className: "h-5 w-5",
7661
7665
  viewBox: "0 0 20 20",
7662
7666
  fill: "currentColor"
7663
- }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
7667
+ }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
7664
7668
  fillRule: "evenodd",
7665
7669
  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",
7666
7670
  clipRule: "evenodd"
7667
7671
  })));
7668
7672
  }
7669
7673
 
7670
- var _path$r;
7674
+ var _path$s;
7671
7675
 
7672
- 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); }
7676
+ 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); }
7673
7677
 
7674
7678
  function SvgXIcon(props) {
7675
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
7679
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
7676
7680
  xmlns: "http://www.w3.org/2000/svg",
7677
7681
  viewBox: "0 0 20 20",
7678
7682
  fill: "currentColor"
7679
- }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
7683
+ }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
7680
7684
  fill: "evenodd",
7681
7685
  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",
7682
7686
  clipRule: "evenodd"
7683
7687
  })));
7684
7688
  }
7685
7689
 
7686
- var _path$q;
7690
+ var _path$r;
7687
7691
 
7688
- 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); }
7692
+ 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); }
7689
7693
 
7690
7694
  function SvgXIconSolid(props) {
7691
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
7695
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
7692
7696
  className: "plc-w-4 plc-h-4",
7693
7697
  fill: "currentColor",
7694
7698
  xmlns: "http://www.w3.org/2000/svg",
7695
7699
  viewBox: "0 0 100 100"
7696
- }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
7700
+ }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
7697
7701
  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"
7698
7702
  })));
7699
7703
  }
7700
7704
 
7701
- var _path$p;
7705
+ var _path$q;
7702
7706
 
7703
- 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); }
7707
+ 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); }
7704
7708
 
7705
7709
  function SvgExclamation(props) {
7706
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
7710
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
7707
7711
  className: "plc-w-4 plc-h-4 plc-mr-1",
7708
7712
  xmlns: "http://www.w3.org/2000/svg",
7709
7713
  viewBox: "0 0 20 20",
7710
7714
  fill: "currentColor"
7711
- }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
7715
+ }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
7712
7716
  fillRule: "evenodd",
7713
7717
  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",
7714
7718
  clipRule: "evenodd"
7715
7719
  })));
7716
7720
  }
7717
7721
 
7718
- var _path$o, _path2$3;
7722
+ var _path$p, _path2$3;
7719
7723
 
7720
- 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); }
7724
+ 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); }
7721
7725
 
7722
7726
  function SvgSpinner(props) {
7723
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
7727
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
7724
7728
  className: "plc-animate-spin",
7725
7729
  viewBox: "0 0 24 24",
7726
7730
  fill: "currentColor",
7727
7731
  xmlns: "http://www.w3.org/2000/svg"
7728
- }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
7732
+ }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
7729
7733
  opacity: 0.2,
7730
7734
  fill: "evenodd",
7731
7735
  clipRule: "evenodd",
@@ -8477,6 +8481,7 @@ const optionsController = options => {
8477
8481
 
8478
8482
  const optionsMethodsDict = {
8479
8483
  loadPaymentSDKs: loadPaymentSDKs,
8484
+ loadAuth0SDK: loadAuth0SDK,
8480
8485
  enableURLTriggers: initViewFromURL,
8481
8486
  enableTheme: applyPelcroTheme,
8482
8487
  enablePaywalls: initPaywalls,
@@ -8542,6 +8547,13 @@ const loadPaymentSDKs = () => {
8542
8547
  window.Pelcro.helpers.loadSDK("https://js.braintreegateway.com/web/3.69.0/js/paypal-checkout.min.js", "braintree-paypal-sdk");
8543
8548
  }
8544
8549
  };
8550
+ const loadAuth0SDK = () => {
8551
+ const auth0Enabled = Boolean(window.Pelcro.site.read().auth0_client_id && window.Pelcro.site.read().auth0_base_url);
8552
+
8553
+ if (auth0Enabled) {
8554
+ window.Pelcro.helpers.loadSDK("https://cdn.auth0.com/js/auth0/9.18/auth0.min.js", "auth0-sdk");
8555
+ }
8556
+ };
8545
8557
  const initSecuritySdk = () => {
8546
8558
  const {
8547
8559
  whenSiteReady
@@ -8838,6 +8850,7 @@ const initCartFromUrl = () => {
8838
8850
 
8839
8851
  const defaultOptions = {
8840
8852
  loadPaymentSDKs: true,
8853
+ loadAuth0SDK: true,
8841
8854
  enableURLTriggers: true,
8842
8855
  enableTheme: true,
8843
8856
  enablePaywalls: true,
@@ -9663,16 +9676,16 @@ const LoginPassword = props => /*#__PURE__*/React__default['default'].createElem
9663
9676
  store: store$f
9664
9677
  }, props));
9665
9678
 
9666
- var _path$n;
9679
+ var _path$o;
9667
9680
 
9668
- 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); }
9681
+ 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); }
9669
9682
 
9670
9683
  function SvgCheck(props) {
9671
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
9684
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
9672
9685
  xmlns: "http://www.w3.org/2000/svg",
9673
9686
  fill: "currentColor",
9674
9687
  viewBox: "0 0 20 20"
9675
- }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
9688
+ }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
9676
9689
  fillRule: "evenodd",
9677
9690
  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",
9678
9691
  clipRule: "evenodd"
@@ -9783,7 +9796,7 @@ const RegisterContainer = ({
9783
9796
  selectFields
9784
9797
  } = filteredData;
9785
9798
 
9786
- if (!hasSecurityTokenEnabled()) {
9799
+ if (!hasSecurityTokenEnabled$1()) {
9787
9800
  sendRegisterRequest();
9788
9801
  return;
9789
9802
  }
@@ -9984,20 +9997,20 @@ const RegisterContainer = ({
9984
9997
  * @return {boolean}
9985
9998
  */
9986
9999
 
9987
- function hasSecurityTokenEnabled() {
10000
+ function hasSecurityTokenEnabled$1() {
9988
10001
  const hasSecuritySdkLoaded = Boolean(window.grecaptcha);
9989
10002
  return hasSecuritySdkLoaded;
9990
10003
  }
9991
10004
 
9992
- var _path$m;
10005
+ var _path$n;
9993
10006
 
9994
- 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); }
10007
+ 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); }
9995
10008
 
9996
10009
  function SvgFacebookLogo(props) {
9997
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
10010
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
9998
10011
  xmlns: "http://www.w3.org/2000/svg",
9999
10012
  viewBox: "88.428 12.828 107.543 207.085"
10000
- }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
10013
+ }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
10001
10014
  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",
10002
10015
  fill: "#3c5a9a"
10003
10016
  })));
@@ -10070,15 +10083,15 @@ var googleLogin = createCommonjsModule(function (module, exports) {
10070
10083
  unwrapExports(googleLogin);
10071
10084
  var googleLogin_1 = googleLogin.GoogleLogin;
10072
10085
 
10073
- var _path$l, _path2$2, _path3$1, _path4;
10086
+ var _path$m, _path2$2, _path3$1, _path4;
10074
10087
 
10075
- 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); }
10088
+ 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); }
10076
10089
 
10077
10090
  function SvgGoogleLogo(props) {
10078
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
10091
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
10079
10092
  viewBox: "0 0 24 24",
10080
10093
  xmlns: "http://www.w3.org/2000/svg"
10081
- }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
10094
+ }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
10082
10095
  fill: "#4285F4",
10083
10096
  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"
10084
10097
  })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -10155,17 +10168,123 @@ const GoogleLoginButton = ({
10155
10168
  }) : null;
10156
10169
  };
10157
10170
 
10171
+ var _path$l;
10172
+
10173
+ 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); }
10174
+
10175
+ function SvgAuth0Logo(props) {
10176
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
10177
+ viewBox: "0 0 256 285",
10178
+ xmlns: "http://www.w3.org/2000/svg"
10179
+ }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
10180
+ 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"
10181
+ })));
10182
+ }
10183
+
10184
+ const Auth0LoginButton = ({
10185
+ label = "Auth0",
10186
+ className = "",
10187
+ labelClassName = "",
10188
+ iconClassName = ""
10189
+ }) => {
10190
+ const auth0Enabled = Boolean(window.Pelcro.site.read().auth0_client_id && window.Pelcro.site.read().auth0_base_url);
10191
+ const auth0InstanceRef = React__default['default'].useRef(null);
10192
+ React__default['default'].useEffect(() => {
10193
+ if (auth0Enabled) {
10194
+ auth0InstanceRef.current = new window.auth0.WebAuth({
10195
+ domain: window.Pelcro.site.read().auth0_base_url,
10196
+ clientID: window.Pelcro.site.read().auth0_client_id
10197
+ });
10198
+ }
10199
+ }, []);
10200
+ const {
10201
+ dispatch: loginDispatch
10202
+ } = React.useContext(store$f);
10203
+ const {
10204
+ dispatch: registerDispatch
10205
+ } = React.useContext(store$e);
10206
+
10207
+ function handleClick() {
10208
+ var _auth0InstanceRef$cur, _auth0InstanceRef$cur2, _auth0InstanceRef$cur3;
10209
+
10210
+ (_auth0InstanceRef$cur = auth0InstanceRef.current) === null || _auth0InstanceRef$cur === void 0 ? void 0 : (_auth0InstanceRef$cur2 = _auth0InstanceRef$cur.popup) === null || _auth0InstanceRef$cur2 === void 0 ? void 0 : (_auth0InstanceRef$cur3 = _auth0InstanceRef$cur2.authorize) === null || _auth0InstanceRef$cur3 === void 0 ? void 0 : _auth0InstanceRef$cur3.call(_auth0InstanceRef$cur2, {
10211
+ responseType: "token id_token",
10212
+ owp: true // close popup when finished
10213
+
10214
+ }, function (error, authResult) {
10215
+ if (error) {
10216
+ return onFailure(error);
10217
+ }
10218
+
10219
+ onSuccess(authResult);
10220
+ });
10221
+ }
10222
+
10223
+ const onSuccess = authResult => {
10224
+ var _auth0InstanceRef$cur4, _auth0InstanceRef$cur5, _auth0InstanceRef$cur6;
10225
+
10226
+ const {
10227
+ accessToken
10228
+ } = authResult;
10229
+ (_auth0InstanceRef$cur4 = auth0InstanceRef.current) === null || _auth0InstanceRef$cur4 === void 0 ? void 0 : (_auth0InstanceRef$cur5 = _auth0InstanceRef$cur4.client) === null || _auth0InstanceRef$cur5 === void 0 ? void 0 : (_auth0InstanceRef$cur6 = _auth0InstanceRef$cur5.userInfo) === null || _auth0InstanceRef$cur6 === void 0 ? void 0 : _auth0InstanceRef$cur6.call(_auth0InstanceRef$cur5, accessToken, (error, user) => {
10230
+ if (error) {
10231
+ return onFailure(error);
10232
+ }
10233
+
10234
+ const {
10235
+ email,
10236
+ nickname
10237
+ } = user;
10238
+ loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
10239
+ type: HANDLE_SOCIAL_LOGIN,
10240
+ payload: {
10241
+ idpName: "auth0",
10242
+ idpToken: accessToken,
10243
+ firstName: nickname,
10244
+ email
10245
+ }
10246
+ });
10247
+ registerDispatch === null || registerDispatch === void 0 ? void 0 : registerDispatch({
10248
+ type: HANDLE_SOCIAL_LOGIN,
10249
+ payload: {
10250
+ idpName: "auth0",
10251
+ idpToken: accessToken,
10252
+ firstName: nickname,
10253
+ email
10254
+ }
10255
+ });
10256
+ });
10257
+ };
10258
+
10259
+ const onFailure = error => {
10260
+ console.error(error);
10261
+ };
10262
+
10263
+ if (auth0Enabled) {
10264
+ return /*#__PURE__*/React__default['default'].createElement("button", {
10265
+ onClick: handleClick,
10266
+ className: `plc-flex plc-items-center plc-justify-center plc-w-full plc-p-3 plc-space-x-3 plc-text-gray-700 plc-border plc-border-gray-200 plc-rounded-3xl hover:plc-bg-gray-200 pelcro-auth0-login ${className}`
10267
+ }, /*#__PURE__*/React__default['default'].createElement(SvgAuth0Logo, {
10268
+ className: `plc-w-6 plc-h-auto pelcro-auth0-login-icon" ${iconClassName}`
10269
+ }), /*#__PURE__*/React__default['default'].createElement("p", {
10270
+ className: `pelcro-auth0-login-label ${labelClassName}`
10271
+ }, label));
10272
+ }
10273
+
10274
+ return null;
10275
+ };
10276
+
10158
10277
  /**
10159
10278
  *
10160
10279
  */
10161
10280
 
10162
10281
  function LoginView(props) {
10163
- var _window$Pelcro$site$r, _window$Pelcro$site$r2;
10282
+ var _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro$site$r3;
10164
10283
 
10165
10284
  const {
10166
10285
  t
10167
10286
  } = useTranslation("login");
10168
- const socialLoginEnabled = ((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.facebook_app_id) || ((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.google_app_id);
10287
+ const socialLoginEnabled = ((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.facebook_app_id) || ((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.google_app_id) || ((_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.auth0_client_id);
10169
10288
  return /*#__PURE__*/React__default['default'].createElement("div", {
10170
10289
  id: "pelcro-login-view"
10171
10290
  }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -10209,7 +10328,7 @@ function LoginView(props) {
10209
10328
  className: "plc-w-full plc-border-gray-300"
10210
10329
  })), /*#__PURE__*/React__default['default'].createElement("div", {
10211
10330
  className: "plc-flex plc-justify-center plc-px-5 plc-mt-1 plc-space-x-3"
10212
- }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null))))));
10331
+ }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null), /*#__PURE__*/React__default['default'].createElement(Auth0LoginButton, null))))));
10213
10332
  }
10214
10333
 
10215
10334
  var _path$k, _path2$1, _path3;
@@ -10568,7 +10687,7 @@ const RegisterLastName = props => /*#__PURE__*/React__default['default'].createE
10568
10687
  */
10569
10688
 
10570
10689
  function RegisterView(props) {
10571
- var _product$paywall$regi, _product$paywall, _product$paywall$regi2, _product$paywall2, _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro, _window$Pelcro$uiSett;
10690
+ var _product$paywall$regi, _product$paywall, _product$paywall$regi2, _product$paywall2, _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro$site$r3, _window$Pelcro, _window$Pelcro$uiSett;
10572
10691
 
10573
10692
  const {
10574
10693
  t
@@ -10578,7 +10697,7 @@ function RegisterView(props) {
10578
10697
  } = usePelcro();
10579
10698
  const title = (_product$paywall$regi = product === null || product === void 0 ? void 0 : (_product$paywall = product.paywall) === null || _product$paywall === void 0 ? void 0 : _product$paywall.register_title) !== null && _product$paywall$regi !== void 0 ? _product$paywall$regi : t("title");
10580
10699
  const subtitle = (_product$paywall$regi2 = product === null || product === void 0 ? void 0 : (_product$paywall2 = product.paywall) === null || _product$paywall2 === void 0 ? void 0 : _product$paywall2.register_subtitle) !== null && _product$paywall$regi2 !== void 0 ? _product$paywall$regi2 : t("subtitle");
10581
- const socialLoginEnabled = ((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.facebook_app_id) || ((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.google_app_id);
10700
+ const socialLoginEnabled = ((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.facebook_app_id) || ((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.google_app_id) || ((_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.auth0_client_id);
10582
10701
  const showNameFields = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$uiSett = _window$Pelcro.uiSettings) === null || _window$Pelcro$uiSett === void 0 ? void 0 : _window$Pelcro$uiSett.enableNameFieldsInRegister;
10583
10702
  return /*#__PURE__*/React__default['default'].createElement("div", {
10584
10703
  id: "pelcro-register-view"
@@ -10614,7 +10733,17 @@ function RegisterView(props) {
10614
10733
  className: "plc-w-full plc-mt-2",
10615
10734
  id: "pelcro-submit",
10616
10735
  name: t("messages.createAccount")
10617
- }), socialLoginEnabled && /*#__PURE__*/React__default['default'].createElement("div", {
10736
+ }), hasSecurityTokenEnabled() && /*#__PURE__*/React__default['default'].createElement("p", {
10737
+ className: "plc-text-sm plc-text-gray-500 plc-mt-1"
10738
+ }, /*#__PURE__*/React__default['default'].createElement(Trans, {
10739
+ i18nKey: "messages:recaptcha"
10740
+ }, "This site is protected by reCAPTCHA and the Google", /*#__PURE__*/React__default['default'].createElement(Link, {
10741
+ href: "https://policies.google.com/privacy",
10742
+ className: "plc-text-sm plc-text-gray-500"
10743
+ }, "Privacy Policy"), "and", /*#__PURE__*/React__default['default'].createElement(Link, {
10744
+ href: "https://policies.google.com/terms",
10745
+ className: "plc-text-sm plc-text-gray-500"
10746
+ }, "Terms of Service"), "apply.")), socialLoginEnabled && /*#__PURE__*/React__default['default'].createElement("div", {
10618
10747
  className: "plc-mt-5"
10619
10748
  }, /*#__PURE__*/React__default['default'].createElement("div", {
10620
10749
  className: "plc-flex plc-items-center plc-justify-between "
@@ -10626,7 +10755,17 @@ function RegisterView(props) {
10626
10755
  className: "plc-w-full plc-border-gray-300"
10627
10756
  })), /*#__PURE__*/React__default['default'].createElement("div", {
10628
10757
  className: "plc-flex plc-justify-center plc-px-5 plc-mt-1 plc-space-x-3"
10629
- }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null))))));
10758
+ }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null), /*#__PURE__*/React__default['default'].createElement(Auth0LoginButton, null))))));
10759
+ }
10760
+ /**
10761
+ * Checks if the current site has security token enabled
10762
+ * @return {boolean}
10763
+ */
10764
+
10765
+ function hasSecurityTokenEnabled() {
10766
+ var _window$Pelcro$site, _window$Pelcro$site$r4;
10767
+
10768
+ return Boolean((_window$Pelcro$site = window.Pelcro.site) === null || _window$Pelcro$site === void 0 ? void 0 : (_window$Pelcro$site$r4 = _window$Pelcro$site.read()) === null || _window$Pelcro$site$r4 === void 0 ? void 0 : _window$Pelcro$site$r4.security_key);
10630
10769
  }
10631
10770
 
10632
10771
  function TextInput({
@@ -13691,7 +13830,7 @@ const CheckoutForm = () => {
13691
13830
  className: "plc-h-4 plc-w-auto plc-mt-2",
13692
13831
  src: "https://js.pelcro.com/ui/plugin/main/images/credit_cards.png"
13693
13832
  }), /*#__PURE__*/React__default['default'].createElement("div", {
13694
- className: "plc-flex plc-justify-between plc-my-2"
13833
+ className: "plc-flex plc-justify-between plc-my-2 plc-items-end"
13695
13834
  }, /*#__PURE__*/React__default['default'].createElement("div", {
13696
13835
  className: "plc-w-6/12 plc-pr-4"
13697
13836
  }, /*#__PURE__*/React__default['default'].createElement(PelcroCardExpiry, null)), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -15450,13 +15589,11 @@ function Phone({
15450
15589
  const {
15451
15590
  dispatch,
15452
15591
  state: {
15453
- phone: stateValue
15592
+ phone
15454
15593
  }
15455
15594
  } = React.useContext(store);
15456
- const [value, setValue] = React.useState(stateValue);
15457
15595
 
15458
15596
  const handleInputChange = value => {
15459
- setValue(value);
15460
15597
  dispatch({
15461
15598
  type: SET_PHONE,
15462
15599
  payload: value
@@ -15465,7 +15602,7 @@ function Phone({
15465
15602
 
15466
15603
  return /*#__PURE__*/React__default['default'].createElement(Input, Object.assign({
15467
15604
  type: "tel",
15468
- value: value || window.Pelcro.user.read().phone,
15605
+ value: phone,
15469
15606
  onChange: e => handleInputChange(e.target.value)
15470
15607
  }, otherProps));
15471
15608
  }
@@ -21008,6 +21145,23 @@ function SvgPlus(props) {
21008
21145
  })));
21009
21146
  }
21010
21147
 
21148
+ var _path$9;
21149
+
21150
+ 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); }
21151
+
21152
+ function SvgCheckMark(props) {
21153
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
21154
+ className: "plc-w-4 plc-h-4 plc-mr-1",
21155
+ xmlns: "http://www.w3.org/2000/svg",
21156
+ viewBox: "0 0 20 20",
21157
+ fill: "currentColor"
21158
+ }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
21159
+ fillRule: "evenodd",
21160
+ 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",
21161
+ clipRule: "evenodd"
21162
+ })));
21163
+ }
21164
+
21011
21165
  const SubscriptionsMenu = props => {
21012
21166
  const {
21013
21167
  t
@@ -21098,28 +21252,36 @@ const SubscriptionsItems = ({
21098
21252
  setView("plan-select");
21099
21253
  };
21100
21254
 
21101
- const getFuturePhases = () => {
21255
+ const getPhases = () => {
21102
21256
  if (!sub.schedule) return [];
21103
21257
  const currentPhaseStartDate = sub.schedule.current_phase.start_date;
21104
- return sub.schedule.phases.filter(phase => {
21258
+ const currentPhase = sub.schedule.phases.find(phase => {
21259
+ return phase.start_date === currentPhaseStartDate;
21260
+ });
21261
+ const futurePhases = sub.schedule.phases.filter(phase => {
21105
21262
  return phase.start_date > currentPhaseStartDate;
21106
21263
  });
21264
+ return [currentPhase, ...futurePhases];
21107
21265
  };
21108
21266
 
21109
- const hasFuturePhases = getFuturePhases().length > 0;
21267
+ const hasPhases = getPhases().length > 0;
21110
21268
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, {
21111
21269
  key: sub.id
21112
21270
  }, /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", {
21113
- onClick: () => toggleActiveMenu(sub.id),
21271
+ onClick: () => {
21272
+ if (hasPhases) toggleActiveMenu(sub.id);
21273
+ },
21114
21274
  key: sub.id,
21115
21275
  className: `plc-w-full plc-align-middle plc-cursor-pointer accordion-header ${isActive ? "plc-bg-gray-100" : "hover:plc-bg-gray-50"}`
21116
21276
  }, /*#__PURE__*/React__default['default'].createElement("td", {
21117
- className: "plc-truncate plc-py-2"
21277
+ className: "plc-truncate"
21118
21278
  }, sub.plan.nickname && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("span", {
21119
21279
  className: "plc-font-semibold plc-text-gray-500"
21120
21280
  }, sub.plan.nickname), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("span", {
21121
21281
  className: "plc-text-xs plc-text-gray-400"
21122
- }, getFormattedPriceByLocal(sub.plan.amount, sub.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("span", {
21282
+ }, getFormattedPriceByLocal(sub.plan.amount, sub.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default['default'].createElement("td", {
21283
+ className: "plc-py-2"
21284
+ }, /*#__PURE__*/React__default['default'].createElement("span", {
21123
21285
  className: `plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold ${getSubscriptionStatus(sub).bgColor} plc-uppercase ${getSubscriptionStatus(sub).textColor} plc-rounded-lg`
21124
21286
  }, getSubscriptionStatus(sub).icon, getSubscriptionStatus(sub).title), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("div", {
21125
21287
  className: "plc-text-xs plc-text-gray-500"
@@ -21148,31 +21310,38 @@ const SubscriptionsItems = ({
21148
21310
  onClick: onRenewClick,
21149
21311
  disabled: disableSubmit,
21150
21312
  "data-key": sub.id
21151
- }, t("labels.renew"))), /*#__PURE__*/React__default['default'].createElement("td", null, hasFuturePhases && /*#__PURE__*/React__default['default'].createElement("div", {
21313
+ }, t("labels.renew"))), /*#__PURE__*/React__default['default'].createElement("td", null, hasPhases && /*#__PURE__*/React__default['default'].createElement("div", {
21152
21314
  className: `plc-flex plc-items-center plc-justify-center plc-transition-transform plc-ease-out plc-transform plc-rounded-full plc-w-7 plc-h-7 ${isActive ? "plc-flex plc-place-items-center plc-w-7 plc-h-7 plc-p-1 plc-bg-primary-400 plc-rounded-full" : "accordion-chevron"}`
21153
21315
  }, /*#__PURE__*/React__default['default'].createElement("span", {
21154
21316
  className: `plc-transition plc-ease-out ${isActive && "plc-text-white plc-transform plc-rotate-90"}`
21155
- }, /*#__PURE__*/React__default['default'].createElement(SvgChevronRight, null)))))), /*#__PURE__*/React__default['default'].createElement("tbody", null, isActive && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, getFuturePhases().map(phase => {
21317
+ }, /*#__PURE__*/React__default['default'].createElement(SvgChevronRight, null)))))), /*#__PURE__*/React__default['default'].createElement("tbody", null, isActive && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, getPhases().map((phase, i) => {
21156
21318
  var _phase$plans;
21157
21319
 
21158
21320
  const plan = (_phase$plans = phase.plans) === null || _phase$plans === void 0 ? void 0 : _phase$plans[0].plan;
21321
+ const isCurrentPhase = i === 0;
21159
21322
  const startDate = new Date(Number(`${phase.start_date}000`));
21323
+ const endDate = new Date(Number(`${phase.end_date}000`));
21160
21324
  const formattedStartDate = new Intl.DateTimeFormat("en-CA").format(startDate);
21325
+ const formattedEndDate = new Intl.DateTimeFormat("en-CA").format(endDate);
21161
21326
  const startDateString = `${t("labels.startsOn")} ${formattedStartDate}`;
21327
+ const endDateString = `${t("labels.expiresOn")} ${formattedEndDate}`;
21162
21328
  return /*#__PURE__*/React__default['default'].createElement("tr", {
21163
21329
  key: `${phase.start_date}-${phase.end_date}`,
21164
21330
  className: "pelcro-sub-phase-row plc-w-full plc-align-middle"
21165
21331
  }, /*#__PURE__*/React__default['default'].createElement("td", {
21166
- className: "plc-truncate plc-py-2"
21332
+ className: "plc-truncate"
21167
21333
  }, plan.nickname && /*#__PURE__*/React__default['default'].createElement("span", {
21168
21334
  className: "plc-font-semibold plc-text-gray-500"
21169
- }, plan.nickname)), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("span", {
21170
- className: "plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold plc-text-blue-700 plc-bg-blue-100 plc-uppercase plc-rounded-lg"
21171
- }, /*#__PURE__*/React__default['default'].createElement(SvgCalendar, null), t("labels.status.scheduled")), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("div", {
21335
+ }, plan.nickname)), /*#__PURE__*/React__default['default'].createElement("td", {
21336
+ className: "plc-py-2"
21337
+ }, /*#__PURE__*/React__default['default'].createElement("span", {
21338
+ className: `plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold plc-uppercase plc-rounded-lg ${isCurrentPhase ? "plc-text-green-700 plc-bg-green-100" : "plc-text-blue-700 plc-bg-blue-100"}
21339
+ `
21340
+ }, isCurrentPhase ? /*#__PURE__*/React__default['default'].createElement(SvgCheckMark, null) : /*#__PURE__*/React__default['default'].createElement(SvgCalendar, null), isCurrentPhase ? t("labels.status.active") : t("labels.status.scheduled")), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("div", {
21172
21341
  className: "plc-text-xs plc-text-gray-500"
21173
21342
  }, /*#__PURE__*/React__default['default'].createElement("span", {
21174
21343
  className: "plc-inline-block plc-mt-1 plc-underline"
21175
- }, startDateString))));
21344
+ }, isCurrentPhase ? endDateString : startDateString))));
21176
21345
  }), /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
21177
21346
  colSpan: "4"
21178
21347
  }, /*#__PURE__*/React__default['default'].createElement("hr", {
@@ -21263,18 +21432,18 @@ Accordion.item = function AccordionItem({
21263
21432
  }, content)) : null;
21264
21433
  };
21265
21434
 
21266
- var _path$9;
21435
+ var _path$8;
21267
21436
 
21268
- 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); }
21437
+ 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); }
21269
21438
 
21270
21439
  function SvgExit(props) {
21271
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
21440
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
21272
21441
  className: "plc-w-6 plc-h-6",
21273
21442
  xmlns: "http://www.w3.org/2000/svg",
21274
21443
  fill: "none",
21275
21444
  viewBox: "0 0 24 24",
21276
21445
  stroke: "currentColor"
21277
- }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
21446
+ }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
21278
21447
  strokeLinecap: "round",
21279
21448
  strokeLinejoin: "round",
21280
21449
  strokeWidth: 2,
@@ -21282,23 +21451,6 @@ function SvgExit(props) {
21282
21451
  })));
21283
21452
  }
21284
21453
 
21285
- var _path$8;
21286
-
21287
- 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); }
21288
-
21289
- function SvgCheckMark(props) {
21290
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
21291
- className: "plc-w-4 plc-h-4 plc-mr-1",
21292
- xmlns: "http://www.w3.org/2000/svg",
21293
- viewBox: "0 0 20 20",
21294
- fill: "currentColor"
21295
- }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
21296
- fillRule: "evenodd",
21297
- 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",
21298
- clipRule: "evenodd"
21299
- })));
21300
- }
21301
-
21302
21454
  var _path$7;
21303
21455
 
21304
21456
  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); }
@@ -23886,6 +24038,7 @@ exports.AddressUpdateView = AddressUpdateView;
23886
24038
  exports.Alert = AlertWithContext;
23887
24039
  exports.AlertElement = Alert;
23888
24040
  exports.ApplyCouponButton = ApplyCouponButton;
24041
+ exports.Auth0LoginButton = Auth0LoginButton;
23889
24042
  exports.Badge = Badge;
23890
24043
  exports.BankRedirection = BankRedirection;
23891
24044
  exports.Button = Button;