@pelcro/react-pelcro-js 2.6.0-beta.5 → 2.6.0-beta.9
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 +474 -323
- package/dist/index.esm.js +474 -323
- package/dist/pelcro.css +10 -0
- package/package.json +1 -4
package/dist/index.cjs.js
CHANGED
|
@@ -4359,7 +4359,8 @@ var labels$3 = {
|
|
|
4359
4359
|
title: "Status",
|
|
4360
4360
|
active: "Active",
|
|
4361
4361
|
inTrial: "In trial",
|
|
4362
|
-
endingSoon: "Ending soon"
|
|
4362
|
+
endingSoon: "Ending soon",
|
|
4363
|
+
scheduled: "Scheduled"
|
|
4363
4364
|
},
|
|
4364
4365
|
shipments: "Shipments remaining",
|
|
4365
4366
|
logout: "Logout",
|
|
@@ -4385,6 +4386,7 @@ var labels$3 = {
|
|
|
4385
4386
|
paymentSource: "Payment cards",
|
|
4386
4387
|
actions: "Actions",
|
|
4387
4388
|
expiresOn: "Ends",
|
|
4389
|
+
startsOn: "Starts",
|
|
4388
4390
|
renewsOn: "Renews",
|
|
4389
4391
|
canceledOn: "Canceled on",
|
|
4390
4392
|
recipient: "Recipient",
|
|
@@ -4436,7 +4438,8 @@ var labels$2 = {
|
|
|
4436
4438
|
title: "Statut",
|
|
4437
4439
|
active: "Active",
|
|
4438
4440
|
inTrial: "Dans l'essai",
|
|
4439
|
-
endingSoon: "Fin bientôt"
|
|
4441
|
+
endingSoon: "Fin bientôt",
|
|
4442
|
+
scheduled: "Programmé"
|
|
4440
4443
|
},
|
|
4441
4444
|
shipments: "Expéditions restantes",
|
|
4442
4445
|
logout: "Déconnexion",
|
|
@@ -4462,6 +4465,7 @@ var labels$2 = {
|
|
|
4462
4465
|
paymentSource: "Sources de paiement",
|
|
4463
4466
|
actions: "Actes",
|
|
4464
4467
|
expiresOn: "Expire le",
|
|
4468
|
+
startsOn: "Débute le",
|
|
4465
4469
|
renewsOn: "Renouvelle le",
|
|
4466
4470
|
canceledOn: "Annulé le",
|
|
4467
4471
|
recipient: "Destinataire",
|
|
@@ -4494,7 +4498,7 @@ var messages$2 = {
|
|
|
4494
4498
|
isSureToCancel: "Êtes-vous certain de vouloir annuler votre abonnement?",
|
|
4495
4499
|
loading: "Annulation de l'abonnement",
|
|
4496
4500
|
success: "L'abonnement a été annulé avec succès",
|
|
4497
|
-
error: "Une
|
|
4501
|
+
error: "Une erreur s'est produite lors de l'annulation de l'abonnement"
|
|
4498
4502
|
}
|
|
4499
4503
|
};
|
|
4500
4504
|
var dashboard_fr = {
|
|
@@ -6921,8 +6925,8 @@ const saveToMetadataButton = new SaveToMetadataButtonClass();
|
|
|
6921
6925
|
|
|
6922
6926
|
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
6927
|
|
|
6924
|
-
function _extends$
|
|
6925
|
-
_extends$
|
|
6928
|
+
function _extends$v() {
|
|
6929
|
+
_extends$v = Object.assign || function (target) {
|
|
6926
6930
|
for (var i = 1; i < arguments.length; i++) {
|
|
6927
6931
|
var source = arguments[i];
|
|
6928
6932
|
|
|
@@ -6936,7 +6940,7 @@ function _extends$u() {
|
|
|
6936
6940
|
return target;
|
|
6937
6941
|
};
|
|
6938
6942
|
|
|
6939
|
-
return _extends$
|
|
6943
|
+
return _extends$v.apply(this, arguments);
|
|
6940
6944
|
}
|
|
6941
6945
|
|
|
6942
6946
|
function _taggedTemplateLiteralLoose(strings, raw) {
|
|
@@ -7026,7 +7030,7 @@ var clearFromRemoveQueue = function clearFromRemoveQueue(toastId) {
|
|
|
7026
7030
|
var reducer = function reducer(state, action) {
|
|
7027
7031
|
switch (action.type) {
|
|
7028
7032
|
case ActionType.ADD_TOAST:
|
|
7029
|
-
return _extends$
|
|
7033
|
+
return _extends$v({}, state, {
|
|
7030
7034
|
toasts: [action.toast].concat(state.toasts).slice(0, TOAST_LIMIT)
|
|
7031
7035
|
});
|
|
7032
7036
|
|
|
@@ -7036,9 +7040,9 @@ var reducer = function reducer(state, action) {
|
|
|
7036
7040
|
clearFromRemoveQueue(action.toast.id);
|
|
7037
7041
|
}
|
|
7038
7042
|
|
|
7039
|
-
return _extends$
|
|
7043
|
+
return _extends$v({}, state, {
|
|
7040
7044
|
toasts: state.toasts.map(function (t) {
|
|
7041
|
-
return t.id === action.toast.id ? _extends$
|
|
7045
|
+
return t.id === action.toast.id ? _extends$v({}, t, action.toast) : t;
|
|
7042
7046
|
})
|
|
7043
7047
|
});
|
|
7044
7048
|
|
|
@@ -7065,9 +7069,9 @@ var reducer = function reducer(state, action) {
|
|
|
7065
7069
|
});
|
|
7066
7070
|
}
|
|
7067
7071
|
|
|
7068
|
-
return _extends$
|
|
7072
|
+
return _extends$v({}, state, {
|
|
7069
7073
|
toasts: state.toasts.map(function (t) {
|
|
7070
|
-
return t.id === toastId || toastId === undefined ? _extends$
|
|
7074
|
+
return t.id === toastId || toastId === undefined ? _extends$v({}, t, {
|
|
7071
7075
|
visible: false
|
|
7072
7076
|
}) : t;
|
|
7073
7077
|
})
|
|
@@ -7075,28 +7079,28 @@ var reducer = function reducer(state, action) {
|
|
|
7075
7079
|
|
|
7076
7080
|
case ActionType.REMOVE_TOAST:
|
|
7077
7081
|
if (action.toastId === undefined) {
|
|
7078
|
-
return _extends$
|
|
7082
|
+
return _extends$v({}, state, {
|
|
7079
7083
|
toasts: []
|
|
7080
7084
|
});
|
|
7081
7085
|
}
|
|
7082
7086
|
|
|
7083
|
-
return _extends$
|
|
7087
|
+
return _extends$v({}, state, {
|
|
7084
7088
|
toasts: state.toasts.filter(function (t) {
|
|
7085
7089
|
return t.id !== action.toastId;
|
|
7086
7090
|
})
|
|
7087
7091
|
});
|
|
7088
7092
|
|
|
7089
7093
|
case ActionType.START_PAUSE:
|
|
7090
|
-
return _extends$
|
|
7094
|
+
return _extends$v({}, state, {
|
|
7091
7095
|
pausedAt: action.time
|
|
7092
7096
|
});
|
|
7093
7097
|
|
|
7094
7098
|
case ActionType.END_PAUSE:
|
|
7095
7099
|
var diff = action.time - (state.pausedAt || 0);
|
|
7096
|
-
return _extends$
|
|
7100
|
+
return _extends$v({}, state, {
|
|
7097
7101
|
pausedAt: undefined,
|
|
7098
7102
|
toasts: state.toasts.map(function (t) {
|
|
7099
|
-
return _extends$
|
|
7103
|
+
return _extends$v({}, t, {
|
|
7100
7104
|
pauseDuration: t.pauseDuration + diff
|
|
7101
7105
|
});
|
|
7102
7106
|
})
|
|
@@ -7143,12 +7147,12 @@ var useStore = function useStore(toastOptions) {
|
|
|
7143
7147
|
var mergedToasts = state.toasts.map(function (t) {
|
|
7144
7148
|
var _toastOptions$t$type, _toastOptions, _toastOptions$t$type2;
|
|
7145
7149
|
|
|
7146
|
-
return _extends$
|
|
7150
|
+
return _extends$v({}, toastOptions, toastOptions[t.type], t, {
|
|
7147
7151
|
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$
|
|
7152
|
+
style: _extends$v({}, toastOptions.style, (_toastOptions$t$type2 = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type2.style, t.style)
|
|
7149
7153
|
});
|
|
7150
7154
|
});
|
|
7151
|
-
return _extends$
|
|
7155
|
+
return _extends$v({}, state, {
|
|
7152
7156
|
toasts: mergedToasts
|
|
7153
7157
|
});
|
|
7154
7158
|
};
|
|
@@ -7158,7 +7162,7 @@ var createToast = function createToast(message, type, opts) {
|
|
|
7158
7162
|
type = 'blank';
|
|
7159
7163
|
}
|
|
7160
7164
|
|
|
7161
|
-
return _extends$
|
|
7165
|
+
return _extends$v({
|
|
7162
7166
|
createdAt: Date.now(),
|
|
7163
7167
|
visible: true,
|
|
7164
7168
|
type: type,
|
|
@@ -7208,14 +7212,14 @@ toast.remove = function (toastId) {
|
|
|
7208
7212
|
};
|
|
7209
7213
|
|
|
7210
7214
|
toast.promise = function (promise, msgs, opts) {
|
|
7211
|
-
var id = toast.loading(msgs.loading, _extends$
|
|
7215
|
+
var id = toast.loading(msgs.loading, _extends$v({}, opts, opts == null ? void 0 : opts.loading));
|
|
7212
7216
|
promise.then(function (p) {
|
|
7213
|
-
toast.success(resolveValue(msgs.success, p), _extends$
|
|
7217
|
+
toast.success(resolveValue(msgs.success, p), _extends$v({
|
|
7214
7218
|
id: id
|
|
7215
7219
|
}, opts, opts == null ? void 0 : opts.success));
|
|
7216
7220
|
return p;
|
|
7217
7221
|
})["catch"](function (e) {
|
|
7218
|
-
toast.error(resolveValue(msgs.error, e), _extends$
|
|
7222
|
+
toast.error(resolveValue(msgs.error, e), _extends$v({
|
|
7219
7223
|
id: id
|
|
7220
7224
|
}, opts, opts == null ? void 0 : opts.error));
|
|
7221
7225
|
});
|
|
@@ -7554,7 +7558,7 @@ var ToastBar = /*#__PURE__*/React.memo(function (_ref2) {
|
|
|
7554
7558
|
var message = React.createElement(Message, Object.assign({}, toast.ariaProps), resolveValue(toast.message, toast));
|
|
7555
7559
|
return React.createElement(ToastBarBase, {
|
|
7556
7560
|
className: toast.className,
|
|
7557
|
-
style: _extends$
|
|
7561
|
+
style: _extends$v({}, animationStyle, style, toast.style)
|
|
7558
7562
|
}, typeof children === 'function' ? children({
|
|
7559
7563
|
icon: icon,
|
|
7560
7564
|
message: message
|
|
@@ -7584,7 +7588,7 @@ var getPositionStyle = function getPositionStyle(position, offset) {
|
|
|
7584
7588
|
} : position.includes('right') ? {
|
|
7585
7589
|
justifyContent: 'flex-end'
|
|
7586
7590
|
} : {};
|
|
7587
|
-
return _extends$
|
|
7591
|
+
return _extends$v({
|
|
7588
7592
|
left: 0,
|
|
7589
7593
|
right: 0,
|
|
7590
7594
|
display: 'flex',
|
|
@@ -7611,7 +7615,7 @@ var Toaster = function Toaster(_ref) {
|
|
|
7611
7615
|
handlers = _useToaster.handlers;
|
|
7612
7616
|
|
|
7613
7617
|
return React.createElement("div", {
|
|
7614
|
-
style: _extends$
|
|
7618
|
+
style: _extends$v({
|
|
7615
7619
|
position: 'fixed',
|
|
7616
7620
|
zIndex: 9999,
|
|
7617
7621
|
top: DEFAULT_OFFSET,
|
|
@@ -7646,82 +7650,82 @@ var Toaster = function Toaster(_ref) {
|
|
|
7646
7650
|
}));
|
|
7647
7651
|
};
|
|
7648
7652
|
|
|
7649
|
-
var _path$
|
|
7653
|
+
var _path$s;
|
|
7650
7654
|
|
|
7651
|
-
function _extends$
|
|
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); }
|
|
7652
7656
|
|
|
7653
7657
|
function SvgCheckSolid(props) {
|
|
7654
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
7658
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
|
|
7655
7659
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7656
7660
|
className: "h-5 w-5",
|
|
7657
7661
|
viewBox: "0 0 20 20",
|
|
7658
7662
|
fill: "currentColor"
|
|
7659
|
-
}, props), _path$
|
|
7663
|
+
}, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
|
|
7660
7664
|
fillRule: "evenodd",
|
|
7661
7665
|
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
7666
|
clipRule: "evenodd"
|
|
7663
7667
|
})));
|
|
7664
7668
|
}
|
|
7665
7669
|
|
|
7666
|
-
var _path$
|
|
7670
|
+
var _path$r;
|
|
7667
7671
|
|
|
7668
|
-
function _extends$
|
|
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); }
|
|
7669
7673
|
|
|
7670
7674
|
function SvgXIcon(props) {
|
|
7671
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
7675
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
|
|
7672
7676
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7673
7677
|
viewBox: "0 0 20 20",
|
|
7674
7678
|
fill: "currentColor"
|
|
7675
|
-
}, props), _path$
|
|
7679
|
+
}, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
|
|
7676
7680
|
fill: "evenodd",
|
|
7677
7681
|
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
7682
|
clipRule: "evenodd"
|
|
7679
7683
|
})));
|
|
7680
7684
|
}
|
|
7681
7685
|
|
|
7682
|
-
var _path$
|
|
7686
|
+
var _path$q;
|
|
7683
7687
|
|
|
7684
|
-
function _extends$
|
|
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); }
|
|
7685
7689
|
|
|
7686
7690
|
function SvgXIconSolid(props) {
|
|
7687
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
7691
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
|
|
7688
7692
|
className: "plc-w-4 plc-h-4",
|
|
7689
7693
|
fill: "currentColor",
|
|
7690
7694
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7691
7695
|
viewBox: "0 0 100 100"
|
|
7692
|
-
}, props), _path$
|
|
7696
|
+
}, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
|
|
7693
7697
|
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
7698
|
})));
|
|
7695
7699
|
}
|
|
7696
7700
|
|
|
7697
|
-
var _path$
|
|
7701
|
+
var _path$p;
|
|
7698
7702
|
|
|
7699
|
-
function _extends$
|
|
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); }
|
|
7700
7704
|
|
|
7701
7705
|
function SvgExclamation(props) {
|
|
7702
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
7706
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
|
|
7703
7707
|
className: "plc-w-4 plc-h-4 plc-mr-1",
|
|
7704
7708
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7705
7709
|
viewBox: "0 0 20 20",
|
|
7706
7710
|
fill: "currentColor"
|
|
7707
|
-
}, props), _path$
|
|
7711
|
+
}, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
|
|
7708
7712
|
fillRule: "evenodd",
|
|
7709
7713
|
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
7714
|
clipRule: "evenodd"
|
|
7711
7715
|
})));
|
|
7712
7716
|
}
|
|
7713
7717
|
|
|
7714
|
-
var _path$
|
|
7718
|
+
var _path$o, _path2$3;
|
|
7715
7719
|
|
|
7716
|
-
function _extends$
|
|
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); }
|
|
7717
7721
|
|
|
7718
7722
|
function SvgSpinner(props) {
|
|
7719
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
7723
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
|
|
7720
7724
|
className: "plc-animate-spin",
|
|
7721
7725
|
viewBox: "0 0 24 24",
|
|
7722
7726
|
fill: "currentColor",
|
|
7723
7727
|
xmlns: "http://www.w3.org/2000/svg"
|
|
7724
|
-
}, props), _path$
|
|
7728
|
+
}, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
|
|
7725
7729
|
opacity: 0.2,
|
|
7726
7730
|
fill: "evenodd",
|
|
7727
7731
|
clipRule: "evenodd",
|
|
@@ -8476,6 +8480,7 @@ const optionsController = options => {
|
|
|
8476
8480
|
enableURLTriggers: initViewFromURL,
|
|
8477
8481
|
enableTheme: applyPelcroTheme,
|
|
8478
8482
|
enablePaywalls: initPaywalls,
|
|
8483
|
+
loadSecuritySDK: initSecuritySdk,
|
|
8479
8484
|
enableGoogleAnalytics: initGATracking
|
|
8480
8485
|
}; // Only execute enabled options
|
|
8481
8486
|
|
|
@@ -8537,6 +8542,18 @@ const loadPaymentSDKs = () => {
|
|
|
8537
8542
|
window.Pelcro.helpers.loadSDK("https://js.braintreegateway.com/web/3.69.0/js/paypal-checkout.min.js", "braintree-paypal-sdk");
|
|
8538
8543
|
}
|
|
8539
8544
|
};
|
|
8545
|
+
const initSecuritySdk = () => {
|
|
8546
|
+
const {
|
|
8547
|
+
whenSiteReady
|
|
8548
|
+
} = usePelcro.getStore();
|
|
8549
|
+
whenSiteReady(() => {
|
|
8550
|
+
var _window$Pelcro$site$r2;
|
|
8551
|
+
|
|
8552
|
+
const securityKey = (_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.security_key;
|
|
8553
|
+
if (!securityKey) return;
|
|
8554
|
+
window.Pelcro.helpers.loadSDK(`https://www.google.com/recaptcha/enterprise.js?render=${securityKey}`, "pelcro-security-enteprise");
|
|
8555
|
+
});
|
|
8556
|
+
};
|
|
8540
8557
|
const initGATracking = () => {
|
|
8541
8558
|
var _ReactGA$initialize, _ReactGA$plugin, _ReactGA$plugin$requi;
|
|
8542
8559
|
|
|
@@ -8623,9 +8640,9 @@ const applyPelcroTheme = () => {
|
|
|
8623
8640
|
};
|
|
8624
8641
|
|
|
8625
8642
|
whenSiteReady(() => {
|
|
8626
|
-
var _window$Pelcro$site$
|
|
8643
|
+
var _window$Pelcro$site$r3, _window$Pelcro$site$r4;
|
|
8627
8644
|
|
|
8628
|
-
const primaryColorHex = (_window$Pelcro$site$
|
|
8645
|
+
const primaryColorHex = (_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : (_window$Pelcro$site$r4 = _window$Pelcro$site$r3.design_settings) === null || _window$Pelcro$site$r4 === void 0 ? void 0 : _window$Pelcro$site$r4.primary_color;
|
|
8629
8646
|
|
|
8630
8647
|
if (!primaryColorHex) {
|
|
8631
8648
|
return;
|
|
@@ -8824,6 +8841,7 @@ const defaultOptions = {
|
|
|
8824
8841
|
enableURLTriggers: true,
|
|
8825
8842
|
enableTheme: true,
|
|
8826
8843
|
enablePaywalls: true,
|
|
8844
|
+
loadSecuritySDK: true,
|
|
8827
8845
|
enableGoogleAnalytics: false
|
|
8828
8846
|
};
|
|
8829
8847
|
const PelcroModalController = ({
|
|
@@ -9645,16 +9663,16 @@ const LoginPassword = props => /*#__PURE__*/React__default['default'].createElem
|
|
|
9645
9663
|
store: store$f
|
|
9646
9664
|
}, props));
|
|
9647
9665
|
|
|
9648
|
-
var _path$
|
|
9666
|
+
var _path$n;
|
|
9649
9667
|
|
|
9650
|
-
function _extends$
|
|
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); }
|
|
9651
9669
|
|
|
9652
9670
|
function SvgCheck(props) {
|
|
9653
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
9671
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
|
|
9654
9672
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9655
9673
|
fill: "currentColor",
|
|
9656
9674
|
viewBox: "0 0 20 20"
|
|
9657
|
-
}, props), _path$
|
|
9675
|
+
}, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
|
|
9658
9676
|
fillRule: "evenodd",
|
|
9659
9677
|
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",
|
|
9660
9678
|
clipRule: "evenodd"
|
|
@@ -9764,35 +9782,53 @@ const RegisterContainer = ({
|
|
|
9764
9782
|
jobTitle,
|
|
9765
9783
|
selectFields
|
|
9766
9784
|
} = filteredData;
|
|
9767
|
-
|
|
9768
|
-
|
|
9769
|
-
|
|
9770
|
-
|
|
9771
|
-
|
|
9772
|
-
|
|
9773
|
-
|
|
9774
|
-
|
|
9775
|
-
|
|
9776
|
-
|
|
9777
|
-
|
|
9778
|
-
dispatch({
|
|
9779
|
-
type: DISABLE_REGISTRATION_BUTTON,
|
|
9780
|
-
payload: false
|
|
9785
|
+
|
|
9786
|
+
if (!hasSecurityTokenEnabled()) {
|
|
9787
|
+
sendRegisterRequest();
|
|
9788
|
+
return;
|
|
9789
|
+
}
|
|
9790
|
+
|
|
9791
|
+
window.grecaptcha.enterprise.ready(async () => {
|
|
9792
|
+
var _window$Pelcro$site$r;
|
|
9793
|
+
|
|
9794
|
+
const token = await window.grecaptcha.enterprise.execute((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.security_key, {
|
|
9795
|
+
action: "register"
|
|
9781
9796
|
});
|
|
9797
|
+
sendRegisterRequest(token);
|
|
9798
|
+
});
|
|
9782
9799
|
|
|
9783
|
-
|
|
9800
|
+
function sendRegisterRequest(securityToken) {
|
|
9801
|
+
window.Pelcro.user.register({
|
|
9802
|
+
email,
|
|
9803
|
+
password,
|
|
9804
|
+
first_name: firstName,
|
|
9805
|
+
last_name: lastName,
|
|
9806
|
+
security_token: securityToken,
|
|
9807
|
+
metadata: {
|
|
9808
|
+
organization,
|
|
9809
|
+
jobTitle,
|
|
9810
|
+
...selectFields
|
|
9811
|
+
}
|
|
9812
|
+
}, (err, res) => {
|
|
9784
9813
|
dispatch({
|
|
9785
|
-
type:
|
|
9786
|
-
payload:
|
|
9787
|
-
type: "error",
|
|
9788
|
-
content: getErrorMessages(err)
|
|
9789
|
-
}
|
|
9814
|
+
type: DISABLE_REGISTRATION_BUTTON,
|
|
9815
|
+
payload: false
|
|
9790
9816
|
});
|
|
9791
|
-
|
|
9792
|
-
|
|
9793
|
-
|
|
9794
|
-
|
|
9795
|
-
|
|
9817
|
+
|
|
9818
|
+
if (err) {
|
|
9819
|
+
dispatch({
|
|
9820
|
+
type: SHOW_ALERT,
|
|
9821
|
+
payload: {
|
|
9822
|
+
type: "error",
|
|
9823
|
+
content: getErrorMessages(err)
|
|
9824
|
+
}
|
|
9825
|
+
});
|
|
9826
|
+
onFailure(err);
|
|
9827
|
+
} else {
|
|
9828
|
+
onSuccess(res);
|
|
9829
|
+
}
|
|
9830
|
+
});
|
|
9831
|
+
}
|
|
9796
9832
|
};
|
|
9797
9833
|
|
|
9798
9834
|
const handleSocialLogin = ({
|
|
@@ -9943,16 +9979,25 @@ const RegisterContainer = ({
|
|
|
9943
9979
|
store: store$e
|
|
9944
9980
|
})));
|
|
9945
9981
|
};
|
|
9982
|
+
/**
|
|
9983
|
+
* Checks if the current site has security token enabled
|
|
9984
|
+
* @return {boolean}
|
|
9985
|
+
*/
|
|
9946
9986
|
|
|
9947
|
-
|
|
9987
|
+
function hasSecurityTokenEnabled() {
|
|
9988
|
+
const hasSecuritySdkLoaded = Boolean(window.grecaptcha);
|
|
9989
|
+
return hasSecuritySdkLoaded;
|
|
9990
|
+
}
|
|
9948
9991
|
|
|
9949
|
-
|
|
9992
|
+
var _path$m;
|
|
9993
|
+
|
|
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); }
|
|
9950
9995
|
|
|
9951
9996
|
function SvgFacebookLogo(props) {
|
|
9952
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
9997
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
|
|
9953
9998
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9954
9999
|
viewBox: "88.428 12.828 107.543 207.085"
|
|
9955
|
-
}, props), _path$
|
|
10000
|
+
}, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
|
|
9956
10001
|
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",
|
|
9957
10002
|
fill: "#3c5a9a"
|
|
9958
10003
|
})));
|
|
@@ -10025,15 +10070,15 @@ var googleLogin = createCommonjsModule(function (module, exports) {
|
|
|
10025
10070
|
unwrapExports(googleLogin);
|
|
10026
10071
|
var googleLogin_1 = googleLogin.GoogleLogin;
|
|
10027
10072
|
|
|
10028
|
-
var _path$
|
|
10073
|
+
var _path$l, _path2$2, _path3$1, _path4;
|
|
10029
10074
|
|
|
10030
|
-
function _extends$
|
|
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); }
|
|
10031
10076
|
|
|
10032
10077
|
function SvgGoogleLogo(props) {
|
|
10033
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
10078
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
|
|
10034
10079
|
viewBox: "0 0 24 24",
|
|
10035
10080
|
xmlns: "http://www.w3.org/2000/svg"
|
|
10036
|
-
}, props), _path$
|
|
10081
|
+
}, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
|
|
10037
10082
|
fill: "#4285F4",
|
|
10038
10083
|
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"
|
|
10039
10084
|
})), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -10167,15 +10212,15 @@ function LoginView(props) {
|
|
|
10167
10212
|
}, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null))))));
|
|
10168
10213
|
}
|
|
10169
10214
|
|
|
10170
|
-
var _path$
|
|
10215
|
+
var _path$k, _path2$1, _path3;
|
|
10171
10216
|
|
|
10172
|
-
function _extends$
|
|
10217
|
+
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); }
|
|
10173
10218
|
|
|
10174
10219
|
function SvgPelcroAuthorship(props) {
|
|
10175
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
10220
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
|
|
10176
10221
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10177
10222
|
viewBox: "0 -80.652 497.072 179.991"
|
|
10178
|
-
}, props), _path$
|
|
10223
|
+
}, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
|
|
10179
10224
|
fill: "none",
|
|
10180
10225
|
stroke: "#4a4a4a",
|
|
10181
10226
|
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"
|
|
@@ -10332,8 +10377,11 @@ const RegisterPassword = props => /*#__PURE__*/React__default['default'].createE
|
|
|
10332
10377
|
const RegisterButton = ({
|
|
10333
10378
|
name,
|
|
10334
10379
|
onClick,
|
|
10380
|
+
className,
|
|
10335
10381
|
...otherProps
|
|
10336
10382
|
}) => {
|
|
10383
|
+
var _window$Pelcro$site$r;
|
|
10384
|
+
|
|
10337
10385
|
const {
|
|
10338
10386
|
state: {
|
|
10339
10387
|
emailError,
|
|
@@ -10359,7 +10407,10 @@ const RegisterButton = ({
|
|
|
10359
10407
|
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
10360
10408
|
},
|
|
10361
10409
|
disabled: isDisabled,
|
|
10362
|
-
isLoading: buttonDisabled
|
|
10410
|
+
isLoading: buttonDisabled,
|
|
10411
|
+
className: `${className} g-recaptcha`,
|
|
10412
|
+
"data-action": "register",
|
|
10413
|
+
"data-sitekey": (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.security_key
|
|
10363
10414
|
}, otherProps), name !== null && name !== void 0 ? name : t("messages.createAccount"));
|
|
10364
10415
|
};
|
|
10365
10416
|
|
|
@@ -13533,7 +13584,16 @@ const PaymentMethodContainerWithoutStripe = ({
|
|
|
13533
13584
|
const UnwrappedForm = es_12(PaymentMethodContainerWithoutStripe);
|
|
13534
13585
|
|
|
13535
13586
|
const PaymentMethodContainer = props => {
|
|
13536
|
-
|
|
13587
|
+
const [isStripeLoaded, setIsStripeLoaded] = React.useState(Boolean(window.Stripe));
|
|
13588
|
+
React.useEffect(() => {
|
|
13589
|
+
if (!window.Stripe) {
|
|
13590
|
+
document.querySelector('script[src="https://js.stripe.com/v3"]').addEventListener("load", () => {
|
|
13591
|
+
setIsStripeLoaded(true);
|
|
13592
|
+
});
|
|
13593
|
+
}
|
|
13594
|
+
}, []);
|
|
13595
|
+
|
|
13596
|
+
if (isStripeLoaded) {
|
|
13537
13597
|
return /*#__PURE__*/React__default['default'].createElement(es_13, {
|
|
13538
13598
|
apiKey: window.Pelcro.environment.stripe,
|
|
13539
13599
|
stripeAccount: window.Pelcro.site.read().account_id,
|
|
@@ -13709,17 +13769,17 @@ const SubmitPaymentMethod = ({
|
|
|
13709
13769
|
}, t("labels.pay"), " ", priceFormatted && priceFormatted) : t("labels.submit"));
|
|
13710
13770
|
};
|
|
13711
13771
|
|
|
13712
|
-
var _path$
|
|
13772
|
+
var _path$j;
|
|
13713
13773
|
|
|
13714
|
-
function _extends$
|
|
13774
|
+
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); }
|
|
13715
13775
|
|
|
13716
13776
|
function SvgArrowLeft(props) {
|
|
13717
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
13777
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
|
|
13718
13778
|
xmlns: "http://www.w3.org/2000/svg",
|
|
13719
13779
|
fill: "none",
|
|
13720
13780
|
viewBox: "0 0 24 24",
|
|
13721
13781
|
stroke: "currentColor"
|
|
13722
|
-
}, props), _path$
|
|
13782
|
+
}, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
|
|
13723
13783
|
strokeLinecap: "round",
|
|
13724
13784
|
strokeLinejoin: "round",
|
|
13725
13785
|
strokeWidth: 2,
|
|
@@ -13801,17 +13861,17 @@ const CouponCodeField = props => {
|
|
|
13801
13861
|
}, props));
|
|
13802
13862
|
};
|
|
13803
13863
|
|
|
13804
|
-
var _path$
|
|
13864
|
+
var _path$i;
|
|
13805
13865
|
|
|
13806
|
-
function _extends$
|
|
13866
|
+
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); }
|
|
13807
13867
|
|
|
13808
13868
|
function SvgTicket(props) {
|
|
13809
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
13869
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
|
|
13810
13870
|
xmlns: "http://www.w3.org/2000/svg",
|
|
13811
13871
|
fill: "none",
|
|
13812
13872
|
viewBox: "0 0 24 24",
|
|
13813
13873
|
stroke: "currentColor"
|
|
13814
|
-
}, props), _path$
|
|
13874
|
+
}, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
|
|
13815
13875
|
strokeLinecap: "round",
|
|
13816
13876
|
strokeLinejoin: "round",
|
|
13817
13877
|
strokeWidth: 2,
|
|
@@ -14170,16 +14230,16 @@ const BankRedirection = () => {
|
|
|
14170
14230
|
}));
|
|
14171
14231
|
};
|
|
14172
14232
|
|
|
14173
|
-
var _path$
|
|
14233
|
+
var _path$h;
|
|
14174
14234
|
|
|
14175
|
-
function _extends$
|
|
14235
|
+
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); }
|
|
14176
14236
|
|
|
14177
14237
|
function SvgLock(props) {
|
|
14178
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
14238
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
|
|
14179
14239
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14180
14240
|
viewBox: "0 0 20 20",
|
|
14181
14241
|
fill: "currentColor"
|
|
14182
|
-
}, props), _path$
|
|
14242
|
+
}, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
|
|
14183
14243
|
fillRule: "evenodd",
|
|
14184
14244
|
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",
|
|
14185
14245
|
clipRule: "evenodd"
|
|
@@ -14401,12 +14461,12 @@ function SubscriptionRenewModal({
|
|
|
14401
14461
|
}
|
|
14402
14462
|
SubscriptionRenewModal.viewId = "subscription-renew";
|
|
14403
14463
|
|
|
14404
|
-
var _path$
|
|
14464
|
+
var _path$g;
|
|
14405
14465
|
|
|
14406
|
-
function _extends$
|
|
14466
|
+
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); }
|
|
14407
14467
|
|
|
14408
14468
|
function SvgGift(props) {
|
|
14409
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
14469
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
|
|
14410
14470
|
className: "plc-w-6 plc-h-6 plc-mr-2",
|
|
14411
14471
|
fill: "none",
|
|
14412
14472
|
stroke: "currentColor",
|
|
@@ -14415,7 +14475,7 @@ function SvgGift(props) {
|
|
|
14415
14475
|
strokeWidth: 2,
|
|
14416
14476
|
viewBox: "0 0 24 24",
|
|
14417
14477
|
xmlns: "http://www.w3.org/2000/svg"
|
|
14418
|
-
}, props), _path$
|
|
14478
|
+
}, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
|
|
14419
14479
|
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"
|
|
14420
14480
|
})));
|
|
14421
14481
|
}
|
|
@@ -15416,17 +15476,17 @@ const UserUpdatePhone = props => /*#__PURE__*/React__default['default'].createEl
|
|
|
15416
15476
|
|
|
15417
15477
|
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";
|
|
15418
15478
|
|
|
15419
|
-
var _path$
|
|
15479
|
+
var _path$f;
|
|
15420
15480
|
|
|
15421
|
-
function _extends$
|
|
15481
|
+
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); }
|
|
15422
15482
|
|
|
15423
15483
|
function SvgEdit(props) {
|
|
15424
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
15484
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
|
|
15425
15485
|
className: "plc-w-6 plc-h-6",
|
|
15426
15486
|
xmlns: "http://www.w3.org/2000/svg",
|
|
15427
15487
|
viewBox: "0 0 20 20",
|
|
15428
15488
|
fill: "currentColor"
|
|
15429
|
-
}, props), _path$
|
|
15489
|
+
}, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
|
|
15430
15490
|
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"
|
|
15431
15491
|
})));
|
|
15432
15492
|
}
|
|
@@ -18536,18 +18596,18 @@ const GiftCreateLastName = props => /*#__PURE__*/React__default['default'].creat
|
|
|
18536
18596
|
store: store$4
|
|
18537
18597
|
}, props));
|
|
18538
18598
|
|
|
18539
|
-
var _path$
|
|
18599
|
+
var _path$e;
|
|
18540
18600
|
|
|
18541
|
-
function _extends$
|
|
18601
|
+
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); }
|
|
18542
18602
|
|
|
18543
18603
|
function SvgInfoCircle(props) {
|
|
18544
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
18604
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
|
|
18545
18605
|
xmlns: "http://www.w3.org/2000/svg",
|
|
18546
18606
|
className: "plc-w-5 plc-h-5",
|
|
18547
18607
|
fill: "none",
|
|
18548
18608
|
viewBox: "0 0 24 24",
|
|
18549
18609
|
stroke: "currentColor"
|
|
18550
|
-
}, props), _path$
|
|
18610
|
+
}, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
|
|
18551
18611
|
strokeLinecap: "round",
|
|
18552
18612
|
strokeLinejoin: "round",
|
|
18553
18613
|
strokeWidth: 2,
|
|
@@ -19534,8 +19594,8 @@ const PaymentMethodSelectModal = ({
|
|
|
19534
19594
|
};
|
|
19535
19595
|
PaymentMethodSelectModal.viewId = "payment-method-select";
|
|
19536
19596
|
|
|
19537
|
-
function _extends$
|
|
19538
|
-
_extends$
|
|
19597
|
+
function _extends$f() {
|
|
19598
|
+
_extends$f = Object.assign || function (target) {
|
|
19539
19599
|
for (var i = 1; i < arguments.length; i++) {
|
|
19540
19600
|
var source = arguments[i];
|
|
19541
19601
|
|
|
@@ -19549,7 +19609,7 @@ function _extends$e() {
|
|
|
19549
19609
|
return target;
|
|
19550
19610
|
};
|
|
19551
19611
|
|
|
19552
|
-
return _extends$
|
|
19612
|
+
return _extends$f.apply(this, arguments);
|
|
19553
19613
|
}
|
|
19554
19614
|
|
|
19555
19615
|
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
@@ -19733,7 +19793,7 @@ function render(props, propsBag, defaultTag, features, visible) {
|
|
|
19733
19793
|
return match(strategy, (_match = {}, _match[RenderStrategy.Unmount] = function () {
|
|
19734
19794
|
return null;
|
|
19735
19795
|
}, _match[RenderStrategy.Hidden] = function () {
|
|
19736
|
-
return _render(_extends$
|
|
19796
|
+
return _render(_extends$f({}, _rest, {
|
|
19737
19797
|
hidden: true,
|
|
19738
19798
|
style: {
|
|
19739
19799
|
display: 'none'
|
|
@@ -20261,7 +20321,7 @@ function TransitionChild(props) {
|
|
|
20261
20321
|
var passthroughProps = rest;
|
|
20262
20322
|
return React__default['default'].createElement(NestingContext.Provider, {
|
|
20263
20323
|
value: nesting
|
|
20264
|
-
}, render(_extends$
|
|
20324
|
+
}, render(_extends$f({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
|
|
20265
20325
|
}
|
|
20266
20326
|
|
|
20267
20327
|
function Transition(props) {
|
|
@@ -20305,7 +20365,7 @@ function Transition(props) {
|
|
|
20305
20365
|
value: nestingBag
|
|
20306
20366
|
}, React__default['default'].createElement(TransitionContext.Provider, {
|
|
20307
20367
|
value: transitionBag
|
|
20308
|
-
}, render(_extends$
|
|
20368
|
+
}, render(_extends$f({}, sharedProps, {
|
|
20309
20369
|
as: React.Fragment,
|
|
20310
20370
|
children: React__default['default'].createElement(TransitionChild, Object.assign({}, sharedProps, passthroughProps))
|
|
20311
20371
|
}), propsBag, React.Fragment, TransitionChildRenderFeatures, state === TreeStates.Visible)));
|
|
@@ -20432,12 +20492,12 @@ var ActionTypes;
|
|
|
20432
20492
|
})(ActionTypes || (ActionTypes = {}));
|
|
20433
20493
|
|
|
20434
20494
|
(_reducers = {}, _reducers[ActionTypes.CloseMenu] = function (state) {
|
|
20435
|
-
return _extends$
|
|
20495
|
+
return _extends$f({}, state, {
|
|
20436
20496
|
activeItemIndex: null,
|
|
20437
20497
|
menuState: MenuStates.Closed
|
|
20438
20498
|
});
|
|
20439
20499
|
}, _reducers[ActionTypes.OpenMenu] = function (state) {
|
|
20440
|
-
return _extends$
|
|
20500
|
+
return _extends$f({}, state, {
|
|
20441
20501
|
menuState: MenuStates.Open
|
|
20442
20502
|
});
|
|
20443
20503
|
}, _reducers[ActionTypes.GoToItem] = function (state, action) {
|
|
@@ -20456,7 +20516,7 @@ var ActionTypes;
|
|
|
20456
20516
|
}
|
|
20457
20517
|
});
|
|
20458
20518
|
if (state.searchQuery === '' && state.activeItemIndex === activeItemIndex) return state;
|
|
20459
|
-
return _extends$
|
|
20519
|
+
return _extends$f({}, state, {
|
|
20460
20520
|
searchQuery: '',
|
|
20461
20521
|
activeItemIndex: activeItemIndex
|
|
20462
20522
|
});
|
|
@@ -20467,19 +20527,19 @@ var ActionTypes;
|
|
|
20467
20527
|
|
|
20468
20528
|
return ((_item$dataRef$current = item.dataRef.current.textValue) == null ? void 0 : _item$dataRef$current.startsWith(searchQuery)) && !item.dataRef.current.disabled;
|
|
20469
20529
|
});
|
|
20470
|
-
if (match === -1 || match === state.activeItemIndex) return _extends$
|
|
20530
|
+
if (match === -1 || match === state.activeItemIndex) return _extends$f({}, state, {
|
|
20471
20531
|
searchQuery: searchQuery
|
|
20472
20532
|
});
|
|
20473
|
-
return _extends$
|
|
20533
|
+
return _extends$f({}, state, {
|
|
20474
20534
|
searchQuery: searchQuery,
|
|
20475
20535
|
activeItemIndex: match
|
|
20476
20536
|
});
|
|
20477
20537
|
}, _reducers[ActionTypes.ClearSearch] = function (state) {
|
|
20478
|
-
return _extends$
|
|
20538
|
+
return _extends$f({}, state, {
|
|
20479
20539
|
searchQuery: ''
|
|
20480
20540
|
});
|
|
20481
20541
|
}, _reducers[ActionTypes.RegisterItem] = function (state, action) {
|
|
20482
|
-
return _extends$
|
|
20542
|
+
return _extends$f({}, state, {
|
|
20483
20543
|
items: [].concat(state.items, [{
|
|
20484
20544
|
id: action.id,
|
|
20485
20545
|
dataRef: action.dataRef
|
|
@@ -20492,7 +20552,7 @@ var ActionTypes;
|
|
|
20492
20552
|
return a.id === action.id;
|
|
20493
20553
|
});
|
|
20494
20554
|
if (idx !== -1) nextItems.splice(idx, 1);
|
|
20495
|
-
return _extends$
|
|
20555
|
+
return _extends$f({}, state, {
|
|
20496
20556
|
items: nextItems,
|
|
20497
20557
|
activeItemIndex: function () {
|
|
20498
20558
|
if (idx === state.activeItemIndex) return null;
|
|
@@ -20531,19 +20591,19 @@ var ActionTypes$1;
|
|
|
20531
20591
|
(_reducers$1 = {}, _reducers$1[ActionTypes$1.CloseListbox] = function (state) {
|
|
20532
20592
|
if (state.disabled) return state;
|
|
20533
20593
|
if (state.listboxState === ListboxStates.Closed) return state;
|
|
20534
|
-
return _extends$
|
|
20594
|
+
return _extends$f({}, state, {
|
|
20535
20595
|
activeOptionIndex: null,
|
|
20536
20596
|
listboxState: ListboxStates.Closed
|
|
20537
20597
|
});
|
|
20538
20598
|
}, _reducers$1[ActionTypes$1.OpenListbox] = function (state) {
|
|
20539
20599
|
if (state.disabled) return state;
|
|
20540
20600
|
if (state.listboxState === ListboxStates.Open) return state;
|
|
20541
|
-
return _extends$
|
|
20601
|
+
return _extends$f({}, state, {
|
|
20542
20602
|
listboxState: ListboxStates.Open
|
|
20543
20603
|
});
|
|
20544
20604
|
}, _reducers$1[ActionTypes$1.SetDisabled] = function (state, action) {
|
|
20545
20605
|
if (state.disabled === action.disabled) return state;
|
|
20546
|
-
return _extends$
|
|
20606
|
+
return _extends$f({}, state, {
|
|
20547
20607
|
disabled: action.disabled
|
|
20548
20608
|
});
|
|
20549
20609
|
}, _reducers$1[ActionTypes$1.GoToOption] = function (state, action) {
|
|
@@ -20564,7 +20624,7 @@ var ActionTypes$1;
|
|
|
20564
20624
|
}
|
|
20565
20625
|
});
|
|
20566
20626
|
if (state.searchQuery === '' && state.activeOptionIndex === activeOptionIndex) return state;
|
|
20567
|
-
return _extends$
|
|
20627
|
+
return _extends$f({}, state, {
|
|
20568
20628
|
searchQuery: '',
|
|
20569
20629
|
activeOptionIndex: activeOptionIndex
|
|
20570
20630
|
});
|
|
@@ -20577,10 +20637,10 @@ var ActionTypes$1;
|
|
|
20577
20637
|
|
|
20578
20638
|
return !option.dataRef.current.disabled && ((_option$dataRef$curre = option.dataRef.current.textValue) == null ? void 0 : _option$dataRef$curre.startsWith(searchQuery));
|
|
20579
20639
|
});
|
|
20580
|
-
if (match === -1 || match === state.activeOptionIndex) return _extends$
|
|
20640
|
+
if (match === -1 || match === state.activeOptionIndex) return _extends$f({}, state, {
|
|
20581
20641
|
searchQuery: searchQuery
|
|
20582
20642
|
});
|
|
20583
|
-
return _extends$
|
|
20643
|
+
return _extends$f({}, state, {
|
|
20584
20644
|
searchQuery: searchQuery,
|
|
20585
20645
|
activeOptionIndex: match
|
|
20586
20646
|
});
|
|
@@ -20588,11 +20648,11 @@ var ActionTypes$1;
|
|
|
20588
20648
|
if (state.disabled) return state;
|
|
20589
20649
|
if (state.listboxState === ListboxStates.Closed) return state;
|
|
20590
20650
|
if (state.searchQuery === '') return state;
|
|
20591
|
-
return _extends$
|
|
20651
|
+
return _extends$f({}, state, {
|
|
20592
20652
|
searchQuery: ''
|
|
20593
20653
|
});
|
|
20594
20654
|
}, _reducers$1[ActionTypes$1.RegisterOption] = function (state, action) {
|
|
20595
|
-
return _extends$
|
|
20655
|
+
return _extends$f({}, state, {
|
|
20596
20656
|
options: [].concat(state.options, [{
|
|
20597
20657
|
id: action.id,
|
|
20598
20658
|
dataRef: action.dataRef
|
|
@@ -20605,7 +20665,7 @@ var ActionTypes$1;
|
|
|
20605
20665
|
return a.id === action.id;
|
|
20606
20666
|
});
|
|
20607
20667
|
if (idx !== -1) nextOptions.splice(idx, 1);
|
|
20608
|
-
return _extends$
|
|
20668
|
+
return _extends$f({}, state, {
|
|
20609
20669
|
options: nextOptions,
|
|
20610
20670
|
activeOptionIndex: function () {
|
|
20611
20671
|
if (idx === state.activeOptionIndex) return null;
|
|
@@ -20666,18 +20726,18 @@ const getPaymentCardIcon = name => {
|
|
|
20666
20726
|
}));
|
|
20667
20727
|
};
|
|
20668
20728
|
|
|
20669
|
-
var _path$
|
|
20729
|
+
var _path$d;
|
|
20670
20730
|
|
|
20671
|
-
function _extends$
|
|
20731
|
+
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); }
|
|
20672
20732
|
|
|
20673
20733
|
function SvgChevronRight(props) {
|
|
20674
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
20734
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
|
|
20675
20735
|
className: "plc-w-6 plc-h-6",
|
|
20676
20736
|
xmlns: "http://www.w3.org/2000/svg",
|
|
20677
20737
|
fill: "none",
|
|
20678
20738
|
viewBox: "0 0 24 24",
|
|
20679
20739
|
stroke: "currentColor"
|
|
20680
|
-
}, props), _path$
|
|
20740
|
+
}, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
|
|
20681
20741
|
strokeLinecap: "round",
|
|
20682
20742
|
strokeLinejoin: "round",
|
|
20683
20743
|
strokeWidth: 2,
|
|
@@ -20893,6 +20953,234 @@ const SavedItems = ({
|
|
|
20893
20953
|
});
|
|
20894
20954
|
};
|
|
20895
20955
|
|
|
20956
|
+
var _path$c;
|
|
20957
|
+
|
|
20958
|
+
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); }
|
|
20959
|
+
|
|
20960
|
+
function SvgRefresh(props) {
|
|
20961
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
|
|
20962
|
+
className: "plc-w-4 plc-h-4 plc-mr-1",
|
|
20963
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
20964
|
+
fill: "none",
|
|
20965
|
+
viewBox: "0 0 24 24",
|
|
20966
|
+
stroke: "currentColor"
|
|
20967
|
+
}, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
|
|
20968
|
+
strokeLinecap: "round",
|
|
20969
|
+
strokeLinejoin: "round",
|
|
20970
|
+
strokeWidth: 2,
|
|
20971
|
+
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"
|
|
20972
|
+
})));
|
|
20973
|
+
}
|
|
20974
|
+
|
|
20975
|
+
var _path$b;
|
|
20976
|
+
|
|
20977
|
+
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); }
|
|
20978
|
+
|
|
20979
|
+
function SvgCalendar(props) {
|
|
20980
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
|
|
20981
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
20982
|
+
className: "plc-h-4 plc-w-4 plc-mr-1",
|
|
20983
|
+
viewBox: "0 0 20 20",
|
|
20984
|
+
fill: "currentColor"
|
|
20985
|
+
}, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
|
|
20986
|
+
fillRule: "evenodd",
|
|
20987
|
+
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",
|
|
20988
|
+
clipRule: "evenodd"
|
|
20989
|
+
})));
|
|
20990
|
+
}
|
|
20991
|
+
|
|
20992
|
+
var _path$a;
|
|
20993
|
+
|
|
20994
|
+
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); }
|
|
20995
|
+
|
|
20996
|
+
function SvgPlus(props) {
|
|
20997
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
|
|
20998
|
+
className: "plc-w-5 plc-h-5",
|
|
20999
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
21000
|
+
fill: "none",
|
|
21001
|
+
viewBox: "0 0 24 24",
|
|
21002
|
+
stroke: "currentColor"
|
|
21003
|
+
}, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21004
|
+
strokeLinecap: "round",
|
|
21005
|
+
strokeLinejoin: "round",
|
|
21006
|
+
strokeWidth: 2,
|
|
21007
|
+
d: "M12 6v6m0 0v6m0-6h6m-6 0H6"
|
|
21008
|
+
})));
|
|
21009
|
+
}
|
|
21010
|
+
|
|
21011
|
+
const SubscriptionsMenu = props => {
|
|
21012
|
+
const {
|
|
21013
|
+
t
|
|
21014
|
+
} = useTranslation("dashboard");
|
|
21015
|
+
return /*#__PURE__*/React__default['default'].createElement("table", {
|
|
21016
|
+
className: "plc-w-full plc-table-fixed"
|
|
21017
|
+
}, /*#__PURE__*/React__default['default'].createElement("thead", {
|
|
21018
|
+
className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
|
|
21019
|
+
}, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", {
|
|
21020
|
+
className: "plc-w-3/12 "
|
|
21021
|
+
}, t("labels.plan")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
21022
|
+
className: "plc-w-4/12 "
|
|
21023
|
+
}, t("labels.status.title")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
21024
|
+
className: "plc-w-3/12 "
|
|
21025
|
+
}, t("labels.actions")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
21026
|
+
className: "plc-w-2/12 "
|
|
21027
|
+
}))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", {
|
|
21028
|
+
className: "plc-h-4"
|
|
21029
|
+
})), /*#__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", {
|
|
21030
|
+
colSpan: "4",
|
|
21031
|
+
className: "plc-p-1"
|
|
21032
|
+
}, /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
21033
|
+
variant: "ghost",
|
|
21034
|
+
icon: /*#__PURE__*/React__default['default'].createElement(SvgPlus, {
|
|
21035
|
+
className: "plc-w-4 plc-h-4 plc-mr-1"
|
|
21036
|
+
}),
|
|
21037
|
+
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",
|
|
21038
|
+
onClick: props.displayProductSelect
|
|
21039
|
+
}, t("labels.addSubscription")))), /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
|
|
21040
|
+
colSpan: "4",
|
|
21041
|
+
className: "plc-p-1"
|
|
21042
|
+
}, /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
21043
|
+
variant: "ghost",
|
|
21044
|
+
icon: /*#__PURE__*/React__default['default'].createElement(SvgGift, {
|
|
21045
|
+
className: "plc-w-4 plc-h-4 plc-mr-1"
|
|
21046
|
+
}),
|
|
21047
|
+
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",
|
|
21048
|
+
onClick: props.displayRedeem
|
|
21049
|
+
}, t("labels.redeemGift"))))));
|
|
21050
|
+
};
|
|
21051
|
+
const SubscriptionsItems = ({
|
|
21052
|
+
onClose,
|
|
21053
|
+
cancelSubscription,
|
|
21054
|
+
reactivateSubscription,
|
|
21055
|
+
setProductAndPlan,
|
|
21056
|
+
setSubscriptionIdToRenew,
|
|
21057
|
+
setView,
|
|
21058
|
+
getSubscriptionStatus,
|
|
21059
|
+
disableSubmit,
|
|
21060
|
+
activeMenu,
|
|
21061
|
+
toggleActiveMenu
|
|
21062
|
+
}) => {
|
|
21063
|
+
const {
|
|
21064
|
+
t
|
|
21065
|
+
} = useTranslation("dashboard");
|
|
21066
|
+
const subs = window.Pelcro.subscription.list();
|
|
21067
|
+
if (!subs || subs.length === 0) return null;
|
|
21068
|
+
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 => {
|
|
21069
|
+
const isActive = activeMenu === sub.id; // Cancel button click handlers
|
|
21070
|
+
|
|
21071
|
+
const onCancelClick = () => {
|
|
21072
|
+
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
21073
|
+
notify.confirm((onSuccess, onFailure) => {
|
|
21074
|
+
cancelSubscription(sub.id, onSuccess, onFailure);
|
|
21075
|
+
}, {
|
|
21076
|
+
confirmMessage: t("messages.subCancellation.isSureToCancel"),
|
|
21077
|
+
loadingMessage: t("messages.subCancellation.loading"),
|
|
21078
|
+
successMessage: t("messages.subCancellation.success"),
|
|
21079
|
+
errorMessage: t("messages.subCancellation.error")
|
|
21080
|
+
}, {
|
|
21081
|
+
closeButtonLabel: t("labels.subCancellation.goBack")
|
|
21082
|
+
});
|
|
21083
|
+
}; // Reactivate button click handlers
|
|
21084
|
+
|
|
21085
|
+
|
|
21086
|
+
const onReactivateClick = () => {
|
|
21087
|
+
reactivateSubscription(sub.id);
|
|
21088
|
+
}; // Renew click
|
|
21089
|
+
|
|
21090
|
+
|
|
21091
|
+
const onRenewClick = () => {
|
|
21092
|
+
const product_id = sub.plan.product.id;
|
|
21093
|
+
const plan_id = sub.plan.id;
|
|
21094
|
+
const product = window.Pelcro.product.getById(product_id);
|
|
21095
|
+
const plan = window.Pelcro.plan.getById(plan_id);
|
|
21096
|
+
setProductAndPlan(product, plan);
|
|
21097
|
+
setSubscriptionIdToRenew(sub.id);
|
|
21098
|
+
setView("plan-select");
|
|
21099
|
+
};
|
|
21100
|
+
|
|
21101
|
+
const getFuturePhases = () => {
|
|
21102
|
+
if (!sub.schedule) return [];
|
|
21103
|
+
const currentPhaseStartDate = sub.schedule.current_phase.start_date;
|
|
21104
|
+
return sub.schedule.phases.filter(phase => {
|
|
21105
|
+
return phase.start_date > currentPhaseStartDate;
|
|
21106
|
+
});
|
|
21107
|
+
};
|
|
21108
|
+
|
|
21109
|
+
const hasFuturePhases = getFuturePhases().length > 0;
|
|
21110
|
+
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, {
|
|
21111
|
+
key: sub.id
|
|
21112
|
+
}, /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", {
|
|
21113
|
+
onClick: () => toggleActiveMenu(sub.id),
|
|
21114
|
+
key: sub.id,
|
|
21115
|
+
className: `plc-w-full plc-align-middle plc-cursor-pointer accordion-header ${isActive ? "plc-bg-gray-100" : "hover:plc-bg-gray-50"}`
|
|
21116
|
+
}, /*#__PURE__*/React__default['default'].createElement("td", {
|
|
21117
|
+
className: "plc-truncate plc-py-2"
|
|
21118
|
+
}, sub.plan.nickname && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21119
|
+
className: "plc-font-semibold plc-text-gray-500"
|
|
21120
|
+
}, sub.plan.nickname), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21121
|
+
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", {
|
|
21123
|
+
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
|
+
}, getSubscriptionStatus(sub).icon, getSubscriptionStatus(sub).title), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
21125
|
+
className: "plc-text-xs plc-text-gray-500"
|
|
21126
|
+
}, sub.status && /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21127
|
+
className: "plc-inline-block plc-mt-1 plc-underline"
|
|
21128
|
+
}, getSubscriptionStatus(sub).content), /*#__PURE__*/React__default['default'].createElement("br", null), sub.shipments_remaining ? /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21129
|
+
className: "plc-inline-block plc-mt-1"
|
|
21130
|
+
}, 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, {
|
|
21131
|
+
variant: "ghost",
|
|
21132
|
+
className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
|
|
21133
|
+
icon: /*#__PURE__*/React__default['default'].createElement(SvgXIconSolid, null),
|
|
21134
|
+
onClick: onCancelClick,
|
|
21135
|
+
disabled: disableSubmit,
|
|
21136
|
+
"data-key": sub.id
|
|
21137
|
+
}, t("labels.unsubscribe")), sub.cancel_at_period_end === 1 && sub.plan.auto_renew && !sub.is_gift_recipient && /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
21138
|
+
variant: "ghost",
|
|
21139
|
+
className: "plc-text-green-400 focus:plc-ring-green-300 pelcro-dashboard-sub-reactivate-button",
|
|
21140
|
+
icon: /*#__PURE__*/React__default['default'].createElement(SvgRefresh, null),
|
|
21141
|
+
onClick: onReactivateClick,
|
|
21142
|
+
disabled: disableSubmit,
|
|
21143
|
+
"data-key": sub.id
|
|
21144
|
+
}, t("labels.reactivate")), sub.cancel_at_period_end === 1 && /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
21145
|
+
variant: "ghost",
|
|
21146
|
+
className: "plc-text-blue-400 pelcro-dashboard-sub-renew-button",
|
|
21147
|
+
icon: /*#__PURE__*/React__default['default'].createElement(SvgRefresh, null),
|
|
21148
|
+
onClick: onRenewClick,
|
|
21149
|
+
disabled: disableSubmit,
|
|
21150
|
+
"data-key": sub.id
|
|
21151
|
+
}, t("labels.renew"))), /*#__PURE__*/React__default['default'].createElement("td", null, hasFuturePhases && /*#__PURE__*/React__default['default'].createElement("div", {
|
|
21152
|
+
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
|
+
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21154
|
+
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 => {
|
|
21156
|
+
var _phase$plans;
|
|
21157
|
+
|
|
21158
|
+
const plan = (_phase$plans = phase.plans) === null || _phase$plans === void 0 ? void 0 : _phase$plans[0].plan;
|
|
21159
|
+
const startDate = new Date(Number(`${phase.start_date}000`));
|
|
21160
|
+
const formattedStartDate = new Intl.DateTimeFormat("en-CA").format(startDate);
|
|
21161
|
+
const startDateString = `${t("labels.startsOn")} ${formattedStartDate}`;
|
|
21162
|
+
return /*#__PURE__*/React__default['default'].createElement("tr", {
|
|
21163
|
+
key: `${phase.start_date}-${phase.end_date}`,
|
|
21164
|
+
className: "pelcro-sub-phase-row plc-w-full plc-align-middle"
|
|
21165
|
+
}, /*#__PURE__*/React__default['default'].createElement("td", {
|
|
21166
|
+
className: "plc-truncate plc-py-2"
|
|
21167
|
+
}, plan.nickname && /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21168
|
+
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", {
|
|
21172
|
+
className: "plc-text-xs plc-text-gray-500"
|
|
21173
|
+
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21174
|
+
className: "plc-inline-block plc-mt-1 plc-underline"
|
|
21175
|
+
}, startDateString))));
|
|
21176
|
+
}), /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
|
|
21177
|
+
colSpan: "4"
|
|
21178
|
+
}, /*#__PURE__*/React__default['default'].createElement("hr", {
|
|
21179
|
+
className: "plc-mt-4"
|
|
21180
|
+
}))))));
|
|
21181
|
+
});
|
|
21182
|
+
};
|
|
21183
|
+
|
|
20896
21184
|
/**
|
|
20897
21185
|
* @typedef {Object} AccordionPropsType
|
|
20898
21186
|
* @property {string} initialActiveMenu the initial active menu
|
|
@@ -20919,7 +21207,7 @@ const Accordion = ({
|
|
|
20919
21207
|
};
|
|
20920
21208
|
|
|
20921
21209
|
return React__default['default'].Children.map(children, (child, i) => {
|
|
20922
|
-
if (child.type === Accordion.item || child.type === OrderItems || child.type === SavedItems) {
|
|
21210
|
+
if (child.type === Accordion.item || child.type === OrderItems || child.type === SavedItems || child.type === SubscriptionsItems) {
|
|
20923
21211
|
return /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
20924
21212
|
activeMenu,
|
|
20925
21213
|
toggleActiveMenu,
|
|
@@ -20975,18 +21263,18 @@ Accordion.item = function AccordionItem({
|
|
|
20975
21263
|
}, content)) : null;
|
|
20976
21264
|
};
|
|
20977
21265
|
|
|
20978
|
-
var _path$
|
|
21266
|
+
var _path$9;
|
|
20979
21267
|
|
|
20980
|
-
function _extends$
|
|
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); }
|
|
20981
21269
|
|
|
20982
21270
|
function SvgExit(props) {
|
|
20983
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
21271
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
|
|
20984
21272
|
className: "plc-w-6 plc-h-6",
|
|
20985
21273
|
xmlns: "http://www.w3.org/2000/svg",
|
|
20986
21274
|
fill: "none",
|
|
20987
21275
|
viewBox: "0 0 24 24",
|
|
20988
21276
|
stroke: "currentColor"
|
|
20989
|
-
}, props), _path$
|
|
21277
|
+
}, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
20990
21278
|
strokeLinecap: "round",
|
|
20991
21279
|
strokeLinejoin: "round",
|
|
20992
21280
|
strokeWidth: 2,
|
|
@@ -20994,34 +21282,34 @@ function SvgExit(props) {
|
|
|
20994
21282
|
})));
|
|
20995
21283
|
}
|
|
20996
21284
|
|
|
20997
|
-
var _path$
|
|
21285
|
+
var _path$8;
|
|
20998
21286
|
|
|
20999
|
-
function _extends$
|
|
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); }
|
|
21000
21288
|
|
|
21001
21289
|
function SvgCheckMark(props) {
|
|
21002
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
21290
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
|
|
21003
21291
|
className: "plc-w-4 plc-h-4 plc-mr-1",
|
|
21004
21292
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21005
21293
|
viewBox: "0 0 20 20",
|
|
21006
21294
|
fill: "currentColor"
|
|
21007
|
-
}, props), _path$
|
|
21295
|
+
}, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21008
21296
|
fillRule: "evenodd",
|
|
21009
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",
|
|
21010
21298
|
clipRule: "evenodd"
|
|
21011
21299
|
})));
|
|
21012
21300
|
}
|
|
21013
21301
|
|
|
21014
|
-
var _path$
|
|
21302
|
+
var _path$7;
|
|
21015
21303
|
|
|
21016
|
-
function _extends$
|
|
21304
|
+
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); }
|
|
21017
21305
|
|
|
21018
21306
|
function SvgUser(props) {
|
|
21019
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
21307
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
|
|
21020
21308
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21021
21309
|
fill: "none",
|
|
21022
21310
|
viewBox: "0 0 24 24",
|
|
21023
21311
|
stroke: "currentColor"
|
|
21024
|
-
}, props), _path$
|
|
21312
|
+
}, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21025
21313
|
strokeLinecap: "round",
|
|
21026
21314
|
strokeLinejoin: "round",
|
|
21027
21315
|
strokeWidth: 2,
|
|
@@ -21029,18 +21317,18 @@ function SvgUser(props) {
|
|
|
21029
21317
|
})));
|
|
21030
21318
|
}
|
|
21031
21319
|
|
|
21032
|
-
var _path$
|
|
21320
|
+
var _path$6;
|
|
21033
21321
|
|
|
21034
|
-
function _extends$
|
|
21322
|
+
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); }
|
|
21035
21323
|
|
|
21036
21324
|
function SvgNewsletter(props) {
|
|
21037
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
21325
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
|
|
21038
21326
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21039
21327
|
className: "plc-h-5 plc-w-5",
|
|
21040
21328
|
fill: "none",
|
|
21041
21329
|
viewBox: "0 0 24 24",
|
|
21042
21330
|
stroke: "currentColor"
|
|
21043
|
-
}, props), _path$
|
|
21331
|
+
}, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21044
21332
|
strokeLinecap: "round",
|
|
21045
21333
|
strokeLinejoin: "round",
|
|
21046
21334
|
strokeWidth: 2,
|
|
@@ -21048,37 +21336,18 @@ function SvgNewsletter(props) {
|
|
|
21048
21336
|
})));
|
|
21049
21337
|
}
|
|
21050
21338
|
|
|
21051
|
-
var _path$
|
|
21052
|
-
|
|
21053
|
-
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); }
|
|
21054
|
-
|
|
21055
|
-
function SvgRefresh(props) {
|
|
21056
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
|
|
21057
|
-
className: "plc-w-4 plc-h-4 plc-mr-1",
|
|
21058
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
21059
|
-
fill: "none",
|
|
21060
|
-
viewBox: "0 0 24 24",
|
|
21061
|
-
stroke: "currentColor"
|
|
21062
|
-
}, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21063
|
-
strokeLinecap: "round",
|
|
21064
|
-
strokeLinejoin: "round",
|
|
21065
|
-
strokeWidth: 2,
|
|
21066
|
-
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"
|
|
21067
|
-
})));
|
|
21068
|
-
}
|
|
21069
|
-
|
|
21070
|
-
var _path$6;
|
|
21339
|
+
var _path$5;
|
|
21071
21340
|
|
|
21072
|
-
function _extends$
|
|
21341
|
+
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); }
|
|
21073
21342
|
|
|
21074
21343
|
function SvgPaymentCard(props) {
|
|
21075
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
21344
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
|
|
21076
21345
|
className: "plc-w-6 plc-h-6 plc-mr-2",
|
|
21077
21346
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21078
21347
|
fill: "none",
|
|
21079
21348
|
viewBox: "0 0 24 24",
|
|
21080
21349
|
stroke: "currentColor"
|
|
21081
|
-
}, props), _path$
|
|
21350
|
+
}, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21082
21351
|
strokeLinecap: "round",
|
|
21083
21352
|
strokeLinejoin: "round",
|
|
21084
21353
|
strokeWidth: 2,
|
|
@@ -21086,18 +21355,18 @@ function SvgPaymentCard(props) {
|
|
|
21086
21355
|
})));
|
|
21087
21356
|
}
|
|
21088
21357
|
|
|
21089
|
-
var _path$
|
|
21358
|
+
var _path$4, _path2;
|
|
21090
21359
|
|
|
21091
|
-
function _extends$
|
|
21360
|
+
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); }
|
|
21092
21361
|
|
|
21093
21362
|
function SvgLocationPin(props) {
|
|
21094
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
21363
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
|
|
21095
21364
|
className: "plc-w-6 plc-h-6 plc-mr-2",
|
|
21096
21365
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21097
21366
|
fill: "none",
|
|
21098
21367
|
viewBox: "0 0 24 24",
|
|
21099
21368
|
stroke: "currentColor"
|
|
21100
|
-
}, props), _path$
|
|
21369
|
+
}, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21101
21370
|
strokeLinecap: "round",
|
|
21102
21371
|
strokeLinejoin: "round",
|
|
21103
21372
|
strokeWidth: 2,
|
|
@@ -21112,10 +21381,10 @@ function SvgLocationPin(props) {
|
|
|
21112
21381
|
|
|
21113
21382
|
var _switch;
|
|
21114
21383
|
|
|
21115
|
-
function _extends$
|
|
21384
|
+
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); }
|
|
21116
21385
|
|
|
21117
21386
|
function SvgSubscription(props) {
|
|
21118
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
21387
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
|
|
21119
21388
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21120
21389
|
viewBox: "0 0 100 125",
|
|
21121
21390
|
fill: "currentColor"
|
|
@@ -21130,30 +21399,11 @@ function SvgSubscription(props) {
|
|
|
21130
21399
|
}))))));
|
|
21131
21400
|
}
|
|
21132
21401
|
|
|
21133
|
-
var _path$4;
|
|
21134
|
-
|
|
21135
|
-
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); }
|
|
21136
|
-
|
|
21137
|
-
function SvgShopping(props) {
|
|
21138
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
|
|
21139
|
-
className: "plc-w-6 plc-h-6 plc-mr-2",
|
|
21140
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
21141
|
-
fill: "none",
|
|
21142
|
-
viewBox: "0 0 24 24",
|
|
21143
|
-
stroke: "currentColor"
|
|
21144
|
-
}, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21145
|
-
strokeLinecap: "round",
|
|
21146
|
-
strokeLinejoin: "round",
|
|
21147
|
-
strokeWidth: 2,
|
|
21148
|
-
d: "M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"
|
|
21149
|
-
})));
|
|
21150
|
-
}
|
|
21151
|
-
|
|
21152
21402
|
var _path$3;
|
|
21153
21403
|
|
|
21154
21404
|
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); }
|
|
21155
21405
|
|
|
21156
|
-
function
|
|
21406
|
+
function SvgShopping(props) {
|
|
21157
21407
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
|
|
21158
21408
|
className: "plc-w-6 plc-h-6 plc-mr-2",
|
|
21159
21409
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -21164,7 +21414,7 @@ function SvgBookmark(props) {
|
|
|
21164
21414
|
strokeLinecap: "round",
|
|
21165
21415
|
strokeLinejoin: "round",
|
|
21166
21416
|
strokeWidth: 2,
|
|
21167
|
-
d: "
|
|
21417
|
+
d: "M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"
|
|
21168
21418
|
})));
|
|
21169
21419
|
}
|
|
21170
21420
|
|
|
@@ -21172,9 +21422,9 @@ var _path$2;
|
|
|
21172
21422
|
|
|
21173
21423
|
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); }
|
|
21174
21424
|
|
|
21175
|
-
function
|
|
21425
|
+
function SvgBookmark(props) {
|
|
21176
21426
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
|
|
21177
|
-
className: "plc-w-
|
|
21427
|
+
className: "plc-w-6 plc-h-6 plc-mr-2",
|
|
21178
21428
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21179
21429
|
fill: "none",
|
|
21180
21430
|
viewBox: "0 0 24 24",
|
|
@@ -21183,7 +21433,7 @@ function SvgPlus(props) {
|
|
|
21183
21433
|
strokeLinecap: "round",
|
|
21184
21434
|
strokeLinejoin: "round",
|
|
21185
21435
|
strokeWidth: 2,
|
|
21186
|
-
d: "
|
|
21436
|
+
d: "M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"
|
|
21187
21437
|
})));
|
|
21188
21438
|
}
|
|
21189
21439
|
|
|
@@ -21447,116 +21697,6 @@ class Dashboard extends React.Component {
|
|
|
21447
21697
|
};
|
|
21448
21698
|
});
|
|
21449
21699
|
|
|
21450
|
-
_defineProperty$3(this, "renderSubscriptions", () => {
|
|
21451
|
-
var _this$state$subscript;
|
|
21452
|
-
|
|
21453
|
-
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 => {
|
|
21454
|
-
// Cancel button click handlers
|
|
21455
|
-
const onCancelClick = () => {
|
|
21456
|
-
this.props.onClose();
|
|
21457
|
-
notify.confirm((onSuccess, onFailure) => {
|
|
21458
|
-
this.cancelSubscription(sub.id, onSuccess, onFailure);
|
|
21459
|
-
}, {
|
|
21460
|
-
confirmMessage: this.locale("messages.subCancellation.isSureToCancel"),
|
|
21461
|
-
loadingMessage: this.locale("messages.subCancellation.loading"),
|
|
21462
|
-
successMessage: this.locale("messages.subCancellation.success"),
|
|
21463
|
-
errorMessage: this.locale("messages.subCancellation.error")
|
|
21464
|
-
}, {
|
|
21465
|
-
closeButtonLabel: this.locale("labels.subCancellation.goBack")
|
|
21466
|
-
});
|
|
21467
|
-
}; // Reactivate button click handlers
|
|
21468
|
-
|
|
21469
|
-
|
|
21470
|
-
const onReactivateClick = () => {
|
|
21471
|
-
this.reactivateSubscription(sub.id);
|
|
21472
|
-
}; // Renew click
|
|
21473
|
-
|
|
21474
|
-
|
|
21475
|
-
const onRenewClick = () => {
|
|
21476
|
-
const product_id = sub.plan.product.id;
|
|
21477
|
-
const plan_id = sub.plan.id;
|
|
21478
|
-
const product = window.Pelcro.product.getById(product_id);
|
|
21479
|
-
const plan = window.Pelcro.plan.getById(plan_id);
|
|
21480
|
-
this.props.setProductAndPlan(product, plan);
|
|
21481
|
-
this.props.setSubscriptionIdToRenew(sub.id);
|
|
21482
|
-
this.props.setView("plan-select");
|
|
21483
|
-
};
|
|
21484
|
-
|
|
21485
|
-
return /*#__PURE__*/React__default['default'].createElement("tr", {
|
|
21486
|
-
key: "dashboard-subscription-" + sub.id,
|
|
21487
|
-
className: "plc-w-full plc-align-top"
|
|
21488
|
-
}, /*#__PURE__*/React__default['default'].createElement("td", {
|
|
21489
|
-
className: "plc-truncate"
|
|
21490
|
-
}, sub.plan.nickname && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21491
|
-
className: "plc-font-semibold plc-text-gray-500"
|
|
21492
|
-
}, sub.plan.nickname), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21493
|
-
className: "plc-text-xs plc-text-gray-400"
|
|
21494
|
-
}, getFormattedPriceByLocal(sub.plan.amount, sub.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21495
|
-
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`
|
|
21496
|
-
}, this.getSubscriptionStatus(sub).icon, this.getSubscriptionStatus(sub).title), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
21497
|
-
className: "plc-mb-4 plc-text-xs plc-text-gray-500"
|
|
21498
|
-
}, sub.status && /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21499
|
-
className: "plc-inline-block plc-mt-1 plc-underline"
|
|
21500
|
-
}, this.getSubscriptionStatus(sub).content), /*#__PURE__*/React__default['default'].createElement("br", null), sub.shipments_remaining ? /*#__PURE__*/React__default['default'].createElement("span", {
|
|
21501
|
-
className: "plc-inline-block plc-mt-1"
|
|
21502
|
-
}, 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, {
|
|
21503
|
-
variant: "ghost",
|
|
21504
|
-
className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
|
|
21505
|
-
icon: /*#__PURE__*/React__default['default'].createElement(SvgXIconSolid, null),
|
|
21506
|
-
onClick: onCancelClick,
|
|
21507
|
-
disabled: this.state.disableSubmit,
|
|
21508
|
-
"data-key": sub.id
|
|
21509
|
-
}, this.locale("labels.unsubscribe")), sub.cancel_at_period_end === 1 && sub.plan.auto_renew && !sub.is_gift_recipient && /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
21510
|
-
variant: "ghost",
|
|
21511
|
-
className: "plc-text-green-400 focus:plc-ring-green-300 pelcro-dashboard-sub-reactivate-button",
|
|
21512
|
-
icon: /*#__PURE__*/React__default['default'].createElement(SvgRefresh, null),
|
|
21513
|
-
onClick: onReactivateClick,
|
|
21514
|
-
disabled: this.state.disableSubmit,
|
|
21515
|
-
"data-key": sub.id
|
|
21516
|
-
}, this.locale("labels.reactivate")), sub.cancel_at_period_end === 1 && /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
21517
|
-
variant: "ghost",
|
|
21518
|
-
className: "plc-text-blue-400 pelcro-dashboard-sub-renew-button",
|
|
21519
|
-
icon: /*#__PURE__*/React__default['default'].createElement(SvgRefresh, null),
|
|
21520
|
-
onClick: onRenewClick,
|
|
21521
|
-
disabled: this.state.disableSubmit,
|
|
21522
|
-
"data-key": sub.id
|
|
21523
|
-
}, this.locale("labels.renew"))));
|
|
21524
|
-
});
|
|
21525
|
-
return /*#__PURE__*/React__default['default'].createElement("table", {
|
|
21526
|
-
className: "plc-w-full plc-table-fixed"
|
|
21527
|
-
}, /*#__PURE__*/React__default['default'].createElement("thead", {
|
|
21528
|
-
className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
|
|
21529
|
-
}, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", {
|
|
21530
|
-
className: "plc-w-5/12 "
|
|
21531
|
-
}, this.locale("labels.plan")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
21532
|
-
className: "plc-w-4/12 "
|
|
21533
|
-
}, this.locale("labels.status.title")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
21534
|
-
className: "plc-w-3/12 "
|
|
21535
|
-
}, this.locale("labels.actions")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", {
|
|
21536
|
-
className: "plc-h-4"
|
|
21537
|
-
}), subscriptions, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
|
|
21538
|
-
colSpan: "4",
|
|
21539
|
-
className: "plc-p-1"
|
|
21540
|
-
}, /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
21541
|
-
variant: "ghost",
|
|
21542
|
-
icon: /*#__PURE__*/React__default['default'].createElement(SvgPlus, {
|
|
21543
|
-
className: "plc-w-4 plc-h-4 plc-mr-1"
|
|
21544
|
-
}),
|
|
21545
|
-
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",
|
|
21546
|
-
onClick: this.displayProductSelect
|
|
21547
|
-
}, this.locale("labels.addSubscription")))), /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
|
|
21548
|
-
colSpan: "4",
|
|
21549
|
-
className: "plc-p-1"
|
|
21550
|
-
}, /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
21551
|
-
variant: "ghost",
|
|
21552
|
-
icon: /*#__PURE__*/React__default['default'].createElement(SvgGift, {
|
|
21553
|
-
className: "plc-w-4 plc-h-4 plc-mr-1"
|
|
21554
|
-
}),
|
|
21555
|
-
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",
|
|
21556
|
-
onClick: this.displayRedeem
|
|
21557
|
-
}, this.locale("labels.redeemGift"))))));
|
|
21558
|
-
});
|
|
21559
|
-
|
|
21560
21700
|
_defineProperty$3(this, "renderGiftRecipients", () => {
|
|
21561
21701
|
var _giftRecipients$sort, _giftRecipients$sort$;
|
|
21562
21702
|
|
|
@@ -21831,7 +21971,18 @@ class Dashboard extends React.Component {
|
|
|
21831
21971
|
className: "plc-w-10 plc-h-10 plc-pt-2 plc-pr-1 plc--ml-2"
|
|
21832
21972
|
}),
|
|
21833
21973
|
title: this.locale("labels.subscriptions"),
|
|
21834
|
-
content:
|
|
21974
|
+
content: /*#__PURE__*/React__default['default'].createElement(SubscriptionsMenu, {
|
|
21975
|
+
onClose: this.props.onClose,
|
|
21976
|
+
cancelSubscription: this.cancelSubscription,
|
|
21977
|
+
reactivateSubscription: this.reactivateSubscription,
|
|
21978
|
+
setProductAndPlan: this.props.setProductAndPlan,
|
|
21979
|
+
setSubscriptionIdToRenew: this.props.setSubscriptionIdToRenew,
|
|
21980
|
+
setView: this.props.setView,
|
|
21981
|
+
getSubscriptionStatus: this.getSubscriptionStatus,
|
|
21982
|
+
disableSubmit: this.state.disableSubmit,
|
|
21983
|
+
displayProductSelect: this.displayProductSelect,
|
|
21984
|
+
displayRedeem: this.displayRedeem
|
|
21985
|
+
})
|
|
21835
21986
|
}), /*#__PURE__*/React__default['default'].createElement(Accordion.item, {
|
|
21836
21987
|
name: SUB_MENUS.GIFTS,
|
|
21837
21988
|
icon: /*#__PURE__*/React__default['default'].createElement(SvgGift, null),
|