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