@pelcro/react-pelcro-js 3.1.0-beta.3 → 3.1.0-beta.4
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 +494 -829
- package/dist/index.esm.js +495 -824
- package/dist/pelcro.css +0 -22
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -3461,9 +3461,9 @@ var paymentMethod_fr = {
|
|
|
3461
3461
|
select: select
|
|
3462
3462
|
};
|
|
3463
3463
|
|
|
3464
|
-
var title$
|
|
3464
|
+
var title$f = "Enter your email to subscribe to our newsletter";
|
|
3465
3465
|
var updateTitle$1 = "Update newsletter selections";
|
|
3466
|
-
var subtitle$
|
|
3466
|
+
var subtitle$7 = "We may use your email for other marketing communication";
|
|
3467
3467
|
var labels$p = {
|
|
3468
3468
|
submit: "Submit",
|
|
3469
3469
|
firstName: "First name",
|
|
@@ -3480,16 +3480,16 @@ var messages$r = {
|
|
|
3480
3480
|
here: "here"
|
|
3481
3481
|
};
|
|
3482
3482
|
var newsletter_en = {
|
|
3483
|
-
title: title$
|
|
3483
|
+
title: title$f,
|
|
3484
3484
|
updateTitle: updateTitle$1,
|
|
3485
|
-
subtitle: subtitle$
|
|
3485
|
+
subtitle: subtitle$7,
|
|
3486
3486
|
labels: labels$p,
|
|
3487
3487
|
messages: messages$r
|
|
3488
3488
|
};
|
|
3489
3489
|
|
|
3490
|
-
var title$
|
|
3490
|
+
var title$e = "Entrez votre adresse courriel pour vous abonner à notre infolettre";
|
|
3491
3491
|
var updateTitle = "Mettre à jour son choix d'infolettres";
|
|
3492
|
-
var subtitle$
|
|
3492
|
+
var subtitle$6 = "Nous pouvons utiliser votre adresse courriel pour d’autres communications marketing";
|
|
3493
3493
|
var labels$o = {
|
|
3494
3494
|
submit: "Lire l’article !",
|
|
3495
3495
|
firstName: "Prénom",
|
|
@@ -3506,9 +3506,9 @@ var messages$q = {
|
|
|
3506
3506
|
here: "ici"
|
|
3507
3507
|
};
|
|
3508
3508
|
var newsletter_fr = {
|
|
3509
|
-
title: title$
|
|
3509
|
+
title: title$e,
|
|
3510
3510
|
updateTitle: updateTitle,
|
|
3511
|
-
subtitle: subtitle$
|
|
3511
|
+
subtitle: subtitle$6,
|
|
3512
3512
|
labels: labels$o,
|
|
3513
3513
|
messages: messages$q
|
|
3514
3514
|
};
|
|
@@ -3765,8 +3765,8 @@ var login_fr = {
|
|
|
3765
3765
|
errors: errors$4
|
|
3766
3766
|
};
|
|
3767
3767
|
|
|
3768
|
-
var title$
|
|
3769
|
-
var subtitle$
|
|
3768
|
+
var title$d = "Create an account";
|
|
3769
|
+
var subtitle$5 = "Enter your email and password below";
|
|
3770
3770
|
var labels$h = {
|
|
3771
3771
|
signUpFacebook: "Sign up with Facebook",
|
|
3772
3772
|
signUpGoogle: "Sign up with Google",
|
|
@@ -3851,8 +3851,8 @@ var redeem$1 = {
|
|
|
3851
3851
|
}
|
|
3852
3852
|
};
|
|
3853
3853
|
var register_en = {
|
|
3854
|
-
title: title$
|
|
3855
|
-
subtitle: subtitle$
|
|
3854
|
+
title: title$d,
|
|
3855
|
+
subtitle: subtitle$5,
|
|
3856
3856
|
labels: labels$h,
|
|
3857
3857
|
messages: messages$h,
|
|
3858
3858
|
errors: errors$3,
|
|
@@ -3860,8 +3860,8 @@ var register_en = {
|
|
|
3860
3860
|
redeem: redeem$1
|
|
3861
3861
|
};
|
|
3862
3862
|
|
|
3863
|
-
var title$
|
|
3864
|
-
var subtitle$
|
|
3863
|
+
var title$c = "Créer un compte";
|
|
3864
|
+
var subtitle$4 = "Entrez votre courriel et votre mot de passe ci-dessous";
|
|
3865
3865
|
var labels$g = {
|
|
3866
3866
|
signUpFacebook: "Inscrivez-vous avec Facebook",
|
|
3867
3867
|
signUpGoogle: "Inscrivez-vous avec Google",
|
|
@@ -3947,8 +3947,8 @@ var redeem = {
|
|
|
3947
3947
|
}
|
|
3948
3948
|
};
|
|
3949
3949
|
var register_fr = {
|
|
3950
|
-
title: title$
|
|
3951
|
-
subtitle: subtitle$
|
|
3950
|
+
title: title$c,
|
|
3951
|
+
subtitle: subtitle$4,
|
|
3952
3952
|
labels: labels$g,
|
|
3953
3953
|
messages: messages$g,
|
|
3954
3954
|
errors: errors$2,
|
|
@@ -4008,7 +4008,7 @@ var userEdit_fr = {
|
|
|
4008
4008
|
messages: messages$e
|
|
4009
4009
|
};
|
|
4010
4010
|
|
|
4011
|
-
var title$
|
|
4011
|
+
var title$b = "Enter your shipping address";
|
|
4012
4012
|
var selectAddressTitle$1 = "Please select an address";
|
|
4013
4013
|
var selectAddressSubtitle$1 = "Select one of your saved addresses, or add a new one";
|
|
4014
4014
|
var labels$d = {
|
|
@@ -4031,7 +4031,7 @@ var messages$d = {
|
|
|
4031
4031
|
subRedeemed: "Your subscription has been redeemed."
|
|
4032
4032
|
};
|
|
4033
4033
|
var address_en = {
|
|
4034
|
-
title: title$
|
|
4034
|
+
title: title$b,
|
|
4035
4035
|
selectAddressTitle: selectAddressTitle$1,
|
|
4036
4036
|
selectAddressSubtitle: selectAddressSubtitle$1,
|
|
4037
4037
|
labels: labels$d,
|
|
@@ -4039,7 +4039,7 @@ var address_en = {
|
|
|
4039
4039
|
messages: messages$d
|
|
4040
4040
|
};
|
|
4041
4041
|
|
|
4042
|
-
var title$
|
|
4042
|
+
var title$a = "Entrez votre adresse de livraison";
|
|
4043
4043
|
var selectAddressTitle = "Veuillez sélectionner une adresse";
|
|
4044
4044
|
var selectAddressSubtitle = "Choisissez l'une de vos adresses ou créez-en une nouvelle";
|
|
4045
4045
|
var labels$c = {
|
|
@@ -4062,7 +4062,7 @@ var messages$c = {
|
|
|
4062
4062
|
subRedeemed: "Votre abonnement a bien été activé."
|
|
4063
4063
|
};
|
|
4064
4064
|
var address_fr = {
|
|
4065
|
-
title: title$
|
|
4065
|
+
title: title$a,
|
|
4066
4066
|
selectAddressTitle: selectAddressTitle,
|
|
4067
4067
|
selectAddressSubtitle: selectAddressSubtitle,
|
|
4068
4068
|
labels: labels$c,
|
|
@@ -4070,8 +4070,8 @@ var address_fr = {
|
|
|
4070
4070
|
messages: messages$c
|
|
4071
4071
|
};
|
|
4072
4072
|
|
|
4073
|
-
var title$
|
|
4074
|
-
var subtitle$
|
|
4073
|
+
var title$9 = "Reset your password";
|
|
4074
|
+
var subtitle$3 = "Enter a new password below";
|
|
4075
4075
|
var email$3 = "Email";
|
|
4076
4076
|
var password$3 = "Password";
|
|
4077
4077
|
var confirmPassword$1 = "Confirm password";
|
|
@@ -4079,8 +4079,8 @@ var submit$5 = "Submit";
|
|
|
4079
4079
|
var required$5 = "Required";
|
|
4080
4080
|
var passwordUpdated$1 = "Password has been updated, please login with the new password";
|
|
4081
4081
|
var passwordReset_en = {
|
|
4082
|
-
title: title$
|
|
4083
|
-
subtitle: subtitle$
|
|
4082
|
+
title: title$9,
|
|
4083
|
+
subtitle: subtitle$3,
|
|
4084
4084
|
email: email$3,
|
|
4085
4085
|
password: password$3,
|
|
4086
4086
|
confirmPassword: confirmPassword$1,
|
|
@@ -4089,8 +4089,8 @@ var passwordReset_en = {
|
|
|
4089
4089
|
passwordUpdated: passwordUpdated$1
|
|
4090
4090
|
};
|
|
4091
4091
|
|
|
4092
|
-
var title$
|
|
4093
|
-
var subtitle$
|
|
4092
|
+
var title$8 = "Réinitialiser votre mot de passe";
|
|
4093
|
+
var subtitle$2 = "Entrez un nouveau mot de passe ci-dessous";
|
|
4094
4094
|
var email$2 = "Adresse courriel";
|
|
4095
4095
|
var password$2 = "Mot de passe";
|
|
4096
4096
|
var confirmPassword = "Confirmer le mot de passe";
|
|
@@ -4098,8 +4098,8 @@ var submit$4 = "Soumettre";
|
|
|
4098
4098
|
var required$4 = "Champs obligatoires";
|
|
4099
4099
|
var passwordUpdated = "Votre mot de passe a été mis à jour, veuillez vous connecter avec celui-ci";
|
|
4100
4100
|
var passwordReset_fr = {
|
|
4101
|
-
title: title$
|
|
4102
|
-
subtitle: subtitle$
|
|
4101
|
+
title: title$8,
|
|
4102
|
+
subtitle: subtitle$2,
|
|
4103
4103
|
email: email$2,
|
|
4104
4104
|
password: password$2,
|
|
4105
4105
|
confirmPassword: confirmPassword,
|
|
@@ -4108,7 +4108,7 @@ var passwordReset_fr = {
|
|
|
4108
4108
|
passwordUpdated: passwordUpdated
|
|
4109
4109
|
};
|
|
4110
4110
|
|
|
4111
|
-
var title$
|
|
4111
|
+
var title$7 = "Forgot your password?";
|
|
4112
4112
|
var email$1 = "Email";
|
|
4113
4113
|
var password$1 = "Password";
|
|
4114
4114
|
var submit$3 = "Submit";
|
|
@@ -4119,7 +4119,7 @@ var messages$b = {
|
|
|
4119
4119
|
loginHere: "login here."
|
|
4120
4120
|
};
|
|
4121
4121
|
var passwordForgot_en = {
|
|
4122
|
-
title: title$
|
|
4122
|
+
title: title$7,
|
|
4123
4123
|
email: email$1,
|
|
4124
4124
|
password: password$1,
|
|
4125
4125
|
submit: submit$3,
|
|
@@ -4128,7 +4128,7 @@ var passwordForgot_en = {
|
|
|
4128
4128
|
messages: messages$b
|
|
4129
4129
|
};
|
|
4130
4130
|
|
|
4131
|
-
var title$
|
|
4131
|
+
var title$6 = "Mot de passe oublié ?";
|
|
4132
4132
|
var email = "Courriel";
|
|
4133
4133
|
var password = "Mot de passe";
|
|
4134
4134
|
var submit$2 = "Soumettre";
|
|
@@ -4139,7 +4139,7 @@ var messages$a = {
|
|
|
4139
4139
|
loginHere: "Connectez-vous ici"
|
|
4140
4140
|
};
|
|
4141
4141
|
var passwordForgot_fr = {
|
|
4142
|
-
title: title$
|
|
4142
|
+
title: title$6,
|
|
4143
4143
|
email: email,
|
|
4144
4144
|
password: password,
|
|
4145
4145
|
submit: submit$2,
|
|
@@ -4148,7 +4148,7 @@ var passwordForgot_fr = {
|
|
|
4148
4148
|
messages: messages$a
|
|
4149
4149
|
};
|
|
4150
4150
|
|
|
4151
|
-
var title$
|
|
4151
|
+
var title$5 = "Change your password";
|
|
4152
4152
|
var currentPassword$1 = "Current password";
|
|
4153
4153
|
var newPassword$1 = "New password";
|
|
4154
4154
|
var confirmNewPassword$1 = "Confirm new password";
|
|
@@ -4158,7 +4158,7 @@ var passwordChanged$1 = "Password has been changed, please login with the new pa
|
|
|
4158
4158
|
var passwordsNotMatching$1 = "Passwords don't match";
|
|
4159
4159
|
var weakPassword$1 = "Your password must contain at least 6 characters";
|
|
4160
4160
|
var passwordChange_en = {
|
|
4161
|
-
title: title$
|
|
4161
|
+
title: title$5,
|
|
4162
4162
|
currentPassword: currentPassword$1,
|
|
4163
4163
|
newPassword: newPassword$1,
|
|
4164
4164
|
confirmNewPassword: confirmNewPassword$1,
|
|
@@ -4169,7 +4169,7 @@ var passwordChange_en = {
|
|
|
4169
4169
|
weakPassword: weakPassword$1
|
|
4170
4170
|
};
|
|
4171
4171
|
|
|
4172
|
-
var title$
|
|
4172
|
+
var title$4 = "Changez votre mot de passe";
|
|
4173
4173
|
var currentPassword = "Mot de passe actuel";
|
|
4174
4174
|
var newPassword = "Nouveau mot de passe";
|
|
4175
4175
|
var confirmNewPassword = "Confirmer le nouveau mot de passe";
|
|
@@ -4179,7 +4179,7 @@ var passwordChanged = "Le mot de passe a été modifié, veuillez vous connecter
|
|
|
4179
4179
|
var passwordsNotMatching = "Les mots de passe ne correspondent pas";
|
|
4180
4180
|
var weakPassword = "Votre mot de passe doit contenir au moins 6";
|
|
4181
4181
|
var passwordChange_fr = {
|
|
4182
|
-
title: title$
|
|
4182
|
+
title: title$4,
|
|
4183
4183
|
currentPassword: currentPassword,
|
|
4184
4184
|
newPassword: newPassword,
|
|
4185
4185
|
confirmNewPassword: confirmNewPassword,
|
|
@@ -4190,8 +4190,8 @@ var passwordChange_fr = {
|
|
|
4190
4190
|
weakPassword: weakPassword
|
|
4191
4191
|
};
|
|
4192
4192
|
|
|
4193
|
-
var title$
|
|
4194
|
-
var subtitle$
|
|
4193
|
+
var title$3 = "Votre panier";
|
|
4194
|
+
var subtitle$1 = "Terminez votre achat ci-dessous";
|
|
4195
4195
|
var name$1 = "Produit";
|
|
4196
4196
|
var quantity$1 = "Quantité";
|
|
4197
4197
|
var price$1 = "Prix";
|
|
@@ -4202,8 +4202,8 @@ var confirm$3 = "Passer à la caisse";
|
|
|
4202
4202
|
var empty$1 = "Votre panier est vide.";
|
|
4203
4203
|
var removeAll$1 = "Vider";
|
|
4204
4204
|
var cart_fr = {
|
|
4205
|
-
title: title$
|
|
4206
|
-
subtitle: subtitle$
|
|
4205
|
+
title: title$3,
|
|
4206
|
+
subtitle: subtitle$1,
|
|
4207
4207
|
name: name$1,
|
|
4208
4208
|
quantity: quantity$1,
|
|
4209
4209
|
price: price$1,
|
|
@@ -4215,8 +4215,8 @@ var cart_fr = {
|
|
|
4215
4215
|
removeAll: removeAll$1
|
|
4216
4216
|
};
|
|
4217
4217
|
|
|
4218
|
-
var title$
|
|
4219
|
-
var subtitle
|
|
4218
|
+
var title$2 = "Your shopping cart";
|
|
4219
|
+
var subtitle = "Comple your purchase below";
|
|
4220
4220
|
var name = "Name";
|
|
4221
4221
|
var quantity = "Quantity";
|
|
4222
4222
|
var price = "Price";
|
|
@@ -4227,8 +4227,8 @@ var confirm$2 = "Checkout";
|
|
|
4227
4227
|
var empty = "Your cart is empty.";
|
|
4228
4228
|
var removeAll = "Remove all";
|
|
4229
4229
|
var cart_en = {
|
|
4230
|
-
title: title$
|
|
4231
|
-
subtitle: subtitle
|
|
4230
|
+
title: title$2,
|
|
4231
|
+
subtitle: subtitle,
|
|
4232
4232
|
name: name,
|
|
4233
4233
|
quantity: quantity,
|
|
4234
4234
|
price: price,
|
|
@@ -4666,7 +4666,7 @@ var verifyEmail_fr = {
|
|
|
4666
4666
|
messages: messages
|
|
4667
4667
|
};
|
|
4668
4668
|
|
|
4669
|
-
var title$
|
|
4669
|
+
var title$1 = "Invoice details";
|
|
4670
4670
|
var labels$1 = {
|
|
4671
4671
|
summary: "Summary",
|
|
4672
4672
|
total: "Total",
|
|
@@ -4679,12 +4679,12 @@ var buttons$1 = {
|
|
|
4679
4679
|
pay: "Pay now"
|
|
4680
4680
|
};
|
|
4681
4681
|
var invoiceDetails_en = {
|
|
4682
|
-
title: title$
|
|
4682
|
+
title: title$1,
|
|
4683
4683
|
labels: labels$1,
|
|
4684
4684
|
buttons: buttons$1
|
|
4685
4685
|
};
|
|
4686
4686
|
|
|
4687
|
-
var title
|
|
4687
|
+
var title = "Invoice details";
|
|
4688
4688
|
var labels = {
|
|
4689
4689
|
summary: "Summary",
|
|
4690
4690
|
total: "Total",
|
|
@@ -4697,37 +4697,11 @@ var buttons = {
|
|
|
4697
4697
|
pay: "Pay now"
|
|
4698
4698
|
};
|
|
4699
4699
|
var invoiceDetails_fr = {
|
|
4700
|
-
title: title
|
|
4700
|
+
title: title,
|
|
4701
4701
|
labels: labels,
|
|
4702
4702
|
buttons: buttons
|
|
4703
4703
|
};
|
|
4704
4704
|
|
|
4705
|
-
var title$1 = "Renewal options";
|
|
4706
|
-
var subtitle$1 = "Select one of the options below to continue";
|
|
4707
|
-
var next$1 = "Next";
|
|
4708
|
-
var addNew$1 = "Add Another Subscription";
|
|
4709
|
-
var renew$1 = "Renew Existing Subscription";
|
|
4710
|
-
var subscriptionOptions_en = {
|
|
4711
|
-
title: title$1,
|
|
4712
|
-
subtitle: subtitle$1,
|
|
4713
|
-
next: next$1,
|
|
4714
|
-
addNew: addNew$1,
|
|
4715
|
-
renew: renew$1
|
|
4716
|
-
};
|
|
4717
|
-
|
|
4718
|
-
var title = "Renewal options";
|
|
4719
|
-
var subtitle = "Select one of the options below to continue";
|
|
4720
|
-
var next = "Next";
|
|
4721
|
-
var addNew = "Add Another Subscription";
|
|
4722
|
-
var renew = "Renew Existing Subscription";
|
|
4723
|
-
var subscriptionOptions_fr = {
|
|
4724
|
-
title: title,
|
|
4725
|
-
subtitle: subtitle,
|
|
4726
|
-
next: next,
|
|
4727
|
-
addNew: addNew,
|
|
4728
|
-
renew: renew
|
|
4729
|
-
};
|
|
4730
|
-
|
|
4731
4705
|
function create$1(createState) {
|
|
4732
4706
|
let state;
|
|
4733
4707
|
const listeners = new Set();
|
|
@@ -6077,7 +6051,7 @@ class PelcroActions {
|
|
|
6077
6051
|
view,
|
|
6078
6052
|
cartItems,
|
|
6079
6053
|
...otherStateFields
|
|
6080
|
-
} = initialState$
|
|
6054
|
+
} = initialState$i;
|
|
6081
6055
|
this.set(otherStateFields);
|
|
6082
6056
|
});
|
|
6083
6057
|
|
|
@@ -6101,16 +6075,6 @@ class PelcroActions {
|
|
|
6101
6075
|
});
|
|
6102
6076
|
}
|
|
6103
6077
|
|
|
6104
|
-
if (view === "subscription-options") {
|
|
6105
|
-
const noRenewableProducts = getRenewableProducts().length === 0;
|
|
6106
|
-
|
|
6107
|
-
if (noRenewableProducts) {
|
|
6108
|
-
return this.set({
|
|
6109
|
-
view: "plan-select"
|
|
6110
|
-
});
|
|
6111
|
-
}
|
|
6112
|
-
}
|
|
6113
|
-
|
|
6114
6078
|
this.set({
|
|
6115
6079
|
view
|
|
6116
6080
|
});
|
|
@@ -6185,26 +6149,6 @@ class PelcroActions {
|
|
|
6185
6149
|
}
|
|
6186
6150
|
});
|
|
6187
6151
|
|
|
6188
|
-
_defineProperty$3(this, "setProductsList", products => {
|
|
6189
|
-
if (!Array.isArray(products)) {
|
|
6190
|
-
return console.error(`setProductsList expects an array of products as an argument, got an argument of type ${typeof products} instead`);
|
|
6191
|
-
}
|
|
6192
|
-
|
|
6193
|
-
const allowedProducts = window.Pelcro.product.list();
|
|
6194
|
-
const validProducts = products.filter(product => {
|
|
6195
|
-
const isValidProduct = allowedProducts.some(allowedProduct => allowedProduct.id === (product === null || product === void 0 ? void 0 : product.id) && allowedProduct.name === (product === null || product === void 0 ? void 0 : product.name));
|
|
6196
|
-
|
|
6197
|
-
if (!isValidProduct) {
|
|
6198
|
-
console.warn(`setProductsList expects an array of products that exist in the list of valid products (window.Pelcro.product.list()), but it recieved a product which doesn't exist in that list:`, product);
|
|
6199
|
-
}
|
|
6200
|
-
|
|
6201
|
-
return isValidProduct;
|
|
6202
|
-
});
|
|
6203
|
-
this.set({
|
|
6204
|
-
productsList: validProducts
|
|
6205
|
-
});
|
|
6206
|
-
});
|
|
6207
|
-
|
|
6208
6152
|
_defineProperty$3(this, "setProduct", id => {
|
|
6209
6153
|
const product = window.Pelcro.product.getById(id);
|
|
6210
6154
|
if (!product) return console.error("invalid product id");
|
|
@@ -6426,12 +6370,10 @@ class PelcroCallbacks {
|
|
|
6426
6370
|
|
|
6427
6371
|
}
|
|
6428
6372
|
|
|
6429
|
-
|
|
6430
|
-
const initialState$j = {
|
|
6373
|
+
const initialState$i = {
|
|
6431
6374
|
// View
|
|
6432
6375
|
view: null,
|
|
6433
6376
|
// Plans
|
|
6434
|
-
productsList: (_window$Pelcro$produc = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : _window$Pelcro.product.list()) !== null && _window$Pelcro$produc !== void 0 ? _window$Pelcro$produc : [],
|
|
6435
6377
|
product: null,
|
|
6436
6378
|
plan: null,
|
|
6437
6379
|
isGift: false,
|
|
@@ -6458,7 +6400,7 @@ const createPelcroStore = () => createStore(middleware_3((set, get) => {
|
|
|
6458
6400
|
return {
|
|
6459
6401
|
// Store setter
|
|
6460
6402
|
set,
|
|
6461
|
-
...initialState$
|
|
6403
|
+
...initialState$i,
|
|
6462
6404
|
// State actions
|
|
6463
6405
|
...actions,
|
|
6464
6406
|
// Callbacks
|
|
@@ -6813,28 +6755,6 @@ function userMustVerifyEmail() {
|
|
|
6813
6755
|
const isUserEmailVerified = (_window$Pelcro$user$r9 = (_window$Pelcro$user$r10 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r10 === void 0 ? void 0 : _window$Pelcro$user$r10.email_confirm) !== null && _window$Pelcro$user$r9 !== void 0 ? _window$Pelcro$user$r9 : false;
|
|
6814
6756
|
return window.Pelcro.user.isAuthenticated() && isEmailVerificationEnabled && !isUserEmailVerified;
|
|
6815
6757
|
}
|
|
6816
|
-
function getRenewableProducts() {
|
|
6817
|
-
const renewableSubs = window.Pelcro.subscription.list().filter(sub => sub.status === "active" && sub.cancel_at_period_end === 1);
|
|
6818
|
-
const renewableProductsIds = [...new Set(renewableSubs.map(sub => sub.plan.product.id))];
|
|
6819
|
-
const renewablePlansIds = [...new Set(renewableSubs.map(sub => sub.plan.id))];
|
|
6820
|
-
const {
|
|
6821
|
-
productsList
|
|
6822
|
-
} = usePelcro.getStore();
|
|
6823
|
-
return productsList.map(product => {
|
|
6824
|
-
if (renewableProductsIds.includes(product.id)) {
|
|
6825
|
-
const renewablePlans = getRenewablePlansOnly(product);
|
|
6826
|
-
return { ...product,
|
|
6827
|
-
plans: renewablePlans
|
|
6828
|
-
};
|
|
6829
|
-
}
|
|
6830
|
-
}).filter(product => product);
|
|
6831
|
-
|
|
6832
|
-
function getRenewablePlansOnly(product) {
|
|
6833
|
-
var _product$plans$filter, _product$plans;
|
|
6834
|
-
|
|
6835
|
-
return (_product$plans$filter = product === null || product === void 0 ? void 0 : (_product$plans = product.plans) === null || _product$plans === void 0 ? void 0 : _product$plans.filter(plan => renewablePlansIds.includes(plan.id))) !== null && _product$plans$filter !== void 0 ? _product$plans$filter : [];
|
|
6836
|
-
}
|
|
6837
|
-
}
|
|
6838
6758
|
|
|
6839
6759
|
const resources = {
|
|
6840
6760
|
en: {
|
|
@@ -6859,8 +6779,7 @@ const resources = {
|
|
|
6859
6779
|
dashboard: dashboard_en,
|
|
6860
6780
|
select: select_en,
|
|
6861
6781
|
notification: notification_en,
|
|
6862
|
-
invoiceDetails: invoiceDetails_en
|
|
6863
|
-
subscriptionOptions: subscriptionOptions_en
|
|
6782
|
+
invoiceDetails: invoiceDetails_en
|
|
6864
6783
|
},
|
|
6865
6784
|
fr: {
|
|
6866
6785
|
common: common_fr,
|
|
@@ -6884,8 +6803,7 @@ const resources = {
|
|
|
6884
6803
|
dashboard: dashboard_fr,
|
|
6885
6804
|
select: select_fr,
|
|
6886
6805
|
notification: notification_fr,
|
|
6887
|
-
invoiceDetails: invoiceDetails_fr
|
|
6888
|
-
subscriptionOptions: subscriptionOptions_fr
|
|
6806
|
+
invoiceDetails: invoiceDetails_fr
|
|
6889
6807
|
}
|
|
6890
6808
|
}; // set UI language to the page language or default to the language in site settings
|
|
6891
6809
|
|
|
@@ -7176,8 +7094,8 @@ const saveToMetadataButton = new SaveToMetadataButtonClass();
|
|
|
7176
7094
|
|
|
7177
7095
|
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}}
|
|
7178
7096
|
|
|
7179
|
-
function _extends$
|
|
7180
|
-
_extends$
|
|
7097
|
+
function _extends$z() {
|
|
7098
|
+
_extends$z = Object.assign || function (target) {
|
|
7181
7099
|
for (var i = 1; i < arguments.length; i++) {
|
|
7182
7100
|
var source = arguments[i];
|
|
7183
7101
|
|
|
@@ -7191,7 +7109,7 @@ function _extends$A() {
|
|
|
7191
7109
|
return target;
|
|
7192
7110
|
};
|
|
7193
7111
|
|
|
7194
|
-
return _extends$
|
|
7112
|
+
return _extends$z.apply(this, arguments);
|
|
7195
7113
|
}
|
|
7196
7114
|
|
|
7197
7115
|
function _taggedTemplateLiteralLoose(strings, raw) {
|
|
@@ -7281,7 +7199,7 @@ var clearFromRemoveQueue = function clearFromRemoveQueue(toastId) {
|
|
|
7281
7199
|
var reducer = function reducer(state, action) {
|
|
7282
7200
|
switch (action.type) {
|
|
7283
7201
|
case ActionType.ADD_TOAST:
|
|
7284
|
-
return _extends$
|
|
7202
|
+
return _extends$z({}, state, {
|
|
7285
7203
|
toasts: [action.toast].concat(state.toasts).slice(0, TOAST_LIMIT)
|
|
7286
7204
|
});
|
|
7287
7205
|
|
|
@@ -7291,9 +7209,9 @@ var reducer = function reducer(state, action) {
|
|
|
7291
7209
|
clearFromRemoveQueue(action.toast.id);
|
|
7292
7210
|
}
|
|
7293
7211
|
|
|
7294
|
-
return _extends$
|
|
7212
|
+
return _extends$z({}, state, {
|
|
7295
7213
|
toasts: state.toasts.map(function (t) {
|
|
7296
|
-
return t.id === action.toast.id ? _extends$
|
|
7214
|
+
return t.id === action.toast.id ? _extends$z({}, t, action.toast) : t;
|
|
7297
7215
|
})
|
|
7298
7216
|
});
|
|
7299
7217
|
|
|
@@ -7320,9 +7238,9 @@ var reducer = function reducer(state, action) {
|
|
|
7320
7238
|
});
|
|
7321
7239
|
}
|
|
7322
7240
|
|
|
7323
|
-
return _extends$
|
|
7241
|
+
return _extends$z({}, state, {
|
|
7324
7242
|
toasts: state.toasts.map(function (t) {
|
|
7325
|
-
return t.id === toastId || toastId === undefined ? _extends$
|
|
7243
|
+
return t.id === toastId || toastId === undefined ? _extends$z({}, t, {
|
|
7326
7244
|
visible: false
|
|
7327
7245
|
}) : t;
|
|
7328
7246
|
})
|
|
@@ -7330,28 +7248,28 @@ var reducer = function reducer(state, action) {
|
|
|
7330
7248
|
|
|
7331
7249
|
case ActionType.REMOVE_TOAST:
|
|
7332
7250
|
if (action.toastId === undefined) {
|
|
7333
|
-
return _extends$
|
|
7251
|
+
return _extends$z({}, state, {
|
|
7334
7252
|
toasts: []
|
|
7335
7253
|
});
|
|
7336
7254
|
}
|
|
7337
7255
|
|
|
7338
|
-
return _extends$
|
|
7256
|
+
return _extends$z({}, state, {
|
|
7339
7257
|
toasts: state.toasts.filter(function (t) {
|
|
7340
7258
|
return t.id !== action.toastId;
|
|
7341
7259
|
})
|
|
7342
7260
|
});
|
|
7343
7261
|
|
|
7344
7262
|
case ActionType.START_PAUSE:
|
|
7345
|
-
return _extends$
|
|
7263
|
+
return _extends$z({}, state, {
|
|
7346
7264
|
pausedAt: action.time
|
|
7347
7265
|
});
|
|
7348
7266
|
|
|
7349
7267
|
case ActionType.END_PAUSE:
|
|
7350
7268
|
var diff = action.time - (state.pausedAt || 0);
|
|
7351
|
-
return _extends$
|
|
7269
|
+
return _extends$z({}, state, {
|
|
7352
7270
|
pausedAt: undefined,
|
|
7353
7271
|
toasts: state.toasts.map(function (t) {
|
|
7354
|
-
return _extends$
|
|
7272
|
+
return _extends$z({}, t, {
|
|
7355
7273
|
pauseDuration: t.pauseDuration + diff
|
|
7356
7274
|
});
|
|
7357
7275
|
})
|
|
@@ -7398,12 +7316,12 @@ var useStore = function useStore(toastOptions) {
|
|
|
7398
7316
|
var mergedToasts = state.toasts.map(function (t) {
|
|
7399
7317
|
var _toastOptions$t$type, _toastOptions, _toastOptions$t$type2;
|
|
7400
7318
|
|
|
7401
|
-
return _extends$
|
|
7319
|
+
return _extends$z({}, toastOptions, toastOptions[t.type], t, {
|
|
7402
7320
|
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],
|
|
7403
|
-
style: _extends$
|
|
7321
|
+
style: _extends$z({}, toastOptions.style, (_toastOptions$t$type2 = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type2.style, t.style)
|
|
7404
7322
|
});
|
|
7405
7323
|
});
|
|
7406
|
-
return _extends$
|
|
7324
|
+
return _extends$z({}, state, {
|
|
7407
7325
|
toasts: mergedToasts
|
|
7408
7326
|
});
|
|
7409
7327
|
};
|
|
@@ -7413,7 +7331,7 @@ var createToast = function createToast(message, type, opts) {
|
|
|
7413
7331
|
type = 'blank';
|
|
7414
7332
|
}
|
|
7415
7333
|
|
|
7416
|
-
return _extends$
|
|
7334
|
+
return _extends$z({
|
|
7417
7335
|
createdAt: Date.now(),
|
|
7418
7336
|
visible: true,
|
|
7419
7337
|
type: type,
|
|
@@ -7463,14 +7381,14 @@ toast.remove = function (toastId) {
|
|
|
7463
7381
|
};
|
|
7464
7382
|
|
|
7465
7383
|
toast.promise = function (promise, msgs, opts) {
|
|
7466
|
-
var id = toast.loading(msgs.loading, _extends$
|
|
7384
|
+
var id = toast.loading(msgs.loading, _extends$z({}, opts, opts == null ? void 0 : opts.loading));
|
|
7467
7385
|
promise.then(function (p) {
|
|
7468
|
-
toast.success(resolveValue(msgs.success, p), _extends$
|
|
7386
|
+
toast.success(resolveValue(msgs.success, p), _extends$z({
|
|
7469
7387
|
id: id
|
|
7470
7388
|
}, opts, opts == null ? void 0 : opts.success));
|
|
7471
7389
|
return p;
|
|
7472
7390
|
})["catch"](function (e) {
|
|
7473
|
-
toast.error(resolveValue(msgs.error, e), _extends$
|
|
7391
|
+
toast.error(resolveValue(msgs.error, e), _extends$z({
|
|
7474
7392
|
id: id
|
|
7475
7393
|
}, opts, opts == null ? void 0 : opts.error));
|
|
7476
7394
|
});
|
|
@@ -7809,7 +7727,7 @@ var ToastBar = /*#__PURE__*/React.memo(function (_ref2) {
|
|
|
7809
7727
|
var message = React.createElement(Message, Object.assign({}, toast.ariaProps), resolveValue(toast.message, toast));
|
|
7810
7728
|
return React.createElement(ToastBarBase, {
|
|
7811
7729
|
className: toast.className,
|
|
7812
|
-
style: _extends$
|
|
7730
|
+
style: _extends$z({}, animationStyle, style, toast.style)
|
|
7813
7731
|
}, typeof children === 'function' ? children({
|
|
7814
7732
|
icon: icon,
|
|
7815
7733
|
message: message
|
|
@@ -7839,7 +7757,7 @@ var getPositionStyle = function getPositionStyle(position, offset) {
|
|
|
7839
7757
|
} : position.includes('right') ? {
|
|
7840
7758
|
justifyContent: 'flex-end'
|
|
7841
7759
|
} : {};
|
|
7842
|
-
return _extends$
|
|
7760
|
+
return _extends$z({
|
|
7843
7761
|
left: 0,
|
|
7844
7762
|
right: 0,
|
|
7845
7763
|
display: 'flex',
|
|
@@ -7866,7 +7784,7 @@ var Toaster = function Toaster(_ref) {
|
|
|
7866
7784
|
handlers = _useToaster.handlers;
|
|
7867
7785
|
|
|
7868
7786
|
return React.createElement("div", {
|
|
7869
|
-
style: _extends$
|
|
7787
|
+
style: _extends$z({
|
|
7870
7788
|
position: 'fixed',
|
|
7871
7789
|
zIndex: 9999,
|
|
7872
7790
|
top: DEFAULT_OFFSET,
|
|
@@ -7901,82 +7819,82 @@ var Toaster = function Toaster(_ref) {
|
|
|
7901
7819
|
}));
|
|
7902
7820
|
};
|
|
7903
7821
|
|
|
7904
|
-
var _path$
|
|
7822
|
+
var _path$w;
|
|
7905
7823
|
|
|
7906
|
-
function _extends$
|
|
7824
|
+
function _extends$y() { _extends$y = 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$y.apply(this, arguments); }
|
|
7907
7825
|
|
|
7908
7826
|
function SvgCheckSolid(props) {
|
|
7909
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
7827
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
|
|
7910
7828
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7911
7829
|
className: "h-5 w-5",
|
|
7912
7830
|
viewBox: "0 0 20 20",
|
|
7913
7831
|
fill: "currentColor"
|
|
7914
|
-
}, props), _path$
|
|
7832
|
+
}, props), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
|
|
7915
7833
|
fillRule: "evenodd",
|
|
7916
7834
|
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",
|
|
7917
7835
|
clipRule: "evenodd"
|
|
7918
7836
|
})));
|
|
7919
7837
|
}
|
|
7920
7838
|
|
|
7921
|
-
var _path$
|
|
7839
|
+
var _path$v;
|
|
7922
7840
|
|
|
7923
|
-
function _extends$
|
|
7841
|
+
function _extends$x() { _extends$x = 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$x.apply(this, arguments); }
|
|
7924
7842
|
|
|
7925
7843
|
function SvgXIcon(props) {
|
|
7926
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
7844
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
|
|
7927
7845
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7928
7846
|
viewBox: "0 0 20 20",
|
|
7929
7847
|
fill: "currentColor"
|
|
7930
|
-
}, props), _path$
|
|
7848
|
+
}, props), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
|
|
7931
7849
|
fill: "evenodd",
|
|
7932
7850
|
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",
|
|
7933
7851
|
clipRule: "evenodd"
|
|
7934
7852
|
})));
|
|
7935
7853
|
}
|
|
7936
7854
|
|
|
7937
|
-
var _path$
|
|
7855
|
+
var _path$u;
|
|
7938
7856
|
|
|
7939
|
-
function _extends$
|
|
7857
|
+
function _extends$w() { _extends$w = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$w.apply(this, arguments); }
|
|
7940
7858
|
|
|
7941
7859
|
function SvgXIconSolid(props) {
|
|
7942
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
7860
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
|
|
7943
7861
|
className: "plc-w-4 plc-h-4",
|
|
7944
7862
|
fill: "currentColor",
|
|
7945
7863
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7946
7864
|
viewBox: "0 0 100 100"
|
|
7947
|
-
}, props), _path$
|
|
7865
|
+
}, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
|
|
7948
7866
|
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"
|
|
7949
7867
|
})));
|
|
7950
7868
|
}
|
|
7951
7869
|
|
|
7952
|
-
var _path$
|
|
7870
|
+
var _path$t;
|
|
7953
7871
|
|
|
7954
|
-
function _extends$
|
|
7872
|
+
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); }
|
|
7955
7873
|
|
|
7956
7874
|
function SvgExclamation(props) {
|
|
7957
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
7875
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
|
|
7958
7876
|
className: "plc-w-4 plc-h-4 plc-mr-1",
|
|
7959
7877
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7960
7878
|
viewBox: "0 0 20 20",
|
|
7961
7879
|
fill: "currentColor"
|
|
7962
|
-
}, props), _path$
|
|
7880
|
+
}, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
|
|
7963
7881
|
fillRule: "evenodd",
|
|
7964
7882
|
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",
|
|
7965
7883
|
clipRule: "evenodd"
|
|
7966
7884
|
})));
|
|
7967
7885
|
}
|
|
7968
7886
|
|
|
7969
|
-
var _path$
|
|
7887
|
+
var _path$s, _path2$4;
|
|
7970
7888
|
|
|
7971
|
-
function _extends$
|
|
7889
|
+
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); }
|
|
7972
7890
|
|
|
7973
7891
|
function SvgSpinner(props) {
|
|
7974
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
7892
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
|
|
7975
7893
|
className: "plc-animate-spin",
|
|
7976
7894
|
viewBox: "0 0 24 24",
|
|
7977
7895
|
fill: "currentColor",
|
|
7978
7896
|
xmlns: "http://www.w3.org/2000/svg"
|
|
7979
|
-
}, props), _path$
|
|
7897
|
+
}, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
|
|
7980
7898
|
opacity: 0.2,
|
|
7981
7899
|
fill: "evenodd",
|
|
7982
7900
|
clipRule: "evenodd",
|
|
@@ -8266,9 +8184,7 @@ const init$1 = () => {
|
|
|
8266
8184
|
return switchToAddressView();
|
|
8267
8185
|
});
|
|
8268
8186
|
} else {
|
|
8269
|
-
pelcroSubscribeButtonsByClass[j].addEventListener("click", () =>
|
|
8270
|
-
return switchView("subscription-options");
|
|
8271
|
-
});
|
|
8187
|
+
pelcroSubscribeButtonsByClass[j].addEventListener("click", () => switchView("plan-select"));
|
|
8272
8188
|
}
|
|
8273
8189
|
}
|
|
8274
8190
|
}
|
|
@@ -8430,8 +8346,7 @@ function Link({
|
|
|
8430
8346
|
const init = () => {
|
|
8431
8347
|
const {
|
|
8432
8348
|
switchView,
|
|
8433
|
-
set
|
|
8434
|
-
setProductsList
|
|
8349
|
+
set
|
|
8435
8350
|
} = usePelcro.getStore();
|
|
8436
8351
|
const entitlementsProtectedElements = document.querySelectorAll("[data-pelcro-entitlements]");
|
|
8437
8352
|
|
|
@@ -8482,8 +8397,7 @@ const init = () => {
|
|
|
8482
8397
|
}
|
|
8483
8398
|
|
|
8484
8399
|
notify.dismiss(NOTIFICATION_ID);
|
|
8485
|
-
|
|
8486
|
-
switchView("plan-select");
|
|
8400
|
+
switchView("_plan-select-entitlements");
|
|
8487
8401
|
}
|
|
8488
8402
|
}, "Subscribe"), "now to get full page access.")), {
|
|
8489
8403
|
className: "pelcro-notification-entitlement",
|
|
@@ -9288,7 +9202,7 @@ const PelcroModalController = ({
|
|
|
9288
9202
|
type
|
|
9289
9203
|
}) => (type === null || type === void 0 ? void 0 : type.viewId) === "dashboard-open"), React__default['default'].Children.map(children, child => child).find(({
|
|
9290
9204
|
type
|
|
9291
|
-
}) => (type === null || type === void 0 ? void 0 : type.viewId) === "notification"), view === "_plan-select-
|
|
9205
|
+
}) => (type === null || type === void 0 ? void 0 : type.viewId) === "notification"), view === "_plan-select-entitlements" && React__default['default'].Children.map(children, child => child).find(({
|
|
9292
9206
|
type
|
|
9293
9207
|
}) => (type === null || type === void 0 ? void 0 : type.viewId) === "plan-select"), React__default['default'].Children.map(children, child => child).find(({
|
|
9294
9208
|
type
|
|
@@ -9569,10 +9483,8 @@ const LOAD_PAYMENT_METHODS = "LOAD_PAYMENT_METHODS";
|
|
|
9569
9483
|
const GET_NEWSLETTERS_FETCH = "GET_NEWSLETTERS_FETCH";
|
|
9570
9484
|
const GET_NEWSLETTERS_SUCCESS = "GET_NEWSLETTERS_SUCCESS";
|
|
9571
9485
|
const SWITCH_TO_UPDATE = "SWITCH_TO_UPDATE";
|
|
9572
|
-
const SWITCH_TO_RENEW = "SWITCH_TO_RENEW";
|
|
9573
|
-
const SWITCH_TO_NEW = "SWITCH_TO_NEW";
|
|
9574
9486
|
|
|
9575
|
-
const initialState$
|
|
9487
|
+
const initialState$h = {
|
|
9576
9488
|
email: "",
|
|
9577
9489
|
password: "",
|
|
9578
9490
|
emailError: null,
|
|
@@ -9583,10 +9495,10 @@ const initialState$i = {
|
|
|
9583
9495
|
content: ""
|
|
9584
9496
|
}
|
|
9585
9497
|
};
|
|
9586
|
-
const store$
|
|
9498
|
+
const store$h = /*#__PURE__*/React.createContext(initialState$h);
|
|
9587
9499
|
const {
|
|
9588
|
-
Provider: Provider$
|
|
9589
|
-
} = store$
|
|
9500
|
+
Provider: Provider$h
|
|
9501
|
+
} = store$h;
|
|
9590
9502
|
|
|
9591
9503
|
const LoginContainer = ({
|
|
9592
9504
|
style,
|
|
@@ -9693,7 +9605,7 @@ const LoginContainer = ({
|
|
|
9693
9605
|
});
|
|
9694
9606
|
|
|
9695
9607
|
case RESET_LOGIN_FORM:
|
|
9696
|
-
return initialState$
|
|
9608
|
+
return initialState$h;
|
|
9697
9609
|
|
|
9698
9610
|
case DISABLE_LOGIN_BUTTON:
|
|
9699
9611
|
return lib_7({ ...state,
|
|
@@ -9711,12 +9623,12 @@ const LoginContainer = ({
|
|
|
9711
9623
|
default:
|
|
9712
9624
|
return state;
|
|
9713
9625
|
}
|
|
9714
|
-
}, initialState$
|
|
9626
|
+
}, initialState$h);
|
|
9715
9627
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
9716
9628
|
style: { ...style
|
|
9717
9629
|
},
|
|
9718
9630
|
className: `pelcro-container pelcro-login-container ${className}`
|
|
9719
|
-
}, /*#__PURE__*/React__default['default'].createElement(Provider$
|
|
9631
|
+
}, /*#__PURE__*/React__default['default'].createElement(Provider$h, {
|
|
9720
9632
|
value: {
|
|
9721
9633
|
state,
|
|
9722
9634
|
dispatch
|
|
@@ -9724,12 +9636,12 @@ const LoginContainer = ({
|
|
|
9724
9636
|
}, children.length ? children.map((child, i) => {
|
|
9725
9637
|
if (child) {
|
|
9726
9638
|
return /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
9727
|
-
store: store$
|
|
9639
|
+
store: store$h,
|
|
9728
9640
|
key: i
|
|
9729
9641
|
});
|
|
9730
9642
|
}
|
|
9731
9643
|
}) : /*#__PURE__*/React__default['default'].cloneElement(children, {
|
|
9732
|
-
store: store$
|
|
9644
|
+
store: store$h
|
|
9733
9645
|
})));
|
|
9734
9646
|
};
|
|
9735
9647
|
|
|
@@ -9974,7 +9886,7 @@ const LoginButton = ({
|
|
|
9974
9886
|
buttonDisabled
|
|
9975
9887
|
},
|
|
9976
9888
|
dispatch
|
|
9977
|
-
} = React.useContext(store$
|
|
9889
|
+
} = React.useContext(store$h);
|
|
9978
9890
|
const {
|
|
9979
9891
|
t
|
|
9980
9892
|
} = useTranslation("login");
|
|
@@ -9995,23 +9907,23 @@ const LoginButton = ({
|
|
|
9995
9907
|
};
|
|
9996
9908
|
|
|
9997
9909
|
const LoginEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
|
|
9998
|
-
store: store$
|
|
9910
|
+
store: store$h
|
|
9999
9911
|
}, props));
|
|
10000
9912
|
|
|
10001
9913
|
const LoginPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
|
|
10002
|
-
store: store$
|
|
9914
|
+
store: store$h
|
|
10003
9915
|
}, props));
|
|
10004
9916
|
|
|
10005
|
-
var _path$
|
|
9917
|
+
var _path$r;
|
|
10006
9918
|
|
|
10007
|
-
function _extends$
|
|
9919
|
+
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); }
|
|
10008
9920
|
|
|
10009
9921
|
function SvgCheck(props) {
|
|
10010
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
9922
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
|
|
10011
9923
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10012
9924
|
fill: "currentColor",
|
|
10013
9925
|
viewBox: "0 0 20 20"
|
|
10014
|
-
}, props), _path$
|
|
9926
|
+
}, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
|
|
10015
9927
|
fillRule: "evenodd",
|
|
10016
9928
|
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",
|
|
10017
9929
|
clipRule: "evenodd"
|
|
@@ -10076,7 +9988,7 @@ var facebookLoginRenderProps = createCommonjsModule(function (module, exports) {
|
|
|
10076
9988
|
var FacebookLogin = unwrapExports(facebookLoginRenderProps);
|
|
10077
9989
|
facebookLoginRenderProps.FacebookLogin;
|
|
10078
9990
|
|
|
10079
|
-
const initialState$
|
|
9991
|
+
const initialState$g = {
|
|
10080
9992
|
email: "",
|
|
10081
9993
|
password: "",
|
|
10082
9994
|
emailError: null,
|
|
@@ -10093,10 +10005,10 @@ const initialState$h = {
|
|
|
10093
10005
|
content: ""
|
|
10094
10006
|
}
|
|
10095
10007
|
};
|
|
10096
|
-
const store$
|
|
10008
|
+
const store$g = /*#__PURE__*/React.createContext(initialState$g);
|
|
10097
10009
|
const {
|
|
10098
|
-
Provider: Provider$
|
|
10099
|
-
} = store$
|
|
10010
|
+
Provider: Provider$g
|
|
10011
|
+
} = store$g;
|
|
10100
10012
|
|
|
10101
10013
|
const RegisterContainer = ({
|
|
10102
10014
|
style,
|
|
@@ -10279,7 +10191,7 @@ const RegisterContainer = ({
|
|
|
10279
10191
|
});
|
|
10280
10192
|
|
|
10281
10193
|
case RESET_LOGIN_FORM:
|
|
10282
|
-
return initialState$
|
|
10194
|
+
return initialState$g;
|
|
10283
10195
|
|
|
10284
10196
|
case DISABLE_REGISTRATION_BUTTON:
|
|
10285
10197
|
return lib_7({ ...state,
|
|
@@ -10297,12 +10209,12 @@ const RegisterContainer = ({
|
|
|
10297
10209
|
default:
|
|
10298
10210
|
return state;
|
|
10299
10211
|
}
|
|
10300
|
-
}, initialState$
|
|
10212
|
+
}, initialState$g);
|
|
10301
10213
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
10302
10214
|
style: { ...style
|
|
10303
10215
|
},
|
|
10304
10216
|
className: `pelcro-container pelcro-register-container ${className}`
|
|
10305
|
-
}, /*#__PURE__*/React__default['default'].createElement(Provider$
|
|
10217
|
+
}, /*#__PURE__*/React__default['default'].createElement(Provider$g, {
|
|
10306
10218
|
value: {
|
|
10307
10219
|
state,
|
|
10308
10220
|
dispatch
|
|
@@ -10310,12 +10222,12 @@ const RegisterContainer = ({
|
|
|
10310
10222
|
}, children.length ? children.map((child, i) => {
|
|
10311
10223
|
if (child) {
|
|
10312
10224
|
return /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
10313
|
-
store: store$
|
|
10225
|
+
store: store$g,
|
|
10314
10226
|
key: i
|
|
10315
10227
|
});
|
|
10316
10228
|
}
|
|
10317
10229
|
}) : /*#__PURE__*/React__default['default'].cloneElement(children, {
|
|
10318
|
-
store: store$
|
|
10230
|
+
store: store$g
|
|
10319
10231
|
})));
|
|
10320
10232
|
};
|
|
10321
10233
|
/**
|
|
@@ -10330,15 +10242,15 @@ function hasSecurityTokenEnabled$1() {
|
|
|
10330
10242
|
return hasSecuritySdkLoaded;
|
|
10331
10243
|
}
|
|
10332
10244
|
|
|
10333
|
-
var _path$
|
|
10245
|
+
var _path$q;
|
|
10334
10246
|
|
|
10335
|
-
function _extends$
|
|
10247
|
+
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); }
|
|
10336
10248
|
|
|
10337
10249
|
function SvgFacebookLogo(props) {
|
|
10338
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
10250
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
|
|
10339
10251
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10340
10252
|
viewBox: "88.428 12.828 107.543 207.085"
|
|
10341
|
-
}, props), _path$
|
|
10253
|
+
}, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
|
|
10342
10254
|
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",
|
|
10343
10255
|
fill: "#3c5a9a"
|
|
10344
10256
|
})));
|
|
@@ -10355,10 +10267,10 @@ const FacebookLoginButton = ({
|
|
|
10355
10267
|
const facebookLoginEnabled = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.facebook_app_id;
|
|
10356
10268
|
const {
|
|
10357
10269
|
dispatch: loginDispatch
|
|
10358
|
-
} = React.useContext(store$
|
|
10270
|
+
} = React.useContext(store$h);
|
|
10359
10271
|
const {
|
|
10360
10272
|
dispatch: registerDispatch
|
|
10361
|
-
} = React.useContext(store$
|
|
10273
|
+
} = React.useContext(store$g);
|
|
10362
10274
|
|
|
10363
10275
|
const onSuccess = facebookUser => {
|
|
10364
10276
|
loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
|
|
@@ -10411,15 +10323,15 @@ var googleLogin = createCommonjsModule(function (module, exports) {
|
|
|
10411
10323
|
unwrapExports(googleLogin);
|
|
10412
10324
|
var googleLogin_1 = googleLogin.GoogleLogin;
|
|
10413
10325
|
|
|
10414
|
-
var _path$
|
|
10326
|
+
var _path$p, _path2$3, _path3$1, _path4;
|
|
10415
10327
|
|
|
10416
|
-
function _extends$
|
|
10328
|
+
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); }
|
|
10417
10329
|
|
|
10418
10330
|
function SvgGoogleLogo(props) {
|
|
10419
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
10331
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
|
|
10420
10332
|
viewBox: "0 0 24 24",
|
|
10421
10333
|
xmlns: "http://www.w3.org/2000/svg"
|
|
10422
|
-
}, props), _path$
|
|
10334
|
+
}, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
|
|
10423
10335
|
fill: "#4285F4",
|
|
10424
10336
|
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"
|
|
10425
10337
|
})), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -10445,10 +10357,10 @@ const GoogleLoginButton = ({
|
|
|
10445
10357
|
const googleLoginEnabled = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.google_app_id;
|
|
10446
10358
|
const {
|
|
10447
10359
|
dispatch: loginDispatch
|
|
10448
|
-
} = React.useContext(store$
|
|
10360
|
+
} = React.useContext(store$h);
|
|
10449
10361
|
const {
|
|
10450
10362
|
dispatch: registerDispatch
|
|
10451
|
-
} = React.useContext(store$
|
|
10363
|
+
} = React.useContext(store$g);
|
|
10452
10364
|
|
|
10453
10365
|
const onSuccess = response => {
|
|
10454
10366
|
var _response$getAuthResp, _profile$getEmail, _profile$getGivenName, _profile$getFamilyNam, _profile$getEmail2, _profile$getGivenName2, _profile$getFamilyNam2;
|
|
@@ -10496,15 +10408,15 @@ const GoogleLoginButton = ({
|
|
|
10496
10408
|
}) : null;
|
|
10497
10409
|
};
|
|
10498
10410
|
|
|
10499
|
-
var _path$
|
|
10411
|
+
var _path$o;
|
|
10500
10412
|
|
|
10501
|
-
function _extends$
|
|
10413
|
+
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); }
|
|
10502
10414
|
|
|
10503
10415
|
function SvgAuth0Logo(props) {
|
|
10504
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
10416
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
|
|
10505
10417
|
viewBox: "0 0 256 285",
|
|
10506
10418
|
xmlns: "http://www.w3.org/2000/svg"
|
|
10507
|
-
}, props), _path$
|
|
10419
|
+
}, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
|
|
10508
10420
|
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"
|
|
10509
10421
|
})));
|
|
10510
10422
|
}
|
|
@@ -10544,10 +10456,10 @@ const Auth0LoginButton = ({
|
|
|
10544
10456
|
}, [auth0Enabled, auth0Loaded]);
|
|
10545
10457
|
const {
|
|
10546
10458
|
dispatch: loginDispatch
|
|
10547
|
-
} = React.useContext(store$
|
|
10459
|
+
} = React.useContext(store$h);
|
|
10548
10460
|
const {
|
|
10549
10461
|
dispatch: registerDispatch
|
|
10550
|
-
} = React.useContext(store$
|
|
10462
|
+
} = React.useContext(store$g);
|
|
10551
10463
|
|
|
10552
10464
|
function handleClick() {
|
|
10553
10465
|
var _auth0InstanceRef$cur, _auth0InstanceRef$cur2, _auth0InstanceRef$cur3;
|
|
@@ -10680,15 +10592,15 @@ function LoginView(props) {
|
|
|
10680
10592
|
}, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null), /*#__PURE__*/React__default['default'].createElement(Auth0LoginButton, null))))));
|
|
10681
10593
|
}
|
|
10682
10594
|
|
|
10683
|
-
var _path$
|
|
10595
|
+
var _path$n, _path2$2, _path3;
|
|
10684
10596
|
|
|
10685
|
-
function _extends$
|
|
10597
|
+
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); }
|
|
10686
10598
|
|
|
10687
10599
|
function SvgPelcroAuthorship(props) {
|
|
10688
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
10600
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
|
|
10689
10601
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10690
10602
|
viewBox: "0 -80.652 497.072 179.991"
|
|
10691
|
-
}, props), _path$
|
|
10603
|
+
}, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
|
|
10692
10604
|
fill: "none",
|
|
10693
10605
|
stroke: "#4a4a4a",
|
|
10694
10606
|
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"
|
|
@@ -10835,11 +10747,11 @@ function LoginModal({
|
|
|
10835
10747
|
LoginModal.viewId = "login";
|
|
10836
10748
|
|
|
10837
10749
|
const RegisterEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
|
|
10838
|
-
store: store$
|
|
10750
|
+
store: store$g
|
|
10839
10751
|
}, props));
|
|
10840
10752
|
|
|
10841
10753
|
const RegisterPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
|
|
10842
|
-
store: store$
|
|
10754
|
+
store: store$g
|
|
10843
10755
|
}, props));
|
|
10844
10756
|
|
|
10845
10757
|
const RegisterButton = ({
|
|
@@ -10859,7 +10771,7 @@ const RegisterButton = ({
|
|
|
10859
10771
|
buttonDisabled
|
|
10860
10772
|
},
|
|
10861
10773
|
dispatch
|
|
10862
|
-
} = React.useContext(store$
|
|
10774
|
+
} = React.useContext(store$g);
|
|
10863
10775
|
const {
|
|
10864
10776
|
t
|
|
10865
10777
|
} = useTranslation("register");
|
|
@@ -10997,7 +10909,7 @@ function FirstName({
|
|
|
10997
10909
|
}
|
|
10998
10910
|
|
|
10999
10911
|
const RegisterFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
|
|
11000
|
-
store: store$
|
|
10912
|
+
store: store$g
|
|
11001
10913
|
}, props));
|
|
11002
10914
|
|
|
11003
10915
|
function LastName({
|
|
@@ -11028,7 +10940,7 @@ function LastName({
|
|
|
11028
10940
|
}
|
|
11029
10941
|
|
|
11030
10942
|
const RegisterLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
|
|
11031
|
-
store: store$
|
|
10943
|
+
store: store$g
|
|
11032
10944
|
}, props));
|
|
11033
10945
|
|
|
11034
10946
|
/**
|
|
@@ -11152,7 +11064,7 @@ function TextInput({
|
|
|
11152
11064
|
|
|
11153
11065
|
const RegisterTextInput = props => {
|
|
11154
11066
|
return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
|
|
11155
|
-
store: store$
|
|
11067
|
+
store: store$g
|
|
11156
11068
|
}));
|
|
11157
11069
|
};
|
|
11158
11070
|
|
|
@@ -11299,7 +11211,6 @@ function SelectModalWithHook(props) {
|
|
|
11299
11211
|
(_props$onDisplay = props.onDisplay) === null || _props$onDisplay === void 0 ? void 0 : _props$onDisplay.call(props);
|
|
11300
11212
|
}, []);
|
|
11301
11213
|
const {
|
|
11302
|
-
productsList,
|
|
11303
11214
|
isGift,
|
|
11304
11215
|
plan,
|
|
11305
11216
|
product,
|
|
@@ -11309,12 +11220,11 @@ function SelectModalWithHook(props) {
|
|
|
11309
11220
|
view,
|
|
11310
11221
|
set
|
|
11311
11222
|
} = usePelcro();
|
|
11312
|
-
const
|
|
11223
|
+
const entitlementsProtectedElements = document.querySelectorAll("[data-pelcro-entitlements]");
|
|
11224
|
+
const entitlements = entitlementsProtectedElements.length > 0 ? getEntitlementsFromElem(entitlementsProtectedElements[0]) : null;
|
|
11313
11225
|
return /*#__PURE__*/React__default['default'].createElement(SelectModalWithTrans, {
|
|
11314
|
-
productsList: productsList,
|
|
11315
11226
|
isGift: isGift,
|
|
11316
|
-
disableGifting: isRenewingGift
|
|
11317
|
-
isRenewingSub: isRenewingSub,
|
|
11227
|
+
disableGifting: isRenewingGift,
|
|
11318
11228
|
plan: plan,
|
|
11319
11229
|
product: product,
|
|
11320
11230
|
onClose: () => {
|
|
@@ -11328,10 +11238,8 @@ function SelectModalWithHook(props) {
|
|
|
11328
11238
|
plan,
|
|
11329
11239
|
isGift
|
|
11330
11240
|
}),
|
|
11331
|
-
|
|
11332
|
-
|
|
11333
|
-
}),
|
|
11334
|
-
setView: switchView
|
|
11241
|
+
setView: switchView,
|
|
11242
|
+
matchingEntitlements: view === "_plan-select-entitlements" ? entitlements : null
|
|
11335
11243
|
});
|
|
11336
11244
|
}
|
|
11337
11245
|
SelectModalWithHook.viewId = "plan-select";
|
|
@@ -11363,10 +11271,10 @@ class SelectModal extends React.Component {
|
|
|
11363
11271
|
});
|
|
11364
11272
|
}
|
|
11365
11273
|
|
|
11366
|
-
if (this.
|
|
11274
|
+
if (this.state.productList.length === 1) {
|
|
11367
11275
|
this.setState({
|
|
11368
|
-
product: this.
|
|
11369
|
-
planList: this.
|
|
11276
|
+
product: this.state.productList[0],
|
|
11277
|
+
planList: this.state.productList[0].plans,
|
|
11370
11278
|
mode: "plan"
|
|
11371
11279
|
});
|
|
11372
11280
|
}
|
|
@@ -11383,7 +11291,7 @@ class SelectModal extends React.Component {
|
|
|
11383
11291
|
});
|
|
11384
11292
|
|
|
11385
11293
|
_defineProperty$3(this, "onProductChange", e => {
|
|
11386
|
-
const product =
|
|
11294
|
+
const product = window.Pelcro.product.list()[e.target.selectedIndex];
|
|
11387
11295
|
this.setState({
|
|
11388
11296
|
product: product,
|
|
11389
11297
|
plan: product.plans[0]
|
|
@@ -11449,7 +11357,7 @@ class SelectModal extends React.Component {
|
|
|
11449
11357
|
|
|
11450
11358
|
_defineProperty$3(this, "renderProducts", () => {
|
|
11451
11359
|
const userDidSelectProduct = Boolean(this.state.mode === "plan");
|
|
11452
|
-
const productsToShow = userDidSelectProduct ? [this.state.product] : this.
|
|
11360
|
+
const productsToShow = userDidSelectProduct ? [this.state.product] : this.state.productList;
|
|
11453
11361
|
return productsToShow.map((product, index) => {
|
|
11454
11362
|
return this.renderOneProduct(product, index);
|
|
11455
11363
|
});
|
|
@@ -11462,7 +11370,7 @@ class SelectModal extends React.Component {
|
|
|
11462
11370
|
return this.renderOneProduct(this.state.product);
|
|
11463
11371
|
}
|
|
11464
11372
|
|
|
11465
|
-
const [productsThatMatchArticleTag, allProductsMinusMatched] = productsWithMatchedTaggedFirst(
|
|
11373
|
+
const [productsThatMatchArticleTag, allProductsMinusMatched] = productsWithMatchedTaggedFirst(); // Render normal products if there are no available matching products
|
|
11466
11374
|
|
|
11467
11375
|
if (!(productsThatMatchArticleTag !== null && productsThatMatchArticleTag !== void 0 && productsThatMatchArticleTag.length)) {
|
|
11468
11376
|
return this.renderProducts();
|
|
@@ -11478,7 +11386,10 @@ class SelectModal extends React.Component {
|
|
|
11478
11386
|
className: "plc-text-sm plc-font-semibold"
|
|
11479
11387
|
}, this.locale("labels.restrictiveArticles.or")), allProductsMinusMatched.map((product, index) => this.renderOneProduct(product, index))));
|
|
11480
11388
|
|
|
11481
|
-
function productsWithMatchedTaggedFirst(
|
|
11389
|
+
function productsWithMatchedTaggedFirst() {
|
|
11390
|
+
var _window$Pelcro$produc;
|
|
11391
|
+
|
|
11392
|
+
const allProducts = (_window$Pelcro$produc = window.Pelcro.product.list()) !== null && _window$Pelcro$produc !== void 0 ? _window$Pelcro$produc : [];
|
|
11482
11393
|
const productsThatMatchArticleTag = window.Pelcro.product.getByMatchingPageTags();
|
|
11483
11394
|
const allProductsMinusMatched = allProducts.filter(product => !productsThatMatchArticleTag.some(matchedProduct => matchedProduct.id === product.id));
|
|
11484
11395
|
return [productsThatMatchArticleTag, allProductsMinusMatched];
|
|
@@ -11512,7 +11423,7 @@ class SelectModal extends React.Component {
|
|
|
11512
11423
|
_defineProperty$3(this, "selectProduct", e => {
|
|
11513
11424
|
const id = e.target.dataset.key;
|
|
11514
11425
|
|
|
11515
|
-
for (const product of this.
|
|
11426
|
+
for (const product of this.state.productList) {
|
|
11516
11427
|
if (+product.id === +id) {
|
|
11517
11428
|
var _this$state$plan;
|
|
11518
11429
|
|
|
@@ -11565,14 +11476,6 @@ class SelectModal extends React.Component {
|
|
|
11565
11476
|
|
|
11566
11477
|
_defineProperty$3(this, "submitOption", () => {
|
|
11567
11478
|
this.props.setProductAndPlan(this.state.product, this.state.plan, this.state.isGift);
|
|
11568
|
-
|
|
11569
|
-
if (this.props.isRenewingSub) {
|
|
11570
|
-
var _matchingSub$id;
|
|
11571
|
-
|
|
11572
|
-
const matchingSub = window.Pelcro.subscription.list().find(sub => sub.plan.id === this.state.plan.id && sub.status === "active" && sub.cancel_at_period_end === 1);
|
|
11573
|
-
this.props.setSubscriptionIdToRenew((_matchingSub$id = matchingSub === null || matchingSub === void 0 ? void 0 : matchingSub.id) !== null && _matchingSub$id !== void 0 ? _matchingSub$id : null);
|
|
11574
|
-
}
|
|
11575
|
-
|
|
11576
11479
|
const {
|
|
11577
11480
|
product,
|
|
11578
11481
|
isGift
|
|
@@ -11610,7 +11513,8 @@ class SelectModal extends React.Component {
|
|
|
11610
11513
|
plan: {},
|
|
11611
11514
|
isGift: props.isGift,
|
|
11612
11515
|
disabled: true,
|
|
11613
|
-
mode: "product"
|
|
11516
|
+
mode: "product",
|
|
11517
|
+
productList: props.matchingEntitlements ? window.Pelcro.product.getByEntitlements(props.matchingEntitlements) : window.Pelcro.product.list()
|
|
11614
11518
|
};
|
|
11615
11519
|
this.product = this.props.product || window.Pelcro.paywall.getProduct();
|
|
11616
11520
|
this.locale = this.props.t;
|
|
@@ -11618,7 +11522,7 @@ class SelectModal extends React.Component {
|
|
|
11618
11522
|
}
|
|
11619
11523
|
|
|
11620
11524
|
render() {
|
|
11621
|
-
var
|
|
11525
|
+
var _window$Pelcro$produc2, _window$Pelcro$produc3, _window$Pelcro$site$r;
|
|
11622
11526
|
|
|
11623
11527
|
const {
|
|
11624
11528
|
disableGifting
|
|
@@ -11652,7 +11556,7 @@ class SelectModal extends React.Component {
|
|
|
11652
11556
|
className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
|
|
11653
11557
|
}, /*#__PURE__*/React__default['default'].createElement("h4", {
|
|
11654
11558
|
className: "plc-text-2xl plc-font-semibold"
|
|
11655
|
-
}, this.product && this.product.paywall.select_title || ((
|
|
11559
|
+
}, this.product && this.product.paywall.select_title || ((_window$Pelcro$produc2 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc2 === void 0 ? void 0 : _window$Pelcro$produc2.paywall.select_title)), /*#__PURE__*/React__default['default'].createElement("p", null, this.product && this.product.paywall.select_subtitle || ((_window$Pelcro$produc3 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc3 === void 0 ? void 0 : _window$Pelcro$produc3.paywall.select_subtitle))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
11656
11560
|
className: "pelcro-select-products-wrapper"
|
|
11657
11561
|
}, (_window$Pelcro$site$r = window.Pelcro.site.read()) !== null && _window$Pelcro$site$r !== void 0 && _window$Pelcro$site$r.restrictive_paywall_metatags_enabled ? this.renderMatchingProductsFirst() : this.renderProducts()), this.state.mode === "plan" && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
11658
11562
|
className: "plc-overflow-y-scroll plc-max-h-72 pelcro-select-plans-wrapper"
|
|
@@ -13227,7 +13131,7 @@ class PaypalGateWay {
|
|
|
13227
13131
|
|
|
13228
13132
|
/** @type {PaymentStateType} */
|
|
13229
13133
|
|
|
13230
|
-
const initialState$
|
|
13134
|
+
const initialState$f = {
|
|
13231
13135
|
disableSubmit: false,
|
|
13232
13136
|
isLoading: false,
|
|
13233
13137
|
disableCouponButton: false,
|
|
@@ -13246,10 +13150,10 @@ const initialState$g = {
|
|
|
13246
13150
|
content: ""
|
|
13247
13151
|
}
|
|
13248
13152
|
};
|
|
13249
|
-
const store$
|
|
13153
|
+
const store$f = /*#__PURE__*/React.createContext(initialState$f);
|
|
13250
13154
|
const {
|
|
13251
|
-
Provider: Provider$
|
|
13252
|
-
} = store$
|
|
13155
|
+
Provider: Provider$f
|
|
13156
|
+
} = store$f;
|
|
13253
13157
|
|
|
13254
13158
|
const PaymentMethodContainerWithoutStripe = ({
|
|
13255
13159
|
style,
|
|
@@ -14289,21 +14193,21 @@ const PaymentMethodContainerWithoutStripe = ({
|
|
|
14289
14193
|
default:
|
|
14290
14194
|
return state;
|
|
14291
14195
|
}
|
|
14292
|
-
}, initialState$
|
|
14196
|
+
}, initialState$f);
|
|
14293
14197
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
14294
14198
|
style: { ...style
|
|
14295
14199
|
},
|
|
14296
14200
|
className: `pelcro-container pelcro-payment-container ${className}`
|
|
14297
|
-
}, /*#__PURE__*/React__default['default'].createElement(Provider$
|
|
14201
|
+
}, /*#__PURE__*/React__default['default'].createElement(Provider$f, {
|
|
14298
14202
|
value: {
|
|
14299
14203
|
state,
|
|
14300
14204
|
dispatch
|
|
14301
14205
|
}
|
|
14302
14206
|
}, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
14303
|
-
store: store$
|
|
14207
|
+
store: store$f,
|
|
14304
14208
|
key: i
|
|
14305
14209
|
})) : /*#__PURE__*/React__default['default'].cloneElement(children, {
|
|
14306
|
-
store: store$
|
|
14210
|
+
store: store$f
|
|
14307
14211
|
})));
|
|
14308
14212
|
};
|
|
14309
14213
|
|
|
@@ -14325,7 +14229,7 @@ const PaymentMethodContainer = props => {
|
|
|
14325
14229
|
stripeAccount: window.Pelcro.site.read().account_id,
|
|
14326
14230
|
locale: getPageOrDefaultLanguage()
|
|
14327
14231
|
}, /*#__PURE__*/React__default['default'].createElement(es_11, null, /*#__PURE__*/React__default['default'].createElement(UnwrappedForm, Object.assign({
|
|
14328
|
-
store: store$
|
|
14232
|
+
store: store$f
|
|
14329
14233
|
}, props))));
|
|
14330
14234
|
}
|
|
14331
14235
|
|
|
@@ -14378,7 +14282,7 @@ const PelcroPaymentRequestButton = props => {
|
|
|
14378
14282
|
currentPlan,
|
|
14379
14283
|
updatedPrice
|
|
14380
14284
|
}
|
|
14381
|
-
} = React.useContext(store$
|
|
14285
|
+
} = React.useContext(store$f);
|
|
14382
14286
|
|
|
14383
14287
|
const updatePaymentRequest = () => {
|
|
14384
14288
|
// Make sure payment request is up to date, eg. user added a coupon code.
|
|
@@ -14438,7 +14342,7 @@ const DiscountedPrice = props => {
|
|
|
14438
14342
|
taxAmount,
|
|
14439
14343
|
percentOff
|
|
14440
14344
|
}
|
|
14441
|
-
} = React.useContext(store$
|
|
14345
|
+
} = React.useContext(store$f);
|
|
14442
14346
|
const {
|
|
14443
14347
|
order,
|
|
14444
14348
|
plan
|
|
@@ -14488,7 +14392,7 @@ const SubmitPaymentMethod = ({
|
|
|
14488
14392
|
isLoading,
|
|
14489
14393
|
updatedPrice
|
|
14490
14394
|
}
|
|
14491
|
-
} = React.useContext(store$
|
|
14395
|
+
} = React.useContext(store$f);
|
|
14492
14396
|
const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
|
|
14493
14397
|
const price = updatedPrice !== null && updatedPrice !== void 0 ? updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount;
|
|
14494
14398
|
const priceFormatted = getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
|
|
@@ -14509,17 +14413,17 @@ const SubmitPaymentMethod = ({
|
|
|
14509
14413
|
}, t("labels.pay"), " ", priceFormatted && priceFormatted) : t("labels.submit"));
|
|
14510
14414
|
};
|
|
14511
14415
|
|
|
14512
|
-
var _path$
|
|
14416
|
+
var _path$m;
|
|
14513
14417
|
|
|
14514
|
-
function _extends$
|
|
14418
|
+
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); }
|
|
14515
14419
|
|
|
14516
14420
|
function SvgArrowLeft(props) {
|
|
14517
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
14421
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
|
|
14518
14422
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14519
14423
|
fill: "none",
|
|
14520
14424
|
viewBox: "0 0 24 24",
|
|
14521
14425
|
stroke: "currentColor"
|
|
14522
|
-
}, props), _path$
|
|
14426
|
+
}, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
|
|
14523
14427
|
strokeLinecap: "round",
|
|
14524
14428
|
strokeLinejoin: "round",
|
|
14525
14429
|
strokeWidth: 2,
|
|
@@ -14538,7 +14442,7 @@ const ApplyCouponButton = ({
|
|
|
14538
14442
|
disableCouponButton
|
|
14539
14443
|
},
|
|
14540
14444
|
dispatch
|
|
14541
|
-
} = React.useContext(store$
|
|
14445
|
+
} = React.useContext(store$f);
|
|
14542
14446
|
const {
|
|
14543
14447
|
t
|
|
14544
14448
|
} = useTranslation("checkoutForm");
|
|
@@ -14572,7 +14476,7 @@ const CouponCodeField = props => {
|
|
|
14572
14476
|
couponCode,
|
|
14573
14477
|
couponError
|
|
14574
14478
|
}
|
|
14575
|
-
} = React.useContext(store$
|
|
14479
|
+
} = React.useContext(store$f);
|
|
14576
14480
|
|
|
14577
14481
|
const onCouponCodeChange = e => {
|
|
14578
14482
|
dispatch({
|
|
@@ -14601,17 +14505,17 @@ const CouponCodeField = props => {
|
|
|
14601
14505
|
}, props));
|
|
14602
14506
|
};
|
|
14603
14507
|
|
|
14604
|
-
var _path$
|
|
14508
|
+
var _path$l;
|
|
14605
14509
|
|
|
14606
|
-
function _extends$
|
|
14510
|
+
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); }
|
|
14607
14511
|
|
|
14608
14512
|
function SvgTicket(props) {
|
|
14609
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
14513
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
|
|
14610
14514
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14611
14515
|
fill: "none",
|
|
14612
14516
|
viewBox: "0 0 24 24",
|
|
14613
14517
|
stroke: "currentColor"
|
|
14614
|
-
}, props), _path$
|
|
14518
|
+
}, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
|
|
14615
14519
|
strokeLinecap: "round",
|
|
14616
14520
|
strokeLinejoin: "round",
|
|
14617
14521
|
strokeWidth: 2,
|
|
@@ -14628,7 +14532,7 @@ const CouponCode = ({
|
|
|
14628
14532
|
state: {
|
|
14629
14533
|
enableCouponField
|
|
14630
14534
|
}
|
|
14631
|
-
} = React.useContext(store$
|
|
14535
|
+
} = React.useContext(store$f);
|
|
14632
14536
|
const {
|
|
14633
14537
|
t
|
|
14634
14538
|
} = useTranslation("checkoutForm");
|
|
@@ -14885,7 +14789,7 @@ const PaypalSubscribeButton = props => {
|
|
|
14885
14789
|
const {
|
|
14886
14790
|
dispatch,
|
|
14887
14791
|
state
|
|
14888
|
-
} = React.useContext(store$
|
|
14792
|
+
} = React.useContext(store$f);
|
|
14889
14793
|
const {
|
|
14890
14794
|
product,
|
|
14891
14795
|
plan,
|
|
@@ -14971,16 +14875,16 @@ const BankRedirection = () => {
|
|
|
14971
14875
|
}));
|
|
14972
14876
|
};
|
|
14973
14877
|
|
|
14974
|
-
var _path$
|
|
14878
|
+
var _path$k;
|
|
14975
14879
|
|
|
14976
|
-
function _extends$
|
|
14880
|
+
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); }
|
|
14977
14881
|
|
|
14978
14882
|
function SvgLock(props) {
|
|
14979
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
14883
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
|
|
14980
14884
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14981
14885
|
viewBox: "0 0 20 20",
|
|
14982
14886
|
fill: "currentColor"
|
|
14983
|
-
}, props), _path$
|
|
14887
|
+
}, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
|
|
14984
14888
|
fillRule: "evenodd",
|
|
14985
14889
|
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",
|
|
14986
14890
|
clipRule: "evenodd"
|
|
@@ -14997,7 +14901,7 @@ const SelectedPaymentMethod = () => {
|
|
|
14997
14901
|
state: {
|
|
14998
14902
|
isLoading
|
|
14999
14903
|
}
|
|
15000
|
-
} = React.useContext(store$
|
|
14904
|
+
} = React.useContext(store$f);
|
|
15001
14905
|
const {
|
|
15002
14906
|
switchView,
|
|
15003
14907
|
selectedPaymentMethodId
|
|
@@ -15039,7 +14943,7 @@ const TaxAmount = () => {
|
|
|
15039
14943
|
state: {
|
|
15040
14944
|
taxAmount
|
|
15041
14945
|
}
|
|
15042
|
-
} = React.useContext(store$
|
|
14946
|
+
} = React.useContext(store$f);
|
|
15043
14947
|
const {
|
|
15044
14948
|
plan
|
|
15045
14949
|
} = usePelcro();
|
|
@@ -15202,12 +15106,12 @@ function SubscriptionRenewModal({
|
|
|
15202
15106
|
}
|
|
15203
15107
|
SubscriptionRenewModal.viewId = "subscription-renew";
|
|
15204
15108
|
|
|
15205
|
-
var _path$
|
|
15109
|
+
var _path$j;
|
|
15206
15110
|
|
|
15207
|
-
function _extends$
|
|
15111
|
+
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); }
|
|
15208
15112
|
|
|
15209
15113
|
function SvgGift(props) {
|
|
15210
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
15114
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
|
|
15211
15115
|
className: "plc-w-6 plc-h-6 plc-mr-2",
|
|
15212
15116
|
fill: "none",
|
|
15213
15117
|
stroke: "currentColor",
|
|
@@ -15216,7 +15120,7 @@ function SvgGift(props) {
|
|
|
15216
15120
|
strokeWidth: 2,
|
|
15217
15121
|
viewBox: "0 0 24 24",
|
|
15218
15122
|
xmlns: "http://www.w3.org/2000/svg"
|
|
15219
|
-
}, props), _path$
|
|
15123
|
+
}, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
|
|
15220
15124
|
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"
|
|
15221
15125
|
})));
|
|
15222
15126
|
}
|
|
@@ -15557,7 +15461,7 @@ class DefaultNewsLetter extends React.Component {
|
|
|
15557
15461
|
|
|
15558
15462
|
const NewsLetter = withTranslation("newsletter")(DefaultNewsLetter);
|
|
15559
15463
|
|
|
15560
|
-
const initialState$
|
|
15464
|
+
const initialState$e = {
|
|
15561
15465
|
didSubToNewslettersBefore: false,
|
|
15562
15466
|
newsletters: [],
|
|
15563
15467
|
isListLoading: true,
|
|
@@ -15567,10 +15471,10 @@ const initialState$f = {
|
|
|
15567
15471
|
content: ""
|
|
15568
15472
|
}
|
|
15569
15473
|
};
|
|
15570
|
-
const store$
|
|
15474
|
+
const store$e = /*#__PURE__*/React.createContext(initialState$e);
|
|
15571
15475
|
const {
|
|
15572
|
-
Provider: Provider$
|
|
15573
|
-
} = store$
|
|
15476
|
+
Provider: Provider$e
|
|
15477
|
+
} = store$e;
|
|
15574
15478
|
|
|
15575
15479
|
const NewsletterUpdateContainer = ({
|
|
15576
15480
|
style,
|
|
@@ -15683,7 +15587,7 @@ const NewsletterUpdateContainer = ({
|
|
|
15683
15587
|
default:
|
|
15684
15588
|
return state;
|
|
15685
15589
|
}
|
|
15686
|
-
}, initialState$
|
|
15590
|
+
}, initialState$e);
|
|
15687
15591
|
React.useEffect(() => {
|
|
15688
15592
|
const getUserNewsletters = () => {
|
|
15689
15593
|
var _window$Pelcro$user$r3, _window$Pelcro$user$r4;
|
|
@@ -15727,7 +15631,7 @@ const NewsletterUpdateContainer = ({
|
|
|
15727
15631
|
style: { ...style
|
|
15728
15632
|
},
|
|
15729
15633
|
className: `pelcro-container pelcro-newsletter-update-container ${className}`
|
|
15730
|
-
}, /*#__PURE__*/React__default['default'].createElement(Provider$
|
|
15634
|
+
}, /*#__PURE__*/React__default['default'].createElement(Provider$e, {
|
|
15731
15635
|
value: {
|
|
15732
15636
|
state,
|
|
15733
15637
|
dispatch
|
|
@@ -15735,12 +15639,12 @@ const NewsletterUpdateContainer = ({
|
|
|
15735
15639
|
}, children.length ? children.map((child, i) => {
|
|
15736
15640
|
if (child) {
|
|
15737
15641
|
return /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
15738
|
-
store: store$
|
|
15642
|
+
store: store$e,
|
|
15739
15643
|
key: i
|
|
15740
15644
|
});
|
|
15741
15645
|
}
|
|
15742
15646
|
}) : /*#__PURE__*/React__default['default'].cloneElement(children, {
|
|
15743
|
-
store: store$
|
|
15647
|
+
store: store$e
|
|
15744
15648
|
})));
|
|
15745
15649
|
};
|
|
15746
15650
|
|
|
@@ -15755,7 +15659,7 @@ const NewsletterUpdateButton = ({
|
|
|
15755
15659
|
isSubmitting,
|
|
15756
15660
|
isListLoading
|
|
15757
15661
|
}
|
|
15758
|
-
} = React.useContext(store$
|
|
15662
|
+
} = React.useContext(store$e);
|
|
15759
15663
|
const {
|
|
15760
15664
|
t
|
|
15761
15665
|
} = useTranslation("newsletter");
|
|
@@ -15785,7 +15689,7 @@ const NewsletterUpdateList = () => {
|
|
|
15785
15689
|
newsletters,
|
|
15786
15690
|
isListLoading
|
|
15787
15691
|
}
|
|
15788
|
-
} = React.useContext(store$
|
|
15692
|
+
} = React.useContext(store$e);
|
|
15789
15693
|
|
|
15790
15694
|
if (isListLoading) {
|
|
15791
15695
|
return /*#__PURE__*/React__default['default'].createElement(Loader, {
|
|
@@ -15989,7 +15893,7 @@ function SubscriptionCreateModal({
|
|
|
15989
15893
|
SubscriptionCreateModal.viewId = "subscription-create";
|
|
15990
15894
|
|
|
15991
15895
|
var _window$Pelcro$user$r, _window$Pelcro$user$r2, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5;
|
|
15992
|
-
const initialState$
|
|
15896
|
+
const initialState$d = {
|
|
15993
15897
|
email: (_window$Pelcro$user$r = window.Pelcro.user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : _window$Pelcro$user$r.email,
|
|
15994
15898
|
firstName: (_window$Pelcro$user$r2 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.first_name,
|
|
15995
15899
|
lastName: (_window$Pelcro$user$r3 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r3 === void 0 ? void 0 : _window$Pelcro$user$r3.last_name,
|
|
@@ -16002,10 +15906,10 @@ const initialState$e = {
|
|
|
16002
15906
|
content: ""
|
|
16003
15907
|
}
|
|
16004
15908
|
};
|
|
16005
|
-
const store$
|
|
15909
|
+
const store$d = /*#__PURE__*/React.createContext(initialState$d);
|
|
16006
15910
|
const {
|
|
16007
|
-
Provider: Provider$
|
|
16008
|
-
} = store$
|
|
15911
|
+
Provider: Provider$d
|
|
15912
|
+
} = store$d;
|
|
16009
15913
|
|
|
16010
15914
|
const UserUpdateContainer = ({
|
|
16011
15915
|
style,
|
|
@@ -16137,27 +16041,27 @@ const UserUpdateContainer = ({
|
|
|
16137
16041
|
default:
|
|
16138
16042
|
return state;
|
|
16139
16043
|
}
|
|
16140
|
-
}, initialState$
|
|
16044
|
+
}, initialState$d);
|
|
16141
16045
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
16142
16046
|
style: { ...style
|
|
16143
16047
|
},
|
|
16144
16048
|
className: `pelcro-container pelcro-user-update-container ${className}`
|
|
16145
|
-
}, /*#__PURE__*/React__default['default'].createElement(Provider$
|
|
16049
|
+
}, /*#__PURE__*/React__default['default'].createElement(Provider$d, {
|
|
16146
16050
|
value: {
|
|
16147
16051
|
state,
|
|
16148
16052
|
dispatch
|
|
16149
16053
|
}
|
|
16150
16054
|
}, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
16151
|
-
store: store$
|
|
16055
|
+
store: store$d,
|
|
16152
16056
|
key: i
|
|
16153
16057
|
})) : /*#__PURE__*/React__default['default'].cloneElement(children, {
|
|
16154
|
-
store: store$
|
|
16058
|
+
store: store$d
|
|
16155
16059
|
})));
|
|
16156
16060
|
};
|
|
16157
16061
|
|
|
16158
16062
|
const UserUpdateEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
|
|
16159
16063
|
disabled: true,
|
|
16160
|
-
store: store$
|
|
16064
|
+
store: store$d
|
|
16161
16065
|
}, props));
|
|
16162
16066
|
|
|
16163
16067
|
const UserUpdateButton = ({
|
|
@@ -16170,7 +16074,7 @@ const UserUpdateButton = ({
|
|
|
16170
16074
|
buttonDisabled
|
|
16171
16075
|
},
|
|
16172
16076
|
dispatch
|
|
16173
|
-
} = React.useContext(store$
|
|
16077
|
+
} = React.useContext(store$d);
|
|
16174
16078
|
const {
|
|
16175
16079
|
t
|
|
16176
16080
|
} = useTranslation("userEdit");
|
|
@@ -16187,11 +16091,11 @@ const UserUpdateButton = ({
|
|
|
16187
16091
|
};
|
|
16188
16092
|
|
|
16189
16093
|
const UserUpdateFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
|
|
16190
|
-
store: store$
|
|
16094
|
+
store: store$d
|
|
16191
16095
|
}, props));
|
|
16192
16096
|
|
|
16193
16097
|
const UserUpdateLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
|
|
16194
|
-
store: store$
|
|
16098
|
+
store: store$d
|
|
16195
16099
|
}, props));
|
|
16196
16100
|
|
|
16197
16101
|
function Phone({
|
|
@@ -16220,22 +16124,22 @@ function Phone({
|
|
|
16220
16124
|
}
|
|
16221
16125
|
|
|
16222
16126
|
const UserUpdatePhone = props => /*#__PURE__*/React__default['default'].createElement(Phone, Object.assign({
|
|
16223
|
-
store: store$
|
|
16127
|
+
store: store$d
|
|
16224
16128
|
}, props));
|
|
16225
16129
|
|
|
16226
16130
|
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";
|
|
16227
16131
|
|
|
16228
|
-
var _path$
|
|
16132
|
+
var _path$i;
|
|
16229
16133
|
|
|
16230
|
-
function _extends$
|
|
16134
|
+
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); }
|
|
16231
16135
|
|
|
16232
16136
|
function SvgEdit(props) {
|
|
16233
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
16137
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
|
|
16234
16138
|
className: "plc-w-6 plc-h-6",
|
|
16235
16139
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16236
16140
|
viewBox: "0 0 20 20",
|
|
16237
16141
|
fill: "currentColor"
|
|
16238
|
-
}, props), _path$
|
|
16142
|
+
}, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
|
|
16239
16143
|
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"
|
|
16240
16144
|
})));
|
|
16241
16145
|
}
|
|
@@ -16367,16 +16271,16 @@ function DisplayName({
|
|
|
16367
16271
|
}
|
|
16368
16272
|
|
|
16369
16273
|
const UserUpdateDisplayName = props => /*#__PURE__*/React__default['default'].createElement(DisplayName, Object.assign({
|
|
16370
|
-
store: store$
|
|
16274
|
+
store: store$d
|
|
16371
16275
|
}, props));
|
|
16372
16276
|
|
|
16373
16277
|
const UserUpdateTextInput = props => {
|
|
16374
16278
|
return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
|
|
16375
|
-
store: store$
|
|
16279
|
+
store: store$d
|
|
16376
16280
|
}));
|
|
16377
16281
|
};
|
|
16378
16282
|
|
|
16379
|
-
const initialState$
|
|
16283
|
+
const initialState$c = {
|
|
16380
16284
|
isSubmitting: false,
|
|
16381
16285
|
firstName: "",
|
|
16382
16286
|
firstNameError: "",
|
|
@@ -16401,10 +16305,10 @@ const initialState$d = {
|
|
|
16401
16305
|
content: ""
|
|
16402
16306
|
}
|
|
16403
16307
|
};
|
|
16404
|
-
const store$
|
|
16308
|
+
const store$c = /*#__PURE__*/React.createContext(initialState$c);
|
|
16405
16309
|
const {
|
|
16406
|
-
Provider: Provider$
|
|
16407
|
-
} = store$
|
|
16310
|
+
Provider: Provider$c
|
|
16311
|
+
} = store$c;
|
|
16408
16312
|
|
|
16409
16313
|
const getNewlyCreatedAddress = addresses => addresses[addresses.length - 1];
|
|
16410
16314
|
|
|
@@ -16611,7 +16515,7 @@ const AddressCreateContainer = ({
|
|
|
16611
16515
|
default:
|
|
16612
16516
|
return state;
|
|
16613
16517
|
}
|
|
16614
|
-
}, initialState$
|
|
16518
|
+
}, initialState$c);
|
|
16615
16519
|
React.useEffect(() => {
|
|
16616
16520
|
const getStates = () => {
|
|
16617
16521
|
dispatch({
|
|
@@ -16643,16 +16547,16 @@ const AddressCreateContainer = ({
|
|
|
16643
16547
|
style: { ...style
|
|
16644
16548
|
},
|
|
16645
16549
|
className: `pelcro-container pelcro-address-create-container ${className}`
|
|
16646
|
-
}, /*#__PURE__*/React__default['default'].createElement(Provider$
|
|
16550
|
+
}, /*#__PURE__*/React__default['default'].createElement(Provider$c, {
|
|
16647
16551
|
value: {
|
|
16648
16552
|
state,
|
|
16649
16553
|
dispatch
|
|
16650
16554
|
}
|
|
16651
16555
|
}, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
16652
|
-
store: store$
|
|
16556
|
+
store: store$c,
|
|
16653
16557
|
key: i
|
|
16654
16558
|
})) : /*#__PURE__*/React__default['default'].cloneElement(children, {
|
|
16655
|
-
store: store$
|
|
16559
|
+
store: store$c
|
|
16656
16560
|
})));
|
|
16657
16561
|
};
|
|
16658
16562
|
|
|
@@ -16663,7 +16567,7 @@ function AddressCreateFirstName(props) {
|
|
|
16663
16567
|
firstName,
|
|
16664
16568
|
firstNameError
|
|
16665
16569
|
}
|
|
16666
|
-
} = React.useContext(store$
|
|
16570
|
+
} = React.useContext(store$c);
|
|
16667
16571
|
|
|
16668
16572
|
const handleBlur = () => {
|
|
16669
16573
|
return dispatch({
|
|
@@ -16706,7 +16610,7 @@ function AddressCreateLastName(props) {
|
|
|
16706
16610
|
lastName,
|
|
16707
16611
|
lastNameError
|
|
16708
16612
|
}
|
|
16709
|
-
} = React.useContext(store$
|
|
16613
|
+
} = React.useContext(store$c);
|
|
16710
16614
|
|
|
16711
16615
|
const handleBlur = () => {
|
|
16712
16616
|
return dispatch({
|
|
@@ -16749,7 +16653,7 @@ function AddressCreateLine1(props) {
|
|
|
16749
16653
|
line1,
|
|
16750
16654
|
line1Error
|
|
16751
16655
|
}
|
|
16752
|
-
} = React.useContext(store$
|
|
16656
|
+
} = React.useContext(store$c);
|
|
16753
16657
|
|
|
16754
16658
|
const handleBlur = () => {
|
|
16755
16659
|
return dispatch({
|
|
@@ -16792,7 +16696,7 @@ function AddressCreateCity(props) {
|
|
|
16792
16696
|
city,
|
|
16793
16697
|
cityError
|
|
16794
16698
|
}
|
|
16795
|
-
} = React.useContext(store$
|
|
16699
|
+
} = React.useContext(store$c);
|
|
16796
16700
|
|
|
16797
16701
|
const handleBlur = () => {
|
|
16798
16702
|
return dispatch({
|
|
@@ -16835,7 +16739,7 @@ function AddressCreatePostalCode(props) {
|
|
|
16835
16739
|
postalCode,
|
|
16836
16740
|
postalCodeError
|
|
16837
16741
|
}
|
|
16838
|
-
} = React.useContext(store$
|
|
16742
|
+
} = React.useContext(store$c);
|
|
16839
16743
|
|
|
16840
16744
|
const handleBlur = () => {
|
|
16841
16745
|
return dispatch({
|
|
@@ -16881,7 +16785,7 @@ const AddressCreateSubmit = ({
|
|
|
16881
16785
|
state: {
|
|
16882
16786
|
isSubmitting
|
|
16883
16787
|
}
|
|
16884
|
-
} = React.useContext(store$
|
|
16788
|
+
} = React.useContext(store$c);
|
|
16885
16789
|
const {
|
|
16886
16790
|
t
|
|
16887
16791
|
} = useTranslation("address");
|
|
@@ -16992,7 +16896,7 @@ function CountrySelect({
|
|
|
16992
16896
|
}
|
|
16993
16897
|
|
|
16994
16898
|
const AddressCreateCountrySelect = props => /*#__PURE__*/React__default['default'].createElement(CountrySelect, Object.assign({
|
|
16995
|
-
store: store$
|
|
16899
|
+
store: store$c
|
|
16996
16900
|
}, props));
|
|
16997
16901
|
|
|
16998
16902
|
function StateSelect({
|
|
@@ -17080,7 +16984,7 @@ function StateSelect({
|
|
|
17080
16984
|
}
|
|
17081
16985
|
|
|
17082
16986
|
const AddressCreateStateSelect = props => /*#__PURE__*/React__default['default'].createElement(StateSelect, Object.assign({
|
|
17083
|
-
store: store$
|
|
16987
|
+
store: store$c
|
|
17084
16988
|
}, props));
|
|
17085
16989
|
|
|
17086
16990
|
const AddressCreateView = props => {
|
|
@@ -17185,18 +17089,18 @@ AddressCreateModal.viewId = "address-create";
|
|
|
17185
17089
|
|
|
17186
17090
|
const AddressCreateTextInput = props => {
|
|
17187
17091
|
return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
|
|
17188
|
-
store: store$
|
|
17092
|
+
store: store$c
|
|
17189
17093
|
}));
|
|
17190
17094
|
};
|
|
17191
17095
|
|
|
17192
17096
|
const AddressCreateLine2 = props => {
|
|
17193
17097
|
return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({
|
|
17194
17098
|
fieldName: "line2",
|
|
17195
|
-
store: store$
|
|
17099
|
+
store: store$c
|
|
17196
17100
|
}, props));
|
|
17197
17101
|
};
|
|
17198
17102
|
|
|
17199
|
-
const initialState$
|
|
17103
|
+
const initialState$b = {
|
|
17200
17104
|
isSubmitting: false,
|
|
17201
17105
|
firstName: "",
|
|
17202
17106
|
firstNameError: "",
|
|
@@ -17221,10 +17125,10 @@ const initialState$c = {
|
|
|
17221
17125
|
content: ""
|
|
17222
17126
|
}
|
|
17223
17127
|
};
|
|
17224
|
-
const store$
|
|
17128
|
+
const store$b = /*#__PURE__*/React.createContext(initialState$b);
|
|
17225
17129
|
const {
|
|
17226
|
-
Provider: Provider$
|
|
17227
|
-
} = store$
|
|
17130
|
+
Provider: Provider$b
|
|
17131
|
+
} = store$b;
|
|
17228
17132
|
|
|
17229
17133
|
const AddressUpdateContainer = ({
|
|
17230
17134
|
style,
|
|
@@ -17276,7 +17180,7 @@ const AddressUpdateContainer = ({
|
|
|
17276
17180
|
const thisAddress = addresses[address];
|
|
17277
17181
|
|
|
17278
17182
|
if (+thisAddress.id === +addressId) {
|
|
17279
|
-
const newState = { ...initialState$
|
|
17183
|
+
const newState = { ...initialState$b,
|
|
17280
17184
|
firstName: thisAddress.first_name,
|
|
17281
17185
|
lastName: thisAddress.last_name,
|
|
17282
17186
|
line1: thisAddress.line1,
|
|
@@ -17409,7 +17313,7 @@ const AddressUpdateContainer = ({
|
|
|
17409
17313
|
default:
|
|
17410
17314
|
return state;
|
|
17411
17315
|
}
|
|
17412
|
-
}, initialState$
|
|
17316
|
+
}, initialState$b);
|
|
17413
17317
|
React.useEffect(() => {
|
|
17414
17318
|
const getStates = () => {
|
|
17415
17319
|
dispatch({
|
|
@@ -17441,21 +17345,21 @@ const AddressUpdateContainer = ({
|
|
|
17441
17345
|
style: { ...style
|
|
17442
17346
|
},
|
|
17443
17347
|
className: `pelcro-container pelcro-address-update-container ${className}`
|
|
17444
|
-
}, /*#__PURE__*/React__default['default'].createElement(Provider$
|
|
17348
|
+
}, /*#__PURE__*/React__default['default'].createElement(Provider$b, {
|
|
17445
17349
|
value: {
|
|
17446
17350
|
state,
|
|
17447
17351
|
dispatch
|
|
17448
17352
|
}
|
|
17449
17353
|
}, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
17450
|
-
store: store$
|
|
17354
|
+
store: store$b,
|
|
17451
17355
|
key: i
|
|
17452
17356
|
})) : /*#__PURE__*/React__default['default'].cloneElement(children, {
|
|
17453
|
-
store: store$
|
|
17357
|
+
store: store$b
|
|
17454
17358
|
})));
|
|
17455
17359
|
};
|
|
17456
17360
|
|
|
17457
17361
|
const AddressUpdateCountrySelect = props => /*#__PURE__*/React__default['default'].createElement(CountrySelect, Object.assign({
|
|
17458
|
-
store: store$
|
|
17362
|
+
store: store$b
|
|
17459
17363
|
}, props));
|
|
17460
17364
|
|
|
17461
17365
|
function AddressUpdateFirstName(props) {
|
|
@@ -17465,7 +17369,7 @@ function AddressUpdateFirstName(props) {
|
|
|
17465
17369
|
firstName,
|
|
17466
17370
|
firstNameError
|
|
17467
17371
|
}
|
|
17468
|
-
} = React.useContext(store$
|
|
17372
|
+
} = React.useContext(store$b);
|
|
17469
17373
|
|
|
17470
17374
|
const handleBlur = () => {
|
|
17471
17375
|
return dispatch({
|
|
@@ -17508,7 +17412,7 @@ function AddressUpdateLastName(props) {
|
|
|
17508
17412
|
lastName,
|
|
17509
17413
|
lastNameError
|
|
17510
17414
|
}
|
|
17511
|
-
} = React.useContext(store$
|
|
17415
|
+
} = React.useContext(store$b);
|
|
17512
17416
|
|
|
17513
17417
|
const handleBlur = () => {
|
|
17514
17418
|
return dispatch({
|
|
@@ -17551,7 +17455,7 @@ function AddressUpdateLine1(props) {
|
|
|
17551
17455
|
line1,
|
|
17552
17456
|
line1Error
|
|
17553
17457
|
}
|
|
17554
|
-
} = React.useContext(store$
|
|
17458
|
+
} = React.useContext(store$b);
|
|
17555
17459
|
|
|
17556
17460
|
const handleBlur = () => {
|
|
17557
17461
|
return dispatch({
|
|
@@ -17591,7 +17495,7 @@ const AddressUpdateLine2 = props => {
|
|
|
17591
17495
|
return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({
|
|
17592
17496
|
fieldName: "line2"
|
|
17593
17497
|
}, props, {
|
|
17594
|
-
store: store$
|
|
17498
|
+
store: store$b
|
|
17595
17499
|
}));
|
|
17596
17500
|
};
|
|
17597
17501
|
|
|
@@ -17602,7 +17506,7 @@ function AddressUpdateCity(props) {
|
|
|
17602
17506
|
city,
|
|
17603
17507
|
cityError
|
|
17604
17508
|
}
|
|
17605
|
-
} = React.useContext(store$
|
|
17509
|
+
} = React.useContext(store$b);
|
|
17606
17510
|
|
|
17607
17511
|
const handleBlur = () => {
|
|
17608
17512
|
return dispatch({
|
|
@@ -17645,7 +17549,7 @@ function AddressUpdatePostalCode(props) {
|
|
|
17645
17549
|
postalCode,
|
|
17646
17550
|
postalCodeError
|
|
17647
17551
|
}
|
|
17648
|
-
} = React.useContext(store$
|
|
17552
|
+
} = React.useContext(store$b);
|
|
17649
17553
|
|
|
17650
17554
|
const handleBlur = () => {
|
|
17651
17555
|
return dispatch({
|
|
@@ -17691,7 +17595,7 @@ const AddressUpdateSubmit = ({
|
|
|
17691
17595
|
state: {
|
|
17692
17596
|
isSubmitting
|
|
17693
17597
|
}
|
|
17694
|
-
} = React.useContext(store$
|
|
17598
|
+
} = React.useContext(store$b);
|
|
17695
17599
|
const {
|
|
17696
17600
|
t
|
|
17697
17601
|
} = useTranslation("address");
|
|
@@ -17707,7 +17611,7 @@ const AddressUpdateSubmit = ({
|
|
|
17707
17611
|
};
|
|
17708
17612
|
|
|
17709
17613
|
const AddressUpdateStateSelect = props => /*#__PURE__*/React__default['default'].createElement(StateSelect, Object.assign({
|
|
17710
|
-
store: store$
|
|
17614
|
+
store: store$b
|
|
17711
17615
|
}, props));
|
|
17712
17616
|
|
|
17713
17617
|
const AddressUpdateView = props => {
|
|
@@ -17790,7 +17694,7 @@ AddressUpdateModal.viewId = "address-edit";
|
|
|
17790
17694
|
|
|
17791
17695
|
const AddressUpdateTextInput = props => {
|
|
17792
17696
|
return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
|
|
17793
|
-
store: store$
|
|
17697
|
+
store: store$b
|
|
17794
17698
|
}));
|
|
17795
17699
|
};
|
|
17796
17700
|
|
|
@@ -17873,7 +17777,7 @@ const PaymentMethodUpdateModal = props => {
|
|
|
17873
17777
|
};
|
|
17874
17778
|
PaymentMethodUpdateModal.viewId = "payment-method-update";
|
|
17875
17779
|
|
|
17876
|
-
const initialState$
|
|
17780
|
+
const initialState$a = {
|
|
17877
17781
|
email: "",
|
|
17878
17782
|
password: "",
|
|
17879
17783
|
passwordError: null,
|
|
@@ -17886,10 +17790,10 @@ const initialState$b = {
|
|
|
17886
17790
|
content: ""
|
|
17887
17791
|
}
|
|
17888
17792
|
};
|
|
17889
|
-
const store$
|
|
17793
|
+
const store$a = /*#__PURE__*/React.createContext(initialState$a);
|
|
17890
17794
|
const {
|
|
17891
|
-
Provider: Provider$
|
|
17892
|
-
} = store$
|
|
17795
|
+
Provider: Provider$a
|
|
17796
|
+
} = store$a;
|
|
17893
17797
|
|
|
17894
17798
|
const PasswordResetContainer = ({
|
|
17895
17799
|
style,
|
|
@@ -17946,7 +17850,7 @@ const PasswordResetContainer = ({
|
|
|
17946
17850
|
type: SET_EMAIL,
|
|
17947
17851
|
payload: window.Pelcro.helpers.getURLParameter("email")
|
|
17948
17852
|
});
|
|
17949
|
-
initialState$
|
|
17853
|
+
initialState$a.email = window.Pelcro.helpers.getURLParameter("email");
|
|
17950
17854
|
dispatch({
|
|
17951
17855
|
type: SET_TOKEN,
|
|
17952
17856
|
payload: window.Pelcro.helpers.getURLParameter("token")
|
|
@@ -18006,26 +17910,26 @@ const PasswordResetContainer = ({
|
|
|
18006
17910
|
default:
|
|
18007
17911
|
return state;
|
|
18008
17912
|
}
|
|
18009
|
-
}, initialState$
|
|
17913
|
+
}, initialState$a);
|
|
18010
17914
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
18011
17915
|
style: { ...style
|
|
18012
17916
|
},
|
|
18013
17917
|
className: `pelcro-container pelcro-password-reset-container ${className}`
|
|
18014
|
-
}, /*#__PURE__*/React__default['default'].createElement(Provider$
|
|
17918
|
+
}, /*#__PURE__*/React__default['default'].createElement(Provider$a, {
|
|
18015
17919
|
value: {
|
|
18016
17920
|
state,
|
|
18017
17921
|
dispatch
|
|
18018
17922
|
}
|
|
18019
17923
|
}, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
18020
|
-
store: store$
|
|
17924
|
+
store: store$a,
|
|
18021
17925
|
key: i
|
|
18022
17926
|
})) : /*#__PURE__*/React__default['default'].cloneElement(children, {
|
|
18023
|
-
store: store$
|
|
17927
|
+
store: store$a
|
|
18024
17928
|
})));
|
|
18025
17929
|
};
|
|
18026
17930
|
|
|
18027
17931
|
const PasswordResetPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
|
|
18028
|
-
store: store$
|
|
17932
|
+
store: store$a
|
|
18029
17933
|
}, props));
|
|
18030
17934
|
|
|
18031
17935
|
const PasswordResetButton = ({
|
|
@@ -18038,7 +17942,7 @@ const PasswordResetButton = ({
|
|
|
18038
17942
|
buttonDisabled
|
|
18039
17943
|
},
|
|
18040
17944
|
dispatch
|
|
18041
|
-
} = React.useContext(store$
|
|
17945
|
+
} = React.useContext(store$a);
|
|
18042
17946
|
const {
|
|
18043
17947
|
t
|
|
18044
17948
|
} = useTranslation("passwordReset");
|
|
@@ -18055,14 +17959,14 @@ const PasswordResetButton = ({
|
|
|
18055
17959
|
};
|
|
18056
17960
|
|
|
18057
17961
|
const PasswordResetEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
|
|
18058
|
-
store: store$
|
|
17962
|
+
store: store$a
|
|
18059
17963
|
}, props, {
|
|
18060
17964
|
value: window.Pelcro.helpers.getURLParameter("email"),
|
|
18061
17965
|
disabled: true
|
|
18062
17966
|
}));
|
|
18063
17967
|
|
|
18064
17968
|
const PasswordResetConfirmPassword = props => /*#__PURE__*/React__default['default'].createElement(ConfirmPassword, Object.assign({
|
|
18065
|
-
store: store$
|
|
17969
|
+
store: store$a
|
|
18066
17970
|
}, props));
|
|
18067
17971
|
|
|
18068
17972
|
const PasswordResetView = props => {
|
|
@@ -18114,7 +18018,7 @@ const PasswordResetModal = ({
|
|
|
18114
18018
|
};
|
|
18115
18019
|
PasswordResetModal.viewId = "password-reset";
|
|
18116
18020
|
|
|
18117
|
-
const initialState$
|
|
18021
|
+
const initialState$9 = {
|
|
18118
18022
|
email: "",
|
|
18119
18023
|
emailError: null,
|
|
18120
18024
|
buttonDisabled: false,
|
|
@@ -18123,10 +18027,10 @@ const initialState$a = {
|
|
|
18123
18027
|
content: ""
|
|
18124
18028
|
}
|
|
18125
18029
|
};
|
|
18126
|
-
const store$
|
|
18030
|
+
const store$9 = /*#__PURE__*/React.createContext(initialState$9);
|
|
18127
18031
|
const {
|
|
18128
|
-
Provider: Provider$
|
|
18129
|
-
} = store$
|
|
18032
|
+
Provider: Provider$9
|
|
18033
|
+
} = store$9;
|
|
18130
18034
|
|
|
18131
18035
|
const PasswordForgotContainer = ({
|
|
18132
18036
|
style,
|
|
@@ -18204,21 +18108,21 @@ const PasswordForgotContainer = ({
|
|
|
18204
18108
|
default:
|
|
18205
18109
|
return state;
|
|
18206
18110
|
}
|
|
18207
|
-
}, initialState$
|
|
18111
|
+
}, initialState$9);
|
|
18208
18112
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
18209
18113
|
style: { ...style
|
|
18210
18114
|
},
|
|
18211
18115
|
className: `pelcro-container pelcro-password-forgot-container ${className}`
|
|
18212
|
-
}, /*#__PURE__*/React__default['default'].createElement(Provider$
|
|
18116
|
+
}, /*#__PURE__*/React__default['default'].createElement(Provider$9, {
|
|
18213
18117
|
value: {
|
|
18214
18118
|
state,
|
|
18215
18119
|
dispatch
|
|
18216
18120
|
}
|
|
18217
18121
|
}, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
18218
|
-
store: store$
|
|
18122
|
+
store: store$9,
|
|
18219
18123
|
key: i
|
|
18220
18124
|
})) : /*#__PURE__*/React__default['default'].cloneElement(children, {
|
|
18221
|
-
store: store$
|
|
18125
|
+
store: store$9
|
|
18222
18126
|
})));
|
|
18223
18127
|
};
|
|
18224
18128
|
|
|
@@ -18234,7 +18138,7 @@ const PasswordForgotButton = ({
|
|
|
18234
18138
|
emailError
|
|
18235
18139
|
},
|
|
18236
18140
|
dispatch
|
|
18237
|
-
} = React.useContext(store$
|
|
18141
|
+
} = React.useContext(store$9);
|
|
18238
18142
|
const {
|
|
18239
18143
|
t
|
|
18240
18144
|
} = useTranslation("passwordForgot");
|
|
@@ -18255,7 +18159,7 @@ const PasswordForgotButton = ({
|
|
|
18255
18159
|
};
|
|
18256
18160
|
|
|
18257
18161
|
const PasswordForgotEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
|
|
18258
|
-
store: store$
|
|
18162
|
+
store: store$9
|
|
18259
18163
|
}, props));
|
|
18260
18164
|
|
|
18261
18165
|
const PasswordForgotView = props => {
|
|
@@ -18305,7 +18209,7 @@ const PasswordForgotModal = ({
|
|
|
18305
18209
|
};
|
|
18306
18210
|
PasswordForgotModal.viewId = "password-forgot";
|
|
18307
18211
|
|
|
18308
|
-
const initialState$
|
|
18212
|
+
const initialState$8 = {
|
|
18309
18213
|
currentPassword: "",
|
|
18310
18214
|
newPassword: "",
|
|
18311
18215
|
confirmNewPassword: "",
|
|
@@ -18319,10 +18223,10 @@ const initialState$9 = {
|
|
|
18319
18223
|
content: ""
|
|
18320
18224
|
}
|
|
18321
18225
|
};
|
|
18322
|
-
const store$
|
|
18226
|
+
const store$8 = /*#__PURE__*/React.createContext(initialState$8);
|
|
18323
18227
|
const {
|
|
18324
|
-
Provider: Provider$
|
|
18325
|
-
} = store$
|
|
18228
|
+
Provider: Provider$8
|
|
18229
|
+
} = store$8;
|
|
18326
18230
|
const PasswordChangeContainer = ({
|
|
18327
18231
|
style,
|
|
18328
18232
|
className = "",
|
|
@@ -18474,21 +18378,21 @@ const PasswordChangeContainer = ({
|
|
|
18474
18378
|
default:
|
|
18475
18379
|
return state;
|
|
18476
18380
|
}
|
|
18477
|
-
}, initialState$
|
|
18381
|
+
}, initialState$8);
|
|
18478
18382
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
18479
18383
|
style: { ...style
|
|
18480
18384
|
},
|
|
18481
18385
|
className: `pelcro-container pelcro-password-change-container ${className}`
|
|
18482
|
-
}, /*#__PURE__*/React__default['default'].createElement(Provider$
|
|
18386
|
+
}, /*#__PURE__*/React__default['default'].createElement(Provider$8, {
|
|
18483
18387
|
value: {
|
|
18484
18388
|
state,
|
|
18485
18389
|
dispatch
|
|
18486
18390
|
}
|
|
18487
18391
|
}, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
18488
|
-
store: store$
|
|
18392
|
+
store: store$8,
|
|
18489
18393
|
key: i
|
|
18490
18394
|
})) : /*#__PURE__*/React__default['default'].cloneElement(children, {
|
|
18491
|
-
store: store$
|
|
18395
|
+
store: store$8
|
|
18492
18396
|
})));
|
|
18493
18397
|
};
|
|
18494
18398
|
|
|
@@ -18499,7 +18403,7 @@ function PasswordChangeCurrentPassword(props) {
|
|
|
18499
18403
|
currentPassword,
|
|
18500
18404
|
currentPasswordError
|
|
18501
18405
|
}
|
|
18502
|
-
} = React.useContext(store$
|
|
18406
|
+
} = React.useContext(store$8);
|
|
18503
18407
|
const handleBlur = React.useCallback(() => {
|
|
18504
18408
|
return dispatch({
|
|
18505
18409
|
type: VALIDATE_PASSWORD
|
|
@@ -18533,7 +18437,7 @@ function PasswordChangeNewPassword(props) {
|
|
|
18533
18437
|
newPassword,
|
|
18534
18438
|
newPasswordError
|
|
18535
18439
|
}
|
|
18536
|
-
} = React.useContext(store$
|
|
18440
|
+
} = React.useContext(store$8);
|
|
18537
18441
|
const handleBlur = React.useCallback(() => {
|
|
18538
18442
|
return dispatch({
|
|
18539
18443
|
type: VALIDATE_NEW_PASSWORD
|
|
@@ -18567,7 +18471,7 @@ function PasswordChangeConfirmNewPassword(props) {
|
|
|
18567
18471
|
confirmNewPassword,
|
|
18568
18472
|
confirmNewPasswordError
|
|
18569
18473
|
}
|
|
18570
|
-
} = React.useContext(store$
|
|
18474
|
+
} = React.useContext(store$8);
|
|
18571
18475
|
const handleBlur = React.useCallback(() => {
|
|
18572
18476
|
return dispatch({
|
|
18573
18477
|
type: VALIDATE_CONFIRM_NEW_PASSWORD
|
|
@@ -18608,7 +18512,7 @@ const PasswordChangeButton = ({
|
|
|
18608
18512
|
confirmNewPasswordError
|
|
18609
18513
|
},
|
|
18610
18514
|
dispatch
|
|
18611
|
-
} = React.useContext(store$
|
|
18515
|
+
} = React.useContext(store$8);
|
|
18612
18516
|
const {
|
|
18613
18517
|
t
|
|
18614
18518
|
} = useTranslation("passwordChange");
|
|
@@ -18674,17 +18578,17 @@ const PasswordChangeModal = ({
|
|
|
18674
18578
|
};
|
|
18675
18579
|
PasswordChangeModal.viewId = "password-change";
|
|
18676
18580
|
|
|
18677
|
-
const initialState$
|
|
18581
|
+
const initialState$7 = {
|
|
18678
18582
|
buttonDisabled: false,
|
|
18679
18583
|
alert: {
|
|
18680
18584
|
type: "error",
|
|
18681
18585
|
content: ""
|
|
18682
18586
|
}
|
|
18683
18587
|
};
|
|
18684
|
-
const store$
|
|
18588
|
+
const store$7 = /*#__PURE__*/React.createContext(initialState$7);
|
|
18685
18589
|
const {
|
|
18686
|
-
Provider: Provider$
|
|
18687
|
-
} = store$
|
|
18590
|
+
Provider: Provider$7
|
|
18591
|
+
} = store$7;
|
|
18688
18592
|
|
|
18689
18593
|
const CartContainer = ({
|
|
18690
18594
|
style,
|
|
@@ -18775,21 +18679,21 @@ const CartContainer = ({
|
|
|
18775
18679
|
default:
|
|
18776
18680
|
return state;
|
|
18777
18681
|
}
|
|
18778
|
-
}, initialState$
|
|
18682
|
+
}, initialState$7);
|
|
18779
18683
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
18780
18684
|
style: { ...style
|
|
18781
18685
|
},
|
|
18782
18686
|
className: `pelcro-container pelcro-cart-container ${className}`
|
|
18783
|
-
}, /*#__PURE__*/React__default['default'].createElement(Provider$
|
|
18687
|
+
}, /*#__PURE__*/React__default['default'].createElement(Provider$7, {
|
|
18784
18688
|
value: {
|
|
18785
18689
|
state,
|
|
18786
18690
|
dispatch
|
|
18787
18691
|
}
|
|
18788
18692
|
}, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
18789
|
-
store: store$
|
|
18693
|
+
store: store$7,
|
|
18790
18694
|
key: i
|
|
18791
18695
|
})) : /*#__PURE__*/React__default['default'].cloneElement(children, {
|
|
18792
|
-
store: store$
|
|
18696
|
+
store: store$7
|
|
18793
18697
|
})));
|
|
18794
18698
|
};
|
|
18795
18699
|
|
|
@@ -18826,7 +18730,7 @@ const CartSubmit = ({
|
|
|
18826
18730
|
buttonDisabled
|
|
18827
18731
|
},
|
|
18828
18732
|
dispatch
|
|
18829
|
-
} = React.useContext(store$
|
|
18733
|
+
} = React.useContext(store$7);
|
|
18830
18734
|
const {
|
|
18831
18735
|
t
|
|
18832
18736
|
} = useTranslation("cart");
|
|
@@ -18857,7 +18761,7 @@ const CartTotalPrice = () => {
|
|
|
18857
18761
|
state: {
|
|
18858
18762
|
alert
|
|
18859
18763
|
}
|
|
18860
|
-
} = React.useContext(store$
|
|
18764
|
+
} = React.useContext(store$7);
|
|
18861
18765
|
const {
|
|
18862
18766
|
cartItems
|
|
18863
18767
|
} = usePelcro();
|
|
@@ -19170,7 +19074,7 @@ const OrderConfirmModal = props => {
|
|
|
19170
19074
|
};
|
|
19171
19075
|
OrderConfirmModal.viewId = "order-confirm";
|
|
19172
19076
|
|
|
19173
|
-
const initialState$
|
|
19077
|
+
const initialState$6 = {
|
|
19174
19078
|
email: "",
|
|
19175
19079
|
firstName: "",
|
|
19176
19080
|
lastName: "",
|
|
@@ -19182,10 +19086,10 @@ const initialState$7 = {
|
|
|
19182
19086
|
content: ""
|
|
19183
19087
|
}
|
|
19184
19088
|
};
|
|
19185
|
-
const store$
|
|
19089
|
+
const store$6 = /*#__PURE__*/React.createContext(initialState$6);
|
|
19186
19090
|
const {
|
|
19187
|
-
Provider: Provider$
|
|
19188
|
-
} = store$
|
|
19091
|
+
Provider: Provider$6
|
|
19092
|
+
} = store$6;
|
|
19189
19093
|
|
|
19190
19094
|
const GiftCreateContainer = ({
|
|
19191
19095
|
style,
|
|
@@ -19289,21 +19193,21 @@ const GiftCreateContainer = ({
|
|
|
19289
19193
|
default:
|
|
19290
19194
|
return state;
|
|
19291
19195
|
}
|
|
19292
|
-
}, initialState$
|
|
19196
|
+
}, initialState$6);
|
|
19293
19197
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
19294
19198
|
style: { ...style
|
|
19295
19199
|
},
|
|
19296
19200
|
className: `pelcro-container pelcro-gift-create-container ${className}`
|
|
19297
|
-
}, /*#__PURE__*/React__default['default'].createElement(Provider$
|
|
19201
|
+
}, /*#__PURE__*/React__default['default'].createElement(Provider$6, {
|
|
19298
19202
|
value: {
|
|
19299
19203
|
state,
|
|
19300
19204
|
dispatch
|
|
19301
19205
|
}
|
|
19302
19206
|
}, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
19303
|
-
store: store$
|
|
19207
|
+
store: store$6,
|
|
19304
19208
|
key: i
|
|
19305
19209
|
})) : /*#__PURE__*/React__default['default'].cloneElement(children, {
|
|
19306
|
-
store: store$
|
|
19210
|
+
store: store$6
|
|
19307
19211
|
})));
|
|
19308
19212
|
};
|
|
19309
19213
|
|
|
@@ -19317,7 +19221,7 @@ const GiftCreateSubmitButton = ({
|
|
|
19317
19221
|
state: {
|
|
19318
19222
|
disableSubmit
|
|
19319
19223
|
}
|
|
19320
|
-
} = React.useContext(store$
|
|
19224
|
+
} = React.useContext(store$6);
|
|
19321
19225
|
const {
|
|
19322
19226
|
t
|
|
19323
19227
|
} = useTranslation("register");
|
|
@@ -19334,29 +19238,29 @@ const GiftCreateSubmitButton = ({
|
|
|
19334
19238
|
|
|
19335
19239
|
const GiftCreateEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
|
|
19336
19240
|
initWithUserEmail: false,
|
|
19337
|
-
store: store$
|
|
19241
|
+
store: store$6
|
|
19338
19242
|
}, props));
|
|
19339
19243
|
|
|
19340
19244
|
const GiftCreateFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
|
|
19341
|
-
store: store$
|
|
19245
|
+
store: store$6
|
|
19342
19246
|
}, props));
|
|
19343
19247
|
|
|
19344
19248
|
const GiftCreateLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
|
|
19345
|
-
store: store$
|
|
19249
|
+
store: store$6
|
|
19346
19250
|
}, props));
|
|
19347
19251
|
|
|
19348
|
-
var _path$
|
|
19252
|
+
var _path$h;
|
|
19349
19253
|
|
|
19350
|
-
function _extends$
|
|
19254
|
+
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); }
|
|
19351
19255
|
|
|
19352
19256
|
function SvgInfoCircle(props) {
|
|
19353
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
19257
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
|
|
19354
19258
|
xmlns: "http://www.w3.org/2000/svg",
|
|
19355
19259
|
className: "plc-w-5 plc-h-5",
|
|
19356
19260
|
fill: "none",
|
|
19357
19261
|
viewBox: "0 0 24 24",
|
|
19358
19262
|
stroke: "currentColor"
|
|
19359
|
-
}, props), _path$
|
|
19263
|
+
}, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
|
|
19360
19264
|
strokeLinecap: "round",
|
|
19361
19265
|
strokeLinejoin: "round",
|
|
19362
19266
|
strokeWidth: 2,
|
|
@@ -19427,7 +19331,7 @@ const GiftCreateStartDate = props => {
|
|
|
19427
19331
|
const {
|
|
19428
19332
|
dispatch,
|
|
19429
19333
|
state
|
|
19430
|
-
} = React.useContext(store$
|
|
19334
|
+
} = React.useContext(store$6);
|
|
19431
19335
|
|
|
19432
19336
|
const handleInputChange = value => {
|
|
19433
19337
|
dispatch({
|
|
@@ -19500,7 +19404,7 @@ function GiftCreateMessage(props) {
|
|
|
19500
19404
|
const {
|
|
19501
19405
|
dispatch,
|
|
19502
19406
|
state
|
|
19503
|
-
} = React.useContext(store$
|
|
19407
|
+
} = React.useContext(store$6);
|
|
19504
19408
|
const MAX_CHARS_COUNT = 200;
|
|
19505
19409
|
const remainingCharsCount = (_ref = MAX_CHARS_COUNT - ((_state$giftMessage = state.giftMessage) === null || _state$giftMessage === void 0 ? void 0 : _state$giftMessage.length)) !== null && _ref !== void 0 ? _ref : 0;
|
|
19506
19410
|
|
|
@@ -19624,7 +19528,7 @@ const GiftCreateModal = ({
|
|
|
19624
19528
|
};
|
|
19625
19529
|
GiftCreateModal.viewId = "gift-create";
|
|
19626
19530
|
|
|
19627
|
-
const initialState$
|
|
19531
|
+
const initialState$5 = {
|
|
19628
19532
|
giftCode: "",
|
|
19629
19533
|
buttonDisabled: true,
|
|
19630
19534
|
alert: {
|
|
@@ -19632,10 +19536,10 @@ const initialState$6 = {
|
|
|
19632
19536
|
content: ""
|
|
19633
19537
|
}
|
|
19634
19538
|
};
|
|
19635
|
-
const store$
|
|
19539
|
+
const store$5 = /*#__PURE__*/React.createContext(initialState$5);
|
|
19636
19540
|
const {
|
|
19637
|
-
Provider: Provider$
|
|
19638
|
-
} = store$
|
|
19541
|
+
Provider: Provider$5
|
|
19542
|
+
} = store$5;
|
|
19639
19543
|
|
|
19640
19544
|
const GiftRedeemContainer = ({
|
|
19641
19545
|
style,
|
|
@@ -19700,21 +19604,21 @@ const GiftRedeemContainer = ({
|
|
|
19700
19604
|
default:
|
|
19701
19605
|
return state;
|
|
19702
19606
|
}
|
|
19703
|
-
}, initialState$
|
|
19607
|
+
}, initialState$5);
|
|
19704
19608
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
19705
19609
|
style: { ...style
|
|
19706
19610
|
},
|
|
19707
19611
|
className: `pelcro-container pelcro-gift-redeem-container ${className}`
|
|
19708
|
-
}, /*#__PURE__*/React__default['default'].createElement(Provider$
|
|
19612
|
+
}, /*#__PURE__*/React__default['default'].createElement(Provider$5, {
|
|
19709
19613
|
value: {
|
|
19710
19614
|
state,
|
|
19711
19615
|
dispatch
|
|
19712
19616
|
}
|
|
19713
19617
|
}, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
19714
|
-
store: store$
|
|
19618
|
+
store: store$5,
|
|
19715
19619
|
key: i
|
|
19716
19620
|
})) : /*#__PURE__*/React__default['default'].cloneElement(children, {
|
|
19717
|
-
store: store$
|
|
19621
|
+
store: store$5
|
|
19718
19622
|
})));
|
|
19719
19623
|
};
|
|
19720
19624
|
|
|
@@ -19751,7 +19655,7 @@ function GiftCode({
|
|
|
19751
19655
|
}
|
|
19752
19656
|
|
|
19753
19657
|
const GiftRedeemCode = props => /*#__PURE__*/React__default['default'].createElement(GiftCode, Object.assign({
|
|
19754
|
-
store: store$
|
|
19658
|
+
store: store$5
|
|
19755
19659
|
}, props));
|
|
19756
19660
|
|
|
19757
19661
|
const GiftRedeemSubmitButton = ({
|
|
@@ -19764,7 +19668,7 @@ const GiftRedeemSubmitButton = ({
|
|
|
19764
19668
|
state: {
|
|
19765
19669
|
disableSubmit
|
|
19766
19670
|
}
|
|
19767
|
-
} = React.useContext(store$
|
|
19671
|
+
} = React.useContext(store$5);
|
|
19768
19672
|
const {
|
|
19769
19673
|
t
|
|
19770
19674
|
} = useTranslation("register");
|
|
@@ -19857,7 +19761,7 @@ const moveDefaultAddressToStart = addresses => {
|
|
|
19857
19761
|
return [defaultAddress, ...addressesWithoutDefault];
|
|
19858
19762
|
};
|
|
19859
19763
|
|
|
19860
|
-
const initialState$
|
|
19764
|
+
const initialState$4 = {
|
|
19861
19765
|
addresses: [],
|
|
19862
19766
|
selectedAddressId: null,
|
|
19863
19767
|
isSubmitting: false,
|
|
@@ -19866,10 +19770,10 @@ const initialState$5 = {
|
|
|
19866
19770
|
content: ""
|
|
19867
19771
|
}
|
|
19868
19772
|
};
|
|
19869
|
-
const store$
|
|
19773
|
+
const store$4 = /*#__PURE__*/React.createContext(initialState$4);
|
|
19870
19774
|
const {
|
|
19871
|
-
Provider: Provider$
|
|
19872
|
-
} = store$
|
|
19775
|
+
Provider: Provider$4
|
|
19776
|
+
} = store$4;
|
|
19873
19777
|
|
|
19874
19778
|
const AddressSelectContainer = ({
|
|
19875
19779
|
style,
|
|
@@ -19964,7 +19868,7 @@ const AddressSelectContainer = ({
|
|
|
19964
19868
|
default:
|
|
19965
19869
|
return state;
|
|
19966
19870
|
}
|
|
19967
|
-
}, initialState$
|
|
19871
|
+
}, initialState$4);
|
|
19968
19872
|
React.useEffect(() => {
|
|
19969
19873
|
var _window$Pelcro$user$r;
|
|
19970
19874
|
|
|
@@ -19977,16 +19881,16 @@ const AddressSelectContainer = ({
|
|
|
19977
19881
|
style: { ...style
|
|
19978
19882
|
},
|
|
19979
19883
|
className: `pelcro-container pelcro-address-select-container ${className}`
|
|
19980
|
-
}, /*#__PURE__*/React__default['default'].createElement(Provider$
|
|
19884
|
+
}, /*#__PURE__*/React__default['default'].createElement(Provider$4, {
|
|
19981
19885
|
value: {
|
|
19982
19886
|
state,
|
|
19983
19887
|
dispatch
|
|
19984
19888
|
}
|
|
19985
19889
|
}, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
19986
|
-
store: store$
|
|
19890
|
+
store: store$4,
|
|
19987
19891
|
key: i
|
|
19988
19892
|
})) : /*#__PURE__*/React__default['default'].cloneElement(children, {
|
|
19989
|
-
store: store$
|
|
19893
|
+
store: store$4
|
|
19990
19894
|
})));
|
|
19991
19895
|
};
|
|
19992
19896
|
|
|
@@ -19997,7 +19901,7 @@ const AddressSelectList = () => {
|
|
|
19997
19901
|
addresses,
|
|
19998
19902
|
selectedAddressId
|
|
19999
19903
|
}
|
|
20000
|
-
} = React.useContext(store$
|
|
19904
|
+
} = React.useContext(store$4);
|
|
20001
19905
|
|
|
20002
19906
|
const handleAddressSelect = event => {
|
|
20003
19907
|
dispatch({
|
|
@@ -20041,7 +19945,7 @@ const AddressSelectSubmit = ({
|
|
|
20041
19945
|
selectedAddressId,
|
|
20042
19946
|
isSubmitting
|
|
20043
19947
|
}
|
|
20044
|
-
} = React.useContext(store$
|
|
19948
|
+
} = React.useContext(store$4);
|
|
20045
19949
|
const {
|
|
20046
19950
|
t
|
|
20047
19951
|
} = useTranslation("address");
|
|
@@ -20137,7 +20041,7 @@ const moveDefaultPaymentMethodToStart = paymentMethods => {
|
|
|
20137
20041
|
return [defaultPaymentMethod, ...paymentMethodsWithoutDefault];
|
|
20138
20042
|
};
|
|
20139
20043
|
|
|
20140
|
-
const initialState$
|
|
20044
|
+
const initialState$3 = {
|
|
20141
20045
|
paymentMethods: [],
|
|
20142
20046
|
selectedPaymentMethodId: null,
|
|
20143
20047
|
isSubmitting: false,
|
|
@@ -20146,10 +20050,10 @@ const initialState$4 = {
|
|
|
20146
20050
|
content: ""
|
|
20147
20051
|
}
|
|
20148
20052
|
};
|
|
20149
|
-
const store$
|
|
20053
|
+
const store$3 = /*#__PURE__*/React.createContext(initialState$3);
|
|
20150
20054
|
const {
|
|
20151
|
-
Provider: Provider$
|
|
20152
|
-
} = store$
|
|
20055
|
+
Provider: Provider$3
|
|
20056
|
+
} = store$3;
|
|
20153
20057
|
|
|
20154
20058
|
const PaymentMethodSelectContainer = ({
|
|
20155
20059
|
style,
|
|
@@ -20208,7 +20112,7 @@ const PaymentMethodSelectContainer = ({
|
|
|
20208
20112
|
default:
|
|
20209
20113
|
return state;
|
|
20210
20114
|
}
|
|
20211
|
-
}, initialState$
|
|
20115
|
+
}, initialState$3);
|
|
20212
20116
|
React.useEffect(() => {
|
|
20213
20117
|
var _window$Pelcro$user$r3;
|
|
20214
20118
|
|
|
@@ -20221,16 +20125,16 @@ const PaymentMethodSelectContainer = ({
|
|
|
20221
20125
|
style: { ...style
|
|
20222
20126
|
},
|
|
20223
20127
|
className: `pelcro-container pelcro-payment-select-container ${className}`
|
|
20224
|
-
}, /*#__PURE__*/React__default['default'].createElement(Provider$
|
|
20128
|
+
}, /*#__PURE__*/React__default['default'].createElement(Provider$3, {
|
|
20225
20129
|
value: {
|
|
20226
20130
|
state,
|
|
20227
20131
|
dispatch
|
|
20228
20132
|
}
|
|
20229
20133
|
}, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
20230
|
-
store: store$
|
|
20134
|
+
store: store$3,
|
|
20231
20135
|
key: i
|
|
20232
20136
|
})) : /*#__PURE__*/React__default['default'].cloneElement(children, {
|
|
20233
|
-
store: store$
|
|
20137
|
+
store: store$3
|
|
20234
20138
|
})));
|
|
20235
20139
|
};
|
|
20236
20140
|
|
|
@@ -20244,7 +20148,7 @@ const PaymentMethodSelectList = () => {
|
|
|
20244
20148
|
paymentMethods,
|
|
20245
20149
|
selectedPaymentMethodId
|
|
20246
20150
|
}
|
|
20247
|
-
} = React.useContext(store$
|
|
20151
|
+
} = React.useContext(store$3);
|
|
20248
20152
|
|
|
20249
20153
|
const handlePaymentMethodSelect = event => {
|
|
20250
20154
|
dispatch({
|
|
@@ -20294,7 +20198,7 @@ const PaymentMethodSelectSubmit = ({
|
|
|
20294
20198
|
selectedPaymentMethodId,
|
|
20295
20199
|
isSubmitting
|
|
20296
20200
|
}
|
|
20297
|
-
} = React.useContext(store$
|
|
20201
|
+
} = React.useContext(store$3);
|
|
20298
20202
|
return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
|
|
20299
20203
|
onClick: () => {
|
|
20300
20204
|
dispatch({
|
|
@@ -20368,8 +20272,8 @@ const PaymentMethodSelectModal = ({
|
|
|
20368
20272
|
};
|
|
20369
20273
|
PaymentMethodSelectModal.viewId = "payment-method-select";
|
|
20370
20274
|
|
|
20371
|
-
function _extends$
|
|
20372
|
-
_extends$
|
|
20275
|
+
function _extends$i() {
|
|
20276
|
+
_extends$i = Object.assign || function (target) {
|
|
20373
20277
|
for (var i = 1; i < arguments.length; i++) {
|
|
20374
20278
|
var source = arguments[i];
|
|
20375
20279
|
|
|
@@ -20383,7 +20287,7 @@ function _extends$j() {
|
|
|
20383
20287
|
return target;
|
|
20384
20288
|
};
|
|
20385
20289
|
|
|
20386
|
-
return _extends$
|
|
20290
|
+
return _extends$i.apply(this, arguments);
|
|
20387
20291
|
}
|
|
20388
20292
|
|
|
20389
20293
|
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
@@ -20567,7 +20471,7 @@ function render(props, propsBag, defaultTag, features, visible) {
|
|
|
20567
20471
|
return match(strategy, (_match = {}, _match[RenderStrategy.Unmount] = function () {
|
|
20568
20472
|
return null;
|
|
20569
20473
|
}, _match[RenderStrategy.Hidden] = function () {
|
|
20570
|
-
return _render(_extends$
|
|
20474
|
+
return _render(_extends$i({}, _rest, {
|
|
20571
20475
|
hidden: true,
|
|
20572
20476
|
style: {
|
|
20573
20477
|
display: 'none'
|
|
@@ -21095,7 +20999,7 @@ function TransitionChild(props) {
|
|
|
21095
20999
|
var passthroughProps = rest;
|
|
21096
21000
|
return React__default['default'].createElement(NestingContext.Provider, {
|
|
21097
21001
|
value: nesting
|
|
21098
|
-
}, render(_extends$
|
|
21002
|
+
}, render(_extends$i({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
|
|
21099
21003
|
}
|
|
21100
21004
|
|
|
21101
21005
|
function Transition(props) {
|
|
@@ -21139,7 +21043,7 @@ function Transition(props) {
|
|
|
21139
21043
|
value: nestingBag
|
|
21140
21044
|
}, React__default['default'].createElement(TransitionContext.Provider, {
|
|
21141
21045
|
value: transitionBag
|
|
21142
|
-
}, render(_extends$
|
|
21046
|
+
}, render(_extends$i({}, sharedProps, {
|
|
21143
21047
|
as: React.Fragment,
|
|
21144
21048
|
children: React__default['default'].createElement(TransitionChild, Object.assign({}, sharedProps, passthroughProps))
|
|
21145
21049
|
}), propsBag, React.Fragment, TransitionChildRenderFeatures, state === TreeStates.Visible)));
|
|
@@ -21266,12 +21170,12 @@ var ActionTypes;
|
|
|
21266
21170
|
})(ActionTypes || (ActionTypes = {}));
|
|
21267
21171
|
|
|
21268
21172
|
(_reducers = {}, _reducers[ActionTypes.CloseMenu] = function (state) {
|
|
21269
|
-
return _extends$
|
|
21173
|
+
return _extends$i({}, state, {
|
|
21270
21174
|
activeItemIndex: null,
|
|
21271
21175
|
menuState: MenuStates.Closed
|
|
21272
21176
|
});
|
|
21273
21177
|
}, _reducers[ActionTypes.OpenMenu] = function (state) {
|
|
21274
|
-
return _extends$
|
|
21178
|
+
return _extends$i({}, state, {
|
|
21275
21179
|
menuState: MenuStates.Open
|
|
21276
21180
|
});
|
|
21277
21181
|
}, _reducers[ActionTypes.GoToItem] = function (state, action) {
|
|
@@ -21290,7 +21194,7 @@ var ActionTypes;
|
|
|
21290
21194
|
}
|
|
21291
21195
|
});
|
|
21292
21196
|
if (state.searchQuery === '' && state.activeItemIndex === activeItemIndex) return state;
|
|
21293
|
-
return _extends$
|
|
21197
|
+
return _extends$i({}, state, {
|
|
21294
21198
|
searchQuery: '',
|
|
21295
21199
|
activeItemIndex: activeItemIndex
|
|
21296
21200
|
});
|
|
@@ -21301,19 +21205,19 @@ var ActionTypes;
|
|
|
21301
21205
|
|
|
21302
21206
|
return ((_item$dataRef$current = item.dataRef.current.textValue) == null ? void 0 : _item$dataRef$current.startsWith(searchQuery)) && !item.dataRef.current.disabled;
|
|
21303
21207
|
});
|
|
21304
|
-
if (match === -1 || match === state.activeItemIndex) return _extends$
|
|
21208
|
+
if (match === -1 || match === state.activeItemIndex) return _extends$i({}, state, {
|
|
21305
21209
|
searchQuery: searchQuery
|
|
21306
21210
|
});
|
|
21307
|
-
return _extends$
|
|
21211
|
+
return _extends$i({}, state, {
|
|
21308
21212
|
searchQuery: searchQuery,
|
|
21309
21213
|
activeItemIndex: match
|
|
21310
21214
|
});
|
|
21311
21215
|
}, _reducers[ActionTypes.ClearSearch] = function (state) {
|
|
21312
|
-
return _extends$
|
|
21216
|
+
return _extends$i({}, state, {
|
|
21313
21217
|
searchQuery: ''
|
|
21314
21218
|
});
|
|
21315
21219
|
}, _reducers[ActionTypes.RegisterItem] = function (state, action) {
|
|
21316
|
-
return _extends$
|
|
21220
|
+
return _extends$i({}, state, {
|
|
21317
21221
|
items: [].concat(state.items, [{
|
|
21318
21222
|
id: action.id,
|
|
21319
21223
|
dataRef: action.dataRef
|
|
@@ -21326,7 +21230,7 @@ var ActionTypes;
|
|
|
21326
21230
|
return a.id === action.id;
|
|
21327
21231
|
});
|
|
21328
21232
|
if (idx !== -1) nextItems.splice(idx, 1);
|
|
21329
|
-
return _extends$
|
|
21233
|
+
return _extends$i({}, state, {
|
|
21330
21234
|
items: nextItems,
|
|
21331
21235
|
activeItemIndex: function () {
|
|
21332
21236
|
if (idx === state.activeItemIndex) return null;
|
|
@@ -21365,19 +21269,19 @@ var ActionTypes$1;
|
|
|
21365
21269
|
(_reducers$1 = {}, _reducers$1[ActionTypes$1.CloseListbox] = function (state) {
|
|
21366
21270
|
if (state.disabled) return state;
|
|
21367
21271
|
if (state.listboxState === ListboxStates.Closed) return state;
|
|
21368
|
-
return _extends$
|
|
21272
|
+
return _extends$i({}, state, {
|
|
21369
21273
|
activeOptionIndex: null,
|
|
21370
21274
|
listboxState: ListboxStates.Closed
|
|
21371
21275
|
});
|
|
21372
21276
|
}, _reducers$1[ActionTypes$1.OpenListbox] = function (state) {
|
|
21373
21277
|
if (state.disabled) return state;
|
|
21374
21278
|
if (state.listboxState === ListboxStates.Open) return state;
|
|
21375
|
-
return _extends$
|
|
21279
|
+
return _extends$i({}, state, {
|
|
21376
21280
|
listboxState: ListboxStates.Open
|
|
21377
21281
|
});
|
|
21378
21282
|
}, _reducers$1[ActionTypes$1.SetDisabled] = function (state, action) {
|
|
21379
21283
|
if (state.disabled === action.disabled) return state;
|
|
21380
|
-
return _extends$
|
|
21284
|
+
return _extends$i({}, state, {
|
|
21381
21285
|
disabled: action.disabled
|
|
21382
21286
|
});
|
|
21383
21287
|
}, _reducers$1[ActionTypes$1.GoToOption] = function (state, action) {
|
|
@@ -21398,7 +21302,7 @@ var ActionTypes$1;
|
|
|
21398
21302
|
}
|
|
21399
21303
|
});
|
|
21400
21304
|
if (state.searchQuery === '' && state.activeOptionIndex === activeOptionIndex) return state;
|
|
21401
|
-
return _extends$
|
|
21305
|
+
return _extends$i({}, state, {
|
|
21402
21306
|
searchQuery: '',
|
|
21403
21307
|
activeOptionIndex: activeOptionIndex
|
|
21404
21308
|
});
|
|
@@ -21411,10 +21315,10 @@ var ActionTypes$1;
|
|
|
21411
21315
|
|
|
21412
21316
|
return !option.dataRef.current.disabled && ((_option$dataRef$curre = option.dataRef.current.textValue) == null ? void 0 : _option$dataRef$curre.startsWith(searchQuery));
|
|
21413
21317
|
});
|
|
21414
|
-
if (match === -1 || match === state.activeOptionIndex) return _extends$
|
|
21318
|
+
if (match === -1 || match === state.activeOptionIndex) return _extends$i({}, state, {
|
|
21415
21319
|
searchQuery: searchQuery
|
|
21416
21320
|
});
|
|
21417
|
-
return _extends$
|
|
21321
|
+
return _extends$i({}, state, {
|
|
21418
21322
|
searchQuery: searchQuery,
|
|
21419
21323
|
activeOptionIndex: match
|
|
21420
21324
|
});
|
|
@@ -21422,11 +21326,11 @@ var ActionTypes$1;
|
|
|
21422
21326
|
if (state.disabled) return state;
|
|
21423
21327
|
if (state.listboxState === ListboxStates.Closed) return state;
|
|
21424
21328
|
if (state.searchQuery === '') return state;
|
|
21425
|
-
return _extends$
|
|
21329
|
+
return _extends$i({}, state, {
|
|
21426
21330
|
searchQuery: ''
|
|
21427
21331
|
});
|
|
21428
21332
|
}, _reducers$1[ActionTypes$1.RegisterOption] = function (state, action) {
|
|
21429
|
-
return _extends$
|
|
21333
|
+
return _extends$i({}, state, {
|
|
21430
21334
|
options: [].concat(state.options, [{
|
|
21431
21335
|
id: action.id,
|
|
21432
21336
|
dataRef: action.dataRef
|
|
@@ -21439,7 +21343,7 @@ var ActionTypes$1;
|
|
|
21439
21343
|
return a.id === action.id;
|
|
21440
21344
|
});
|
|
21441
21345
|
if (idx !== -1) nextOptions.splice(idx, 1);
|
|
21442
|
-
return _extends$
|
|
21346
|
+
return _extends$i({}, state, {
|
|
21443
21347
|
options: nextOptions,
|
|
21444
21348
|
activeOptionIndex: function () {
|
|
21445
21349
|
if (idx === state.activeOptionIndex) return null;
|
|
@@ -21500,18 +21404,18 @@ const getPaymentCardIcon = name => {
|
|
|
21500
21404
|
}));
|
|
21501
21405
|
};
|
|
21502
21406
|
|
|
21503
|
-
var _path$
|
|
21407
|
+
var _path$g;
|
|
21504
21408
|
|
|
21505
|
-
function _extends$
|
|
21409
|
+
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); }
|
|
21506
21410
|
|
|
21507
21411
|
function SvgChevronRight(props) {
|
|
21508
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
21412
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
|
|
21509
21413
|
className: "plc-w-6 plc-h-6",
|
|
21510
21414
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21511
21415
|
fill: "none",
|
|
21512
21416
|
viewBox: "0 0 24 24",
|
|
21513
21417
|
stroke: "currentColor"
|
|
21514
|
-
}, props), _path$
|
|
21418
|
+
}, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21515
21419
|
strokeLinecap: "round",
|
|
21516
21420
|
strokeLinejoin: "round",
|
|
21517
21421
|
strokeWidth: 2,
|
|
@@ -21727,18 +21631,18 @@ const SavedItems = ({
|
|
|
21727
21631
|
});
|
|
21728
21632
|
};
|
|
21729
21633
|
|
|
21730
|
-
var _path$
|
|
21634
|
+
var _path$f;
|
|
21731
21635
|
|
|
21732
|
-
function _extends$
|
|
21636
|
+
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); }
|
|
21733
21637
|
|
|
21734
21638
|
function SvgRefresh(props) {
|
|
21735
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
21639
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
|
|
21736
21640
|
className: "plc-w-4 plc-h-4 plc-mr-1",
|
|
21737
21641
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21738
21642
|
fill: "none",
|
|
21739
21643
|
viewBox: "0 0 24 24",
|
|
21740
21644
|
stroke: "currentColor"
|
|
21741
|
-
}, props), _path$
|
|
21645
|
+
}, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21742
21646
|
strokeLinecap: "round",
|
|
21743
21647
|
strokeLinejoin: "round",
|
|
21744
21648
|
strokeWidth: 2,
|
|
@@ -21746,35 +21650,35 @@ function SvgRefresh(props) {
|
|
|
21746
21650
|
})));
|
|
21747
21651
|
}
|
|
21748
21652
|
|
|
21749
|
-
var _path$
|
|
21653
|
+
var _path$e;
|
|
21750
21654
|
|
|
21751
|
-
function _extends$
|
|
21655
|
+
function _extends$f() { _extends$f = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
|
|
21752
21656
|
|
|
21753
21657
|
function SvgCalendar(props) {
|
|
21754
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
21658
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
|
|
21755
21659
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21756
21660
|
className: "plc-h-4 plc-w-4 plc-mr-1",
|
|
21757
21661
|
viewBox: "0 0 20 20",
|
|
21758
21662
|
fill: "currentColor"
|
|
21759
|
-
}, props), _path$
|
|
21663
|
+
}, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21760
21664
|
fillRule: "evenodd",
|
|
21761
21665
|
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",
|
|
21762
21666
|
clipRule: "evenodd"
|
|
21763
21667
|
})));
|
|
21764
21668
|
}
|
|
21765
21669
|
|
|
21766
|
-
var _path$
|
|
21670
|
+
var _path$d;
|
|
21767
21671
|
|
|
21768
|
-
function _extends$
|
|
21672
|
+
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); }
|
|
21769
21673
|
|
|
21770
21674
|
function SvgPlus(props) {
|
|
21771
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
21675
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
|
|
21772
21676
|
className: "plc-w-5 plc-h-5",
|
|
21773
21677
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21774
21678
|
fill: "none",
|
|
21775
21679
|
viewBox: "0 0 24 24",
|
|
21776
21680
|
stroke: "currentColor"
|
|
21777
|
-
}, props), _path$
|
|
21681
|
+
}, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21778
21682
|
strokeLinecap: "round",
|
|
21779
21683
|
strokeLinejoin: "round",
|
|
21780
21684
|
strokeWidth: 2,
|
|
@@ -21782,17 +21686,17 @@ function SvgPlus(props) {
|
|
|
21782
21686
|
})));
|
|
21783
21687
|
}
|
|
21784
21688
|
|
|
21785
|
-
var _path$
|
|
21689
|
+
var _path$c;
|
|
21786
21690
|
|
|
21787
|
-
function _extends$
|
|
21691
|
+
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); }
|
|
21788
21692
|
|
|
21789
21693
|
function SvgCheckMark(props) {
|
|
21790
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
21694
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
|
|
21791
21695
|
className: "plc-w-4 plc-h-4 plc-mr-1",
|
|
21792
21696
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21793
21697
|
viewBox: "0 0 20 20",
|
|
21794
21698
|
fill: "currentColor"
|
|
21795
|
-
}, props), _path$
|
|
21699
|
+
}, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
|
|
21796
21700
|
fillRule: "evenodd",
|
|
21797
21701
|
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",
|
|
21798
21702
|
clipRule: "evenodd"
|
|
@@ -21856,8 +21760,7 @@ const SubscriptionsItems = ({
|
|
|
21856
21760
|
} = useTranslation("dashboard");
|
|
21857
21761
|
const {
|
|
21858
21762
|
switchView,
|
|
21859
|
-
|
|
21860
|
-
switchToPaymentView
|
|
21763
|
+
isAuthenticated
|
|
21861
21764
|
} = usePelcro();
|
|
21862
21765
|
const subs = getNonDonationSubs();
|
|
21863
21766
|
if (subs.length === 0) return null;
|
|
@@ -21899,12 +21802,7 @@ const SubscriptionsItems = ({
|
|
|
21899
21802
|
const plan = window.Pelcro.plan.getById(plan_id);
|
|
21900
21803
|
setProductAndPlan(product, plan);
|
|
21901
21804
|
setSubscriptionIdToRenew(sub.id);
|
|
21902
|
-
|
|
21903
|
-
if (product.address_required) {
|
|
21904
|
-
return switchToAddressView();
|
|
21905
|
-
}
|
|
21906
|
-
|
|
21907
|
-
return switchToPaymentView();
|
|
21805
|
+
setView("plan-select");
|
|
21908
21806
|
};
|
|
21909
21807
|
|
|
21910
21808
|
const getPhases = () => {
|
|
@@ -22093,18 +21991,18 @@ Accordion.item = function AccordionItem({
|
|
|
22093
21991
|
}, content)) : null;
|
|
22094
21992
|
};
|
|
22095
21993
|
|
|
22096
|
-
var _path$
|
|
21994
|
+
var _path$b;
|
|
22097
21995
|
|
|
22098
|
-
function _extends$
|
|
21996
|
+
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); }
|
|
22099
21997
|
|
|
22100
21998
|
function SvgExit(props) {
|
|
22101
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
21999
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
|
|
22102
22000
|
className: "plc-w-6 plc-h-6",
|
|
22103
22001
|
xmlns: "http://www.w3.org/2000/svg",
|
|
22104
22002
|
fill: "none",
|
|
22105
22003
|
viewBox: "0 0 24 24",
|
|
22106
22004
|
stroke: "currentColor"
|
|
22107
|
-
}, props), _path$
|
|
22005
|
+
}, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
|
|
22108
22006
|
strokeLinecap: "round",
|
|
22109
22007
|
strokeLinejoin: "round",
|
|
22110
22008
|
strokeWidth: 2,
|
|
@@ -22112,17 +22010,17 @@ function SvgExit(props) {
|
|
|
22112
22010
|
})));
|
|
22113
22011
|
}
|
|
22114
22012
|
|
|
22115
|
-
var _path$
|
|
22013
|
+
var _path$a;
|
|
22116
22014
|
|
|
22117
|
-
function _extends$
|
|
22015
|
+
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); }
|
|
22118
22016
|
|
|
22119
22017
|
function SvgUser(props) {
|
|
22120
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
22018
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
|
|
22121
22019
|
xmlns: "http://www.w3.org/2000/svg",
|
|
22122
22020
|
fill: "none",
|
|
22123
22021
|
viewBox: "0 0 24 24",
|
|
22124
22022
|
stroke: "currentColor"
|
|
22125
|
-
}, props), _path$
|
|
22023
|
+
}, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
|
|
22126
22024
|
strokeLinecap: "round",
|
|
22127
22025
|
strokeLinejoin: "round",
|
|
22128
22026
|
strokeWidth: 2,
|
|
@@ -22130,18 +22028,18 @@ function SvgUser(props) {
|
|
|
22130
22028
|
})));
|
|
22131
22029
|
}
|
|
22132
22030
|
|
|
22133
|
-
var _path$
|
|
22031
|
+
var _path$9;
|
|
22134
22032
|
|
|
22135
|
-
function _extends$
|
|
22033
|
+
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); }
|
|
22136
22034
|
|
|
22137
22035
|
function SvgNewsletter(props) {
|
|
22138
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
22036
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
|
|
22139
22037
|
xmlns: "http://www.w3.org/2000/svg",
|
|
22140
22038
|
className: "plc-h-5 plc-w-5",
|
|
22141
22039
|
fill: "none",
|
|
22142
22040
|
viewBox: "0 0 24 24",
|
|
22143
22041
|
stroke: "currentColor"
|
|
22144
|
-
}, props), _path$
|
|
22042
|
+
}, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
22145
22043
|
strokeLinecap: "round",
|
|
22146
22044
|
strokeLinejoin: "round",
|
|
22147
22045
|
strokeWidth: 2,
|
|
@@ -22149,18 +22047,18 @@ function SvgNewsletter(props) {
|
|
|
22149
22047
|
})));
|
|
22150
22048
|
}
|
|
22151
22049
|
|
|
22152
|
-
var _path$
|
|
22050
|
+
var _path$8;
|
|
22153
22051
|
|
|
22154
|
-
function _extends$
|
|
22052
|
+
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); }
|
|
22155
22053
|
|
|
22156
22054
|
function SvgDocument(props) {
|
|
22157
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
22055
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
|
|
22158
22056
|
xmlns: "http://www.w3.org/2000/svg",
|
|
22159
22057
|
className: "plc-h-6 plc-w-6 plc-mr-2",
|
|
22160
22058
|
fill: "none",
|
|
22161
22059
|
viewBox: "0 0 24 24",
|
|
22162
22060
|
stroke: "currentColor"
|
|
22163
|
-
}, props), _path$
|
|
22061
|
+
}, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
22164
22062
|
strokeLinecap: "round",
|
|
22165
22063
|
strokeLinejoin: "round",
|
|
22166
22064
|
strokeWidth: 2,
|
|
@@ -22168,18 +22066,18 @@ function SvgDocument(props) {
|
|
|
22168
22066
|
})));
|
|
22169
22067
|
}
|
|
22170
22068
|
|
|
22171
|
-
var _path$
|
|
22069
|
+
var _path$7;
|
|
22172
22070
|
|
|
22173
|
-
function _extends$
|
|
22071
|
+
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); }
|
|
22174
22072
|
|
|
22175
22073
|
function SvgPaymentCard(props) {
|
|
22176
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
22074
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
|
|
22177
22075
|
className: "plc-w-6 plc-h-6 plc-mr-2",
|
|
22178
22076
|
xmlns: "http://www.w3.org/2000/svg",
|
|
22179
22077
|
fill: "none",
|
|
22180
22078
|
viewBox: "0 0 24 24",
|
|
22181
22079
|
stroke: "currentColor"
|
|
22182
|
-
}, props), _path$
|
|
22080
|
+
}, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
22183
22081
|
strokeLinecap: "round",
|
|
22184
22082
|
strokeLinejoin: "round",
|
|
22185
22083
|
strokeWidth: 2,
|
|
@@ -22187,18 +22085,18 @@ function SvgPaymentCard(props) {
|
|
|
22187
22085
|
})));
|
|
22188
22086
|
}
|
|
22189
22087
|
|
|
22190
|
-
var _path$
|
|
22088
|
+
var _path$6, _path2$1;
|
|
22191
22089
|
|
|
22192
|
-
function _extends$
|
|
22090
|
+
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); }
|
|
22193
22091
|
|
|
22194
22092
|
function SvgLocationPin(props) {
|
|
22195
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
22093
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
|
|
22196
22094
|
className: "plc-w-6 plc-h-6 plc-mr-2",
|
|
22197
22095
|
xmlns: "http://www.w3.org/2000/svg",
|
|
22198
22096
|
fill: "none",
|
|
22199
22097
|
viewBox: "0 0 24 24",
|
|
22200
22098
|
stroke: "currentColor"
|
|
22201
|
-
}, props), _path$
|
|
22099
|
+
}, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
22202
22100
|
strokeLinecap: "round",
|
|
22203
22101
|
strokeLinejoin: "round",
|
|
22204
22102
|
strokeWidth: 2,
|
|
@@ -22213,10 +22111,10 @@ function SvgLocationPin(props) {
|
|
|
22213
22111
|
|
|
22214
22112
|
var _switch;
|
|
22215
22113
|
|
|
22216
|
-
function _extends$
|
|
22114
|
+
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); }
|
|
22217
22115
|
|
|
22218
22116
|
function SvgSubscription(props) {
|
|
22219
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
22117
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
|
|
22220
22118
|
xmlns: "http://www.w3.org/2000/svg",
|
|
22221
22119
|
viewBox: "0 0 100 125",
|
|
22222
22120
|
fill: "currentColor"
|
|
@@ -22231,18 +22129,18 @@ function SvgSubscription(props) {
|
|
|
22231
22129
|
}))))));
|
|
22232
22130
|
}
|
|
22233
22131
|
|
|
22234
|
-
var _path$
|
|
22132
|
+
var _path$5;
|
|
22235
22133
|
|
|
22236
|
-
function _extends$
|
|
22134
|
+
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); }
|
|
22237
22135
|
|
|
22238
22136
|
function SvgShopping(props) {
|
|
22239
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
22137
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
|
|
22240
22138
|
className: "plc-w-6 plc-h-6 plc-mr-2",
|
|
22241
22139
|
xmlns: "http://www.w3.org/2000/svg",
|
|
22242
22140
|
fill: "none",
|
|
22243
22141
|
viewBox: "0 0 24 24",
|
|
22244
22142
|
stroke: "currentColor"
|
|
22245
|
-
}, props), _path$
|
|
22143
|
+
}, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
22246
22144
|
strokeLinecap: "round",
|
|
22247
22145
|
strokeLinejoin: "round",
|
|
22248
22146
|
strokeWidth: 2,
|
|
@@ -22250,18 +22148,18 @@ function SvgShopping(props) {
|
|
|
22250
22148
|
})));
|
|
22251
22149
|
}
|
|
22252
22150
|
|
|
22253
|
-
var _path$
|
|
22151
|
+
var _path$4;
|
|
22254
22152
|
|
|
22255
|
-
function _extends$
|
|
22153
|
+
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); }
|
|
22256
22154
|
|
|
22257
22155
|
function SvgBookmark(props) {
|
|
22258
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
22156
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
|
|
22259
22157
|
className: "plc-w-6 plc-h-6 plc-mr-2",
|
|
22260
22158
|
xmlns: "http://www.w3.org/2000/svg",
|
|
22261
22159
|
fill: "none",
|
|
22262
22160
|
viewBox: "0 0 24 24",
|
|
22263
22161
|
stroke: "currentColor"
|
|
22264
|
-
}, props), _path$
|
|
22162
|
+
}, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
22265
22163
|
strokeLinecap: "round",
|
|
22266
22164
|
strokeLinejoin: "round",
|
|
22267
22165
|
strokeWidth: 2,
|
|
@@ -22269,33 +22167,33 @@ function SvgBookmark(props) {
|
|
|
22269
22167
|
})));
|
|
22270
22168
|
}
|
|
22271
22169
|
|
|
22272
|
-
var _path$
|
|
22170
|
+
var _path$3;
|
|
22273
22171
|
|
|
22274
|
-
function _extends$
|
|
22172
|
+
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); }
|
|
22275
22173
|
|
|
22276
22174
|
function SvgKey(props) {
|
|
22277
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
22175
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
|
|
22278
22176
|
xmlns: "http://www.w3.org/2000/svg",
|
|
22279
22177
|
viewBox: "0 0 20 20",
|
|
22280
22178
|
fill: "currentColor"
|
|
22281
|
-
}, props), _path$
|
|
22179
|
+
}, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
22282
22180
|
fillRule: "evenodd",
|
|
22283
22181
|
d: "M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z",
|
|
22284
22182
|
clipRule: "evenodd"
|
|
22285
22183
|
})));
|
|
22286
22184
|
}
|
|
22287
22185
|
|
|
22288
|
-
var _path$
|
|
22186
|
+
var _path$2;
|
|
22289
22187
|
|
|
22290
|
-
function _extends$
|
|
22188
|
+
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); }
|
|
22291
22189
|
|
|
22292
22190
|
function SvgDonate(props) {
|
|
22293
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
22191
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
|
|
22294
22192
|
width: 24,
|
|
22295
22193
|
height: 24,
|
|
22296
22194
|
fill: "currentColor",
|
|
22297
22195
|
xmlns: "http://www.w3.org/2000/svg"
|
|
22298
|
-
}, props), _path$
|
|
22196
|
+
}, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
22299
22197
|
d: "M4 21h9.62a3.995 3.995 0 003.037-1.397l5.102-5.952a1 1 0 00-.442-1.6l-1.968-.656a3.043 3.043 0 00-2.823.503l-3.185 2.547-.617-1.235A3.98 3.98 0 009.146 11H4c-1.103 0-2 .897-2 2v6c0 1.103.897 2 2 2zm0-8h5.146c.763 0 1.448.423 1.789 1.105l.447.895H7v2h6.014a.996.996 0 00.442-.11l.003-.001.004-.002h.003l.002-.001h.004l.001-.001c.009.003.003-.001.003-.001.01 0 .002-.001.002-.001h.001l.002-.001.003-.001.002-.001.002-.001.003-.001.002-.001c.003 0 .001-.001.002-.001l.003-.002.002-.001.002-.001.003-.001.002-.001h.001l.002-.001h.001l.002-.001.002-.001c.009-.001.003-.001.003-.001l.002-.001a.915.915 0 00.11-.078l4.146-3.317c.262-.208.623-.273.94-.167l.557.186-4.133 4.823a2.029 2.029 0 01-1.52.688H4v-6zM16 2h-.017c-.163.002-1.006.039-1.983.705-.951-.648-1.774-.7-1.968-.704L12.002 2h-.004c-.801 0-1.555.313-2.119.878C9.313 3.445 9 4.198 9 5s.313 1.555.861 2.104l3.414 3.586a1.006 1.006 0 001.45-.001l3.396-3.568C18.688 6.555 19 5.802 19 5s-.313-1.555-.878-2.121A2.978 2.978 0 0016.002 2H16zm1 3c0 .267-.104.518-.311.725L14 8.55l-2.707-2.843C11.104 5.518 11 5.267 11 5s.104-.518.294-.708A.977.977 0 0111.979 4c.025.001.502.032 1.067.485.081.065.163.139.247.222l.707.707.707-.707c.084-.083.166-.157.247-.222.529-.425.976-.478 1.052-.484a.987.987 0 01.701.292c.189.189.293.44.293.707z"
|
|
22300
22198
|
})));
|
|
22301
22199
|
}
|
|
@@ -22622,10 +22520,9 @@ class Dashboard extends React.Component {
|
|
|
22622
22520
|
}) => {
|
|
22623
22521
|
if (isGift) {
|
|
22624
22522
|
this.props.setProductAndPlan(null, null, true);
|
|
22625
|
-
return this.props.setView("plan-select");
|
|
22626
22523
|
}
|
|
22627
22524
|
|
|
22628
|
-
return this.props.setView("
|
|
22525
|
+
return this.props.setView("plan-select");
|
|
22629
22526
|
});
|
|
22630
22527
|
|
|
22631
22528
|
_defineProperty$3(this, "displayAddressCreate", () => {
|
|
@@ -23091,7 +22988,7 @@ const DashboardOpenButton = () => {
|
|
|
23091
22988
|
};
|
|
23092
22989
|
DashboardOpenButton.viewId = "dashboard-open";
|
|
23093
22990
|
|
|
23094
|
-
const initialState$
|
|
22991
|
+
const initialState$2 = {
|
|
23095
22992
|
imageSrc: null,
|
|
23096
22993
|
crop: {
|
|
23097
22994
|
x: 0,
|
|
@@ -23105,10 +23002,10 @@ const initialState$3 = {
|
|
|
23105
23002
|
content: ""
|
|
23106
23003
|
}
|
|
23107
23004
|
};
|
|
23108
|
-
const store$
|
|
23005
|
+
const store$2 = /*#__PURE__*/React.createContext(initialState$2);
|
|
23109
23006
|
const {
|
|
23110
|
-
Provider: Provider$
|
|
23111
|
-
} = store$
|
|
23007
|
+
Provider: Provider$2
|
|
23008
|
+
} = store$2;
|
|
23112
23009
|
|
|
23113
23010
|
const ProfilePicChangeContainer = ({
|
|
23114
23011
|
style,
|
|
@@ -23242,21 +23139,21 @@ const ProfilePicChangeContainer = ({
|
|
|
23242
23139
|
default:
|
|
23243
23140
|
return state;
|
|
23244
23141
|
}
|
|
23245
|
-
}, initialState$
|
|
23142
|
+
}, initialState$2);
|
|
23246
23143
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
23247
23144
|
style: { ...style
|
|
23248
23145
|
},
|
|
23249
23146
|
className: `pelcro-container pelcro-profile-picture-container ${className}`
|
|
23250
|
-
}, /*#__PURE__*/React__default['default'].createElement(Provider$
|
|
23147
|
+
}, /*#__PURE__*/React__default['default'].createElement(Provider$2, {
|
|
23251
23148
|
value: {
|
|
23252
23149
|
state,
|
|
23253
23150
|
dispatch
|
|
23254
23151
|
}
|
|
23255
23152
|
}, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
23256
|
-
store: store$
|
|
23153
|
+
store: store$2,
|
|
23257
23154
|
key: i
|
|
23258
23155
|
})) : /*#__PURE__*/React__default['default'].cloneElement(children, {
|
|
23259
|
-
store: store$
|
|
23156
|
+
store: store$2
|
|
23260
23157
|
})));
|
|
23261
23158
|
};
|
|
23262
23159
|
/**
|
|
@@ -23318,7 +23215,7 @@ const ProfilePicChangeButton = ({
|
|
|
23318
23215
|
isSubmitting
|
|
23319
23216
|
},
|
|
23320
23217
|
dispatch
|
|
23321
|
-
} = React.useContext(store$
|
|
23218
|
+
} = React.useContext(store$2);
|
|
23322
23219
|
const {
|
|
23323
23220
|
t
|
|
23324
23221
|
} = useTranslation("userEdit");
|
|
@@ -24686,7 +24583,7 @@ const ProfilePicChangeCropper = ({
|
|
|
24686
24583
|
zoom
|
|
24687
24584
|
},
|
|
24688
24585
|
dispatch
|
|
24689
|
-
} = React.useContext(store$
|
|
24586
|
+
} = React.useContext(store$2);
|
|
24690
24587
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
24691
24588
|
className: `plc-relative plc-w-full plc-h-52 sm:plc-h-96 ${className}`
|
|
24692
24589
|
}, /*#__PURE__*/React__default['default'].createElement(Cropper, Object.assign({
|
|
@@ -24728,7 +24625,7 @@ const ProfilePicChangeZoom = ({
|
|
|
24728
24625
|
zoom
|
|
24729
24626
|
},
|
|
24730
24627
|
dispatch
|
|
24731
|
-
} = React.useContext(store$
|
|
24628
|
+
} = React.useContext(store$2);
|
|
24732
24629
|
const {
|
|
24733
24630
|
t
|
|
24734
24631
|
} = useTranslation("userEdit");
|
|
@@ -24751,18 +24648,18 @@ const ProfilePicChangeZoom = ({
|
|
|
24751
24648
|
}, otherProps)));
|
|
24752
24649
|
};
|
|
24753
24650
|
|
|
24754
|
-
var _path$
|
|
24651
|
+
var _path$1;
|
|
24755
24652
|
|
|
24756
|
-
function _extends$
|
|
24653
|
+
function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
|
|
24757
24654
|
|
|
24758
24655
|
function SvgPhotograph(props) {
|
|
24759
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24656
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
|
|
24760
24657
|
xmlns: "http://www.w3.org/2000/svg",
|
|
24761
24658
|
className: "plc-h-6 plc-w-6",
|
|
24762
24659
|
fill: "none",
|
|
24763
24660
|
viewBox: "0 0 24 24",
|
|
24764
24661
|
stroke: "currentColor"
|
|
24765
|
-
}, props), _path$
|
|
24662
|
+
}, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
24766
24663
|
strokeLinecap: "round",
|
|
24767
24664
|
strokeLinejoin: "round",
|
|
24768
24665
|
strokeWidth: 2,
|
|
@@ -24780,7 +24677,7 @@ const ProfilePicChangeSelectButton = ({
|
|
|
24780
24677
|
state: {
|
|
24781
24678
|
isSubmitting
|
|
24782
24679
|
}
|
|
24783
|
-
} = React.useContext(store$
|
|
24680
|
+
} = React.useContext(store$2);
|
|
24784
24681
|
const {
|
|
24785
24682
|
t
|
|
24786
24683
|
} = useTranslation("userEdit");
|
|
@@ -24822,7 +24719,7 @@ const ProfilePicChangeRemoveButton = ({
|
|
|
24822
24719
|
state: {
|
|
24823
24720
|
isSubmitting
|
|
24824
24721
|
}
|
|
24825
|
-
} = React.useContext(store$
|
|
24722
|
+
} = React.useContext(store$2);
|
|
24826
24723
|
const {
|
|
24827
24724
|
t
|
|
24828
24725
|
} = useTranslation("userEdit");
|
|
@@ -24845,7 +24742,7 @@ const ProfilePicChangeWrapper = () => {
|
|
|
24845
24742
|
state: {
|
|
24846
24743
|
imageSrc
|
|
24847
24744
|
}
|
|
24848
|
-
} = React.useContext(store$
|
|
24745
|
+
} = React.useContext(store$2);
|
|
24849
24746
|
const {
|
|
24850
24747
|
t
|
|
24851
24748
|
} = useTranslation("userEdit");
|
|
@@ -24907,17 +24804,17 @@ function ProfilePicChangeModal({
|
|
|
24907
24804
|
}
|
|
24908
24805
|
ProfilePicChangeModal.viewId = "profile-picture";
|
|
24909
24806
|
|
|
24910
|
-
const initialState$
|
|
24807
|
+
const initialState$1 = {
|
|
24911
24808
|
isSubmitting: false,
|
|
24912
24809
|
alert: {
|
|
24913
24810
|
type: "error",
|
|
24914
24811
|
content: ""
|
|
24915
24812
|
}
|
|
24916
24813
|
};
|
|
24917
|
-
const store$
|
|
24814
|
+
const store$1 = /*#__PURE__*/React.createContext(initialState$1);
|
|
24918
24815
|
const {
|
|
24919
|
-
Provider: Provider$
|
|
24920
|
-
} = store$
|
|
24816
|
+
Provider: Provider$1
|
|
24817
|
+
} = store$1;
|
|
24921
24818
|
|
|
24922
24819
|
const EmailVerifyContainer = ({
|
|
24923
24820
|
style,
|
|
@@ -24980,21 +24877,21 @@ const EmailVerifyContainer = ({
|
|
|
24980
24877
|
default:
|
|
24981
24878
|
return state;
|
|
24982
24879
|
}
|
|
24983
|
-
}, initialState$
|
|
24880
|
+
}, initialState$1);
|
|
24984
24881
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
24985
24882
|
style: { ...style
|
|
24986
24883
|
},
|
|
24987
24884
|
className: `pelcro-container pelcro-email-verify-container ${className}`
|
|
24988
|
-
}, /*#__PURE__*/React__default['default'].createElement(Provider$
|
|
24885
|
+
}, /*#__PURE__*/React__default['default'].createElement(Provider$1, {
|
|
24989
24886
|
value: {
|
|
24990
24887
|
state,
|
|
24991
24888
|
dispatch
|
|
24992
24889
|
}
|
|
24993
24890
|
}, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
24994
|
-
store: store$
|
|
24891
|
+
store: store$1,
|
|
24995
24892
|
key: i
|
|
24996
24893
|
})) : /*#__PURE__*/React__default['default'].cloneElement(children, {
|
|
24997
|
-
store: store$
|
|
24894
|
+
store: store$1
|
|
24998
24895
|
})));
|
|
24999
24896
|
};
|
|
25000
24897
|
|
|
@@ -25008,7 +24905,7 @@ const EmailVerifyResendButton = ({
|
|
|
25008
24905
|
state: {
|
|
25009
24906
|
isSubmitting
|
|
25010
24907
|
}
|
|
25011
|
-
} = React.useContext(store$
|
|
24908
|
+
} = React.useContext(store$1);
|
|
25012
24909
|
const {
|
|
25013
24910
|
t
|
|
25014
24911
|
} = useTranslation("verifyEmail");
|
|
@@ -25023,16 +24920,16 @@ const EmailVerifyResendButton = ({
|
|
|
25023
24920
|
}, otherProps), name !== null && name !== void 0 ? name : t("labels.resend"));
|
|
25024
24921
|
};
|
|
25025
24922
|
|
|
25026
|
-
var _path
|
|
24923
|
+
var _path, _path2;
|
|
25027
24924
|
|
|
25028
|
-
function _extends
|
|
24925
|
+
function _extends() { _extends = 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.apply(this, arguments); }
|
|
25029
24926
|
|
|
25030
24927
|
function SvgEmailVerify(props) {
|
|
25031
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends
|
|
24928
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
25032
24929
|
className: "plc-w-6 plc-h-6",
|
|
25033
24930
|
viewBox: "0 0 700 700",
|
|
25034
24931
|
xmlns: "http://www.w3.org/2000/svg"
|
|
25035
|
-
}, props), _path
|
|
24932
|
+
}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
|
|
25036
24933
|
d: "M583.01 231.93a15.008 15.008 0 00-.887-3.875c-.562-1.254-1.129-2.508-1.695-3.762a14.686 14.686 0 00-1.898-1.789c-.438-.437-.653-1.027-1.153-1.414l-56.266-44.164v-52.484a15.555 15.555 0 00-15.554-15.555H434.56l-74.945-58.895a15.547 15.547 0 00-19.227 0l-74.945 58.895h-70.996a15.555 15.555 0 00-15.555 15.555v52.484l-56.266 44.16c-.496.39-.715.996-1.152 1.43v.004a13.37 13.37 0 00-1.898 1.773c-.22.426-.414.86-.59 1.305a14.158 14.158 0 00-1.106 2.457 15.009 15.009 0 00-.886 3.875c0 .48-.329.918-.329 1.398l.004 264.45a15.555 15.555 0 0015.555 15.555h435.55a15.555 15.555 0 0015.555-15.555v-264.45c0-.48-.278-.918-.325-1.398zm-41.176.809l-20.723 14.809v-31.11zm-191.83-150.73l34.223 26.883h-68.445zm-140 57.992h280v124.45c.07 1.593.383 3.168.934 4.664l-140.93 100.66-140.46-100.33c.214-.77.37-1.555.464-2.348zm-31.109 107.55l-20.719-14.81 20.719-16.27zm-31.113 234.67V263.56l193.18 137.99a15.562 15.562 0 0018.078 0l193.18-137.99v218.66z"
|
|
25037
24934
|
})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
25038
24935
|
d: "M324.33 291.81a15.56 15.56 0 0020.582-.297l85.555-77.777a15.56 15.56 0 00-20.938-23.023l-75.398 68.539-44.023-37.723a15.54 15.54 0 00-11.46-4.106 15.553 15.553 0 00-8.758 27.718z"
|
|
@@ -25136,11 +25033,11 @@ const invoicePaymentSubmitButton = props => {
|
|
|
25136
25033
|
return /*#__PURE__*/React__default['default'].createElement(SubmitPaymentMethod, props);
|
|
25137
25034
|
};
|
|
25138
25035
|
|
|
25139
|
-
const initialState
|
|
25140
|
-
const store
|
|
25036
|
+
const initialState = {};
|
|
25037
|
+
const store = /*#__PURE__*/React.createContext(initialState);
|
|
25141
25038
|
const {
|
|
25142
|
-
Provider
|
|
25143
|
-
} = store
|
|
25039
|
+
Provider
|
|
25040
|
+
} = store;
|
|
25144
25041
|
|
|
25145
25042
|
const InvoiceDetailsContainer = ({
|
|
25146
25043
|
style,
|
|
@@ -25161,21 +25058,21 @@ const InvoiceDetailsContainer = ({
|
|
|
25161
25058
|
default:
|
|
25162
25059
|
return state;
|
|
25163
25060
|
}
|
|
25164
|
-
}, initialState
|
|
25061
|
+
}, initialState);
|
|
25165
25062
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25166
25063
|
style: { ...style
|
|
25167
25064
|
},
|
|
25168
25065
|
className: `pelcro-container pelcro-invoice-details-container ${className}`
|
|
25169
|
-
}, /*#__PURE__*/React__default['default'].createElement(Provider
|
|
25066
|
+
}, /*#__PURE__*/React__default['default'].createElement(Provider, {
|
|
25170
25067
|
value: {
|
|
25171
25068
|
state,
|
|
25172
25069
|
dispatch
|
|
25173
25070
|
}
|
|
25174
25071
|
}, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
25175
|
-
store
|
|
25072
|
+
store,
|
|
25176
25073
|
key: i
|
|
25177
25074
|
})) : /*#__PURE__*/React__default['default'].cloneElement(children, {
|
|
25178
|
-
store
|
|
25075
|
+
store
|
|
25179
25076
|
})));
|
|
25180
25077
|
};
|
|
25181
25078
|
|
|
@@ -25207,7 +25104,7 @@ const InvoiceDetailsPayButton = ({
|
|
|
25207
25104
|
}) => {
|
|
25208
25105
|
const {
|
|
25209
25106
|
dispatch
|
|
25210
|
-
} = React.useContext(store
|
|
25107
|
+
} = React.useContext(store);
|
|
25211
25108
|
const {
|
|
25212
25109
|
t
|
|
25213
25110
|
} = useTranslation("invoiceDetails");
|
|
@@ -25312,232 +25209,6 @@ const InvoiceDetailsModal = ({
|
|
|
25312
25209
|
};
|
|
25313
25210
|
InvoiceDetailsModal.viewId = "invoice-details";
|
|
25314
25211
|
|
|
25315
|
-
const initialState = {
|
|
25316
|
-
selectedOption: ""
|
|
25317
|
-
};
|
|
25318
|
-
const store = /*#__PURE__*/React.createContext(initialState);
|
|
25319
|
-
const {
|
|
25320
|
-
Provider
|
|
25321
|
-
} = store;
|
|
25322
|
-
|
|
25323
|
-
const SubscriptionOptionsContainer = ({
|
|
25324
|
-
style,
|
|
25325
|
-
className = "",
|
|
25326
|
-
onRenewSubSuccess = () => {},
|
|
25327
|
-
onNewSubSuccess = () => {},
|
|
25328
|
-
children,
|
|
25329
|
-
...props
|
|
25330
|
-
}) => {
|
|
25331
|
-
const submit = ({
|
|
25332
|
-
selectedOption
|
|
25333
|
-
}, dispatch) => {
|
|
25334
|
-
if (selectedOption === "renew") return onRenewSubSuccess();
|
|
25335
|
-
if (selectedOption === "new") return onNewSubSuccess();
|
|
25336
|
-
};
|
|
25337
|
-
|
|
25338
|
-
const [state, dispatch] = useReducerWithSideEffects((state, action) => {
|
|
25339
|
-
switch (action.type) {
|
|
25340
|
-
case SWITCH_TO_NEW:
|
|
25341
|
-
return lib_7({ ...state,
|
|
25342
|
-
selectedOption: "new"
|
|
25343
|
-
});
|
|
25344
|
-
|
|
25345
|
-
case SWITCH_TO_RENEW:
|
|
25346
|
-
return lib_7({ ...state,
|
|
25347
|
-
selectedOption: "renew"
|
|
25348
|
-
});
|
|
25349
|
-
|
|
25350
|
-
case HANDLE_SUBMIT:
|
|
25351
|
-
return lib_4((state, dispatch) => submit(state));
|
|
25352
|
-
|
|
25353
|
-
default:
|
|
25354
|
-
return state;
|
|
25355
|
-
}
|
|
25356
|
-
}, initialState);
|
|
25357
|
-
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25358
|
-
style: { ...style
|
|
25359
|
-
},
|
|
25360
|
-
className: `pelcro-container pelcro-subscription-options-container ${className}`
|
|
25361
|
-
}, /*#__PURE__*/React__default['default'].createElement(Provider, {
|
|
25362
|
-
value: {
|
|
25363
|
-
state,
|
|
25364
|
-
dispatch
|
|
25365
|
-
}
|
|
25366
|
-
}, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
|
|
25367
|
-
store,
|
|
25368
|
-
key: i
|
|
25369
|
-
})) : /*#__PURE__*/React__default['default'].cloneElement(children, {
|
|
25370
|
-
store
|
|
25371
|
-
})));
|
|
25372
|
-
};
|
|
25373
|
-
|
|
25374
|
-
var _path;
|
|
25375
|
-
|
|
25376
|
-
function _extends() { _extends = 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.apply(this, arguments); }
|
|
25377
|
-
|
|
25378
|
-
function SvgPlusCircle(props) {
|
|
25379
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
25380
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
25381
|
-
className: "plc-h-6 plc-w-6",
|
|
25382
|
-
fill: "none",
|
|
25383
|
-
viewBox: "0 0 24 24",
|
|
25384
|
-
stroke: "currentColor",
|
|
25385
|
-
strokeWidth: 2
|
|
25386
|
-
}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
|
|
25387
|
-
strokeLinecap: "round",
|
|
25388
|
-
strokeLinejoin: "round",
|
|
25389
|
-
d: "M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
25390
|
-
})));
|
|
25391
|
-
}
|
|
25392
|
-
|
|
25393
|
-
const SubscriptionOptionsNewButton = ({
|
|
25394
|
-
name,
|
|
25395
|
-
onClick,
|
|
25396
|
-
...otherProps
|
|
25397
|
-
}) => {
|
|
25398
|
-
const {
|
|
25399
|
-
dispatch,
|
|
25400
|
-
state: {
|
|
25401
|
-
selectedOption
|
|
25402
|
-
}
|
|
25403
|
-
} = React.useContext(store);
|
|
25404
|
-
const {
|
|
25405
|
-
t
|
|
25406
|
-
} = useTranslation("subscriptionOptions");
|
|
25407
|
-
const isChecked = selectedOption === "new";
|
|
25408
|
-
return /*#__PURE__*/React__default['default'].createElement(Radio, Object.assign({
|
|
25409
|
-
className: "plc-hidden pelcro-new-sub-option",
|
|
25410
|
-
labelClassName: `plc-flex plc-flex-col plc-items-center plc-justify-center plc-text-lg plc-font-semibold plc-ml-0 plc-w-52 plc-h-52 plc-text-black plc-p-2 hover:plc-bg-gray-200 pelcro-new-sub-option-label plc-border-2 plc-text-center ${isChecked ? "plc-border-black" : "plc-border-gray-300"}`,
|
|
25411
|
-
id: "pelcro-new-sub-option",
|
|
25412
|
-
name: "option",
|
|
25413
|
-
onChange: () => {
|
|
25414
|
-
dispatch({
|
|
25415
|
-
type: SWITCH_TO_NEW
|
|
25416
|
-
});
|
|
25417
|
-
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
25418
|
-
},
|
|
25419
|
-
checked: isChecked
|
|
25420
|
-
}, otherProps), name !== null && name !== void 0 ? name : t("addNew"), /*#__PURE__*/React__default['default'].createElement(SvgPlusCircle, {
|
|
25421
|
-
className: "plc-w-full plc-h-full plc-mr-0"
|
|
25422
|
-
}));
|
|
25423
|
-
};
|
|
25424
|
-
|
|
25425
|
-
const SubscriptionOptionsRenewButton = ({
|
|
25426
|
-
name,
|
|
25427
|
-
onClick,
|
|
25428
|
-
...otherProps
|
|
25429
|
-
}) => {
|
|
25430
|
-
const {
|
|
25431
|
-
dispatch,
|
|
25432
|
-
state: {
|
|
25433
|
-
selectedOption
|
|
25434
|
-
}
|
|
25435
|
-
} = React.useContext(store);
|
|
25436
|
-
const {
|
|
25437
|
-
t
|
|
25438
|
-
} = useTranslation("subscriptionOptions");
|
|
25439
|
-
const isChecked = selectedOption === "renew";
|
|
25440
|
-
return /*#__PURE__*/React__default['default'].createElement(Radio, Object.assign({
|
|
25441
|
-
className: "plc-hidden pelcro-renew-sub-option",
|
|
25442
|
-
labelClassName: `plc-flex plc-flex-col plc-items-center plc-justify-center plc-text-lg plc-font-semibold plc-ml-0 plc-w-52 plc-h-52 plc-text-black plc-p-2 hover:plc-bg-gray-200 pelcro-renew-sub-option-label plc-border-2 plc-text-center ${isChecked ? "plc-border-black" : "plc-border-gray-300"}`,
|
|
25443
|
-
id: "pelcro-renew-sub-option",
|
|
25444
|
-
name: "option",
|
|
25445
|
-
onChange: () => {
|
|
25446
|
-
dispatch({
|
|
25447
|
-
type: SWITCH_TO_RENEW
|
|
25448
|
-
});
|
|
25449
|
-
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
25450
|
-
},
|
|
25451
|
-
checked: isChecked
|
|
25452
|
-
}, otherProps), name !== null && name !== void 0 ? name : t("renew"), /*#__PURE__*/React__default['default'].createElement(SvgRefresh, {
|
|
25453
|
-
className: "plc-w-full plc-h-full plc-mr-0"
|
|
25454
|
-
}));
|
|
25455
|
-
};
|
|
25456
|
-
|
|
25457
|
-
const SubscriptionOptionsSubmit = ({
|
|
25458
|
-
name,
|
|
25459
|
-
onClick,
|
|
25460
|
-
...otherProps
|
|
25461
|
-
}) => {
|
|
25462
|
-
const {
|
|
25463
|
-
dispatch,
|
|
25464
|
-
state: {
|
|
25465
|
-
selectedOption
|
|
25466
|
-
}
|
|
25467
|
-
} = React.useContext(store);
|
|
25468
|
-
const {
|
|
25469
|
-
t
|
|
25470
|
-
} = useTranslation("subscriptionOptions");
|
|
25471
|
-
return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
|
|
25472
|
-
onClick: () => {
|
|
25473
|
-
dispatch({
|
|
25474
|
-
type: HANDLE_SUBMIT
|
|
25475
|
-
});
|
|
25476
|
-
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
25477
|
-
},
|
|
25478
|
-
disabled: !selectedOption
|
|
25479
|
-
}, otherProps), name !== null && name !== void 0 ? name : t("next"));
|
|
25480
|
-
};
|
|
25481
|
-
|
|
25482
|
-
const SubscriptionOptionsView = props => {
|
|
25483
|
-
const {
|
|
25484
|
-
t
|
|
25485
|
-
} = useTranslation("subscriptionOptions");
|
|
25486
|
-
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25487
|
-
id: "pelcro-subscription-options-view"
|
|
25488
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25489
|
-
className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
|
|
25490
|
-
}, /*#__PURE__*/React__default['default'].createElement("h4", {
|
|
25491
|
-
className: "plc-text-2xl plc-font-semibold"
|
|
25492
|
-
}, t("title")), /*#__PURE__*/React__default['default'].createElement("p", null, t("subtitle"))), /*#__PURE__*/React__default['default'].createElement("form", {
|
|
25493
|
-
action: "javascript:void(0);",
|
|
25494
|
-
className: "plc-mt-2 pelcro-form"
|
|
25495
|
-
}, /*#__PURE__*/React__default['default'].createElement(SubscriptionOptionsContainer, props, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25496
|
-
className: "plc-flex plc-justify-between plc-items-center"
|
|
25497
|
-
}, /*#__PURE__*/React__default['default'].createElement(SubscriptionOptionsRenewButton, null), /*#__PURE__*/React__default['default'].createElement(SubscriptionOptionsNewButton, null)), /*#__PURE__*/React__default['default'].createElement(SubscriptionOptionsSubmit, {
|
|
25498
|
-
role: "submit",
|
|
25499
|
-
className: "plc-mt-4 plc-w-full",
|
|
25500
|
-
name: t("next"),
|
|
25501
|
-
id: "pelcro-submit"
|
|
25502
|
-
}))));
|
|
25503
|
-
};
|
|
25504
|
-
|
|
25505
|
-
const SubscriptionOptionsModal = ({
|
|
25506
|
-
onDisplay,
|
|
25507
|
-
onClose,
|
|
25508
|
-
...otherProps
|
|
25509
|
-
}) => {
|
|
25510
|
-
const {
|
|
25511
|
-
switchView,
|
|
25512
|
-
setProductsList
|
|
25513
|
-
} = usePelcro();
|
|
25514
|
-
|
|
25515
|
-
const onRenewSubSuccess = () => {
|
|
25516
|
-
var _otherProps$onRenewSu;
|
|
25517
|
-
|
|
25518
|
-
(_otherProps$onRenewSu = otherProps.onRenewSubSuccess) === null || _otherProps$onRenewSu === void 0 ? void 0 : _otherProps$onRenewSu.call(otherProps);
|
|
25519
|
-
setProductsList(getRenewableProducts());
|
|
25520
|
-
switchView("_plan-select-renew");
|
|
25521
|
-
};
|
|
25522
|
-
|
|
25523
|
-
const onNewSubSuccess = () => {
|
|
25524
|
-
var _otherProps$onNewSubS;
|
|
25525
|
-
|
|
25526
|
-
(_otherProps$onNewSubS = otherProps.onNewSubSuccess) === null || _otherProps$onNewSubS === void 0 ? void 0 : _otherProps$onNewSubS.call(otherProps);
|
|
25527
|
-
switchView("plan-select");
|
|
25528
|
-
};
|
|
25529
|
-
|
|
25530
|
-
return /*#__PURE__*/React__default['default'].createElement(Modal, {
|
|
25531
|
-
onDisplay: onDisplay,
|
|
25532
|
-
onClose: onClose,
|
|
25533
|
-
id: "pelcro-subscription-options-modal"
|
|
25534
|
-
}, /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement(SubscriptionOptionsView, Object.assign({}, otherProps, {
|
|
25535
|
-
onNewSubSuccess: onNewSubSuccess,
|
|
25536
|
-
onRenewSubSuccess: onRenewSubSuccess
|
|
25537
|
-
}))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
|
|
25538
|
-
};
|
|
25539
|
-
SubscriptionOptionsModal.viewId = "subscription-options";
|
|
25540
|
-
|
|
25541
25212
|
exports.AddressCreateCity = AddressCreateCity;
|
|
25542
25213
|
exports.AddressCreateContainer = AddressCreateContainer;
|
|
25543
25214
|
exports.AddressCreateCountrySelect = AddressCreateCountrySelect;
|
|
@@ -25715,12 +25386,6 @@ exports.SubmitPaymentMethod = SubmitPaymentMethod;
|
|
|
25715
25386
|
exports.SubscriptionCreateContainer = SubscriptionCreateContainer;
|
|
25716
25387
|
exports.SubscriptionCreateModal = SubscriptionCreateModal;
|
|
25717
25388
|
exports.SubscriptionCreateView = SubscriptionCreateView;
|
|
25718
|
-
exports.SubscriptionOptionsContainer = SubscriptionOptionsContainer;
|
|
25719
|
-
exports.SubscriptionOptionsModal = SubscriptionOptionsModal;
|
|
25720
|
-
exports.SubscriptionOptionsNewButton = SubscriptionOptionsNewButton;
|
|
25721
|
-
exports.SubscriptionOptionsRenewButton = SubscriptionOptionsRenewButton;
|
|
25722
|
-
exports.SubscriptionOptionsSubmit = SubscriptionOptionsSubmit;
|
|
25723
|
-
exports.SubscriptionOptionsView = SubscriptionOptionsView;
|
|
25724
25389
|
exports.SubscriptionRenewContainer = SubscriptionRenewContainer;
|
|
25725
25390
|
exports.SubscriptionRenewModal = SubscriptionRenewModal;
|
|
25726
25391
|
exports.SubscriptionRenewView = SubscriptionRenewView;
|