@pelcro/react-pelcro-js 3.2.0-beta.10 → 3.2.0-beta.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -2574,7 +2574,7 @@ var voidElements = {
2574
2574
  "wbr": true
2575
2575
  };
2576
2576
 
2577
- var t$1=/\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;function n$1(n){var r={type:"tag",name:"",voidElement:!1,attrs:{},children:[]},i=n.match(/<\/?([^\s]+?)[/\s>]/);if(i&&(r.name=i[1],(voidElements[i[1]]||"/"===n.charAt(n.length-2))&&(r.voidElement=!0),r.name.startsWith("!--"))){var s=n.indexOf("--\x3e");return {type:"comment",comment:-1!==s?n.slice(4,s):""}}for(var a=new RegExp(t$1),c=null;null!==(c=a.exec(n));)if(c[0].trim())if(c[1]){var o=c[1].trim(),l=[o,""];o.indexOf("=")>-1&&(l=o.split("=")),r.attrs[l[0]]=l[1],a.lastIndex--;}else c[2]&&(r.attrs[c[2]]=c[3].trim().substring(1,c[3].length-1));return r}var r=/<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,i$1=/^\s*$/,s$1=Object.create(null);function a$1(e,t){switch(t.type){case"text":return e+t.content;case"tag":return e+="<"+t.name+(t.attrs?function(e){var t=[];for(var n in e)t.push(n+'="'+e[n]+'"');return t.length?" "+t.join(" "):""}(t.attrs):"")+(t.voidElement?"/>":">"),t.voidElement?e:e+t.children.reduce(a$1,"")+"</"+t.name+">";case"comment":return e+"\x3c!--"+t.comment+"--\x3e"}}var c$2={parse:function(e,t){t||(t={}),t.components||(t.components=s$1);var a,c=[],o=[],l=-1,m=!1;if(0!==e.indexOf("<")){var u=e.indexOf("<");c.push({type:"text",content:-1===u?e:e.substring(0,u)});}return e.replace(r,function(r,s){if(m){if(r!=="</"+a.name+">")return;m=!1;}var u,f="/"!==r.charAt(1),h=r.startsWith("\x3c!--"),p=s+r.length,d=e.charAt(p);if(h){var v=n$1(r);return l<0?(c.push(v),c):((u=o[l]).children.push(v),c)}if(f&&(l++,"tag"===(a=n$1(r)).type&&t.components[a.name]&&(a.type="component",m=!0),a.voidElement||m||!d||"<"===d||a.children.push({type:"text",content:e.slice(p,e.indexOf("<",p))}),0===l&&c.push(a),(u=o[l-1])&&u.children.push(a),o[l]=a),(!f||a.voidElement)&&(l>-1&&(a.voidElement||a.name===r.slice(2,-1))&&(l--,a=-1===l?c:o[l]),!m&&"<"!==d&&d)){u=-1===l?c:o[l].children;var x=e.indexOf("<",p),g=e.slice(p,-1===x?void 0:x);i$1.test(g)&&(g=" "),(x>-1&&l+u.length>=0||" "!==g)&&u.push({type:"text",content:g});}}),c},stringify:function(e){return e.reduce(function(e,t){return e+a$1("",t)},"")}};
2577
+ var t$2=/\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;function n$1(n){var r={type:"tag",name:"",voidElement:!1,attrs:{},children:[]},i=n.match(/<\/?([^\s]+?)[/\s>]/);if(i&&(r.name=i[1],(voidElements[i[1]]||"/"===n.charAt(n.length-2))&&(r.voidElement=!0),r.name.startsWith("!--"))){var s=n.indexOf("--\x3e");return {type:"comment",comment:-1!==s?n.slice(4,s):""}}for(var a=new RegExp(t$2),c=null;null!==(c=a.exec(n));)if(c[0].trim())if(c[1]){var o=c[1].trim(),l=[o,""];o.indexOf("=")>-1&&(l=o.split("=")),r.attrs[l[0]]=l[1],a.lastIndex--;}else c[2]&&(r.attrs[c[2]]=c[3].trim().substring(1,c[3].length-1));return r}var r=/<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,i$1=/^\s*$/,s$1=Object.create(null);function a$1(e,t){switch(t.type){case"text":return e+t.content;case"tag":return e+="<"+t.name+(t.attrs?function(e){var t=[];for(var n in e)t.push(n+'="'+e[n]+'"');return t.length?" "+t.join(" "):""}(t.attrs):"")+(t.voidElement?"/>":">"),t.voidElement?e:e+t.children.reduce(a$1,"")+"</"+t.name+">";case"comment":return e+"\x3c!--"+t.comment+"--\x3e"}}var c$2={parse:function(e,t){t||(t={}),t.components||(t.components=s$1);var a,c=[],o=[],l=-1,m=!1;if(0!==e.indexOf("<")){var u=e.indexOf("<");c.push({type:"text",content:-1===u?e:e.substring(0,u)});}return e.replace(r,function(r,s){if(m){if(r!=="</"+a.name+">")return;m=!1;}var u,f="/"!==r.charAt(1),h=r.startsWith("\x3c!--"),p=s+r.length,d=e.charAt(p);if(h){var v=n$1(r);return l<0?(c.push(v),c):((u=o[l]).children.push(v),c)}if(f&&(l++,"tag"===(a=n$1(r)).type&&t.components[a.name]&&(a.type="component",m=!0),a.voidElement||m||!d||"<"===d||a.children.push({type:"text",content:e.slice(p,e.indexOf("<",p))}),0===l&&c.push(a),(u=o[l-1])&&u.children.push(a),o[l]=a),(!f||a.voidElement)&&(l>-1&&(a.voidElement||a.name===r.slice(2,-1))&&(l--,a=-1===l?c:o[l]),!m&&"<"!==d&&d)){u=-1===l?c:o[l].children;var x=e.indexOf("<",p),g=e.slice(p,-1===x?void 0:x);i$1.test(g)&&(g=" "),(x>-1&&l+u.length>=0||" "!==g)&&u.push({type:"text",content:g});}}),c},stringify:function(e){return e.reduce(function(e,t){return e+a$1("",t)},"")}};
2578
2578
 
2579
2579
  var classCallCheck = createCommonjsModule(function (module) {
2580
2580
  function _classCallCheck(instance, Constructor) {
@@ -3244,7 +3244,8 @@ function withTranslation(ns) {
3244
3244
  var validation$1 = {
3245
3245
  validEmail: "le courriel n’est pas valide",
3246
3246
  enterEmail: "Un courriel est requis.",
3247
- enterPassword: "Mot de passe requis."
3247
+ enterPassword: "Mot de passe requis.",
3248
+ confirmPassword: "Confirmer le mot de passe requis."
3248
3249
  };
3249
3250
  var buttons$9 = {
3250
3251
  account: "Accès abonné(e)s",
@@ -3332,7 +3333,8 @@ var common_fr = {
3332
3333
  var validation = {
3333
3334
  validEmail: "Email address is not valid.",
3334
3335
  enterEmail: "Email address is required.",
3335
- enterPassword: "Password is required."
3336
+ enterPassword: "Password is required.",
3337
+ confirmPassword: "Confirm password is required."
3336
3338
  };
3337
3339
  var buttons$8 = {
3338
3340
  account: "My account",
@@ -3461,9 +3463,9 @@ var paymentMethod_fr = {
3461
3463
  select: select
3462
3464
  };
3463
3465
 
3464
- var title$h = "Enter your email to subscribe to our newsletter";
3466
+ var title$f = "Enter your email to subscribe to our newsletter";
3465
3467
  var updateTitle$1 = "Update newsletter selections";
3466
- var subtitle$9 = "We may use your email for other marketing communication";
3468
+ var subtitle$7 = "We may use your email for other marketing communication";
3467
3469
  var labels$p = {
3468
3470
  submit: "Submit",
3469
3471
  firstName: "First name",
@@ -3480,16 +3482,16 @@ var messages$r = {
3480
3482
  here: "here"
3481
3483
  };
3482
3484
  var newsletter_en = {
3483
- title: title$h,
3485
+ title: title$f,
3484
3486
  updateTitle: updateTitle$1,
3485
- subtitle: subtitle$9,
3487
+ subtitle: subtitle$7,
3486
3488
  labels: labels$p,
3487
3489
  messages: messages$r
3488
3490
  };
3489
3491
 
3490
- var title$g = "Entrez votre adresse courriel pour vous abonner à notre infolettre";
3492
+ var title$e = "Entrez votre adresse courriel pour vous abonner à notre infolettre";
3491
3493
  var updateTitle = "Mettre à jour son choix d'infolettres";
3492
- var subtitle$8 = "Nous pouvons utiliser votre adresse courriel pour d’autres communications marketing";
3494
+ var subtitle$6 = "Nous pouvons utiliser votre adresse courriel pour d’autres communications marketing";
3493
3495
  var labels$o = {
3494
3496
  submit: "Lire l’article !",
3495
3497
  firstName: "Prénom",
@@ -3506,9 +3508,9 @@ var messages$q = {
3506
3508
  here: "ici"
3507
3509
  };
3508
3510
  var newsletter_fr = {
3509
- title: title$g,
3511
+ title: title$e,
3510
3512
  updateTitle: updateTitle,
3511
- subtitle: subtitle$8,
3513
+ subtitle: subtitle$6,
3512
3514
  labels: labels$o,
3513
3515
  messages: messages$q
3514
3516
  };
@@ -3765,8 +3767,8 @@ var login_fr = {
3765
3767
  errors: errors$4
3766
3768
  };
3767
3769
 
3768
- var title$f = "Create an account";
3769
- var subtitle$7 = "Enter your email and password below";
3770
+ var title$d = "Create an account";
3771
+ var subtitle$5 = "Enter your email and password below";
3770
3772
  var labels$h = {
3771
3773
  signUpFacebook: "Sign up with Facebook",
3772
3774
  signUpGoogle: "Sign up with Google",
@@ -3851,8 +3853,8 @@ var redeem$1 = {
3851
3853
  }
3852
3854
  };
3853
3855
  var register_en = {
3854
- title: title$f,
3855
- subtitle: subtitle$7,
3856
+ title: title$d,
3857
+ subtitle: subtitle$5,
3856
3858
  labels: labels$h,
3857
3859
  messages: messages$h,
3858
3860
  errors: errors$3,
@@ -3860,8 +3862,8 @@ var register_en = {
3860
3862
  redeem: redeem$1
3861
3863
  };
3862
3864
 
3863
- var title$e = "Créer un compte";
3864
- var subtitle$6 = "Entrez votre courriel et votre mot de passe ci-dessous";
3865
+ var title$c = "Créer un compte";
3866
+ var subtitle$4 = "Entrez votre courriel et votre mot de passe ci-dessous";
3865
3867
  var labels$g = {
3866
3868
  signUpFacebook: "Inscrivez-vous avec Facebook",
3867
3869
  signUpGoogle: "Inscrivez-vous avec Google",
@@ -3947,8 +3949,8 @@ var redeem = {
3947
3949
  }
3948
3950
  };
3949
3951
  var register_fr = {
3950
- title: title$e,
3951
- subtitle: subtitle$6,
3952
+ title: title$c,
3953
+ subtitle: subtitle$4,
3952
3954
  labels: labels$g,
3953
3955
  messages: messages$g,
3954
3956
  errors: errors$2,
@@ -4008,7 +4010,7 @@ var userEdit_fr = {
4008
4010
  messages: messages$e
4009
4011
  };
4010
4012
 
4011
- var title$d = "Enter your shipping address";
4013
+ var title$b = "Enter your shipping address";
4012
4014
  var selectAddressTitle$1 = "Please select an address";
4013
4015
  var selectAddressSubtitle$1 = "Select one of your saved addresses, or add a new one";
4014
4016
  var labels$d = {
@@ -4031,7 +4033,7 @@ var messages$d = {
4031
4033
  subRedeemed: "Your subscription has been redeemed."
4032
4034
  };
4033
4035
  var address_en = {
4034
- title: title$d,
4036
+ title: title$b,
4035
4037
  selectAddressTitle: selectAddressTitle$1,
4036
4038
  selectAddressSubtitle: selectAddressSubtitle$1,
4037
4039
  labels: labels$d,
@@ -4039,7 +4041,7 @@ var address_en = {
4039
4041
  messages: messages$d
4040
4042
  };
4041
4043
 
4042
- var title$c = "Entrez votre adresse de livraison";
4044
+ var title$a = "Entrez votre adresse de livraison";
4043
4045
  var selectAddressTitle = "Veuillez sélectionner une adresse";
4044
4046
  var selectAddressSubtitle = "Choisissez l'une de vos adresses ou créez-en une nouvelle";
4045
4047
  var labels$c = {
@@ -4062,7 +4064,7 @@ var messages$c = {
4062
4064
  subRedeemed: "Votre abonnement a bien été activé."
4063
4065
  };
4064
4066
  var address_fr = {
4065
- title: title$c,
4067
+ title: title$a,
4066
4068
  selectAddressTitle: selectAddressTitle,
4067
4069
  selectAddressSubtitle: selectAddressSubtitle,
4068
4070
  labels: labels$c,
@@ -4070,8 +4072,8 @@ var address_fr = {
4070
4072
  messages: messages$c
4071
4073
  };
4072
4074
 
4073
- var title$b = "Reset your password";
4074
- var subtitle$5 = "Enter a new password below";
4075
+ var title$9 = "Reset your password";
4076
+ var subtitle$3 = "Enter a new password below";
4075
4077
  var email$3 = "Email";
4076
4078
  var password$3 = "Password";
4077
4079
  var confirmPassword$1 = "Confirm password";
@@ -4079,8 +4081,8 @@ var submit$5 = "Submit";
4079
4081
  var required$5 = "Required";
4080
4082
  var passwordUpdated$1 = "Password has been updated, please login with the new password";
4081
4083
  var passwordReset_en = {
4082
- title: title$b,
4083
- subtitle: subtitle$5,
4084
+ title: title$9,
4085
+ subtitle: subtitle$3,
4084
4086
  email: email$3,
4085
4087
  password: password$3,
4086
4088
  confirmPassword: confirmPassword$1,
@@ -4089,8 +4091,8 @@ var passwordReset_en = {
4089
4091
  passwordUpdated: passwordUpdated$1
4090
4092
  };
4091
4093
 
4092
- var title$a = "Réinitialiser votre mot de passe";
4093
- var subtitle$4 = "Entrez un nouveau mot de passe ci-dessous";
4094
+ var title$8 = "Réinitialiser votre mot de passe";
4095
+ var subtitle$2 = "Entrez un nouveau mot de passe ci-dessous";
4094
4096
  var email$2 = "Adresse courriel";
4095
4097
  var password$2 = "Mot de passe";
4096
4098
  var confirmPassword = "Confirmer le mot de passe";
@@ -4098,8 +4100,8 @@ var submit$4 = "Soumettre";
4098
4100
  var required$4 = "Champs obligatoires";
4099
4101
  var passwordUpdated = "Votre mot de passe a été mis à jour, veuillez vous connecter avec celui-ci";
4100
4102
  var passwordReset_fr = {
4101
- title: title$a,
4102
- subtitle: subtitle$4,
4103
+ title: title$8,
4104
+ subtitle: subtitle$2,
4103
4105
  email: email$2,
4104
4106
  password: password$2,
4105
4107
  confirmPassword: confirmPassword,
@@ -4108,7 +4110,7 @@ var passwordReset_fr = {
4108
4110
  passwordUpdated: passwordUpdated
4109
4111
  };
4110
4112
 
4111
- var title$9 = "Forgot your password?";
4113
+ var title$7 = "Forgot your password?";
4112
4114
  var email$1 = "Email";
4113
4115
  var password$1 = "Password";
4114
4116
  var submit$3 = "Submit";
@@ -4119,7 +4121,7 @@ var messages$b = {
4119
4121
  loginHere: "login here."
4120
4122
  };
4121
4123
  var passwordForgot_en = {
4122
- title: title$9,
4124
+ title: title$7,
4123
4125
  email: email$1,
4124
4126
  password: password$1,
4125
4127
  submit: submit$3,
@@ -4128,7 +4130,7 @@ var passwordForgot_en = {
4128
4130
  messages: messages$b
4129
4131
  };
4130
4132
 
4131
- var title$8 = "Mot de passe oublié ?";
4133
+ var title$6 = "Mot de passe oublié ?";
4132
4134
  var email = "Courriel";
4133
4135
  var password = "Mot de passe";
4134
4136
  var submit$2 = "Soumettre";
@@ -4139,7 +4141,7 @@ var messages$a = {
4139
4141
  loginHere: "Connectez-vous ici"
4140
4142
  };
4141
4143
  var passwordForgot_fr = {
4142
- title: title$8,
4144
+ title: title$6,
4143
4145
  email: email,
4144
4146
  password: password,
4145
4147
  submit: submit$2,
@@ -4148,7 +4150,7 @@ var passwordForgot_fr = {
4148
4150
  messages: messages$a
4149
4151
  };
4150
4152
 
4151
- var title$7 = "Change your password";
4153
+ var title$5 = "Change your password";
4152
4154
  var currentPassword$1 = "Current password";
4153
4155
  var newPassword$1 = "New password";
4154
4156
  var confirmNewPassword$1 = "Confirm new password";
@@ -4158,7 +4160,7 @@ var passwordChanged$1 = "Password has been changed, please login with the new pa
4158
4160
  var passwordsNotMatching$1 = "Passwords don't match";
4159
4161
  var weakPassword$1 = "Your password must contain at least 6 characters";
4160
4162
  var passwordChange_en = {
4161
- title: title$7,
4163
+ title: title$5,
4162
4164
  currentPassword: currentPassword$1,
4163
4165
  newPassword: newPassword$1,
4164
4166
  confirmNewPassword: confirmNewPassword$1,
@@ -4169,7 +4171,7 @@ var passwordChange_en = {
4169
4171
  weakPassword: weakPassword$1
4170
4172
  };
4171
4173
 
4172
- var title$6 = "Changez votre mot de passe";
4174
+ var title$4 = "Changez votre mot de passe";
4173
4175
  var currentPassword = "Mot de passe actuel";
4174
4176
  var newPassword = "Nouveau mot de passe";
4175
4177
  var confirmNewPassword = "Confirmer le nouveau mot de passe";
@@ -4179,7 +4181,7 @@ var passwordChanged = "Le mot de passe a été modifié, veuillez vous connecter
4179
4181
  var passwordsNotMatching = "Les mots de passe ne correspondent pas";
4180
4182
  var weakPassword = "Votre mot de passe doit contenir au moins 6";
4181
4183
  var passwordChange_fr = {
4182
- title: title$6,
4184
+ title: title$4,
4183
4185
  currentPassword: currentPassword,
4184
4186
  newPassword: newPassword,
4185
4187
  confirmNewPassword: confirmNewPassword,
@@ -4190,8 +4192,8 @@ var passwordChange_fr = {
4190
4192
  weakPassword: weakPassword
4191
4193
  };
4192
4194
 
4193
- var title$5 = "Votre panier";
4194
- var subtitle$3 = "Terminez votre achat ci-dessous";
4195
+ var title$3 = "Votre panier";
4196
+ var subtitle$1 = "Terminez votre achat ci-dessous";
4195
4197
  var name$1 = "Produit";
4196
4198
  var quantity$1 = "Quantité";
4197
4199
  var price$1 = "Prix";
@@ -4202,8 +4204,8 @@ var confirm$3 = "Passer à la caisse";
4202
4204
  var empty$1 = "Votre panier est vide.";
4203
4205
  var removeAll$1 = "Vider";
4204
4206
  var cart_fr = {
4205
- title: title$5,
4206
- subtitle: subtitle$3,
4207
+ title: title$3,
4208
+ subtitle: subtitle$1,
4207
4209
  name: name$1,
4208
4210
  quantity: quantity$1,
4209
4211
  price: price$1,
@@ -4215,8 +4217,8 @@ var cart_fr = {
4215
4217
  removeAll: removeAll$1
4216
4218
  };
4217
4219
 
4218
- var title$4 = "Your shopping cart";
4219
- var subtitle$2 = "Comple your purchase below";
4220
+ var title$2 = "Your shopping cart";
4221
+ var subtitle = "Comple your purchase below";
4220
4222
  var name = "Name";
4221
4223
  var quantity = "Quantity";
4222
4224
  var price = "Price";
@@ -4227,8 +4229,8 @@ var confirm$2 = "Checkout";
4227
4229
  var empty = "Your cart is empty.";
4228
4230
  var removeAll = "Remove all";
4229
4231
  var cart_en = {
4230
- title: title$4,
4231
- subtitle: subtitle$2,
4232
+ title: title$2,
4233
+ subtitle: subtitle,
4232
4234
  name: name,
4233
4235
  quantity: quantity,
4234
4236
  price: price,
@@ -4666,7 +4668,7 @@ var verifyEmail_fr = {
4666
4668
  messages: messages
4667
4669
  };
4668
4670
 
4669
- var title$3 = "Invoice details";
4671
+ var title$1 = "Invoice details";
4670
4672
  var labels$1 = {
4671
4673
  summary: "Summary",
4672
4674
  total: "Total",
@@ -4679,12 +4681,12 @@ var buttons$1 = {
4679
4681
  pay: "Pay now"
4680
4682
  };
4681
4683
  var invoiceDetails_en = {
4682
- title: title$3,
4684
+ title: title$1,
4683
4685
  labels: labels$1,
4684
4686
  buttons: buttons$1
4685
4687
  };
4686
4688
 
4687
- var title$2 = "Détails de la facture";
4689
+ var title = "Détails de la facture";
4688
4690
  var labels = {
4689
4691
  summary: "Résumé",
4690
4692
  total: "Total",
@@ -4697,37 +4699,11 @@ var buttons = {
4697
4699
  pay: "Payer"
4698
4700
  };
4699
4701
  var invoiceDetails_fr = {
4700
- title: title$2,
4702
+ title: title,
4701
4703
  labels: labels,
4702
4704
  buttons: buttons
4703
4705
  };
4704
4706
 
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
4707
  function create$1(createState) {
4732
4708
  let state;
4733
4709
  const listeners = new Set();
@@ -6077,7 +6053,7 @@ class PelcroActions {
6077
6053
  view,
6078
6054
  cartItems,
6079
6055
  ...otherStateFields
6080
- } = initialState$j;
6056
+ } = initialState$i;
6081
6057
  this.set(otherStateFields);
6082
6058
  });
6083
6059
 
@@ -6101,16 +6077,6 @@ class PelcroActions {
6101
6077
  });
6102
6078
  }
6103
6079
 
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
6080
  this.set({
6115
6081
  view
6116
6082
  });
@@ -6185,26 +6151,6 @@ class PelcroActions {
6185
6151
  }
6186
6152
  });
6187
6153
 
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
6154
  _defineProperty$3(this, "setProduct", id => {
6209
6155
  const product = window.Pelcro.product.getById(id);
6210
6156
  if (!product) return console.error("invalid product id");
@@ -6426,12 +6372,10 @@ class PelcroCallbacks {
6426
6372
 
6427
6373
  }
6428
6374
 
6429
- var _window$Pelcro$produc, _window$Pelcro;
6430
- const initialState$j = {
6375
+ const initialState$i = {
6431
6376
  // View
6432
6377
  view: null,
6433
6378
  // 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
6379
  product: null,
6436
6380
  plan: null,
6437
6381
  isGift: false,
@@ -6458,7 +6402,7 @@ const createPelcroStore = () => createStore(middleware_3((set, get) => {
6458
6402
  return {
6459
6403
  // Store setter
6460
6404
  set,
6461
- ...initialState$j,
6405
+ ...initialState$i,
6462
6406
  // State actions
6463
6407
  ...actions,
6464
6408
  // Callbacks
@@ -6813,30 +6757,6 @@ function userMustVerifyEmail() {
6813
6757
  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
6758
  return window.Pelcro.user.isAuthenticated() && isEmailVerificationEnabled && !isUserEmailVerified;
6815
6759
  }
6816
- function getRenewableProducts() {
6817
- var _window$Pelcro$subscr, _window$Pelcro$subscr2;
6818
-
6819
- const renewableSubs = (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription.list()) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : _window$Pelcro$subscr2.filter(sub => sub.status === "active" && sub.cancel_at_period_end === 1)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
6820
- const renewableProductsIds = [...new Set(renewableSubs.map(sub => sub.plan.product.id))];
6821
- const renewablePlansIds = [...new Set(renewableSubs.map(sub => sub.plan.id))];
6822
- const {
6823
- productsList
6824
- } = usePelcro.getStore();
6825
- return productsList.map(product => {
6826
- if (renewableProductsIds.includes(product.id)) {
6827
- const renewablePlans = getRenewablePlansOnly(product);
6828
- return { ...product,
6829
- plans: renewablePlans
6830
- };
6831
- }
6832
- }).filter(product => product);
6833
-
6834
- function getRenewablePlansOnly(product) {
6835
- var _product$plans$filter, _product$plans;
6836
-
6837
- 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 : [];
6838
- }
6839
- }
6840
6760
 
6841
6761
  const resources = {
6842
6762
  en: {
@@ -6861,8 +6781,7 @@ const resources = {
6861
6781
  dashboard: dashboard_en,
6862
6782
  select: select_en,
6863
6783
  notification: notification_en,
6864
- invoiceDetails: invoiceDetails_en,
6865
- subscriptionOptions: subscriptionOptions_en
6784
+ invoiceDetails: invoiceDetails_en
6866
6785
  },
6867
6786
  fr: {
6868
6787
  common: common_fr,
@@ -6886,8 +6805,7 @@ const resources = {
6886
6805
  dashboard: dashboard_fr,
6887
6806
  select: select_fr,
6888
6807
  notification: notification_fr,
6889
- invoiceDetails: invoiceDetails_fr,
6890
- subscriptionOptions: subscriptionOptions_fr
6808
+ invoiceDetails: invoiceDetails_fr
6891
6809
  }
6892
6810
  }; // set UI language to the page language or default to the language in site settings
6893
6811
 
@@ -7176,10 +7094,10 @@ class SaveToMetadataButtonClass {
7176
7094
 
7177
7095
  const saveToMetadataButton = new SaveToMetadataButtonClass();
7178
7096
 
7179
- 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}}
7097
+ let e={data:""},t$1=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$1(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}}
7180
7098
 
7181
- function _extends$A() {
7182
- _extends$A = Object.assign || function (target) {
7099
+ function _extends$z() {
7100
+ _extends$z = Object.assign || function (target) {
7183
7101
  for (var i = 1; i < arguments.length; i++) {
7184
7102
  var source = arguments[i];
7185
7103
 
@@ -7193,7 +7111,7 @@ function _extends$A() {
7193
7111
  return target;
7194
7112
  };
7195
7113
 
7196
- return _extends$A.apply(this, arguments);
7114
+ return _extends$z.apply(this, arguments);
7197
7115
  }
7198
7116
 
7199
7117
  function _taggedTemplateLiteralLoose(strings, raw) {
@@ -7283,7 +7201,7 @@ var clearFromRemoveQueue = function clearFromRemoveQueue(toastId) {
7283
7201
  var reducer = function reducer(state, action) {
7284
7202
  switch (action.type) {
7285
7203
  case ActionType.ADD_TOAST:
7286
- return _extends$A({}, state, {
7204
+ return _extends$z({}, state, {
7287
7205
  toasts: [action.toast].concat(state.toasts).slice(0, TOAST_LIMIT)
7288
7206
  });
7289
7207
 
@@ -7293,9 +7211,9 @@ var reducer = function reducer(state, action) {
7293
7211
  clearFromRemoveQueue(action.toast.id);
7294
7212
  }
7295
7213
 
7296
- return _extends$A({}, state, {
7214
+ return _extends$z({}, state, {
7297
7215
  toasts: state.toasts.map(function (t) {
7298
- return t.id === action.toast.id ? _extends$A({}, t, action.toast) : t;
7216
+ return t.id === action.toast.id ? _extends$z({}, t, action.toast) : t;
7299
7217
  })
7300
7218
  });
7301
7219
 
@@ -7322,9 +7240,9 @@ var reducer = function reducer(state, action) {
7322
7240
  });
7323
7241
  }
7324
7242
 
7325
- return _extends$A({}, state, {
7243
+ return _extends$z({}, state, {
7326
7244
  toasts: state.toasts.map(function (t) {
7327
- return t.id === toastId || toastId === undefined ? _extends$A({}, t, {
7245
+ return t.id === toastId || toastId === undefined ? _extends$z({}, t, {
7328
7246
  visible: false
7329
7247
  }) : t;
7330
7248
  })
@@ -7332,28 +7250,28 @@ var reducer = function reducer(state, action) {
7332
7250
 
7333
7251
  case ActionType.REMOVE_TOAST:
7334
7252
  if (action.toastId === undefined) {
7335
- return _extends$A({}, state, {
7253
+ return _extends$z({}, state, {
7336
7254
  toasts: []
7337
7255
  });
7338
7256
  }
7339
7257
 
7340
- return _extends$A({}, state, {
7258
+ return _extends$z({}, state, {
7341
7259
  toasts: state.toasts.filter(function (t) {
7342
7260
  return t.id !== action.toastId;
7343
7261
  })
7344
7262
  });
7345
7263
 
7346
7264
  case ActionType.START_PAUSE:
7347
- return _extends$A({}, state, {
7265
+ return _extends$z({}, state, {
7348
7266
  pausedAt: action.time
7349
7267
  });
7350
7268
 
7351
7269
  case ActionType.END_PAUSE:
7352
7270
  var diff = action.time - (state.pausedAt || 0);
7353
- return _extends$A({}, state, {
7271
+ return _extends$z({}, state, {
7354
7272
  pausedAt: undefined,
7355
7273
  toasts: state.toasts.map(function (t) {
7356
- return _extends$A({}, t, {
7274
+ return _extends$z({}, t, {
7357
7275
  pauseDuration: t.pauseDuration + diff
7358
7276
  });
7359
7277
  })
@@ -7400,12 +7318,12 @@ var useStore = function useStore(toastOptions) {
7400
7318
  var mergedToasts = state.toasts.map(function (t) {
7401
7319
  var _toastOptions$t$type, _toastOptions, _toastOptions$t$type2;
7402
7320
 
7403
- return _extends$A({}, toastOptions, toastOptions[t.type], t, {
7321
+ return _extends$z({}, toastOptions, toastOptions[t.type], t, {
7404
7322
  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],
7405
- style: _extends$A({}, toastOptions.style, (_toastOptions$t$type2 = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type2.style, t.style)
7323
+ style: _extends$z({}, toastOptions.style, (_toastOptions$t$type2 = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type2.style, t.style)
7406
7324
  });
7407
7325
  });
7408
- return _extends$A({}, state, {
7326
+ return _extends$z({}, state, {
7409
7327
  toasts: mergedToasts
7410
7328
  });
7411
7329
  };
@@ -7415,7 +7333,7 @@ var createToast = function createToast(message, type, opts) {
7415
7333
  type = 'blank';
7416
7334
  }
7417
7335
 
7418
- return _extends$A({
7336
+ return _extends$z({
7419
7337
  createdAt: Date.now(),
7420
7338
  visible: true,
7421
7339
  type: type,
@@ -7465,14 +7383,14 @@ toast.remove = function (toastId) {
7465
7383
  };
7466
7384
 
7467
7385
  toast.promise = function (promise, msgs, opts) {
7468
- var id = toast.loading(msgs.loading, _extends$A({}, opts, opts == null ? void 0 : opts.loading));
7386
+ var id = toast.loading(msgs.loading, _extends$z({}, opts, opts == null ? void 0 : opts.loading));
7469
7387
  promise.then(function (p) {
7470
- toast.success(resolveValue(msgs.success, p), _extends$A({
7388
+ toast.success(resolveValue(msgs.success, p), _extends$z({
7471
7389
  id: id
7472
7390
  }, opts, opts == null ? void 0 : opts.success));
7473
7391
  return p;
7474
7392
  })["catch"](function (e) {
7475
- toast.error(resolveValue(msgs.error, e), _extends$A({
7393
+ toast.error(resolveValue(msgs.error, e), _extends$z({
7476
7394
  id: id
7477
7395
  }, opts, opts == null ? void 0 : opts.error));
7478
7396
  });
@@ -7811,7 +7729,7 @@ var ToastBar = /*#__PURE__*/React.memo(function (_ref2) {
7811
7729
  var message = React.createElement(Message, Object.assign({}, toast.ariaProps), resolveValue(toast.message, toast));
7812
7730
  return React.createElement(ToastBarBase, {
7813
7731
  className: toast.className,
7814
- style: _extends$A({}, animationStyle, style, toast.style)
7732
+ style: _extends$z({}, animationStyle, style, toast.style)
7815
7733
  }, typeof children === 'function' ? children({
7816
7734
  icon: icon,
7817
7735
  message: message
@@ -7841,7 +7759,7 @@ var getPositionStyle = function getPositionStyle(position, offset) {
7841
7759
  } : position.includes('right') ? {
7842
7760
  justifyContent: 'flex-end'
7843
7761
  } : {};
7844
- return _extends$A({
7762
+ return _extends$z({
7845
7763
  left: 0,
7846
7764
  right: 0,
7847
7765
  display: 'flex',
@@ -7868,7 +7786,7 @@ var Toaster = function Toaster(_ref) {
7868
7786
  handlers = _useToaster.handlers;
7869
7787
 
7870
7788
  return React.createElement("div", {
7871
- style: _extends$A({
7789
+ style: _extends$z({
7872
7790
  position: 'fixed',
7873
7791
  zIndex: 9999,
7874
7792
  top: DEFAULT_OFFSET,
@@ -7903,82 +7821,82 @@ var Toaster = function Toaster(_ref) {
7903
7821
  }));
7904
7822
  };
7905
7823
 
7906
- var _path$x;
7824
+ var _path$w;
7907
7825
 
7908
- function _extends$z() { _extends$z = 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$z.apply(this, arguments); }
7826
+ 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); }
7909
7827
 
7910
7828
  function SvgCheckSolid(props) {
7911
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
7829
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
7912
7830
  xmlns: "http://www.w3.org/2000/svg",
7913
7831
  className: "h-5 w-5",
7914
7832
  viewBox: "0 0 20 20",
7915
7833
  fill: "currentColor"
7916
- }, props), _path$x || (_path$x = /*#__PURE__*/React__namespace.createElement("path", {
7834
+ }, props), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
7917
7835
  fillRule: "evenodd",
7918
7836
  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",
7919
7837
  clipRule: "evenodd"
7920
7838
  })));
7921
7839
  }
7922
7840
 
7923
- var _path$w;
7841
+ var _path$v;
7924
7842
 
7925
- 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); }
7843
+ 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); }
7926
7844
 
7927
7845
  function SvgXIcon(props) {
7928
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
7846
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
7929
7847
  xmlns: "http://www.w3.org/2000/svg",
7930
7848
  viewBox: "0 0 20 20",
7931
7849
  fill: "currentColor"
7932
- }, props), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
7850
+ }, props), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
7933
7851
  fill: "evenodd",
7934
7852
  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",
7935
7853
  clipRule: "evenodd"
7936
7854
  })));
7937
7855
  }
7938
7856
 
7939
- var _path$v;
7857
+ var _path$u;
7940
7858
 
7941
- 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); }
7859
+ 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); }
7942
7860
 
7943
7861
  function SvgXIconSolid(props) {
7944
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
7862
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
7945
7863
  className: "plc-w-4 plc-h-4",
7946
7864
  fill: "currentColor",
7947
7865
  xmlns: "http://www.w3.org/2000/svg",
7948
7866
  viewBox: "0 0 100 100"
7949
- }, props), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
7867
+ }, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
7950
7868
  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"
7951
7869
  })));
7952
7870
  }
7953
7871
 
7954
- var _path$u;
7872
+ var _path$t;
7955
7873
 
7956
- 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); }
7874
+ 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); }
7957
7875
 
7958
7876
  function SvgExclamation(props) {
7959
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
7877
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
7960
7878
  className: "plc-w-4 plc-h-4 plc-mr-1",
7961
7879
  xmlns: "http://www.w3.org/2000/svg",
7962
7880
  viewBox: "0 0 20 20",
7963
7881
  fill: "currentColor"
7964
- }, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
7882
+ }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
7965
7883
  fillRule: "evenodd",
7966
7884
  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",
7967
7885
  clipRule: "evenodd"
7968
7886
  })));
7969
7887
  }
7970
7888
 
7971
- var _path$t, _path2$4;
7889
+ var _path$s, _path2$4;
7972
7890
 
7973
- 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); }
7891
+ 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); }
7974
7892
 
7975
7893
  function SvgSpinner(props) {
7976
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
7894
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
7977
7895
  className: "plc-animate-spin",
7978
7896
  viewBox: "0 0 24 24",
7979
7897
  fill: "currentColor",
7980
7898
  xmlns: "http://www.w3.org/2000/svg"
7981
- }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
7899
+ }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
7982
7900
  opacity: 0.2,
7983
7901
  fill: "evenodd",
7984
7902
  clipRule: "evenodd",
@@ -8268,9 +8186,7 @@ const init$1 = () => {
8268
8186
  return switchToAddressView();
8269
8187
  });
8270
8188
  } else {
8271
- pelcroSubscribeButtonsByClass[j].addEventListener("click", () => {
8272
- return switchView("subscription-options");
8273
- });
8189
+ pelcroSubscribeButtonsByClass[j].addEventListener("click", () => switchView("plan-select"));
8274
8190
  }
8275
8191
  }
8276
8192
  }
@@ -8432,8 +8348,7 @@ function Link({
8432
8348
  const init = () => {
8433
8349
  const {
8434
8350
  switchView,
8435
- set,
8436
- setProductsList
8351
+ set
8437
8352
  } = usePelcro.getStore();
8438
8353
  const entitlementsProtectedElements = document.querySelectorAll("[data-pelcro-entitlements]");
8439
8354
 
@@ -8484,8 +8399,7 @@ const init = () => {
8484
8399
  }
8485
8400
 
8486
8401
  notify.dismiss(NOTIFICATION_ID);
8487
- setProductsList(window.Pelcro.product.getByEntitlements(entitlements));
8488
- switchView("plan-select");
8402
+ switchView("_plan-select-entitlements");
8489
8403
  }
8490
8404
  }, "Subscribe"), "now to get full page access.")), {
8491
8405
  className: "pelcro-notification-entitlement",
@@ -8737,17 +8651,21 @@ const getErrorMessages = error => {
8737
8651
  return error === null || error === void 0 ? void 0 : (_error$response4 = error.response) === null || _error$response4 === void 0 ? void 0 : (_error$response4$data = _error$response4.data) === null || _error$response4$data === void 0 ? void 0 : (_error$response4$data2 = _error$response4$data.error) === null || _error$response4$data2 === void 0 ? void 0 : _error$response4$data2.message;
8738
8652
  }
8739
8653
 
8740
- if (error !== null && error !== void 0 && error.message) {
8741
- return error.message;
8742
- }
8654
+ if (error !== null && error !== void 0 && (_error$response5 = error.response) !== null && _error$response5 !== void 0 && (_error$response5$data = _error$response5.data) !== null && _error$response5$data !== void 0 && _error$response5$data.errors) {
8655
+ var _error$response6, _error$response6$data;
8743
8656
 
8744
- const errorMessages = []; // enumerable error (ex: validation errors)
8657
+ const errorMessages = []; // enumerable error (ex: validation errors)
8745
8658
 
8746
- Object.values(error === null || error === void 0 ? void 0 : (_error$response5 = error.response) === null || _error$response5 === void 0 ? void 0 : (_error$response5$data = _error$response5.data) === null || _error$response5$data === void 0 ? void 0 : _error$response5$data.errors).forEach(([errorMessage]) => {
8747
- errorMessages.push(errorMessage);
8748
- }); // convert to multiline string
8659
+ Object.values(error === null || error === void 0 ? void 0 : (_error$response6 = error.response) === null || _error$response6 === void 0 ? void 0 : (_error$response6$data = _error$response6.data) === null || _error$response6$data === void 0 ? void 0 : _error$response6$data.errors).forEach(([errorMessage]) => {
8660
+ errorMessages.push(errorMessage);
8661
+ }); // convert to multiline string
8749
8662
 
8750
- return errorMessages.join("\n");
8663
+ return errorMessages.join("\n");
8664
+ }
8665
+
8666
+ if (error !== null && error !== void 0 && error.message) {
8667
+ return error.message;
8668
+ }
8751
8669
  };
8752
8670
  /**
8753
8671
  * Executes function after a wait time of inactivity
@@ -9320,7 +9238,7 @@ const PelcroModalController = ({
9320
9238
  type
9321
9239
  }) => (type === null || type === void 0 ? void 0 : type.viewId) === "dashboard-open"), React__default['default'].Children.map(children, child => child).find(({
9322
9240
  type
9323
- }) => (type === null || type === void 0 ? void 0 : type.viewId) === "notification"), view === "_plan-select-renew" && React__default['default'].Children.map(children, child => child).find(({
9241
+ }) => (type === null || type === void 0 ? void 0 : type.viewId) === "notification"), view === "_plan-select-entitlements" && React__default['default'].Children.map(children, child => child).find(({
9324
9242
  type
9325
9243
  }) => (type === null || type === void 0 ? void 0 : type.viewId) === "plan-select"), React__default['default'].Children.map(children, child => child).find(({
9326
9244
  type
@@ -9601,10 +9519,8 @@ const LOAD_PAYMENT_METHODS = "LOAD_PAYMENT_METHODS";
9601
9519
  const GET_NEWSLETTERS_FETCH = "GET_NEWSLETTERS_FETCH";
9602
9520
  const GET_NEWSLETTERS_SUCCESS = "GET_NEWSLETTERS_SUCCESS";
9603
9521
  const SWITCH_TO_UPDATE = "SWITCH_TO_UPDATE";
9604
- const SWITCH_TO_RENEW = "SWITCH_TO_RENEW";
9605
- const SWITCH_TO_NEW = "SWITCH_TO_NEW";
9606
9522
 
9607
- const initialState$i = {
9523
+ const initialState$h = {
9608
9524
  email: "",
9609
9525
  password: "",
9610
9526
  emailError: null,
@@ -9615,10 +9531,10 @@ const initialState$i = {
9615
9531
  content: ""
9616
9532
  }
9617
9533
  };
9618
- const store$i = /*#__PURE__*/React.createContext(initialState$i);
9534
+ const store$h = /*#__PURE__*/React.createContext(initialState$h);
9619
9535
  const {
9620
- Provider: Provider$i
9621
- } = store$i;
9536
+ Provider: Provider$h
9537
+ } = store$h;
9622
9538
 
9623
9539
  const LoginContainer = ({
9624
9540
  style,
@@ -9725,7 +9641,7 @@ const LoginContainer = ({
9725
9641
  });
9726
9642
 
9727
9643
  case RESET_LOGIN_FORM:
9728
- return initialState$i;
9644
+ return initialState$h;
9729
9645
 
9730
9646
  case DISABLE_LOGIN_BUTTON:
9731
9647
  return lib_7({ ...state,
@@ -9743,12 +9659,12 @@ const LoginContainer = ({
9743
9659
  default:
9744
9660
  return state;
9745
9661
  }
9746
- }, initialState$i);
9662
+ }, initialState$h);
9747
9663
  return /*#__PURE__*/React__default['default'].createElement("div", {
9748
9664
  style: { ...style
9749
9665
  },
9750
9666
  className: `pelcro-container pelcro-login-container ${className}`
9751
- }, /*#__PURE__*/React__default['default'].createElement(Provider$i, {
9667
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$h, {
9752
9668
  value: {
9753
9669
  state,
9754
9670
  dispatch
@@ -9756,12 +9672,12 @@ const LoginContainer = ({
9756
9672
  }, children.length ? children.map((child, i) => {
9757
9673
  if (child) {
9758
9674
  return /*#__PURE__*/React__default['default'].cloneElement(child, {
9759
- store: store$i,
9675
+ store: store$h,
9760
9676
  key: i
9761
9677
  });
9762
9678
  }
9763
9679
  }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
9764
- store: store$i
9680
+ store: store$h
9765
9681
  })));
9766
9682
  };
9767
9683
 
@@ -9955,7 +9871,7 @@ function ConfirmPassword({
9955
9871
  } else if (finishedTyping) {
9956
9872
  dispatch({
9957
9873
  type: SET_CONFIRM_PASSWORD_ERROR,
9958
- payload: "Confirm password is required."
9874
+ payload: t("validation.confirmPassword")
9959
9875
  });
9960
9876
  }
9961
9877
  }, [dispatch, password, finishedTyping]);
@@ -10006,7 +9922,7 @@ const LoginButton = ({
10006
9922
  buttonDisabled
10007
9923
  },
10008
9924
  dispatch
10009
- } = React.useContext(store$i);
9925
+ } = React.useContext(store$h);
10010
9926
  const {
10011
9927
  t
10012
9928
  } = useTranslation("login");
@@ -10027,23 +9943,23 @@ const LoginButton = ({
10027
9943
  };
10028
9944
 
10029
9945
  const LoginEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
10030
- store: store$i
9946
+ store: store$h
10031
9947
  }, props));
10032
9948
 
10033
9949
  const LoginPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
10034
- store: store$i
9950
+ store: store$h
10035
9951
  }, props));
10036
9952
 
10037
- var _path$s;
9953
+ var _path$r;
10038
9954
 
10039
- 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); }
9955
+ 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); }
10040
9956
 
10041
9957
  function SvgCheck(props) {
10042
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
9958
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
10043
9959
  xmlns: "http://www.w3.org/2000/svg",
10044
9960
  fill: "currentColor",
10045
9961
  viewBox: "0 0 20 20"
10046
- }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
9962
+ }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
10047
9963
  fillRule: "evenodd",
10048
9964
  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",
10049
9965
  clipRule: "evenodd"
@@ -10108,7 +10024,7 @@ var facebookLoginRenderProps = createCommonjsModule(function (module, exports) {
10108
10024
  var FacebookLogin = unwrapExports(facebookLoginRenderProps);
10109
10025
  facebookLoginRenderProps.FacebookLogin;
10110
10026
 
10111
- const initialState$h = {
10027
+ const initialState$g = {
10112
10028
  email: "",
10113
10029
  password: "",
10114
10030
  emailError: null,
@@ -10125,10 +10041,10 @@ const initialState$h = {
10125
10041
  content: ""
10126
10042
  }
10127
10043
  };
10128
- const store$h = /*#__PURE__*/React.createContext(initialState$h);
10044
+ const store$g = /*#__PURE__*/React.createContext(initialState$g);
10129
10045
  const {
10130
- Provider: Provider$h
10131
- } = store$h;
10046
+ Provider: Provider$g
10047
+ } = store$g;
10132
10048
 
10133
10049
  const RegisterContainer = ({
10134
10050
  style,
@@ -10311,7 +10227,7 @@ const RegisterContainer = ({
10311
10227
  });
10312
10228
 
10313
10229
  case RESET_LOGIN_FORM:
10314
- return initialState$h;
10230
+ return initialState$g;
10315
10231
 
10316
10232
  case DISABLE_REGISTRATION_BUTTON:
10317
10233
  return lib_7({ ...state,
@@ -10329,12 +10245,12 @@ const RegisterContainer = ({
10329
10245
  default:
10330
10246
  return state;
10331
10247
  }
10332
- }, initialState$h);
10248
+ }, initialState$g);
10333
10249
  return /*#__PURE__*/React__default['default'].createElement("div", {
10334
10250
  style: { ...style
10335
10251
  },
10336
10252
  className: `pelcro-container pelcro-register-container ${className}`
10337
- }, /*#__PURE__*/React__default['default'].createElement(Provider$h, {
10253
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$g, {
10338
10254
  value: {
10339
10255
  state,
10340
10256
  dispatch
@@ -10342,12 +10258,12 @@ const RegisterContainer = ({
10342
10258
  }, children.length ? children.map((child, i) => {
10343
10259
  if (child) {
10344
10260
  return /*#__PURE__*/React__default['default'].cloneElement(child, {
10345
- store: store$h,
10261
+ store: store$g,
10346
10262
  key: i
10347
10263
  });
10348
10264
  }
10349
10265
  }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
10350
- store: store$h
10266
+ store: store$g
10351
10267
  })));
10352
10268
  };
10353
10269
  /**
@@ -10362,15 +10278,15 @@ function hasSecurityTokenEnabled$1() {
10362
10278
  return hasSecuritySdkLoaded;
10363
10279
  }
10364
10280
 
10365
- var _path$r;
10281
+ var _path$q;
10366
10282
 
10367
- 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); }
10283
+ 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); }
10368
10284
 
10369
10285
  function SvgFacebookLogo(props) {
10370
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
10286
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
10371
10287
  xmlns: "http://www.w3.org/2000/svg",
10372
10288
  viewBox: "88.428 12.828 107.543 207.085"
10373
- }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
10289
+ }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
10374
10290
  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",
10375
10291
  fill: "#3c5a9a"
10376
10292
  })));
@@ -10387,10 +10303,10 @@ const FacebookLoginButton = ({
10387
10303
  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;
10388
10304
  const {
10389
10305
  dispatch: loginDispatch
10390
- } = React.useContext(store$i);
10306
+ } = React.useContext(store$h);
10391
10307
  const {
10392
10308
  dispatch: registerDispatch
10393
- } = React.useContext(store$h);
10309
+ } = React.useContext(store$g);
10394
10310
 
10395
10311
  const onSuccess = facebookUser => {
10396
10312
  loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
@@ -10443,15 +10359,15 @@ var googleLogin = createCommonjsModule(function (module, exports) {
10443
10359
  unwrapExports(googleLogin);
10444
10360
  var googleLogin_1 = googleLogin.GoogleLogin;
10445
10361
 
10446
- var _path$q, _path2$3, _path3$1, _path4;
10362
+ var _path$p, _path2$3, _path3$1, _path4;
10447
10363
 
10448
- 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); }
10364
+ 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); }
10449
10365
 
10450
10366
  function SvgGoogleLogo(props) {
10451
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
10367
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
10452
10368
  viewBox: "0 0 24 24",
10453
10369
  xmlns: "http://www.w3.org/2000/svg"
10454
- }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
10370
+ }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
10455
10371
  fill: "#4285F4",
10456
10372
  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"
10457
10373
  })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -10477,10 +10393,10 @@ const GoogleLoginButton = ({
10477
10393
  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;
10478
10394
  const {
10479
10395
  dispatch: loginDispatch
10480
- } = React.useContext(store$i);
10396
+ } = React.useContext(store$h);
10481
10397
  const {
10482
10398
  dispatch: registerDispatch
10483
- } = React.useContext(store$h);
10399
+ } = React.useContext(store$g);
10484
10400
 
10485
10401
  const onSuccess = response => {
10486
10402
  var _response$getAuthResp, _profile$getEmail, _profile$getGivenName, _profile$getFamilyNam, _profile$getEmail2, _profile$getGivenName2, _profile$getFamilyNam2;
@@ -10528,15 +10444,15 @@ const GoogleLoginButton = ({
10528
10444
  }) : null;
10529
10445
  };
10530
10446
 
10531
- var _path$p;
10447
+ var _path$o;
10532
10448
 
10533
- 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); }
10449
+ 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); }
10534
10450
 
10535
10451
  function SvgAuth0Logo(props) {
10536
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
10452
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
10537
10453
  viewBox: "0 0 256 285",
10538
10454
  xmlns: "http://www.w3.org/2000/svg"
10539
- }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
10455
+ }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
10540
10456
  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"
10541
10457
  })));
10542
10458
  }
@@ -10576,10 +10492,10 @@ const Auth0LoginButton = ({
10576
10492
  }, [auth0Enabled, auth0Loaded]);
10577
10493
  const {
10578
10494
  dispatch: loginDispatch
10579
- } = React.useContext(store$i);
10495
+ } = React.useContext(store$h);
10580
10496
  const {
10581
10497
  dispatch: registerDispatch
10582
- } = React.useContext(store$h);
10498
+ } = React.useContext(store$g);
10583
10499
 
10584
10500
  function handleClick() {
10585
10501
  var _auth0InstanceRef$cur, _auth0InstanceRef$cur2, _auth0InstanceRef$cur3;
@@ -10712,15 +10628,15 @@ function LoginView(props) {
10712
10628
  }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null), /*#__PURE__*/React__default['default'].createElement(Auth0LoginButton, null))))));
10713
10629
  }
10714
10630
 
10715
- var _path$o, _path2$2, _path3;
10631
+ var _path$n, _path2$2, _path3;
10716
10632
 
10717
- 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); }
10633
+ 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); }
10718
10634
 
10719
10635
  function SvgPelcroAuthorship(props) {
10720
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
10636
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
10721
10637
  xmlns: "http://www.w3.org/2000/svg",
10722
10638
  viewBox: "0 -80.652 497.072 179.991"
10723
- }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
10639
+ }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
10724
10640
  fill: "none",
10725
10641
  stroke: "#4a4a4a",
10726
10642
  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"
@@ -10867,11 +10783,11 @@ function LoginModal({
10867
10783
  LoginModal.viewId = "login";
10868
10784
 
10869
10785
  const RegisterEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
10870
- store: store$h
10786
+ store: store$g
10871
10787
  }, props));
10872
10788
 
10873
10789
  const RegisterPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
10874
- store: store$h
10790
+ store: store$g
10875
10791
  }, props));
10876
10792
 
10877
10793
  const RegisterButton = ({
@@ -10891,7 +10807,7 @@ const RegisterButton = ({
10891
10807
  buttonDisabled
10892
10808
  },
10893
10809
  dispatch
10894
- } = React.useContext(store$h);
10810
+ } = React.useContext(store$g);
10895
10811
  const {
10896
10812
  t
10897
10813
  } = useTranslation("register");
@@ -11029,7 +10945,7 @@ function FirstName({
11029
10945
  }
11030
10946
 
11031
10947
  const RegisterFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
11032
- store: store$h
10948
+ store: store$g
11033
10949
  }, props));
11034
10950
 
11035
10951
  function LastName({
@@ -11060,7 +10976,7 @@ function LastName({
11060
10976
  }
11061
10977
 
11062
10978
  const RegisterLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
11063
- store: store$h
10979
+ store: store$g
11064
10980
  }, props));
11065
10981
 
11066
10982
  /**
@@ -11184,7 +11100,7 @@ function TextInput({
11184
11100
 
11185
11101
  const RegisterTextInput = props => {
11186
11102
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
11187
- store: store$h
11103
+ store: store$g
11188
11104
  }));
11189
11105
  };
11190
11106
 
@@ -11331,7 +11247,6 @@ function SelectModalWithHook(props) {
11331
11247
  (_props$onDisplay = props.onDisplay) === null || _props$onDisplay === void 0 ? void 0 : _props$onDisplay.call(props);
11332
11248
  }, []);
11333
11249
  const {
11334
- productsList,
11335
11250
  isGift,
11336
11251
  plan,
11337
11252
  product,
@@ -11341,12 +11256,11 @@ function SelectModalWithHook(props) {
11341
11256
  view,
11342
11257
  set
11343
11258
  } = usePelcro();
11344
- const isRenewingSub = view === "_plan-select-renew";
11259
+ const entitlementsProtectedElements = document.querySelectorAll("[data-pelcro-entitlements]");
11260
+ const entitlements = entitlementsProtectedElements.length > 0 ? getEntitlementsFromElem(entitlementsProtectedElements[0]) : null;
11345
11261
  return /*#__PURE__*/React__default['default'].createElement(SelectModalWithTrans, {
11346
- productsList: productsList,
11347
11262
  isGift: isGift,
11348
- disableGifting: isRenewingGift || isRenewingSub,
11349
- isRenewingSub: isRenewingSub,
11263
+ disableGifting: isRenewingGift,
11350
11264
  plan: plan,
11351
11265
  product: product,
11352
11266
  onClose: () => {
@@ -11360,10 +11274,8 @@ function SelectModalWithHook(props) {
11360
11274
  plan,
11361
11275
  isGift
11362
11276
  }),
11363
- setSubscriptionIdToRenew: subscriptionIdToRenew => set({
11364
- subscriptionIdToRenew
11365
- }),
11366
- setView: switchView
11277
+ setView: switchView,
11278
+ matchingEntitlements: view === "_plan-select-entitlements" ? entitlements : null
11367
11279
  });
11368
11280
  }
11369
11281
  SelectModalWithHook.viewId = "plan-select";
@@ -11395,10 +11307,10 @@ class SelectModal extends React.Component {
11395
11307
  });
11396
11308
  }
11397
11309
 
11398
- if (this.props.productsList.length === 1) {
11310
+ if (this.state.productList.length === 1) {
11399
11311
  this.setState({
11400
- product: this.props.productsList[0],
11401
- planList: this.props.productsList[0].plans,
11312
+ product: this.state.productList[0],
11313
+ planList: this.state.productList[0].plans,
11402
11314
  mode: "plan"
11403
11315
  });
11404
11316
  }
@@ -11415,7 +11327,7 @@ class SelectModal extends React.Component {
11415
11327
  });
11416
11328
 
11417
11329
  _defineProperty$3(this, "onProductChange", e => {
11418
- const product = productsList[e.target.selectedIndex];
11330
+ const product = window.Pelcro.product.list()[e.target.selectedIndex];
11419
11331
  this.setState({
11420
11332
  product: product,
11421
11333
  plan: product.plans[0]
@@ -11481,7 +11393,7 @@ class SelectModal extends React.Component {
11481
11393
 
11482
11394
  _defineProperty$3(this, "renderProducts", () => {
11483
11395
  const userDidSelectProduct = Boolean(this.state.mode === "plan");
11484
- const productsToShow = userDidSelectProduct ? [this.state.product] : this.props.productsList;
11396
+ const productsToShow = userDidSelectProduct ? [this.state.product] : this.state.productList;
11485
11397
  return productsToShow.map((product, index) => {
11486
11398
  return this.renderOneProduct(product, index);
11487
11399
  });
@@ -11494,7 +11406,7 @@ class SelectModal extends React.Component {
11494
11406
  return this.renderOneProduct(this.state.product);
11495
11407
  }
11496
11408
 
11497
- const [productsThatMatchArticleTag, allProductsMinusMatched] = productsWithMatchedTaggedFirst(this.props.productsList); // Render normal products if there are no available matching products
11409
+ const [productsThatMatchArticleTag, allProductsMinusMatched] = productsWithMatchedTaggedFirst(); // Render normal products if there are no available matching products
11498
11410
 
11499
11411
  if (!(productsThatMatchArticleTag !== null && productsThatMatchArticleTag !== void 0 && productsThatMatchArticleTag.length)) {
11500
11412
  return this.renderProducts();
@@ -11510,7 +11422,10 @@ class SelectModal extends React.Component {
11510
11422
  className: "plc-text-sm plc-font-semibold"
11511
11423
  }, this.locale("labels.restrictiveArticles.or")), allProductsMinusMatched.map((product, index) => this.renderOneProduct(product, index))));
11512
11424
 
11513
- function productsWithMatchedTaggedFirst(allProducts) {
11425
+ function productsWithMatchedTaggedFirst() {
11426
+ var _window$Pelcro$produc;
11427
+
11428
+ const allProducts = (_window$Pelcro$produc = window.Pelcro.product.list()) !== null && _window$Pelcro$produc !== void 0 ? _window$Pelcro$produc : [];
11514
11429
  const productsThatMatchArticleTag = window.Pelcro.product.getByMatchingPageTags();
11515
11430
  const allProductsMinusMatched = allProducts.filter(product => !productsThatMatchArticleTag.some(matchedProduct => matchedProduct.id === product.id));
11516
11431
  return [productsThatMatchArticleTag, allProductsMinusMatched];
@@ -11544,7 +11459,7 @@ class SelectModal extends React.Component {
11544
11459
  _defineProperty$3(this, "selectProduct", e => {
11545
11460
  const id = e.target.dataset.key;
11546
11461
 
11547
- for (const product of this.props.productsList) {
11462
+ for (const product of this.state.productList) {
11548
11463
  if (+product.id === +id) {
11549
11464
  var _this$state$plan;
11550
11465
 
@@ -11597,14 +11512,6 @@ class SelectModal extends React.Component {
11597
11512
 
11598
11513
  _defineProperty$3(this, "submitOption", () => {
11599
11514
  this.props.setProductAndPlan(this.state.product, this.state.plan, this.state.isGift);
11600
-
11601
- if (this.props.isRenewingSub) {
11602
- var _matchingSub$id;
11603
-
11604
- const matchingSub = window.Pelcro.subscription.list().find(sub => sub.plan.id === this.state.plan.id && sub.status === "active" && sub.cancel_at_period_end === 1);
11605
- this.props.setSubscriptionIdToRenew((_matchingSub$id = matchingSub === null || matchingSub === void 0 ? void 0 : matchingSub.id) !== null && _matchingSub$id !== void 0 ? _matchingSub$id : null);
11606
- }
11607
-
11608
11515
  const {
11609
11516
  product,
11610
11517
  isGift
@@ -11642,7 +11549,8 @@ class SelectModal extends React.Component {
11642
11549
  plan: {},
11643
11550
  isGift: props.isGift,
11644
11551
  disabled: true,
11645
- mode: "product"
11552
+ mode: "product",
11553
+ productList: props.matchingEntitlements ? window.Pelcro.product.getByEntitlements(props.matchingEntitlements) : window.Pelcro.product.list()
11646
11554
  };
11647
11555
  this.product = this.props.product || window.Pelcro.paywall.getProduct();
11648
11556
  this.locale = this.props.t;
@@ -11650,7 +11558,7 @@ class SelectModal extends React.Component {
11650
11558
  }
11651
11559
 
11652
11560
  render() {
11653
- var _this$props$productsL, _this$props$productsL2, _window$Pelcro$site$r;
11561
+ var _window$Pelcro$produc2, _window$Pelcro$produc3, _window$Pelcro$site$r;
11654
11562
 
11655
11563
  const {
11656
11564
  disableGifting
@@ -11684,7 +11592,7 @@ class SelectModal extends React.Component {
11684
11592
  className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
11685
11593
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
11686
11594
  className: "plc-text-2xl plc-font-semibold"
11687
- }, this.product && this.product.paywall.select_title || ((_this$props$productsL = this.props.productsList[0]) === null || _this$props$productsL === void 0 ? void 0 : _this$props$productsL.paywall.select_title)), /*#__PURE__*/React__default['default'].createElement("p", null, this.product && this.product.paywall.select_subtitle || ((_this$props$productsL2 = this.props.productsList[0]) === null || _this$props$productsL2 === void 0 ? void 0 : _this$props$productsL2.paywall.select_subtitle))), /*#__PURE__*/React__default['default'].createElement("div", {
11595
+ }, 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", {
11688
11596
  className: "pelcro-select-products-wrapper"
11689
11597
  }, (_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", {
11690
11598
  className: "plc-overflow-y-scroll plc-max-h-72 pelcro-select-plans-wrapper"
@@ -13536,7 +13444,7 @@ class VantivGateway {
13536
13444
 
13537
13445
  /** @type {PaymentStateType} */
13538
13446
 
13539
- const initialState$g = {
13447
+ const initialState$f = {
13540
13448
  disableSubmit: false,
13541
13449
  isLoading: false,
13542
13450
  disableCouponButton: false,
@@ -13555,10 +13463,10 @@ const initialState$g = {
13555
13463
  content: ""
13556
13464
  }
13557
13465
  };
13558
- const store$g = /*#__PURE__*/React.createContext(initialState$g);
13466
+ const store$f = /*#__PURE__*/React.createContext(initialState$f);
13559
13467
  const {
13560
- Provider: Provider$g
13561
- } = store$g;
13468
+ Provider: Provider$f
13469
+ } = store$f;
13562
13470
 
13563
13471
  const PaymentMethodContainerWithoutStripe = ({
13564
13472
  style,
@@ -14810,21 +14718,21 @@ const PaymentMethodContainerWithoutStripe = ({
14810
14718
  default:
14811
14719
  return state;
14812
14720
  }
14813
- }, initialState$g);
14721
+ }, initialState$f);
14814
14722
  return /*#__PURE__*/React__default['default'].createElement("div", {
14815
14723
  style: { ...style
14816
14724
  },
14817
14725
  className: `pelcro-container pelcro-payment-container ${className}`
14818
- }, /*#__PURE__*/React__default['default'].createElement(Provider$g, {
14726
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$f, {
14819
14727
  value: {
14820
14728
  state,
14821
14729
  dispatch
14822
14730
  }
14823
14731
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
14824
- store: store$g,
14732
+ store: store$f,
14825
14733
  key: i
14826
14734
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
14827
- store: store$g
14735
+ store: store$f
14828
14736
  })));
14829
14737
  };
14830
14738
 
@@ -14846,7 +14754,7 @@ const PaymentMethodContainer = props => {
14846
14754
  stripeAccount: window.Pelcro.site.read().account_id,
14847
14755
  locale: getPageOrDefaultLanguage()
14848
14756
  }, /*#__PURE__*/React__default['default'].createElement(es_11, null, /*#__PURE__*/React__default['default'].createElement(UnwrappedForm, Object.assign({
14849
- store: store$g
14757
+ store: store$f
14850
14758
  }, props))));
14851
14759
  }
14852
14760
 
@@ -14899,7 +14807,7 @@ const PelcroPaymentRequestButton = props => {
14899
14807
  currentPlan,
14900
14808
  updatedPrice
14901
14809
  }
14902
- } = React.useContext(store$g);
14810
+ } = React.useContext(store$f);
14903
14811
 
14904
14812
  const updatePaymentRequest = () => {
14905
14813
  // Make sure payment request is up to date, eg. user added a coupon code.
@@ -14975,7 +14883,7 @@ const DiscountedPrice = props => {
14975
14883
  taxAmount,
14976
14884
  percentOff
14977
14885
  }
14978
- } = React.useContext(store$g);
14886
+ } = React.useContext(store$f);
14979
14887
  const {
14980
14888
  order,
14981
14889
  plan
@@ -15025,7 +14933,7 @@ const SubmitPaymentMethod = ({
15025
14933
  isLoading,
15026
14934
  updatedPrice
15027
14935
  }
15028
- } = React.useContext(store$g);
14936
+ } = React.useContext(store$f);
15029
14937
  const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
15030
14938
  const price = updatedPrice !== null && updatedPrice !== void 0 ? updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount;
15031
14939
  const priceFormatted = getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
@@ -15046,17 +14954,17 @@ const SubmitPaymentMethod = ({
15046
14954
  }, t("labels.pay"), " ", priceFormatted && priceFormatted) : t("labels.submit"));
15047
14955
  };
15048
14956
 
15049
- var _path$n;
14957
+ var _path$m;
15050
14958
 
15051
- 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); }
14959
+ 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); }
15052
14960
 
15053
14961
  function SvgArrowLeft(props) {
15054
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
14962
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
15055
14963
  xmlns: "http://www.w3.org/2000/svg",
15056
14964
  fill: "none",
15057
14965
  viewBox: "0 0 24 24",
15058
14966
  stroke: "currentColor"
15059
- }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
14967
+ }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
15060
14968
  strokeLinecap: "round",
15061
14969
  strokeLinejoin: "round",
15062
14970
  strokeWidth: 2,
@@ -15075,7 +14983,7 @@ const ApplyCouponButton = ({
15075
14983
  disableCouponButton
15076
14984
  },
15077
14985
  dispatch
15078
- } = React.useContext(store$g);
14986
+ } = React.useContext(store$f);
15079
14987
  const {
15080
14988
  t
15081
14989
  } = useTranslation("checkoutForm");
@@ -15109,7 +15017,7 @@ const CouponCodeField = props => {
15109
15017
  couponCode,
15110
15018
  couponError
15111
15019
  }
15112
- } = React.useContext(store$g);
15020
+ } = React.useContext(store$f);
15113
15021
 
15114
15022
  const onCouponCodeChange = e => {
15115
15023
  dispatch({
@@ -15138,17 +15046,17 @@ const CouponCodeField = props => {
15138
15046
  }, props));
15139
15047
  };
15140
15048
 
15141
- var _path$m;
15049
+ var _path$l;
15142
15050
 
15143
- 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); }
15051
+ 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); }
15144
15052
 
15145
15053
  function SvgTicket(props) {
15146
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
15054
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
15147
15055
  xmlns: "http://www.w3.org/2000/svg",
15148
15056
  fill: "none",
15149
15057
  viewBox: "0 0 24 24",
15150
15058
  stroke: "currentColor"
15151
- }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
15059
+ }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
15152
15060
  strokeLinecap: "round",
15153
15061
  strokeLinejoin: "round",
15154
15062
  strokeWidth: 2,
@@ -15165,7 +15073,7 @@ const CouponCode = ({
15165
15073
  state: {
15166
15074
  enableCouponField
15167
15075
  }
15168
- } = React.useContext(store$g);
15076
+ } = React.useContext(store$f);
15169
15077
  const {
15170
15078
  t
15171
15079
  } = useTranslation("checkoutForm");
@@ -15422,7 +15330,7 @@ const PaypalSubscribeButton = props => {
15422
15330
  const {
15423
15331
  dispatch,
15424
15332
  state
15425
- } = React.useContext(store$g);
15333
+ } = React.useContext(store$f);
15426
15334
  const {
15427
15335
  product,
15428
15336
  plan,
@@ -15437,7 +15345,7 @@ const PaypalSubscribeButton = props => {
15437
15345
  const selectedAddress = getAddressById((_props$selectedAddres = props.selectedAddressId) !== null && _props$selectedAddres !== void 0 ? _props$selectedAddres : selectedAddressId); // initialize paypal client, then render paypal button.
15438
15346
 
15439
15347
  const initializePaypal = async () => {
15440
- var _props$buttonElementI, _props$product$addres, _props$product, _props$plan2;
15348
+ var _props$buttonElementI, _props$product$addres, _props$product;
15441
15349
 
15442
15350
  const paypalCheckoutInstance = new PaypalClient({
15443
15351
  buttonElementID: (_props$buttonElementI = props.buttonElementID) !== null && _props$buttonElementI !== void 0 ? _props$buttonElementI : "pelcro-paypal-button",
@@ -15447,13 +15355,34 @@ const PaypalSubscribeButton = props => {
15447
15355
  displayName: props.merchantDisplayName,
15448
15356
  locale: props.locale,
15449
15357
  billingAgreementDescription: props.billingDescription
15450
- }); // Await building paypal instance
15358
+ });
15451
15359
 
15452
- await paypalCheckoutInstance.build(); // Create paypal payment
15360
+ const getProduct = () => {
15361
+ if (invoice) {
15362
+ invoice.plan = null;
15453
15363
 
15454
- paypalCheckoutInstance.createPayment({
15455
- product: invoice ? invoice.plan : (_props$plan2 = props.plan) !== null && _props$plan2 !== void 0 ? _props$plan2 : plan,
15456
- amount: updatedPrice,
15364
+ if (invoice.plan) {
15365
+ return invoice.plan;
15366
+ } else {
15367
+ // standalone invoices dont have a plan
15368
+ return {
15369
+ currency: invoice.currency,
15370
+ nickname: `invoice #${invoice.id}`
15371
+ };
15372
+ }
15373
+ } else if (props.plan) {
15374
+ return props.plan;
15375
+ } else {
15376
+ return plan;
15377
+ }
15378
+ }; // Await building paypal instance
15379
+
15380
+
15381
+ await paypalCheckoutInstance.build(); // Create paypal payment
15382
+
15383
+ paypalCheckoutInstance.createPayment({
15384
+ product: getProduct(),
15385
+ amount: updatedPrice,
15457
15386
  address: invoice ? null : selectedAddress,
15458
15387
  onButtonClick: () => {
15459
15388
  dispatch({
@@ -15508,16 +15437,16 @@ const BankRedirection = () => {
15508
15437
  }));
15509
15438
  };
15510
15439
 
15511
- var _path$l;
15440
+ var _path$k;
15512
15441
 
15513
- 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); }
15442
+ 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); }
15514
15443
 
15515
15444
  function SvgLock(props) {
15516
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
15445
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
15517
15446
  xmlns: "http://www.w3.org/2000/svg",
15518
15447
  viewBox: "0 0 20 20",
15519
15448
  fill: "currentColor"
15520
- }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
15449
+ }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
15521
15450
  fillRule: "evenodd",
15522
15451
  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",
15523
15452
  clipRule: "evenodd"
@@ -15534,7 +15463,7 @@ const SelectedPaymentMethod = () => {
15534
15463
  state: {
15535
15464
  isLoading
15536
15465
  }
15537
- } = React.useContext(store$g);
15466
+ } = React.useContext(store$f);
15538
15467
  const {
15539
15468
  switchView,
15540
15469
  selectedPaymentMethodId
@@ -15576,7 +15505,7 @@ const TaxAmount = () => {
15576
15505
  state: {
15577
15506
  taxAmount
15578
15507
  }
15579
- } = React.useContext(store$g);
15508
+ } = React.useContext(store$f);
15580
15509
  const {
15581
15510
  plan
15582
15511
  } = usePelcro();
@@ -15740,12 +15669,12 @@ function SubscriptionRenewModal({
15740
15669
  }
15741
15670
  SubscriptionRenewModal.viewId = "subscription-renew";
15742
15671
 
15743
- var _path$k;
15672
+ var _path$j;
15744
15673
 
15745
- 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); }
15674
+ 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); }
15746
15675
 
15747
15676
  function SvgGift(props) {
15748
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
15677
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
15749
15678
  className: "plc-w-6 plc-h-6 plc-mr-2",
15750
15679
  fill: "none",
15751
15680
  stroke: "currentColor",
@@ -15754,7 +15683,7 @@ function SvgGift(props) {
15754
15683
  strokeWidth: 2,
15755
15684
  viewBox: "0 0 24 24",
15756
15685
  xmlns: "http://www.w3.org/2000/svg"
15757
- }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
15686
+ }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
15758
15687
  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"
15759
15688
  })));
15760
15689
  }
@@ -16095,7 +16024,7 @@ class DefaultNewsLetter extends React.Component {
16095
16024
 
16096
16025
  const NewsLetter = withTranslation("newsletter")(DefaultNewsLetter);
16097
16026
 
16098
- const initialState$f = {
16027
+ const initialState$e = {
16099
16028
  didSubToNewslettersBefore: false,
16100
16029
  newsletters: [],
16101
16030
  isListLoading: true,
@@ -16105,10 +16034,10 @@ const initialState$f = {
16105
16034
  content: ""
16106
16035
  }
16107
16036
  };
16108
- const store$f = /*#__PURE__*/React.createContext(initialState$f);
16037
+ const store$e = /*#__PURE__*/React.createContext(initialState$e);
16109
16038
  const {
16110
- Provider: Provider$f
16111
- } = store$f;
16039
+ Provider: Provider$e
16040
+ } = store$e;
16112
16041
 
16113
16042
  const NewsletterUpdateContainer = ({
16114
16043
  style,
@@ -16221,7 +16150,7 @@ const NewsletterUpdateContainer = ({
16221
16150
  default:
16222
16151
  return state;
16223
16152
  }
16224
- }, initialState$f);
16153
+ }, initialState$e);
16225
16154
  React.useEffect(() => {
16226
16155
  const getUserNewsletters = () => {
16227
16156
  var _window$Pelcro$user$r3, _window$Pelcro$user$r4;
@@ -16265,7 +16194,7 @@ const NewsletterUpdateContainer = ({
16265
16194
  style: { ...style
16266
16195
  },
16267
16196
  className: `pelcro-container pelcro-newsletter-update-container ${className}`
16268
- }, /*#__PURE__*/React__default['default'].createElement(Provider$f, {
16197
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$e, {
16269
16198
  value: {
16270
16199
  state,
16271
16200
  dispatch
@@ -16273,12 +16202,12 @@ const NewsletterUpdateContainer = ({
16273
16202
  }, children.length ? children.map((child, i) => {
16274
16203
  if (child) {
16275
16204
  return /*#__PURE__*/React__default['default'].cloneElement(child, {
16276
- store: store$f,
16205
+ store: store$e,
16277
16206
  key: i
16278
16207
  });
16279
16208
  }
16280
16209
  }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
16281
- store: store$f
16210
+ store: store$e
16282
16211
  })));
16283
16212
  };
16284
16213
 
@@ -16293,7 +16222,7 @@ const NewsletterUpdateButton = ({
16293
16222
  isSubmitting,
16294
16223
  isListLoading
16295
16224
  }
16296
- } = React.useContext(store$f);
16225
+ } = React.useContext(store$e);
16297
16226
  const {
16298
16227
  t
16299
16228
  } = useTranslation("newsletter");
@@ -16323,7 +16252,7 @@ const NewsletterUpdateList = () => {
16323
16252
  newsletters,
16324
16253
  isListLoading
16325
16254
  }
16326
- } = React.useContext(store$f);
16255
+ } = React.useContext(store$e);
16327
16256
 
16328
16257
  if (isListLoading) {
16329
16258
  return /*#__PURE__*/React__default['default'].createElement(Loader, {
@@ -16527,7 +16456,7 @@ function SubscriptionCreateModal({
16527
16456
  SubscriptionCreateModal.viewId = "subscription-create";
16528
16457
 
16529
16458
  var _window$Pelcro$user$r, _window$Pelcro$user$r2, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5;
16530
- const initialState$e = {
16459
+ const initialState$d = {
16531
16460
  email: (_window$Pelcro$user$r = window.Pelcro.user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : _window$Pelcro$user$r.email,
16532
16461
  firstName: (_window$Pelcro$user$r2 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.first_name,
16533
16462
  lastName: (_window$Pelcro$user$r3 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r3 === void 0 ? void 0 : _window$Pelcro$user$r3.last_name,
@@ -16540,10 +16469,10 @@ const initialState$e = {
16540
16469
  content: ""
16541
16470
  }
16542
16471
  };
16543
- const store$e = /*#__PURE__*/React.createContext(initialState$e);
16472
+ const store$d = /*#__PURE__*/React.createContext(initialState$d);
16544
16473
  const {
16545
- Provider: Provider$e
16546
- } = store$e;
16474
+ Provider: Provider$d
16475
+ } = store$d;
16547
16476
 
16548
16477
  const UserUpdateContainer = ({
16549
16478
  style,
@@ -16675,27 +16604,27 @@ const UserUpdateContainer = ({
16675
16604
  default:
16676
16605
  return state;
16677
16606
  }
16678
- }, initialState$e);
16607
+ }, initialState$d);
16679
16608
  return /*#__PURE__*/React__default['default'].createElement("div", {
16680
16609
  style: { ...style
16681
16610
  },
16682
16611
  className: `pelcro-container pelcro-user-update-container ${className}`
16683
- }, /*#__PURE__*/React__default['default'].createElement(Provider$e, {
16612
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$d, {
16684
16613
  value: {
16685
16614
  state,
16686
16615
  dispatch
16687
16616
  }
16688
16617
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
16689
- store: store$e,
16618
+ store: store$d,
16690
16619
  key: i
16691
16620
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
16692
- store: store$e
16621
+ store: store$d
16693
16622
  })));
16694
16623
  };
16695
16624
 
16696
16625
  const UserUpdateEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
16697
16626
  disabled: true,
16698
- store: store$e
16627
+ store: store$d
16699
16628
  }, props));
16700
16629
 
16701
16630
  const UserUpdateButton = ({
@@ -16708,7 +16637,7 @@ const UserUpdateButton = ({
16708
16637
  buttonDisabled
16709
16638
  },
16710
16639
  dispatch
16711
- } = React.useContext(store$e);
16640
+ } = React.useContext(store$d);
16712
16641
  const {
16713
16642
  t
16714
16643
  } = useTranslation("userEdit");
@@ -16725,11 +16654,11 @@ const UserUpdateButton = ({
16725
16654
  };
16726
16655
 
16727
16656
  const UserUpdateFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
16728
- store: store$e
16657
+ store: store$d
16729
16658
  }, props));
16730
16659
 
16731
16660
  const UserUpdateLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
16732
- store: store$e
16661
+ store: store$d
16733
16662
  }, props));
16734
16663
 
16735
16664
  function Phone({
@@ -16758,22 +16687,22 @@ function Phone({
16758
16687
  }
16759
16688
 
16760
16689
  const UserUpdatePhone = props => /*#__PURE__*/React__default['default'].createElement(Phone, Object.assign({
16761
- store: store$e
16690
+ store: store$d
16762
16691
  }, props));
16763
16692
 
16764
16693
  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";
16765
16694
 
16766
- var _path$j;
16695
+ var _path$i;
16767
16696
 
16768
- 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); }
16697
+ 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); }
16769
16698
 
16770
16699
  function SvgEdit(props) {
16771
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
16700
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
16772
16701
  className: "plc-w-6 plc-h-6",
16773
16702
  xmlns: "http://www.w3.org/2000/svg",
16774
16703
  viewBox: "0 0 20 20",
16775
16704
  fill: "currentColor"
16776
- }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
16705
+ }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
16777
16706
  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"
16778
16707
  })));
16779
16708
  }
@@ -16905,16 +16834,16 @@ function DisplayName({
16905
16834
  }
16906
16835
 
16907
16836
  const UserUpdateDisplayName = props => /*#__PURE__*/React__default['default'].createElement(DisplayName, Object.assign({
16908
- store: store$e
16837
+ store: store$d
16909
16838
  }, props));
16910
16839
 
16911
16840
  const UserUpdateTextInput = props => {
16912
16841
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
16913
- store: store$e
16842
+ store: store$d
16914
16843
  }));
16915
16844
  };
16916
16845
 
16917
- const initialState$d = {
16846
+ const initialState$c = {
16918
16847
  isSubmitting: false,
16919
16848
  firstName: "",
16920
16849
  firstNameError: "",
@@ -16939,10 +16868,10 @@ const initialState$d = {
16939
16868
  content: ""
16940
16869
  }
16941
16870
  };
16942
- const store$d = /*#__PURE__*/React.createContext(initialState$d);
16871
+ const store$c = /*#__PURE__*/React.createContext(initialState$c);
16943
16872
  const {
16944
- Provider: Provider$d
16945
- } = store$d;
16873
+ Provider: Provider$c
16874
+ } = store$c;
16946
16875
 
16947
16876
  const getNewlyCreatedAddress = addresses => addresses[addresses.length - 1];
16948
16877
 
@@ -17149,7 +17078,7 @@ const AddressCreateContainer = ({
17149
17078
  default:
17150
17079
  return state;
17151
17080
  }
17152
- }, initialState$d);
17081
+ }, initialState$c);
17153
17082
  React.useEffect(() => {
17154
17083
  const getStates = () => {
17155
17084
  dispatch({
@@ -17181,16 +17110,16 @@ const AddressCreateContainer = ({
17181
17110
  style: { ...style
17182
17111
  },
17183
17112
  className: `pelcro-container pelcro-address-create-container ${className}`
17184
- }, /*#__PURE__*/React__default['default'].createElement(Provider$d, {
17113
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$c, {
17185
17114
  value: {
17186
17115
  state,
17187
17116
  dispatch
17188
17117
  }
17189
17118
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
17190
- store: store$d,
17119
+ store: store$c,
17191
17120
  key: i
17192
17121
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
17193
- store: store$d
17122
+ store: store$c
17194
17123
  })));
17195
17124
  };
17196
17125
 
@@ -17201,7 +17130,7 @@ function AddressCreateFirstName(props) {
17201
17130
  firstName,
17202
17131
  firstNameError
17203
17132
  }
17204
- } = React.useContext(store$d);
17133
+ } = React.useContext(store$c);
17205
17134
 
17206
17135
  const handleBlur = () => {
17207
17136
  return dispatch({
@@ -17244,7 +17173,7 @@ function AddressCreateLastName(props) {
17244
17173
  lastName,
17245
17174
  lastNameError
17246
17175
  }
17247
- } = React.useContext(store$d);
17176
+ } = React.useContext(store$c);
17248
17177
 
17249
17178
  const handleBlur = () => {
17250
17179
  return dispatch({
@@ -17287,7 +17216,7 @@ function AddressCreateLine1(props) {
17287
17216
  line1,
17288
17217
  line1Error
17289
17218
  }
17290
- } = React.useContext(store$d);
17219
+ } = React.useContext(store$c);
17291
17220
 
17292
17221
  const handleBlur = () => {
17293
17222
  return dispatch({
@@ -17330,7 +17259,7 @@ function AddressCreateCity(props) {
17330
17259
  city,
17331
17260
  cityError
17332
17261
  }
17333
- } = React.useContext(store$d);
17262
+ } = React.useContext(store$c);
17334
17263
 
17335
17264
  const handleBlur = () => {
17336
17265
  return dispatch({
@@ -17373,7 +17302,7 @@ function AddressCreatePostalCode(props) {
17373
17302
  postalCode,
17374
17303
  postalCodeError
17375
17304
  }
17376
- } = React.useContext(store$d);
17305
+ } = React.useContext(store$c);
17377
17306
 
17378
17307
  const handleBlur = () => {
17379
17308
  return dispatch({
@@ -17419,7 +17348,7 @@ const AddressCreateSubmit = ({
17419
17348
  state: {
17420
17349
  isSubmitting
17421
17350
  }
17422
- } = React.useContext(store$d);
17351
+ } = React.useContext(store$c);
17423
17352
  const {
17424
17353
  t
17425
17354
  } = useTranslation("address");
@@ -17530,7 +17459,7 @@ function CountrySelect({
17530
17459
  }
17531
17460
 
17532
17461
  const AddressCreateCountrySelect = props => /*#__PURE__*/React__default['default'].createElement(CountrySelect, Object.assign({
17533
- store: store$d
17462
+ store: store$c
17534
17463
  }, props));
17535
17464
 
17536
17465
  function StateSelect({
@@ -17618,7 +17547,7 @@ function StateSelect({
17618
17547
  }
17619
17548
 
17620
17549
  const AddressCreateStateSelect = props => /*#__PURE__*/React__default['default'].createElement(StateSelect, Object.assign({
17621
- store: store$d
17550
+ store: store$c
17622
17551
  }, props));
17623
17552
 
17624
17553
  const AddressCreateView = props => {
@@ -17723,18 +17652,18 @@ AddressCreateModal.viewId = "address-create";
17723
17652
 
17724
17653
  const AddressCreateTextInput = props => {
17725
17654
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
17726
- store: store$d
17655
+ store: store$c
17727
17656
  }));
17728
17657
  };
17729
17658
 
17730
17659
  const AddressCreateLine2 = props => {
17731
17660
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({
17732
17661
  fieldName: "line2",
17733
- store: store$d
17662
+ store: store$c
17734
17663
  }, props));
17735
17664
  };
17736
17665
 
17737
- const initialState$c = {
17666
+ const initialState$b = {
17738
17667
  isSubmitting: false,
17739
17668
  firstName: "",
17740
17669
  firstNameError: "",
@@ -17759,10 +17688,10 @@ const initialState$c = {
17759
17688
  content: ""
17760
17689
  }
17761
17690
  };
17762
- const store$c = /*#__PURE__*/React.createContext(initialState$c);
17691
+ const store$b = /*#__PURE__*/React.createContext(initialState$b);
17763
17692
  const {
17764
- Provider: Provider$c
17765
- } = store$c;
17693
+ Provider: Provider$b
17694
+ } = store$b;
17766
17695
 
17767
17696
  const AddressUpdateContainer = ({
17768
17697
  style,
@@ -17814,7 +17743,7 @@ const AddressUpdateContainer = ({
17814
17743
  const thisAddress = addresses[address];
17815
17744
 
17816
17745
  if (+thisAddress.id === +addressId) {
17817
- const newState = { ...initialState$c,
17746
+ const newState = { ...initialState$b,
17818
17747
  firstName: thisAddress.first_name,
17819
17748
  lastName: thisAddress.last_name,
17820
17749
  line1: thisAddress.line1,
@@ -17947,7 +17876,7 @@ const AddressUpdateContainer = ({
17947
17876
  default:
17948
17877
  return state;
17949
17878
  }
17950
- }, initialState$c);
17879
+ }, initialState$b);
17951
17880
  React.useEffect(() => {
17952
17881
  const getStates = () => {
17953
17882
  dispatch({
@@ -17979,21 +17908,21 @@ const AddressUpdateContainer = ({
17979
17908
  style: { ...style
17980
17909
  },
17981
17910
  className: `pelcro-container pelcro-address-update-container ${className}`
17982
- }, /*#__PURE__*/React__default['default'].createElement(Provider$c, {
17911
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$b, {
17983
17912
  value: {
17984
17913
  state,
17985
17914
  dispatch
17986
17915
  }
17987
17916
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
17988
- store: store$c,
17917
+ store: store$b,
17989
17918
  key: i
17990
17919
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
17991
- store: store$c
17920
+ store: store$b
17992
17921
  })));
17993
17922
  };
17994
17923
 
17995
17924
  const AddressUpdateCountrySelect = props => /*#__PURE__*/React__default['default'].createElement(CountrySelect, Object.assign({
17996
- store: store$c
17925
+ store: store$b
17997
17926
  }, props));
17998
17927
 
17999
17928
  function AddressUpdateFirstName(props) {
@@ -18003,7 +17932,7 @@ function AddressUpdateFirstName(props) {
18003
17932
  firstName,
18004
17933
  firstNameError
18005
17934
  }
18006
- } = React.useContext(store$c);
17935
+ } = React.useContext(store$b);
18007
17936
 
18008
17937
  const handleBlur = () => {
18009
17938
  return dispatch({
@@ -18046,7 +17975,7 @@ function AddressUpdateLastName(props) {
18046
17975
  lastName,
18047
17976
  lastNameError
18048
17977
  }
18049
- } = React.useContext(store$c);
17978
+ } = React.useContext(store$b);
18050
17979
 
18051
17980
  const handleBlur = () => {
18052
17981
  return dispatch({
@@ -18089,7 +18018,7 @@ function AddressUpdateLine1(props) {
18089
18018
  line1,
18090
18019
  line1Error
18091
18020
  }
18092
- } = React.useContext(store$c);
18021
+ } = React.useContext(store$b);
18093
18022
 
18094
18023
  const handleBlur = () => {
18095
18024
  return dispatch({
@@ -18129,7 +18058,7 @@ const AddressUpdateLine2 = props => {
18129
18058
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({
18130
18059
  fieldName: "line2"
18131
18060
  }, props, {
18132
- store: store$c
18061
+ store: store$b
18133
18062
  }));
18134
18063
  };
18135
18064
 
@@ -18140,7 +18069,7 @@ function AddressUpdateCity(props) {
18140
18069
  city,
18141
18070
  cityError
18142
18071
  }
18143
- } = React.useContext(store$c);
18072
+ } = React.useContext(store$b);
18144
18073
 
18145
18074
  const handleBlur = () => {
18146
18075
  return dispatch({
@@ -18183,7 +18112,7 @@ function AddressUpdatePostalCode(props) {
18183
18112
  postalCode,
18184
18113
  postalCodeError
18185
18114
  }
18186
- } = React.useContext(store$c);
18115
+ } = React.useContext(store$b);
18187
18116
 
18188
18117
  const handleBlur = () => {
18189
18118
  return dispatch({
@@ -18229,7 +18158,7 @@ const AddressUpdateSubmit = ({
18229
18158
  state: {
18230
18159
  isSubmitting
18231
18160
  }
18232
- } = React.useContext(store$c);
18161
+ } = React.useContext(store$b);
18233
18162
  const {
18234
18163
  t
18235
18164
  } = useTranslation("address");
@@ -18245,7 +18174,7 @@ const AddressUpdateSubmit = ({
18245
18174
  };
18246
18175
 
18247
18176
  const AddressUpdateStateSelect = props => /*#__PURE__*/React__default['default'].createElement(StateSelect, Object.assign({
18248
- store: store$c
18177
+ store: store$b
18249
18178
  }, props));
18250
18179
 
18251
18180
  const AddressUpdateView = props => {
@@ -18328,7 +18257,7 @@ AddressUpdateModal.viewId = "address-edit";
18328
18257
 
18329
18258
  const AddressUpdateTextInput = props => {
18330
18259
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
18331
- store: store$c
18260
+ store: store$b
18332
18261
  }));
18333
18262
  };
18334
18263
 
@@ -18411,7 +18340,7 @@ const PaymentMethodUpdateModal = props => {
18411
18340
  };
18412
18341
  PaymentMethodUpdateModal.viewId = "payment-method-update";
18413
18342
 
18414
- const initialState$b = {
18343
+ const initialState$a = {
18415
18344
  email: "",
18416
18345
  password: "",
18417
18346
  passwordError: null,
@@ -18424,10 +18353,10 @@ const initialState$b = {
18424
18353
  content: ""
18425
18354
  }
18426
18355
  };
18427
- const store$b = /*#__PURE__*/React.createContext(initialState$b);
18356
+ const store$a = /*#__PURE__*/React.createContext(initialState$a);
18428
18357
  const {
18429
- Provider: Provider$b
18430
- } = store$b;
18358
+ Provider: Provider$a
18359
+ } = store$a;
18431
18360
 
18432
18361
  const PasswordResetContainer = ({
18433
18362
  style,
@@ -18484,7 +18413,7 @@ const PasswordResetContainer = ({
18484
18413
  type: SET_EMAIL,
18485
18414
  payload: window.Pelcro.helpers.getURLParameter("email")
18486
18415
  });
18487
- initialState$b.email = window.Pelcro.helpers.getURLParameter("email");
18416
+ initialState$a.email = window.Pelcro.helpers.getURLParameter("email");
18488
18417
  dispatch({
18489
18418
  type: SET_TOKEN,
18490
18419
  payload: window.Pelcro.helpers.getURLParameter("token")
@@ -18544,26 +18473,26 @@ const PasswordResetContainer = ({
18544
18473
  default:
18545
18474
  return state;
18546
18475
  }
18547
- }, initialState$b);
18476
+ }, initialState$a);
18548
18477
  return /*#__PURE__*/React__default['default'].createElement("div", {
18549
18478
  style: { ...style
18550
18479
  },
18551
18480
  className: `pelcro-container pelcro-password-reset-container ${className}`
18552
- }, /*#__PURE__*/React__default['default'].createElement(Provider$b, {
18481
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$a, {
18553
18482
  value: {
18554
18483
  state,
18555
18484
  dispatch
18556
18485
  }
18557
18486
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
18558
- store: store$b,
18487
+ store: store$a,
18559
18488
  key: i
18560
18489
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
18561
- store: store$b
18490
+ store: store$a
18562
18491
  })));
18563
18492
  };
18564
18493
 
18565
18494
  const PasswordResetPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
18566
- store: store$b
18495
+ store: store$a
18567
18496
  }, props));
18568
18497
 
18569
18498
  const PasswordResetButton = ({
@@ -18576,7 +18505,7 @@ const PasswordResetButton = ({
18576
18505
  buttonDisabled
18577
18506
  },
18578
18507
  dispatch
18579
- } = React.useContext(store$b);
18508
+ } = React.useContext(store$a);
18580
18509
  const {
18581
18510
  t
18582
18511
  } = useTranslation("passwordReset");
@@ -18593,14 +18522,14 @@ const PasswordResetButton = ({
18593
18522
  };
18594
18523
 
18595
18524
  const PasswordResetEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
18596
- store: store$b
18525
+ store: store$a
18597
18526
  }, props, {
18598
18527
  value: window.Pelcro.helpers.getURLParameter("email"),
18599
18528
  disabled: true
18600
18529
  }));
18601
18530
 
18602
18531
  const PasswordResetConfirmPassword = props => /*#__PURE__*/React__default['default'].createElement(ConfirmPassword, Object.assign({
18603
- store: store$b
18532
+ store: store$a
18604
18533
  }, props));
18605
18534
 
18606
18535
  const PasswordResetView = props => {
@@ -18652,7 +18581,7 @@ const PasswordResetModal = ({
18652
18581
  };
18653
18582
  PasswordResetModal.viewId = "password-reset";
18654
18583
 
18655
- const initialState$a = {
18584
+ const initialState$9 = {
18656
18585
  email: "",
18657
18586
  emailError: null,
18658
18587
  buttonDisabled: false,
@@ -18661,10 +18590,10 @@ const initialState$a = {
18661
18590
  content: ""
18662
18591
  }
18663
18592
  };
18664
- const store$a = /*#__PURE__*/React.createContext(initialState$a);
18593
+ const store$9 = /*#__PURE__*/React.createContext(initialState$9);
18665
18594
  const {
18666
- Provider: Provider$a
18667
- } = store$a;
18595
+ Provider: Provider$9
18596
+ } = store$9;
18668
18597
 
18669
18598
  const PasswordForgotContainer = ({
18670
18599
  style,
@@ -18742,21 +18671,21 @@ const PasswordForgotContainer = ({
18742
18671
  default:
18743
18672
  return state;
18744
18673
  }
18745
- }, initialState$a);
18674
+ }, initialState$9);
18746
18675
  return /*#__PURE__*/React__default['default'].createElement("div", {
18747
18676
  style: { ...style
18748
18677
  },
18749
18678
  className: `pelcro-container pelcro-password-forgot-container ${className}`
18750
- }, /*#__PURE__*/React__default['default'].createElement(Provider$a, {
18679
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$9, {
18751
18680
  value: {
18752
18681
  state,
18753
18682
  dispatch
18754
18683
  }
18755
18684
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
18756
- store: store$a,
18685
+ store: store$9,
18757
18686
  key: i
18758
18687
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
18759
- store: store$a
18688
+ store: store$9
18760
18689
  })));
18761
18690
  };
18762
18691
 
@@ -18772,7 +18701,7 @@ const PasswordForgotButton = ({
18772
18701
  emailError
18773
18702
  },
18774
18703
  dispatch
18775
- } = React.useContext(store$a);
18704
+ } = React.useContext(store$9);
18776
18705
  const {
18777
18706
  t
18778
18707
  } = useTranslation("passwordForgot");
@@ -18793,7 +18722,7 @@ const PasswordForgotButton = ({
18793
18722
  };
18794
18723
 
18795
18724
  const PasswordForgotEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
18796
- store: store$a
18725
+ store: store$9
18797
18726
  }, props));
18798
18727
 
18799
18728
  const PasswordForgotView = props => {
@@ -18843,7 +18772,7 @@ const PasswordForgotModal = ({
18843
18772
  };
18844
18773
  PasswordForgotModal.viewId = "password-forgot";
18845
18774
 
18846
- const initialState$9 = {
18775
+ const initialState$8 = {
18847
18776
  currentPassword: "",
18848
18777
  newPassword: "",
18849
18778
  confirmNewPassword: "",
@@ -18857,10 +18786,10 @@ const initialState$9 = {
18857
18786
  content: ""
18858
18787
  }
18859
18788
  };
18860
- const store$9 = /*#__PURE__*/React.createContext(initialState$9);
18789
+ const store$8 = /*#__PURE__*/React.createContext(initialState$8);
18861
18790
  const {
18862
- Provider: Provider$9
18863
- } = store$9;
18791
+ Provider: Provider$8
18792
+ } = store$8;
18864
18793
  const PasswordChangeContainer = ({
18865
18794
  style,
18866
18795
  className = "",
@@ -19012,21 +18941,21 @@ const PasswordChangeContainer = ({
19012
18941
  default:
19013
18942
  return state;
19014
18943
  }
19015
- }, initialState$9);
18944
+ }, initialState$8);
19016
18945
  return /*#__PURE__*/React__default['default'].createElement("div", {
19017
18946
  style: { ...style
19018
18947
  },
19019
18948
  className: `pelcro-container pelcro-password-change-container ${className}`
19020
- }, /*#__PURE__*/React__default['default'].createElement(Provider$9, {
18949
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$8, {
19021
18950
  value: {
19022
18951
  state,
19023
18952
  dispatch
19024
18953
  }
19025
18954
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
19026
- store: store$9,
18955
+ store: store$8,
19027
18956
  key: i
19028
18957
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
19029
- store: store$9
18958
+ store: store$8
19030
18959
  })));
19031
18960
  };
19032
18961
 
@@ -19037,7 +18966,7 @@ function PasswordChangeCurrentPassword(props) {
19037
18966
  currentPassword,
19038
18967
  currentPasswordError
19039
18968
  }
19040
- } = React.useContext(store$9);
18969
+ } = React.useContext(store$8);
19041
18970
  const handleBlur = React.useCallback(() => {
19042
18971
  return dispatch({
19043
18972
  type: VALIDATE_PASSWORD
@@ -19071,7 +19000,7 @@ function PasswordChangeNewPassword(props) {
19071
19000
  newPassword,
19072
19001
  newPasswordError
19073
19002
  }
19074
- } = React.useContext(store$9);
19003
+ } = React.useContext(store$8);
19075
19004
  const handleBlur = React.useCallback(() => {
19076
19005
  return dispatch({
19077
19006
  type: VALIDATE_NEW_PASSWORD
@@ -19105,7 +19034,7 @@ function PasswordChangeConfirmNewPassword(props) {
19105
19034
  confirmNewPassword,
19106
19035
  confirmNewPasswordError
19107
19036
  }
19108
- } = React.useContext(store$9);
19037
+ } = React.useContext(store$8);
19109
19038
  const handleBlur = React.useCallback(() => {
19110
19039
  return dispatch({
19111
19040
  type: VALIDATE_CONFIRM_NEW_PASSWORD
@@ -19146,7 +19075,7 @@ const PasswordChangeButton = ({
19146
19075
  confirmNewPasswordError
19147
19076
  },
19148
19077
  dispatch
19149
- } = React.useContext(store$9);
19078
+ } = React.useContext(store$8);
19150
19079
  const {
19151
19080
  t
19152
19081
  } = useTranslation("passwordChange");
@@ -19212,17 +19141,17 @@ const PasswordChangeModal = ({
19212
19141
  };
19213
19142
  PasswordChangeModal.viewId = "password-change";
19214
19143
 
19215
- const initialState$8 = {
19144
+ const initialState$7 = {
19216
19145
  buttonDisabled: false,
19217
19146
  alert: {
19218
19147
  type: "error",
19219
19148
  content: ""
19220
19149
  }
19221
19150
  };
19222
- const store$8 = /*#__PURE__*/React.createContext(initialState$8);
19151
+ const store$7 = /*#__PURE__*/React.createContext(initialState$7);
19223
19152
  const {
19224
- Provider: Provider$8
19225
- } = store$8;
19153
+ Provider: Provider$7
19154
+ } = store$7;
19226
19155
 
19227
19156
  const CartContainer = ({
19228
19157
  style,
@@ -19313,21 +19242,21 @@ const CartContainer = ({
19313
19242
  default:
19314
19243
  return state;
19315
19244
  }
19316
- }, initialState$8);
19245
+ }, initialState$7);
19317
19246
  return /*#__PURE__*/React__default['default'].createElement("div", {
19318
19247
  style: { ...style
19319
19248
  },
19320
19249
  className: `pelcro-container pelcro-cart-container ${className}`
19321
- }, /*#__PURE__*/React__default['default'].createElement(Provider$8, {
19250
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$7, {
19322
19251
  value: {
19323
19252
  state,
19324
19253
  dispatch
19325
19254
  }
19326
19255
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
19327
- store: store$8,
19256
+ store: store$7,
19328
19257
  key: i
19329
19258
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
19330
- store: store$8
19259
+ store: store$7
19331
19260
  })));
19332
19261
  };
19333
19262
 
@@ -19364,7 +19293,7 @@ const CartSubmit = ({
19364
19293
  buttonDisabled
19365
19294
  },
19366
19295
  dispatch
19367
- } = React.useContext(store$8);
19296
+ } = React.useContext(store$7);
19368
19297
  const {
19369
19298
  t
19370
19299
  } = useTranslation("cart");
@@ -19395,7 +19324,7 @@ const CartTotalPrice = () => {
19395
19324
  state: {
19396
19325
  alert
19397
19326
  }
19398
- } = React.useContext(store$8);
19327
+ } = React.useContext(store$7);
19399
19328
  const {
19400
19329
  cartItems
19401
19330
  } = usePelcro();
@@ -19708,7 +19637,7 @@ const OrderConfirmModal = props => {
19708
19637
  };
19709
19638
  OrderConfirmModal.viewId = "order-confirm";
19710
19639
 
19711
- const initialState$7 = {
19640
+ const initialState$6 = {
19712
19641
  email: "",
19713
19642
  firstName: "",
19714
19643
  lastName: "",
@@ -19720,10 +19649,10 @@ const initialState$7 = {
19720
19649
  content: ""
19721
19650
  }
19722
19651
  };
19723
- const store$7 = /*#__PURE__*/React.createContext(initialState$7);
19652
+ const store$6 = /*#__PURE__*/React.createContext(initialState$6);
19724
19653
  const {
19725
- Provider: Provider$7
19726
- } = store$7;
19654
+ Provider: Provider$6
19655
+ } = store$6;
19727
19656
 
19728
19657
  const GiftCreateContainer = ({
19729
19658
  style,
@@ -19827,21 +19756,21 @@ const GiftCreateContainer = ({
19827
19756
  default:
19828
19757
  return state;
19829
19758
  }
19830
- }, initialState$7);
19759
+ }, initialState$6);
19831
19760
  return /*#__PURE__*/React__default['default'].createElement("div", {
19832
19761
  style: { ...style
19833
19762
  },
19834
19763
  className: `pelcro-container pelcro-gift-create-container ${className}`
19835
- }, /*#__PURE__*/React__default['default'].createElement(Provider$7, {
19764
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$6, {
19836
19765
  value: {
19837
19766
  state,
19838
19767
  dispatch
19839
19768
  }
19840
19769
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
19841
- store: store$7,
19770
+ store: store$6,
19842
19771
  key: i
19843
19772
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
19844
- store: store$7
19773
+ store: store$6
19845
19774
  })));
19846
19775
  };
19847
19776
 
@@ -19855,7 +19784,7 @@ const GiftCreateSubmitButton = ({
19855
19784
  state: {
19856
19785
  disableSubmit
19857
19786
  }
19858
- } = React.useContext(store$7);
19787
+ } = React.useContext(store$6);
19859
19788
  const {
19860
19789
  t
19861
19790
  } = useTranslation("register");
@@ -19872,29 +19801,29 @@ const GiftCreateSubmitButton = ({
19872
19801
 
19873
19802
  const GiftCreateEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
19874
19803
  initWithUserEmail: false,
19875
- store: store$7
19804
+ store: store$6
19876
19805
  }, props));
19877
19806
 
19878
19807
  const GiftCreateFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
19879
- store: store$7
19808
+ store: store$6
19880
19809
  }, props));
19881
19810
 
19882
19811
  const GiftCreateLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
19883
- store: store$7
19812
+ store: store$6
19884
19813
  }, props));
19885
19814
 
19886
- var _path$i;
19815
+ var _path$h;
19887
19816
 
19888
- 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); }
19817
+ 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); }
19889
19818
 
19890
19819
  function SvgInfoCircle(props) {
19891
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
19820
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
19892
19821
  xmlns: "http://www.w3.org/2000/svg",
19893
19822
  className: "plc-w-5 plc-h-5",
19894
19823
  fill: "none",
19895
19824
  viewBox: "0 0 24 24",
19896
19825
  stroke: "currentColor"
19897
- }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
19826
+ }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
19898
19827
  strokeLinecap: "round",
19899
19828
  strokeLinejoin: "round",
19900
19829
  strokeWidth: 2,
@@ -19965,7 +19894,7 @@ const GiftCreateStartDate = props => {
19965
19894
  const {
19966
19895
  dispatch,
19967
19896
  state
19968
- } = React.useContext(store$7);
19897
+ } = React.useContext(store$6);
19969
19898
 
19970
19899
  const handleInputChange = value => {
19971
19900
  dispatch({
@@ -20038,7 +19967,7 @@ function GiftCreateMessage(props) {
20038
19967
  const {
20039
19968
  dispatch,
20040
19969
  state
20041
- } = React.useContext(store$7);
19970
+ } = React.useContext(store$6);
20042
19971
  const MAX_CHARS_COUNT = 200;
20043
19972
  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;
20044
19973
 
@@ -20162,7 +20091,7 @@ const GiftCreateModal = ({
20162
20091
  };
20163
20092
  GiftCreateModal.viewId = "gift-create";
20164
20093
 
20165
- const initialState$6 = {
20094
+ const initialState$5 = {
20166
20095
  giftCode: "",
20167
20096
  buttonDisabled: true,
20168
20097
  alert: {
@@ -20170,10 +20099,10 @@ const initialState$6 = {
20170
20099
  content: ""
20171
20100
  }
20172
20101
  };
20173
- const store$6 = /*#__PURE__*/React.createContext(initialState$6);
20102
+ const store$5 = /*#__PURE__*/React.createContext(initialState$5);
20174
20103
  const {
20175
- Provider: Provider$6
20176
- } = store$6;
20104
+ Provider: Provider$5
20105
+ } = store$5;
20177
20106
 
20178
20107
  const GiftRedeemContainer = ({
20179
20108
  style,
@@ -20238,21 +20167,21 @@ const GiftRedeemContainer = ({
20238
20167
  default:
20239
20168
  return state;
20240
20169
  }
20241
- }, initialState$6);
20170
+ }, initialState$5);
20242
20171
  return /*#__PURE__*/React__default['default'].createElement("div", {
20243
20172
  style: { ...style
20244
20173
  },
20245
20174
  className: `pelcro-container pelcro-gift-redeem-container ${className}`
20246
- }, /*#__PURE__*/React__default['default'].createElement(Provider$6, {
20175
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$5, {
20247
20176
  value: {
20248
20177
  state,
20249
20178
  dispatch
20250
20179
  }
20251
20180
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
20252
- store: store$6,
20181
+ store: store$5,
20253
20182
  key: i
20254
20183
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
20255
- store: store$6
20184
+ store: store$5
20256
20185
  })));
20257
20186
  };
20258
20187
 
@@ -20289,7 +20218,7 @@ function GiftCode({
20289
20218
  }
20290
20219
 
20291
20220
  const GiftRedeemCode = props => /*#__PURE__*/React__default['default'].createElement(GiftCode, Object.assign({
20292
- store: store$6
20221
+ store: store$5
20293
20222
  }, props));
20294
20223
 
20295
20224
  const GiftRedeemSubmitButton = ({
@@ -20302,7 +20231,7 @@ const GiftRedeemSubmitButton = ({
20302
20231
  state: {
20303
20232
  disableSubmit
20304
20233
  }
20305
- } = React.useContext(store$6);
20234
+ } = React.useContext(store$5);
20306
20235
  const {
20307
20236
  t
20308
20237
  } = useTranslation("register");
@@ -20395,7 +20324,7 @@ const moveDefaultAddressToStart = addresses => {
20395
20324
  return [defaultAddress, ...addressesWithoutDefault];
20396
20325
  };
20397
20326
 
20398
- const initialState$5 = {
20327
+ const initialState$4 = {
20399
20328
  addresses: [],
20400
20329
  selectedAddressId: null,
20401
20330
  isSubmitting: false,
@@ -20404,10 +20333,10 @@ const initialState$5 = {
20404
20333
  content: ""
20405
20334
  }
20406
20335
  };
20407
- const store$5 = /*#__PURE__*/React.createContext(initialState$5);
20336
+ const store$4 = /*#__PURE__*/React.createContext(initialState$4);
20408
20337
  const {
20409
- Provider: Provider$5
20410
- } = store$5;
20338
+ Provider: Provider$4
20339
+ } = store$4;
20411
20340
 
20412
20341
  const AddressSelectContainer = ({
20413
20342
  style,
@@ -20502,7 +20431,7 @@ const AddressSelectContainer = ({
20502
20431
  default:
20503
20432
  return state;
20504
20433
  }
20505
- }, initialState$5);
20434
+ }, initialState$4);
20506
20435
  React.useEffect(() => {
20507
20436
  var _window$Pelcro$user$r;
20508
20437
 
@@ -20515,16 +20444,16 @@ const AddressSelectContainer = ({
20515
20444
  style: { ...style
20516
20445
  },
20517
20446
  className: `pelcro-container pelcro-address-select-container ${className}`
20518
- }, /*#__PURE__*/React__default['default'].createElement(Provider$5, {
20447
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$4, {
20519
20448
  value: {
20520
20449
  state,
20521
20450
  dispatch
20522
20451
  }
20523
20452
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
20524
- store: store$5,
20453
+ store: store$4,
20525
20454
  key: i
20526
20455
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
20527
- store: store$5
20456
+ store: store$4
20528
20457
  })));
20529
20458
  };
20530
20459
 
@@ -20535,7 +20464,7 @@ const AddressSelectList = () => {
20535
20464
  addresses,
20536
20465
  selectedAddressId
20537
20466
  }
20538
- } = React.useContext(store$5);
20467
+ } = React.useContext(store$4);
20539
20468
 
20540
20469
  const handleAddressSelect = event => {
20541
20470
  dispatch({
@@ -20579,7 +20508,7 @@ const AddressSelectSubmit = ({
20579
20508
  selectedAddressId,
20580
20509
  isSubmitting
20581
20510
  }
20582
- } = React.useContext(store$5);
20511
+ } = React.useContext(store$4);
20583
20512
  const {
20584
20513
  t
20585
20514
  } = useTranslation("address");
@@ -20675,7 +20604,7 @@ const moveDefaultPaymentMethodToStart = paymentMethods => {
20675
20604
  return [defaultPaymentMethod, ...paymentMethodsWithoutDefault];
20676
20605
  };
20677
20606
 
20678
- const initialState$4 = {
20607
+ const initialState$3 = {
20679
20608
  paymentMethods: [],
20680
20609
  selectedPaymentMethodId: null,
20681
20610
  isSubmitting: false,
@@ -20684,10 +20613,10 @@ const initialState$4 = {
20684
20613
  content: ""
20685
20614
  }
20686
20615
  };
20687
- const store$4 = /*#__PURE__*/React.createContext(initialState$4);
20616
+ const store$3 = /*#__PURE__*/React.createContext(initialState$3);
20688
20617
  const {
20689
- Provider: Provider$4
20690
- } = store$4;
20618
+ Provider: Provider$3
20619
+ } = store$3;
20691
20620
 
20692
20621
  const PaymentMethodSelectContainer = ({
20693
20622
  style,
@@ -20746,7 +20675,7 @@ const PaymentMethodSelectContainer = ({
20746
20675
  default:
20747
20676
  return state;
20748
20677
  }
20749
- }, initialState$4);
20678
+ }, initialState$3);
20750
20679
  React.useEffect(() => {
20751
20680
  var _window$Pelcro$user$r3;
20752
20681
 
@@ -20759,16 +20688,16 @@ const PaymentMethodSelectContainer = ({
20759
20688
  style: { ...style
20760
20689
  },
20761
20690
  className: `pelcro-container pelcro-payment-select-container ${className}`
20762
- }, /*#__PURE__*/React__default['default'].createElement(Provider$4, {
20691
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$3, {
20763
20692
  value: {
20764
20693
  state,
20765
20694
  dispatch
20766
20695
  }
20767
20696
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
20768
- store: store$4,
20697
+ store: store$3,
20769
20698
  key: i
20770
20699
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
20771
- store: store$4
20700
+ store: store$3
20772
20701
  })));
20773
20702
  };
20774
20703
 
@@ -20782,7 +20711,7 @@ const PaymentMethodSelectList = () => {
20782
20711
  paymentMethods,
20783
20712
  selectedPaymentMethodId
20784
20713
  }
20785
- } = React.useContext(store$4);
20714
+ } = React.useContext(store$3);
20786
20715
 
20787
20716
  const handlePaymentMethodSelect = event => {
20788
20717
  dispatch({
@@ -20832,7 +20761,7 @@ const PaymentMethodSelectSubmit = ({
20832
20761
  selectedPaymentMethodId,
20833
20762
  isSubmitting
20834
20763
  }
20835
- } = React.useContext(store$4);
20764
+ } = React.useContext(store$3);
20836
20765
  return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
20837
20766
  onClick: () => {
20838
20767
  dispatch({
@@ -20906,8 +20835,8 @@ const PaymentMethodSelectModal = ({
20906
20835
  };
20907
20836
  PaymentMethodSelectModal.viewId = "payment-method-select";
20908
20837
 
20909
- function _extends$j() {
20910
- _extends$j = Object.assign || function (target) {
20838
+ function _extends$i() {
20839
+ _extends$i = Object.assign || function (target) {
20911
20840
  for (var i = 1; i < arguments.length; i++) {
20912
20841
  var source = arguments[i];
20913
20842
 
@@ -20921,7 +20850,7 @@ function _extends$j() {
20921
20850
  return target;
20922
20851
  };
20923
20852
 
20924
- return _extends$j.apply(this, arguments);
20853
+ return _extends$i.apply(this, arguments);
20925
20854
  }
20926
20855
 
20927
20856
  function _objectWithoutPropertiesLoose(source, excluded) {
@@ -21105,7 +21034,7 @@ function render(props, propsBag, defaultTag, features, visible) {
21105
21034
  return match(strategy, (_match = {}, _match[RenderStrategy.Unmount] = function () {
21106
21035
  return null;
21107
21036
  }, _match[RenderStrategy.Hidden] = function () {
21108
- return _render(_extends$j({}, _rest, {
21037
+ return _render(_extends$i({}, _rest, {
21109
21038
  hidden: true,
21110
21039
  style: {
21111
21040
  display: 'none'
@@ -21633,7 +21562,7 @@ function TransitionChild(props) {
21633
21562
  var passthroughProps = rest;
21634
21563
  return React__default['default'].createElement(NestingContext.Provider, {
21635
21564
  value: nesting
21636
- }, render(_extends$j({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
21565
+ }, render(_extends$i({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
21637
21566
  }
21638
21567
 
21639
21568
  function Transition(props) {
@@ -21677,7 +21606,7 @@ function Transition(props) {
21677
21606
  value: nestingBag
21678
21607
  }, React__default['default'].createElement(TransitionContext.Provider, {
21679
21608
  value: transitionBag
21680
- }, render(_extends$j({}, sharedProps, {
21609
+ }, render(_extends$i({}, sharedProps, {
21681
21610
  as: React.Fragment,
21682
21611
  children: React__default['default'].createElement(TransitionChild, Object.assign({}, sharedProps, passthroughProps))
21683
21612
  }), propsBag, React.Fragment, TransitionChildRenderFeatures, state === TreeStates.Visible)));
@@ -21804,12 +21733,12 @@ var ActionTypes;
21804
21733
  })(ActionTypes || (ActionTypes = {}));
21805
21734
 
21806
21735
  (_reducers = {}, _reducers[ActionTypes.CloseMenu] = function (state) {
21807
- return _extends$j({}, state, {
21736
+ return _extends$i({}, state, {
21808
21737
  activeItemIndex: null,
21809
21738
  menuState: MenuStates.Closed
21810
21739
  });
21811
21740
  }, _reducers[ActionTypes.OpenMenu] = function (state) {
21812
- return _extends$j({}, state, {
21741
+ return _extends$i({}, state, {
21813
21742
  menuState: MenuStates.Open
21814
21743
  });
21815
21744
  }, _reducers[ActionTypes.GoToItem] = function (state, action) {
@@ -21828,7 +21757,7 @@ var ActionTypes;
21828
21757
  }
21829
21758
  });
21830
21759
  if (state.searchQuery === '' && state.activeItemIndex === activeItemIndex) return state;
21831
- return _extends$j({}, state, {
21760
+ return _extends$i({}, state, {
21832
21761
  searchQuery: '',
21833
21762
  activeItemIndex: activeItemIndex
21834
21763
  });
@@ -21839,19 +21768,19 @@ var ActionTypes;
21839
21768
 
21840
21769
  return ((_item$dataRef$current = item.dataRef.current.textValue) == null ? void 0 : _item$dataRef$current.startsWith(searchQuery)) && !item.dataRef.current.disabled;
21841
21770
  });
21842
- if (match === -1 || match === state.activeItemIndex) return _extends$j({}, state, {
21771
+ if (match === -1 || match === state.activeItemIndex) return _extends$i({}, state, {
21843
21772
  searchQuery: searchQuery
21844
21773
  });
21845
- return _extends$j({}, state, {
21774
+ return _extends$i({}, state, {
21846
21775
  searchQuery: searchQuery,
21847
21776
  activeItemIndex: match
21848
21777
  });
21849
21778
  }, _reducers[ActionTypes.ClearSearch] = function (state) {
21850
- return _extends$j({}, state, {
21779
+ return _extends$i({}, state, {
21851
21780
  searchQuery: ''
21852
21781
  });
21853
21782
  }, _reducers[ActionTypes.RegisterItem] = function (state, action) {
21854
- return _extends$j({}, state, {
21783
+ return _extends$i({}, state, {
21855
21784
  items: [].concat(state.items, [{
21856
21785
  id: action.id,
21857
21786
  dataRef: action.dataRef
@@ -21864,7 +21793,7 @@ var ActionTypes;
21864
21793
  return a.id === action.id;
21865
21794
  });
21866
21795
  if (idx !== -1) nextItems.splice(idx, 1);
21867
- return _extends$j({}, state, {
21796
+ return _extends$i({}, state, {
21868
21797
  items: nextItems,
21869
21798
  activeItemIndex: function () {
21870
21799
  if (idx === state.activeItemIndex) return null;
@@ -21903,19 +21832,19 @@ var ActionTypes$1;
21903
21832
  (_reducers$1 = {}, _reducers$1[ActionTypes$1.CloseListbox] = function (state) {
21904
21833
  if (state.disabled) return state;
21905
21834
  if (state.listboxState === ListboxStates.Closed) return state;
21906
- return _extends$j({}, state, {
21835
+ return _extends$i({}, state, {
21907
21836
  activeOptionIndex: null,
21908
21837
  listboxState: ListboxStates.Closed
21909
21838
  });
21910
21839
  }, _reducers$1[ActionTypes$1.OpenListbox] = function (state) {
21911
21840
  if (state.disabled) return state;
21912
21841
  if (state.listboxState === ListboxStates.Open) return state;
21913
- return _extends$j({}, state, {
21842
+ return _extends$i({}, state, {
21914
21843
  listboxState: ListboxStates.Open
21915
21844
  });
21916
21845
  }, _reducers$1[ActionTypes$1.SetDisabled] = function (state, action) {
21917
21846
  if (state.disabled === action.disabled) return state;
21918
- return _extends$j({}, state, {
21847
+ return _extends$i({}, state, {
21919
21848
  disabled: action.disabled
21920
21849
  });
21921
21850
  }, _reducers$1[ActionTypes$1.GoToOption] = function (state, action) {
@@ -21936,7 +21865,7 @@ var ActionTypes$1;
21936
21865
  }
21937
21866
  });
21938
21867
  if (state.searchQuery === '' && state.activeOptionIndex === activeOptionIndex) return state;
21939
- return _extends$j({}, state, {
21868
+ return _extends$i({}, state, {
21940
21869
  searchQuery: '',
21941
21870
  activeOptionIndex: activeOptionIndex
21942
21871
  });
@@ -21949,10 +21878,10 @@ var ActionTypes$1;
21949
21878
 
21950
21879
  return !option.dataRef.current.disabled && ((_option$dataRef$curre = option.dataRef.current.textValue) == null ? void 0 : _option$dataRef$curre.startsWith(searchQuery));
21951
21880
  });
21952
- if (match === -1 || match === state.activeOptionIndex) return _extends$j({}, state, {
21881
+ if (match === -1 || match === state.activeOptionIndex) return _extends$i({}, state, {
21953
21882
  searchQuery: searchQuery
21954
21883
  });
21955
- return _extends$j({}, state, {
21884
+ return _extends$i({}, state, {
21956
21885
  searchQuery: searchQuery,
21957
21886
  activeOptionIndex: match
21958
21887
  });
@@ -21960,11 +21889,11 @@ var ActionTypes$1;
21960
21889
  if (state.disabled) return state;
21961
21890
  if (state.listboxState === ListboxStates.Closed) return state;
21962
21891
  if (state.searchQuery === '') return state;
21963
- return _extends$j({}, state, {
21892
+ return _extends$i({}, state, {
21964
21893
  searchQuery: ''
21965
21894
  });
21966
21895
  }, _reducers$1[ActionTypes$1.RegisterOption] = function (state, action) {
21967
- return _extends$j({}, state, {
21896
+ return _extends$i({}, state, {
21968
21897
  options: [].concat(state.options, [{
21969
21898
  id: action.id,
21970
21899
  dataRef: action.dataRef
@@ -21977,7 +21906,7 @@ var ActionTypes$1;
21977
21906
  return a.id === action.id;
21978
21907
  });
21979
21908
  if (idx !== -1) nextOptions.splice(idx, 1);
21980
- return _extends$j({}, state, {
21909
+ return _extends$i({}, state, {
21981
21910
  options: nextOptions,
21982
21911
  activeOptionIndex: function () {
21983
21912
  if (idx === state.activeOptionIndex) return null;
@@ -22038,18 +21967,18 @@ const getPaymentCardIcon = name => {
22038
21967
  }));
22039
21968
  };
22040
21969
 
22041
- var _path$h;
21970
+ var _path$g;
22042
21971
 
22043
- function _extends$i() { _extends$i = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
21972
+ 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); }
22044
21973
 
22045
21974
  function SvgChevronRight(props) {
22046
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
21975
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
22047
21976
  className: "plc-w-6 plc-h-6",
22048
21977
  xmlns: "http://www.w3.org/2000/svg",
22049
21978
  fill: "none",
22050
21979
  viewBox: "0 0 24 24",
22051
21980
  stroke: "currentColor"
22052
- }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
21981
+ }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
22053
21982
  strokeLinecap: "round",
22054
21983
  strokeLinejoin: "round",
22055
21984
  strokeWidth: 2,
@@ -22265,18 +22194,18 @@ const SavedItems = ({
22265
22194
  });
22266
22195
  };
22267
22196
 
22268
- var _path$g;
22197
+ var _path$f;
22269
22198
 
22270
- 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); }
22199
+ 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); }
22271
22200
 
22272
22201
  function SvgRefresh(props) {
22273
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
22202
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
22274
22203
  className: "plc-w-4 plc-h-4 plc-mr-1",
22275
22204
  xmlns: "http://www.w3.org/2000/svg",
22276
22205
  fill: "none",
22277
22206
  viewBox: "0 0 24 24",
22278
22207
  stroke: "currentColor"
22279
- }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
22208
+ }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
22280
22209
  strokeLinecap: "round",
22281
22210
  strokeLinejoin: "round",
22282
22211
  strokeWidth: 2,
@@ -22284,35 +22213,35 @@ function SvgRefresh(props) {
22284
22213
  })));
22285
22214
  }
22286
22215
 
22287
- var _path$f;
22216
+ var _path$e;
22288
22217
 
22289
- 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); }
22218
+ 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); }
22290
22219
 
22291
22220
  function SvgCalendar(props) {
22292
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
22221
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
22293
22222
  xmlns: "http://www.w3.org/2000/svg",
22294
22223
  className: "plc-h-4 plc-w-4 plc-mr-1",
22295
22224
  viewBox: "0 0 20 20",
22296
22225
  fill: "currentColor"
22297
- }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
22226
+ }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
22298
22227
  fillRule: "evenodd",
22299
22228
  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",
22300
22229
  clipRule: "evenodd"
22301
22230
  })));
22302
22231
  }
22303
22232
 
22304
- var _path$e;
22233
+ var _path$d;
22305
22234
 
22306
- 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); }
22235
+ 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); }
22307
22236
 
22308
22237
  function SvgPlus(props) {
22309
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
22238
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
22310
22239
  className: "plc-w-5 plc-h-5",
22311
22240
  xmlns: "http://www.w3.org/2000/svg",
22312
22241
  fill: "none",
22313
22242
  viewBox: "0 0 24 24",
22314
22243
  stroke: "currentColor"
22315
- }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
22244
+ }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
22316
22245
  strokeLinecap: "round",
22317
22246
  strokeLinejoin: "round",
22318
22247
  strokeWidth: 2,
@@ -22320,17 +22249,17 @@ function SvgPlus(props) {
22320
22249
  })));
22321
22250
  }
22322
22251
 
22323
- var _path$d;
22252
+ var _path$c;
22324
22253
 
22325
- 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); }
22254
+ 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); }
22326
22255
 
22327
22256
  function SvgCheckMark(props) {
22328
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
22257
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
22329
22258
  className: "plc-w-4 plc-h-4 plc-mr-1",
22330
22259
  xmlns: "http://www.w3.org/2000/svg",
22331
22260
  viewBox: "0 0 20 20",
22332
22261
  fill: "currentColor"
22333
- }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
22262
+ }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
22334
22263
  fillRule: "evenodd",
22335
22264
  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",
22336
22265
  clipRule: "evenodd"
@@ -22394,8 +22323,7 @@ const SubscriptionsItems = ({
22394
22323
  } = useTranslation("dashboard");
22395
22324
  const {
22396
22325
  switchView,
22397
- switchToAddressView,
22398
- switchToPaymentView
22326
+ isAuthenticated
22399
22327
  } = usePelcro();
22400
22328
  const subs = getNonDonationSubs();
22401
22329
  if (subs.length === 0) return null;
@@ -22437,12 +22365,7 @@ const SubscriptionsItems = ({
22437
22365
  const plan = window.Pelcro.plan.getById(plan_id);
22438
22366
  setProductAndPlan(product, plan);
22439
22367
  setSubscriptionIdToRenew(sub.id);
22440
-
22441
- if (product.address_required) {
22442
- return switchToAddressView();
22443
- }
22444
-
22445
- return switchToPaymentView();
22368
+ setView("plan-select");
22446
22369
  };
22447
22370
 
22448
22371
  const getPhases = () => {
@@ -22631,18 +22554,18 @@ Accordion.item = function AccordionItem({
22631
22554
  }, content)) : null;
22632
22555
  };
22633
22556
 
22634
- var _path$c;
22557
+ var _path$b;
22635
22558
 
22636
- 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); }
22559
+ 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); }
22637
22560
 
22638
22561
  function SvgExit(props) {
22639
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
22562
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
22640
22563
  className: "plc-w-6 plc-h-6",
22641
22564
  xmlns: "http://www.w3.org/2000/svg",
22642
22565
  fill: "none",
22643
22566
  viewBox: "0 0 24 24",
22644
22567
  stroke: "currentColor"
22645
- }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
22568
+ }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
22646
22569
  strokeLinecap: "round",
22647
22570
  strokeLinejoin: "round",
22648
22571
  strokeWidth: 2,
@@ -22650,17 +22573,17 @@ function SvgExit(props) {
22650
22573
  })));
22651
22574
  }
22652
22575
 
22653
- var _path$b;
22576
+ var _path$a;
22654
22577
 
22655
- 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); }
22578
+ 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); }
22656
22579
 
22657
22580
  function SvgUser(props) {
22658
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
22581
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
22659
22582
  xmlns: "http://www.w3.org/2000/svg",
22660
22583
  fill: "none",
22661
22584
  viewBox: "0 0 24 24",
22662
22585
  stroke: "currentColor"
22663
- }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
22586
+ }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
22664
22587
  strokeLinecap: "round",
22665
22588
  strokeLinejoin: "round",
22666
22589
  strokeWidth: 2,
@@ -22668,18 +22591,18 @@ function SvgUser(props) {
22668
22591
  })));
22669
22592
  }
22670
22593
 
22671
- var _path$a;
22594
+ var _path$9;
22672
22595
 
22673
- 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); }
22596
+ 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); }
22674
22597
 
22675
22598
  function SvgNewsletter(props) {
22676
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
22599
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
22677
22600
  xmlns: "http://www.w3.org/2000/svg",
22678
22601
  className: "plc-h-5 plc-w-5",
22679
22602
  fill: "none",
22680
22603
  viewBox: "0 0 24 24",
22681
22604
  stroke: "currentColor"
22682
- }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
22605
+ }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
22683
22606
  strokeLinecap: "round",
22684
22607
  strokeLinejoin: "round",
22685
22608
  strokeWidth: 2,
@@ -22687,18 +22610,18 @@ function SvgNewsletter(props) {
22687
22610
  })));
22688
22611
  }
22689
22612
 
22690
- var _path$9;
22613
+ var _path$8;
22691
22614
 
22692
- 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); }
22615
+ 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); }
22693
22616
 
22694
22617
  function SvgDocument(props) {
22695
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
22618
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
22696
22619
  xmlns: "http://www.w3.org/2000/svg",
22697
22620
  className: "plc-h-6 plc-w-6 plc-mr-2",
22698
22621
  fill: "none",
22699
22622
  viewBox: "0 0 24 24",
22700
22623
  stroke: "currentColor"
22701
- }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
22624
+ }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
22702
22625
  strokeLinecap: "round",
22703
22626
  strokeLinejoin: "round",
22704
22627
  strokeWidth: 2,
@@ -22706,18 +22629,18 @@ function SvgDocument(props) {
22706
22629
  })));
22707
22630
  }
22708
22631
 
22709
- var _path$8;
22632
+ var _path$7;
22710
22633
 
22711
- 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); }
22634
+ 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); }
22712
22635
 
22713
22636
  function SvgPaymentCard(props) {
22714
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
22637
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
22715
22638
  className: "plc-w-6 plc-h-6 plc-mr-2",
22716
22639
  xmlns: "http://www.w3.org/2000/svg",
22717
22640
  fill: "none",
22718
22641
  viewBox: "0 0 24 24",
22719
22642
  stroke: "currentColor"
22720
- }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
22643
+ }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
22721
22644
  strokeLinecap: "round",
22722
22645
  strokeLinejoin: "round",
22723
22646
  strokeWidth: 2,
@@ -22725,18 +22648,18 @@ function SvgPaymentCard(props) {
22725
22648
  })));
22726
22649
  }
22727
22650
 
22728
- var _path$7, _path2$1;
22651
+ var _path$6, _path2$1;
22729
22652
 
22730
- 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); }
22653
+ 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); }
22731
22654
 
22732
22655
  function SvgLocationPin(props) {
22733
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
22656
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
22734
22657
  className: "plc-w-6 plc-h-6 plc-mr-2",
22735
22658
  xmlns: "http://www.w3.org/2000/svg",
22736
22659
  fill: "none",
22737
22660
  viewBox: "0 0 24 24",
22738
22661
  stroke: "currentColor"
22739
- }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
22662
+ }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
22740
22663
  strokeLinecap: "round",
22741
22664
  strokeLinejoin: "round",
22742
22665
  strokeWidth: 2,
@@ -22751,10 +22674,10 @@ function SvgLocationPin(props) {
22751
22674
 
22752
22675
  var _switch;
22753
22676
 
22754
- 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); }
22677
+ 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); }
22755
22678
 
22756
22679
  function SvgSubscription(props) {
22757
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
22680
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
22758
22681
  xmlns: "http://www.w3.org/2000/svg",
22759
22682
  viewBox: "0 0 100 125",
22760
22683
  fill: "currentColor"
@@ -22769,18 +22692,18 @@ function SvgSubscription(props) {
22769
22692
  }))))));
22770
22693
  }
22771
22694
 
22772
- var _path$6;
22695
+ var _path$5;
22773
22696
 
22774
- 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); }
22697
+ 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); }
22775
22698
 
22776
22699
  function SvgShopping(props) {
22777
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
22700
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
22778
22701
  className: "plc-w-6 plc-h-6 plc-mr-2",
22779
22702
  xmlns: "http://www.w3.org/2000/svg",
22780
22703
  fill: "none",
22781
22704
  viewBox: "0 0 24 24",
22782
22705
  stroke: "currentColor"
22783
- }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
22706
+ }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
22784
22707
  strokeLinecap: "round",
22785
22708
  strokeLinejoin: "round",
22786
22709
  strokeWidth: 2,
@@ -22788,18 +22711,18 @@ function SvgShopping(props) {
22788
22711
  })));
22789
22712
  }
22790
22713
 
22791
- var _path$5;
22714
+ var _path$4;
22792
22715
 
22793
- 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); }
22716
+ 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); }
22794
22717
 
22795
22718
  function SvgBookmark(props) {
22796
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
22719
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
22797
22720
  className: "plc-w-6 plc-h-6 plc-mr-2",
22798
22721
  xmlns: "http://www.w3.org/2000/svg",
22799
22722
  fill: "none",
22800
22723
  viewBox: "0 0 24 24",
22801
22724
  stroke: "currentColor"
22802
- }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
22725
+ }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
22803
22726
  strokeLinecap: "round",
22804
22727
  strokeLinejoin: "round",
22805
22728
  strokeWidth: 2,
@@ -22807,33 +22730,33 @@ function SvgBookmark(props) {
22807
22730
  })));
22808
22731
  }
22809
22732
 
22810
- var _path$4;
22733
+ var _path$3;
22811
22734
 
22812
- 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); }
22735
+ 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); }
22813
22736
 
22814
22737
  function SvgKey(props) {
22815
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
22738
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
22816
22739
  xmlns: "http://www.w3.org/2000/svg",
22817
22740
  viewBox: "0 0 20 20",
22818
22741
  fill: "currentColor"
22819
- }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
22742
+ }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
22820
22743
  fillRule: "evenodd",
22821
22744
  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",
22822
22745
  clipRule: "evenodd"
22823
22746
  })));
22824
22747
  }
22825
22748
 
22826
- var _path$3;
22749
+ var _path$2;
22827
22750
 
22828
- 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); }
22751
+ 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); }
22829
22752
 
22830
22753
  function SvgDonate(props) {
22831
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
22754
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
22832
22755
  width: 24,
22833
22756
  height: 24,
22834
22757
  fill: "currentColor",
22835
22758
  xmlns: "http://www.w3.org/2000/svg"
22836
- }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
22759
+ }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
22837
22760
  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"
22838
22761
  })));
22839
22762
  }
@@ -23160,10 +23083,9 @@ class Dashboard extends React.Component {
23160
23083
  }) => {
23161
23084
  if (isGift) {
23162
23085
  this.props.setProductAndPlan(null, null, true);
23163
- return this.props.setView("plan-select");
23164
23086
  }
23165
23087
 
23166
- return this.props.setView("subscription-options");
23088
+ return this.props.setView("plan-select");
23167
23089
  });
23168
23090
 
23169
23091
  _defineProperty$3(this, "displayAddressCreate", () => {
@@ -23631,7 +23553,7 @@ const DashboardOpenButton = () => {
23631
23553
  };
23632
23554
  DashboardOpenButton.viewId = "dashboard-open";
23633
23555
 
23634
- const initialState$3 = {
23556
+ const initialState$2 = {
23635
23557
  imageSrc: null,
23636
23558
  crop: {
23637
23559
  x: 0,
@@ -23645,10 +23567,10 @@ const initialState$3 = {
23645
23567
  content: ""
23646
23568
  }
23647
23569
  };
23648
- const store$3 = /*#__PURE__*/React.createContext(initialState$3);
23570
+ const store$2 = /*#__PURE__*/React.createContext(initialState$2);
23649
23571
  const {
23650
- Provider: Provider$3
23651
- } = store$3;
23572
+ Provider: Provider$2
23573
+ } = store$2;
23652
23574
 
23653
23575
  const ProfilePicChangeContainer = ({
23654
23576
  style,
@@ -23782,21 +23704,21 @@ const ProfilePicChangeContainer = ({
23782
23704
  default:
23783
23705
  return state;
23784
23706
  }
23785
- }, initialState$3);
23707
+ }, initialState$2);
23786
23708
  return /*#__PURE__*/React__default['default'].createElement("div", {
23787
23709
  style: { ...style
23788
23710
  },
23789
23711
  className: `pelcro-container pelcro-profile-picture-container ${className}`
23790
- }, /*#__PURE__*/React__default['default'].createElement(Provider$3, {
23712
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$2, {
23791
23713
  value: {
23792
23714
  state,
23793
23715
  dispatch
23794
23716
  }
23795
23717
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
23796
- store: store$3,
23718
+ store: store$2,
23797
23719
  key: i
23798
23720
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
23799
- store: store$3
23721
+ store: store$2
23800
23722
  })));
23801
23723
  };
23802
23724
  /**
@@ -23858,7 +23780,7 @@ const ProfilePicChangeButton = ({
23858
23780
  isSubmitting
23859
23781
  },
23860
23782
  dispatch
23861
- } = React.useContext(store$3);
23783
+ } = React.useContext(store$2);
23862
23784
  const {
23863
23785
  t
23864
23786
  } = useTranslation("userEdit");
@@ -25226,7 +25148,7 @@ const ProfilePicChangeCropper = ({
25226
25148
  zoom
25227
25149
  },
25228
25150
  dispatch
25229
- } = React.useContext(store$3);
25151
+ } = React.useContext(store$2);
25230
25152
  return /*#__PURE__*/React__default['default'].createElement("div", {
25231
25153
  className: `plc-relative plc-w-full plc-h-52 sm:plc-h-96 ${className}`
25232
25154
  }, /*#__PURE__*/React__default['default'].createElement(Cropper, Object.assign({
@@ -25268,7 +25190,7 @@ const ProfilePicChangeZoom = ({
25268
25190
  zoom
25269
25191
  },
25270
25192
  dispatch
25271
- } = React.useContext(store$3);
25193
+ } = React.useContext(store$2);
25272
25194
  const {
25273
25195
  t
25274
25196
  } = useTranslation("userEdit");
@@ -25291,18 +25213,18 @@ const ProfilePicChangeZoom = ({
25291
25213
  }, otherProps)));
25292
25214
  };
25293
25215
 
25294
- var _path$2;
25216
+ var _path$1;
25295
25217
 
25296
- 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); }
25218
+ 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); }
25297
25219
 
25298
25220
  function SvgPhotograph(props) {
25299
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
25221
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
25300
25222
  xmlns: "http://www.w3.org/2000/svg",
25301
25223
  className: "plc-h-6 plc-w-6",
25302
25224
  fill: "none",
25303
25225
  viewBox: "0 0 24 24",
25304
25226
  stroke: "currentColor"
25305
- }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
25227
+ }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
25306
25228
  strokeLinecap: "round",
25307
25229
  strokeLinejoin: "round",
25308
25230
  strokeWidth: 2,
@@ -25320,7 +25242,7 @@ const ProfilePicChangeSelectButton = ({
25320
25242
  state: {
25321
25243
  isSubmitting
25322
25244
  }
25323
- } = React.useContext(store$3);
25245
+ } = React.useContext(store$2);
25324
25246
  const {
25325
25247
  t
25326
25248
  } = useTranslation("userEdit");
@@ -25362,7 +25284,7 @@ const ProfilePicChangeRemoveButton = ({
25362
25284
  state: {
25363
25285
  isSubmitting
25364
25286
  }
25365
- } = React.useContext(store$3);
25287
+ } = React.useContext(store$2);
25366
25288
  const {
25367
25289
  t
25368
25290
  } = useTranslation("userEdit");
@@ -25385,7 +25307,7 @@ const ProfilePicChangeWrapper = () => {
25385
25307
  state: {
25386
25308
  imageSrc
25387
25309
  }
25388
- } = React.useContext(store$3);
25310
+ } = React.useContext(store$2);
25389
25311
  const {
25390
25312
  t
25391
25313
  } = useTranslation("userEdit");
@@ -25447,17 +25369,17 @@ function ProfilePicChangeModal({
25447
25369
  }
25448
25370
  ProfilePicChangeModal.viewId = "profile-picture";
25449
25371
 
25450
- const initialState$2 = {
25372
+ const initialState$1 = {
25451
25373
  isSubmitting: false,
25452
25374
  alert: {
25453
25375
  type: "error",
25454
25376
  content: ""
25455
25377
  }
25456
25378
  };
25457
- const store$2 = /*#__PURE__*/React.createContext(initialState$2);
25379
+ const store$1 = /*#__PURE__*/React.createContext(initialState$1);
25458
25380
  const {
25459
- Provider: Provider$2
25460
- } = store$2;
25381
+ Provider: Provider$1
25382
+ } = store$1;
25461
25383
 
25462
25384
  const EmailVerifyContainer = ({
25463
25385
  style,
@@ -25520,21 +25442,21 @@ const EmailVerifyContainer = ({
25520
25442
  default:
25521
25443
  return state;
25522
25444
  }
25523
- }, initialState$2);
25445
+ }, initialState$1);
25524
25446
  return /*#__PURE__*/React__default['default'].createElement("div", {
25525
25447
  style: { ...style
25526
25448
  },
25527
25449
  className: `pelcro-container pelcro-email-verify-container ${className}`
25528
- }, /*#__PURE__*/React__default['default'].createElement(Provider$2, {
25450
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$1, {
25529
25451
  value: {
25530
25452
  state,
25531
25453
  dispatch
25532
25454
  }
25533
25455
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
25534
- store: store$2,
25456
+ store: store$1,
25535
25457
  key: i
25536
25458
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
25537
- store: store$2
25459
+ store: store$1
25538
25460
  })));
25539
25461
  };
25540
25462
 
@@ -25548,7 +25470,7 @@ const EmailVerifyResendButton = ({
25548
25470
  state: {
25549
25471
  isSubmitting
25550
25472
  }
25551
- } = React.useContext(store$2);
25473
+ } = React.useContext(store$1);
25552
25474
  const {
25553
25475
  t
25554
25476
  } = useTranslation("verifyEmail");
@@ -25563,16 +25485,16 @@ const EmailVerifyResendButton = ({
25563
25485
  }, otherProps), name !== null && name !== void 0 ? name : t("labels.resend"));
25564
25486
  };
25565
25487
 
25566
- var _path$1, _path2;
25488
+ var _path, _path2;
25567
25489
 
25568
- 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); }
25490
+ 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); }
25569
25491
 
25570
25492
  function SvgEmailVerify(props) {
25571
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
25493
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends({
25572
25494
  className: "plc-w-6 plc-h-6",
25573
25495
  viewBox: "0 0 700 700",
25574
25496
  xmlns: "http://www.w3.org/2000/svg"
25575
- }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
25497
+ }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
25576
25498
  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"
25577
25499
  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
25578
25500
  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"
@@ -25676,11 +25598,11 @@ const invoicePaymentSubmitButton = props => {
25676
25598
  return /*#__PURE__*/React__default['default'].createElement(SubmitPaymentMethod, props);
25677
25599
  };
25678
25600
 
25679
- const initialState$1 = {};
25680
- const store$1 = /*#__PURE__*/React.createContext(initialState$1);
25601
+ const initialState = {};
25602
+ const store = /*#__PURE__*/React.createContext(initialState);
25681
25603
  const {
25682
- Provider: Provider$1
25683
- } = store$1;
25604
+ Provider
25605
+ } = store;
25684
25606
 
25685
25607
  const InvoiceDetailsContainer = ({
25686
25608
  style,
@@ -25701,21 +25623,21 @@ const InvoiceDetailsContainer = ({
25701
25623
  default:
25702
25624
  return state;
25703
25625
  }
25704
- }, initialState$1);
25626
+ }, initialState);
25705
25627
  return /*#__PURE__*/React__default['default'].createElement("div", {
25706
25628
  style: { ...style
25707
25629
  },
25708
25630
  className: `pelcro-container pelcro-invoice-details-container ${className}`
25709
- }, /*#__PURE__*/React__default['default'].createElement(Provider$1, {
25631
+ }, /*#__PURE__*/React__default['default'].createElement(Provider, {
25710
25632
  value: {
25711
25633
  state,
25712
25634
  dispatch
25713
25635
  }
25714
25636
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
25715
- store: store$1,
25637
+ store,
25716
25638
  key: i
25717
25639
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
25718
- store: store$1
25640
+ store
25719
25641
  })));
25720
25642
  };
25721
25643
 
@@ -25747,7 +25669,7 @@ const InvoiceDetailsPayButton = ({
25747
25669
  }) => {
25748
25670
  const {
25749
25671
  dispatch
25750
- } = React.useContext(store$1);
25672
+ } = React.useContext(store);
25751
25673
  const {
25752
25674
  t
25753
25675
  } = useTranslation("invoiceDetails");
@@ -25854,232 +25776,6 @@ const InvoiceDetailsModal = ({
25854
25776
  };
25855
25777
  InvoiceDetailsModal.viewId = "invoice-details";
25856
25778
 
25857
- const initialState = {
25858
- selectedOption: ""
25859
- };
25860
- const store = /*#__PURE__*/React.createContext(initialState);
25861
- const {
25862
- Provider
25863
- } = store;
25864
-
25865
- const SubscriptionOptionsContainer = ({
25866
- style,
25867
- className = "",
25868
- onRenewSubSuccess = () => {},
25869
- onNewSubSuccess = () => {},
25870
- children,
25871
- ...props
25872
- }) => {
25873
- const submit = ({
25874
- selectedOption
25875
- }, dispatch) => {
25876
- if (selectedOption === "renew") return onRenewSubSuccess();
25877
- if (selectedOption === "new") return onNewSubSuccess();
25878
- };
25879
-
25880
- const [state, dispatch] = useReducerWithSideEffects((state, action) => {
25881
- switch (action.type) {
25882
- case SWITCH_TO_NEW:
25883
- return lib_7({ ...state,
25884
- selectedOption: "new"
25885
- });
25886
-
25887
- case SWITCH_TO_RENEW:
25888
- return lib_7({ ...state,
25889
- selectedOption: "renew"
25890
- });
25891
-
25892
- case HANDLE_SUBMIT:
25893
- return lib_4((state, dispatch) => submit(state));
25894
-
25895
- default:
25896
- return state;
25897
- }
25898
- }, initialState);
25899
- return /*#__PURE__*/React__default['default'].createElement("div", {
25900
- style: { ...style
25901
- },
25902
- className: `pelcro-container pelcro-subscription-options-container ${className}`
25903
- }, /*#__PURE__*/React__default['default'].createElement(Provider, {
25904
- value: {
25905
- state,
25906
- dispatch
25907
- }
25908
- }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
25909
- store,
25910
- key: i
25911
- })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
25912
- store
25913
- })));
25914
- };
25915
-
25916
- var _path;
25917
-
25918
- 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); }
25919
-
25920
- function SvgPlusCircle(props) {
25921
- return /*#__PURE__*/React__namespace.createElement("svg", _extends({
25922
- xmlns: "http://www.w3.org/2000/svg",
25923
- className: "plc-h-6 plc-w-6",
25924
- fill: "none",
25925
- viewBox: "0 0 24 24",
25926
- stroke: "currentColor",
25927
- strokeWidth: 2
25928
- }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
25929
- strokeLinecap: "round",
25930
- strokeLinejoin: "round",
25931
- d: "M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
25932
- })));
25933
- }
25934
-
25935
- const SubscriptionOptionsNewButton = ({
25936
- name,
25937
- onClick,
25938
- ...otherProps
25939
- }) => {
25940
- const {
25941
- dispatch,
25942
- state: {
25943
- selectedOption
25944
- }
25945
- } = React.useContext(store);
25946
- const {
25947
- t
25948
- } = useTranslation("subscriptionOptions");
25949
- const isChecked = selectedOption === "new";
25950
- return /*#__PURE__*/React__default['default'].createElement(Radio, Object.assign({
25951
- className: "plc-hidden pelcro-new-sub-option",
25952
- 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"}`,
25953
- id: "pelcro-new-sub-option",
25954
- name: "option",
25955
- onChange: () => {
25956
- dispatch({
25957
- type: SWITCH_TO_NEW
25958
- });
25959
- onClick === null || onClick === void 0 ? void 0 : onClick();
25960
- },
25961
- checked: isChecked
25962
- }, otherProps), name !== null && name !== void 0 ? name : t("addNew"), /*#__PURE__*/React__default['default'].createElement(SvgPlusCircle, {
25963
- className: "plc-w-full plc-h-full plc-mr-0"
25964
- }));
25965
- };
25966
-
25967
- const SubscriptionOptionsRenewButton = ({
25968
- name,
25969
- onClick,
25970
- ...otherProps
25971
- }) => {
25972
- const {
25973
- dispatch,
25974
- state: {
25975
- selectedOption
25976
- }
25977
- } = React.useContext(store);
25978
- const {
25979
- t
25980
- } = useTranslation("subscriptionOptions");
25981
- const isChecked = selectedOption === "renew";
25982
- return /*#__PURE__*/React__default['default'].createElement(Radio, Object.assign({
25983
- className: "plc-hidden pelcro-renew-sub-option",
25984
- 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"}`,
25985
- id: "pelcro-renew-sub-option",
25986
- name: "option",
25987
- onChange: () => {
25988
- dispatch({
25989
- type: SWITCH_TO_RENEW
25990
- });
25991
- onClick === null || onClick === void 0 ? void 0 : onClick();
25992
- },
25993
- checked: isChecked
25994
- }, otherProps), name !== null && name !== void 0 ? name : t("renew"), /*#__PURE__*/React__default['default'].createElement(SvgRefresh, {
25995
- className: "plc-w-full plc-h-full plc-mr-0"
25996
- }));
25997
- };
25998
-
25999
- const SubscriptionOptionsSubmit = ({
26000
- name,
26001
- onClick,
26002
- ...otherProps
26003
- }) => {
26004
- const {
26005
- dispatch,
26006
- state: {
26007
- selectedOption
26008
- }
26009
- } = React.useContext(store);
26010
- const {
26011
- t
26012
- } = useTranslation("subscriptionOptions");
26013
- return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
26014
- onClick: () => {
26015
- dispatch({
26016
- type: HANDLE_SUBMIT
26017
- });
26018
- onClick === null || onClick === void 0 ? void 0 : onClick();
26019
- },
26020
- disabled: !selectedOption
26021
- }, otherProps), name !== null && name !== void 0 ? name : t("next"));
26022
- };
26023
-
26024
- const SubscriptionOptionsView = props => {
26025
- const {
26026
- t
26027
- } = useTranslation("subscriptionOptions");
26028
- return /*#__PURE__*/React__default['default'].createElement("div", {
26029
- id: "pelcro-subscription-options-view"
26030
- }, /*#__PURE__*/React__default['default'].createElement("div", {
26031
- className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
26032
- }, /*#__PURE__*/React__default['default'].createElement("h4", {
26033
- className: "plc-text-2xl plc-font-semibold"
26034
- }, t("title")), /*#__PURE__*/React__default['default'].createElement("p", null, t("subtitle"))), /*#__PURE__*/React__default['default'].createElement("form", {
26035
- action: "javascript:void(0);",
26036
- className: "plc-mt-2 pelcro-form"
26037
- }, /*#__PURE__*/React__default['default'].createElement(SubscriptionOptionsContainer, props, /*#__PURE__*/React__default['default'].createElement("div", {
26038
- className: "plc-flex plc-justify-between plc-items-center"
26039
- }, /*#__PURE__*/React__default['default'].createElement(SubscriptionOptionsRenewButton, null), /*#__PURE__*/React__default['default'].createElement(SubscriptionOptionsNewButton, null)), /*#__PURE__*/React__default['default'].createElement(SubscriptionOptionsSubmit, {
26040
- role: "submit",
26041
- className: "plc-mt-4 plc-w-full",
26042
- name: t("next"),
26043
- id: "pelcro-submit"
26044
- }))));
26045
- };
26046
-
26047
- const SubscriptionOptionsModal = ({
26048
- onDisplay,
26049
- onClose,
26050
- ...otherProps
26051
- }) => {
26052
- const {
26053
- switchView,
26054
- setProductsList
26055
- } = usePelcro();
26056
-
26057
- const onRenewSubSuccess = () => {
26058
- var _otherProps$onRenewSu;
26059
-
26060
- (_otherProps$onRenewSu = otherProps.onRenewSubSuccess) === null || _otherProps$onRenewSu === void 0 ? void 0 : _otherProps$onRenewSu.call(otherProps);
26061
- setProductsList(getRenewableProducts());
26062
- switchView("_plan-select-renew");
26063
- };
26064
-
26065
- const onNewSubSuccess = () => {
26066
- var _otherProps$onNewSubS;
26067
-
26068
- (_otherProps$onNewSubS = otherProps.onNewSubSuccess) === null || _otherProps$onNewSubS === void 0 ? void 0 : _otherProps$onNewSubS.call(otherProps);
26069
- switchView("plan-select");
26070
- };
26071
-
26072
- return /*#__PURE__*/React__default['default'].createElement(Modal, {
26073
- onDisplay: onDisplay,
26074
- onClose: onClose,
26075
- id: "pelcro-subscription-options-modal"
26076
- }, /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement(SubscriptionOptionsView, Object.assign({}, otherProps, {
26077
- onNewSubSuccess: onNewSubSuccess,
26078
- onRenewSubSuccess: onRenewSubSuccess
26079
- }))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
26080
- };
26081
- SubscriptionOptionsModal.viewId = "subscription-options";
26082
-
26083
25779
  exports.AddressCreateCity = AddressCreateCity;
26084
25780
  exports.AddressCreateContainer = AddressCreateContainer;
26085
25781
  exports.AddressCreateCountrySelect = AddressCreateCountrySelect;
@@ -26257,12 +25953,6 @@ exports.SubmitPaymentMethod = SubmitPaymentMethod;
26257
25953
  exports.SubscriptionCreateContainer = SubscriptionCreateContainer;
26258
25954
  exports.SubscriptionCreateModal = SubscriptionCreateModal;
26259
25955
  exports.SubscriptionCreateView = SubscriptionCreateView;
26260
- exports.SubscriptionOptionsContainer = SubscriptionOptionsContainer;
26261
- exports.SubscriptionOptionsModal = SubscriptionOptionsModal;
26262
- exports.SubscriptionOptionsNewButton = SubscriptionOptionsNewButton;
26263
- exports.SubscriptionOptionsRenewButton = SubscriptionOptionsRenewButton;
26264
- exports.SubscriptionOptionsSubmit = SubscriptionOptionsSubmit;
26265
- exports.SubscriptionOptionsView = SubscriptionOptionsView;
26266
25956
  exports.SubscriptionRenewContainer = SubscriptionRenewContainer;
26267
25957
  exports.SubscriptionRenewModal = SubscriptionRenewModal;
26268
25958
  exports.SubscriptionRenewView = SubscriptionRenewView;