@pelcro/react-pelcro-js 2.6.1 → 2.7.0-beta.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -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. ",
@@ -3794,7 +3796,7 @@ var gift$1 = {
3794
3796
  lastName: "Last name",
3795
3797
  email: "Email",
3796
3798
  startDate: "Gift date",
3797
- giftMessage: "Gift message (500 characters max)",
3799
+ giftMessage: "Gift message (200 characters max)",
3798
3800
  required: "required",
3799
3801
  firstNamePlaceholder: "First name",
3800
3802
  lastNamePlaceholder: "Last name",
@@ -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",
@@ -3890,7 +3892,7 @@ var gift = {
3890
3892
  lastName: "Nom de famille",
3891
3893
  email: "Adresse courriel",
3892
3894
  startDate: "Date de début",
3893
- giftMessage: "Message du cadeau (500 caractères max)",
3895
+ giftMessage: "Message du cadeau (200 caractères max)",
3894
3896
  required: "Champs obligatoires",
3895
3897
  firstNamePlaceholder: "Prénom",
3896
3898
  lastNamePlaceholder: "Nom de famille",
@@ -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",
@@ -4376,6 +4378,7 @@ var labels$3 = {
4376
4378
  account: "Account",
4377
4379
  purchases: "Purchases",
4378
4380
  subscriptions: "Subscriptions",
4381
+ donations: "Donations",
4379
4382
  updatePaymentSource: "Update",
4380
4383
  profile: "Profile",
4381
4384
  updateProfile: "Edit profile",
@@ -4391,6 +4394,7 @@ var labels$3 = {
4391
4394
  actions: "Actions",
4392
4395
  expiresOn: "Ends",
4393
4396
  startsOn: "Starts",
4397
+ startDate: "Start date",
4394
4398
  renewsOn: "Renews",
4395
4399
  canceledOn: "Canceled on",
4396
4400
  recipient: "Recipient",
@@ -4417,7 +4421,7 @@ var labels$3 = {
4417
4421
  goBack: "Go back"
4418
4422
  }
4419
4423
  };
4420
- var messages$3 = {
4424
+ var messages$5 = {
4421
4425
  noCard: "You don't have a card",
4422
4426
  subCancellation: {
4423
4427
  isSureToCancel: "Are you sure you want to cancel your subscription?",
@@ -4427,11 +4431,11 @@ var messages$3 = {
4427
4431
  }
4428
4432
  };
4429
4433
  var dashboard_en = {
4430
- labels: labels$3,
4431
- messages: messages$3
4434
+ labels: labels$5,
4435
+ messages: messages$5
4432
4436
  };
4433
4437
 
4434
- var labels$2 = {
4438
+ var labels$4 = {
4435
4439
  menu: "Menu Pelcro",
4436
4440
  name: "Nom",
4437
4441
  email: "Courriel",
@@ -4455,6 +4459,7 @@ var labels$2 = {
4455
4459
  account: "Compte",
4456
4460
  purchases: "Achats",
4457
4461
  subscriptions: "Abonnements",
4462
+ donations: "Des dons",
4458
4463
  updatePaymentSource: "Mettre à jour la source de paiement",
4459
4464
  profile: "Profil",
4460
4465
  updateProfile: "Mettre à jour le profil",
@@ -4470,6 +4475,7 @@ var labels$2 = {
4470
4475
  actions: "Actes",
4471
4476
  expiresOn: "Expire le",
4472
4477
  startsOn: "Débute le",
4478
+ startDate: "Date de début",
4473
4479
  renewsOn: "Renouvelle le",
4474
4480
  canceledOn: "Annulé le",
4475
4481
  recipient: "Destinataire",
@@ -4496,7 +4502,7 @@ var labels$2 = {
4496
4502
  goBack: "Retourner"
4497
4503
  }
4498
4504
  };
4499
- var messages$2 = {
4505
+ var messages$4 = {
4500
4506
  noCard: "Vous n’avez pas une carte",
4501
4507
  subCancellation: {
4502
4508
  isSureToCancel: "Êtes-vous certain de vouloir annuler votre abonnement?",
@@ -4506,16 +4512,16 @@ var messages$2 = {
4506
4512
  }
4507
4513
  };
4508
4514
  var dashboard_fr = {
4509
- labels: labels$2,
4510
- messages: messages$2
4515
+ labels: labels$4,
4516
+ messages: messages$4
4511
4517
  };
4512
4518
 
4513
- var messages$1 = {
4519
+ var messages$3 = {
4514
4520
  alreadyHaveAccount: "Already have an account?",
4515
4521
  loginHere: "Login here",
4516
4522
  checkbox: "Check this box to gift this subscription"
4517
4523
  };
4518
- var labels$1 = {
4524
+ var labels$3 = {
4519
4525
  plan: {
4520
4526
  title: "Subscribe to a plan",
4521
4527
  subtitle: "Select one of the plans below and click on next."
@@ -4526,7 +4532,11 @@ var labels$1 = {
4526
4532
  },
4527
4533
  selectProduct: "Select a product",
4528
4534
  selectPlan: "Select a plan",
4529
- startingAt: "Starting at"
4535
+ startingAt: "Starting at",
4536
+ restrictiveArticles: {
4537
+ subscribeTo: "Subscribe to one of the following options to get access to this page",
4538
+ or: "Or take a look at some of our other options below"
4539
+ }
4530
4540
  };
4531
4541
  var buttons$1 = {
4532
4542
  next: "Next",
@@ -4534,17 +4544,17 @@ var buttons$1 = {
4534
4544
  back: "Back"
4535
4545
  };
4536
4546
  var select_en = {
4537
- messages: messages$1,
4538
- labels: labels$1,
4547
+ messages: messages$3,
4548
+ labels: labels$3,
4539
4549
  buttons: buttons$1
4540
4550
  };
4541
4551
 
4542
- var messages = {
4552
+ var messages$2 = {
4543
4553
  alreadyHaveAccount: "Vous avez déjà un compte ?",
4544
4554
  loginHere: "Connectez-vous ici",
4545
4555
  checkbox: "Cochez cette case pour offrir cet abonnement"
4546
4556
  };
4547
- var labels = {
4557
+ var labels$2 = {
4548
4558
  plan: {
4549
4559
  title: "Abonnez-vous à un plan",
4550
4560
  subtitle: "Sélectionnez l’un des plans ci-dessous et cliquez sur suivant."
@@ -4555,7 +4565,11 @@ var labels = {
4555
4565
  },
4556
4566
  selectProduct: "Sélectionnez un produit",
4557
4567
  selectPlan: "Sélectionnez un plan",
4558
- starningAt: "À partir de"
4568
+ starningAt: "À partir de",
4569
+ restrictiveArticles: {
4570
+ subscribeTo: "Abonnez-vous à une des options suivantes pour accéder au contenu de cette page",
4571
+ or: "Sinon, jetez un coup d'oeil à d'autres offres ci-dessous"
4572
+ }
4559
4573
  };
4560
4574
  var buttons = {
4561
4575
  next: "Prochain",
@@ -4563,8 +4577,8 @@ var buttons = {
4563
4577
  back: "Retour"
4564
4578
  };
4565
4579
  var select_fr = {
4566
- messages: messages,
4567
- labels: labels,
4580
+ messages: messages$2,
4581
+ labels: labels$2,
4568
4582
  buttons: buttons
4569
4583
  };
4570
4584
 
@@ -4588,6 +4602,34 @@ var notification_fr = {
4588
4602
  confirm: confirm
4589
4603
  };
4590
4604
 
4605
+ var labels$1 = {
4606
+ title: "Verify your e-mail",
4607
+ instructions: "To complete creating your account, you need to verify your e-mail address by opening the verification link we've sent to your email:",
4608
+ resend: "Resend message"
4609
+ };
4610
+ var messages$1 = {
4611
+ resent: "Resent successfully",
4612
+ success: "E-mail verified successfully"
4613
+ };
4614
+ var verifyEmail_en = {
4615
+ labels: labels$1,
4616
+ messages: messages$1
4617
+ };
4618
+
4619
+ var labels = {
4620
+ title: "Verify your e-mail",
4621
+ instructions: "To complete creating your account, you need to verify your e-mail address by opening the verification link we've sent to your email:",
4622
+ resend: "Resend message"
4623
+ };
4624
+ var messages = {
4625
+ resent: "Resent successfully",
4626
+ success: "E-mail verified successfully"
4627
+ };
4628
+ var verifyEmail_fr = {
4629
+ labels: labels,
4630
+ messages: messages
4631
+ };
4632
+
4591
4633
  function create$1(createState) {
4592
4634
  let state;
4593
4635
  const listeners = new Set();
@@ -5937,12 +5979,23 @@ class PelcroActions {
5937
5979
  view,
5938
5980
  cartItems,
5939
5981
  ...otherStateFields
5940
- } = initialState$g;
5982
+ } = initialState$h;
5941
5983
  this.set(otherStateFields);
5942
5984
  });
5943
5985
 
5944
5986
  _defineProperty$3(this, "switchView", view => {
5945
- // view switching guards
5987
+ var _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro$user$r, _window$Pelcro$user$r2;
5988
+
5989
+ 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;
5990
+ const isUserEmailVerified = (_window$Pelcro$user$r = (_window$Pelcro$user$r2 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.email_confirm) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : false;
5991
+ const userMustVerifyEmail = this.get().isAuthenticated() && isEmailVerificationEnabled && !isUserEmailVerified; // view switching guards
5992
+
5993
+ if (userMustVerifyEmail && !["dashboard", "meter", "login", null].includes(view)) {
5994
+ return this.set({
5995
+ view: "email-verify"
5996
+ });
5997
+ }
5998
+
5946
5999
  if (["login", "register"].includes(view) && this.get().isAuthenticated()) {
5947
6000
  return this.set({
5948
6001
  view: "dashboard"
@@ -6200,7 +6253,7 @@ class PelcroCallbacks {
6200
6253
  }
6201
6254
  });
6202
6255
 
6203
- _defineProperty$3(this, "whenUserReady", callback => {
6256
+ _defineProperty$3(this, "whenUserReady", (callback, listenerOptions) => {
6204
6257
  var _window$Pelcro$user$r;
6205
6258
 
6206
6259
  if ((_window$Pelcro$user$r = window.Pelcro.user.read()) !== null && _window$Pelcro$user$r !== void 0 && _window$Pelcro$user$r.id) {
@@ -6208,7 +6261,7 @@ class PelcroCallbacks {
6208
6261
  } else {
6209
6262
  window.document.addEventListener("PelcroUserLoaded", e => {
6210
6263
  callback(window.Pelcro.user.read());
6211
- });
6264
+ }, listenerOptions);
6212
6265
  }
6213
6266
  });
6214
6267
 
@@ -6227,7 +6280,7 @@ class PelcroCallbacks {
6227
6280
 
6228
6281
  }
6229
6282
 
6230
- const initialState$g = {
6283
+ const initialState$h = {
6231
6284
  // View
6232
6285
  view: null,
6233
6286
  // Plans
@@ -6255,7 +6308,7 @@ const createPelcroStore = () => createStore(middleware_3((set, get) => {
6255
6308
  return {
6256
6309
  // Store setter
6257
6310
  set,
6258
- ...initialState$g,
6311
+ ...initialState$h,
6259
6312
  // State actions
6260
6313
  ...actions,
6261
6314
  // Callbacks
@@ -6406,7 +6459,7 @@ const calcAndFormatItemsTotal = (items, currency) => {
6406
6459
  */
6407
6460
 
6408
6461
  const isValidViewFromURL = viewID => {
6409
- 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()) {
6462
+ 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()) {
6410
6463
  return true;
6411
6464
  }
6412
6465
 
@@ -6620,6 +6673,7 @@ const resources = {
6620
6673
  passwordReset: passwordReset_en,
6621
6674
  passwordForgot: passwordForgot_en,
6622
6675
  passwordChange: passwordChange_en,
6676
+ verifyEmail: verifyEmail_en,
6623
6677
  cart: cart_en,
6624
6678
  shop: shop_en,
6625
6679
  payment: payment_en,
@@ -6642,6 +6696,7 @@ const resources = {
6642
6696
  passwordReset: passwordReset_fr,
6643
6697
  passwordForgot: passwordForgot_fr,
6644
6698
  passwordChange: passwordChange_fr,
6699
+ verifyEmail: verifyEmail_fr,
6645
6700
  cart: cart_fr,
6646
6701
  shop: shop_fr,
6647
6702
  payment: payment_fr,
@@ -6800,6 +6855,8 @@ class SaveToMetadataButtonClass {
6800
6855
  _saveToMetadata.set(this, {
6801
6856
  writable: true,
6802
6857
  value: event => {
6858
+ var _user$metadata;
6859
+
6803
6860
  const button = event.currentTarget;
6804
6861
  const user = window.Pelcro.user.read();
6805
6862
  const {
@@ -6815,7 +6872,7 @@ class SaveToMetadataButtonClass {
6815
6872
 
6816
6873
  let newMetadataValue = [buttonMetadata]; // if this key already exist in user metadata object, append to it.
6817
6874
 
6818
- const oldValue = user.metadata[`metadata_saved_${key}`];
6875
+ const oldValue = (_user$metadata = user.metadata) === null || _user$metadata === void 0 ? void 0 : _user$metadata[`metadata_saved_${key}`];
6819
6876
 
6820
6877
  if (oldValue) {
6821
6878
  if (Array.isArray(oldValue)) {
@@ -6929,8 +6986,8 @@ const saveToMetadataButton = new SaveToMetadataButtonClass();
6929
6986
 
6930
6987
  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}}
6931
6988
 
6932
- function _extends$v() {
6933
- _extends$v = Object.assign || function (target) {
6989
+ function _extends$y() {
6990
+ _extends$y = Object.assign || function (target) {
6934
6991
  for (var i = 1; i < arguments.length; i++) {
6935
6992
  var source = arguments[i];
6936
6993
 
@@ -6944,7 +7001,7 @@ function _extends$v() {
6944
7001
  return target;
6945
7002
  };
6946
7003
 
6947
- return _extends$v.apply(this, arguments);
7004
+ return _extends$y.apply(this, arguments);
6948
7005
  }
6949
7006
 
6950
7007
  function _taggedTemplateLiteralLoose(strings, raw) {
@@ -7034,7 +7091,7 @@ var clearFromRemoveQueue = function clearFromRemoveQueue(toastId) {
7034
7091
  var reducer = function reducer(state, action) {
7035
7092
  switch (action.type) {
7036
7093
  case ActionType.ADD_TOAST:
7037
- return _extends$v({}, state, {
7094
+ return _extends$y({}, state, {
7038
7095
  toasts: [action.toast].concat(state.toasts).slice(0, TOAST_LIMIT)
7039
7096
  });
7040
7097
 
@@ -7044,9 +7101,9 @@ var reducer = function reducer(state, action) {
7044
7101
  clearFromRemoveQueue(action.toast.id);
7045
7102
  }
7046
7103
 
7047
- return _extends$v({}, state, {
7104
+ return _extends$y({}, state, {
7048
7105
  toasts: state.toasts.map(function (t) {
7049
- return t.id === action.toast.id ? _extends$v({}, t, action.toast) : t;
7106
+ return t.id === action.toast.id ? _extends$y({}, t, action.toast) : t;
7050
7107
  })
7051
7108
  });
7052
7109
 
@@ -7073,9 +7130,9 @@ var reducer = function reducer(state, action) {
7073
7130
  });
7074
7131
  }
7075
7132
 
7076
- return _extends$v({}, state, {
7133
+ return _extends$y({}, state, {
7077
7134
  toasts: state.toasts.map(function (t) {
7078
- return t.id === toastId || toastId === undefined ? _extends$v({}, t, {
7135
+ return t.id === toastId || toastId === undefined ? _extends$y({}, t, {
7079
7136
  visible: false
7080
7137
  }) : t;
7081
7138
  })
@@ -7083,28 +7140,28 @@ var reducer = function reducer(state, action) {
7083
7140
 
7084
7141
  case ActionType.REMOVE_TOAST:
7085
7142
  if (action.toastId === undefined) {
7086
- return _extends$v({}, state, {
7143
+ return _extends$y({}, state, {
7087
7144
  toasts: []
7088
7145
  });
7089
7146
  }
7090
7147
 
7091
- return _extends$v({}, state, {
7148
+ return _extends$y({}, state, {
7092
7149
  toasts: state.toasts.filter(function (t) {
7093
7150
  return t.id !== action.toastId;
7094
7151
  })
7095
7152
  });
7096
7153
 
7097
7154
  case ActionType.START_PAUSE:
7098
- return _extends$v({}, state, {
7155
+ return _extends$y({}, state, {
7099
7156
  pausedAt: action.time
7100
7157
  });
7101
7158
 
7102
7159
  case ActionType.END_PAUSE:
7103
7160
  var diff = action.time - (state.pausedAt || 0);
7104
- return _extends$v({}, state, {
7161
+ return _extends$y({}, state, {
7105
7162
  pausedAt: undefined,
7106
7163
  toasts: state.toasts.map(function (t) {
7107
- return _extends$v({}, t, {
7164
+ return _extends$y({}, t, {
7108
7165
  pauseDuration: t.pauseDuration + diff
7109
7166
  });
7110
7167
  })
@@ -7151,12 +7208,12 @@ var useStore = function useStore(toastOptions) {
7151
7208
  var mergedToasts = state.toasts.map(function (t) {
7152
7209
  var _toastOptions$t$type, _toastOptions, _toastOptions$t$type2;
7153
7210
 
7154
- return _extends$v({}, toastOptions, toastOptions[t.type], t, {
7211
+ return _extends$y({}, toastOptions, toastOptions[t.type], t, {
7155
7212
  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],
7156
- style: _extends$v({}, toastOptions.style, (_toastOptions$t$type2 = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type2.style, t.style)
7213
+ style: _extends$y({}, toastOptions.style, (_toastOptions$t$type2 = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type2.style, t.style)
7157
7214
  });
7158
7215
  });
7159
- return _extends$v({}, state, {
7216
+ return _extends$y({}, state, {
7160
7217
  toasts: mergedToasts
7161
7218
  });
7162
7219
  };
@@ -7166,7 +7223,7 @@ var createToast = function createToast(message, type, opts) {
7166
7223
  type = 'blank';
7167
7224
  }
7168
7225
 
7169
- return _extends$v({
7226
+ return _extends$y({
7170
7227
  createdAt: Date.now(),
7171
7228
  visible: true,
7172
7229
  type: type,
@@ -7216,14 +7273,14 @@ toast.remove = function (toastId) {
7216
7273
  };
7217
7274
 
7218
7275
  toast.promise = function (promise, msgs, opts) {
7219
- var id = toast.loading(msgs.loading, _extends$v({}, opts, opts == null ? void 0 : opts.loading));
7276
+ var id = toast.loading(msgs.loading, _extends$y({}, opts, opts == null ? void 0 : opts.loading));
7220
7277
  promise.then(function (p) {
7221
- toast.success(resolveValue(msgs.success, p), _extends$v({
7278
+ toast.success(resolveValue(msgs.success, p), _extends$y({
7222
7279
  id: id
7223
7280
  }, opts, opts == null ? void 0 : opts.success));
7224
7281
  return p;
7225
7282
  })["catch"](function (e) {
7226
- toast.error(resolveValue(msgs.error, e), _extends$v({
7283
+ toast.error(resolveValue(msgs.error, e), _extends$y({
7227
7284
  id: id
7228
7285
  }, opts, opts == null ? void 0 : opts.error));
7229
7286
  });
@@ -7562,7 +7619,7 @@ var ToastBar = /*#__PURE__*/React.memo(function (_ref2) {
7562
7619
  var message = React.createElement(Message, Object.assign({}, toast.ariaProps), resolveValue(toast.message, toast));
7563
7620
  return React.createElement(ToastBarBase, {
7564
7621
  className: toast.className,
7565
- style: _extends$v({}, animationStyle, style, toast.style)
7622
+ style: _extends$y({}, animationStyle, style, toast.style)
7566
7623
  }, typeof children === 'function' ? children({
7567
7624
  icon: icon,
7568
7625
  message: message
@@ -7592,7 +7649,7 @@ var getPositionStyle = function getPositionStyle(position, offset) {
7592
7649
  } : position.includes('right') ? {
7593
7650
  justifyContent: 'flex-end'
7594
7651
  } : {};
7595
- return _extends$v({
7652
+ return _extends$y({
7596
7653
  left: 0,
7597
7654
  right: 0,
7598
7655
  display: 'flex',
@@ -7619,7 +7676,7 @@ var Toaster = function Toaster(_ref) {
7619
7676
  handlers = _useToaster.handlers;
7620
7677
 
7621
7678
  return React.createElement("div", {
7622
- style: _extends$v({
7679
+ style: _extends$y({
7623
7680
  position: 'fixed',
7624
7681
  zIndex: 9999,
7625
7682
  top: DEFAULT_OFFSET,
@@ -7654,87 +7711,87 @@ var Toaster = function Toaster(_ref) {
7654
7711
  }));
7655
7712
  };
7656
7713
 
7657
- var _path$s;
7714
+ var _path$v;
7658
7715
 
7659
- 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); }
7716
+ 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); }
7660
7717
 
7661
7718
  function SvgCheckSolid(props) {
7662
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
7719
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
7663
7720
  xmlns: "http://www.w3.org/2000/svg",
7664
7721
  className: "h-5 w-5",
7665
7722
  viewBox: "0 0 20 20",
7666
7723
  fill: "currentColor"
7667
- }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
7724
+ }, props), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
7668
7725
  fillRule: "evenodd",
7669
7726
  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",
7670
7727
  clipRule: "evenodd"
7671
7728
  })));
7672
7729
  }
7673
7730
 
7674
- var _path$r;
7731
+ var _path$u;
7675
7732
 
7676
- 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); }
7733
+ 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); }
7677
7734
 
7678
7735
  function SvgXIcon(props) {
7679
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
7736
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
7680
7737
  xmlns: "http://www.w3.org/2000/svg",
7681
7738
  viewBox: "0 0 20 20",
7682
7739
  fill: "currentColor"
7683
- }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
7740
+ }, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
7684
7741
  fill: "evenodd",
7685
7742
  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",
7686
7743
  clipRule: "evenodd"
7687
7744
  })));
7688
7745
  }
7689
7746
 
7690
- var _path$q;
7747
+ var _path$t;
7691
7748
 
7692
- 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); }
7749
+ 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); }
7693
7750
 
7694
7751
  function SvgXIconSolid(props) {
7695
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
7752
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
7696
7753
  className: "plc-w-4 plc-h-4",
7697
7754
  fill: "currentColor",
7698
7755
  xmlns: "http://www.w3.org/2000/svg",
7699
7756
  viewBox: "0 0 100 100"
7700
- }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
7757
+ }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
7701
7758
  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"
7702
7759
  })));
7703
7760
  }
7704
7761
 
7705
- var _path$p;
7762
+ var _path$s;
7706
7763
 
7707
- 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); }
7764
+ 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); }
7708
7765
 
7709
7766
  function SvgExclamation(props) {
7710
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
7767
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
7711
7768
  className: "plc-w-4 plc-h-4 plc-mr-1",
7712
7769
  xmlns: "http://www.w3.org/2000/svg",
7713
7770
  viewBox: "0 0 20 20",
7714
7771
  fill: "currentColor"
7715
- }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
7772
+ }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
7716
7773
  fillRule: "evenodd",
7717
7774
  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",
7718
7775
  clipRule: "evenodd"
7719
7776
  })));
7720
7777
  }
7721
7778
 
7722
- var _path$o, _path2$3;
7779
+ var _path$r, _path2$4;
7723
7780
 
7724
- 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); }
7781
+ 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); }
7725
7782
 
7726
7783
  function SvgSpinner(props) {
7727
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
7784
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
7728
7785
  className: "plc-animate-spin",
7729
7786
  viewBox: "0 0 24 24",
7730
7787
  fill: "currentColor",
7731
7788
  xmlns: "http://www.w3.org/2000/svg"
7732
- }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
7789
+ }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
7733
7790
  opacity: 0.2,
7734
7791
  fill: "evenodd",
7735
7792
  clipRule: "evenodd",
7736
7793
  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"
7737
- })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
7794
+ })), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
7738
7795
  d: "M2 12C2 6.477 6.477 2 12 2v3a7 7 0 00-7 7H2z"
7739
7796
  })));
7740
7797
  }
@@ -8460,55 +8517,116 @@ var pure = pure$1;
8460
8517
  var pure_1 = pure.loadStripe;
8461
8518
 
8462
8519
  /**
8463
- * @typedef {Object} OptionsType
8464
- * @property {boolean} loadPaymentSDKs
8465
- * @property {boolean} enableURLTriggers
8466
- * @property {boolean} enableTheme
8467
- * @property {boolean} enablePaywalls
8468
- * @property {boolean} enableGoogleAnalytics
8469
- */
8470
-
8471
- /**
8472
- * Initializes pelcro features based on the options flag object
8473
- * @param {OptionsType} options
8474
- * @returns
8520
+ * Extracts error message from the response error object
8521
+ * @param {Object} error Error object
8522
+ * @return {string}
8475
8523
  */
8524
+ const getErrorMessages = error => {
8525
+ var _error$error, _error$response, _error$response$data, _error$response3, _error$response3$data, _error$response3$data2, _error$response5, _error$response5$data;
8476
8526
 
8477
- const optionsController = options => {
8478
- if (!options) {
8479
- return;
8527
+ if (error !== null && error !== void 0 && (_error$error = error.error) !== null && _error$error !== void 0 && _error$error.message) {
8528
+ return error.error.message;
8480
8529
  }
8481
8530
 
8482
- const optionsMethodsDict = {
8483
- loadPaymentSDKs: loadPaymentSDKs,
8484
- enableURLTriggers: initViewFromURL,
8485
- enableTheme: applyPelcroTheme,
8486
- enablePaywalls: initPaywalls,
8487
- loadSecuritySDK: initSecuritySdk,
8488
- enableGoogleAnalytics: initGATracking
8489
- }; // Only execute enabled options
8531
+ 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) {
8532
+ var _error$response2, _error$response2$data;
8490
8533
 
8491
- Object.entries(options).filter(([_, value]) => value === true).forEach(([key]) => {
8492
- var _optionsMethodsDict$k;
8534
+ 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;
8535
+ }
8493
8536
 
8494
- return (_optionsMethodsDict$k = optionsMethodsDict[key]) === null || _optionsMethodsDict$k === void 0 ? void 0 : _optionsMethodsDict$k.call(optionsMethodsDict);
8495
- });
8496
- };
8497
- const initPaywalls = () => {
8498
- var _window$Pelcro$site$r;
8537
+ 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) {
8538
+ var _error$response4, _error$response4$data, _error$response4$data2;
8499
8539
 
8500
- const paywallMethods = window.Pelcro.paywall;
8501
- const viewFromURL = getStableViewID(window.Pelcro.helpers.getURLParameter("view"));
8540
+ 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;
8541
+ }
8502
8542
 
8503
- if (((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.settings) === "subscription") {
8504
- // blur entitlements based content
8505
- const didBlurContent = init(); // Skip paywall if article is not restricted
8543
+ const errorMessages = []; // enumerable error (ex: validation errors)
8506
8544
 
8507
- if (isValidViewFromURL(viewFromURL) || !paywallMethods.isArticleRestricted()) {
8508
- return;
8509
- }
8545
+ 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]) => {
8546
+ errorMessages.push(errorMessage);
8547
+ }); // convert to multiline string
8510
8548
 
8511
- const {
8549
+ return errorMessages.join("\n");
8550
+ };
8551
+ /**
8552
+ * Executes function after a wait time of inactivity
8553
+ * @param {function} func
8554
+ * @param {number} waitTime
8555
+ */
8556
+
8557
+ const debounce = (func, waitTime) => {
8558
+ let timeout;
8559
+ return function executedFunction(...args) {
8560
+ // The callback function to be executed after
8561
+ // the debounce time has elapsed
8562
+ const later = () => {
8563
+ // null timeout to indicate the debounce ended
8564
+ timeout = null;
8565
+ func(...args);
8566
+ }; // This will reset the waiting every function execution.
8567
+ // This is the step that prevents the function from
8568
+ // being executed because it will never reach the
8569
+ // inside of the previous setTimeout
8570
+
8571
+
8572
+ clearTimeout(timeout); // Restart the debounce waiting period.
8573
+ // setTimeout returns a truthy value (it differs in web vs Node)
8574
+
8575
+ timeout = setTimeout(later, waitTime);
8576
+ };
8577
+ };
8578
+
8579
+ /**
8580
+ * @typedef {Object} OptionsType
8581
+ * @property {boolean} loadPaymentSDKs
8582
+ * @property {boolean} enableURLTriggers
8583
+ * @property {boolean} enableTheme
8584
+ * @property {boolean} enablePaywalls
8585
+ * @property {boolean} enableGoogleAnalytics
8586
+ */
8587
+
8588
+ /**
8589
+ * Initializes pelcro features based on the options flag object
8590
+ * @param {OptionsType} options
8591
+ * @returns
8592
+ */
8593
+
8594
+ const optionsController = options => {
8595
+ if (!options) {
8596
+ return;
8597
+ }
8598
+
8599
+ const optionsMethodsDict = {
8600
+ loadPaymentSDKs: loadPaymentSDKs,
8601
+ loadAuth0SDK: loadAuth0SDK,
8602
+ enableURLTriggers: initViewFromURL,
8603
+ enableTheme: applyPelcroTheme,
8604
+ enablePaywalls: initPaywalls,
8605
+ loadSecuritySDK: initSecuritySdk,
8606
+ enableGoogleAnalytics: initGATracking
8607
+ }; // Only execute enabled options
8608
+
8609
+ Object.entries(options).filter(([_, value]) => value === true).forEach(([key]) => {
8610
+ var _optionsMethodsDict$k;
8611
+
8612
+ return (_optionsMethodsDict$k = optionsMethodsDict[key]) === null || _optionsMethodsDict$k === void 0 ? void 0 : _optionsMethodsDict$k.call(optionsMethodsDict);
8613
+ });
8614
+ };
8615
+ const initPaywalls = () => {
8616
+ var _window$Pelcro$site$r;
8617
+
8618
+ const paywallMethods = window.Pelcro.paywall;
8619
+ const viewFromURL = getStableViewID(window.Pelcro.helpers.getURLParameter("view"));
8620
+
8621
+ if (((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.settings) === "subscription") {
8622
+ // blur entitlements based content
8623
+ const didBlurContent = init(); // Skip paywall if article is not restricted
8624
+
8625
+ if (isValidViewFromURL(viewFromURL) || !paywallMethods.isArticleRestricted()) {
8626
+ return;
8627
+ }
8628
+
8629
+ const {
8512
8630
  switchView
8513
8631
  } = usePelcro.getStore();
8514
8632
 
@@ -8546,6 +8664,13 @@ const loadPaymentSDKs = () => {
8546
8664
  window.Pelcro.helpers.loadSDK("https://js.braintreegateway.com/web/3.69.0/js/paypal-checkout.min.js", "braintree-paypal-sdk");
8547
8665
  }
8548
8666
  };
8667
+ const loadAuth0SDK = () => {
8668
+ const auth0Enabled = Boolean(window.Pelcro.site.read().auth0_client_id && window.Pelcro.site.read().auth0_base_url);
8669
+
8670
+ if (auth0Enabled) {
8671
+ window.Pelcro.helpers.loadSDK("https://cdn.auth0.com/js/auth0/9.18/auth0.min.js", "auth0-sdk");
8672
+ }
8673
+ };
8549
8674
  const initSecuritySdk = () => {
8550
8675
  const {
8551
8676
  whenSiteReady
@@ -8691,6 +8816,10 @@ const initViewFromURL = () => {
8691
8816
  return initCartFromUrl();
8692
8817
  }
8693
8818
 
8819
+ if (view === "email-verify") {
8820
+ return verifyEmailTokenFromUrl();
8821
+ }
8822
+
8694
8823
  switchView(view);
8695
8824
  });
8696
8825
  }
@@ -8840,8 +8969,43 @@ const initCartFromUrl = () => {
8840
8969
  });
8841
8970
  };
8842
8971
 
8972
+ const verifyEmailTokenFromUrl = () => {
8973
+ var _window$Pelcro$site$r5, _window$Pelcro$site$r6;
8974
+
8975
+ const {
8976
+ whenUserReady
8977
+ } = usePelcro.getStore();
8978
+ const translations = i18next.t("verifyEmail:messages", {
8979
+ returnObjects: true
8980
+ });
8981
+ const emailToken = window.Pelcro.helpers.getURLParameter("token");
8982
+ 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;
8983
+ if (!emailToken || !isEmailVerificationEnabled) return;
8984
+ /*
8985
+ using whenUserReady means that the verification link needs to be
8986
+ opened on the same device that was used for registeration to guarantee
8987
+ that the user is authenticated. if that's not the case, nothing would show up,
8988
+ this is a limitation caused by the SDK and it's events
8989
+ */
8990
+
8991
+ whenUserReady(() => {
8992
+ window.Pelcro.user.verifyEmailToken({
8993
+ token: emailToken
8994
+ }, (err, res) => {
8995
+ if (err) {
8996
+ return notify.error(getErrorMessages(err));
8997
+ }
8998
+
8999
+ return notify.success(translations.success);
9000
+ });
9001
+ }, {
9002
+ once: true
9003
+ });
9004
+ };
9005
+
8843
9006
  const defaultOptions = {
8844
9007
  loadPaymentSDKs: true,
9008
+ loadAuth0SDK: true,
8845
9009
  enableURLTriggers: true,
8846
9010
  enableTheme: true,
8847
9011
  enablePaywalls: true,
@@ -9121,6 +9285,7 @@ const SUBSCRIBE = "CREATE_SUBSCRIPTION";
9121
9285
  const HANDLE_PAYPAL_SUBSCRIPTION = "HANDLE_PAYPAL_SUBSCRIPTION";
9122
9286
  const DISABLE_COUPON_BUTTON = "DISABLE_COUPON_BUTTON";
9123
9287
  const APPLY_COUPON_CODE = "APPLY_COUPON_CODE";
9288
+ const REMOVE_APPLIED_COUPON = "REMOVE_APPLIED_COUPON";
9124
9289
  const SET_PERCENT_OFF = "SET_PERCENT_OFF";
9125
9290
  const SET_COUPON = "SET_COUPON";
9126
9291
  const SET_COUPON_ERROR = "SET_COUPON_ERROR";
@@ -9177,67 +9342,7 @@ const GET_NEWSLETTERS_FETCH = "GET_NEWSLETTERS_FETCH";
9177
9342
  const GET_NEWSLETTERS_SUCCESS = "GET_NEWSLETTERS_SUCCESS";
9178
9343
  const SWITCH_TO_UPDATE = "SWITCH_TO_UPDATE";
9179
9344
 
9180
- /**
9181
- * Extracts error message from the response error object
9182
- * @param {Object} error Error object
9183
- * @return {string}
9184
- */
9185
- const getErrorMessages = error => {
9186
- var _error$error, _error$response, _error$response$data, _error$response3, _error$response3$data, _error$response3$data2, _error$response5, _error$response5$data;
9187
-
9188
- if (error !== null && error !== void 0 && (_error$error = error.error) !== null && _error$error !== void 0 && _error$error.message) {
9189
- return error.error.message;
9190
- }
9191
-
9192
- 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) {
9193
- var _error$response2, _error$response2$data;
9194
-
9195
- 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;
9196
- }
9197
-
9198
- 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) {
9199
- var _error$response4, _error$response4$data, _error$response4$data2;
9200
-
9201
- 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;
9202
- }
9203
-
9204
- const errorMessages = []; // enumerable error (ex: validation errors)
9205
-
9206
- 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]) => {
9207
- errorMessages.push(errorMessage);
9208
- }); // convert to multiline string
9209
-
9210
- return errorMessages.join("\n");
9211
- };
9212
- /**
9213
- * Executes function after a wait time of inactivity
9214
- * @param {function} func
9215
- * @param {number} waitTime
9216
- */
9217
-
9218
- const debounce = (func, waitTime) => {
9219
- let timeout;
9220
- return function executedFunction(...args) {
9221
- // The callback function to be executed after
9222
- // the debounce time has elapsed
9223
- const later = () => {
9224
- // null timeout to indicate the debounce ended
9225
- timeout = null;
9226
- func(...args);
9227
- }; // This will reset the waiting every function execution.
9228
- // This is the step that prevents the function from
9229
- // being executed because it will never reach the
9230
- // inside of the previous setTimeout
9231
-
9232
-
9233
- clearTimeout(timeout); // Restart the debounce waiting period.
9234
- // setTimeout returns a truthy value (it differs in web vs Node)
9235
-
9236
- timeout = setTimeout(later, waitTime);
9237
- };
9238
- };
9239
-
9240
- const initialState$f = {
9345
+ const initialState$g = {
9241
9346
  email: "",
9242
9347
  password: "",
9243
9348
  emailError: null,
@@ -9248,10 +9353,10 @@ const initialState$f = {
9248
9353
  content: ""
9249
9354
  }
9250
9355
  };
9251
- const store$f = /*#__PURE__*/React.createContext(initialState$f);
9356
+ const store$g = /*#__PURE__*/React.createContext(initialState$g);
9252
9357
  const {
9253
- Provider: Provider$f
9254
- } = store$f;
9358
+ Provider: Provider$g
9359
+ } = store$g;
9255
9360
 
9256
9361
  const LoginContainer = ({
9257
9362
  style,
@@ -9358,7 +9463,7 @@ const LoginContainer = ({
9358
9463
  });
9359
9464
 
9360
9465
  case RESET_LOGIN_FORM:
9361
- return initialState$f;
9466
+ return initialState$g;
9362
9467
 
9363
9468
  case DISABLE_LOGIN_BUTTON:
9364
9469
  return lib_7({ ...state,
@@ -9376,12 +9481,12 @@ const LoginContainer = ({
9376
9481
  default:
9377
9482
  return state;
9378
9483
  }
9379
- }, initialState$f);
9484
+ }, initialState$g);
9380
9485
  return /*#__PURE__*/React__default['default'].createElement("div", {
9381
9486
  style: { ...style
9382
9487
  },
9383
9488
  className: `pelcro-container pelcro-login-container ${className}`
9384
- }, /*#__PURE__*/React__default['default'].createElement(Provider$f, {
9489
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$g, {
9385
9490
  value: {
9386
9491
  state,
9387
9492
  dispatch
@@ -9389,12 +9494,12 @@ const LoginContainer = ({
9389
9494
  }, children.length ? children.map((child, i) => {
9390
9495
  if (child) {
9391
9496
  return /*#__PURE__*/React__default['default'].cloneElement(child, {
9392
- store: store$f,
9497
+ store: store$g,
9393
9498
  key: i
9394
9499
  });
9395
9500
  }
9396
9501
  }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
9397
- store: store$f
9502
+ store: store$g
9398
9503
  })));
9399
9504
  };
9400
9505
 
@@ -9639,7 +9744,7 @@ const LoginButton = ({
9639
9744
  buttonDisabled
9640
9745
  },
9641
9746
  dispatch
9642
- } = React.useContext(store$f);
9747
+ } = React.useContext(store$g);
9643
9748
  const {
9644
9749
  t
9645
9750
  } = useTranslation("login");
@@ -9660,23 +9765,23 @@ const LoginButton = ({
9660
9765
  };
9661
9766
 
9662
9767
  const LoginEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
9663
- store: store$f
9768
+ store: store$g
9664
9769
  }, props));
9665
9770
 
9666
9771
  const LoginPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
9667
- store: store$f
9772
+ store: store$g
9668
9773
  }, props));
9669
9774
 
9670
- var _path$n;
9775
+ var _path$q;
9671
9776
 
9672
- 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); }
9777
+ 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); }
9673
9778
 
9674
9779
  function SvgCheck(props) {
9675
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
9780
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
9676
9781
  xmlns: "http://www.w3.org/2000/svg",
9677
9782
  fill: "currentColor",
9678
9783
  viewBox: "0 0 20 20"
9679
- }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
9784
+ }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
9680
9785
  fillRule: "evenodd",
9681
9786
  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",
9682
9787
  clipRule: "evenodd"
@@ -9741,7 +9846,7 @@ var facebookLoginRenderProps = createCommonjsModule(function (module, exports) {
9741
9846
  var FacebookLogin = unwrapExports(facebookLoginRenderProps);
9742
9847
  facebookLoginRenderProps.FacebookLogin;
9743
9848
 
9744
- const initialState$e = {
9849
+ const initialState$f = {
9745
9850
  email: "",
9746
9851
  password: "",
9747
9852
  emailError: null,
@@ -9758,10 +9863,10 @@ const initialState$e = {
9758
9863
  content: ""
9759
9864
  }
9760
9865
  };
9761
- const store$e = /*#__PURE__*/React.createContext(initialState$e);
9866
+ const store$f = /*#__PURE__*/React.createContext(initialState$f);
9762
9867
  const {
9763
- Provider: Provider$e
9764
- } = store$e;
9868
+ Provider: Provider$f
9869
+ } = store$f;
9765
9870
 
9766
9871
  const RegisterContainer = ({
9767
9872
  style,
@@ -9944,7 +10049,7 @@ const RegisterContainer = ({
9944
10049
  });
9945
10050
 
9946
10051
  case RESET_LOGIN_FORM:
9947
- return initialState$e;
10052
+ return initialState$f;
9948
10053
 
9949
10054
  case DISABLE_REGISTRATION_BUTTON:
9950
10055
  return lib_7({ ...state,
@@ -9962,12 +10067,12 @@ const RegisterContainer = ({
9962
10067
  default:
9963
10068
  return state;
9964
10069
  }
9965
- }, initialState$e);
10070
+ }, initialState$f);
9966
10071
  return /*#__PURE__*/React__default['default'].createElement("div", {
9967
10072
  style: { ...style
9968
10073
  },
9969
10074
  className: `pelcro-container pelcro-register-container ${className}`
9970
- }, /*#__PURE__*/React__default['default'].createElement(Provider$e, {
10075
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$f, {
9971
10076
  value: {
9972
10077
  state,
9973
10078
  dispatch
@@ -9975,12 +10080,12 @@ const RegisterContainer = ({
9975
10080
  }, children.length ? children.map((child, i) => {
9976
10081
  if (child) {
9977
10082
  return /*#__PURE__*/React__default['default'].cloneElement(child, {
9978
- store: store$e,
10083
+ store: store$f,
9979
10084
  key: i
9980
10085
  });
9981
10086
  }
9982
10087
  }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
9983
- store: store$e
10088
+ store: store$f
9984
10089
  })));
9985
10090
  };
9986
10091
  /**
@@ -9989,19 +10094,21 @@ const RegisterContainer = ({
9989
10094
  */
9990
10095
 
9991
10096
  function hasSecurityTokenEnabled$1() {
9992
- const hasSecuritySdkLoaded = Boolean(window.grecaptcha);
10097
+ var _window$Pelcro$site$r2;
10098
+
10099
+ const hasSecuritySdkLoaded = Boolean((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.security_key);
9993
10100
  return hasSecuritySdkLoaded;
9994
10101
  }
9995
10102
 
9996
- var _path$m;
10103
+ var _path$p;
9997
10104
 
9998
- 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); }
10105
+ 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); }
9999
10106
 
10000
10107
  function SvgFacebookLogo(props) {
10001
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
10108
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
10002
10109
  xmlns: "http://www.w3.org/2000/svg",
10003
10110
  viewBox: "88.428 12.828 107.543 207.085"
10004
- }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
10111
+ }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
10005
10112
  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",
10006
10113
  fill: "#3c5a9a"
10007
10114
  })));
@@ -10018,10 +10125,10 @@ const FacebookLoginButton = ({
10018
10125
  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;
10019
10126
  const {
10020
10127
  dispatch: loginDispatch
10021
- } = React.useContext(store$f);
10128
+ } = React.useContext(store$g);
10022
10129
  const {
10023
10130
  dispatch: registerDispatch
10024
- } = React.useContext(store$e);
10131
+ } = React.useContext(store$f);
10025
10132
 
10026
10133
  const onSuccess = facebookUser => {
10027
10134
  loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
@@ -10074,18 +10181,18 @@ var googleLogin = createCommonjsModule(function (module, exports) {
10074
10181
  unwrapExports(googleLogin);
10075
10182
  var googleLogin_1 = googleLogin.GoogleLogin;
10076
10183
 
10077
- var _path$l, _path2$2, _path3$1, _path4;
10184
+ var _path$o, _path2$3, _path3$1, _path4;
10078
10185
 
10079
- 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); }
10186
+ 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); }
10080
10187
 
10081
10188
  function SvgGoogleLogo(props) {
10082
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
10189
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
10083
10190
  viewBox: "0 0 24 24",
10084
10191
  xmlns: "http://www.w3.org/2000/svg"
10085
- }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
10192
+ }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
10086
10193
  fill: "#4285F4",
10087
10194
  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"
10088
- })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
10195
+ })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
10089
10196
  fill: "#34A853",
10090
10197
  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"
10091
10198
  })), _path3$1 || (_path3$1 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -10108,10 +10215,10 @@ const GoogleLoginButton = ({
10108
10215
  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;
10109
10216
  const {
10110
10217
  dispatch: loginDispatch
10111
- } = React.useContext(store$f);
10218
+ } = React.useContext(store$g);
10112
10219
  const {
10113
10220
  dispatch: registerDispatch
10114
- } = React.useContext(store$e);
10221
+ } = React.useContext(store$f);
10115
10222
 
10116
10223
  const onSuccess = response => {
10117
10224
  var _response$getAuthResp, _profile$getEmail, _profile$getGivenName, _profile$getFamilyNam, _profile$getEmail2, _profile$getGivenName2, _profile$getFamilyNam2;
@@ -10159,17 +10266,127 @@ const GoogleLoginButton = ({
10159
10266
  }) : null;
10160
10267
  };
10161
10268
 
10269
+ var _path$n;
10270
+
10271
+ 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); }
10272
+
10273
+ function SvgAuth0Logo(props) {
10274
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
10275
+ viewBox: "0 0 256 285",
10276
+ xmlns: "http://www.w3.org/2000/svg"
10277
+ }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
10278
+ 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"
10279
+ })));
10280
+ }
10281
+
10282
+ const Auth0LoginButton = ({
10283
+ label = "Auth0",
10284
+ className = "",
10285
+ labelClassName = "",
10286
+ iconClassName = ""
10287
+ }) => {
10288
+ if (!window.auth0 && window.Pelcro.site.read().auth0_client_id && window.Pelcro.site.read().auth0_base_url) {
10289
+ console.error("Auth0 sdk script wasn't loaded, you need to load auth0 sdk before rendering the Auth0LoginButton");
10290
+ }
10291
+
10292
+ const auth0Enabled = Boolean(window.Pelcro.site.read().auth0_client_id && window.Pelcro.site.read().auth0_base_url && window.auth0);
10293
+ const auth0InstanceRef = React__default['default'].useRef(null);
10294
+ React__default['default'].useEffect(() => {
10295
+ if (auth0Enabled) {
10296
+ auth0InstanceRef.current = new window.auth0.WebAuth({
10297
+ domain: window.Pelcro.site.read().auth0_base_url,
10298
+ clientID: window.Pelcro.site.read().auth0_client_id
10299
+ });
10300
+ }
10301
+ }, []);
10302
+ const {
10303
+ dispatch: loginDispatch
10304
+ } = React.useContext(store$g);
10305
+ const {
10306
+ dispatch: registerDispatch
10307
+ } = React.useContext(store$f);
10308
+
10309
+ function handleClick() {
10310
+ var _auth0InstanceRef$cur, _auth0InstanceRef$cur2, _auth0InstanceRef$cur3;
10311
+
10312
+ (_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, {
10313
+ responseType: "token id_token",
10314
+ owp: true // close popup when finished
10315
+
10316
+ }, function (error, authResult) {
10317
+ if (error) {
10318
+ return onFailure(error);
10319
+ }
10320
+
10321
+ onSuccess(authResult);
10322
+ });
10323
+ }
10324
+
10325
+ const onSuccess = authResult => {
10326
+ var _auth0InstanceRef$cur4, _auth0InstanceRef$cur5, _auth0InstanceRef$cur6;
10327
+
10328
+ const {
10329
+ accessToken
10330
+ } = authResult;
10331
+ (_auth0InstanceRef$cur4 = auth0InstanceRef.current) === null || _auth0InstanceRef$cur4 === void 0 ? void 0 : (_auth0InstanceRef$cur5 = _auth0InstanceRef$cur4.client) === null || _auth0InstanceRef$cur5 === void 0 ? void 0 : (_auth0InstanceRef$cur6 = _auth0InstanceRef$cur5.userInfo) === null || _auth0InstanceRef$cur6 === void 0 ? void 0 : _auth0InstanceRef$cur6.call(_auth0InstanceRef$cur5, accessToken, (error, user) => {
10332
+ if (error) {
10333
+ return onFailure(error);
10334
+ }
10335
+
10336
+ const {
10337
+ email,
10338
+ nickname
10339
+ } = user;
10340
+ loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
10341
+ type: HANDLE_SOCIAL_LOGIN,
10342
+ payload: {
10343
+ idpName: "auth0",
10344
+ idpToken: accessToken,
10345
+ firstName: nickname,
10346
+ email
10347
+ }
10348
+ });
10349
+ registerDispatch === null || registerDispatch === void 0 ? void 0 : registerDispatch({
10350
+ type: HANDLE_SOCIAL_LOGIN,
10351
+ payload: {
10352
+ idpName: "auth0",
10353
+ idpToken: accessToken,
10354
+ firstName: nickname,
10355
+ email
10356
+ }
10357
+ });
10358
+ });
10359
+ };
10360
+
10361
+ const onFailure = error => {
10362
+ console.error(error);
10363
+ };
10364
+
10365
+ if (auth0Enabled) {
10366
+ return /*#__PURE__*/React__default['default'].createElement("button", {
10367
+ onClick: handleClick,
10368
+ className: `plc-flex plc-items-center plc-justify-center plc-w-full plc-p-3 plc-space-x-3 plc-text-gray-700 plc-border plc-border-gray-200 plc-rounded-3xl hover:plc-bg-gray-200 pelcro-auth0-login ${className}`
10369
+ }, /*#__PURE__*/React__default['default'].createElement(SvgAuth0Logo, {
10370
+ className: `plc-w-6 plc-h-auto pelcro-auth0-login-icon" ${iconClassName}`
10371
+ }), /*#__PURE__*/React__default['default'].createElement("p", {
10372
+ className: `pelcro-auth0-login-label ${labelClassName}`
10373
+ }, label));
10374
+ }
10375
+
10376
+ return null;
10377
+ };
10378
+
10162
10379
  /**
10163
10380
  *
10164
10381
  */
10165
10382
 
10166
10383
  function LoginView(props) {
10167
- var _window$Pelcro$site$r, _window$Pelcro$site$r2;
10384
+ var _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro$site$r3;
10168
10385
 
10169
10386
  const {
10170
10387
  t
10171
10388
  } = useTranslation("login");
10172
- const socialLoginEnabled = ((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.facebook_app_id) || ((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.google_app_id);
10389
+ const socialLoginEnabled = ((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.facebook_app_id) || ((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.google_app_id) || ((_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.auth0_client_id);
10173
10390
  return /*#__PURE__*/React__default['default'].createElement("div", {
10174
10391
  id: "pelcro-login-view"
10175
10392
  }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -10213,22 +10430,22 @@ function LoginView(props) {
10213
10430
  className: "plc-w-full plc-border-gray-300"
10214
10431
  })), /*#__PURE__*/React__default['default'].createElement("div", {
10215
10432
  className: "plc-flex plc-justify-center plc-px-5 plc-mt-1 plc-space-x-3"
10216
- }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null))))));
10433
+ }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null), /*#__PURE__*/React__default['default'].createElement(Auth0LoginButton, null))))));
10217
10434
  }
10218
10435
 
10219
- var _path$k, _path2$1, _path3;
10436
+ var _path$m, _path2$2, _path3;
10220
10437
 
10221
- 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); }
10438
+ 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); }
10222
10439
 
10223
10440
  function SvgPelcroAuthorship(props) {
10224
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
10441
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
10225
10442
  xmlns: "http://www.w3.org/2000/svg",
10226
10443
  viewBox: "0 -80.652 497.072 179.991"
10227
- }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
10444
+ }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
10228
10445
  fill: "none",
10229
10446
  stroke: "#4a4a4a",
10230
10447
  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"
10231
- })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
10448
+ })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
10232
10449
  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",
10233
10450
  fill: "#4a4a4a"
10234
10451
  })), _path3 || (_path3 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -10371,11 +10588,11 @@ function LoginModal({
10371
10588
  LoginModal.viewId = "login";
10372
10589
 
10373
10590
  const RegisterEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
10374
- store: store$e
10591
+ store: store$f
10375
10592
  }, props));
10376
10593
 
10377
10594
  const RegisterPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
10378
- store: store$e
10595
+ store: store$f
10379
10596
  }, props));
10380
10597
 
10381
10598
  const RegisterButton = ({
@@ -10395,7 +10612,7 @@ const RegisterButton = ({
10395
10612
  buttonDisabled
10396
10613
  },
10397
10614
  dispatch
10398
- } = React.useContext(store$e);
10615
+ } = React.useContext(store$f);
10399
10616
  const {
10400
10617
  t
10401
10618
  } = useTranslation("register");
@@ -10533,7 +10750,7 @@ function FirstName({
10533
10750
  }
10534
10751
 
10535
10752
  const RegisterFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
10536
- store: store$e
10753
+ store: store$f
10537
10754
  }, props));
10538
10755
 
10539
10756
  function LastName({
@@ -10564,7 +10781,7 @@ function LastName({
10564
10781
  }
10565
10782
 
10566
10783
  const RegisterLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
10567
- store: store$e
10784
+ store: store$f
10568
10785
  }, props));
10569
10786
 
10570
10787
  /**
@@ -10572,7 +10789,7 @@ const RegisterLastName = props => /*#__PURE__*/React__default['default'].createE
10572
10789
  */
10573
10790
 
10574
10791
  function RegisterView(props) {
10575
- var _product$paywall$regi, _product$paywall, _product$paywall$regi2, _product$paywall2, _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro, _window$Pelcro$uiSett;
10792
+ var _product$paywall$regi, _product$paywall, _product$paywall$regi2, _product$paywall2, _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro$site$r3, _window$Pelcro, _window$Pelcro$uiSett;
10576
10793
 
10577
10794
  const {
10578
10795
  t
@@ -10582,7 +10799,7 @@ function RegisterView(props) {
10582
10799
  } = usePelcro();
10583
10800
  const title = (_product$paywall$regi = product === null || product === void 0 ? void 0 : (_product$paywall = product.paywall) === null || _product$paywall === void 0 ? void 0 : _product$paywall.register_title) !== null && _product$paywall$regi !== void 0 ? _product$paywall$regi : t("title");
10584
10801
  const subtitle = (_product$paywall$regi2 = product === null || product === void 0 ? void 0 : (_product$paywall2 = product.paywall) === null || _product$paywall2 === void 0 ? void 0 : _product$paywall2.register_subtitle) !== null && _product$paywall$regi2 !== void 0 ? _product$paywall$regi2 : t("subtitle");
10585
- const socialLoginEnabled = ((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.facebook_app_id) || ((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.google_app_id);
10802
+ const socialLoginEnabled = ((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.facebook_app_id) || ((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.google_app_id) || ((_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.auth0_client_id);
10586
10803
  const showNameFields = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$uiSett = _window$Pelcro.uiSettings) === null || _window$Pelcro$uiSett === void 0 ? void 0 : _window$Pelcro$uiSett.enableNameFieldsInRegister;
10587
10804
  return /*#__PURE__*/React__default['default'].createElement("div", {
10588
10805
  id: "pelcro-register-view"
@@ -10640,7 +10857,7 @@ function RegisterView(props) {
10640
10857
  className: "plc-w-full plc-border-gray-300"
10641
10858
  })), /*#__PURE__*/React__default['default'].createElement("div", {
10642
10859
  className: "plc-flex plc-justify-center plc-px-5 plc-mt-1 plc-space-x-3"
10643
- }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null))))));
10860
+ }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null), /*#__PURE__*/React__default['default'].createElement(Auth0LoginButton, null))))));
10644
10861
  }
10645
10862
  /**
10646
10863
  * Checks if the current site has security token enabled
@@ -10648,9 +10865,9 @@ function RegisterView(props) {
10648
10865
  */
10649
10866
 
10650
10867
  function hasSecurityTokenEnabled() {
10651
- var _window$Pelcro$site, _window$Pelcro$site$r3;
10868
+ var _window$Pelcro$site, _window$Pelcro$site$r4;
10652
10869
 
10653
- return Boolean((_window$Pelcro$site = window.Pelcro.site) === null || _window$Pelcro$site === void 0 ? void 0 : (_window$Pelcro$site$r3 = _window$Pelcro$site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.security_key);
10870
+ return Boolean((_window$Pelcro$site = window.Pelcro.site) === null || _window$Pelcro$site === void 0 ? void 0 : (_window$Pelcro$site$r4 = _window$Pelcro$site.read()) === null || _window$Pelcro$site$r4 === void 0 ? void 0 : _window$Pelcro$site$r4.security_key);
10654
10871
  }
10655
10872
 
10656
10873
  function TextInput({
@@ -10688,7 +10905,7 @@ function TextInput({
10688
10905
 
10689
10906
  const RegisterTextInput = props => {
10690
10907
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
10691
- store: store$e
10908
+ store: store$f
10692
10909
  }));
10693
10910
  };
10694
10911
 
@@ -10940,42 +11157,80 @@ class SelectModal extends React.Component {
10940
11157
  return `${startingPlan.amount_formatted}/${startingPlan.interval}`;
10941
11158
  });
10942
11159
 
11160
+ _defineProperty$3(this, "renderOneProduct", (product, index, options) => {
11161
+ const isPlanMode = Boolean(this.state.mode === "plan");
11162
+ const productButtonLabel = isPlanMode ? this.locale("buttons.back") : this.locale("buttons.select");
11163
+ const productButtonCallback = isPlanMode ? this.goBack : this.selectProduct;
11164
+ return /*#__PURE__*/React__default['default'].createElement("div", {
11165
+ key: product.id,
11166
+ className: `plc-flex plc-items-start plc-p-2 plc-mt-4 plc-space-x-3 plc-text-gray-900 plc-border-solid plc-rounded plc-border-primary-500 pelcro-select-product-wrapper ${options !== null && options !== void 0 && options.emphasize ? "plc-border-2" : "plc-border"}`
11167
+ }, product.image && /*#__PURE__*/React__default['default'].createElement("img", {
11168
+ alt: `image of ${product.name}`,
11169
+ src: product.image,
11170
+ className: "plc-object-contain plc-w-1/4 pelcro-select-product-image"
11171
+ }), /*#__PURE__*/React__default['default'].createElement("div", {
11172
+ className: `plc-flex plc-flex-wrap ${product.image ? "plc-w-3/4" : "plc-w-full"}`
11173
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
11174
+ className: "plc-w-full pelcro-select-product-header"
11175
+ }, /*#__PURE__*/React__default['default'].createElement("p", {
11176
+ className: "plc-font-bold pelcro-select-product-title"
11177
+ }, product.name), /*#__PURE__*/React__default['default'].createElement("p", {
11178
+ className: "plc-text-xs pelcro-select-product-description"
11179
+ }, product.description)), /*#__PURE__*/React__default['default'].createElement("div", {
11180
+ className: "plc-flex plc-items-end plc-w-full plc-mt-3"
11181
+ }, product.plans && /*#__PURE__*/React__default['default'].createElement("p", {
11182
+ className: "plc-w-1/2 plc-text-xs pelcro-select-product-cost"
11183
+ }, this.locale("labels.startingAt"), " ", this.countStartPrice(product.plans)), /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
11184
+ onClick: productButtonCallback,
11185
+ "data-key": product.id,
11186
+ id: "pelcro-select-product-back-button",
11187
+ className: `plc-ml-auto plc-text-xs ${options !== null && options !== void 0 && options.emphasize ? "plc-bg-primary-700" : ""}`
11188
+ }, index === 0 && {
11189
+ autoFocus: true
11190
+ }), productButtonLabel))));
11191
+ });
11192
+
10943
11193
  _defineProperty$3(this, "renderProducts", () => {
10944
11194
  const userDidSelectProduct = Boolean(this.state.mode === "plan");
10945
11195
  const productsToShow = userDidSelectProduct ? [this.state.product] : this.state.productList;
10946
- const productButtonLabel = userDidSelectProduct ? this.locale("buttons.back") : this.locale("buttons.select");
10947
- const productButtonCallback = userDidSelectProduct ? this.goBack : this.selectProduct;
10948
- return productsToShow.map((product, i) => {
10949
- return /*#__PURE__*/React__default['default'].createElement("div", {
10950
- key: product.id,
10951
- className: "plc-flex plc-items-start plc-p-2 plc-mt-4 plc-space-x-3 plc-text-gray-900 plc-border plc-border-solid plc-rounded plc-border-primary-500 pelcro-select-product-wrapper"
10952
- }, product.image && /*#__PURE__*/React__default['default'].createElement("img", {
10953
- alt: `image of ${product.name}`,
10954
- src: product.image,
10955
- className: "plc-object-contain plc-w-1/4 pelcro-select-product-image"
10956
- }), /*#__PURE__*/React__default['default'].createElement("div", {
10957
- className: `plc-flex plc-flex-wrap ${product.image ? "plc-w-3/4" : "plc-w-full"}`
10958
- }, /*#__PURE__*/React__default['default'].createElement("div", {
10959
- className: "plc-w-full pelcro-select-product-header"
10960
- }, /*#__PURE__*/React__default['default'].createElement("p", {
10961
- className: "plc-font-bold pelcro-select-product-title"
10962
- }, product.name), /*#__PURE__*/React__default['default'].createElement("p", {
10963
- className: "plc-text-xs pelcro-select-product-description"
10964
- }, product.description)), /*#__PURE__*/React__default['default'].createElement("div", {
10965
- className: "plc-flex plc-items-end plc-w-full plc-mt-3"
10966
- }, product.plans && /*#__PURE__*/React__default['default'].createElement("p", {
10967
- className: "plc-w-1/2 plc-text-xs pelcro-select-product-cost"
10968
- }, this.locale("labels.startingAt"), " ", this.countStartPrice(product.plans)), /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
10969
- onClick: productButtonCallback,
10970
- "data-key": product.id,
10971
- id: "pelcro-select-product-back-button",
10972
- className: "plc-ml-auto plc-text-xs"
10973
- }, i === 0 && {
10974
- autoFocus: true
10975
- }), productButtonLabel))));
11196
+ return productsToShow.map((product, index) => {
11197
+ return this.renderOneProduct(product, index);
10976
11198
  });
10977
11199
  });
10978
11200
 
11201
+ _defineProperty$3(this, "renderMatchingProductsFirst", () => {
11202
+ const isPlanMode = Boolean(this.state.mode === "plan");
11203
+
11204
+ if (isPlanMode) {
11205
+ return this.renderOneProduct(this.state.product);
11206
+ }
11207
+
11208
+ const [productsThatMatchArticleTag, allProductsMinusMatched] = productsWithMatchedTaggedFirst(); // Render normal products if there are no available matching products
11209
+
11210
+ if (!(productsThatMatchArticleTag !== null && productsThatMatchArticleTag !== void 0 && productsThatMatchArticleTag.length)) {
11211
+ return this.renderProducts();
11212
+ }
11213
+
11214
+ return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("h3", {
11215
+ className: "plc-text-sm plc-font-semibold"
11216
+ }, this.locale("labels.restrictiveArticles.subscribeTo")), productsThatMatchArticleTag.map((product, index) => this.renderOneProduct(product, index, {
11217
+ emphasize: true
11218
+ })), (allProductsMinusMatched === null || allProductsMinusMatched === void 0 ? void 0 : allProductsMinusMatched.length) > 0 && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("hr", {
11219
+ className: "plc-my-4"
11220
+ }), /*#__PURE__*/React__default['default'].createElement("h3", {
11221
+ className: "plc-text-sm plc-font-semibold"
11222
+ }, this.locale("labels.restrictiveArticles.or")), allProductsMinusMatched.map((product, index) => this.renderOneProduct(product, index))));
11223
+
11224
+ function productsWithMatchedTaggedFirst() {
11225
+ var _window$Pelcro$produc;
11226
+
11227
+ const allProducts = (_window$Pelcro$produc = window.Pelcro.product.list()) !== null && _window$Pelcro$produc !== void 0 ? _window$Pelcro$produc : [];
11228
+ const productsThatMatchArticleTag = window.Pelcro.product.getByMatchingPageTags();
11229
+ const allProductsMinusMatched = allProducts.filter(product => !productsThatMatchArticleTag.some(matchedProduct => matchedProduct.id === product.id));
11230
+ return [productsThatMatchArticleTag, allProductsMinusMatched];
11231
+ }
11232
+ });
11233
+
10979
11234
  _defineProperty$3(this, "renderPlans", () => {
10980
11235
  return this.state.planList.map(plan => {
10981
11236
  const isChecked = this.state.plan.id === plan.id ? true : false;
@@ -11102,7 +11357,7 @@ class SelectModal extends React.Component {
11102
11357
  }
11103
11358
 
11104
11359
  render() {
11105
- var _window$Pelcro$produc, _window$Pelcro$produc2;
11360
+ var _window$Pelcro$produc2, _window$Pelcro$produc3, _window$Pelcro$site$r;
11106
11361
 
11107
11362
  const {
11108
11363
  disableGifting
@@ -11136,9 +11391,9 @@ class SelectModal extends React.Component {
11136
11391
  className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
11137
11392
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
11138
11393
  className: "plc-text-2xl plc-font-semibold"
11139
- }, this.product && this.product.paywall.select_title || ((_window$Pelcro$produc = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc === void 0 ? void 0 : _window$Pelcro$produc.paywall.select_title)), /*#__PURE__*/React__default['default'].createElement("p", null, this.product && this.product.paywall.select_subtitle || ((_window$Pelcro$produc2 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc2 === void 0 ? void 0 : _window$Pelcro$produc2.paywall.select_subtitle))), /*#__PURE__*/React__default['default'].createElement("div", {
11394
+ }, this.product && this.product.paywall.select_title || ((_window$Pelcro$produc2 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc2 === void 0 ? void 0 : _window$Pelcro$produc2.paywall.select_title)), /*#__PURE__*/React__default['default'].createElement("p", null, this.product && this.product.paywall.select_subtitle || ((_window$Pelcro$produc3 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc3 === void 0 ? void 0 : _window$Pelcro$produc3.paywall.select_subtitle))), /*#__PURE__*/React__default['default'].createElement("div", {
11140
11395
  className: "pelcro-select-products-wrapper"
11141
- }, this.renderProducts()), this.state.mode === "plan" && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
11396
+ }, (_window$Pelcro$site$r = window.Pelcro.site.read()) !== null && _window$Pelcro$site$r !== void 0 && _window$Pelcro$site$r.restrictive_paywall_metatags_enabled ? this.renderMatchingProductsFirst() : this.renderProducts()), this.state.mode === "plan" && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
11142
11397
  className: "plc-overflow-y-scroll plc-max-h-72 pelcro-select-plans-wrapper"
11143
11398
  }, this.renderPlans()), !disableGifting && /*#__PURE__*/React__default['default'].createElement("div", {
11144
11399
  className: "plc-flex plc-justify-center plc-mt-2"
@@ -12660,7 +12915,7 @@ class PaypalGateWay {
12660
12915
 
12661
12916
  /** @type {PaymentStateType} */
12662
12917
 
12663
- const initialState$d = {
12918
+ const initialState$e = {
12664
12919
  disableSubmit: false,
12665
12920
  isLoading: false,
12666
12921
  disableCouponButton: false,
@@ -12679,10 +12934,10 @@ const initialState$d = {
12679
12934
  content: ""
12680
12935
  }
12681
12936
  };
12682
- const store$d = /*#__PURE__*/React.createContext(initialState$d);
12937
+ const store$e = /*#__PURE__*/React.createContext(initialState$e);
12683
12938
  const {
12684
- Provider: Provider$d
12685
- } = store$d;
12939
+ Provider: Provider$e
12940
+ } = store$e;
12686
12941
 
12687
12942
  const PaymentMethodContainerWithoutStripe = ({
12688
12943
  style,
@@ -12844,15 +13099,50 @@ const PaymentMethodContainerWithoutStripe = ({
12844
13099
  });
12845
13100
 
12846
13101
  if (err) {
13102
+ onFailure(err);
13103
+ dispatch({
13104
+ type: SET_COUPON_ERROR,
13105
+ payload: getErrorMessages(err)
13106
+ }); // remove current coupon
13107
+
13108
+ dispatch({
13109
+ type: SET_COUPON,
13110
+ payload: null
13111
+ });
12847
13112
  dispatch({
12848
13113
  type: SET_PERCENT_OFF,
12849
13114
  payload: ""
12850
13115
  });
12851
- onFailure(err);
12852
- return dispatch({
12853
- type: SET_COUPON_ERROR,
12854
- payload: getErrorMessages(err)
13116
+ dispatch({
13117
+ type: SET_UPDATED_PRICE,
13118
+ payload: null
12855
13119
  });
13120
+ dispatch({
13121
+ type: SET_TAX_AMOUNT,
13122
+ payload: null
13123
+ });
13124
+ const {
13125
+ currentPlan
13126
+ } = state;
13127
+
13128
+ if (currentPlan) {
13129
+ var _currentPlan$quantity;
13130
+
13131
+ const quantity = (_currentPlan$quantity = currentPlan.quantity) !== null && _currentPlan$quantity !== void 0 ? _currentPlan$quantity : 1;
13132
+ const price = currentPlan.amount;
13133
+ dispatch({
13134
+ type: SET_UPDATED_PRICE,
13135
+ // set original plan price
13136
+ payload: price * quantity
13137
+ });
13138
+ dispatch({
13139
+ type: UPDATE_PAYMENT_REQUEST
13140
+ }); // update the new amount with taxes if site has taxes enabled
13141
+
13142
+ updateTotalAmountWithTax();
13143
+ }
13144
+
13145
+ return;
12856
13146
  }
12857
13147
 
12858
13148
  dispatch({
@@ -12942,6 +13232,54 @@ const PaymentMethodContainerWithoutStripe = ({
12942
13232
 
12943
13233
  const debouncedApplyCouponCode = React.useRef(debounce(onApplyCouponCode, 1000)).current;
12944
13234
 
13235
+ const removeAppliedCoupon = state => {
13236
+ state.couponCode = "";
13237
+ dispatch({
13238
+ type: SET_COUPON_ERROR,
13239
+ payload: ""
13240
+ });
13241
+ dispatch({
13242
+ type: SHOW_COUPON_FIELD,
13243
+ payload: false
13244
+ });
13245
+ dispatch({
13246
+ type: SET_COUPON,
13247
+ payload: null
13248
+ });
13249
+ dispatch({
13250
+ type: SET_PERCENT_OFF,
13251
+ payload: ""
13252
+ });
13253
+ dispatch({
13254
+ type: SET_UPDATED_PRICE,
13255
+ payload: null
13256
+ });
13257
+ dispatch({
13258
+ type: SET_TAX_AMOUNT,
13259
+ payload: null
13260
+ });
13261
+ const {
13262
+ currentPlan
13263
+ } = state;
13264
+
13265
+ if (currentPlan) {
13266
+ var _currentPlan$quantity2;
13267
+
13268
+ const quantity = (_currentPlan$quantity2 = currentPlan.quantity) !== null && _currentPlan$quantity2 !== void 0 ? _currentPlan$quantity2 : 1;
13269
+ const price = currentPlan.amount;
13270
+ dispatch({
13271
+ type: SET_UPDATED_PRICE,
13272
+ // set original plan price
13273
+ payload: price * quantity
13274
+ });
13275
+ dispatch({
13276
+ type: UPDATE_PAYMENT_REQUEST
13277
+ }); // update the new amount with taxes if site has taxes enabled
13278
+
13279
+ updateTotalAmountWithTax();
13280
+ }
13281
+ };
13282
+
12945
13283
  const subscribe = (stripeSource, state, dispatch) => {
12946
13284
  const {
12947
13285
  couponCode
@@ -13559,6 +13897,9 @@ const PaymentMethodContainerWithoutStripe = ({
13559
13897
  disableCouponButton: true
13560
13898
  }, (state, dispatch) => onApplyCouponCode(state, dispatch));
13561
13899
 
13900
+ case REMOVE_APPLIED_COUPON:
13901
+ return lib_5(state, () => removeAppliedCoupon(state));
13902
+
13562
13903
  case SET_COUPON:
13563
13904
  return lib_7({ ...state,
13564
13905
  couponObject: action.payload
@@ -13587,21 +13928,21 @@ const PaymentMethodContainerWithoutStripe = ({
13587
13928
  default:
13588
13929
  return state;
13589
13930
  }
13590
- }, initialState$d);
13931
+ }, initialState$e);
13591
13932
  return /*#__PURE__*/React__default['default'].createElement("div", {
13592
13933
  style: { ...style
13593
13934
  },
13594
13935
  className: `pelcro-container pelcro-payment-container ${className}`
13595
- }, /*#__PURE__*/React__default['default'].createElement(Provider$d, {
13936
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$e, {
13596
13937
  value: {
13597
13938
  state,
13598
13939
  dispatch
13599
13940
  }
13600
13941
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
13601
- store: store$d,
13942
+ store: store$e,
13602
13943
  key: i
13603
13944
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
13604
- store: store$d
13945
+ store: store$e
13605
13946
  })));
13606
13947
  };
13607
13948
 
@@ -13623,7 +13964,7 @@ const PaymentMethodContainer = props => {
13623
13964
  stripeAccount: window.Pelcro.site.read().account_id,
13624
13965
  locale: getPageOrDefaultLanguage()
13625
13966
  }, /*#__PURE__*/React__default['default'].createElement(es_11, null, /*#__PURE__*/React__default['default'].createElement(UnwrappedForm, Object.assign({
13626
- store: store$d
13967
+ store: store$e
13627
13968
  }, props))));
13628
13969
  }
13629
13970
 
@@ -13676,7 +14017,7 @@ const PelcroPaymentRequestButton = props => {
13676
14017
  currentPlan,
13677
14018
  updatedPrice
13678
14019
  }
13679
- } = React.useContext(store$d);
14020
+ } = React.useContext(store$e);
13680
14021
 
13681
14022
  const updatePaymentRequest = () => {
13682
14023
  // Make sure payment request is up to date, eg. user added a coupon code.
@@ -13727,12 +14068,16 @@ const DiscountedPrice = props => {
13727
14068
  var _order$currency, _order$, _plan$quantity;
13728
14069
 
13729
14070
  const {
14071
+ t
14072
+ } = useTranslation("checkoutForm");
14073
+ const {
14074
+ dispatch,
13730
14075
  state: {
13731
14076
  updatedPrice,
13732
14077
  taxAmount,
13733
14078
  percentOff
13734
14079
  }
13735
- } = React.useContext(store$d);
14080
+ } = React.useContext(store$e);
13736
14081
  const {
13737
14082
  order,
13738
14083
  plan
@@ -13742,12 +14087,22 @@ const DiscountedPrice = props => {
13742
14087
  const discountedPriceWithoutTax = updatedPrice - taxAmount;
13743
14088
  const priceFormatted = getFormattedPriceByLocal(order ? updatedPrice : discountedPriceWithoutTax * planQuantity, ecommOrderCurrency !== null && ecommOrderCurrency !== void 0 ? ecommOrderCurrency : plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
13744
14089
 
14090
+ const onCouponRemove = () => {
14091
+ dispatch({
14092
+ type: REMOVE_APPLIED_COUPON
14093
+ });
14094
+ };
14095
+
13745
14096
  if (percentOff) {
13746
14097
  return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
13747
- className: "plc-flex plc-justify-center plc-mt-2 pelcro-discount"
13748
- }, props), "(-", percentOff, ")", " ", /*#__PURE__*/React__default['default'].createElement("span", {
13749
- className: "plc-font-bold pelcro-discounted-price"
13750
- }, priceFormatted));
14098
+ className: "plc-flex plc-items-center plc-justify-center plc-mt-2 pelcro-discount"
14099
+ }, props), "(-", percentOff, ")", /*#__PURE__*/React__default['default'].createElement("span", {
14100
+ className: "plc-ml-1 plc-font-bold pelcro-discounted-price"
14101
+ }, priceFormatted), /*#__PURE__*/React__default['default'].createElement(Button, {
14102
+ variant: "ghost",
14103
+ className: "plc-ml-2 plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
14104
+ onClick: onCouponRemove
14105
+ }, "\u2715 ", t("labels.removeCoupon")));
13751
14106
  }
13752
14107
 
13753
14108
  return "";
@@ -13772,7 +14127,7 @@ const SubmitPaymentMethod = ({
13772
14127
  isLoading,
13773
14128
  updatedPrice
13774
14129
  }
13775
- } = React.useContext(store$d);
14130
+ } = React.useContext(store$e);
13776
14131
  const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
13777
14132
  const price = updatedPrice !== null && updatedPrice !== void 0 ? updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount;
13778
14133
  const priceFormatted = getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
@@ -13793,17 +14148,17 @@ const SubmitPaymentMethod = ({
13793
14148
  }, t("labels.pay"), " ", priceFormatted && priceFormatted) : t("labels.submit"));
13794
14149
  };
13795
14150
 
13796
- var _path$j;
14151
+ var _path$l;
13797
14152
 
13798
- 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); }
14153
+ 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); }
13799
14154
 
13800
14155
  function SvgArrowLeft(props) {
13801
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
14156
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
13802
14157
  xmlns: "http://www.w3.org/2000/svg",
13803
14158
  fill: "none",
13804
14159
  viewBox: "0 0 24 24",
13805
14160
  stroke: "currentColor"
13806
- }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
14161
+ }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
13807
14162
  strokeLinecap: "round",
13808
14163
  strokeLinejoin: "round",
13809
14164
  strokeWidth: 2,
@@ -13822,7 +14177,7 @@ const ApplyCouponButton = ({
13822
14177
  disableCouponButton
13823
14178
  },
13824
14179
  dispatch
13825
- } = React.useContext(store$d);
14180
+ } = React.useContext(store$e);
13826
14181
  const {
13827
14182
  t
13828
14183
  } = useTranslation("checkoutForm");
@@ -13856,7 +14211,7 @@ const CouponCodeField = props => {
13856
14211
  couponCode,
13857
14212
  couponError
13858
14213
  }
13859
- } = React.useContext(store$d);
14214
+ } = React.useContext(store$e);
13860
14215
 
13861
14216
  const onCouponCodeChange = e => {
13862
14217
  dispatch({
@@ -13885,17 +14240,17 @@ const CouponCodeField = props => {
13885
14240
  }, props));
13886
14241
  };
13887
14242
 
13888
- var _path$i;
14243
+ var _path$k;
13889
14244
 
13890
- 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); }
14245
+ 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); }
13891
14246
 
13892
14247
  function SvgTicket(props) {
13893
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
14248
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
13894
14249
  xmlns: "http://www.w3.org/2000/svg",
13895
14250
  fill: "none",
13896
14251
  viewBox: "0 0 24 24",
13897
14252
  stroke: "currentColor"
13898
- }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
14253
+ }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
13899
14254
  strokeLinecap: "round",
13900
14255
  strokeLinejoin: "round",
13901
14256
  strokeWidth: 2,
@@ -13912,7 +14267,7 @@ const CouponCode = ({
13912
14267
  state: {
13913
14268
  enableCouponField
13914
14269
  }
13915
- } = React.useContext(store$d);
14270
+ } = React.useContext(store$e);
13916
14271
  const {
13917
14272
  t
13918
14273
  } = useTranslation("checkoutForm");
@@ -14169,7 +14524,7 @@ const PaypalSubscribeButton = props => {
14169
14524
  const {
14170
14525
  dispatch,
14171
14526
  state
14172
- } = React.useContext(store$d);
14527
+ } = React.useContext(store$e);
14173
14528
  const {
14174
14529
  product,
14175
14530
  plan,
@@ -14254,16 +14609,16 @@ const BankRedirection = () => {
14254
14609
  }));
14255
14610
  };
14256
14611
 
14257
- var _path$h;
14612
+ var _path$j;
14258
14613
 
14259
- 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); }
14614
+ 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); }
14260
14615
 
14261
14616
  function SvgLock(props) {
14262
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
14617
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
14263
14618
  xmlns: "http://www.w3.org/2000/svg",
14264
14619
  viewBox: "0 0 20 20",
14265
14620
  fill: "currentColor"
14266
- }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
14621
+ }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
14267
14622
  fillRule: "evenodd",
14268
14623
  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",
14269
14624
  clipRule: "evenodd"
@@ -14280,7 +14635,7 @@ const SelectedPaymentMethod = () => {
14280
14635
  state: {
14281
14636
  isLoading
14282
14637
  }
14283
- } = React.useContext(store$d);
14638
+ } = React.useContext(store$e);
14284
14639
  const {
14285
14640
  switchView,
14286
14641
  selectedPaymentMethodId
@@ -14322,7 +14677,7 @@ const TaxAmount = () => {
14322
14677
  state: {
14323
14678
  taxAmount
14324
14679
  }
14325
- } = React.useContext(store$d);
14680
+ } = React.useContext(store$e);
14326
14681
  const {
14327
14682
  plan
14328
14683
  } = usePelcro();
@@ -14485,12 +14840,12 @@ function SubscriptionRenewModal({
14485
14840
  }
14486
14841
  SubscriptionRenewModal.viewId = "subscription-renew";
14487
14842
 
14488
- var _path$g;
14843
+ var _path$i;
14489
14844
 
14490
- 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); }
14845
+ 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); }
14491
14846
 
14492
14847
  function SvgGift(props) {
14493
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
14848
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
14494
14849
  className: "plc-w-6 plc-h-6 plc-mr-2",
14495
14850
  fill: "none",
14496
14851
  stroke: "currentColor",
@@ -14499,7 +14854,7 @@ function SvgGift(props) {
14499
14854
  strokeWidth: 2,
14500
14855
  viewBox: "0 0 24 24",
14501
14856
  xmlns: "http://www.w3.org/2000/svg"
14502
- }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
14857
+ }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
14503
14858
  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"
14504
14859
  })));
14505
14860
  }
@@ -14830,7 +15185,7 @@ class DefaultNewsLetter extends React.Component {
14830
15185
 
14831
15186
  const NewsLetter = withTranslation("newsletter")(DefaultNewsLetter);
14832
15187
 
14833
- const initialState$c = {
15188
+ const initialState$d = {
14834
15189
  didSubToNewslettersBefore: false,
14835
15190
  newsletters: [],
14836
15191
  isListLoading: true,
@@ -14840,10 +15195,10 @@ const initialState$c = {
14840
15195
  content: ""
14841
15196
  }
14842
15197
  };
14843
- const store$c = /*#__PURE__*/React.createContext(initialState$c);
15198
+ const store$d = /*#__PURE__*/React.createContext(initialState$d);
14844
15199
  const {
14845
- Provider: Provider$c
14846
- } = store$c;
15200
+ Provider: Provider$d
15201
+ } = store$d;
14847
15202
 
14848
15203
  const NewsletterUpdateContainer = ({
14849
15204
  style,
@@ -14956,7 +15311,7 @@ const NewsletterUpdateContainer = ({
14956
15311
  default:
14957
15312
  return state;
14958
15313
  }
14959
- }, initialState$c);
15314
+ }, initialState$d);
14960
15315
  React.useEffect(() => {
14961
15316
  const getUserNewsletters = () => {
14962
15317
  var _window$Pelcro$user$r3, _window$Pelcro$user$r4;
@@ -15000,7 +15355,7 @@ const NewsletterUpdateContainer = ({
15000
15355
  style: { ...style
15001
15356
  },
15002
15357
  className: `pelcro-container pelcro-newsletter-update-container ${className}`
15003
- }, /*#__PURE__*/React__default['default'].createElement(Provider$c, {
15358
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$d, {
15004
15359
  value: {
15005
15360
  state,
15006
15361
  dispatch
@@ -15008,12 +15363,12 @@ const NewsletterUpdateContainer = ({
15008
15363
  }, children.length ? children.map((child, i) => {
15009
15364
  if (child) {
15010
15365
  return /*#__PURE__*/React__default['default'].cloneElement(child, {
15011
- store: store$c,
15366
+ store: store$d,
15012
15367
  key: i
15013
15368
  });
15014
15369
  }
15015
15370
  }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
15016
- store: store$c
15371
+ store: store$d
15017
15372
  })));
15018
15373
  };
15019
15374
 
@@ -15028,7 +15383,7 @@ const NewsletterUpdateButton = ({
15028
15383
  isSubmitting,
15029
15384
  isListLoading
15030
15385
  }
15031
- } = React.useContext(store$c);
15386
+ } = React.useContext(store$d);
15032
15387
  const {
15033
15388
  t
15034
15389
  } = useTranslation("newsletter");
@@ -15058,7 +15413,7 @@ const NewsletterUpdateList = () => {
15058
15413
  newsletters,
15059
15414
  isListLoading
15060
15415
  }
15061
- } = React.useContext(store$c);
15416
+ } = React.useContext(store$d);
15062
15417
 
15063
15418
  if (isListLoading) {
15064
15419
  return /*#__PURE__*/React__default['default'].createElement(Loader, {
@@ -15262,7 +15617,7 @@ function SubscriptionCreateModal({
15262
15617
  SubscriptionCreateModal.viewId = "subscription-create";
15263
15618
 
15264
15619
  var _window$Pelcro$user$r, _window$Pelcro$user$r2, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5;
15265
- const initialState$b = {
15620
+ const initialState$c = {
15266
15621
  email: (_window$Pelcro$user$r = window.Pelcro.user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : _window$Pelcro$user$r.email,
15267
15622
  firstName: (_window$Pelcro$user$r2 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.first_name,
15268
15623
  lastName: (_window$Pelcro$user$r3 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r3 === void 0 ? void 0 : _window$Pelcro$user$r3.last_name,
@@ -15275,10 +15630,10 @@ const initialState$b = {
15275
15630
  content: ""
15276
15631
  }
15277
15632
  };
15278
- const store$b = /*#__PURE__*/React.createContext(initialState$b);
15633
+ const store$c = /*#__PURE__*/React.createContext(initialState$c);
15279
15634
  const {
15280
- Provider: Provider$b
15281
- } = store$b;
15635
+ Provider: Provider$c
15636
+ } = store$c;
15282
15637
 
15283
15638
  const UserUpdateContainer = ({
15284
15639
  style,
@@ -15410,27 +15765,27 @@ const UserUpdateContainer = ({
15410
15765
  default:
15411
15766
  return state;
15412
15767
  }
15413
- }, initialState$b);
15768
+ }, initialState$c);
15414
15769
  return /*#__PURE__*/React__default['default'].createElement("div", {
15415
15770
  style: { ...style
15416
15771
  },
15417
15772
  className: `pelcro-container pelcro-user-update-container ${className}`
15418
- }, /*#__PURE__*/React__default['default'].createElement(Provider$b, {
15773
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$c, {
15419
15774
  value: {
15420
15775
  state,
15421
15776
  dispatch
15422
15777
  }
15423
15778
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
15424
- store: store$b,
15779
+ store: store$c,
15425
15780
  key: i
15426
15781
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
15427
- store: store$b
15782
+ store: store$c
15428
15783
  })));
15429
15784
  };
15430
15785
 
15431
15786
  const UserUpdateEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
15432
15787
  disabled: true,
15433
- store: store$b
15788
+ store: store$c
15434
15789
  }, props));
15435
15790
 
15436
15791
  const UserUpdateButton = ({
@@ -15443,7 +15798,7 @@ const UserUpdateButton = ({
15443
15798
  buttonDisabled
15444
15799
  },
15445
15800
  dispatch
15446
- } = React.useContext(store$b);
15801
+ } = React.useContext(store$c);
15447
15802
  const {
15448
15803
  t
15449
15804
  } = useTranslation("userEdit");
@@ -15460,11 +15815,11 @@ const UserUpdateButton = ({
15460
15815
  };
15461
15816
 
15462
15817
  const UserUpdateFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
15463
- store: store$b
15818
+ store: store$c
15464
15819
  }, props));
15465
15820
 
15466
15821
  const UserUpdateLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
15467
- store: store$b
15822
+ store: store$c
15468
15823
  }, props));
15469
15824
 
15470
15825
  function Phone({
@@ -15493,22 +15848,22 @@ function Phone({
15493
15848
  }
15494
15849
 
15495
15850
  const UserUpdatePhone = props => /*#__PURE__*/React__default['default'].createElement(Phone, Object.assign({
15496
- store: store$b
15851
+ store: store$c
15497
15852
  }, props));
15498
15853
 
15499
15854
  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";
15500
15855
 
15501
- var _path$f;
15856
+ var _path$h;
15502
15857
 
15503
- 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); }
15858
+ 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); }
15504
15859
 
15505
15860
  function SvgEdit(props) {
15506
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
15861
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
15507
15862
  className: "plc-w-6 plc-h-6",
15508
15863
  xmlns: "http://www.w3.org/2000/svg",
15509
15864
  viewBox: "0 0 20 20",
15510
15865
  fill: "currentColor"
15511
- }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
15866
+ }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
15512
15867
  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"
15513
15868
  })));
15514
15869
  }
@@ -15640,16 +15995,16 @@ function DisplayName({
15640
15995
  }
15641
15996
 
15642
15997
  const UserUpdateDisplayName = props => /*#__PURE__*/React__default['default'].createElement(DisplayName, Object.assign({
15643
- store: store$b
15998
+ store: store$c
15644
15999
  }, props));
15645
16000
 
15646
16001
  const UserUpdateTextInput = props => {
15647
16002
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
15648
- store: store$b
16003
+ store: store$c
15649
16004
  }));
15650
16005
  };
15651
16006
 
15652
- const initialState$a = {
16007
+ const initialState$b = {
15653
16008
  isSubmitting: false,
15654
16009
  firstName: "",
15655
16010
  firstNameError: "",
@@ -15674,10 +16029,10 @@ const initialState$a = {
15674
16029
  content: ""
15675
16030
  }
15676
16031
  };
15677
- const store$a = /*#__PURE__*/React.createContext(initialState$a);
16032
+ const store$b = /*#__PURE__*/React.createContext(initialState$b);
15678
16033
  const {
15679
- Provider: Provider$a
15680
- } = store$a;
16034
+ Provider: Provider$b
16035
+ } = store$b;
15681
16036
 
15682
16037
  const getNewlyCreatedAddress = addresses => addresses[addresses.length - 1];
15683
16038
 
@@ -15884,7 +16239,7 @@ const AddressCreateContainer = ({
15884
16239
  default:
15885
16240
  return state;
15886
16241
  }
15887
- }, initialState$a);
16242
+ }, initialState$b);
15888
16243
  React.useEffect(() => {
15889
16244
  const getStates = () => {
15890
16245
  dispatch({
@@ -15916,16 +16271,16 @@ const AddressCreateContainer = ({
15916
16271
  style: { ...style
15917
16272
  },
15918
16273
  className: `pelcro-container pelcro-address-create-container ${className}`
15919
- }, /*#__PURE__*/React__default['default'].createElement(Provider$a, {
16274
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$b, {
15920
16275
  value: {
15921
16276
  state,
15922
16277
  dispatch
15923
16278
  }
15924
16279
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
15925
- store: store$a,
16280
+ store: store$b,
15926
16281
  key: i
15927
16282
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
15928
- store: store$a
16283
+ store: store$b
15929
16284
  })));
15930
16285
  };
15931
16286
 
@@ -15936,7 +16291,7 @@ function AddressCreateFirstName(props) {
15936
16291
  firstName,
15937
16292
  firstNameError
15938
16293
  }
15939
- } = React.useContext(store$a);
16294
+ } = React.useContext(store$b);
15940
16295
 
15941
16296
  const handleBlur = () => {
15942
16297
  return dispatch({
@@ -15979,7 +16334,7 @@ function AddressCreateLastName(props) {
15979
16334
  lastName,
15980
16335
  lastNameError
15981
16336
  }
15982
- } = React.useContext(store$a);
16337
+ } = React.useContext(store$b);
15983
16338
 
15984
16339
  const handleBlur = () => {
15985
16340
  return dispatch({
@@ -16022,7 +16377,7 @@ function AddressCreateLine1(props) {
16022
16377
  line1,
16023
16378
  line1Error
16024
16379
  }
16025
- } = React.useContext(store$a);
16380
+ } = React.useContext(store$b);
16026
16381
 
16027
16382
  const handleBlur = () => {
16028
16383
  return dispatch({
@@ -16065,7 +16420,7 @@ function AddressCreateCity(props) {
16065
16420
  city,
16066
16421
  cityError
16067
16422
  }
16068
- } = React.useContext(store$a);
16423
+ } = React.useContext(store$b);
16069
16424
 
16070
16425
  const handleBlur = () => {
16071
16426
  return dispatch({
@@ -16108,7 +16463,7 @@ function AddressCreatePostalCode(props) {
16108
16463
  postalCode,
16109
16464
  postalCodeError
16110
16465
  }
16111
- } = React.useContext(store$a);
16466
+ } = React.useContext(store$b);
16112
16467
 
16113
16468
  const handleBlur = () => {
16114
16469
  return dispatch({
@@ -16154,7 +16509,7 @@ const AddressCreateSubmit = ({
16154
16509
  state: {
16155
16510
  isSubmitting
16156
16511
  }
16157
- } = React.useContext(store$a);
16512
+ } = React.useContext(store$b);
16158
16513
  const {
16159
16514
  t
16160
16515
  } = useTranslation("address");
@@ -16265,7 +16620,7 @@ function CountrySelect({
16265
16620
  }
16266
16621
 
16267
16622
  const AddressCreateCountrySelect = props => /*#__PURE__*/React__default['default'].createElement(CountrySelect, Object.assign({
16268
- store: store$a
16623
+ store: store$b
16269
16624
  }, props));
16270
16625
 
16271
16626
  function StateSelect({
@@ -16353,7 +16708,7 @@ function StateSelect({
16353
16708
  }
16354
16709
 
16355
16710
  const AddressCreateStateSelect = props => /*#__PURE__*/React__default['default'].createElement(StateSelect, Object.assign({
16356
- store: store$a
16711
+ store: store$b
16357
16712
  }, props));
16358
16713
 
16359
16714
  const AddressCreateView = props => {
@@ -16458,18 +16813,18 @@ AddressCreateModal.viewId = "address-create";
16458
16813
 
16459
16814
  const AddressCreateTextInput = props => {
16460
16815
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
16461
- store: store$a
16816
+ store: store$b
16462
16817
  }));
16463
16818
  };
16464
16819
 
16465
16820
  const AddressCreateLine2 = props => {
16466
16821
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({
16467
16822
  fieldName: "line2",
16468
- store: store$a
16823
+ store: store$b
16469
16824
  }, props));
16470
16825
  };
16471
16826
 
16472
- const initialState$9 = {
16827
+ const initialState$a = {
16473
16828
  isSubmitting: false,
16474
16829
  firstName: "",
16475
16830
  firstNameError: "",
@@ -16494,10 +16849,10 @@ const initialState$9 = {
16494
16849
  content: ""
16495
16850
  }
16496
16851
  };
16497
- const store$9 = /*#__PURE__*/React.createContext(initialState$9);
16852
+ const store$a = /*#__PURE__*/React.createContext(initialState$a);
16498
16853
  const {
16499
- Provider: Provider$9
16500
- } = store$9;
16854
+ Provider: Provider$a
16855
+ } = store$a;
16501
16856
 
16502
16857
  const AddressUpdateContainer = ({
16503
16858
  style,
@@ -16549,7 +16904,7 @@ const AddressUpdateContainer = ({
16549
16904
  const thisAddress = addresses[address];
16550
16905
 
16551
16906
  if (+thisAddress.id === +addressId) {
16552
- const newState = { ...initialState$9,
16907
+ const newState = { ...initialState$a,
16553
16908
  firstName: thisAddress.first_name,
16554
16909
  lastName: thisAddress.last_name,
16555
16910
  line1: thisAddress.line1,
@@ -16682,7 +17037,7 @@ const AddressUpdateContainer = ({
16682
17037
  default:
16683
17038
  return state;
16684
17039
  }
16685
- }, initialState$9);
17040
+ }, initialState$a);
16686
17041
  React.useEffect(() => {
16687
17042
  const getStates = () => {
16688
17043
  dispatch({
@@ -16714,21 +17069,21 @@ const AddressUpdateContainer = ({
16714
17069
  style: { ...style
16715
17070
  },
16716
17071
  className: `pelcro-container pelcro-address-update-container ${className}`
16717
- }, /*#__PURE__*/React__default['default'].createElement(Provider$9, {
17072
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$a, {
16718
17073
  value: {
16719
17074
  state,
16720
17075
  dispatch
16721
17076
  }
16722
17077
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
16723
- store: store$9,
17078
+ store: store$a,
16724
17079
  key: i
16725
17080
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
16726
- store: store$9
17081
+ store: store$a
16727
17082
  })));
16728
17083
  };
16729
17084
 
16730
17085
  const AddressUpdateCountrySelect = props => /*#__PURE__*/React__default['default'].createElement(CountrySelect, Object.assign({
16731
- store: store$9
17086
+ store: store$a
16732
17087
  }, props));
16733
17088
 
16734
17089
  function AddressUpdateFirstName(props) {
@@ -16738,7 +17093,7 @@ function AddressUpdateFirstName(props) {
16738
17093
  firstName,
16739
17094
  firstNameError
16740
17095
  }
16741
- } = React.useContext(store$9);
17096
+ } = React.useContext(store$a);
16742
17097
 
16743
17098
  const handleBlur = () => {
16744
17099
  return dispatch({
@@ -16781,7 +17136,7 @@ function AddressUpdateLastName(props) {
16781
17136
  lastName,
16782
17137
  lastNameError
16783
17138
  }
16784
- } = React.useContext(store$9);
17139
+ } = React.useContext(store$a);
16785
17140
 
16786
17141
  const handleBlur = () => {
16787
17142
  return dispatch({
@@ -16824,7 +17179,7 @@ function AddressUpdateLine1(props) {
16824
17179
  line1,
16825
17180
  line1Error
16826
17181
  }
16827
- } = React.useContext(store$9);
17182
+ } = React.useContext(store$a);
16828
17183
 
16829
17184
  const handleBlur = () => {
16830
17185
  return dispatch({
@@ -16864,7 +17219,7 @@ const AddressUpdateLine2 = props => {
16864
17219
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({
16865
17220
  fieldName: "line2"
16866
17221
  }, props, {
16867
- store: store$9
17222
+ store: store$a
16868
17223
  }));
16869
17224
  };
16870
17225
 
@@ -16875,7 +17230,7 @@ function AddressUpdateCity(props) {
16875
17230
  city,
16876
17231
  cityError
16877
17232
  }
16878
- } = React.useContext(store$9);
17233
+ } = React.useContext(store$a);
16879
17234
 
16880
17235
  const handleBlur = () => {
16881
17236
  return dispatch({
@@ -16918,7 +17273,7 @@ function AddressUpdatePostalCode(props) {
16918
17273
  postalCode,
16919
17274
  postalCodeError
16920
17275
  }
16921
- } = React.useContext(store$9);
17276
+ } = React.useContext(store$a);
16922
17277
 
16923
17278
  const handleBlur = () => {
16924
17279
  return dispatch({
@@ -16964,7 +17319,7 @@ const AddressUpdateSubmit = ({
16964
17319
  state: {
16965
17320
  isSubmitting
16966
17321
  }
16967
- } = React.useContext(store$9);
17322
+ } = React.useContext(store$a);
16968
17323
  const {
16969
17324
  t
16970
17325
  } = useTranslation("address");
@@ -16980,7 +17335,7 @@ const AddressUpdateSubmit = ({
16980
17335
  };
16981
17336
 
16982
17337
  const AddressUpdateStateSelect = props => /*#__PURE__*/React__default['default'].createElement(StateSelect, Object.assign({
16983
- store: store$9
17338
+ store: store$a
16984
17339
  }, props));
16985
17340
 
16986
17341
  const AddressUpdateView = props => {
@@ -17063,7 +17418,7 @@ AddressUpdateModal.viewId = "address-edit";
17063
17418
 
17064
17419
  const AddressUpdateTextInput = props => {
17065
17420
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
17066
- store: store$9
17421
+ store: store$a
17067
17422
  }));
17068
17423
  };
17069
17424
 
@@ -17146,7 +17501,7 @@ const PaymentMethodUpdateModal = props => {
17146
17501
  };
17147
17502
  PaymentMethodUpdateModal.viewId = "payment-method-update";
17148
17503
 
17149
- const initialState$8 = {
17504
+ const initialState$9 = {
17150
17505
  email: "",
17151
17506
  password: "",
17152
17507
  passwordError: null,
@@ -17159,10 +17514,10 @@ const initialState$8 = {
17159
17514
  content: ""
17160
17515
  }
17161
17516
  };
17162
- const store$8 = /*#__PURE__*/React.createContext(initialState$8);
17517
+ const store$9 = /*#__PURE__*/React.createContext(initialState$9);
17163
17518
  const {
17164
- Provider: Provider$8
17165
- } = store$8;
17519
+ Provider: Provider$9
17520
+ } = store$9;
17166
17521
 
17167
17522
  const PasswordResetContainer = ({
17168
17523
  style,
@@ -17219,7 +17574,7 @@ const PasswordResetContainer = ({
17219
17574
  type: SET_EMAIL,
17220
17575
  payload: window.Pelcro.helpers.getURLParameter("email")
17221
17576
  });
17222
- initialState$8.email = window.Pelcro.helpers.getURLParameter("email");
17577
+ initialState$9.email = window.Pelcro.helpers.getURLParameter("email");
17223
17578
  dispatch({
17224
17579
  type: SET_TOKEN,
17225
17580
  payload: window.Pelcro.helpers.getURLParameter("token")
@@ -17279,26 +17634,26 @@ const PasswordResetContainer = ({
17279
17634
  default:
17280
17635
  return state;
17281
17636
  }
17282
- }, initialState$8);
17637
+ }, initialState$9);
17283
17638
  return /*#__PURE__*/React__default['default'].createElement("div", {
17284
17639
  style: { ...style
17285
17640
  },
17286
17641
  className: `pelcro-container pelcro-password-reset-container ${className}`
17287
- }, /*#__PURE__*/React__default['default'].createElement(Provider$8, {
17642
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$9, {
17288
17643
  value: {
17289
17644
  state,
17290
17645
  dispatch
17291
17646
  }
17292
17647
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
17293
- store: store$8,
17648
+ store: store$9,
17294
17649
  key: i
17295
17650
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
17296
- store: store$8
17651
+ store: store$9
17297
17652
  })));
17298
17653
  };
17299
17654
 
17300
17655
  const PasswordResetPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
17301
- store: store$8
17656
+ store: store$9
17302
17657
  }, props));
17303
17658
 
17304
17659
  const PasswordResetButton = ({
@@ -17311,7 +17666,7 @@ const PasswordResetButton = ({
17311
17666
  buttonDisabled
17312
17667
  },
17313
17668
  dispatch
17314
- } = React.useContext(store$8);
17669
+ } = React.useContext(store$9);
17315
17670
  const {
17316
17671
  t
17317
17672
  } = useTranslation("passwordReset");
@@ -17328,14 +17683,14 @@ const PasswordResetButton = ({
17328
17683
  };
17329
17684
 
17330
17685
  const PasswordResetEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
17331
- store: store$8
17686
+ store: store$9
17332
17687
  }, props, {
17333
17688
  value: window.Pelcro.helpers.getURLParameter("email"),
17334
17689
  disabled: true
17335
17690
  }));
17336
17691
 
17337
17692
  const PasswordResetConfirmPassword = props => /*#__PURE__*/React__default['default'].createElement(ConfirmPassword, Object.assign({
17338
- store: store$8
17693
+ store: store$9
17339
17694
  }, props));
17340
17695
 
17341
17696
  const PasswordResetView = props => {
@@ -17387,7 +17742,7 @@ const PasswordResetModal = ({
17387
17742
  };
17388
17743
  PasswordResetModal.viewId = "password-reset";
17389
17744
 
17390
- const initialState$7 = {
17745
+ const initialState$8 = {
17391
17746
  email: "",
17392
17747
  emailError: null,
17393
17748
  buttonDisabled: false,
@@ -17396,10 +17751,10 @@ const initialState$7 = {
17396
17751
  content: ""
17397
17752
  }
17398
17753
  };
17399
- const store$7 = /*#__PURE__*/React.createContext(initialState$7);
17754
+ const store$8 = /*#__PURE__*/React.createContext(initialState$8);
17400
17755
  const {
17401
- Provider: Provider$7
17402
- } = store$7;
17756
+ Provider: Provider$8
17757
+ } = store$8;
17403
17758
 
17404
17759
  const PasswordForgotContainer = ({
17405
17760
  style,
@@ -17477,21 +17832,21 @@ const PasswordForgotContainer = ({
17477
17832
  default:
17478
17833
  return state;
17479
17834
  }
17480
- }, initialState$7);
17835
+ }, initialState$8);
17481
17836
  return /*#__PURE__*/React__default['default'].createElement("div", {
17482
17837
  style: { ...style
17483
17838
  },
17484
17839
  className: `pelcro-container pelcro-password-forgot-container ${className}`
17485
- }, /*#__PURE__*/React__default['default'].createElement(Provider$7, {
17840
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$8, {
17486
17841
  value: {
17487
17842
  state,
17488
17843
  dispatch
17489
17844
  }
17490
17845
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
17491
- store: store$7,
17846
+ store: store$8,
17492
17847
  key: i
17493
17848
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
17494
- store: store$7
17849
+ store: store$8
17495
17850
  })));
17496
17851
  };
17497
17852
 
@@ -17507,7 +17862,7 @@ const PasswordForgotButton = ({
17507
17862
  emailError
17508
17863
  },
17509
17864
  dispatch
17510
- } = React.useContext(store$7);
17865
+ } = React.useContext(store$8);
17511
17866
  const {
17512
17867
  t
17513
17868
  } = useTranslation("passwordForgot");
@@ -17528,7 +17883,7 @@ const PasswordForgotButton = ({
17528
17883
  };
17529
17884
 
17530
17885
  const PasswordForgotEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
17531
- store: store$7
17886
+ store: store$8
17532
17887
  }, props));
17533
17888
 
17534
17889
  const PasswordForgotView = props => {
@@ -17578,7 +17933,7 @@ const PasswordForgotModal = ({
17578
17933
  };
17579
17934
  PasswordForgotModal.viewId = "password-forgot";
17580
17935
 
17581
- const initialState$6 = {
17936
+ const initialState$7 = {
17582
17937
  currentPassword: "",
17583
17938
  newPassword: "",
17584
17939
  confirmNewPassword: "",
@@ -17592,10 +17947,10 @@ const initialState$6 = {
17592
17947
  content: ""
17593
17948
  }
17594
17949
  };
17595
- const store$6 = /*#__PURE__*/React.createContext(initialState$6);
17950
+ const store$7 = /*#__PURE__*/React.createContext(initialState$7);
17596
17951
  const {
17597
- Provider: Provider$6
17598
- } = store$6;
17952
+ Provider: Provider$7
17953
+ } = store$7;
17599
17954
  const PasswordChangeContainer = ({
17600
17955
  style,
17601
17956
  className = "",
@@ -17747,21 +18102,21 @@ const PasswordChangeContainer = ({
17747
18102
  default:
17748
18103
  return state;
17749
18104
  }
17750
- }, initialState$6);
18105
+ }, initialState$7);
17751
18106
  return /*#__PURE__*/React__default['default'].createElement("div", {
17752
18107
  style: { ...style
17753
18108
  },
17754
18109
  className: `pelcro-container pelcro-password-change-container ${className}`
17755
- }, /*#__PURE__*/React__default['default'].createElement(Provider$6, {
18110
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$7, {
17756
18111
  value: {
17757
18112
  state,
17758
18113
  dispatch
17759
18114
  }
17760
18115
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
17761
- store: store$6,
18116
+ store: store$7,
17762
18117
  key: i
17763
18118
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
17764
- store: store$6
18119
+ store: store$7
17765
18120
  })));
17766
18121
  };
17767
18122
 
@@ -17772,7 +18127,7 @@ function PasswordChangeCurrentPassword(props) {
17772
18127
  currentPassword,
17773
18128
  currentPasswordError
17774
18129
  }
17775
- } = React.useContext(store$6);
18130
+ } = React.useContext(store$7);
17776
18131
  const handleBlur = React.useCallback(() => {
17777
18132
  return dispatch({
17778
18133
  type: VALIDATE_PASSWORD
@@ -17806,7 +18161,7 @@ function PasswordChangeNewPassword(props) {
17806
18161
  newPassword,
17807
18162
  newPasswordError
17808
18163
  }
17809
- } = React.useContext(store$6);
18164
+ } = React.useContext(store$7);
17810
18165
  const handleBlur = React.useCallback(() => {
17811
18166
  return dispatch({
17812
18167
  type: VALIDATE_NEW_PASSWORD
@@ -17840,7 +18195,7 @@ function PasswordChangeConfirmNewPassword(props) {
17840
18195
  confirmNewPassword,
17841
18196
  confirmNewPasswordError
17842
18197
  }
17843
- } = React.useContext(store$6);
18198
+ } = React.useContext(store$7);
17844
18199
  const handleBlur = React.useCallback(() => {
17845
18200
  return dispatch({
17846
18201
  type: VALIDATE_CONFIRM_NEW_PASSWORD
@@ -17881,7 +18236,7 @@ const PasswordChangeButton = ({
17881
18236
  confirmNewPasswordError
17882
18237
  },
17883
18238
  dispatch
17884
- } = React.useContext(store$6);
18239
+ } = React.useContext(store$7);
17885
18240
  const {
17886
18241
  t
17887
18242
  } = useTranslation("passwordChange");
@@ -17947,17 +18302,17 @@ const PasswordChangeModal = ({
17947
18302
  };
17948
18303
  PasswordChangeModal.viewId = "password-change";
17949
18304
 
17950
- const initialState$5 = {
18305
+ const initialState$6 = {
17951
18306
  buttonDisabled: false,
17952
18307
  alert: {
17953
18308
  type: "error",
17954
18309
  content: ""
17955
18310
  }
17956
18311
  };
17957
- const store$5 = /*#__PURE__*/React.createContext(initialState$5);
18312
+ const store$6 = /*#__PURE__*/React.createContext(initialState$6);
17958
18313
  const {
17959
- Provider: Provider$5
17960
- } = store$5;
18314
+ Provider: Provider$6
18315
+ } = store$6;
17961
18316
 
17962
18317
  const CartContainer = ({
17963
18318
  style,
@@ -18048,21 +18403,21 @@ const CartContainer = ({
18048
18403
  default:
18049
18404
  return state;
18050
18405
  }
18051
- }, initialState$5);
18406
+ }, initialState$6);
18052
18407
  return /*#__PURE__*/React__default['default'].createElement("div", {
18053
18408
  style: { ...style
18054
18409
  },
18055
18410
  className: `pelcro-container pelcro-cart-container ${className}`
18056
- }, /*#__PURE__*/React__default['default'].createElement(Provider$5, {
18411
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$6, {
18057
18412
  value: {
18058
18413
  state,
18059
18414
  dispatch
18060
18415
  }
18061
18416
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
18062
- store: store$5,
18417
+ store: store$6,
18063
18418
  key: i
18064
18419
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
18065
- store: store$5
18420
+ store: store$6
18066
18421
  })));
18067
18422
  };
18068
18423
 
@@ -18099,7 +18454,7 @@ const CartSubmit = ({
18099
18454
  buttonDisabled
18100
18455
  },
18101
18456
  dispatch
18102
- } = React.useContext(store$5);
18457
+ } = React.useContext(store$6);
18103
18458
  const {
18104
18459
  t
18105
18460
  } = useTranslation("cart");
@@ -18130,7 +18485,7 @@ const CartTotalPrice = () => {
18130
18485
  state: {
18131
18486
  alert
18132
18487
  }
18133
- } = React.useContext(store$5);
18488
+ } = React.useContext(store$6);
18134
18489
  const {
18135
18490
  cartItems
18136
18491
  } = usePelcro();
@@ -18443,7 +18798,7 @@ const OrderConfirmModal = props => {
18443
18798
  };
18444
18799
  OrderConfirmModal.viewId = "order-confirm";
18445
18800
 
18446
- const initialState$4 = {
18801
+ const initialState$5 = {
18447
18802
  email: "",
18448
18803
  firstName: "",
18449
18804
  lastName: "",
@@ -18455,10 +18810,10 @@ const initialState$4 = {
18455
18810
  content: ""
18456
18811
  }
18457
18812
  };
18458
- const store$4 = /*#__PURE__*/React.createContext(initialState$4);
18813
+ const store$5 = /*#__PURE__*/React.createContext(initialState$5);
18459
18814
  const {
18460
- Provider: Provider$4
18461
- } = store$4;
18815
+ Provider: Provider$5
18816
+ } = store$5;
18462
18817
 
18463
18818
  const GiftCreateContainer = ({
18464
18819
  style,
@@ -18562,21 +18917,21 @@ const GiftCreateContainer = ({
18562
18917
  default:
18563
18918
  return state;
18564
18919
  }
18565
- }, initialState$4);
18920
+ }, initialState$5);
18566
18921
  return /*#__PURE__*/React__default['default'].createElement("div", {
18567
18922
  style: { ...style
18568
18923
  },
18569
18924
  className: `pelcro-container pelcro-gift-create-container ${className}`
18570
- }, /*#__PURE__*/React__default['default'].createElement(Provider$4, {
18925
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$5, {
18571
18926
  value: {
18572
18927
  state,
18573
18928
  dispatch
18574
18929
  }
18575
18930
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
18576
- store: store$4,
18931
+ store: store$5,
18577
18932
  key: i
18578
18933
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
18579
- store: store$4
18934
+ store: store$5
18580
18935
  })));
18581
18936
  };
18582
18937
 
@@ -18590,7 +18945,7 @@ const GiftCreateSubmitButton = ({
18590
18945
  state: {
18591
18946
  disableSubmit
18592
18947
  }
18593
- } = React.useContext(store$4);
18948
+ } = React.useContext(store$5);
18594
18949
  const {
18595
18950
  t
18596
18951
  } = useTranslation("register");
@@ -18607,29 +18962,29 @@ const GiftCreateSubmitButton = ({
18607
18962
 
18608
18963
  const GiftCreateEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
18609
18964
  initWithUserEmail: false,
18610
- store: store$4
18965
+ store: store$5
18611
18966
  }, props));
18612
18967
 
18613
18968
  const GiftCreateFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
18614
- store: store$4
18969
+ store: store$5
18615
18970
  }, props));
18616
18971
 
18617
18972
  const GiftCreateLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
18618
- store: store$4
18973
+ store: store$5
18619
18974
  }, props));
18620
18975
 
18621
- var _path$e;
18976
+ var _path$g;
18622
18977
 
18623
- 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); }
18978
+ 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); }
18624
18979
 
18625
18980
  function SvgInfoCircle(props) {
18626
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
18981
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
18627
18982
  xmlns: "http://www.w3.org/2000/svg",
18628
18983
  className: "plc-w-5 plc-h-5",
18629
18984
  fill: "none",
18630
18985
  viewBox: "0 0 24 24",
18631
18986
  stroke: "currentColor"
18632
- }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
18987
+ }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
18633
18988
  strokeLinecap: "round",
18634
18989
  strokeLinejoin: "round",
18635
18990
  strokeWidth: 2,
@@ -18700,7 +19055,7 @@ const GiftCreateStartDate = props => {
18700
19055
  const {
18701
19056
  dispatch,
18702
19057
  state
18703
- } = React.useContext(store$4);
19058
+ } = React.useContext(store$5);
18704
19059
 
18705
19060
  const handleInputChange = value => {
18706
19061
  dispatch({
@@ -18771,7 +19126,7 @@ function GiftCreateMessage(props) {
18771
19126
  const {
18772
19127
  dispatch,
18773
19128
  state
18774
- } = React.useContext(store$4);
19129
+ } = React.useContext(store$5);
18775
19130
 
18776
19131
  const handleInputChange = value => {
18777
19132
  dispatch({
@@ -18787,7 +19142,7 @@ function GiftCreateMessage(props) {
18787
19142
  return /*#__PURE__*/React__default['default'].createElement(TextArea, Object.assign({
18788
19143
  onChange: e => handleInputChange(e.target.value),
18789
19144
  value: state.giftMessage,
18790
- maxLength: "500",
19145
+ maxLength: "200",
18791
19146
  rows: 3,
18792
19147
  tooltipText: t("gift.messages.giftMessageInfo")
18793
19148
  }, props));
@@ -18891,7 +19246,7 @@ const GiftCreateModal = ({
18891
19246
  };
18892
19247
  GiftCreateModal.viewId = "gift-create";
18893
19248
 
18894
- const initialState$3 = {
19249
+ const initialState$4 = {
18895
19250
  giftCode: "",
18896
19251
  buttonDisabled: true,
18897
19252
  alert: {
@@ -18899,10 +19254,10 @@ const initialState$3 = {
18899
19254
  content: ""
18900
19255
  }
18901
19256
  };
18902
- const store$3 = /*#__PURE__*/React.createContext(initialState$3);
19257
+ const store$4 = /*#__PURE__*/React.createContext(initialState$4);
18903
19258
  const {
18904
- Provider: Provider$3
18905
- } = store$3;
19259
+ Provider: Provider$4
19260
+ } = store$4;
18906
19261
 
18907
19262
  const GiftRedeemContainer = ({
18908
19263
  style,
@@ -18967,21 +19322,21 @@ const GiftRedeemContainer = ({
18967
19322
  default:
18968
19323
  return state;
18969
19324
  }
18970
- }, initialState$3);
19325
+ }, initialState$4);
18971
19326
  return /*#__PURE__*/React__default['default'].createElement("div", {
18972
19327
  style: { ...style
18973
19328
  },
18974
19329
  className: `pelcro-container pelcro-gift-redeem-container ${className}`
18975
- }, /*#__PURE__*/React__default['default'].createElement(Provider$3, {
19330
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$4, {
18976
19331
  value: {
18977
19332
  state,
18978
19333
  dispatch
18979
19334
  }
18980
19335
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
18981
- store: store$3,
19336
+ store: store$4,
18982
19337
  key: i
18983
19338
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
18984
- store: store$3
19339
+ store: store$4
18985
19340
  })));
18986
19341
  };
18987
19342
 
@@ -19018,7 +19373,7 @@ function GiftCode({
19018
19373
  }
19019
19374
 
19020
19375
  const GiftRedeemCode = props => /*#__PURE__*/React__default['default'].createElement(GiftCode, Object.assign({
19021
- store: store$3
19376
+ store: store$4
19022
19377
  }, props));
19023
19378
 
19024
19379
  const GiftRedeemSubmitButton = ({
@@ -19031,7 +19386,7 @@ const GiftRedeemSubmitButton = ({
19031
19386
  state: {
19032
19387
  disableSubmit
19033
19388
  }
19034
- } = React.useContext(store$3);
19389
+ } = React.useContext(store$4);
19035
19390
  const {
19036
19391
  t
19037
19392
  } = useTranslation("register");
@@ -19124,7 +19479,7 @@ const moveDefaultAddressToStart = addresses => {
19124
19479
  return [defaultAddress, ...addressesWithoutDefault];
19125
19480
  };
19126
19481
 
19127
- const initialState$2 = {
19482
+ const initialState$3 = {
19128
19483
  addresses: [],
19129
19484
  selectedAddressId: null,
19130
19485
  isSubmitting: false,
@@ -19133,10 +19488,10 @@ const initialState$2 = {
19133
19488
  content: ""
19134
19489
  }
19135
19490
  };
19136
- const store$2 = /*#__PURE__*/React.createContext(initialState$2);
19491
+ const store$3 = /*#__PURE__*/React.createContext(initialState$3);
19137
19492
  const {
19138
- Provider: Provider$2
19139
- } = store$2;
19493
+ Provider: Provider$3
19494
+ } = store$3;
19140
19495
 
19141
19496
  const AddressSelectContainer = ({
19142
19497
  style,
@@ -19231,7 +19586,7 @@ const AddressSelectContainer = ({
19231
19586
  default:
19232
19587
  return state;
19233
19588
  }
19234
- }, initialState$2);
19589
+ }, initialState$3);
19235
19590
  React.useEffect(() => {
19236
19591
  var _window$Pelcro$user$r;
19237
19592
 
@@ -19244,16 +19599,16 @@ const AddressSelectContainer = ({
19244
19599
  style: { ...style
19245
19600
  },
19246
19601
  className: `pelcro-container pelcro-address-select-container ${className}`
19247
- }, /*#__PURE__*/React__default['default'].createElement(Provider$2, {
19602
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$3, {
19248
19603
  value: {
19249
19604
  state,
19250
19605
  dispatch
19251
19606
  }
19252
19607
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
19253
- store: store$2,
19608
+ store: store$3,
19254
19609
  key: i
19255
19610
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
19256
- store: store$2
19611
+ store: store$3
19257
19612
  })));
19258
19613
  };
19259
19614
 
@@ -19264,7 +19619,7 @@ const AddressSelectList = () => {
19264
19619
  addresses,
19265
19620
  selectedAddressId
19266
19621
  }
19267
- } = React.useContext(store$2);
19622
+ } = React.useContext(store$3);
19268
19623
 
19269
19624
  const handleAddressSelect = event => {
19270
19625
  dispatch({
@@ -19308,7 +19663,7 @@ const AddressSelectSubmit = ({
19308
19663
  selectedAddressId,
19309
19664
  isSubmitting
19310
19665
  }
19311
- } = React.useContext(store$2);
19666
+ } = React.useContext(store$3);
19312
19667
  const {
19313
19668
  t
19314
19669
  } = useTranslation("address");
@@ -19399,7 +19754,7 @@ const moveDefaultPaymentMethodToStart = paymentMethods => {
19399
19754
  return [defaultPaymentMethod, ...paymentMethodsWithoutDefault];
19400
19755
  };
19401
19756
 
19402
- const initialState$1 = {
19757
+ const initialState$2 = {
19403
19758
  paymentMethods: [],
19404
19759
  selectedPaymentMethodId: null,
19405
19760
  isSubmitting: false,
@@ -19408,10 +19763,10 @@ const initialState$1 = {
19408
19763
  content: ""
19409
19764
  }
19410
19765
  };
19411
- const store$1 = /*#__PURE__*/React.createContext(initialState$1);
19766
+ const store$2 = /*#__PURE__*/React.createContext(initialState$2);
19412
19767
  const {
19413
- Provider: Provider$1
19414
- } = store$1;
19768
+ Provider: Provider$2
19769
+ } = store$2;
19415
19770
 
19416
19771
  const PaymentMethodSelectContainer = ({
19417
19772
  style,
@@ -19456,7 +19811,7 @@ const PaymentMethodSelectContainer = ({
19456
19811
  default:
19457
19812
  return state;
19458
19813
  }
19459
- }, initialState$1);
19814
+ }, initialState$2);
19460
19815
  React.useEffect(() => {
19461
19816
  var _window$Pelcro$user$r4;
19462
19817
 
@@ -19469,16 +19824,16 @@ const PaymentMethodSelectContainer = ({
19469
19824
  style: { ...style
19470
19825
  },
19471
19826
  className: `pelcro-container pelcro-payment-select-container ${className}`
19472
- }, /*#__PURE__*/React__default['default'].createElement(Provider$1, {
19827
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$2, {
19473
19828
  value: {
19474
19829
  state,
19475
19830
  dispatch
19476
19831
  }
19477
19832
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
19478
- store: store$1,
19833
+ store: store$2,
19479
19834
  key: i
19480
19835
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
19481
- store: store$1
19836
+ store: store$2
19482
19837
  })));
19483
19838
  };
19484
19839
 
@@ -19492,7 +19847,7 @@ const PaymentMethodSelectList = () => {
19492
19847
  paymentMethods,
19493
19848
  selectedPaymentMethodId
19494
19849
  }
19495
- } = React.useContext(store$1);
19850
+ } = React.useContext(store$2);
19496
19851
 
19497
19852
  const handlePaymentMethodSelect = event => {
19498
19853
  dispatch({
@@ -19542,7 +19897,7 @@ const PaymentMethodSelectSubmit = ({
19542
19897
  selectedPaymentMethodId,
19543
19898
  isSubmitting
19544
19899
  }
19545
- } = React.useContext(store$1);
19900
+ } = React.useContext(store$2);
19546
19901
  return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
19547
19902
  onClick: () => {
19548
19903
  dispatch({
@@ -19616,8 +19971,8 @@ const PaymentMethodSelectModal = ({
19616
19971
  };
19617
19972
  PaymentMethodSelectModal.viewId = "payment-method-select";
19618
19973
 
19619
- function _extends$f() {
19620
- _extends$f = Object.assign || function (target) {
19974
+ function _extends$h() {
19975
+ _extends$h = Object.assign || function (target) {
19621
19976
  for (var i = 1; i < arguments.length; i++) {
19622
19977
  var source = arguments[i];
19623
19978
 
@@ -19631,7 +19986,7 @@ function _extends$f() {
19631
19986
  return target;
19632
19987
  };
19633
19988
 
19634
- return _extends$f.apply(this, arguments);
19989
+ return _extends$h.apply(this, arguments);
19635
19990
  }
19636
19991
 
19637
19992
  function _objectWithoutPropertiesLoose(source, excluded) {
@@ -19815,7 +20170,7 @@ function render(props, propsBag, defaultTag, features, visible) {
19815
20170
  return match(strategy, (_match = {}, _match[RenderStrategy.Unmount] = function () {
19816
20171
  return null;
19817
20172
  }, _match[RenderStrategy.Hidden] = function () {
19818
- return _render(_extends$f({}, _rest, {
20173
+ return _render(_extends$h({}, _rest, {
19819
20174
  hidden: true,
19820
20175
  style: {
19821
20176
  display: 'none'
@@ -20343,7 +20698,7 @@ function TransitionChild(props) {
20343
20698
  var passthroughProps = rest;
20344
20699
  return React__default['default'].createElement(NestingContext.Provider, {
20345
20700
  value: nesting
20346
- }, render(_extends$f({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
20701
+ }, render(_extends$h({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
20347
20702
  }
20348
20703
 
20349
20704
  function Transition(props) {
@@ -20387,7 +20742,7 @@ function Transition(props) {
20387
20742
  value: nestingBag
20388
20743
  }, React__default['default'].createElement(TransitionContext.Provider, {
20389
20744
  value: transitionBag
20390
- }, render(_extends$f({}, sharedProps, {
20745
+ }, render(_extends$h({}, sharedProps, {
20391
20746
  as: React.Fragment,
20392
20747
  children: React__default['default'].createElement(TransitionChild, Object.assign({}, sharedProps, passthroughProps))
20393
20748
  }), propsBag, React.Fragment, TransitionChildRenderFeatures, state === TreeStates.Visible)));
@@ -20514,12 +20869,12 @@ var ActionTypes;
20514
20869
  })(ActionTypes || (ActionTypes = {}));
20515
20870
 
20516
20871
  (_reducers = {}, _reducers[ActionTypes.CloseMenu] = function (state) {
20517
- return _extends$f({}, state, {
20872
+ return _extends$h({}, state, {
20518
20873
  activeItemIndex: null,
20519
20874
  menuState: MenuStates.Closed
20520
20875
  });
20521
20876
  }, _reducers[ActionTypes.OpenMenu] = function (state) {
20522
- return _extends$f({}, state, {
20877
+ return _extends$h({}, state, {
20523
20878
  menuState: MenuStates.Open
20524
20879
  });
20525
20880
  }, _reducers[ActionTypes.GoToItem] = function (state, action) {
@@ -20538,7 +20893,7 @@ var ActionTypes;
20538
20893
  }
20539
20894
  });
20540
20895
  if (state.searchQuery === '' && state.activeItemIndex === activeItemIndex) return state;
20541
- return _extends$f({}, state, {
20896
+ return _extends$h({}, state, {
20542
20897
  searchQuery: '',
20543
20898
  activeItemIndex: activeItemIndex
20544
20899
  });
@@ -20549,19 +20904,19 @@ var ActionTypes;
20549
20904
 
20550
20905
  return ((_item$dataRef$current = item.dataRef.current.textValue) == null ? void 0 : _item$dataRef$current.startsWith(searchQuery)) && !item.dataRef.current.disabled;
20551
20906
  });
20552
- if (match === -1 || match === state.activeItemIndex) return _extends$f({}, state, {
20907
+ if (match === -1 || match === state.activeItemIndex) return _extends$h({}, state, {
20553
20908
  searchQuery: searchQuery
20554
20909
  });
20555
- return _extends$f({}, state, {
20910
+ return _extends$h({}, state, {
20556
20911
  searchQuery: searchQuery,
20557
20912
  activeItemIndex: match
20558
20913
  });
20559
20914
  }, _reducers[ActionTypes.ClearSearch] = function (state) {
20560
- return _extends$f({}, state, {
20915
+ return _extends$h({}, state, {
20561
20916
  searchQuery: ''
20562
20917
  });
20563
20918
  }, _reducers[ActionTypes.RegisterItem] = function (state, action) {
20564
- return _extends$f({}, state, {
20919
+ return _extends$h({}, state, {
20565
20920
  items: [].concat(state.items, [{
20566
20921
  id: action.id,
20567
20922
  dataRef: action.dataRef
@@ -20574,7 +20929,7 @@ var ActionTypes;
20574
20929
  return a.id === action.id;
20575
20930
  });
20576
20931
  if (idx !== -1) nextItems.splice(idx, 1);
20577
- return _extends$f({}, state, {
20932
+ return _extends$h({}, state, {
20578
20933
  items: nextItems,
20579
20934
  activeItemIndex: function () {
20580
20935
  if (idx === state.activeItemIndex) return null;
@@ -20613,19 +20968,19 @@ var ActionTypes$1;
20613
20968
  (_reducers$1 = {}, _reducers$1[ActionTypes$1.CloseListbox] = function (state) {
20614
20969
  if (state.disabled) return state;
20615
20970
  if (state.listboxState === ListboxStates.Closed) return state;
20616
- return _extends$f({}, state, {
20971
+ return _extends$h({}, state, {
20617
20972
  activeOptionIndex: null,
20618
20973
  listboxState: ListboxStates.Closed
20619
20974
  });
20620
20975
  }, _reducers$1[ActionTypes$1.OpenListbox] = function (state) {
20621
20976
  if (state.disabled) return state;
20622
20977
  if (state.listboxState === ListboxStates.Open) return state;
20623
- return _extends$f({}, state, {
20978
+ return _extends$h({}, state, {
20624
20979
  listboxState: ListboxStates.Open
20625
20980
  });
20626
20981
  }, _reducers$1[ActionTypes$1.SetDisabled] = function (state, action) {
20627
20982
  if (state.disabled === action.disabled) return state;
20628
- return _extends$f({}, state, {
20983
+ return _extends$h({}, state, {
20629
20984
  disabled: action.disabled
20630
20985
  });
20631
20986
  }, _reducers$1[ActionTypes$1.GoToOption] = function (state, action) {
@@ -20646,7 +21001,7 @@ var ActionTypes$1;
20646
21001
  }
20647
21002
  });
20648
21003
  if (state.searchQuery === '' && state.activeOptionIndex === activeOptionIndex) return state;
20649
- return _extends$f({}, state, {
21004
+ return _extends$h({}, state, {
20650
21005
  searchQuery: '',
20651
21006
  activeOptionIndex: activeOptionIndex
20652
21007
  });
@@ -20659,10 +21014,10 @@ var ActionTypes$1;
20659
21014
 
20660
21015
  return !option.dataRef.current.disabled && ((_option$dataRef$curre = option.dataRef.current.textValue) == null ? void 0 : _option$dataRef$curre.startsWith(searchQuery));
20661
21016
  });
20662
- if (match === -1 || match === state.activeOptionIndex) return _extends$f({}, state, {
21017
+ if (match === -1 || match === state.activeOptionIndex) return _extends$h({}, state, {
20663
21018
  searchQuery: searchQuery
20664
21019
  });
20665
- return _extends$f({}, state, {
21020
+ return _extends$h({}, state, {
20666
21021
  searchQuery: searchQuery,
20667
21022
  activeOptionIndex: match
20668
21023
  });
@@ -20670,11 +21025,11 @@ var ActionTypes$1;
20670
21025
  if (state.disabled) return state;
20671
21026
  if (state.listboxState === ListboxStates.Closed) return state;
20672
21027
  if (state.searchQuery === '') return state;
20673
- return _extends$f({}, state, {
21028
+ return _extends$h({}, state, {
20674
21029
  searchQuery: ''
20675
21030
  });
20676
21031
  }, _reducers$1[ActionTypes$1.RegisterOption] = function (state, action) {
20677
- return _extends$f({}, state, {
21032
+ return _extends$h({}, state, {
20678
21033
  options: [].concat(state.options, [{
20679
21034
  id: action.id,
20680
21035
  dataRef: action.dataRef
@@ -20687,7 +21042,7 @@ var ActionTypes$1;
20687
21042
  return a.id === action.id;
20688
21043
  });
20689
21044
  if (idx !== -1) nextOptions.splice(idx, 1);
20690
- return _extends$f({}, state, {
21045
+ return _extends$h({}, state, {
20691
21046
  options: nextOptions,
20692
21047
  activeOptionIndex: function () {
20693
21048
  if (idx === state.activeOptionIndex) return null;
@@ -20748,18 +21103,18 @@ const getPaymentCardIcon = name => {
20748
21103
  }));
20749
21104
  };
20750
21105
 
20751
- var _path$d;
21106
+ var _path$f;
20752
21107
 
20753
- 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); }
21108
+ 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); }
20754
21109
 
20755
21110
  function SvgChevronRight(props) {
20756
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
21111
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
20757
21112
  className: "plc-w-6 plc-h-6",
20758
21113
  xmlns: "http://www.w3.org/2000/svg",
20759
21114
  fill: "none",
20760
21115
  viewBox: "0 0 24 24",
20761
21116
  stroke: "currentColor"
20762
- }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
21117
+ }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
20763
21118
  strokeLinecap: "round",
20764
21119
  strokeLinejoin: "round",
20765
21120
  strokeWidth: 2,
@@ -20975,18 +21330,18 @@ const SavedItems = ({
20975
21330
  });
20976
21331
  };
20977
21332
 
20978
- var _path$c;
21333
+ var _path$e;
20979
21334
 
20980
- 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); }
21335
+ 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); }
20981
21336
 
20982
21337
  function SvgRefresh(props) {
20983
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
21338
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
20984
21339
  className: "plc-w-4 plc-h-4 plc-mr-1",
20985
21340
  xmlns: "http://www.w3.org/2000/svg",
20986
21341
  fill: "none",
20987
21342
  viewBox: "0 0 24 24",
20988
21343
  stroke: "currentColor"
20989
- }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
21344
+ }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
20990
21345
  strokeLinecap: "round",
20991
21346
  strokeLinejoin: "round",
20992
21347
  strokeWidth: 2,
@@ -20994,35 +21349,35 @@ function SvgRefresh(props) {
20994
21349
  })));
20995
21350
  }
20996
21351
 
20997
- var _path$b;
21352
+ var _path$d;
20998
21353
 
20999
- 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); }
21354
+ 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); }
21000
21355
 
21001
21356
  function SvgCalendar(props) {
21002
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
21357
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
21003
21358
  xmlns: "http://www.w3.org/2000/svg",
21004
21359
  className: "plc-h-4 plc-w-4 plc-mr-1",
21005
21360
  viewBox: "0 0 20 20",
21006
21361
  fill: "currentColor"
21007
- }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
21362
+ }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
21008
21363
  fillRule: "evenodd",
21009
21364
  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",
21010
21365
  clipRule: "evenodd"
21011
21366
  })));
21012
21367
  }
21013
21368
 
21014
- var _path$a;
21369
+ var _path$c;
21015
21370
 
21016
- 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); }
21371
+ 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); }
21017
21372
 
21018
21373
  function SvgPlus(props) {
21019
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
21374
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
21020
21375
  className: "plc-w-5 plc-h-5",
21021
21376
  xmlns: "http://www.w3.org/2000/svg",
21022
21377
  fill: "none",
21023
21378
  viewBox: "0 0 24 24",
21024
21379
  stroke: "currentColor"
21025
- }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
21380
+ }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
21026
21381
  strokeLinecap: "round",
21027
21382
  strokeLinejoin: "round",
21028
21383
  strokeWidth: 2,
@@ -21030,17 +21385,17 @@ function SvgPlus(props) {
21030
21385
  })));
21031
21386
  }
21032
21387
 
21033
- var _path$9;
21388
+ var _path$b;
21034
21389
 
21035
- 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); }
21390
+ 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); }
21036
21391
 
21037
21392
  function SvgCheckMark(props) {
21038
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
21393
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
21039
21394
  className: "plc-w-4 plc-h-4 plc-mr-1",
21040
21395
  xmlns: "http://www.w3.org/2000/svg",
21041
21396
  viewBox: "0 0 20 20",
21042
21397
  fill: "currentColor"
21043
- }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
21398
+ }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
21044
21399
  fillRule: "evenodd",
21045
21400
  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",
21046
21401
  clipRule: "evenodd"
@@ -21102,9 +21457,9 @@ const SubscriptionsItems = ({
21102
21457
  const {
21103
21458
  t
21104
21459
  } = useTranslation("dashboard");
21105
- const subs = window.Pelcro.subscription.list();
21106
- if (!subs || subs.length === 0) return null;
21107
- return window.Pelcro.subscription.list().sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
21460
+ const subs = getNonDonationSubs();
21461
+ if (subs.length === 0) return null;
21462
+ return subs.sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
21108
21463
  const isActive = activeMenu === sub.id; // Cancel button click handlers
21109
21464
 
21110
21465
  const onCancelClick = () => {
@@ -21235,6 +21590,12 @@ const SubscriptionsItems = ({
21235
21590
  });
21236
21591
  };
21237
21592
 
21593
+ function getNonDonationSubs() {
21594
+ var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3;
21595
+
21596
+ return (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : (_window$Pelcro$subscr3 = _window$Pelcro$subscr2.list()) === null || _window$Pelcro$subscr3 === void 0 ? void 0 : _window$Pelcro$subscr3.filter(sub => !sub.plan.is_donation)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
21597
+ }
21598
+
21238
21599
  /**
21239
21600
  * @typedef {Object} AccordionPropsType
21240
21601
  * @property {string} initialActiveMenu the initial active menu
@@ -21317,18 +21678,18 @@ Accordion.item = function AccordionItem({
21317
21678
  }, content)) : null;
21318
21679
  };
21319
21680
 
21320
- var _path$8;
21681
+ var _path$a;
21321
21682
 
21322
- 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); }
21683
+ 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); }
21323
21684
 
21324
21685
  function SvgExit(props) {
21325
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
21686
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
21326
21687
  className: "plc-w-6 plc-h-6",
21327
21688
  xmlns: "http://www.w3.org/2000/svg",
21328
21689
  fill: "none",
21329
21690
  viewBox: "0 0 24 24",
21330
21691
  stroke: "currentColor"
21331
- }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
21692
+ }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
21332
21693
  strokeLinecap: "round",
21333
21694
  strokeLinejoin: "round",
21334
21695
  strokeWidth: 2,
@@ -21336,17 +21697,17 @@ function SvgExit(props) {
21336
21697
  })));
21337
21698
  }
21338
21699
 
21339
- var _path$7;
21700
+ var _path$9;
21340
21701
 
21341
- 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); }
21702
+ 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); }
21342
21703
 
21343
21704
  function SvgUser(props) {
21344
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
21705
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
21345
21706
  xmlns: "http://www.w3.org/2000/svg",
21346
21707
  fill: "none",
21347
21708
  viewBox: "0 0 24 24",
21348
21709
  stroke: "currentColor"
21349
- }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
21710
+ }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
21350
21711
  strokeLinecap: "round",
21351
21712
  strokeLinejoin: "round",
21352
21713
  strokeWidth: 2,
@@ -21354,18 +21715,18 @@ function SvgUser(props) {
21354
21715
  })));
21355
21716
  }
21356
21717
 
21357
- var _path$6;
21718
+ var _path$8;
21358
21719
 
21359
- 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); }
21720
+ 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); }
21360
21721
 
21361
21722
  function SvgNewsletter(props) {
21362
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
21723
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
21363
21724
  xmlns: "http://www.w3.org/2000/svg",
21364
21725
  className: "plc-h-5 plc-w-5",
21365
21726
  fill: "none",
21366
21727
  viewBox: "0 0 24 24",
21367
21728
  stroke: "currentColor"
21368
- }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
21729
+ }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
21369
21730
  strokeLinecap: "round",
21370
21731
  strokeLinejoin: "round",
21371
21732
  strokeWidth: 2,
@@ -21373,18 +21734,18 @@ function SvgNewsletter(props) {
21373
21734
  })));
21374
21735
  }
21375
21736
 
21376
- var _path$5;
21737
+ var _path$7;
21377
21738
 
21378
- 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); }
21739
+ 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); }
21379
21740
 
21380
21741
  function SvgPaymentCard(props) {
21381
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
21742
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
21382
21743
  className: "plc-w-6 plc-h-6 plc-mr-2",
21383
21744
  xmlns: "http://www.w3.org/2000/svg",
21384
21745
  fill: "none",
21385
21746
  viewBox: "0 0 24 24",
21386
21747
  stroke: "currentColor"
21387
- }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
21748
+ }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
21388
21749
  strokeLinecap: "round",
21389
21750
  strokeLinejoin: "round",
21390
21751
  strokeWidth: 2,
@@ -21392,23 +21753,23 @@ function SvgPaymentCard(props) {
21392
21753
  })));
21393
21754
  }
21394
21755
 
21395
- var _path$4, _path2;
21756
+ var _path$6, _path2$1;
21396
21757
 
21397
- 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); }
21758
+ 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); }
21398
21759
 
21399
21760
  function SvgLocationPin(props) {
21400
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
21761
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
21401
21762
  className: "plc-w-6 plc-h-6 plc-mr-2",
21402
21763
  xmlns: "http://www.w3.org/2000/svg",
21403
21764
  fill: "none",
21404
21765
  viewBox: "0 0 24 24",
21405
21766
  stroke: "currentColor"
21406
- }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
21767
+ }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
21407
21768
  strokeLinecap: "round",
21408
21769
  strokeLinejoin: "round",
21409
21770
  strokeWidth: 2,
21410
21771
  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"
21411
- })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
21772
+ })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
21412
21773
  strokeLinecap: "round",
21413
21774
  strokeLinejoin: "round",
21414
21775
  strokeWidth: 2,
@@ -21418,10 +21779,10 @@ function SvgLocationPin(props) {
21418
21779
 
21419
21780
  var _switch;
21420
21781
 
21421
- 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); }
21782
+ 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); }
21422
21783
 
21423
21784
  function SvgSubscription(props) {
21424
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
21785
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
21425
21786
  xmlns: "http://www.w3.org/2000/svg",
21426
21787
  viewBox: "0 0 100 125",
21427
21788
  fill: "currentColor"
@@ -21436,18 +21797,18 @@ function SvgSubscription(props) {
21436
21797
  }))))));
21437
21798
  }
21438
21799
 
21439
- var _path$3;
21800
+ var _path$5;
21440
21801
 
21441
- 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); }
21802
+ 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); }
21442
21803
 
21443
21804
  function SvgShopping(props) {
21444
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
21805
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
21445
21806
  className: "plc-w-6 plc-h-6 plc-mr-2",
21446
21807
  xmlns: "http://www.w3.org/2000/svg",
21447
21808
  fill: "none",
21448
21809
  viewBox: "0 0 24 24",
21449
21810
  stroke: "currentColor"
21450
- }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
21811
+ }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
21451
21812
  strokeLinecap: "round",
21452
21813
  strokeLinejoin: "round",
21453
21814
  strokeWidth: 2,
@@ -21455,18 +21816,18 @@ function SvgShopping(props) {
21455
21816
  })));
21456
21817
  }
21457
21818
 
21458
- var _path$2;
21819
+ var _path$4;
21459
21820
 
21460
- 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); }
21821
+ 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); }
21461
21822
 
21462
21823
  function SvgBookmark(props) {
21463
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
21824
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
21464
21825
  className: "plc-w-6 plc-h-6 plc-mr-2",
21465
21826
  xmlns: "http://www.w3.org/2000/svg",
21466
21827
  fill: "none",
21467
21828
  viewBox: "0 0 24 24",
21468
21829
  stroke: "currentColor"
21469
- }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
21830
+ }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
21470
21831
  strokeLinecap: "round",
21471
21832
  strokeLinejoin: "round",
21472
21833
  strokeWidth: 2,
@@ -21474,25 +21835,83 @@ function SvgBookmark(props) {
21474
21835
  })));
21475
21836
  }
21476
21837
 
21477
- var _path$1;
21838
+ var _path$3;
21478
21839
 
21479
- 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); }
21840
+ 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); }
21480
21841
 
21481
21842
  function SvgKey(props) {
21482
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
21843
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
21483
21844
  xmlns: "http://www.w3.org/2000/svg",
21484
21845
  viewBox: "0 0 20 20",
21485
21846
  fill: "currentColor"
21486
- }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
21847
+ }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
21487
21848
  fillRule: "evenodd",
21488
21849
  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",
21489
21850
  clipRule: "evenodd"
21490
21851
  })));
21491
21852
  }
21492
21853
 
21854
+ var _path$2;
21855
+
21856
+ 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); }
21857
+
21858
+ function SvgDonate(props) {
21859
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
21860
+ width: 24,
21861
+ height: 24,
21862
+ fill: "currentColor",
21863
+ xmlns: "http://www.w3.org/2000/svg"
21864
+ }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
21865
+ 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"
21866
+ })));
21867
+ }
21868
+
21869
+ const DonationsMenu = () => {
21870
+ const {
21871
+ t
21872
+ } = useTranslation("dashboard");
21873
+ const subscriptions = getDonationSubs().sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
21874
+ return /*#__PURE__*/React__default['default'].createElement("tr", {
21875
+ key: sub.id,
21876
+ className: "plc-w-full plc-align-top pelcro-donation-row"
21877
+ }, /*#__PURE__*/React__default['default'].createElement("td", {
21878
+ className: "plc-truncate"
21879
+ }, sub.plan.nickname && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("span", {
21880
+ className: "plc-font-semibold plc-text-gray-500 pelcro-donation-plan"
21881
+ }, sub.plan.nickname), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("span", {
21882
+ className: "plc-text-xs plc-text-gray-400 pelcro-donation-price"
21883
+ }, getFormattedPriceByLocal(sub.plan.amount * sub.quantity, sub.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("div", {
21884
+ className: "plc-mb-4 plc-text-gray-500 pelcro-donation-date"
21885
+ }, sub.status && /*#__PURE__*/React__default['default'].createElement("span", null, formatStartDate(sub.start)))));
21886
+ });
21887
+ return /*#__PURE__*/React__default['default'].createElement("table", {
21888
+ className: "plc-w-full plc-table-fixed pelcro-donations-table"
21889
+ }, /*#__PURE__*/React__default['default'].createElement("thead", {
21890
+ className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
21891
+ }, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", {
21892
+ className: "plc-w-6/12 "
21893
+ }, t("labels.plan")), /*#__PURE__*/React__default['default'].createElement("th", {
21894
+ className: "plc-w-6/12 "
21895
+ }, t("labels.startDate")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", {
21896
+ className: "plc-h-4"
21897
+ }), subscriptions));
21898
+ };
21899
+
21900
+ function getDonationSubs() {
21901
+ var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3;
21902
+
21903
+ return (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : (_window$Pelcro$subscr3 = _window$Pelcro$subscr2.list()) === null || _window$Pelcro$subscr3 === void 0 ? void 0 : _window$Pelcro$subscr3.filter(sub => sub.plan.is_donation)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
21904
+ }
21905
+
21906
+ function formatStartDate(date) {
21907
+ const startDate = new Date(date);
21908
+ return new Intl.DateTimeFormat("en-CA").format(startDate);
21909
+ }
21910
+
21493
21911
  const SUB_MENUS = {
21494
21912
  PROFILE: "profile",
21495
21913
  SUBSCRIPTIONS: "subscriptions",
21914
+ DONATIONS: "donations",
21496
21915
  PAYMENT_CARDS: "payment-cards",
21497
21916
  ADDRESSES: "addresses",
21498
21917
  GIFTS: "gifts",
@@ -22020,6 +22439,14 @@ class Dashboard extends React.Component {
22020
22439
  displayProductSelect: this.displayProductSelect,
22021
22440
  displayRedeem: this.displayRedeem
22022
22441
  })
22442
+ }), /*#__PURE__*/React__default['default'].createElement(Accordion.item, {
22443
+ show: hasDonationSubs(),
22444
+ name: SUB_MENUS.DONATIONS,
22445
+ icon: /*#__PURE__*/React__default['default'].createElement(SvgDonate, {
22446
+ className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
22447
+ }),
22448
+ title: this.locale("labels.donations"),
22449
+ content: /*#__PURE__*/React__default['default'].createElement(DonationsMenu, null)
22023
22450
  }), /*#__PURE__*/React__default['default'].createElement(Accordion.item, {
22024
22451
  name: SUB_MENUS.GIFTS,
22025
22452
  icon: /*#__PURE__*/React__default['default'].createElement(SvgGift, null),
@@ -22046,6 +22473,13 @@ class Dashboard extends React.Component {
22046
22473
 
22047
22474
  }
22048
22475
 
22476
+ function hasDonationSubs() {
22477
+ var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3;
22478
+
22479
+ const donations = (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : (_window$Pelcro$subscr3 = _window$Pelcro$subscr2.list()) === null || _window$Pelcro$subscr3 === void 0 ? void 0 : _window$Pelcro$subscr3.filter(sub => sub.plan.is_donation)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
22480
+ return donations.length > 0;
22481
+ }
22482
+
22049
22483
  const DashboardWithTrans = withTranslation("dashboard")(Dashboard);
22050
22484
 
22051
22485
  // The button in the lower right that shows the dashboard.
@@ -22073,7 +22507,7 @@ const DashboardOpenButton = () => {
22073
22507
  };
22074
22508
  DashboardOpenButton.viewId = "dashboard-open";
22075
22509
 
22076
- const initialState = {
22510
+ const initialState$1 = {
22077
22511
  imageSrc: null,
22078
22512
  crop: {
22079
22513
  x: 0,
@@ -22087,10 +22521,10 @@ const initialState = {
22087
22521
  content: ""
22088
22522
  }
22089
22523
  };
22090
- const store = /*#__PURE__*/React.createContext(initialState);
22524
+ const store$1 = /*#__PURE__*/React.createContext(initialState$1);
22091
22525
  const {
22092
- Provider
22093
- } = store;
22526
+ Provider: Provider$1
22527
+ } = store$1;
22094
22528
 
22095
22529
  const ProfilePicChangeContainer = ({
22096
22530
  style,
@@ -22224,21 +22658,21 @@ const ProfilePicChangeContainer = ({
22224
22658
  default:
22225
22659
  return state;
22226
22660
  }
22227
- }, initialState);
22661
+ }, initialState$1);
22228
22662
  return /*#__PURE__*/React__default['default'].createElement("div", {
22229
22663
  style: { ...style
22230
22664
  },
22231
22665
  className: `pelcro-container pelcro-profile-picture-container ${className}`
22232
- }, /*#__PURE__*/React__default['default'].createElement(Provider, {
22666
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$1, {
22233
22667
  value: {
22234
22668
  state,
22235
22669
  dispatch
22236
22670
  }
22237
22671
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
22238
- store,
22672
+ store: store$1,
22239
22673
  key: i
22240
22674
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
22241
- store
22675
+ store: store$1
22242
22676
  })));
22243
22677
  };
22244
22678
  /**
@@ -22300,7 +22734,7 @@ const ProfilePicChangeButton = ({
22300
22734
  isSubmitting
22301
22735
  },
22302
22736
  dispatch
22303
- } = React.useContext(store);
22737
+ } = React.useContext(store$1);
22304
22738
  const {
22305
22739
  t
22306
22740
  } = useTranslation("userEdit");
@@ -23668,7 +24102,7 @@ const ProfilePicChangeCropper = ({
23668
24102
  zoom
23669
24103
  },
23670
24104
  dispatch
23671
- } = React.useContext(store);
24105
+ } = React.useContext(store$1);
23672
24106
  return /*#__PURE__*/React__default['default'].createElement("div", {
23673
24107
  className: `plc-relative plc-w-full plc-h-52 sm:plc-h-96 ${className}`
23674
24108
  }, /*#__PURE__*/React__default['default'].createElement(Cropper, Object.assign({
@@ -23710,7 +24144,7 @@ const ProfilePicChangeZoom = ({
23710
24144
  zoom
23711
24145
  },
23712
24146
  dispatch
23713
- } = React.useContext(store);
24147
+ } = React.useContext(store$1);
23714
24148
  const {
23715
24149
  t
23716
24150
  } = useTranslation("userEdit");
@@ -23733,18 +24167,18 @@ const ProfilePicChangeZoom = ({
23733
24167
  }, otherProps)));
23734
24168
  };
23735
24169
 
23736
- var _path;
24170
+ var _path$1;
23737
24171
 
23738
- 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); }
24172
+ 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); }
23739
24173
 
23740
24174
  function SvgPhotograph(props) {
23741
- return /*#__PURE__*/React__namespace.createElement("svg", _extends({
24175
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
23742
24176
  xmlns: "http://www.w3.org/2000/svg",
23743
24177
  className: "plc-h-6 plc-w-6",
23744
24178
  fill: "none",
23745
24179
  viewBox: "0 0 24 24",
23746
24180
  stroke: "currentColor"
23747
- }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
24181
+ }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
23748
24182
  strokeLinecap: "round",
23749
24183
  strokeLinejoin: "round",
23750
24184
  strokeWidth: 2,
@@ -23762,7 +24196,7 @@ const ProfilePicChangeSelectButton = ({
23762
24196
  state: {
23763
24197
  isSubmitting
23764
24198
  }
23765
- } = React.useContext(store);
24199
+ } = React.useContext(store$1);
23766
24200
  const {
23767
24201
  t
23768
24202
  } = useTranslation("userEdit");
@@ -23804,7 +24238,7 @@ const ProfilePicChangeRemoveButton = ({
23804
24238
  state: {
23805
24239
  isSubmitting
23806
24240
  }
23807
- } = React.useContext(store);
24241
+ } = React.useContext(store$1);
23808
24242
  const {
23809
24243
  t
23810
24244
  } = useTranslation("userEdit");
@@ -23827,7 +24261,7 @@ const ProfilePicChangeWrapper = () => {
23827
24261
  state: {
23828
24262
  imageSrc
23829
24263
  }
23830
- } = React.useContext(store);
24264
+ } = React.useContext(store$1);
23831
24265
  const {
23832
24266
  t
23833
24267
  } = useTranslation("userEdit");
@@ -23889,6 +24323,182 @@ function ProfilePicChangeModal({
23889
24323
  }
23890
24324
  ProfilePicChangeModal.viewId = "profile-picture";
23891
24325
 
24326
+ const initialState = {
24327
+ isSubmitting: false,
24328
+ alert: {
24329
+ type: "error",
24330
+ content: ""
24331
+ }
24332
+ };
24333
+ const store = /*#__PURE__*/React.createContext(initialState);
24334
+ const {
24335
+ Provider
24336
+ } = store;
24337
+
24338
+ const EmailVerifyContainer = ({
24339
+ style,
24340
+ className = "",
24341
+ onSuccess = () => {},
24342
+ onFailure = () => {},
24343
+ children,
24344
+ ...props
24345
+ }) => {
24346
+ const {
24347
+ t
24348
+ } = useTranslation("verifyEmail");
24349
+
24350
+ const submit = () => {
24351
+ window.Pelcro.user.resendEmailVerificationToken((err, res) => {
24352
+ dispatch({
24353
+ type: LOADING,
24354
+ payload: false
24355
+ });
24356
+
24357
+ if (err) {
24358
+ dispatch({
24359
+ type: SHOW_ALERT,
24360
+ payload: {
24361
+ type: "error",
24362
+ content: getErrorMessages(err)
24363
+ }
24364
+ });
24365
+ return onFailure(err);
24366
+ }
24367
+
24368
+ dispatch({
24369
+ type: SHOW_ALERT,
24370
+ payload: {
24371
+ type: "success",
24372
+ content: t("messages.resent")
24373
+ }
24374
+ });
24375
+ return onSuccess(res);
24376
+ });
24377
+ };
24378
+
24379
+ const [state, dispatch] = useReducerWithSideEffects((state, action) => {
24380
+ switch (action.type) {
24381
+ case SHOW_ALERT:
24382
+ return lib_7({ ...state,
24383
+ alert: action.payload
24384
+ });
24385
+
24386
+ case LOADING:
24387
+ return lib_7({ ...state,
24388
+ isSubmitting: action.payload
24389
+ });
24390
+
24391
+ case HANDLE_SUBMIT:
24392
+ return lib_5({ ...state,
24393
+ isSubmitting: true
24394
+ }, (state, dispatch) => submit());
24395
+
24396
+ default:
24397
+ return state;
24398
+ }
24399
+ }, initialState);
24400
+ return /*#__PURE__*/React__default['default'].createElement("div", {
24401
+ style: { ...style
24402
+ },
24403
+ className: `pelcro-container pelcro-email-verify-container ${className}`
24404
+ }, /*#__PURE__*/React__default['default'].createElement(Provider, {
24405
+ value: {
24406
+ state,
24407
+ dispatch
24408
+ }
24409
+ }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
24410
+ store,
24411
+ key: i
24412
+ })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
24413
+ store
24414
+ })));
24415
+ };
24416
+
24417
+ const EmailVerifyResendButton = ({
24418
+ name,
24419
+ onClick,
24420
+ ...otherProps
24421
+ }) => {
24422
+ const {
24423
+ dispatch,
24424
+ state: {
24425
+ isSubmitting
24426
+ }
24427
+ } = React.useContext(store);
24428
+ const {
24429
+ t
24430
+ } = useTranslation("verifyEmail");
24431
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
24432
+ onClick: () => {
24433
+ dispatch({
24434
+ type: HANDLE_SUBMIT
24435
+ });
24436
+ onClick === null || onClick === void 0 ? void 0 : onClick();
24437
+ },
24438
+ isLoading: isSubmitting
24439
+ }, otherProps), name !== null && name !== void 0 ? name : t("labels.resend"));
24440
+ };
24441
+
24442
+ var _path, _path2;
24443
+
24444
+ 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); }
24445
+
24446
+ function SvgEmailVerify(props) {
24447
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends({
24448
+ className: "plc-w-6 plc-h-6",
24449
+ viewBox: "0 0 700 700",
24450
+ xmlns: "http://www.w3.org/2000/svg"
24451
+ }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
24452
+ 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"
24453
+ })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
24454
+ 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"
24455
+ })));
24456
+ }
24457
+
24458
+ const EmailVerifyView = props => {
24459
+ var _window$Pelcro$user$r;
24460
+
24461
+ const {
24462
+ t
24463
+ } = useTranslation("verifyEmail");
24464
+ return /*#__PURE__*/React__default['default'].createElement("div", {
24465
+ id: "pelcro-email-verify-view"
24466
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
24467
+ className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
24468
+ }, /*#__PURE__*/React__default['default'].createElement("h4", {
24469
+ className: "plc-text-2xl plc-font-semibold"
24470
+ }, t("labels.title"))), /*#__PURE__*/React__default['default'].createElement("form", {
24471
+ action: "javascript:void(0);",
24472
+ className: "plc-mt-2 pelcro-form"
24473
+ }, /*#__PURE__*/React__default['default'].createElement(EmailVerifyContainer, props, /*#__PURE__*/React__default['default'].createElement(AlertWithContext, null), /*#__PURE__*/React__default['default'].createElement("div", {
24474
+ className: "plc-flex plc-flex-col plc-items-center plc-justify-center plc-mt-4"
24475
+ }, /*#__PURE__*/React__default['default'].createElement(SvgEmailVerify, {
24476
+ className: "plc-w-32 plc-h-32"
24477
+ }), /*#__PURE__*/React__default['default'].createElement("p", {
24478
+ className: "plc-mb-1 plc-text-gray-900"
24479
+ }, t("labels.instructions"), " ", /*#__PURE__*/React__default['default'].createElement("span", {
24480
+ className: "plc-font-bold"
24481
+ }, (_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, {
24482
+ role: "submit",
24483
+ className: "plc-mt-4 plc-w-full",
24484
+ name: t("labels.resend"),
24485
+ id: "pelcro-submit"
24486
+ }))));
24487
+ };
24488
+
24489
+ const EmailVerifyModal = ({
24490
+ onDisplay,
24491
+ onClose,
24492
+ ...otherProps
24493
+ }) => {
24494
+ return /*#__PURE__*/React__default['default'].createElement(Modal, {
24495
+ onDisplay: onDisplay,
24496
+ onClose: onClose,
24497
+ id: "pelcro-email-verify-modal"
24498
+ }, /*#__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)));
24499
+ };
24500
+ EmailVerifyModal.viewId = "email-verify";
24501
+
23892
24502
  exports.AddressCreateCity = AddressCreateCity;
23893
24503
  exports.AddressCreateContainer = AddressCreateContainer;
23894
24504
  exports.AddressCreateCountrySelect = AddressCreateCountrySelect;
@@ -23923,6 +24533,7 @@ exports.AddressUpdateView = AddressUpdateView;
23923
24533
  exports.Alert = AlertWithContext;
23924
24534
  exports.AlertElement = Alert;
23925
24535
  exports.ApplyCouponButton = ApplyCouponButton;
24536
+ exports.Auth0LoginButton = Auth0LoginButton;
23926
24537
  exports.Badge = Badge;
23927
24538
  exports.BankRedirection = BankRedirection;
23928
24539
  exports.Button = Button;
@@ -23942,6 +24553,10 @@ exports.DashboardOpenButton = DashboardOpenButton;
23942
24553
  exports.DatePicker = DatePicker;
23943
24554
  exports.DiscountedPrice = DiscountedPrice;
23944
24555
  exports.Email = Email;
24556
+ exports.EmailVerifyContainer = EmailVerifyContainer;
24557
+ exports.EmailVerifyModal = EmailVerifyModal;
24558
+ exports.EmailVerifyResendButton = EmailVerifyResendButton;
24559
+ exports.EmailVerifyView = EmailVerifyView;
23945
24560
  exports.FacebookLoginButton = FacebookLoginButton;
23946
24561
  exports.GiftCreateContainer = GiftCreateContainer;
23947
24562
  exports.GiftCreateEmail = GiftCreateEmail;