@pelcro/react-pelcro-js 2.6.2 → 2.7.0-beta.12

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.esm.js CHANGED
@@ -3434,7 +3434,7 @@ var paymentMethod_fr = {
3434
3434
  var title$d = "Enter your email to subscribe to our newsletter";
3435
3435
  var updateTitle$1 = "Update newsletter selections";
3436
3436
  var subtitle$7 = "We may use your email for other marketing communication";
3437
- var labels$l = {
3437
+ var labels$n = {
3438
3438
  submit: "Submit",
3439
3439
  firstName: "First name",
3440
3440
  lastName: "Last name",
@@ -3442,7 +3442,7 @@ var labels$l = {
3442
3442
  postalCode: "Postal code",
3443
3443
  required: "required"
3444
3444
  };
3445
- var messages$p = {
3445
+ var messages$r = {
3446
3446
  alreadyHaveAccount: "Already have an account?",
3447
3447
  success: "Newsletters were successfully updated",
3448
3448
  loginHere: "Login here.",
@@ -3453,14 +3453,14 @@ var newsletter_en = {
3453
3453
  title: title$d,
3454
3454
  updateTitle: updateTitle$1,
3455
3455
  subtitle: subtitle$7,
3456
- labels: labels$l,
3457
- messages: messages$p
3456
+ labels: labels$n,
3457
+ messages: messages$r
3458
3458
  };
3459
3459
 
3460
3460
  var title$c = "Entrez votre adresse courriel pour vous abonner à notre infolettre";
3461
3461
  var updateTitle = "Mettre à jour son choix d'infolettres";
3462
3462
  var subtitle$6 = "Nous pouvons utiliser votre adresse courriel pour d’autres communications marketing";
3463
- var labels$k = {
3463
+ var labels$m = {
3464
3464
  submit: "Lire l’article !",
3465
3465
  firstName: "Prénom",
3466
3466
  lastName: "Nom de famille",
@@ -3468,7 +3468,7 @@ var labels$k = {
3468
3468
  postalCode: "Code postal",
3469
3469
  required: "Champs obligatoires"
3470
3470
  };
3471
- var messages$o = {
3471
+ var messages$q = {
3472
3472
  alreadyHaveAccount: "Vous avez déjà un compte ?",
3473
3473
  success: "Votre choix d'infolettres à été mis à jour",
3474
3474
  loginHere: "Connectez-vous ici",
@@ -3479,14 +3479,14 @@ var newsletter_fr = {
3479
3479
  title: title$c,
3480
3480
  updateTitle: updateTitle,
3481
3481
  subtitle: subtitle$6,
3482
- labels: labels$k,
3483
- messages: messages$o
3482
+ labels: labels$m,
3483
+ messages: messages$q
3484
3484
  };
3485
3485
 
3486
- var labels$j = {
3486
+ var labels$l = {
3487
3487
  "continue": "Continue to content"
3488
3488
  };
3489
- var messages$n = {
3489
+ var messages$p = {
3490
3490
  yourFreeTrial: "Subscription successful!",
3491
3491
  youHaveAccess: "Hope you enjoy the subscription. Please contact us if you have any questions or concerns.",
3492
3492
  clickToLearn: {
@@ -3508,15 +3508,15 @@ var errors$9 = {
3508
3508
  "": ""
3509
3509
  };
3510
3510
  var success_en = {
3511
- labels: labels$j,
3512
- messages: messages$n,
3511
+ labels: labels$l,
3512
+ messages: messages$p,
3513
3513
  errors: errors$9
3514
3514
  };
3515
3515
 
3516
- var labels$i = {
3516
+ var labels$k = {
3517
3517
  "continue": "Abonnement réussi !"
3518
3518
  };
3519
- var messages$m = {
3519
+ var messages$o = {
3520
3520
  yourFreeTrial: "Votre essai gratuit vient de débuter",
3521
3521
  youHaveAccess: "Nous espérons que vous allez apprécier votre abonnement. Veuillez nous contacter si vous avez des questions ou des préoccupations.",
3522
3522
  clickToLearn: {
@@ -3538,12 +3538,12 @@ var errors$8 = {
3538
3538
  "": ""
3539
3539
  };
3540
3540
  var success_fr = {
3541
- labels: labels$i,
3542
- messages: messages$m,
3541
+ labels: labels$k,
3542
+ messages: messages$o,
3543
3543
  errors: errors$8
3544
3544
  };
3545
3545
 
3546
- var messages$l = {
3546
+ var messages$n = {
3547
3547
  freeVisits: "Free visits left:",
3548
3548
  subscribeNow: "Subscribe",
3549
3549
  alreadyHaveAccount: "Already have an account?",
@@ -3553,11 +3553,11 @@ var errors$7 = {
3553
3553
  "": ""
3554
3554
  };
3555
3555
  var meter_en = {
3556
- messages: messages$l,
3556
+ messages: messages$n,
3557
3557
  errors: errors$7
3558
3558
  };
3559
3559
 
3560
- var messages$k = {
3560
+ var messages$m = {
3561
3561
  freeVisits: "Visites gratuites restantes:",
3562
3562
  subscribeNow: "Abonnez-vous maintenant !",
3563
3563
  alreadyHaveAccount: "Vous avez déjà un compte ?",
@@ -3567,15 +3567,15 @@ var errors$6 = {
3567
3567
  "": ""
3568
3568
  };
3569
3569
  var meter_fr = {
3570
- messages: messages$k,
3570
+ messages: messages$m,
3571
3571
  errors: errors$6
3572
3572
  };
3573
3573
 
3574
- var messages$j = {
3574
+ var messages$l = {
3575
3575
  youAreSafe: "You're safe - PCI compliant 128 SSL by",
3576
3576
  bankRedirection: "Please hold, redirecting you to your bank."
3577
3577
  };
3578
- var labels$h = {
3578
+ var labels$j = {
3579
3579
  card: "Enter card number",
3580
3580
  date: "Expiration date",
3581
3581
  CVC: "CVC",
@@ -3590,18 +3590,19 @@ var labels$h = {
3590
3590
  "for": "for",
3591
3591
  interval: "{{count}} {{interval}}",
3592
3592
  interval_plural: "{{count}} {{interval}}s",
3593
- tax: "+ Tax"
3593
+ tax: "+ Tax",
3594
+ removeCoupon: "REMOVE"
3594
3595
  };
3595
3596
  var checkoutForm_en = {
3596
- messages: messages$j,
3597
- labels: labels$h
3597
+ messages: messages$l,
3598
+ labels: labels$j
3598
3599
  };
3599
3600
 
3600
- var messages$i = {
3601
+ var messages$k = {
3601
3602
  youAreSafe: "Vous êtes en sécurité - PCI conforme 128 SSL par",
3602
3603
  bankRedirection: "Veuillez patienter, nous vous redirigeons vers votre banque."
3603
3604
  };
3604
- var labels$g = {
3605
+ var labels$i = {
3605
3606
  card: "Entrez le numéro de carte",
3606
3607
  date: "Date d’expiration",
3607
3608
  CVC: "CVC",
@@ -3616,11 +3617,12 @@ var labels$g = {
3616
3617
  "for": "pour",
3617
3618
  interval: "{{count}} {{interval}}",
3618
3619
  interval_plural: "{{count}} {{interval}}s",
3619
- tax: "+ Taxe"
3620
+ tax: "+ Taxe",
3621
+ removeCoupon: "RETIRER"
3620
3622
  };
3621
3623
  var checkoutForm_fr = {
3622
- messages: messages$i,
3623
- labels: labels$g
3624
+ messages: messages$k,
3625
+ labels: labels$i
3624
3626
  };
3625
3627
 
3626
3628
  var youAreSafe$1 = "You're safe - PCI compliant 128 SSL by";
@@ -3653,7 +3655,7 @@ var messages_fr = {
3653
3655
  recaptcha: recaptcha
3654
3656
  };
3655
3657
 
3656
- var labels$f = {
3658
+ var labels$h = {
3657
3659
  email: "Enter email",
3658
3660
  password: "Enter password",
3659
3661
  required: "required",
@@ -3661,7 +3663,7 @@ var labels$f = {
3661
3663
  passwordPlaceholder: "Password",
3662
3664
  login: "Login"
3663
3665
  };
3664
- var messages$h = {
3666
+ var messages$j = {
3665
3667
  loginTo: "Login to your account",
3666
3668
  welcome: "Welcome back, sign in with your existing account.",
3667
3669
  dontHaveAccount: "Don't have an account yet?",
@@ -3680,12 +3682,12 @@ var errors$5 = {
3680
3682
  "": ""
3681
3683
  };
3682
3684
  var login_en = {
3683
- labels: labels$f,
3684
- messages: messages$h,
3685
+ labels: labels$h,
3686
+ messages: messages$j,
3685
3687
  errors: errors$5
3686
3688
  };
3687
3689
 
3688
- var labels$e = {
3690
+ var labels$g = {
3689
3691
  email: "Entrez votre adresse courriel",
3690
3692
  password: "Entrez votre mot de passe",
3691
3693
  required: "Champs obligatoires",
@@ -3693,7 +3695,7 @@ var labels$e = {
3693
3695
  passwordPlaceholder: "Mot de passe",
3694
3696
  login: "Connexion"
3695
3697
  };
3696
- var messages$g = {
3698
+ var messages$i = {
3697
3699
  loginTo: "Connectez-vous à votre compte",
3698
3700
  welcome: "Bienvenue, connectez-vous avec votre compte existant.",
3699
3701
  dontHaveAccount: "Vous n’avez pas encore de compte ?",
@@ -3712,14 +3714,14 @@ var errors$4 = {
3712
3714
  "": ""
3713
3715
  };
3714
3716
  var login_fr = {
3715
- labels: labels$e,
3716
- messages: messages$g,
3717
+ labels: labels$g,
3718
+ messages: messages$i,
3717
3719
  errors: errors$4
3718
3720
  };
3719
3721
 
3720
3722
  var title$b = "Create an account";
3721
3723
  var subtitle$5 = "Enter your email and password below";
3722
- var labels$d = {
3724
+ var labels$f = {
3723
3725
  signUpFacebook: "Sign up with Facebook",
3724
3726
  signUpGoogle: "Sign up with Google",
3725
3727
  signUpEmail: "Sign up with Email",
@@ -3731,7 +3733,7 @@ var labels$d = {
3731
3733
  firstName: "First name",
3732
3734
  lastName: "Last name"
3733
3735
  };
3734
- var messages$f = {
3736
+ var messages$h = {
3735
3737
  alreadyHaveAccount: "Already have an account?",
3736
3738
  createAccount: "Create account",
3737
3739
  loginHere: "login here. ",
@@ -3764,7 +3766,7 @@ var gift$1 = {
3764
3766
  lastName: "Last name",
3765
3767
  email: "Email",
3766
3768
  startDate: "Gift date",
3767
- giftMessage: "Gift message (500 characters max)",
3769
+ giftMessage: "Gift message (200 characters max)",
3768
3770
  required: "required",
3769
3771
  firstNamePlaceholder: "First name",
3770
3772
  lastNamePlaceholder: "Last name",
@@ -3805,8 +3807,8 @@ var redeem$1 = {
3805
3807
  var register_en = {
3806
3808
  title: title$b,
3807
3809
  subtitle: subtitle$5,
3808
- labels: labels$d,
3809
- messages: messages$f,
3810
+ labels: labels$f,
3811
+ messages: messages$h,
3810
3812
  errors: errors$3,
3811
3813
  gift: gift$1,
3812
3814
  redeem: redeem$1
@@ -3814,7 +3816,7 @@ var register_en = {
3814
3816
 
3815
3817
  var title$a = "Créer un compte";
3816
3818
  var subtitle$4 = "Entrez votre courriel et votre mot de passe ci-dessous";
3817
- var labels$c = {
3819
+ var labels$e = {
3818
3820
  signUpFacebook: "Inscrivez-vous avec Facebook",
3819
3821
  signUpGoogle: "Inscrivez-vous avec Google",
3820
3822
  signUpEmail: "Inscrivez-vous avec votre courriel",
@@ -3826,7 +3828,7 @@ var labels$c = {
3826
3828
  firstName: "Prénom",
3827
3829
  lastName: "Nom de famille"
3828
3830
  };
3829
- var messages$e = {
3831
+ var messages$g = {
3830
3832
  alreadyHaveAccount: "Vous avez déjà un compte?",
3831
3833
  createAccount: "Créer un compte",
3832
3834
  loginHere: "Connectez-vous ici",
@@ -3860,7 +3862,7 @@ var gift = {
3860
3862
  lastName: "Nom de famille",
3861
3863
  email: "Adresse courriel",
3862
3864
  startDate: "Date de début",
3863
- giftMessage: "Message du cadeau (500 caractères max)",
3865
+ giftMessage: "Message du cadeau (200 caractères max)",
3864
3866
  required: "Champs obligatoires",
3865
3867
  firstNamePlaceholder: "Prénom",
3866
3868
  lastNamePlaceholder: "Nom de famille",
@@ -3901,14 +3903,14 @@ var redeem = {
3901
3903
  var register_fr = {
3902
3904
  title: title$a,
3903
3905
  subtitle: subtitle$4,
3904
- labels: labels$c,
3905
- messages: messages$e,
3906
+ labels: labels$e,
3907
+ messages: messages$g,
3906
3908
  errors: errors$2,
3907
3909
  gift: gift,
3908
3910
  redeem: redeem
3909
3911
  };
3910
3912
 
3911
- var labels$b = {
3913
+ var labels$d = {
3912
3914
  title: "Want to update your profile?",
3913
3915
  subtitle: "Enter your information below to update your profile",
3914
3916
  email: "Email",
@@ -3924,17 +3926,17 @@ var labels$b = {
3924
3926
  removeImage: "Remove current photo",
3925
3927
  zoom: "Zoom"
3926
3928
  };
3927
- var messages$d = {
3929
+ var messages$f = {
3928
3930
  userUpdated: "Thanks! Your profile was updated successfully.",
3929
3931
  pictureRemoved: "Your profile picture was removed successfully.",
3930
3932
  pictureUpdated: "Your profile picture was updated successfully."
3931
3933
  };
3932
3934
  var userEdit_en = {
3933
- labels: labels$b,
3934
- messages: messages$d
3935
+ labels: labels$d,
3936
+ messages: messages$f
3935
3937
  };
3936
3938
 
3937
- var labels$a = {
3939
+ var labels$c = {
3938
3940
  title: "Voulez-vous mettre à jour votre profil ?",
3939
3941
  subtitle: "Entrez vos informations ci-dessous pour mettre à jour votre profil",
3940
3942
  email: "Address courriel",
@@ -3950,20 +3952,20 @@ var labels$a = {
3950
3952
  removeImage: "supprimer la photo actuelle",
3951
3953
  zoom: "Zoom"
3952
3954
  };
3953
- var messages$c = {
3955
+ var messages$e = {
3954
3956
  userUpdated: "Votre profil a été mis à jour avec succès.",
3955
3957
  pictureRemoved: "Votre photo de profil a été supprimée avec succès.",
3956
3958
  pictureUpdated: "Votre photo de profil a été mise à jour avec succès."
3957
3959
  };
3958
3960
  var userEdit_fr = {
3959
- labels: labels$a,
3960
- messages: messages$c
3961
+ labels: labels$c,
3962
+ messages: messages$e
3961
3963
  };
3962
3964
 
3963
3965
  var title$9 = "Enter your shipping address";
3964
3966
  var selectAddressTitle$1 = "Please select an address";
3965
3967
  var selectAddressSubtitle$1 = "Select one of your saved addresses, or add a new one";
3966
- var labels$9 = {
3968
+ var labels$b = {
3967
3969
  address: "Address",
3968
3970
  code: "Postal Code/Zip",
3969
3971
  city: "City",
@@ -3978,7 +3980,7 @@ var buttons$5 = {
3978
3980
  selectAddress: "Select address",
3979
3981
  addAddress: "Add new address"
3980
3982
  };
3981
- var messages$b = {
3983
+ var messages$d = {
3982
3984
  addressUpdated: "The address was successfully updated!",
3983
3985
  subRedeemed: "Your subscription has been redeemed."
3984
3986
  };
@@ -3986,15 +3988,15 @@ var address_en = {
3986
3988
  title: title$9,
3987
3989
  selectAddressTitle: selectAddressTitle$1,
3988
3990
  selectAddressSubtitle: selectAddressSubtitle$1,
3989
- labels: labels$9,
3991
+ labels: labels$b,
3990
3992
  buttons: buttons$5,
3991
- messages: messages$b
3993
+ messages: messages$d
3992
3994
  };
3993
3995
 
3994
3996
  var title$8 = "Entrez votre adresse de livraison";
3995
3997
  var selectAddressTitle = "Veuillez sélectionner une adresse";
3996
3998
  var selectAddressSubtitle = "Choisissez l'une de vos adresses ou créez-en une nouvelle";
3997
- var labels$8 = {
3999
+ var labels$a = {
3998
4000
  address: "Adresse",
3999
4001
  code: "Code postal / Zip",
4000
4002
  city: "Ville",
@@ -4009,7 +4011,7 @@ var buttons$4 = {
4009
4011
  selectAddress: "Choisir cette adresse",
4010
4012
  addAddress: "Ajouter une nouvelle adresse"
4011
4013
  };
4012
- var messages$a = {
4014
+ var messages$c = {
4013
4015
  addressUpdated: "Votre adresse a été mise à jour avec succès",
4014
4016
  subRedeemed: "Votre abonnement a bien été activé."
4015
4017
  };
@@ -4017,9 +4019,9 @@ var address_fr = {
4017
4019
  title: title$8,
4018
4020
  selectAddressTitle: selectAddressTitle,
4019
4021
  selectAddressSubtitle: selectAddressSubtitle,
4020
- labels: labels$8,
4022
+ labels: labels$a,
4021
4023
  buttons: buttons$4,
4022
- messages: messages$a
4024
+ messages: messages$c
4023
4025
  };
4024
4026
 
4025
4027
  var title$7 = "Reset your password";
@@ -4066,7 +4068,7 @@ var password$1 = "Password";
4066
4068
  var submit$3 = "Submit";
4067
4069
  var required$3 = "Required";
4068
4070
  var passwordResetEmailSent$1 = "Password reset instructions have been sent to your email";
4069
- var messages$9 = {
4071
+ var messages$b = {
4070
4072
  alreadyHaveAccount: "Already have an account?",
4071
4073
  loginHere: "login here."
4072
4074
  };
@@ -4077,7 +4079,7 @@ var passwordForgot_en = {
4077
4079
  submit: submit$3,
4078
4080
  required: required$3,
4079
4081
  passwordResetEmailSent: passwordResetEmailSent$1,
4080
- messages: messages$9
4082
+ messages: messages$b
4081
4083
  };
4082
4084
 
4083
4085
  var title$4 = "Mot de passe oublié ?";
@@ -4086,7 +4088,7 @@ var password = "Mot de passe";
4086
4088
  var submit$2 = "Soumettre";
4087
4089
  var required$2 = "Champs obligatoires";
4088
4090
  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.";
4089
- var messages$8 = {
4091
+ var messages$a = {
4090
4092
  alreadyHaveAccount: "Vous avez déjà un compte ?",
4091
4093
  loginHere: "Connectez-vous ici"
4092
4094
  };
@@ -4097,7 +4099,7 @@ var passwordForgot_fr = {
4097
4099
  submit: submit$2,
4098
4100
  required: required$2,
4099
4101
  passwordResetEmailSent: passwordResetEmailSent,
4100
- messages: messages$8
4102
+ messages: messages$a
4101
4103
  };
4102
4104
 
4103
4105
  var title$3 = "Change your password";
@@ -4198,7 +4200,7 @@ var buttons$3 = {
4198
4200
  purchase: "Purchase",
4199
4201
  "continue": "Continue"
4200
4202
  };
4201
- var messages$7 = {
4203
+ var messages$9 = {
4202
4204
  orderConfirmed: {
4203
4205
  title: "Order confirmed!",
4204
4206
  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."
@@ -4207,14 +4209,14 @@ var messages$7 = {
4207
4209
  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.",
4208
4210
  currencyMismatch: "The selected item(s) do not match your current default currency ({{currency}}). Please choose item(s) only matching this currency."
4209
4211
  };
4210
- var labels$7 = {
4212
+ var labels$9 = {
4211
4213
  summary: "Order summary",
4212
4214
  total: "total"
4213
4215
  };
4214
4216
  var shop_en = {
4215
4217
  buttons: buttons$3,
4216
- messages: messages$7,
4217
- labels: labels$7
4218
+ messages: messages$9,
4219
+ labels: labels$9
4218
4220
  };
4219
4221
 
4220
4222
  var buttons$2 = {
@@ -4223,7 +4225,7 @@ var buttons$2 = {
4223
4225
  purchase: "Acheter",
4224
4226
  "continue": "Continuer au contenu"
4225
4227
  };
4226
- var messages$6 = {
4228
+ var messages$8 = {
4227
4229
  orderConfirmed: {
4228
4230
  title: "Votre commande est confirmée !",
4229
4231
  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."
@@ -4232,17 +4234,17 @@ var messages$6 = {
4232
4234
  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.",
4233
4235
  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."
4234
4236
  };
4235
- var labels$6 = {
4237
+ var labels$8 = {
4236
4238
  summary: "récapitulatif de commande",
4237
4239
  total: "total"
4238
4240
  };
4239
4241
  var shop_fr = {
4240
4242
  buttons: buttons$2,
4241
- messages: messages$6,
4242
- labels: labels$6
4243
+ messages: messages$8,
4244
+ labels: labels$8
4243
4245
  };
4244
4246
 
4245
- var labels$5 = {
4247
+ var labels$7 = {
4246
4248
  cardNumber: "Numéro de carte",
4247
4249
  securityCode: "Code de sécurité",
4248
4250
  submit: "Soumettre",
@@ -4264,7 +4266,7 @@ var labels$5 = {
4264
4266
  title: "Informations de paiement"
4265
4267
  }
4266
4268
  };
4267
- var messages$5 = {
4269
+ var messages$7 = {
4268
4270
  youAreSafe: "Vous êtes en sécurité - PCI conforme 128 SSL par",
4269
4271
  cancel: "Annuler votre abonnement en ligne à tout moment.",
4270
4272
  giftSent: "Le cadeau d’abonnement a été envoyé à",
@@ -4277,12 +4279,12 @@ var errors$1 = {
4277
4279
  "": ""
4278
4280
  };
4279
4281
  var payment_fr = {
4280
- labels: labels$5,
4281
- messages: messages$5,
4282
+ labels: labels$7,
4283
+ messages: messages$7,
4282
4284
  errors: errors$1
4283
4285
  };
4284
4286
 
4285
- var labels$4 = {
4287
+ var labels$6 = {
4286
4288
  cardNumber: "Card number",
4287
4289
  securityCode: "Security Code",
4288
4290
  submit: "Submit",
@@ -4304,7 +4306,7 @@ var labels$4 = {
4304
4306
  title: "Payment Information"
4305
4307
  }
4306
4308
  };
4307
- var messages$4 = {
4309
+ var messages$6 = {
4308
4310
  youAreSafe: "You're safe - PCI compliant 128 SSL by",
4309
4311
  cancel: "Cancel your subscription online at anytime.",
4310
4312
  giftSent: "Subscription gift has been sent to",
@@ -4317,12 +4319,12 @@ var errors = {
4317
4319
  "": ""
4318
4320
  };
4319
4321
  var payment_en = {
4320
- labels: labels$4,
4321
- messages: messages$4,
4322
+ labels: labels$6,
4323
+ messages: messages$6,
4322
4324
  errors: errors
4323
4325
  };
4324
4326
 
4325
- var labels$3 = {
4327
+ var labels$5 = {
4326
4328
  menu: "Pelcro Menu",
4327
4329
  name: "Name",
4328
4330
  email: "Email",
@@ -4346,6 +4348,7 @@ var labels$3 = {
4346
4348
  account: "Account",
4347
4349
  purchases: "Purchases",
4348
4350
  subscriptions: "Subscriptions",
4351
+ donations: "Donations",
4349
4352
  updatePaymentSource: "Update",
4350
4353
  profile: "Profile",
4351
4354
  updateProfile: "Edit profile",
@@ -4361,6 +4364,7 @@ var labels$3 = {
4361
4364
  actions: "Actions",
4362
4365
  expiresOn: "Ends",
4363
4366
  startsOn: "Starts",
4367
+ startDate: "Start date",
4364
4368
  renewsOn: "Renews",
4365
4369
  canceledOn: "Canceled on",
4366
4370
  recipient: "Recipient",
@@ -4387,7 +4391,7 @@ var labels$3 = {
4387
4391
  goBack: "Go back"
4388
4392
  }
4389
4393
  };
4390
- var messages$3 = {
4394
+ var messages$5 = {
4391
4395
  noCard: "You don't have a card",
4392
4396
  subCancellation: {
4393
4397
  isSureToCancel: "Are you sure you want to cancel your subscription?",
@@ -4397,11 +4401,11 @@ var messages$3 = {
4397
4401
  }
4398
4402
  };
4399
4403
  var dashboard_en = {
4400
- labels: labels$3,
4401
- messages: messages$3
4404
+ labels: labels$5,
4405
+ messages: messages$5
4402
4406
  };
4403
4407
 
4404
- var labels$2 = {
4408
+ var labels$4 = {
4405
4409
  menu: "Menu Pelcro",
4406
4410
  name: "Nom",
4407
4411
  email: "Courriel",
@@ -4425,6 +4429,7 @@ var labels$2 = {
4425
4429
  account: "Compte",
4426
4430
  purchases: "Achats",
4427
4431
  subscriptions: "Abonnements",
4432
+ donations: "Des dons",
4428
4433
  updatePaymentSource: "Mettre à jour la source de paiement",
4429
4434
  profile: "Profil",
4430
4435
  updateProfile: "Mettre à jour le profil",
@@ -4440,6 +4445,7 @@ var labels$2 = {
4440
4445
  actions: "Actes",
4441
4446
  expiresOn: "Expire le",
4442
4447
  startsOn: "Débute le",
4448
+ startDate: "Date de début",
4443
4449
  renewsOn: "Renouvelle le",
4444
4450
  canceledOn: "Annulé le",
4445
4451
  recipient: "Destinataire",
@@ -4466,7 +4472,7 @@ var labels$2 = {
4466
4472
  goBack: "Retourner"
4467
4473
  }
4468
4474
  };
4469
- var messages$2 = {
4475
+ var messages$4 = {
4470
4476
  noCard: "Vous n’avez pas une carte",
4471
4477
  subCancellation: {
4472
4478
  isSureToCancel: "Êtes-vous certain de vouloir annuler votre abonnement?",
@@ -4476,16 +4482,16 @@ var messages$2 = {
4476
4482
  }
4477
4483
  };
4478
4484
  var dashboard_fr = {
4479
- labels: labels$2,
4480
- messages: messages$2
4485
+ labels: labels$4,
4486
+ messages: messages$4
4481
4487
  };
4482
4488
 
4483
- var messages$1 = {
4489
+ var messages$3 = {
4484
4490
  alreadyHaveAccount: "Already have an account?",
4485
4491
  loginHere: "Login here",
4486
4492
  checkbox: "Check this box to gift this subscription"
4487
4493
  };
4488
- var labels$1 = {
4494
+ var labels$3 = {
4489
4495
  plan: {
4490
4496
  title: "Subscribe to a plan",
4491
4497
  subtitle: "Select one of the plans below and click on next."
@@ -4496,7 +4502,11 @@ var labels$1 = {
4496
4502
  },
4497
4503
  selectProduct: "Select a product",
4498
4504
  selectPlan: "Select a plan",
4499
- startingAt: "Starting at"
4505
+ startingAt: "Starting at",
4506
+ restrictiveArticles: {
4507
+ subscribeTo: "Subscribe to one of the following options to get access to this page",
4508
+ or: "Or take a look at some of our other options below"
4509
+ }
4500
4510
  };
4501
4511
  var buttons$1 = {
4502
4512
  next: "Next",
@@ -4504,17 +4514,17 @@ var buttons$1 = {
4504
4514
  back: "Back"
4505
4515
  };
4506
4516
  var select_en = {
4507
- messages: messages$1,
4508
- labels: labels$1,
4517
+ messages: messages$3,
4518
+ labels: labels$3,
4509
4519
  buttons: buttons$1
4510
4520
  };
4511
4521
 
4512
- var messages = {
4522
+ var messages$2 = {
4513
4523
  alreadyHaveAccount: "Vous avez déjà un compte ?",
4514
4524
  loginHere: "Connectez-vous ici",
4515
4525
  checkbox: "Cochez cette case pour offrir cet abonnement"
4516
4526
  };
4517
- var labels = {
4527
+ var labels$2 = {
4518
4528
  plan: {
4519
4529
  title: "Abonnez-vous à un plan",
4520
4530
  subtitle: "Sélectionnez l’un des plans ci-dessous et cliquez sur suivant."
@@ -4525,7 +4535,11 @@ var labels = {
4525
4535
  },
4526
4536
  selectProduct: "Sélectionnez un produit",
4527
4537
  selectPlan: "Sélectionnez un plan",
4528
- starningAt: "À partir de"
4538
+ starningAt: "À partir de",
4539
+ restrictiveArticles: {
4540
+ subscribeTo: "Abonnez-vous à une des options suivantes pour accéder au contenu de cette page",
4541
+ or: "Sinon, jetez un coup d'oeil à d'autres offres ci-dessous"
4542
+ }
4529
4543
  };
4530
4544
  var buttons = {
4531
4545
  next: "Prochain",
@@ -4533,8 +4547,8 @@ var buttons = {
4533
4547
  back: "Retour"
4534
4548
  };
4535
4549
  var select_fr = {
4536
- messages: messages,
4537
- labels: labels,
4550
+ messages: messages$2,
4551
+ labels: labels$2,
4538
4552
  buttons: buttons
4539
4553
  };
4540
4554
 
@@ -4558,6 +4572,34 @@ var notification_fr = {
4558
4572
  confirm: confirm
4559
4573
  };
4560
4574
 
4575
+ var labels$1 = {
4576
+ title: "Verify your email",
4577
+ instructions: "You're on your way!\nLet's confirm your email address.\nClick on the verification link we've sent to your email:",
4578
+ resend: "Resend email"
4579
+ };
4580
+ var messages$1 = {
4581
+ resent: "Resent successfully",
4582
+ success: "Email verified successfully!"
4583
+ };
4584
+ var verifyEmail_en = {
4585
+ labels: labels$1,
4586
+ messages: messages$1
4587
+ };
4588
+
4589
+ var labels = {
4590
+ title: "Vérifiez votre e-mail",
4591
+ instructions: "Vous êtes en route!\nConfirmons votre adresse e-mail.\nCliquez sur le lien de vérification que nous vous avons envoyé par e-mail:",
4592
+ resend: "Ré-envoyer l'email"
4593
+ };
4594
+ var messages = {
4595
+ resent: "Renvoyé avec succès",
4596
+ success: "Email vérifié avec succès!"
4597
+ };
4598
+ var verifyEmail_fr = {
4599
+ labels: labels,
4600
+ messages: messages
4601
+ };
4602
+
4561
4603
  function create$1(createState) {
4562
4604
  let state;
4563
4605
  const listeners = new Set();
@@ -5907,12 +5949,23 @@ class PelcroActions {
5907
5949
  view,
5908
5950
  cartItems,
5909
5951
  ...otherStateFields
5910
- } = initialState$g;
5952
+ } = initialState$h;
5911
5953
  this.set(otherStateFields);
5912
5954
  });
5913
5955
 
5914
5956
  _defineProperty$3(this, "switchView", view => {
5915
- // view switching guards
5957
+ var _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro$user$r, _window$Pelcro$user$r2;
5958
+
5959
+ 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;
5960
+ 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;
5961
+ const userMustVerifyEmail = this.get().isAuthenticated() && isEmailVerificationEnabled && !isUserEmailVerified; // view switching guards
5962
+
5963
+ if (userMustVerifyEmail && !["dashboard", "meter", "login", null].includes(view)) {
5964
+ return this.set({
5965
+ view: "email-verify"
5966
+ });
5967
+ }
5968
+
5916
5969
  if (["login", "register"].includes(view) && this.get().isAuthenticated()) {
5917
5970
  return this.set({
5918
5971
  view: "dashboard"
@@ -6170,7 +6223,7 @@ class PelcroCallbacks {
6170
6223
  }
6171
6224
  });
6172
6225
 
6173
- _defineProperty$3(this, "whenUserReady", callback => {
6226
+ _defineProperty$3(this, "whenUserReady", (callback, listenerOptions) => {
6174
6227
  var _window$Pelcro$user$r;
6175
6228
 
6176
6229
  if ((_window$Pelcro$user$r = window.Pelcro.user.read()) !== null && _window$Pelcro$user$r !== void 0 && _window$Pelcro$user$r.id) {
@@ -6178,7 +6231,7 @@ class PelcroCallbacks {
6178
6231
  } else {
6179
6232
  window.document.addEventListener("PelcroUserLoaded", e => {
6180
6233
  callback(window.Pelcro.user.read());
6181
- });
6234
+ }, listenerOptions);
6182
6235
  }
6183
6236
  });
6184
6237
 
@@ -6197,7 +6250,7 @@ class PelcroCallbacks {
6197
6250
 
6198
6251
  }
6199
6252
 
6200
- const initialState$g = {
6253
+ const initialState$h = {
6201
6254
  // View
6202
6255
  view: null,
6203
6256
  // Plans
@@ -6225,7 +6278,7 @@ const createPelcroStore = () => createStore(middleware_3((set, get) => {
6225
6278
  return {
6226
6279
  // Store setter
6227
6280
  set,
6228
- ...initialState$g,
6281
+ ...initialState$h,
6229
6282
  // State actions
6230
6283
  ...actions,
6231
6284
  // Callbacks
@@ -6376,7 +6429,7 @@ const calcAndFormatItemsTotal = (items, currency) => {
6376
6429
  */
6377
6430
 
6378
6431
  const isValidViewFromURL = viewID => {
6379
- 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()) {
6432
+ 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()) {
6380
6433
  return true;
6381
6434
  }
6382
6435
 
@@ -6590,6 +6643,7 @@ const resources = {
6590
6643
  passwordReset: passwordReset_en,
6591
6644
  passwordForgot: passwordForgot_en,
6592
6645
  passwordChange: passwordChange_en,
6646
+ verifyEmail: verifyEmail_en,
6593
6647
  cart: cart_en,
6594
6648
  shop: shop_en,
6595
6649
  payment: payment_en,
@@ -6612,6 +6666,7 @@ const resources = {
6612
6666
  passwordReset: passwordReset_fr,
6613
6667
  passwordForgot: passwordForgot_fr,
6614
6668
  passwordChange: passwordChange_fr,
6669
+ verifyEmail: verifyEmail_fr,
6615
6670
  cart: cart_fr,
6616
6671
  shop: shop_fr,
6617
6672
  payment: payment_fr,
@@ -6770,6 +6825,8 @@ class SaveToMetadataButtonClass {
6770
6825
  _saveToMetadata.set(this, {
6771
6826
  writable: true,
6772
6827
  value: event => {
6828
+ var _user$metadata;
6829
+
6773
6830
  const button = event.currentTarget;
6774
6831
  const user = window.Pelcro.user.read();
6775
6832
  const {
@@ -6785,7 +6842,7 @@ class SaveToMetadataButtonClass {
6785
6842
 
6786
6843
  let newMetadataValue = [buttonMetadata]; // if this key already exist in user metadata object, append to it.
6787
6844
 
6788
- const oldValue = user.metadata[`metadata_saved_${key}`];
6845
+ const oldValue = (_user$metadata = user.metadata) === null || _user$metadata === void 0 ? void 0 : _user$metadata[`metadata_saved_${key}`];
6789
6846
 
6790
6847
  if (oldValue) {
6791
6848
  if (Array.isArray(oldValue)) {
@@ -6899,8 +6956,8 @@ const saveToMetadataButton = new SaveToMetadataButtonClass();
6899
6956
 
6900
6957
  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}}
6901
6958
 
6902
- function _extends$v() {
6903
- _extends$v = Object.assign || function (target) {
6959
+ function _extends$y() {
6960
+ _extends$y = Object.assign || function (target) {
6904
6961
  for (var i = 1; i < arguments.length; i++) {
6905
6962
  var source = arguments[i];
6906
6963
 
@@ -6914,7 +6971,7 @@ function _extends$v() {
6914
6971
  return target;
6915
6972
  };
6916
6973
 
6917
- return _extends$v.apply(this, arguments);
6974
+ return _extends$y.apply(this, arguments);
6918
6975
  }
6919
6976
 
6920
6977
  function _taggedTemplateLiteralLoose(strings, raw) {
@@ -7004,7 +7061,7 @@ var clearFromRemoveQueue = function clearFromRemoveQueue(toastId) {
7004
7061
  var reducer = function reducer(state, action) {
7005
7062
  switch (action.type) {
7006
7063
  case ActionType.ADD_TOAST:
7007
- return _extends$v({}, state, {
7064
+ return _extends$y({}, state, {
7008
7065
  toasts: [action.toast].concat(state.toasts).slice(0, TOAST_LIMIT)
7009
7066
  });
7010
7067
 
@@ -7014,9 +7071,9 @@ var reducer = function reducer(state, action) {
7014
7071
  clearFromRemoveQueue(action.toast.id);
7015
7072
  }
7016
7073
 
7017
- return _extends$v({}, state, {
7074
+ return _extends$y({}, state, {
7018
7075
  toasts: state.toasts.map(function (t) {
7019
- return t.id === action.toast.id ? _extends$v({}, t, action.toast) : t;
7076
+ return t.id === action.toast.id ? _extends$y({}, t, action.toast) : t;
7020
7077
  })
7021
7078
  });
7022
7079
 
@@ -7043,9 +7100,9 @@ var reducer = function reducer(state, action) {
7043
7100
  });
7044
7101
  }
7045
7102
 
7046
- return _extends$v({}, state, {
7103
+ return _extends$y({}, state, {
7047
7104
  toasts: state.toasts.map(function (t) {
7048
- return t.id === toastId || toastId === undefined ? _extends$v({}, t, {
7105
+ return t.id === toastId || toastId === undefined ? _extends$y({}, t, {
7049
7106
  visible: false
7050
7107
  }) : t;
7051
7108
  })
@@ -7053,28 +7110,28 @@ var reducer = function reducer(state, action) {
7053
7110
 
7054
7111
  case ActionType.REMOVE_TOAST:
7055
7112
  if (action.toastId === undefined) {
7056
- return _extends$v({}, state, {
7113
+ return _extends$y({}, state, {
7057
7114
  toasts: []
7058
7115
  });
7059
7116
  }
7060
7117
 
7061
- return _extends$v({}, state, {
7118
+ return _extends$y({}, state, {
7062
7119
  toasts: state.toasts.filter(function (t) {
7063
7120
  return t.id !== action.toastId;
7064
7121
  })
7065
7122
  });
7066
7123
 
7067
7124
  case ActionType.START_PAUSE:
7068
- return _extends$v({}, state, {
7125
+ return _extends$y({}, state, {
7069
7126
  pausedAt: action.time
7070
7127
  });
7071
7128
 
7072
7129
  case ActionType.END_PAUSE:
7073
7130
  var diff = action.time - (state.pausedAt || 0);
7074
- return _extends$v({}, state, {
7131
+ return _extends$y({}, state, {
7075
7132
  pausedAt: undefined,
7076
7133
  toasts: state.toasts.map(function (t) {
7077
- return _extends$v({}, t, {
7134
+ return _extends$y({}, t, {
7078
7135
  pauseDuration: t.pauseDuration + diff
7079
7136
  });
7080
7137
  })
@@ -7121,12 +7178,12 @@ var useStore = function useStore(toastOptions) {
7121
7178
  var mergedToasts = state.toasts.map(function (t) {
7122
7179
  var _toastOptions$t$type, _toastOptions, _toastOptions$t$type2;
7123
7180
 
7124
- return _extends$v({}, toastOptions, toastOptions[t.type], t, {
7181
+ return _extends$y({}, toastOptions, toastOptions[t.type], t, {
7125
7182
  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],
7126
- style: _extends$v({}, toastOptions.style, (_toastOptions$t$type2 = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type2.style, t.style)
7183
+ style: _extends$y({}, toastOptions.style, (_toastOptions$t$type2 = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type2.style, t.style)
7127
7184
  });
7128
7185
  });
7129
- return _extends$v({}, state, {
7186
+ return _extends$y({}, state, {
7130
7187
  toasts: mergedToasts
7131
7188
  });
7132
7189
  };
@@ -7136,7 +7193,7 @@ var createToast = function createToast(message, type, opts) {
7136
7193
  type = 'blank';
7137
7194
  }
7138
7195
 
7139
- return _extends$v({
7196
+ return _extends$y({
7140
7197
  createdAt: Date.now(),
7141
7198
  visible: true,
7142
7199
  type: type,
@@ -7186,14 +7243,14 @@ toast.remove = function (toastId) {
7186
7243
  };
7187
7244
 
7188
7245
  toast.promise = function (promise, msgs, opts) {
7189
- var id = toast.loading(msgs.loading, _extends$v({}, opts, opts == null ? void 0 : opts.loading));
7246
+ var id = toast.loading(msgs.loading, _extends$y({}, opts, opts == null ? void 0 : opts.loading));
7190
7247
  promise.then(function (p) {
7191
- toast.success(resolveValue(msgs.success, p), _extends$v({
7248
+ toast.success(resolveValue(msgs.success, p), _extends$y({
7192
7249
  id: id
7193
7250
  }, opts, opts == null ? void 0 : opts.success));
7194
7251
  return p;
7195
7252
  })["catch"](function (e) {
7196
- toast.error(resolveValue(msgs.error, e), _extends$v({
7253
+ toast.error(resolveValue(msgs.error, e), _extends$y({
7197
7254
  id: id
7198
7255
  }, opts, opts == null ? void 0 : opts.error));
7199
7256
  });
@@ -7532,7 +7589,7 @@ var ToastBar = /*#__PURE__*/memo(function (_ref2) {
7532
7589
  var message = createElement(Message, Object.assign({}, toast.ariaProps), resolveValue(toast.message, toast));
7533
7590
  return createElement(ToastBarBase, {
7534
7591
  className: toast.className,
7535
- style: _extends$v({}, animationStyle, style, toast.style)
7592
+ style: _extends$y({}, animationStyle, style, toast.style)
7536
7593
  }, typeof children === 'function' ? children({
7537
7594
  icon: icon,
7538
7595
  message: message
@@ -7562,7 +7619,7 @@ var getPositionStyle = function getPositionStyle(position, offset) {
7562
7619
  } : position.includes('right') ? {
7563
7620
  justifyContent: 'flex-end'
7564
7621
  } : {};
7565
- return _extends$v({
7622
+ return _extends$y({
7566
7623
  left: 0,
7567
7624
  right: 0,
7568
7625
  display: 'flex',
@@ -7589,7 +7646,7 @@ var Toaster = function Toaster(_ref) {
7589
7646
  handlers = _useToaster.handlers;
7590
7647
 
7591
7648
  return createElement("div", {
7592
- style: _extends$v({
7649
+ style: _extends$y({
7593
7650
  position: 'fixed',
7594
7651
  zIndex: 9999,
7595
7652
  top: DEFAULT_OFFSET,
@@ -7624,87 +7681,87 @@ var Toaster = function Toaster(_ref) {
7624
7681
  }));
7625
7682
  };
7626
7683
 
7627
- var _path$s;
7684
+ var _path$v;
7628
7685
 
7629
- 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); }
7686
+ 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); }
7630
7687
 
7631
7688
  function SvgCheckSolid(props) {
7632
- return /*#__PURE__*/React.createElement("svg", _extends$u({
7689
+ return /*#__PURE__*/React.createElement("svg", _extends$x({
7633
7690
  xmlns: "http://www.w3.org/2000/svg",
7634
7691
  className: "h-5 w-5",
7635
7692
  viewBox: "0 0 20 20",
7636
7693
  fill: "currentColor"
7637
- }, props), _path$s || (_path$s = /*#__PURE__*/React.createElement("path", {
7694
+ }, props), _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
7638
7695
  fillRule: "evenodd",
7639
7696
  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",
7640
7697
  clipRule: "evenodd"
7641
7698
  })));
7642
7699
  }
7643
7700
 
7644
- var _path$r;
7701
+ var _path$u;
7645
7702
 
7646
- 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); }
7703
+ 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); }
7647
7704
 
7648
7705
  function SvgXIcon(props) {
7649
- return /*#__PURE__*/React.createElement("svg", _extends$t({
7706
+ return /*#__PURE__*/React.createElement("svg", _extends$w({
7650
7707
  xmlns: "http://www.w3.org/2000/svg",
7651
7708
  viewBox: "0 0 20 20",
7652
7709
  fill: "currentColor"
7653
- }, props), _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
7710
+ }, props), _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
7654
7711
  fill: "evenodd",
7655
7712
  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",
7656
7713
  clipRule: "evenodd"
7657
7714
  })));
7658
7715
  }
7659
7716
 
7660
- var _path$q;
7717
+ var _path$t;
7661
7718
 
7662
- 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); }
7719
+ 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); }
7663
7720
 
7664
7721
  function SvgXIconSolid(props) {
7665
- return /*#__PURE__*/React.createElement("svg", _extends$s({
7722
+ return /*#__PURE__*/React.createElement("svg", _extends$v({
7666
7723
  className: "plc-w-4 plc-h-4",
7667
7724
  fill: "currentColor",
7668
7725
  xmlns: "http://www.w3.org/2000/svg",
7669
7726
  viewBox: "0 0 100 100"
7670
- }, props), _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
7727
+ }, props), _path$t || (_path$t = /*#__PURE__*/React.createElement("path", {
7671
7728
  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"
7672
7729
  })));
7673
7730
  }
7674
7731
 
7675
- var _path$p;
7732
+ var _path$s;
7676
7733
 
7677
- 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); }
7734
+ 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); }
7678
7735
 
7679
7736
  function SvgExclamation(props) {
7680
- return /*#__PURE__*/React.createElement("svg", _extends$r({
7737
+ return /*#__PURE__*/React.createElement("svg", _extends$u({
7681
7738
  className: "plc-w-4 plc-h-4 plc-mr-1",
7682
7739
  xmlns: "http://www.w3.org/2000/svg",
7683
7740
  viewBox: "0 0 20 20",
7684
7741
  fill: "currentColor"
7685
- }, props), _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
7742
+ }, props), _path$s || (_path$s = /*#__PURE__*/React.createElement("path", {
7686
7743
  fillRule: "evenodd",
7687
7744
  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",
7688
7745
  clipRule: "evenodd"
7689
7746
  })));
7690
7747
  }
7691
7748
 
7692
- var _path$o, _path2$3;
7749
+ var _path$r, _path2$4;
7693
7750
 
7694
- 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); }
7751
+ 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); }
7695
7752
 
7696
7753
  function SvgSpinner(props) {
7697
- return /*#__PURE__*/React.createElement("svg", _extends$q({
7754
+ return /*#__PURE__*/React.createElement("svg", _extends$t({
7698
7755
  className: "plc-animate-spin",
7699
7756
  viewBox: "0 0 24 24",
7700
7757
  fill: "currentColor",
7701
7758
  xmlns: "http://www.w3.org/2000/svg"
7702
- }, props), _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
7759
+ }, props), _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
7703
7760
  opacity: 0.2,
7704
7761
  fill: "evenodd",
7705
7762
  clipRule: "evenodd",
7706
7763
  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"
7707
- })), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement("path", {
7764
+ })), _path2$4 || (_path2$4 = /*#__PURE__*/React.createElement("path", {
7708
7765
  d: "M2 12C2 6.477 6.477 2 12 2v3a7 7 0 00-7 7H2z"
7709
7766
  })));
7710
7767
  }
@@ -8430,55 +8487,116 @@ var pure = pure$1;
8430
8487
  var pure_1 = pure.loadStripe;
8431
8488
 
8432
8489
  /**
8433
- * @typedef {Object} OptionsType
8434
- * @property {boolean} loadPaymentSDKs
8435
- * @property {boolean} enableURLTriggers
8436
- * @property {boolean} enableTheme
8437
- * @property {boolean} enablePaywalls
8438
- * @property {boolean} enableGoogleAnalytics
8439
- */
8440
-
8441
- /**
8442
- * Initializes pelcro features based on the options flag object
8443
- * @param {OptionsType} options
8444
- * @returns
8490
+ * Extracts error message from the response error object
8491
+ * @param {Object} error Error object
8492
+ * @return {string}
8445
8493
  */
8494
+ const getErrorMessages = error => {
8495
+ var _error$error, _error$response, _error$response$data, _error$response3, _error$response3$data, _error$response3$data2, _error$response5, _error$response5$data;
8446
8496
 
8447
- const optionsController = options => {
8448
- if (!options) {
8449
- return;
8497
+ if (error !== null && error !== void 0 && (_error$error = error.error) !== null && _error$error !== void 0 && _error$error.message) {
8498
+ return error.error.message;
8450
8499
  }
8451
8500
 
8452
- const optionsMethodsDict = {
8453
- loadPaymentSDKs: loadPaymentSDKs,
8454
- enableURLTriggers: initViewFromURL,
8455
- enableTheme: applyPelcroTheme,
8456
- enablePaywalls: initPaywalls,
8457
- loadSecuritySDK: initSecuritySdk,
8458
- enableGoogleAnalytics: initGATracking
8459
- }; // Only execute enabled options
8501
+ 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) {
8502
+ var _error$response2, _error$response2$data;
8460
8503
 
8461
- Object.entries(options).filter(([_, value]) => value === true).forEach(([key]) => {
8462
- var _optionsMethodsDict$k;
8504
+ 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;
8505
+ }
8463
8506
 
8464
- return (_optionsMethodsDict$k = optionsMethodsDict[key]) === null || _optionsMethodsDict$k === void 0 ? void 0 : _optionsMethodsDict$k.call(optionsMethodsDict);
8465
- });
8466
- };
8467
- const initPaywalls = () => {
8468
- var _window$Pelcro$site$r;
8507
+ 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) {
8508
+ var _error$response4, _error$response4$data, _error$response4$data2;
8469
8509
 
8470
- const paywallMethods = window.Pelcro.paywall;
8471
- const viewFromURL = getStableViewID(window.Pelcro.helpers.getURLParameter("view"));
8510
+ 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;
8511
+ }
8472
8512
 
8473
- if (((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.settings) === "subscription") {
8474
- // blur entitlements based content
8475
- const didBlurContent = init(); // Skip paywall if article is not restricted
8513
+ const errorMessages = []; // enumerable error (ex: validation errors)
8476
8514
 
8477
- if (isValidViewFromURL(viewFromURL) || !paywallMethods.isArticleRestricted()) {
8478
- return;
8479
- }
8515
+ 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]) => {
8516
+ errorMessages.push(errorMessage);
8517
+ }); // convert to multiline string
8480
8518
 
8481
- const {
8519
+ return errorMessages.join("\n");
8520
+ };
8521
+ /**
8522
+ * Executes function after a wait time of inactivity
8523
+ * @param {function} func
8524
+ * @param {number} waitTime
8525
+ */
8526
+
8527
+ const debounce = (func, waitTime) => {
8528
+ let timeout;
8529
+ return function executedFunction(...args) {
8530
+ // The callback function to be executed after
8531
+ // the debounce time has elapsed
8532
+ const later = () => {
8533
+ // null timeout to indicate the debounce ended
8534
+ timeout = null;
8535
+ func(...args);
8536
+ }; // This will reset the waiting every function execution.
8537
+ // This is the step that prevents the function from
8538
+ // being executed because it will never reach the
8539
+ // inside of the previous setTimeout
8540
+
8541
+
8542
+ clearTimeout(timeout); // Restart the debounce waiting period.
8543
+ // setTimeout returns a truthy value (it differs in web vs Node)
8544
+
8545
+ timeout = setTimeout(later, waitTime);
8546
+ };
8547
+ };
8548
+
8549
+ /**
8550
+ * @typedef {Object} OptionsType
8551
+ * @property {boolean} loadPaymentSDKs
8552
+ * @property {boolean} enableURLTriggers
8553
+ * @property {boolean} enableTheme
8554
+ * @property {boolean} enablePaywalls
8555
+ * @property {boolean} enableGoogleAnalytics
8556
+ */
8557
+
8558
+ /**
8559
+ * Initializes pelcro features based on the options flag object
8560
+ * @param {OptionsType} options
8561
+ * @returns
8562
+ */
8563
+
8564
+ const optionsController = options => {
8565
+ if (!options) {
8566
+ return;
8567
+ }
8568
+
8569
+ const optionsMethodsDict = {
8570
+ loadPaymentSDKs: loadPaymentSDKs,
8571
+ loadAuth0SDK: loadAuth0SDK,
8572
+ enableURLTriggers: initViewFromURL,
8573
+ enableTheme: applyPelcroTheme,
8574
+ enablePaywalls: initPaywalls,
8575
+ loadSecuritySDK: initSecuritySdk,
8576
+ enableGoogleAnalytics: initGATracking
8577
+ }; // Only execute enabled options
8578
+
8579
+ Object.entries(options).filter(([_, value]) => value === true).forEach(([key]) => {
8580
+ var _optionsMethodsDict$k;
8581
+
8582
+ return (_optionsMethodsDict$k = optionsMethodsDict[key]) === null || _optionsMethodsDict$k === void 0 ? void 0 : _optionsMethodsDict$k.call(optionsMethodsDict);
8583
+ });
8584
+ };
8585
+ const initPaywalls = () => {
8586
+ var _window$Pelcro$site$r;
8587
+
8588
+ const paywallMethods = window.Pelcro.paywall;
8589
+ const viewFromURL = getStableViewID(window.Pelcro.helpers.getURLParameter("view"));
8590
+
8591
+ if (((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.settings) === "subscription") {
8592
+ // blur entitlements based content
8593
+ const didBlurContent = init(); // Skip paywall if article is not restricted
8594
+
8595
+ if (isValidViewFromURL(viewFromURL) || !paywallMethods.isArticleRestricted()) {
8596
+ return;
8597
+ }
8598
+
8599
+ const {
8482
8600
  switchView
8483
8601
  } = usePelcro.getStore();
8484
8602
 
@@ -8516,6 +8634,13 @@ const loadPaymentSDKs = () => {
8516
8634
  window.Pelcro.helpers.loadSDK("https://js.braintreegateway.com/web/3.69.0/js/paypal-checkout.min.js", "braintree-paypal-sdk");
8517
8635
  }
8518
8636
  };
8637
+ const loadAuth0SDK = () => {
8638
+ const auth0Enabled = Boolean(window.Pelcro.site.read().auth0_client_id && window.Pelcro.site.read().auth0_base_url);
8639
+
8640
+ if (auth0Enabled) {
8641
+ window.Pelcro.helpers.loadSDK("https://cdn.auth0.com/js/auth0/9.18/auth0.min.js", "auth0-sdk");
8642
+ }
8643
+ };
8519
8644
  const initSecuritySdk = () => {
8520
8645
  const {
8521
8646
  whenSiteReady
@@ -8661,6 +8786,10 @@ const initViewFromURL = () => {
8661
8786
  return initCartFromUrl();
8662
8787
  }
8663
8788
 
8789
+ if (view === "email-verify") {
8790
+ return verifyEmailTokenFromUrl();
8791
+ }
8792
+
8664
8793
  switchView(view);
8665
8794
  });
8666
8795
  }
@@ -8810,8 +8939,36 @@ const initCartFromUrl = () => {
8810
8939
  });
8811
8940
  };
8812
8941
 
8942
+ const verifyEmailTokenFromUrl = () => {
8943
+ var _window$Pelcro$site$r5, _window$Pelcro$site$r6;
8944
+
8945
+ const {
8946
+ whenSiteReady
8947
+ } = usePelcro.getStore();
8948
+ const translations = i18next.t("verifyEmail:messages", {
8949
+ returnObjects: true
8950
+ });
8951
+ const emailToken = window.Pelcro.helpers.getURLParameter("token");
8952
+ 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;
8953
+ if (!emailToken || !isEmailVerificationEnabled) return;
8954
+ whenSiteReady(() => {
8955
+ window.Pelcro.user.verifyEmailToken({
8956
+ token: emailToken
8957
+ }, (err, res) => {
8958
+ if (err) {
8959
+ return notify.error(getErrorMessages(err));
8960
+ }
8961
+
8962
+ return notify.success(translations.success);
8963
+ });
8964
+ }, {
8965
+ once: true
8966
+ });
8967
+ };
8968
+
8813
8969
  const defaultOptions = {
8814
8970
  loadPaymentSDKs: true,
8971
+ loadAuth0SDK: true,
8815
8972
  enableURLTriggers: true,
8816
8973
  enableTheme: true,
8817
8974
  enablePaywalls: true,
@@ -9091,6 +9248,7 @@ const SUBSCRIBE = "CREATE_SUBSCRIPTION";
9091
9248
  const HANDLE_PAYPAL_SUBSCRIPTION = "HANDLE_PAYPAL_SUBSCRIPTION";
9092
9249
  const DISABLE_COUPON_BUTTON = "DISABLE_COUPON_BUTTON";
9093
9250
  const APPLY_COUPON_CODE = "APPLY_COUPON_CODE";
9251
+ const REMOVE_APPLIED_COUPON = "REMOVE_APPLIED_COUPON";
9094
9252
  const SET_PERCENT_OFF = "SET_PERCENT_OFF";
9095
9253
  const SET_COUPON = "SET_COUPON";
9096
9254
  const SET_COUPON_ERROR = "SET_COUPON_ERROR";
@@ -9147,67 +9305,7 @@ const GET_NEWSLETTERS_FETCH = "GET_NEWSLETTERS_FETCH";
9147
9305
  const GET_NEWSLETTERS_SUCCESS = "GET_NEWSLETTERS_SUCCESS";
9148
9306
  const SWITCH_TO_UPDATE = "SWITCH_TO_UPDATE";
9149
9307
 
9150
- /**
9151
- * Extracts error message from the response error object
9152
- * @param {Object} error Error object
9153
- * @return {string}
9154
- */
9155
- const getErrorMessages = error => {
9156
- var _error$error, _error$response, _error$response$data, _error$response3, _error$response3$data, _error$response3$data2, _error$response5, _error$response5$data;
9157
-
9158
- if (error !== null && error !== void 0 && (_error$error = error.error) !== null && _error$error !== void 0 && _error$error.message) {
9159
- return error.error.message;
9160
- }
9161
-
9162
- 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) {
9163
- var _error$response2, _error$response2$data;
9164
-
9165
- 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;
9166
- }
9167
-
9168
- 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) {
9169
- var _error$response4, _error$response4$data, _error$response4$data2;
9170
-
9171
- 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;
9172
- }
9173
-
9174
- const errorMessages = []; // enumerable error (ex: validation errors)
9175
-
9176
- 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]) => {
9177
- errorMessages.push(errorMessage);
9178
- }); // convert to multiline string
9179
-
9180
- return errorMessages.join("\n");
9181
- };
9182
- /**
9183
- * Executes function after a wait time of inactivity
9184
- * @param {function} func
9185
- * @param {number} waitTime
9186
- */
9187
-
9188
- const debounce = (func, waitTime) => {
9189
- let timeout;
9190
- return function executedFunction(...args) {
9191
- // The callback function to be executed after
9192
- // the debounce time has elapsed
9193
- const later = () => {
9194
- // null timeout to indicate the debounce ended
9195
- timeout = null;
9196
- func(...args);
9197
- }; // This will reset the waiting every function execution.
9198
- // This is the step that prevents the function from
9199
- // being executed because it will never reach the
9200
- // inside of the previous setTimeout
9201
-
9202
-
9203
- clearTimeout(timeout); // Restart the debounce waiting period.
9204
- // setTimeout returns a truthy value (it differs in web vs Node)
9205
-
9206
- timeout = setTimeout(later, waitTime);
9207
- };
9208
- };
9209
-
9210
- const initialState$f = {
9308
+ const initialState$g = {
9211
9309
  email: "",
9212
9310
  password: "",
9213
9311
  emailError: null,
@@ -9218,10 +9316,10 @@ const initialState$f = {
9218
9316
  content: ""
9219
9317
  }
9220
9318
  };
9221
- const store$f = /*#__PURE__*/createContext(initialState$f);
9319
+ const store$g = /*#__PURE__*/createContext(initialState$g);
9222
9320
  const {
9223
- Provider: Provider$f
9224
- } = store$f;
9321
+ Provider: Provider$g
9322
+ } = store$g;
9225
9323
 
9226
9324
  const LoginContainer = ({
9227
9325
  style,
@@ -9328,7 +9426,7 @@ const LoginContainer = ({
9328
9426
  });
9329
9427
 
9330
9428
  case RESET_LOGIN_FORM:
9331
- return initialState$f;
9429
+ return initialState$g;
9332
9430
 
9333
9431
  case DISABLE_LOGIN_BUTTON:
9334
9432
  return lib_7({ ...state,
@@ -9346,12 +9444,12 @@ const LoginContainer = ({
9346
9444
  default:
9347
9445
  return state;
9348
9446
  }
9349
- }, initialState$f);
9447
+ }, initialState$g);
9350
9448
  return /*#__PURE__*/React__default.createElement("div", {
9351
9449
  style: { ...style
9352
9450
  },
9353
9451
  className: `pelcro-container pelcro-login-container ${className}`
9354
- }, /*#__PURE__*/React__default.createElement(Provider$f, {
9452
+ }, /*#__PURE__*/React__default.createElement(Provider$g, {
9355
9453
  value: {
9356
9454
  state,
9357
9455
  dispatch
@@ -9359,12 +9457,12 @@ const LoginContainer = ({
9359
9457
  }, children.length ? children.map((child, i) => {
9360
9458
  if (child) {
9361
9459
  return /*#__PURE__*/React__default.cloneElement(child, {
9362
- store: store$f,
9460
+ store: store$g,
9363
9461
  key: i
9364
9462
  });
9365
9463
  }
9366
9464
  }) : /*#__PURE__*/React__default.cloneElement(children, {
9367
- store: store$f
9465
+ store: store$g
9368
9466
  })));
9369
9467
  };
9370
9468
 
@@ -9609,7 +9707,7 @@ const LoginButton = ({
9609
9707
  buttonDisabled
9610
9708
  },
9611
9709
  dispatch
9612
- } = useContext(store$f);
9710
+ } = useContext(store$g);
9613
9711
  const {
9614
9712
  t
9615
9713
  } = useTranslation("login");
@@ -9630,23 +9728,23 @@ const LoginButton = ({
9630
9728
  };
9631
9729
 
9632
9730
  const LoginEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
9633
- store: store$f
9731
+ store: store$g
9634
9732
  }, props));
9635
9733
 
9636
9734
  const LoginPassword = props => /*#__PURE__*/React__default.createElement(Password, Object.assign({
9637
- store: store$f
9735
+ store: store$g
9638
9736
  }, props));
9639
9737
 
9640
- var _path$n;
9738
+ var _path$q;
9641
9739
 
9642
- 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); }
9740
+ 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); }
9643
9741
 
9644
9742
  function SvgCheck(props) {
9645
- return /*#__PURE__*/React.createElement("svg", _extends$p({
9743
+ return /*#__PURE__*/React.createElement("svg", _extends$s({
9646
9744
  xmlns: "http://www.w3.org/2000/svg",
9647
9745
  fill: "currentColor",
9648
9746
  viewBox: "0 0 20 20"
9649
- }, props), _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
9747
+ }, props), _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
9650
9748
  fillRule: "evenodd",
9651
9749
  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",
9652
9750
  clipRule: "evenodd"
@@ -9711,7 +9809,7 @@ var facebookLoginRenderProps = createCommonjsModule(function (module, exports) {
9711
9809
  var FacebookLogin = unwrapExports(facebookLoginRenderProps);
9712
9810
  facebookLoginRenderProps.FacebookLogin;
9713
9811
 
9714
- const initialState$e = {
9812
+ const initialState$f = {
9715
9813
  email: "",
9716
9814
  password: "",
9717
9815
  emailError: null,
@@ -9728,10 +9826,10 @@ const initialState$e = {
9728
9826
  content: ""
9729
9827
  }
9730
9828
  };
9731
- const store$e = /*#__PURE__*/createContext(initialState$e);
9829
+ const store$f = /*#__PURE__*/createContext(initialState$f);
9732
9830
  const {
9733
- Provider: Provider$e
9734
- } = store$e;
9831
+ Provider: Provider$f
9832
+ } = store$f;
9735
9833
 
9736
9834
  const RegisterContainer = ({
9737
9835
  style,
@@ -9914,7 +10012,7 @@ const RegisterContainer = ({
9914
10012
  });
9915
10013
 
9916
10014
  case RESET_LOGIN_FORM:
9917
- return initialState$e;
10015
+ return initialState$f;
9918
10016
 
9919
10017
  case DISABLE_REGISTRATION_BUTTON:
9920
10018
  return lib_7({ ...state,
@@ -9932,12 +10030,12 @@ const RegisterContainer = ({
9932
10030
  default:
9933
10031
  return state;
9934
10032
  }
9935
- }, initialState$e);
10033
+ }, initialState$f);
9936
10034
  return /*#__PURE__*/React__default.createElement("div", {
9937
10035
  style: { ...style
9938
10036
  },
9939
10037
  className: `pelcro-container pelcro-register-container ${className}`
9940
- }, /*#__PURE__*/React__default.createElement(Provider$e, {
10038
+ }, /*#__PURE__*/React__default.createElement(Provider$f, {
9941
10039
  value: {
9942
10040
  state,
9943
10041
  dispatch
@@ -9945,12 +10043,12 @@ const RegisterContainer = ({
9945
10043
  }, children.length ? children.map((child, i) => {
9946
10044
  if (child) {
9947
10045
  return /*#__PURE__*/React__default.cloneElement(child, {
9948
- store: store$e,
10046
+ store: store$f,
9949
10047
  key: i
9950
10048
  });
9951
10049
  }
9952
10050
  }) : /*#__PURE__*/React__default.cloneElement(children, {
9953
- store: store$e
10051
+ store: store$f
9954
10052
  })));
9955
10053
  };
9956
10054
  /**
@@ -9965,15 +10063,15 @@ function hasSecurityTokenEnabled$1() {
9965
10063
  return hasSecuritySdkLoaded;
9966
10064
  }
9967
10065
 
9968
- var _path$m;
10066
+ var _path$p;
9969
10067
 
9970
- 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); }
10068
+ 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); }
9971
10069
 
9972
10070
  function SvgFacebookLogo(props) {
9973
- return /*#__PURE__*/React.createElement("svg", _extends$o({
10071
+ return /*#__PURE__*/React.createElement("svg", _extends$r({
9974
10072
  xmlns: "http://www.w3.org/2000/svg",
9975
10073
  viewBox: "88.428 12.828 107.543 207.085"
9976
- }, props), _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
10074
+ }, props), _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
9977
10075
  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",
9978
10076
  fill: "#3c5a9a"
9979
10077
  })));
@@ -9990,10 +10088,10 @@ const FacebookLoginButton = ({
9990
10088
  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;
9991
10089
  const {
9992
10090
  dispatch: loginDispatch
9993
- } = useContext(store$f);
10091
+ } = useContext(store$g);
9994
10092
  const {
9995
10093
  dispatch: registerDispatch
9996
- } = useContext(store$e);
10094
+ } = useContext(store$f);
9997
10095
 
9998
10096
  const onSuccess = facebookUser => {
9999
10097
  loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
@@ -10046,18 +10144,18 @@ var googleLogin = createCommonjsModule(function (module, exports) {
10046
10144
  unwrapExports(googleLogin);
10047
10145
  var googleLogin_1 = googleLogin.GoogleLogin;
10048
10146
 
10049
- var _path$l, _path2$2, _path3$1, _path4;
10147
+ var _path$o, _path2$3, _path3$1, _path4;
10050
10148
 
10051
- 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); }
10149
+ 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); }
10052
10150
 
10053
10151
  function SvgGoogleLogo(props) {
10054
- return /*#__PURE__*/React.createElement("svg", _extends$n({
10152
+ return /*#__PURE__*/React.createElement("svg", _extends$q({
10055
10153
  viewBox: "0 0 24 24",
10056
10154
  xmlns: "http://www.w3.org/2000/svg"
10057
- }, props), _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
10155
+ }, props), _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
10058
10156
  fill: "#4285F4",
10059
10157
  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"
10060
- })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
10158
+ })), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement("path", {
10061
10159
  fill: "#34A853",
10062
10160
  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"
10063
10161
  })), _path3$1 || (_path3$1 = /*#__PURE__*/React.createElement("path", {
@@ -10080,10 +10178,10 @@ const GoogleLoginButton = ({
10080
10178
  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;
10081
10179
  const {
10082
10180
  dispatch: loginDispatch
10083
- } = useContext(store$f);
10181
+ } = useContext(store$g);
10084
10182
  const {
10085
10183
  dispatch: registerDispatch
10086
- } = useContext(store$e);
10184
+ } = useContext(store$f);
10087
10185
 
10088
10186
  const onSuccess = response => {
10089
10187
  var _response$getAuthResp, _profile$getEmail, _profile$getGivenName, _profile$getFamilyNam, _profile$getEmail2, _profile$getGivenName2, _profile$getFamilyNam2;
@@ -10131,17 +10229,127 @@ const GoogleLoginButton = ({
10131
10229
  }) : null;
10132
10230
  };
10133
10231
 
10232
+ var _path$n;
10233
+
10234
+ 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); }
10235
+
10236
+ function SvgAuth0Logo(props) {
10237
+ return /*#__PURE__*/React.createElement("svg", _extends$p({
10238
+ viewBox: "0 0 256 285",
10239
+ xmlns: "http://www.w3.org/2000/svg"
10240
+ }, props), _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
10241
+ 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"
10242
+ })));
10243
+ }
10244
+
10245
+ const Auth0LoginButton = ({
10246
+ label = "Auth0",
10247
+ className = "",
10248
+ labelClassName = "",
10249
+ iconClassName = ""
10250
+ }) => {
10251
+ if (!window.auth0 && window.Pelcro.site.read().auth0_client_id && window.Pelcro.site.read().auth0_base_url) {
10252
+ console.error("Auth0 sdk script wasn't loaded, you need to load auth0 sdk before rendering the Auth0LoginButton");
10253
+ }
10254
+
10255
+ const auth0Enabled = Boolean(window.Pelcro.site.read().auth0_client_id && window.Pelcro.site.read().auth0_base_url && window.auth0);
10256
+ const auth0InstanceRef = React__default.useRef(null);
10257
+ React__default.useEffect(() => {
10258
+ if (auth0Enabled) {
10259
+ auth0InstanceRef.current = new window.auth0.WebAuth({
10260
+ domain: window.Pelcro.site.read().auth0_base_url,
10261
+ clientID: window.Pelcro.site.read().auth0_client_id
10262
+ });
10263
+ }
10264
+ }, []);
10265
+ const {
10266
+ dispatch: loginDispatch
10267
+ } = useContext(store$g);
10268
+ const {
10269
+ dispatch: registerDispatch
10270
+ } = useContext(store$f);
10271
+
10272
+ function handleClick() {
10273
+ var _auth0InstanceRef$cur, _auth0InstanceRef$cur2, _auth0InstanceRef$cur3;
10274
+
10275
+ (_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, {
10276
+ responseType: "token id_token",
10277
+ owp: true // close popup when finished
10278
+
10279
+ }, function (error, authResult) {
10280
+ if (error) {
10281
+ return onFailure(error);
10282
+ }
10283
+
10284
+ onSuccess(authResult);
10285
+ });
10286
+ }
10287
+
10288
+ const onSuccess = authResult => {
10289
+ var _auth0InstanceRef$cur4, _auth0InstanceRef$cur5, _auth0InstanceRef$cur6;
10290
+
10291
+ const {
10292
+ accessToken
10293
+ } = authResult;
10294
+ (_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) => {
10295
+ if (error) {
10296
+ return onFailure(error);
10297
+ }
10298
+
10299
+ const {
10300
+ email,
10301
+ nickname
10302
+ } = user;
10303
+ loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
10304
+ type: HANDLE_SOCIAL_LOGIN,
10305
+ payload: {
10306
+ idpName: "auth0",
10307
+ idpToken: accessToken,
10308
+ firstName: nickname,
10309
+ email
10310
+ }
10311
+ });
10312
+ registerDispatch === null || registerDispatch === void 0 ? void 0 : registerDispatch({
10313
+ type: HANDLE_SOCIAL_LOGIN,
10314
+ payload: {
10315
+ idpName: "auth0",
10316
+ idpToken: accessToken,
10317
+ firstName: nickname,
10318
+ email
10319
+ }
10320
+ });
10321
+ });
10322
+ };
10323
+
10324
+ const onFailure = error => {
10325
+ console.error(error);
10326
+ };
10327
+
10328
+ if (auth0Enabled) {
10329
+ return /*#__PURE__*/React__default.createElement("button", {
10330
+ onClick: handleClick,
10331
+ 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}`
10332
+ }, /*#__PURE__*/React__default.createElement(SvgAuth0Logo, {
10333
+ className: `plc-w-6 plc-h-auto pelcro-auth0-login-icon" ${iconClassName}`
10334
+ }), /*#__PURE__*/React__default.createElement("p", {
10335
+ className: `pelcro-auth0-login-label ${labelClassName}`
10336
+ }, label));
10337
+ }
10338
+
10339
+ return null;
10340
+ };
10341
+
10134
10342
  /**
10135
10343
  *
10136
10344
  */
10137
10345
 
10138
10346
  function LoginView(props) {
10139
- var _window$Pelcro$site$r, _window$Pelcro$site$r2;
10347
+ var _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro$site$r3;
10140
10348
 
10141
10349
  const {
10142
10350
  t
10143
10351
  } = useTranslation("login");
10144
- 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);
10352
+ 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);
10145
10353
  return /*#__PURE__*/React__default.createElement("div", {
10146
10354
  id: "pelcro-login-view"
10147
10355
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -10185,22 +10393,22 @@ function LoginView(props) {
10185
10393
  className: "plc-w-full plc-border-gray-300"
10186
10394
  })), /*#__PURE__*/React__default.createElement("div", {
10187
10395
  className: "plc-flex plc-justify-center plc-px-5 plc-mt-1 plc-space-x-3"
10188
- }, /*#__PURE__*/React__default.createElement(GoogleLoginButton, null), /*#__PURE__*/React__default.createElement(FacebookLoginButton, null))))));
10396
+ }, /*#__PURE__*/React__default.createElement(GoogleLoginButton, null), /*#__PURE__*/React__default.createElement(FacebookLoginButton, null), /*#__PURE__*/React__default.createElement(Auth0LoginButton, null))))));
10189
10397
  }
10190
10398
 
10191
- var _path$k, _path2$1, _path3;
10399
+ var _path$m, _path2$2, _path3;
10192
10400
 
10193
- 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); }
10401
+ 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); }
10194
10402
 
10195
10403
  function SvgPelcroAuthorship(props) {
10196
- return /*#__PURE__*/React.createElement("svg", _extends$m({
10404
+ return /*#__PURE__*/React.createElement("svg", _extends$o({
10197
10405
  xmlns: "http://www.w3.org/2000/svg",
10198
10406
  viewBox: "0 -80.652 497.072 179.991"
10199
- }, props), _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
10407
+ }, props), _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
10200
10408
  fill: "none",
10201
10409
  stroke: "#4a4a4a",
10202
10410
  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"
10203
- })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
10411
+ })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
10204
10412
  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",
10205
10413
  fill: "#4a4a4a"
10206
10414
  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
@@ -10343,11 +10551,11 @@ function LoginModal({
10343
10551
  LoginModal.viewId = "login";
10344
10552
 
10345
10553
  const RegisterEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
10346
- store: store$e
10554
+ store: store$f
10347
10555
  }, props));
10348
10556
 
10349
10557
  const RegisterPassword = props => /*#__PURE__*/React__default.createElement(Password, Object.assign({
10350
- store: store$e
10558
+ store: store$f
10351
10559
  }, props));
10352
10560
 
10353
10561
  const RegisterButton = ({
@@ -10367,7 +10575,7 @@ const RegisterButton = ({
10367
10575
  buttonDisabled
10368
10576
  },
10369
10577
  dispatch
10370
- } = useContext(store$e);
10578
+ } = useContext(store$f);
10371
10579
  const {
10372
10580
  t
10373
10581
  } = useTranslation("register");
@@ -10505,7 +10713,7 @@ function FirstName({
10505
10713
  }
10506
10714
 
10507
10715
  const RegisterFirstName = props => /*#__PURE__*/React__default.createElement(FirstName, Object.assign({
10508
- store: store$e
10716
+ store: store$f
10509
10717
  }, props));
10510
10718
 
10511
10719
  function LastName({
@@ -10536,7 +10744,7 @@ function LastName({
10536
10744
  }
10537
10745
 
10538
10746
  const RegisterLastName = props => /*#__PURE__*/React__default.createElement(LastName, Object.assign({
10539
- store: store$e
10747
+ store: store$f
10540
10748
  }, props));
10541
10749
 
10542
10750
  /**
@@ -10544,7 +10752,7 @@ const RegisterLastName = props => /*#__PURE__*/React__default.createElement(Last
10544
10752
  */
10545
10753
 
10546
10754
  function RegisterView(props) {
10547
- var _product$paywall$regi, _product$paywall, _product$paywall$regi2, _product$paywall2, _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro, _window$Pelcro$uiSett;
10755
+ 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;
10548
10756
 
10549
10757
  const {
10550
10758
  t
@@ -10554,7 +10762,7 @@ function RegisterView(props) {
10554
10762
  } = usePelcro();
10555
10763
  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");
10556
10764
  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");
10557
- 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);
10765
+ 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);
10558
10766
  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;
10559
10767
  return /*#__PURE__*/React__default.createElement("div", {
10560
10768
  id: "pelcro-register-view"
@@ -10612,7 +10820,7 @@ function RegisterView(props) {
10612
10820
  className: "plc-w-full plc-border-gray-300"
10613
10821
  })), /*#__PURE__*/React__default.createElement("div", {
10614
10822
  className: "plc-flex plc-justify-center plc-px-5 plc-mt-1 plc-space-x-3"
10615
- }, /*#__PURE__*/React__default.createElement(GoogleLoginButton, null), /*#__PURE__*/React__default.createElement(FacebookLoginButton, null))))));
10823
+ }, /*#__PURE__*/React__default.createElement(GoogleLoginButton, null), /*#__PURE__*/React__default.createElement(FacebookLoginButton, null), /*#__PURE__*/React__default.createElement(Auth0LoginButton, null))))));
10616
10824
  }
10617
10825
  /**
10618
10826
  * Checks if the current site has security token enabled
@@ -10620,9 +10828,9 @@ function RegisterView(props) {
10620
10828
  */
10621
10829
 
10622
10830
  function hasSecurityTokenEnabled() {
10623
- var _window$Pelcro$site, _window$Pelcro$site$r3;
10831
+ var _window$Pelcro$site, _window$Pelcro$site$r4;
10624
10832
 
10625
- 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);
10833
+ 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);
10626
10834
  }
10627
10835
 
10628
10836
  function TextInput({
@@ -10660,7 +10868,7 @@ function TextInput({
10660
10868
 
10661
10869
  const RegisterTextInput = props => {
10662
10870
  return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({}, props, {
10663
- store: store$e
10871
+ store: store$f
10664
10872
  }));
10665
10873
  };
10666
10874
 
@@ -10912,42 +11120,80 @@ class SelectModal extends Component {
10912
11120
  return `${startingPlan.amount_formatted}/${startingPlan.interval}`;
10913
11121
  });
10914
11122
 
11123
+ _defineProperty$3(this, "renderOneProduct", (product, index, options) => {
11124
+ const isPlanMode = Boolean(this.state.mode === "plan");
11125
+ const productButtonLabel = isPlanMode ? this.locale("buttons.back") : this.locale("buttons.select");
11126
+ const productButtonCallback = isPlanMode ? this.goBack : this.selectProduct;
11127
+ return /*#__PURE__*/React__default.createElement("div", {
11128
+ key: product.id,
11129
+ 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"}`
11130
+ }, product.image && /*#__PURE__*/React__default.createElement("img", {
11131
+ alt: `image of ${product.name}`,
11132
+ src: product.image,
11133
+ className: "plc-object-contain plc-w-1/4 pelcro-select-product-image"
11134
+ }), /*#__PURE__*/React__default.createElement("div", {
11135
+ className: `plc-flex plc-flex-wrap ${product.image ? "plc-w-3/4" : "plc-w-full"}`
11136
+ }, /*#__PURE__*/React__default.createElement("div", {
11137
+ className: "plc-w-full pelcro-select-product-header"
11138
+ }, /*#__PURE__*/React__default.createElement("p", {
11139
+ className: "plc-font-bold pelcro-select-product-title"
11140
+ }, product.name), /*#__PURE__*/React__default.createElement("p", {
11141
+ className: "plc-text-xs pelcro-select-product-description"
11142
+ }, product.description)), /*#__PURE__*/React__default.createElement("div", {
11143
+ className: "plc-flex plc-items-end plc-w-full plc-mt-3"
11144
+ }, product.plans && /*#__PURE__*/React__default.createElement("p", {
11145
+ className: "plc-w-1/2 plc-text-xs pelcro-select-product-cost"
11146
+ }, this.locale("labels.startingAt"), " ", this.countStartPrice(product.plans)), /*#__PURE__*/React__default.createElement(Button, Object.assign({
11147
+ onClick: productButtonCallback,
11148
+ "data-key": product.id,
11149
+ id: "pelcro-select-product-back-button",
11150
+ className: `plc-ml-auto plc-text-xs ${options !== null && options !== void 0 && options.emphasize ? "plc-bg-primary-700" : ""}`
11151
+ }, index === 0 && {
11152
+ autoFocus: true
11153
+ }), productButtonLabel))));
11154
+ });
11155
+
10915
11156
  _defineProperty$3(this, "renderProducts", () => {
10916
11157
  const userDidSelectProduct = Boolean(this.state.mode === "plan");
10917
11158
  const productsToShow = userDidSelectProduct ? [this.state.product] : this.state.productList;
10918
- const productButtonLabel = userDidSelectProduct ? this.locale("buttons.back") : this.locale("buttons.select");
10919
- const productButtonCallback = userDidSelectProduct ? this.goBack : this.selectProduct;
10920
- return productsToShow.map((product, i) => {
10921
- return /*#__PURE__*/React__default.createElement("div", {
10922
- key: product.id,
10923
- 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"
10924
- }, product.image && /*#__PURE__*/React__default.createElement("img", {
10925
- alt: `image of ${product.name}`,
10926
- src: product.image,
10927
- className: "plc-object-contain plc-w-1/4 pelcro-select-product-image"
10928
- }), /*#__PURE__*/React__default.createElement("div", {
10929
- className: `plc-flex plc-flex-wrap ${product.image ? "plc-w-3/4" : "plc-w-full"}`
10930
- }, /*#__PURE__*/React__default.createElement("div", {
10931
- className: "plc-w-full pelcro-select-product-header"
10932
- }, /*#__PURE__*/React__default.createElement("p", {
10933
- className: "plc-font-bold pelcro-select-product-title"
10934
- }, product.name), /*#__PURE__*/React__default.createElement("p", {
10935
- className: "plc-text-xs pelcro-select-product-description"
10936
- }, product.description)), /*#__PURE__*/React__default.createElement("div", {
10937
- className: "plc-flex plc-items-end plc-w-full plc-mt-3"
10938
- }, product.plans && /*#__PURE__*/React__default.createElement("p", {
10939
- className: "plc-w-1/2 plc-text-xs pelcro-select-product-cost"
10940
- }, this.locale("labels.startingAt"), " ", this.countStartPrice(product.plans)), /*#__PURE__*/React__default.createElement(Button, Object.assign({
10941
- onClick: productButtonCallback,
10942
- "data-key": product.id,
10943
- id: "pelcro-select-product-back-button",
10944
- className: "plc-ml-auto plc-text-xs"
10945
- }, i === 0 && {
10946
- autoFocus: true
10947
- }), productButtonLabel))));
11159
+ return productsToShow.map((product, index) => {
11160
+ return this.renderOneProduct(product, index);
10948
11161
  });
10949
11162
  });
10950
11163
 
11164
+ _defineProperty$3(this, "renderMatchingProductsFirst", () => {
11165
+ const isPlanMode = Boolean(this.state.mode === "plan");
11166
+
11167
+ if (isPlanMode) {
11168
+ return this.renderOneProduct(this.state.product);
11169
+ }
11170
+
11171
+ const [productsThatMatchArticleTag, allProductsMinusMatched] = productsWithMatchedTaggedFirst(); // Render normal products if there are no available matching products
11172
+
11173
+ if (!(productsThatMatchArticleTag !== null && productsThatMatchArticleTag !== void 0 && productsThatMatchArticleTag.length)) {
11174
+ return this.renderProducts();
11175
+ }
11176
+
11177
+ return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h3", {
11178
+ className: "plc-text-sm plc-font-semibold"
11179
+ }, this.locale("labels.restrictiveArticles.subscribeTo")), productsThatMatchArticleTag.map((product, index) => this.renderOneProduct(product, index, {
11180
+ emphasize: true
11181
+ })), (allProductsMinusMatched === null || allProductsMinusMatched === void 0 ? void 0 : allProductsMinusMatched.length) > 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("hr", {
11182
+ className: "plc-my-4"
11183
+ }), /*#__PURE__*/React__default.createElement("h3", {
11184
+ className: "plc-text-sm plc-font-semibold"
11185
+ }, this.locale("labels.restrictiveArticles.or")), allProductsMinusMatched.map((product, index) => this.renderOneProduct(product, index))));
11186
+
11187
+ function productsWithMatchedTaggedFirst() {
11188
+ var _window$Pelcro$produc;
11189
+
11190
+ const allProducts = (_window$Pelcro$produc = window.Pelcro.product.list()) !== null && _window$Pelcro$produc !== void 0 ? _window$Pelcro$produc : [];
11191
+ const productsThatMatchArticleTag = window.Pelcro.product.getByMatchingPageTags();
11192
+ const allProductsMinusMatched = allProducts.filter(product => !productsThatMatchArticleTag.some(matchedProduct => matchedProduct.id === product.id));
11193
+ return [productsThatMatchArticleTag, allProductsMinusMatched];
11194
+ }
11195
+ });
11196
+
10951
11197
  _defineProperty$3(this, "renderPlans", () => {
10952
11198
  return this.state.planList.map(plan => {
10953
11199
  const isChecked = this.state.plan.id === plan.id ? true : false;
@@ -11074,7 +11320,7 @@ class SelectModal extends Component {
11074
11320
  }
11075
11321
 
11076
11322
  render() {
11077
- var _window$Pelcro$produc, _window$Pelcro$produc2;
11323
+ var _window$Pelcro$produc2, _window$Pelcro$produc3, _window$Pelcro$site$r;
11078
11324
 
11079
11325
  const {
11080
11326
  disableGifting
@@ -11108,9 +11354,9 @@ class SelectModal extends Component {
11108
11354
  className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
11109
11355
  }, /*#__PURE__*/React__default.createElement("h4", {
11110
11356
  className: "plc-text-2xl plc-font-semibold"
11111
- }, 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.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.createElement("div", {
11357
+ }, 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.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.createElement("div", {
11112
11358
  className: "pelcro-select-products-wrapper"
11113
- }, this.renderProducts()), this.state.mode === "plan" && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
11359
+ }, (_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.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
11114
11360
  className: "plc-overflow-y-scroll plc-max-h-72 pelcro-select-plans-wrapper"
11115
11361
  }, this.renderPlans()), !disableGifting && /*#__PURE__*/React__default.createElement("div", {
11116
11362
  className: "plc-flex plc-justify-center plc-mt-2"
@@ -12632,7 +12878,7 @@ class PaypalGateWay {
12632
12878
 
12633
12879
  /** @type {PaymentStateType} */
12634
12880
 
12635
- const initialState$d = {
12881
+ const initialState$e = {
12636
12882
  disableSubmit: false,
12637
12883
  isLoading: false,
12638
12884
  disableCouponButton: false,
@@ -12651,10 +12897,10 @@ const initialState$d = {
12651
12897
  content: ""
12652
12898
  }
12653
12899
  };
12654
- const store$d = /*#__PURE__*/createContext(initialState$d);
12900
+ const store$e = /*#__PURE__*/createContext(initialState$e);
12655
12901
  const {
12656
- Provider: Provider$d
12657
- } = store$d;
12902
+ Provider: Provider$e
12903
+ } = store$e;
12658
12904
 
12659
12905
  const PaymentMethodContainerWithoutStripe = ({
12660
12906
  style,
@@ -12816,15 +13062,50 @@ const PaymentMethodContainerWithoutStripe = ({
12816
13062
  });
12817
13063
 
12818
13064
  if (err) {
13065
+ onFailure(err);
13066
+ dispatch({
13067
+ type: SET_COUPON_ERROR,
13068
+ payload: getErrorMessages(err)
13069
+ }); // remove current coupon
13070
+
13071
+ dispatch({
13072
+ type: SET_COUPON,
13073
+ payload: null
13074
+ });
12819
13075
  dispatch({
12820
13076
  type: SET_PERCENT_OFF,
12821
13077
  payload: ""
12822
13078
  });
12823
- onFailure(err);
12824
- return dispatch({
12825
- type: SET_COUPON_ERROR,
12826
- payload: getErrorMessages(err)
13079
+ dispatch({
13080
+ type: SET_UPDATED_PRICE,
13081
+ payload: null
12827
13082
  });
13083
+ dispatch({
13084
+ type: SET_TAX_AMOUNT,
13085
+ payload: null
13086
+ });
13087
+ const {
13088
+ currentPlan
13089
+ } = state;
13090
+
13091
+ if (currentPlan) {
13092
+ var _currentPlan$quantity;
13093
+
13094
+ const quantity = (_currentPlan$quantity = currentPlan.quantity) !== null && _currentPlan$quantity !== void 0 ? _currentPlan$quantity : 1;
13095
+ const price = currentPlan.amount;
13096
+ dispatch({
13097
+ type: SET_UPDATED_PRICE,
13098
+ // set original plan price
13099
+ payload: price * quantity
13100
+ });
13101
+ dispatch({
13102
+ type: UPDATE_PAYMENT_REQUEST
13103
+ }); // update the new amount with taxes if site has taxes enabled
13104
+
13105
+ updateTotalAmountWithTax();
13106
+ }
13107
+
13108
+ return;
12828
13109
  }
12829
13110
 
12830
13111
  dispatch({
@@ -12914,6 +13195,54 @@ const PaymentMethodContainerWithoutStripe = ({
12914
13195
 
12915
13196
  const debouncedApplyCouponCode = useRef(debounce(onApplyCouponCode, 1000)).current;
12916
13197
 
13198
+ const removeAppliedCoupon = state => {
13199
+ state.couponCode = "";
13200
+ dispatch({
13201
+ type: SET_COUPON_ERROR,
13202
+ payload: ""
13203
+ });
13204
+ dispatch({
13205
+ type: SHOW_COUPON_FIELD,
13206
+ payload: false
13207
+ });
13208
+ dispatch({
13209
+ type: SET_COUPON,
13210
+ payload: null
13211
+ });
13212
+ dispatch({
13213
+ type: SET_PERCENT_OFF,
13214
+ payload: ""
13215
+ });
13216
+ dispatch({
13217
+ type: SET_UPDATED_PRICE,
13218
+ payload: null
13219
+ });
13220
+ dispatch({
13221
+ type: SET_TAX_AMOUNT,
13222
+ payload: null
13223
+ });
13224
+ const {
13225
+ currentPlan
13226
+ } = state;
13227
+
13228
+ if (currentPlan) {
13229
+ var _currentPlan$quantity2;
13230
+
13231
+ const quantity = (_currentPlan$quantity2 = currentPlan.quantity) !== null && _currentPlan$quantity2 !== void 0 ? _currentPlan$quantity2 : 1;
13232
+ const price = currentPlan.amount;
13233
+ dispatch({
13234
+ type: SET_UPDATED_PRICE,
13235
+ // set original plan price
13236
+ payload: price * quantity
13237
+ });
13238
+ dispatch({
13239
+ type: UPDATE_PAYMENT_REQUEST
13240
+ }); // update the new amount with taxes if site has taxes enabled
13241
+
13242
+ updateTotalAmountWithTax();
13243
+ }
13244
+ };
13245
+
12917
13246
  const subscribe = (stripeSource, state, dispatch) => {
12918
13247
  const {
12919
13248
  couponCode
@@ -13531,6 +13860,9 @@ const PaymentMethodContainerWithoutStripe = ({
13531
13860
  disableCouponButton: true
13532
13861
  }, (state, dispatch) => onApplyCouponCode(state, dispatch));
13533
13862
 
13863
+ case REMOVE_APPLIED_COUPON:
13864
+ return lib_5(state, () => removeAppliedCoupon(state));
13865
+
13534
13866
  case SET_COUPON:
13535
13867
  return lib_7({ ...state,
13536
13868
  couponObject: action.payload
@@ -13559,21 +13891,21 @@ const PaymentMethodContainerWithoutStripe = ({
13559
13891
  default:
13560
13892
  return state;
13561
13893
  }
13562
- }, initialState$d);
13894
+ }, initialState$e);
13563
13895
  return /*#__PURE__*/React__default.createElement("div", {
13564
13896
  style: { ...style
13565
13897
  },
13566
13898
  className: `pelcro-container pelcro-payment-container ${className}`
13567
- }, /*#__PURE__*/React__default.createElement(Provider$d, {
13899
+ }, /*#__PURE__*/React__default.createElement(Provider$e, {
13568
13900
  value: {
13569
13901
  state,
13570
13902
  dispatch
13571
13903
  }
13572
13904
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
13573
- store: store$d,
13905
+ store: store$e,
13574
13906
  key: i
13575
13907
  })) : /*#__PURE__*/React__default.cloneElement(children, {
13576
- store: store$d
13908
+ store: store$e
13577
13909
  })));
13578
13910
  };
13579
13911
 
@@ -13595,7 +13927,7 @@ const PaymentMethodContainer = props => {
13595
13927
  stripeAccount: window.Pelcro.site.read().account_id,
13596
13928
  locale: getPageOrDefaultLanguage()
13597
13929
  }, /*#__PURE__*/React__default.createElement(es_11, null, /*#__PURE__*/React__default.createElement(UnwrappedForm, Object.assign({
13598
- store: store$d
13930
+ store: store$e
13599
13931
  }, props))));
13600
13932
  }
13601
13933
 
@@ -13648,7 +13980,7 @@ const PelcroPaymentRequestButton = props => {
13648
13980
  currentPlan,
13649
13981
  updatedPrice
13650
13982
  }
13651
- } = useContext(store$d);
13983
+ } = useContext(store$e);
13652
13984
 
13653
13985
  const updatePaymentRequest = () => {
13654
13986
  // Make sure payment request is up to date, eg. user added a coupon code.
@@ -13699,12 +14031,16 @@ const DiscountedPrice = props => {
13699
14031
  var _order$currency, _order$, _plan$quantity;
13700
14032
 
13701
14033
  const {
14034
+ t
14035
+ } = useTranslation("checkoutForm");
14036
+ const {
14037
+ dispatch,
13702
14038
  state: {
13703
14039
  updatedPrice,
13704
14040
  taxAmount,
13705
14041
  percentOff
13706
14042
  }
13707
- } = useContext(store$d);
14043
+ } = useContext(store$e);
13708
14044
  const {
13709
14045
  order,
13710
14046
  plan
@@ -13714,12 +14050,22 @@ const DiscountedPrice = props => {
13714
14050
  const discountedPriceWithoutTax = updatedPrice - taxAmount;
13715
14051
  const priceFormatted = getFormattedPriceByLocal(order ? updatedPrice : discountedPriceWithoutTax * planQuantity, ecommOrderCurrency !== null && ecommOrderCurrency !== void 0 ? ecommOrderCurrency : plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
13716
14052
 
14053
+ const onCouponRemove = () => {
14054
+ dispatch({
14055
+ type: REMOVE_APPLIED_COUPON
14056
+ });
14057
+ };
14058
+
13717
14059
  if (percentOff) {
13718
14060
  return /*#__PURE__*/React__default.createElement("div", Object.assign({
13719
- className: "plc-flex plc-justify-center plc-mt-2 pelcro-discount"
13720
- }, props), "(-", percentOff, ")", " ", /*#__PURE__*/React__default.createElement("span", {
13721
- className: "plc-font-bold pelcro-discounted-price"
13722
- }, priceFormatted));
14061
+ className: "plc-flex plc-items-center plc-justify-center plc-mt-2 pelcro-discount"
14062
+ }, props), "(-", percentOff, ")", /*#__PURE__*/React__default.createElement("span", {
14063
+ className: "plc-ml-1 plc-font-bold pelcro-discounted-price"
14064
+ }, priceFormatted), /*#__PURE__*/React__default.createElement(Button, {
14065
+ variant: "ghost",
14066
+ className: "plc-ml-2 plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
14067
+ onClick: onCouponRemove
14068
+ }, "\u2715 ", t("labels.removeCoupon")));
13723
14069
  }
13724
14070
 
13725
14071
  return "";
@@ -13744,7 +14090,7 @@ const SubmitPaymentMethod = ({
13744
14090
  isLoading,
13745
14091
  updatedPrice
13746
14092
  }
13747
- } = useContext(store$d);
14093
+ } = useContext(store$e);
13748
14094
  const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
13749
14095
  const price = updatedPrice !== null && updatedPrice !== void 0 ? updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount;
13750
14096
  const priceFormatted = getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
@@ -13765,17 +14111,17 @@ const SubmitPaymentMethod = ({
13765
14111
  }, t("labels.pay"), " ", priceFormatted && priceFormatted) : t("labels.submit"));
13766
14112
  };
13767
14113
 
13768
- var _path$j;
14114
+ var _path$l;
13769
14115
 
13770
- 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); }
14116
+ 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); }
13771
14117
 
13772
14118
  function SvgArrowLeft(props) {
13773
- return /*#__PURE__*/React.createElement("svg", _extends$l({
14119
+ return /*#__PURE__*/React.createElement("svg", _extends$n({
13774
14120
  xmlns: "http://www.w3.org/2000/svg",
13775
14121
  fill: "none",
13776
14122
  viewBox: "0 0 24 24",
13777
14123
  stroke: "currentColor"
13778
- }, props), _path$j || (_path$j = /*#__PURE__*/React.createElement("path", {
14124
+ }, props), _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
13779
14125
  strokeLinecap: "round",
13780
14126
  strokeLinejoin: "round",
13781
14127
  strokeWidth: 2,
@@ -13794,7 +14140,7 @@ const ApplyCouponButton = ({
13794
14140
  disableCouponButton
13795
14141
  },
13796
14142
  dispatch
13797
- } = useContext(store$d);
14143
+ } = useContext(store$e);
13798
14144
  const {
13799
14145
  t
13800
14146
  } = useTranslation("checkoutForm");
@@ -13828,7 +14174,7 @@ const CouponCodeField = props => {
13828
14174
  couponCode,
13829
14175
  couponError
13830
14176
  }
13831
- } = useContext(store$d);
14177
+ } = useContext(store$e);
13832
14178
 
13833
14179
  const onCouponCodeChange = e => {
13834
14180
  dispatch({
@@ -13857,17 +14203,17 @@ const CouponCodeField = props => {
13857
14203
  }, props));
13858
14204
  };
13859
14205
 
13860
- var _path$i;
14206
+ var _path$k;
13861
14207
 
13862
- 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); }
14208
+ 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); }
13863
14209
 
13864
14210
  function SvgTicket(props) {
13865
- return /*#__PURE__*/React.createElement("svg", _extends$k({
14211
+ return /*#__PURE__*/React.createElement("svg", _extends$m({
13866
14212
  xmlns: "http://www.w3.org/2000/svg",
13867
14213
  fill: "none",
13868
14214
  viewBox: "0 0 24 24",
13869
14215
  stroke: "currentColor"
13870
- }, props), _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
14216
+ }, props), _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
13871
14217
  strokeLinecap: "round",
13872
14218
  strokeLinejoin: "round",
13873
14219
  strokeWidth: 2,
@@ -13884,7 +14230,7 @@ const CouponCode = ({
13884
14230
  state: {
13885
14231
  enableCouponField
13886
14232
  }
13887
- } = useContext(store$d);
14233
+ } = useContext(store$e);
13888
14234
  const {
13889
14235
  t
13890
14236
  } = useTranslation("checkoutForm");
@@ -14141,7 +14487,7 @@ const PaypalSubscribeButton = props => {
14141
14487
  const {
14142
14488
  dispatch,
14143
14489
  state
14144
- } = useContext(store$d);
14490
+ } = useContext(store$e);
14145
14491
  const {
14146
14492
  product,
14147
14493
  plan,
@@ -14226,16 +14572,16 @@ const BankRedirection = () => {
14226
14572
  }));
14227
14573
  };
14228
14574
 
14229
- var _path$h;
14575
+ var _path$j;
14230
14576
 
14231
- 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); }
14577
+ 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); }
14232
14578
 
14233
14579
  function SvgLock(props) {
14234
- return /*#__PURE__*/React.createElement("svg", _extends$j({
14580
+ return /*#__PURE__*/React.createElement("svg", _extends$l({
14235
14581
  xmlns: "http://www.w3.org/2000/svg",
14236
14582
  viewBox: "0 0 20 20",
14237
14583
  fill: "currentColor"
14238
- }, props), _path$h || (_path$h = /*#__PURE__*/React.createElement("path", {
14584
+ }, props), _path$j || (_path$j = /*#__PURE__*/React.createElement("path", {
14239
14585
  fillRule: "evenodd",
14240
14586
  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",
14241
14587
  clipRule: "evenodd"
@@ -14252,7 +14598,7 @@ const SelectedPaymentMethod = () => {
14252
14598
  state: {
14253
14599
  isLoading
14254
14600
  }
14255
- } = useContext(store$d);
14601
+ } = useContext(store$e);
14256
14602
  const {
14257
14603
  switchView,
14258
14604
  selectedPaymentMethodId
@@ -14294,7 +14640,7 @@ const TaxAmount = () => {
14294
14640
  state: {
14295
14641
  taxAmount
14296
14642
  }
14297
- } = useContext(store$d);
14643
+ } = useContext(store$e);
14298
14644
  const {
14299
14645
  plan
14300
14646
  } = usePelcro();
@@ -14457,12 +14803,12 @@ function SubscriptionRenewModal({
14457
14803
  }
14458
14804
  SubscriptionRenewModal.viewId = "subscription-renew";
14459
14805
 
14460
- var _path$g;
14806
+ var _path$i;
14461
14807
 
14462
- 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); }
14808
+ 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); }
14463
14809
 
14464
14810
  function SvgGift(props) {
14465
- return /*#__PURE__*/React.createElement("svg", _extends$i({
14811
+ return /*#__PURE__*/React.createElement("svg", _extends$k({
14466
14812
  className: "plc-w-6 plc-h-6 plc-mr-2",
14467
14813
  fill: "none",
14468
14814
  stroke: "currentColor",
@@ -14471,7 +14817,7 @@ function SvgGift(props) {
14471
14817
  strokeWidth: 2,
14472
14818
  viewBox: "0 0 24 24",
14473
14819
  xmlns: "http://www.w3.org/2000/svg"
14474
- }, props), _path$g || (_path$g = /*#__PURE__*/React.createElement("path", {
14820
+ }, props), _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
14475
14821
  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"
14476
14822
  })));
14477
14823
  }
@@ -14802,7 +15148,7 @@ class DefaultNewsLetter extends Component {
14802
15148
 
14803
15149
  const NewsLetter = withTranslation("newsletter")(DefaultNewsLetter);
14804
15150
 
14805
- const initialState$c = {
15151
+ const initialState$d = {
14806
15152
  didSubToNewslettersBefore: false,
14807
15153
  newsletters: [],
14808
15154
  isListLoading: true,
@@ -14812,10 +15158,10 @@ const initialState$c = {
14812
15158
  content: ""
14813
15159
  }
14814
15160
  };
14815
- const store$c = /*#__PURE__*/createContext(initialState$c);
15161
+ const store$d = /*#__PURE__*/createContext(initialState$d);
14816
15162
  const {
14817
- Provider: Provider$c
14818
- } = store$c;
15163
+ Provider: Provider$d
15164
+ } = store$d;
14819
15165
 
14820
15166
  const NewsletterUpdateContainer = ({
14821
15167
  style,
@@ -14928,7 +15274,7 @@ const NewsletterUpdateContainer = ({
14928
15274
  default:
14929
15275
  return state;
14930
15276
  }
14931
- }, initialState$c);
15277
+ }, initialState$d);
14932
15278
  useEffect(() => {
14933
15279
  const getUserNewsletters = () => {
14934
15280
  var _window$Pelcro$user$r3, _window$Pelcro$user$r4;
@@ -14972,7 +15318,7 @@ const NewsletterUpdateContainer = ({
14972
15318
  style: { ...style
14973
15319
  },
14974
15320
  className: `pelcro-container pelcro-newsletter-update-container ${className}`
14975
- }, /*#__PURE__*/React__default.createElement(Provider$c, {
15321
+ }, /*#__PURE__*/React__default.createElement(Provider$d, {
14976
15322
  value: {
14977
15323
  state,
14978
15324
  dispatch
@@ -14980,12 +15326,12 @@ const NewsletterUpdateContainer = ({
14980
15326
  }, children.length ? children.map((child, i) => {
14981
15327
  if (child) {
14982
15328
  return /*#__PURE__*/React__default.cloneElement(child, {
14983
- store: store$c,
15329
+ store: store$d,
14984
15330
  key: i
14985
15331
  });
14986
15332
  }
14987
15333
  }) : /*#__PURE__*/React__default.cloneElement(children, {
14988
- store: store$c
15334
+ store: store$d
14989
15335
  })));
14990
15336
  };
14991
15337
 
@@ -15000,7 +15346,7 @@ const NewsletterUpdateButton = ({
15000
15346
  isSubmitting,
15001
15347
  isListLoading
15002
15348
  }
15003
- } = useContext(store$c);
15349
+ } = useContext(store$d);
15004
15350
  const {
15005
15351
  t
15006
15352
  } = useTranslation("newsletter");
@@ -15030,7 +15376,7 @@ const NewsletterUpdateList = () => {
15030
15376
  newsletters,
15031
15377
  isListLoading
15032
15378
  }
15033
- } = useContext(store$c);
15379
+ } = useContext(store$d);
15034
15380
 
15035
15381
  if (isListLoading) {
15036
15382
  return /*#__PURE__*/React__default.createElement(Loader, {
@@ -15234,7 +15580,7 @@ function SubscriptionCreateModal({
15234
15580
  SubscriptionCreateModal.viewId = "subscription-create";
15235
15581
 
15236
15582
  var _window$Pelcro$user$r, _window$Pelcro$user$r2, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5;
15237
- const initialState$b = {
15583
+ const initialState$c = {
15238
15584
  email: (_window$Pelcro$user$r = window.Pelcro.user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : _window$Pelcro$user$r.email,
15239
15585
  firstName: (_window$Pelcro$user$r2 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.first_name,
15240
15586
  lastName: (_window$Pelcro$user$r3 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r3 === void 0 ? void 0 : _window$Pelcro$user$r3.last_name,
@@ -15247,10 +15593,10 @@ const initialState$b = {
15247
15593
  content: ""
15248
15594
  }
15249
15595
  };
15250
- const store$b = /*#__PURE__*/createContext(initialState$b);
15596
+ const store$c = /*#__PURE__*/createContext(initialState$c);
15251
15597
  const {
15252
- Provider: Provider$b
15253
- } = store$b;
15598
+ Provider: Provider$c
15599
+ } = store$c;
15254
15600
 
15255
15601
  const UserUpdateContainer = ({
15256
15602
  style,
@@ -15382,27 +15728,27 @@ const UserUpdateContainer = ({
15382
15728
  default:
15383
15729
  return state;
15384
15730
  }
15385
- }, initialState$b);
15731
+ }, initialState$c);
15386
15732
  return /*#__PURE__*/React__default.createElement("div", {
15387
15733
  style: { ...style
15388
15734
  },
15389
15735
  className: `pelcro-container pelcro-user-update-container ${className}`
15390
- }, /*#__PURE__*/React__default.createElement(Provider$b, {
15736
+ }, /*#__PURE__*/React__default.createElement(Provider$c, {
15391
15737
  value: {
15392
15738
  state,
15393
15739
  dispatch
15394
15740
  }
15395
15741
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
15396
- store: store$b,
15742
+ store: store$c,
15397
15743
  key: i
15398
15744
  })) : /*#__PURE__*/React__default.cloneElement(children, {
15399
- store: store$b
15745
+ store: store$c
15400
15746
  })));
15401
15747
  };
15402
15748
 
15403
15749
  const UserUpdateEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
15404
15750
  disabled: true,
15405
- store: store$b
15751
+ store: store$c
15406
15752
  }, props));
15407
15753
 
15408
15754
  const UserUpdateButton = ({
@@ -15415,7 +15761,7 @@ const UserUpdateButton = ({
15415
15761
  buttonDisabled
15416
15762
  },
15417
15763
  dispatch
15418
- } = useContext(store$b);
15764
+ } = useContext(store$c);
15419
15765
  const {
15420
15766
  t
15421
15767
  } = useTranslation("userEdit");
@@ -15432,11 +15778,11 @@ const UserUpdateButton = ({
15432
15778
  };
15433
15779
 
15434
15780
  const UserUpdateFirstName = props => /*#__PURE__*/React__default.createElement(FirstName, Object.assign({
15435
- store: store$b
15781
+ store: store$c
15436
15782
  }, props));
15437
15783
 
15438
15784
  const UserUpdateLastName = props => /*#__PURE__*/React__default.createElement(LastName, Object.assign({
15439
- store: store$b
15785
+ store: store$c
15440
15786
  }, props));
15441
15787
 
15442
15788
  function Phone({
@@ -15465,22 +15811,22 @@ function Phone({
15465
15811
  }
15466
15812
 
15467
15813
  const UserUpdatePhone = props => /*#__PURE__*/React__default.createElement(Phone, Object.assign({
15468
- store: store$b
15814
+ store: store$c
15469
15815
  }, props));
15470
15816
 
15471
15817
  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";
15472
15818
 
15473
- var _path$f;
15819
+ var _path$h;
15474
15820
 
15475
- 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); }
15821
+ 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); }
15476
15822
 
15477
15823
  function SvgEdit(props) {
15478
- return /*#__PURE__*/React.createElement("svg", _extends$h({
15824
+ return /*#__PURE__*/React.createElement("svg", _extends$j({
15479
15825
  className: "plc-w-6 plc-h-6",
15480
15826
  xmlns: "http://www.w3.org/2000/svg",
15481
15827
  viewBox: "0 0 20 20",
15482
15828
  fill: "currentColor"
15483
- }, props), _path$f || (_path$f = /*#__PURE__*/React.createElement("path", {
15829
+ }, props), _path$h || (_path$h = /*#__PURE__*/React.createElement("path", {
15484
15830
  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"
15485
15831
  })));
15486
15832
  }
@@ -15612,16 +15958,16 @@ function DisplayName({
15612
15958
  }
15613
15959
 
15614
15960
  const UserUpdateDisplayName = props => /*#__PURE__*/React__default.createElement(DisplayName, Object.assign({
15615
- store: store$b
15961
+ store: store$c
15616
15962
  }, props));
15617
15963
 
15618
15964
  const UserUpdateTextInput = props => {
15619
15965
  return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({}, props, {
15620
- store: store$b
15966
+ store: store$c
15621
15967
  }));
15622
15968
  };
15623
15969
 
15624
- const initialState$a = {
15970
+ const initialState$b = {
15625
15971
  isSubmitting: false,
15626
15972
  firstName: "",
15627
15973
  firstNameError: "",
@@ -15646,10 +15992,10 @@ const initialState$a = {
15646
15992
  content: ""
15647
15993
  }
15648
15994
  };
15649
- const store$a = /*#__PURE__*/createContext(initialState$a);
15995
+ const store$b = /*#__PURE__*/createContext(initialState$b);
15650
15996
  const {
15651
- Provider: Provider$a
15652
- } = store$a;
15997
+ Provider: Provider$b
15998
+ } = store$b;
15653
15999
 
15654
16000
  const getNewlyCreatedAddress = addresses => addresses[addresses.length - 1];
15655
16001
 
@@ -15856,7 +16202,7 @@ const AddressCreateContainer = ({
15856
16202
  default:
15857
16203
  return state;
15858
16204
  }
15859
- }, initialState$a);
16205
+ }, initialState$b);
15860
16206
  useEffect(() => {
15861
16207
  const getStates = () => {
15862
16208
  dispatch({
@@ -15888,16 +16234,16 @@ const AddressCreateContainer = ({
15888
16234
  style: { ...style
15889
16235
  },
15890
16236
  className: `pelcro-container pelcro-address-create-container ${className}`
15891
- }, /*#__PURE__*/React__default.createElement(Provider$a, {
16237
+ }, /*#__PURE__*/React__default.createElement(Provider$b, {
15892
16238
  value: {
15893
16239
  state,
15894
16240
  dispatch
15895
16241
  }
15896
16242
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
15897
- store: store$a,
16243
+ store: store$b,
15898
16244
  key: i
15899
16245
  })) : /*#__PURE__*/React__default.cloneElement(children, {
15900
- store: store$a
16246
+ store: store$b
15901
16247
  })));
15902
16248
  };
15903
16249
 
@@ -15908,7 +16254,7 @@ function AddressCreateFirstName(props) {
15908
16254
  firstName,
15909
16255
  firstNameError
15910
16256
  }
15911
- } = useContext(store$a);
16257
+ } = useContext(store$b);
15912
16258
 
15913
16259
  const handleBlur = () => {
15914
16260
  return dispatch({
@@ -15951,7 +16297,7 @@ function AddressCreateLastName(props) {
15951
16297
  lastName,
15952
16298
  lastNameError
15953
16299
  }
15954
- } = useContext(store$a);
16300
+ } = useContext(store$b);
15955
16301
 
15956
16302
  const handleBlur = () => {
15957
16303
  return dispatch({
@@ -15994,7 +16340,7 @@ function AddressCreateLine1(props) {
15994
16340
  line1,
15995
16341
  line1Error
15996
16342
  }
15997
- } = useContext(store$a);
16343
+ } = useContext(store$b);
15998
16344
 
15999
16345
  const handleBlur = () => {
16000
16346
  return dispatch({
@@ -16037,7 +16383,7 @@ function AddressCreateCity(props) {
16037
16383
  city,
16038
16384
  cityError
16039
16385
  }
16040
- } = useContext(store$a);
16386
+ } = useContext(store$b);
16041
16387
 
16042
16388
  const handleBlur = () => {
16043
16389
  return dispatch({
@@ -16080,7 +16426,7 @@ function AddressCreatePostalCode(props) {
16080
16426
  postalCode,
16081
16427
  postalCodeError
16082
16428
  }
16083
- } = useContext(store$a);
16429
+ } = useContext(store$b);
16084
16430
 
16085
16431
  const handleBlur = () => {
16086
16432
  return dispatch({
@@ -16126,7 +16472,7 @@ const AddressCreateSubmit = ({
16126
16472
  state: {
16127
16473
  isSubmitting
16128
16474
  }
16129
- } = useContext(store$a);
16475
+ } = useContext(store$b);
16130
16476
  const {
16131
16477
  t
16132
16478
  } = useTranslation("address");
@@ -16237,7 +16583,7 @@ function CountrySelect({
16237
16583
  }
16238
16584
 
16239
16585
  const AddressCreateCountrySelect = props => /*#__PURE__*/React__default.createElement(CountrySelect, Object.assign({
16240
- store: store$a
16586
+ store: store$b
16241
16587
  }, props));
16242
16588
 
16243
16589
  function StateSelect({
@@ -16325,7 +16671,7 @@ function StateSelect({
16325
16671
  }
16326
16672
 
16327
16673
  const AddressCreateStateSelect = props => /*#__PURE__*/React__default.createElement(StateSelect, Object.assign({
16328
- store: store$a
16674
+ store: store$b
16329
16675
  }, props));
16330
16676
 
16331
16677
  const AddressCreateView = props => {
@@ -16430,18 +16776,18 @@ AddressCreateModal.viewId = "address-create";
16430
16776
 
16431
16777
  const AddressCreateTextInput = props => {
16432
16778
  return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({}, props, {
16433
- store: store$a
16779
+ store: store$b
16434
16780
  }));
16435
16781
  };
16436
16782
 
16437
16783
  const AddressCreateLine2 = props => {
16438
16784
  return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({
16439
16785
  fieldName: "line2",
16440
- store: store$a
16786
+ store: store$b
16441
16787
  }, props));
16442
16788
  };
16443
16789
 
16444
- const initialState$9 = {
16790
+ const initialState$a = {
16445
16791
  isSubmitting: false,
16446
16792
  firstName: "",
16447
16793
  firstNameError: "",
@@ -16466,10 +16812,10 @@ const initialState$9 = {
16466
16812
  content: ""
16467
16813
  }
16468
16814
  };
16469
- const store$9 = /*#__PURE__*/createContext(initialState$9);
16815
+ const store$a = /*#__PURE__*/createContext(initialState$a);
16470
16816
  const {
16471
- Provider: Provider$9
16472
- } = store$9;
16817
+ Provider: Provider$a
16818
+ } = store$a;
16473
16819
 
16474
16820
  const AddressUpdateContainer = ({
16475
16821
  style,
@@ -16521,7 +16867,7 @@ const AddressUpdateContainer = ({
16521
16867
  const thisAddress = addresses[address];
16522
16868
 
16523
16869
  if (+thisAddress.id === +addressId) {
16524
- const newState = { ...initialState$9,
16870
+ const newState = { ...initialState$a,
16525
16871
  firstName: thisAddress.first_name,
16526
16872
  lastName: thisAddress.last_name,
16527
16873
  line1: thisAddress.line1,
@@ -16654,7 +17000,7 @@ const AddressUpdateContainer = ({
16654
17000
  default:
16655
17001
  return state;
16656
17002
  }
16657
- }, initialState$9);
17003
+ }, initialState$a);
16658
17004
  useEffect(() => {
16659
17005
  const getStates = () => {
16660
17006
  dispatch({
@@ -16686,21 +17032,21 @@ const AddressUpdateContainer = ({
16686
17032
  style: { ...style
16687
17033
  },
16688
17034
  className: `pelcro-container pelcro-address-update-container ${className}`
16689
- }, /*#__PURE__*/React__default.createElement(Provider$9, {
17035
+ }, /*#__PURE__*/React__default.createElement(Provider$a, {
16690
17036
  value: {
16691
17037
  state,
16692
17038
  dispatch
16693
17039
  }
16694
17040
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
16695
- store: store$9,
17041
+ store: store$a,
16696
17042
  key: i
16697
17043
  })) : /*#__PURE__*/React__default.cloneElement(children, {
16698
- store: store$9
17044
+ store: store$a
16699
17045
  })));
16700
17046
  };
16701
17047
 
16702
17048
  const AddressUpdateCountrySelect = props => /*#__PURE__*/React__default.createElement(CountrySelect, Object.assign({
16703
- store: store$9
17049
+ store: store$a
16704
17050
  }, props));
16705
17051
 
16706
17052
  function AddressUpdateFirstName(props) {
@@ -16710,7 +17056,7 @@ function AddressUpdateFirstName(props) {
16710
17056
  firstName,
16711
17057
  firstNameError
16712
17058
  }
16713
- } = useContext(store$9);
17059
+ } = useContext(store$a);
16714
17060
 
16715
17061
  const handleBlur = () => {
16716
17062
  return dispatch({
@@ -16753,7 +17099,7 @@ function AddressUpdateLastName(props) {
16753
17099
  lastName,
16754
17100
  lastNameError
16755
17101
  }
16756
- } = useContext(store$9);
17102
+ } = useContext(store$a);
16757
17103
 
16758
17104
  const handleBlur = () => {
16759
17105
  return dispatch({
@@ -16796,7 +17142,7 @@ function AddressUpdateLine1(props) {
16796
17142
  line1,
16797
17143
  line1Error
16798
17144
  }
16799
- } = useContext(store$9);
17145
+ } = useContext(store$a);
16800
17146
 
16801
17147
  const handleBlur = () => {
16802
17148
  return dispatch({
@@ -16836,7 +17182,7 @@ const AddressUpdateLine2 = props => {
16836
17182
  return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({
16837
17183
  fieldName: "line2"
16838
17184
  }, props, {
16839
- store: store$9
17185
+ store: store$a
16840
17186
  }));
16841
17187
  };
16842
17188
 
@@ -16847,7 +17193,7 @@ function AddressUpdateCity(props) {
16847
17193
  city,
16848
17194
  cityError
16849
17195
  }
16850
- } = useContext(store$9);
17196
+ } = useContext(store$a);
16851
17197
 
16852
17198
  const handleBlur = () => {
16853
17199
  return dispatch({
@@ -16890,7 +17236,7 @@ function AddressUpdatePostalCode(props) {
16890
17236
  postalCode,
16891
17237
  postalCodeError
16892
17238
  }
16893
- } = useContext(store$9);
17239
+ } = useContext(store$a);
16894
17240
 
16895
17241
  const handleBlur = () => {
16896
17242
  return dispatch({
@@ -16936,7 +17282,7 @@ const AddressUpdateSubmit = ({
16936
17282
  state: {
16937
17283
  isSubmitting
16938
17284
  }
16939
- } = useContext(store$9);
17285
+ } = useContext(store$a);
16940
17286
  const {
16941
17287
  t
16942
17288
  } = useTranslation("address");
@@ -16952,7 +17298,7 @@ const AddressUpdateSubmit = ({
16952
17298
  };
16953
17299
 
16954
17300
  const AddressUpdateStateSelect = props => /*#__PURE__*/React__default.createElement(StateSelect, Object.assign({
16955
- store: store$9
17301
+ store: store$a
16956
17302
  }, props));
16957
17303
 
16958
17304
  const AddressUpdateView = props => {
@@ -17035,7 +17381,7 @@ AddressUpdateModal.viewId = "address-edit";
17035
17381
 
17036
17382
  const AddressUpdateTextInput = props => {
17037
17383
  return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({}, props, {
17038
- store: store$9
17384
+ store: store$a
17039
17385
  }));
17040
17386
  };
17041
17387
 
@@ -17118,7 +17464,7 @@ const PaymentMethodUpdateModal = props => {
17118
17464
  };
17119
17465
  PaymentMethodUpdateModal.viewId = "payment-method-update";
17120
17466
 
17121
- const initialState$8 = {
17467
+ const initialState$9 = {
17122
17468
  email: "",
17123
17469
  password: "",
17124
17470
  passwordError: null,
@@ -17131,10 +17477,10 @@ const initialState$8 = {
17131
17477
  content: ""
17132
17478
  }
17133
17479
  };
17134
- const store$8 = /*#__PURE__*/createContext(initialState$8);
17480
+ const store$9 = /*#__PURE__*/createContext(initialState$9);
17135
17481
  const {
17136
- Provider: Provider$8
17137
- } = store$8;
17482
+ Provider: Provider$9
17483
+ } = store$9;
17138
17484
 
17139
17485
  const PasswordResetContainer = ({
17140
17486
  style,
@@ -17191,7 +17537,7 @@ const PasswordResetContainer = ({
17191
17537
  type: SET_EMAIL,
17192
17538
  payload: window.Pelcro.helpers.getURLParameter("email")
17193
17539
  });
17194
- initialState$8.email = window.Pelcro.helpers.getURLParameter("email");
17540
+ initialState$9.email = window.Pelcro.helpers.getURLParameter("email");
17195
17541
  dispatch({
17196
17542
  type: SET_TOKEN,
17197
17543
  payload: window.Pelcro.helpers.getURLParameter("token")
@@ -17251,26 +17597,26 @@ const PasswordResetContainer = ({
17251
17597
  default:
17252
17598
  return state;
17253
17599
  }
17254
- }, initialState$8);
17600
+ }, initialState$9);
17255
17601
  return /*#__PURE__*/React__default.createElement("div", {
17256
17602
  style: { ...style
17257
17603
  },
17258
17604
  className: `pelcro-container pelcro-password-reset-container ${className}`
17259
- }, /*#__PURE__*/React__default.createElement(Provider$8, {
17605
+ }, /*#__PURE__*/React__default.createElement(Provider$9, {
17260
17606
  value: {
17261
17607
  state,
17262
17608
  dispatch
17263
17609
  }
17264
17610
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
17265
- store: store$8,
17611
+ store: store$9,
17266
17612
  key: i
17267
17613
  })) : /*#__PURE__*/React__default.cloneElement(children, {
17268
- store: store$8
17614
+ store: store$9
17269
17615
  })));
17270
17616
  };
17271
17617
 
17272
17618
  const PasswordResetPassword = props => /*#__PURE__*/React__default.createElement(Password, Object.assign({
17273
- store: store$8
17619
+ store: store$9
17274
17620
  }, props));
17275
17621
 
17276
17622
  const PasswordResetButton = ({
@@ -17283,7 +17629,7 @@ const PasswordResetButton = ({
17283
17629
  buttonDisabled
17284
17630
  },
17285
17631
  dispatch
17286
- } = useContext(store$8);
17632
+ } = useContext(store$9);
17287
17633
  const {
17288
17634
  t
17289
17635
  } = useTranslation("passwordReset");
@@ -17300,14 +17646,14 @@ const PasswordResetButton = ({
17300
17646
  };
17301
17647
 
17302
17648
  const PasswordResetEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
17303
- store: store$8
17649
+ store: store$9
17304
17650
  }, props, {
17305
17651
  value: window.Pelcro.helpers.getURLParameter("email"),
17306
17652
  disabled: true
17307
17653
  }));
17308
17654
 
17309
17655
  const PasswordResetConfirmPassword = props => /*#__PURE__*/React__default.createElement(ConfirmPassword, Object.assign({
17310
- store: store$8
17656
+ store: store$9
17311
17657
  }, props));
17312
17658
 
17313
17659
  const PasswordResetView = props => {
@@ -17359,7 +17705,7 @@ const PasswordResetModal = ({
17359
17705
  };
17360
17706
  PasswordResetModal.viewId = "password-reset";
17361
17707
 
17362
- const initialState$7 = {
17708
+ const initialState$8 = {
17363
17709
  email: "",
17364
17710
  emailError: null,
17365
17711
  buttonDisabled: false,
@@ -17368,10 +17714,10 @@ const initialState$7 = {
17368
17714
  content: ""
17369
17715
  }
17370
17716
  };
17371
- const store$7 = /*#__PURE__*/createContext(initialState$7);
17717
+ const store$8 = /*#__PURE__*/createContext(initialState$8);
17372
17718
  const {
17373
- Provider: Provider$7
17374
- } = store$7;
17719
+ Provider: Provider$8
17720
+ } = store$8;
17375
17721
 
17376
17722
  const PasswordForgotContainer = ({
17377
17723
  style,
@@ -17449,21 +17795,21 @@ const PasswordForgotContainer = ({
17449
17795
  default:
17450
17796
  return state;
17451
17797
  }
17452
- }, initialState$7);
17798
+ }, initialState$8);
17453
17799
  return /*#__PURE__*/React__default.createElement("div", {
17454
17800
  style: { ...style
17455
17801
  },
17456
17802
  className: `pelcro-container pelcro-password-forgot-container ${className}`
17457
- }, /*#__PURE__*/React__default.createElement(Provider$7, {
17803
+ }, /*#__PURE__*/React__default.createElement(Provider$8, {
17458
17804
  value: {
17459
17805
  state,
17460
17806
  dispatch
17461
17807
  }
17462
17808
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
17463
- store: store$7,
17809
+ store: store$8,
17464
17810
  key: i
17465
17811
  })) : /*#__PURE__*/React__default.cloneElement(children, {
17466
- store: store$7
17812
+ store: store$8
17467
17813
  })));
17468
17814
  };
17469
17815
 
@@ -17479,7 +17825,7 @@ const PasswordForgotButton = ({
17479
17825
  emailError
17480
17826
  },
17481
17827
  dispatch
17482
- } = useContext(store$7);
17828
+ } = useContext(store$8);
17483
17829
  const {
17484
17830
  t
17485
17831
  } = useTranslation("passwordForgot");
@@ -17500,7 +17846,7 @@ const PasswordForgotButton = ({
17500
17846
  };
17501
17847
 
17502
17848
  const PasswordForgotEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
17503
- store: store$7
17849
+ store: store$8
17504
17850
  }, props));
17505
17851
 
17506
17852
  const PasswordForgotView = props => {
@@ -17550,7 +17896,7 @@ const PasswordForgotModal = ({
17550
17896
  };
17551
17897
  PasswordForgotModal.viewId = "password-forgot";
17552
17898
 
17553
- const initialState$6 = {
17899
+ const initialState$7 = {
17554
17900
  currentPassword: "",
17555
17901
  newPassword: "",
17556
17902
  confirmNewPassword: "",
@@ -17564,10 +17910,10 @@ const initialState$6 = {
17564
17910
  content: ""
17565
17911
  }
17566
17912
  };
17567
- const store$6 = /*#__PURE__*/createContext(initialState$6);
17913
+ const store$7 = /*#__PURE__*/createContext(initialState$7);
17568
17914
  const {
17569
- Provider: Provider$6
17570
- } = store$6;
17915
+ Provider: Provider$7
17916
+ } = store$7;
17571
17917
  const PasswordChangeContainer = ({
17572
17918
  style,
17573
17919
  className = "",
@@ -17719,21 +18065,21 @@ const PasswordChangeContainer = ({
17719
18065
  default:
17720
18066
  return state;
17721
18067
  }
17722
- }, initialState$6);
18068
+ }, initialState$7);
17723
18069
  return /*#__PURE__*/React__default.createElement("div", {
17724
18070
  style: { ...style
17725
18071
  },
17726
18072
  className: `pelcro-container pelcro-password-change-container ${className}`
17727
- }, /*#__PURE__*/React__default.createElement(Provider$6, {
18073
+ }, /*#__PURE__*/React__default.createElement(Provider$7, {
17728
18074
  value: {
17729
18075
  state,
17730
18076
  dispatch
17731
18077
  }
17732
18078
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
17733
- store: store$6,
18079
+ store: store$7,
17734
18080
  key: i
17735
18081
  })) : /*#__PURE__*/React__default.cloneElement(children, {
17736
- store: store$6
18082
+ store: store$7
17737
18083
  })));
17738
18084
  };
17739
18085
 
@@ -17744,7 +18090,7 @@ function PasswordChangeCurrentPassword(props) {
17744
18090
  currentPassword,
17745
18091
  currentPasswordError
17746
18092
  }
17747
- } = useContext(store$6);
18093
+ } = useContext(store$7);
17748
18094
  const handleBlur = useCallback(() => {
17749
18095
  return dispatch({
17750
18096
  type: VALIDATE_PASSWORD
@@ -17778,7 +18124,7 @@ function PasswordChangeNewPassword(props) {
17778
18124
  newPassword,
17779
18125
  newPasswordError
17780
18126
  }
17781
- } = useContext(store$6);
18127
+ } = useContext(store$7);
17782
18128
  const handleBlur = useCallback(() => {
17783
18129
  return dispatch({
17784
18130
  type: VALIDATE_NEW_PASSWORD
@@ -17812,7 +18158,7 @@ function PasswordChangeConfirmNewPassword(props) {
17812
18158
  confirmNewPassword,
17813
18159
  confirmNewPasswordError
17814
18160
  }
17815
- } = useContext(store$6);
18161
+ } = useContext(store$7);
17816
18162
  const handleBlur = useCallback(() => {
17817
18163
  return dispatch({
17818
18164
  type: VALIDATE_CONFIRM_NEW_PASSWORD
@@ -17853,7 +18199,7 @@ const PasswordChangeButton = ({
17853
18199
  confirmNewPasswordError
17854
18200
  },
17855
18201
  dispatch
17856
- } = useContext(store$6);
18202
+ } = useContext(store$7);
17857
18203
  const {
17858
18204
  t
17859
18205
  } = useTranslation("passwordChange");
@@ -17919,17 +18265,17 @@ const PasswordChangeModal = ({
17919
18265
  };
17920
18266
  PasswordChangeModal.viewId = "password-change";
17921
18267
 
17922
- const initialState$5 = {
18268
+ const initialState$6 = {
17923
18269
  buttonDisabled: false,
17924
18270
  alert: {
17925
18271
  type: "error",
17926
18272
  content: ""
17927
18273
  }
17928
18274
  };
17929
- const store$5 = /*#__PURE__*/createContext(initialState$5);
18275
+ const store$6 = /*#__PURE__*/createContext(initialState$6);
17930
18276
  const {
17931
- Provider: Provider$5
17932
- } = store$5;
18277
+ Provider: Provider$6
18278
+ } = store$6;
17933
18279
 
17934
18280
  const CartContainer = ({
17935
18281
  style,
@@ -18020,21 +18366,21 @@ const CartContainer = ({
18020
18366
  default:
18021
18367
  return state;
18022
18368
  }
18023
- }, initialState$5);
18369
+ }, initialState$6);
18024
18370
  return /*#__PURE__*/React__default.createElement("div", {
18025
18371
  style: { ...style
18026
18372
  },
18027
18373
  className: `pelcro-container pelcro-cart-container ${className}`
18028
- }, /*#__PURE__*/React__default.createElement(Provider$5, {
18374
+ }, /*#__PURE__*/React__default.createElement(Provider$6, {
18029
18375
  value: {
18030
18376
  state,
18031
18377
  dispatch
18032
18378
  }
18033
18379
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
18034
- store: store$5,
18380
+ store: store$6,
18035
18381
  key: i
18036
18382
  })) : /*#__PURE__*/React__default.cloneElement(children, {
18037
- store: store$5
18383
+ store: store$6
18038
18384
  })));
18039
18385
  };
18040
18386
 
@@ -18071,7 +18417,7 @@ const CartSubmit = ({
18071
18417
  buttonDisabled
18072
18418
  },
18073
18419
  dispatch
18074
- } = useContext(store$5);
18420
+ } = useContext(store$6);
18075
18421
  const {
18076
18422
  t
18077
18423
  } = useTranslation("cart");
@@ -18102,7 +18448,7 @@ const CartTotalPrice = () => {
18102
18448
  state: {
18103
18449
  alert
18104
18450
  }
18105
- } = useContext(store$5);
18451
+ } = useContext(store$6);
18106
18452
  const {
18107
18453
  cartItems
18108
18454
  } = usePelcro();
@@ -18415,7 +18761,7 @@ const OrderConfirmModal = props => {
18415
18761
  };
18416
18762
  OrderConfirmModal.viewId = "order-confirm";
18417
18763
 
18418
- const initialState$4 = {
18764
+ const initialState$5 = {
18419
18765
  email: "",
18420
18766
  firstName: "",
18421
18767
  lastName: "",
@@ -18427,10 +18773,10 @@ const initialState$4 = {
18427
18773
  content: ""
18428
18774
  }
18429
18775
  };
18430
- const store$4 = /*#__PURE__*/createContext(initialState$4);
18776
+ const store$5 = /*#__PURE__*/createContext(initialState$5);
18431
18777
  const {
18432
- Provider: Provider$4
18433
- } = store$4;
18778
+ Provider: Provider$5
18779
+ } = store$5;
18434
18780
 
18435
18781
  const GiftCreateContainer = ({
18436
18782
  style,
@@ -18534,21 +18880,21 @@ const GiftCreateContainer = ({
18534
18880
  default:
18535
18881
  return state;
18536
18882
  }
18537
- }, initialState$4);
18883
+ }, initialState$5);
18538
18884
  return /*#__PURE__*/React__default.createElement("div", {
18539
18885
  style: { ...style
18540
18886
  },
18541
18887
  className: `pelcro-container pelcro-gift-create-container ${className}`
18542
- }, /*#__PURE__*/React__default.createElement(Provider$4, {
18888
+ }, /*#__PURE__*/React__default.createElement(Provider$5, {
18543
18889
  value: {
18544
18890
  state,
18545
18891
  dispatch
18546
18892
  }
18547
18893
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
18548
- store: store$4,
18894
+ store: store$5,
18549
18895
  key: i
18550
18896
  })) : /*#__PURE__*/React__default.cloneElement(children, {
18551
- store: store$4
18897
+ store: store$5
18552
18898
  })));
18553
18899
  };
18554
18900
 
@@ -18562,7 +18908,7 @@ const GiftCreateSubmitButton = ({
18562
18908
  state: {
18563
18909
  disableSubmit
18564
18910
  }
18565
- } = useContext(store$4);
18911
+ } = useContext(store$5);
18566
18912
  const {
18567
18913
  t
18568
18914
  } = useTranslation("register");
@@ -18579,29 +18925,29 @@ const GiftCreateSubmitButton = ({
18579
18925
 
18580
18926
  const GiftCreateEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
18581
18927
  initWithUserEmail: false,
18582
- store: store$4
18928
+ store: store$5
18583
18929
  }, props));
18584
18930
 
18585
18931
  const GiftCreateFirstName = props => /*#__PURE__*/React__default.createElement(FirstName, Object.assign({
18586
- store: store$4
18932
+ store: store$5
18587
18933
  }, props));
18588
18934
 
18589
18935
  const GiftCreateLastName = props => /*#__PURE__*/React__default.createElement(LastName, Object.assign({
18590
- store: store$4
18936
+ store: store$5
18591
18937
  }, props));
18592
18938
 
18593
- var _path$e;
18939
+ var _path$g;
18594
18940
 
18595
- 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); }
18941
+ 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); }
18596
18942
 
18597
18943
  function SvgInfoCircle(props) {
18598
- return /*#__PURE__*/React.createElement("svg", _extends$g({
18944
+ return /*#__PURE__*/React.createElement("svg", _extends$i({
18599
18945
  xmlns: "http://www.w3.org/2000/svg",
18600
18946
  className: "plc-w-5 plc-h-5",
18601
18947
  fill: "none",
18602
18948
  viewBox: "0 0 24 24",
18603
18949
  stroke: "currentColor"
18604
- }, props), _path$e || (_path$e = /*#__PURE__*/React.createElement("path", {
18950
+ }, props), _path$g || (_path$g = /*#__PURE__*/React.createElement("path", {
18605
18951
  strokeLinecap: "round",
18606
18952
  strokeLinejoin: "round",
18607
18953
  strokeWidth: 2,
@@ -18672,7 +19018,7 @@ const GiftCreateStartDate = props => {
18672
19018
  const {
18673
19019
  dispatch,
18674
19020
  state
18675
- } = useContext(store$4);
19021
+ } = useContext(store$5);
18676
19022
 
18677
19023
  const handleInputChange = value => {
18678
19024
  dispatch({
@@ -18743,7 +19089,7 @@ function GiftCreateMessage(props) {
18743
19089
  const {
18744
19090
  dispatch,
18745
19091
  state
18746
- } = useContext(store$4);
19092
+ } = useContext(store$5);
18747
19093
 
18748
19094
  const handleInputChange = value => {
18749
19095
  dispatch({
@@ -18759,7 +19105,7 @@ function GiftCreateMessage(props) {
18759
19105
  return /*#__PURE__*/React__default.createElement(TextArea, Object.assign({
18760
19106
  onChange: e => handleInputChange(e.target.value),
18761
19107
  value: state.giftMessage,
18762
- maxLength: "500",
19108
+ maxLength: "200",
18763
19109
  rows: 3,
18764
19110
  tooltipText: t("gift.messages.giftMessageInfo")
18765
19111
  }, props));
@@ -18863,7 +19209,7 @@ const GiftCreateModal = ({
18863
19209
  };
18864
19210
  GiftCreateModal.viewId = "gift-create";
18865
19211
 
18866
- const initialState$3 = {
19212
+ const initialState$4 = {
18867
19213
  giftCode: "",
18868
19214
  buttonDisabled: true,
18869
19215
  alert: {
@@ -18871,10 +19217,10 @@ const initialState$3 = {
18871
19217
  content: ""
18872
19218
  }
18873
19219
  };
18874
- const store$3 = /*#__PURE__*/createContext(initialState$3);
19220
+ const store$4 = /*#__PURE__*/createContext(initialState$4);
18875
19221
  const {
18876
- Provider: Provider$3
18877
- } = store$3;
19222
+ Provider: Provider$4
19223
+ } = store$4;
18878
19224
 
18879
19225
  const GiftRedeemContainer = ({
18880
19226
  style,
@@ -18939,21 +19285,21 @@ const GiftRedeemContainer = ({
18939
19285
  default:
18940
19286
  return state;
18941
19287
  }
18942
- }, initialState$3);
19288
+ }, initialState$4);
18943
19289
  return /*#__PURE__*/React__default.createElement("div", {
18944
19290
  style: { ...style
18945
19291
  },
18946
19292
  className: `pelcro-container pelcro-gift-redeem-container ${className}`
18947
- }, /*#__PURE__*/React__default.createElement(Provider$3, {
19293
+ }, /*#__PURE__*/React__default.createElement(Provider$4, {
18948
19294
  value: {
18949
19295
  state,
18950
19296
  dispatch
18951
19297
  }
18952
19298
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
18953
- store: store$3,
19299
+ store: store$4,
18954
19300
  key: i
18955
19301
  })) : /*#__PURE__*/React__default.cloneElement(children, {
18956
- store: store$3
19302
+ store: store$4
18957
19303
  })));
18958
19304
  };
18959
19305
 
@@ -18990,7 +19336,7 @@ function GiftCode({
18990
19336
  }
18991
19337
 
18992
19338
  const GiftRedeemCode = props => /*#__PURE__*/React__default.createElement(GiftCode, Object.assign({
18993
- store: store$3
19339
+ store: store$4
18994
19340
  }, props));
18995
19341
 
18996
19342
  const GiftRedeemSubmitButton = ({
@@ -19003,7 +19349,7 @@ const GiftRedeemSubmitButton = ({
19003
19349
  state: {
19004
19350
  disableSubmit
19005
19351
  }
19006
- } = useContext(store$3);
19352
+ } = useContext(store$4);
19007
19353
  const {
19008
19354
  t
19009
19355
  } = useTranslation("register");
@@ -19096,7 +19442,7 @@ const moveDefaultAddressToStart = addresses => {
19096
19442
  return [defaultAddress, ...addressesWithoutDefault];
19097
19443
  };
19098
19444
 
19099
- const initialState$2 = {
19445
+ const initialState$3 = {
19100
19446
  addresses: [],
19101
19447
  selectedAddressId: null,
19102
19448
  isSubmitting: false,
@@ -19105,10 +19451,10 @@ const initialState$2 = {
19105
19451
  content: ""
19106
19452
  }
19107
19453
  };
19108
- const store$2 = /*#__PURE__*/createContext(initialState$2);
19454
+ const store$3 = /*#__PURE__*/createContext(initialState$3);
19109
19455
  const {
19110
- Provider: Provider$2
19111
- } = store$2;
19456
+ Provider: Provider$3
19457
+ } = store$3;
19112
19458
 
19113
19459
  const AddressSelectContainer = ({
19114
19460
  style,
@@ -19203,7 +19549,7 @@ const AddressSelectContainer = ({
19203
19549
  default:
19204
19550
  return state;
19205
19551
  }
19206
- }, initialState$2);
19552
+ }, initialState$3);
19207
19553
  useEffect(() => {
19208
19554
  var _window$Pelcro$user$r;
19209
19555
 
@@ -19216,16 +19562,16 @@ const AddressSelectContainer = ({
19216
19562
  style: { ...style
19217
19563
  },
19218
19564
  className: `pelcro-container pelcro-address-select-container ${className}`
19219
- }, /*#__PURE__*/React__default.createElement(Provider$2, {
19565
+ }, /*#__PURE__*/React__default.createElement(Provider$3, {
19220
19566
  value: {
19221
19567
  state,
19222
19568
  dispatch
19223
19569
  }
19224
19570
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
19225
- store: store$2,
19571
+ store: store$3,
19226
19572
  key: i
19227
19573
  })) : /*#__PURE__*/React__default.cloneElement(children, {
19228
- store: store$2
19574
+ store: store$3
19229
19575
  })));
19230
19576
  };
19231
19577
 
@@ -19236,7 +19582,7 @@ const AddressSelectList = () => {
19236
19582
  addresses,
19237
19583
  selectedAddressId
19238
19584
  }
19239
- } = useContext(store$2);
19585
+ } = useContext(store$3);
19240
19586
 
19241
19587
  const handleAddressSelect = event => {
19242
19588
  dispatch({
@@ -19280,7 +19626,7 @@ const AddressSelectSubmit = ({
19280
19626
  selectedAddressId,
19281
19627
  isSubmitting
19282
19628
  }
19283
- } = useContext(store$2);
19629
+ } = useContext(store$3);
19284
19630
  const {
19285
19631
  t
19286
19632
  } = useTranslation("address");
@@ -19371,7 +19717,7 @@ const moveDefaultPaymentMethodToStart = paymentMethods => {
19371
19717
  return [defaultPaymentMethod, ...paymentMethodsWithoutDefault];
19372
19718
  };
19373
19719
 
19374
- const initialState$1 = {
19720
+ const initialState$2 = {
19375
19721
  paymentMethods: [],
19376
19722
  selectedPaymentMethodId: null,
19377
19723
  isSubmitting: false,
@@ -19380,10 +19726,10 @@ const initialState$1 = {
19380
19726
  content: ""
19381
19727
  }
19382
19728
  };
19383
- const store$1 = /*#__PURE__*/createContext(initialState$1);
19729
+ const store$2 = /*#__PURE__*/createContext(initialState$2);
19384
19730
  const {
19385
- Provider: Provider$1
19386
- } = store$1;
19731
+ Provider: Provider$2
19732
+ } = store$2;
19387
19733
 
19388
19734
  const PaymentMethodSelectContainer = ({
19389
19735
  style,
@@ -19428,7 +19774,7 @@ const PaymentMethodSelectContainer = ({
19428
19774
  default:
19429
19775
  return state;
19430
19776
  }
19431
- }, initialState$1);
19777
+ }, initialState$2);
19432
19778
  useEffect(() => {
19433
19779
  var _window$Pelcro$user$r4;
19434
19780
 
@@ -19441,16 +19787,16 @@ const PaymentMethodSelectContainer = ({
19441
19787
  style: { ...style
19442
19788
  },
19443
19789
  className: `pelcro-container pelcro-payment-select-container ${className}`
19444
- }, /*#__PURE__*/React__default.createElement(Provider$1, {
19790
+ }, /*#__PURE__*/React__default.createElement(Provider$2, {
19445
19791
  value: {
19446
19792
  state,
19447
19793
  dispatch
19448
19794
  }
19449
19795
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
19450
- store: store$1,
19796
+ store: store$2,
19451
19797
  key: i
19452
19798
  })) : /*#__PURE__*/React__default.cloneElement(children, {
19453
- store: store$1
19799
+ store: store$2
19454
19800
  })));
19455
19801
  };
19456
19802
 
@@ -19464,7 +19810,7 @@ const PaymentMethodSelectList = () => {
19464
19810
  paymentMethods,
19465
19811
  selectedPaymentMethodId
19466
19812
  }
19467
- } = useContext(store$1);
19813
+ } = useContext(store$2);
19468
19814
 
19469
19815
  const handlePaymentMethodSelect = event => {
19470
19816
  dispatch({
@@ -19514,7 +19860,7 @@ const PaymentMethodSelectSubmit = ({
19514
19860
  selectedPaymentMethodId,
19515
19861
  isSubmitting
19516
19862
  }
19517
- } = useContext(store$1);
19863
+ } = useContext(store$2);
19518
19864
  return /*#__PURE__*/React__default.createElement(Button, Object.assign({
19519
19865
  onClick: () => {
19520
19866
  dispatch({
@@ -19588,8 +19934,8 @@ const PaymentMethodSelectModal = ({
19588
19934
  };
19589
19935
  PaymentMethodSelectModal.viewId = "payment-method-select";
19590
19936
 
19591
- function _extends$f() {
19592
- _extends$f = Object.assign || function (target) {
19937
+ function _extends$h() {
19938
+ _extends$h = Object.assign || function (target) {
19593
19939
  for (var i = 1; i < arguments.length; i++) {
19594
19940
  var source = arguments[i];
19595
19941
 
@@ -19603,7 +19949,7 @@ function _extends$f() {
19603
19949
  return target;
19604
19950
  };
19605
19951
 
19606
- return _extends$f.apply(this, arguments);
19952
+ return _extends$h.apply(this, arguments);
19607
19953
  }
19608
19954
 
19609
19955
  function _objectWithoutPropertiesLoose(source, excluded) {
@@ -19787,7 +20133,7 @@ function render(props, propsBag, defaultTag, features, visible) {
19787
20133
  return match(strategy, (_match = {}, _match[RenderStrategy.Unmount] = function () {
19788
20134
  return null;
19789
20135
  }, _match[RenderStrategy.Hidden] = function () {
19790
- return _render(_extends$f({}, _rest, {
20136
+ return _render(_extends$h({}, _rest, {
19791
20137
  hidden: true,
19792
20138
  style: {
19793
20139
  display: 'none'
@@ -20315,7 +20661,7 @@ function TransitionChild(props) {
20315
20661
  var passthroughProps = rest;
20316
20662
  return React__default.createElement(NestingContext.Provider, {
20317
20663
  value: nesting
20318
- }, render(_extends$f({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
20664
+ }, render(_extends$h({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
20319
20665
  }
20320
20666
 
20321
20667
  function Transition(props) {
@@ -20359,7 +20705,7 @@ function Transition(props) {
20359
20705
  value: nestingBag
20360
20706
  }, React__default.createElement(TransitionContext.Provider, {
20361
20707
  value: transitionBag
20362
- }, render(_extends$f({}, sharedProps, {
20708
+ }, render(_extends$h({}, sharedProps, {
20363
20709
  as: Fragment,
20364
20710
  children: React__default.createElement(TransitionChild, Object.assign({}, sharedProps, passthroughProps))
20365
20711
  }), propsBag, Fragment, TransitionChildRenderFeatures, state === TreeStates.Visible)));
@@ -20486,12 +20832,12 @@ var ActionTypes;
20486
20832
  })(ActionTypes || (ActionTypes = {}));
20487
20833
 
20488
20834
  (_reducers = {}, _reducers[ActionTypes.CloseMenu] = function (state) {
20489
- return _extends$f({}, state, {
20835
+ return _extends$h({}, state, {
20490
20836
  activeItemIndex: null,
20491
20837
  menuState: MenuStates.Closed
20492
20838
  });
20493
20839
  }, _reducers[ActionTypes.OpenMenu] = function (state) {
20494
- return _extends$f({}, state, {
20840
+ return _extends$h({}, state, {
20495
20841
  menuState: MenuStates.Open
20496
20842
  });
20497
20843
  }, _reducers[ActionTypes.GoToItem] = function (state, action) {
@@ -20510,7 +20856,7 @@ var ActionTypes;
20510
20856
  }
20511
20857
  });
20512
20858
  if (state.searchQuery === '' && state.activeItemIndex === activeItemIndex) return state;
20513
- return _extends$f({}, state, {
20859
+ return _extends$h({}, state, {
20514
20860
  searchQuery: '',
20515
20861
  activeItemIndex: activeItemIndex
20516
20862
  });
@@ -20521,19 +20867,19 @@ var ActionTypes;
20521
20867
 
20522
20868
  return ((_item$dataRef$current = item.dataRef.current.textValue) == null ? void 0 : _item$dataRef$current.startsWith(searchQuery)) && !item.dataRef.current.disabled;
20523
20869
  });
20524
- if (match === -1 || match === state.activeItemIndex) return _extends$f({}, state, {
20870
+ if (match === -1 || match === state.activeItemIndex) return _extends$h({}, state, {
20525
20871
  searchQuery: searchQuery
20526
20872
  });
20527
- return _extends$f({}, state, {
20873
+ return _extends$h({}, state, {
20528
20874
  searchQuery: searchQuery,
20529
20875
  activeItemIndex: match
20530
20876
  });
20531
20877
  }, _reducers[ActionTypes.ClearSearch] = function (state) {
20532
- return _extends$f({}, state, {
20878
+ return _extends$h({}, state, {
20533
20879
  searchQuery: ''
20534
20880
  });
20535
20881
  }, _reducers[ActionTypes.RegisterItem] = function (state, action) {
20536
- return _extends$f({}, state, {
20882
+ return _extends$h({}, state, {
20537
20883
  items: [].concat(state.items, [{
20538
20884
  id: action.id,
20539
20885
  dataRef: action.dataRef
@@ -20546,7 +20892,7 @@ var ActionTypes;
20546
20892
  return a.id === action.id;
20547
20893
  });
20548
20894
  if (idx !== -1) nextItems.splice(idx, 1);
20549
- return _extends$f({}, state, {
20895
+ return _extends$h({}, state, {
20550
20896
  items: nextItems,
20551
20897
  activeItemIndex: function () {
20552
20898
  if (idx === state.activeItemIndex) return null;
@@ -20585,19 +20931,19 @@ var ActionTypes$1;
20585
20931
  (_reducers$1 = {}, _reducers$1[ActionTypes$1.CloseListbox] = function (state) {
20586
20932
  if (state.disabled) return state;
20587
20933
  if (state.listboxState === ListboxStates.Closed) return state;
20588
- return _extends$f({}, state, {
20934
+ return _extends$h({}, state, {
20589
20935
  activeOptionIndex: null,
20590
20936
  listboxState: ListboxStates.Closed
20591
20937
  });
20592
20938
  }, _reducers$1[ActionTypes$1.OpenListbox] = function (state) {
20593
20939
  if (state.disabled) return state;
20594
20940
  if (state.listboxState === ListboxStates.Open) return state;
20595
- return _extends$f({}, state, {
20941
+ return _extends$h({}, state, {
20596
20942
  listboxState: ListboxStates.Open
20597
20943
  });
20598
20944
  }, _reducers$1[ActionTypes$1.SetDisabled] = function (state, action) {
20599
20945
  if (state.disabled === action.disabled) return state;
20600
- return _extends$f({}, state, {
20946
+ return _extends$h({}, state, {
20601
20947
  disabled: action.disabled
20602
20948
  });
20603
20949
  }, _reducers$1[ActionTypes$1.GoToOption] = function (state, action) {
@@ -20618,7 +20964,7 @@ var ActionTypes$1;
20618
20964
  }
20619
20965
  });
20620
20966
  if (state.searchQuery === '' && state.activeOptionIndex === activeOptionIndex) return state;
20621
- return _extends$f({}, state, {
20967
+ return _extends$h({}, state, {
20622
20968
  searchQuery: '',
20623
20969
  activeOptionIndex: activeOptionIndex
20624
20970
  });
@@ -20631,10 +20977,10 @@ var ActionTypes$1;
20631
20977
 
20632
20978
  return !option.dataRef.current.disabled && ((_option$dataRef$curre = option.dataRef.current.textValue) == null ? void 0 : _option$dataRef$curre.startsWith(searchQuery));
20633
20979
  });
20634
- if (match === -1 || match === state.activeOptionIndex) return _extends$f({}, state, {
20980
+ if (match === -1 || match === state.activeOptionIndex) return _extends$h({}, state, {
20635
20981
  searchQuery: searchQuery
20636
20982
  });
20637
- return _extends$f({}, state, {
20983
+ return _extends$h({}, state, {
20638
20984
  searchQuery: searchQuery,
20639
20985
  activeOptionIndex: match
20640
20986
  });
@@ -20642,11 +20988,11 @@ var ActionTypes$1;
20642
20988
  if (state.disabled) return state;
20643
20989
  if (state.listboxState === ListboxStates.Closed) return state;
20644
20990
  if (state.searchQuery === '') return state;
20645
- return _extends$f({}, state, {
20991
+ return _extends$h({}, state, {
20646
20992
  searchQuery: ''
20647
20993
  });
20648
20994
  }, _reducers$1[ActionTypes$1.RegisterOption] = function (state, action) {
20649
- return _extends$f({}, state, {
20995
+ return _extends$h({}, state, {
20650
20996
  options: [].concat(state.options, [{
20651
20997
  id: action.id,
20652
20998
  dataRef: action.dataRef
@@ -20659,7 +21005,7 @@ var ActionTypes$1;
20659
21005
  return a.id === action.id;
20660
21006
  });
20661
21007
  if (idx !== -1) nextOptions.splice(idx, 1);
20662
- return _extends$f({}, state, {
21008
+ return _extends$h({}, state, {
20663
21009
  options: nextOptions,
20664
21010
  activeOptionIndex: function () {
20665
21011
  if (idx === state.activeOptionIndex) return null;
@@ -20720,18 +21066,18 @@ const getPaymentCardIcon = name => {
20720
21066
  }));
20721
21067
  };
20722
21068
 
20723
- var _path$d;
21069
+ var _path$f;
20724
21070
 
20725
- 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); }
21071
+ 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); }
20726
21072
 
20727
21073
  function SvgChevronRight(props) {
20728
- return /*#__PURE__*/React.createElement("svg", _extends$e({
21074
+ return /*#__PURE__*/React.createElement("svg", _extends$g({
20729
21075
  className: "plc-w-6 plc-h-6",
20730
21076
  xmlns: "http://www.w3.org/2000/svg",
20731
21077
  fill: "none",
20732
21078
  viewBox: "0 0 24 24",
20733
21079
  stroke: "currentColor"
20734
- }, props), _path$d || (_path$d = /*#__PURE__*/React.createElement("path", {
21080
+ }, props), _path$f || (_path$f = /*#__PURE__*/React.createElement("path", {
20735
21081
  strokeLinecap: "round",
20736
21082
  strokeLinejoin: "round",
20737
21083
  strokeWidth: 2,
@@ -20947,18 +21293,18 @@ const SavedItems = ({
20947
21293
  });
20948
21294
  };
20949
21295
 
20950
- var _path$c;
21296
+ var _path$e;
20951
21297
 
20952
- 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); }
21298
+ 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); }
20953
21299
 
20954
21300
  function SvgRefresh(props) {
20955
- return /*#__PURE__*/React.createElement("svg", _extends$d({
21301
+ return /*#__PURE__*/React.createElement("svg", _extends$f({
20956
21302
  className: "plc-w-4 plc-h-4 plc-mr-1",
20957
21303
  xmlns: "http://www.w3.org/2000/svg",
20958
21304
  fill: "none",
20959
21305
  viewBox: "0 0 24 24",
20960
21306
  stroke: "currentColor"
20961
- }, props), _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
21307
+ }, props), _path$e || (_path$e = /*#__PURE__*/React.createElement("path", {
20962
21308
  strokeLinecap: "round",
20963
21309
  strokeLinejoin: "round",
20964
21310
  strokeWidth: 2,
@@ -20966,35 +21312,35 @@ function SvgRefresh(props) {
20966
21312
  })));
20967
21313
  }
20968
21314
 
20969
- var _path$b;
21315
+ var _path$d;
20970
21316
 
20971
- 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); }
21317
+ 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); }
20972
21318
 
20973
21319
  function SvgCalendar(props) {
20974
- return /*#__PURE__*/React.createElement("svg", _extends$c({
21320
+ return /*#__PURE__*/React.createElement("svg", _extends$e({
20975
21321
  xmlns: "http://www.w3.org/2000/svg",
20976
21322
  className: "plc-h-4 plc-w-4 plc-mr-1",
20977
21323
  viewBox: "0 0 20 20",
20978
21324
  fill: "currentColor"
20979
- }, props), _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
21325
+ }, props), _path$d || (_path$d = /*#__PURE__*/React.createElement("path", {
20980
21326
  fillRule: "evenodd",
20981
21327
  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",
20982
21328
  clipRule: "evenodd"
20983
21329
  })));
20984
21330
  }
20985
21331
 
20986
- var _path$a;
21332
+ var _path$c;
20987
21333
 
20988
- 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); }
21334
+ 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); }
20989
21335
 
20990
21336
  function SvgPlus(props) {
20991
- return /*#__PURE__*/React.createElement("svg", _extends$b({
21337
+ return /*#__PURE__*/React.createElement("svg", _extends$d({
20992
21338
  className: "plc-w-5 plc-h-5",
20993
21339
  xmlns: "http://www.w3.org/2000/svg",
20994
21340
  fill: "none",
20995
21341
  viewBox: "0 0 24 24",
20996
21342
  stroke: "currentColor"
20997
- }, props), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
21343
+ }, props), _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
20998
21344
  strokeLinecap: "round",
20999
21345
  strokeLinejoin: "round",
21000
21346
  strokeWidth: 2,
@@ -21002,17 +21348,17 @@ function SvgPlus(props) {
21002
21348
  })));
21003
21349
  }
21004
21350
 
21005
- var _path$9;
21351
+ var _path$b;
21006
21352
 
21007
- 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); }
21353
+ 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); }
21008
21354
 
21009
21355
  function SvgCheckMark(props) {
21010
- return /*#__PURE__*/React.createElement("svg", _extends$a({
21356
+ return /*#__PURE__*/React.createElement("svg", _extends$c({
21011
21357
  className: "plc-w-4 plc-h-4 plc-mr-1",
21012
21358
  xmlns: "http://www.w3.org/2000/svg",
21013
21359
  viewBox: "0 0 20 20",
21014
21360
  fill: "currentColor"
21015
- }, props), _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
21361
+ }, props), _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
21016
21362
  fillRule: "evenodd",
21017
21363
  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",
21018
21364
  clipRule: "evenodd"
@@ -21074,9 +21420,9 @@ const SubscriptionsItems = ({
21074
21420
  const {
21075
21421
  t
21076
21422
  } = useTranslation("dashboard");
21077
- const subs = window.Pelcro.subscription.list();
21078
- if (!subs || subs.length === 0) return null;
21079
- 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 => {
21423
+ const subs = getNonDonationSubs();
21424
+ if (subs.length === 0) return null;
21425
+ return subs.sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
21080
21426
  const isActive = activeMenu === sub.id; // Cancel button click handlers
21081
21427
 
21082
21428
  const onCancelClick = () => {
@@ -21207,6 +21553,12 @@ const SubscriptionsItems = ({
21207
21553
  });
21208
21554
  };
21209
21555
 
21556
+ function getNonDonationSubs() {
21557
+ var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3;
21558
+
21559
+ 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 : [];
21560
+ }
21561
+
21210
21562
  /**
21211
21563
  * @typedef {Object} AccordionPropsType
21212
21564
  * @property {string} initialActiveMenu the initial active menu
@@ -21289,18 +21641,18 @@ Accordion.item = function AccordionItem({
21289
21641
  }, content)) : null;
21290
21642
  };
21291
21643
 
21292
- var _path$8;
21644
+ var _path$a;
21293
21645
 
21294
- 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); }
21646
+ 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); }
21295
21647
 
21296
21648
  function SvgExit(props) {
21297
- return /*#__PURE__*/React.createElement("svg", _extends$9({
21649
+ return /*#__PURE__*/React.createElement("svg", _extends$b({
21298
21650
  className: "plc-w-6 plc-h-6",
21299
21651
  xmlns: "http://www.w3.org/2000/svg",
21300
21652
  fill: "none",
21301
21653
  viewBox: "0 0 24 24",
21302
21654
  stroke: "currentColor"
21303
- }, props), _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
21655
+ }, props), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
21304
21656
  strokeLinecap: "round",
21305
21657
  strokeLinejoin: "round",
21306
21658
  strokeWidth: 2,
@@ -21308,17 +21660,17 @@ function SvgExit(props) {
21308
21660
  })));
21309
21661
  }
21310
21662
 
21311
- var _path$7;
21663
+ var _path$9;
21312
21664
 
21313
- 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); }
21665
+ 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); }
21314
21666
 
21315
21667
  function SvgUser(props) {
21316
- return /*#__PURE__*/React.createElement("svg", _extends$8({
21668
+ return /*#__PURE__*/React.createElement("svg", _extends$a({
21317
21669
  xmlns: "http://www.w3.org/2000/svg",
21318
21670
  fill: "none",
21319
21671
  viewBox: "0 0 24 24",
21320
21672
  stroke: "currentColor"
21321
- }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
21673
+ }, props), _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
21322
21674
  strokeLinecap: "round",
21323
21675
  strokeLinejoin: "round",
21324
21676
  strokeWidth: 2,
@@ -21326,18 +21678,18 @@ function SvgUser(props) {
21326
21678
  })));
21327
21679
  }
21328
21680
 
21329
- var _path$6;
21681
+ var _path$8;
21330
21682
 
21331
- 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); }
21683
+ 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); }
21332
21684
 
21333
21685
  function SvgNewsletter(props) {
21334
- return /*#__PURE__*/React.createElement("svg", _extends$7({
21686
+ return /*#__PURE__*/React.createElement("svg", _extends$9({
21335
21687
  xmlns: "http://www.w3.org/2000/svg",
21336
21688
  className: "plc-h-5 plc-w-5",
21337
21689
  fill: "none",
21338
21690
  viewBox: "0 0 24 24",
21339
21691
  stroke: "currentColor"
21340
- }, props), _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
21692
+ }, props), _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
21341
21693
  strokeLinecap: "round",
21342
21694
  strokeLinejoin: "round",
21343
21695
  strokeWidth: 2,
@@ -21345,18 +21697,18 @@ function SvgNewsletter(props) {
21345
21697
  })));
21346
21698
  }
21347
21699
 
21348
- var _path$5;
21700
+ var _path$7;
21349
21701
 
21350
- 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); }
21702
+ 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); }
21351
21703
 
21352
21704
  function SvgPaymentCard(props) {
21353
- return /*#__PURE__*/React.createElement("svg", _extends$6({
21705
+ return /*#__PURE__*/React.createElement("svg", _extends$8({
21354
21706
  className: "plc-w-6 plc-h-6 plc-mr-2",
21355
21707
  xmlns: "http://www.w3.org/2000/svg",
21356
21708
  fill: "none",
21357
21709
  viewBox: "0 0 24 24",
21358
21710
  stroke: "currentColor"
21359
- }, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
21711
+ }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
21360
21712
  strokeLinecap: "round",
21361
21713
  strokeLinejoin: "round",
21362
21714
  strokeWidth: 2,
@@ -21364,23 +21716,23 @@ function SvgPaymentCard(props) {
21364
21716
  })));
21365
21717
  }
21366
21718
 
21367
- var _path$4, _path2;
21719
+ var _path$6, _path2$1;
21368
21720
 
21369
- 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); }
21721
+ 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); }
21370
21722
 
21371
21723
  function SvgLocationPin(props) {
21372
- return /*#__PURE__*/React.createElement("svg", _extends$5({
21724
+ return /*#__PURE__*/React.createElement("svg", _extends$7({
21373
21725
  className: "plc-w-6 plc-h-6 plc-mr-2",
21374
21726
  xmlns: "http://www.w3.org/2000/svg",
21375
21727
  fill: "none",
21376
21728
  viewBox: "0 0 24 24",
21377
21729
  stroke: "currentColor"
21378
- }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
21730
+ }, props), _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
21379
21731
  strokeLinecap: "round",
21380
21732
  strokeLinejoin: "round",
21381
21733
  strokeWidth: 2,
21382
21734
  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"
21383
- })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
21735
+ })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
21384
21736
  strokeLinecap: "round",
21385
21737
  strokeLinejoin: "round",
21386
21738
  strokeWidth: 2,
@@ -21390,10 +21742,10 @@ function SvgLocationPin(props) {
21390
21742
 
21391
21743
  var _switch;
21392
21744
 
21393
- 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); }
21745
+ 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); }
21394
21746
 
21395
21747
  function SvgSubscription(props) {
21396
- return /*#__PURE__*/React.createElement("svg", _extends$4({
21748
+ return /*#__PURE__*/React.createElement("svg", _extends$6({
21397
21749
  xmlns: "http://www.w3.org/2000/svg",
21398
21750
  viewBox: "0 0 100 125",
21399
21751
  fill: "currentColor"
@@ -21408,18 +21760,18 @@ function SvgSubscription(props) {
21408
21760
  }))))));
21409
21761
  }
21410
21762
 
21411
- var _path$3;
21763
+ var _path$5;
21412
21764
 
21413
- 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); }
21765
+ 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); }
21414
21766
 
21415
21767
  function SvgShopping(props) {
21416
- return /*#__PURE__*/React.createElement("svg", _extends$3({
21768
+ return /*#__PURE__*/React.createElement("svg", _extends$5({
21417
21769
  className: "plc-w-6 plc-h-6 plc-mr-2",
21418
21770
  xmlns: "http://www.w3.org/2000/svg",
21419
21771
  fill: "none",
21420
21772
  viewBox: "0 0 24 24",
21421
21773
  stroke: "currentColor"
21422
- }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
21774
+ }, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
21423
21775
  strokeLinecap: "round",
21424
21776
  strokeLinejoin: "round",
21425
21777
  strokeWidth: 2,
@@ -21427,18 +21779,18 @@ function SvgShopping(props) {
21427
21779
  })));
21428
21780
  }
21429
21781
 
21430
- var _path$2;
21782
+ var _path$4;
21431
21783
 
21432
- 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); }
21784
+ 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); }
21433
21785
 
21434
21786
  function SvgBookmark(props) {
21435
- return /*#__PURE__*/React.createElement("svg", _extends$2({
21787
+ return /*#__PURE__*/React.createElement("svg", _extends$4({
21436
21788
  className: "plc-w-6 plc-h-6 plc-mr-2",
21437
21789
  xmlns: "http://www.w3.org/2000/svg",
21438
21790
  fill: "none",
21439
21791
  viewBox: "0 0 24 24",
21440
21792
  stroke: "currentColor"
21441
- }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
21793
+ }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
21442
21794
  strokeLinecap: "round",
21443
21795
  strokeLinejoin: "round",
21444
21796
  strokeWidth: 2,
@@ -21446,25 +21798,83 @@ function SvgBookmark(props) {
21446
21798
  })));
21447
21799
  }
21448
21800
 
21449
- var _path$1;
21801
+ var _path$3;
21450
21802
 
21451
- 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); }
21803
+ 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); }
21452
21804
 
21453
21805
  function SvgKey(props) {
21454
- return /*#__PURE__*/React.createElement("svg", _extends$1({
21806
+ return /*#__PURE__*/React.createElement("svg", _extends$3({
21455
21807
  xmlns: "http://www.w3.org/2000/svg",
21456
21808
  viewBox: "0 0 20 20",
21457
21809
  fill: "currentColor"
21458
- }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
21810
+ }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
21459
21811
  fillRule: "evenodd",
21460
21812
  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",
21461
21813
  clipRule: "evenodd"
21462
21814
  })));
21463
21815
  }
21464
21816
 
21817
+ var _path$2;
21818
+
21819
+ 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); }
21820
+
21821
+ function SvgDonate(props) {
21822
+ return /*#__PURE__*/React.createElement("svg", _extends$2({
21823
+ width: 24,
21824
+ height: 24,
21825
+ fill: "currentColor",
21826
+ xmlns: "http://www.w3.org/2000/svg"
21827
+ }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
21828
+ 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"
21829
+ })));
21830
+ }
21831
+
21832
+ const DonationsMenu = () => {
21833
+ const {
21834
+ t
21835
+ } = useTranslation("dashboard");
21836
+ const subscriptions = getDonationSubs().sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
21837
+ return /*#__PURE__*/React__default.createElement("tr", {
21838
+ key: sub.id,
21839
+ className: "plc-w-full plc-align-top pelcro-donation-row"
21840
+ }, /*#__PURE__*/React__default.createElement("td", {
21841
+ className: "plc-truncate"
21842
+ }, sub.plan.nickname && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
21843
+ className: "plc-font-semibold plc-text-gray-500 pelcro-donation-plan"
21844
+ }, sub.plan.nickname), /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement("span", {
21845
+ className: "plc-text-xs plc-text-gray-400 pelcro-donation-price"
21846
+ }, getFormattedPriceByLocal(sub.plan.amount * sub.quantity, sub.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement("div", {
21847
+ className: "plc-mb-4 plc-text-gray-500 pelcro-donation-date"
21848
+ }, sub.status && /*#__PURE__*/React__default.createElement("span", null, formatStartDate(sub.start)))));
21849
+ });
21850
+ return /*#__PURE__*/React__default.createElement("table", {
21851
+ className: "plc-w-full plc-table-fixed pelcro-donations-table"
21852
+ }, /*#__PURE__*/React__default.createElement("thead", {
21853
+ className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
21854
+ }, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", {
21855
+ className: "plc-w-6/12 "
21856
+ }, t("labels.plan")), /*#__PURE__*/React__default.createElement("th", {
21857
+ className: "plc-w-6/12 "
21858
+ }, t("labels.startDate")))), /*#__PURE__*/React__default.createElement("tbody", null, /*#__PURE__*/React__default.createElement("tr", {
21859
+ className: "plc-h-4"
21860
+ }), subscriptions));
21861
+ };
21862
+
21863
+ function getDonationSubs() {
21864
+ var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3;
21865
+
21866
+ 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 : [];
21867
+ }
21868
+
21869
+ function formatStartDate(date) {
21870
+ const startDate = new Date(date);
21871
+ return new Intl.DateTimeFormat("en-CA").format(startDate);
21872
+ }
21873
+
21465
21874
  const SUB_MENUS = {
21466
21875
  PROFILE: "profile",
21467
21876
  SUBSCRIPTIONS: "subscriptions",
21877
+ DONATIONS: "donations",
21468
21878
  PAYMENT_CARDS: "payment-cards",
21469
21879
  ADDRESSES: "addresses",
21470
21880
  GIFTS: "gifts",
@@ -21992,6 +22402,14 @@ class Dashboard extends Component {
21992
22402
  displayProductSelect: this.displayProductSelect,
21993
22403
  displayRedeem: this.displayRedeem
21994
22404
  })
22405
+ }), /*#__PURE__*/React__default.createElement(Accordion.item, {
22406
+ show: hasDonationSubs(),
22407
+ name: SUB_MENUS.DONATIONS,
22408
+ icon: /*#__PURE__*/React__default.createElement(SvgDonate, {
22409
+ className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
22410
+ }),
22411
+ title: this.locale("labels.donations"),
22412
+ content: /*#__PURE__*/React__default.createElement(DonationsMenu, null)
21995
22413
  }), /*#__PURE__*/React__default.createElement(Accordion.item, {
21996
22414
  name: SUB_MENUS.GIFTS,
21997
22415
  icon: /*#__PURE__*/React__default.createElement(SvgGift, null),
@@ -22018,6 +22436,13 @@ class Dashboard extends Component {
22018
22436
 
22019
22437
  }
22020
22438
 
22439
+ function hasDonationSubs() {
22440
+ var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3;
22441
+
22442
+ 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 : [];
22443
+ return donations.length > 0;
22444
+ }
22445
+
22021
22446
  const DashboardWithTrans = withTranslation("dashboard")(Dashboard);
22022
22447
 
22023
22448
  // The button in the lower right that shows the dashboard.
@@ -22045,7 +22470,7 @@ const DashboardOpenButton = () => {
22045
22470
  };
22046
22471
  DashboardOpenButton.viewId = "dashboard-open";
22047
22472
 
22048
- const initialState = {
22473
+ const initialState$1 = {
22049
22474
  imageSrc: null,
22050
22475
  crop: {
22051
22476
  x: 0,
@@ -22059,10 +22484,10 @@ const initialState = {
22059
22484
  content: ""
22060
22485
  }
22061
22486
  };
22062
- const store = /*#__PURE__*/createContext(initialState);
22487
+ const store$1 = /*#__PURE__*/createContext(initialState$1);
22063
22488
  const {
22064
- Provider
22065
- } = store;
22489
+ Provider: Provider$1
22490
+ } = store$1;
22066
22491
 
22067
22492
  const ProfilePicChangeContainer = ({
22068
22493
  style,
@@ -22196,21 +22621,21 @@ const ProfilePicChangeContainer = ({
22196
22621
  default:
22197
22622
  return state;
22198
22623
  }
22199
- }, initialState);
22624
+ }, initialState$1);
22200
22625
  return /*#__PURE__*/React__default.createElement("div", {
22201
22626
  style: { ...style
22202
22627
  },
22203
22628
  className: `pelcro-container pelcro-profile-picture-container ${className}`
22204
- }, /*#__PURE__*/React__default.createElement(Provider, {
22629
+ }, /*#__PURE__*/React__default.createElement(Provider$1, {
22205
22630
  value: {
22206
22631
  state,
22207
22632
  dispatch
22208
22633
  }
22209
22634
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
22210
- store,
22635
+ store: store$1,
22211
22636
  key: i
22212
22637
  })) : /*#__PURE__*/React__default.cloneElement(children, {
22213
- store
22638
+ store: store$1
22214
22639
  })));
22215
22640
  };
22216
22641
  /**
@@ -22272,7 +22697,7 @@ const ProfilePicChangeButton = ({
22272
22697
  isSubmitting
22273
22698
  },
22274
22699
  dispatch
22275
- } = useContext(store);
22700
+ } = useContext(store$1);
22276
22701
  const {
22277
22702
  t
22278
22703
  } = useTranslation("userEdit");
@@ -23640,7 +24065,7 @@ const ProfilePicChangeCropper = ({
23640
24065
  zoom
23641
24066
  },
23642
24067
  dispatch
23643
- } = useContext(store);
24068
+ } = useContext(store$1);
23644
24069
  return /*#__PURE__*/React__default.createElement("div", {
23645
24070
  className: `plc-relative plc-w-full plc-h-52 sm:plc-h-96 ${className}`
23646
24071
  }, /*#__PURE__*/React__default.createElement(Cropper, Object.assign({
@@ -23682,7 +24107,7 @@ const ProfilePicChangeZoom = ({
23682
24107
  zoom
23683
24108
  },
23684
24109
  dispatch
23685
- } = useContext(store);
24110
+ } = useContext(store$1);
23686
24111
  const {
23687
24112
  t
23688
24113
  } = useTranslation("userEdit");
@@ -23705,18 +24130,18 @@ const ProfilePicChangeZoom = ({
23705
24130
  }, otherProps)));
23706
24131
  };
23707
24132
 
23708
- var _path;
24133
+ var _path$1;
23709
24134
 
23710
- 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); }
24135
+ 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); }
23711
24136
 
23712
24137
  function SvgPhotograph(props) {
23713
- return /*#__PURE__*/React.createElement("svg", _extends({
24138
+ return /*#__PURE__*/React.createElement("svg", _extends$1({
23714
24139
  xmlns: "http://www.w3.org/2000/svg",
23715
24140
  className: "plc-h-6 plc-w-6",
23716
24141
  fill: "none",
23717
24142
  viewBox: "0 0 24 24",
23718
24143
  stroke: "currentColor"
23719
- }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
24144
+ }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
23720
24145
  strokeLinecap: "round",
23721
24146
  strokeLinejoin: "round",
23722
24147
  strokeWidth: 2,
@@ -23734,7 +24159,7 @@ const ProfilePicChangeSelectButton = ({
23734
24159
  state: {
23735
24160
  isSubmitting
23736
24161
  }
23737
- } = useContext(store);
24162
+ } = useContext(store$1);
23738
24163
  const {
23739
24164
  t
23740
24165
  } = useTranslation("userEdit");
@@ -23776,7 +24201,7 @@ const ProfilePicChangeRemoveButton = ({
23776
24201
  state: {
23777
24202
  isSubmitting
23778
24203
  }
23779
- } = useContext(store);
24204
+ } = useContext(store$1);
23780
24205
  const {
23781
24206
  t
23782
24207
  } = useTranslation("userEdit");
@@ -23799,7 +24224,7 @@ const ProfilePicChangeWrapper = () => {
23799
24224
  state: {
23800
24225
  imageSrc
23801
24226
  }
23802
- } = useContext(store);
24227
+ } = useContext(store$1);
23803
24228
  const {
23804
24229
  t
23805
24230
  } = useTranslation("userEdit");
@@ -23861,4 +24286,180 @@ function ProfilePicChangeModal({
23861
24286
  }
23862
24287
  ProfilePicChangeModal.viewId = "profile-picture";
23863
24288
 
23864
- export { AddressCreateCity, AddressCreateContainer, AddressCreateCountrySelect, AddressCreateFirstName, AddressCreateLastName, AddressCreateLine1, AddressCreateLine2, AddressCreateModal, AddressCreatePostalCode, AddressCreateStateSelect, AddressCreateSubmit, AddressCreateTextInput, AddressCreateView, AddressSelectContainer, AddressSelectList, AddressSelectModal, AddressSelectSubmit, AddressSelectView, AddressUpdateCity, AddressUpdateContainer, AddressUpdateCountrySelect, AddressUpdateFirstName, AddressUpdateLastName, AddressUpdateLine1, AddressUpdateLine2, AddressUpdateModal, AddressUpdatePostalCode, AddressUpdateStateSelect, AddressUpdateSubmit, AddressUpdateTextInput, AddressUpdateView, AlertWithContext as Alert, Alert as AlertElement, ApplyCouponButton, Badge, BankRedirection, Button, CartContainer, CartModal, CartRemoveItemButton, CartSubmit, CartTotalPrice, CartView, Checkbox, CheckoutForm, ConfirmPassword, CouponCode, CouponCodeField, DashboardWithHook as Dashboard, DashboardOpenButton, DatePicker, DiscountedPrice, Email, FacebookLoginButton, GiftCreateContainer, GiftCreateEmail, GiftCreateFirstName, GiftCreateLastName, GiftCreateMessage, GiftCreateModal, GiftCreateStartDate, GiftCreateSubmitButton, GiftCreateView, GiftRedeemCode, GiftRedeemContainer, GiftRedeemModal, GiftRedeemSubmitButton, GiftRedeemView, GoogleLoginButton, Input, Link, LoginButton, LoginContainer, LoginEmail, LoginModal, LoginPassword, LoginView, Logout, MeterModal, MeterView, Modal, ModalBody, ModalFooter, NewsletterWithHook as NewsLetter, NewsletterUpdateButton, NewsletterUpdateContainer, NewsletterUpdateList, NewsletterUpdateModal, NewsletterUpdateView, Notification, OrderConfirmModal, OrderCreateContainer, OrderCreateModal, OrderCreateSubmitButton, OrderCreateView, Password, PasswordChangeButton, PasswordChangeConfirmNewPassword, PasswordChangeContainer, PasswordChangeCurrentPassword, PasswordChangeModal, PasswordChangeNewPassword, PasswordChangeView, PasswordForgotButton, PasswordForgotContainer, PasswordForgotEmail, PasswordForgotModal, PasswordForgotView, PasswordResetButton, PasswordResetConfirmPassword, PasswordResetContainer, PasswordResetEmail, PasswordResetModal, PasswordResetPassword, PasswordResetView, PaymentCreateContainer, PaymentCreateView, PaymentMethodContainer, PaymentMethodSelectContainer, PaymentMethodSelectList, PaymentMethodSelectModal, PaymentMethodSelectSubmit, PaymentMethodSelectView, PaymentMethodUpdateContainer, PaymentMethodUpdateModal, PaymentMethodUpdateView, PaymentMethodView, PaymentSuccessModal, PaymentSuccessView, PaypalSubscribeButton, PelcroCardCVC, PelcroCardExpiry, PelcroCardNumber, PelcroModalController, PelcroPaymentRequestButton, ProfilePicChangeButton, ProfilePicChangeContainer, ProfilePicChangeCropper, ProfilePicChangeModal, ProfilePicChangeRemoveButton, ProfilePicChangeSelectButton, ProfilePicChangeView, ProfilePicChangeZoom, Radio, RegisterButton, RegisterCompany, RegisterContainer, RegisterEmail, RegisterFirstName, RegisterJobTitle, RegisterLastName, RegisterModal, RegisterPassword, RegisterView, Select, SelectModalWithHook as SelectModal, SelectedPaymentMethod, ShopPurchaseButton, ShopSelectProductButton, ShopView, SubmitPaymentMethod, SubscriptionCreateContainer, SubscriptionCreateModal, SubscriptionCreateView, SubscriptionRenewContainer, SubscriptionRenewModal, SubscriptionRenewView, TaxAmount, TextArea, Tooltip, UserUpdateButton, UserUpdateContainer, UserUpdateDisplayName, UserUpdateEmail, UserUpdateFirstName, UserUpdateLastName, UserUpdateModal, UserUpdatePhone, UserUpdateProfilePic, UserUpdateTextInput, UserUpdateView, authenticatedButtons, i18next as i18n, init$1 as initButtons, init as initContentEntitlement, notify, unauthenticatedButtons, usePelcro };
24289
+ const initialState = {
24290
+ isSubmitting: false,
24291
+ alert: {
24292
+ type: "error",
24293
+ content: ""
24294
+ }
24295
+ };
24296
+ const store = /*#__PURE__*/createContext(initialState);
24297
+ const {
24298
+ Provider
24299
+ } = store;
24300
+
24301
+ const EmailVerifyContainer = ({
24302
+ style,
24303
+ className = "",
24304
+ onSuccess = () => {},
24305
+ onFailure = () => {},
24306
+ children,
24307
+ ...props
24308
+ }) => {
24309
+ const {
24310
+ t
24311
+ } = useTranslation("verifyEmail");
24312
+
24313
+ const submit = () => {
24314
+ window.Pelcro.user.resendEmailVerification((err, res) => {
24315
+ dispatch({
24316
+ type: LOADING,
24317
+ payload: false
24318
+ });
24319
+
24320
+ if (err) {
24321
+ dispatch({
24322
+ type: SHOW_ALERT,
24323
+ payload: {
24324
+ type: "error",
24325
+ content: getErrorMessages(err)
24326
+ }
24327
+ });
24328
+ return onFailure(err);
24329
+ }
24330
+
24331
+ dispatch({
24332
+ type: SHOW_ALERT,
24333
+ payload: {
24334
+ type: "success",
24335
+ content: t("messages.resent")
24336
+ }
24337
+ });
24338
+ return onSuccess(res);
24339
+ });
24340
+ };
24341
+
24342
+ const [state, dispatch] = useReducerWithSideEffects((state, action) => {
24343
+ switch (action.type) {
24344
+ case SHOW_ALERT:
24345
+ return lib_7({ ...state,
24346
+ alert: action.payload
24347
+ });
24348
+
24349
+ case LOADING:
24350
+ return lib_7({ ...state,
24351
+ isSubmitting: action.payload
24352
+ });
24353
+
24354
+ case HANDLE_SUBMIT:
24355
+ return lib_5({ ...state,
24356
+ isSubmitting: true
24357
+ }, (state, dispatch) => submit());
24358
+
24359
+ default:
24360
+ return state;
24361
+ }
24362
+ }, initialState);
24363
+ return /*#__PURE__*/React__default.createElement("div", {
24364
+ style: { ...style
24365
+ },
24366
+ className: `pelcro-container pelcro-email-verify-container ${className}`
24367
+ }, /*#__PURE__*/React__default.createElement(Provider, {
24368
+ value: {
24369
+ state,
24370
+ dispatch
24371
+ }
24372
+ }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
24373
+ store,
24374
+ key: i
24375
+ })) : /*#__PURE__*/React__default.cloneElement(children, {
24376
+ store
24377
+ })));
24378
+ };
24379
+
24380
+ const EmailVerifyResendButton = ({
24381
+ name,
24382
+ onClick,
24383
+ ...otherProps
24384
+ }) => {
24385
+ const {
24386
+ dispatch,
24387
+ state: {
24388
+ isSubmitting
24389
+ }
24390
+ } = useContext(store);
24391
+ const {
24392
+ t
24393
+ } = useTranslation("verifyEmail");
24394
+ return /*#__PURE__*/React__default.createElement(Button, Object.assign({
24395
+ onClick: () => {
24396
+ dispatch({
24397
+ type: HANDLE_SUBMIT
24398
+ });
24399
+ onClick === null || onClick === void 0 ? void 0 : onClick();
24400
+ },
24401
+ isLoading: isSubmitting
24402
+ }, otherProps), name !== null && name !== void 0 ? name : t("labels.resend"));
24403
+ };
24404
+
24405
+ var _path, _path2;
24406
+
24407
+ 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); }
24408
+
24409
+ function SvgEmailVerify(props) {
24410
+ return /*#__PURE__*/React.createElement("svg", _extends({
24411
+ className: "plc-w-6 plc-h-6",
24412
+ viewBox: "0 0 700 700",
24413
+ xmlns: "http://www.w3.org/2000/svg"
24414
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
24415
+ 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"
24416
+ })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
24417
+ 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"
24418
+ })));
24419
+ }
24420
+
24421
+ const EmailVerifyView = props => {
24422
+ var _window$Pelcro$user$r;
24423
+
24424
+ const {
24425
+ t
24426
+ } = useTranslation("verifyEmail");
24427
+ return /*#__PURE__*/React__default.createElement("div", {
24428
+ id: "pelcro-email-verify-view"
24429
+ }, /*#__PURE__*/React__default.createElement("div", {
24430
+ className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
24431
+ }, /*#__PURE__*/React__default.createElement("h4", {
24432
+ className: "plc-text-2xl plc-font-semibold"
24433
+ }, t("labels.title"))), /*#__PURE__*/React__default.createElement("form", {
24434
+ action: "javascript:void(0);",
24435
+ className: "plc-mt-2 pelcro-form"
24436
+ }, /*#__PURE__*/React__default.createElement(EmailVerifyContainer, props, /*#__PURE__*/React__default.createElement(AlertWithContext, null), /*#__PURE__*/React__default.createElement("div", {
24437
+ className: "plc-flex plc-flex-col plc-items-center plc-justify-center plc-mt-4"
24438
+ }, /*#__PURE__*/React__default.createElement(SvgEmailVerify, {
24439
+ className: "plc-w-32 plc-h-32"
24440
+ }), /*#__PURE__*/React__default.createElement("p", {
24441
+ className: "plc-mb-1 plc-text-gray-900 plc-text-center plc-whitespace-pre-line"
24442
+ }, t("labels.instructions"), " ", /*#__PURE__*/React__default.createElement("span", {
24443
+ className: "plc-font-bold"
24444
+ }, (_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.createElement(EmailVerifyResendButton, {
24445
+ role: "submit",
24446
+ className: "plc-mt-4 plc-w-full",
24447
+ name: t("labels.resend"),
24448
+ id: "pelcro-submit"
24449
+ }))));
24450
+ };
24451
+
24452
+ const EmailVerifyModal = ({
24453
+ onDisplay,
24454
+ onClose,
24455
+ ...otherProps
24456
+ }) => {
24457
+ return /*#__PURE__*/React__default.createElement(Modal, {
24458
+ onDisplay: onDisplay,
24459
+ onClose: onClose,
24460
+ id: "pelcro-email-verify-modal"
24461
+ }, /*#__PURE__*/React__default.createElement(ModalBody, null, /*#__PURE__*/React__default.createElement(EmailVerifyView, otherProps)), /*#__PURE__*/React__default.createElement(ModalFooter, null, /*#__PURE__*/React__default.createElement(Authorship, null)));
24462
+ };
24463
+ EmailVerifyModal.viewId = "email-verify";
24464
+
24465
+ export { AddressCreateCity, AddressCreateContainer, AddressCreateCountrySelect, AddressCreateFirstName, AddressCreateLastName, AddressCreateLine1, AddressCreateLine2, AddressCreateModal, AddressCreatePostalCode, AddressCreateStateSelect, AddressCreateSubmit, AddressCreateTextInput, AddressCreateView, AddressSelectContainer, AddressSelectList, AddressSelectModal, AddressSelectSubmit, AddressSelectView, AddressUpdateCity, AddressUpdateContainer, AddressUpdateCountrySelect, AddressUpdateFirstName, AddressUpdateLastName, AddressUpdateLine1, AddressUpdateLine2, AddressUpdateModal, AddressUpdatePostalCode, AddressUpdateStateSelect, AddressUpdateSubmit, AddressUpdateTextInput, AddressUpdateView, AlertWithContext as Alert, Alert as AlertElement, ApplyCouponButton, Auth0LoginButton, Badge, BankRedirection, Button, CartContainer, CartModal, CartRemoveItemButton, CartSubmit, CartTotalPrice, CartView, Checkbox, CheckoutForm, ConfirmPassword, CouponCode, CouponCodeField, DashboardWithHook as Dashboard, DashboardOpenButton, DatePicker, DiscountedPrice, Email, EmailVerifyContainer, EmailVerifyModal, EmailVerifyResendButton, EmailVerifyView, FacebookLoginButton, GiftCreateContainer, GiftCreateEmail, GiftCreateFirstName, GiftCreateLastName, GiftCreateMessage, GiftCreateModal, GiftCreateStartDate, GiftCreateSubmitButton, GiftCreateView, GiftRedeemCode, GiftRedeemContainer, GiftRedeemModal, GiftRedeemSubmitButton, GiftRedeemView, GoogleLoginButton, Input, Link, LoginButton, LoginContainer, LoginEmail, LoginModal, LoginPassword, LoginView, Logout, MeterModal, MeterView, Modal, ModalBody, ModalFooter, NewsletterWithHook as NewsLetter, NewsletterUpdateButton, NewsletterUpdateContainer, NewsletterUpdateList, NewsletterUpdateModal, NewsletterUpdateView, Notification, OrderConfirmModal, OrderCreateContainer, OrderCreateModal, OrderCreateSubmitButton, OrderCreateView, Password, PasswordChangeButton, PasswordChangeConfirmNewPassword, PasswordChangeContainer, PasswordChangeCurrentPassword, PasswordChangeModal, PasswordChangeNewPassword, PasswordChangeView, PasswordForgotButton, PasswordForgotContainer, PasswordForgotEmail, PasswordForgotModal, PasswordForgotView, PasswordResetButton, PasswordResetConfirmPassword, PasswordResetContainer, PasswordResetEmail, PasswordResetModal, PasswordResetPassword, PasswordResetView, PaymentCreateContainer, PaymentCreateView, PaymentMethodContainer, PaymentMethodSelectContainer, PaymentMethodSelectList, PaymentMethodSelectModal, PaymentMethodSelectSubmit, PaymentMethodSelectView, PaymentMethodUpdateContainer, PaymentMethodUpdateModal, PaymentMethodUpdateView, PaymentMethodView, PaymentSuccessModal, PaymentSuccessView, PaypalSubscribeButton, PelcroCardCVC, PelcroCardExpiry, PelcroCardNumber, PelcroModalController, PelcroPaymentRequestButton, ProfilePicChangeButton, ProfilePicChangeContainer, ProfilePicChangeCropper, ProfilePicChangeModal, ProfilePicChangeRemoveButton, ProfilePicChangeSelectButton, ProfilePicChangeView, ProfilePicChangeZoom, Radio, RegisterButton, RegisterCompany, RegisterContainer, RegisterEmail, RegisterFirstName, RegisterJobTitle, RegisterLastName, RegisterModal, RegisterPassword, RegisterView, Select, SelectModalWithHook as SelectModal, SelectedPaymentMethod, ShopPurchaseButton, ShopSelectProductButton, ShopView, SubmitPaymentMethod, SubscriptionCreateContainer, SubscriptionCreateModal, SubscriptionCreateView, SubscriptionRenewContainer, SubscriptionRenewModal, SubscriptionRenewView, TaxAmount, TextArea, Tooltip, UserUpdateButton, UserUpdateContainer, UserUpdateDisplayName, UserUpdateEmail, UserUpdateFirstName, UserUpdateLastName, UserUpdateModal, UserUpdatePhone, UserUpdateProfilePic, UserUpdateTextInput, UserUpdateView, authenticatedButtons, i18next as i18n, init$1 as initButtons, init as initContentEntitlement, notify, unauthenticatedButtons, usePelcro };