@pelcro/react-pelcro-js 2.7.0 → 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 +992 -610
  2. package/dist/index.esm.js +989 -611
  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",
@@ -3620,18 +3620,19 @@ var labels$h = {
3620
3620
  "for": "for",
3621
3621
  interval: "{{count}} {{interval}}",
3622
3622
  interval_plural: "{{count}} {{interval}}s",
3623
- tax: "+ Tax"
3623
+ tax: "+ Tax",
3624
+ removeCoupon: "REMOVE"
3624
3625
  };
3625
3626
  var checkoutForm_en = {
3626
- messages: messages$j,
3627
- labels: labels$h
3627
+ messages: messages$l,
3628
+ labels: labels$j
3628
3629
  };
3629
3630
 
3630
- var messages$i = {
3631
+ var messages$k = {
3631
3632
  youAreSafe: "Vous êtes en sécurité - PCI conforme 128 SSL par",
3632
3633
  bankRedirection: "Veuillez patienter, nous vous redirigeons vers votre banque."
3633
3634
  };
3634
- var labels$g = {
3635
+ var labels$i = {
3635
3636
  card: "Entrez le numéro de carte",
3636
3637
  date: "Date d’expiration",
3637
3638
  CVC: "CVC",
@@ -3646,11 +3647,12 @@ var labels$g = {
3646
3647
  "for": "pour",
3647
3648
  interval: "{{count}} {{interval}}",
3648
3649
  interval_plural: "{{count}} {{interval}}s",
3649
- tax: "+ Taxe"
3650
+ tax: "+ Taxe",
3651
+ removeCoupon: "RETIRER"
3650
3652
  };
3651
3653
  var checkoutForm_fr = {
3652
- messages: messages$i,
3653
- labels: labels$g
3654
+ messages: messages$k,
3655
+ labels: labels$i
3654
3656
  };
3655
3657
 
3656
3658
  var youAreSafe$1 = "You're safe - PCI compliant 128 SSL by";
@@ -3683,7 +3685,7 @@ var messages_fr = {
3683
3685
  recaptcha: recaptcha
3684
3686
  };
3685
3687
 
3686
- var labels$f = {
3688
+ var labels$h = {
3687
3689
  email: "Enter email",
3688
3690
  password: "Enter password",
3689
3691
  required: "required",
@@ -3691,7 +3693,7 @@ var labels$f = {
3691
3693
  passwordPlaceholder: "Password",
3692
3694
  login: "Login"
3693
3695
  };
3694
- var messages$h = {
3696
+ var messages$j = {
3695
3697
  loginTo: "Login to your account",
3696
3698
  welcome: "Welcome back, sign in with your existing account.",
3697
3699
  dontHaveAccount: "Don't have an account yet?",
@@ -3710,12 +3712,12 @@ var errors$5 = {
3710
3712
  "": ""
3711
3713
  };
3712
3714
  var login_en = {
3713
- labels: labels$f,
3714
- messages: messages$h,
3715
+ labels: labels$h,
3716
+ messages: messages$j,
3715
3717
  errors: errors$5
3716
3718
  };
3717
3719
 
3718
- var labels$e = {
3720
+ var labels$g = {
3719
3721
  email: "Entrez votre adresse courriel",
3720
3722
  password: "Entrez votre mot de passe",
3721
3723
  required: "Champs obligatoires",
@@ -3723,7 +3725,7 @@ var labels$e = {
3723
3725
  passwordPlaceholder: "Mot de passe",
3724
3726
  login: "Connexion"
3725
3727
  };
3726
- var messages$g = {
3728
+ var messages$i = {
3727
3729
  loginTo: "Connectez-vous à votre compte",
3728
3730
  welcome: "Bienvenue, connectez-vous avec votre compte existant.",
3729
3731
  dontHaveAccount: "Vous n’avez pas encore de compte ?",
@@ -3742,14 +3744,14 @@ var errors$4 = {
3742
3744
  "": ""
3743
3745
  };
3744
3746
  var login_fr = {
3745
- labels: labels$e,
3746
- messages: messages$g,
3747
+ labels: labels$g,
3748
+ messages: messages$i,
3747
3749
  errors: errors$4
3748
3750
  };
3749
3751
 
3750
3752
  var title$b = "Create an account";
3751
3753
  var subtitle$5 = "Enter your email and password below";
3752
- var labels$d = {
3754
+ var labels$f = {
3753
3755
  signUpFacebook: "Sign up with Facebook",
3754
3756
  signUpGoogle: "Sign up with Google",
3755
3757
  signUpEmail: "Sign up with Email",
@@ -3761,7 +3763,7 @@ var labels$d = {
3761
3763
  firstName: "First name",
3762
3764
  lastName: "Last name"
3763
3765
  };
3764
- var messages$f = {
3766
+ var messages$h = {
3765
3767
  alreadyHaveAccount: "Already have an account?",
3766
3768
  createAccount: "Create account",
3767
3769
  loginHere: "login here. ",
@@ -3835,8 +3837,8 @@ var redeem$1 = {
3835
3837
  var register_en = {
3836
3838
  title: title$b,
3837
3839
  subtitle: subtitle$5,
3838
- labels: labels$d,
3839
- messages: messages$f,
3840
+ labels: labels$f,
3841
+ messages: messages$h,
3840
3842
  errors: errors$3,
3841
3843
  gift: gift$1,
3842
3844
  redeem: redeem$1
@@ -3844,7 +3846,7 @@ var register_en = {
3844
3846
 
3845
3847
  var title$a = "Créer un compte";
3846
3848
  var subtitle$4 = "Entrez votre courriel et votre mot de passe ci-dessous";
3847
- var labels$c = {
3849
+ var labels$e = {
3848
3850
  signUpFacebook: "Inscrivez-vous avec Facebook",
3849
3851
  signUpGoogle: "Inscrivez-vous avec Google",
3850
3852
  signUpEmail: "Inscrivez-vous avec votre courriel",
@@ -3856,7 +3858,7 @@ var labels$c = {
3856
3858
  firstName: "Prénom",
3857
3859
  lastName: "Nom de famille"
3858
3860
  };
3859
- var messages$e = {
3861
+ var messages$g = {
3860
3862
  alreadyHaveAccount: "Vous avez déjà un compte?",
3861
3863
  createAccount: "Créer un compte",
3862
3864
  loginHere: "Connectez-vous ici",
@@ -3931,14 +3933,14 @@ var redeem = {
3931
3933
  var register_fr = {
3932
3934
  title: title$a,
3933
3935
  subtitle: subtitle$4,
3934
- labels: labels$c,
3935
- messages: messages$e,
3936
+ labels: labels$e,
3937
+ messages: messages$g,
3936
3938
  errors: errors$2,
3937
3939
  gift: gift,
3938
3940
  redeem: redeem
3939
3941
  };
3940
3942
 
3941
- var labels$b = {
3943
+ var labels$d = {
3942
3944
  title: "Want to update your profile?",
3943
3945
  subtitle: "Enter your information below to update your profile",
3944
3946
  email: "Email",
@@ -3954,17 +3956,17 @@ var labels$b = {
3954
3956
  removeImage: "Remove current photo",
3955
3957
  zoom: "Zoom"
3956
3958
  };
3957
- var messages$d = {
3959
+ var messages$f = {
3958
3960
  userUpdated: "Thanks! Your profile was updated successfully.",
3959
3961
  pictureRemoved: "Your profile picture was removed successfully.",
3960
3962
  pictureUpdated: "Your profile picture was updated successfully."
3961
3963
  };
3962
3964
  var userEdit_en = {
3963
- labels: labels$b,
3964
- messages: messages$d
3965
+ labels: labels$d,
3966
+ messages: messages$f
3965
3967
  };
3966
3968
 
3967
- var labels$a = {
3969
+ var labels$c = {
3968
3970
  title: "Voulez-vous mettre à jour votre profil ?",
3969
3971
  subtitle: "Entrez vos informations ci-dessous pour mettre à jour votre profil",
3970
3972
  email: "Address courriel",
@@ -3980,20 +3982,20 @@ var labels$a = {
3980
3982
  removeImage: "supprimer la photo actuelle",
3981
3983
  zoom: "Zoom"
3982
3984
  };
3983
- var messages$c = {
3985
+ var messages$e = {
3984
3986
  userUpdated: "Votre profil a été mis à jour avec succès.",
3985
3987
  pictureRemoved: "Votre photo de profil a été supprimée avec succès.",
3986
3988
  pictureUpdated: "Votre photo de profil a été mise à jour avec succès."
3987
3989
  };
3988
3990
  var userEdit_fr = {
3989
- labels: labels$a,
3990
- messages: messages$c
3991
+ labels: labels$c,
3992
+ messages: messages$e
3991
3993
  };
3992
3994
 
3993
3995
  var title$9 = "Enter your shipping address";
3994
3996
  var selectAddressTitle$1 = "Please select an address";
3995
3997
  var selectAddressSubtitle$1 = "Select one of your saved addresses, or add a new one";
3996
- var labels$9 = {
3998
+ var labels$b = {
3997
3999
  address: "Address",
3998
4000
  code: "Postal Code/Zip",
3999
4001
  city: "City",
@@ -4008,7 +4010,7 @@ var buttons$5 = {
4008
4010
  selectAddress: "Select address",
4009
4011
  addAddress: "Add new address"
4010
4012
  };
4011
- var messages$b = {
4013
+ var messages$d = {
4012
4014
  addressUpdated: "The address was successfully updated!",
4013
4015
  subRedeemed: "Your subscription has been redeemed."
4014
4016
  };
@@ -4016,15 +4018,15 @@ var address_en = {
4016
4018
  title: title$9,
4017
4019
  selectAddressTitle: selectAddressTitle$1,
4018
4020
  selectAddressSubtitle: selectAddressSubtitle$1,
4019
- labels: labels$9,
4021
+ labels: labels$b,
4020
4022
  buttons: buttons$5,
4021
- messages: messages$b
4023
+ messages: messages$d
4022
4024
  };
4023
4025
 
4024
4026
  var title$8 = "Entrez votre adresse de livraison";
4025
4027
  var selectAddressTitle = "Veuillez sélectionner une adresse";
4026
4028
  var selectAddressSubtitle = "Choisissez l'une de vos adresses ou créez-en une nouvelle";
4027
- var labels$8 = {
4029
+ var labels$a = {
4028
4030
  address: "Adresse",
4029
4031
  code: "Code postal / Zip",
4030
4032
  city: "Ville",
@@ -4039,7 +4041,7 @@ var buttons$4 = {
4039
4041
  selectAddress: "Choisir cette adresse",
4040
4042
  addAddress: "Ajouter une nouvelle adresse"
4041
4043
  };
4042
- var messages$a = {
4044
+ var messages$c = {
4043
4045
  addressUpdated: "Votre adresse a été mise à jour avec succès",
4044
4046
  subRedeemed: "Votre abonnement a bien été activé."
4045
4047
  };
@@ -4047,9 +4049,9 @@ var address_fr = {
4047
4049
  title: title$8,
4048
4050
  selectAddressTitle: selectAddressTitle,
4049
4051
  selectAddressSubtitle: selectAddressSubtitle,
4050
- labels: labels$8,
4052
+ labels: labels$a,
4051
4053
  buttons: buttons$4,
4052
- messages: messages$a
4054
+ messages: messages$c
4053
4055
  };
4054
4056
 
4055
4057
  var title$7 = "Reset your password";
@@ -4096,7 +4098,7 @@ var password$1 = "Password";
4096
4098
  var submit$3 = "Submit";
4097
4099
  var required$3 = "Required";
4098
4100
  var passwordResetEmailSent$1 = "Password reset instructions have been sent to your email";
4099
- var messages$9 = {
4101
+ var messages$b = {
4100
4102
  alreadyHaveAccount: "Already have an account?",
4101
4103
  loginHere: "login here."
4102
4104
  };
@@ -4107,7 +4109,7 @@ var passwordForgot_en = {
4107
4109
  submit: submit$3,
4108
4110
  required: required$3,
4109
4111
  passwordResetEmailSent: passwordResetEmailSent$1,
4110
- messages: messages$9
4112
+ messages: messages$b
4111
4113
  };
4112
4114
 
4113
4115
  var title$4 = "Mot de passe oublié ?";
@@ -4116,7 +4118,7 @@ var password = "Mot de passe";
4116
4118
  var submit$2 = "Soumettre";
4117
4119
  var required$2 = "Champs obligatoires";
4118
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.";
4119
- var messages$8 = {
4121
+ var messages$a = {
4120
4122
  alreadyHaveAccount: "Vous avez déjà un compte ?",
4121
4123
  loginHere: "Connectez-vous ici"
4122
4124
  };
@@ -4127,7 +4129,7 @@ var passwordForgot_fr = {
4127
4129
  submit: submit$2,
4128
4130
  required: required$2,
4129
4131
  passwordResetEmailSent: passwordResetEmailSent,
4130
- messages: messages$8
4132
+ messages: messages$a
4131
4133
  };
4132
4134
 
4133
4135
  var title$3 = "Change your password";
@@ -4228,7 +4230,7 @@ var buttons$3 = {
4228
4230
  purchase: "Purchase",
4229
4231
  "continue": "Continue"
4230
4232
  };
4231
- var messages$7 = {
4233
+ var messages$9 = {
4232
4234
  orderConfirmed: {
4233
4235
  title: "Order confirmed!",
4234
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."
@@ -4237,14 +4239,14 @@ var messages$7 = {
4237
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.",
4238
4240
  currencyMismatch: "The selected item(s) do not match your current default currency ({{currency}}). Please choose item(s) only matching this currency."
4239
4241
  };
4240
- var labels$7 = {
4242
+ var labels$9 = {
4241
4243
  summary: "Order summary",
4242
4244
  total: "total"
4243
4245
  };
4244
4246
  var shop_en = {
4245
4247
  buttons: buttons$3,
4246
- messages: messages$7,
4247
- labels: labels$7
4248
+ messages: messages$9,
4249
+ labels: labels$9
4248
4250
  };
4249
4251
 
4250
4252
  var buttons$2 = {
@@ -4253,7 +4255,7 @@ var buttons$2 = {
4253
4255
  purchase: "Acheter",
4254
4256
  "continue": "Continuer au contenu"
4255
4257
  };
4256
- var messages$6 = {
4258
+ var messages$8 = {
4257
4259
  orderConfirmed: {
4258
4260
  title: "Votre commande est confirmée !",
4259
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."
@@ -4262,17 +4264,17 @@ var messages$6 = {
4262
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.",
4263
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."
4264
4266
  };
4265
- var labels$6 = {
4267
+ var labels$8 = {
4266
4268
  summary: "récapitulatif de commande",
4267
4269
  total: "total"
4268
4270
  };
4269
4271
  var shop_fr = {
4270
4272
  buttons: buttons$2,
4271
- messages: messages$6,
4272
- labels: labels$6
4273
+ messages: messages$8,
4274
+ labels: labels$8
4273
4275
  };
4274
4276
 
4275
- var labels$5 = {
4277
+ var labels$7 = {
4276
4278
  cardNumber: "Numéro de carte",
4277
4279
  securityCode: "Code de sécurité",
4278
4280
  submit: "Soumettre",
@@ -4294,7 +4296,7 @@ var labels$5 = {
4294
4296
  title: "Informations de paiement"
4295
4297
  }
4296
4298
  };
4297
- var messages$5 = {
4299
+ var messages$7 = {
4298
4300
  youAreSafe: "Vous êtes en sécurité - PCI conforme 128 SSL par",
4299
4301
  cancel: "Annuler votre abonnement en ligne à tout moment.",
4300
4302
  giftSent: "Le cadeau d’abonnement a été envoyé à",
@@ -4307,12 +4309,12 @@ var errors$1 = {
4307
4309
  "": ""
4308
4310
  };
4309
4311
  var payment_fr = {
4310
- labels: labels$5,
4311
- messages: messages$5,
4312
+ labels: labels$7,
4313
+ messages: messages$7,
4312
4314
  errors: errors$1
4313
4315
  };
4314
4316
 
4315
- var labels$4 = {
4317
+ var labels$6 = {
4316
4318
  cardNumber: "Card number",
4317
4319
  securityCode: "Security Code",
4318
4320
  submit: "Submit",
@@ -4334,7 +4336,7 @@ var labels$4 = {
4334
4336
  title: "Payment Information"
4335
4337
  }
4336
4338
  };
4337
- var messages$4 = {
4339
+ var messages$6 = {
4338
4340
  youAreSafe: "You're safe - PCI compliant 128 SSL by",
4339
4341
  cancel: "Cancel your subscription online at anytime.",
4340
4342
  giftSent: "Subscription gift has been sent to",
@@ -4347,12 +4349,12 @@ var errors = {
4347
4349
  "": ""
4348
4350
  };
4349
4351
  var payment_en = {
4350
- labels: labels$4,
4351
- messages: messages$4,
4352
+ labels: labels$6,
4353
+ messages: messages$6,
4352
4354
  errors: errors
4353
4355
  };
4354
4356
 
4355
- var labels$3 = {
4357
+ var labels$5 = {
4356
4358
  menu: "Pelcro Menu",
4357
4359
  name: "Name",
4358
4360
  email: "Email",
@@ -4419,7 +4421,7 @@ var labels$3 = {
4419
4421
  goBack: "Go back"
4420
4422
  }
4421
4423
  };
4422
- var messages$3 = {
4424
+ var messages$5 = {
4423
4425
  noCard: "You don't have a card",
4424
4426
  subCancellation: {
4425
4427
  isSureToCancel: "Are you sure you want to cancel your subscription?",
@@ -4429,11 +4431,11 @@ var messages$3 = {
4429
4431
  }
4430
4432
  };
4431
4433
  var dashboard_en = {
4432
- labels: labels$3,
4433
- messages: messages$3
4434
+ labels: labels$5,
4435
+ messages: messages$5
4434
4436
  };
4435
4437
 
4436
- var labels$2 = {
4438
+ var labels$4 = {
4437
4439
  menu: "Menu Pelcro",
4438
4440
  name: "Nom",
4439
4441
  email: "Courriel",
@@ -4500,7 +4502,7 @@ var labels$2 = {
4500
4502
  goBack: "Retourner"
4501
4503
  }
4502
4504
  };
4503
- var messages$2 = {
4505
+ var messages$4 = {
4504
4506
  noCard: "Vous n’avez pas une carte",
4505
4507
  subCancellation: {
4506
4508
  isSureToCancel: "Êtes-vous certain de vouloir annuler votre abonnement?",
@@ -4510,16 +4512,16 @@ var messages$2 = {
4510
4512
  }
4511
4513
  };
4512
4514
  var dashboard_fr = {
4513
- labels: labels$2,
4514
- messages: messages$2
4515
+ labels: labels$4,
4516
+ messages: messages$4
4515
4517
  };
4516
4518
 
4517
- var messages$1 = {
4519
+ var messages$3 = {
4518
4520
  alreadyHaveAccount: "Already have an account?",
4519
4521
  loginHere: "Login here",
4520
4522
  checkbox: "Check this box to gift this subscription"
4521
4523
  };
4522
- var labels$1 = {
4524
+ var labels$3 = {
4523
4525
  plan: {
4524
4526
  title: "Subscribe to a plan",
4525
4527
  subtitle: "Select one of the plans below and click on next."
@@ -4542,17 +4544,17 @@ var buttons$1 = {
4542
4544
  back: "Back"
4543
4545
  };
4544
4546
  var select_en = {
4545
- messages: messages$1,
4546
- labels: labels$1,
4547
+ messages: messages$3,
4548
+ labels: labels$3,
4547
4549
  buttons: buttons$1
4548
4550
  };
4549
4551
 
4550
- var messages = {
4552
+ var messages$2 = {
4551
4553
  alreadyHaveAccount: "Vous avez déjà un compte ?",
4552
4554
  loginHere: "Connectez-vous ici",
4553
4555
  checkbox: "Cochez cette case pour offrir cet abonnement"
4554
4556
  };
4555
- var labels = {
4557
+ var labels$2 = {
4556
4558
  plan: {
4557
4559
  title: "Abonnez-vous à un plan",
4558
4560
  subtitle: "Sélectionnez l’un des plans ci-dessous et cliquez sur suivant."
@@ -4575,8 +4577,8 @@ var buttons = {
4575
4577
  back: "Retour"
4576
4578
  };
4577
4579
  var select_fr = {
4578
- messages: messages,
4579
- labels: labels,
4580
+ messages: messages$2,
4581
+ labels: labels$2,
4580
4582
  buttons: buttons
4581
4583
  };
4582
4584
 
@@ -4600,6 +4602,34 @@ var notification_fr = {
4600
4602
  confirm: confirm
4601
4603
  };
4602
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
+
4603
4633
  function create$1(createState) {
4604
4634
  let state;
4605
4635
  const listeners = new Set();
@@ -5949,12 +5979,18 @@ class PelcroActions {
5949
5979
  view,
5950
5980
  cartItems,
5951
5981
  ...otherStateFields
5952
- } = initialState$g;
5982
+ } = initialState$h;
5953
5983
  this.set(otherStateFields);
5954
5984
  });
5955
5985
 
5956
5986
  _defineProperty$3(this, "switchView", view => {
5957
5987
  // view switching guards
5988
+ if (userMustVerifyEmail() && !["dashboard", "meter", "login", null].includes(view)) {
5989
+ return this.set({
5990
+ view: "email-verify"
5991
+ });
5992
+ }
5993
+
5958
5994
  if (["login", "register"].includes(view) && this.get().isAuthenticated()) {
5959
5995
  return this.set({
5960
5996
  view: "dashboard"
@@ -6212,7 +6248,7 @@ class PelcroCallbacks {
6212
6248
  }
6213
6249
  });
6214
6250
 
6215
- _defineProperty$3(this, "whenUserReady", callback => {
6251
+ _defineProperty$3(this, "whenUserReady", (callback, listenerOptions) => {
6216
6252
  var _window$Pelcro$user$r;
6217
6253
 
6218
6254
  if ((_window$Pelcro$user$r = window.Pelcro.user.read()) !== null && _window$Pelcro$user$r !== void 0 && _window$Pelcro$user$r.id) {
@@ -6220,7 +6256,7 @@ class PelcroCallbacks {
6220
6256
  } else {
6221
6257
  window.document.addEventListener("PelcroUserLoaded", e => {
6222
6258
  callback(window.Pelcro.user.read());
6223
- });
6259
+ }, listenerOptions);
6224
6260
  }
6225
6261
  });
6226
6262
 
@@ -6239,7 +6275,7 @@ class PelcroCallbacks {
6239
6275
 
6240
6276
  }
6241
6277
 
6242
- const initialState$g = {
6278
+ const initialState$h = {
6243
6279
  // View
6244
6280
  view: null,
6245
6281
  // Plans
@@ -6267,7 +6303,7 @@ const createPelcroStore = () => createStore(middleware_3((set, get) => {
6267
6303
  return {
6268
6304
  // Store setter
6269
6305
  set,
6270
- ...initialState$g,
6306
+ ...initialState$h,
6271
6307
  // State actions
6272
6308
  ...actions,
6273
6309
  // Callbacks
@@ -6418,7 +6454,7 @@ const calcAndFormatItemsTotal = (items, currency) => {
6418
6454
  */
6419
6455
 
6420
6456
  const isValidViewFromURL = viewID => {
6421
- 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()) {
6422
6458
  return true;
6423
6459
  }
6424
6460
 
@@ -6615,6 +6651,13 @@ function getDateWithoutTime(dateObject) {
6615
6651
  date.setHours(0, 0, 0, 0);
6616
6652
  return date;
6617
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
+ }
6618
6661
 
6619
6662
  const resources = {
6620
6663
  en: {
@@ -6632,6 +6675,7 @@ const resources = {
6632
6675
  passwordReset: passwordReset_en,
6633
6676
  passwordForgot: passwordForgot_en,
6634
6677
  passwordChange: passwordChange_en,
6678
+ verifyEmail: verifyEmail_en,
6635
6679
  cart: cart_en,
6636
6680
  shop: shop_en,
6637
6681
  payment: payment_en,
@@ -6654,6 +6698,7 @@ const resources = {
6654
6698
  passwordReset: passwordReset_fr,
6655
6699
  passwordForgot: passwordForgot_fr,
6656
6700
  passwordChange: passwordChange_fr,
6701
+ verifyEmail: verifyEmail_fr,
6657
6702
  cart: cart_fr,
6658
6703
  shop: shop_fr,
6659
6704
  payment: payment_fr,
@@ -6816,11 +6861,18 @@ class SaveToMetadataButtonClass {
6816
6861
 
6817
6862
  const button = event.currentTarget;
6818
6863
  const user = window.Pelcro.user.read();
6864
+ const {
6865
+ switchView
6866
+ } = usePelcro.getStore();
6819
6867
  const {
6820
6868
  key,
6821
6869
  ...buttonMetadata
6822
6870
  } = button.dataset;
6823
6871
 
6872
+ if (userMustVerifyEmail()) {
6873
+ return switchView("email-verify");
6874
+ }
6875
+
6824
6876
  if (_classPrivateFieldGet(this, _isAlreadySaved).call(this, button)) {
6825
6877
  _classPrivateFieldGet(this, _removeMetaData).call(this, event);
6826
6878
 
@@ -6943,8 +6995,8 @@ const saveToMetadataButton = new SaveToMetadataButtonClass();
6943
6995
 
6944
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}}
6945
6997
 
6946
- function _extends$x() {
6947
- _extends$x = Object.assign || function (target) {
6998
+ function _extends$y() {
6999
+ _extends$y = Object.assign || function (target) {
6948
7000
  for (var i = 1; i < arguments.length; i++) {
6949
7001
  var source = arguments[i];
6950
7002
 
@@ -6958,7 +7010,7 @@ function _extends$x() {
6958
7010
  return target;
6959
7011
  };
6960
7012
 
6961
- return _extends$x.apply(this, arguments);
7013
+ return _extends$y.apply(this, arguments);
6962
7014
  }
6963
7015
 
6964
7016
  function _taggedTemplateLiteralLoose(strings, raw) {
@@ -7048,7 +7100,7 @@ var clearFromRemoveQueue = function clearFromRemoveQueue(toastId) {
7048
7100
  var reducer = function reducer(state, action) {
7049
7101
  switch (action.type) {
7050
7102
  case ActionType.ADD_TOAST:
7051
- return _extends$x({}, state, {
7103
+ return _extends$y({}, state, {
7052
7104
  toasts: [action.toast].concat(state.toasts).slice(0, TOAST_LIMIT)
7053
7105
  });
7054
7106
 
@@ -7058,9 +7110,9 @@ var reducer = function reducer(state, action) {
7058
7110
  clearFromRemoveQueue(action.toast.id);
7059
7111
  }
7060
7112
 
7061
- return _extends$x({}, state, {
7113
+ return _extends$y({}, state, {
7062
7114
  toasts: state.toasts.map(function (t) {
7063
- 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;
7064
7116
  })
7065
7117
  });
7066
7118
 
@@ -7087,9 +7139,9 @@ var reducer = function reducer(state, action) {
7087
7139
  });
7088
7140
  }
7089
7141
 
7090
- return _extends$x({}, state, {
7142
+ return _extends$y({}, state, {
7091
7143
  toasts: state.toasts.map(function (t) {
7092
- return t.id === toastId || toastId === undefined ? _extends$x({}, t, {
7144
+ return t.id === toastId || toastId === undefined ? _extends$y({}, t, {
7093
7145
  visible: false
7094
7146
  }) : t;
7095
7147
  })
@@ -7097,28 +7149,28 @@ var reducer = function reducer(state, action) {
7097
7149
 
7098
7150
  case ActionType.REMOVE_TOAST:
7099
7151
  if (action.toastId === undefined) {
7100
- return _extends$x({}, state, {
7152
+ return _extends$y({}, state, {
7101
7153
  toasts: []
7102
7154
  });
7103
7155
  }
7104
7156
 
7105
- return _extends$x({}, state, {
7157
+ return _extends$y({}, state, {
7106
7158
  toasts: state.toasts.filter(function (t) {
7107
7159
  return t.id !== action.toastId;
7108
7160
  })
7109
7161
  });
7110
7162
 
7111
7163
  case ActionType.START_PAUSE:
7112
- return _extends$x({}, state, {
7164
+ return _extends$y({}, state, {
7113
7165
  pausedAt: action.time
7114
7166
  });
7115
7167
 
7116
7168
  case ActionType.END_PAUSE:
7117
7169
  var diff = action.time - (state.pausedAt || 0);
7118
- return _extends$x({}, state, {
7170
+ return _extends$y({}, state, {
7119
7171
  pausedAt: undefined,
7120
7172
  toasts: state.toasts.map(function (t) {
7121
- return _extends$x({}, t, {
7173
+ return _extends$y({}, t, {
7122
7174
  pauseDuration: t.pauseDuration + diff
7123
7175
  });
7124
7176
  })
@@ -7165,12 +7217,12 @@ var useStore = function useStore(toastOptions) {
7165
7217
  var mergedToasts = state.toasts.map(function (t) {
7166
7218
  var _toastOptions$t$type, _toastOptions, _toastOptions$t$type2;
7167
7219
 
7168
- return _extends$x({}, toastOptions, toastOptions[t.type], t, {
7220
+ return _extends$y({}, toastOptions, toastOptions[t.type], t, {
7169
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],
7170
- 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)
7171
7223
  });
7172
7224
  });
7173
- return _extends$x({}, state, {
7225
+ return _extends$y({}, state, {
7174
7226
  toasts: mergedToasts
7175
7227
  });
7176
7228
  };
@@ -7180,7 +7232,7 @@ var createToast = function createToast(message, type, opts) {
7180
7232
  type = 'blank';
7181
7233
  }
7182
7234
 
7183
- return _extends$x({
7235
+ return _extends$y({
7184
7236
  createdAt: Date.now(),
7185
7237
  visible: true,
7186
7238
  type: type,
@@ -7230,14 +7282,14 @@ toast.remove = function (toastId) {
7230
7282
  };
7231
7283
 
7232
7284
  toast.promise = function (promise, msgs, opts) {
7233
- 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));
7234
7286
  promise.then(function (p) {
7235
- toast.success(resolveValue(msgs.success, p), _extends$x({
7287
+ toast.success(resolveValue(msgs.success, p), _extends$y({
7236
7288
  id: id
7237
7289
  }, opts, opts == null ? void 0 : opts.success));
7238
7290
  return p;
7239
7291
  })["catch"](function (e) {
7240
- toast.error(resolveValue(msgs.error, e), _extends$x({
7292
+ toast.error(resolveValue(msgs.error, e), _extends$y({
7241
7293
  id: id
7242
7294
  }, opts, opts == null ? void 0 : opts.error));
7243
7295
  });
@@ -7576,7 +7628,7 @@ var ToastBar = /*#__PURE__*/React.memo(function (_ref2) {
7576
7628
  var message = React.createElement(Message, Object.assign({}, toast.ariaProps), resolveValue(toast.message, toast));
7577
7629
  return React.createElement(ToastBarBase, {
7578
7630
  className: toast.className,
7579
- style: _extends$x({}, animationStyle, style, toast.style)
7631
+ style: _extends$y({}, animationStyle, style, toast.style)
7580
7632
  }, typeof children === 'function' ? children({
7581
7633
  icon: icon,
7582
7634
  message: message
@@ -7606,7 +7658,7 @@ var getPositionStyle = function getPositionStyle(position, offset) {
7606
7658
  } : position.includes('right') ? {
7607
7659
  justifyContent: 'flex-end'
7608
7660
  } : {};
7609
- return _extends$x({
7661
+ return _extends$y({
7610
7662
  left: 0,
7611
7663
  right: 0,
7612
7664
  display: 'flex',
@@ -7633,7 +7685,7 @@ var Toaster = function Toaster(_ref) {
7633
7685
  handlers = _useToaster.handlers;
7634
7686
 
7635
7687
  return React.createElement("div", {
7636
- style: _extends$x({
7688
+ style: _extends$y({
7637
7689
  position: 'fixed',
7638
7690
  zIndex: 9999,
7639
7691
  top: DEFAULT_OFFSET,
@@ -7668,87 +7720,87 @@ var Toaster = function Toaster(_ref) {
7668
7720
  }));
7669
7721
  };
7670
7722
 
7671
- var _path$u;
7723
+ var _path$v;
7672
7724
 
7673
- 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); }
7674
7726
 
7675
7727
  function SvgCheckSolid(props) {
7676
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
7728
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
7677
7729
  xmlns: "http://www.w3.org/2000/svg",
7678
7730
  className: "h-5 w-5",
7679
7731
  viewBox: "0 0 20 20",
7680
7732
  fill: "currentColor"
7681
- }, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
7733
+ }, props), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
7682
7734
  fillRule: "evenodd",
7683
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",
7684
7736
  clipRule: "evenodd"
7685
7737
  })));
7686
7738
  }
7687
7739
 
7688
- var _path$t;
7740
+ var _path$u;
7689
7741
 
7690
- 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); }
7691
7743
 
7692
7744
  function SvgXIcon(props) {
7693
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
7745
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
7694
7746
  xmlns: "http://www.w3.org/2000/svg",
7695
7747
  viewBox: "0 0 20 20",
7696
7748
  fill: "currentColor"
7697
- }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
7749
+ }, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
7698
7750
  fill: "evenodd",
7699
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",
7700
7752
  clipRule: "evenodd"
7701
7753
  })));
7702
7754
  }
7703
7755
 
7704
- var _path$s;
7756
+ var _path$t;
7705
7757
 
7706
- 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); }
7707
7759
 
7708
7760
  function SvgXIconSolid(props) {
7709
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
7761
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
7710
7762
  className: "plc-w-4 plc-h-4",
7711
7763
  fill: "currentColor",
7712
7764
  xmlns: "http://www.w3.org/2000/svg",
7713
7765
  viewBox: "0 0 100 100"
7714
- }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
7766
+ }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
7715
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"
7716
7768
  })));
7717
7769
  }
7718
7770
 
7719
- var _path$r;
7771
+ var _path$s;
7720
7772
 
7721
- 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); }
7722
7774
 
7723
7775
  function SvgExclamation(props) {
7724
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
7776
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
7725
7777
  className: "plc-w-4 plc-h-4 plc-mr-1",
7726
7778
  xmlns: "http://www.w3.org/2000/svg",
7727
7779
  viewBox: "0 0 20 20",
7728
7780
  fill: "currentColor"
7729
- }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
7781
+ }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
7730
7782
  fillRule: "evenodd",
7731
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",
7732
7784
  clipRule: "evenodd"
7733
7785
  })));
7734
7786
  }
7735
7787
 
7736
- var _path$q, _path2$3;
7788
+ var _path$r, _path2$4;
7737
7789
 
7738
- 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); }
7739
7791
 
7740
7792
  function SvgSpinner(props) {
7741
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
7793
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
7742
7794
  className: "plc-animate-spin",
7743
7795
  viewBox: "0 0 24 24",
7744
7796
  fill: "currentColor",
7745
7797
  xmlns: "http://www.w3.org/2000/svg"
7746
- }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
7798
+ }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
7747
7799
  opacity: 0.2,
7748
7800
  fill: "evenodd",
7749
7801
  clipRule: "evenodd",
7750
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"
7751
- })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
7803
+ })), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
7752
7804
  d: "M2 12C2 6.477 6.477 2 12 2v3a7 7 0 00-7 7H2z"
7753
7805
  })));
7754
7806
  }
@@ -8474,50 +8526,110 @@ var pure = pure$1;
8474
8526
  var pure_1 = pure.loadStripe;
8475
8527
 
8476
8528
  /**
8477
- * @typedef {Object} OptionsType
8478
- * @property {boolean} loadPaymentSDKs
8479
- * @property {boolean} enableURLTriggers
8480
- * @property {boolean} enableTheme
8481
- * @property {boolean} enablePaywalls
8482
- * @property {boolean} enableGoogleAnalytics
8483
- */
8484
-
8485
- /**
8486
- * Initializes pelcro features based on the options flag object
8487
- * @param {OptionsType} options
8488
- * @returns
8529
+ * Extracts error message from the response error object
8530
+ * @param {Object} error Error object
8531
+ * @return {string}
8489
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;
8490
8535
 
8491
- const optionsController = options => {
8492
- if (!options) {
8493
- 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;
8494
8538
  }
8495
8539
 
8496
- const optionsMethodsDict = {
8497
- loadPaymentSDKs: loadPaymentSDKs,
8498
- loadAuth0SDK: loadAuth0SDK,
8499
- enableURLTriggers: initViewFromURL,
8500
- enableTheme: applyPelcroTheme,
8501
- enablePaywalls: initPaywalls,
8502
- loadSecuritySDK: initSecuritySdk,
8503
- enableGoogleAnalytics: initGATracking
8504
- }; // 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;
8505
8542
 
8506
- Object.entries(options).filter(([_, value]) => value === true).forEach(([key]) => {
8507
- 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
+ }
8508
8545
 
8509
- return (_optionsMethodsDict$k = optionsMethodsDict[key]) === null || _optionsMethodsDict$k === void 0 ? void 0 : _optionsMethodsDict$k.call(optionsMethodsDict);
8510
- });
8511
- };
8512
- const initPaywalls = () => {
8513
- 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;
8514
8548
 
8515
- const paywallMethods = window.Pelcro.paywall;
8516
- 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
+ }
8517
8551
 
8518
- if (((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.settings) === "subscription") {
8519
- // blur entitlements based content
8520
- 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
8521
8633
 
8522
8634
  if (isValidViewFromURL(viewFromURL) || !paywallMethods.isArticleRestricted()) {
8523
8635
  return;
@@ -8713,6 +8825,10 @@ const initViewFromURL = () => {
8713
8825
  return initCartFromUrl();
8714
8826
  }
8715
8827
 
8828
+ if (view === "email-verify") {
8829
+ return verifyEmailTokenFromUrl();
8830
+ }
8831
+
8716
8832
  switchView(view);
8717
8833
  });
8718
8834
  }
@@ -8862,6 +8978,33 @@ const initCartFromUrl = () => {
8862
8978
  });
8863
8979
  };
8864
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
+
8865
9008
  const defaultOptions = {
8866
9009
  loadPaymentSDKs: true,
8867
9010
  loadAuth0SDK: true,
@@ -9144,6 +9287,7 @@ const SUBSCRIBE = "CREATE_SUBSCRIPTION";
9144
9287
  const HANDLE_PAYPAL_SUBSCRIPTION = "HANDLE_PAYPAL_SUBSCRIPTION";
9145
9288
  const DISABLE_COUPON_BUTTON = "DISABLE_COUPON_BUTTON";
9146
9289
  const APPLY_COUPON_CODE = "APPLY_COUPON_CODE";
9290
+ const REMOVE_APPLIED_COUPON = "REMOVE_APPLIED_COUPON";
9147
9291
  const SET_PERCENT_OFF = "SET_PERCENT_OFF";
9148
9292
  const SET_COUPON = "SET_COUPON";
9149
9293
  const SET_COUPON_ERROR = "SET_COUPON_ERROR";
@@ -9200,67 +9344,7 @@ const GET_NEWSLETTERS_FETCH = "GET_NEWSLETTERS_FETCH";
9200
9344
  const GET_NEWSLETTERS_SUCCESS = "GET_NEWSLETTERS_SUCCESS";
9201
9345
  const SWITCH_TO_UPDATE = "SWITCH_TO_UPDATE";
9202
9346
 
9203
- /**
9204
- * Extracts error message from the response error object
9205
- * @param {Object} error Error object
9206
- * @return {string}
9207
- */
9208
- const getErrorMessages = error => {
9209
- var _error$error, _error$response, _error$response$data, _error$response3, _error$response3$data, _error$response3$data2, _error$response5, _error$response5$data;
9210
-
9211
- if (error !== null && error !== void 0 && (_error$error = error.error) !== null && _error$error !== void 0 && _error$error.message) {
9212
- return error.error.message;
9213
- }
9214
-
9215
- 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) {
9216
- var _error$response2, _error$response2$data;
9217
-
9218
- 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;
9219
- }
9220
-
9221
- 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) {
9222
- var _error$response4, _error$response4$data, _error$response4$data2;
9223
-
9224
- 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;
9225
- }
9226
-
9227
- const errorMessages = []; // enumerable error (ex: validation errors)
9228
-
9229
- 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]) => {
9230
- errorMessages.push(errorMessage);
9231
- }); // convert to multiline string
9232
-
9233
- return errorMessages.join("\n");
9234
- };
9235
- /**
9236
- * Executes function after a wait time of inactivity
9237
- * @param {function} func
9238
- * @param {number} waitTime
9239
- */
9240
-
9241
- const debounce = (func, waitTime) => {
9242
- let timeout;
9243
- return function executedFunction(...args) {
9244
- // The callback function to be executed after
9245
- // the debounce time has elapsed
9246
- const later = () => {
9247
- // null timeout to indicate the debounce ended
9248
- timeout = null;
9249
- func(...args);
9250
- }; // This will reset the waiting every function execution.
9251
- // This is the step that prevents the function from
9252
- // being executed because it will never reach the
9253
- // inside of the previous setTimeout
9254
-
9255
-
9256
- clearTimeout(timeout); // Restart the debounce waiting period.
9257
- // setTimeout returns a truthy value (it differs in web vs Node)
9258
-
9259
- timeout = setTimeout(later, waitTime);
9260
- };
9261
- };
9262
-
9263
- const initialState$f = {
9347
+ const initialState$g = {
9264
9348
  email: "",
9265
9349
  password: "",
9266
9350
  emailError: null,
@@ -9271,10 +9355,10 @@ const initialState$f = {
9271
9355
  content: ""
9272
9356
  }
9273
9357
  };
9274
- const store$f = /*#__PURE__*/React.createContext(initialState$f);
9358
+ const store$g = /*#__PURE__*/React.createContext(initialState$g);
9275
9359
  const {
9276
- Provider: Provider$f
9277
- } = store$f;
9360
+ Provider: Provider$g
9361
+ } = store$g;
9278
9362
 
9279
9363
  const LoginContainer = ({
9280
9364
  style,
@@ -9381,7 +9465,7 @@ const LoginContainer = ({
9381
9465
  });
9382
9466
 
9383
9467
  case RESET_LOGIN_FORM:
9384
- return initialState$f;
9468
+ return initialState$g;
9385
9469
 
9386
9470
  case DISABLE_LOGIN_BUTTON:
9387
9471
  return lib_7({ ...state,
@@ -9399,12 +9483,12 @@ const LoginContainer = ({
9399
9483
  default:
9400
9484
  return state;
9401
9485
  }
9402
- }, initialState$f);
9486
+ }, initialState$g);
9403
9487
  return /*#__PURE__*/React__default['default'].createElement("div", {
9404
9488
  style: { ...style
9405
9489
  },
9406
9490
  className: `pelcro-container pelcro-login-container ${className}`
9407
- }, /*#__PURE__*/React__default['default'].createElement(Provider$f, {
9491
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$g, {
9408
9492
  value: {
9409
9493
  state,
9410
9494
  dispatch
@@ -9412,12 +9496,12 @@ const LoginContainer = ({
9412
9496
  }, children.length ? children.map((child, i) => {
9413
9497
  if (child) {
9414
9498
  return /*#__PURE__*/React__default['default'].cloneElement(child, {
9415
- store: store$f,
9499
+ store: store$g,
9416
9500
  key: i
9417
9501
  });
9418
9502
  }
9419
9503
  }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
9420
- store: store$f
9504
+ store: store$g
9421
9505
  })));
9422
9506
  };
9423
9507
 
@@ -9662,7 +9746,7 @@ const LoginButton = ({
9662
9746
  buttonDisabled
9663
9747
  },
9664
9748
  dispatch
9665
- } = React.useContext(store$f);
9749
+ } = React.useContext(store$g);
9666
9750
  const {
9667
9751
  t
9668
9752
  } = useTranslation("login");
@@ -9683,23 +9767,23 @@ const LoginButton = ({
9683
9767
  };
9684
9768
 
9685
9769
  const LoginEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
9686
- store: store$f
9770
+ store: store$g
9687
9771
  }, props));
9688
9772
 
9689
9773
  const LoginPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
9690
- store: store$f
9774
+ store: store$g
9691
9775
  }, props));
9692
9776
 
9693
- var _path$p;
9777
+ var _path$q;
9694
9778
 
9695
- 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); }
9696
9780
 
9697
9781
  function SvgCheck(props) {
9698
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
9782
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
9699
9783
  xmlns: "http://www.w3.org/2000/svg",
9700
9784
  fill: "currentColor",
9701
9785
  viewBox: "0 0 20 20"
9702
- }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
9786
+ }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
9703
9787
  fillRule: "evenodd",
9704
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",
9705
9789
  clipRule: "evenodd"
@@ -9764,7 +9848,7 @@ var facebookLoginRenderProps = createCommonjsModule(function (module, exports) {
9764
9848
  var FacebookLogin = unwrapExports(facebookLoginRenderProps);
9765
9849
  facebookLoginRenderProps.FacebookLogin;
9766
9850
 
9767
- const initialState$e = {
9851
+ const initialState$f = {
9768
9852
  email: "",
9769
9853
  password: "",
9770
9854
  emailError: null,
@@ -9781,10 +9865,10 @@ const initialState$e = {
9781
9865
  content: ""
9782
9866
  }
9783
9867
  };
9784
- const store$e = /*#__PURE__*/React.createContext(initialState$e);
9868
+ const store$f = /*#__PURE__*/React.createContext(initialState$f);
9785
9869
  const {
9786
- Provider: Provider$e
9787
- } = store$e;
9870
+ Provider: Provider$f
9871
+ } = store$f;
9788
9872
 
9789
9873
  const RegisterContainer = ({
9790
9874
  style,
@@ -9967,7 +10051,7 @@ const RegisterContainer = ({
9967
10051
  });
9968
10052
 
9969
10053
  case RESET_LOGIN_FORM:
9970
- return initialState$e;
10054
+ return initialState$f;
9971
10055
 
9972
10056
  case DISABLE_REGISTRATION_BUTTON:
9973
10057
  return lib_7({ ...state,
@@ -9985,12 +10069,12 @@ const RegisterContainer = ({
9985
10069
  default:
9986
10070
  return state;
9987
10071
  }
9988
- }, initialState$e);
10072
+ }, initialState$f);
9989
10073
  return /*#__PURE__*/React__default['default'].createElement("div", {
9990
10074
  style: { ...style
9991
10075
  },
9992
10076
  className: `pelcro-container pelcro-register-container ${className}`
9993
- }, /*#__PURE__*/React__default['default'].createElement(Provider$e, {
10077
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$f, {
9994
10078
  value: {
9995
10079
  state,
9996
10080
  dispatch
@@ -9998,12 +10082,12 @@ const RegisterContainer = ({
9998
10082
  }, children.length ? children.map((child, i) => {
9999
10083
  if (child) {
10000
10084
  return /*#__PURE__*/React__default['default'].cloneElement(child, {
10001
- store: store$e,
10085
+ store: store$f,
10002
10086
  key: i
10003
10087
  });
10004
10088
  }
10005
10089
  }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
10006
- store: store$e
10090
+ store: store$f
10007
10091
  })));
10008
10092
  };
10009
10093
  /**
@@ -10018,15 +10102,15 @@ function hasSecurityTokenEnabled$1() {
10018
10102
  return hasSecuritySdkLoaded;
10019
10103
  }
10020
10104
 
10021
- var _path$o;
10105
+ var _path$p;
10022
10106
 
10023
- 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); }
10024
10108
 
10025
10109
  function SvgFacebookLogo(props) {
10026
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
10110
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
10027
10111
  xmlns: "http://www.w3.org/2000/svg",
10028
10112
  viewBox: "88.428 12.828 107.543 207.085"
10029
- }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
10113
+ }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
10030
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",
10031
10115
  fill: "#3c5a9a"
10032
10116
  })));
@@ -10043,10 +10127,10 @@ const FacebookLoginButton = ({
10043
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;
10044
10128
  const {
10045
10129
  dispatch: loginDispatch
10046
- } = React.useContext(store$f);
10130
+ } = React.useContext(store$g);
10047
10131
  const {
10048
10132
  dispatch: registerDispatch
10049
- } = React.useContext(store$e);
10133
+ } = React.useContext(store$f);
10050
10134
 
10051
10135
  const onSuccess = facebookUser => {
10052
10136
  loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
@@ -10099,18 +10183,18 @@ var googleLogin = createCommonjsModule(function (module, exports) {
10099
10183
  unwrapExports(googleLogin);
10100
10184
  var googleLogin_1 = googleLogin.GoogleLogin;
10101
10185
 
10102
- var _path$n, _path2$2, _path3$1, _path4;
10186
+ var _path$o, _path2$3, _path3$1, _path4;
10103
10187
 
10104
- 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); }
10105
10189
 
10106
10190
  function SvgGoogleLogo(props) {
10107
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
10191
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
10108
10192
  viewBox: "0 0 24 24",
10109
10193
  xmlns: "http://www.w3.org/2000/svg"
10110
- }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
10194
+ }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
10111
10195
  fill: "#4285F4",
10112
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"
10113
- })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
10197
+ })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
10114
10198
  fill: "#34A853",
10115
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"
10116
10200
  })), _path3$1 || (_path3$1 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -10133,10 +10217,10 @@ const GoogleLoginButton = ({
10133
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;
10134
10218
  const {
10135
10219
  dispatch: loginDispatch
10136
- } = React.useContext(store$f);
10220
+ } = React.useContext(store$g);
10137
10221
  const {
10138
10222
  dispatch: registerDispatch
10139
- } = React.useContext(store$e);
10223
+ } = React.useContext(store$f);
10140
10224
 
10141
10225
  const onSuccess = response => {
10142
10226
  var _response$getAuthResp, _profile$getEmail, _profile$getGivenName, _profile$getFamilyNam, _profile$getEmail2, _profile$getGivenName2, _profile$getFamilyNam2;
@@ -10184,15 +10268,15 @@ const GoogleLoginButton = ({
10184
10268
  }) : null;
10185
10269
  };
10186
10270
 
10187
- var _path$m;
10271
+ var _path$n;
10188
10272
 
10189
- 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); }
10190
10274
 
10191
10275
  function SvgAuth0Logo(props) {
10192
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
10276
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
10193
10277
  viewBox: "0 0 256 285",
10194
10278
  xmlns: "http://www.w3.org/2000/svg"
10195
- }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
10279
+ }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
10196
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"
10197
10281
  })));
10198
10282
  }
@@ -10203,30 +10287,30 @@ const Auth0LoginButton = ({
10203
10287
  labelClassName = "",
10204
10288
  iconClassName = ""
10205
10289
  }) => {
10206
- if (!window.auth0 && window.Pelcro.site.read().auth0_client_id && window.Pelcro.site.read().auth0_base_url) {
10207
- console.error("Auth0 sdk script wasn't loaded, you need to load auth0 sdk before rendering the Auth0LoginButton");
10208
- }
10209
-
10210
- 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);
10211
10291
  const auth0InstanceRef = React__default['default'].useRef(null);
10212
10292
  React__default['default'].useEffect(() => {
10213
- if (auth0Enabled) {
10293
+ if (auth0Enabled && window.auth0 && auth0InstanceRef.current === null) {
10214
10294
  auth0InstanceRef.current = new window.auth0.WebAuth({
10215
10295
  domain: window.Pelcro.site.read().auth0_base_url,
10216
10296
  clientID: window.Pelcro.site.read().auth0_client_id
10217
10297
  });
10218
10298
  }
10219
- }, []);
10299
+ }, [auth0Enabled, window.auth0]);
10220
10300
  const {
10221
10301
  dispatch: loginDispatch
10222
- } = React.useContext(store$f);
10302
+ } = React.useContext(store$g);
10223
10303
  const {
10224
10304
  dispatch: registerDispatch
10225
- } = React.useContext(store$e);
10305
+ } = React.useContext(store$f);
10226
10306
 
10227
10307
  function handleClick() {
10228
10308
  var _auth0InstanceRef$cur, _auth0InstanceRef$cur2, _auth0InstanceRef$cur3;
10229
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
+
10230
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, {
10231
10315
  responseType: "token id_token",
10232
10316
  owp: true // close popup when finished
@@ -10351,19 +10435,19 @@ function LoginView(props) {
10351
10435
  }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null), /*#__PURE__*/React__default['default'].createElement(Auth0LoginButton, null))))));
10352
10436
  }
10353
10437
 
10354
- var _path$l, _path2$1, _path3;
10438
+ var _path$m, _path2$2, _path3;
10355
10439
 
10356
- 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); }
10357
10441
 
10358
10442
  function SvgPelcroAuthorship(props) {
10359
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
10443
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
10360
10444
  xmlns: "http://www.w3.org/2000/svg",
10361
10445
  viewBox: "0 -80.652 497.072 179.991"
10362
- }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
10446
+ }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
10363
10447
  fill: "none",
10364
10448
  stroke: "#4a4a4a",
10365
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"
10366
- })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
10450
+ })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
10367
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",
10368
10452
  fill: "#4a4a4a"
10369
10453
  })), _path3 || (_path3 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -10506,11 +10590,11 @@ function LoginModal({
10506
10590
  LoginModal.viewId = "login";
10507
10591
 
10508
10592
  const RegisterEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
10509
- store: store$e
10593
+ store: store$f
10510
10594
  }, props));
10511
10595
 
10512
10596
  const RegisterPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
10513
- store: store$e
10597
+ store: store$f
10514
10598
  }, props));
10515
10599
 
10516
10600
  const RegisterButton = ({
@@ -10530,7 +10614,7 @@ const RegisterButton = ({
10530
10614
  buttonDisabled
10531
10615
  },
10532
10616
  dispatch
10533
- } = React.useContext(store$e);
10617
+ } = React.useContext(store$f);
10534
10618
  const {
10535
10619
  t
10536
10620
  } = useTranslation("register");
@@ -10668,7 +10752,7 @@ function FirstName({
10668
10752
  }
10669
10753
 
10670
10754
  const RegisterFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
10671
- store: store$e
10755
+ store: store$f
10672
10756
  }, props));
10673
10757
 
10674
10758
  function LastName({
@@ -10699,7 +10783,7 @@ function LastName({
10699
10783
  }
10700
10784
 
10701
10785
  const RegisterLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
10702
- store: store$e
10786
+ store: store$f
10703
10787
  }, props));
10704
10788
 
10705
10789
  /**
@@ -10823,7 +10907,7 @@ function TextInput({
10823
10907
 
10824
10908
  const RegisterTextInput = props => {
10825
10909
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
10826
- store: store$e
10910
+ store: store$f
10827
10911
  }));
10828
10912
  };
10829
10913
 
@@ -10866,15 +10950,21 @@ function RegisterModal(props) {
10866
10950
  };
10867
10951
 
10868
10952
  const handleAfterRegistrationLogic = () => {
10869
- var _ReactGA$event;
10953
+ var _ReactGA$event, _window$Pelcro$site$r, _window$Pelcro$site$r2;
10870
10954
 
10871
10955
  ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
10872
10956
  category: "ACTIONS",
10873
10957
  action: "Registered",
10874
10958
  nonInteraction: true
10875
- }); // 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
+ }
10876
10965
 
10877
10966
  if (!product && !order && !giftCode) {
10967
+ // If product and plan are not selected
10878
10968
  return resetView();
10879
10969
  } // If this is a redeem gift
10880
10970
 
@@ -11144,7 +11234,7 @@ class SelectModal extends React.Component {
11144
11234
 
11145
11235
  const allProducts = (_window$Pelcro$produc = window.Pelcro.product.list()) !== null && _window$Pelcro$produc !== void 0 ? _window$Pelcro$produc : [];
11146
11236
  const productsThatMatchArticleTag = window.Pelcro.product.getByMatchingPageTags();
11147
- 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));
11148
11238
  return [productsThatMatchArticleTag, allProductsMinusMatched];
11149
11239
  }
11150
11240
  });
@@ -12833,7 +12923,7 @@ class PaypalGateWay {
12833
12923
 
12834
12924
  /** @type {PaymentStateType} */
12835
12925
 
12836
- const initialState$d = {
12926
+ const initialState$e = {
12837
12927
  disableSubmit: false,
12838
12928
  isLoading: false,
12839
12929
  disableCouponButton: false,
@@ -12852,10 +12942,10 @@ const initialState$d = {
12852
12942
  content: ""
12853
12943
  }
12854
12944
  };
12855
- const store$d = /*#__PURE__*/React.createContext(initialState$d);
12945
+ const store$e = /*#__PURE__*/React.createContext(initialState$e);
12856
12946
  const {
12857
- Provider: Provider$d
12858
- } = store$d;
12947
+ Provider: Provider$e
12948
+ } = store$e;
12859
12949
 
12860
12950
  const PaymentMethodContainerWithoutStripe = ({
12861
12951
  style,
@@ -13017,15 +13107,50 @@ const PaymentMethodContainerWithoutStripe = ({
13017
13107
  });
13018
13108
 
13019
13109
  if (err) {
13110
+ onFailure(err);
13111
+ dispatch({
13112
+ type: SET_COUPON_ERROR,
13113
+ payload: getErrorMessages(err)
13114
+ }); // remove current coupon
13115
+
13116
+ dispatch({
13117
+ type: SET_COUPON,
13118
+ payload: null
13119
+ });
13020
13120
  dispatch({
13021
13121
  type: SET_PERCENT_OFF,
13022
13122
  payload: ""
13023
13123
  });
13024
- onFailure(err);
13025
- return dispatch({
13026
- type: SET_COUPON_ERROR,
13027
- payload: getErrorMessages(err)
13124
+ dispatch({
13125
+ type: SET_UPDATED_PRICE,
13126
+ payload: null
13127
+ });
13128
+ dispatch({
13129
+ type: SET_TAX_AMOUNT,
13130
+ payload: null
13028
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;
13029
13154
  }
13030
13155
 
13031
13156
  dispatch({
@@ -13115,6 +13240,54 @@ const PaymentMethodContainerWithoutStripe = ({
13115
13240
 
13116
13241
  const debouncedApplyCouponCode = React.useRef(debounce(onApplyCouponCode, 1000)).current;
13117
13242
 
13243
+ const removeAppliedCoupon = state => {
13244
+ state.couponCode = "";
13245
+ dispatch({
13246
+ type: SET_COUPON_ERROR,
13247
+ payload: ""
13248
+ });
13249
+ dispatch({
13250
+ type: SHOW_COUPON_FIELD,
13251
+ payload: false
13252
+ });
13253
+ dispatch({
13254
+ type: SET_COUPON,
13255
+ payload: null
13256
+ });
13257
+ dispatch({
13258
+ type: SET_PERCENT_OFF,
13259
+ payload: ""
13260
+ });
13261
+ dispatch({
13262
+ type: SET_UPDATED_PRICE,
13263
+ payload: null
13264
+ });
13265
+ dispatch({
13266
+ type: SET_TAX_AMOUNT,
13267
+ payload: null
13268
+ });
13269
+ const {
13270
+ currentPlan
13271
+ } = state;
13272
+
13273
+ if (currentPlan) {
13274
+ var _currentPlan$quantity2;
13275
+
13276
+ const quantity = (_currentPlan$quantity2 = currentPlan.quantity) !== null && _currentPlan$quantity2 !== void 0 ? _currentPlan$quantity2 : 1;
13277
+ const price = currentPlan.amount;
13278
+ dispatch({
13279
+ type: SET_UPDATED_PRICE,
13280
+ // set original plan price
13281
+ payload: price * quantity
13282
+ });
13283
+ dispatch({
13284
+ type: UPDATE_PAYMENT_REQUEST
13285
+ }); // update the new amount with taxes if site has taxes enabled
13286
+
13287
+ updateTotalAmountWithTax();
13288
+ }
13289
+ };
13290
+
13118
13291
  const subscribe = (stripeSource, state, dispatch) => {
13119
13292
  const {
13120
13293
  couponCode
@@ -13732,6 +13905,9 @@ const PaymentMethodContainerWithoutStripe = ({
13732
13905
  disableCouponButton: true
13733
13906
  }, (state, dispatch) => onApplyCouponCode(state, dispatch));
13734
13907
 
13908
+ case REMOVE_APPLIED_COUPON:
13909
+ return lib_5(state, () => removeAppliedCoupon(state));
13910
+
13735
13911
  case SET_COUPON:
13736
13912
  return lib_7({ ...state,
13737
13913
  couponObject: action.payload
@@ -13760,21 +13936,21 @@ const PaymentMethodContainerWithoutStripe = ({
13760
13936
  default:
13761
13937
  return state;
13762
13938
  }
13763
- }, initialState$d);
13939
+ }, initialState$e);
13764
13940
  return /*#__PURE__*/React__default['default'].createElement("div", {
13765
13941
  style: { ...style
13766
13942
  },
13767
13943
  className: `pelcro-container pelcro-payment-container ${className}`
13768
- }, /*#__PURE__*/React__default['default'].createElement(Provider$d, {
13944
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$e, {
13769
13945
  value: {
13770
13946
  state,
13771
13947
  dispatch
13772
13948
  }
13773
13949
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
13774
- store: store$d,
13950
+ store: store$e,
13775
13951
  key: i
13776
13952
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
13777
- store: store$d
13953
+ store: store$e
13778
13954
  })));
13779
13955
  };
13780
13956
 
@@ -13796,7 +13972,7 @@ const PaymentMethodContainer = props => {
13796
13972
  stripeAccount: window.Pelcro.site.read().account_id,
13797
13973
  locale: getPageOrDefaultLanguage()
13798
13974
  }, /*#__PURE__*/React__default['default'].createElement(es_11, null, /*#__PURE__*/React__default['default'].createElement(UnwrappedForm, Object.assign({
13799
- store: store$d
13975
+ store: store$e
13800
13976
  }, props))));
13801
13977
  }
13802
13978
 
@@ -13849,7 +14025,7 @@ const PelcroPaymentRequestButton = props => {
13849
14025
  currentPlan,
13850
14026
  updatedPrice
13851
14027
  }
13852
- } = React.useContext(store$d);
14028
+ } = React.useContext(store$e);
13853
14029
 
13854
14030
  const updatePaymentRequest = () => {
13855
14031
  // Make sure payment request is up to date, eg. user added a coupon code.
@@ -13900,12 +14076,16 @@ const DiscountedPrice = props => {
13900
14076
  var _order$currency, _order$, _plan$quantity;
13901
14077
 
13902
14078
  const {
14079
+ t
14080
+ } = useTranslation("checkoutForm");
14081
+ const {
14082
+ dispatch,
13903
14083
  state: {
13904
14084
  updatedPrice,
13905
14085
  taxAmount,
13906
14086
  percentOff
13907
14087
  }
13908
- } = React.useContext(store$d);
14088
+ } = React.useContext(store$e);
13909
14089
  const {
13910
14090
  order,
13911
14091
  plan
@@ -13915,12 +14095,22 @@ const DiscountedPrice = props => {
13915
14095
  const discountedPriceWithoutTax = updatedPrice - taxAmount;
13916
14096
  const priceFormatted = getFormattedPriceByLocal(order ? updatedPrice : discountedPriceWithoutTax * planQuantity, ecommOrderCurrency !== null && ecommOrderCurrency !== void 0 ? ecommOrderCurrency : plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
13917
14097
 
14098
+ const onCouponRemove = () => {
14099
+ dispatch({
14100
+ type: REMOVE_APPLIED_COUPON
14101
+ });
14102
+ };
14103
+
13918
14104
  if (percentOff) {
13919
14105
  return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
13920
- className: "plc-flex plc-justify-center plc-mt-2 pelcro-discount"
13921
- }, props), "(-", percentOff, ")", " ", /*#__PURE__*/React__default['default'].createElement("span", {
13922
- className: "plc-font-bold pelcro-discounted-price"
13923
- }, priceFormatted));
14106
+ className: "plc-flex plc-items-center plc-justify-center plc-mt-2 pelcro-discount"
14107
+ }, props), "(-", percentOff, ")", /*#__PURE__*/React__default['default'].createElement("span", {
14108
+ className: "plc-ml-1 plc-font-bold pelcro-discounted-price"
14109
+ }, priceFormatted), /*#__PURE__*/React__default['default'].createElement(Button, {
14110
+ variant: "ghost",
14111
+ className: "plc-ml-2 plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
14112
+ onClick: onCouponRemove
14113
+ }, "\u2715 ", t("labels.removeCoupon")));
13924
14114
  }
13925
14115
 
13926
14116
  return "";
@@ -13945,7 +14135,7 @@ const SubmitPaymentMethod = ({
13945
14135
  isLoading,
13946
14136
  updatedPrice
13947
14137
  }
13948
- } = React.useContext(store$d);
14138
+ } = React.useContext(store$e);
13949
14139
  const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
13950
14140
  const price = updatedPrice !== null && updatedPrice !== void 0 ? updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount;
13951
14141
  const priceFormatted = getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
@@ -13966,17 +14156,17 @@ const SubmitPaymentMethod = ({
13966
14156
  }, t("labels.pay"), " ", priceFormatted && priceFormatted) : t("labels.submit"));
13967
14157
  };
13968
14158
 
13969
- var _path$k;
14159
+ var _path$l;
13970
14160
 
13971
- 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); }
13972
14162
 
13973
14163
  function SvgArrowLeft(props) {
13974
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
14164
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
13975
14165
  xmlns: "http://www.w3.org/2000/svg",
13976
14166
  fill: "none",
13977
14167
  viewBox: "0 0 24 24",
13978
14168
  stroke: "currentColor"
13979
- }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
14169
+ }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
13980
14170
  strokeLinecap: "round",
13981
14171
  strokeLinejoin: "round",
13982
14172
  strokeWidth: 2,
@@ -13995,7 +14185,7 @@ const ApplyCouponButton = ({
13995
14185
  disableCouponButton
13996
14186
  },
13997
14187
  dispatch
13998
- } = React.useContext(store$d);
14188
+ } = React.useContext(store$e);
13999
14189
  const {
14000
14190
  t
14001
14191
  } = useTranslation("checkoutForm");
@@ -14029,7 +14219,7 @@ const CouponCodeField = props => {
14029
14219
  couponCode,
14030
14220
  couponError
14031
14221
  }
14032
- } = React.useContext(store$d);
14222
+ } = React.useContext(store$e);
14033
14223
 
14034
14224
  const onCouponCodeChange = e => {
14035
14225
  dispatch({
@@ -14058,17 +14248,17 @@ const CouponCodeField = props => {
14058
14248
  }, props));
14059
14249
  };
14060
14250
 
14061
- var _path$j;
14251
+ var _path$k;
14062
14252
 
14063
- 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); }
14064
14254
 
14065
14255
  function SvgTicket(props) {
14066
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
14256
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
14067
14257
  xmlns: "http://www.w3.org/2000/svg",
14068
14258
  fill: "none",
14069
14259
  viewBox: "0 0 24 24",
14070
14260
  stroke: "currentColor"
14071
- }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
14261
+ }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
14072
14262
  strokeLinecap: "round",
14073
14263
  strokeLinejoin: "round",
14074
14264
  strokeWidth: 2,
@@ -14085,7 +14275,7 @@ const CouponCode = ({
14085
14275
  state: {
14086
14276
  enableCouponField
14087
14277
  }
14088
- } = React.useContext(store$d);
14278
+ } = React.useContext(store$e);
14089
14279
  const {
14090
14280
  t
14091
14281
  } = useTranslation("checkoutForm");
@@ -14342,7 +14532,7 @@ const PaypalSubscribeButton = props => {
14342
14532
  const {
14343
14533
  dispatch,
14344
14534
  state
14345
- } = React.useContext(store$d);
14535
+ } = React.useContext(store$e);
14346
14536
  const {
14347
14537
  product,
14348
14538
  plan,
@@ -14427,16 +14617,16 @@ const BankRedirection = () => {
14427
14617
  }));
14428
14618
  };
14429
14619
 
14430
- var _path$i;
14620
+ var _path$j;
14431
14621
 
14432
- 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); }
14433
14623
 
14434
14624
  function SvgLock(props) {
14435
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
14625
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
14436
14626
  xmlns: "http://www.w3.org/2000/svg",
14437
14627
  viewBox: "0 0 20 20",
14438
14628
  fill: "currentColor"
14439
- }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
14629
+ }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
14440
14630
  fillRule: "evenodd",
14441
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",
14442
14632
  clipRule: "evenodd"
@@ -14453,7 +14643,7 @@ const SelectedPaymentMethod = () => {
14453
14643
  state: {
14454
14644
  isLoading
14455
14645
  }
14456
- } = React.useContext(store$d);
14646
+ } = React.useContext(store$e);
14457
14647
  const {
14458
14648
  switchView,
14459
14649
  selectedPaymentMethodId
@@ -14495,7 +14685,7 @@ const TaxAmount = () => {
14495
14685
  state: {
14496
14686
  taxAmount
14497
14687
  }
14498
- } = React.useContext(store$d);
14688
+ } = React.useContext(store$e);
14499
14689
  const {
14500
14690
  plan
14501
14691
  } = usePelcro();
@@ -14658,12 +14848,12 @@ function SubscriptionRenewModal({
14658
14848
  }
14659
14849
  SubscriptionRenewModal.viewId = "subscription-renew";
14660
14850
 
14661
- var _path$h;
14851
+ var _path$i;
14662
14852
 
14663
- 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); }
14664
14854
 
14665
14855
  function SvgGift(props) {
14666
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
14856
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
14667
14857
  className: "plc-w-6 plc-h-6 plc-mr-2",
14668
14858
  fill: "none",
14669
14859
  stroke: "currentColor",
@@ -14672,7 +14862,7 @@ function SvgGift(props) {
14672
14862
  strokeWidth: 2,
14673
14863
  viewBox: "0 0 24 24",
14674
14864
  xmlns: "http://www.w3.org/2000/svg"
14675
- }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
14865
+ }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
14676
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"
14677
14867
  })));
14678
14868
  }
@@ -15003,7 +15193,7 @@ class DefaultNewsLetter extends React.Component {
15003
15193
 
15004
15194
  const NewsLetter = withTranslation("newsletter")(DefaultNewsLetter);
15005
15195
 
15006
- const initialState$c = {
15196
+ const initialState$d = {
15007
15197
  didSubToNewslettersBefore: false,
15008
15198
  newsletters: [],
15009
15199
  isListLoading: true,
@@ -15013,10 +15203,10 @@ const initialState$c = {
15013
15203
  content: ""
15014
15204
  }
15015
15205
  };
15016
- const store$c = /*#__PURE__*/React.createContext(initialState$c);
15206
+ const store$d = /*#__PURE__*/React.createContext(initialState$d);
15017
15207
  const {
15018
- Provider: Provider$c
15019
- } = store$c;
15208
+ Provider: Provider$d
15209
+ } = store$d;
15020
15210
 
15021
15211
  const NewsletterUpdateContainer = ({
15022
15212
  style,
@@ -15129,7 +15319,7 @@ const NewsletterUpdateContainer = ({
15129
15319
  default:
15130
15320
  return state;
15131
15321
  }
15132
- }, initialState$c);
15322
+ }, initialState$d);
15133
15323
  React.useEffect(() => {
15134
15324
  const getUserNewsletters = () => {
15135
15325
  var _window$Pelcro$user$r3, _window$Pelcro$user$r4;
@@ -15173,7 +15363,7 @@ const NewsletterUpdateContainer = ({
15173
15363
  style: { ...style
15174
15364
  },
15175
15365
  className: `pelcro-container pelcro-newsletter-update-container ${className}`
15176
- }, /*#__PURE__*/React__default['default'].createElement(Provider$c, {
15366
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$d, {
15177
15367
  value: {
15178
15368
  state,
15179
15369
  dispatch
@@ -15181,12 +15371,12 @@ const NewsletterUpdateContainer = ({
15181
15371
  }, children.length ? children.map((child, i) => {
15182
15372
  if (child) {
15183
15373
  return /*#__PURE__*/React__default['default'].cloneElement(child, {
15184
- store: store$c,
15374
+ store: store$d,
15185
15375
  key: i
15186
15376
  });
15187
15377
  }
15188
15378
  }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
15189
- store: store$c
15379
+ store: store$d
15190
15380
  })));
15191
15381
  };
15192
15382
 
@@ -15201,7 +15391,7 @@ const NewsletterUpdateButton = ({
15201
15391
  isSubmitting,
15202
15392
  isListLoading
15203
15393
  }
15204
- } = React.useContext(store$c);
15394
+ } = React.useContext(store$d);
15205
15395
  const {
15206
15396
  t
15207
15397
  } = useTranslation("newsletter");
@@ -15231,7 +15421,7 @@ const NewsletterUpdateList = () => {
15231
15421
  newsletters,
15232
15422
  isListLoading
15233
15423
  }
15234
- } = React.useContext(store$c);
15424
+ } = React.useContext(store$d);
15235
15425
 
15236
15426
  if (isListLoading) {
15237
15427
  return /*#__PURE__*/React__default['default'].createElement(Loader, {
@@ -15435,7 +15625,7 @@ function SubscriptionCreateModal({
15435
15625
  SubscriptionCreateModal.viewId = "subscription-create";
15436
15626
 
15437
15627
  var _window$Pelcro$user$r, _window$Pelcro$user$r2, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5;
15438
- const initialState$b = {
15628
+ const initialState$c = {
15439
15629
  email: (_window$Pelcro$user$r = window.Pelcro.user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : _window$Pelcro$user$r.email,
15440
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,
15441
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,
@@ -15448,10 +15638,10 @@ const initialState$b = {
15448
15638
  content: ""
15449
15639
  }
15450
15640
  };
15451
- const store$b = /*#__PURE__*/React.createContext(initialState$b);
15641
+ const store$c = /*#__PURE__*/React.createContext(initialState$c);
15452
15642
  const {
15453
- Provider: Provider$b
15454
- } = store$b;
15643
+ Provider: Provider$c
15644
+ } = store$c;
15455
15645
 
15456
15646
  const UserUpdateContainer = ({
15457
15647
  style,
@@ -15583,27 +15773,27 @@ const UserUpdateContainer = ({
15583
15773
  default:
15584
15774
  return state;
15585
15775
  }
15586
- }, initialState$b);
15776
+ }, initialState$c);
15587
15777
  return /*#__PURE__*/React__default['default'].createElement("div", {
15588
15778
  style: { ...style
15589
15779
  },
15590
15780
  className: `pelcro-container pelcro-user-update-container ${className}`
15591
- }, /*#__PURE__*/React__default['default'].createElement(Provider$b, {
15781
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$c, {
15592
15782
  value: {
15593
15783
  state,
15594
15784
  dispatch
15595
15785
  }
15596
15786
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
15597
- store: store$b,
15787
+ store: store$c,
15598
15788
  key: i
15599
15789
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
15600
- store: store$b
15790
+ store: store$c
15601
15791
  })));
15602
15792
  };
15603
15793
 
15604
15794
  const UserUpdateEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
15605
15795
  disabled: true,
15606
- store: store$b
15796
+ store: store$c
15607
15797
  }, props));
15608
15798
 
15609
15799
  const UserUpdateButton = ({
@@ -15616,7 +15806,7 @@ const UserUpdateButton = ({
15616
15806
  buttonDisabled
15617
15807
  },
15618
15808
  dispatch
15619
- } = React.useContext(store$b);
15809
+ } = React.useContext(store$c);
15620
15810
  const {
15621
15811
  t
15622
15812
  } = useTranslation("userEdit");
@@ -15633,11 +15823,11 @@ const UserUpdateButton = ({
15633
15823
  };
15634
15824
 
15635
15825
  const UserUpdateFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
15636
- store: store$b
15826
+ store: store$c
15637
15827
  }, props));
15638
15828
 
15639
15829
  const UserUpdateLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
15640
- store: store$b
15830
+ store: store$c
15641
15831
  }, props));
15642
15832
 
15643
15833
  function Phone({
@@ -15666,22 +15856,22 @@ function Phone({
15666
15856
  }
15667
15857
 
15668
15858
  const UserUpdatePhone = props => /*#__PURE__*/React__default['default'].createElement(Phone, Object.assign({
15669
- store: store$b
15859
+ store: store$c
15670
15860
  }, props));
15671
15861
 
15672
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";
15673
15863
 
15674
- var _path$g;
15864
+ var _path$h;
15675
15865
 
15676
- 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); }
15677
15867
 
15678
15868
  function SvgEdit(props) {
15679
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
15869
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
15680
15870
  className: "plc-w-6 plc-h-6",
15681
15871
  xmlns: "http://www.w3.org/2000/svg",
15682
15872
  viewBox: "0 0 20 20",
15683
15873
  fill: "currentColor"
15684
- }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
15874
+ }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
15685
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"
15686
15876
  })));
15687
15877
  }
@@ -15813,16 +16003,16 @@ function DisplayName({
15813
16003
  }
15814
16004
 
15815
16005
  const UserUpdateDisplayName = props => /*#__PURE__*/React__default['default'].createElement(DisplayName, Object.assign({
15816
- store: store$b
16006
+ store: store$c
15817
16007
  }, props));
15818
16008
 
15819
16009
  const UserUpdateTextInput = props => {
15820
16010
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
15821
- store: store$b
16011
+ store: store$c
15822
16012
  }));
15823
16013
  };
15824
16014
 
15825
- const initialState$a = {
16015
+ const initialState$b = {
15826
16016
  isSubmitting: false,
15827
16017
  firstName: "",
15828
16018
  firstNameError: "",
@@ -15847,10 +16037,10 @@ const initialState$a = {
15847
16037
  content: ""
15848
16038
  }
15849
16039
  };
15850
- const store$a = /*#__PURE__*/React.createContext(initialState$a);
16040
+ const store$b = /*#__PURE__*/React.createContext(initialState$b);
15851
16041
  const {
15852
- Provider: Provider$a
15853
- } = store$a;
16042
+ Provider: Provider$b
16043
+ } = store$b;
15854
16044
 
15855
16045
  const getNewlyCreatedAddress = addresses => addresses[addresses.length - 1];
15856
16046
 
@@ -16057,7 +16247,7 @@ const AddressCreateContainer = ({
16057
16247
  default:
16058
16248
  return state;
16059
16249
  }
16060
- }, initialState$a);
16250
+ }, initialState$b);
16061
16251
  React.useEffect(() => {
16062
16252
  const getStates = () => {
16063
16253
  dispatch({
@@ -16089,16 +16279,16 @@ const AddressCreateContainer = ({
16089
16279
  style: { ...style
16090
16280
  },
16091
16281
  className: `pelcro-container pelcro-address-create-container ${className}`
16092
- }, /*#__PURE__*/React__default['default'].createElement(Provider$a, {
16282
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$b, {
16093
16283
  value: {
16094
16284
  state,
16095
16285
  dispatch
16096
16286
  }
16097
16287
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
16098
- store: store$a,
16288
+ store: store$b,
16099
16289
  key: i
16100
16290
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
16101
- store: store$a
16291
+ store: store$b
16102
16292
  })));
16103
16293
  };
16104
16294
 
@@ -16109,7 +16299,7 @@ function AddressCreateFirstName(props) {
16109
16299
  firstName,
16110
16300
  firstNameError
16111
16301
  }
16112
- } = React.useContext(store$a);
16302
+ } = React.useContext(store$b);
16113
16303
 
16114
16304
  const handleBlur = () => {
16115
16305
  return dispatch({
@@ -16152,7 +16342,7 @@ function AddressCreateLastName(props) {
16152
16342
  lastName,
16153
16343
  lastNameError
16154
16344
  }
16155
- } = React.useContext(store$a);
16345
+ } = React.useContext(store$b);
16156
16346
 
16157
16347
  const handleBlur = () => {
16158
16348
  return dispatch({
@@ -16195,7 +16385,7 @@ function AddressCreateLine1(props) {
16195
16385
  line1,
16196
16386
  line1Error
16197
16387
  }
16198
- } = React.useContext(store$a);
16388
+ } = React.useContext(store$b);
16199
16389
 
16200
16390
  const handleBlur = () => {
16201
16391
  return dispatch({
@@ -16238,7 +16428,7 @@ function AddressCreateCity(props) {
16238
16428
  city,
16239
16429
  cityError
16240
16430
  }
16241
- } = React.useContext(store$a);
16431
+ } = React.useContext(store$b);
16242
16432
 
16243
16433
  const handleBlur = () => {
16244
16434
  return dispatch({
@@ -16281,7 +16471,7 @@ function AddressCreatePostalCode(props) {
16281
16471
  postalCode,
16282
16472
  postalCodeError
16283
16473
  }
16284
- } = React.useContext(store$a);
16474
+ } = React.useContext(store$b);
16285
16475
 
16286
16476
  const handleBlur = () => {
16287
16477
  return dispatch({
@@ -16327,7 +16517,7 @@ const AddressCreateSubmit = ({
16327
16517
  state: {
16328
16518
  isSubmitting
16329
16519
  }
16330
- } = React.useContext(store$a);
16520
+ } = React.useContext(store$b);
16331
16521
  const {
16332
16522
  t
16333
16523
  } = useTranslation("address");
@@ -16438,7 +16628,7 @@ function CountrySelect({
16438
16628
  }
16439
16629
 
16440
16630
  const AddressCreateCountrySelect = props => /*#__PURE__*/React__default['default'].createElement(CountrySelect, Object.assign({
16441
- store: store$a
16631
+ store: store$b
16442
16632
  }, props));
16443
16633
 
16444
16634
  function StateSelect({
@@ -16526,7 +16716,7 @@ function StateSelect({
16526
16716
  }
16527
16717
 
16528
16718
  const AddressCreateStateSelect = props => /*#__PURE__*/React__default['default'].createElement(StateSelect, Object.assign({
16529
- store: store$a
16719
+ store: store$b
16530
16720
  }, props));
16531
16721
 
16532
16722
  const AddressCreateView = props => {
@@ -16631,18 +16821,18 @@ AddressCreateModal.viewId = "address-create";
16631
16821
 
16632
16822
  const AddressCreateTextInput = props => {
16633
16823
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
16634
- store: store$a
16824
+ store: store$b
16635
16825
  }));
16636
16826
  };
16637
16827
 
16638
16828
  const AddressCreateLine2 = props => {
16639
16829
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({
16640
16830
  fieldName: "line2",
16641
- store: store$a
16831
+ store: store$b
16642
16832
  }, props));
16643
16833
  };
16644
16834
 
16645
- const initialState$9 = {
16835
+ const initialState$a = {
16646
16836
  isSubmitting: false,
16647
16837
  firstName: "",
16648
16838
  firstNameError: "",
@@ -16667,10 +16857,10 @@ const initialState$9 = {
16667
16857
  content: ""
16668
16858
  }
16669
16859
  };
16670
- const store$9 = /*#__PURE__*/React.createContext(initialState$9);
16860
+ const store$a = /*#__PURE__*/React.createContext(initialState$a);
16671
16861
  const {
16672
- Provider: Provider$9
16673
- } = store$9;
16862
+ Provider: Provider$a
16863
+ } = store$a;
16674
16864
 
16675
16865
  const AddressUpdateContainer = ({
16676
16866
  style,
@@ -16722,7 +16912,7 @@ const AddressUpdateContainer = ({
16722
16912
  const thisAddress = addresses[address];
16723
16913
 
16724
16914
  if (+thisAddress.id === +addressId) {
16725
- const newState = { ...initialState$9,
16915
+ const newState = { ...initialState$a,
16726
16916
  firstName: thisAddress.first_name,
16727
16917
  lastName: thisAddress.last_name,
16728
16918
  line1: thisAddress.line1,
@@ -16855,7 +17045,7 @@ const AddressUpdateContainer = ({
16855
17045
  default:
16856
17046
  return state;
16857
17047
  }
16858
- }, initialState$9);
17048
+ }, initialState$a);
16859
17049
  React.useEffect(() => {
16860
17050
  const getStates = () => {
16861
17051
  dispatch({
@@ -16887,21 +17077,21 @@ const AddressUpdateContainer = ({
16887
17077
  style: { ...style
16888
17078
  },
16889
17079
  className: `pelcro-container pelcro-address-update-container ${className}`
16890
- }, /*#__PURE__*/React__default['default'].createElement(Provider$9, {
17080
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$a, {
16891
17081
  value: {
16892
17082
  state,
16893
17083
  dispatch
16894
17084
  }
16895
17085
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
16896
- store: store$9,
17086
+ store: store$a,
16897
17087
  key: i
16898
17088
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
16899
- store: store$9
17089
+ store: store$a
16900
17090
  })));
16901
17091
  };
16902
17092
 
16903
17093
  const AddressUpdateCountrySelect = props => /*#__PURE__*/React__default['default'].createElement(CountrySelect, Object.assign({
16904
- store: store$9
17094
+ store: store$a
16905
17095
  }, props));
16906
17096
 
16907
17097
  function AddressUpdateFirstName(props) {
@@ -16911,7 +17101,7 @@ function AddressUpdateFirstName(props) {
16911
17101
  firstName,
16912
17102
  firstNameError
16913
17103
  }
16914
- } = React.useContext(store$9);
17104
+ } = React.useContext(store$a);
16915
17105
 
16916
17106
  const handleBlur = () => {
16917
17107
  return dispatch({
@@ -16954,7 +17144,7 @@ function AddressUpdateLastName(props) {
16954
17144
  lastName,
16955
17145
  lastNameError
16956
17146
  }
16957
- } = React.useContext(store$9);
17147
+ } = React.useContext(store$a);
16958
17148
 
16959
17149
  const handleBlur = () => {
16960
17150
  return dispatch({
@@ -16997,7 +17187,7 @@ function AddressUpdateLine1(props) {
16997
17187
  line1,
16998
17188
  line1Error
16999
17189
  }
17000
- } = React.useContext(store$9);
17190
+ } = React.useContext(store$a);
17001
17191
 
17002
17192
  const handleBlur = () => {
17003
17193
  return dispatch({
@@ -17037,7 +17227,7 @@ const AddressUpdateLine2 = props => {
17037
17227
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({
17038
17228
  fieldName: "line2"
17039
17229
  }, props, {
17040
- store: store$9
17230
+ store: store$a
17041
17231
  }));
17042
17232
  };
17043
17233
 
@@ -17048,7 +17238,7 @@ function AddressUpdateCity(props) {
17048
17238
  city,
17049
17239
  cityError
17050
17240
  }
17051
- } = React.useContext(store$9);
17241
+ } = React.useContext(store$a);
17052
17242
 
17053
17243
  const handleBlur = () => {
17054
17244
  return dispatch({
@@ -17091,7 +17281,7 @@ function AddressUpdatePostalCode(props) {
17091
17281
  postalCode,
17092
17282
  postalCodeError
17093
17283
  }
17094
- } = React.useContext(store$9);
17284
+ } = React.useContext(store$a);
17095
17285
 
17096
17286
  const handleBlur = () => {
17097
17287
  return dispatch({
@@ -17137,7 +17327,7 @@ const AddressUpdateSubmit = ({
17137
17327
  state: {
17138
17328
  isSubmitting
17139
17329
  }
17140
- } = React.useContext(store$9);
17330
+ } = React.useContext(store$a);
17141
17331
  const {
17142
17332
  t
17143
17333
  } = useTranslation("address");
@@ -17153,7 +17343,7 @@ const AddressUpdateSubmit = ({
17153
17343
  };
17154
17344
 
17155
17345
  const AddressUpdateStateSelect = props => /*#__PURE__*/React__default['default'].createElement(StateSelect, Object.assign({
17156
- store: store$9
17346
+ store: store$a
17157
17347
  }, props));
17158
17348
 
17159
17349
  const AddressUpdateView = props => {
@@ -17236,7 +17426,7 @@ AddressUpdateModal.viewId = "address-edit";
17236
17426
 
17237
17427
  const AddressUpdateTextInput = props => {
17238
17428
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
17239
- store: store$9
17429
+ store: store$a
17240
17430
  }));
17241
17431
  };
17242
17432
 
@@ -17319,7 +17509,7 @@ const PaymentMethodUpdateModal = props => {
17319
17509
  };
17320
17510
  PaymentMethodUpdateModal.viewId = "payment-method-update";
17321
17511
 
17322
- const initialState$8 = {
17512
+ const initialState$9 = {
17323
17513
  email: "",
17324
17514
  password: "",
17325
17515
  passwordError: null,
@@ -17332,10 +17522,10 @@ const initialState$8 = {
17332
17522
  content: ""
17333
17523
  }
17334
17524
  };
17335
- const store$8 = /*#__PURE__*/React.createContext(initialState$8);
17525
+ const store$9 = /*#__PURE__*/React.createContext(initialState$9);
17336
17526
  const {
17337
- Provider: Provider$8
17338
- } = store$8;
17527
+ Provider: Provider$9
17528
+ } = store$9;
17339
17529
 
17340
17530
  const PasswordResetContainer = ({
17341
17531
  style,
@@ -17392,7 +17582,7 @@ const PasswordResetContainer = ({
17392
17582
  type: SET_EMAIL,
17393
17583
  payload: window.Pelcro.helpers.getURLParameter("email")
17394
17584
  });
17395
- initialState$8.email = window.Pelcro.helpers.getURLParameter("email");
17585
+ initialState$9.email = window.Pelcro.helpers.getURLParameter("email");
17396
17586
  dispatch({
17397
17587
  type: SET_TOKEN,
17398
17588
  payload: window.Pelcro.helpers.getURLParameter("token")
@@ -17452,26 +17642,26 @@ const PasswordResetContainer = ({
17452
17642
  default:
17453
17643
  return state;
17454
17644
  }
17455
- }, initialState$8);
17645
+ }, initialState$9);
17456
17646
  return /*#__PURE__*/React__default['default'].createElement("div", {
17457
17647
  style: { ...style
17458
17648
  },
17459
17649
  className: `pelcro-container pelcro-password-reset-container ${className}`
17460
- }, /*#__PURE__*/React__default['default'].createElement(Provider$8, {
17650
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$9, {
17461
17651
  value: {
17462
17652
  state,
17463
17653
  dispatch
17464
17654
  }
17465
17655
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
17466
- store: store$8,
17656
+ store: store$9,
17467
17657
  key: i
17468
17658
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
17469
- store: store$8
17659
+ store: store$9
17470
17660
  })));
17471
17661
  };
17472
17662
 
17473
17663
  const PasswordResetPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
17474
- store: store$8
17664
+ store: store$9
17475
17665
  }, props));
17476
17666
 
17477
17667
  const PasswordResetButton = ({
@@ -17484,7 +17674,7 @@ const PasswordResetButton = ({
17484
17674
  buttonDisabled
17485
17675
  },
17486
17676
  dispatch
17487
- } = React.useContext(store$8);
17677
+ } = React.useContext(store$9);
17488
17678
  const {
17489
17679
  t
17490
17680
  } = useTranslation("passwordReset");
@@ -17501,14 +17691,14 @@ const PasswordResetButton = ({
17501
17691
  };
17502
17692
 
17503
17693
  const PasswordResetEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
17504
- store: store$8
17694
+ store: store$9
17505
17695
  }, props, {
17506
17696
  value: window.Pelcro.helpers.getURLParameter("email"),
17507
17697
  disabled: true
17508
17698
  }));
17509
17699
 
17510
17700
  const PasswordResetConfirmPassword = props => /*#__PURE__*/React__default['default'].createElement(ConfirmPassword, Object.assign({
17511
- store: store$8
17701
+ store: store$9
17512
17702
  }, props));
17513
17703
 
17514
17704
  const PasswordResetView = props => {
@@ -17560,7 +17750,7 @@ const PasswordResetModal = ({
17560
17750
  };
17561
17751
  PasswordResetModal.viewId = "password-reset";
17562
17752
 
17563
- const initialState$7 = {
17753
+ const initialState$8 = {
17564
17754
  email: "",
17565
17755
  emailError: null,
17566
17756
  buttonDisabled: false,
@@ -17569,10 +17759,10 @@ const initialState$7 = {
17569
17759
  content: ""
17570
17760
  }
17571
17761
  };
17572
- const store$7 = /*#__PURE__*/React.createContext(initialState$7);
17762
+ const store$8 = /*#__PURE__*/React.createContext(initialState$8);
17573
17763
  const {
17574
- Provider: Provider$7
17575
- } = store$7;
17764
+ Provider: Provider$8
17765
+ } = store$8;
17576
17766
 
17577
17767
  const PasswordForgotContainer = ({
17578
17768
  style,
@@ -17650,21 +17840,21 @@ const PasswordForgotContainer = ({
17650
17840
  default:
17651
17841
  return state;
17652
17842
  }
17653
- }, initialState$7);
17843
+ }, initialState$8);
17654
17844
  return /*#__PURE__*/React__default['default'].createElement("div", {
17655
17845
  style: { ...style
17656
17846
  },
17657
17847
  className: `pelcro-container pelcro-password-forgot-container ${className}`
17658
- }, /*#__PURE__*/React__default['default'].createElement(Provider$7, {
17848
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$8, {
17659
17849
  value: {
17660
17850
  state,
17661
17851
  dispatch
17662
17852
  }
17663
17853
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
17664
- store: store$7,
17854
+ store: store$8,
17665
17855
  key: i
17666
17856
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
17667
- store: store$7
17857
+ store: store$8
17668
17858
  })));
17669
17859
  };
17670
17860
 
@@ -17680,7 +17870,7 @@ const PasswordForgotButton = ({
17680
17870
  emailError
17681
17871
  },
17682
17872
  dispatch
17683
- } = React.useContext(store$7);
17873
+ } = React.useContext(store$8);
17684
17874
  const {
17685
17875
  t
17686
17876
  } = useTranslation("passwordForgot");
@@ -17701,7 +17891,7 @@ const PasswordForgotButton = ({
17701
17891
  };
17702
17892
 
17703
17893
  const PasswordForgotEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
17704
- store: store$7
17894
+ store: store$8
17705
17895
  }, props));
17706
17896
 
17707
17897
  const PasswordForgotView = props => {
@@ -17751,7 +17941,7 @@ const PasswordForgotModal = ({
17751
17941
  };
17752
17942
  PasswordForgotModal.viewId = "password-forgot";
17753
17943
 
17754
- const initialState$6 = {
17944
+ const initialState$7 = {
17755
17945
  currentPassword: "",
17756
17946
  newPassword: "",
17757
17947
  confirmNewPassword: "",
@@ -17765,10 +17955,10 @@ const initialState$6 = {
17765
17955
  content: ""
17766
17956
  }
17767
17957
  };
17768
- const store$6 = /*#__PURE__*/React.createContext(initialState$6);
17958
+ const store$7 = /*#__PURE__*/React.createContext(initialState$7);
17769
17959
  const {
17770
- Provider: Provider$6
17771
- } = store$6;
17960
+ Provider: Provider$7
17961
+ } = store$7;
17772
17962
  const PasswordChangeContainer = ({
17773
17963
  style,
17774
17964
  className = "",
@@ -17920,21 +18110,21 @@ const PasswordChangeContainer = ({
17920
18110
  default:
17921
18111
  return state;
17922
18112
  }
17923
- }, initialState$6);
18113
+ }, initialState$7);
17924
18114
  return /*#__PURE__*/React__default['default'].createElement("div", {
17925
18115
  style: { ...style
17926
18116
  },
17927
18117
  className: `pelcro-container pelcro-password-change-container ${className}`
17928
- }, /*#__PURE__*/React__default['default'].createElement(Provider$6, {
18118
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$7, {
17929
18119
  value: {
17930
18120
  state,
17931
18121
  dispatch
17932
18122
  }
17933
18123
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
17934
- store: store$6,
18124
+ store: store$7,
17935
18125
  key: i
17936
18126
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
17937
- store: store$6
18127
+ store: store$7
17938
18128
  })));
17939
18129
  };
17940
18130
 
@@ -17945,7 +18135,7 @@ function PasswordChangeCurrentPassword(props) {
17945
18135
  currentPassword,
17946
18136
  currentPasswordError
17947
18137
  }
17948
- } = React.useContext(store$6);
18138
+ } = React.useContext(store$7);
17949
18139
  const handleBlur = React.useCallback(() => {
17950
18140
  return dispatch({
17951
18141
  type: VALIDATE_PASSWORD
@@ -17979,7 +18169,7 @@ function PasswordChangeNewPassword(props) {
17979
18169
  newPassword,
17980
18170
  newPasswordError
17981
18171
  }
17982
- } = React.useContext(store$6);
18172
+ } = React.useContext(store$7);
17983
18173
  const handleBlur = React.useCallback(() => {
17984
18174
  return dispatch({
17985
18175
  type: VALIDATE_NEW_PASSWORD
@@ -18013,7 +18203,7 @@ function PasswordChangeConfirmNewPassword(props) {
18013
18203
  confirmNewPassword,
18014
18204
  confirmNewPasswordError
18015
18205
  }
18016
- } = React.useContext(store$6);
18206
+ } = React.useContext(store$7);
18017
18207
  const handleBlur = React.useCallback(() => {
18018
18208
  return dispatch({
18019
18209
  type: VALIDATE_CONFIRM_NEW_PASSWORD
@@ -18054,7 +18244,7 @@ const PasswordChangeButton = ({
18054
18244
  confirmNewPasswordError
18055
18245
  },
18056
18246
  dispatch
18057
- } = React.useContext(store$6);
18247
+ } = React.useContext(store$7);
18058
18248
  const {
18059
18249
  t
18060
18250
  } = useTranslation("passwordChange");
@@ -18120,17 +18310,17 @@ const PasswordChangeModal = ({
18120
18310
  };
18121
18311
  PasswordChangeModal.viewId = "password-change";
18122
18312
 
18123
- const initialState$5 = {
18313
+ const initialState$6 = {
18124
18314
  buttonDisabled: false,
18125
18315
  alert: {
18126
18316
  type: "error",
18127
18317
  content: ""
18128
18318
  }
18129
18319
  };
18130
- const store$5 = /*#__PURE__*/React.createContext(initialState$5);
18320
+ const store$6 = /*#__PURE__*/React.createContext(initialState$6);
18131
18321
  const {
18132
- Provider: Provider$5
18133
- } = store$5;
18322
+ Provider: Provider$6
18323
+ } = store$6;
18134
18324
 
18135
18325
  const CartContainer = ({
18136
18326
  style,
@@ -18221,21 +18411,21 @@ const CartContainer = ({
18221
18411
  default:
18222
18412
  return state;
18223
18413
  }
18224
- }, initialState$5);
18414
+ }, initialState$6);
18225
18415
  return /*#__PURE__*/React__default['default'].createElement("div", {
18226
18416
  style: { ...style
18227
18417
  },
18228
18418
  className: `pelcro-container pelcro-cart-container ${className}`
18229
- }, /*#__PURE__*/React__default['default'].createElement(Provider$5, {
18419
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$6, {
18230
18420
  value: {
18231
18421
  state,
18232
18422
  dispatch
18233
18423
  }
18234
18424
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
18235
- store: store$5,
18425
+ store: store$6,
18236
18426
  key: i
18237
18427
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
18238
- store: store$5
18428
+ store: store$6
18239
18429
  })));
18240
18430
  };
18241
18431
 
@@ -18272,7 +18462,7 @@ const CartSubmit = ({
18272
18462
  buttonDisabled
18273
18463
  },
18274
18464
  dispatch
18275
- } = React.useContext(store$5);
18465
+ } = React.useContext(store$6);
18276
18466
  const {
18277
18467
  t
18278
18468
  } = useTranslation("cart");
@@ -18303,7 +18493,7 @@ const CartTotalPrice = () => {
18303
18493
  state: {
18304
18494
  alert
18305
18495
  }
18306
- } = React.useContext(store$5);
18496
+ } = React.useContext(store$6);
18307
18497
  const {
18308
18498
  cartItems
18309
18499
  } = usePelcro();
@@ -18616,7 +18806,7 @@ const OrderConfirmModal = props => {
18616
18806
  };
18617
18807
  OrderConfirmModal.viewId = "order-confirm";
18618
18808
 
18619
- const initialState$4 = {
18809
+ const initialState$5 = {
18620
18810
  email: "",
18621
18811
  firstName: "",
18622
18812
  lastName: "",
@@ -18628,10 +18818,10 @@ const initialState$4 = {
18628
18818
  content: ""
18629
18819
  }
18630
18820
  };
18631
- const store$4 = /*#__PURE__*/React.createContext(initialState$4);
18821
+ const store$5 = /*#__PURE__*/React.createContext(initialState$5);
18632
18822
  const {
18633
- Provider: Provider$4
18634
- } = store$4;
18823
+ Provider: Provider$5
18824
+ } = store$5;
18635
18825
 
18636
18826
  const GiftCreateContainer = ({
18637
18827
  style,
@@ -18735,21 +18925,21 @@ const GiftCreateContainer = ({
18735
18925
  default:
18736
18926
  return state;
18737
18927
  }
18738
- }, initialState$4);
18928
+ }, initialState$5);
18739
18929
  return /*#__PURE__*/React__default['default'].createElement("div", {
18740
18930
  style: { ...style
18741
18931
  },
18742
18932
  className: `pelcro-container pelcro-gift-create-container ${className}`
18743
- }, /*#__PURE__*/React__default['default'].createElement(Provider$4, {
18933
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$5, {
18744
18934
  value: {
18745
18935
  state,
18746
18936
  dispatch
18747
18937
  }
18748
18938
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
18749
- store: store$4,
18939
+ store: store$5,
18750
18940
  key: i
18751
18941
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
18752
- store: store$4
18942
+ store: store$5
18753
18943
  })));
18754
18944
  };
18755
18945
 
@@ -18763,7 +18953,7 @@ const GiftCreateSubmitButton = ({
18763
18953
  state: {
18764
18954
  disableSubmit
18765
18955
  }
18766
- } = React.useContext(store$4);
18956
+ } = React.useContext(store$5);
18767
18957
  const {
18768
18958
  t
18769
18959
  } = useTranslation("register");
@@ -18780,29 +18970,29 @@ const GiftCreateSubmitButton = ({
18780
18970
 
18781
18971
  const GiftCreateEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
18782
18972
  initWithUserEmail: false,
18783
- store: store$4
18973
+ store: store$5
18784
18974
  }, props));
18785
18975
 
18786
18976
  const GiftCreateFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
18787
- store: store$4
18977
+ store: store$5
18788
18978
  }, props));
18789
18979
 
18790
18980
  const GiftCreateLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
18791
- store: store$4
18981
+ store: store$5
18792
18982
  }, props));
18793
18983
 
18794
- var _path$f;
18984
+ var _path$g;
18795
18985
 
18796
- 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); }
18797
18987
 
18798
18988
  function SvgInfoCircle(props) {
18799
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
18989
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
18800
18990
  xmlns: "http://www.w3.org/2000/svg",
18801
18991
  className: "plc-w-5 plc-h-5",
18802
18992
  fill: "none",
18803
18993
  viewBox: "0 0 24 24",
18804
18994
  stroke: "currentColor"
18805
- }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
18995
+ }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
18806
18996
  strokeLinecap: "round",
18807
18997
  strokeLinejoin: "round",
18808
18998
  strokeWidth: 2,
@@ -18873,7 +19063,7 @@ const GiftCreateStartDate = props => {
18873
19063
  const {
18874
19064
  dispatch,
18875
19065
  state
18876
- } = React.useContext(store$4);
19066
+ } = React.useContext(store$5);
18877
19067
 
18878
19068
  const handleInputChange = value => {
18879
19069
  dispatch({
@@ -18944,7 +19134,7 @@ function GiftCreateMessage(props) {
18944
19134
  const {
18945
19135
  dispatch,
18946
19136
  state
18947
- } = React.useContext(store$4);
19137
+ } = React.useContext(store$5);
18948
19138
 
18949
19139
  const handleInputChange = value => {
18950
19140
  dispatch({
@@ -19064,7 +19254,7 @@ const GiftCreateModal = ({
19064
19254
  };
19065
19255
  GiftCreateModal.viewId = "gift-create";
19066
19256
 
19067
- const initialState$3 = {
19257
+ const initialState$4 = {
19068
19258
  giftCode: "",
19069
19259
  buttonDisabled: true,
19070
19260
  alert: {
@@ -19072,10 +19262,10 @@ const initialState$3 = {
19072
19262
  content: ""
19073
19263
  }
19074
19264
  };
19075
- const store$3 = /*#__PURE__*/React.createContext(initialState$3);
19265
+ const store$4 = /*#__PURE__*/React.createContext(initialState$4);
19076
19266
  const {
19077
- Provider: Provider$3
19078
- } = store$3;
19267
+ Provider: Provider$4
19268
+ } = store$4;
19079
19269
 
19080
19270
  const GiftRedeemContainer = ({
19081
19271
  style,
@@ -19140,21 +19330,21 @@ const GiftRedeemContainer = ({
19140
19330
  default:
19141
19331
  return state;
19142
19332
  }
19143
- }, initialState$3);
19333
+ }, initialState$4);
19144
19334
  return /*#__PURE__*/React__default['default'].createElement("div", {
19145
19335
  style: { ...style
19146
19336
  },
19147
19337
  className: `pelcro-container pelcro-gift-redeem-container ${className}`
19148
- }, /*#__PURE__*/React__default['default'].createElement(Provider$3, {
19338
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$4, {
19149
19339
  value: {
19150
19340
  state,
19151
19341
  dispatch
19152
19342
  }
19153
19343
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
19154
- store: store$3,
19344
+ store: store$4,
19155
19345
  key: i
19156
19346
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
19157
- store: store$3
19347
+ store: store$4
19158
19348
  })));
19159
19349
  };
19160
19350
 
@@ -19191,7 +19381,7 @@ function GiftCode({
19191
19381
  }
19192
19382
 
19193
19383
  const GiftRedeemCode = props => /*#__PURE__*/React__default['default'].createElement(GiftCode, Object.assign({
19194
- store: store$3
19384
+ store: store$4
19195
19385
  }, props));
19196
19386
 
19197
19387
  const GiftRedeemSubmitButton = ({
@@ -19204,7 +19394,7 @@ const GiftRedeemSubmitButton = ({
19204
19394
  state: {
19205
19395
  disableSubmit
19206
19396
  }
19207
- } = React.useContext(store$3);
19397
+ } = React.useContext(store$4);
19208
19398
  const {
19209
19399
  t
19210
19400
  } = useTranslation("register");
@@ -19297,7 +19487,7 @@ const moveDefaultAddressToStart = addresses => {
19297
19487
  return [defaultAddress, ...addressesWithoutDefault];
19298
19488
  };
19299
19489
 
19300
- const initialState$2 = {
19490
+ const initialState$3 = {
19301
19491
  addresses: [],
19302
19492
  selectedAddressId: null,
19303
19493
  isSubmitting: false,
@@ -19306,10 +19496,10 @@ const initialState$2 = {
19306
19496
  content: ""
19307
19497
  }
19308
19498
  };
19309
- const store$2 = /*#__PURE__*/React.createContext(initialState$2);
19499
+ const store$3 = /*#__PURE__*/React.createContext(initialState$3);
19310
19500
  const {
19311
- Provider: Provider$2
19312
- } = store$2;
19501
+ Provider: Provider$3
19502
+ } = store$3;
19313
19503
 
19314
19504
  const AddressSelectContainer = ({
19315
19505
  style,
@@ -19404,7 +19594,7 @@ const AddressSelectContainer = ({
19404
19594
  default:
19405
19595
  return state;
19406
19596
  }
19407
- }, initialState$2);
19597
+ }, initialState$3);
19408
19598
  React.useEffect(() => {
19409
19599
  var _window$Pelcro$user$r;
19410
19600
 
@@ -19417,16 +19607,16 @@ const AddressSelectContainer = ({
19417
19607
  style: { ...style
19418
19608
  },
19419
19609
  className: `pelcro-container pelcro-address-select-container ${className}`
19420
- }, /*#__PURE__*/React__default['default'].createElement(Provider$2, {
19610
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$3, {
19421
19611
  value: {
19422
19612
  state,
19423
19613
  dispatch
19424
19614
  }
19425
19615
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
19426
- store: store$2,
19616
+ store: store$3,
19427
19617
  key: i
19428
19618
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
19429
- store: store$2
19619
+ store: store$3
19430
19620
  })));
19431
19621
  };
19432
19622
 
@@ -19437,7 +19627,7 @@ const AddressSelectList = () => {
19437
19627
  addresses,
19438
19628
  selectedAddressId
19439
19629
  }
19440
- } = React.useContext(store$2);
19630
+ } = React.useContext(store$3);
19441
19631
 
19442
19632
  const handleAddressSelect = event => {
19443
19633
  dispatch({
@@ -19481,7 +19671,7 @@ const AddressSelectSubmit = ({
19481
19671
  selectedAddressId,
19482
19672
  isSubmitting
19483
19673
  }
19484
- } = React.useContext(store$2);
19674
+ } = React.useContext(store$3);
19485
19675
  const {
19486
19676
  t
19487
19677
  } = useTranslation("address");
@@ -19572,7 +19762,7 @@ const moveDefaultPaymentMethodToStart = paymentMethods => {
19572
19762
  return [defaultPaymentMethod, ...paymentMethodsWithoutDefault];
19573
19763
  };
19574
19764
 
19575
- const initialState$1 = {
19765
+ const initialState$2 = {
19576
19766
  paymentMethods: [],
19577
19767
  selectedPaymentMethodId: null,
19578
19768
  isSubmitting: false,
@@ -19581,10 +19771,10 @@ const initialState$1 = {
19581
19771
  content: ""
19582
19772
  }
19583
19773
  };
19584
- const store$1 = /*#__PURE__*/React.createContext(initialState$1);
19774
+ const store$2 = /*#__PURE__*/React.createContext(initialState$2);
19585
19775
  const {
19586
- Provider: Provider$1
19587
- } = store$1;
19776
+ Provider: Provider$2
19777
+ } = store$2;
19588
19778
 
19589
19779
  const PaymentMethodSelectContainer = ({
19590
19780
  style,
@@ -19629,7 +19819,7 @@ const PaymentMethodSelectContainer = ({
19629
19819
  default:
19630
19820
  return state;
19631
19821
  }
19632
- }, initialState$1);
19822
+ }, initialState$2);
19633
19823
  React.useEffect(() => {
19634
19824
  var _window$Pelcro$user$r4;
19635
19825
 
@@ -19642,16 +19832,16 @@ const PaymentMethodSelectContainer = ({
19642
19832
  style: { ...style
19643
19833
  },
19644
19834
  className: `pelcro-container pelcro-payment-select-container ${className}`
19645
- }, /*#__PURE__*/React__default['default'].createElement(Provider$1, {
19835
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$2, {
19646
19836
  value: {
19647
19837
  state,
19648
19838
  dispatch
19649
19839
  }
19650
19840
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
19651
- store: store$1,
19841
+ store: store$2,
19652
19842
  key: i
19653
19843
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
19654
- store: store$1
19844
+ store: store$2
19655
19845
  })));
19656
19846
  };
19657
19847
 
@@ -19665,7 +19855,7 @@ const PaymentMethodSelectList = () => {
19665
19855
  paymentMethods,
19666
19856
  selectedPaymentMethodId
19667
19857
  }
19668
- } = React.useContext(store$1);
19858
+ } = React.useContext(store$2);
19669
19859
 
19670
19860
  const handlePaymentMethodSelect = event => {
19671
19861
  dispatch({
@@ -19715,7 +19905,7 @@ const PaymentMethodSelectSubmit = ({
19715
19905
  selectedPaymentMethodId,
19716
19906
  isSubmitting
19717
19907
  }
19718
- } = React.useContext(store$1);
19908
+ } = React.useContext(store$2);
19719
19909
  return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
19720
19910
  onClick: () => {
19721
19911
  dispatch({
@@ -19789,8 +19979,8 @@ const PaymentMethodSelectModal = ({
19789
19979
  };
19790
19980
  PaymentMethodSelectModal.viewId = "payment-method-select";
19791
19981
 
19792
- function _extends$g() {
19793
- _extends$g = Object.assign || function (target) {
19982
+ function _extends$h() {
19983
+ _extends$h = Object.assign || function (target) {
19794
19984
  for (var i = 1; i < arguments.length; i++) {
19795
19985
  var source = arguments[i];
19796
19986
 
@@ -19804,7 +19994,7 @@ function _extends$g() {
19804
19994
  return target;
19805
19995
  };
19806
19996
 
19807
- return _extends$g.apply(this, arguments);
19997
+ return _extends$h.apply(this, arguments);
19808
19998
  }
19809
19999
 
19810
20000
  function _objectWithoutPropertiesLoose(source, excluded) {
@@ -19988,7 +20178,7 @@ function render(props, propsBag, defaultTag, features, visible) {
19988
20178
  return match(strategy, (_match = {}, _match[RenderStrategy.Unmount] = function () {
19989
20179
  return null;
19990
20180
  }, _match[RenderStrategy.Hidden] = function () {
19991
- return _render(_extends$g({}, _rest, {
20181
+ return _render(_extends$h({}, _rest, {
19992
20182
  hidden: true,
19993
20183
  style: {
19994
20184
  display: 'none'
@@ -20516,7 +20706,7 @@ function TransitionChild(props) {
20516
20706
  var passthroughProps = rest;
20517
20707
  return React__default['default'].createElement(NestingContext.Provider, {
20518
20708
  value: nesting
20519
- }, 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));
20520
20710
  }
20521
20711
 
20522
20712
  function Transition(props) {
@@ -20560,7 +20750,7 @@ function Transition(props) {
20560
20750
  value: nestingBag
20561
20751
  }, React__default['default'].createElement(TransitionContext.Provider, {
20562
20752
  value: transitionBag
20563
- }, render(_extends$g({}, sharedProps, {
20753
+ }, render(_extends$h({}, sharedProps, {
20564
20754
  as: React.Fragment,
20565
20755
  children: React__default['default'].createElement(TransitionChild, Object.assign({}, sharedProps, passthroughProps))
20566
20756
  }), propsBag, React.Fragment, TransitionChildRenderFeatures, state === TreeStates.Visible)));
@@ -20687,12 +20877,12 @@ var ActionTypes;
20687
20877
  })(ActionTypes || (ActionTypes = {}));
20688
20878
 
20689
20879
  (_reducers = {}, _reducers[ActionTypes.CloseMenu] = function (state) {
20690
- return _extends$g({}, state, {
20880
+ return _extends$h({}, state, {
20691
20881
  activeItemIndex: null,
20692
20882
  menuState: MenuStates.Closed
20693
20883
  });
20694
20884
  }, _reducers[ActionTypes.OpenMenu] = function (state) {
20695
- return _extends$g({}, state, {
20885
+ return _extends$h({}, state, {
20696
20886
  menuState: MenuStates.Open
20697
20887
  });
20698
20888
  }, _reducers[ActionTypes.GoToItem] = function (state, action) {
@@ -20711,7 +20901,7 @@ var ActionTypes;
20711
20901
  }
20712
20902
  });
20713
20903
  if (state.searchQuery === '' && state.activeItemIndex === activeItemIndex) return state;
20714
- return _extends$g({}, state, {
20904
+ return _extends$h({}, state, {
20715
20905
  searchQuery: '',
20716
20906
  activeItemIndex: activeItemIndex
20717
20907
  });
@@ -20722,19 +20912,19 @@ var ActionTypes;
20722
20912
 
20723
20913
  return ((_item$dataRef$current = item.dataRef.current.textValue) == null ? void 0 : _item$dataRef$current.startsWith(searchQuery)) && !item.dataRef.current.disabled;
20724
20914
  });
20725
- if (match === -1 || match === state.activeItemIndex) return _extends$g({}, state, {
20915
+ if (match === -1 || match === state.activeItemIndex) return _extends$h({}, state, {
20726
20916
  searchQuery: searchQuery
20727
20917
  });
20728
- return _extends$g({}, state, {
20918
+ return _extends$h({}, state, {
20729
20919
  searchQuery: searchQuery,
20730
20920
  activeItemIndex: match
20731
20921
  });
20732
20922
  }, _reducers[ActionTypes.ClearSearch] = function (state) {
20733
- return _extends$g({}, state, {
20923
+ return _extends$h({}, state, {
20734
20924
  searchQuery: ''
20735
20925
  });
20736
20926
  }, _reducers[ActionTypes.RegisterItem] = function (state, action) {
20737
- return _extends$g({}, state, {
20927
+ return _extends$h({}, state, {
20738
20928
  items: [].concat(state.items, [{
20739
20929
  id: action.id,
20740
20930
  dataRef: action.dataRef
@@ -20747,7 +20937,7 @@ var ActionTypes;
20747
20937
  return a.id === action.id;
20748
20938
  });
20749
20939
  if (idx !== -1) nextItems.splice(idx, 1);
20750
- return _extends$g({}, state, {
20940
+ return _extends$h({}, state, {
20751
20941
  items: nextItems,
20752
20942
  activeItemIndex: function () {
20753
20943
  if (idx === state.activeItemIndex) return null;
@@ -20786,19 +20976,19 @@ var ActionTypes$1;
20786
20976
  (_reducers$1 = {}, _reducers$1[ActionTypes$1.CloseListbox] = function (state) {
20787
20977
  if (state.disabled) return state;
20788
20978
  if (state.listboxState === ListboxStates.Closed) return state;
20789
- return _extends$g({}, state, {
20979
+ return _extends$h({}, state, {
20790
20980
  activeOptionIndex: null,
20791
20981
  listboxState: ListboxStates.Closed
20792
20982
  });
20793
20983
  }, _reducers$1[ActionTypes$1.OpenListbox] = function (state) {
20794
20984
  if (state.disabled) return state;
20795
20985
  if (state.listboxState === ListboxStates.Open) return state;
20796
- return _extends$g({}, state, {
20986
+ return _extends$h({}, state, {
20797
20987
  listboxState: ListboxStates.Open
20798
20988
  });
20799
20989
  }, _reducers$1[ActionTypes$1.SetDisabled] = function (state, action) {
20800
20990
  if (state.disabled === action.disabled) return state;
20801
- return _extends$g({}, state, {
20991
+ return _extends$h({}, state, {
20802
20992
  disabled: action.disabled
20803
20993
  });
20804
20994
  }, _reducers$1[ActionTypes$1.GoToOption] = function (state, action) {
@@ -20819,7 +21009,7 @@ var ActionTypes$1;
20819
21009
  }
20820
21010
  });
20821
21011
  if (state.searchQuery === '' && state.activeOptionIndex === activeOptionIndex) return state;
20822
- return _extends$g({}, state, {
21012
+ return _extends$h({}, state, {
20823
21013
  searchQuery: '',
20824
21014
  activeOptionIndex: activeOptionIndex
20825
21015
  });
@@ -20832,10 +21022,10 @@ var ActionTypes$1;
20832
21022
 
20833
21023
  return !option.dataRef.current.disabled && ((_option$dataRef$curre = option.dataRef.current.textValue) == null ? void 0 : _option$dataRef$curre.startsWith(searchQuery));
20834
21024
  });
20835
- if (match === -1 || match === state.activeOptionIndex) return _extends$g({}, state, {
21025
+ if (match === -1 || match === state.activeOptionIndex) return _extends$h({}, state, {
20836
21026
  searchQuery: searchQuery
20837
21027
  });
20838
- return _extends$g({}, state, {
21028
+ return _extends$h({}, state, {
20839
21029
  searchQuery: searchQuery,
20840
21030
  activeOptionIndex: match
20841
21031
  });
@@ -20843,11 +21033,11 @@ var ActionTypes$1;
20843
21033
  if (state.disabled) return state;
20844
21034
  if (state.listboxState === ListboxStates.Closed) return state;
20845
21035
  if (state.searchQuery === '') return state;
20846
- return _extends$g({}, state, {
21036
+ return _extends$h({}, state, {
20847
21037
  searchQuery: ''
20848
21038
  });
20849
21039
  }, _reducers$1[ActionTypes$1.RegisterOption] = function (state, action) {
20850
- return _extends$g({}, state, {
21040
+ return _extends$h({}, state, {
20851
21041
  options: [].concat(state.options, [{
20852
21042
  id: action.id,
20853
21043
  dataRef: action.dataRef
@@ -20860,7 +21050,7 @@ var ActionTypes$1;
20860
21050
  return a.id === action.id;
20861
21051
  });
20862
21052
  if (idx !== -1) nextOptions.splice(idx, 1);
20863
- return _extends$g({}, state, {
21053
+ return _extends$h({}, state, {
20864
21054
  options: nextOptions,
20865
21055
  activeOptionIndex: function () {
20866
21056
  if (idx === state.activeOptionIndex) return null;
@@ -20921,18 +21111,18 @@ const getPaymentCardIcon = name => {
20921
21111
  }));
20922
21112
  };
20923
21113
 
20924
- var _path$e;
21114
+ var _path$f;
20925
21115
 
20926
- 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); }
20927
21117
 
20928
21118
  function SvgChevronRight(props) {
20929
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
21119
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
20930
21120
  className: "plc-w-6 plc-h-6",
20931
21121
  xmlns: "http://www.w3.org/2000/svg",
20932
21122
  fill: "none",
20933
21123
  viewBox: "0 0 24 24",
20934
21124
  stroke: "currentColor"
20935
- }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
21125
+ }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
20936
21126
  strokeLinecap: "round",
20937
21127
  strokeLinejoin: "round",
20938
21128
  strokeWidth: 2,
@@ -21148,18 +21338,18 @@ const SavedItems = ({
21148
21338
  });
21149
21339
  };
21150
21340
 
21151
- var _path$d;
21341
+ var _path$e;
21152
21342
 
21153
- 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); }
21154
21344
 
21155
21345
  function SvgRefresh(props) {
21156
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
21346
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
21157
21347
  className: "plc-w-4 plc-h-4 plc-mr-1",
21158
21348
  xmlns: "http://www.w3.org/2000/svg",
21159
21349
  fill: "none",
21160
21350
  viewBox: "0 0 24 24",
21161
21351
  stroke: "currentColor"
21162
- }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
21352
+ }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
21163
21353
  strokeLinecap: "round",
21164
21354
  strokeLinejoin: "round",
21165
21355
  strokeWidth: 2,
@@ -21167,35 +21357,35 @@ function SvgRefresh(props) {
21167
21357
  })));
21168
21358
  }
21169
21359
 
21170
- var _path$c;
21360
+ var _path$d;
21171
21361
 
21172
- 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); }
21173
21363
 
21174
21364
  function SvgCalendar(props) {
21175
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
21365
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
21176
21366
  xmlns: "http://www.w3.org/2000/svg",
21177
21367
  className: "plc-h-4 plc-w-4 plc-mr-1",
21178
21368
  viewBox: "0 0 20 20",
21179
21369
  fill: "currentColor"
21180
- }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
21370
+ }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
21181
21371
  fillRule: "evenodd",
21182
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",
21183
21373
  clipRule: "evenodd"
21184
21374
  })));
21185
21375
  }
21186
21376
 
21187
- var _path$b;
21377
+ var _path$c;
21188
21378
 
21189
- 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); }
21190
21380
 
21191
21381
  function SvgPlus(props) {
21192
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
21382
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
21193
21383
  className: "plc-w-5 plc-h-5",
21194
21384
  xmlns: "http://www.w3.org/2000/svg",
21195
21385
  fill: "none",
21196
21386
  viewBox: "0 0 24 24",
21197
21387
  stroke: "currentColor"
21198
- }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
21388
+ }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
21199
21389
  strokeLinecap: "round",
21200
21390
  strokeLinejoin: "round",
21201
21391
  strokeWidth: 2,
@@ -21203,17 +21393,17 @@ function SvgPlus(props) {
21203
21393
  })));
21204
21394
  }
21205
21395
 
21206
- var _path$a;
21396
+ var _path$b;
21207
21397
 
21208
- 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); }
21209
21399
 
21210
21400
  function SvgCheckMark(props) {
21211
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
21401
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
21212
21402
  className: "plc-w-4 plc-h-4 plc-mr-1",
21213
21403
  xmlns: "http://www.w3.org/2000/svg",
21214
21404
  viewBox: "0 0 20 20",
21215
21405
  fill: "currentColor"
21216
- }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
21406
+ }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
21217
21407
  fillRule: "evenodd",
21218
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",
21219
21409
  clipRule: "evenodd"
@@ -21275,12 +21465,20 @@ const SubscriptionsItems = ({
21275
21465
  const {
21276
21466
  t
21277
21467
  } = useTranslation("dashboard");
21468
+ const {
21469
+ switchView,
21470
+ isAuthenticated
21471
+ } = usePelcro();
21278
21472
  const subs = getNonDonationSubs();
21279
21473
  if (subs.length === 0) return null;
21280
21474
  return subs.sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
21281
21475
  const isActive = activeMenu === sub.id; // Cancel button click handlers
21282
21476
 
21283
21477
  const onCancelClick = () => {
21478
+ if (userMustVerifyEmail()) {
21479
+ return switchView("email-verify");
21480
+ }
21481
+
21284
21482
  onClose === null || onClose === void 0 ? void 0 : onClose();
21285
21483
  notify.confirm((onSuccess, onFailure) => {
21286
21484
  cancelSubscription(sub.id, onSuccess, onFailure);
@@ -21296,6 +21494,10 @@ const SubscriptionsItems = ({
21296
21494
 
21297
21495
 
21298
21496
  const onReactivateClick = () => {
21497
+ if (userMustVerifyEmail()) {
21498
+ return switchView("email-verify");
21499
+ }
21500
+
21299
21501
  reactivateSubscription(sub.id);
21300
21502
  }; // Renew click
21301
21503
 
@@ -21496,18 +21698,18 @@ Accordion.item = function AccordionItem({
21496
21698
  }, content)) : null;
21497
21699
  };
21498
21700
 
21499
- var _path$9;
21701
+ var _path$a;
21500
21702
 
21501
- 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); }
21502
21704
 
21503
21705
  function SvgExit(props) {
21504
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
21706
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
21505
21707
  className: "plc-w-6 plc-h-6",
21506
21708
  xmlns: "http://www.w3.org/2000/svg",
21507
21709
  fill: "none",
21508
21710
  viewBox: "0 0 24 24",
21509
21711
  stroke: "currentColor"
21510
- }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
21712
+ }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
21511
21713
  strokeLinecap: "round",
21512
21714
  strokeLinejoin: "round",
21513
21715
  strokeWidth: 2,
@@ -21515,17 +21717,17 @@ function SvgExit(props) {
21515
21717
  })));
21516
21718
  }
21517
21719
 
21518
- var _path$8;
21720
+ var _path$9;
21519
21721
 
21520
- 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); }
21521
21723
 
21522
21724
  function SvgUser(props) {
21523
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
21725
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
21524
21726
  xmlns: "http://www.w3.org/2000/svg",
21525
21727
  fill: "none",
21526
21728
  viewBox: "0 0 24 24",
21527
21729
  stroke: "currentColor"
21528
- }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
21730
+ }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
21529
21731
  strokeLinecap: "round",
21530
21732
  strokeLinejoin: "round",
21531
21733
  strokeWidth: 2,
@@ -21533,18 +21735,18 @@ function SvgUser(props) {
21533
21735
  })));
21534
21736
  }
21535
21737
 
21536
- var _path$7;
21738
+ var _path$8;
21537
21739
 
21538
- 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); }
21539
21741
 
21540
21742
  function SvgNewsletter(props) {
21541
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
21743
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
21542
21744
  xmlns: "http://www.w3.org/2000/svg",
21543
21745
  className: "plc-h-5 plc-w-5",
21544
21746
  fill: "none",
21545
21747
  viewBox: "0 0 24 24",
21546
21748
  stroke: "currentColor"
21547
- }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
21749
+ }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
21548
21750
  strokeLinecap: "round",
21549
21751
  strokeLinejoin: "round",
21550
21752
  strokeWidth: 2,
@@ -21552,18 +21754,18 @@ function SvgNewsletter(props) {
21552
21754
  })));
21553
21755
  }
21554
21756
 
21555
- var _path$6;
21757
+ var _path$7;
21556
21758
 
21557
- 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); }
21558
21760
 
21559
21761
  function SvgPaymentCard(props) {
21560
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
21762
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
21561
21763
  className: "plc-w-6 plc-h-6 plc-mr-2",
21562
21764
  xmlns: "http://www.w3.org/2000/svg",
21563
21765
  fill: "none",
21564
21766
  viewBox: "0 0 24 24",
21565
21767
  stroke: "currentColor"
21566
- }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
21768
+ }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
21567
21769
  strokeLinecap: "round",
21568
21770
  strokeLinejoin: "round",
21569
21771
  strokeWidth: 2,
@@ -21571,23 +21773,23 @@ function SvgPaymentCard(props) {
21571
21773
  })));
21572
21774
  }
21573
21775
 
21574
- var _path$5, _path2;
21776
+ var _path$6, _path2$1;
21575
21777
 
21576
- 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); }
21577
21779
 
21578
21780
  function SvgLocationPin(props) {
21579
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
21781
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
21580
21782
  className: "plc-w-6 plc-h-6 plc-mr-2",
21581
21783
  xmlns: "http://www.w3.org/2000/svg",
21582
21784
  fill: "none",
21583
21785
  viewBox: "0 0 24 24",
21584
21786
  stroke: "currentColor"
21585
- }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
21787
+ }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
21586
21788
  strokeLinecap: "round",
21587
21789
  strokeLinejoin: "round",
21588
21790
  strokeWidth: 2,
21589
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"
21590
- })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
21792
+ })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
21591
21793
  strokeLinecap: "round",
21592
21794
  strokeLinejoin: "round",
21593
21795
  strokeWidth: 2,
@@ -21597,10 +21799,10 @@ function SvgLocationPin(props) {
21597
21799
 
21598
21800
  var _switch;
21599
21801
 
21600
- 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); }
21601
21803
 
21602
21804
  function SvgSubscription(props) {
21603
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
21805
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
21604
21806
  xmlns: "http://www.w3.org/2000/svg",
21605
21807
  viewBox: "0 0 100 125",
21606
21808
  fill: "currentColor"
@@ -21615,18 +21817,18 @@ function SvgSubscription(props) {
21615
21817
  }))))));
21616
21818
  }
21617
21819
 
21618
- var _path$4;
21820
+ var _path$5;
21619
21821
 
21620
- 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); }
21621
21823
 
21622
21824
  function SvgShopping(props) {
21623
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
21825
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
21624
21826
  className: "plc-w-6 plc-h-6 plc-mr-2",
21625
21827
  xmlns: "http://www.w3.org/2000/svg",
21626
21828
  fill: "none",
21627
21829
  viewBox: "0 0 24 24",
21628
21830
  stroke: "currentColor"
21629
- }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
21831
+ }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
21630
21832
  strokeLinecap: "round",
21631
21833
  strokeLinejoin: "round",
21632
21834
  strokeWidth: 2,
@@ -21634,18 +21836,18 @@ function SvgShopping(props) {
21634
21836
  })));
21635
21837
  }
21636
21838
 
21637
- var _path$3;
21839
+ var _path$4;
21638
21840
 
21639
- 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); }
21640
21842
 
21641
21843
  function SvgBookmark(props) {
21642
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
21844
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
21643
21845
  className: "plc-w-6 plc-h-6 plc-mr-2",
21644
21846
  xmlns: "http://www.w3.org/2000/svg",
21645
21847
  fill: "none",
21646
21848
  viewBox: "0 0 24 24",
21647
21849
  stroke: "currentColor"
21648
- }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
21850
+ }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
21649
21851
  strokeLinecap: "round",
21650
21852
  strokeLinejoin: "round",
21651
21853
  strokeWidth: 2,
@@ -21653,33 +21855,33 @@ function SvgBookmark(props) {
21653
21855
  })));
21654
21856
  }
21655
21857
 
21656
- var _path$2;
21858
+ var _path$3;
21657
21859
 
21658
- 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); }
21659
21861
 
21660
21862
  function SvgKey(props) {
21661
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
21863
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
21662
21864
  xmlns: "http://www.w3.org/2000/svg",
21663
21865
  viewBox: "0 0 20 20",
21664
21866
  fill: "currentColor"
21665
- }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
21867
+ }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
21666
21868
  fillRule: "evenodd",
21667
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",
21668
21870
  clipRule: "evenodd"
21669
21871
  })));
21670
21872
  }
21671
21873
 
21672
- var _path$1;
21874
+ var _path$2;
21673
21875
 
21674
- 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); }
21675
21877
 
21676
21878
  function SvgDonate(props) {
21677
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
21879
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
21678
21880
  width: 24,
21679
21881
  height: 24,
21680
21882
  fill: "currentColor",
21681
21883
  xmlns: "http://www.w3.org/2000/svg"
21682
- }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
21884
+ }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
21683
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"
21684
21886
  })));
21685
21887
  }
@@ -22325,7 +22527,7 @@ const DashboardOpenButton = () => {
22325
22527
  };
22326
22528
  DashboardOpenButton.viewId = "dashboard-open";
22327
22529
 
22328
- const initialState = {
22530
+ const initialState$1 = {
22329
22531
  imageSrc: null,
22330
22532
  crop: {
22331
22533
  x: 0,
@@ -22339,10 +22541,10 @@ const initialState = {
22339
22541
  content: ""
22340
22542
  }
22341
22543
  };
22342
- const store = /*#__PURE__*/React.createContext(initialState);
22544
+ const store$1 = /*#__PURE__*/React.createContext(initialState$1);
22343
22545
  const {
22344
- Provider
22345
- } = store;
22546
+ Provider: Provider$1
22547
+ } = store$1;
22346
22548
 
22347
22549
  const ProfilePicChangeContainer = ({
22348
22550
  style,
@@ -22476,21 +22678,21 @@ const ProfilePicChangeContainer = ({
22476
22678
  default:
22477
22679
  return state;
22478
22680
  }
22479
- }, initialState);
22681
+ }, initialState$1);
22480
22682
  return /*#__PURE__*/React__default['default'].createElement("div", {
22481
22683
  style: { ...style
22482
22684
  },
22483
22685
  className: `pelcro-container pelcro-profile-picture-container ${className}`
22484
- }, /*#__PURE__*/React__default['default'].createElement(Provider, {
22686
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$1, {
22485
22687
  value: {
22486
22688
  state,
22487
22689
  dispatch
22488
22690
  }
22489
22691
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
22490
- store,
22692
+ store: store$1,
22491
22693
  key: i
22492
22694
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
22493
- store
22695
+ store: store$1
22494
22696
  })));
22495
22697
  };
22496
22698
  /**
@@ -22552,7 +22754,7 @@ const ProfilePicChangeButton = ({
22552
22754
  isSubmitting
22553
22755
  },
22554
22756
  dispatch
22555
- } = React.useContext(store);
22757
+ } = React.useContext(store$1);
22556
22758
  const {
22557
22759
  t
22558
22760
  } = useTranslation("userEdit");
@@ -23920,7 +24122,7 @@ const ProfilePicChangeCropper = ({
23920
24122
  zoom
23921
24123
  },
23922
24124
  dispatch
23923
- } = React.useContext(store);
24125
+ } = React.useContext(store$1);
23924
24126
  return /*#__PURE__*/React__default['default'].createElement("div", {
23925
24127
  className: `plc-relative plc-w-full plc-h-52 sm:plc-h-96 ${className}`
23926
24128
  }, /*#__PURE__*/React__default['default'].createElement(Cropper, Object.assign({
@@ -23962,7 +24164,7 @@ const ProfilePicChangeZoom = ({
23962
24164
  zoom
23963
24165
  },
23964
24166
  dispatch
23965
- } = React.useContext(store);
24167
+ } = React.useContext(store$1);
23966
24168
  const {
23967
24169
  t
23968
24170
  } = useTranslation("userEdit");
@@ -23985,18 +24187,18 @@ const ProfilePicChangeZoom = ({
23985
24187
  }, otherProps)));
23986
24188
  };
23987
24189
 
23988
- var _path;
24190
+ var _path$1;
23989
24191
 
23990
- 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); }
23991
24193
 
23992
24194
  function SvgPhotograph(props) {
23993
- return /*#__PURE__*/React__namespace.createElement("svg", _extends({
24195
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
23994
24196
  xmlns: "http://www.w3.org/2000/svg",
23995
24197
  className: "plc-h-6 plc-w-6",
23996
24198
  fill: "none",
23997
24199
  viewBox: "0 0 24 24",
23998
24200
  stroke: "currentColor"
23999
- }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
24201
+ }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
24000
24202
  strokeLinecap: "round",
24001
24203
  strokeLinejoin: "round",
24002
24204
  strokeWidth: 2,
@@ -24014,7 +24216,7 @@ const ProfilePicChangeSelectButton = ({
24014
24216
  state: {
24015
24217
  isSubmitting
24016
24218
  }
24017
- } = React.useContext(store);
24219
+ } = React.useContext(store$1);
24018
24220
  const {
24019
24221
  t
24020
24222
  } = useTranslation("userEdit");
@@ -24056,7 +24258,7 @@ const ProfilePicChangeRemoveButton = ({
24056
24258
  state: {
24057
24259
  isSubmitting
24058
24260
  }
24059
- } = React.useContext(store);
24261
+ } = React.useContext(store$1);
24060
24262
  const {
24061
24263
  t
24062
24264
  } = useTranslation("userEdit");
@@ -24079,7 +24281,7 @@ const ProfilePicChangeWrapper = () => {
24079
24281
  state: {
24080
24282
  imageSrc
24081
24283
  }
24082
- } = React.useContext(store);
24284
+ } = React.useContext(store$1);
24083
24285
  const {
24084
24286
  t
24085
24287
  } = useTranslation("userEdit");
@@ -24141,6 +24343,182 @@ function ProfilePicChangeModal({
24141
24343
  }
24142
24344
  ProfilePicChangeModal.viewId = "profile-picture";
24143
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
+
24144
24522
  exports.AddressCreateCity = AddressCreateCity;
24145
24523
  exports.AddressCreateContainer = AddressCreateContainer;
24146
24524
  exports.AddressCreateCountrySelect = AddressCreateCountrySelect;
@@ -24195,6 +24573,10 @@ exports.DashboardOpenButton = DashboardOpenButton;
24195
24573
  exports.DatePicker = DatePicker;
24196
24574
  exports.DiscountedPrice = DiscountedPrice;
24197
24575
  exports.Email = Email;
24576
+ exports.EmailVerifyContainer = EmailVerifyContainer;
24577
+ exports.EmailVerifyModal = EmailVerifyModal;
24578
+ exports.EmailVerifyResendButton = EmailVerifyResendButton;
24579
+ exports.EmailVerifyView = EmailVerifyView;
24198
24580
  exports.FacebookLoginButton = FacebookLoginButton;
24199
24581
  exports.GiftCreateContainer = GiftCreateContainer;
24200
24582
  exports.GiftCreateEmail = GiftCreateEmail;