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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.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 e-mail",
4577
+ instructions: "To complete creating your account, you need to verify your e-mail address by opening the verification link we've sent to your email:",
4578
+ resend: "Resend message"
4579
+ };
4580
+ var messages$1 = {
4581
+ resent: "Resent successfully",
4582
+ success: "E-mail verified successfully"
4583
+ };
4584
+ var verifyEmail_en = {
4585
+ labels: labels$1,
4586
+ messages: messages$1
4587
+ };
4588
+
4589
+ var labels = {
4590
+ title: "Verify your e-mail",
4591
+ instructions: "To complete creating your account, you need to verify your e-mail address by opening the verification link we've sent to your email:",
4592
+ resend: "Resend message"
4593
+ };
4594
+ var messages = {
4595
+ resent: "Resent successfully",
4596
+ success: "E-mail verified successfully"
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,43 @@ 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
+ whenUserReady
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
+ /*
8955
+ using whenUserReady means that the verification link needs to be
8956
+ opened on the same device that was used for registeration to guarantee
8957
+ that the user is authenticated. if that's not the case, nothing would show up,
8958
+ this is a limitation caused by the SDK and it's events
8959
+ */
8960
+
8961
+ whenUserReady(() => {
8962
+ window.Pelcro.user.verifyEmailToken({
8963
+ token: emailToken
8964
+ }, (err, res) => {
8965
+ if (err) {
8966
+ return notify.error(getErrorMessages(err));
8967
+ }
8968
+
8969
+ return notify.success(translations.success);
8970
+ });
8971
+ }, {
8972
+ once: true
8973
+ });
8974
+ };
8975
+
8813
8976
  const defaultOptions = {
8814
8977
  loadPaymentSDKs: true,
8978
+ loadAuth0SDK: true,
8815
8979
  enableURLTriggers: true,
8816
8980
  enableTheme: true,
8817
8981
  enablePaywalls: true,
@@ -9091,6 +9255,7 @@ const SUBSCRIBE = "CREATE_SUBSCRIPTION";
9091
9255
  const HANDLE_PAYPAL_SUBSCRIPTION = "HANDLE_PAYPAL_SUBSCRIPTION";
9092
9256
  const DISABLE_COUPON_BUTTON = "DISABLE_COUPON_BUTTON";
9093
9257
  const APPLY_COUPON_CODE = "APPLY_COUPON_CODE";
9258
+ const REMOVE_APPLIED_COUPON = "REMOVE_APPLIED_COUPON";
9094
9259
  const SET_PERCENT_OFF = "SET_PERCENT_OFF";
9095
9260
  const SET_COUPON = "SET_COUPON";
9096
9261
  const SET_COUPON_ERROR = "SET_COUPON_ERROR";
@@ -9147,67 +9312,7 @@ const GET_NEWSLETTERS_FETCH = "GET_NEWSLETTERS_FETCH";
9147
9312
  const GET_NEWSLETTERS_SUCCESS = "GET_NEWSLETTERS_SUCCESS";
9148
9313
  const SWITCH_TO_UPDATE = "SWITCH_TO_UPDATE";
9149
9314
 
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 = {
9315
+ const initialState$g = {
9211
9316
  email: "",
9212
9317
  password: "",
9213
9318
  emailError: null,
@@ -9218,10 +9323,10 @@ const initialState$f = {
9218
9323
  content: ""
9219
9324
  }
9220
9325
  };
9221
- const store$f = /*#__PURE__*/createContext(initialState$f);
9326
+ const store$g = /*#__PURE__*/createContext(initialState$g);
9222
9327
  const {
9223
- Provider: Provider$f
9224
- } = store$f;
9328
+ Provider: Provider$g
9329
+ } = store$g;
9225
9330
 
9226
9331
  const LoginContainer = ({
9227
9332
  style,
@@ -9328,7 +9433,7 @@ const LoginContainer = ({
9328
9433
  });
9329
9434
 
9330
9435
  case RESET_LOGIN_FORM:
9331
- return initialState$f;
9436
+ return initialState$g;
9332
9437
 
9333
9438
  case DISABLE_LOGIN_BUTTON:
9334
9439
  return lib_7({ ...state,
@@ -9346,12 +9451,12 @@ const LoginContainer = ({
9346
9451
  default:
9347
9452
  return state;
9348
9453
  }
9349
- }, initialState$f);
9454
+ }, initialState$g);
9350
9455
  return /*#__PURE__*/React__default.createElement("div", {
9351
9456
  style: { ...style
9352
9457
  },
9353
9458
  className: `pelcro-container pelcro-login-container ${className}`
9354
- }, /*#__PURE__*/React__default.createElement(Provider$f, {
9459
+ }, /*#__PURE__*/React__default.createElement(Provider$g, {
9355
9460
  value: {
9356
9461
  state,
9357
9462
  dispatch
@@ -9359,12 +9464,12 @@ const LoginContainer = ({
9359
9464
  }, children.length ? children.map((child, i) => {
9360
9465
  if (child) {
9361
9466
  return /*#__PURE__*/React__default.cloneElement(child, {
9362
- store: store$f,
9467
+ store: store$g,
9363
9468
  key: i
9364
9469
  });
9365
9470
  }
9366
9471
  }) : /*#__PURE__*/React__default.cloneElement(children, {
9367
- store: store$f
9472
+ store: store$g
9368
9473
  })));
9369
9474
  };
9370
9475
 
@@ -9609,7 +9714,7 @@ const LoginButton = ({
9609
9714
  buttonDisabled
9610
9715
  },
9611
9716
  dispatch
9612
- } = useContext(store$f);
9717
+ } = useContext(store$g);
9613
9718
  const {
9614
9719
  t
9615
9720
  } = useTranslation("login");
@@ -9630,23 +9735,23 @@ const LoginButton = ({
9630
9735
  };
9631
9736
 
9632
9737
  const LoginEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
9633
- store: store$f
9738
+ store: store$g
9634
9739
  }, props));
9635
9740
 
9636
9741
  const LoginPassword = props => /*#__PURE__*/React__default.createElement(Password, Object.assign({
9637
- store: store$f
9742
+ store: store$g
9638
9743
  }, props));
9639
9744
 
9640
- var _path$n;
9745
+ var _path$q;
9641
9746
 
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); }
9747
+ 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
9748
 
9644
9749
  function SvgCheck(props) {
9645
- return /*#__PURE__*/React.createElement("svg", _extends$p({
9750
+ return /*#__PURE__*/React.createElement("svg", _extends$s({
9646
9751
  xmlns: "http://www.w3.org/2000/svg",
9647
9752
  fill: "currentColor",
9648
9753
  viewBox: "0 0 20 20"
9649
- }, props), _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
9754
+ }, props), _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
9650
9755
  fillRule: "evenodd",
9651
9756
  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
9757
  clipRule: "evenodd"
@@ -9711,7 +9816,7 @@ var facebookLoginRenderProps = createCommonjsModule(function (module, exports) {
9711
9816
  var FacebookLogin = unwrapExports(facebookLoginRenderProps);
9712
9817
  facebookLoginRenderProps.FacebookLogin;
9713
9818
 
9714
- const initialState$e = {
9819
+ const initialState$f = {
9715
9820
  email: "",
9716
9821
  password: "",
9717
9822
  emailError: null,
@@ -9728,10 +9833,10 @@ const initialState$e = {
9728
9833
  content: ""
9729
9834
  }
9730
9835
  };
9731
- const store$e = /*#__PURE__*/createContext(initialState$e);
9836
+ const store$f = /*#__PURE__*/createContext(initialState$f);
9732
9837
  const {
9733
- Provider: Provider$e
9734
- } = store$e;
9838
+ Provider: Provider$f
9839
+ } = store$f;
9735
9840
 
9736
9841
  const RegisterContainer = ({
9737
9842
  style,
@@ -9914,7 +10019,7 @@ const RegisterContainer = ({
9914
10019
  });
9915
10020
 
9916
10021
  case RESET_LOGIN_FORM:
9917
- return initialState$e;
10022
+ return initialState$f;
9918
10023
 
9919
10024
  case DISABLE_REGISTRATION_BUTTON:
9920
10025
  return lib_7({ ...state,
@@ -9932,12 +10037,12 @@ const RegisterContainer = ({
9932
10037
  default:
9933
10038
  return state;
9934
10039
  }
9935
- }, initialState$e);
10040
+ }, initialState$f);
9936
10041
  return /*#__PURE__*/React__default.createElement("div", {
9937
10042
  style: { ...style
9938
10043
  },
9939
10044
  className: `pelcro-container pelcro-register-container ${className}`
9940
- }, /*#__PURE__*/React__default.createElement(Provider$e, {
10045
+ }, /*#__PURE__*/React__default.createElement(Provider$f, {
9941
10046
  value: {
9942
10047
  state,
9943
10048
  dispatch
@@ -9945,12 +10050,12 @@ const RegisterContainer = ({
9945
10050
  }, children.length ? children.map((child, i) => {
9946
10051
  if (child) {
9947
10052
  return /*#__PURE__*/React__default.cloneElement(child, {
9948
- store: store$e,
10053
+ store: store$f,
9949
10054
  key: i
9950
10055
  });
9951
10056
  }
9952
10057
  }) : /*#__PURE__*/React__default.cloneElement(children, {
9953
- store: store$e
10058
+ store: store$f
9954
10059
  })));
9955
10060
  };
9956
10061
  /**
@@ -9959,19 +10064,21 @@ const RegisterContainer = ({
9959
10064
  */
9960
10065
 
9961
10066
  function hasSecurityTokenEnabled$1() {
9962
- const hasSecuritySdkLoaded = Boolean(window.grecaptcha);
10067
+ var _window$Pelcro$site$r2;
10068
+
10069
+ const hasSecuritySdkLoaded = Boolean((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.security_key);
9963
10070
  return hasSecuritySdkLoaded;
9964
10071
  }
9965
10072
 
9966
- var _path$m;
10073
+ var _path$p;
9967
10074
 
9968
- 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); }
10075
+ 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); }
9969
10076
 
9970
10077
  function SvgFacebookLogo(props) {
9971
- return /*#__PURE__*/React.createElement("svg", _extends$o({
10078
+ return /*#__PURE__*/React.createElement("svg", _extends$r({
9972
10079
  xmlns: "http://www.w3.org/2000/svg",
9973
10080
  viewBox: "88.428 12.828 107.543 207.085"
9974
- }, props), _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
10081
+ }, props), _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
9975
10082
  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",
9976
10083
  fill: "#3c5a9a"
9977
10084
  })));
@@ -9988,10 +10095,10 @@ const FacebookLoginButton = ({
9988
10095
  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;
9989
10096
  const {
9990
10097
  dispatch: loginDispatch
9991
- } = useContext(store$f);
10098
+ } = useContext(store$g);
9992
10099
  const {
9993
10100
  dispatch: registerDispatch
9994
- } = useContext(store$e);
10101
+ } = useContext(store$f);
9995
10102
 
9996
10103
  const onSuccess = facebookUser => {
9997
10104
  loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
@@ -10044,18 +10151,18 @@ var googleLogin = createCommonjsModule(function (module, exports) {
10044
10151
  unwrapExports(googleLogin);
10045
10152
  var googleLogin_1 = googleLogin.GoogleLogin;
10046
10153
 
10047
- var _path$l, _path2$2, _path3$1, _path4;
10154
+ var _path$o, _path2$3, _path3$1, _path4;
10048
10155
 
10049
- 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); }
10156
+ 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); }
10050
10157
 
10051
10158
  function SvgGoogleLogo(props) {
10052
- return /*#__PURE__*/React.createElement("svg", _extends$n({
10159
+ return /*#__PURE__*/React.createElement("svg", _extends$q({
10053
10160
  viewBox: "0 0 24 24",
10054
10161
  xmlns: "http://www.w3.org/2000/svg"
10055
- }, props), _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
10162
+ }, props), _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
10056
10163
  fill: "#4285F4",
10057
10164
  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"
10058
- })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
10165
+ })), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement("path", {
10059
10166
  fill: "#34A853",
10060
10167
  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"
10061
10168
  })), _path3$1 || (_path3$1 = /*#__PURE__*/React.createElement("path", {
@@ -10078,10 +10185,10 @@ const GoogleLoginButton = ({
10078
10185
  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;
10079
10186
  const {
10080
10187
  dispatch: loginDispatch
10081
- } = useContext(store$f);
10188
+ } = useContext(store$g);
10082
10189
  const {
10083
10190
  dispatch: registerDispatch
10084
- } = useContext(store$e);
10191
+ } = useContext(store$f);
10085
10192
 
10086
10193
  const onSuccess = response => {
10087
10194
  var _response$getAuthResp, _profile$getEmail, _profile$getGivenName, _profile$getFamilyNam, _profile$getEmail2, _profile$getGivenName2, _profile$getFamilyNam2;
@@ -10129,17 +10236,127 @@ const GoogleLoginButton = ({
10129
10236
  }) : null;
10130
10237
  };
10131
10238
 
10239
+ var _path$n;
10240
+
10241
+ 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); }
10242
+
10243
+ function SvgAuth0Logo(props) {
10244
+ return /*#__PURE__*/React.createElement("svg", _extends$p({
10245
+ viewBox: "0 0 256 285",
10246
+ xmlns: "http://www.w3.org/2000/svg"
10247
+ }, props), _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
10248
+ 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"
10249
+ })));
10250
+ }
10251
+
10252
+ const Auth0LoginButton = ({
10253
+ label = "Auth0",
10254
+ className = "",
10255
+ labelClassName = "",
10256
+ iconClassName = ""
10257
+ }) => {
10258
+ if (!window.auth0 && window.Pelcro.site.read().auth0_client_id && window.Pelcro.site.read().auth0_base_url) {
10259
+ console.error("Auth0 sdk script wasn't loaded, you need to load auth0 sdk before rendering the Auth0LoginButton");
10260
+ }
10261
+
10262
+ const auth0Enabled = Boolean(window.Pelcro.site.read().auth0_client_id && window.Pelcro.site.read().auth0_base_url && window.auth0);
10263
+ const auth0InstanceRef = React__default.useRef(null);
10264
+ React__default.useEffect(() => {
10265
+ if (auth0Enabled) {
10266
+ auth0InstanceRef.current = new window.auth0.WebAuth({
10267
+ domain: window.Pelcro.site.read().auth0_base_url,
10268
+ clientID: window.Pelcro.site.read().auth0_client_id
10269
+ });
10270
+ }
10271
+ }, []);
10272
+ const {
10273
+ dispatch: loginDispatch
10274
+ } = useContext(store$g);
10275
+ const {
10276
+ dispatch: registerDispatch
10277
+ } = useContext(store$f);
10278
+
10279
+ function handleClick() {
10280
+ var _auth0InstanceRef$cur, _auth0InstanceRef$cur2, _auth0InstanceRef$cur3;
10281
+
10282
+ (_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, {
10283
+ responseType: "token id_token",
10284
+ owp: true // close popup when finished
10285
+
10286
+ }, function (error, authResult) {
10287
+ if (error) {
10288
+ return onFailure(error);
10289
+ }
10290
+
10291
+ onSuccess(authResult);
10292
+ });
10293
+ }
10294
+
10295
+ const onSuccess = authResult => {
10296
+ var _auth0InstanceRef$cur4, _auth0InstanceRef$cur5, _auth0InstanceRef$cur6;
10297
+
10298
+ const {
10299
+ accessToken
10300
+ } = authResult;
10301
+ (_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) => {
10302
+ if (error) {
10303
+ return onFailure(error);
10304
+ }
10305
+
10306
+ const {
10307
+ email,
10308
+ nickname
10309
+ } = user;
10310
+ loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
10311
+ type: HANDLE_SOCIAL_LOGIN,
10312
+ payload: {
10313
+ idpName: "auth0",
10314
+ idpToken: accessToken,
10315
+ firstName: nickname,
10316
+ email
10317
+ }
10318
+ });
10319
+ registerDispatch === null || registerDispatch === void 0 ? void 0 : registerDispatch({
10320
+ type: HANDLE_SOCIAL_LOGIN,
10321
+ payload: {
10322
+ idpName: "auth0",
10323
+ idpToken: accessToken,
10324
+ firstName: nickname,
10325
+ email
10326
+ }
10327
+ });
10328
+ });
10329
+ };
10330
+
10331
+ const onFailure = error => {
10332
+ console.error(error);
10333
+ };
10334
+
10335
+ if (auth0Enabled) {
10336
+ return /*#__PURE__*/React__default.createElement("button", {
10337
+ onClick: handleClick,
10338
+ 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}`
10339
+ }, /*#__PURE__*/React__default.createElement(SvgAuth0Logo, {
10340
+ className: `plc-w-6 plc-h-auto pelcro-auth0-login-icon" ${iconClassName}`
10341
+ }), /*#__PURE__*/React__default.createElement("p", {
10342
+ className: `pelcro-auth0-login-label ${labelClassName}`
10343
+ }, label));
10344
+ }
10345
+
10346
+ return null;
10347
+ };
10348
+
10132
10349
  /**
10133
10350
  *
10134
10351
  */
10135
10352
 
10136
10353
  function LoginView(props) {
10137
- var _window$Pelcro$site$r, _window$Pelcro$site$r2;
10354
+ var _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro$site$r3;
10138
10355
 
10139
10356
  const {
10140
10357
  t
10141
10358
  } = useTranslation("login");
10142
- 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);
10359
+ 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);
10143
10360
  return /*#__PURE__*/React__default.createElement("div", {
10144
10361
  id: "pelcro-login-view"
10145
10362
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -10183,22 +10400,22 @@ function LoginView(props) {
10183
10400
  className: "plc-w-full plc-border-gray-300"
10184
10401
  })), /*#__PURE__*/React__default.createElement("div", {
10185
10402
  className: "plc-flex plc-justify-center plc-px-5 plc-mt-1 plc-space-x-3"
10186
- }, /*#__PURE__*/React__default.createElement(GoogleLoginButton, null), /*#__PURE__*/React__default.createElement(FacebookLoginButton, null))))));
10403
+ }, /*#__PURE__*/React__default.createElement(GoogleLoginButton, null), /*#__PURE__*/React__default.createElement(FacebookLoginButton, null), /*#__PURE__*/React__default.createElement(Auth0LoginButton, null))))));
10187
10404
  }
10188
10405
 
10189
- var _path$k, _path2$1, _path3;
10406
+ var _path$m, _path2$2, _path3;
10190
10407
 
10191
- 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); }
10408
+ 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); }
10192
10409
 
10193
10410
  function SvgPelcroAuthorship(props) {
10194
- return /*#__PURE__*/React.createElement("svg", _extends$m({
10411
+ return /*#__PURE__*/React.createElement("svg", _extends$o({
10195
10412
  xmlns: "http://www.w3.org/2000/svg",
10196
10413
  viewBox: "0 -80.652 497.072 179.991"
10197
- }, props), _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
10414
+ }, props), _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
10198
10415
  fill: "none",
10199
10416
  stroke: "#4a4a4a",
10200
10417
  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"
10201
- })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
10418
+ })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
10202
10419
  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",
10203
10420
  fill: "#4a4a4a"
10204
10421
  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
@@ -10341,11 +10558,11 @@ function LoginModal({
10341
10558
  LoginModal.viewId = "login";
10342
10559
 
10343
10560
  const RegisterEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
10344
- store: store$e
10561
+ store: store$f
10345
10562
  }, props));
10346
10563
 
10347
10564
  const RegisterPassword = props => /*#__PURE__*/React__default.createElement(Password, Object.assign({
10348
- store: store$e
10565
+ store: store$f
10349
10566
  }, props));
10350
10567
 
10351
10568
  const RegisterButton = ({
@@ -10365,7 +10582,7 @@ const RegisterButton = ({
10365
10582
  buttonDisabled
10366
10583
  },
10367
10584
  dispatch
10368
- } = useContext(store$e);
10585
+ } = useContext(store$f);
10369
10586
  const {
10370
10587
  t
10371
10588
  } = useTranslation("register");
@@ -10503,7 +10720,7 @@ function FirstName({
10503
10720
  }
10504
10721
 
10505
10722
  const RegisterFirstName = props => /*#__PURE__*/React__default.createElement(FirstName, Object.assign({
10506
- store: store$e
10723
+ store: store$f
10507
10724
  }, props));
10508
10725
 
10509
10726
  function LastName({
@@ -10534,7 +10751,7 @@ function LastName({
10534
10751
  }
10535
10752
 
10536
10753
  const RegisterLastName = props => /*#__PURE__*/React__default.createElement(LastName, Object.assign({
10537
- store: store$e
10754
+ store: store$f
10538
10755
  }, props));
10539
10756
 
10540
10757
  /**
@@ -10542,7 +10759,7 @@ const RegisterLastName = props => /*#__PURE__*/React__default.createElement(Last
10542
10759
  */
10543
10760
 
10544
10761
  function RegisterView(props) {
10545
- var _product$paywall$regi, _product$paywall, _product$paywall$regi2, _product$paywall2, _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro, _window$Pelcro$uiSett;
10762
+ 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;
10546
10763
 
10547
10764
  const {
10548
10765
  t
@@ -10552,7 +10769,7 @@ function RegisterView(props) {
10552
10769
  } = usePelcro();
10553
10770
  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");
10554
10771
  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");
10555
- 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);
10772
+ 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);
10556
10773
  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;
10557
10774
  return /*#__PURE__*/React__default.createElement("div", {
10558
10775
  id: "pelcro-register-view"
@@ -10610,7 +10827,7 @@ function RegisterView(props) {
10610
10827
  className: "plc-w-full plc-border-gray-300"
10611
10828
  })), /*#__PURE__*/React__default.createElement("div", {
10612
10829
  className: "plc-flex plc-justify-center plc-px-5 plc-mt-1 plc-space-x-3"
10613
- }, /*#__PURE__*/React__default.createElement(GoogleLoginButton, null), /*#__PURE__*/React__default.createElement(FacebookLoginButton, null))))));
10830
+ }, /*#__PURE__*/React__default.createElement(GoogleLoginButton, null), /*#__PURE__*/React__default.createElement(FacebookLoginButton, null), /*#__PURE__*/React__default.createElement(Auth0LoginButton, null))))));
10614
10831
  }
10615
10832
  /**
10616
10833
  * Checks if the current site has security token enabled
@@ -10618,9 +10835,9 @@ function RegisterView(props) {
10618
10835
  */
10619
10836
 
10620
10837
  function hasSecurityTokenEnabled() {
10621
- var _window$Pelcro$site, _window$Pelcro$site$r3;
10838
+ var _window$Pelcro$site, _window$Pelcro$site$r4;
10622
10839
 
10623
- 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);
10840
+ 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);
10624
10841
  }
10625
10842
 
10626
10843
  function TextInput({
@@ -10658,7 +10875,7 @@ function TextInput({
10658
10875
 
10659
10876
  const RegisterTextInput = props => {
10660
10877
  return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({}, props, {
10661
- store: store$e
10878
+ store: store$f
10662
10879
  }));
10663
10880
  };
10664
10881
 
@@ -10910,42 +11127,80 @@ class SelectModal extends Component {
10910
11127
  return `${startingPlan.amount_formatted}/${startingPlan.interval}`;
10911
11128
  });
10912
11129
 
11130
+ _defineProperty$3(this, "renderOneProduct", (product, index, options) => {
11131
+ const isPlanMode = Boolean(this.state.mode === "plan");
11132
+ const productButtonLabel = isPlanMode ? this.locale("buttons.back") : this.locale("buttons.select");
11133
+ const productButtonCallback = isPlanMode ? this.goBack : this.selectProduct;
11134
+ return /*#__PURE__*/React__default.createElement("div", {
11135
+ key: product.id,
11136
+ 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"}`
11137
+ }, product.image && /*#__PURE__*/React__default.createElement("img", {
11138
+ alt: `image of ${product.name}`,
11139
+ src: product.image,
11140
+ className: "plc-object-contain plc-w-1/4 pelcro-select-product-image"
11141
+ }), /*#__PURE__*/React__default.createElement("div", {
11142
+ className: `plc-flex plc-flex-wrap ${product.image ? "plc-w-3/4" : "plc-w-full"}`
11143
+ }, /*#__PURE__*/React__default.createElement("div", {
11144
+ className: "plc-w-full pelcro-select-product-header"
11145
+ }, /*#__PURE__*/React__default.createElement("p", {
11146
+ className: "plc-font-bold pelcro-select-product-title"
11147
+ }, product.name), /*#__PURE__*/React__default.createElement("p", {
11148
+ className: "plc-text-xs pelcro-select-product-description"
11149
+ }, product.description)), /*#__PURE__*/React__default.createElement("div", {
11150
+ className: "plc-flex plc-items-end plc-w-full plc-mt-3"
11151
+ }, product.plans && /*#__PURE__*/React__default.createElement("p", {
11152
+ className: "plc-w-1/2 plc-text-xs pelcro-select-product-cost"
11153
+ }, this.locale("labels.startingAt"), " ", this.countStartPrice(product.plans)), /*#__PURE__*/React__default.createElement(Button, Object.assign({
11154
+ onClick: productButtonCallback,
11155
+ "data-key": product.id,
11156
+ id: "pelcro-select-product-back-button",
11157
+ className: `plc-ml-auto plc-text-xs ${options !== null && options !== void 0 && options.emphasize ? "plc-bg-primary-700" : ""}`
11158
+ }, index === 0 && {
11159
+ autoFocus: true
11160
+ }), productButtonLabel))));
11161
+ });
11162
+
10913
11163
  _defineProperty$3(this, "renderProducts", () => {
10914
11164
  const userDidSelectProduct = Boolean(this.state.mode === "plan");
10915
11165
  const productsToShow = userDidSelectProduct ? [this.state.product] : this.state.productList;
10916
- const productButtonLabel = userDidSelectProduct ? this.locale("buttons.back") : this.locale("buttons.select");
10917
- const productButtonCallback = userDidSelectProduct ? this.goBack : this.selectProduct;
10918
- return productsToShow.map((product, i) => {
10919
- return /*#__PURE__*/React__default.createElement("div", {
10920
- key: product.id,
10921
- 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"
10922
- }, product.image && /*#__PURE__*/React__default.createElement("img", {
10923
- alt: `image of ${product.name}`,
10924
- src: product.image,
10925
- className: "plc-object-contain plc-w-1/4 pelcro-select-product-image"
10926
- }), /*#__PURE__*/React__default.createElement("div", {
10927
- className: `plc-flex plc-flex-wrap ${product.image ? "plc-w-3/4" : "plc-w-full"}`
10928
- }, /*#__PURE__*/React__default.createElement("div", {
10929
- className: "plc-w-full pelcro-select-product-header"
10930
- }, /*#__PURE__*/React__default.createElement("p", {
10931
- className: "plc-font-bold pelcro-select-product-title"
10932
- }, product.name), /*#__PURE__*/React__default.createElement("p", {
10933
- className: "plc-text-xs pelcro-select-product-description"
10934
- }, product.description)), /*#__PURE__*/React__default.createElement("div", {
10935
- className: "plc-flex plc-items-end plc-w-full plc-mt-3"
10936
- }, product.plans && /*#__PURE__*/React__default.createElement("p", {
10937
- className: "plc-w-1/2 plc-text-xs pelcro-select-product-cost"
10938
- }, this.locale("labels.startingAt"), " ", this.countStartPrice(product.plans)), /*#__PURE__*/React__default.createElement(Button, Object.assign({
10939
- onClick: productButtonCallback,
10940
- "data-key": product.id,
10941
- id: "pelcro-select-product-back-button",
10942
- className: "plc-ml-auto plc-text-xs"
10943
- }, i === 0 && {
10944
- autoFocus: true
10945
- }), productButtonLabel))));
11166
+ return productsToShow.map((product, index) => {
11167
+ return this.renderOneProduct(product, index);
10946
11168
  });
10947
11169
  });
10948
11170
 
11171
+ _defineProperty$3(this, "renderMatchingProductsFirst", () => {
11172
+ const isPlanMode = Boolean(this.state.mode === "plan");
11173
+
11174
+ if (isPlanMode) {
11175
+ return this.renderOneProduct(this.state.product);
11176
+ }
11177
+
11178
+ const [productsThatMatchArticleTag, allProductsMinusMatched] = productsWithMatchedTaggedFirst(); // Render normal products if there are no available matching products
11179
+
11180
+ if (!(productsThatMatchArticleTag !== null && productsThatMatchArticleTag !== void 0 && productsThatMatchArticleTag.length)) {
11181
+ return this.renderProducts();
11182
+ }
11183
+
11184
+ return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h3", {
11185
+ className: "plc-text-sm plc-font-semibold"
11186
+ }, this.locale("labels.restrictiveArticles.subscribeTo")), productsThatMatchArticleTag.map((product, index) => this.renderOneProduct(product, index, {
11187
+ emphasize: true
11188
+ })), (allProductsMinusMatched === null || allProductsMinusMatched === void 0 ? void 0 : allProductsMinusMatched.length) > 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("hr", {
11189
+ className: "plc-my-4"
11190
+ }), /*#__PURE__*/React__default.createElement("h3", {
11191
+ className: "plc-text-sm plc-font-semibold"
11192
+ }, this.locale("labels.restrictiveArticles.or")), allProductsMinusMatched.map((product, index) => this.renderOneProduct(product, index))));
11193
+
11194
+ function productsWithMatchedTaggedFirst() {
11195
+ var _window$Pelcro$produc;
11196
+
11197
+ const allProducts = (_window$Pelcro$produc = window.Pelcro.product.list()) !== null && _window$Pelcro$produc !== void 0 ? _window$Pelcro$produc : [];
11198
+ const productsThatMatchArticleTag = window.Pelcro.product.getByMatchingPageTags();
11199
+ const allProductsMinusMatched = allProducts.filter(product => !productsThatMatchArticleTag.some(matchedProduct => matchedProduct.id === product.id));
11200
+ return [productsThatMatchArticleTag, allProductsMinusMatched];
11201
+ }
11202
+ });
11203
+
10949
11204
  _defineProperty$3(this, "renderPlans", () => {
10950
11205
  return this.state.planList.map(plan => {
10951
11206
  const isChecked = this.state.plan.id === plan.id ? true : false;
@@ -11072,7 +11327,7 @@ class SelectModal extends Component {
11072
11327
  }
11073
11328
 
11074
11329
  render() {
11075
- var _window$Pelcro$produc, _window$Pelcro$produc2;
11330
+ var _window$Pelcro$produc2, _window$Pelcro$produc3, _window$Pelcro$site$r;
11076
11331
 
11077
11332
  const {
11078
11333
  disableGifting
@@ -11106,9 +11361,9 @@ class SelectModal extends Component {
11106
11361
  className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
11107
11362
  }, /*#__PURE__*/React__default.createElement("h4", {
11108
11363
  className: "plc-text-2xl plc-font-semibold"
11109
- }, 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", {
11364
+ }, 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", {
11110
11365
  className: "pelcro-select-products-wrapper"
11111
- }, this.renderProducts()), this.state.mode === "plan" && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
11366
+ }, (_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", {
11112
11367
  className: "plc-overflow-y-scroll plc-max-h-72 pelcro-select-plans-wrapper"
11113
11368
  }, this.renderPlans()), !disableGifting && /*#__PURE__*/React__default.createElement("div", {
11114
11369
  className: "plc-flex plc-justify-center plc-mt-2"
@@ -12630,7 +12885,7 @@ class PaypalGateWay {
12630
12885
 
12631
12886
  /** @type {PaymentStateType} */
12632
12887
 
12633
- const initialState$d = {
12888
+ const initialState$e = {
12634
12889
  disableSubmit: false,
12635
12890
  isLoading: false,
12636
12891
  disableCouponButton: false,
@@ -12649,10 +12904,10 @@ const initialState$d = {
12649
12904
  content: ""
12650
12905
  }
12651
12906
  };
12652
- const store$d = /*#__PURE__*/createContext(initialState$d);
12907
+ const store$e = /*#__PURE__*/createContext(initialState$e);
12653
12908
  const {
12654
- Provider: Provider$d
12655
- } = store$d;
12909
+ Provider: Provider$e
12910
+ } = store$e;
12656
12911
 
12657
12912
  const PaymentMethodContainerWithoutStripe = ({
12658
12913
  style,
@@ -12814,15 +13069,50 @@ const PaymentMethodContainerWithoutStripe = ({
12814
13069
  });
12815
13070
 
12816
13071
  if (err) {
13072
+ onFailure(err);
13073
+ dispatch({
13074
+ type: SET_COUPON_ERROR,
13075
+ payload: getErrorMessages(err)
13076
+ }); // remove current coupon
13077
+
13078
+ dispatch({
13079
+ type: SET_COUPON,
13080
+ payload: null
13081
+ });
12817
13082
  dispatch({
12818
13083
  type: SET_PERCENT_OFF,
12819
13084
  payload: ""
12820
13085
  });
12821
- onFailure(err);
12822
- return dispatch({
12823
- type: SET_COUPON_ERROR,
12824
- payload: getErrorMessages(err)
13086
+ dispatch({
13087
+ type: SET_UPDATED_PRICE,
13088
+ payload: null
12825
13089
  });
13090
+ dispatch({
13091
+ type: SET_TAX_AMOUNT,
13092
+ payload: null
13093
+ });
13094
+ const {
13095
+ currentPlan
13096
+ } = state;
13097
+
13098
+ if (currentPlan) {
13099
+ var _currentPlan$quantity;
13100
+
13101
+ const quantity = (_currentPlan$quantity = currentPlan.quantity) !== null && _currentPlan$quantity !== void 0 ? _currentPlan$quantity : 1;
13102
+ const price = currentPlan.amount;
13103
+ dispatch({
13104
+ type: SET_UPDATED_PRICE,
13105
+ // set original plan price
13106
+ payload: price * quantity
13107
+ });
13108
+ dispatch({
13109
+ type: UPDATE_PAYMENT_REQUEST
13110
+ }); // update the new amount with taxes if site has taxes enabled
13111
+
13112
+ updateTotalAmountWithTax();
13113
+ }
13114
+
13115
+ return;
12826
13116
  }
12827
13117
 
12828
13118
  dispatch({
@@ -12912,6 +13202,54 @@ const PaymentMethodContainerWithoutStripe = ({
12912
13202
 
12913
13203
  const debouncedApplyCouponCode = useRef(debounce(onApplyCouponCode, 1000)).current;
12914
13204
 
13205
+ const removeAppliedCoupon = state => {
13206
+ state.couponCode = "";
13207
+ dispatch({
13208
+ type: SET_COUPON_ERROR,
13209
+ payload: ""
13210
+ });
13211
+ dispatch({
13212
+ type: SHOW_COUPON_FIELD,
13213
+ payload: false
13214
+ });
13215
+ dispatch({
13216
+ type: SET_COUPON,
13217
+ payload: null
13218
+ });
13219
+ dispatch({
13220
+ type: SET_PERCENT_OFF,
13221
+ payload: ""
13222
+ });
13223
+ dispatch({
13224
+ type: SET_UPDATED_PRICE,
13225
+ payload: null
13226
+ });
13227
+ dispatch({
13228
+ type: SET_TAX_AMOUNT,
13229
+ payload: null
13230
+ });
13231
+ const {
13232
+ currentPlan
13233
+ } = state;
13234
+
13235
+ if (currentPlan) {
13236
+ var _currentPlan$quantity2;
13237
+
13238
+ const quantity = (_currentPlan$quantity2 = currentPlan.quantity) !== null && _currentPlan$quantity2 !== void 0 ? _currentPlan$quantity2 : 1;
13239
+ const price = currentPlan.amount;
13240
+ dispatch({
13241
+ type: SET_UPDATED_PRICE,
13242
+ // set original plan price
13243
+ payload: price * quantity
13244
+ });
13245
+ dispatch({
13246
+ type: UPDATE_PAYMENT_REQUEST
13247
+ }); // update the new amount with taxes if site has taxes enabled
13248
+
13249
+ updateTotalAmountWithTax();
13250
+ }
13251
+ };
13252
+
12915
13253
  const subscribe = (stripeSource, state, dispatch) => {
12916
13254
  const {
12917
13255
  couponCode
@@ -13529,6 +13867,9 @@ const PaymentMethodContainerWithoutStripe = ({
13529
13867
  disableCouponButton: true
13530
13868
  }, (state, dispatch) => onApplyCouponCode(state, dispatch));
13531
13869
 
13870
+ case REMOVE_APPLIED_COUPON:
13871
+ return lib_5(state, () => removeAppliedCoupon(state));
13872
+
13532
13873
  case SET_COUPON:
13533
13874
  return lib_7({ ...state,
13534
13875
  couponObject: action.payload
@@ -13557,21 +13898,21 @@ const PaymentMethodContainerWithoutStripe = ({
13557
13898
  default:
13558
13899
  return state;
13559
13900
  }
13560
- }, initialState$d);
13901
+ }, initialState$e);
13561
13902
  return /*#__PURE__*/React__default.createElement("div", {
13562
13903
  style: { ...style
13563
13904
  },
13564
13905
  className: `pelcro-container pelcro-payment-container ${className}`
13565
- }, /*#__PURE__*/React__default.createElement(Provider$d, {
13906
+ }, /*#__PURE__*/React__default.createElement(Provider$e, {
13566
13907
  value: {
13567
13908
  state,
13568
13909
  dispatch
13569
13910
  }
13570
13911
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
13571
- store: store$d,
13912
+ store: store$e,
13572
13913
  key: i
13573
13914
  })) : /*#__PURE__*/React__default.cloneElement(children, {
13574
- store: store$d
13915
+ store: store$e
13575
13916
  })));
13576
13917
  };
13577
13918
 
@@ -13593,7 +13934,7 @@ const PaymentMethodContainer = props => {
13593
13934
  stripeAccount: window.Pelcro.site.read().account_id,
13594
13935
  locale: getPageOrDefaultLanguage()
13595
13936
  }, /*#__PURE__*/React__default.createElement(es_11, null, /*#__PURE__*/React__default.createElement(UnwrappedForm, Object.assign({
13596
- store: store$d
13937
+ store: store$e
13597
13938
  }, props))));
13598
13939
  }
13599
13940
 
@@ -13646,7 +13987,7 @@ const PelcroPaymentRequestButton = props => {
13646
13987
  currentPlan,
13647
13988
  updatedPrice
13648
13989
  }
13649
- } = useContext(store$d);
13990
+ } = useContext(store$e);
13650
13991
 
13651
13992
  const updatePaymentRequest = () => {
13652
13993
  // Make sure payment request is up to date, eg. user added a coupon code.
@@ -13697,12 +14038,16 @@ const DiscountedPrice = props => {
13697
14038
  var _order$currency, _order$, _plan$quantity;
13698
14039
 
13699
14040
  const {
14041
+ t
14042
+ } = useTranslation("checkoutForm");
14043
+ const {
14044
+ dispatch,
13700
14045
  state: {
13701
14046
  updatedPrice,
13702
14047
  taxAmount,
13703
14048
  percentOff
13704
14049
  }
13705
- } = useContext(store$d);
14050
+ } = useContext(store$e);
13706
14051
  const {
13707
14052
  order,
13708
14053
  plan
@@ -13712,12 +14057,22 @@ const DiscountedPrice = props => {
13712
14057
  const discountedPriceWithoutTax = updatedPrice - taxAmount;
13713
14058
  const priceFormatted = getFormattedPriceByLocal(order ? updatedPrice : discountedPriceWithoutTax * planQuantity, ecommOrderCurrency !== null && ecommOrderCurrency !== void 0 ? ecommOrderCurrency : plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
13714
14059
 
14060
+ const onCouponRemove = () => {
14061
+ dispatch({
14062
+ type: REMOVE_APPLIED_COUPON
14063
+ });
14064
+ };
14065
+
13715
14066
  if (percentOff) {
13716
14067
  return /*#__PURE__*/React__default.createElement("div", Object.assign({
13717
- className: "plc-flex plc-justify-center plc-mt-2 pelcro-discount"
13718
- }, props), "(-", percentOff, ")", " ", /*#__PURE__*/React__default.createElement("span", {
13719
- className: "plc-font-bold pelcro-discounted-price"
13720
- }, priceFormatted));
14068
+ className: "plc-flex plc-items-center plc-justify-center plc-mt-2 pelcro-discount"
14069
+ }, props), "(-", percentOff, ")", /*#__PURE__*/React__default.createElement("span", {
14070
+ className: "plc-ml-1 plc-font-bold pelcro-discounted-price"
14071
+ }, priceFormatted), /*#__PURE__*/React__default.createElement(Button, {
14072
+ variant: "ghost",
14073
+ className: "plc-ml-2 plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
14074
+ onClick: onCouponRemove
14075
+ }, "\u2715 ", t("labels.removeCoupon")));
13721
14076
  }
13722
14077
 
13723
14078
  return "";
@@ -13742,7 +14097,7 @@ const SubmitPaymentMethod = ({
13742
14097
  isLoading,
13743
14098
  updatedPrice
13744
14099
  }
13745
- } = useContext(store$d);
14100
+ } = useContext(store$e);
13746
14101
  const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
13747
14102
  const price = updatedPrice !== null && updatedPrice !== void 0 ? updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount;
13748
14103
  const priceFormatted = getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
@@ -13763,17 +14118,17 @@ const SubmitPaymentMethod = ({
13763
14118
  }, t("labels.pay"), " ", priceFormatted && priceFormatted) : t("labels.submit"));
13764
14119
  };
13765
14120
 
13766
- var _path$j;
14121
+ var _path$l;
13767
14122
 
13768
- 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); }
14123
+ 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); }
13769
14124
 
13770
14125
  function SvgArrowLeft(props) {
13771
- return /*#__PURE__*/React.createElement("svg", _extends$l({
14126
+ return /*#__PURE__*/React.createElement("svg", _extends$n({
13772
14127
  xmlns: "http://www.w3.org/2000/svg",
13773
14128
  fill: "none",
13774
14129
  viewBox: "0 0 24 24",
13775
14130
  stroke: "currentColor"
13776
- }, props), _path$j || (_path$j = /*#__PURE__*/React.createElement("path", {
14131
+ }, props), _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
13777
14132
  strokeLinecap: "round",
13778
14133
  strokeLinejoin: "round",
13779
14134
  strokeWidth: 2,
@@ -13792,7 +14147,7 @@ const ApplyCouponButton = ({
13792
14147
  disableCouponButton
13793
14148
  },
13794
14149
  dispatch
13795
- } = useContext(store$d);
14150
+ } = useContext(store$e);
13796
14151
  const {
13797
14152
  t
13798
14153
  } = useTranslation("checkoutForm");
@@ -13826,7 +14181,7 @@ const CouponCodeField = props => {
13826
14181
  couponCode,
13827
14182
  couponError
13828
14183
  }
13829
- } = useContext(store$d);
14184
+ } = useContext(store$e);
13830
14185
 
13831
14186
  const onCouponCodeChange = e => {
13832
14187
  dispatch({
@@ -13855,17 +14210,17 @@ const CouponCodeField = props => {
13855
14210
  }, props));
13856
14211
  };
13857
14212
 
13858
- var _path$i;
14213
+ var _path$k;
13859
14214
 
13860
- 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); }
14215
+ 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); }
13861
14216
 
13862
14217
  function SvgTicket(props) {
13863
- return /*#__PURE__*/React.createElement("svg", _extends$k({
14218
+ return /*#__PURE__*/React.createElement("svg", _extends$m({
13864
14219
  xmlns: "http://www.w3.org/2000/svg",
13865
14220
  fill: "none",
13866
14221
  viewBox: "0 0 24 24",
13867
14222
  stroke: "currentColor"
13868
- }, props), _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
14223
+ }, props), _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
13869
14224
  strokeLinecap: "round",
13870
14225
  strokeLinejoin: "round",
13871
14226
  strokeWidth: 2,
@@ -13882,7 +14237,7 @@ const CouponCode = ({
13882
14237
  state: {
13883
14238
  enableCouponField
13884
14239
  }
13885
- } = useContext(store$d);
14240
+ } = useContext(store$e);
13886
14241
  const {
13887
14242
  t
13888
14243
  } = useTranslation("checkoutForm");
@@ -14139,7 +14494,7 @@ const PaypalSubscribeButton = props => {
14139
14494
  const {
14140
14495
  dispatch,
14141
14496
  state
14142
- } = useContext(store$d);
14497
+ } = useContext(store$e);
14143
14498
  const {
14144
14499
  product,
14145
14500
  plan,
@@ -14224,16 +14579,16 @@ const BankRedirection = () => {
14224
14579
  }));
14225
14580
  };
14226
14581
 
14227
- var _path$h;
14582
+ var _path$j;
14228
14583
 
14229
- 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); }
14584
+ 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); }
14230
14585
 
14231
14586
  function SvgLock(props) {
14232
- return /*#__PURE__*/React.createElement("svg", _extends$j({
14587
+ return /*#__PURE__*/React.createElement("svg", _extends$l({
14233
14588
  xmlns: "http://www.w3.org/2000/svg",
14234
14589
  viewBox: "0 0 20 20",
14235
14590
  fill: "currentColor"
14236
- }, props), _path$h || (_path$h = /*#__PURE__*/React.createElement("path", {
14591
+ }, props), _path$j || (_path$j = /*#__PURE__*/React.createElement("path", {
14237
14592
  fillRule: "evenodd",
14238
14593
  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",
14239
14594
  clipRule: "evenodd"
@@ -14250,7 +14605,7 @@ const SelectedPaymentMethod = () => {
14250
14605
  state: {
14251
14606
  isLoading
14252
14607
  }
14253
- } = useContext(store$d);
14608
+ } = useContext(store$e);
14254
14609
  const {
14255
14610
  switchView,
14256
14611
  selectedPaymentMethodId
@@ -14292,7 +14647,7 @@ const TaxAmount = () => {
14292
14647
  state: {
14293
14648
  taxAmount
14294
14649
  }
14295
- } = useContext(store$d);
14650
+ } = useContext(store$e);
14296
14651
  const {
14297
14652
  plan
14298
14653
  } = usePelcro();
@@ -14455,12 +14810,12 @@ function SubscriptionRenewModal({
14455
14810
  }
14456
14811
  SubscriptionRenewModal.viewId = "subscription-renew";
14457
14812
 
14458
- var _path$g;
14813
+ var _path$i;
14459
14814
 
14460
- 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); }
14815
+ 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); }
14461
14816
 
14462
14817
  function SvgGift(props) {
14463
- return /*#__PURE__*/React.createElement("svg", _extends$i({
14818
+ return /*#__PURE__*/React.createElement("svg", _extends$k({
14464
14819
  className: "plc-w-6 plc-h-6 plc-mr-2",
14465
14820
  fill: "none",
14466
14821
  stroke: "currentColor",
@@ -14469,7 +14824,7 @@ function SvgGift(props) {
14469
14824
  strokeWidth: 2,
14470
14825
  viewBox: "0 0 24 24",
14471
14826
  xmlns: "http://www.w3.org/2000/svg"
14472
- }, props), _path$g || (_path$g = /*#__PURE__*/React.createElement("path", {
14827
+ }, props), _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
14473
14828
  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"
14474
14829
  })));
14475
14830
  }
@@ -14800,7 +15155,7 @@ class DefaultNewsLetter extends Component {
14800
15155
 
14801
15156
  const NewsLetter = withTranslation("newsletter")(DefaultNewsLetter);
14802
15157
 
14803
- const initialState$c = {
15158
+ const initialState$d = {
14804
15159
  didSubToNewslettersBefore: false,
14805
15160
  newsletters: [],
14806
15161
  isListLoading: true,
@@ -14810,10 +15165,10 @@ const initialState$c = {
14810
15165
  content: ""
14811
15166
  }
14812
15167
  };
14813
- const store$c = /*#__PURE__*/createContext(initialState$c);
15168
+ const store$d = /*#__PURE__*/createContext(initialState$d);
14814
15169
  const {
14815
- Provider: Provider$c
14816
- } = store$c;
15170
+ Provider: Provider$d
15171
+ } = store$d;
14817
15172
 
14818
15173
  const NewsletterUpdateContainer = ({
14819
15174
  style,
@@ -14926,7 +15281,7 @@ const NewsletterUpdateContainer = ({
14926
15281
  default:
14927
15282
  return state;
14928
15283
  }
14929
- }, initialState$c);
15284
+ }, initialState$d);
14930
15285
  useEffect(() => {
14931
15286
  const getUserNewsletters = () => {
14932
15287
  var _window$Pelcro$user$r3, _window$Pelcro$user$r4;
@@ -14970,7 +15325,7 @@ const NewsletterUpdateContainer = ({
14970
15325
  style: { ...style
14971
15326
  },
14972
15327
  className: `pelcro-container pelcro-newsletter-update-container ${className}`
14973
- }, /*#__PURE__*/React__default.createElement(Provider$c, {
15328
+ }, /*#__PURE__*/React__default.createElement(Provider$d, {
14974
15329
  value: {
14975
15330
  state,
14976
15331
  dispatch
@@ -14978,12 +15333,12 @@ const NewsletterUpdateContainer = ({
14978
15333
  }, children.length ? children.map((child, i) => {
14979
15334
  if (child) {
14980
15335
  return /*#__PURE__*/React__default.cloneElement(child, {
14981
- store: store$c,
15336
+ store: store$d,
14982
15337
  key: i
14983
15338
  });
14984
15339
  }
14985
15340
  }) : /*#__PURE__*/React__default.cloneElement(children, {
14986
- store: store$c
15341
+ store: store$d
14987
15342
  })));
14988
15343
  };
14989
15344
 
@@ -14998,7 +15353,7 @@ const NewsletterUpdateButton = ({
14998
15353
  isSubmitting,
14999
15354
  isListLoading
15000
15355
  }
15001
- } = useContext(store$c);
15356
+ } = useContext(store$d);
15002
15357
  const {
15003
15358
  t
15004
15359
  } = useTranslation("newsletter");
@@ -15028,7 +15383,7 @@ const NewsletterUpdateList = () => {
15028
15383
  newsletters,
15029
15384
  isListLoading
15030
15385
  }
15031
- } = useContext(store$c);
15386
+ } = useContext(store$d);
15032
15387
 
15033
15388
  if (isListLoading) {
15034
15389
  return /*#__PURE__*/React__default.createElement(Loader, {
@@ -15232,7 +15587,7 @@ function SubscriptionCreateModal({
15232
15587
  SubscriptionCreateModal.viewId = "subscription-create";
15233
15588
 
15234
15589
  var _window$Pelcro$user$r, _window$Pelcro$user$r2, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5;
15235
- const initialState$b = {
15590
+ const initialState$c = {
15236
15591
  email: (_window$Pelcro$user$r = window.Pelcro.user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : _window$Pelcro$user$r.email,
15237
15592
  firstName: (_window$Pelcro$user$r2 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.first_name,
15238
15593
  lastName: (_window$Pelcro$user$r3 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r3 === void 0 ? void 0 : _window$Pelcro$user$r3.last_name,
@@ -15245,10 +15600,10 @@ const initialState$b = {
15245
15600
  content: ""
15246
15601
  }
15247
15602
  };
15248
- const store$b = /*#__PURE__*/createContext(initialState$b);
15603
+ const store$c = /*#__PURE__*/createContext(initialState$c);
15249
15604
  const {
15250
- Provider: Provider$b
15251
- } = store$b;
15605
+ Provider: Provider$c
15606
+ } = store$c;
15252
15607
 
15253
15608
  const UserUpdateContainer = ({
15254
15609
  style,
@@ -15380,27 +15735,27 @@ const UserUpdateContainer = ({
15380
15735
  default:
15381
15736
  return state;
15382
15737
  }
15383
- }, initialState$b);
15738
+ }, initialState$c);
15384
15739
  return /*#__PURE__*/React__default.createElement("div", {
15385
15740
  style: { ...style
15386
15741
  },
15387
15742
  className: `pelcro-container pelcro-user-update-container ${className}`
15388
- }, /*#__PURE__*/React__default.createElement(Provider$b, {
15743
+ }, /*#__PURE__*/React__default.createElement(Provider$c, {
15389
15744
  value: {
15390
15745
  state,
15391
15746
  dispatch
15392
15747
  }
15393
15748
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
15394
- store: store$b,
15749
+ store: store$c,
15395
15750
  key: i
15396
15751
  })) : /*#__PURE__*/React__default.cloneElement(children, {
15397
- store: store$b
15752
+ store: store$c
15398
15753
  })));
15399
15754
  };
15400
15755
 
15401
15756
  const UserUpdateEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
15402
15757
  disabled: true,
15403
- store: store$b
15758
+ store: store$c
15404
15759
  }, props));
15405
15760
 
15406
15761
  const UserUpdateButton = ({
@@ -15413,7 +15768,7 @@ const UserUpdateButton = ({
15413
15768
  buttonDisabled
15414
15769
  },
15415
15770
  dispatch
15416
- } = useContext(store$b);
15771
+ } = useContext(store$c);
15417
15772
  const {
15418
15773
  t
15419
15774
  } = useTranslation("userEdit");
@@ -15430,11 +15785,11 @@ const UserUpdateButton = ({
15430
15785
  };
15431
15786
 
15432
15787
  const UserUpdateFirstName = props => /*#__PURE__*/React__default.createElement(FirstName, Object.assign({
15433
- store: store$b
15788
+ store: store$c
15434
15789
  }, props));
15435
15790
 
15436
15791
  const UserUpdateLastName = props => /*#__PURE__*/React__default.createElement(LastName, Object.assign({
15437
- store: store$b
15792
+ store: store$c
15438
15793
  }, props));
15439
15794
 
15440
15795
  function Phone({
@@ -15463,22 +15818,22 @@ function Phone({
15463
15818
  }
15464
15819
 
15465
15820
  const UserUpdatePhone = props => /*#__PURE__*/React__default.createElement(Phone, Object.assign({
15466
- store: store$b
15821
+ store: store$c
15467
15822
  }, props));
15468
15823
 
15469
15824
  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";
15470
15825
 
15471
- var _path$f;
15826
+ var _path$h;
15472
15827
 
15473
- 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); }
15828
+ 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); }
15474
15829
 
15475
15830
  function SvgEdit(props) {
15476
- return /*#__PURE__*/React.createElement("svg", _extends$h({
15831
+ return /*#__PURE__*/React.createElement("svg", _extends$j({
15477
15832
  className: "plc-w-6 plc-h-6",
15478
15833
  xmlns: "http://www.w3.org/2000/svg",
15479
15834
  viewBox: "0 0 20 20",
15480
15835
  fill: "currentColor"
15481
- }, props), _path$f || (_path$f = /*#__PURE__*/React.createElement("path", {
15836
+ }, props), _path$h || (_path$h = /*#__PURE__*/React.createElement("path", {
15482
15837
  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"
15483
15838
  })));
15484
15839
  }
@@ -15610,16 +15965,16 @@ function DisplayName({
15610
15965
  }
15611
15966
 
15612
15967
  const UserUpdateDisplayName = props => /*#__PURE__*/React__default.createElement(DisplayName, Object.assign({
15613
- store: store$b
15968
+ store: store$c
15614
15969
  }, props));
15615
15970
 
15616
15971
  const UserUpdateTextInput = props => {
15617
15972
  return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({}, props, {
15618
- store: store$b
15973
+ store: store$c
15619
15974
  }));
15620
15975
  };
15621
15976
 
15622
- const initialState$a = {
15977
+ const initialState$b = {
15623
15978
  isSubmitting: false,
15624
15979
  firstName: "",
15625
15980
  firstNameError: "",
@@ -15644,10 +15999,10 @@ const initialState$a = {
15644
15999
  content: ""
15645
16000
  }
15646
16001
  };
15647
- const store$a = /*#__PURE__*/createContext(initialState$a);
16002
+ const store$b = /*#__PURE__*/createContext(initialState$b);
15648
16003
  const {
15649
- Provider: Provider$a
15650
- } = store$a;
16004
+ Provider: Provider$b
16005
+ } = store$b;
15651
16006
 
15652
16007
  const getNewlyCreatedAddress = addresses => addresses[addresses.length - 1];
15653
16008
 
@@ -15854,7 +16209,7 @@ const AddressCreateContainer = ({
15854
16209
  default:
15855
16210
  return state;
15856
16211
  }
15857
- }, initialState$a);
16212
+ }, initialState$b);
15858
16213
  useEffect(() => {
15859
16214
  const getStates = () => {
15860
16215
  dispatch({
@@ -15886,16 +16241,16 @@ const AddressCreateContainer = ({
15886
16241
  style: { ...style
15887
16242
  },
15888
16243
  className: `pelcro-container pelcro-address-create-container ${className}`
15889
- }, /*#__PURE__*/React__default.createElement(Provider$a, {
16244
+ }, /*#__PURE__*/React__default.createElement(Provider$b, {
15890
16245
  value: {
15891
16246
  state,
15892
16247
  dispatch
15893
16248
  }
15894
16249
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
15895
- store: store$a,
16250
+ store: store$b,
15896
16251
  key: i
15897
16252
  })) : /*#__PURE__*/React__default.cloneElement(children, {
15898
- store: store$a
16253
+ store: store$b
15899
16254
  })));
15900
16255
  };
15901
16256
 
@@ -15906,7 +16261,7 @@ function AddressCreateFirstName(props) {
15906
16261
  firstName,
15907
16262
  firstNameError
15908
16263
  }
15909
- } = useContext(store$a);
16264
+ } = useContext(store$b);
15910
16265
 
15911
16266
  const handleBlur = () => {
15912
16267
  return dispatch({
@@ -15949,7 +16304,7 @@ function AddressCreateLastName(props) {
15949
16304
  lastName,
15950
16305
  lastNameError
15951
16306
  }
15952
- } = useContext(store$a);
16307
+ } = useContext(store$b);
15953
16308
 
15954
16309
  const handleBlur = () => {
15955
16310
  return dispatch({
@@ -15992,7 +16347,7 @@ function AddressCreateLine1(props) {
15992
16347
  line1,
15993
16348
  line1Error
15994
16349
  }
15995
- } = useContext(store$a);
16350
+ } = useContext(store$b);
15996
16351
 
15997
16352
  const handleBlur = () => {
15998
16353
  return dispatch({
@@ -16035,7 +16390,7 @@ function AddressCreateCity(props) {
16035
16390
  city,
16036
16391
  cityError
16037
16392
  }
16038
- } = useContext(store$a);
16393
+ } = useContext(store$b);
16039
16394
 
16040
16395
  const handleBlur = () => {
16041
16396
  return dispatch({
@@ -16078,7 +16433,7 @@ function AddressCreatePostalCode(props) {
16078
16433
  postalCode,
16079
16434
  postalCodeError
16080
16435
  }
16081
- } = useContext(store$a);
16436
+ } = useContext(store$b);
16082
16437
 
16083
16438
  const handleBlur = () => {
16084
16439
  return dispatch({
@@ -16124,7 +16479,7 @@ const AddressCreateSubmit = ({
16124
16479
  state: {
16125
16480
  isSubmitting
16126
16481
  }
16127
- } = useContext(store$a);
16482
+ } = useContext(store$b);
16128
16483
  const {
16129
16484
  t
16130
16485
  } = useTranslation("address");
@@ -16235,7 +16590,7 @@ function CountrySelect({
16235
16590
  }
16236
16591
 
16237
16592
  const AddressCreateCountrySelect = props => /*#__PURE__*/React__default.createElement(CountrySelect, Object.assign({
16238
- store: store$a
16593
+ store: store$b
16239
16594
  }, props));
16240
16595
 
16241
16596
  function StateSelect({
@@ -16323,7 +16678,7 @@ function StateSelect({
16323
16678
  }
16324
16679
 
16325
16680
  const AddressCreateStateSelect = props => /*#__PURE__*/React__default.createElement(StateSelect, Object.assign({
16326
- store: store$a
16681
+ store: store$b
16327
16682
  }, props));
16328
16683
 
16329
16684
  const AddressCreateView = props => {
@@ -16428,18 +16783,18 @@ AddressCreateModal.viewId = "address-create";
16428
16783
 
16429
16784
  const AddressCreateTextInput = props => {
16430
16785
  return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({}, props, {
16431
- store: store$a
16786
+ store: store$b
16432
16787
  }));
16433
16788
  };
16434
16789
 
16435
16790
  const AddressCreateLine2 = props => {
16436
16791
  return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({
16437
16792
  fieldName: "line2",
16438
- store: store$a
16793
+ store: store$b
16439
16794
  }, props));
16440
16795
  };
16441
16796
 
16442
- const initialState$9 = {
16797
+ const initialState$a = {
16443
16798
  isSubmitting: false,
16444
16799
  firstName: "",
16445
16800
  firstNameError: "",
@@ -16464,10 +16819,10 @@ const initialState$9 = {
16464
16819
  content: ""
16465
16820
  }
16466
16821
  };
16467
- const store$9 = /*#__PURE__*/createContext(initialState$9);
16822
+ const store$a = /*#__PURE__*/createContext(initialState$a);
16468
16823
  const {
16469
- Provider: Provider$9
16470
- } = store$9;
16824
+ Provider: Provider$a
16825
+ } = store$a;
16471
16826
 
16472
16827
  const AddressUpdateContainer = ({
16473
16828
  style,
@@ -16519,7 +16874,7 @@ const AddressUpdateContainer = ({
16519
16874
  const thisAddress = addresses[address];
16520
16875
 
16521
16876
  if (+thisAddress.id === +addressId) {
16522
- const newState = { ...initialState$9,
16877
+ const newState = { ...initialState$a,
16523
16878
  firstName: thisAddress.first_name,
16524
16879
  lastName: thisAddress.last_name,
16525
16880
  line1: thisAddress.line1,
@@ -16652,7 +17007,7 @@ const AddressUpdateContainer = ({
16652
17007
  default:
16653
17008
  return state;
16654
17009
  }
16655
- }, initialState$9);
17010
+ }, initialState$a);
16656
17011
  useEffect(() => {
16657
17012
  const getStates = () => {
16658
17013
  dispatch({
@@ -16684,21 +17039,21 @@ const AddressUpdateContainer = ({
16684
17039
  style: { ...style
16685
17040
  },
16686
17041
  className: `pelcro-container pelcro-address-update-container ${className}`
16687
- }, /*#__PURE__*/React__default.createElement(Provider$9, {
17042
+ }, /*#__PURE__*/React__default.createElement(Provider$a, {
16688
17043
  value: {
16689
17044
  state,
16690
17045
  dispatch
16691
17046
  }
16692
17047
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
16693
- store: store$9,
17048
+ store: store$a,
16694
17049
  key: i
16695
17050
  })) : /*#__PURE__*/React__default.cloneElement(children, {
16696
- store: store$9
17051
+ store: store$a
16697
17052
  })));
16698
17053
  };
16699
17054
 
16700
17055
  const AddressUpdateCountrySelect = props => /*#__PURE__*/React__default.createElement(CountrySelect, Object.assign({
16701
- store: store$9
17056
+ store: store$a
16702
17057
  }, props));
16703
17058
 
16704
17059
  function AddressUpdateFirstName(props) {
@@ -16708,7 +17063,7 @@ function AddressUpdateFirstName(props) {
16708
17063
  firstName,
16709
17064
  firstNameError
16710
17065
  }
16711
- } = useContext(store$9);
17066
+ } = useContext(store$a);
16712
17067
 
16713
17068
  const handleBlur = () => {
16714
17069
  return dispatch({
@@ -16751,7 +17106,7 @@ function AddressUpdateLastName(props) {
16751
17106
  lastName,
16752
17107
  lastNameError
16753
17108
  }
16754
- } = useContext(store$9);
17109
+ } = useContext(store$a);
16755
17110
 
16756
17111
  const handleBlur = () => {
16757
17112
  return dispatch({
@@ -16794,7 +17149,7 @@ function AddressUpdateLine1(props) {
16794
17149
  line1,
16795
17150
  line1Error
16796
17151
  }
16797
- } = useContext(store$9);
17152
+ } = useContext(store$a);
16798
17153
 
16799
17154
  const handleBlur = () => {
16800
17155
  return dispatch({
@@ -16834,7 +17189,7 @@ const AddressUpdateLine2 = props => {
16834
17189
  return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({
16835
17190
  fieldName: "line2"
16836
17191
  }, props, {
16837
- store: store$9
17192
+ store: store$a
16838
17193
  }));
16839
17194
  };
16840
17195
 
@@ -16845,7 +17200,7 @@ function AddressUpdateCity(props) {
16845
17200
  city,
16846
17201
  cityError
16847
17202
  }
16848
- } = useContext(store$9);
17203
+ } = useContext(store$a);
16849
17204
 
16850
17205
  const handleBlur = () => {
16851
17206
  return dispatch({
@@ -16888,7 +17243,7 @@ function AddressUpdatePostalCode(props) {
16888
17243
  postalCode,
16889
17244
  postalCodeError
16890
17245
  }
16891
- } = useContext(store$9);
17246
+ } = useContext(store$a);
16892
17247
 
16893
17248
  const handleBlur = () => {
16894
17249
  return dispatch({
@@ -16934,7 +17289,7 @@ const AddressUpdateSubmit = ({
16934
17289
  state: {
16935
17290
  isSubmitting
16936
17291
  }
16937
- } = useContext(store$9);
17292
+ } = useContext(store$a);
16938
17293
  const {
16939
17294
  t
16940
17295
  } = useTranslation("address");
@@ -16950,7 +17305,7 @@ const AddressUpdateSubmit = ({
16950
17305
  };
16951
17306
 
16952
17307
  const AddressUpdateStateSelect = props => /*#__PURE__*/React__default.createElement(StateSelect, Object.assign({
16953
- store: store$9
17308
+ store: store$a
16954
17309
  }, props));
16955
17310
 
16956
17311
  const AddressUpdateView = props => {
@@ -17033,7 +17388,7 @@ AddressUpdateModal.viewId = "address-edit";
17033
17388
 
17034
17389
  const AddressUpdateTextInput = props => {
17035
17390
  return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({}, props, {
17036
- store: store$9
17391
+ store: store$a
17037
17392
  }));
17038
17393
  };
17039
17394
 
@@ -17116,7 +17471,7 @@ const PaymentMethodUpdateModal = props => {
17116
17471
  };
17117
17472
  PaymentMethodUpdateModal.viewId = "payment-method-update";
17118
17473
 
17119
- const initialState$8 = {
17474
+ const initialState$9 = {
17120
17475
  email: "",
17121
17476
  password: "",
17122
17477
  passwordError: null,
@@ -17129,10 +17484,10 @@ const initialState$8 = {
17129
17484
  content: ""
17130
17485
  }
17131
17486
  };
17132
- const store$8 = /*#__PURE__*/createContext(initialState$8);
17487
+ const store$9 = /*#__PURE__*/createContext(initialState$9);
17133
17488
  const {
17134
- Provider: Provider$8
17135
- } = store$8;
17489
+ Provider: Provider$9
17490
+ } = store$9;
17136
17491
 
17137
17492
  const PasswordResetContainer = ({
17138
17493
  style,
@@ -17189,7 +17544,7 @@ const PasswordResetContainer = ({
17189
17544
  type: SET_EMAIL,
17190
17545
  payload: window.Pelcro.helpers.getURLParameter("email")
17191
17546
  });
17192
- initialState$8.email = window.Pelcro.helpers.getURLParameter("email");
17547
+ initialState$9.email = window.Pelcro.helpers.getURLParameter("email");
17193
17548
  dispatch({
17194
17549
  type: SET_TOKEN,
17195
17550
  payload: window.Pelcro.helpers.getURLParameter("token")
@@ -17249,26 +17604,26 @@ const PasswordResetContainer = ({
17249
17604
  default:
17250
17605
  return state;
17251
17606
  }
17252
- }, initialState$8);
17607
+ }, initialState$9);
17253
17608
  return /*#__PURE__*/React__default.createElement("div", {
17254
17609
  style: { ...style
17255
17610
  },
17256
17611
  className: `pelcro-container pelcro-password-reset-container ${className}`
17257
- }, /*#__PURE__*/React__default.createElement(Provider$8, {
17612
+ }, /*#__PURE__*/React__default.createElement(Provider$9, {
17258
17613
  value: {
17259
17614
  state,
17260
17615
  dispatch
17261
17616
  }
17262
17617
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
17263
- store: store$8,
17618
+ store: store$9,
17264
17619
  key: i
17265
17620
  })) : /*#__PURE__*/React__default.cloneElement(children, {
17266
- store: store$8
17621
+ store: store$9
17267
17622
  })));
17268
17623
  };
17269
17624
 
17270
17625
  const PasswordResetPassword = props => /*#__PURE__*/React__default.createElement(Password, Object.assign({
17271
- store: store$8
17626
+ store: store$9
17272
17627
  }, props));
17273
17628
 
17274
17629
  const PasswordResetButton = ({
@@ -17281,7 +17636,7 @@ const PasswordResetButton = ({
17281
17636
  buttonDisabled
17282
17637
  },
17283
17638
  dispatch
17284
- } = useContext(store$8);
17639
+ } = useContext(store$9);
17285
17640
  const {
17286
17641
  t
17287
17642
  } = useTranslation("passwordReset");
@@ -17298,14 +17653,14 @@ const PasswordResetButton = ({
17298
17653
  };
17299
17654
 
17300
17655
  const PasswordResetEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
17301
- store: store$8
17656
+ store: store$9
17302
17657
  }, props, {
17303
17658
  value: window.Pelcro.helpers.getURLParameter("email"),
17304
17659
  disabled: true
17305
17660
  }));
17306
17661
 
17307
17662
  const PasswordResetConfirmPassword = props => /*#__PURE__*/React__default.createElement(ConfirmPassword, Object.assign({
17308
- store: store$8
17663
+ store: store$9
17309
17664
  }, props));
17310
17665
 
17311
17666
  const PasswordResetView = props => {
@@ -17357,7 +17712,7 @@ const PasswordResetModal = ({
17357
17712
  };
17358
17713
  PasswordResetModal.viewId = "password-reset";
17359
17714
 
17360
- const initialState$7 = {
17715
+ const initialState$8 = {
17361
17716
  email: "",
17362
17717
  emailError: null,
17363
17718
  buttonDisabled: false,
@@ -17366,10 +17721,10 @@ const initialState$7 = {
17366
17721
  content: ""
17367
17722
  }
17368
17723
  };
17369
- const store$7 = /*#__PURE__*/createContext(initialState$7);
17724
+ const store$8 = /*#__PURE__*/createContext(initialState$8);
17370
17725
  const {
17371
- Provider: Provider$7
17372
- } = store$7;
17726
+ Provider: Provider$8
17727
+ } = store$8;
17373
17728
 
17374
17729
  const PasswordForgotContainer = ({
17375
17730
  style,
@@ -17447,21 +17802,21 @@ const PasswordForgotContainer = ({
17447
17802
  default:
17448
17803
  return state;
17449
17804
  }
17450
- }, initialState$7);
17805
+ }, initialState$8);
17451
17806
  return /*#__PURE__*/React__default.createElement("div", {
17452
17807
  style: { ...style
17453
17808
  },
17454
17809
  className: `pelcro-container pelcro-password-forgot-container ${className}`
17455
- }, /*#__PURE__*/React__default.createElement(Provider$7, {
17810
+ }, /*#__PURE__*/React__default.createElement(Provider$8, {
17456
17811
  value: {
17457
17812
  state,
17458
17813
  dispatch
17459
17814
  }
17460
17815
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
17461
- store: store$7,
17816
+ store: store$8,
17462
17817
  key: i
17463
17818
  })) : /*#__PURE__*/React__default.cloneElement(children, {
17464
- store: store$7
17819
+ store: store$8
17465
17820
  })));
17466
17821
  };
17467
17822
 
@@ -17477,7 +17832,7 @@ const PasswordForgotButton = ({
17477
17832
  emailError
17478
17833
  },
17479
17834
  dispatch
17480
- } = useContext(store$7);
17835
+ } = useContext(store$8);
17481
17836
  const {
17482
17837
  t
17483
17838
  } = useTranslation("passwordForgot");
@@ -17498,7 +17853,7 @@ const PasswordForgotButton = ({
17498
17853
  };
17499
17854
 
17500
17855
  const PasswordForgotEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
17501
- store: store$7
17856
+ store: store$8
17502
17857
  }, props));
17503
17858
 
17504
17859
  const PasswordForgotView = props => {
@@ -17548,7 +17903,7 @@ const PasswordForgotModal = ({
17548
17903
  };
17549
17904
  PasswordForgotModal.viewId = "password-forgot";
17550
17905
 
17551
- const initialState$6 = {
17906
+ const initialState$7 = {
17552
17907
  currentPassword: "",
17553
17908
  newPassword: "",
17554
17909
  confirmNewPassword: "",
@@ -17562,10 +17917,10 @@ const initialState$6 = {
17562
17917
  content: ""
17563
17918
  }
17564
17919
  };
17565
- const store$6 = /*#__PURE__*/createContext(initialState$6);
17920
+ const store$7 = /*#__PURE__*/createContext(initialState$7);
17566
17921
  const {
17567
- Provider: Provider$6
17568
- } = store$6;
17922
+ Provider: Provider$7
17923
+ } = store$7;
17569
17924
  const PasswordChangeContainer = ({
17570
17925
  style,
17571
17926
  className = "",
@@ -17717,21 +18072,21 @@ const PasswordChangeContainer = ({
17717
18072
  default:
17718
18073
  return state;
17719
18074
  }
17720
- }, initialState$6);
18075
+ }, initialState$7);
17721
18076
  return /*#__PURE__*/React__default.createElement("div", {
17722
18077
  style: { ...style
17723
18078
  },
17724
18079
  className: `pelcro-container pelcro-password-change-container ${className}`
17725
- }, /*#__PURE__*/React__default.createElement(Provider$6, {
18080
+ }, /*#__PURE__*/React__default.createElement(Provider$7, {
17726
18081
  value: {
17727
18082
  state,
17728
18083
  dispatch
17729
18084
  }
17730
18085
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
17731
- store: store$6,
18086
+ store: store$7,
17732
18087
  key: i
17733
18088
  })) : /*#__PURE__*/React__default.cloneElement(children, {
17734
- store: store$6
18089
+ store: store$7
17735
18090
  })));
17736
18091
  };
17737
18092
 
@@ -17742,7 +18097,7 @@ function PasswordChangeCurrentPassword(props) {
17742
18097
  currentPassword,
17743
18098
  currentPasswordError
17744
18099
  }
17745
- } = useContext(store$6);
18100
+ } = useContext(store$7);
17746
18101
  const handleBlur = useCallback(() => {
17747
18102
  return dispatch({
17748
18103
  type: VALIDATE_PASSWORD
@@ -17776,7 +18131,7 @@ function PasswordChangeNewPassword(props) {
17776
18131
  newPassword,
17777
18132
  newPasswordError
17778
18133
  }
17779
- } = useContext(store$6);
18134
+ } = useContext(store$7);
17780
18135
  const handleBlur = useCallback(() => {
17781
18136
  return dispatch({
17782
18137
  type: VALIDATE_NEW_PASSWORD
@@ -17810,7 +18165,7 @@ function PasswordChangeConfirmNewPassword(props) {
17810
18165
  confirmNewPassword,
17811
18166
  confirmNewPasswordError
17812
18167
  }
17813
- } = useContext(store$6);
18168
+ } = useContext(store$7);
17814
18169
  const handleBlur = useCallback(() => {
17815
18170
  return dispatch({
17816
18171
  type: VALIDATE_CONFIRM_NEW_PASSWORD
@@ -17851,7 +18206,7 @@ const PasswordChangeButton = ({
17851
18206
  confirmNewPasswordError
17852
18207
  },
17853
18208
  dispatch
17854
- } = useContext(store$6);
18209
+ } = useContext(store$7);
17855
18210
  const {
17856
18211
  t
17857
18212
  } = useTranslation("passwordChange");
@@ -17917,17 +18272,17 @@ const PasswordChangeModal = ({
17917
18272
  };
17918
18273
  PasswordChangeModal.viewId = "password-change";
17919
18274
 
17920
- const initialState$5 = {
18275
+ const initialState$6 = {
17921
18276
  buttonDisabled: false,
17922
18277
  alert: {
17923
18278
  type: "error",
17924
18279
  content: ""
17925
18280
  }
17926
18281
  };
17927
- const store$5 = /*#__PURE__*/createContext(initialState$5);
18282
+ const store$6 = /*#__PURE__*/createContext(initialState$6);
17928
18283
  const {
17929
- Provider: Provider$5
17930
- } = store$5;
18284
+ Provider: Provider$6
18285
+ } = store$6;
17931
18286
 
17932
18287
  const CartContainer = ({
17933
18288
  style,
@@ -18018,21 +18373,21 @@ const CartContainer = ({
18018
18373
  default:
18019
18374
  return state;
18020
18375
  }
18021
- }, initialState$5);
18376
+ }, initialState$6);
18022
18377
  return /*#__PURE__*/React__default.createElement("div", {
18023
18378
  style: { ...style
18024
18379
  },
18025
18380
  className: `pelcro-container pelcro-cart-container ${className}`
18026
- }, /*#__PURE__*/React__default.createElement(Provider$5, {
18381
+ }, /*#__PURE__*/React__default.createElement(Provider$6, {
18027
18382
  value: {
18028
18383
  state,
18029
18384
  dispatch
18030
18385
  }
18031
18386
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
18032
- store: store$5,
18387
+ store: store$6,
18033
18388
  key: i
18034
18389
  })) : /*#__PURE__*/React__default.cloneElement(children, {
18035
- store: store$5
18390
+ store: store$6
18036
18391
  })));
18037
18392
  };
18038
18393
 
@@ -18069,7 +18424,7 @@ const CartSubmit = ({
18069
18424
  buttonDisabled
18070
18425
  },
18071
18426
  dispatch
18072
- } = useContext(store$5);
18427
+ } = useContext(store$6);
18073
18428
  const {
18074
18429
  t
18075
18430
  } = useTranslation("cart");
@@ -18100,7 +18455,7 @@ const CartTotalPrice = () => {
18100
18455
  state: {
18101
18456
  alert
18102
18457
  }
18103
- } = useContext(store$5);
18458
+ } = useContext(store$6);
18104
18459
  const {
18105
18460
  cartItems
18106
18461
  } = usePelcro();
@@ -18413,7 +18768,7 @@ const OrderConfirmModal = props => {
18413
18768
  };
18414
18769
  OrderConfirmModal.viewId = "order-confirm";
18415
18770
 
18416
- const initialState$4 = {
18771
+ const initialState$5 = {
18417
18772
  email: "",
18418
18773
  firstName: "",
18419
18774
  lastName: "",
@@ -18425,10 +18780,10 @@ const initialState$4 = {
18425
18780
  content: ""
18426
18781
  }
18427
18782
  };
18428
- const store$4 = /*#__PURE__*/createContext(initialState$4);
18783
+ const store$5 = /*#__PURE__*/createContext(initialState$5);
18429
18784
  const {
18430
- Provider: Provider$4
18431
- } = store$4;
18785
+ Provider: Provider$5
18786
+ } = store$5;
18432
18787
 
18433
18788
  const GiftCreateContainer = ({
18434
18789
  style,
@@ -18532,21 +18887,21 @@ const GiftCreateContainer = ({
18532
18887
  default:
18533
18888
  return state;
18534
18889
  }
18535
- }, initialState$4);
18890
+ }, initialState$5);
18536
18891
  return /*#__PURE__*/React__default.createElement("div", {
18537
18892
  style: { ...style
18538
18893
  },
18539
18894
  className: `pelcro-container pelcro-gift-create-container ${className}`
18540
- }, /*#__PURE__*/React__default.createElement(Provider$4, {
18895
+ }, /*#__PURE__*/React__default.createElement(Provider$5, {
18541
18896
  value: {
18542
18897
  state,
18543
18898
  dispatch
18544
18899
  }
18545
18900
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
18546
- store: store$4,
18901
+ store: store$5,
18547
18902
  key: i
18548
18903
  })) : /*#__PURE__*/React__default.cloneElement(children, {
18549
- store: store$4
18904
+ store: store$5
18550
18905
  })));
18551
18906
  };
18552
18907
 
@@ -18560,7 +18915,7 @@ const GiftCreateSubmitButton = ({
18560
18915
  state: {
18561
18916
  disableSubmit
18562
18917
  }
18563
- } = useContext(store$4);
18918
+ } = useContext(store$5);
18564
18919
  const {
18565
18920
  t
18566
18921
  } = useTranslation("register");
@@ -18577,29 +18932,29 @@ const GiftCreateSubmitButton = ({
18577
18932
 
18578
18933
  const GiftCreateEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
18579
18934
  initWithUserEmail: false,
18580
- store: store$4
18935
+ store: store$5
18581
18936
  }, props));
18582
18937
 
18583
18938
  const GiftCreateFirstName = props => /*#__PURE__*/React__default.createElement(FirstName, Object.assign({
18584
- store: store$4
18939
+ store: store$5
18585
18940
  }, props));
18586
18941
 
18587
18942
  const GiftCreateLastName = props => /*#__PURE__*/React__default.createElement(LastName, Object.assign({
18588
- store: store$4
18943
+ store: store$5
18589
18944
  }, props));
18590
18945
 
18591
- var _path$e;
18946
+ var _path$g;
18592
18947
 
18593
- 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); }
18948
+ 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); }
18594
18949
 
18595
18950
  function SvgInfoCircle(props) {
18596
- return /*#__PURE__*/React.createElement("svg", _extends$g({
18951
+ return /*#__PURE__*/React.createElement("svg", _extends$i({
18597
18952
  xmlns: "http://www.w3.org/2000/svg",
18598
18953
  className: "plc-w-5 plc-h-5",
18599
18954
  fill: "none",
18600
18955
  viewBox: "0 0 24 24",
18601
18956
  stroke: "currentColor"
18602
- }, props), _path$e || (_path$e = /*#__PURE__*/React.createElement("path", {
18957
+ }, props), _path$g || (_path$g = /*#__PURE__*/React.createElement("path", {
18603
18958
  strokeLinecap: "round",
18604
18959
  strokeLinejoin: "round",
18605
18960
  strokeWidth: 2,
@@ -18670,7 +19025,7 @@ const GiftCreateStartDate = props => {
18670
19025
  const {
18671
19026
  dispatch,
18672
19027
  state
18673
- } = useContext(store$4);
19028
+ } = useContext(store$5);
18674
19029
 
18675
19030
  const handleInputChange = value => {
18676
19031
  dispatch({
@@ -18741,7 +19096,7 @@ function GiftCreateMessage(props) {
18741
19096
  const {
18742
19097
  dispatch,
18743
19098
  state
18744
- } = useContext(store$4);
19099
+ } = useContext(store$5);
18745
19100
 
18746
19101
  const handleInputChange = value => {
18747
19102
  dispatch({
@@ -18757,7 +19112,7 @@ function GiftCreateMessage(props) {
18757
19112
  return /*#__PURE__*/React__default.createElement(TextArea, Object.assign({
18758
19113
  onChange: e => handleInputChange(e.target.value),
18759
19114
  value: state.giftMessage,
18760
- maxLength: "500",
19115
+ maxLength: "200",
18761
19116
  rows: 3,
18762
19117
  tooltipText: t("gift.messages.giftMessageInfo")
18763
19118
  }, props));
@@ -18861,7 +19216,7 @@ const GiftCreateModal = ({
18861
19216
  };
18862
19217
  GiftCreateModal.viewId = "gift-create";
18863
19218
 
18864
- const initialState$3 = {
19219
+ const initialState$4 = {
18865
19220
  giftCode: "",
18866
19221
  buttonDisabled: true,
18867
19222
  alert: {
@@ -18869,10 +19224,10 @@ const initialState$3 = {
18869
19224
  content: ""
18870
19225
  }
18871
19226
  };
18872
- const store$3 = /*#__PURE__*/createContext(initialState$3);
19227
+ const store$4 = /*#__PURE__*/createContext(initialState$4);
18873
19228
  const {
18874
- Provider: Provider$3
18875
- } = store$3;
19229
+ Provider: Provider$4
19230
+ } = store$4;
18876
19231
 
18877
19232
  const GiftRedeemContainer = ({
18878
19233
  style,
@@ -18937,21 +19292,21 @@ const GiftRedeemContainer = ({
18937
19292
  default:
18938
19293
  return state;
18939
19294
  }
18940
- }, initialState$3);
19295
+ }, initialState$4);
18941
19296
  return /*#__PURE__*/React__default.createElement("div", {
18942
19297
  style: { ...style
18943
19298
  },
18944
19299
  className: `pelcro-container pelcro-gift-redeem-container ${className}`
18945
- }, /*#__PURE__*/React__default.createElement(Provider$3, {
19300
+ }, /*#__PURE__*/React__default.createElement(Provider$4, {
18946
19301
  value: {
18947
19302
  state,
18948
19303
  dispatch
18949
19304
  }
18950
19305
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
18951
- store: store$3,
19306
+ store: store$4,
18952
19307
  key: i
18953
19308
  })) : /*#__PURE__*/React__default.cloneElement(children, {
18954
- store: store$3
19309
+ store: store$4
18955
19310
  })));
18956
19311
  };
18957
19312
 
@@ -18988,7 +19343,7 @@ function GiftCode({
18988
19343
  }
18989
19344
 
18990
19345
  const GiftRedeemCode = props => /*#__PURE__*/React__default.createElement(GiftCode, Object.assign({
18991
- store: store$3
19346
+ store: store$4
18992
19347
  }, props));
18993
19348
 
18994
19349
  const GiftRedeemSubmitButton = ({
@@ -19001,7 +19356,7 @@ const GiftRedeemSubmitButton = ({
19001
19356
  state: {
19002
19357
  disableSubmit
19003
19358
  }
19004
- } = useContext(store$3);
19359
+ } = useContext(store$4);
19005
19360
  const {
19006
19361
  t
19007
19362
  } = useTranslation("register");
@@ -19094,7 +19449,7 @@ const moveDefaultAddressToStart = addresses => {
19094
19449
  return [defaultAddress, ...addressesWithoutDefault];
19095
19450
  };
19096
19451
 
19097
- const initialState$2 = {
19452
+ const initialState$3 = {
19098
19453
  addresses: [],
19099
19454
  selectedAddressId: null,
19100
19455
  isSubmitting: false,
@@ -19103,10 +19458,10 @@ const initialState$2 = {
19103
19458
  content: ""
19104
19459
  }
19105
19460
  };
19106
- const store$2 = /*#__PURE__*/createContext(initialState$2);
19461
+ const store$3 = /*#__PURE__*/createContext(initialState$3);
19107
19462
  const {
19108
- Provider: Provider$2
19109
- } = store$2;
19463
+ Provider: Provider$3
19464
+ } = store$3;
19110
19465
 
19111
19466
  const AddressSelectContainer = ({
19112
19467
  style,
@@ -19201,7 +19556,7 @@ const AddressSelectContainer = ({
19201
19556
  default:
19202
19557
  return state;
19203
19558
  }
19204
- }, initialState$2);
19559
+ }, initialState$3);
19205
19560
  useEffect(() => {
19206
19561
  var _window$Pelcro$user$r;
19207
19562
 
@@ -19214,16 +19569,16 @@ const AddressSelectContainer = ({
19214
19569
  style: { ...style
19215
19570
  },
19216
19571
  className: `pelcro-container pelcro-address-select-container ${className}`
19217
- }, /*#__PURE__*/React__default.createElement(Provider$2, {
19572
+ }, /*#__PURE__*/React__default.createElement(Provider$3, {
19218
19573
  value: {
19219
19574
  state,
19220
19575
  dispatch
19221
19576
  }
19222
19577
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
19223
- store: store$2,
19578
+ store: store$3,
19224
19579
  key: i
19225
19580
  })) : /*#__PURE__*/React__default.cloneElement(children, {
19226
- store: store$2
19581
+ store: store$3
19227
19582
  })));
19228
19583
  };
19229
19584
 
@@ -19234,7 +19589,7 @@ const AddressSelectList = () => {
19234
19589
  addresses,
19235
19590
  selectedAddressId
19236
19591
  }
19237
- } = useContext(store$2);
19592
+ } = useContext(store$3);
19238
19593
 
19239
19594
  const handleAddressSelect = event => {
19240
19595
  dispatch({
@@ -19278,7 +19633,7 @@ const AddressSelectSubmit = ({
19278
19633
  selectedAddressId,
19279
19634
  isSubmitting
19280
19635
  }
19281
- } = useContext(store$2);
19636
+ } = useContext(store$3);
19282
19637
  const {
19283
19638
  t
19284
19639
  } = useTranslation("address");
@@ -19369,7 +19724,7 @@ const moveDefaultPaymentMethodToStart = paymentMethods => {
19369
19724
  return [defaultPaymentMethod, ...paymentMethodsWithoutDefault];
19370
19725
  };
19371
19726
 
19372
- const initialState$1 = {
19727
+ const initialState$2 = {
19373
19728
  paymentMethods: [],
19374
19729
  selectedPaymentMethodId: null,
19375
19730
  isSubmitting: false,
@@ -19378,10 +19733,10 @@ const initialState$1 = {
19378
19733
  content: ""
19379
19734
  }
19380
19735
  };
19381
- const store$1 = /*#__PURE__*/createContext(initialState$1);
19736
+ const store$2 = /*#__PURE__*/createContext(initialState$2);
19382
19737
  const {
19383
- Provider: Provider$1
19384
- } = store$1;
19738
+ Provider: Provider$2
19739
+ } = store$2;
19385
19740
 
19386
19741
  const PaymentMethodSelectContainer = ({
19387
19742
  style,
@@ -19426,7 +19781,7 @@ const PaymentMethodSelectContainer = ({
19426
19781
  default:
19427
19782
  return state;
19428
19783
  }
19429
- }, initialState$1);
19784
+ }, initialState$2);
19430
19785
  useEffect(() => {
19431
19786
  var _window$Pelcro$user$r4;
19432
19787
 
@@ -19439,16 +19794,16 @@ const PaymentMethodSelectContainer = ({
19439
19794
  style: { ...style
19440
19795
  },
19441
19796
  className: `pelcro-container pelcro-payment-select-container ${className}`
19442
- }, /*#__PURE__*/React__default.createElement(Provider$1, {
19797
+ }, /*#__PURE__*/React__default.createElement(Provider$2, {
19443
19798
  value: {
19444
19799
  state,
19445
19800
  dispatch
19446
19801
  }
19447
19802
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
19448
- store: store$1,
19803
+ store: store$2,
19449
19804
  key: i
19450
19805
  })) : /*#__PURE__*/React__default.cloneElement(children, {
19451
- store: store$1
19806
+ store: store$2
19452
19807
  })));
19453
19808
  };
19454
19809
 
@@ -19462,7 +19817,7 @@ const PaymentMethodSelectList = () => {
19462
19817
  paymentMethods,
19463
19818
  selectedPaymentMethodId
19464
19819
  }
19465
- } = useContext(store$1);
19820
+ } = useContext(store$2);
19466
19821
 
19467
19822
  const handlePaymentMethodSelect = event => {
19468
19823
  dispatch({
@@ -19512,7 +19867,7 @@ const PaymentMethodSelectSubmit = ({
19512
19867
  selectedPaymentMethodId,
19513
19868
  isSubmitting
19514
19869
  }
19515
- } = useContext(store$1);
19870
+ } = useContext(store$2);
19516
19871
  return /*#__PURE__*/React__default.createElement(Button, Object.assign({
19517
19872
  onClick: () => {
19518
19873
  dispatch({
@@ -19586,8 +19941,8 @@ const PaymentMethodSelectModal = ({
19586
19941
  };
19587
19942
  PaymentMethodSelectModal.viewId = "payment-method-select";
19588
19943
 
19589
- function _extends$f() {
19590
- _extends$f = Object.assign || function (target) {
19944
+ function _extends$h() {
19945
+ _extends$h = Object.assign || function (target) {
19591
19946
  for (var i = 1; i < arguments.length; i++) {
19592
19947
  var source = arguments[i];
19593
19948
 
@@ -19601,7 +19956,7 @@ function _extends$f() {
19601
19956
  return target;
19602
19957
  };
19603
19958
 
19604
- return _extends$f.apply(this, arguments);
19959
+ return _extends$h.apply(this, arguments);
19605
19960
  }
19606
19961
 
19607
19962
  function _objectWithoutPropertiesLoose(source, excluded) {
@@ -19785,7 +20140,7 @@ function render(props, propsBag, defaultTag, features, visible) {
19785
20140
  return match(strategy, (_match = {}, _match[RenderStrategy.Unmount] = function () {
19786
20141
  return null;
19787
20142
  }, _match[RenderStrategy.Hidden] = function () {
19788
- return _render(_extends$f({}, _rest, {
20143
+ return _render(_extends$h({}, _rest, {
19789
20144
  hidden: true,
19790
20145
  style: {
19791
20146
  display: 'none'
@@ -20313,7 +20668,7 @@ function TransitionChild(props) {
20313
20668
  var passthroughProps = rest;
20314
20669
  return React__default.createElement(NestingContext.Provider, {
20315
20670
  value: nesting
20316
- }, render(_extends$f({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
20671
+ }, render(_extends$h({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
20317
20672
  }
20318
20673
 
20319
20674
  function Transition(props) {
@@ -20357,7 +20712,7 @@ function Transition(props) {
20357
20712
  value: nestingBag
20358
20713
  }, React__default.createElement(TransitionContext.Provider, {
20359
20714
  value: transitionBag
20360
- }, render(_extends$f({}, sharedProps, {
20715
+ }, render(_extends$h({}, sharedProps, {
20361
20716
  as: Fragment,
20362
20717
  children: React__default.createElement(TransitionChild, Object.assign({}, sharedProps, passthroughProps))
20363
20718
  }), propsBag, Fragment, TransitionChildRenderFeatures, state === TreeStates.Visible)));
@@ -20484,12 +20839,12 @@ var ActionTypes;
20484
20839
  })(ActionTypes || (ActionTypes = {}));
20485
20840
 
20486
20841
  (_reducers = {}, _reducers[ActionTypes.CloseMenu] = function (state) {
20487
- return _extends$f({}, state, {
20842
+ return _extends$h({}, state, {
20488
20843
  activeItemIndex: null,
20489
20844
  menuState: MenuStates.Closed
20490
20845
  });
20491
20846
  }, _reducers[ActionTypes.OpenMenu] = function (state) {
20492
- return _extends$f({}, state, {
20847
+ return _extends$h({}, state, {
20493
20848
  menuState: MenuStates.Open
20494
20849
  });
20495
20850
  }, _reducers[ActionTypes.GoToItem] = function (state, action) {
@@ -20508,7 +20863,7 @@ var ActionTypes;
20508
20863
  }
20509
20864
  });
20510
20865
  if (state.searchQuery === '' && state.activeItemIndex === activeItemIndex) return state;
20511
- return _extends$f({}, state, {
20866
+ return _extends$h({}, state, {
20512
20867
  searchQuery: '',
20513
20868
  activeItemIndex: activeItemIndex
20514
20869
  });
@@ -20519,19 +20874,19 @@ var ActionTypes;
20519
20874
 
20520
20875
  return ((_item$dataRef$current = item.dataRef.current.textValue) == null ? void 0 : _item$dataRef$current.startsWith(searchQuery)) && !item.dataRef.current.disabled;
20521
20876
  });
20522
- if (match === -1 || match === state.activeItemIndex) return _extends$f({}, state, {
20877
+ if (match === -1 || match === state.activeItemIndex) return _extends$h({}, state, {
20523
20878
  searchQuery: searchQuery
20524
20879
  });
20525
- return _extends$f({}, state, {
20880
+ return _extends$h({}, state, {
20526
20881
  searchQuery: searchQuery,
20527
20882
  activeItemIndex: match
20528
20883
  });
20529
20884
  }, _reducers[ActionTypes.ClearSearch] = function (state) {
20530
- return _extends$f({}, state, {
20885
+ return _extends$h({}, state, {
20531
20886
  searchQuery: ''
20532
20887
  });
20533
20888
  }, _reducers[ActionTypes.RegisterItem] = function (state, action) {
20534
- return _extends$f({}, state, {
20889
+ return _extends$h({}, state, {
20535
20890
  items: [].concat(state.items, [{
20536
20891
  id: action.id,
20537
20892
  dataRef: action.dataRef
@@ -20544,7 +20899,7 @@ var ActionTypes;
20544
20899
  return a.id === action.id;
20545
20900
  });
20546
20901
  if (idx !== -1) nextItems.splice(idx, 1);
20547
- return _extends$f({}, state, {
20902
+ return _extends$h({}, state, {
20548
20903
  items: nextItems,
20549
20904
  activeItemIndex: function () {
20550
20905
  if (idx === state.activeItemIndex) return null;
@@ -20583,19 +20938,19 @@ var ActionTypes$1;
20583
20938
  (_reducers$1 = {}, _reducers$1[ActionTypes$1.CloseListbox] = function (state) {
20584
20939
  if (state.disabled) return state;
20585
20940
  if (state.listboxState === ListboxStates.Closed) return state;
20586
- return _extends$f({}, state, {
20941
+ return _extends$h({}, state, {
20587
20942
  activeOptionIndex: null,
20588
20943
  listboxState: ListboxStates.Closed
20589
20944
  });
20590
20945
  }, _reducers$1[ActionTypes$1.OpenListbox] = function (state) {
20591
20946
  if (state.disabled) return state;
20592
20947
  if (state.listboxState === ListboxStates.Open) return state;
20593
- return _extends$f({}, state, {
20948
+ return _extends$h({}, state, {
20594
20949
  listboxState: ListboxStates.Open
20595
20950
  });
20596
20951
  }, _reducers$1[ActionTypes$1.SetDisabled] = function (state, action) {
20597
20952
  if (state.disabled === action.disabled) return state;
20598
- return _extends$f({}, state, {
20953
+ return _extends$h({}, state, {
20599
20954
  disabled: action.disabled
20600
20955
  });
20601
20956
  }, _reducers$1[ActionTypes$1.GoToOption] = function (state, action) {
@@ -20616,7 +20971,7 @@ var ActionTypes$1;
20616
20971
  }
20617
20972
  });
20618
20973
  if (state.searchQuery === '' && state.activeOptionIndex === activeOptionIndex) return state;
20619
- return _extends$f({}, state, {
20974
+ return _extends$h({}, state, {
20620
20975
  searchQuery: '',
20621
20976
  activeOptionIndex: activeOptionIndex
20622
20977
  });
@@ -20629,10 +20984,10 @@ var ActionTypes$1;
20629
20984
 
20630
20985
  return !option.dataRef.current.disabled && ((_option$dataRef$curre = option.dataRef.current.textValue) == null ? void 0 : _option$dataRef$curre.startsWith(searchQuery));
20631
20986
  });
20632
- if (match === -1 || match === state.activeOptionIndex) return _extends$f({}, state, {
20987
+ if (match === -1 || match === state.activeOptionIndex) return _extends$h({}, state, {
20633
20988
  searchQuery: searchQuery
20634
20989
  });
20635
- return _extends$f({}, state, {
20990
+ return _extends$h({}, state, {
20636
20991
  searchQuery: searchQuery,
20637
20992
  activeOptionIndex: match
20638
20993
  });
@@ -20640,11 +20995,11 @@ var ActionTypes$1;
20640
20995
  if (state.disabled) return state;
20641
20996
  if (state.listboxState === ListboxStates.Closed) return state;
20642
20997
  if (state.searchQuery === '') return state;
20643
- return _extends$f({}, state, {
20998
+ return _extends$h({}, state, {
20644
20999
  searchQuery: ''
20645
21000
  });
20646
21001
  }, _reducers$1[ActionTypes$1.RegisterOption] = function (state, action) {
20647
- return _extends$f({}, state, {
21002
+ return _extends$h({}, state, {
20648
21003
  options: [].concat(state.options, [{
20649
21004
  id: action.id,
20650
21005
  dataRef: action.dataRef
@@ -20657,7 +21012,7 @@ var ActionTypes$1;
20657
21012
  return a.id === action.id;
20658
21013
  });
20659
21014
  if (idx !== -1) nextOptions.splice(idx, 1);
20660
- return _extends$f({}, state, {
21015
+ return _extends$h({}, state, {
20661
21016
  options: nextOptions,
20662
21017
  activeOptionIndex: function () {
20663
21018
  if (idx === state.activeOptionIndex) return null;
@@ -20718,18 +21073,18 @@ const getPaymentCardIcon = name => {
20718
21073
  }));
20719
21074
  };
20720
21075
 
20721
- var _path$d;
21076
+ var _path$f;
20722
21077
 
20723
- 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); }
21078
+ 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); }
20724
21079
 
20725
21080
  function SvgChevronRight(props) {
20726
- return /*#__PURE__*/React.createElement("svg", _extends$e({
21081
+ return /*#__PURE__*/React.createElement("svg", _extends$g({
20727
21082
  className: "plc-w-6 plc-h-6",
20728
21083
  xmlns: "http://www.w3.org/2000/svg",
20729
21084
  fill: "none",
20730
21085
  viewBox: "0 0 24 24",
20731
21086
  stroke: "currentColor"
20732
- }, props), _path$d || (_path$d = /*#__PURE__*/React.createElement("path", {
21087
+ }, props), _path$f || (_path$f = /*#__PURE__*/React.createElement("path", {
20733
21088
  strokeLinecap: "round",
20734
21089
  strokeLinejoin: "round",
20735
21090
  strokeWidth: 2,
@@ -20945,18 +21300,18 @@ const SavedItems = ({
20945
21300
  });
20946
21301
  };
20947
21302
 
20948
- var _path$c;
21303
+ var _path$e;
20949
21304
 
20950
- 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); }
21305
+ 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); }
20951
21306
 
20952
21307
  function SvgRefresh(props) {
20953
- return /*#__PURE__*/React.createElement("svg", _extends$d({
21308
+ return /*#__PURE__*/React.createElement("svg", _extends$f({
20954
21309
  className: "plc-w-4 plc-h-4 plc-mr-1",
20955
21310
  xmlns: "http://www.w3.org/2000/svg",
20956
21311
  fill: "none",
20957
21312
  viewBox: "0 0 24 24",
20958
21313
  stroke: "currentColor"
20959
- }, props), _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
21314
+ }, props), _path$e || (_path$e = /*#__PURE__*/React.createElement("path", {
20960
21315
  strokeLinecap: "round",
20961
21316
  strokeLinejoin: "round",
20962
21317
  strokeWidth: 2,
@@ -20964,35 +21319,35 @@ function SvgRefresh(props) {
20964
21319
  })));
20965
21320
  }
20966
21321
 
20967
- var _path$b;
21322
+ var _path$d;
20968
21323
 
20969
- 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); }
21324
+ 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); }
20970
21325
 
20971
21326
  function SvgCalendar(props) {
20972
- return /*#__PURE__*/React.createElement("svg", _extends$c({
21327
+ return /*#__PURE__*/React.createElement("svg", _extends$e({
20973
21328
  xmlns: "http://www.w3.org/2000/svg",
20974
21329
  className: "plc-h-4 plc-w-4 plc-mr-1",
20975
21330
  viewBox: "0 0 20 20",
20976
21331
  fill: "currentColor"
20977
- }, props), _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
21332
+ }, props), _path$d || (_path$d = /*#__PURE__*/React.createElement("path", {
20978
21333
  fillRule: "evenodd",
20979
21334
  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",
20980
21335
  clipRule: "evenodd"
20981
21336
  })));
20982
21337
  }
20983
21338
 
20984
- var _path$a;
21339
+ var _path$c;
20985
21340
 
20986
- 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); }
21341
+ 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); }
20987
21342
 
20988
21343
  function SvgPlus(props) {
20989
- return /*#__PURE__*/React.createElement("svg", _extends$b({
21344
+ return /*#__PURE__*/React.createElement("svg", _extends$d({
20990
21345
  className: "plc-w-5 plc-h-5",
20991
21346
  xmlns: "http://www.w3.org/2000/svg",
20992
21347
  fill: "none",
20993
21348
  viewBox: "0 0 24 24",
20994
21349
  stroke: "currentColor"
20995
- }, props), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
21350
+ }, props), _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
20996
21351
  strokeLinecap: "round",
20997
21352
  strokeLinejoin: "round",
20998
21353
  strokeWidth: 2,
@@ -21000,17 +21355,17 @@ function SvgPlus(props) {
21000
21355
  })));
21001
21356
  }
21002
21357
 
21003
- var _path$9;
21358
+ var _path$b;
21004
21359
 
21005
- 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); }
21360
+ 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); }
21006
21361
 
21007
21362
  function SvgCheckMark(props) {
21008
- return /*#__PURE__*/React.createElement("svg", _extends$a({
21363
+ return /*#__PURE__*/React.createElement("svg", _extends$c({
21009
21364
  className: "plc-w-4 plc-h-4 plc-mr-1",
21010
21365
  xmlns: "http://www.w3.org/2000/svg",
21011
21366
  viewBox: "0 0 20 20",
21012
21367
  fill: "currentColor"
21013
- }, props), _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
21368
+ }, props), _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
21014
21369
  fillRule: "evenodd",
21015
21370
  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",
21016
21371
  clipRule: "evenodd"
@@ -21072,9 +21427,9 @@ const SubscriptionsItems = ({
21072
21427
  const {
21073
21428
  t
21074
21429
  } = useTranslation("dashboard");
21075
- const subs = window.Pelcro.subscription.list();
21076
- if (!subs || subs.length === 0) return null;
21077
- 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 => {
21430
+ const subs = getNonDonationSubs();
21431
+ if (subs.length === 0) return null;
21432
+ return subs.sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
21078
21433
  const isActive = activeMenu === sub.id; // Cancel button click handlers
21079
21434
 
21080
21435
  const onCancelClick = () => {
@@ -21205,6 +21560,12 @@ const SubscriptionsItems = ({
21205
21560
  });
21206
21561
  };
21207
21562
 
21563
+ function getNonDonationSubs() {
21564
+ var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3;
21565
+
21566
+ 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 : [];
21567
+ }
21568
+
21208
21569
  /**
21209
21570
  * @typedef {Object} AccordionPropsType
21210
21571
  * @property {string} initialActiveMenu the initial active menu
@@ -21287,18 +21648,18 @@ Accordion.item = function AccordionItem({
21287
21648
  }, content)) : null;
21288
21649
  };
21289
21650
 
21290
- var _path$8;
21651
+ var _path$a;
21291
21652
 
21292
- 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); }
21653
+ 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); }
21293
21654
 
21294
21655
  function SvgExit(props) {
21295
- return /*#__PURE__*/React.createElement("svg", _extends$9({
21656
+ return /*#__PURE__*/React.createElement("svg", _extends$b({
21296
21657
  className: "plc-w-6 plc-h-6",
21297
21658
  xmlns: "http://www.w3.org/2000/svg",
21298
21659
  fill: "none",
21299
21660
  viewBox: "0 0 24 24",
21300
21661
  stroke: "currentColor"
21301
- }, props), _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
21662
+ }, props), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
21302
21663
  strokeLinecap: "round",
21303
21664
  strokeLinejoin: "round",
21304
21665
  strokeWidth: 2,
@@ -21306,17 +21667,17 @@ function SvgExit(props) {
21306
21667
  })));
21307
21668
  }
21308
21669
 
21309
- var _path$7;
21670
+ var _path$9;
21310
21671
 
21311
- 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); }
21672
+ 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); }
21312
21673
 
21313
21674
  function SvgUser(props) {
21314
- return /*#__PURE__*/React.createElement("svg", _extends$8({
21675
+ return /*#__PURE__*/React.createElement("svg", _extends$a({
21315
21676
  xmlns: "http://www.w3.org/2000/svg",
21316
21677
  fill: "none",
21317
21678
  viewBox: "0 0 24 24",
21318
21679
  stroke: "currentColor"
21319
- }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
21680
+ }, props), _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
21320
21681
  strokeLinecap: "round",
21321
21682
  strokeLinejoin: "round",
21322
21683
  strokeWidth: 2,
@@ -21324,18 +21685,18 @@ function SvgUser(props) {
21324
21685
  })));
21325
21686
  }
21326
21687
 
21327
- var _path$6;
21688
+ var _path$8;
21328
21689
 
21329
- 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); }
21690
+ 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); }
21330
21691
 
21331
21692
  function SvgNewsletter(props) {
21332
- return /*#__PURE__*/React.createElement("svg", _extends$7({
21693
+ return /*#__PURE__*/React.createElement("svg", _extends$9({
21333
21694
  xmlns: "http://www.w3.org/2000/svg",
21334
21695
  className: "plc-h-5 plc-w-5",
21335
21696
  fill: "none",
21336
21697
  viewBox: "0 0 24 24",
21337
21698
  stroke: "currentColor"
21338
- }, props), _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
21699
+ }, props), _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
21339
21700
  strokeLinecap: "round",
21340
21701
  strokeLinejoin: "round",
21341
21702
  strokeWidth: 2,
@@ -21343,18 +21704,18 @@ function SvgNewsletter(props) {
21343
21704
  })));
21344
21705
  }
21345
21706
 
21346
- var _path$5;
21707
+ var _path$7;
21347
21708
 
21348
- 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); }
21709
+ 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); }
21349
21710
 
21350
21711
  function SvgPaymentCard(props) {
21351
- return /*#__PURE__*/React.createElement("svg", _extends$6({
21712
+ return /*#__PURE__*/React.createElement("svg", _extends$8({
21352
21713
  className: "plc-w-6 plc-h-6 plc-mr-2",
21353
21714
  xmlns: "http://www.w3.org/2000/svg",
21354
21715
  fill: "none",
21355
21716
  viewBox: "0 0 24 24",
21356
21717
  stroke: "currentColor"
21357
- }, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
21718
+ }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
21358
21719
  strokeLinecap: "round",
21359
21720
  strokeLinejoin: "round",
21360
21721
  strokeWidth: 2,
@@ -21362,23 +21723,23 @@ function SvgPaymentCard(props) {
21362
21723
  })));
21363
21724
  }
21364
21725
 
21365
- var _path$4, _path2;
21726
+ var _path$6, _path2$1;
21366
21727
 
21367
- 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); }
21728
+ 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); }
21368
21729
 
21369
21730
  function SvgLocationPin(props) {
21370
- return /*#__PURE__*/React.createElement("svg", _extends$5({
21731
+ return /*#__PURE__*/React.createElement("svg", _extends$7({
21371
21732
  className: "plc-w-6 plc-h-6 plc-mr-2",
21372
21733
  xmlns: "http://www.w3.org/2000/svg",
21373
21734
  fill: "none",
21374
21735
  viewBox: "0 0 24 24",
21375
21736
  stroke: "currentColor"
21376
- }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
21737
+ }, props), _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
21377
21738
  strokeLinecap: "round",
21378
21739
  strokeLinejoin: "round",
21379
21740
  strokeWidth: 2,
21380
21741
  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"
21381
- })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
21742
+ })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
21382
21743
  strokeLinecap: "round",
21383
21744
  strokeLinejoin: "round",
21384
21745
  strokeWidth: 2,
@@ -21388,10 +21749,10 @@ function SvgLocationPin(props) {
21388
21749
 
21389
21750
  var _switch;
21390
21751
 
21391
- 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); }
21752
+ 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); }
21392
21753
 
21393
21754
  function SvgSubscription(props) {
21394
- return /*#__PURE__*/React.createElement("svg", _extends$4({
21755
+ return /*#__PURE__*/React.createElement("svg", _extends$6({
21395
21756
  xmlns: "http://www.w3.org/2000/svg",
21396
21757
  viewBox: "0 0 100 125",
21397
21758
  fill: "currentColor"
@@ -21406,18 +21767,18 @@ function SvgSubscription(props) {
21406
21767
  }))))));
21407
21768
  }
21408
21769
 
21409
- var _path$3;
21770
+ var _path$5;
21410
21771
 
21411
- 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); }
21772
+ 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); }
21412
21773
 
21413
21774
  function SvgShopping(props) {
21414
- return /*#__PURE__*/React.createElement("svg", _extends$3({
21775
+ return /*#__PURE__*/React.createElement("svg", _extends$5({
21415
21776
  className: "plc-w-6 plc-h-6 plc-mr-2",
21416
21777
  xmlns: "http://www.w3.org/2000/svg",
21417
21778
  fill: "none",
21418
21779
  viewBox: "0 0 24 24",
21419
21780
  stroke: "currentColor"
21420
- }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
21781
+ }, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
21421
21782
  strokeLinecap: "round",
21422
21783
  strokeLinejoin: "round",
21423
21784
  strokeWidth: 2,
@@ -21425,18 +21786,18 @@ function SvgShopping(props) {
21425
21786
  })));
21426
21787
  }
21427
21788
 
21428
- var _path$2;
21789
+ var _path$4;
21429
21790
 
21430
- 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); }
21791
+ 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); }
21431
21792
 
21432
21793
  function SvgBookmark(props) {
21433
- return /*#__PURE__*/React.createElement("svg", _extends$2({
21794
+ return /*#__PURE__*/React.createElement("svg", _extends$4({
21434
21795
  className: "plc-w-6 plc-h-6 plc-mr-2",
21435
21796
  xmlns: "http://www.w3.org/2000/svg",
21436
21797
  fill: "none",
21437
21798
  viewBox: "0 0 24 24",
21438
21799
  stroke: "currentColor"
21439
- }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
21800
+ }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
21440
21801
  strokeLinecap: "round",
21441
21802
  strokeLinejoin: "round",
21442
21803
  strokeWidth: 2,
@@ -21444,25 +21805,83 @@ function SvgBookmark(props) {
21444
21805
  })));
21445
21806
  }
21446
21807
 
21447
- var _path$1;
21808
+ var _path$3;
21448
21809
 
21449
- 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); }
21810
+ 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); }
21450
21811
 
21451
21812
  function SvgKey(props) {
21452
- return /*#__PURE__*/React.createElement("svg", _extends$1({
21813
+ return /*#__PURE__*/React.createElement("svg", _extends$3({
21453
21814
  xmlns: "http://www.w3.org/2000/svg",
21454
21815
  viewBox: "0 0 20 20",
21455
21816
  fill: "currentColor"
21456
- }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
21817
+ }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
21457
21818
  fillRule: "evenodd",
21458
21819
  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",
21459
21820
  clipRule: "evenodd"
21460
21821
  })));
21461
21822
  }
21462
21823
 
21824
+ var _path$2;
21825
+
21826
+ 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); }
21827
+
21828
+ function SvgDonate(props) {
21829
+ return /*#__PURE__*/React.createElement("svg", _extends$2({
21830
+ width: 24,
21831
+ height: 24,
21832
+ fill: "currentColor",
21833
+ xmlns: "http://www.w3.org/2000/svg"
21834
+ }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
21835
+ 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"
21836
+ })));
21837
+ }
21838
+
21839
+ const DonationsMenu = () => {
21840
+ const {
21841
+ t
21842
+ } = useTranslation("dashboard");
21843
+ const subscriptions = getDonationSubs().sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
21844
+ return /*#__PURE__*/React__default.createElement("tr", {
21845
+ key: sub.id,
21846
+ className: "plc-w-full plc-align-top pelcro-donation-row"
21847
+ }, /*#__PURE__*/React__default.createElement("td", {
21848
+ className: "plc-truncate"
21849
+ }, sub.plan.nickname && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
21850
+ className: "plc-font-semibold plc-text-gray-500 pelcro-donation-plan"
21851
+ }, sub.plan.nickname), /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement("span", {
21852
+ className: "plc-text-xs plc-text-gray-400 pelcro-donation-price"
21853
+ }, getFormattedPriceByLocal(sub.plan.amount * sub.quantity, sub.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement("div", {
21854
+ className: "plc-mb-4 plc-text-gray-500 pelcro-donation-date"
21855
+ }, sub.status && /*#__PURE__*/React__default.createElement("span", null, formatStartDate(sub.start)))));
21856
+ });
21857
+ return /*#__PURE__*/React__default.createElement("table", {
21858
+ className: "plc-w-full plc-table-fixed pelcro-donations-table"
21859
+ }, /*#__PURE__*/React__default.createElement("thead", {
21860
+ className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
21861
+ }, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", {
21862
+ className: "plc-w-6/12 "
21863
+ }, t("labels.plan")), /*#__PURE__*/React__default.createElement("th", {
21864
+ className: "plc-w-6/12 "
21865
+ }, t("labels.startDate")))), /*#__PURE__*/React__default.createElement("tbody", null, /*#__PURE__*/React__default.createElement("tr", {
21866
+ className: "plc-h-4"
21867
+ }), subscriptions));
21868
+ };
21869
+
21870
+ function getDonationSubs() {
21871
+ var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3;
21872
+
21873
+ 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 : [];
21874
+ }
21875
+
21876
+ function formatStartDate(date) {
21877
+ const startDate = new Date(date);
21878
+ return new Intl.DateTimeFormat("en-CA").format(startDate);
21879
+ }
21880
+
21463
21881
  const SUB_MENUS = {
21464
21882
  PROFILE: "profile",
21465
21883
  SUBSCRIPTIONS: "subscriptions",
21884
+ DONATIONS: "donations",
21466
21885
  PAYMENT_CARDS: "payment-cards",
21467
21886
  ADDRESSES: "addresses",
21468
21887
  GIFTS: "gifts",
@@ -21990,6 +22409,14 @@ class Dashboard extends Component {
21990
22409
  displayProductSelect: this.displayProductSelect,
21991
22410
  displayRedeem: this.displayRedeem
21992
22411
  })
22412
+ }), /*#__PURE__*/React__default.createElement(Accordion.item, {
22413
+ show: hasDonationSubs(),
22414
+ name: SUB_MENUS.DONATIONS,
22415
+ icon: /*#__PURE__*/React__default.createElement(SvgDonate, {
22416
+ className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
22417
+ }),
22418
+ title: this.locale("labels.donations"),
22419
+ content: /*#__PURE__*/React__default.createElement(DonationsMenu, null)
21993
22420
  }), /*#__PURE__*/React__default.createElement(Accordion.item, {
21994
22421
  name: SUB_MENUS.GIFTS,
21995
22422
  icon: /*#__PURE__*/React__default.createElement(SvgGift, null),
@@ -22016,6 +22443,13 @@ class Dashboard extends Component {
22016
22443
 
22017
22444
  }
22018
22445
 
22446
+ function hasDonationSubs() {
22447
+ var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3;
22448
+
22449
+ 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 : [];
22450
+ return donations.length > 0;
22451
+ }
22452
+
22019
22453
  const DashboardWithTrans = withTranslation("dashboard")(Dashboard);
22020
22454
 
22021
22455
  // The button in the lower right that shows the dashboard.
@@ -22043,7 +22477,7 @@ const DashboardOpenButton = () => {
22043
22477
  };
22044
22478
  DashboardOpenButton.viewId = "dashboard-open";
22045
22479
 
22046
- const initialState = {
22480
+ const initialState$1 = {
22047
22481
  imageSrc: null,
22048
22482
  crop: {
22049
22483
  x: 0,
@@ -22057,10 +22491,10 @@ const initialState = {
22057
22491
  content: ""
22058
22492
  }
22059
22493
  };
22060
- const store = /*#__PURE__*/createContext(initialState);
22494
+ const store$1 = /*#__PURE__*/createContext(initialState$1);
22061
22495
  const {
22062
- Provider
22063
- } = store;
22496
+ Provider: Provider$1
22497
+ } = store$1;
22064
22498
 
22065
22499
  const ProfilePicChangeContainer = ({
22066
22500
  style,
@@ -22194,21 +22628,21 @@ const ProfilePicChangeContainer = ({
22194
22628
  default:
22195
22629
  return state;
22196
22630
  }
22197
- }, initialState);
22631
+ }, initialState$1);
22198
22632
  return /*#__PURE__*/React__default.createElement("div", {
22199
22633
  style: { ...style
22200
22634
  },
22201
22635
  className: `pelcro-container pelcro-profile-picture-container ${className}`
22202
- }, /*#__PURE__*/React__default.createElement(Provider, {
22636
+ }, /*#__PURE__*/React__default.createElement(Provider$1, {
22203
22637
  value: {
22204
22638
  state,
22205
22639
  dispatch
22206
22640
  }
22207
22641
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
22208
- store,
22642
+ store: store$1,
22209
22643
  key: i
22210
22644
  })) : /*#__PURE__*/React__default.cloneElement(children, {
22211
- store
22645
+ store: store$1
22212
22646
  })));
22213
22647
  };
22214
22648
  /**
@@ -22270,7 +22704,7 @@ const ProfilePicChangeButton = ({
22270
22704
  isSubmitting
22271
22705
  },
22272
22706
  dispatch
22273
- } = useContext(store);
22707
+ } = useContext(store$1);
22274
22708
  const {
22275
22709
  t
22276
22710
  } = useTranslation("userEdit");
@@ -23638,7 +24072,7 @@ const ProfilePicChangeCropper = ({
23638
24072
  zoom
23639
24073
  },
23640
24074
  dispatch
23641
- } = useContext(store);
24075
+ } = useContext(store$1);
23642
24076
  return /*#__PURE__*/React__default.createElement("div", {
23643
24077
  className: `plc-relative plc-w-full plc-h-52 sm:plc-h-96 ${className}`
23644
24078
  }, /*#__PURE__*/React__default.createElement(Cropper, Object.assign({
@@ -23680,7 +24114,7 @@ const ProfilePicChangeZoom = ({
23680
24114
  zoom
23681
24115
  },
23682
24116
  dispatch
23683
- } = useContext(store);
24117
+ } = useContext(store$1);
23684
24118
  const {
23685
24119
  t
23686
24120
  } = useTranslation("userEdit");
@@ -23703,18 +24137,18 @@ const ProfilePicChangeZoom = ({
23703
24137
  }, otherProps)));
23704
24138
  };
23705
24139
 
23706
- var _path;
24140
+ var _path$1;
23707
24141
 
23708
- 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); }
24142
+ 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); }
23709
24143
 
23710
24144
  function SvgPhotograph(props) {
23711
- return /*#__PURE__*/React.createElement("svg", _extends({
24145
+ return /*#__PURE__*/React.createElement("svg", _extends$1({
23712
24146
  xmlns: "http://www.w3.org/2000/svg",
23713
24147
  className: "plc-h-6 plc-w-6",
23714
24148
  fill: "none",
23715
24149
  viewBox: "0 0 24 24",
23716
24150
  stroke: "currentColor"
23717
- }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
24151
+ }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
23718
24152
  strokeLinecap: "round",
23719
24153
  strokeLinejoin: "round",
23720
24154
  strokeWidth: 2,
@@ -23732,7 +24166,7 @@ const ProfilePicChangeSelectButton = ({
23732
24166
  state: {
23733
24167
  isSubmitting
23734
24168
  }
23735
- } = useContext(store);
24169
+ } = useContext(store$1);
23736
24170
  const {
23737
24171
  t
23738
24172
  } = useTranslation("userEdit");
@@ -23774,7 +24208,7 @@ const ProfilePicChangeRemoveButton = ({
23774
24208
  state: {
23775
24209
  isSubmitting
23776
24210
  }
23777
- } = useContext(store);
24211
+ } = useContext(store$1);
23778
24212
  const {
23779
24213
  t
23780
24214
  } = useTranslation("userEdit");
@@ -23797,7 +24231,7 @@ const ProfilePicChangeWrapper = () => {
23797
24231
  state: {
23798
24232
  imageSrc
23799
24233
  }
23800
- } = useContext(store);
24234
+ } = useContext(store$1);
23801
24235
  const {
23802
24236
  t
23803
24237
  } = useTranslation("userEdit");
@@ -23859,4 +24293,180 @@ function ProfilePicChangeModal({
23859
24293
  }
23860
24294
  ProfilePicChangeModal.viewId = "profile-picture";
23861
24295
 
23862
- 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 };
24296
+ const initialState = {
24297
+ isSubmitting: false,
24298
+ alert: {
24299
+ type: "error",
24300
+ content: ""
24301
+ }
24302
+ };
24303
+ const store = /*#__PURE__*/createContext(initialState);
24304
+ const {
24305
+ Provider
24306
+ } = store;
24307
+
24308
+ const EmailVerifyContainer = ({
24309
+ style,
24310
+ className = "",
24311
+ onSuccess = () => {},
24312
+ onFailure = () => {},
24313
+ children,
24314
+ ...props
24315
+ }) => {
24316
+ const {
24317
+ t
24318
+ } = useTranslation("verifyEmail");
24319
+
24320
+ const submit = () => {
24321
+ window.Pelcro.user.resendEmailVerificationToken((err, res) => {
24322
+ dispatch({
24323
+ type: LOADING,
24324
+ payload: false
24325
+ });
24326
+
24327
+ if (err) {
24328
+ dispatch({
24329
+ type: SHOW_ALERT,
24330
+ payload: {
24331
+ type: "error",
24332
+ content: getErrorMessages(err)
24333
+ }
24334
+ });
24335
+ return onFailure(err);
24336
+ }
24337
+
24338
+ dispatch({
24339
+ type: SHOW_ALERT,
24340
+ payload: {
24341
+ type: "success",
24342
+ content: t("messages.resent")
24343
+ }
24344
+ });
24345
+ return onSuccess(res);
24346
+ });
24347
+ };
24348
+
24349
+ const [state, dispatch] = useReducerWithSideEffects((state, action) => {
24350
+ switch (action.type) {
24351
+ case SHOW_ALERT:
24352
+ return lib_7({ ...state,
24353
+ alert: action.payload
24354
+ });
24355
+
24356
+ case LOADING:
24357
+ return lib_7({ ...state,
24358
+ isSubmitting: action.payload
24359
+ });
24360
+
24361
+ case HANDLE_SUBMIT:
24362
+ return lib_5({ ...state,
24363
+ isSubmitting: true
24364
+ }, (state, dispatch) => submit());
24365
+
24366
+ default:
24367
+ return state;
24368
+ }
24369
+ }, initialState);
24370
+ return /*#__PURE__*/React__default.createElement("div", {
24371
+ style: { ...style
24372
+ },
24373
+ className: `pelcro-container pelcro-email-verify-container ${className}`
24374
+ }, /*#__PURE__*/React__default.createElement(Provider, {
24375
+ value: {
24376
+ state,
24377
+ dispatch
24378
+ }
24379
+ }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
24380
+ store,
24381
+ key: i
24382
+ })) : /*#__PURE__*/React__default.cloneElement(children, {
24383
+ store
24384
+ })));
24385
+ };
24386
+
24387
+ const EmailVerifyResendButton = ({
24388
+ name,
24389
+ onClick,
24390
+ ...otherProps
24391
+ }) => {
24392
+ const {
24393
+ dispatch,
24394
+ state: {
24395
+ isSubmitting
24396
+ }
24397
+ } = useContext(store);
24398
+ const {
24399
+ t
24400
+ } = useTranslation("verifyEmail");
24401
+ return /*#__PURE__*/React__default.createElement(Button, Object.assign({
24402
+ onClick: () => {
24403
+ dispatch({
24404
+ type: HANDLE_SUBMIT
24405
+ });
24406
+ onClick === null || onClick === void 0 ? void 0 : onClick();
24407
+ },
24408
+ isLoading: isSubmitting
24409
+ }, otherProps), name !== null && name !== void 0 ? name : t("labels.resend"));
24410
+ };
24411
+
24412
+ var _path, _path2;
24413
+
24414
+ 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); }
24415
+
24416
+ function SvgEmailVerify(props) {
24417
+ return /*#__PURE__*/React.createElement("svg", _extends({
24418
+ className: "plc-w-6 plc-h-6",
24419
+ viewBox: "0 0 700 700",
24420
+ xmlns: "http://www.w3.org/2000/svg"
24421
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
24422
+ 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"
24423
+ })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
24424
+ 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"
24425
+ })));
24426
+ }
24427
+
24428
+ const EmailVerifyView = props => {
24429
+ var _window$Pelcro$user$r;
24430
+
24431
+ const {
24432
+ t
24433
+ } = useTranslation("verifyEmail");
24434
+ return /*#__PURE__*/React__default.createElement("div", {
24435
+ id: "pelcro-email-verify-view"
24436
+ }, /*#__PURE__*/React__default.createElement("div", {
24437
+ className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
24438
+ }, /*#__PURE__*/React__default.createElement("h4", {
24439
+ className: "plc-text-2xl plc-font-semibold"
24440
+ }, t("labels.title"))), /*#__PURE__*/React__default.createElement("form", {
24441
+ action: "javascript:void(0);",
24442
+ className: "plc-mt-2 pelcro-form"
24443
+ }, /*#__PURE__*/React__default.createElement(EmailVerifyContainer, props, /*#__PURE__*/React__default.createElement(AlertWithContext, null), /*#__PURE__*/React__default.createElement("div", {
24444
+ className: "plc-flex plc-flex-col plc-items-center plc-justify-center plc-mt-4"
24445
+ }, /*#__PURE__*/React__default.createElement(SvgEmailVerify, {
24446
+ className: "plc-w-32 plc-h-32"
24447
+ }), /*#__PURE__*/React__default.createElement("p", {
24448
+ className: "plc-mb-1 plc-text-gray-900"
24449
+ }, t("labels.instructions"), " ", /*#__PURE__*/React__default.createElement("span", {
24450
+ className: "plc-font-bold"
24451
+ }, (_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, {
24452
+ role: "submit",
24453
+ className: "plc-mt-4 plc-w-full",
24454
+ name: t("labels.resend"),
24455
+ id: "pelcro-submit"
24456
+ }))));
24457
+ };
24458
+
24459
+ const EmailVerifyModal = ({
24460
+ onDisplay,
24461
+ onClose,
24462
+ ...otherProps
24463
+ }) => {
24464
+ return /*#__PURE__*/React__default.createElement(Modal, {
24465
+ onDisplay: onDisplay,
24466
+ onClose: onClose,
24467
+ id: "pelcro-email-verify-modal"
24468
+ }, /*#__PURE__*/React__default.createElement(ModalBody, null, /*#__PURE__*/React__default.createElement(EmailVerifyView, otherProps)), /*#__PURE__*/React__default.createElement(ModalFooter, null, /*#__PURE__*/React__default.createElement(Authorship, null)));
24469
+ };
24470
+ EmailVerifyModal.viewId = "email-verify";
24471
+
24472
+ 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 };