@pelcro/react-pelcro-js 2.7.0-beta.8 → 3.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +921 -603
  2. package/dist/index.esm.js +918 -604
  3. package/dist/pelcro.css +8 -0
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -3464,7 +3464,7 @@ var paymentMethod_fr = {
3464
3464
  var title$d = "Enter your email to subscribe to our newsletter";
3465
3465
  var updateTitle$1 = "Update newsletter selections";
3466
3466
  var subtitle$7 = "We may use your email for other marketing communication";
3467
- var labels$l = {
3467
+ var labels$n = {
3468
3468
  submit: "Submit",
3469
3469
  firstName: "First name",
3470
3470
  lastName: "Last name",
@@ -3472,7 +3472,7 @@ var labels$l = {
3472
3472
  postalCode: "Postal code",
3473
3473
  required: "required"
3474
3474
  };
3475
- var messages$p = {
3475
+ var messages$r = {
3476
3476
  alreadyHaveAccount: "Already have an account?",
3477
3477
  success: "Newsletters were successfully updated",
3478
3478
  loginHere: "Login here.",
@@ -3483,14 +3483,14 @@ var newsletter_en = {
3483
3483
  title: title$d,
3484
3484
  updateTitle: updateTitle$1,
3485
3485
  subtitle: subtitle$7,
3486
- labels: labels$l,
3487
- messages: messages$p
3486
+ labels: labels$n,
3487
+ messages: messages$r
3488
3488
  };
3489
3489
 
3490
3490
  var title$c = "Entrez votre adresse courriel pour vous abonner à notre infolettre";
3491
3491
  var updateTitle = "Mettre à jour son choix d'infolettres";
3492
3492
  var subtitle$6 = "Nous pouvons utiliser votre adresse courriel pour d’autres communications marketing";
3493
- var labels$k = {
3493
+ var labels$m = {
3494
3494
  submit: "Lire l’article !",
3495
3495
  firstName: "Prénom",
3496
3496
  lastName: "Nom de famille",
@@ -3498,7 +3498,7 @@ var labels$k = {
3498
3498
  postalCode: "Code postal",
3499
3499
  required: "Champs obligatoires"
3500
3500
  };
3501
- var messages$o = {
3501
+ var messages$q = {
3502
3502
  alreadyHaveAccount: "Vous avez déjà un compte ?",
3503
3503
  success: "Votre choix d'infolettres à été mis à jour",
3504
3504
  loginHere: "Connectez-vous ici",
@@ -3509,14 +3509,14 @@ var newsletter_fr = {
3509
3509
  title: title$c,
3510
3510
  updateTitle: updateTitle,
3511
3511
  subtitle: subtitle$6,
3512
- labels: labels$k,
3513
- messages: messages$o
3512
+ labels: labels$m,
3513
+ messages: messages$q
3514
3514
  };
3515
3515
 
3516
- var labels$j = {
3516
+ var labels$l = {
3517
3517
  "continue": "Continue to content"
3518
3518
  };
3519
- var messages$n = {
3519
+ var messages$p = {
3520
3520
  yourFreeTrial: "Subscription successful!",
3521
3521
  youHaveAccess: "Hope you enjoy the subscription. Please contact us if you have any questions or concerns.",
3522
3522
  clickToLearn: {
@@ -3538,15 +3538,15 @@ var errors$9 = {
3538
3538
  "": ""
3539
3539
  };
3540
3540
  var success_en = {
3541
- labels: labels$j,
3542
- messages: messages$n,
3541
+ labels: labels$l,
3542
+ messages: messages$p,
3543
3543
  errors: errors$9
3544
3544
  };
3545
3545
 
3546
- var labels$i = {
3546
+ var labels$k = {
3547
3547
  "continue": "Abonnement réussi !"
3548
3548
  };
3549
- var messages$m = {
3549
+ var messages$o = {
3550
3550
  yourFreeTrial: "Votre essai gratuit vient de débuter",
3551
3551
  youHaveAccess: "Nous espérons que vous allez apprécier votre abonnement. Veuillez nous contacter si vous avez des questions ou des préoccupations.",
3552
3552
  clickToLearn: {
@@ -3568,12 +3568,12 @@ var errors$8 = {
3568
3568
  "": ""
3569
3569
  };
3570
3570
  var success_fr = {
3571
- labels: labels$i,
3572
- messages: messages$m,
3571
+ labels: labels$k,
3572
+ messages: messages$o,
3573
3573
  errors: errors$8
3574
3574
  };
3575
3575
 
3576
- var messages$l = {
3576
+ var messages$n = {
3577
3577
  freeVisits: "Free visits left:",
3578
3578
  subscribeNow: "Subscribe",
3579
3579
  alreadyHaveAccount: "Already have an account?",
@@ -3583,11 +3583,11 @@ var errors$7 = {
3583
3583
  "": ""
3584
3584
  };
3585
3585
  var meter_en = {
3586
- messages: messages$l,
3586
+ messages: messages$n,
3587
3587
  errors: errors$7
3588
3588
  };
3589
3589
 
3590
- var messages$k = {
3590
+ var messages$m = {
3591
3591
  freeVisits: "Visites gratuites restantes:",
3592
3592
  subscribeNow: "Abonnez-vous maintenant !",
3593
3593
  alreadyHaveAccount: "Vous avez déjà un compte ?",
@@ -3597,15 +3597,15 @@ var errors$6 = {
3597
3597
  "": ""
3598
3598
  };
3599
3599
  var meter_fr = {
3600
- messages: messages$k,
3600
+ messages: messages$m,
3601
3601
  errors: errors$6
3602
3602
  };
3603
3603
 
3604
- var messages$j = {
3604
+ var messages$l = {
3605
3605
  youAreSafe: "You're safe - PCI compliant 128 SSL by",
3606
3606
  bankRedirection: "Please hold, redirecting you to your bank."
3607
3607
  };
3608
- var labels$h = {
3608
+ var labels$j = {
3609
3609
  card: "Enter card number",
3610
3610
  date: "Expiration date",
3611
3611
  CVC: "CVC",
@@ -3624,15 +3624,15 @@ var labels$h = {
3624
3624
  removeCoupon: "REMOVE"
3625
3625
  };
3626
3626
  var checkoutForm_en = {
3627
- messages: messages$j,
3628
- labels: labels$h
3627
+ messages: messages$l,
3628
+ labels: labels$j
3629
3629
  };
3630
3630
 
3631
- var messages$i = {
3631
+ var messages$k = {
3632
3632
  youAreSafe: "Vous êtes en sécurité - PCI conforme 128 SSL par",
3633
3633
  bankRedirection: "Veuillez patienter, nous vous redirigeons vers votre banque."
3634
3634
  };
3635
- var labels$g = {
3635
+ var labels$i = {
3636
3636
  card: "Entrez le numéro de carte",
3637
3637
  date: "Date d’expiration",
3638
3638
  CVC: "CVC",
@@ -3651,8 +3651,8 @@ var labels$g = {
3651
3651
  removeCoupon: "RETIRER"
3652
3652
  };
3653
3653
  var checkoutForm_fr = {
3654
- messages: messages$i,
3655
- labels: labels$g
3654
+ messages: messages$k,
3655
+ labels: labels$i
3656
3656
  };
3657
3657
 
3658
3658
  var youAreSafe$1 = "You're safe - PCI compliant 128 SSL by";
@@ -3685,7 +3685,7 @@ var messages_fr = {
3685
3685
  recaptcha: recaptcha
3686
3686
  };
3687
3687
 
3688
- var labels$f = {
3688
+ var labels$h = {
3689
3689
  email: "Enter email",
3690
3690
  password: "Enter password",
3691
3691
  required: "required",
@@ -3693,7 +3693,7 @@ var labels$f = {
3693
3693
  passwordPlaceholder: "Password",
3694
3694
  login: "Login"
3695
3695
  };
3696
- var messages$h = {
3696
+ var messages$j = {
3697
3697
  loginTo: "Login to your account",
3698
3698
  welcome: "Welcome back, sign in with your existing account.",
3699
3699
  dontHaveAccount: "Don't have an account yet?",
@@ -3712,12 +3712,12 @@ var errors$5 = {
3712
3712
  "": ""
3713
3713
  };
3714
3714
  var login_en = {
3715
- labels: labels$f,
3716
- messages: messages$h,
3715
+ labels: labels$h,
3716
+ messages: messages$j,
3717
3717
  errors: errors$5
3718
3718
  };
3719
3719
 
3720
- var labels$e = {
3720
+ var labels$g = {
3721
3721
  email: "Entrez votre adresse courriel",
3722
3722
  password: "Entrez votre mot de passe",
3723
3723
  required: "Champs obligatoires",
@@ -3725,7 +3725,7 @@ var labels$e = {
3725
3725
  passwordPlaceholder: "Mot de passe",
3726
3726
  login: "Connexion"
3727
3727
  };
3728
- var messages$g = {
3728
+ var messages$i = {
3729
3729
  loginTo: "Connectez-vous à votre compte",
3730
3730
  welcome: "Bienvenue, connectez-vous avec votre compte existant.",
3731
3731
  dontHaveAccount: "Vous n’avez pas encore de compte ?",
@@ -3744,14 +3744,14 @@ var errors$4 = {
3744
3744
  "": ""
3745
3745
  };
3746
3746
  var login_fr = {
3747
- labels: labels$e,
3748
- messages: messages$g,
3747
+ labels: labels$g,
3748
+ messages: messages$i,
3749
3749
  errors: errors$4
3750
3750
  };
3751
3751
 
3752
3752
  var title$b = "Create an account";
3753
3753
  var subtitle$5 = "Enter your email and password below";
3754
- var labels$d = {
3754
+ var labels$f = {
3755
3755
  signUpFacebook: "Sign up with Facebook",
3756
3756
  signUpGoogle: "Sign up with Google",
3757
3757
  signUpEmail: "Sign up with Email",
@@ -3763,7 +3763,7 @@ var labels$d = {
3763
3763
  firstName: "First name",
3764
3764
  lastName: "Last name"
3765
3765
  };
3766
- var messages$f = {
3766
+ var messages$h = {
3767
3767
  alreadyHaveAccount: "Already have an account?",
3768
3768
  createAccount: "Create account",
3769
3769
  loginHere: "login here. ",
@@ -3837,8 +3837,8 @@ var redeem$1 = {
3837
3837
  var register_en = {
3838
3838
  title: title$b,
3839
3839
  subtitle: subtitle$5,
3840
- labels: labels$d,
3841
- messages: messages$f,
3840
+ labels: labels$f,
3841
+ messages: messages$h,
3842
3842
  errors: errors$3,
3843
3843
  gift: gift$1,
3844
3844
  redeem: redeem$1
@@ -3846,7 +3846,7 @@ var register_en = {
3846
3846
 
3847
3847
  var title$a = "Créer un compte";
3848
3848
  var subtitle$4 = "Entrez votre courriel et votre mot de passe ci-dessous";
3849
- var labels$c = {
3849
+ var labels$e = {
3850
3850
  signUpFacebook: "Inscrivez-vous avec Facebook",
3851
3851
  signUpGoogle: "Inscrivez-vous avec Google",
3852
3852
  signUpEmail: "Inscrivez-vous avec votre courriel",
@@ -3858,7 +3858,7 @@ var labels$c = {
3858
3858
  firstName: "Prénom",
3859
3859
  lastName: "Nom de famille"
3860
3860
  };
3861
- var messages$e = {
3861
+ var messages$g = {
3862
3862
  alreadyHaveAccount: "Vous avez déjà un compte?",
3863
3863
  createAccount: "Créer un compte",
3864
3864
  loginHere: "Connectez-vous ici",
@@ -3933,14 +3933,14 @@ var redeem = {
3933
3933
  var register_fr = {
3934
3934
  title: title$a,
3935
3935
  subtitle: subtitle$4,
3936
- labels: labels$c,
3937
- messages: messages$e,
3936
+ labels: labels$e,
3937
+ messages: messages$g,
3938
3938
  errors: errors$2,
3939
3939
  gift: gift,
3940
3940
  redeem: redeem
3941
3941
  };
3942
3942
 
3943
- var labels$b = {
3943
+ var labels$d = {
3944
3944
  title: "Want to update your profile?",
3945
3945
  subtitle: "Enter your information below to update your profile",
3946
3946
  email: "Email",
@@ -3956,17 +3956,17 @@ var labels$b = {
3956
3956
  removeImage: "Remove current photo",
3957
3957
  zoom: "Zoom"
3958
3958
  };
3959
- var messages$d = {
3959
+ var messages$f = {
3960
3960
  userUpdated: "Thanks! Your profile was updated successfully.",
3961
3961
  pictureRemoved: "Your profile picture was removed successfully.",
3962
3962
  pictureUpdated: "Your profile picture was updated successfully."
3963
3963
  };
3964
3964
  var userEdit_en = {
3965
- labels: labels$b,
3966
- messages: messages$d
3965
+ labels: labels$d,
3966
+ messages: messages$f
3967
3967
  };
3968
3968
 
3969
- var labels$a = {
3969
+ var labels$c = {
3970
3970
  title: "Voulez-vous mettre à jour votre profil ?",
3971
3971
  subtitle: "Entrez vos informations ci-dessous pour mettre à jour votre profil",
3972
3972
  email: "Address courriel",
@@ -3982,20 +3982,20 @@ var labels$a = {
3982
3982
  removeImage: "supprimer la photo actuelle",
3983
3983
  zoom: "Zoom"
3984
3984
  };
3985
- var messages$c = {
3985
+ var messages$e = {
3986
3986
  userUpdated: "Votre profil a été mis à jour avec succès.",
3987
3987
  pictureRemoved: "Votre photo de profil a été supprimée avec succès.",
3988
3988
  pictureUpdated: "Votre photo de profil a été mise à jour avec succès."
3989
3989
  };
3990
3990
  var userEdit_fr = {
3991
- labels: labels$a,
3992
- messages: messages$c
3991
+ labels: labels$c,
3992
+ messages: messages$e
3993
3993
  };
3994
3994
 
3995
3995
  var title$9 = "Enter your shipping address";
3996
3996
  var selectAddressTitle$1 = "Please select an address";
3997
3997
  var selectAddressSubtitle$1 = "Select one of your saved addresses, or add a new one";
3998
- var labels$9 = {
3998
+ var labels$b = {
3999
3999
  address: "Address",
4000
4000
  code: "Postal Code/Zip",
4001
4001
  city: "City",
@@ -4010,7 +4010,7 @@ var buttons$5 = {
4010
4010
  selectAddress: "Select address",
4011
4011
  addAddress: "Add new address"
4012
4012
  };
4013
- var messages$b = {
4013
+ var messages$d = {
4014
4014
  addressUpdated: "The address was successfully updated!",
4015
4015
  subRedeemed: "Your subscription has been redeemed."
4016
4016
  };
@@ -4018,15 +4018,15 @@ var address_en = {
4018
4018
  title: title$9,
4019
4019
  selectAddressTitle: selectAddressTitle$1,
4020
4020
  selectAddressSubtitle: selectAddressSubtitle$1,
4021
- labels: labels$9,
4021
+ labels: labels$b,
4022
4022
  buttons: buttons$5,
4023
- messages: messages$b
4023
+ messages: messages$d
4024
4024
  };
4025
4025
 
4026
4026
  var title$8 = "Entrez votre adresse de livraison";
4027
4027
  var selectAddressTitle = "Veuillez sélectionner une adresse";
4028
4028
  var selectAddressSubtitle = "Choisissez l'une de vos adresses ou créez-en une nouvelle";
4029
- var labels$8 = {
4029
+ var labels$a = {
4030
4030
  address: "Adresse",
4031
4031
  code: "Code postal / Zip",
4032
4032
  city: "Ville",
@@ -4041,7 +4041,7 @@ var buttons$4 = {
4041
4041
  selectAddress: "Choisir cette adresse",
4042
4042
  addAddress: "Ajouter une nouvelle adresse"
4043
4043
  };
4044
- var messages$a = {
4044
+ var messages$c = {
4045
4045
  addressUpdated: "Votre adresse a été mise à jour avec succès",
4046
4046
  subRedeemed: "Votre abonnement a bien été activé."
4047
4047
  };
@@ -4049,9 +4049,9 @@ var address_fr = {
4049
4049
  title: title$8,
4050
4050
  selectAddressTitle: selectAddressTitle,
4051
4051
  selectAddressSubtitle: selectAddressSubtitle,
4052
- labels: labels$8,
4052
+ labels: labels$a,
4053
4053
  buttons: buttons$4,
4054
- messages: messages$a
4054
+ messages: messages$c
4055
4055
  };
4056
4056
 
4057
4057
  var title$7 = "Reset your password";
@@ -4098,7 +4098,7 @@ var password$1 = "Password";
4098
4098
  var submit$3 = "Submit";
4099
4099
  var required$3 = "Required";
4100
4100
  var passwordResetEmailSent$1 = "Password reset instructions have been sent to your email";
4101
- var messages$9 = {
4101
+ var messages$b = {
4102
4102
  alreadyHaveAccount: "Already have an account?",
4103
4103
  loginHere: "login here."
4104
4104
  };
@@ -4109,7 +4109,7 @@ var passwordForgot_en = {
4109
4109
  submit: submit$3,
4110
4110
  required: required$3,
4111
4111
  passwordResetEmailSent: passwordResetEmailSent$1,
4112
- messages: messages$9
4112
+ messages: messages$b
4113
4113
  };
4114
4114
 
4115
4115
  var title$4 = "Mot de passe oublié ?";
@@ -4118,7 +4118,7 @@ var password = "Mot de passe";
4118
4118
  var submit$2 = "Soumettre";
4119
4119
  var required$2 = "Champs obligatoires";
4120
4120
  var passwordResetEmailSent = "Un lien pour réinitialiser votre mot de passe vous a été envoyé. Si vous ne le recevez pas, vérifier votre courrier indésirable.";
4121
- var messages$8 = {
4121
+ var messages$a = {
4122
4122
  alreadyHaveAccount: "Vous avez déjà un compte ?",
4123
4123
  loginHere: "Connectez-vous ici"
4124
4124
  };
@@ -4129,7 +4129,7 @@ var passwordForgot_fr = {
4129
4129
  submit: submit$2,
4130
4130
  required: required$2,
4131
4131
  passwordResetEmailSent: passwordResetEmailSent,
4132
- messages: messages$8
4132
+ messages: messages$a
4133
4133
  };
4134
4134
 
4135
4135
  var title$3 = "Change your password";
@@ -4230,7 +4230,7 @@ var buttons$3 = {
4230
4230
  purchase: "Purchase",
4231
4231
  "continue": "Continue"
4232
4232
  };
4233
- var messages$7 = {
4233
+ var messages$9 = {
4234
4234
  orderConfirmed: {
4235
4235
  title: "Order confirmed!",
4236
4236
  body: "Your order has been confirmed and will be shipped within the next few days. You'll shortly receive an email confirmation of this order."
@@ -4239,14 +4239,14 @@ var messages$7 = {
4239
4239
  multipleCurrencies: "Your cart currently contains items which are available in different currencies. In order to proceed with the checkout, please make sure that all items have the same currency.",
4240
4240
  currencyMismatch: "The selected item(s) do not match your current default currency ({{currency}}). Please choose item(s) only matching this currency."
4241
4241
  };
4242
- var labels$7 = {
4242
+ var labels$9 = {
4243
4243
  summary: "Order summary",
4244
4244
  total: "total"
4245
4245
  };
4246
4246
  var shop_en = {
4247
4247
  buttons: buttons$3,
4248
- messages: messages$7,
4249
- labels: labels$7
4248
+ messages: messages$9,
4249
+ labels: labels$9
4250
4250
  };
4251
4251
 
4252
4252
  var buttons$2 = {
@@ -4255,7 +4255,7 @@ var buttons$2 = {
4255
4255
  purchase: "Acheter",
4256
4256
  "continue": "Continuer au contenu"
4257
4257
  };
4258
- var messages$6 = {
4258
+ var messages$8 = {
4259
4259
  orderConfirmed: {
4260
4260
  title: "Votre commande est confirmée !",
4261
4261
  body: "Votre commande a été confirmée et vous sera expédiée dans les prochains jours. Vous recevrez un courriel de confirmation sous peu."
@@ -4264,17 +4264,17 @@ var messages$6 = {
4264
4264
  multipleCurrencies: "Votre panier contient des articles disponibles dans différentes devises. Avant de passer à la caisse, veuillez vous assurer que tous les articles ont la même devise.",
4265
4265
  currencyMismatch: "Les articles sélectionnés ne sont pas compatibles avec la devise associée à votre compte ({{currency}}). Veuillez choisir des articles uniquement offerts dans cette devise."
4266
4266
  };
4267
- var labels$6 = {
4267
+ var labels$8 = {
4268
4268
  summary: "récapitulatif de commande",
4269
4269
  total: "total"
4270
4270
  };
4271
4271
  var shop_fr = {
4272
4272
  buttons: buttons$2,
4273
- messages: messages$6,
4274
- labels: labels$6
4273
+ messages: messages$8,
4274
+ labels: labels$8
4275
4275
  };
4276
4276
 
4277
- var labels$5 = {
4277
+ var labels$7 = {
4278
4278
  cardNumber: "Numéro de carte",
4279
4279
  securityCode: "Code de sécurité",
4280
4280
  submit: "Soumettre",
@@ -4296,7 +4296,7 @@ var labels$5 = {
4296
4296
  title: "Informations de paiement"
4297
4297
  }
4298
4298
  };
4299
- var messages$5 = {
4299
+ var messages$7 = {
4300
4300
  youAreSafe: "Vous êtes en sécurité - PCI conforme 128 SSL par",
4301
4301
  cancel: "Annuler votre abonnement en ligne à tout moment.",
4302
4302
  giftSent: "Le cadeau d’abonnement a été envoyé à",
@@ -4309,12 +4309,12 @@ var errors$1 = {
4309
4309
  "": ""
4310
4310
  };
4311
4311
  var payment_fr = {
4312
- labels: labels$5,
4313
- messages: messages$5,
4312
+ labels: labels$7,
4313
+ messages: messages$7,
4314
4314
  errors: errors$1
4315
4315
  };
4316
4316
 
4317
- var labels$4 = {
4317
+ var labels$6 = {
4318
4318
  cardNumber: "Card number",
4319
4319
  securityCode: "Security Code",
4320
4320
  submit: "Submit",
@@ -4336,7 +4336,7 @@ var labels$4 = {
4336
4336
  title: "Payment Information"
4337
4337
  }
4338
4338
  };
4339
- var messages$4 = {
4339
+ var messages$6 = {
4340
4340
  youAreSafe: "You're safe - PCI compliant 128 SSL by",
4341
4341
  cancel: "Cancel your subscription online at anytime.",
4342
4342
  giftSent: "Subscription gift has been sent to",
@@ -4349,12 +4349,12 @@ var errors = {
4349
4349
  "": ""
4350
4350
  };
4351
4351
  var payment_en = {
4352
- labels: labels$4,
4353
- messages: messages$4,
4352
+ labels: labels$6,
4353
+ messages: messages$6,
4354
4354
  errors: errors
4355
4355
  };
4356
4356
 
4357
- var labels$3 = {
4357
+ var labels$5 = {
4358
4358
  menu: "Pelcro Menu",
4359
4359
  name: "Name",
4360
4360
  email: "Email",
@@ -4421,7 +4421,7 @@ var labels$3 = {
4421
4421
  goBack: "Go back"
4422
4422
  }
4423
4423
  };
4424
- var messages$3 = {
4424
+ var messages$5 = {
4425
4425
  noCard: "You don't have a card",
4426
4426
  subCancellation: {
4427
4427
  isSureToCancel: "Are you sure you want to cancel your subscription?",
@@ -4431,11 +4431,11 @@ var messages$3 = {
4431
4431
  }
4432
4432
  };
4433
4433
  var dashboard_en = {
4434
- labels: labels$3,
4435
- messages: messages$3
4434
+ labels: labels$5,
4435
+ messages: messages$5
4436
4436
  };
4437
4437
 
4438
- var labels$2 = {
4438
+ var labels$4 = {
4439
4439
  menu: "Menu Pelcro",
4440
4440
  name: "Nom",
4441
4441
  email: "Courriel",
@@ -4502,7 +4502,7 @@ var labels$2 = {
4502
4502
  goBack: "Retourner"
4503
4503
  }
4504
4504
  };
4505
- var messages$2 = {
4505
+ var messages$4 = {
4506
4506
  noCard: "Vous n’avez pas une carte",
4507
4507
  subCancellation: {
4508
4508
  isSureToCancel: "Êtes-vous certain de vouloir annuler votre abonnement?",
@@ -4512,16 +4512,16 @@ var messages$2 = {
4512
4512
  }
4513
4513
  };
4514
4514
  var dashboard_fr = {
4515
- labels: labels$2,
4516
- messages: messages$2
4515
+ labels: labels$4,
4516
+ messages: messages$4
4517
4517
  };
4518
4518
 
4519
- var messages$1 = {
4519
+ var messages$3 = {
4520
4520
  alreadyHaveAccount: "Already have an account?",
4521
4521
  loginHere: "Login here",
4522
4522
  checkbox: "Check this box to gift this subscription"
4523
4523
  };
4524
- var labels$1 = {
4524
+ var labels$3 = {
4525
4525
  plan: {
4526
4526
  title: "Subscribe to a plan",
4527
4527
  subtitle: "Select one of the plans below and click on next."
@@ -4544,17 +4544,17 @@ var buttons$1 = {
4544
4544
  back: "Back"
4545
4545
  };
4546
4546
  var select_en = {
4547
- messages: messages$1,
4548
- labels: labels$1,
4547
+ messages: messages$3,
4548
+ labels: labels$3,
4549
4549
  buttons: buttons$1
4550
4550
  };
4551
4551
 
4552
- var messages = {
4552
+ var messages$2 = {
4553
4553
  alreadyHaveAccount: "Vous avez déjà un compte ?",
4554
4554
  loginHere: "Connectez-vous ici",
4555
4555
  checkbox: "Cochez cette case pour offrir cet abonnement"
4556
4556
  };
4557
- var labels = {
4557
+ var labels$2 = {
4558
4558
  plan: {
4559
4559
  title: "Abonnez-vous à un plan",
4560
4560
  subtitle: "Sélectionnez l’un des plans ci-dessous et cliquez sur suivant."
@@ -4577,8 +4577,8 @@ var buttons = {
4577
4577
  back: "Retour"
4578
4578
  };
4579
4579
  var select_fr = {
4580
- messages: messages,
4581
- labels: labels,
4580
+ messages: messages$2,
4581
+ labels: labels$2,
4582
4582
  buttons: buttons
4583
4583
  };
4584
4584
 
@@ -4602,6 +4602,34 @@ var notification_fr = {
4602
4602
  confirm: confirm
4603
4603
  };
4604
4604
 
4605
+ var labels$1 = {
4606
+ title: "Verify your email",
4607
+ instructions: "You're on your way!\nLet's confirm your email address.\nClick on the verification link we've sent to your email:",
4608
+ resend: "Resend email"
4609
+ };
4610
+ var messages$1 = {
4611
+ resent: "Resent successfully",
4612
+ success: "Email verified successfully!"
4613
+ };
4614
+ var verifyEmail_en = {
4615
+ labels: labels$1,
4616
+ messages: messages$1
4617
+ };
4618
+
4619
+ var labels = {
4620
+ title: "Vérifiez votre e-mail",
4621
+ instructions: "Vous êtes en route!\nConfirmons votre adresse e-mail.\nCliquez sur le lien de vérification que nous vous avons envoyé par e-mail:",
4622
+ resend: "Ré-envoyer l'email"
4623
+ };
4624
+ var messages = {
4625
+ resent: "Renvoyé avec succès",
4626
+ success: "Email vérifié avec succès!"
4627
+ };
4628
+ var verifyEmail_fr = {
4629
+ labels: labels,
4630
+ messages: messages
4631
+ };
4632
+
4605
4633
  function create$1(createState) {
4606
4634
  let state;
4607
4635
  const listeners = new Set();
@@ -5951,12 +5979,18 @@ class PelcroActions {
5951
5979
  view,
5952
5980
  cartItems,
5953
5981
  ...otherStateFields
5954
- } = initialState$g;
5982
+ } = initialState$h;
5955
5983
  this.set(otherStateFields);
5956
5984
  });
5957
5985
 
5958
5986
  _defineProperty$3(this, "switchView", view => {
5959
5987
  // view switching guards
5988
+ if (userMustVerifyEmail() && !["dashboard", "meter", "login", null].includes(view)) {
5989
+ return this.set({
5990
+ view: "email-verify"
5991
+ });
5992
+ }
5993
+
5960
5994
  if (["login", "register"].includes(view) && this.get().isAuthenticated()) {
5961
5995
  return this.set({
5962
5996
  view: "dashboard"
@@ -6214,7 +6248,7 @@ class PelcroCallbacks {
6214
6248
  }
6215
6249
  });
6216
6250
 
6217
- _defineProperty$3(this, "whenUserReady", callback => {
6251
+ _defineProperty$3(this, "whenUserReady", (callback, listenerOptions) => {
6218
6252
  var _window$Pelcro$user$r;
6219
6253
 
6220
6254
  if ((_window$Pelcro$user$r = window.Pelcro.user.read()) !== null && _window$Pelcro$user$r !== void 0 && _window$Pelcro$user$r.id) {
@@ -6222,7 +6256,7 @@ class PelcroCallbacks {
6222
6256
  } else {
6223
6257
  window.document.addEventListener("PelcroUserLoaded", e => {
6224
6258
  callback(window.Pelcro.user.read());
6225
- });
6259
+ }, listenerOptions);
6226
6260
  }
6227
6261
  });
6228
6262
 
@@ -6241,7 +6275,7 @@ class PelcroCallbacks {
6241
6275
 
6242
6276
  }
6243
6277
 
6244
- const initialState$g = {
6278
+ const initialState$h = {
6245
6279
  // View
6246
6280
  view: null,
6247
6281
  // Plans
@@ -6269,7 +6303,7 @@ const createPelcroStore = () => createStore(middleware_3((set, get) => {
6269
6303
  return {
6270
6304
  // Store setter
6271
6305
  set,
6272
- ...initialState$g,
6306
+ ...initialState$h,
6273
6307
  // State actions
6274
6308
  ...actions,
6275
6309
  // Callbacks
@@ -6420,7 +6454,7 @@ const calcAndFormatItemsTotal = (items, currency) => {
6420
6454
  */
6421
6455
 
6422
6456
  const isValidViewFromURL = viewID => {
6423
- if (["login", "register", "plan-select", "gift-redeem", "password-forgot", "password-reset", "password-change", "payment-method-update", "user-edit", "newsletter", "address-create", "order-create", "cart"].includes(viewID) || hasValidNewsletterUpdateUrl()) {
6457
+ if (["login", "register", "plan-select", "gift-redeem", "password-forgot", "password-reset", "password-change", "payment-method-update", "user-edit", "newsletter", "address-create", "order-create", "cart", "email-verify"].includes(viewID) || hasValidNewsletterUpdateUrl()) {
6424
6458
  return true;
6425
6459
  }
6426
6460
 
@@ -6617,6 +6651,13 @@ function getDateWithoutTime(dateObject) {
6617
6651
  date.setHours(0, 0, 0, 0);
6618
6652
  return date;
6619
6653
  }
6654
+ function userMustVerifyEmail() {
6655
+ var _window$Pelcro$site$r3, _window$Pelcro$site$r4, _window$Pelcro$user$r9, _window$Pelcro$user$r10;
6656
+
6657
+ const isEmailVerificationEnabled = (_window$Pelcro$site$r3 = (_window$Pelcro$site$r4 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r4 === void 0 ? void 0 : _window$Pelcro$site$r4.email_verify_enabled) !== null && _window$Pelcro$site$r3 !== void 0 ? _window$Pelcro$site$r3 : false;
6658
+ 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;
6659
+ return window.Pelcro.user.isAuthenticated() && isEmailVerificationEnabled && !isUserEmailVerified;
6660
+ }
6620
6661
 
6621
6662
  const resources = {
6622
6663
  en: {
@@ -6634,6 +6675,7 @@ const resources = {
6634
6675
  passwordReset: passwordReset_en,
6635
6676
  passwordForgot: passwordForgot_en,
6636
6677
  passwordChange: passwordChange_en,
6678
+ verifyEmail: verifyEmail_en,
6637
6679
  cart: cart_en,
6638
6680
  shop: shop_en,
6639
6681
  payment: payment_en,
@@ -6656,6 +6698,7 @@ const resources = {
6656
6698
  passwordReset: passwordReset_fr,
6657
6699
  passwordForgot: passwordForgot_fr,
6658
6700
  passwordChange: passwordChange_fr,
6701
+ verifyEmail: verifyEmail_fr,
6659
6702
  cart: cart_fr,
6660
6703
  shop: shop_fr,
6661
6704
  payment: payment_fr,
@@ -6818,11 +6861,18 @@ class SaveToMetadataButtonClass {
6818
6861
 
6819
6862
  const button = event.currentTarget;
6820
6863
  const user = window.Pelcro.user.read();
6864
+ const {
6865
+ switchView
6866
+ } = usePelcro.getStore();
6821
6867
  const {
6822
6868
  key,
6823
6869
  ...buttonMetadata
6824
6870
  } = button.dataset;
6825
6871
 
6872
+ if (userMustVerifyEmail()) {
6873
+ return switchView("email-verify");
6874
+ }
6875
+
6826
6876
  if (_classPrivateFieldGet(this, _isAlreadySaved).call(this, button)) {
6827
6877
  _classPrivateFieldGet(this, _removeMetaData).call(this, event);
6828
6878
 
@@ -6945,8 +6995,8 @@ const saveToMetadataButton = new SaveToMetadataButtonClass();
6945
6995
 
6946
6996
  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}}
6947
6997
 
6948
- function _extends$x() {
6949
- _extends$x = Object.assign || function (target) {
6998
+ function _extends$y() {
6999
+ _extends$y = Object.assign || function (target) {
6950
7000
  for (var i = 1; i < arguments.length; i++) {
6951
7001
  var source = arguments[i];
6952
7002
 
@@ -6960,7 +7010,7 @@ function _extends$x() {
6960
7010
  return target;
6961
7011
  };
6962
7012
 
6963
- return _extends$x.apply(this, arguments);
7013
+ return _extends$y.apply(this, arguments);
6964
7014
  }
6965
7015
 
6966
7016
  function _taggedTemplateLiteralLoose(strings, raw) {
@@ -7050,7 +7100,7 @@ var clearFromRemoveQueue = function clearFromRemoveQueue(toastId) {
7050
7100
  var reducer = function reducer(state, action) {
7051
7101
  switch (action.type) {
7052
7102
  case ActionType.ADD_TOAST:
7053
- return _extends$x({}, state, {
7103
+ return _extends$y({}, state, {
7054
7104
  toasts: [action.toast].concat(state.toasts).slice(0, TOAST_LIMIT)
7055
7105
  });
7056
7106
 
@@ -7060,9 +7110,9 @@ var reducer = function reducer(state, action) {
7060
7110
  clearFromRemoveQueue(action.toast.id);
7061
7111
  }
7062
7112
 
7063
- return _extends$x({}, state, {
7113
+ return _extends$y({}, state, {
7064
7114
  toasts: state.toasts.map(function (t) {
7065
- return t.id === action.toast.id ? _extends$x({}, t, action.toast) : t;
7115
+ return t.id === action.toast.id ? _extends$y({}, t, action.toast) : t;
7066
7116
  })
7067
7117
  });
7068
7118
 
@@ -7089,9 +7139,9 @@ var reducer = function reducer(state, action) {
7089
7139
  });
7090
7140
  }
7091
7141
 
7092
- return _extends$x({}, state, {
7142
+ return _extends$y({}, state, {
7093
7143
  toasts: state.toasts.map(function (t) {
7094
- return t.id === toastId || toastId === undefined ? _extends$x({}, t, {
7144
+ return t.id === toastId || toastId === undefined ? _extends$y({}, t, {
7095
7145
  visible: false
7096
7146
  }) : t;
7097
7147
  })
@@ -7099,28 +7149,28 @@ var reducer = function reducer(state, action) {
7099
7149
 
7100
7150
  case ActionType.REMOVE_TOAST:
7101
7151
  if (action.toastId === undefined) {
7102
- return _extends$x({}, state, {
7152
+ return _extends$y({}, state, {
7103
7153
  toasts: []
7104
7154
  });
7105
7155
  }
7106
7156
 
7107
- return _extends$x({}, state, {
7157
+ return _extends$y({}, state, {
7108
7158
  toasts: state.toasts.filter(function (t) {
7109
7159
  return t.id !== action.toastId;
7110
7160
  })
7111
7161
  });
7112
7162
 
7113
7163
  case ActionType.START_PAUSE:
7114
- return _extends$x({}, state, {
7164
+ return _extends$y({}, state, {
7115
7165
  pausedAt: action.time
7116
7166
  });
7117
7167
 
7118
7168
  case ActionType.END_PAUSE:
7119
7169
  var diff = action.time - (state.pausedAt || 0);
7120
- return _extends$x({}, state, {
7170
+ return _extends$y({}, state, {
7121
7171
  pausedAt: undefined,
7122
7172
  toasts: state.toasts.map(function (t) {
7123
- return _extends$x({}, t, {
7173
+ return _extends$y({}, t, {
7124
7174
  pauseDuration: t.pauseDuration + diff
7125
7175
  });
7126
7176
  })
@@ -7167,12 +7217,12 @@ var useStore = function useStore(toastOptions) {
7167
7217
  var mergedToasts = state.toasts.map(function (t) {
7168
7218
  var _toastOptions$t$type, _toastOptions, _toastOptions$t$type2;
7169
7219
 
7170
- return _extends$x({}, toastOptions, toastOptions[t.type], t, {
7220
+ return _extends$y({}, toastOptions, toastOptions[t.type], t, {
7171
7221
  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],
7172
- style: _extends$x({}, toastOptions.style, (_toastOptions$t$type2 = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type2.style, t.style)
7222
+ style: _extends$y({}, toastOptions.style, (_toastOptions$t$type2 = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type2.style, t.style)
7173
7223
  });
7174
7224
  });
7175
- return _extends$x({}, state, {
7225
+ return _extends$y({}, state, {
7176
7226
  toasts: mergedToasts
7177
7227
  });
7178
7228
  };
@@ -7182,7 +7232,7 @@ var createToast = function createToast(message, type, opts) {
7182
7232
  type = 'blank';
7183
7233
  }
7184
7234
 
7185
- return _extends$x({
7235
+ return _extends$y({
7186
7236
  createdAt: Date.now(),
7187
7237
  visible: true,
7188
7238
  type: type,
@@ -7232,14 +7282,14 @@ toast.remove = function (toastId) {
7232
7282
  };
7233
7283
 
7234
7284
  toast.promise = function (promise, msgs, opts) {
7235
- var id = toast.loading(msgs.loading, _extends$x({}, opts, opts == null ? void 0 : opts.loading));
7285
+ var id = toast.loading(msgs.loading, _extends$y({}, opts, opts == null ? void 0 : opts.loading));
7236
7286
  promise.then(function (p) {
7237
- toast.success(resolveValue(msgs.success, p), _extends$x({
7287
+ toast.success(resolveValue(msgs.success, p), _extends$y({
7238
7288
  id: id
7239
7289
  }, opts, opts == null ? void 0 : opts.success));
7240
7290
  return p;
7241
7291
  })["catch"](function (e) {
7242
- toast.error(resolveValue(msgs.error, e), _extends$x({
7292
+ toast.error(resolveValue(msgs.error, e), _extends$y({
7243
7293
  id: id
7244
7294
  }, opts, opts == null ? void 0 : opts.error));
7245
7295
  });
@@ -7578,7 +7628,7 @@ var ToastBar = /*#__PURE__*/React.memo(function (_ref2) {
7578
7628
  var message = React.createElement(Message, Object.assign({}, toast.ariaProps), resolveValue(toast.message, toast));
7579
7629
  return React.createElement(ToastBarBase, {
7580
7630
  className: toast.className,
7581
- style: _extends$x({}, animationStyle, style, toast.style)
7631
+ style: _extends$y({}, animationStyle, style, toast.style)
7582
7632
  }, typeof children === 'function' ? children({
7583
7633
  icon: icon,
7584
7634
  message: message
@@ -7608,7 +7658,7 @@ var getPositionStyle = function getPositionStyle(position, offset) {
7608
7658
  } : position.includes('right') ? {
7609
7659
  justifyContent: 'flex-end'
7610
7660
  } : {};
7611
- return _extends$x({
7661
+ return _extends$y({
7612
7662
  left: 0,
7613
7663
  right: 0,
7614
7664
  display: 'flex',
@@ -7635,7 +7685,7 @@ var Toaster = function Toaster(_ref) {
7635
7685
  handlers = _useToaster.handlers;
7636
7686
 
7637
7687
  return React.createElement("div", {
7638
- style: _extends$x({
7688
+ style: _extends$y({
7639
7689
  position: 'fixed',
7640
7690
  zIndex: 9999,
7641
7691
  top: DEFAULT_OFFSET,
@@ -7670,87 +7720,87 @@ var Toaster = function Toaster(_ref) {
7670
7720
  }));
7671
7721
  };
7672
7722
 
7673
- var _path$u;
7723
+ var _path$v;
7674
7724
 
7675
- 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); }
7725
+ 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); }
7676
7726
 
7677
7727
  function SvgCheckSolid(props) {
7678
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
7728
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
7679
7729
  xmlns: "http://www.w3.org/2000/svg",
7680
7730
  className: "h-5 w-5",
7681
7731
  viewBox: "0 0 20 20",
7682
7732
  fill: "currentColor"
7683
- }, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
7733
+ }, props), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
7684
7734
  fillRule: "evenodd",
7685
7735
  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",
7686
7736
  clipRule: "evenodd"
7687
7737
  })));
7688
7738
  }
7689
7739
 
7690
- var _path$t;
7740
+ var _path$u;
7691
7741
 
7692
- 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); }
7742
+ 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); }
7693
7743
 
7694
7744
  function SvgXIcon(props) {
7695
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
7745
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
7696
7746
  xmlns: "http://www.w3.org/2000/svg",
7697
7747
  viewBox: "0 0 20 20",
7698
7748
  fill: "currentColor"
7699
- }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
7749
+ }, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
7700
7750
  fill: "evenodd",
7701
7751
  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",
7702
7752
  clipRule: "evenodd"
7703
7753
  })));
7704
7754
  }
7705
7755
 
7706
- var _path$s;
7756
+ var _path$t;
7707
7757
 
7708
- 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); }
7758
+ 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); }
7709
7759
 
7710
7760
  function SvgXIconSolid(props) {
7711
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
7761
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
7712
7762
  className: "plc-w-4 plc-h-4",
7713
7763
  fill: "currentColor",
7714
7764
  xmlns: "http://www.w3.org/2000/svg",
7715
7765
  viewBox: "0 0 100 100"
7716
- }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
7766
+ }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
7717
7767
  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"
7718
7768
  })));
7719
7769
  }
7720
7770
 
7721
- var _path$r;
7771
+ var _path$s;
7722
7772
 
7723
- 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); }
7773
+ 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); }
7724
7774
 
7725
7775
  function SvgExclamation(props) {
7726
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
7776
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
7727
7777
  className: "plc-w-4 plc-h-4 plc-mr-1",
7728
7778
  xmlns: "http://www.w3.org/2000/svg",
7729
7779
  viewBox: "0 0 20 20",
7730
7780
  fill: "currentColor"
7731
- }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
7781
+ }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
7732
7782
  fillRule: "evenodd",
7733
7783
  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",
7734
7784
  clipRule: "evenodd"
7735
7785
  })));
7736
7786
  }
7737
7787
 
7738
- var _path$q, _path2$3;
7788
+ var _path$r, _path2$4;
7739
7789
 
7740
- 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); }
7790
+ 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); }
7741
7791
 
7742
7792
  function SvgSpinner(props) {
7743
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
7793
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
7744
7794
  className: "plc-animate-spin",
7745
7795
  viewBox: "0 0 24 24",
7746
7796
  fill: "currentColor",
7747
7797
  xmlns: "http://www.w3.org/2000/svg"
7748
- }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
7798
+ }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
7749
7799
  opacity: 0.2,
7750
7800
  fill: "evenodd",
7751
7801
  clipRule: "evenodd",
7752
7802
  d: "M12 19a7 7 0 100-14 7 7 0 000 14zm0 3c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"
7753
- })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
7803
+ })), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
7754
7804
  d: "M2 12C2 6.477 6.477 2 12 2v3a7 7 0 00-7 7H2z"
7755
7805
  })));
7756
7806
  }
@@ -8476,50 +8526,110 @@ var pure = pure$1;
8476
8526
  var pure_1 = pure.loadStripe;
8477
8527
 
8478
8528
  /**
8479
- * @typedef {Object} OptionsType
8480
- * @property {boolean} loadPaymentSDKs
8481
- * @property {boolean} enableURLTriggers
8482
- * @property {boolean} enableTheme
8483
- * @property {boolean} enablePaywalls
8484
- * @property {boolean} enableGoogleAnalytics
8485
- */
8486
-
8487
- /**
8488
- * Initializes pelcro features based on the options flag object
8489
- * @param {OptionsType} options
8490
- * @returns
8529
+ * Extracts error message from the response error object
8530
+ * @param {Object} error Error object
8531
+ * @return {string}
8491
8532
  */
8533
+ const getErrorMessages = error => {
8534
+ var _error$error, _error$response, _error$response$data, _error$response3, _error$response3$data, _error$response3$data2, _error$response5, _error$response5$data;
8492
8535
 
8493
- const optionsController = options => {
8494
- if (!options) {
8495
- return;
8536
+ if (error !== null && error !== void 0 && (_error$error = error.error) !== null && _error$error !== void 0 && _error$error.message) {
8537
+ return error.error.message;
8496
8538
  }
8497
8539
 
8498
- const optionsMethodsDict = {
8499
- loadPaymentSDKs: loadPaymentSDKs,
8500
- loadAuth0SDK: loadAuth0SDK,
8501
- enableURLTriggers: initViewFromURL,
8502
- enableTheme: applyPelcroTheme,
8503
- enablePaywalls: initPaywalls,
8504
- loadSecuritySDK: initSecuritySdk,
8505
- enableGoogleAnalytics: initGATracking
8506
- }; // Only execute enabled options
8540
+ if (error !== null && error !== void 0 && (_error$response = error.response) !== null && _error$response !== void 0 && (_error$response$data = _error$response.data) !== null && _error$response$data !== void 0 && _error$response$data.message) {
8541
+ var _error$response2, _error$response2$data;
8507
8542
 
8508
- Object.entries(options).filter(([_, value]) => value === true).forEach(([key]) => {
8509
- var _optionsMethodsDict$k;
8543
+ return error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.message;
8544
+ }
8510
8545
 
8511
- return (_optionsMethodsDict$k = optionsMethodsDict[key]) === null || _optionsMethodsDict$k === void 0 ? void 0 : _optionsMethodsDict$k.call(optionsMethodsDict);
8512
- });
8513
- };
8514
- const initPaywalls = () => {
8515
- var _window$Pelcro$site$r;
8546
+ if (error !== null && error !== void 0 && (_error$response3 = error.response) !== null && _error$response3 !== void 0 && (_error$response3$data = _error$response3.data) !== null && _error$response3$data !== void 0 && (_error$response3$data2 = _error$response3$data.error) !== null && _error$response3$data2 !== void 0 && _error$response3$data2.message) {
8547
+ var _error$response4, _error$response4$data, _error$response4$data2;
8516
8548
 
8517
- const paywallMethods = window.Pelcro.paywall;
8518
- const viewFromURL = getStableViewID(window.Pelcro.helpers.getURLParameter("view"));
8549
+ 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;
8550
+ }
8519
8551
 
8520
- if (((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.settings) === "subscription") {
8521
- // blur entitlements based content
8522
- const didBlurContent = init(); // Skip paywall if article is not restricted
8552
+ const errorMessages = []; // enumerable error (ex: validation errors)
8553
+
8554
+ 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]) => {
8555
+ errorMessages.push(errorMessage);
8556
+ }); // convert to multiline string
8557
+
8558
+ return errorMessages.join("\n");
8559
+ };
8560
+ /**
8561
+ * Executes function after a wait time of inactivity
8562
+ * @param {function} func
8563
+ * @param {number} waitTime
8564
+ */
8565
+
8566
+ const debounce = (func, waitTime) => {
8567
+ let timeout;
8568
+ return function executedFunction(...args) {
8569
+ // The callback function to be executed after
8570
+ // the debounce time has elapsed
8571
+ const later = () => {
8572
+ // null timeout to indicate the debounce ended
8573
+ timeout = null;
8574
+ func(...args);
8575
+ }; // This will reset the waiting every function execution.
8576
+ // This is the step that prevents the function from
8577
+ // being executed because it will never reach the
8578
+ // inside of the previous setTimeout
8579
+
8580
+
8581
+ clearTimeout(timeout); // Restart the debounce waiting period.
8582
+ // setTimeout returns a truthy value (it differs in web vs Node)
8583
+
8584
+ timeout = setTimeout(later, waitTime);
8585
+ };
8586
+ };
8587
+
8588
+ /**
8589
+ * @typedef {Object} OptionsType
8590
+ * @property {boolean} loadPaymentSDKs
8591
+ * @property {boolean} enableURLTriggers
8592
+ * @property {boolean} enableTheme
8593
+ * @property {boolean} enablePaywalls
8594
+ * @property {boolean} enableGoogleAnalytics
8595
+ */
8596
+
8597
+ /**
8598
+ * Initializes pelcro features based on the options flag object
8599
+ * @param {OptionsType} options
8600
+ * @returns
8601
+ */
8602
+
8603
+ const optionsController = options => {
8604
+ if (!options) {
8605
+ return;
8606
+ }
8607
+
8608
+ const optionsMethodsDict = {
8609
+ loadPaymentSDKs: loadPaymentSDKs,
8610
+ loadAuth0SDK: loadAuth0SDK,
8611
+ enableURLTriggers: initViewFromURL,
8612
+ enableTheme: applyPelcroTheme,
8613
+ enablePaywalls: initPaywalls,
8614
+ loadSecuritySDK: initSecuritySdk,
8615
+ enableGoogleAnalytics: initGATracking
8616
+ }; // Only execute enabled options
8617
+
8618
+ Object.entries(options).filter(([_, value]) => value === true).forEach(([key]) => {
8619
+ var _optionsMethodsDict$k;
8620
+
8621
+ return (_optionsMethodsDict$k = optionsMethodsDict[key]) === null || _optionsMethodsDict$k === void 0 ? void 0 : _optionsMethodsDict$k.call(optionsMethodsDict);
8622
+ });
8623
+ };
8624
+ const initPaywalls = () => {
8625
+ var _window$Pelcro$site$r;
8626
+
8627
+ const paywallMethods = window.Pelcro.paywall;
8628
+ const viewFromURL = getStableViewID(window.Pelcro.helpers.getURLParameter("view"));
8629
+
8630
+ if (((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.settings) === "subscription") {
8631
+ // blur entitlements based content
8632
+ const didBlurContent = init(); // Skip paywall if article is not restricted
8523
8633
 
8524
8634
  if (isValidViewFromURL(viewFromURL) || !paywallMethods.isArticleRestricted()) {
8525
8635
  return;
@@ -8715,6 +8825,10 @@ const initViewFromURL = () => {
8715
8825
  return initCartFromUrl();
8716
8826
  }
8717
8827
 
8828
+ if (view === "email-verify") {
8829
+ return verifyEmailTokenFromUrl();
8830
+ }
8831
+
8718
8832
  switchView(view);
8719
8833
  });
8720
8834
  }
@@ -8864,6 +8978,33 @@ const initCartFromUrl = () => {
8864
8978
  });
8865
8979
  };
8866
8980
 
8981
+ const verifyEmailTokenFromUrl = () => {
8982
+ var _window$Pelcro$site$r5, _window$Pelcro$site$r6;
8983
+
8984
+ const {
8985
+ whenSiteReady
8986
+ } = usePelcro.getStore();
8987
+ const translations = i18next.t("verifyEmail:messages", {
8988
+ returnObjects: true
8989
+ });
8990
+ const emailToken = window.Pelcro.helpers.getURLParameter("token");
8991
+ const isEmailVerificationEnabled = (_window$Pelcro$site$r5 = (_window$Pelcro$site$r6 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r6 === void 0 ? void 0 : _window$Pelcro$site$r6.email_verify_enabled) !== null && _window$Pelcro$site$r5 !== void 0 ? _window$Pelcro$site$r5 : false;
8992
+ if (!emailToken || !isEmailVerificationEnabled) return;
8993
+ whenSiteReady(() => {
8994
+ window.Pelcro.user.verifyEmailToken({
8995
+ token: emailToken
8996
+ }, (err, res) => {
8997
+ if (err) {
8998
+ return notify.error(getErrorMessages(err));
8999
+ }
9000
+
9001
+ return notify.success(translations.success);
9002
+ });
9003
+ }, {
9004
+ once: true
9005
+ });
9006
+ };
9007
+
8867
9008
  const defaultOptions = {
8868
9009
  loadPaymentSDKs: true,
8869
9010
  loadAuth0SDK: true,
@@ -9203,67 +9344,7 @@ const GET_NEWSLETTERS_FETCH = "GET_NEWSLETTERS_FETCH";
9203
9344
  const GET_NEWSLETTERS_SUCCESS = "GET_NEWSLETTERS_SUCCESS";
9204
9345
  const SWITCH_TO_UPDATE = "SWITCH_TO_UPDATE";
9205
9346
 
9206
- /**
9207
- * Extracts error message from the response error object
9208
- * @param {Object} error Error object
9209
- * @return {string}
9210
- */
9211
- const getErrorMessages = error => {
9212
- var _error$error, _error$response, _error$response$data, _error$response3, _error$response3$data, _error$response3$data2, _error$response5, _error$response5$data;
9213
-
9214
- if (error !== null && error !== void 0 && (_error$error = error.error) !== null && _error$error !== void 0 && _error$error.message) {
9215
- return error.error.message;
9216
- }
9217
-
9218
- if (error !== null && error !== void 0 && (_error$response = error.response) !== null && _error$response !== void 0 && (_error$response$data = _error$response.data) !== null && _error$response$data !== void 0 && _error$response$data.message) {
9219
- var _error$response2, _error$response2$data;
9220
-
9221
- return error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.message;
9222
- }
9223
-
9224
- if (error !== null && error !== void 0 && (_error$response3 = error.response) !== null && _error$response3 !== void 0 && (_error$response3$data = _error$response3.data) !== null && _error$response3$data !== void 0 && (_error$response3$data2 = _error$response3$data.error) !== null && _error$response3$data2 !== void 0 && _error$response3$data2.message) {
9225
- var _error$response4, _error$response4$data, _error$response4$data2;
9226
-
9227
- 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;
9228
- }
9229
-
9230
- const errorMessages = []; // enumerable error (ex: validation errors)
9231
-
9232
- 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]) => {
9233
- errorMessages.push(errorMessage);
9234
- }); // convert to multiline string
9235
-
9236
- return errorMessages.join("\n");
9237
- };
9238
- /**
9239
- * Executes function after a wait time of inactivity
9240
- * @param {function} func
9241
- * @param {number} waitTime
9242
- */
9243
-
9244
- const debounce = (func, waitTime) => {
9245
- let timeout;
9246
- return function executedFunction(...args) {
9247
- // The callback function to be executed after
9248
- // the debounce time has elapsed
9249
- const later = () => {
9250
- // null timeout to indicate the debounce ended
9251
- timeout = null;
9252
- func(...args);
9253
- }; // This will reset the waiting every function execution.
9254
- // This is the step that prevents the function from
9255
- // being executed because it will never reach the
9256
- // inside of the previous setTimeout
9257
-
9258
-
9259
- clearTimeout(timeout); // Restart the debounce waiting period.
9260
- // setTimeout returns a truthy value (it differs in web vs Node)
9261
-
9262
- timeout = setTimeout(later, waitTime);
9263
- };
9264
- };
9265
-
9266
- const initialState$f = {
9347
+ const initialState$g = {
9267
9348
  email: "",
9268
9349
  password: "",
9269
9350
  emailError: null,
@@ -9274,10 +9355,10 @@ const initialState$f = {
9274
9355
  content: ""
9275
9356
  }
9276
9357
  };
9277
- const store$f = /*#__PURE__*/React.createContext(initialState$f);
9358
+ const store$g = /*#__PURE__*/React.createContext(initialState$g);
9278
9359
  const {
9279
- Provider: Provider$f
9280
- } = store$f;
9360
+ Provider: Provider$g
9361
+ } = store$g;
9281
9362
 
9282
9363
  const LoginContainer = ({
9283
9364
  style,
@@ -9384,7 +9465,7 @@ const LoginContainer = ({
9384
9465
  });
9385
9466
 
9386
9467
  case RESET_LOGIN_FORM:
9387
- return initialState$f;
9468
+ return initialState$g;
9388
9469
 
9389
9470
  case DISABLE_LOGIN_BUTTON:
9390
9471
  return lib_7({ ...state,
@@ -9402,12 +9483,12 @@ const LoginContainer = ({
9402
9483
  default:
9403
9484
  return state;
9404
9485
  }
9405
- }, initialState$f);
9486
+ }, initialState$g);
9406
9487
  return /*#__PURE__*/React__default['default'].createElement("div", {
9407
9488
  style: { ...style
9408
9489
  },
9409
9490
  className: `pelcro-container pelcro-login-container ${className}`
9410
- }, /*#__PURE__*/React__default['default'].createElement(Provider$f, {
9491
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$g, {
9411
9492
  value: {
9412
9493
  state,
9413
9494
  dispatch
@@ -9415,12 +9496,12 @@ const LoginContainer = ({
9415
9496
  }, children.length ? children.map((child, i) => {
9416
9497
  if (child) {
9417
9498
  return /*#__PURE__*/React__default['default'].cloneElement(child, {
9418
- store: store$f,
9499
+ store: store$g,
9419
9500
  key: i
9420
9501
  });
9421
9502
  }
9422
9503
  }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
9423
- store: store$f
9504
+ store: store$g
9424
9505
  })));
9425
9506
  };
9426
9507
 
@@ -9665,7 +9746,7 @@ const LoginButton = ({
9665
9746
  buttonDisabled
9666
9747
  },
9667
9748
  dispatch
9668
- } = React.useContext(store$f);
9749
+ } = React.useContext(store$g);
9669
9750
  const {
9670
9751
  t
9671
9752
  } = useTranslation("login");
@@ -9686,23 +9767,23 @@ const LoginButton = ({
9686
9767
  };
9687
9768
 
9688
9769
  const LoginEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
9689
- store: store$f
9770
+ store: store$g
9690
9771
  }, props));
9691
9772
 
9692
9773
  const LoginPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
9693
- store: store$f
9774
+ store: store$g
9694
9775
  }, props));
9695
9776
 
9696
- var _path$p;
9777
+ var _path$q;
9697
9778
 
9698
- 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); }
9779
+ 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); }
9699
9780
 
9700
9781
  function SvgCheck(props) {
9701
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
9782
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
9702
9783
  xmlns: "http://www.w3.org/2000/svg",
9703
9784
  fill: "currentColor",
9704
9785
  viewBox: "0 0 20 20"
9705
- }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
9786
+ }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
9706
9787
  fillRule: "evenodd",
9707
9788
  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",
9708
9789
  clipRule: "evenodd"
@@ -9767,7 +9848,7 @@ var facebookLoginRenderProps = createCommonjsModule(function (module, exports) {
9767
9848
  var FacebookLogin = unwrapExports(facebookLoginRenderProps);
9768
9849
  facebookLoginRenderProps.FacebookLogin;
9769
9850
 
9770
- const initialState$e = {
9851
+ const initialState$f = {
9771
9852
  email: "",
9772
9853
  password: "",
9773
9854
  emailError: null,
@@ -9784,10 +9865,10 @@ const initialState$e = {
9784
9865
  content: ""
9785
9866
  }
9786
9867
  };
9787
- const store$e = /*#__PURE__*/React.createContext(initialState$e);
9868
+ const store$f = /*#__PURE__*/React.createContext(initialState$f);
9788
9869
  const {
9789
- Provider: Provider$e
9790
- } = store$e;
9870
+ Provider: Provider$f
9871
+ } = store$f;
9791
9872
 
9792
9873
  const RegisterContainer = ({
9793
9874
  style,
@@ -9970,7 +10051,7 @@ const RegisterContainer = ({
9970
10051
  });
9971
10052
 
9972
10053
  case RESET_LOGIN_FORM:
9973
- return initialState$e;
10054
+ return initialState$f;
9974
10055
 
9975
10056
  case DISABLE_REGISTRATION_BUTTON:
9976
10057
  return lib_7({ ...state,
@@ -9988,12 +10069,12 @@ const RegisterContainer = ({
9988
10069
  default:
9989
10070
  return state;
9990
10071
  }
9991
- }, initialState$e);
10072
+ }, initialState$f);
9992
10073
  return /*#__PURE__*/React__default['default'].createElement("div", {
9993
10074
  style: { ...style
9994
10075
  },
9995
10076
  className: `pelcro-container pelcro-register-container ${className}`
9996
- }, /*#__PURE__*/React__default['default'].createElement(Provider$e, {
10077
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$f, {
9997
10078
  value: {
9998
10079
  state,
9999
10080
  dispatch
@@ -10001,12 +10082,12 @@ const RegisterContainer = ({
10001
10082
  }, children.length ? children.map((child, i) => {
10002
10083
  if (child) {
10003
10084
  return /*#__PURE__*/React__default['default'].cloneElement(child, {
10004
- store: store$e,
10085
+ store: store$f,
10005
10086
  key: i
10006
10087
  });
10007
10088
  }
10008
10089
  }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
10009
- store: store$e
10090
+ store: store$f
10010
10091
  })));
10011
10092
  };
10012
10093
  /**
@@ -10021,15 +10102,15 @@ function hasSecurityTokenEnabled$1() {
10021
10102
  return hasSecuritySdkLoaded;
10022
10103
  }
10023
10104
 
10024
- var _path$o;
10105
+ var _path$p;
10025
10106
 
10026
- 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); }
10107
+ 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); }
10027
10108
 
10028
10109
  function SvgFacebookLogo(props) {
10029
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
10110
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
10030
10111
  xmlns: "http://www.w3.org/2000/svg",
10031
10112
  viewBox: "88.428 12.828 107.543 207.085"
10032
- }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
10113
+ }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
10033
10114
  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",
10034
10115
  fill: "#3c5a9a"
10035
10116
  })));
@@ -10046,10 +10127,10 @@ const FacebookLoginButton = ({
10046
10127
  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;
10047
10128
  const {
10048
10129
  dispatch: loginDispatch
10049
- } = React.useContext(store$f);
10130
+ } = React.useContext(store$g);
10050
10131
  const {
10051
10132
  dispatch: registerDispatch
10052
- } = React.useContext(store$e);
10133
+ } = React.useContext(store$f);
10053
10134
 
10054
10135
  const onSuccess = facebookUser => {
10055
10136
  loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
@@ -10102,18 +10183,18 @@ var googleLogin = createCommonjsModule(function (module, exports) {
10102
10183
  unwrapExports(googleLogin);
10103
10184
  var googleLogin_1 = googleLogin.GoogleLogin;
10104
10185
 
10105
- var _path$n, _path2$2, _path3$1, _path4;
10186
+ var _path$o, _path2$3, _path3$1, _path4;
10106
10187
 
10107
- 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); }
10188
+ 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); }
10108
10189
 
10109
10190
  function SvgGoogleLogo(props) {
10110
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
10191
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
10111
10192
  viewBox: "0 0 24 24",
10112
10193
  xmlns: "http://www.w3.org/2000/svg"
10113
- }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
10194
+ }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
10114
10195
  fill: "#4285F4",
10115
10196
  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"
10116
- })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
10197
+ })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
10117
10198
  fill: "#34A853",
10118
10199
  d: "M12.255 24c3.24 0 5.95-1.08 7.93-2.91l-3.86-3c-1.08.72-2.45 1.16-4.07 1.16-3.13 0-5.78-2.11-6.73-4.96h-3.98v3.09C3.515 21.3 7.565 24 12.255 24z"
10119
10200
  })), _path3$1 || (_path3$1 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -10136,10 +10217,10 @@ const GoogleLoginButton = ({
10136
10217
  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;
10137
10218
  const {
10138
10219
  dispatch: loginDispatch
10139
- } = React.useContext(store$f);
10220
+ } = React.useContext(store$g);
10140
10221
  const {
10141
10222
  dispatch: registerDispatch
10142
- } = React.useContext(store$e);
10223
+ } = React.useContext(store$f);
10143
10224
 
10144
10225
  const onSuccess = response => {
10145
10226
  var _response$getAuthResp, _profile$getEmail, _profile$getGivenName, _profile$getFamilyNam, _profile$getEmail2, _profile$getGivenName2, _profile$getFamilyNam2;
@@ -10187,15 +10268,15 @@ const GoogleLoginButton = ({
10187
10268
  }) : null;
10188
10269
  };
10189
10270
 
10190
- var _path$m;
10271
+ var _path$n;
10191
10272
 
10192
- 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); }
10273
+ 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); }
10193
10274
 
10194
10275
  function SvgAuth0Logo(props) {
10195
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
10276
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
10196
10277
  viewBox: "0 0 256 285",
10197
10278
  xmlns: "http://www.w3.org/2000/svg"
10198
- }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
10279
+ }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
10199
10280
  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"
10200
10281
  })));
10201
10282
  }
@@ -10206,30 +10287,30 @@ const Auth0LoginButton = ({
10206
10287
  labelClassName = "",
10207
10288
  iconClassName = ""
10208
10289
  }) => {
10209
- if (!window.auth0 && window.Pelcro.site.read().auth0_client_id && window.Pelcro.site.read().auth0_base_url) {
10210
- console.error("Auth0 sdk script wasn't loaded, you need to load auth0 sdk before rendering the Auth0LoginButton");
10211
- }
10212
-
10213
- const auth0Enabled = Boolean(window.Pelcro.site.read().auth0_client_id && window.Pelcro.site.read().auth0_base_url && window.auth0);
10290
+ const auth0Enabled = Boolean(window.Pelcro.site.read().auth0_client_id && window.Pelcro.site.read().auth0_base_url);
10214
10291
  const auth0InstanceRef = React__default['default'].useRef(null);
10215
10292
  React__default['default'].useEffect(() => {
10216
- if (auth0Enabled) {
10293
+ if (auth0Enabled && window.auth0 && auth0InstanceRef.current === null) {
10217
10294
  auth0InstanceRef.current = new window.auth0.WebAuth({
10218
10295
  domain: window.Pelcro.site.read().auth0_base_url,
10219
10296
  clientID: window.Pelcro.site.read().auth0_client_id
10220
10297
  });
10221
10298
  }
10222
- }, []);
10299
+ }, [auth0Enabled, window.auth0]);
10223
10300
  const {
10224
10301
  dispatch: loginDispatch
10225
- } = React.useContext(store$f);
10302
+ } = React.useContext(store$g);
10226
10303
  const {
10227
10304
  dispatch: registerDispatch
10228
- } = React.useContext(store$e);
10305
+ } = React.useContext(store$f);
10229
10306
 
10230
10307
  function handleClick() {
10231
10308
  var _auth0InstanceRef$cur, _auth0InstanceRef$cur2, _auth0InstanceRef$cur3;
10232
10309
 
10310
+ if (!window.auth0) {
10311
+ return console.error("Auth0 sdk script wasn't loaded, you need to load auth0 sdk before rendering the Auth0LoginButton");
10312
+ }
10313
+
10233
10314
  (_auth0InstanceRef$cur = auth0InstanceRef.current) === null || _auth0InstanceRef$cur === void 0 ? void 0 : (_auth0InstanceRef$cur2 = _auth0InstanceRef$cur.popup) === null || _auth0InstanceRef$cur2 === void 0 ? void 0 : (_auth0InstanceRef$cur3 = _auth0InstanceRef$cur2.authorize) === null || _auth0InstanceRef$cur3 === void 0 ? void 0 : _auth0InstanceRef$cur3.call(_auth0InstanceRef$cur2, {
10234
10315
  responseType: "token id_token",
10235
10316
  owp: true // close popup when finished
@@ -10354,19 +10435,19 @@ function LoginView(props) {
10354
10435
  }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null), /*#__PURE__*/React__default['default'].createElement(Auth0LoginButton, null))))));
10355
10436
  }
10356
10437
 
10357
- var _path$l, _path2$1, _path3;
10438
+ var _path$m, _path2$2, _path3;
10358
10439
 
10359
- 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); }
10440
+ 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); }
10360
10441
 
10361
10442
  function SvgPelcroAuthorship(props) {
10362
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
10443
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
10363
10444
  xmlns: "http://www.w3.org/2000/svg",
10364
10445
  viewBox: "0 -80.652 497.072 179.991"
10365
- }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
10446
+ }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
10366
10447
  fill: "none",
10367
10448
  stroke: "#4a4a4a",
10368
10449
  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"
10369
- })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
10450
+ })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
10370
10451
  d: "M46.875-5.564h7.294c.88 0 1.805.102 2.77.307s1.844.55 2.643 1.05 1.455 1.186 1.967 2.057.768 1.96.768 3.274c0 1.144-.207 2.132-.626 2.964s-.979 1.519-1.68 2.055-1.515.935-2.428 1.196c-.921.263-1.877.394-2.88.394h-5.468v12.009h-2.36V-5.564zm2.359 11.153h5.363a8.35 8.35 0 001.966-.232c.644-.155 1.216-.405 1.715-.751s.905-.805 1.219-1.377c.308-.572.464-1.273.464-2.107 0-.811-.163-1.501-.485-2.074s-.737-1.044-1.25-1.411-1.101-.638-1.769-.805a8.16 8.16 0 00-2.001-.252h-5.218l-.004 9.01zm16.625 5.897c0-1.262.212-2.423.642-3.484a8.39 8.39 0 011.787-2.755 7.967 7.967 0 012.754-1.803c1.073-.43 2.241-.642 3.502-.642s2.425.212 3.485.642a8.25 8.25 0 012.751 1.803c.775.771 1.378 1.692 1.805 2.755s.645 2.222.645 3.484-.217 2.428-.645 3.484-1.028 1.979-1.805 2.756a8.17 8.17 0 01-2.751 1.805c-1.061.428-2.223.641-3.485.641s-2.432-.213-3.502-.641c-1.073-.436-1.989-1.034-2.754-1.805-.762-.777-1.357-1.696-1.787-2.756s-.642-2.217-.642-3.484zm2.144 0c0 .932.148 1.809.447 2.631a6.18 6.18 0 001.306 2.146c.572.605 1.263 1.089 2.073 1.446s1.716.536 2.717.536 1.905-.179 2.717-.536 1.501-.84 2.071-1.446 1.007-1.324 1.305-2.146a7.66 7.66 0 00.446-2.631c0-.926-.149-1.803-.446-2.625s-.734-1.537-1.305-2.147-1.265-1.089-2.071-1.446c-.812-.36-1.717-.538-2.717-.538s-1.906.178-2.717.538-1.501.837-2.073 1.446a6.15 6.15 0 00-1.306 2.147 7.66 7.66 0 00-.447 2.625zm17.694-8.257h2.362l4.003 13.833h.071l4.612-13.833h2.039l4.896 13.833h.072l3.897-13.833h2.145l-4.859 16.514h-2.218L97.781 6.229h-.07L93.1 19.743h-2.214L85.697 3.229zm42.076 13.408c-.834 1.261-1.865 2.165-3.093 2.715s-2.582.825-4.058.825c-1.264 0-2.408-.217-3.431-.644a7.78 7.78 0 01-2.647-1.807c-.739-.777-1.305-1.695-1.7-2.751s-.59-2.234-.59-3.521c0-1.237.204-2.384.609-3.432s.978-1.962 1.715-2.734a8.06 8.06 0 012.61-1.825c.999-.437 2.108-.66 3.323-.66 1.266 0 2.377.223 3.342.66.965.444 1.775 1.026 2.431 1.754a7.4 7.4 0 011.483 2.483c.336.929.502 1.871.502 2.824v1.5h-13.871c0 .453.093 1.033.271 1.732.177.704.504 1.389.981 2.058s1.113 1.236 1.912 1.718c.798.475 1.829.712 3.094.712 1.095 0 2.158-.259 3.181-.787s1.808-1.238 2.358-2.146l1.578 1.326zm-1.645-6.543a4.84 4.84 0 00-.448-2.072 5.46 5.46 0 00-1.214-1.697 5.813 5.813 0 00-1.822-1.166 5.87 5.87 0 00-2.233-.429c-1.168 0-2.138.239-2.914.717s-1.389 1.021-1.84 1.644-.775 1.222-.967 1.802-.285.986-.285 1.197l11.723.004zm6.933-2.218l-.035-1.126-.052-1.336-.055-1.272-.035-.914h2.146l.053 1.787c.01.574.043.943.089 1.111.548-.979 1.249-1.777 2.108-2.396s1.907-.928 3.148-.928c.212 0 .423.016.624.055l.626.121-.249 2.111a2.53 2.53 0 00-.821-.146c-.93 0-1.734.146-2.414.448s-1.238.708-1.68 1.232-.768 1.137-.983 1.842-.321 1.46-.321 2.271v9.006h-2.146l-.003-11.866zm25.845 8.761c-.836 1.261-1.866 2.165-3.092 2.715s-2.58.825-4.059.825c-1.265 0-2.407-.217-3.431-.644a7.7 7.7 0 01-2.646-1.807 7.95 7.95 0 01-1.698-2.751c-.394-1.059-.59-2.234-.59-3.521 0-1.237.2-2.384.608-3.432s.978-1.962 1.717-2.734 1.609-1.383 2.609-1.825c.999-.437 2.107-.66 3.322-.66 1.264 0 2.376.223 3.344.66.963.444 1.773 1.026 2.429 1.754a7.49 7.49 0 011.485 2.483 8.34 8.34 0 01.498 2.824v1.5h-13.869c0 .453.089 1.033.268 1.732.178.704.506 1.389.983 2.058s1.111 1.236 1.91 1.718c.8.475 1.829.712 3.092.712 1.096 0 2.158-.259 3.183-.787s1.81-1.238 2.361-2.146l1.576 1.326zm-1.643-6.543c0-.739-.147-1.432-.447-2.072a5.58 5.58 0 00-1.215-1.697 5.875 5.875 0 00-4.054-1.595c-1.171 0-2.139.239-2.914.717s-1.387 1.021-1.84 1.644-.776 1.222-.968 1.802-.288.986-.288 1.197l11.727.004zm21.38 6.756h-.073a5.427 5.427 0 01-1.249 1.48 7.44 7.44 0 01-1.627 1.04 8.182 8.182 0 01-1.84.604 9.2 9.2 0 01-1.894.199c-1.264 0-2.432-.213-3.506-.641-1.071-.436-1.988-1.034-2.751-1.805-.76-.777-1.358-1.696-1.786-2.756s-.642-2.219-.642-3.484.212-2.423.642-3.484 1.026-1.979 1.786-2.755 1.68-1.378 2.751-1.803c1.074-.43 2.242-.642 3.506-.642.618 0 1.251.065 1.894.196a8.34 8.34 0 011.84.606 7.65 7.65 0 011.627 1.038 5.58 5.58 0 011.249 1.484h.073V-7.278h2.143v27.023h-2.143V16.85zm.211-5.364c0-.926-.177-1.803-.536-2.625a6.7 6.7 0 00-1.467-2.147c-.617-.609-1.344-1.089-2.181-1.446s-1.738-.538-2.714-.538c-1.002 0-1.908.178-2.717.538s-1.504.837-2.076 1.446a6.16 6.16 0 00-1.305 2.147 7.65 7.65 0 00-.446 2.625 7.66 7.66 0 00.446 2.631c.298.822.734 1.537 1.305 2.146s1.266 1.089 2.076 1.446 1.715.536 2.717.536c.976 0 1.88-.179 2.714-.536s1.563-.84 2.181-1.446 1.109-1.324 1.467-2.146a6.5 6.5 0 00.536-2.631zm16.015-18.764h2.146V6.126h.068a5.64 5.64 0 011.255-1.484 7.606 7.606 0 011.626-1.038 8.22 8.22 0 011.84-.606 9.56 9.56 0 011.895-.196c1.263 0 2.422.212 3.486.642s1.976 1.032 2.75 1.803a8.18 8.18 0 011.806 2.755c.43 1.061.645 2.222.645 3.484s-.217 2.428-.645 3.484a8.28 8.28 0 01-1.806 2.756c-.773.777-1.691 1.376-2.75 1.805s-2.224.641-3.486.641a9.194 9.194 0 01-1.895-.199c-.644-.13-1.256-.332-1.84-.604s-1.128-.618-1.626-1.04a5.56 5.56 0 01-1.255-1.48h-.068v2.893h-2.146v-27.02zm1.932 18.764c0 .932.177 1.809.538 2.631a6.7 6.7 0 001.464 2.146 7.018 7.018 0 002.182 1.446 6.85 6.85 0 002.715.536c1.003 0 1.907-.179 2.718-.536s1.501-.84 2.071-1.446a6.12 6.12 0 001.306-2.146 7.636 7.636 0 00.447-2.631c0-.926-.148-1.803-.447-2.625s-.733-1.537-1.306-2.147-1.263-1.089-2.071-1.446-1.715-.538-2.718-.538c-.978 0-1.879.178-2.715.538a6.96 6.96 0 00-2.182 1.446 6.725 6.725 0 00-1.464 2.147 6.46 6.46 0 00-.538 2.625zm25.023 13.37c-.405 1.073-.966 1.921-1.681 2.541s-1.668.93-2.858.93a6.71 6.71 0 01-1.072-.093 8.006 8.006 0 01-1.035-.233l.21-2 .951.264a3.64 3.64 0 00.982.127c.379 0 .72-.082 1.017-.251a2.61 2.61 0 00.771-.64c.212-.262.396-.55.554-.881a9.86 9.86 0 00.409-.974l1.504-3.827-6.722-16.59h2.394l5.473 13.907 5.325-13.907h2.289l-8.511 21.627z",
10371
10452
  fill: "#4a4a4a"
10372
10453
  })), _path3 || (_path3 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -10509,11 +10590,11 @@ function LoginModal({
10509
10590
  LoginModal.viewId = "login";
10510
10591
 
10511
10592
  const RegisterEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
10512
- store: store$e
10593
+ store: store$f
10513
10594
  }, props));
10514
10595
 
10515
10596
  const RegisterPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
10516
- store: store$e
10597
+ store: store$f
10517
10598
  }, props));
10518
10599
 
10519
10600
  const RegisterButton = ({
@@ -10533,7 +10614,7 @@ const RegisterButton = ({
10533
10614
  buttonDisabled
10534
10615
  },
10535
10616
  dispatch
10536
- } = React.useContext(store$e);
10617
+ } = React.useContext(store$f);
10537
10618
  const {
10538
10619
  t
10539
10620
  } = useTranslation("register");
@@ -10671,7 +10752,7 @@ function FirstName({
10671
10752
  }
10672
10753
 
10673
10754
  const RegisterFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
10674
- store: store$e
10755
+ store: store$f
10675
10756
  }, props));
10676
10757
 
10677
10758
  function LastName({
@@ -10702,7 +10783,7 @@ function LastName({
10702
10783
  }
10703
10784
 
10704
10785
  const RegisterLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
10705
- store: store$e
10786
+ store: store$f
10706
10787
  }, props));
10707
10788
 
10708
10789
  /**
@@ -10826,7 +10907,7 @@ function TextInput({
10826
10907
 
10827
10908
  const RegisterTextInput = props => {
10828
10909
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
10829
- store: store$e
10910
+ store: store$f
10830
10911
  }));
10831
10912
  };
10832
10913
 
@@ -10869,15 +10950,21 @@ function RegisterModal(props) {
10869
10950
  };
10870
10951
 
10871
10952
  const handleAfterRegistrationLogic = () => {
10872
- var _ReactGA$event;
10953
+ var _ReactGA$event, _window$Pelcro$site$r, _window$Pelcro$site$r2;
10873
10954
 
10874
10955
  ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
10875
10956
  category: "ACTIONS",
10876
10957
  action: "Registered",
10877
10958
  nonInteraction: true
10878
- }); // If product and plan are not selected
10959
+ });
10960
+ const isEmailVerificationEnabled = (_window$Pelcro$site$r = (_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.email_verify_enabled) !== null && _window$Pelcro$site$r !== void 0 ? _window$Pelcro$site$r : false;
10961
+
10962
+ if (isEmailVerificationEnabled) {
10963
+ return switchView("email-verify");
10964
+ }
10879
10965
 
10880
10966
  if (!product && !order && !giftCode) {
10967
+ // If product and plan are not selected
10881
10968
  return resetView();
10882
10969
  } // If this is a redeem gift
10883
10970
 
@@ -11147,7 +11234,7 @@ class SelectModal extends React.Component {
11147
11234
 
11148
11235
  const allProducts = (_window$Pelcro$produc = window.Pelcro.product.list()) !== null && _window$Pelcro$produc !== void 0 ? _window$Pelcro$produc : [];
11149
11236
  const productsThatMatchArticleTag = window.Pelcro.product.getByMatchingPageTags();
11150
- const allProductsMinusMatched = allProducts.filter(product => productsThatMatchArticleTag.find(matchedProduct => matchedProduct.id !== product.id));
11237
+ const allProductsMinusMatched = allProducts.filter(product => !productsThatMatchArticleTag.some(matchedProduct => matchedProduct.id === product.id));
11151
11238
  return [productsThatMatchArticleTag, allProductsMinusMatched];
11152
11239
  }
11153
11240
  });
@@ -12836,7 +12923,7 @@ class PaypalGateWay {
12836
12923
 
12837
12924
  /** @type {PaymentStateType} */
12838
12925
 
12839
- const initialState$d = {
12926
+ const initialState$e = {
12840
12927
  disableSubmit: false,
12841
12928
  isLoading: false,
12842
12929
  disableCouponButton: false,
@@ -12855,10 +12942,10 @@ const initialState$d = {
12855
12942
  content: ""
12856
12943
  }
12857
12944
  };
12858
- const store$d = /*#__PURE__*/React.createContext(initialState$d);
12945
+ const store$e = /*#__PURE__*/React.createContext(initialState$e);
12859
12946
  const {
12860
- Provider: Provider$d
12861
- } = store$d;
12947
+ Provider: Provider$e
12948
+ } = store$e;
12862
12949
 
12863
12950
  const PaymentMethodContainerWithoutStripe = ({
12864
12951
  style,
@@ -13021,10 +13108,49 @@ const PaymentMethodContainerWithoutStripe = ({
13021
13108
 
13022
13109
  if (err) {
13023
13110
  onFailure(err);
13024
- return dispatch({
13111
+ dispatch({
13025
13112
  type: SET_COUPON_ERROR,
13026
13113
  payload: getErrorMessages(err)
13114
+ }); // remove current coupon
13115
+
13116
+ dispatch({
13117
+ type: SET_COUPON,
13118
+ payload: null
13119
+ });
13120
+ dispatch({
13121
+ type: SET_PERCENT_OFF,
13122
+ payload: ""
13123
+ });
13124
+ dispatch({
13125
+ type: SET_UPDATED_PRICE,
13126
+ payload: null
13127
+ });
13128
+ dispatch({
13129
+ type: SET_TAX_AMOUNT,
13130
+ payload: null
13027
13131
  });
13132
+ const {
13133
+ currentPlan
13134
+ } = state;
13135
+
13136
+ if (currentPlan) {
13137
+ var _currentPlan$quantity;
13138
+
13139
+ const quantity = (_currentPlan$quantity = currentPlan.quantity) !== null && _currentPlan$quantity !== void 0 ? _currentPlan$quantity : 1;
13140
+ const price = currentPlan.amount;
13141
+ dispatch({
13142
+ type: SET_UPDATED_PRICE,
13143
+ // set original plan price
13144
+ payload: price * quantity
13145
+ });
13146
+ dispatch({
13147
+ type: UPDATE_PAYMENT_REQUEST
13148
+ }); // update the new amount with taxes if site has taxes enabled
13149
+
13150
+ updateTotalAmountWithTax();
13151
+ }
13152
+
13153
+ return;
13028
13154
  }
13029
13155
 
13030
13156
  dispatch({
@@ -13145,9 +13271,9 @@ const PaymentMethodContainerWithoutStripe = ({
13145
13271
  } = state;
13146
13272
 
13147
13273
  if (currentPlan) {
13148
- var _currentPlan$quantity;
13274
+ var _currentPlan$quantity2;
13149
13275
 
13150
- const quantity = (_currentPlan$quantity = currentPlan.quantity) !== null && _currentPlan$quantity !== void 0 ? _currentPlan$quantity : 1;
13276
+ const quantity = (_currentPlan$quantity2 = currentPlan.quantity) !== null && _currentPlan$quantity2 !== void 0 ? _currentPlan$quantity2 : 1;
13151
13277
  const price = currentPlan.amount;
13152
13278
  dispatch({
13153
13279
  type: SET_UPDATED_PRICE,
@@ -13810,21 +13936,21 @@ const PaymentMethodContainerWithoutStripe = ({
13810
13936
  default:
13811
13937
  return state;
13812
13938
  }
13813
- }, initialState$d);
13939
+ }, initialState$e);
13814
13940
  return /*#__PURE__*/React__default['default'].createElement("div", {
13815
13941
  style: { ...style
13816
13942
  },
13817
13943
  className: `pelcro-container pelcro-payment-container ${className}`
13818
- }, /*#__PURE__*/React__default['default'].createElement(Provider$d, {
13944
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$e, {
13819
13945
  value: {
13820
13946
  state,
13821
13947
  dispatch
13822
13948
  }
13823
13949
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
13824
- store: store$d,
13950
+ store: store$e,
13825
13951
  key: i
13826
13952
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
13827
- store: store$d
13953
+ store: store$e
13828
13954
  })));
13829
13955
  };
13830
13956
 
@@ -13846,7 +13972,7 @@ const PaymentMethodContainer = props => {
13846
13972
  stripeAccount: window.Pelcro.site.read().account_id,
13847
13973
  locale: getPageOrDefaultLanguage()
13848
13974
  }, /*#__PURE__*/React__default['default'].createElement(es_11, null, /*#__PURE__*/React__default['default'].createElement(UnwrappedForm, Object.assign({
13849
- store: store$d
13975
+ store: store$e
13850
13976
  }, props))));
13851
13977
  }
13852
13978
 
@@ -13899,7 +14025,7 @@ const PelcroPaymentRequestButton = props => {
13899
14025
  currentPlan,
13900
14026
  updatedPrice
13901
14027
  }
13902
- } = React.useContext(store$d);
14028
+ } = React.useContext(store$e);
13903
14029
 
13904
14030
  const updatePaymentRequest = () => {
13905
14031
  // Make sure payment request is up to date, eg. user added a coupon code.
@@ -13959,7 +14085,7 @@ const DiscountedPrice = props => {
13959
14085
  taxAmount,
13960
14086
  percentOff
13961
14087
  }
13962
- } = React.useContext(store$d);
14088
+ } = React.useContext(store$e);
13963
14089
  const {
13964
14090
  order,
13965
14091
  plan
@@ -14009,7 +14135,7 @@ const SubmitPaymentMethod = ({
14009
14135
  isLoading,
14010
14136
  updatedPrice
14011
14137
  }
14012
- } = React.useContext(store$d);
14138
+ } = React.useContext(store$e);
14013
14139
  const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
14014
14140
  const price = updatedPrice !== null && updatedPrice !== void 0 ? updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount;
14015
14141
  const priceFormatted = getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
@@ -14030,17 +14156,17 @@ const SubmitPaymentMethod = ({
14030
14156
  }, t("labels.pay"), " ", priceFormatted && priceFormatted) : t("labels.submit"));
14031
14157
  };
14032
14158
 
14033
- var _path$k;
14159
+ var _path$l;
14034
14160
 
14035
- 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); }
14161
+ 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); }
14036
14162
 
14037
14163
  function SvgArrowLeft(props) {
14038
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
14164
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
14039
14165
  xmlns: "http://www.w3.org/2000/svg",
14040
14166
  fill: "none",
14041
14167
  viewBox: "0 0 24 24",
14042
14168
  stroke: "currentColor"
14043
- }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
14169
+ }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
14044
14170
  strokeLinecap: "round",
14045
14171
  strokeLinejoin: "round",
14046
14172
  strokeWidth: 2,
@@ -14059,7 +14185,7 @@ const ApplyCouponButton = ({
14059
14185
  disableCouponButton
14060
14186
  },
14061
14187
  dispatch
14062
- } = React.useContext(store$d);
14188
+ } = React.useContext(store$e);
14063
14189
  const {
14064
14190
  t
14065
14191
  } = useTranslation("checkoutForm");
@@ -14093,7 +14219,7 @@ const CouponCodeField = props => {
14093
14219
  couponCode,
14094
14220
  couponError
14095
14221
  }
14096
- } = React.useContext(store$d);
14222
+ } = React.useContext(store$e);
14097
14223
 
14098
14224
  const onCouponCodeChange = e => {
14099
14225
  dispatch({
@@ -14122,17 +14248,17 @@ const CouponCodeField = props => {
14122
14248
  }, props));
14123
14249
  };
14124
14250
 
14125
- var _path$j;
14251
+ var _path$k;
14126
14252
 
14127
- 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); }
14253
+ 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); }
14128
14254
 
14129
14255
  function SvgTicket(props) {
14130
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
14256
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
14131
14257
  xmlns: "http://www.w3.org/2000/svg",
14132
14258
  fill: "none",
14133
14259
  viewBox: "0 0 24 24",
14134
14260
  stroke: "currentColor"
14135
- }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
14261
+ }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
14136
14262
  strokeLinecap: "round",
14137
14263
  strokeLinejoin: "round",
14138
14264
  strokeWidth: 2,
@@ -14149,7 +14275,7 @@ const CouponCode = ({
14149
14275
  state: {
14150
14276
  enableCouponField
14151
14277
  }
14152
- } = React.useContext(store$d);
14278
+ } = React.useContext(store$e);
14153
14279
  const {
14154
14280
  t
14155
14281
  } = useTranslation("checkoutForm");
@@ -14406,7 +14532,7 @@ const PaypalSubscribeButton = props => {
14406
14532
  const {
14407
14533
  dispatch,
14408
14534
  state
14409
- } = React.useContext(store$d);
14535
+ } = React.useContext(store$e);
14410
14536
  const {
14411
14537
  product,
14412
14538
  plan,
@@ -14491,16 +14617,16 @@ const BankRedirection = () => {
14491
14617
  }));
14492
14618
  };
14493
14619
 
14494
- var _path$i;
14620
+ var _path$j;
14495
14621
 
14496
- 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); }
14622
+ 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); }
14497
14623
 
14498
14624
  function SvgLock(props) {
14499
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
14625
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
14500
14626
  xmlns: "http://www.w3.org/2000/svg",
14501
14627
  viewBox: "0 0 20 20",
14502
14628
  fill: "currentColor"
14503
- }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
14629
+ }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
14504
14630
  fillRule: "evenodd",
14505
14631
  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",
14506
14632
  clipRule: "evenodd"
@@ -14517,7 +14643,7 @@ const SelectedPaymentMethod = () => {
14517
14643
  state: {
14518
14644
  isLoading
14519
14645
  }
14520
- } = React.useContext(store$d);
14646
+ } = React.useContext(store$e);
14521
14647
  const {
14522
14648
  switchView,
14523
14649
  selectedPaymentMethodId
@@ -14559,7 +14685,7 @@ const TaxAmount = () => {
14559
14685
  state: {
14560
14686
  taxAmount
14561
14687
  }
14562
- } = React.useContext(store$d);
14688
+ } = React.useContext(store$e);
14563
14689
  const {
14564
14690
  plan
14565
14691
  } = usePelcro();
@@ -14722,12 +14848,12 @@ function SubscriptionRenewModal({
14722
14848
  }
14723
14849
  SubscriptionRenewModal.viewId = "subscription-renew";
14724
14850
 
14725
- var _path$h;
14851
+ var _path$i;
14726
14852
 
14727
- 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); }
14853
+ 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); }
14728
14854
 
14729
14855
  function SvgGift(props) {
14730
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
14856
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
14731
14857
  className: "plc-w-6 plc-h-6 plc-mr-2",
14732
14858
  fill: "none",
14733
14859
  stroke: "currentColor",
@@ -14736,7 +14862,7 @@ function SvgGift(props) {
14736
14862
  strokeWidth: 2,
14737
14863
  viewBox: "0 0 24 24",
14738
14864
  xmlns: "http://www.w3.org/2000/svg"
14739
- }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
14865
+ }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
14740
14866
  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"
14741
14867
  })));
14742
14868
  }
@@ -15067,7 +15193,7 @@ class DefaultNewsLetter extends React.Component {
15067
15193
 
15068
15194
  const NewsLetter = withTranslation("newsletter")(DefaultNewsLetter);
15069
15195
 
15070
- const initialState$c = {
15196
+ const initialState$d = {
15071
15197
  didSubToNewslettersBefore: false,
15072
15198
  newsletters: [],
15073
15199
  isListLoading: true,
@@ -15077,10 +15203,10 @@ const initialState$c = {
15077
15203
  content: ""
15078
15204
  }
15079
15205
  };
15080
- const store$c = /*#__PURE__*/React.createContext(initialState$c);
15206
+ const store$d = /*#__PURE__*/React.createContext(initialState$d);
15081
15207
  const {
15082
- Provider: Provider$c
15083
- } = store$c;
15208
+ Provider: Provider$d
15209
+ } = store$d;
15084
15210
 
15085
15211
  const NewsletterUpdateContainer = ({
15086
15212
  style,
@@ -15193,7 +15319,7 @@ const NewsletterUpdateContainer = ({
15193
15319
  default:
15194
15320
  return state;
15195
15321
  }
15196
- }, initialState$c);
15322
+ }, initialState$d);
15197
15323
  React.useEffect(() => {
15198
15324
  const getUserNewsletters = () => {
15199
15325
  var _window$Pelcro$user$r3, _window$Pelcro$user$r4;
@@ -15237,7 +15363,7 @@ const NewsletterUpdateContainer = ({
15237
15363
  style: { ...style
15238
15364
  },
15239
15365
  className: `pelcro-container pelcro-newsletter-update-container ${className}`
15240
- }, /*#__PURE__*/React__default['default'].createElement(Provider$c, {
15366
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$d, {
15241
15367
  value: {
15242
15368
  state,
15243
15369
  dispatch
@@ -15245,12 +15371,12 @@ const NewsletterUpdateContainer = ({
15245
15371
  }, children.length ? children.map((child, i) => {
15246
15372
  if (child) {
15247
15373
  return /*#__PURE__*/React__default['default'].cloneElement(child, {
15248
- store: store$c,
15374
+ store: store$d,
15249
15375
  key: i
15250
15376
  });
15251
15377
  }
15252
15378
  }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
15253
- store: store$c
15379
+ store: store$d
15254
15380
  })));
15255
15381
  };
15256
15382
 
@@ -15265,7 +15391,7 @@ const NewsletterUpdateButton = ({
15265
15391
  isSubmitting,
15266
15392
  isListLoading
15267
15393
  }
15268
- } = React.useContext(store$c);
15394
+ } = React.useContext(store$d);
15269
15395
  const {
15270
15396
  t
15271
15397
  } = useTranslation("newsletter");
@@ -15295,7 +15421,7 @@ const NewsletterUpdateList = () => {
15295
15421
  newsletters,
15296
15422
  isListLoading
15297
15423
  }
15298
- } = React.useContext(store$c);
15424
+ } = React.useContext(store$d);
15299
15425
 
15300
15426
  if (isListLoading) {
15301
15427
  return /*#__PURE__*/React__default['default'].createElement(Loader, {
@@ -15499,7 +15625,7 @@ function SubscriptionCreateModal({
15499
15625
  SubscriptionCreateModal.viewId = "subscription-create";
15500
15626
 
15501
15627
  var _window$Pelcro$user$r, _window$Pelcro$user$r2, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5;
15502
- const initialState$b = {
15628
+ const initialState$c = {
15503
15629
  email: (_window$Pelcro$user$r = window.Pelcro.user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : _window$Pelcro$user$r.email,
15504
15630
  firstName: (_window$Pelcro$user$r2 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.first_name,
15505
15631
  lastName: (_window$Pelcro$user$r3 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r3 === void 0 ? void 0 : _window$Pelcro$user$r3.last_name,
@@ -15512,10 +15638,10 @@ const initialState$b = {
15512
15638
  content: ""
15513
15639
  }
15514
15640
  };
15515
- const store$b = /*#__PURE__*/React.createContext(initialState$b);
15641
+ const store$c = /*#__PURE__*/React.createContext(initialState$c);
15516
15642
  const {
15517
- Provider: Provider$b
15518
- } = store$b;
15643
+ Provider: Provider$c
15644
+ } = store$c;
15519
15645
 
15520
15646
  const UserUpdateContainer = ({
15521
15647
  style,
@@ -15647,27 +15773,27 @@ const UserUpdateContainer = ({
15647
15773
  default:
15648
15774
  return state;
15649
15775
  }
15650
- }, initialState$b);
15776
+ }, initialState$c);
15651
15777
  return /*#__PURE__*/React__default['default'].createElement("div", {
15652
15778
  style: { ...style
15653
15779
  },
15654
15780
  className: `pelcro-container pelcro-user-update-container ${className}`
15655
- }, /*#__PURE__*/React__default['default'].createElement(Provider$b, {
15781
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$c, {
15656
15782
  value: {
15657
15783
  state,
15658
15784
  dispatch
15659
15785
  }
15660
15786
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
15661
- store: store$b,
15787
+ store: store$c,
15662
15788
  key: i
15663
15789
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
15664
- store: store$b
15790
+ store: store$c
15665
15791
  })));
15666
15792
  };
15667
15793
 
15668
15794
  const UserUpdateEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
15669
15795
  disabled: true,
15670
- store: store$b
15796
+ store: store$c
15671
15797
  }, props));
15672
15798
 
15673
15799
  const UserUpdateButton = ({
@@ -15680,7 +15806,7 @@ const UserUpdateButton = ({
15680
15806
  buttonDisabled
15681
15807
  },
15682
15808
  dispatch
15683
- } = React.useContext(store$b);
15809
+ } = React.useContext(store$c);
15684
15810
  const {
15685
15811
  t
15686
15812
  } = useTranslation("userEdit");
@@ -15697,11 +15823,11 @@ const UserUpdateButton = ({
15697
15823
  };
15698
15824
 
15699
15825
  const UserUpdateFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
15700
- store: store$b
15826
+ store: store$c
15701
15827
  }, props));
15702
15828
 
15703
15829
  const UserUpdateLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
15704
- store: store$b
15830
+ store: store$c
15705
15831
  }, props));
15706
15832
 
15707
15833
  function Phone({
@@ -15730,22 +15856,22 @@ function Phone({
15730
15856
  }
15731
15857
 
15732
15858
  const UserUpdatePhone = props => /*#__PURE__*/React__default['default'].createElement(Phone, Object.assign({
15733
- store: store$b
15859
+ store: store$c
15734
15860
  }, props));
15735
15861
 
15736
15862
  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";
15737
15863
 
15738
- var _path$g;
15864
+ var _path$h;
15739
15865
 
15740
- 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); }
15866
+ 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); }
15741
15867
 
15742
15868
  function SvgEdit(props) {
15743
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
15869
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
15744
15870
  className: "plc-w-6 plc-h-6",
15745
15871
  xmlns: "http://www.w3.org/2000/svg",
15746
15872
  viewBox: "0 0 20 20",
15747
15873
  fill: "currentColor"
15748
- }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
15874
+ }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
15749
15875
  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"
15750
15876
  })));
15751
15877
  }
@@ -15877,16 +16003,16 @@ function DisplayName({
15877
16003
  }
15878
16004
 
15879
16005
  const UserUpdateDisplayName = props => /*#__PURE__*/React__default['default'].createElement(DisplayName, Object.assign({
15880
- store: store$b
16006
+ store: store$c
15881
16007
  }, props));
15882
16008
 
15883
16009
  const UserUpdateTextInput = props => {
15884
16010
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
15885
- store: store$b
16011
+ store: store$c
15886
16012
  }));
15887
16013
  };
15888
16014
 
15889
- const initialState$a = {
16015
+ const initialState$b = {
15890
16016
  isSubmitting: false,
15891
16017
  firstName: "",
15892
16018
  firstNameError: "",
@@ -15911,10 +16037,10 @@ const initialState$a = {
15911
16037
  content: ""
15912
16038
  }
15913
16039
  };
15914
- const store$a = /*#__PURE__*/React.createContext(initialState$a);
16040
+ const store$b = /*#__PURE__*/React.createContext(initialState$b);
15915
16041
  const {
15916
- Provider: Provider$a
15917
- } = store$a;
16042
+ Provider: Provider$b
16043
+ } = store$b;
15918
16044
 
15919
16045
  const getNewlyCreatedAddress = addresses => addresses[addresses.length - 1];
15920
16046
 
@@ -16121,7 +16247,7 @@ const AddressCreateContainer = ({
16121
16247
  default:
16122
16248
  return state;
16123
16249
  }
16124
- }, initialState$a);
16250
+ }, initialState$b);
16125
16251
  React.useEffect(() => {
16126
16252
  const getStates = () => {
16127
16253
  dispatch({
@@ -16153,16 +16279,16 @@ const AddressCreateContainer = ({
16153
16279
  style: { ...style
16154
16280
  },
16155
16281
  className: `pelcro-container pelcro-address-create-container ${className}`
16156
- }, /*#__PURE__*/React__default['default'].createElement(Provider$a, {
16282
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$b, {
16157
16283
  value: {
16158
16284
  state,
16159
16285
  dispatch
16160
16286
  }
16161
16287
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
16162
- store: store$a,
16288
+ store: store$b,
16163
16289
  key: i
16164
16290
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
16165
- store: store$a
16291
+ store: store$b
16166
16292
  })));
16167
16293
  };
16168
16294
 
@@ -16173,7 +16299,7 @@ function AddressCreateFirstName(props) {
16173
16299
  firstName,
16174
16300
  firstNameError
16175
16301
  }
16176
- } = React.useContext(store$a);
16302
+ } = React.useContext(store$b);
16177
16303
 
16178
16304
  const handleBlur = () => {
16179
16305
  return dispatch({
@@ -16216,7 +16342,7 @@ function AddressCreateLastName(props) {
16216
16342
  lastName,
16217
16343
  lastNameError
16218
16344
  }
16219
- } = React.useContext(store$a);
16345
+ } = React.useContext(store$b);
16220
16346
 
16221
16347
  const handleBlur = () => {
16222
16348
  return dispatch({
@@ -16259,7 +16385,7 @@ function AddressCreateLine1(props) {
16259
16385
  line1,
16260
16386
  line1Error
16261
16387
  }
16262
- } = React.useContext(store$a);
16388
+ } = React.useContext(store$b);
16263
16389
 
16264
16390
  const handleBlur = () => {
16265
16391
  return dispatch({
@@ -16302,7 +16428,7 @@ function AddressCreateCity(props) {
16302
16428
  city,
16303
16429
  cityError
16304
16430
  }
16305
- } = React.useContext(store$a);
16431
+ } = React.useContext(store$b);
16306
16432
 
16307
16433
  const handleBlur = () => {
16308
16434
  return dispatch({
@@ -16345,7 +16471,7 @@ function AddressCreatePostalCode(props) {
16345
16471
  postalCode,
16346
16472
  postalCodeError
16347
16473
  }
16348
- } = React.useContext(store$a);
16474
+ } = React.useContext(store$b);
16349
16475
 
16350
16476
  const handleBlur = () => {
16351
16477
  return dispatch({
@@ -16391,7 +16517,7 @@ const AddressCreateSubmit = ({
16391
16517
  state: {
16392
16518
  isSubmitting
16393
16519
  }
16394
- } = React.useContext(store$a);
16520
+ } = React.useContext(store$b);
16395
16521
  const {
16396
16522
  t
16397
16523
  } = useTranslation("address");
@@ -16502,7 +16628,7 @@ function CountrySelect({
16502
16628
  }
16503
16629
 
16504
16630
  const AddressCreateCountrySelect = props => /*#__PURE__*/React__default['default'].createElement(CountrySelect, Object.assign({
16505
- store: store$a
16631
+ store: store$b
16506
16632
  }, props));
16507
16633
 
16508
16634
  function StateSelect({
@@ -16590,7 +16716,7 @@ function StateSelect({
16590
16716
  }
16591
16717
 
16592
16718
  const AddressCreateStateSelect = props => /*#__PURE__*/React__default['default'].createElement(StateSelect, Object.assign({
16593
- store: store$a
16719
+ store: store$b
16594
16720
  }, props));
16595
16721
 
16596
16722
  const AddressCreateView = props => {
@@ -16695,18 +16821,18 @@ AddressCreateModal.viewId = "address-create";
16695
16821
 
16696
16822
  const AddressCreateTextInput = props => {
16697
16823
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
16698
- store: store$a
16824
+ store: store$b
16699
16825
  }));
16700
16826
  };
16701
16827
 
16702
16828
  const AddressCreateLine2 = props => {
16703
16829
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({
16704
16830
  fieldName: "line2",
16705
- store: store$a
16831
+ store: store$b
16706
16832
  }, props));
16707
16833
  };
16708
16834
 
16709
- const initialState$9 = {
16835
+ const initialState$a = {
16710
16836
  isSubmitting: false,
16711
16837
  firstName: "",
16712
16838
  firstNameError: "",
@@ -16731,10 +16857,10 @@ const initialState$9 = {
16731
16857
  content: ""
16732
16858
  }
16733
16859
  };
16734
- const store$9 = /*#__PURE__*/React.createContext(initialState$9);
16860
+ const store$a = /*#__PURE__*/React.createContext(initialState$a);
16735
16861
  const {
16736
- Provider: Provider$9
16737
- } = store$9;
16862
+ Provider: Provider$a
16863
+ } = store$a;
16738
16864
 
16739
16865
  const AddressUpdateContainer = ({
16740
16866
  style,
@@ -16786,7 +16912,7 @@ const AddressUpdateContainer = ({
16786
16912
  const thisAddress = addresses[address];
16787
16913
 
16788
16914
  if (+thisAddress.id === +addressId) {
16789
- const newState = { ...initialState$9,
16915
+ const newState = { ...initialState$a,
16790
16916
  firstName: thisAddress.first_name,
16791
16917
  lastName: thisAddress.last_name,
16792
16918
  line1: thisAddress.line1,
@@ -16919,7 +17045,7 @@ const AddressUpdateContainer = ({
16919
17045
  default:
16920
17046
  return state;
16921
17047
  }
16922
- }, initialState$9);
17048
+ }, initialState$a);
16923
17049
  React.useEffect(() => {
16924
17050
  const getStates = () => {
16925
17051
  dispatch({
@@ -16951,21 +17077,21 @@ const AddressUpdateContainer = ({
16951
17077
  style: { ...style
16952
17078
  },
16953
17079
  className: `pelcro-container pelcro-address-update-container ${className}`
16954
- }, /*#__PURE__*/React__default['default'].createElement(Provider$9, {
17080
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$a, {
16955
17081
  value: {
16956
17082
  state,
16957
17083
  dispatch
16958
17084
  }
16959
17085
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
16960
- store: store$9,
17086
+ store: store$a,
16961
17087
  key: i
16962
17088
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
16963
- store: store$9
17089
+ store: store$a
16964
17090
  })));
16965
17091
  };
16966
17092
 
16967
17093
  const AddressUpdateCountrySelect = props => /*#__PURE__*/React__default['default'].createElement(CountrySelect, Object.assign({
16968
- store: store$9
17094
+ store: store$a
16969
17095
  }, props));
16970
17096
 
16971
17097
  function AddressUpdateFirstName(props) {
@@ -16975,7 +17101,7 @@ function AddressUpdateFirstName(props) {
16975
17101
  firstName,
16976
17102
  firstNameError
16977
17103
  }
16978
- } = React.useContext(store$9);
17104
+ } = React.useContext(store$a);
16979
17105
 
16980
17106
  const handleBlur = () => {
16981
17107
  return dispatch({
@@ -17018,7 +17144,7 @@ function AddressUpdateLastName(props) {
17018
17144
  lastName,
17019
17145
  lastNameError
17020
17146
  }
17021
- } = React.useContext(store$9);
17147
+ } = React.useContext(store$a);
17022
17148
 
17023
17149
  const handleBlur = () => {
17024
17150
  return dispatch({
@@ -17061,7 +17187,7 @@ function AddressUpdateLine1(props) {
17061
17187
  line1,
17062
17188
  line1Error
17063
17189
  }
17064
- } = React.useContext(store$9);
17190
+ } = React.useContext(store$a);
17065
17191
 
17066
17192
  const handleBlur = () => {
17067
17193
  return dispatch({
@@ -17101,7 +17227,7 @@ const AddressUpdateLine2 = props => {
17101
17227
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({
17102
17228
  fieldName: "line2"
17103
17229
  }, props, {
17104
- store: store$9
17230
+ store: store$a
17105
17231
  }));
17106
17232
  };
17107
17233
 
@@ -17112,7 +17238,7 @@ function AddressUpdateCity(props) {
17112
17238
  city,
17113
17239
  cityError
17114
17240
  }
17115
- } = React.useContext(store$9);
17241
+ } = React.useContext(store$a);
17116
17242
 
17117
17243
  const handleBlur = () => {
17118
17244
  return dispatch({
@@ -17155,7 +17281,7 @@ function AddressUpdatePostalCode(props) {
17155
17281
  postalCode,
17156
17282
  postalCodeError
17157
17283
  }
17158
- } = React.useContext(store$9);
17284
+ } = React.useContext(store$a);
17159
17285
 
17160
17286
  const handleBlur = () => {
17161
17287
  return dispatch({
@@ -17201,7 +17327,7 @@ const AddressUpdateSubmit = ({
17201
17327
  state: {
17202
17328
  isSubmitting
17203
17329
  }
17204
- } = React.useContext(store$9);
17330
+ } = React.useContext(store$a);
17205
17331
  const {
17206
17332
  t
17207
17333
  } = useTranslation("address");
@@ -17217,7 +17343,7 @@ const AddressUpdateSubmit = ({
17217
17343
  };
17218
17344
 
17219
17345
  const AddressUpdateStateSelect = props => /*#__PURE__*/React__default['default'].createElement(StateSelect, Object.assign({
17220
- store: store$9
17346
+ store: store$a
17221
17347
  }, props));
17222
17348
 
17223
17349
  const AddressUpdateView = props => {
@@ -17300,7 +17426,7 @@ AddressUpdateModal.viewId = "address-edit";
17300
17426
 
17301
17427
  const AddressUpdateTextInput = props => {
17302
17428
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
17303
- store: store$9
17429
+ store: store$a
17304
17430
  }));
17305
17431
  };
17306
17432
 
@@ -17383,7 +17509,7 @@ const PaymentMethodUpdateModal = props => {
17383
17509
  };
17384
17510
  PaymentMethodUpdateModal.viewId = "payment-method-update";
17385
17511
 
17386
- const initialState$8 = {
17512
+ const initialState$9 = {
17387
17513
  email: "",
17388
17514
  password: "",
17389
17515
  passwordError: null,
@@ -17396,10 +17522,10 @@ const initialState$8 = {
17396
17522
  content: ""
17397
17523
  }
17398
17524
  };
17399
- const store$8 = /*#__PURE__*/React.createContext(initialState$8);
17525
+ const store$9 = /*#__PURE__*/React.createContext(initialState$9);
17400
17526
  const {
17401
- Provider: Provider$8
17402
- } = store$8;
17527
+ Provider: Provider$9
17528
+ } = store$9;
17403
17529
 
17404
17530
  const PasswordResetContainer = ({
17405
17531
  style,
@@ -17456,7 +17582,7 @@ const PasswordResetContainer = ({
17456
17582
  type: SET_EMAIL,
17457
17583
  payload: window.Pelcro.helpers.getURLParameter("email")
17458
17584
  });
17459
- initialState$8.email = window.Pelcro.helpers.getURLParameter("email");
17585
+ initialState$9.email = window.Pelcro.helpers.getURLParameter("email");
17460
17586
  dispatch({
17461
17587
  type: SET_TOKEN,
17462
17588
  payload: window.Pelcro.helpers.getURLParameter("token")
@@ -17516,26 +17642,26 @@ const PasswordResetContainer = ({
17516
17642
  default:
17517
17643
  return state;
17518
17644
  }
17519
- }, initialState$8);
17645
+ }, initialState$9);
17520
17646
  return /*#__PURE__*/React__default['default'].createElement("div", {
17521
17647
  style: { ...style
17522
17648
  },
17523
17649
  className: `pelcro-container pelcro-password-reset-container ${className}`
17524
- }, /*#__PURE__*/React__default['default'].createElement(Provider$8, {
17650
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$9, {
17525
17651
  value: {
17526
17652
  state,
17527
17653
  dispatch
17528
17654
  }
17529
17655
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
17530
- store: store$8,
17656
+ store: store$9,
17531
17657
  key: i
17532
17658
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
17533
- store: store$8
17659
+ store: store$9
17534
17660
  })));
17535
17661
  };
17536
17662
 
17537
17663
  const PasswordResetPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
17538
- store: store$8
17664
+ store: store$9
17539
17665
  }, props));
17540
17666
 
17541
17667
  const PasswordResetButton = ({
@@ -17548,7 +17674,7 @@ const PasswordResetButton = ({
17548
17674
  buttonDisabled
17549
17675
  },
17550
17676
  dispatch
17551
- } = React.useContext(store$8);
17677
+ } = React.useContext(store$9);
17552
17678
  const {
17553
17679
  t
17554
17680
  } = useTranslation("passwordReset");
@@ -17565,14 +17691,14 @@ const PasswordResetButton = ({
17565
17691
  };
17566
17692
 
17567
17693
  const PasswordResetEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
17568
- store: store$8
17694
+ store: store$9
17569
17695
  }, props, {
17570
17696
  value: window.Pelcro.helpers.getURLParameter("email"),
17571
17697
  disabled: true
17572
17698
  }));
17573
17699
 
17574
17700
  const PasswordResetConfirmPassword = props => /*#__PURE__*/React__default['default'].createElement(ConfirmPassword, Object.assign({
17575
- store: store$8
17701
+ store: store$9
17576
17702
  }, props));
17577
17703
 
17578
17704
  const PasswordResetView = props => {
@@ -17624,7 +17750,7 @@ const PasswordResetModal = ({
17624
17750
  };
17625
17751
  PasswordResetModal.viewId = "password-reset";
17626
17752
 
17627
- const initialState$7 = {
17753
+ const initialState$8 = {
17628
17754
  email: "",
17629
17755
  emailError: null,
17630
17756
  buttonDisabled: false,
@@ -17633,10 +17759,10 @@ const initialState$7 = {
17633
17759
  content: ""
17634
17760
  }
17635
17761
  };
17636
- const store$7 = /*#__PURE__*/React.createContext(initialState$7);
17762
+ const store$8 = /*#__PURE__*/React.createContext(initialState$8);
17637
17763
  const {
17638
- Provider: Provider$7
17639
- } = store$7;
17764
+ Provider: Provider$8
17765
+ } = store$8;
17640
17766
 
17641
17767
  const PasswordForgotContainer = ({
17642
17768
  style,
@@ -17714,21 +17840,21 @@ const PasswordForgotContainer = ({
17714
17840
  default:
17715
17841
  return state;
17716
17842
  }
17717
- }, initialState$7);
17843
+ }, initialState$8);
17718
17844
  return /*#__PURE__*/React__default['default'].createElement("div", {
17719
17845
  style: { ...style
17720
17846
  },
17721
17847
  className: `pelcro-container pelcro-password-forgot-container ${className}`
17722
- }, /*#__PURE__*/React__default['default'].createElement(Provider$7, {
17848
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$8, {
17723
17849
  value: {
17724
17850
  state,
17725
17851
  dispatch
17726
17852
  }
17727
17853
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
17728
- store: store$7,
17854
+ store: store$8,
17729
17855
  key: i
17730
17856
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
17731
- store: store$7
17857
+ store: store$8
17732
17858
  })));
17733
17859
  };
17734
17860
 
@@ -17744,7 +17870,7 @@ const PasswordForgotButton = ({
17744
17870
  emailError
17745
17871
  },
17746
17872
  dispatch
17747
- } = React.useContext(store$7);
17873
+ } = React.useContext(store$8);
17748
17874
  const {
17749
17875
  t
17750
17876
  } = useTranslation("passwordForgot");
@@ -17765,7 +17891,7 @@ const PasswordForgotButton = ({
17765
17891
  };
17766
17892
 
17767
17893
  const PasswordForgotEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
17768
- store: store$7
17894
+ store: store$8
17769
17895
  }, props));
17770
17896
 
17771
17897
  const PasswordForgotView = props => {
@@ -17815,7 +17941,7 @@ const PasswordForgotModal = ({
17815
17941
  };
17816
17942
  PasswordForgotModal.viewId = "password-forgot";
17817
17943
 
17818
- const initialState$6 = {
17944
+ const initialState$7 = {
17819
17945
  currentPassword: "",
17820
17946
  newPassword: "",
17821
17947
  confirmNewPassword: "",
@@ -17829,10 +17955,10 @@ const initialState$6 = {
17829
17955
  content: ""
17830
17956
  }
17831
17957
  };
17832
- const store$6 = /*#__PURE__*/React.createContext(initialState$6);
17958
+ const store$7 = /*#__PURE__*/React.createContext(initialState$7);
17833
17959
  const {
17834
- Provider: Provider$6
17835
- } = store$6;
17960
+ Provider: Provider$7
17961
+ } = store$7;
17836
17962
  const PasswordChangeContainer = ({
17837
17963
  style,
17838
17964
  className = "",
@@ -17984,21 +18110,21 @@ const PasswordChangeContainer = ({
17984
18110
  default:
17985
18111
  return state;
17986
18112
  }
17987
- }, initialState$6);
18113
+ }, initialState$7);
17988
18114
  return /*#__PURE__*/React__default['default'].createElement("div", {
17989
18115
  style: { ...style
17990
18116
  },
17991
18117
  className: `pelcro-container pelcro-password-change-container ${className}`
17992
- }, /*#__PURE__*/React__default['default'].createElement(Provider$6, {
18118
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$7, {
17993
18119
  value: {
17994
18120
  state,
17995
18121
  dispatch
17996
18122
  }
17997
18123
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
17998
- store: store$6,
18124
+ store: store$7,
17999
18125
  key: i
18000
18126
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
18001
- store: store$6
18127
+ store: store$7
18002
18128
  })));
18003
18129
  };
18004
18130
 
@@ -18009,7 +18135,7 @@ function PasswordChangeCurrentPassword(props) {
18009
18135
  currentPassword,
18010
18136
  currentPasswordError
18011
18137
  }
18012
- } = React.useContext(store$6);
18138
+ } = React.useContext(store$7);
18013
18139
  const handleBlur = React.useCallback(() => {
18014
18140
  return dispatch({
18015
18141
  type: VALIDATE_PASSWORD
@@ -18043,7 +18169,7 @@ function PasswordChangeNewPassword(props) {
18043
18169
  newPassword,
18044
18170
  newPasswordError
18045
18171
  }
18046
- } = React.useContext(store$6);
18172
+ } = React.useContext(store$7);
18047
18173
  const handleBlur = React.useCallback(() => {
18048
18174
  return dispatch({
18049
18175
  type: VALIDATE_NEW_PASSWORD
@@ -18077,7 +18203,7 @@ function PasswordChangeConfirmNewPassword(props) {
18077
18203
  confirmNewPassword,
18078
18204
  confirmNewPasswordError
18079
18205
  }
18080
- } = React.useContext(store$6);
18206
+ } = React.useContext(store$7);
18081
18207
  const handleBlur = React.useCallback(() => {
18082
18208
  return dispatch({
18083
18209
  type: VALIDATE_CONFIRM_NEW_PASSWORD
@@ -18118,7 +18244,7 @@ const PasswordChangeButton = ({
18118
18244
  confirmNewPasswordError
18119
18245
  },
18120
18246
  dispatch
18121
- } = React.useContext(store$6);
18247
+ } = React.useContext(store$7);
18122
18248
  const {
18123
18249
  t
18124
18250
  } = useTranslation("passwordChange");
@@ -18184,17 +18310,17 @@ const PasswordChangeModal = ({
18184
18310
  };
18185
18311
  PasswordChangeModal.viewId = "password-change";
18186
18312
 
18187
- const initialState$5 = {
18313
+ const initialState$6 = {
18188
18314
  buttonDisabled: false,
18189
18315
  alert: {
18190
18316
  type: "error",
18191
18317
  content: ""
18192
18318
  }
18193
18319
  };
18194
- const store$5 = /*#__PURE__*/React.createContext(initialState$5);
18320
+ const store$6 = /*#__PURE__*/React.createContext(initialState$6);
18195
18321
  const {
18196
- Provider: Provider$5
18197
- } = store$5;
18322
+ Provider: Provider$6
18323
+ } = store$6;
18198
18324
 
18199
18325
  const CartContainer = ({
18200
18326
  style,
@@ -18285,21 +18411,21 @@ const CartContainer = ({
18285
18411
  default:
18286
18412
  return state;
18287
18413
  }
18288
- }, initialState$5);
18414
+ }, initialState$6);
18289
18415
  return /*#__PURE__*/React__default['default'].createElement("div", {
18290
18416
  style: { ...style
18291
18417
  },
18292
18418
  className: `pelcro-container pelcro-cart-container ${className}`
18293
- }, /*#__PURE__*/React__default['default'].createElement(Provider$5, {
18419
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$6, {
18294
18420
  value: {
18295
18421
  state,
18296
18422
  dispatch
18297
18423
  }
18298
18424
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
18299
- store: store$5,
18425
+ store: store$6,
18300
18426
  key: i
18301
18427
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
18302
- store: store$5
18428
+ store: store$6
18303
18429
  })));
18304
18430
  };
18305
18431
 
@@ -18336,7 +18462,7 @@ const CartSubmit = ({
18336
18462
  buttonDisabled
18337
18463
  },
18338
18464
  dispatch
18339
- } = React.useContext(store$5);
18465
+ } = React.useContext(store$6);
18340
18466
  const {
18341
18467
  t
18342
18468
  } = useTranslation("cart");
@@ -18367,7 +18493,7 @@ const CartTotalPrice = () => {
18367
18493
  state: {
18368
18494
  alert
18369
18495
  }
18370
- } = React.useContext(store$5);
18496
+ } = React.useContext(store$6);
18371
18497
  const {
18372
18498
  cartItems
18373
18499
  } = usePelcro();
@@ -18680,7 +18806,7 @@ const OrderConfirmModal = props => {
18680
18806
  };
18681
18807
  OrderConfirmModal.viewId = "order-confirm";
18682
18808
 
18683
- const initialState$4 = {
18809
+ const initialState$5 = {
18684
18810
  email: "",
18685
18811
  firstName: "",
18686
18812
  lastName: "",
@@ -18692,10 +18818,10 @@ const initialState$4 = {
18692
18818
  content: ""
18693
18819
  }
18694
18820
  };
18695
- const store$4 = /*#__PURE__*/React.createContext(initialState$4);
18821
+ const store$5 = /*#__PURE__*/React.createContext(initialState$5);
18696
18822
  const {
18697
- Provider: Provider$4
18698
- } = store$4;
18823
+ Provider: Provider$5
18824
+ } = store$5;
18699
18825
 
18700
18826
  const GiftCreateContainer = ({
18701
18827
  style,
@@ -18799,21 +18925,21 @@ const GiftCreateContainer = ({
18799
18925
  default:
18800
18926
  return state;
18801
18927
  }
18802
- }, initialState$4);
18928
+ }, initialState$5);
18803
18929
  return /*#__PURE__*/React__default['default'].createElement("div", {
18804
18930
  style: { ...style
18805
18931
  },
18806
18932
  className: `pelcro-container pelcro-gift-create-container ${className}`
18807
- }, /*#__PURE__*/React__default['default'].createElement(Provider$4, {
18933
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$5, {
18808
18934
  value: {
18809
18935
  state,
18810
18936
  dispatch
18811
18937
  }
18812
18938
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
18813
- store: store$4,
18939
+ store: store$5,
18814
18940
  key: i
18815
18941
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
18816
- store: store$4
18942
+ store: store$5
18817
18943
  })));
18818
18944
  };
18819
18945
 
@@ -18827,7 +18953,7 @@ const GiftCreateSubmitButton = ({
18827
18953
  state: {
18828
18954
  disableSubmit
18829
18955
  }
18830
- } = React.useContext(store$4);
18956
+ } = React.useContext(store$5);
18831
18957
  const {
18832
18958
  t
18833
18959
  } = useTranslation("register");
@@ -18844,29 +18970,29 @@ const GiftCreateSubmitButton = ({
18844
18970
 
18845
18971
  const GiftCreateEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
18846
18972
  initWithUserEmail: false,
18847
- store: store$4
18973
+ store: store$5
18848
18974
  }, props));
18849
18975
 
18850
18976
  const GiftCreateFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
18851
- store: store$4
18977
+ store: store$5
18852
18978
  }, props));
18853
18979
 
18854
18980
  const GiftCreateLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
18855
- store: store$4
18981
+ store: store$5
18856
18982
  }, props));
18857
18983
 
18858
- var _path$f;
18984
+ var _path$g;
18859
18985
 
18860
- 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); }
18986
+ 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); }
18861
18987
 
18862
18988
  function SvgInfoCircle(props) {
18863
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
18989
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
18864
18990
  xmlns: "http://www.w3.org/2000/svg",
18865
18991
  className: "plc-w-5 plc-h-5",
18866
18992
  fill: "none",
18867
18993
  viewBox: "0 0 24 24",
18868
18994
  stroke: "currentColor"
18869
- }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
18995
+ }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
18870
18996
  strokeLinecap: "round",
18871
18997
  strokeLinejoin: "round",
18872
18998
  strokeWidth: 2,
@@ -18937,7 +19063,7 @@ const GiftCreateStartDate = props => {
18937
19063
  const {
18938
19064
  dispatch,
18939
19065
  state
18940
- } = React.useContext(store$4);
19066
+ } = React.useContext(store$5);
18941
19067
 
18942
19068
  const handleInputChange = value => {
18943
19069
  dispatch({
@@ -19008,7 +19134,7 @@ function GiftCreateMessage(props) {
19008
19134
  const {
19009
19135
  dispatch,
19010
19136
  state
19011
- } = React.useContext(store$4);
19137
+ } = React.useContext(store$5);
19012
19138
 
19013
19139
  const handleInputChange = value => {
19014
19140
  dispatch({
@@ -19128,7 +19254,7 @@ const GiftCreateModal = ({
19128
19254
  };
19129
19255
  GiftCreateModal.viewId = "gift-create";
19130
19256
 
19131
- const initialState$3 = {
19257
+ const initialState$4 = {
19132
19258
  giftCode: "",
19133
19259
  buttonDisabled: true,
19134
19260
  alert: {
@@ -19136,10 +19262,10 @@ const initialState$3 = {
19136
19262
  content: ""
19137
19263
  }
19138
19264
  };
19139
- const store$3 = /*#__PURE__*/React.createContext(initialState$3);
19265
+ const store$4 = /*#__PURE__*/React.createContext(initialState$4);
19140
19266
  const {
19141
- Provider: Provider$3
19142
- } = store$3;
19267
+ Provider: Provider$4
19268
+ } = store$4;
19143
19269
 
19144
19270
  const GiftRedeemContainer = ({
19145
19271
  style,
@@ -19204,21 +19330,21 @@ const GiftRedeemContainer = ({
19204
19330
  default:
19205
19331
  return state;
19206
19332
  }
19207
- }, initialState$3);
19333
+ }, initialState$4);
19208
19334
  return /*#__PURE__*/React__default['default'].createElement("div", {
19209
19335
  style: { ...style
19210
19336
  },
19211
19337
  className: `pelcro-container pelcro-gift-redeem-container ${className}`
19212
- }, /*#__PURE__*/React__default['default'].createElement(Provider$3, {
19338
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$4, {
19213
19339
  value: {
19214
19340
  state,
19215
19341
  dispatch
19216
19342
  }
19217
19343
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
19218
- store: store$3,
19344
+ store: store$4,
19219
19345
  key: i
19220
19346
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
19221
- store: store$3
19347
+ store: store$4
19222
19348
  })));
19223
19349
  };
19224
19350
 
@@ -19255,7 +19381,7 @@ function GiftCode({
19255
19381
  }
19256
19382
 
19257
19383
  const GiftRedeemCode = props => /*#__PURE__*/React__default['default'].createElement(GiftCode, Object.assign({
19258
- store: store$3
19384
+ store: store$4
19259
19385
  }, props));
19260
19386
 
19261
19387
  const GiftRedeemSubmitButton = ({
@@ -19268,7 +19394,7 @@ const GiftRedeemSubmitButton = ({
19268
19394
  state: {
19269
19395
  disableSubmit
19270
19396
  }
19271
- } = React.useContext(store$3);
19397
+ } = React.useContext(store$4);
19272
19398
  const {
19273
19399
  t
19274
19400
  } = useTranslation("register");
@@ -19361,7 +19487,7 @@ const moveDefaultAddressToStart = addresses => {
19361
19487
  return [defaultAddress, ...addressesWithoutDefault];
19362
19488
  };
19363
19489
 
19364
- const initialState$2 = {
19490
+ const initialState$3 = {
19365
19491
  addresses: [],
19366
19492
  selectedAddressId: null,
19367
19493
  isSubmitting: false,
@@ -19370,10 +19496,10 @@ const initialState$2 = {
19370
19496
  content: ""
19371
19497
  }
19372
19498
  };
19373
- const store$2 = /*#__PURE__*/React.createContext(initialState$2);
19499
+ const store$3 = /*#__PURE__*/React.createContext(initialState$3);
19374
19500
  const {
19375
- Provider: Provider$2
19376
- } = store$2;
19501
+ Provider: Provider$3
19502
+ } = store$3;
19377
19503
 
19378
19504
  const AddressSelectContainer = ({
19379
19505
  style,
@@ -19468,7 +19594,7 @@ const AddressSelectContainer = ({
19468
19594
  default:
19469
19595
  return state;
19470
19596
  }
19471
- }, initialState$2);
19597
+ }, initialState$3);
19472
19598
  React.useEffect(() => {
19473
19599
  var _window$Pelcro$user$r;
19474
19600
 
@@ -19481,16 +19607,16 @@ const AddressSelectContainer = ({
19481
19607
  style: { ...style
19482
19608
  },
19483
19609
  className: `pelcro-container pelcro-address-select-container ${className}`
19484
- }, /*#__PURE__*/React__default['default'].createElement(Provider$2, {
19610
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$3, {
19485
19611
  value: {
19486
19612
  state,
19487
19613
  dispatch
19488
19614
  }
19489
19615
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
19490
- store: store$2,
19616
+ store: store$3,
19491
19617
  key: i
19492
19618
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
19493
- store: store$2
19619
+ store: store$3
19494
19620
  })));
19495
19621
  };
19496
19622
 
@@ -19501,7 +19627,7 @@ const AddressSelectList = () => {
19501
19627
  addresses,
19502
19628
  selectedAddressId
19503
19629
  }
19504
- } = React.useContext(store$2);
19630
+ } = React.useContext(store$3);
19505
19631
 
19506
19632
  const handleAddressSelect = event => {
19507
19633
  dispatch({
@@ -19545,7 +19671,7 @@ const AddressSelectSubmit = ({
19545
19671
  selectedAddressId,
19546
19672
  isSubmitting
19547
19673
  }
19548
- } = React.useContext(store$2);
19674
+ } = React.useContext(store$3);
19549
19675
  const {
19550
19676
  t
19551
19677
  } = useTranslation("address");
@@ -19636,7 +19762,7 @@ const moveDefaultPaymentMethodToStart = paymentMethods => {
19636
19762
  return [defaultPaymentMethod, ...paymentMethodsWithoutDefault];
19637
19763
  };
19638
19764
 
19639
- const initialState$1 = {
19765
+ const initialState$2 = {
19640
19766
  paymentMethods: [],
19641
19767
  selectedPaymentMethodId: null,
19642
19768
  isSubmitting: false,
@@ -19645,10 +19771,10 @@ const initialState$1 = {
19645
19771
  content: ""
19646
19772
  }
19647
19773
  };
19648
- const store$1 = /*#__PURE__*/React.createContext(initialState$1);
19774
+ const store$2 = /*#__PURE__*/React.createContext(initialState$2);
19649
19775
  const {
19650
- Provider: Provider$1
19651
- } = store$1;
19776
+ Provider: Provider$2
19777
+ } = store$2;
19652
19778
 
19653
19779
  const PaymentMethodSelectContainer = ({
19654
19780
  style,
@@ -19693,7 +19819,7 @@ const PaymentMethodSelectContainer = ({
19693
19819
  default:
19694
19820
  return state;
19695
19821
  }
19696
- }, initialState$1);
19822
+ }, initialState$2);
19697
19823
  React.useEffect(() => {
19698
19824
  var _window$Pelcro$user$r4;
19699
19825
 
@@ -19706,16 +19832,16 @@ const PaymentMethodSelectContainer = ({
19706
19832
  style: { ...style
19707
19833
  },
19708
19834
  className: `pelcro-container pelcro-payment-select-container ${className}`
19709
- }, /*#__PURE__*/React__default['default'].createElement(Provider$1, {
19835
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$2, {
19710
19836
  value: {
19711
19837
  state,
19712
19838
  dispatch
19713
19839
  }
19714
19840
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
19715
- store: store$1,
19841
+ store: store$2,
19716
19842
  key: i
19717
19843
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
19718
- store: store$1
19844
+ store: store$2
19719
19845
  })));
19720
19846
  };
19721
19847
 
@@ -19729,7 +19855,7 @@ const PaymentMethodSelectList = () => {
19729
19855
  paymentMethods,
19730
19856
  selectedPaymentMethodId
19731
19857
  }
19732
- } = React.useContext(store$1);
19858
+ } = React.useContext(store$2);
19733
19859
 
19734
19860
  const handlePaymentMethodSelect = event => {
19735
19861
  dispatch({
@@ -19779,7 +19905,7 @@ const PaymentMethodSelectSubmit = ({
19779
19905
  selectedPaymentMethodId,
19780
19906
  isSubmitting
19781
19907
  }
19782
- } = React.useContext(store$1);
19908
+ } = React.useContext(store$2);
19783
19909
  return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
19784
19910
  onClick: () => {
19785
19911
  dispatch({
@@ -19853,8 +19979,8 @@ const PaymentMethodSelectModal = ({
19853
19979
  };
19854
19980
  PaymentMethodSelectModal.viewId = "payment-method-select";
19855
19981
 
19856
- function _extends$g() {
19857
- _extends$g = Object.assign || function (target) {
19982
+ function _extends$h() {
19983
+ _extends$h = Object.assign || function (target) {
19858
19984
  for (var i = 1; i < arguments.length; i++) {
19859
19985
  var source = arguments[i];
19860
19986
 
@@ -19868,7 +19994,7 @@ function _extends$g() {
19868
19994
  return target;
19869
19995
  };
19870
19996
 
19871
- return _extends$g.apply(this, arguments);
19997
+ return _extends$h.apply(this, arguments);
19872
19998
  }
19873
19999
 
19874
20000
  function _objectWithoutPropertiesLoose(source, excluded) {
@@ -20052,7 +20178,7 @@ function render(props, propsBag, defaultTag, features, visible) {
20052
20178
  return match(strategy, (_match = {}, _match[RenderStrategy.Unmount] = function () {
20053
20179
  return null;
20054
20180
  }, _match[RenderStrategy.Hidden] = function () {
20055
- return _render(_extends$g({}, _rest, {
20181
+ return _render(_extends$h({}, _rest, {
20056
20182
  hidden: true,
20057
20183
  style: {
20058
20184
  display: 'none'
@@ -20580,7 +20706,7 @@ function TransitionChild(props) {
20580
20706
  var passthroughProps = rest;
20581
20707
  return React__default['default'].createElement(NestingContext.Provider, {
20582
20708
  value: nesting
20583
- }, render(_extends$g({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
20709
+ }, render(_extends$h({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
20584
20710
  }
20585
20711
 
20586
20712
  function Transition(props) {
@@ -20624,7 +20750,7 @@ function Transition(props) {
20624
20750
  value: nestingBag
20625
20751
  }, React__default['default'].createElement(TransitionContext.Provider, {
20626
20752
  value: transitionBag
20627
- }, render(_extends$g({}, sharedProps, {
20753
+ }, render(_extends$h({}, sharedProps, {
20628
20754
  as: React.Fragment,
20629
20755
  children: React__default['default'].createElement(TransitionChild, Object.assign({}, sharedProps, passthroughProps))
20630
20756
  }), propsBag, React.Fragment, TransitionChildRenderFeatures, state === TreeStates.Visible)));
@@ -20751,12 +20877,12 @@ var ActionTypes;
20751
20877
  })(ActionTypes || (ActionTypes = {}));
20752
20878
 
20753
20879
  (_reducers = {}, _reducers[ActionTypes.CloseMenu] = function (state) {
20754
- return _extends$g({}, state, {
20880
+ return _extends$h({}, state, {
20755
20881
  activeItemIndex: null,
20756
20882
  menuState: MenuStates.Closed
20757
20883
  });
20758
20884
  }, _reducers[ActionTypes.OpenMenu] = function (state) {
20759
- return _extends$g({}, state, {
20885
+ return _extends$h({}, state, {
20760
20886
  menuState: MenuStates.Open
20761
20887
  });
20762
20888
  }, _reducers[ActionTypes.GoToItem] = function (state, action) {
@@ -20775,7 +20901,7 @@ var ActionTypes;
20775
20901
  }
20776
20902
  });
20777
20903
  if (state.searchQuery === '' && state.activeItemIndex === activeItemIndex) return state;
20778
- return _extends$g({}, state, {
20904
+ return _extends$h({}, state, {
20779
20905
  searchQuery: '',
20780
20906
  activeItemIndex: activeItemIndex
20781
20907
  });
@@ -20786,19 +20912,19 @@ var ActionTypes;
20786
20912
 
20787
20913
  return ((_item$dataRef$current = item.dataRef.current.textValue) == null ? void 0 : _item$dataRef$current.startsWith(searchQuery)) && !item.dataRef.current.disabled;
20788
20914
  });
20789
- if (match === -1 || match === state.activeItemIndex) return _extends$g({}, state, {
20915
+ if (match === -1 || match === state.activeItemIndex) return _extends$h({}, state, {
20790
20916
  searchQuery: searchQuery
20791
20917
  });
20792
- return _extends$g({}, state, {
20918
+ return _extends$h({}, state, {
20793
20919
  searchQuery: searchQuery,
20794
20920
  activeItemIndex: match
20795
20921
  });
20796
20922
  }, _reducers[ActionTypes.ClearSearch] = function (state) {
20797
- return _extends$g({}, state, {
20923
+ return _extends$h({}, state, {
20798
20924
  searchQuery: ''
20799
20925
  });
20800
20926
  }, _reducers[ActionTypes.RegisterItem] = function (state, action) {
20801
- return _extends$g({}, state, {
20927
+ return _extends$h({}, state, {
20802
20928
  items: [].concat(state.items, [{
20803
20929
  id: action.id,
20804
20930
  dataRef: action.dataRef
@@ -20811,7 +20937,7 @@ var ActionTypes;
20811
20937
  return a.id === action.id;
20812
20938
  });
20813
20939
  if (idx !== -1) nextItems.splice(idx, 1);
20814
- return _extends$g({}, state, {
20940
+ return _extends$h({}, state, {
20815
20941
  items: nextItems,
20816
20942
  activeItemIndex: function () {
20817
20943
  if (idx === state.activeItemIndex) return null;
@@ -20850,19 +20976,19 @@ var ActionTypes$1;
20850
20976
  (_reducers$1 = {}, _reducers$1[ActionTypes$1.CloseListbox] = function (state) {
20851
20977
  if (state.disabled) return state;
20852
20978
  if (state.listboxState === ListboxStates.Closed) return state;
20853
- return _extends$g({}, state, {
20979
+ return _extends$h({}, state, {
20854
20980
  activeOptionIndex: null,
20855
20981
  listboxState: ListboxStates.Closed
20856
20982
  });
20857
20983
  }, _reducers$1[ActionTypes$1.OpenListbox] = function (state) {
20858
20984
  if (state.disabled) return state;
20859
20985
  if (state.listboxState === ListboxStates.Open) return state;
20860
- return _extends$g({}, state, {
20986
+ return _extends$h({}, state, {
20861
20987
  listboxState: ListboxStates.Open
20862
20988
  });
20863
20989
  }, _reducers$1[ActionTypes$1.SetDisabled] = function (state, action) {
20864
20990
  if (state.disabled === action.disabled) return state;
20865
- return _extends$g({}, state, {
20991
+ return _extends$h({}, state, {
20866
20992
  disabled: action.disabled
20867
20993
  });
20868
20994
  }, _reducers$1[ActionTypes$1.GoToOption] = function (state, action) {
@@ -20883,7 +21009,7 @@ var ActionTypes$1;
20883
21009
  }
20884
21010
  });
20885
21011
  if (state.searchQuery === '' && state.activeOptionIndex === activeOptionIndex) return state;
20886
- return _extends$g({}, state, {
21012
+ return _extends$h({}, state, {
20887
21013
  searchQuery: '',
20888
21014
  activeOptionIndex: activeOptionIndex
20889
21015
  });
@@ -20896,10 +21022,10 @@ var ActionTypes$1;
20896
21022
 
20897
21023
  return !option.dataRef.current.disabled && ((_option$dataRef$curre = option.dataRef.current.textValue) == null ? void 0 : _option$dataRef$curre.startsWith(searchQuery));
20898
21024
  });
20899
- if (match === -1 || match === state.activeOptionIndex) return _extends$g({}, state, {
21025
+ if (match === -1 || match === state.activeOptionIndex) return _extends$h({}, state, {
20900
21026
  searchQuery: searchQuery
20901
21027
  });
20902
- return _extends$g({}, state, {
21028
+ return _extends$h({}, state, {
20903
21029
  searchQuery: searchQuery,
20904
21030
  activeOptionIndex: match
20905
21031
  });
@@ -20907,11 +21033,11 @@ var ActionTypes$1;
20907
21033
  if (state.disabled) return state;
20908
21034
  if (state.listboxState === ListboxStates.Closed) return state;
20909
21035
  if (state.searchQuery === '') return state;
20910
- return _extends$g({}, state, {
21036
+ return _extends$h({}, state, {
20911
21037
  searchQuery: ''
20912
21038
  });
20913
21039
  }, _reducers$1[ActionTypes$1.RegisterOption] = function (state, action) {
20914
- return _extends$g({}, state, {
21040
+ return _extends$h({}, state, {
20915
21041
  options: [].concat(state.options, [{
20916
21042
  id: action.id,
20917
21043
  dataRef: action.dataRef
@@ -20924,7 +21050,7 @@ var ActionTypes$1;
20924
21050
  return a.id === action.id;
20925
21051
  });
20926
21052
  if (idx !== -1) nextOptions.splice(idx, 1);
20927
- return _extends$g({}, state, {
21053
+ return _extends$h({}, state, {
20928
21054
  options: nextOptions,
20929
21055
  activeOptionIndex: function () {
20930
21056
  if (idx === state.activeOptionIndex) return null;
@@ -20985,18 +21111,18 @@ const getPaymentCardIcon = name => {
20985
21111
  }));
20986
21112
  };
20987
21113
 
20988
- var _path$e;
21114
+ var _path$f;
20989
21115
 
20990
- 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); }
21116
+ 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); }
20991
21117
 
20992
21118
  function SvgChevronRight(props) {
20993
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
21119
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
20994
21120
  className: "plc-w-6 plc-h-6",
20995
21121
  xmlns: "http://www.w3.org/2000/svg",
20996
21122
  fill: "none",
20997
21123
  viewBox: "0 0 24 24",
20998
21124
  stroke: "currentColor"
20999
- }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
21125
+ }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
21000
21126
  strokeLinecap: "round",
21001
21127
  strokeLinejoin: "round",
21002
21128
  strokeWidth: 2,
@@ -21212,18 +21338,18 @@ const SavedItems = ({
21212
21338
  });
21213
21339
  };
21214
21340
 
21215
- var _path$d;
21341
+ var _path$e;
21216
21342
 
21217
- 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); }
21343
+ 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); }
21218
21344
 
21219
21345
  function SvgRefresh(props) {
21220
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
21346
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
21221
21347
  className: "plc-w-4 plc-h-4 plc-mr-1",
21222
21348
  xmlns: "http://www.w3.org/2000/svg",
21223
21349
  fill: "none",
21224
21350
  viewBox: "0 0 24 24",
21225
21351
  stroke: "currentColor"
21226
- }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
21352
+ }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
21227
21353
  strokeLinecap: "round",
21228
21354
  strokeLinejoin: "round",
21229
21355
  strokeWidth: 2,
@@ -21231,35 +21357,35 @@ function SvgRefresh(props) {
21231
21357
  })));
21232
21358
  }
21233
21359
 
21234
- var _path$c;
21360
+ var _path$d;
21235
21361
 
21236
- 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); }
21362
+ 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); }
21237
21363
 
21238
21364
  function SvgCalendar(props) {
21239
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
21365
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
21240
21366
  xmlns: "http://www.w3.org/2000/svg",
21241
21367
  className: "plc-h-4 plc-w-4 plc-mr-1",
21242
21368
  viewBox: "0 0 20 20",
21243
21369
  fill: "currentColor"
21244
- }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
21370
+ }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
21245
21371
  fillRule: "evenodd",
21246
21372
  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",
21247
21373
  clipRule: "evenodd"
21248
21374
  })));
21249
21375
  }
21250
21376
 
21251
- var _path$b;
21377
+ var _path$c;
21252
21378
 
21253
- 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); }
21379
+ 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); }
21254
21380
 
21255
21381
  function SvgPlus(props) {
21256
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
21382
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
21257
21383
  className: "plc-w-5 plc-h-5",
21258
21384
  xmlns: "http://www.w3.org/2000/svg",
21259
21385
  fill: "none",
21260
21386
  viewBox: "0 0 24 24",
21261
21387
  stroke: "currentColor"
21262
- }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
21388
+ }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
21263
21389
  strokeLinecap: "round",
21264
21390
  strokeLinejoin: "round",
21265
21391
  strokeWidth: 2,
@@ -21267,17 +21393,17 @@ function SvgPlus(props) {
21267
21393
  })));
21268
21394
  }
21269
21395
 
21270
- var _path$a;
21396
+ var _path$b;
21271
21397
 
21272
- 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); }
21398
+ 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); }
21273
21399
 
21274
21400
  function SvgCheckMark(props) {
21275
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
21401
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
21276
21402
  className: "plc-w-4 plc-h-4 plc-mr-1",
21277
21403
  xmlns: "http://www.w3.org/2000/svg",
21278
21404
  viewBox: "0 0 20 20",
21279
21405
  fill: "currentColor"
21280
- }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
21406
+ }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
21281
21407
  fillRule: "evenodd",
21282
21408
  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",
21283
21409
  clipRule: "evenodd"
@@ -21339,12 +21465,20 @@ const SubscriptionsItems = ({
21339
21465
  const {
21340
21466
  t
21341
21467
  } = useTranslation("dashboard");
21468
+ const {
21469
+ switchView,
21470
+ isAuthenticated
21471
+ } = usePelcro();
21342
21472
  const subs = getNonDonationSubs();
21343
21473
  if (subs.length === 0) return null;
21344
21474
  return subs.sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
21345
21475
  const isActive = activeMenu === sub.id; // Cancel button click handlers
21346
21476
 
21347
21477
  const onCancelClick = () => {
21478
+ if (userMustVerifyEmail()) {
21479
+ return switchView("email-verify");
21480
+ }
21481
+
21348
21482
  onClose === null || onClose === void 0 ? void 0 : onClose();
21349
21483
  notify.confirm((onSuccess, onFailure) => {
21350
21484
  cancelSubscription(sub.id, onSuccess, onFailure);
@@ -21360,6 +21494,10 @@ const SubscriptionsItems = ({
21360
21494
 
21361
21495
 
21362
21496
  const onReactivateClick = () => {
21497
+ if (userMustVerifyEmail()) {
21498
+ return switchView("email-verify");
21499
+ }
21500
+
21363
21501
  reactivateSubscription(sub.id);
21364
21502
  }; // Renew click
21365
21503
 
@@ -21560,18 +21698,18 @@ Accordion.item = function AccordionItem({
21560
21698
  }, content)) : null;
21561
21699
  };
21562
21700
 
21563
- var _path$9;
21701
+ var _path$a;
21564
21702
 
21565
- 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); }
21703
+ 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); }
21566
21704
 
21567
21705
  function SvgExit(props) {
21568
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
21706
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
21569
21707
  className: "plc-w-6 plc-h-6",
21570
21708
  xmlns: "http://www.w3.org/2000/svg",
21571
21709
  fill: "none",
21572
21710
  viewBox: "0 0 24 24",
21573
21711
  stroke: "currentColor"
21574
- }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
21712
+ }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
21575
21713
  strokeLinecap: "round",
21576
21714
  strokeLinejoin: "round",
21577
21715
  strokeWidth: 2,
@@ -21579,17 +21717,17 @@ function SvgExit(props) {
21579
21717
  })));
21580
21718
  }
21581
21719
 
21582
- var _path$8;
21720
+ var _path$9;
21583
21721
 
21584
- 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); }
21722
+ 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); }
21585
21723
 
21586
21724
  function SvgUser(props) {
21587
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
21725
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
21588
21726
  xmlns: "http://www.w3.org/2000/svg",
21589
21727
  fill: "none",
21590
21728
  viewBox: "0 0 24 24",
21591
21729
  stroke: "currentColor"
21592
- }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
21730
+ }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
21593
21731
  strokeLinecap: "round",
21594
21732
  strokeLinejoin: "round",
21595
21733
  strokeWidth: 2,
@@ -21597,18 +21735,18 @@ function SvgUser(props) {
21597
21735
  })));
21598
21736
  }
21599
21737
 
21600
- var _path$7;
21738
+ var _path$8;
21601
21739
 
21602
- 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); }
21740
+ 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); }
21603
21741
 
21604
21742
  function SvgNewsletter(props) {
21605
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
21743
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
21606
21744
  xmlns: "http://www.w3.org/2000/svg",
21607
21745
  className: "plc-h-5 plc-w-5",
21608
21746
  fill: "none",
21609
21747
  viewBox: "0 0 24 24",
21610
21748
  stroke: "currentColor"
21611
- }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
21749
+ }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
21612
21750
  strokeLinecap: "round",
21613
21751
  strokeLinejoin: "round",
21614
21752
  strokeWidth: 2,
@@ -21616,18 +21754,18 @@ function SvgNewsletter(props) {
21616
21754
  })));
21617
21755
  }
21618
21756
 
21619
- var _path$6;
21757
+ var _path$7;
21620
21758
 
21621
- 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); }
21759
+ 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); }
21622
21760
 
21623
21761
  function SvgPaymentCard(props) {
21624
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
21762
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
21625
21763
  className: "plc-w-6 plc-h-6 plc-mr-2",
21626
21764
  xmlns: "http://www.w3.org/2000/svg",
21627
21765
  fill: "none",
21628
21766
  viewBox: "0 0 24 24",
21629
21767
  stroke: "currentColor"
21630
- }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
21768
+ }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
21631
21769
  strokeLinecap: "round",
21632
21770
  strokeLinejoin: "round",
21633
21771
  strokeWidth: 2,
@@ -21635,23 +21773,23 @@ function SvgPaymentCard(props) {
21635
21773
  })));
21636
21774
  }
21637
21775
 
21638
- var _path$5, _path2;
21776
+ var _path$6, _path2$1;
21639
21777
 
21640
- 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); }
21778
+ 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); }
21641
21779
 
21642
21780
  function SvgLocationPin(props) {
21643
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
21781
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
21644
21782
  className: "plc-w-6 plc-h-6 plc-mr-2",
21645
21783
  xmlns: "http://www.w3.org/2000/svg",
21646
21784
  fill: "none",
21647
21785
  viewBox: "0 0 24 24",
21648
21786
  stroke: "currentColor"
21649
- }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
21787
+ }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
21650
21788
  strokeLinecap: "round",
21651
21789
  strokeLinejoin: "round",
21652
21790
  strokeWidth: 2,
21653
21791
  d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
21654
- })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
21792
+ })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
21655
21793
  strokeLinecap: "round",
21656
21794
  strokeLinejoin: "round",
21657
21795
  strokeWidth: 2,
@@ -21661,10 +21799,10 @@ function SvgLocationPin(props) {
21661
21799
 
21662
21800
  var _switch;
21663
21801
 
21664
- 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); }
21802
+ 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); }
21665
21803
 
21666
21804
  function SvgSubscription(props) {
21667
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
21805
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
21668
21806
  xmlns: "http://www.w3.org/2000/svg",
21669
21807
  viewBox: "0 0 100 125",
21670
21808
  fill: "currentColor"
@@ -21679,18 +21817,18 @@ function SvgSubscription(props) {
21679
21817
  }))))));
21680
21818
  }
21681
21819
 
21682
- var _path$4;
21820
+ var _path$5;
21683
21821
 
21684
- 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); }
21822
+ 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); }
21685
21823
 
21686
21824
  function SvgShopping(props) {
21687
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
21825
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
21688
21826
  className: "plc-w-6 plc-h-6 plc-mr-2",
21689
21827
  xmlns: "http://www.w3.org/2000/svg",
21690
21828
  fill: "none",
21691
21829
  viewBox: "0 0 24 24",
21692
21830
  stroke: "currentColor"
21693
- }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
21831
+ }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
21694
21832
  strokeLinecap: "round",
21695
21833
  strokeLinejoin: "round",
21696
21834
  strokeWidth: 2,
@@ -21698,18 +21836,18 @@ function SvgShopping(props) {
21698
21836
  })));
21699
21837
  }
21700
21838
 
21701
- var _path$3;
21839
+ var _path$4;
21702
21840
 
21703
- 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); }
21841
+ 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); }
21704
21842
 
21705
21843
  function SvgBookmark(props) {
21706
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
21844
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
21707
21845
  className: "plc-w-6 plc-h-6 plc-mr-2",
21708
21846
  xmlns: "http://www.w3.org/2000/svg",
21709
21847
  fill: "none",
21710
21848
  viewBox: "0 0 24 24",
21711
21849
  stroke: "currentColor"
21712
- }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
21850
+ }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
21713
21851
  strokeLinecap: "round",
21714
21852
  strokeLinejoin: "round",
21715
21853
  strokeWidth: 2,
@@ -21717,33 +21855,33 @@ function SvgBookmark(props) {
21717
21855
  })));
21718
21856
  }
21719
21857
 
21720
- var _path$2;
21858
+ var _path$3;
21721
21859
 
21722
- 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); }
21860
+ 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); }
21723
21861
 
21724
21862
  function SvgKey(props) {
21725
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
21863
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
21726
21864
  xmlns: "http://www.w3.org/2000/svg",
21727
21865
  viewBox: "0 0 20 20",
21728
21866
  fill: "currentColor"
21729
- }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
21867
+ }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
21730
21868
  fillRule: "evenodd",
21731
21869
  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",
21732
21870
  clipRule: "evenodd"
21733
21871
  })));
21734
21872
  }
21735
21873
 
21736
- var _path$1;
21874
+ var _path$2;
21737
21875
 
21738
- 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); }
21876
+ 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); }
21739
21877
 
21740
21878
  function SvgDonate(props) {
21741
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
21879
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
21742
21880
  width: 24,
21743
21881
  height: 24,
21744
21882
  fill: "currentColor",
21745
21883
  xmlns: "http://www.w3.org/2000/svg"
21746
- }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
21884
+ }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
21747
21885
  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"
21748
21886
  })));
21749
21887
  }
@@ -22389,7 +22527,7 @@ const DashboardOpenButton = () => {
22389
22527
  };
22390
22528
  DashboardOpenButton.viewId = "dashboard-open";
22391
22529
 
22392
- const initialState = {
22530
+ const initialState$1 = {
22393
22531
  imageSrc: null,
22394
22532
  crop: {
22395
22533
  x: 0,
@@ -22403,10 +22541,10 @@ const initialState = {
22403
22541
  content: ""
22404
22542
  }
22405
22543
  };
22406
- const store = /*#__PURE__*/React.createContext(initialState);
22544
+ const store$1 = /*#__PURE__*/React.createContext(initialState$1);
22407
22545
  const {
22408
- Provider
22409
- } = store;
22546
+ Provider: Provider$1
22547
+ } = store$1;
22410
22548
 
22411
22549
  const ProfilePicChangeContainer = ({
22412
22550
  style,
@@ -22540,21 +22678,21 @@ const ProfilePicChangeContainer = ({
22540
22678
  default:
22541
22679
  return state;
22542
22680
  }
22543
- }, initialState);
22681
+ }, initialState$1);
22544
22682
  return /*#__PURE__*/React__default['default'].createElement("div", {
22545
22683
  style: { ...style
22546
22684
  },
22547
22685
  className: `pelcro-container pelcro-profile-picture-container ${className}`
22548
- }, /*#__PURE__*/React__default['default'].createElement(Provider, {
22686
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$1, {
22549
22687
  value: {
22550
22688
  state,
22551
22689
  dispatch
22552
22690
  }
22553
22691
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
22554
- store,
22692
+ store: store$1,
22555
22693
  key: i
22556
22694
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
22557
- store
22695
+ store: store$1
22558
22696
  })));
22559
22697
  };
22560
22698
  /**
@@ -22616,7 +22754,7 @@ const ProfilePicChangeButton = ({
22616
22754
  isSubmitting
22617
22755
  },
22618
22756
  dispatch
22619
- } = React.useContext(store);
22757
+ } = React.useContext(store$1);
22620
22758
  const {
22621
22759
  t
22622
22760
  } = useTranslation("userEdit");
@@ -23984,7 +24122,7 @@ const ProfilePicChangeCropper = ({
23984
24122
  zoom
23985
24123
  },
23986
24124
  dispatch
23987
- } = React.useContext(store);
24125
+ } = React.useContext(store$1);
23988
24126
  return /*#__PURE__*/React__default['default'].createElement("div", {
23989
24127
  className: `plc-relative plc-w-full plc-h-52 sm:plc-h-96 ${className}`
23990
24128
  }, /*#__PURE__*/React__default['default'].createElement(Cropper, Object.assign({
@@ -24026,7 +24164,7 @@ const ProfilePicChangeZoom = ({
24026
24164
  zoom
24027
24165
  },
24028
24166
  dispatch
24029
- } = React.useContext(store);
24167
+ } = React.useContext(store$1);
24030
24168
  const {
24031
24169
  t
24032
24170
  } = useTranslation("userEdit");
@@ -24049,18 +24187,18 @@ const ProfilePicChangeZoom = ({
24049
24187
  }, otherProps)));
24050
24188
  };
24051
24189
 
24052
- var _path;
24190
+ var _path$1;
24053
24191
 
24054
- 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); }
24192
+ 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); }
24055
24193
 
24056
24194
  function SvgPhotograph(props) {
24057
- return /*#__PURE__*/React__namespace.createElement("svg", _extends({
24195
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
24058
24196
  xmlns: "http://www.w3.org/2000/svg",
24059
24197
  className: "plc-h-6 plc-w-6",
24060
24198
  fill: "none",
24061
24199
  viewBox: "0 0 24 24",
24062
24200
  stroke: "currentColor"
24063
- }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
24201
+ }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
24064
24202
  strokeLinecap: "round",
24065
24203
  strokeLinejoin: "round",
24066
24204
  strokeWidth: 2,
@@ -24078,7 +24216,7 @@ const ProfilePicChangeSelectButton = ({
24078
24216
  state: {
24079
24217
  isSubmitting
24080
24218
  }
24081
- } = React.useContext(store);
24219
+ } = React.useContext(store$1);
24082
24220
  const {
24083
24221
  t
24084
24222
  } = useTranslation("userEdit");
@@ -24120,7 +24258,7 @@ const ProfilePicChangeRemoveButton = ({
24120
24258
  state: {
24121
24259
  isSubmitting
24122
24260
  }
24123
- } = React.useContext(store);
24261
+ } = React.useContext(store$1);
24124
24262
  const {
24125
24263
  t
24126
24264
  } = useTranslation("userEdit");
@@ -24143,7 +24281,7 @@ const ProfilePicChangeWrapper = () => {
24143
24281
  state: {
24144
24282
  imageSrc
24145
24283
  }
24146
- } = React.useContext(store);
24284
+ } = React.useContext(store$1);
24147
24285
  const {
24148
24286
  t
24149
24287
  } = useTranslation("userEdit");
@@ -24205,6 +24343,182 @@ function ProfilePicChangeModal({
24205
24343
  }
24206
24344
  ProfilePicChangeModal.viewId = "profile-picture";
24207
24345
 
24346
+ const initialState = {
24347
+ isSubmitting: false,
24348
+ alert: {
24349
+ type: "error",
24350
+ content: ""
24351
+ }
24352
+ };
24353
+ const store = /*#__PURE__*/React.createContext(initialState);
24354
+ const {
24355
+ Provider
24356
+ } = store;
24357
+
24358
+ const EmailVerifyContainer = ({
24359
+ style,
24360
+ className = "",
24361
+ onSuccess = () => {},
24362
+ onFailure = () => {},
24363
+ children,
24364
+ ...props
24365
+ }) => {
24366
+ const {
24367
+ t
24368
+ } = useTranslation("verifyEmail");
24369
+
24370
+ const submit = () => {
24371
+ window.Pelcro.user.resendEmailVerification((err, res) => {
24372
+ dispatch({
24373
+ type: LOADING,
24374
+ payload: false
24375
+ });
24376
+
24377
+ if (err) {
24378
+ dispatch({
24379
+ type: SHOW_ALERT,
24380
+ payload: {
24381
+ type: "error",
24382
+ content: getErrorMessages(err)
24383
+ }
24384
+ });
24385
+ return onFailure(err);
24386
+ }
24387
+
24388
+ dispatch({
24389
+ type: SHOW_ALERT,
24390
+ payload: {
24391
+ type: "success",
24392
+ content: t("messages.resent")
24393
+ }
24394
+ });
24395
+ return onSuccess(res);
24396
+ });
24397
+ };
24398
+
24399
+ const [state, dispatch] = useReducerWithSideEffects((state, action) => {
24400
+ switch (action.type) {
24401
+ case SHOW_ALERT:
24402
+ return lib_7({ ...state,
24403
+ alert: action.payload
24404
+ });
24405
+
24406
+ case LOADING:
24407
+ return lib_7({ ...state,
24408
+ isSubmitting: action.payload
24409
+ });
24410
+
24411
+ case HANDLE_SUBMIT:
24412
+ return lib_5({ ...state,
24413
+ isSubmitting: true
24414
+ }, (state, dispatch) => submit());
24415
+
24416
+ default:
24417
+ return state;
24418
+ }
24419
+ }, initialState);
24420
+ return /*#__PURE__*/React__default['default'].createElement("div", {
24421
+ style: { ...style
24422
+ },
24423
+ className: `pelcro-container pelcro-email-verify-container ${className}`
24424
+ }, /*#__PURE__*/React__default['default'].createElement(Provider, {
24425
+ value: {
24426
+ state,
24427
+ dispatch
24428
+ }
24429
+ }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
24430
+ store,
24431
+ key: i
24432
+ })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
24433
+ store
24434
+ })));
24435
+ };
24436
+
24437
+ const EmailVerifyResendButton = ({
24438
+ name,
24439
+ onClick,
24440
+ ...otherProps
24441
+ }) => {
24442
+ const {
24443
+ dispatch,
24444
+ state: {
24445
+ isSubmitting
24446
+ }
24447
+ } = React.useContext(store);
24448
+ const {
24449
+ t
24450
+ } = useTranslation("verifyEmail");
24451
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
24452
+ onClick: () => {
24453
+ dispatch({
24454
+ type: HANDLE_SUBMIT
24455
+ });
24456
+ onClick === null || onClick === void 0 ? void 0 : onClick();
24457
+ },
24458
+ isLoading: isSubmitting
24459
+ }, otherProps), name !== null && name !== void 0 ? name : t("labels.resend"));
24460
+ };
24461
+
24462
+ var _path, _path2;
24463
+
24464
+ 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); }
24465
+
24466
+ function SvgEmailVerify(props) {
24467
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends({
24468
+ className: "plc-w-6 plc-h-6",
24469
+ viewBox: "0 0 700 700",
24470
+ xmlns: "http://www.w3.org/2000/svg"
24471
+ }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
24472
+ 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"
24473
+ })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
24474
+ 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"
24475
+ })));
24476
+ }
24477
+
24478
+ const EmailVerifyView = props => {
24479
+ var _window$Pelcro$user$r;
24480
+
24481
+ const {
24482
+ t
24483
+ } = useTranslation("verifyEmail");
24484
+ return /*#__PURE__*/React__default['default'].createElement("div", {
24485
+ id: "pelcro-email-verify-view"
24486
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
24487
+ className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
24488
+ }, /*#__PURE__*/React__default['default'].createElement("h4", {
24489
+ className: "plc-text-2xl plc-font-semibold"
24490
+ }, t("labels.title"))), /*#__PURE__*/React__default['default'].createElement("form", {
24491
+ action: "javascript:void(0);",
24492
+ className: "plc-mt-2 pelcro-form"
24493
+ }, /*#__PURE__*/React__default['default'].createElement(EmailVerifyContainer, props, /*#__PURE__*/React__default['default'].createElement(AlertWithContext, null), /*#__PURE__*/React__default['default'].createElement("div", {
24494
+ className: "plc-flex plc-flex-col plc-items-center plc-justify-center plc-mt-4"
24495
+ }, /*#__PURE__*/React__default['default'].createElement(SvgEmailVerify, {
24496
+ className: "plc-w-32 plc-h-32"
24497
+ }), /*#__PURE__*/React__default['default'].createElement("p", {
24498
+ className: "plc-mb-1 plc-text-gray-900 plc-text-center plc-whitespace-pre-line"
24499
+ }, t("labels.instructions"), " ", /*#__PURE__*/React__default['default'].createElement("span", {
24500
+ className: "plc-font-bold"
24501
+ }, (_window$Pelcro$user$r = window.Pelcro.user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : _window$Pelcro$user$r.email))), /*#__PURE__*/React__default['default'].createElement(EmailVerifyResendButton, {
24502
+ role: "submit",
24503
+ className: "plc-mt-4 plc-w-full",
24504
+ name: t("labels.resend"),
24505
+ id: "pelcro-submit"
24506
+ }))));
24507
+ };
24508
+
24509
+ const EmailVerifyModal = ({
24510
+ onDisplay,
24511
+ onClose,
24512
+ ...otherProps
24513
+ }) => {
24514
+ return /*#__PURE__*/React__default['default'].createElement(Modal, {
24515
+ onDisplay: onDisplay,
24516
+ onClose: onClose,
24517
+ id: "pelcro-email-verify-modal"
24518
+ }, /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement(EmailVerifyView, otherProps)), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
24519
+ };
24520
+ EmailVerifyModal.viewId = "email-verify";
24521
+
24208
24522
  exports.AddressCreateCity = AddressCreateCity;
24209
24523
  exports.AddressCreateContainer = AddressCreateContainer;
24210
24524
  exports.AddressCreateCountrySelect = AddressCreateCountrySelect;
@@ -24259,6 +24573,10 @@ exports.DashboardOpenButton = DashboardOpenButton;
24259
24573
  exports.DatePicker = DatePicker;
24260
24574
  exports.DiscountedPrice = DiscountedPrice;
24261
24575
  exports.Email = Email;
24576
+ exports.EmailVerifyContainer = EmailVerifyContainer;
24577
+ exports.EmailVerifyModal = EmailVerifyModal;
24578
+ exports.EmailVerifyResendButton = EmailVerifyResendButton;
24579
+ exports.EmailVerifyView = EmailVerifyView;
24262
24580
  exports.FacebookLoginButton = FacebookLoginButton;
24263
24581
  exports.GiftCreateContainer = GiftCreateContainer;
24264
24582
  exports.GiftCreateEmail = GiftCreateEmail;