@pelcro/react-pelcro-js 2.6.0-beta.7 → 2.6.1-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 +458 -317
- package/dist/index.esm.js +458 -317
- package/dist/pelcro.css +14 -0
- package/package.json +1 -4
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 = {
|
|
@@ -4359,7 +4363,8 @@ var labels$3 = {
|
|
|
4359
4363
|
title: "Status",
|
|
4360
4364
|
active: "Active",
|
|
4361
4365
|
inTrial: "In trial",
|
|
4362
|
-
endingSoon: "Ending soon"
|
|
4366
|
+
endingSoon: "Ending soon",
|
|
4367
|
+
scheduled: "Scheduled"
|
|
4363
4368
|
},
|
|
4364
4369
|
shipments: "Shipments remaining",
|
|
4365
4370
|
logout: "Logout",
|
|
@@ -4385,6 +4390,7 @@ var labels$3 = {
|
|
|
4385
4390
|
paymentSource: "Payment cards",
|
|
4386
4391
|
actions: "Actions",
|
|
4387
4392
|
expiresOn: "Ends",
|
|
4393
|
+
startsOn: "Starts",
|
|
4388
4394
|
renewsOn: "Renews",
|
|
4389
4395
|
canceledOn: "Canceled on",
|
|
4390
4396
|
recipient: "Recipient",
|
|
@@ -4436,7 +4442,8 @@ var labels$2 = {
|
|
|
4436
4442
|
title: "Statut",
|
|
4437
4443
|
active: "Active",
|
|
4438
4444
|
inTrial: "Dans l'essai",
|
|
4439
|
-
endingSoon: "Fin bientôt"
|
|
4445
|
+
endingSoon: "Fin bientôt",
|
|
4446
|
+
scheduled: "Programmé"
|
|
4440
4447
|
},
|
|
4441
4448
|
shipments: "Expéditions restantes",
|
|
4442
4449
|
logout: "Déconnexion",
|
|
@@ -4462,6 +4469,7 @@ var labels$2 = {
|
|
|
4462
4469
|
paymentSource: "Sources de paiement",
|
|
4463
4470
|
actions: "Actes",
|
|
4464
4471
|
expiresOn: "Expire le",
|
|
4472
|
+
startsOn: "Débute le",
|
|
4465
4473
|
renewsOn: "Renouvelle le",
|
|
4466
4474
|
canceledOn: "Annulé le",
|
|
4467
4475
|
recipient: "Destinataire",
|
|
@@ -6921,8 +6929,8 @@ const saveToMetadataButton = new SaveToMetadataButtonClass();
|
|
|
6921
6929
|
|
|
6922
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}}
|
|
6923
6931
|
|
|
6924
|
-
function _extends$
|
|
6925
|
-
_extends$
|
|
6932
|
+
function _extends$v() {
|
|
6933
|
+
_extends$v = Object.assign || function (target) {
|
|
6926
6934
|
for (var i = 1; i < arguments.length; i++) {
|
|
6927
6935
|
var source = arguments[i];
|
|
6928
6936
|
|
|
@@ -6936,7 +6944,7 @@ function _extends$u() {
|
|
|
6936
6944
|
return target;
|
|
6937
6945
|
};
|
|
6938
6946
|
|
|
6939
|
-
return _extends$
|
|
6947
|
+
return _extends$v.apply(this, arguments);
|
|
6940
6948
|
}
|
|
6941
6949
|
|
|
6942
6950
|
function _taggedTemplateLiteralLoose(strings, raw) {
|
|
@@ -7026,7 +7034,7 @@ var clearFromRemoveQueue = function clearFromRemoveQueue(toastId) {
|
|
|
7026
7034
|
var reducer = function reducer(state, action) {
|
|
7027
7035
|
switch (action.type) {
|
|
7028
7036
|
case ActionType.ADD_TOAST:
|
|
7029
|
-
return _extends$
|
|
7037
|
+
return _extends$v({}, state, {
|
|
7030
7038
|
toasts: [action.toast].concat(state.toasts).slice(0, TOAST_LIMIT)
|
|
7031
7039
|
});
|
|
7032
7040
|
|
|
@@ -7036,9 +7044,9 @@ var reducer = function reducer(state, action) {
|
|
|
7036
7044
|
clearFromRemoveQueue(action.toast.id);
|
|
7037
7045
|
}
|
|
7038
7046
|
|
|
7039
|
-
return _extends$
|
|
7047
|
+
return _extends$v({}, state, {
|
|
7040
7048
|
toasts: state.toasts.map(function (t) {
|
|
7041
|
-
return t.id === action.toast.id ? _extends$
|
|
7049
|
+
return t.id === action.toast.id ? _extends$v({}, t, action.toast) : t;
|
|
7042
7050
|
})
|
|
7043
7051
|
});
|
|
7044
7052
|
|
|
@@ -7065,9 +7073,9 @@ var reducer = function reducer(state, action) {
|
|
|
7065
7073
|
});
|
|
7066
7074
|
}
|
|
7067
7075
|
|
|
7068
|
-
return _extends$
|
|
7076
|
+
return _extends$v({}, state, {
|
|
7069
7077
|
toasts: state.toasts.map(function (t) {
|
|
7070
|
-
return t.id === toastId || toastId === undefined ? _extends$
|
|
7078
|
+
return t.id === toastId || toastId === undefined ? _extends$v({}, t, {
|
|
7071
7079
|
visible: false
|
|
7072
7080
|
}) : t;
|
|
7073
7081
|
})
|
|
@@ -7075,28 +7083,28 @@ var reducer = function reducer(state, action) {
|
|
|
7075
7083
|
|
|
7076
7084
|
case ActionType.REMOVE_TOAST:
|
|
7077
7085
|
if (action.toastId === undefined) {
|
|
7078
|
-
return _extends$
|
|
7086
|
+
return _extends$v({}, state, {
|
|
7079
7087
|
toasts: []
|
|
7080
7088
|
});
|
|
7081
7089
|
}
|
|
7082
7090
|
|
|
7083
|
-
return _extends$
|
|
7091
|
+
return _extends$v({}, state, {
|
|
7084
7092
|
toasts: state.toasts.filter(function (t) {
|
|
7085
7093
|
return t.id !== action.toastId;
|
|
7086
7094
|
})
|
|
7087
7095
|
});
|
|
7088
7096
|
|
|
7089
7097
|
case ActionType.START_PAUSE:
|
|
7090
|
-
return _extends$
|
|
7098
|
+
return _extends$v({}, state, {
|
|
7091
7099
|
pausedAt: action.time
|
|
7092
7100
|
});
|
|
7093
7101
|
|
|
7094
7102
|
case ActionType.END_PAUSE:
|
|
7095
7103
|
var diff = action.time - (state.pausedAt || 0);
|
|
7096
|
-
return _extends$
|
|
7104
|
+
return _extends$v({}, state, {
|
|
7097
7105
|
pausedAt: undefined,
|
|
7098
7106
|
toasts: state.toasts.map(function (t) {
|
|
7099
|
-
return _extends$
|
|
7107
|
+
return _extends$v({}, t, {
|
|
7100
7108
|
pauseDuration: t.pauseDuration + diff
|
|
7101
7109
|
});
|
|
7102
7110
|
})
|
|
@@ -7143,12 +7151,12 @@ var useStore = function useStore(toastOptions) {
|
|
|
7143
7151
|
var mergedToasts = state.toasts.map(function (t) {
|
|
7144
7152
|
var _toastOptions$t$type, _toastOptions, _toastOptions$t$type2;
|
|
7145
7153
|
|
|
7146
|
-
return _extends$
|
|
7154
|
+
return _extends$v({}, toastOptions, toastOptions[t.type], t, {
|
|
7147
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],
|
|
7148
|
-
style: _extends$
|
|
7156
|
+
style: _extends$v({}, toastOptions.style, (_toastOptions$t$type2 = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type2.style, t.style)
|
|
7149
7157
|
});
|
|
7150
7158
|
});
|
|
7151
|
-
return _extends$
|
|
7159
|
+
return _extends$v({}, state, {
|
|
7152
7160
|
toasts: mergedToasts
|
|
7153
7161
|
});
|
|
7154
7162
|
};
|
|
@@ -7158,7 +7166,7 @@ var createToast = function createToast(message, type, opts) {
|
|
|
7158
7166
|
type = 'blank';
|
|
7159
7167
|
}
|
|
7160
7168
|
|
|
7161
|
-
return _extends$
|
|
7169
|
+
return _extends$v({
|
|
7162
7170
|
createdAt: Date.now(),
|
|
7163
7171
|
visible: true,
|
|
7164
7172
|
type: type,
|
|
@@ -7208,14 +7216,14 @@ toast.remove = function (toastId) {
|
|
|
7208
7216
|
};
|
|
7209
7217
|
|
|
7210
7218
|
toast.promise = function (promise, msgs, opts) {
|
|
7211
|
-
var id = toast.loading(msgs.loading, _extends$
|
|
7219
|
+
var id = toast.loading(msgs.loading, _extends$v({}, opts, opts == null ? void 0 : opts.loading));
|
|
7212
7220
|
promise.then(function (p) {
|
|
7213
|
-
toast.success(resolveValue(msgs.success, p), _extends$
|
|
7221
|
+
toast.success(resolveValue(msgs.success, p), _extends$v({
|
|
7214
7222
|
id: id
|
|
7215
7223
|
}, opts, opts == null ? void 0 : opts.success));
|
|
7216
7224
|
return p;
|
|
7217
7225
|
})["catch"](function (e) {
|
|
7218
|
-
toast.error(resolveValue(msgs.error, e), _extends$
|
|
7226
|
+
toast.error(resolveValue(msgs.error, e), _extends$v({
|
|
7219
7227
|
id: id
|
|
7220
7228
|
}, opts, opts == null ? void 0 : opts.error));
|
|
7221
7229
|
});
|
|
@@ -7554,7 +7562,7 @@ var ToastBar = /*#__PURE__*/React.memo(function (_ref2) {
|
|
|
7554
7562
|
var message = React.createElement(Message, Object.assign({}, toast.ariaProps), resolveValue(toast.message, toast));
|
|
7555
7563
|
return React.createElement(ToastBarBase, {
|
|
7556
7564
|
className: toast.className,
|
|
7557
|
-
style: _extends$
|
|
7565
|
+
style: _extends$v({}, animationStyle, style, toast.style)
|
|
7558
7566
|
}, typeof children === 'function' ? children({
|
|
7559
7567
|
icon: icon,
|
|
7560
7568
|
message: message
|
|
@@ -7584,7 +7592,7 @@ var getPositionStyle = function getPositionStyle(position, offset) {
|
|
|
7584
7592
|
} : position.includes('right') ? {
|
|
7585
7593
|
justifyContent: 'flex-end'
|
|
7586
7594
|
} : {};
|
|
7587
|
-
return _extends$
|
|
7595
|
+
return _extends$v({
|
|
7588
7596
|
left: 0,
|
|
7589
7597
|
right: 0,
|
|
7590
7598
|
display: 'flex',
|
|
@@ -7611,7 +7619,7 @@ var Toaster = function Toaster(_ref) {
|
|
|
7611
7619
|
handlers = _useToaster.handlers;
|
|
7612
7620
|
|
|
7613
7621
|
return React.createElement("div", {
|
|
7614
|
-
style: _extends$
|
|
7622
|
+
style: _extends$v({
|
|
7615
7623
|
position: 'fixed',
|
|
7616
7624
|
zIndex: 9999,
|
|
7617
7625
|
top: DEFAULT_OFFSET,
|
|
@@ -7646,82 +7654,82 @@ var Toaster = function Toaster(_ref) {
|
|
|
7646
7654
|
}));
|
|
7647
7655
|
};
|
|
7648
7656
|
|
|
7649
|
-
var _path$
|
|
7657
|
+
var _path$s;
|
|
7650
7658
|
|
|
7651
|
-
function _extends$
|
|
7659
|
+
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); }
|
|
7652
7660
|
|
|
7653
7661
|
function SvgCheckSolid(props) {
|
|
7654
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
7662
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
|
|
7655
7663
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7656
7664
|
className: "h-5 w-5",
|
|
7657
7665
|
viewBox: "0 0 20 20",
|
|
7658
7666
|
fill: "currentColor"
|
|
7659
|
-
}, props), _path$
|
|
7667
|
+
}, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
|
|
7660
7668
|
fillRule: "evenodd",
|
|
7661
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",
|
|
7662
7670
|
clipRule: "evenodd"
|
|
7663
7671
|
})));
|
|
7664
7672
|
}
|
|
7665
7673
|
|
|
7666
|
-
var _path$
|
|
7674
|
+
var _path$r;
|
|
7667
7675
|
|
|
7668
|
-
function _extends$
|
|
7676
|
+
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); }
|
|
7669
7677
|
|
|
7670
7678
|
function SvgXIcon(props) {
|
|
7671
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
7679
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
|
|
7672
7680
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7673
7681
|
viewBox: "0 0 20 20",
|
|
7674
7682
|
fill: "currentColor"
|
|
7675
|
-
}, props), _path$
|
|
7683
|
+
}, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
|
|
7676
7684
|
fill: "evenodd",
|
|
7677
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",
|
|
7678
7686
|
clipRule: "evenodd"
|
|
7679
7687
|
})));
|
|
7680
7688
|
}
|
|
7681
7689
|
|
|
7682
|
-
var _path$
|
|
7690
|
+
var _path$q;
|
|
7683
7691
|
|
|
7684
|
-
function _extends$
|
|
7692
|
+
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); }
|
|
7685
7693
|
|
|
7686
7694
|
function SvgXIconSolid(props) {
|
|
7687
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
7695
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
|
|
7688
7696
|
className: "plc-w-4 plc-h-4",
|
|
7689
7697
|
fill: "currentColor",
|
|
7690
7698
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7691
7699
|
viewBox: "0 0 100 100"
|
|
7692
|
-
}, props), _path$
|
|
7700
|
+
}, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
|
|
7693
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"
|
|
7694
7702
|
})));
|
|
7695
7703
|
}
|
|
7696
7704
|
|
|
7697
|
-
var _path$
|
|
7705
|
+
var _path$p;
|
|
7698
7706
|
|
|
7699
|
-
function _extends$
|
|
7707
|
+
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); }
|
|
7700
7708
|
|
|
7701
7709
|
function SvgExclamation(props) {
|
|
7702
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
7710
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
|
|
7703
7711
|
className: "plc-w-4 plc-h-4 plc-mr-1",
|
|
7704
7712
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7705
7713
|
viewBox: "0 0 20 20",
|
|
7706
7714
|
fill: "currentColor"
|
|
7707
|
-
}, props), _path$
|
|
7715
|
+
}, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
|
|
7708
7716
|
fillRule: "evenodd",
|
|
7709
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",
|
|
7710
7718
|
clipRule: "evenodd"
|
|
7711
7719
|
})));
|
|
7712
7720
|
}
|
|
7713
7721
|
|
|
7714
|
-
var _path$
|
|
7722
|
+
var _path$o, _path2$3;
|
|
7715
7723
|
|
|
7716
|
-
function _extends$
|
|
7724
|
+
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); }
|
|
7717
7725
|
|
|
7718
7726
|
function SvgSpinner(props) {
|
|
7719
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
7727
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
|
|
7720
7728
|
className: "plc-animate-spin",
|
|
7721
7729
|
viewBox: "0 0 24 24",
|
|
7722
7730
|
fill: "currentColor",
|
|
7723
7731
|
xmlns: "http://www.w3.org/2000/svg"
|
|
7724
|
-
}, props), _path$
|
|
7732
|
+
}, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
|
|
7725
7733
|
opacity: 0.2,
|
|
7726
7734
|
fill: "evenodd",
|
|
7727
7735
|
clipRule: "evenodd",
|
|
@@ -9659,16 +9667,16 @@ const LoginPassword = props => /*#__PURE__*/React__default['default'].createElem
|
|
|
9659
9667
|
store: store$f
|
|
9660
9668
|
}, props));
|
|
9661
9669
|
|
|
9662
|
-
var _path$
|
|
9670
|
+
var _path$n;
|
|
9663
9671
|
|
|
9664
|
-
function _extends$
|
|
9672
|
+
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); }
|
|
9665
9673
|
|
|
9666
9674
|
function SvgCheck(props) {
|
|
9667
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
9675
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
|
|
9668
9676
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9669
9677
|
fill: "currentColor",
|
|
9670
9678
|
viewBox: "0 0 20 20"
|
|
9671
|
-
}, props), _path$
|
|
9679
|
+
}, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
|
|
9672
9680
|
fillRule: "evenodd",
|
|
9673
9681
|
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",
|
|
9674
9682
|
clipRule: "evenodd"
|
|
@@ -9779,7 +9787,7 @@ const RegisterContainer = ({
|
|
|
9779
9787
|
selectFields
|
|
9780
9788
|
} = filteredData;
|
|
9781
9789
|
|
|
9782
|
-
if (!hasSecurityTokenEnabled()) {
|
|
9790
|
+
if (!hasSecurityTokenEnabled$1()) {
|
|
9783
9791
|
sendRegisterRequest();
|
|
9784
9792
|
return;
|
|
9785
9793
|
}
|
|
@@ -9980,20 +9988,20 @@ const RegisterContainer = ({
|
|
|
9980
9988
|
* @return {boolean}
|
|
9981
9989
|
*/
|
|
9982
9990
|
|
|
9983
|
-
function hasSecurityTokenEnabled() {
|
|
9991
|
+
function hasSecurityTokenEnabled$1() {
|
|
9984
9992
|
const hasSecuritySdkLoaded = Boolean(window.grecaptcha);
|
|
9985
9993
|
return hasSecuritySdkLoaded;
|
|
9986
9994
|
}
|
|
9987
9995
|
|
|
9988
|
-
var _path$
|
|
9996
|
+
var _path$m;
|
|
9989
9997
|
|
|
9990
|
-
function _extends$
|
|
9998
|
+
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); }
|
|
9991
9999
|
|
|
9992
10000
|
function SvgFacebookLogo(props) {
|
|
9993
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
10001
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
|
|
9994
10002
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9995
10003
|
viewBox: "88.428 12.828 107.543 207.085"
|
|
9996
|
-
}, props), _path$
|
|
10004
|
+
}, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
|
|
9997
10005
|
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",
|
|
9998
10006
|
fill: "#3c5a9a"
|
|
9999
10007
|
})));
|
|
@@ -10066,15 +10074,15 @@ var googleLogin = createCommonjsModule(function (module, exports) {
|
|
|
10066
10074
|
unwrapExports(googleLogin);
|
|
10067
10075
|
var googleLogin_1 = googleLogin.GoogleLogin;
|
|
10068
10076
|
|
|
10069
|
-
var _path$
|
|
10077
|
+
var _path$l, _path2$2, _path3$1, _path4;
|
|
10070
10078
|
|
|
10071
|
-
function _extends$
|
|
10079
|
+
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); }
|
|
10072
10080
|
|
|
10073
10081
|
function SvgGoogleLogo(props) {
|
|
10074
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
10082
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
|
|
10075
10083
|
viewBox: "0 0 24 24",
|
|
10076
10084
|
xmlns: "http://www.w3.org/2000/svg"
|
|
10077
|
-
}, props), _path$
|
|
10085
|
+
}, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
|
|
10078
10086
|
fill: "#4285F4",
|
|
10079
10087
|
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"
|
|
10080
10088
|
})), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -10208,15 +10216,15 @@ function LoginView(props) {
|
|
|
10208
10216
|
}, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null))))));
|
|
10209
10217
|
}
|
|
10210
10218
|
|
|
10211
|
-
var _path$
|
|
10219
|
+
var _path$k, _path2$1, _path3;
|
|
10212
10220
|
|
|
10213
|
-
function _extends$
|
|
10221
|
+
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); }
|
|
10214
10222
|
|
|
10215
10223
|
function SvgPelcroAuthorship(props) {
|
|
10216
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
10224
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
|
|
10217
10225
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10218
10226
|
viewBox: "0 -80.652 497.072 179.991"
|
|
10219
|
-
}, props), _path$
|
|
10227
|
+
}, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
|
|
10220
10228
|
fill: "none",
|
|
10221
10229
|
stroke: "#4a4a4a",
|
|
10222
10230
|
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"
|
|
@@ -10610,7 +10618,17 @@ function RegisterView(props) {
|
|
|
10610
10618
|
className: "plc-w-full plc-mt-2",
|
|
10611
10619
|
id: "pelcro-submit",
|
|
10612
10620
|
name: t("messages.createAccount")
|
|
10613
|
-
}),
|
|
10621
|
+
}), hasSecurityTokenEnabled() && /*#__PURE__*/React__default['default'].createElement("p", {
|
|
10622
|
+
className: "plc-text-sm plc-text-gray-500 plc-mt-1"
|
|
10623
|
+
}, /*#__PURE__*/React__default['default'].createElement(Trans, {
|
|
10624
|
+
i18nKey: "messages:recaptcha"
|
|
10625
|
+
}, "This site is protected by reCAPTCHA and the Google", /*#__PURE__*/React__default['default'].createElement(Link, {
|
|
10626
|
+
href: "https://policies.google.com/privacy",
|
|
10627
|
+
className: "plc-text-sm plc-text-gray-500"
|
|
10628
|
+
}, "Privacy Policy"), "and", /*#__PURE__*/React__default['default'].createElement(Link, {
|
|
10629
|
+
href: "https://policies.google.com/terms",
|
|
10630
|
+
className: "plc-text-sm plc-text-gray-500"
|
|
10631
|
+
}, "Terms of Service"), "apply.")), socialLoginEnabled && /*#__PURE__*/React__default['default'].createElement("div", {
|
|
10614
10632
|
className: "plc-mt-5"
|
|
10615
10633
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
10616
10634
|
className: "plc-flex plc-items-center plc-justify-between "
|
|
@@ -10624,6 +10642,16 @@ function RegisterView(props) {
|
|
|
10624
10642
|
className: "plc-flex plc-justify-center plc-px-5 plc-mt-1 plc-space-x-3"
|
|
10625
10643
|
}, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null))))));
|
|
10626
10644
|
}
|
|
10645
|
+
/**
|
|
10646
|
+
* Checks if the current site has security token enabled
|
|
10647
|
+
* @return {boolean}
|
|
10648
|
+
*/
|
|
10649
|
+
|
|
10650
|
+
function hasSecurityTokenEnabled() {
|
|
10651
|
+
var _window$Pelcro$site, _window$Pelcro$site$r3;
|
|
10652
|
+
|
|
10653
|
+
return Boolean((_window$Pelcro$site = window.Pelcro.site) === null || _window$Pelcro$site === void 0 ? void 0 : (_window$Pelcro$site$r3 = _window$Pelcro$site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.security_key);
|
|
10654
|
+
}
|
|
10627
10655
|
|
|
10628
10656
|
function TextInput({
|
|
10629
10657
|
store,
|
|
@@ -13580,7 +13608,16 @@ const PaymentMethodContainerWithoutStripe = ({
|
|
|
13580
13608
|
const UnwrappedForm = es_12(PaymentMethodContainerWithoutStripe);
|
|
13581
13609
|
|
|
13582
13610
|
const PaymentMethodContainer = props => {
|
|
13583
|
-
|
|
13611
|
+
const [isStripeLoaded, setIsStripeLoaded] = React.useState(Boolean(window.Stripe));
|
|
13612
|
+
React.useEffect(() => {
|
|
13613
|
+
if (!window.Stripe) {
|
|
13614
|
+
document.querySelector('script[src="https://js.stripe.com/v3"]').addEventListener("load", () => {
|
|
13615
|
+
setIsStripeLoaded(true);
|
|
13616
|
+
});
|
|
13617
|
+
}
|
|
13618
|
+
}, []);
|
|
13619
|
+
|
|
13620
|
+
if (isStripeLoaded) {
|
|
13584
13621
|
return /*#__PURE__*/React__default['default'].createElement(es_13, {
|
|
13585
13622
|
apiKey: window.Pelcro.environment.stripe,
|
|
13586
13623
|
stripeAccount: window.Pelcro.site.read().account_id,
|
|
@@ -13678,7 +13715,7 @@ const CheckoutForm = () => {
|
|
|
13678
13715
|
className: "plc-h-4 plc-w-auto plc-mt-2",
|
|
13679
13716
|
src: "https://js.pelcro.com/ui/plugin/main/images/credit_cards.png"
|
|
13680
13717
|
}), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
13681
|
-
className: "plc-flex plc-justify-between plc-my-2"
|
|
13718
|
+
className: "plc-flex plc-justify-between plc-my-2 plc-items-end"
|
|
13682
13719
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
13683
13720
|
className: "plc-w-6/12 plc-pr-4"
|
|
13684
13721
|
}, /*#__PURE__*/React__default['default'].createElement(PelcroCardExpiry, null)), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
@@ -13756,17 +13793,17 @@ const SubmitPaymentMethod = ({
|
|
|
13756
13793
|
}, t("labels.pay"), " ", priceFormatted && priceFormatted) : t("labels.submit"));
|
|
13757
13794
|
};
|
|
13758
13795
|
|
|
13759
|
-
var _path$
|
|
13796
|
+
var _path$j;
|
|
13760
13797
|
|
|
13761
|
-
function _extends$
|
|
13798
|
+
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); }
|
|
13762
13799
|
|
|
13763
13800
|
function SvgArrowLeft(props) {
|
|
13764
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
13801
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
|
|
13765
13802
|
xmlns: "http://www.w3.org/2000/svg",
|
|
13766
13803
|
fill: "none",
|
|
13767
13804
|
viewBox: "0 0 24 24",
|
|
13768
13805
|
stroke: "currentColor"
|
|
13769
|
-
}, props), _path$
|
|
13806
|
+
}, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
|
|
13770
13807
|
strokeLinecap: "round",
|
|
13771
13808
|
strokeLinejoin: "round",
|
|
13772
13809
|
strokeWidth: 2,
|
|
@@ -13848,17 +13885,17 @@ const CouponCodeField = props => {
|
|
|
13848
13885
|
}, props));
|
|
13849
13886
|
};
|
|
13850
13887
|
|
|
13851
|
-
var _path$
|
|
13888
|
+
var _path$i;
|
|
13852
13889
|
|
|
13853
|
-
function _extends$
|
|
13890
|
+
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); }
|
|
13854
13891
|
|
|
13855
13892
|
function SvgTicket(props) {
|
|
13856
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
13893
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
|
|
13857
13894
|
xmlns: "http://www.w3.org/2000/svg",
|
|
13858
13895
|
fill: "none",
|
|
13859
13896
|
viewBox: "0 0 24 24",
|
|
13860
13897
|
stroke: "currentColor"
|
|
13861
|
-
}, props), _path$
|
|
13898
|
+
}, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
|
|
13862
13899
|
strokeLinecap: "round",
|
|
13863
13900
|
strokeLinejoin: "round",
|
|
13864
13901
|
strokeWidth: 2,
|
|
@@ -14217,16 +14254,16 @@ const BankRedirection = () => {
|
|
|
14217
14254
|
}));
|
|
14218
14255
|
};
|
|
14219
14256
|
|
|
14220
|
-
var _path$
|
|
14257
|
+
var _path$h;
|
|
14221
14258
|
|
|
14222
|
-
function _extends$
|
|
14259
|
+
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); }
|
|
14223
14260
|
|
|
14224
14261
|
function SvgLock(props) {
|
|
14225
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
14262
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
|
|
14226
14263
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14227
14264
|
viewBox: "0 0 20 20",
|
|
14228
14265
|
fill: "currentColor"
|
|
14229
|
-
}, props), _path$
|
|
14266
|
+
}, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
|
|
14230
14267
|
fillRule: "evenodd",
|
|
14231
14268
|
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",
|
|
14232
14269
|
clipRule: "evenodd"
|
|
@@ -14448,12 +14485,12 @@ function SubscriptionRenewModal({
|
|
|
14448
14485
|
}
|
|
14449
14486
|
SubscriptionRenewModal.viewId = "subscription-renew";
|
|
14450
14487
|
|
|
14451
|
-
var _path$
|
|
14488
|
+
var _path$g;
|
|
14452
14489
|
|
|
14453
|
-
function _extends$
|
|
14490
|
+
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); }
|
|
14454
14491
|
|
|
14455
14492
|
function SvgGift(props) {
|
|
14456
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
14493
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
|
|
14457
14494
|
className: "plc-w-6 plc-h-6 plc-mr-2",
|
|
14458
14495
|
fill: "none",
|
|
14459
14496
|
stroke: "currentColor",
|
|
@@ -14462,7 +14499,7 @@ function SvgGift(props) {
|
|
|
14462
14499
|
strokeWidth: 2,
|
|
14463
14500
|
viewBox: "0 0 24 24",
|
|
14464
14501
|
xmlns: "http://www.w3.org/2000/svg"
|
|
14465
|
-
}, props), _path$
|
|
14502
|
+
}, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
|
|
14466
14503
|
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"
|
|
14467
14504
|
})));
|
|
14468
14505
|
}
|
|
@@ -15437,13 +15474,11 @@ function Phone({
|
|
|
15437
15474
|
const {
|
|
15438
15475
|
dispatch,
|
|
15439
15476
|
state: {
|
|
15440
|
-
phone
|
|
15477
|
+
phone
|
|
15441
15478
|
}
|
|
15442
15479
|
} = React.useContext(store);
|
|
15443
|
-
const [value, setValue] = React.useState(stateValue);
|
|
15444
15480
|
|
|
15445
15481
|
const handleInputChange = value => {
|
|
15446
|
-
setValue(value);
|
|
15447
15482
|
dispatch({
|
|
15448
15483
|
type: SET_PHONE,
|
|
15449
15484
|
payload: value
|
|
@@ -15452,7 +15487,7 @@ function Phone({
|
|
|
15452
15487
|
|
|
15453
15488
|
return /*#__PURE__*/React__default['default'].createElement(Input, Object.assign({
|
|
15454
15489
|
type: "tel",
|
|
15455
|
-
value:
|
|
15490
|
+
value: phone,
|
|
15456
15491
|
onChange: e => handleInputChange(e.target.value)
|
|
15457
15492
|
}, otherProps));
|
|
15458
15493
|
}
|
|
@@ -15463,17 +15498,17 @@ const UserUpdatePhone = props => /*#__PURE__*/React__default['default'].createEl
|
|
|
15463
15498
|
|
|
15464
15499
|
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";
|
|
15465
15500
|
|
|
15466
|
-
var _path$
|
|
15501
|
+
var _path$f;
|
|
15467
15502
|
|
|
15468
|
-
function _extends$
|
|
15503
|
+
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); }
|
|
15469
15504
|
|
|
15470
15505
|
function SvgEdit(props) {
|
|
15471
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
15506
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
|
|
15472
15507
|
className: "plc-w-6 plc-h-6",
|
|
15473
15508
|
xmlns: "http://www.w3.org/2000/svg",
|
|
15474
15509
|
viewBox: "0 0 20 20",
|
|
15475
15510
|
fill: "currentColor"
|
|
15476
|
-
}, props), _path$
|
|
15511
|
+
}, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
|
|
15477
15512
|
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"
|
|
15478
15513
|
})));
|
|
15479
15514
|
}
|
|
@@ -18583,18 +18618,18 @@ const GiftCreateLastName = props => /*#__PURE__*/React__default['default'].creat
|
|
|
18583
18618
|
store: store$4
|
|
18584
18619
|
}, props));
|
|
18585
18620
|
|
|
18586
|
-
var _path$
|
|
18621
|
+
var _path$e;
|
|
18587
18622
|
|
|
18588
|
-
function _extends$
|
|
18623
|
+
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); }
|
|
18589
18624
|
|
|
18590
18625
|
function SvgInfoCircle(props) {
|
|
18591
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
18626
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
|
|
18592
18627
|
xmlns: "http://www.w3.org/2000/svg",
|
|
18593
18628
|
className: "plc-w-5 plc-h-5",
|
|
18594
18629
|
fill: "none",
|
|
18595
18630
|
viewBox: "0 0 24 24",
|
|
18596
18631
|
stroke: "currentColor"
|
|
18597
|
-
}, props), _path$
|
|
18632
|
+
}, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
|
|
18598
18633
|
strokeLinecap: "round",
|
|
18599
18634
|
strokeLinejoin: "round",
|
|
18600
18635
|
strokeWidth: 2,
|
|
@@ -19581,8 +19616,8 @@ const PaymentMethodSelectModal = ({
|
|
|
19581
19616
|
};
|
|
19582
19617
|
PaymentMethodSelectModal.viewId = "payment-method-select";
|
|
19583
19618
|
|
|
19584
|
-
function _extends$
|
|
19585
|
-
_extends$
|
|
19619
|
+
function _extends$f() {
|
|
19620
|
+
_extends$f = Object.assign || function (target) {
|
|
19586
19621
|
for (var i = 1; i < arguments.length; i++) {
|
|
19587
19622
|
var source = arguments[i];
|
|
19588
19623
|
|
|
@@ -19596,7 +19631,7 @@ function _extends$e() {
|
|
|
19596
19631
|
return target;
|
|
19597
19632
|
};
|
|
19598
19633
|
|
|
19599
|
-
return _extends$
|
|
19634
|
+
return _extends$f.apply(this, arguments);
|
|
19600
19635
|
}
|
|
19601
19636
|
|
|
19602
19637
|
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
@@ -19780,7 +19815,7 @@ function render(props, propsBag, defaultTag, features, visible) {
|
|
|
19780
19815
|
return match(strategy, (_match = {}, _match[RenderStrategy.Unmount] = function () {
|
|
19781
19816
|
return null;
|
|
19782
19817
|
}, _match[RenderStrategy.Hidden] = function () {
|
|
19783
|
-
return _render(_extends$
|
|
19818
|
+
return _render(_extends$f({}, _rest, {
|
|
19784
19819
|
hidden: true,
|
|
19785
19820
|
style: {
|
|
19786
19821
|
display: 'none'
|
|
@@ -20308,7 +20343,7 @@ function TransitionChild(props) {
|
|
|
20308
20343
|
var passthroughProps = rest;
|
|
20309
20344
|
return React__default['default'].createElement(NestingContext.Provider, {
|
|
20310
20345
|
value: nesting
|
|
20311
|
-
}, render(_extends$
|
|
20346
|
+
}, render(_extends$f({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
|
|
20312
20347
|
}
|
|
20313
20348
|
|
|
20314
20349
|
function Transition(props) {
|
|
@@ -20352,7 +20387,7 @@ function Transition(props) {
|
|
|
20352
20387
|
value: nestingBag
|
|
20353
20388
|
}, React__default['default'].createElement(TransitionContext.Provider, {
|
|
20354
20389
|
value: transitionBag
|
|
20355
|
-
}, render(_extends$
|
|
20390
|
+
}, render(_extends$f({}, sharedProps, {
|
|
20356
20391
|
as: React.Fragment,
|
|
20357
20392
|
children: React__default['default'].createElement(TransitionChild, Object.assign({}, sharedProps, passthroughProps))
|
|
20358
20393
|
}), propsBag, React.Fragment, TransitionChildRenderFeatures, state === TreeStates.Visible)));
|
|
@@ -20479,12 +20514,12 @@ var ActionTypes;
|
|
|
20479
20514
|
})(ActionTypes || (ActionTypes = {}));
|
|
20480
20515
|
|
|
20481
20516
|
(_reducers = {}, _reducers[ActionTypes.CloseMenu] = function (state) {
|
|
20482
|
-
return _extends$
|
|
20517
|
+
return _extends$f({}, state, {
|
|
20483
20518
|
activeItemIndex: null,
|
|
20484
20519
|
menuState: MenuStates.Closed
|
|
20485
20520
|
});
|
|
20486
20521
|
}, _reducers[ActionTypes.OpenMenu] = function (state) {
|
|
20487
|
-
return _extends$
|
|
20522
|
+
return _extends$f({}, state, {
|
|
20488
20523
|
menuState: MenuStates.Open
|
|
20489
20524
|
});
|
|
20490
20525
|
}, _reducers[ActionTypes.GoToItem] = function (state, action) {
|
|
@@ -20503,7 +20538,7 @@ var ActionTypes;
|
|
|
20503
20538
|
}
|
|
20504
20539
|
});
|
|
20505
20540
|
if (state.searchQuery === '' && state.activeItemIndex === activeItemIndex) return state;
|
|
20506
|
-
return _extends$
|
|
20541
|
+
return _extends$f({}, state, {
|
|
20507
20542
|
searchQuery: '',
|
|
20508
20543
|
activeItemIndex: activeItemIndex
|
|
20509
20544
|
});
|
|
@@ -20514,19 +20549,19 @@ var ActionTypes;
|
|
|
20514
20549
|
|
|
20515
20550
|
return ((_item$dataRef$current = item.dataRef.current.textValue) == null ? void 0 : _item$dataRef$current.startsWith(searchQuery)) && !item.dataRef.current.disabled;
|
|
20516
20551
|
});
|
|
20517
|
-
if (match === -1 || match === state.activeItemIndex) return _extends$
|
|
20552
|
+
if (match === -1 || match === state.activeItemIndex) return _extends$f({}, state, {
|
|
20518
20553
|
searchQuery: searchQuery
|
|
20519
20554
|
});
|
|
20520
|
-
return _extends$
|
|
20555
|
+
return _extends$f({}, state, {
|
|
20521
20556
|
searchQuery: searchQuery,
|
|
20522
20557
|
activeItemIndex: match
|
|
20523
20558
|
});
|
|
20524
20559
|
}, _reducers[ActionTypes.ClearSearch] = function (state) {
|
|
20525
|
-
return _extends$
|
|
20560
|
+
return _extends$f({}, state, {
|
|
20526
20561
|
searchQuery: ''
|
|
20527
20562
|
});
|
|
20528
20563
|
}, _reducers[ActionTypes.RegisterItem] = function (state, action) {
|
|
20529
|
-
return _extends$
|
|
20564
|
+
return _extends$f({}, state, {
|
|
20530
20565
|
items: [].concat(state.items, [{
|
|
20531
20566
|
id: action.id,
|
|
20532
20567
|
dataRef: action.dataRef
|
|
@@ -20539,7 +20574,7 @@ var ActionTypes;
|
|
|
20539
20574
|
return a.id === action.id;
|
|
20540
20575
|
});
|
|
20541
20576
|
if (idx !== -1) nextItems.splice(idx, 1);
|
|
20542
|
-
return _extends$
|
|
20577
|
+
return _extends$f({}, state, {
|
|
20543
20578
|
items: nextItems,
|
|
20544
20579
|
activeItemIndex: function () {
|
|
20545
20580
|
if (idx === state.activeItemIndex) return null;
|
|
@@ -20578,19 +20613,19 @@ var ActionTypes$1;
|
|
|
20578
20613
|
(_reducers$1 = {}, _reducers$1[ActionTypes$1.CloseListbox] = function (state) {
|
|
20579
20614
|
if (state.disabled) return state;
|
|
20580
20615
|
if (state.listboxState === ListboxStates.Closed) return state;
|
|
20581
|
-
return _extends$
|
|
20616
|
+
return _extends$f({}, state, {
|
|
20582
20617
|
activeOptionIndex: null,
|
|
20583
20618
|
listboxState: ListboxStates.Closed
|
|
20584
20619
|
});
|
|
20585
20620
|
}, _reducers$1[ActionTypes$1.OpenListbox] = function (state) {
|
|
20586
20621
|
if (state.disabled) return state;
|
|
20587
20622
|
if (state.listboxState === ListboxStates.Open) return state;
|
|
20588
|
-
return _extends$
|
|
20623
|
+
return _extends$f({}, state, {
|
|
20589
20624
|
listboxState: ListboxStates.Open
|
|
20590
20625
|
});
|
|
20591
20626
|
}, _reducers$1[ActionTypes$1.SetDisabled] = function (state, action) {
|
|
20592
20627
|
if (state.disabled === action.disabled) return state;
|
|
20593
|
-
return _extends$
|
|
20628
|
+
return _extends$f({}, state, {
|
|
20594
20629
|
disabled: action.disabled
|
|
20595
20630
|
});
|
|
20596
20631
|
}, _reducers$1[ActionTypes$1.GoToOption] = function (state, action) {
|
|
@@ -20611,7 +20646,7 @@ var ActionTypes$1;
|
|
|
20611
20646
|
}
|
|
20612
20647
|
});
|
|
20613
20648
|
if (state.searchQuery === '' && state.activeOptionIndex === activeOptionIndex) return state;
|
|
20614
|
-
return _extends$
|
|
20649
|
+
return _extends$f({}, state, {
|
|
20615
20650
|
searchQuery: '',
|
|
20616
20651
|
activeOptionIndex: activeOptionIndex
|
|
20617
20652
|
});
|
|
@@ -20624,10 +20659,10 @@ var ActionTypes$1;
|
|
|
20624
20659
|
|
|
20625
20660
|
return !option.dataRef.current.disabled && ((_option$dataRef$curre = option.dataRef.current.textValue) == null ? void 0 : _option$dataRef$curre.startsWith(searchQuery));
|
|
20626
20661
|
});
|
|
20627
|
-
if (match === -1 || match === state.activeOptionIndex) return _extends$
|
|
20662
|
+
if (match === -1 || match === state.activeOptionIndex) return _extends$f({}, state, {
|
|
20628
20663
|
searchQuery: searchQuery
|
|
20629
20664
|
});
|
|
20630
|
-
return _extends$
|
|
20665
|
+
return _extends$f({}, state, {
|
|
20631
20666
|
searchQuery: searchQuery,
|
|
20632
20667
|
activeOptionIndex: match
|
|
20633
20668
|
});
|
|
@@ -20635,11 +20670,11 @@ var ActionTypes$1;
|
|
|
20635
20670
|
if (state.disabled) return state;
|
|
20636
20671
|
if (state.listboxState === ListboxStates.Closed) return state;
|
|
20637
20672
|
if (state.searchQuery === '') return state;
|
|
20638
|
-
return _extends$
|
|
20673
|
+
return _extends$f({}, state, {
|
|
20639
20674
|
searchQuery: ''
|
|
20640
20675
|
});
|
|
20641
20676
|
}, _reducers$1[ActionTypes$1.RegisterOption] = function (state, action) {
|
|
20642
|
-
return _extends$
|
|
20677
|
+
return _extends$f({}, state, {
|
|
20643
20678
|
options: [].concat(state.options, [{
|
|
20644
20679
|
id: action.id,
|
|
20645
20680
|
dataRef: action.dataRef
|
|
@@ -20652,7 +20687,7 @@ var ActionTypes$1;
|
|
|
20652
20687
|
return a.id === action.id;
|
|
20653
20688
|
});
|
|
20654
20689
|
if (idx !== -1) nextOptions.splice(idx, 1);
|
|
20655
|
-
return _extends$
|
|
20690
|
+
return _extends$f({}, state, {
|
|
20656
20691
|
options: nextOptions,
|
|
20657
20692
|
activeOptionIndex: function () {
|
|
20658
20693
|
if (idx === state.activeOptionIndex) return null;
|
|
@@ -20713,18 +20748,18 @@ const getPaymentCardIcon = name => {
|
|
|
20713
20748
|
}));
|
|
20714
20749
|
};
|
|
20715
20750
|
|
|
20716
|
-
var _path$
|
|
20751
|
+
var _path$d;
|
|
20717
20752
|
|
|
20718
|
-
function _extends$
|
|
20753
|
+
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); }
|
|
20719
20754
|
|
|
20720
20755
|
function SvgChevronRight(props) {
|
|
20721
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
20756
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
|
|
20722
20757
|
className: "plc-w-6 plc-h-6",
|
|
20723
20758
|
xmlns: "http://www.w3.org/2000/svg",
|
|
20724
20759
|
fill: "none",
|
|
20725
20760
|
viewBox: "0 0 24 24",
|
|
20726
20761
|
stroke: "currentColor"
|
|
20727
|
-
}, props), _path$
|
|
20762
|
+
}, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
|
|
20728
20763
|
strokeLinecap: "round",
|
|
20729
20764
|
strokeLinejoin: "round",
|
|
20730
20765
|
strokeWidth: 2,
|
|
@@ -20940,6 +20975,266 @@ const SavedItems = ({
|
|
|
20940
20975
|
});
|
|
20941
20976
|
};
|
|
20942
20977
|
|
|
20978
|
+
var _path$c;
|
|
20979
|
+
|
|
20980
|
+
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); }
|
|
20981
|
+
|
|
20982
|
+
function SvgRefresh(props) {
|
|
20983
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
|
|
20984
|
+
className: "plc-w-4 plc-h-4 plc-mr-1",
|
|
20985
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
20986
|
+
fill: "none",
|
|
20987
|
+
viewBox: "0 0 24 24",
|
|
20988
|
+
stroke: "currentColor"
|
|
20989
|
+
}, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
|
|
20990
|
+
strokeLinecap: "round",
|
|
20991
|
+
strokeLinejoin: "round",
|
|
20992
|
+
strokeWidth: 2,
|
|
20993
|
+
d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
|
|
20994
|
+
})));
|
|
20995
|
+
}
|
|
20996
|
+
|
|
20997
|
+
var _path$b;
|
|
20998
|
+
|
|
20999
|
+
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); }
|
|
21000
|
+
|
|
21001
|
+
function SvgCalendar(props) {
|
|
21002
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
|
|
21003
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
21004
|
+
className: "plc-h-4 plc-w-4 plc-mr-1",
|
|
21005
|
+
viewBox: "0 0 20 20",
|
|
21006
|
+
fill: "currentColor"
|
|
21007
|
+
}, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21008
|
+
fillRule: "evenodd",
|
|
21009
|
+
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",
|
|
21010
|
+
clipRule: "evenodd"
|
|
21011
|
+
})));
|
|
21012
|
+
}
|
|
21013
|
+
|
|
21014
|
+
var _path$a;
|
|
21015
|
+
|
|
21016
|
+
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); }
|
|
21017
|
+
|
|
21018
|
+
function SvgPlus(props) {
|
|
21019
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
|
|
21020
|
+
className: "plc-w-5 plc-h-5",
|
|
21021
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
21022
|
+
fill: "none",
|
|
21023
|
+
viewBox: "0 0 24 24",
|
|
21024
|
+
stroke: "currentColor"
|
|
21025
|
+
}, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21026
|
+
strokeLinecap: "round",
|
|
21027
|
+
strokeLinejoin: "round",
|
|
21028
|
+
strokeWidth: 2,
|
|
21029
|
+
d: "M12 6v6m0 0v6m0-6h6m-6 0H6"
|
|
21030
|
+
})));
|
|
21031
|
+
}
|
|
21032
|
+
|
|
21033
|
+
var _path$9;
|
|
21034
|
+
|
|
21035
|
+
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); }
|
|
21036
|
+
|
|
21037
|
+
function SvgCheckMark(props) {
|
|
21038
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
|
|
21039
|
+
className: "plc-w-4 plc-h-4 plc-mr-1",
|
|
21040
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
21041
|
+
viewBox: "0 0 20 20",
|
|
21042
|
+
fill: "currentColor"
|
|
21043
|
+
}, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21044
|
+
fillRule: "evenodd",
|
|
21045
|
+
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",
|
|
21046
|
+
clipRule: "evenodd"
|
|
21047
|
+
})));
|
|
21048
|
+
}
|
|
21049
|
+
|
|
21050
|
+
const SubscriptionsMenu = props => {
|
|
21051
|
+
const {
|
|
21052
|
+
t
|
|
21053
|
+
} = useTranslation("dashboard");
|
|
21054
|
+
return /*#__PURE__*/React__default['default'].createElement("table", {
|
|
21055
|
+
className: "plc-w-full plc-table-fixed"
|
|
21056
|
+
}, /*#__PURE__*/React__default['default'].createElement("thead", {
|
|
21057
|
+
className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
|
|
21058
|
+
}, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", {
|
|
21059
|
+
className: "plc-w-3/12 "
|
|
21060
|
+
}, t("labels.plan")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
21061
|
+
className: "plc-w-4/12 "
|
|
21062
|
+
}, t("labels.status.title")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
21063
|
+
className: "plc-w-3/12 "
|
|
21064
|
+
}, t("labels.actions")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
21065
|
+
className: "plc-w-2/12 "
|
|
21066
|
+
}))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", {
|
|
21067
|
+
className: "plc-h-4"
|
|
21068
|
+
})), /*#__PURE__*/React__default['default'].createElement(Accordion, null, /*#__PURE__*/React__default['default'].createElement(SubscriptionsItems, props)), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
|
|
21069
|
+
colSpan: "4",
|
|
21070
|
+
className: "plc-p-1"
|
|
21071
|
+
}, /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
21072
|
+
variant: "ghost",
|
|
21073
|
+
icon: /*#__PURE__*/React__default['default'].createElement(SvgPlus, {
|
|
21074
|
+
className: "plc-w-4 plc-h-4 plc-mr-1"
|
|
21075
|
+
}),
|
|
21076
|
+
className: "plc-w-full plc-h-8 plc-font-semibold plc-tracking-wider plc-text-gray-900 plc-uppercase plc-rounded-none hover:plc-bg-gray-100",
|
|
21077
|
+
onClick: props.displayProductSelect
|
|
21078
|
+
}, t("labels.addSubscription")))), /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
|
|
21079
|
+
colSpan: "4",
|
|
21080
|
+
className: "plc-p-1"
|
|
21081
|
+
}, /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
21082
|
+
variant: "ghost",
|
|
21083
|
+
icon: /*#__PURE__*/React__default['default'].createElement(SvgGift, {
|
|
21084
|
+
className: "plc-w-4 plc-h-4 plc-mr-1"
|
|
21085
|
+
}),
|
|
21086
|
+
className: "plc-w-full plc-h-8 plc-font-semibold plc-tracking-wider plc-text-gray-900 plc-uppercase plc-rounded-none hover:plc-bg-gray-100",
|
|
21087
|
+
onClick: props.displayRedeem
|
|
21088
|
+
}, t("labels.redeemGift"))))));
|
|
21089
|
+
};
|
|
21090
|
+
const SubscriptionsItems = ({
|
|
21091
|
+
onClose,
|
|
21092
|
+
cancelSubscription,
|
|
21093
|
+
reactivateSubscription,
|
|
21094
|
+
setProductAndPlan,
|
|
21095
|
+
setSubscriptionIdToRenew,
|
|
21096
|
+
setView,
|
|
21097
|
+
getSubscriptionStatus,
|
|
21098
|
+
disableSubmit,
|
|
21099
|
+
activeMenu,
|
|
21100
|
+
toggleActiveMenu
|
|
21101
|
+
}) => {
|
|
21102
|
+
const {
|
|
21103
|
+
t
|
|
21104
|
+
} = useTranslation("dashboard");
|
|
21105
|
+
const subs = window.Pelcro.subscription.list();
|
|
21106
|
+
if (!subs || subs.length === 0) return null;
|
|
21107
|
+
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 => {
|
|
21108
|
+
const isActive = activeMenu === sub.id; // Cancel button click handlers
|
|
21109
|
+
|
|
21110
|
+
const onCancelClick = () => {
|
|
21111
|
+
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
21112
|
+
notify.confirm((onSuccess, onFailure) => {
|
|
21113
|
+
cancelSubscription(sub.id, onSuccess, onFailure);
|
|
21114
|
+
}, {
|
|
21115
|
+
confirmMessage: t("messages.subCancellation.isSureToCancel"),
|
|
21116
|
+
loadingMessage: t("messages.subCancellation.loading"),
|
|
21117
|
+
successMessage: t("messages.subCancellation.success"),
|
|
21118
|
+
errorMessage: t("messages.subCancellation.error")
|
|
21119
|
+
}, {
|
|
21120
|
+
closeButtonLabel: t("labels.subCancellation.goBack")
|
|
21121
|
+
});
|
|
21122
|
+
}; // Reactivate button click handlers
|
|
21123
|
+
|
|
21124
|
+
|
|
21125
|
+
const onReactivateClick = () => {
|
|
21126
|
+
reactivateSubscription(sub.id);
|
|
21127
|
+
}; // Renew click
|
|
21128
|
+
|
|
21129
|
+
|
|
21130
|
+
const onRenewClick = () => {
|
|
21131
|
+
const product_id = sub.plan.product.id;
|
|
21132
|
+
const plan_id = sub.plan.id;
|
|
21133
|
+
const product = window.Pelcro.product.getById(product_id);
|
|
21134
|
+
const plan = window.Pelcro.plan.getById(plan_id);
|
|
21135
|
+
setProductAndPlan(product, plan);
|
|
21136
|
+
setSubscriptionIdToRenew(sub.id);
|
|
21137
|
+
setView("plan-select");
|
|
21138
|
+
};
|
|
21139
|
+
|
|
21140
|
+
const getPhases = () => {
|
|
21141
|
+
if (!sub.schedule) return [];
|
|
21142
|
+
const currentPhaseStartDate = sub.schedule.current_phase.start_date;
|
|
21143
|
+
const currentPhase = sub.schedule.phases.find(phase => {
|
|
21144
|
+
return phase.start_date === currentPhaseStartDate;
|
|
21145
|
+
});
|
|
21146
|
+
const futurePhases = sub.schedule.phases.filter(phase => {
|
|
21147
|
+
return phase.start_date > currentPhaseStartDate;
|
|
21148
|
+
});
|
|
21149
|
+
return [currentPhase, ...futurePhases];
|
|
21150
|
+
};
|
|
21151
|
+
|
|
21152
|
+
const hasPhases = getPhases().length > 0;
|
|
21153
|
+
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, {
|
|
21154
|
+
key: sub.id
|
|
21155
|
+
}, /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", {
|
|
21156
|
+
onClick: () => {
|
|
21157
|
+
if (hasPhases) toggleActiveMenu(sub.id);
|
|
21158
|
+
},
|
|
21159
|
+
key: sub.id,
|
|
21160
|
+
className: `plc-w-full plc-align-middle plc-cursor-pointer accordion-header ${isActive ? "plc-bg-gray-100" : "hover:plc-bg-gray-50"}`
|
|
21161
|
+
}, /*#__PURE__*/React__default['default'].createElement("td", {
|
|
21162
|
+
className: "plc-truncate"
|
|
21163
|
+
}, sub.plan.nickname && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21164
|
+
className: "plc-font-semibold plc-text-gray-500"
|
|
21165
|
+
}, sub.plan.nickname), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21166
|
+
className: "plc-text-xs plc-text-gray-400"
|
|
21167
|
+
}, getFormattedPriceByLocal(sub.plan.amount, sub.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default['default'].createElement("td", {
|
|
21168
|
+
className: "plc-py-2"
|
|
21169
|
+
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21170
|
+
className: `plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold ${getSubscriptionStatus(sub).bgColor} plc-uppercase ${getSubscriptionStatus(sub).textColor} plc-rounded-lg`
|
|
21171
|
+
}, getSubscriptionStatus(sub).icon, getSubscriptionStatus(sub).title), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
21172
|
+
className: "plc-text-xs plc-text-gray-500"
|
|
21173
|
+
}, sub.status && /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21174
|
+
className: "plc-inline-block plc-mt-1 plc-underline"
|
|
21175
|
+
}, getSubscriptionStatus(sub).content), /*#__PURE__*/React__default['default'].createElement("br", null), sub.shipments_remaining ? /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21176
|
+
className: "plc-inline-block plc-mt-1"
|
|
21177
|
+
}, sub.shipments_remaining, " ", t("labels.shipments")) : null)), /*#__PURE__*/React__default['default'].createElement("td", null, sub.cancel_at_period_end === 0 && /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
21178
|
+
variant: "ghost",
|
|
21179
|
+
className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
|
|
21180
|
+
icon: /*#__PURE__*/React__default['default'].createElement(SvgXIconSolid, null),
|
|
21181
|
+
onClick: onCancelClick,
|
|
21182
|
+
disabled: disableSubmit,
|
|
21183
|
+
"data-key": sub.id
|
|
21184
|
+
}, t("labels.unsubscribe")), sub.cancel_at_period_end === 1 && sub.plan.auto_renew && !sub.is_gift_recipient && /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
21185
|
+
variant: "ghost",
|
|
21186
|
+
className: "plc-text-green-400 focus:plc-ring-green-300 pelcro-dashboard-sub-reactivate-button",
|
|
21187
|
+
icon: /*#__PURE__*/React__default['default'].createElement(SvgRefresh, null),
|
|
21188
|
+
onClick: onReactivateClick,
|
|
21189
|
+
disabled: disableSubmit,
|
|
21190
|
+
"data-key": sub.id
|
|
21191
|
+
}, t("labels.reactivate")), sub.cancel_at_period_end === 1 && /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
21192
|
+
variant: "ghost",
|
|
21193
|
+
className: "plc-text-blue-400 pelcro-dashboard-sub-renew-button",
|
|
21194
|
+
icon: /*#__PURE__*/React__default['default'].createElement(SvgRefresh, null),
|
|
21195
|
+
onClick: onRenewClick,
|
|
21196
|
+
disabled: disableSubmit,
|
|
21197
|
+
"data-key": sub.id
|
|
21198
|
+
}, t("labels.renew"))), /*#__PURE__*/React__default['default'].createElement("td", null, hasPhases && /*#__PURE__*/React__default['default'].createElement("div", {
|
|
21199
|
+
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"}`
|
|
21200
|
+
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21201
|
+
className: `plc-transition plc-ease-out ${isActive && "plc-text-white plc-transform plc-rotate-90"}`
|
|
21202
|
+
}, /*#__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) => {
|
|
21203
|
+
var _phase$plans;
|
|
21204
|
+
|
|
21205
|
+
const plan = (_phase$plans = phase.plans) === null || _phase$plans === void 0 ? void 0 : _phase$plans[0].plan;
|
|
21206
|
+
const isCurrentPhase = i === 0;
|
|
21207
|
+
const startDate = new Date(Number(`${phase.start_date}000`));
|
|
21208
|
+
const endDate = new Date(Number(`${phase.end_date}000`));
|
|
21209
|
+
const formattedStartDate = new Intl.DateTimeFormat("en-CA").format(startDate);
|
|
21210
|
+
const formattedEndDate = new Intl.DateTimeFormat("en-CA").format(endDate);
|
|
21211
|
+
const startDateString = `${t("labels.startsOn")} ${formattedStartDate}`;
|
|
21212
|
+
const endDateString = `${t("labels.expiresOn")} ${formattedEndDate}`;
|
|
21213
|
+
return /*#__PURE__*/React__default['default'].createElement("tr", {
|
|
21214
|
+
key: `${phase.start_date}-${phase.end_date}`,
|
|
21215
|
+
className: "pelcro-sub-phase-row plc-w-full plc-align-middle"
|
|
21216
|
+
}, /*#__PURE__*/React__default['default'].createElement("td", {
|
|
21217
|
+
className: "plc-truncate"
|
|
21218
|
+
}, plan.nickname && /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21219
|
+
className: "plc-font-semibold plc-text-gray-500"
|
|
21220
|
+
}, plan.nickname)), /*#__PURE__*/React__default['default'].createElement("td", {
|
|
21221
|
+
className: "plc-py-2"
|
|
21222
|
+
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21223
|
+
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"}
|
|
21224
|
+
`
|
|
21225
|
+
}, 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", {
|
|
21226
|
+
className: "plc-text-xs plc-text-gray-500"
|
|
21227
|
+
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21228
|
+
className: "plc-inline-block plc-mt-1 plc-underline"
|
|
21229
|
+
}, isCurrentPhase ? endDateString : startDateString))));
|
|
21230
|
+
}), /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
|
|
21231
|
+
colSpan: "4"
|
|
21232
|
+
}, /*#__PURE__*/React__default['default'].createElement("hr", {
|
|
21233
|
+
className: "plc-mt-4"
|
|
21234
|
+
}))))));
|
|
21235
|
+
});
|
|
21236
|
+
};
|
|
21237
|
+
|
|
20943
21238
|
/**
|
|
20944
21239
|
* @typedef {Object} AccordionPropsType
|
|
20945
21240
|
* @property {string} initialActiveMenu the initial active menu
|
|
@@ -20966,7 +21261,7 @@ const Accordion = ({
|
|
|
20966
21261
|
};
|
|
20967
21262
|
|
|
20968
21263
|
return React__default['default'].Children.map(children, (child, i) => {
|
|
20969
|
-
if (child.type === Accordion.item || child.type === OrderItems || child.type === SavedItems) {
|
|
21264
|
+
if (child.type === Accordion.item || child.type === OrderItems || child.type === SavedItems || child.type === SubscriptionsItems) {
|
|
20970
21265
|
return /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
20971
21266
|
activeMenu,
|
|
20972
21267
|
toggleActiveMenu,
|
|
@@ -21022,18 +21317,18 @@ Accordion.item = function AccordionItem({
|
|
|
21022
21317
|
}, content)) : null;
|
|
21023
21318
|
};
|
|
21024
21319
|
|
|
21025
|
-
var _path$
|
|
21320
|
+
var _path$8;
|
|
21026
21321
|
|
|
21027
|
-
function _extends$
|
|
21322
|
+
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); }
|
|
21028
21323
|
|
|
21029
21324
|
function SvgExit(props) {
|
|
21030
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
21325
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
|
|
21031
21326
|
className: "plc-w-6 plc-h-6",
|
|
21032
21327
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21033
21328
|
fill: "none",
|
|
21034
21329
|
viewBox: "0 0 24 24",
|
|
21035
21330
|
stroke: "currentColor"
|
|
21036
|
-
}, props), _path$
|
|
21331
|
+
}, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21037
21332
|
strokeLinecap: "round",
|
|
21038
21333
|
strokeLinejoin: "round",
|
|
21039
21334
|
strokeWidth: 2,
|
|
@@ -21041,34 +21336,17 @@ function SvgExit(props) {
|
|
|
21041
21336
|
})));
|
|
21042
21337
|
}
|
|
21043
21338
|
|
|
21044
|
-
var _path$
|
|
21045
|
-
|
|
21046
|
-
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); }
|
|
21047
|
-
|
|
21048
|
-
function SvgCheckMark(props) {
|
|
21049
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
|
|
21050
|
-
className: "plc-w-4 plc-h-4 plc-mr-1",
|
|
21051
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
21052
|
-
viewBox: "0 0 20 20",
|
|
21053
|
-
fill: "currentColor"
|
|
21054
|
-
}, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21055
|
-
fillRule: "evenodd",
|
|
21056
|
-
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",
|
|
21057
|
-
clipRule: "evenodd"
|
|
21058
|
-
})));
|
|
21059
|
-
}
|
|
21060
|
-
|
|
21061
|
-
var _path$9;
|
|
21339
|
+
var _path$7;
|
|
21062
21340
|
|
|
21063
|
-
function _extends$
|
|
21341
|
+
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); }
|
|
21064
21342
|
|
|
21065
21343
|
function SvgUser(props) {
|
|
21066
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
21344
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
|
|
21067
21345
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21068
21346
|
fill: "none",
|
|
21069
21347
|
viewBox: "0 0 24 24",
|
|
21070
21348
|
stroke: "currentColor"
|
|
21071
|
-
}, props), _path$
|
|
21349
|
+
}, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21072
21350
|
strokeLinecap: "round",
|
|
21073
21351
|
strokeLinejoin: "round",
|
|
21074
21352
|
strokeWidth: 2,
|
|
@@ -21076,18 +21354,18 @@ function SvgUser(props) {
|
|
|
21076
21354
|
})));
|
|
21077
21355
|
}
|
|
21078
21356
|
|
|
21079
|
-
var _path$
|
|
21357
|
+
var _path$6;
|
|
21080
21358
|
|
|
21081
|
-
function _extends$
|
|
21359
|
+
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); }
|
|
21082
21360
|
|
|
21083
21361
|
function SvgNewsletter(props) {
|
|
21084
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
21362
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
|
|
21085
21363
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21086
21364
|
className: "plc-h-5 plc-w-5",
|
|
21087
21365
|
fill: "none",
|
|
21088
21366
|
viewBox: "0 0 24 24",
|
|
21089
21367
|
stroke: "currentColor"
|
|
21090
|
-
}, props), _path$
|
|
21368
|
+
}, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21091
21369
|
strokeLinecap: "round",
|
|
21092
21370
|
strokeLinejoin: "round",
|
|
21093
21371
|
strokeWidth: 2,
|
|
@@ -21095,37 +21373,18 @@ function SvgNewsletter(props) {
|
|
|
21095
21373
|
})));
|
|
21096
21374
|
}
|
|
21097
21375
|
|
|
21098
|
-
var _path$
|
|
21376
|
+
var _path$5;
|
|
21099
21377
|
|
|
21100
|
-
function _extends$
|
|
21101
|
-
|
|
21102
|
-
function SvgRefresh(props) {
|
|
21103
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
|
|
21104
|
-
className: "plc-w-4 plc-h-4 plc-mr-1",
|
|
21105
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
21106
|
-
fill: "none",
|
|
21107
|
-
viewBox: "0 0 24 24",
|
|
21108
|
-
stroke: "currentColor"
|
|
21109
|
-
}, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21110
|
-
strokeLinecap: "round",
|
|
21111
|
-
strokeLinejoin: "round",
|
|
21112
|
-
strokeWidth: 2,
|
|
21113
|
-
d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
|
|
21114
|
-
})));
|
|
21115
|
-
}
|
|
21116
|
-
|
|
21117
|
-
var _path$6;
|
|
21118
|
-
|
|
21119
|
-
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); }
|
|
21378
|
+
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); }
|
|
21120
21379
|
|
|
21121
21380
|
function SvgPaymentCard(props) {
|
|
21122
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
21381
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
|
|
21123
21382
|
className: "plc-w-6 plc-h-6 plc-mr-2",
|
|
21124
21383
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21125
21384
|
fill: "none",
|
|
21126
21385
|
viewBox: "0 0 24 24",
|
|
21127
21386
|
stroke: "currentColor"
|
|
21128
|
-
}, props), _path$
|
|
21387
|
+
}, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21129
21388
|
strokeLinecap: "round",
|
|
21130
21389
|
strokeLinejoin: "round",
|
|
21131
21390
|
strokeWidth: 2,
|
|
@@ -21133,18 +21392,18 @@ function SvgPaymentCard(props) {
|
|
|
21133
21392
|
})));
|
|
21134
21393
|
}
|
|
21135
21394
|
|
|
21136
|
-
var _path$
|
|
21395
|
+
var _path$4, _path2;
|
|
21137
21396
|
|
|
21138
|
-
function _extends$
|
|
21397
|
+
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); }
|
|
21139
21398
|
|
|
21140
21399
|
function SvgLocationPin(props) {
|
|
21141
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
21400
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
|
|
21142
21401
|
className: "plc-w-6 plc-h-6 plc-mr-2",
|
|
21143
21402
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21144
21403
|
fill: "none",
|
|
21145
21404
|
viewBox: "0 0 24 24",
|
|
21146
21405
|
stroke: "currentColor"
|
|
21147
|
-
}, props), _path$
|
|
21406
|
+
}, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21148
21407
|
strokeLinecap: "round",
|
|
21149
21408
|
strokeLinejoin: "round",
|
|
21150
21409
|
strokeWidth: 2,
|
|
@@ -21159,10 +21418,10 @@ function SvgLocationPin(props) {
|
|
|
21159
21418
|
|
|
21160
21419
|
var _switch;
|
|
21161
21420
|
|
|
21162
|
-
function _extends$
|
|
21421
|
+
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); }
|
|
21163
21422
|
|
|
21164
21423
|
function SvgSubscription(props) {
|
|
21165
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
21424
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
|
|
21166
21425
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21167
21426
|
viewBox: "0 0 100 125",
|
|
21168
21427
|
fill: "currentColor"
|
|
@@ -21177,30 +21436,11 @@ function SvgSubscription(props) {
|
|
|
21177
21436
|
}))))));
|
|
21178
21437
|
}
|
|
21179
21438
|
|
|
21180
|
-
var _path$4;
|
|
21181
|
-
|
|
21182
|
-
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); }
|
|
21183
|
-
|
|
21184
|
-
function SvgShopping(props) {
|
|
21185
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
|
|
21186
|
-
className: "plc-w-6 plc-h-6 plc-mr-2",
|
|
21187
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
21188
|
-
fill: "none",
|
|
21189
|
-
viewBox: "0 0 24 24",
|
|
21190
|
-
stroke: "currentColor"
|
|
21191
|
-
}, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21192
|
-
strokeLinecap: "round",
|
|
21193
|
-
strokeLinejoin: "round",
|
|
21194
|
-
strokeWidth: 2,
|
|
21195
|
-
d: "M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"
|
|
21196
|
-
})));
|
|
21197
|
-
}
|
|
21198
|
-
|
|
21199
21439
|
var _path$3;
|
|
21200
21440
|
|
|
21201
21441
|
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); }
|
|
21202
21442
|
|
|
21203
|
-
function
|
|
21443
|
+
function SvgShopping(props) {
|
|
21204
21444
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
|
|
21205
21445
|
className: "plc-w-6 plc-h-6 plc-mr-2",
|
|
21206
21446
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -21211,7 +21451,7 @@ function SvgBookmark(props) {
|
|
|
21211
21451
|
strokeLinecap: "round",
|
|
21212
21452
|
strokeLinejoin: "round",
|
|
21213
21453
|
strokeWidth: 2,
|
|
21214
|
-
d: "
|
|
21454
|
+
d: "M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"
|
|
21215
21455
|
})));
|
|
21216
21456
|
}
|
|
21217
21457
|
|
|
@@ -21219,9 +21459,9 @@ var _path$2;
|
|
|
21219
21459
|
|
|
21220
21460
|
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); }
|
|
21221
21461
|
|
|
21222
|
-
function
|
|
21462
|
+
function SvgBookmark(props) {
|
|
21223
21463
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
|
|
21224
|
-
className: "plc-w-
|
|
21464
|
+
className: "plc-w-6 plc-h-6 plc-mr-2",
|
|
21225
21465
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21226
21466
|
fill: "none",
|
|
21227
21467
|
viewBox: "0 0 24 24",
|
|
@@ -21230,7 +21470,7 @@ function SvgPlus(props) {
|
|
|
21230
21470
|
strokeLinecap: "round",
|
|
21231
21471
|
strokeLinejoin: "round",
|
|
21232
21472
|
strokeWidth: 2,
|
|
21233
|
-
d: "
|
|
21473
|
+
d: "M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"
|
|
21234
21474
|
})));
|
|
21235
21475
|
}
|
|
21236
21476
|
|
|
@@ -21494,116 +21734,6 @@ class Dashboard extends React.Component {
|
|
|
21494
21734
|
};
|
|
21495
21735
|
});
|
|
21496
21736
|
|
|
21497
|
-
_defineProperty$3(this, "renderSubscriptions", () => {
|
|
21498
|
-
var _this$state$subscript;
|
|
21499
|
-
|
|
21500
|
-
const subscriptions = (_this$state$subscript = this.state.subscriptions) === null || _this$state$subscript === void 0 ? void 0 : _this$state$subscript.sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
|
|
21501
|
-
// Cancel button click handlers
|
|
21502
|
-
const onCancelClick = () => {
|
|
21503
|
-
this.props.onClose();
|
|
21504
|
-
notify.confirm((onSuccess, onFailure) => {
|
|
21505
|
-
this.cancelSubscription(sub.id, onSuccess, onFailure);
|
|
21506
|
-
}, {
|
|
21507
|
-
confirmMessage: this.locale("messages.subCancellation.isSureToCancel"),
|
|
21508
|
-
loadingMessage: this.locale("messages.subCancellation.loading"),
|
|
21509
|
-
successMessage: this.locale("messages.subCancellation.success"),
|
|
21510
|
-
errorMessage: this.locale("messages.subCancellation.error")
|
|
21511
|
-
}, {
|
|
21512
|
-
closeButtonLabel: this.locale("labels.subCancellation.goBack")
|
|
21513
|
-
});
|
|
21514
|
-
}; // Reactivate button click handlers
|
|
21515
|
-
|
|
21516
|
-
|
|
21517
|
-
const onReactivateClick = () => {
|
|
21518
|
-
this.reactivateSubscription(sub.id);
|
|
21519
|
-
}; // Renew click
|
|
21520
|
-
|
|
21521
|
-
|
|
21522
|
-
const onRenewClick = () => {
|
|
21523
|
-
const product_id = sub.plan.product.id;
|
|
21524
|
-
const plan_id = sub.plan.id;
|
|
21525
|
-
const product = window.Pelcro.product.getById(product_id);
|
|
21526
|
-
const plan = window.Pelcro.plan.getById(plan_id);
|
|
21527
|
-
this.props.setProductAndPlan(product, plan);
|
|
21528
|
-
this.props.setSubscriptionIdToRenew(sub.id);
|
|
21529
|
-
this.props.setView("plan-select");
|
|
21530
|
-
};
|
|
21531
|
-
|
|
21532
|
-
return /*#__PURE__*/React__default['default'].createElement("tr", {
|
|
21533
|
-
key: "dashboard-subscription-" + sub.id,
|
|
21534
|
-
className: "plc-w-full plc-align-top"
|
|
21535
|
-
}, /*#__PURE__*/React__default['default'].createElement("td", {
|
|
21536
|
-
className: "plc-truncate"
|
|
21537
|
-
}, sub.plan.nickname && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21538
|
-
className: "plc-font-semibold plc-text-gray-500"
|
|
21539
|
-
}, sub.plan.nickname), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21540
|
-
className: "plc-text-xs plc-text-gray-400"
|
|
21541
|
-
}, getFormattedPriceByLocal(sub.plan.amount, sub.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21542
|
-
className: `plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold ${this.getSubscriptionStatus(sub).bgColor} plc-uppercase ${this.getSubscriptionStatus(sub).textColor} plc-rounded-lg`
|
|
21543
|
-
}, this.getSubscriptionStatus(sub).icon, this.getSubscriptionStatus(sub).title), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
21544
|
-
className: "plc-mb-4 plc-text-xs plc-text-gray-500"
|
|
21545
|
-
}, sub.status && /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21546
|
-
className: "plc-inline-block plc-mt-1 plc-underline"
|
|
21547
|
-
}, this.getSubscriptionStatus(sub).content), /*#__PURE__*/React__default['default'].createElement("br", null), sub.shipments_remaining ? /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21548
|
-
className: "plc-inline-block plc-mt-1"
|
|
21549
|
-
}, sub.shipments_remaining, " ", this.locale("labels.shipments")) : null)), /*#__PURE__*/React__default['default'].createElement("td", null, sub.cancel_at_period_end === 0 && /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
21550
|
-
variant: "ghost",
|
|
21551
|
-
className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
|
|
21552
|
-
icon: /*#__PURE__*/React__default['default'].createElement(SvgXIconSolid, null),
|
|
21553
|
-
onClick: onCancelClick,
|
|
21554
|
-
disabled: this.state.disableSubmit,
|
|
21555
|
-
"data-key": sub.id
|
|
21556
|
-
}, this.locale("labels.unsubscribe")), sub.cancel_at_period_end === 1 && sub.plan.auto_renew && !sub.is_gift_recipient && /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
21557
|
-
variant: "ghost",
|
|
21558
|
-
className: "plc-text-green-400 focus:plc-ring-green-300 pelcro-dashboard-sub-reactivate-button",
|
|
21559
|
-
icon: /*#__PURE__*/React__default['default'].createElement(SvgRefresh, null),
|
|
21560
|
-
onClick: onReactivateClick,
|
|
21561
|
-
disabled: this.state.disableSubmit,
|
|
21562
|
-
"data-key": sub.id
|
|
21563
|
-
}, this.locale("labels.reactivate")), sub.cancel_at_period_end === 1 && /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
21564
|
-
variant: "ghost",
|
|
21565
|
-
className: "plc-text-blue-400 pelcro-dashboard-sub-renew-button",
|
|
21566
|
-
icon: /*#__PURE__*/React__default['default'].createElement(SvgRefresh, null),
|
|
21567
|
-
onClick: onRenewClick,
|
|
21568
|
-
disabled: this.state.disableSubmit,
|
|
21569
|
-
"data-key": sub.id
|
|
21570
|
-
}, this.locale("labels.renew"))));
|
|
21571
|
-
});
|
|
21572
|
-
return /*#__PURE__*/React__default['default'].createElement("table", {
|
|
21573
|
-
className: "plc-w-full plc-table-fixed"
|
|
21574
|
-
}, /*#__PURE__*/React__default['default'].createElement("thead", {
|
|
21575
|
-
className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
|
|
21576
|
-
}, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", {
|
|
21577
|
-
className: "plc-w-5/12 "
|
|
21578
|
-
}, this.locale("labels.plan")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
21579
|
-
className: "plc-w-4/12 "
|
|
21580
|
-
}, this.locale("labels.status.title")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
21581
|
-
className: "plc-w-3/12 "
|
|
21582
|
-
}, this.locale("labels.actions")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", {
|
|
21583
|
-
className: "plc-h-4"
|
|
21584
|
-
}), subscriptions, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
|
|
21585
|
-
colSpan: "4",
|
|
21586
|
-
className: "plc-p-1"
|
|
21587
|
-
}, /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
21588
|
-
variant: "ghost",
|
|
21589
|
-
icon: /*#__PURE__*/React__default['default'].createElement(SvgPlus, {
|
|
21590
|
-
className: "plc-w-4 plc-h-4 plc-mr-1"
|
|
21591
|
-
}),
|
|
21592
|
-
className: "plc-w-full plc-h-8 plc-font-semibold plc-tracking-wider plc-text-gray-900 plc-uppercase plc-rounded-none hover:plc-bg-gray-100",
|
|
21593
|
-
onClick: this.displayProductSelect
|
|
21594
|
-
}, this.locale("labels.addSubscription")))), /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
|
|
21595
|
-
colSpan: "4",
|
|
21596
|
-
className: "plc-p-1"
|
|
21597
|
-
}, /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
21598
|
-
variant: "ghost",
|
|
21599
|
-
icon: /*#__PURE__*/React__default['default'].createElement(SvgGift, {
|
|
21600
|
-
className: "plc-w-4 plc-h-4 plc-mr-1"
|
|
21601
|
-
}),
|
|
21602
|
-
className: "plc-w-full plc-h-8 plc-font-semibold plc-tracking-wider plc-text-gray-900 plc-uppercase plc-rounded-none hover:plc-bg-gray-100",
|
|
21603
|
-
onClick: this.displayRedeem
|
|
21604
|
-
}, this.locale("labels.redeemGift"))))));
|
|
21605
|
-
});
|
|
21606
|
-
|
|
21607
21737
|
_defineProperty$3(this, "renderGiftRecipients", () => {
|
|
21608
21738
|
var _giftRecipients$sort, _giftRecipients$sort$;
|
|
21609
21739
|
|
|
@@ -21878,7 +22008,18 @@ class Dashboard extends React.Component {
|
|
|
21878
22008
|
className: "plc-w-10 plc-h-10 plc-pt-2 plc-pr-1 plc--ml-2"
|
|
21879
22009
|
}),
|
|
21880
22010
|
title: this.locale("labels.subscriptions"),
|
|
21881
|
-
content:
|
|
22011
|
+
content: /*#__PURE__*/React__default['default'].createElement(SubscriptionsMenu, {
|
|
22012
|
+
onClose: this.props.onClose,
|
|
22013
|
+
cancelSubscription: this.cancelSubscription,
|
|
22014
|
+
reactivateSubscription: this.reactivateSubscription,
|
|
22015
|
+
setProductAndPlan: this.props.setProductAndPlan,
|
|
22016
|
+
setSubscriptionIdToRenew: this.props.setSubscriptionIdToRenew,
|
|
22017
|
+
setView: this.props.setView,
|
|
22018
|
+
getSubscriptionStatus: this.getSubscriptionStatus,
|
|
22019
|
+
disableSubmit: this.state.disableSubmit,
|
|
22020
|
+
displayProductSelect: this.displayProductSelect,
|
|
22021
|
+
displayRedeem: this.displayRedeem
|
|
22022
|
+
})
|
|
21882
22023
|
}), /*#__PURE__*/React__default['default'].createElement(Accordion.item, {
|
|
21883
22024
|
name: SUB_MENUS.GIFTS,
|
|
21884
22025
|
icon: /*#__PURE__*/React__default['default'].createElement(SvgGift, null),
|