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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -3464,7 +3464,7 @@ var paymentMethod_fr = {
3464
3464
  var title$d = "Enter your email to subscribe to our newsletter";
3465
3465
  var updateTitle$1 = "Update newsletter selections";
3466
3466
  var subtitle$7 = "We may use your email for other marketing communication";
3467
- var labels$l = {
3467
+ var labels$n = {
3468
3468
  submit: "Submit",
3469
3469
  firstName: "First name",
3470
3470
  lastName: "Last name",
@@ -3472,7 +3472,7 @@ var labels$l = {
3472
3472
  postalCode: "Postal code",
3473
3473
  required: "required"
3474
3474
  };
3475
- var messages$p = {
3475
+ var messages$r = {
3476
3476
  alreadyHaveAccount: "Already have an account?",
3477
3477
  success: "Newsletters were successfully updated",
3478
3478
  loginHere: "Login here.",
@@ -3483,14 +3483,14 @@ var newsletter_en = {
3483
3483
  title: title$d,
3484
3484
  updateTitle: updateTitle$1,
3485
3485
  subtitle: subtitle$7,
3486
- labels: labels$l,
3487
- messages: messages$p
3486
+ labels: labels$n,
3487
+ messages: messages$r
3488
3488
  };
3489
3489
 
3490
3490
  var title$c = "Entrez votre adresse courriel pour vous abonner à notre infolettre";
3491
3491
  var updateTitle = "Mettre à jour son choix d'infolettres";
3492
3492
  var subtitle$6 = "Nous pouvons utiliser votre adresse courriel pour d’autres communications marketing";
3493
- var labels$k = {
3493
+ var labels$m = {
3494
3494
  submit: "Lire l’article !",
3495
3495
  firstName: "Prénom",
3496
3496
  lastName: "Nom de famille",
@@ -3498,7 +3498,7 @@ var labels$k = {
3498
3498
  postalCode: "Code postal",
3499
3499
  required: "Champs obligatoires"
3500
3500
  };
3501
- var messages$o = {
3501
+ var messages$q = {
3502
3502
  alreadyHaveAccount: "Vous avez déjà un compte ?",
3503
3503
  success: "Votre choix d'infolettres à été mis à jour",
3504
3504
  loginHere: "Connectez-vous ici",
@@ -3509,14 +3509,14 @@ var newsletter_fr = {
3509
3509
  title: title$c,
3510
3510
  updateTitle: updateTitle,
3511
3511
  subtitle: subtitle$6,
3512
- labels: labels$k,
3513
- messages: messages$o
3512
+ labels: labels$m,
3513
+ messages: messages$q
3514
3514
  };
3515
3515
 
3516
- var labels$j = {
3516
+ var labels$l = {
3517
3517
  "continue": "Continue to content"
3518
3518
  };
3519
- var messages$n = {
3519
+ var messages$p = {
3520
3520
  yourFreeTrial: "Subscription successful!",
3521
3521
  youHaveAccess: "Hope you enjoy the subscription. Please contact us if you have any questions or concerns.",
3522
3522
  clickToLearn: {
@@ -3538,15 +3538,15 @@ var errors$9 = {
3538
3538
  "": ""
3539
3539
  };
3540
3540
  var success_en = {
3541
- labels: labels$j,
3542
- messages: messages$n,
3541
+ labels: labels$l,
3542
+ messages: messages$p,
3543
3543
  errors: errors$9
3544
3544
  };
3545
3545
 
3546
- var labels$i = {
3546
+ var labels$k = {
3547
3547
  "continue": "Abonnement réussi !"
3548
3548
  };
3549
- var messages$m = {
3549
+ var messages$o = {
3550
3550
  yourFreeTrial: "Votre essai gratuit vient de débuter",
3551
3551
  youHaveAccess: "Nous espérons que vous allez apprécier votre abonnement. Veuillez nous contacter si vous avez des questions ou des préoccupations.",
3552
3552
  clickToLearn: {
@@ -3568,12 +3568,12 @@ var errors$8 = {
3568
3568
  "": ""
3569
3569
  };
3570
3570
  var success_fr = {
3571
- labels: labels$i,
3572
- messages: messages$m,
3571
+ labels: labels$k,
3572
+ messages: messages$o,
3573
3573
  errors: errors$8
3574
3574
  };
3575
3575
 
3576
- var messages$l = {
3576
+ var messages$n = {
3577
3577
  freeVisits: "Free visits left:",
3578
3578
  subscribeNow: "Subscribe",
3579
3579
  alreadyHaveAccount: "Already have an account?",
@@ -3583,11 +3583,11 @@ var errors$7 = {
3583
3583
  "": ""
3584
3584
  };
3585
3585
  var meter_en = {
3586
- messages: messages$l,
3586
+ messages: messages$n,
3587
3587
  errors: errors$7
3588
3588
  };
3589
3589
 
3590
- var messages$k = {
3590
+ var messages$m = {
3591
3591
  freeVisits: "Visites gratuites restantes:",
3592
3592
  subscribeNow: "Abonnez-vous maintenant !",
3593
3593
  alreadyHaveAccount: "Vous avez déjà un compte ?",
@@ -3597,15 +3597,15 @@ var errors$6 = {
3597
3597
  "": ""
3598
3598
  };
3599
3599
  var meter_fr = {
3600
- messages: messages$k,
3600
+ messages: messages$m,
3601
3601
  errors: errors$6
3602
3602
  };
3603
3603
 
3604
- var messages$j = {
3604
+ var messages$l = {
3605
3605
  youAreSafe: "You're safe - PCI compliant 128 SSL by",
3606
3606
  bankRedirection: "Please hold, redirecting you to your bank."
3607
3607
  };
3608
- var labels$h = {
3608
+ var labels$j = {
3609
3609
  card: "Enter card number",
3610
3610
  date: "Expiration date",
3611
3611
  CVC: "CVC",
@@ -3620,18 +3620,19 @@ var labels$h = {
3620
3620
  "for": "for",
3621
3621
  interval: "{{count}} {{interval}}",
3622
3622
  interval_plural: "{{count}} {{interval}}s",
3623
- tax: "+ Tax"
3623
+ tax: "+ Tax",
3624
+ removeCoupon: "REMOVE"
3624
3625
  };
3625
3626
  var checkoutForm_en = {
3626
- messages: messages$j,
3627
- labels: labels$h
3627
+ messages: messages$l,
3628
+ labels: labels$j
3628
3629
  };
3629
3630
 
3630
- var messages$i = {
3631
+ var messages$k = {
3631
3632
  youAreSafe: "Vous êtes en sécurité - PCI conforme 128 SSL par",
3632
3633
  bankRedirection: "Veuillez patienter, nous vous redirigeons vers votre banque."
3633
3634
  };
3634
- var labels$g = {
3635
+ var labels$i = {
3635
3636
  card: "Entrez le numéro de carte",
3636
3637
  date: "Date d’expiration",
3637
3638
  CVC: "CVC",
@@ -3646,11 +3647,12 @@ var labels$g = {
3646
3647
  "for": "pour",
3647
3648
  interval: "{{count}} {{interval}}",
3648
3649
  interval_plural: "{{count}} {{interval}}s",
3649
- tax: "+ Taxe"
3650
+ tax: "+ Taxe",
3651
+ removeCoupon: "RETIRER"
3650
3652
  };
3651
3653
  var checkoutForm_fr = {
3652
- messages: messages$i,
3653
- labels: labels$g
3654
+ messages: messages$k,
3655
+ labels: labels$i
3654
3656
  };
3655
3657
 
3656
3658
  var youAreSafe$1 = "You're safe - PCI compliant 128 SSL by";
@@ -3683,7 +3685,7 @@ var messages_fr = {
3683
3685
  recaptcha: recaptcha
3684
3686
  };
3685
3687
 
3686
- var labels$f = {
3688
+ var labels$h = {
3687
3689
  email: "Enter email",
3688
3690
  password: "Enter password",
3689
3691
  required: "required",
@@ -3691,7 +3693,7 @@ var labels$f = {
3691
3693
  passwordPlaceholder: "Password",
3692
3694
  login: "Login"
3693
3695
  };
3694
- var messages$h = {
3696
+ var messages$j = {
3695
3697
  loginTo: "Login to your account",
3696
3698
  welcome: "Welcome back, sign in with your existing account.",
3697
3699
  dontHaveAccount: "Don't have an account yet?",
@@ -3710,12 +3712,12 @@ var errors$5 = {
3710
3712
  "": ""
3711
3713
  };
3712
3714
  var login_en = {
3713
- labels: labels$f,
3714
- messages: messages$h,
3715
+ labels: labels$h,
3716
+ messages: messages$j,
3715
3717
  errors: errors$5
3716
3718
  };
3717
3719
 
3718
- var labels$e = {
3720
+ var labels$g = {
3719
3721
  email: "Entrez votre adresse courriel",
3720
3722
  password: "Entrez votre mot de passe",
3721
3723
  required: "Champs obligatoires",
@@ -3723,7 +3725,7 @@ var labels$e = {
3723
3725
  passwordPlaceholder: "Mot de passe",
3724
3726
  login: "Connexion"
3725
3727
  };
3726
- var messages$g = {
3728
+ var messages$i = {
3727
3729
  loginTo: "Connectez-vous à votre compte",
3728
3730
  welcome: "Bienvenue, connectez-vous avec votre compte existant.",
3729
3731
  dontHaveAccount: "Vous n’avez pas encore de compte ?",
@@ -3742,14 +3744,14 @@ var errors$4 = {
3742
3744
  "": ""
3743
3745
  };
3744
3746
  var login_fr = {
3745
- labels: labels$e,
3746
- messages: messages$g,
3747
+ labels: labels$g,
3748
+ messages: messages$i,
3747
3749
  errors: errors$4
3748
3750
  };
3749
3751
 
3750
3752
  var title$b = "Create an account";
3751
3753
  var subtitle$5 = "Enter your email and password below";
3752
- var labels$d = {
3754
+ var labels$f = {
3753
3755
  signUpFacebook: "Sign up with Facebook",
3754
3756
  signUpGoogle: "Sign up with Google",
3755
3757
  signUpEmail: "Sign up with Email",
@@ -3761,7 +3763,7 @@ var labels$d = {
3761
3763
  firstName: "First name",
3762
3764
  lastName: "Last name"
3763
3765
  };
3764
- var messages$f = {
3766
+ var messages$h = {
3765
3767
  alreadyHaveAccount: "Already have an account?",
3766
3768
  createAccount: "Create account",
3767
3769
  loginHere: "login here. ",
@@ -3794,7 +3796,7 @@ var gift$1 = {
3794
3796
  lastName: "Last name",
3795
3797
  email: "Email",
3796
3798
  startDate: "Gift date",
3797
- giftMessage: "Gift message (500 characters max)",
3799
+ giftMessage: "Gift message (200 characters max)",
3798
3800
  required: "required",
3799
3801
  firstNamePlaceholder: "First name",
3800
3802
  lastNamePlaceholder: "Last name",
@@ -3835,8 +3837,8 @@ var redeem$1 = {
3835
3837
  var register_en = {
3836
3838
  title: title$b,
3837
3839
  subtitle: subtitle$5,
3838
- labels: labels$d,
3839
- messages: messages$f,
3840
+ labels: labels$f,
3841
+ messages: messages$h,
3840
3842
  errors: errors$3,
3841
3843
  gift: gift$1,
3842
3844
  redeem: redeem$1
@@ -3844,7 +3846,7 @@ var register_en = {
3844
3846
 
3845
3847
  var title$a = "Créer un compte";
3846
3848
  var subtitle$4 = "Entrez votre courriel et votre mot de passe ci-dessous";
3847
- var labels$c = {
3849
+ var labels$e = {
3848
3850
  signUpFacebook: "Inscrivez-vous avec Facebook",
3849
3851
  signUpGoogle: "Inscrivez-vous avec Google",
3850
3852
  signUpEmail: "Inscrivez-vous avec votre courriel",
@@ -3856,7 +3858,7 @@ var labels$c = {
3856
3858
  firstName: "Prénom",
3857
3859
  lastName: "Nom de famille"
3858
3860
  };
3859
- var messages$e = {
3861
+ var messages$g = {
3860
3862
  alreadyHaveAccount: "Vous avez déjà un compte?",
3861
3863
  createAccount: "Créer un compte",
3862
3864
  loginHere: "Connectez-vous ici",
@@ -3890,7 +3892,7 @@ var gift = {
3890
3892
  lastName: "Nom de famille",
3891
3893
  email: "Adresse courriel",
3892
3894
  startDate: "Date de début",
3893
- giftMessage: "Message du cadeau (500 caractères max)",
3895
+ giftMessage: "Message du cadeau (200 caractères max)",
3894
3896
  required: "Champs obligatoires",
3895
3897
  firstNamePlaceholder: "Prénom",
3896
3898
  lastNamePlaceholder: "Nom de famille",
@@ -3931,14 +3933,14 @@ var redeem = {
3931
3933
  var register_fr = {
3932
3934
  title: title$a,
3933
3935
  subtitle: subtitle$4,
3934
- labels: labels$c,
3935
- messages: messages$e,
3936
+ labels: labels$e,
3937
+ messages: messages$g,
3936
3938
  errors: errors$2,
3937
3939
  gift: gift,
3938
3940
  redeem: redeem
3939
3941
  };
3940
3942
 
3941
- var labels$b = {
3943
+ var labels$d = {
3942
3944
  title: "Want to update your profile?",
3943
3945
  subtitle: "Enter your information below to update your profile",
3944
3946
  email: "Email",
@@ -3954,17 +3956,17 @@ var labels$b = {
3954
3956
  removeImage: "Remove current photo",
3955
3957
  zoom: "Zoom"
3956
3958
  };
3957
- var messages$d = {
3959
+ var messages$f = {
3958
3960
  userUpdated: "Thanks! Your profile was updated successfully.",
3959
3961
  pictureRemoved: "Your profile picture was removed successfully.",
3960
3962
  pictureUpdated: "Your profile picture was updated successfully."
3961
3963
  };
3962
3964
  var userEdit_en = {
3963
- labels: labels$b,
3964
- messages: messages$d
3965
+ labels: labels$d,
3966
+ messages: messages$f
3965
3967
  };
3966
3968
 
3967
- var labels$a = {
3969
+ var labels$c = {
3968
3970
  title: "Voulez-vous mettre à jour votre profil ?",
3969
3971
  subtitle: "Entrez vos informations ci-dessous pour mettre à jour votre profil",
3970
3972
  email: "Address courriel",
@@ -3980,20 +3982,20 @@ var labels$a = {
3980
3982
  removeImage: "supprimer la photo actuelle",
3981
3983
  zoom: "Zoom"
3982
3984
  };
3983
- var messages$c = {
3985
+ var messages$e = {
3984
3986
  userUpdated: "Votre profil a été mis à jour avec succès.",
3985
3987
  pictureRemoved: "Votre photo de profil a été supprimée avec succès.",
3986
3988
  pictureUpdated: "Votre photo de profil a été mise à jour avec succès."
3987
3989
  };
3988
3990
  var userEdit_fr = {
3989
- labels: labels$a,
3990
- messages: messages$c
3991
+ labels: labels$c,
3992
+ messages: messages$e
3991
3993
  };
3992
3994
 
3993
3995
  var title$9 = "Enter your shipping address";
3994
3996
  var selectAddressTitle$1 = "Please select an address";
3995
3997
  var selectAddressSubtitle$1 = "Select one of your saved addresses, or add a new one";
3996
- var labels$9 = {
3998
+ var labels$b = {
3997
3999
  address: "Address",
3998
4000
  code: "Postal Code/Zip",
3999
4001
  city: "City",
@@ -4008,7 +4010,7 @@ var buttons$5 = {
4008
4010
  selectAddress: "Select address",
4009
4011
  addAddress: "Add new address"
4010
4012
  };
4011
- var messages$b = {
4013
+ var messages$d = {
4012
4014
  addressUpdated: "The address was successfully updated!",
4013
4015
  subRedeemed: "Your subscription has been redeemed."
4014
4016
  };
@@ -4016,15 +4018,15 @@ var address_en = {
4016
4018
  title: title$9,
4017
4019
  selectAddressTitle: selectAddressTitle$1,
4018
4020
  selectAddressSubtitle: selectAddressSubtitle$1,
4019
- labels: labels$9,
4021
+ labels: labels$b,
4020
4022
  buttons: buttons$5,
4021
- messages: messages$b
4023
+ messages: messages$d
4022
4024
  };
4023
4025
 
4024
4026
  var title$8 = "Entrez votre adresse de livraison";
4025
4027
  var selectAddressTitle = "Veuillez sélectionner une adresse";
4026
4028
  var selectAddressSubtitle = "Choisissez l'une de vos adresses ou créez-en une nouvelle";
4027
- var labels$8 = {
4029
+ var labels$a = {
4028
4030
  address: "Adresse",
4029
4031
  code: "Code postal / Zip",
4030
4032
  city: "Ville",
@@ -4039,7 +4041,7 @@ var buttons$4 = {
4039
4041
  selectAddress: "Choisir cette adresse",
4040
4042
  addAddress: "Ajouter une nouvelle adresse"
4041
4043
  };
4042
- var messages$a = {
4044
+ var messages$c = {
4043
4045
  addressUpdated: "Votre adresse a été mise à jour avec succès",
4044
4046
  subRedeemed: "Votre abonnement a bien été activé."
4045
4047
  };
@@ -4047,9 +4049,9 @@ var address_fr = {
4047
4049
  title: title$8,
4048
4050
  selectAddressTitle: selectAddressTitle,
4049
4051
  selectAddressSubtitle: selectAddressSubtitle,
4050
- labels: labels$8,
4052
+ labels: labels$a,
4051
4053
  buttons: buttons$4,
4052
- messages: messages$a
4054
+ messages: messages$c
4053
4055
  };
4054
4056
 
4055
4057
  var title$7 = "Reset your password";
@@ -4096,7 +4098,7 @@ var password$1 = "Password";
4096
4098
  var submit$3 = "Submit";
4097
4099
  var required$3 = "Required";
4098
4100
  var passwordResetEmailSent$1 = "Password reset instructions have been sent to your email";
4099
- var messages$9 = {
4101
+ var messages$b = {
4100
4102
  alreadyHaveAccount: "Already have an account?",
4101
4103
  loginHere: "login here."
4102
4104
  };
@@ -4107,7 +4109,7 @@ var passwordForgot_en = {
4107
4109
  submit: submit$3,
4108
4110
  required: required$3,
4109
4111
  passwordResetEmailSent: passwordResetEmailSent$1,
4110
- messages: messages$9
4112
+ messages: messages$b
4111
4113
  };
4112
4114
 
4113
4115
  var title$4 = "Mot de passe oublié ?";
@@ -4116,7 +4118,7 @@ var password = "Mot de passe";
4116
4118
  var submit$2 = "Soumettre";
4117
4119
  var required$2 = "Champs obligatoires";
4118
4120
  var passwordResetEmailSent = "Un lien pour réinitialiser votre mot de passe vous a été envoyé. Si vous ne le recevez pas, vérifier votre courrier indésirable.";
4119
- var messages$8 = {
4121
+ var messages$a = {
4120
4122
  alreadyHaveAccount: "Vous avez déjà un compte ?",
4121
4123
  loginHere: "Connectez-vous ici"
4122
4124
  };
@@ -4127,7 +4129,7 @@ var passwordForgot_fr = {
4127
4129
  submit: submit$2,
4128
4130
  required: required$2,
4129
4131
  passwordResetEmailSent: passwordResetEmailSent,
4130
- messages: messages$8
4132
+ messages: messages$a
4131
4133
  };
4132
4134
 
4133
4135
  var title$3 = "Change your password";
@@ -4228,7 +4230,7 @@ var buttons$3 = {
4228
4230
  purchase: "Purchase",
4229
4231
  "continue": "Continue"
4230
4232
  };
4231
- var messages$7 = {
4233
+ var messages$9 = {
4232
4234
  orderConfirmed: {
4233
4235
  title: "Order confirmed!",
4234
4236
  body: "Your order has been confirmed and will be shipped within the next few days. You'll shortly receive an email confirmation of this order."
@@ -4237,14 +4239,14 @@ var messages$7 = {
4237
4239
  multipleCurrencies: "Your cart currently contains items which are available in different currencies. In order to proceed with the checkout, please make sure that all items have the same currency.",
4238
4240
  currencyMismatch: "The selected item(s) do not match your current default currency ({{currency}}). Please choose item(s) only matching this currency."
4239
4241
  };
4240
- var labels$7 = {
4242
+ var labels$9 = {
4241
4243
  summary: "Order summary",
4242
4244
  total: "total"
4243
4245
  };
4244
4246
  var shop_en = {
4245
4247
  buttons: buttons$3,
4246
- messages: messages$7,
4247
- labels: labels$7
4248
+ messages: messages$9,
4249
+ labels: labels$9
4248
4250
  };
4249
4251
 
4250
4252
  var buttons$2 = {
@@ -4253,7 +4255,7 @@ var buttons$2 = {
4253
4255
  purchase: "Acheter",
4254
4256
  "continue": "Continuer au contenu"
4255
4257
  };
4256
- var messages$6 = {
4258
+ var messages$8 = {
4257
4259
  orderConfirmed: {
4258
4260
  title: "Votre commande est confirmée !",
4259
4261
  body: "Votre commande a été confirmée et vous sera expédiée dans les prochains jours. Vous recevrez un courriel de confirmation sous peu."
@@ -4262,17 +4264,17 @@ var messages$6 = {
4262
4264
  multipleCurrencies: "Votre panier contient des articles disponibles dans différentes devises. Avant de passer à la caisse, veuillez vous assurer que tous les articles ont la même devise.",
4263
4265
  currencyMismatch: "Les articles sélectionnés ne sont pas compatibles avec la devise associée à votre compte ({{currency}}). Veuillez choisir des articles uniquement offerts dans cette devise."
4264
4266
  };
4265
- var labels$6 = {
4267
+ var labels$8 = {
4266
4268
  summary: "récapitulatif de commande",
4267
4269
  total: "total"
4268
4270
  };
4269
4271
  var shop_fr = {
4270
4272
  buttons: buttons$2,
4271
- messages: messages$6,
4272
- labels: labels$6
4273
+ messages: messages$8,
4274
+ labels: labels$8
4273
4275
  };
4274
4276
 
4275
- var labels$5 = {
4277
+ var labels$7 = {
4276
4278
  cardNumber: "Numéro de carte",
4277
4279
  securityCode: "Code de sécurité",
4278
4280
  submit: "Soumettre",
@@ -4294,7 +4296,7 @@ var labels$5 = {
4294
4296
  title: "Informations de paiement"
4295
4297
  }
4296
4298
  };
4297
- var messages$5 = {
4299
+ var messages$7 = {
4298
4300
  youAreSafe: "Vous êtes en sécurité - PCI conforme 128 SSL par",
4299
4301
  cancel: "Annuler votre abonnement en ligne à tout moment.",
4300
4302
  giftSent: "Le cadeau d’abonnement a été envoyé à",
@@ -4307,12 +4309,12 @@ var errors$1 = {
4307
4309
  "": ""
4308
4310
  };
4309
4311
  var payment_fr = {
4310
- labels: labels$5,
4311
- messages: messages$5,
4312
+ labels: labels$7,
4313
+ messages: messages$7,
4312
4314
  errors: errors$1
4313
4315
  };
4314
4316
 
4315
- var labels$4 = {
4317
+ var labels$6 = {
4316
4318
  cardNumber: "Card number",
4317
4319
  securityCode: "Security Code",
4318
4320
  submit: "Submit",
@@ -4334,7 +4336,7 @@ var labels$4 = {
4334
4336
  title: "Payment Information"
4335
4337
  }
4336
4338
  };
4337
- var messages$4 = {
4339
+ var messages$6 = {
4338
4340
  youAreSafe: "You're safe - PCI compliant 128 SSL by",
4339
4341
  cancel: "Cancel your subscription online at anytime.",
4340
4342
  giftSent: "Subscription gift has been sent to",
@@ -4347,12 +4349,12 @@ var errors = {
4347
4349
  "": ""
4348
4350
  };
4349
4351
  var payment_en = {
4350
- labels: labels$4,
4351
- messages: messages$4,
4352
+ labels: labels$6,
4353
+ messages: messages$6,
4352
4354
  errors: errors
4353
4355
  };
4354
4356
 
4355
- var labels$3 = {
4357
+ var labels$5 = {
4356
4358
  menu: "Pelcro Menu",
4357
4359
  name: "Name",
4358
4360
  email: "Email",
@@ -4376,6 +4378,7 @@ var labels$3 = {
4376
4378
  account: "Account",
4377
4379
  purchases: "Purchases",
4378
4380
  subscriptions: "Subscriptions",
4381
+ donations: "Donations",
4379
4382
  updatePaymentSource: "Update",
4380
4383
  profile: "Profile",
4381
4384
  updateProfile: "Edit profile",
@@ -4391,6 +4394,7 @@ var labels$3 = {
4391
4394
  actions: "Actions",
4392
4395
  expiresOn: "Ends",
4393
4396
  startsOn: "Starts",
4397
+ startDate: "Start date",
4394
4398
  renewsOn: "Renews",
4395
4399
  canceledOn: "Canceled on",
4396
4400
  recipient: "Recipient",
@@ -4417,7 +4421,7 @@ var labels$3 = {
4417
4421
  goBack: "Go back"
4418
4422
  }
4419
4423
  };
4420
- var messages$3 = {
4424
+ var messages$5 = {
4421
4425
  noCard: "You don't have a card",
4422
4426
  subCancellation: {
4423
4427
  isSureToCancel: "Are you sure you want to cancel your subscription?",
@@ -4427,11 +4431,11 @@ var messages$3 = {
4427
4431
  }
4428
4432
  };
4429
4433
  var dashboard_en = {
4430
- labels: labels$3,
4431
- messages: messages$3
4434
+ labels: labels$5,
4435
+ messages: messages$5
4432
4436
  };
4433
4437
 
4434
- var labels$2 = {
4438
+ var labels$4 = {
4435
4439
  menu: "Menu Pelcro",
4436
4440
  name: "Nom",
4437
4441
  email: "Courriel",
@@ -4455,6 +4459,7 @@ var labels$2 = {
4455
4459
  account: "Compte",
4456
4460
  purchases: "Achats",
4457
4461
  subscriptions: "Abonnements",
4462
+ donations: "Des dons",
4458
4463
  updatePaymentSource: "Mettre à jour la source de paiement",
4459
4464
  profile: "Profil",
4460
4465
  updateProfile: "Mettre à jour le profil",
@@ -4470,6 +4475,7 @@ var labels$2 = {
4470
4475
  actions: "Actes",
4471
4476
  expiresOn: "Expire le",
4472
4477
  startsOn: "Débute le",
4478
+ startDate: "Date de début",
4473
4479
  renewsOn: "Renouvelle le",
4474
4480
  canceledOn: "Annulé le",
4475
4481
  recipient: "Destinataire",
@@ -4496,7 +4502,7 @@ var labels$2 = {
4496
4502
  goBack: "Retourner"
4497
4503
  }
4498
4504
  };
4499
- var messages$2 = {
4505
+ var messages$4 = {
4500
4506
  noCard: "Vous n’avez pas une carte",
4501
4507
  subCancellation: {
4502
4508
  isSureToCancel: "Êtes-vous certain de vouloir annuler votre abonnement?",
@@ -4506,16 +4512,16 @@ var messages$2 = {
4506
4512
  }
4507
4513
  };
4508
4514
  var dashboard_fr = {
4509
- labels: labels$2,
4510
- messages: messages$2
4515
+ labels: labels$4,
4516
+ messages: messages$4
4511
4517
  };
4512
4518
 
4513
- var messages$1 = {
4519
+ var messages$3 = {
4514
4520
  alreadyHaveAccount: "Already have an account?",
4515
4521
  loginHere: "Login here",
4516
4522
  checkbox: "Check this box to gift this subscription"
4517
4523
  };
4518
- var labels$1 = {
4524
+ var labels$3 = {
4519
4525
  plan: {
4520
4526
  title: "Subscribe to a plan",
4521
4527
  subtitle: "Select one of the plans below and click on next."
@@ -4526,7 +4532,11 @@ var labels$1 = {
4526
4532
  },
4527
4533
  selectProduct: "Select a product",
4528
4534
  selectPlan: "Select a plan",
4529
- startingAt: "Starting at"
4535
+ startingAt: "Starting at",
4536
+ restrictiveArticles: {
4537
+ subscribeTo: "Subscribe to one of the following options to get access to this page",
4538
+ or: "Or take a look at some of our other options below"
4539
+ }
4530
4540
  };
4531
4541
  var buttons$1 = {
4532
4542
  next: "Next",
@@ -4534,17 +4544,17 @@ var buttons$1 = {
4534
4544
  back: "Back"
4535
4545
  };
4536
4546
  var select_en = {
4537
- messages: messages$1,
4538
- labels: labels$1,
4547
+ messages: messages$3,
4548
+ labels: labels$3,
4539
4549
  buttons: buttons$1
4540
4550
  };
4541
4551
 
4542
- var messages = {
4552
+ var messages$2 = {
4543
4553
  alreadyHaveAccount: "Vous avez déjà un compte ?",
4544
4554
  loginHere: "Connectez-vous ici",
4545
4555
  checkbox: "Cochez cette case pour offrir cet abonnement"
4546
4556
  };
4547
- var labels = {
4557
+ var labels$2 = {
4548
4558
  plan: {
4549
4559
  title: "Abonnez-vous à un plan",
4550
4560
  subtitle: "Sélectionnez l’un des plans ci-dessous et cliquez sur suivant."
@@ -4555,7 +4565,11 @@ var labels = {
4555
4565
  },
4556
4566
  selectProduct: "Sélectionnez un produit",
4557
4567
  selectPlan: "Sélectionnez un plan",
4558
- starningAt: "À partir de"
4568
+ starningAt: "À partir de",
4569
+ restrictiveArticles: {
4570
+ subscribeTo: "Abonnez-vous à une des options suivantes pour accéder au contenu de cette page",
4571
+ or: "Sinon, jetez un coup d'oeil à d'autres offres ci-dessous"
4572
+ }
4559
4573
  };
4560
4574
  var buttons = {
4561
4575
  next: "Prochain",
@@ -4563,8 +4577,8 @@ var buttons = {
4563
4577
  back: "Retour"
4564
4578
  };
4565
4579
  var select_fr = {
4566
- messages: messages,
4567
- labels: labels,
4580
+ messages: messages$2,
4581
+ labels: labels$2,
4568
4582
  buttons: buttons
4569
4583
  };
4570
4584
 
@@ -4588,6 +4602,34 @@ var notification_fr = {
4588
4602
  confirm: confirm
4589
4603
  };
4590
4604
 
4605
+ var labels$1 = {
4606
+ title: "Verify your email",
4607
+ instructions: "You're on your way!\nLet's confirm your email address.\nClick on the verification link we've sent to your email:",
4608
+ resend: "Resend email"
4609
+ };
4610
+ var messages$1 = {
4611
+ resent: "Resent successfully",
4612
+ success: "Email verified successfully!"
4613
+ };
4614
+ var verifyEmail_en = {
4615
+ labels: labels$1,
4616
+ messages: messages$1
4617
+ };
4618
+
4619
+ var labels = {
4620
+ title: "Vérifiez votre e-mail",
4621
+ instructions: "Vous êtes en route!\nConfirmons votre adresse e-mail.\nCliquez sur le lien de vérification que nous vous avons envoyé par e-mail:",
4622
+ resend: "Ré-envoyer l'email"
4623
+ };
4624
+ var messages = {
4625
+ resent: "Renvoyé avec succès",
4626
+ success: "Email vérifié avec succès!"
4627
+ };
4628
+ var verifyEmail_fr = {
4629
+ labels: labels,
4630
+ messages: messages
4631
+ };
4632
+
4591
4633
  function create$1(createState) {
4592
4634
  let state;
4593
4635
  const listeners = new Set();
@@ -5937,12 +5979,23 @@ class PelcroActions {
5937
5979
  view,
5938
5980
  cartItems,
5939
5981
  ...otherStateFields
5940
- } = initialState$g;
5982
+ } = initialState$h;
5941
5983
  this.set(otherStateFields);
5942
5984
  });
5943
5985
 
5944
5986
  _defineProperty$3(this, "switchView", view => {
5945
- // view switching guards
5987
+ var _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro$user$r, _window$Pelcro$user$r2;
5988
+
5989
+ const isEmailVerificationEnabled = (_window$Pelcro$site$r = (_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.email_verify_enabled) !== null && _window$Pelcro$site$r !== void 0 ? _window$Pelcro$site$r : false;
5990
+ const isUserEmailVerified = (_window$Pelcro$user$r = (_window$Pelcro$user$r2 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.email_confirm) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : false;
5991
+ const userMustVerifyEmail = this.get().isAuthenticated() && isEmailVerificationEnabled && !isUserEmailVerified; // view switching guards
5992
+
5993
+ if (userMustVerifyEmail && !["dashboard", "meter", "login", null].includes(view)) {
5994
+ return this.set({
5995
+ view: "email-verify"
5996
+ });
5997
+ }
5998
+
5946
5999
  if (["login", "register"].includes(view) && this.get().isAuthenticated()) {
5947
6000
  return this.set({
5948
6001
  view: "dashboard"
@@ -6200,7 +6253,7 @@ class PelcroCallbacks {
6200
6253
  }
6201
6254
  });
6202
6255
 
6203
- _defineProperty$3(this, "whenUserReady", callback => {
6256
+ _defineProperty$3(this, "whenUserReady", (callback, listenerOptions) => {
6204
6257
  var _window$Pelcro$user$r;
6205
6258
 
6206
6259
  if ((_window$Pelcro$user$r = window.Pelcro.user.read()) !== null && _window$Pelcro$user$r !== void 0 && _window$Pelcro$user$r.id) {
@@ -6208,7 +6261,7 @@ class PelcroCallbacks {
6208
6261
  } else {
6209
6262
  window.document.addEventListener("PelcroUserLoaded", e => {
6210
6263
  callback(window.Pelcro.user.read());
6211
- });
6264
+ }, listenerOptions);
6212
6265
  }
6213
6266
  });
6214
6267
 
@@ -6227,7 +6280,7 @@ class PelcroCallbacks {
6227
6280
 
6228
6281
  }
6229
6282
 
6230
- const initialState$g = {
6283
+ const initialState$h = {
6231
6284
  // View
6232
6285
  view: null,
6233
6286
  // Plans
@@ -6255,7 +6308,7 @@ const createPelcroStore = () => createStore(middleware_3((set, get) => {
6255
6308
  return {
6256
6309
  // Store setter
6257
6310
  set,
6258
- ...initialState$g,
6311
+ ...initialState$h,
6259
6312
  // State actions
6260
6313
  ...actions,
6261
6314
  // Callbacks
@@ -6406,7 +6459,7 @@ const calcAndFormatItemsTotal = (items, currency) => {
6406
6459
  */
6407
6460
 
6408
6461
  const isValidViewFromURL = viewID => {
6409
- if (["login", "register", "plan-select", "gift-redeem", "password-forgot", "password-reset", "password-change", "payment-method-update", "user-edit", "newsletter", "address-create", "order-create", "cart"].includes(viewID) || hasValidNewsletterUpdateUrl()) {
6462
+ if (["login", "register", "plan-select", "gift-redeem", "password-forgot", "password-reset", "password-change", "payment-method-update", "user-edit", "newsletter", "address-create", "order-create", "cart", "email-verify"].includes(viewID) || hasValidNewsletterUpdateUrl()) {
6410
6463
  return true;
6411
6464
  }
6412
6465
 
@@ -6620,6 +6673,7 @@ const resources = {
6620
6673
  passwordReset: passwordReset_en,
6621
6674
  passwordForgot: passwordForgot_en,
6622
6675
  passwordChange: passwordChange_en,
6676
+ verifyEmail: verifyEmail_en,
6623
6677
  cart: cart_en,
6624
6678
  shop: shop_en,
6625
6679
  payment: payment_en,
@@ -6642,6 +6696,7 @@ const resources = {
6642
6696
  passwordReset: passwordReset_fr,
6643
6697
  passwordForgot: passwordForgot_fr,
6644
6698
  passwordChange: passwordChange_fr,
6699
+ verifyEmail: verifyEmail_fr,
6645
6700
  cart: cart_fr,
6646
6701
  shop: shop_fr,
6647
6702
  payment: payment_fr,
@@ -6800,6 +6855,8 @@ class SaveToMetadataButtonClass {
6800
6855
  _saveToMetadata.set(this, {
6801
6856
  writable: true,
6802
6857
  value: event => {
6858
+ var _user$metadata;
6859
+
6803
6860
  const button = event.currentTarget;
6804
6861
  const user = window.Pelcro.user.read();
6805
6862
  const {
@@ -6815,7 +6872,7 @@ class SaveToMetadataButtonClass {
6815
6872
 
6816
6873
  let newMetadataValue = [buttonMetadata]; // if this key already exist in user metadata object, append to it.
6817
6874
 
6818
- const oldValue = user.metadata[`metadata_saved_${key}`];
6875
+ const oldValue = (_user$metadata = user.metadata) === null || _user$metadata === void 0 ? void 0 : _user$metadata[`metadata_saved_${key}`];
6819
6876
 
6820
6877
  if (oldValue) {
6821
6878
  if (Array.isArray(oldValue)) {
@@ -6929,8 +6986,8 @@ const saveToMetadataButton = new SaveToMetadataButtonClass();
6929
6986
 
6930
6987
  let e={data:""},t=t=>"undefined"!=typeof window?((t?t.querySelector("#_goober"):window._goober)||Object.assign((t||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:t||e,l=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(})/g,a=/\/\*[^]*?\*\/|\s\s+|\n/g,n=(e,t)=>{let r,l="",a="",o="";for(let c in e){let s=e[c];"object"==typeof s?(r=t?t.replace(/([^,])+/g,e=>c.replace(/([^,])+/g,t=>/&/.test(t)?t.replace(/&/g,e):e?e+" "+t:t)):c,a+="@"==c[0]?"f"==c[1]?n(s,c):c+"{"+n(s,"k"==c[1]?"":t)+"}":n(s,r)):"@"==c[0]&&"i"==c[1]?l=c+" "+s+";":(c=c.replace(/[A-Z]/g,"-$&").toLowerCase(),o+=n.p?n.p(c,s):c+":"+s+";");}return o[0]?(r=t?t+"{"+o+"}":o,l+r+a):l+a},o={},c=e=>{let t="";for(let r in e)t+=r+("object"==typeof e[r]?c(e[r]):e[r]);return t},s=(e,t,r,s,i)=>{let p="object"==typeof e?c(e):e,u=o[p]||(o[p]=(e=>{let t=0,r=11;for(;t<e.length;)r=101*r+e.charCodeAt(t++)>>>0;return "go"+r})(p));if(!o[u]){let t="object"==typeof e?e:(e=>{let t,r=[{}];for(;t=l.exec(e.replace(a,""));)t[4]&&r.shift(),t[3]?r.unshift(r[0][t[3]]=r[0][t[3]]||{}):t[4]||(r[0][t[1]]=t[2]);return r[0]})(e);o[u]=n(i?{["@keyframes "+u]:t}:t,r?"":"."+u);}return ((e,t,r)=>{-1==t.data.indexOf(e)&&(t.data=r?e+t.data:t.data+e);})(o[u],t,s),u},i=(e,t,r)=>e.reduce((e,l,a)=>{let o=t[a];if(o&&o.call){let e=o(r),t=e&&e.props&&e.props.className||/^go/.test(e)&&e;o=t?"."+t:e&&"object"==typeof e?e.props?"":n(e,""):e;}return e+l+(null==o?"":o)},"");function p(e){let r=this||{},l=e.call?e(r.p):e;return s(l.unshift?l.raw?i(l,[].slice.call(arguments,1),r.p):l.reduce((e,t)=>t?Object.assign(e,t.call?t(r.p):t):e,{}):l,t(r.target),r.g,r.o,r.k)}let u,f,d;p.bind({g:1});let b=p.bind({k:1});function h(e,t,r,l){n.p=t,u=e,f=r,d=l;}function y(e,t){let r=this||{};return function(){let l=arguments;function a(n,o){let c=Object.assign({},n),s=c.className||a.className;r.p=Object.assign({theme:f&&f()},c),r.o=/ *go\d+/.test(s),c.className=p.apply(r,l)+(s?" "+s:""),t&&(c.ref=o);let i=c.as||e;return d&&i[0]&&d(c),u(i,c)}return t?t(a):a}}
6931
6988
 
6932
- function _extends$v() {
6933
- _extends$v = Object.assign || function (target) {
6989
+ function _extends$y() {
6990
+ _extends$y = Object.assign || function (target) {
6934
6991
  for (var i = 1; i < arguments.length; i++) {
6935
6992
  var source = arguments[i];
6936
6993
 
@@ -6944,7 +7001,7 @@ function _extends$v() {
6944
7001
  return target;
6945
7002
  };
6946
7003
 
6947
- return _extends$v.apply(this, arguments);
7004
+ return _extends$y.apply(this, arguments);
6948
7005
  }
6949
7006
 
6950
7007
  function _taggedTemplateLiteralLoose(strings, raw) {
@@ -7034,7 +7091,7 @@ var clearFromRemoveQueue = function clearFromRemoveQueue(toastId) {
7034
7091
  var reducer = function reducer(state, action) {
7035
7092
  switch (action.type) {
7036
7093
  case ActionType.ADD_TOAST:
7037
- return _extends$v({}, state, {
7094
+ return _extends$y({}, state, {
7038
7095
  toasts: [action.toast].concat(state.toasts).slice(0, TOAST_LIMIT)
7039
7096
  });
7040
7097
 
@@ -7044,9 +7101,9 @@ var reducer = function reducer(state, action) {
7044
7101
  clearFromRemoveQueue(action.toast.id);
7045
7102
  }
7046
7103
 
7047
- return _extends$v({}, state, {
7104
+ return _extends$y({}, state, {
7048
7105
  toasts: state.toasts.map(function (t) {
7049
- return t.id === action.toast.id ? _extends$v({}, t, action.toast) : t;
7106
+ return t.id === action.toast.id ? _extends$y({}, t, action.toast) : t;
7050
7107
  })
7051
7108
  });
7052
7109
 
@@ -7073,9 +7130,9 @@ var reducer = function reducer(state, action) {
7073
7130
  });
7074
7131
  }
7075
7132
 
7076
- return _extends$v({}, state, {
7133
+ return _extends$y({}, state, {
7077
7134
  toasts: state.toasts.map(function (t) {
7078
- return t.id === toastId || toastId === undefined ? _extends$v({}, t, {
7135
+ return t.id === toastId || toastId === undefined ? _extends$y({}, t, {
7079
7136
  visible: false
7080
7137
  }) : t;
7081
7138
  })
@@ -7083,28 +7140,28 @@ var reducer = function reducer(state, action) {
7083
7140
 
7084
7141
  case ActionType.REMOVE_TOAST:
7085
7142
  if (action.toastId === undefined) {
7086
- return _extends$v({}, state, {
7143
+ return _extends$y({}, state, {
7087
7144
  toasts: []
7088
7145
  });
7089
7146
  }
7090
7147
 
7091
- return _extends$v({}, state, {
7148
+ return _extends$y({}, state, {
7092
7149
  toasts: state.toasts.filter(function (t) {
7093
7150
  return t.id !== action.toastId;
7094
7151
  })
7095
7152
  });
7096
7153
 
7097
7154
  case ActionType.START_PAUSE:
7098
- return _extends$v({}, state, {
7155
+ return _extends$y({}, state, {
7099
7156
  pausedAt: action.time
7100
7157
  });
7101
7158
 
7102
7159
  case ActionType.END_PAUSE:
7103
7160
  var diff = action.time - (state.pausedAt || 0);
7104
- return _extends$v({}, state, {
7161
+ return _extends$y({}, state, {
7105
7162
  pausedAt: undefined,
7106
7163
  toasts: state.toasts.map(function (t) {
7107
- return _extends$v({}, t, {
7164
+ return _extends$y({}, t, {
7108
7165
  pauseDuration: t.pauseDuration + diff
7109
7166
  });
7110
7167
  })
@@ -7151,12 +7208,12 @@ var useStore = function useStore(toastOptions) {
7151
7208
  var mergedToasts = state.toasts.map(function (t) {
7152
7209
  var _toastOptions$t$type, _toastOptions, _toastOptions$t$type2;
7153
7210
 
7154
- return _extends$v({}, toastOptions, toastOptions[t.type], t, {
7211
+ return _extends$y({}, toastOptions, toastOptions[t.type], t, {
7155
7212
  duration: t.duration || ((_toastOptions$t$type = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type.duration) || ((_toastOptions = toastOptions) == null ? void 0 : _toastOptions.duration) || defaultTimeouts[t.type],
7156
- style: _extends$v({}, toastOptions.style, (_toastOptions$t$type2 = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type2.style, t.style)
7213
+ style: _extends$y({}, toastOptions.style, (_toastOptions$t$type2 = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type2.style, t.style)
7157
7214
  });
7158
7215
  });
7159
- return _extends$v({}, state, {
7216
+ return _extends$y({}, state, {
7160
7217
  toasts: mergedToasts
7161
7218
  });
7162
7219
  };
@@ -7166,7 +7223,7 @@ var createToast = function createToast(message, type, opts) {
7166
7223
  type = 'blank';
7167
7224
  }
7168
7225
 
7169
- return _extends$v({
7226
+ return _extends$y({
7170
7227
  createdAt: Date.now(),
7171
7228
  visible: true,
7172
7229
  type: type,
@@ -7216,14 +7273,14 @@ toast.remove = function (toastId) {
7216
7273
  };
7217
7274
 
7218
7275
  toast.promise = function (promise, msgs, opts) {
7219
- var id = toast.loading(msgs.loading, _extends$v({}, opts, opts == null ? void 0 : opts.loading));
7276
+ var id = toast.loading(msgs.loading, _extends$y({}, opts, opts == null ? void 0 : opts.loading));
7220
7277
  promise.then(function (p) {
7221
- toast.success(resolveValue(msgs.success, p), _extends$v({
7278
+ toast.success(resolveValue(msgs.success, p), _extends$y({
7222
7279
  id: id
7223
7280
  }, opts, opts == null ? void 0 : opts.success));
7224
7281
  return p;
7225
7282
  })["catch"](function (e) {
7226
- toast.error(resolveValue(msgs.error, e), _extends$v({
7283
+ toast.error(resolveValue(msgs.error, e), _extends$y({
7227
7284
  id: id
7228
7285
  }, opts, opts == null ? void 0 : opts.error));
7229
7286
  });
@@ -7562,7 +7619,7 @@ var ToastBar = /*#__PURE__*/React.memo(function (_ref2) {
7562
7619
  var message = React.createElement(Message, Object.assign({}, toast.ariaProps), resolveValue(toast.message, toast));
7563
7620
  return React.createElement(ToastBarBase, {
7564
7621
  className: toast.className,
7565
- style: _extends$v({}, animationStyle, style, toast.style)
7622
+ style: _extends$y({}, animationStyle, style, toast.style)
7566
7623
  }, typeof children === 'function' ? children({
7567
7624
  icon: icon,
7568
7625
  message: message
@@ -7592,7 +7649,7 @@ var getPositionStyle = function getPositionStyle(position, offset) {
7592
7649
  } : position.includes('right') ? {
7593
7650
  justifyContent: 'flex-end'
7594
7651
  } : {};
7595
- return _extends$v({
7652
+ return _extends$y({
7596
7653
  left: 0,
7597
7654
  right: 0,
7598
7655
  display: 'flex',
@@ -7619,7 +7676,7 @@ var Toaster = function Toaster(_ref) {
7619
7676
  handlers = _useToaster.handlers;
7620
7677
 
7621
7678
  return React.createElement("div", {
7622
- style: _extends$v({
7679
+ style: _extends$y({
7623
7680
  position: 'fixed',
7624
7681
  zIndex: 9999,
7625
7682
  top: DEFAULT_OFFSET,
@@ -7654,87 +7711,87 @@ var Toaster = function Toaster(_ref) {
7654
7711
  }));
7655
7712
  };
7656
7713
 
7657
- var _path$s;
7714
+ var _path$v;
7658
7715
 
7659
- function _extends$u() { _extends$u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
7716
+ function _extends$x() { _extends$x = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$x.apply(this, arguments); }
7660
7717
 
7661
7718
  function SvgCheckSolid(props) {
7662
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
7719
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
7663
7720
  xmlns: "http://www.w3.org/2000/svg",
7664
7721
  className: "h-5 w-5",
7665
7722
  viewBox: "0 0 20 20",
7666
7723
  fill: "currentColor"
7667
- }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
7724
+ }, props), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
7668
7725
  fillRule: "evenodd",
7669
7726
  d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
7670
7727
  clipRule: "evenodd"
7671
7728
  })));
7672
7729
  }
7673
7730
 
7674
- var _path$r;
7731
+ var _path$u;
7675
7732
 
7676
- function _extends$t() { _extends$t = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
7733
+ function _extends$w() { _extends$w = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$w.apply(this, arguments); }
7677
7734
 
7678
7735
  function SvgXIcon(props) {
7679
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
7736
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
7680
7737
  xmlns: "http://www.w3.org/2000/svg",
7681
7738
  viewBox: "0 0 20 20",
7682
7739
  fill: "currentColor"
7683
- }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
7740
+ }, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
7684
7741
  fill: "evenodd",
7685
7742
  d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
7686
7743
  clipRule: "evenodd"
7687
7744
  })));
7688
7745
  }
7689
7746
 
7690
- var _path$q;
7747
+ var _path$t;
7691
7748
 
7692
- function _extends$s() { _extends$s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
7749
+ function _extends$v() { _extends$v = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
7693
7750
 
7694
7751
  function SvgXIconSolid(props) {
7695
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
7752
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
7696
7753
  className: "plc-w-4 plc-h-4",
7697
7754
  fill: "currentColor",
7698
7755
  xmlns: "http://www.w3.org/2000/svg",
7699
7756
  viewBox: "0 0 100 100"
7700
- }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
7757
+ }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
7701
7758
  d: "M94.842 48.408c0 24.852-20.148 44.999-45.002 44.999-24.851 0-44.997-20.146-44.997-44.999 0-24.854 20.146-45 44.997-45 24.853 0 45.002 20.146 45.002 45zM71.073 64.841L54.73 48.497l16.344-16.344-4.979-4.979-16.343 16.345-16.343-16.344-4.799 4.799 16.344 16.344L28.61 64.661l4.979 4.978 16.344-16.344 16.343 16.344 4.797-4.798z"
7702
7759
  })));
7703
7760
  }
7704
7761
 
7705
- var _path$p;
7762
+ var _path$s;
7706
7763
 
7707
- function _extends$r() { _extends$r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
7764
+ function _extends$u() { _extends$u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
7708
7765
 
7709
7766
  function SvgExclamation(props) {
7710
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
7767
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
7711
7768
  className: "plc-w-4 plc-h-4 plc-mr-1",
7712
7769
  xmlns: "http://www.w3.org/2000/svg",
7713
7770
  viewBox: "0 0 20 20",
7714
7771
  fill: "currentColor"
7715
- }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
7772
+ }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
7716
7773
  fillRule: "evenodd",
7717
7774
  d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z",
7718
7775
  clipRule: "evenodd"
7719
7776
  })));
7720
7777
  }
7721
7778
 
7722
- var _path$o, _path2$3;
7779
+ var _path$r, _path2$4;
7723
7780
 
7724
- function _extends$q() { _extends$q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
7781
+ function _extends$t() { _extends$t = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
7725
7782
 
7726
7783
  function SvgSpinner(props) {
7727
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
7784
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
7728
7785
  className: "plc-animate-spin",
7729
7786
  viewBox: "0 0 24 24",
7730
7787
  fill: "currentColor",
7731
7788
  xmlns: "http://www.w3.org/2000/svg"
7732
- }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
7789
+ }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
7733
7790
  opacity: 0.2,
7734
7791
  fill: "evenodd",
7735
7792
  clipRule: "evenodd",
7736
7793
  d: "M12 19a7 7 0 100-14 7 7 0 000 14zm0 3c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"
7737
- })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
7794
+ })), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
7738
7795
  d: "M2 12C2 6.477 6.477 2 12 2v3a7 7 0 00-7 7H2z"
7739
7796
  })));
7740
7797
  }
@@ -8460,55 +8517,116 @@ var pure = pure$1;
8460
8517
  var pure_1 = pure.loadStripe;
8461
8518
 
8462
8519
  /**
8463
- * @typedef {Object} OptionsType
8464
- * @property {boolean} loadPaymentSDKs
8465
- * @property {boolean} enableURLTriggers
8466
- * @property {boolean} enableTheme
8467
- * @property {boolean} enablePaywalls
8468
- * @property {boolean} enableGoogleAnalytics
8469
- */
8470
-
8471
- /**
8472
- * Initializes pelcro features based on the options flag object
8473
- * @param {OptionsType} options
8474
- * @returns
8520
+ * Extracts error message from the response error object
8521
+ * @param {Object} error Error object
8522
+ * @return {string}
8475
8523
  */
8524
+ const getErrorMessages = error => {
8525
+ var _error$error, _error$response, _error$response$data, _error$response3, _error$response3$data, _error$response3$data2, _error$response5, _error$response5$data;
8476
8526
 
8477
- const optionsController = options => {
8478
- if (!options) {
8479
- return;
8527
+ if (error !== null && error !== void 0 && (_error$error = error.error) !== null && _error$error !== void 0 && _error$error.message) {
8528
+ return error.error.message;
8480
8529
  }
8481
8530
 
8482
- const optionsMethodsDict = {
8483
- loadPaymentSDKs: loadPaymentSDKs,
8484
- enableURLTriggers: initViewFromURL,
8485
- enableTheme: applyPelcroTheme,
8486
- enablePaywalls: initPaywalls,
8487
- loadSecuritySDK: initSecuritySdk,
8488
- enableGoogleAnalytics: initGATracking
8489
- }; // Only execute enabled options
8531
+ if (error !== null && error !== void 0 && (_error$response = error.response) !== null && _error$response !== void 0 && (_error$response$data = _error$response.data) !== null && _error$response$data !== void 0 && _error$response$data.message) {
8532
+ var _error$response2, _error$response2$data;
8490
8533
 
8491
- Object.entries(options).filter(([_, value]) => value === true).forEach(([key]) => {
8492
- var _optionsMethodsDict$k;
8534
+ return error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.message;
8535
+ }
8493
8536
 
8494
- return (_optionsMethodsDict$k = optionsMethodsDict[key]) === null || _optionsMethodsDict$k === void 0 ? void 0 : _optionsMethodsDict$k.call(optionsMethodsDict);
8495
- });
8496
- };
8497
- const initPaywalls = () => {
8498
- var _window$Pelcro$site$r;
8537
+ if (error !== null && error !== void 0 && (_error$response3 = error.response) !== null && _error$response3 !== void 0 && (_error$response3$data = _error$response3.data) !== null && _error$response3$data !== void 0 && (_error$response3$data2 = _error$response3$data.error) !== null && _error$response3$data2 !== void 0 && _error$response3$data2.message) {
8538
+ var _error$response4, _error$response4$data, _error$response4$data2;
8499
8539
 
8500
- const paywallMethods = window.Pelcro.paywall;
8501
- const viewFromURL = getStableViewID(window.Pelcro.helpers.getURLParameter("view"));
8540
+ return error === null || error === void 0 ? void 0 : (_error$response4 = error.response) === null || _error$response4 === void 0 ? void 0 : (_error$response4$data = _error$response4.data) === null || _error$response4$data === void 0 ? void 0 : (_error$response4$data2 = _error$response4$data.error) === null || _error$response4$data2 === void 0 ? void 0 : _error$response4$data2.message;
8541
+ }
8502
8542
 
8503
- if (((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.settings) === "subscription") {
8504
- // blur entitlements based content
8505
- const didBlurContent = init(); // Skip paywall if article is not restricted
8543
+ const errorMessages = []; // enumerable error (ex: validation errors)
8506
8544
 
8507
- if (isValidViewFromURL(viewFromURL) || !paywallMethods.isArticleRestricted()) {
8508
- return;
8509
- }
8545
+ Object.values(error === null || error === void 0 ? void 0 : (_error$response5 = error.response) === null || _error$response5 === void 0 ? void 0 : (_error$response5$data = _error$response5.data) === null || _error$response5$data === void 0 ? void 0 : _error$response5$data.errors).forEach(([errorMessage]) => {
8546
+ errorMessages.push(errorMessage);
8547
+ }); // convert to multiline string
8510
8548
 
8511
- const {
8549
+ return errorMessages.join("\n");
8550
+ };
8551
+ /**
8552
+ * Executes function after a wait time of inactivity
8553
+ * @param {function} func
8554
+ * @param {number} waitTime
8555
+ */
8556
+
8557
+ const debounce = (func, waitTime) => {
8558
+ let timeout;
8559
+ return function executedFunction(...args) {
8560
+ // The callback function to be executed after
8561
+ // the debounce time has elapsed
8562
+ const later = () => {
8563
+ // null timeout to indicate the debounce ended
8564
+ timeout = null;
8565
+ func(...args);
8566
+ }; // This will reset the waiting every function execution.
8567
+ // This is the step that prevents the function from
8568
+ // being executed because it will never reach the
8569
+ // inside of the previous setTimeout
8570
+
8571
+
8572
+ clearTimeout(timeout); // Restart the debounce waiting period.
8573
+ // setTimeout returns a truthy value (it differs in web vs Node)
8574
+
8575
+ timeout = setTimeout(later, waitTime);
8576
+ };
8577
+ };
8578
+
8579
+ /**
8580
+ * @typedef {Object} OptionsType
8581
+ * @property {boolean} loadPaymentSDKs
8582
+ * @property {boolean} enableURLTriggers
8583
+ * @property {boolean} enableTheme
8584
+ * @property {boolean} enablePaywalls
8585
+ * @property {boolean} enableGoogleAnalytics
8586
+ */
8587
+
8588
+ /**
8589
+ * Initializes pelcro features based on the options flag object
8590
+ * @param {OptionsType} options
8591
+ * @returns
8592
+ */
8593
+
8594
+ const optionsController = options => {
8595
+ if (!options) {
8596
+ return;
8597
+ }
8598
+
8599
+ const optionsMethodsDict = {
8600
+ loadPaymentSDKs: loadPaymentSDKs,
8601
+ loadAuth0SDK: loadAuth0SDK,
8602
+ enableURLTriggers: initViewFromURL,
8603
+ enableTheme: applyPelcroTheme,
8604
+ enablePaywalls: initPaywalls,
8605
+ loadSecuritySDK: initSecuritySdk,
8606
+ enableGoogleAnalytics: initGATracking
8607
+ }; // Only execute enabled options
8608
+
8609
+ Object.entries(options).filter(([_, value]) => value === true).forEach(([key]) => {
8610
+ var _optionsMethodsDict$k;
8611
+
8612
+ return (_optionsMethodsDict$k = optionsMethodsDict[key]) === null || _optionsMethodsDict$k === void 0 ? void 0 : _optionsMethodsDict$k.call(optionsMethodsDict);
8613
+ });
8614
+ };
8615
+ const initPaywalls = () => {
8616
+ var _window$Pelcro$site$r;
8617
+
8618
+ const paywallMethods = window.Pelcro.paywall;
8619
+ const viewFromURL = getStableViewID(window.Pelcro.helpers.getURLParameter("view"));
8620
+
8621
+ if (((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.settings) === "subscription") {
8622
+ // blur entitlements based content
8623
+ const didBlurContent = init(); // Skip paywall if article is not restricted
8624
+
8625
+ if (isValidViewFromURL(viewFromURL) || !paywallMethods.isArticleRestricted()) {
8626
+ return;
8627
+ }
8628
+
8629
+ const {
8512
8630
  switchView
8513
8631
  } = usePelcro.getStore();
8514
8632
 
@@ -8546,6 +8664,13 @@ const loadPaymentSDKs = () => {
8546
8664
  window.Pelcro.helpers.loadSDK("https://js.braintreegateway.com/web/3.69.0/js/paypal-checkout.min.js", "braintree-paypal-sdk");
8547
8665
  }
8548
8666
  };
8667
+ const loadAuth0SDK = () => {
8668
+ const auth0Enabled = Boolean(window.Pelcro.site.read().auth0_client_id && window.Pelcro.site.read().auth0_base_url);
8669
+
8670
+ if (auth0Enabled) {
8671
+ window.Pelcro.helpers.loadSDK("https://cdn.auth0.com/js/auth0/9.18/auth0.min.js", "auth0-sdk");
8672
+ }
8673
+ };
8549
8674
  const initSecuritySdk = () => {
8550
8675
  const {
8551
8676
  whenSiteReady
@@ -8691,6 +8816,10 @@ const initViewFromURL = () => {
8691
8816
  return initCartFromUrl();
8692
8817
  }
8693
8818
 
8819
+ if (view === "email-verify") {
8820
+ return verifyEmailTokenFromUrl();
8821
+ }
8822
+
8694
8823
  switchView(view);
8695
8824
  });
8696
8825
  }
@@ -8840,8 +8969,36 @@ const initCartFromUrl = () => {
8840
8969
  });
8841
8970
  };
8842
8971
 
8972
+ const verifyEmailTokenFromUrl = () => {
8973
+ var _window$Pelcro$site$r5, _window$Pelcro$site$r6;
8974
+
8975
+ const {
8976
+ whenSiteReady
8977
+ } = usePelcro.getStore();
8978
+ const translations = i18next.t("verifyEmail:messages", {
8979
+ returnObjects: true
8980
+ });
8981
+ const emailToken = window.Pelcro.helpers.getURLParameter("token");
8982
+ const isEmailVerificationEnabled = (_window$Pelcro$site$r5 = (_window$Pelcro$site$r6 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r6 === void 0 ? void 0 : _window$Pelcro$site$r6.email_verify_enabled) !== null && _window$Pelcro$site$r5 !== void 0 ? _window$Pelcro$site$r5 : false;
8983
+ if (!emailToken || !isEmailVerificationEnabled) return;
8984
+ whenSiteReady(() => {
8985
+ window.Pelcro.user.verifyEmailToken({
8986
+ token: emailToken
8987
+ }, (err, res) => {
8988
+ if (err) {
8989
+ return notify.error(getErrorMessages(err));
8990
+ }
8991
+
8992
+ return notify.success(translations.success);
8993
+ });
8994
+ }, {
8995
+ once: true
8996
+ });
8997
+ };
8998
+
8843
8999
  const defaultOptions = {
8844
9000
  loadPaymentSDKs: true,
9001
+ loadAuth0SDK: true,
8845
9002
  enableURLTriggers: true,
8846
9003
  enableTheme: true,
8847
9004
  enablePaywalls: true,
@@ -9121,6 +9278,7 @@ const SUBSCRIBE = "CREATE_SUBSCRIPTION";
9121
9278
  const HANDLE_PAYPAL_SUBSCRIPTION = "HANDLE_PAYPAL_SUBSCRIPTION";
9122
9279
  const DISABLE_COUPON_BUTTON = "DISABLE_COUPON_BUTTON";
9123
9280
  const APPLY_COUPON_CODE = "APPLY_COUPON_CODE";
9281
+ const REMOVE_APPLIED_COUPON = "REMOVE_APPLIED_COUPON";
9124
9282
  const SET_PERCENT_OFF = "SET_PERCENT_OFF";
9125
9283
  const SET_COUPON = "SET_COUPON";
9126
9284
  const SET_COUPON_ERROR = "SET_COUPON_ERROR";
@@ -9177,67 +9335,7 @@ const GET_NEWSLETTERS_FETCH = "GET_NEWSLETTERS_FETCH";
9177
9335
  const GET_NEWSLETTERS_SUCCESS = "GET_NEWSLETTERS_SUCCESS";
9178
9336
  const SWITCH_TO_UPDATE = "SWITCH_TO_UPDATE";
9179
9337
 
9180
- /**
9181
- * Extracts error message from the response error object
9182
- * @param {Object} error Error object
9183
- * @return {string}
9184
- */
9185
- const getErrorMessages = error => {
9186
- var _error$error, _error$response, _error$response$data, _error$response3, _error$response3$data, _error$response3$data2, _error$response5, _error$response5$data;
9187
-
9188
- if (error !== null && error !== void 0 && (_error$error = error.error) !== null && _error$error !== void 0 && _error$error.message) {
9189
- return error.error.message;
9190
- }
9191
-
9192
- if (error !== null && error !== void 0 && (_error$response = error.response) !== null && _error$response !== void 0 && (_error$response$data = _error$response.data) !== null && _error$response$data !== void 0 && _error$response$data.message) {
9193
- var _error$response2, _error$response2$data;
9194
-
9195
- return error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.message;
9196
- }
9197
-
9198
- if (error !== null && error !== void 0 && (_error$response3 = error.response) !== null && _error$response3 !== void 0 && (_error$response3$data = _error$response3.data) !== null && _error$response3$data !== void 0 && (_error$response3$data2 = _error$response3$data.error) !== null && _error$response3$data2 !== void 0 && _error$response3$data2.message) {
9199
- var _error$response4, _error$response4$data, _error$response4$data2;
9200
-
9201
- return error === null || error === void 0 ? void 0 : (_error$response4 = error.response) === null || _error$response4 === void 0 ? void 0 : (_error$response4$data = _error$response4.data) === null || _error$response4$data === void 0 ? void 0 : (_error$response4$data2 = _error$response4$data.error) === null || _error$response4$data2 === void 0 ? void 0 : _error$response4$data2.message;
9202
- }
9203
-
9204
- const errorMessages = []; // enumerable error (ex: validation errors)
9205
-
9206
- Object.values(error === null || error === void 0 ? void 0 : (_error$response5 = error.response) === null || _error$response5 === void 0 ? void 0 : (_error$response5$data = _error$response5.data) === null || _error$response5$data === void 0 ? void 0 : _error$response5$data.errors).forEach(([errorMessage]) => {
9207
- errorMessages.push(errorMessage);
9208
- }); // convert to multiline string
9209
-
9210
- return errorMessages.join("\n");
9211
- };
9212
- /**
9213
- * Executes function after a wait time of inactivity
9214
- * @param {function} func
9215
- * @param {number} waitTime
9216
- */
9217
-
9218
- const debounce = (func, waitTime) => {
9219
- let timeout;
9220
- return function executedFunction(...args) {
9221
- // The callback function to be executed after
9222
- // the debounce time has elapsed
9223
- const later = () => {
9224
- // null timeout to indicate the debounce ended
9225
- timeout = null;
9226
- func(...args);
9227
- }; // This will reset the waiting every function execution.
9228
- // This is the step that prevents the function from
9229
- // being executed because it will never reach the
9230
- // inside of the previous setTimeout
9231
-
9232
-
9233
- clearTimeout(timeout); // Restart the debounce waiting period.
9234
- // setTimeout returns a truthy value (it differs in web vs Node)
9235
-
9236
- timeout = setTimeout(later, waitTime);
9237
- };
9238
- };
9239
-
9240
- const initialState$f = {
9338
+ const initialState$g = {
9241
9339
  email: "",
9242
9340
  password: "",
9243
9341
  emailError: null,
@@ -9248,10 +9346,10 @@ const initialState$f = {
9248
9346
  content: ""
9249
9347
  }
9250
9348
  };
9251
- const store$f = /*#__PURE__*/React.createContext(initialState$f);
9349
+ const store$g = /*#__PURE__*/React.createContext(initialState$g);
9252
9350
  const {
9253
- Provider: Provider$f
9254
- } = store$f;
9351
+ Provider: Provider$g
9352
+ } = store$g;
9255
9353
 
9256
9354
  const LoginContainer = ({
9257
9355
  style,
@@ -9358,7 +9456,7 @@ const LoginContainer = ({
9358
9456
  });
9359
9457
 
9360
9458
  case RESET_LOGIN_FORM:
9361
- return initialState$f;
9459
+ return initialState$g;
9362
9460
 
9363
9461
  case DISABLE_LOGIN_BUTTON:
9364
9462
  return lib_7({ ...state,
@@ -9376,12 +9474,12 @@ const LoginContainer = ({
9376
9474
  default:
9377
9475
  return state;
9378
9476
  }
9379
- }, initialState$f);
9477
+ }, initialState$g);
9380
9478
  return /*#__PURE__*/React__default['default'].createElement("div", {
9381
9479
  style: { ...style
9382
9480
  },
9383
9481
  className: `pelcro-container pelcro-login-container ${className}`
9384
- }, /*#__PURE__*/React__default['default'].createElement(Provider$f, {
9482
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$g, {
9385
9483
  value: {
9386
9484
  state,
9387
9485
  dispatch
@@ -9389,12 +9487,12 @@ const LoginContainer = ({
9389
9487
  }, children.length ? children.map((child, i) => {
9390
9488
  if (child) {
9391
9489
  return /*#__PURE__*/React__default['default'].cloneElement(child, {
9392
- store: store$f,
9490
+ store: store$g,
9393
9491
  key: i
9394
9492
  });
9395
9493
  }
9396
9494
  }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
9397
- store: store$f
9495
+ store: store$g
9398
9496
  })));
9399
9497
  };
9400
9498
 
@@ -9639,7 +9737,7 @@ const LoginButton = ({
9639
9737
  buttonDisabled
9640
9738
  },
9641
9739
  dispatch
9642
- } = React.useContext(store$f);
9740
+ } = React.useContext(store$g);
9643
9741
  const {
9644
9742
  t
9645
9743
  } = useTranslation("login");
@@ -9660,23 +9758,23 @@ const LoginButton = ({
9660
9758
  };
9661
9759
 
9662
9760
  const LoginEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
9663
- store: store$f
9761
+ store: store$g
9664
9762
  }, props));
9665
9763
 
9666
9764
  const LoginPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
9667
- store: store$f
9765
+ store: store$g
9668
9766
  }, props));
9669
9767
 
9670
- var _path$n;
9768
+ var _path$q;
9671
9769
 
9672
- function _extends$p() { _extends$p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
9770
+ function _extends$s() { _extends$s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
9673
9771
 
9674
9772
  function SvgCheck(props) {
9675
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
9773
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
9676
9774
  xmlns: "http://www.w3.org/2000/svg",
9677
9775
  fill: "currentColor",
9678
9776
  viewBox: "0 0 20 20"
9679
- }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
9777
+ }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
9680
9778
  fillRule: "evenodd",
9681
9779
  d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
9682
9780
  clipRule: "evenodd"
@@ -9741,7 +9839,7 @@ var facebookLoginRenderProps = createCommonjsModule(function (module, exports) {
9741
9839
  var FacebookLogin = unwrapExports(facebookLoginRenderProps);
9742
9840
  facebookLoginRenderProps.FacebookLogin;
9743
9841
 
9744
- const initialState$e = {
9842
+ const initialState$f = {
9745
9843
  email: "",
9746
9844
  password: "",
9747
9845
  emailError: null,
@@ -9758,10 +9856,10 @@ const initialState$e = {
9758
9856
  content: ""
9759
9857
  }
9760
9858
  };
9761
- const store$e = /*#__PURE__*/React.createContext(initialState$e);
9859
+ const store$f = /*#__PURE__*/React.createContext(initialState$f);
9762
9860
  const {
9763
- Provider: Provider$e
9764
- } = store$e;
9861
+ Provider: Provider$f
9862
+ } = store$f;
9765
9863
 
9766
9864
  const RegisterContainer = ({
9767
9865
  style,
@@ -9944,7 +10042,7 @@ const RegisterContainer = ({
9944
10042
  });
9945
10043
 
9946
10044
  case RESET_LOGIN_FORM:
9947
- return initialState$e;
10045
+ return initialState$f;
9948
10046
 
9949
10047
  case DISABLE_REGISTRATION_BUTTON:
9950
10048
  return lib_7({ ...state,
@@ -9962,12 +10060,12 @@ const RegisterContainer = ({
9962
10060
  default:
9963
10061
  return state;
9964
10062
  }
9965
- }, initialState$e);
10063
+ }, initialState$f);
9966
10064
  return /*#__PURE__*/React__default['default'].createElement("div", {
9967
10065
  style: { ...style
9968
10066
  },
9969
10067
  className: `pelcro-container pelcro-register-container ${className}`
9970
- }, /*#__PURE__*/React__default['default'].createElement(Provider$e, {
10068
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$f, {
9971
10069
  value: {
9972
10070
  state,
9973
10071
  dispatch
@@ -9975,12 +10073,12 @@ const RegisterContainer = ({
9975
10073
  }, children.length ? children.map((child, i) => {
9976
10074
  if (child) {
9977
10075
  return /*#__PURE__*/React__default['default'].cloneElement(child, {
9978
- store: store$e,
10076
+ store: store$f,
9979
10077
  key: i
9980
10078
  });
9981
10079
  }
9982
10080
  }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
9983
- store: store$e
10081
+ store: store$f
9984
10082
  })));
9985
10083
  };
9986
10084
  /**
@@ -9995,15 +10093,15 @@ function hasSecurityTokenEnabled$1() {
9995
10093
  return hasSecuritySdkLoaded;
9996
10094
  }
9997
10095
 
9998
- var _path$m;
10096
+ var _path$p;
9999
10097
 
10000
- 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); }
10098
+ 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); }
10001
10099
 
10002
10100
  function SvgFacebookLogo(props) {
10003
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
10101
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
10004
10102
  xmlns: "http://www.w3.org/2000/svg",
10005
10103
  viewBox: "88.428 12.828 107.543 207.085"
10006
- }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
10104
+ }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
10007
10105
  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",
10008
10106
  fill: "#3c5a9a"
10009
10107
  })));
@@ -10020,10 +10118,10 @@ const FacebookLoginButton = ({
10020
10118
  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;
10021
10119
  const {
10022
10120
  dispatch: loginDispatch
10023
- } = React.useContext(store$f);
10121
+ } = React.useContext(store$g);
10024
10122
  const {
10025
10123
  dispatch: registerDispatch
10026
- } = React.useContext(store$e);
10124
+ } = React.useContext(store$f);
10027
10125
 
10028
10126
  const onSuccess = facebookUser => {
10029
10127
  loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
@@ -10076,18 +10174,18 @@ var googleLogin = createCommonjsModule(function (module, exports) {
10076
10174
  unwrapExports(googleLogin);
10077
10175
  var googleLogin_1 = googleLogin.GoogleLogin;
10078
10176
 
10079
- var _path$l, _path2$2, _path3$1, _path4;
10177
+ var _path$o, _path2$3, _path3$1, _path4;
10080
10178
 
10081
- 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); }
10179
+ 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); }
10082
10180
 
10083
10181
  function SvgGoogleLogo(props) {
10084
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
10182
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
10085
10183
  viewBox: "0 0 24 24",
10086
10184
  xmlns: "http://www.w3.org/2000/svg"
10087
- }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
10185
+ }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
10088
10186
  fill: "#4285F4",
10089
10187
  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"
10090
- })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
10188
+ })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
10091
10189
  fill: "#34A853",
10092
10190
  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"
10093
10191
  })), _path3$1 || (_path3$1 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -10110,10 +10208,10 @@ const GoogleLoginButton = ({
10110
10208
  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;
10111
10209
  const {
10112
10210
  dispatch: loginDispatch
10113
- } = React.useContext(store$f);
10211
+ } = React.useContext(store$g);
10114
10212
  const {
10115
10213
  dispatch: registerDispatch
10116
- } = React.useContext(store$e);
10214
+ } = React.useContext(store$f);
10117
10215
 
10118
10216
  const onSuccess = response => {
10119
10217
  var _response$getAuthResp, _profile$getEmail, _profile$getGivenName, _profile$getFamilyNam, _profile$getEmail2, _profile$getGivenName2, _profile$getFamilyNam2;
@@ -10161,17 +10259,127 @@ const GoogleLoginButton = ({
10161
10259
  }) : null;
10162
10260
  };
10163
10261
 
10262
+ var _path$n;
10263
+
10264
+ 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); }
10265
+
10266
+ function SvgAuth0Logo(props) {
10267
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
10268
+ viewBox: "0 0 256 285",
10269
+ xmlns: "http://www.w3.org/2000/svg"
10270
+ }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
10271
+ 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"
10272
+ })));
10273
+ }
10274
+
10275
+ const Auth0LoginButton = ({
10276
+ label = "Auth0",
10277
+ className = "",
10278
+ labelClassName = "",
10279
+ iconClassName = ""
10280
+ }) => {
10281
+ if (!window.auth0 && window.Pelcro.site.read().auth0_client_id && window.Pelcro.site.read().auth0_base_url) {
10282
+ console.error("Auth0 sdk script wasn't loaded, you need to load auth0 sdk before rendering the Auth0LoginButton");
10283
+ }
10284
+
10285
+ const auth0Enabled = Boolean(window.Pelcro.site.read().auth0_client_id && window.Pelcro.site.read().auth0_base_url && window.auth0);
10286
+ const auth0InstanceRef = React__default['default'].useRef(null);
10287
+ React__default['default'].useEffect(() => {
10288
+ if (auth0Enabled) {
10289
+ auth0InstanceRef.current = new window.auth0.WebAuth({
10290
+ domain: window.Pelcro.site.read().auth0_base_url,
10291
+ clientID: window.Pelcro.site.read().auth0_client_id
10292
+ });
10293
+ }
10294
+ }, []);
10295
+ const {
10296
+ dispatch: loginDispatch
10297
+ } = React.useContext(store$g);
10298
+ const {
10299
+ dispatch: registerDispatch
10300
+ } = React.useContext(store$f);
10301
+
10302
+ function handleClick() {
10303
+ var _auth0InstanceRef$cur, _auth0InstanceRef$cur2, _auth0InstanceRef$cur3;
10304
+
10305
+ (_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, {
10306
+ responseType: "token id_token",
10307
+ owp: true // close popup when finished
10308
+
10309
+ }, function (error, authResult) {
10310
+ if (error) {
10311
+ return onFailure(error);
10312
+ }
10313
+
10314
+ onSuccess(authResult);
10315
+ });
10316
+ }
10317
+
10318
+ const onSuccess = authResult => {
10319
+ var _auth0InstanceRef$cur4, _auth0InstanceRef$cur5, _auth0InstanceRef$cur6;
10320
+
10321
+ const {
10322
+ accessToken
10323
+ } = authResult;
10324
+ (_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) => {
10325
+ if (error) {
10326
+ return onFailure(error);
10327
+ }
10328
+
10329
+ const {
10330
+ email,
10331
+ nickname
10332
+ } = user;
10333
+ loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
10334
+ type: HANDLE_SOCIAL_LOGIN,
10335
+ payload: {
10336
+ idpName: "auth0",
10337
+ idpToken: accessToken,
10338
+ firstName: nickname,
10339
+ email
10340
+ }
10341
+ });
10342
+ registerDispatch === null || registerDispatch === void 0 ? void 0 : registerDispatch({
10343
+ type: HANDLE_SOCIAL_LOGIN,
10344
+ payload: {
10345
+ idpName: "auth0",
10346
+ idpToken: accessToken,
10347
+ firstName: nickname,
10348
+ email
10349
+ }
10350
+ });
10351
+ });
10352
+ };
10353
+
10354
+ const onFailure = error => {
10355
+ console.error(error);
10356
+ };
10357
+
10358
+ if (auth0Enabled) {
10359
+ return /*#__PURE__*/React__default['default'].createElement("button", {
10360
+ onClick: handleClick,
10361
+ 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}`
10362
+ }, /*#__PURE__*/React__default['default'].createElement(SvgAuth0Logo, {
10363
+ className: `plc-w-6 plc-h-auto pelcro-auth0-login-icon" ${iconClassName}`
10364
+ }), /*#__PURE__*/React__default['default'].createElement("p", {
10365
+ className: `pelcro-auth0-login-label ${labelClassName}`
10366
+ }, label));
10367
+ }
10368
+
10369
+ return null;
10370
+ };
10371
+
10164
10372
  /**
10165
10373
  *
10166
10374
  */
10167
10375
 
10168
10376
  function LoginView(props) {
10169
- var _window$Pelcro$site$r, _window$Pelcro$site$r2;
10377
+ var _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro$site$r3;
10170
10378
 
10171
10379
  const {
10172
10380
  t
10173
10381
  } = useTranslation("login");
10174
- 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);
10382
+ 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);
10175
10383
  return /*#__PURE__*/React__default['default'].createElement("div", {
10176
10384
  id: "pelcro-login-view"
10177
10385
  }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -10215,22 +10423,22 @@ function LoginView(props) {
10215
10423
  className: "plc-w-full plc-border-gray-300"
10216
10424
  })), /*#__PURE__*/React__default['default'].createElement("div", {
10217
10425
  className: "plc-flex plc-justify-center plc-px-5 plc-mt-1 plc-space-x-3"
10218
- }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null))))));
10426
+ }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null), /*#__PURE__*/React__default['default'].createElement(Auth0LoginButton, null))))));
10219
10427
  }
10220
10428
 
10221
- var _path$k, _path2$1, _path3;
10429
+ var _path$m, _path2$2, _path3;
10222
10430
 
10223
- 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); }
10431
+ 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); }
10224
10432
 
10225
10433
  function SvgPelcroAuthorship(props) {
10226
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
10434
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
10227
10435
  xmlns: "http://www.w3.org/2000/svg",
10228
10436
  viewBox: "0 -80.652 497.072 179.991"
10229
- }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
10437
+ }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
10230
10438
  fill: "none",
10231
10439
  stroke: "#4a4a4a",
10232
10440
  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"
10233
- })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
10441
+ })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
10234
10442
  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",
10235
10443
  fill: "#4a4a4a"
10236
10444
  })), _path3 || (_path3 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -10373,11 +10581,11 @@ function LoginModal({
10373
10581
  LoginModal.viewId = "login";
10374
10582
 
10375
10583
  const RegisterEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
10376
- store: store$e
10584
+ store: store$f
10377
10585
  }, props));
10378
10586
 
10379
10587
  const RegisterPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
10380
- store: store$e
10588
+ store: store$f
10381
10589
  }, props));
10382
10590
 
10383
10591
  const RegisterButton = ({
@@ -10397,7 +10605,7 @@ const RegisterButton = ({
10397
10605
  buttonDisabled
10398
10606
  },
10399
10607
  dispatch
10400
- } = React.useContext(store$e);
10608
+ } = React.useContext(store$f);
10401
10609
  const {
10402
10610
  t
10403
10611
  } = useTranslation("register");
@@ -10535,7 +10743,7 @@ function FirstName({
10535
10743
  }
10536
10744
 
10537
10745
  const RegisterFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
10538
- store: store$e
10746
+ store: store$f
10539
10747
  }, props));
10540
10748
 
10541
10749
  function LastName({
@@ -10566,7 +10774,7 @@ function LastName({
10566
10774
  }
10567
10775
 
10568
10776
  const RegisterLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
10569
- store: store$e
10777
+ store: store$f
10570
10778
  }, props));
10571
10779
 
10572
10780
  /**
@@ -10574,7 +10782,7 @@ const RegisterLastName = props => /*#__PURE__*/React__default['default'].createE
10574
10782
  */
10575
10783
 
10576
10784
  function RegisterView(props) {
10577
- var _product$paywall$regi, _product$paywall, _product$paywall$regi2, _product$paywall2, _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro, _window$Pelcro$uiSett;
10785
+ 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;
10578
10786
 
10579
10787
  const {
10580
10788
  t
@@ -10584,7 +10792,7 @@ function RegisterView(props) {
10584
10792
  } = usePelcro();
10585
10793
  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");
10586
10794
  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");
10587
- 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);
10795
+ 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);
10588
10796
  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;
10589
10797
  return /*#__PURE__*/React__default['default'].createElement("div", {
10590
10798
  id: "pelcro-register-view"
@@ -10642,7 +10850,7 @@ function RegisterView(props) {
10642
10850
  className: "plc-w-full plc-border-gray-300"
10643
10851
  })), /*#__PURE__*/React__default['default'].createElement("div", {
10644
10852
  className: "plc-flex plc-justify-center plc-px-5 plc-mt-1 plc-space-x-3"
10645
- }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null))))));
10853
+ }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null), /*#__PURE__*/React__default['default'].createElement(Auth0LoginButton, null))))));
10646
10854
  }
10647
10855
  /**
10648
10856
  * Checks if the current site has security token enabled
@@ -10650,9 +10858,9 @@ function RegisterView(props) {
10650
10858
  */
10651
10859
 
10652
10860
  function hasSecurityTokenEnabled() {
10653
- var _window$Pelcro$site, _window$Pelcro$site$r3;
10861
+ var _window$Pelcro$site, _window$Pelcro$site$r4;
10654
10862
 
10655
- 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);
10863
+ 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);
10656
10864
  }
10657
10865
 
10658
10866
  function TextInput({
@@ -10690,7 +10898,7 @@ function TextInput({
10690
10898
 
10691
10899
  const RegisterTextInput = props => {
10692
10900
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
10693
- store: store$e
10901
+ store: store$f
10694
10902
  }));
10695
10903
  };
10696
10904
 
@@ -10942,42 +11150,80 @@ class SelectModal extends React.Component {
10942
11150
  return `${startingPlan.amount_formatted}/${startingPlan.interval}`;
10943
11151
  });
10944
11152
 
11153
+ _defineProperty$3(this, "renderOneProduct", (product, index, options) => {
11154
+ const isPlanMode = Boolean(this.state.mode === "plan");
11155
+ const productButtonLabel = isPlanMode ? this.locale("buttons.back") : this.locale("buttons.select");
11156
+ const productButtonCallback = isPlanMode ? this.goBack : this.selectProduct;
11157
+ return /*#__PURE__*/React__default['default'].createElement("div", {
11158
+ key: product.id,
11159
+ 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"}`
11160
+ }, product.image && /*#__PURE__*/React__default['default'].createElement("img", {
11161
+ alt: `image of ${product.name}`,
11162
+ src: product.image,
11163
+ className: "plc-object-contain plc-w-1/4 pelcro-select-product-image"
11164
+ }), /*#__PURE__*/React__default['default'].createElement("div", {
11165
+ className: `plc-flex plc-flex-wrap ${product.image ? "plc-w-3/4" : "plc-w-full"}`
11166
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
11167
+ className: "plc-w-full pelcro-select-product-header"
11168
+ }, /*#__PURE__*/React__default['default'].createElement("p", {
11169
+ className: "plc-font-bold pelcro-select-product-title"
11170
+ }, product.name), /*#__PURE__*/React__default['default'].createElement("p", {
11171
+ className: "plc-text-xs pelcro-select-product-description"
11172
+ }, product.description)), /*#__PURE__*/React__default['default'].createElement("div", {
11173
+ className: "plc-flex plc-items-end plc-w-full plc-mt-3"
11174
+ }, product.plans && /*#__PURE__*/React__default['default'].createElement("p", {
11175
+ className: "plc-w-1/2 plc-text-xs pelcro-select-product-cost"
11176
+ }, this.locale("labels.startingAt"), " ", this.countStartPrice(product.plans)), /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
11177
+ onClick: productButtonCallback,
11178
+ "data-key": product.id,
11179
+ id: "pelcro-select-product-back-button",
11180
+ className: `plc-ml-auto plc-text-xs ${options !== null && options !== void 0 && options.emphasize ? "plc-bg-primary-700" : ""}`
11181
+ }, index === 0 && {
11182
+ autoFocus: true
11183
+ }), productButtonLabel))));
11184
+ });
11185
+
10945
11186
  _defineProperty$3(this, "renderProducts", () => {
10946
11187
  const userDidSelectProduct = Boolean(this.state.mode === "plan");
10947
11188
  const productsToShow = userDidSelectProduct ? [this.state.product] : this.state.productList;
10948
- const productButtonLabel = userDidSelectProduct ? this.locale("buttons.back") : this.locale("buttons.select");
10949
- const productButtonCallback = userDidSelectProduct ? this.goBack : this.selectProduct;
10950
- return productsToShow.map((product, i) => {
10951
- return /*#__PURE__*/React__default['default'].createElement("div", {
10952
- key: product.id,
10953
- 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"
10954
- }, product.image && /*#__PURE__*/React__default['default'].createElement("img", {
10955
- alt: `image of ${product.name}`,
10956
- src: product.image,
10957
- className: "plc-object-contain plc-w-1/4 pelcro-select-product-image"
10958
- }), /*#__PURE__*/React__default['default'].createElement("div", {
10959
- className: `plc-flex plc-flex-wrap ${product.image ? "plc-w-3/4" : "plc-w-full"}`
10960
- }, /*#__PURE__*/React__default['default'].createElement("div", {
10961
- className: "plc-w-full pelcro-select-product-header"
10962
- }, /*#__PURE__*/React__default['default'].createElement("p", {
10963
- className: "plc-font-bold pelcro-select-product-title"
10964
- }, product.name), /*#__PURE__*/React__default['default'].createElement("p", {
10965
- className: "plc-text-xs pelcro-select-product-description"
10966
- }, product.description)), /*#__PURE__*/React__default['default'].createElement("div", {
10967
- className: "plc-flex plc-items-end plc-w-full plc-mt-3"
10968
- }, product.plans && /*#__PURE__*/React__default['default'].createElement("p", {
10969
- className: "plc-w-1/2 plc-text-xs pelcro-select-product-cost"
10970
- }, this.locale("labels.startingAt"), " ", this.countStartPrice(product.plans)), /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
10971
- onClick: productButtonCallback,
10972
- "data-key": product.id,
10973
- id: "pelcro-select-product-back-button",
10974
- className: "plc-ml-auto plc-text-xs"
10975
- }, i === 0 && {
10976
- autoFocus: true
10977
- }), productButtonLabel))));
11189
+ return productsToShow.map((product, index) => {
11190
+ return this.renderOneProduct(product, index);
10978
11191
  });
10979
11192
  });
10980
11193
 
11194
+ _defineProperty$3(this, "renderMatchingProductsFirst", () => {
11195
+ const isPlanMode = Boolean(this.state.mode === "plan");
11196
+
11197
+ if (isPlanMode) {
11198
+ return this.renderOneProduct(this.state.product);
11199
+ }
11200
+
11201
+ const [productsThatMatchArticleTag, allProductsMinusMatched] = productsWithMatchedTaggedFirst(); // Render normal products if there are no available matching products
11202
+
11203
+ if (!(productsThatMatchArticleTag !== null && productsThatMatchArticleTag !== void 0 && productsThatMatchArticleTag.length)) {
11204
+ return this.renderProducts();
11205
+ }
11206
+
11207
+ return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("h3", {
11208
+ className: "plc-text-sm plc-font-semibold"
11209
+ }, this.locale("labels.restrictiveArticles.subscribeTo")), productsThatMatchArticleTag.map((product, index) => this.renderOneProduct(product, index, {
11210
+ emphasize: true
11211
+ })), (allProductsMinusMatched === null || allProductsMinusMatched === void 0 ? void 0 : allProductsMinusMatched.length) > 0 && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("hr", {
11212
+ className: "plc-my-4"
11213
+ }), /*#__PURE__*/React__default['default'].createElement("h3", {
11214
+ className: "plc-text-sm plc-font-semibold"
11215
+ }, this.locale("labels.restrictiveArticles.or")), allProductsMinusMatched.map((product, index) => this.renderOneProduct(product, index))));
11216
+
11217
+ function productsWithMatchedTaggedFirst() {
11218
+ var _window$Pelcro$produc;
11219
+
11220
+ const allProducts = (_window$Pelcro$produc = window.Pelcro.product.list()) !== null && _window$Pelcro$produc !== void 0 ? _window$Pelcro$produc : [];
11221
+ const productsThatMatchArticleTag = window.Pelcro.product.getByMatchingPageTags();
11222
+ const allProductsMinusMatched = allProducts.filter(product => !productsThatMatchArticleTag.some(matchedProduct => matchedProduct.id === product.id));
11223
+ return [productsThatMatchArticleTag, allProductsMinusMatched];
11224
+ }
11225
+ });
11226
+
10981
11227
  _defineProperty$3(this, "renderPlans", () => {
10982
11228
  return this.state.planList.map(plan => {
10983
11229
  const isChecked = this.state.plan.id === plan.id ? true : false;
@@ -11104,7 +11350,7 @@ class SelectModal extends React.Component {
11104
11350
  }
11105
11351
 
11106
11352
  render() {
11107
- var _window$Pelcro$produc, _window$Pelcro$produc2;
11353
+ var _window$Pelcro$produc2, _window$Pelcro$produc3, _window$Pelcro$site$r;
11108
11354
 
11109
11355
  const {
11110
11356
  disableGifting
@@ -11138,9 +11384,9 @@ class SelectModal extends React.Component {
11138
11384
  className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
11139
11385
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
11140
11386
  className: "plc-text-2xl plc-font-semibold"
11141
- }, this.product && this.product.paywall.select_title || ((_window$Pelcro$produc = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc === void 0 ? void 0 : _window$Pelcro$produc.paywall.select_title)), /*#__PURE__*/React__default['default'].createElement("p", null, this.product && this.product.paywall.select_subtitle || ((_window$Pelcro$produc2 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc2 === void 0 ? void 0 : _window$Pelcro$produc2.paywall.select_subtitle))), /*#__PURE__*/React__default['default'].createElement("div", {
11387
+ }, this.product && this.product.paywall.select_title || ((_window$Pelcro$produc2 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc2 === void 0 ? void 0 : _window$Pelcro$produc2.paywall.select_title)), /*#__PURE__*/React__default['default'].createElement("p", null, this.product && this.product.paywall.select_subtitle || ((_window$Pelcro$produc3 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc3 === void 0 ? void 0 : _window$Pelcro$produc3.paywall.select_subtitle))), /*#__PURE__*/React__default['default'].createElement("div", {
11142
11388
  className: "pelcro-select-products-wrapper"
11143
- }, this.renderProducts()), this.state.mode === "plan" && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
11389
+ }, (_window$Pelcro$site$r = window.Pelcro.site.read()) !== null && _window$Pelcro$site$r !== void 0 && _window$Pelcro$site$r.restrictive_paywall_metatags_enabled ? this.renderMatchingProductsFirst() : this.renderProducts()), this.state.mode === "plan" && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
11144
11390
  className: "plc-overflow-y-scroll plc-max-h-72 pelcro-select-plans-wrapper"
11145
11391
  }, this.renderPlans()), !disableGifting && /*#__PURE__*/React__default['default'].createElement("div", {
11146
11392
  className: "plc-flex plc-justify-center plc-mt-2"
@@ -12662,7 +12908,7 @@ class PaypalGateWay {
12662
12908
 
12663
12909
  /** @type {PaymentStateType} */
12664
12910
 
12665
- const initialState$d = {
12911
+ const initialState$e = {
12666
12912
  disableSubmit: false,
12667
12913
  isLoading: false,
12668
12914
  disableCouponButton: false,
@@ -12681,10 +12927,10 @@ const initialState$d = {
12681
12927
  content: ""
12682
12928
  }
12683
12929
  };
12684
- const store$d = /*#__PURE__*/React.createContext(initialState$d);
12930
+ const store$e = /*#__PURE__*/React.createContext(initialState$e);
12685
12931
  const {
12686
- Provider: Provider$d
12687
- } = store$d;
12932
+ Provider: Provider$e
12933
+ } = store$e;
12688
12934
 
12689
12935
  const PaymentMethodContainerWithoutStripe = ({
12690
12936
  style,
@@ -12846,15 +13092,50 @@ const PaymentMethodContainerWithoutStripe = ({
12846
13092
  });
12847
13093
 
12848
13094
  if (err) {
13095
+ onFailure(err);
13096
+ dispatch({
13097
+ type: SET_COUPON_ERROR,
13098
+ payload: getErrorMessages(err)
13099
+ }); // remove current coupon
13100
+
13101
+ dispatch({
13102
+ type: SET_COUPON,
13103
+ payload: null
13104
+ });
12849
13105
  dispatch({
12850
13106
  type: SET_PERCENT_OFF,
12851
13107
  payload: ""
12852
13108
  });
12853
- onFailure(err);
12854
- return dispatch({
12855
- type: SET_COUPON_ERROR,
12856
- payload: getErrorMessages(err)
13109
+ dispatch({
13110
+ type: SET_UPDATED_PRICE,
13111
+ payload: null
12857
13112
  });
13113
+ dispatch({
13114
+ type: SET_TAX_AMOUNT,
13115
+ payload: null
13116
+ });
13117
+ const {
13118
+ currentPlan
13119
+ } = state;
13120
+
13121
+ if (currentPlan) {
13122
+ var _currentPlan$quantity;
13123
+
13124
+ const quantity = (_currentPlan$quantity = currentPlan.quantity) !== null && _currentPlan$quantity !== void 0 ? _currentPlan$quantity : 1;
13125
+ const price = currentPlan.amount;
13126
+ dispatch({
13127
+ type: SET_UPDATED_PRICE,
13128
+ // set original plan price
13129
+ payload: price * quantity
13130
+ });
13131
+ dispatch({
13132
+ type: UPDATE_PAYMENT_REQUEST
13133
+ }); // update the new amount with taxes if site has taxes enabled
13134
+
13135
+ updateTotalAmountWithTax();
13136
+ }
13137
+
13138
+ return;
12858
13139
  }
12859
13140
 
12860
13141
  dispatch({
@@ -12944,6 +13225,54 @@ const PaymentMethodContainerWithoutStripe = ({
12944
13225
 
12945
13226
  const debouncedApplyCouponCode = React.useRef(debounce(onApplyCouponCode, 1000)).current;
12946
13227
 
13228
+ const removeAppliedCoupon = state => {
13229
+ state.couponCode = "";
13230
+ dispatch({
13231
+ type: SET_COUPON_ERROR,
13232
+ payload: ""
13233
+ });
13234
+ dispatch({
13235
+ type: SHOW_COUPON_FIELD,
13236
+ payload: false
13237
+ });
13238
+ dispatch({
13239
+ type: SET_COUPON,
13240
+ payload: null
13241
+ });
13242
+ dispatch({
13243
+ type: SET_PERCENT_OFF,
13244
+ payload: ""
13245
+ });
13246
+ dispatch({
13247
+ type: SET_UPDATED_PRICE,
13248
+ payload: null
13249
+ });
13250
+ dispatch({
13251
+ type: SET_TAX_AMOUNT,
13252
+ payload: null
13253
+ });
13254
+ const {
13255
+ currentPlan
13256
+ } = state;
13257
+
13258
+ if (currentPlan) {
13259
+ var _currentPlan$quantity2;
13260
+
13261
+ const quantity = (_currentPlan$quantity2 = currentPlan.quantity) !== null && _currentPlan$quantity2 !== void 0 ? _currentPlan$quantity2 : 1;
13262
+ const price = currentPlan.amount;
13263
+ dispatch({
13264
+ type: SET_UPDATED_PRICE,
13265
+ // set original plan price
13266
+ payload: price * quantity
13267
+ });
13268
+ dispatch({
13269
+ type: UPDATE_PAYMENT_REQUEST
13270
+ }); // update the new amount with taxes if site has taxes enabled
13271
+
13272
+ updateTotalAmountWithTax();
13273
+ }
13274
+ };
13275
+
12947
13276
  const subscribe = (stripeSource, state, dispatch) => {
12948
13277
  const {
12949
13278
  couponCode
@@ -13561,6 +13890,9 @@ const PaymentMethodContainerWithoutStripe = ({
13561
13890
  disableCouponButton: true
13562
13891
  }, (state, dispatch) => onApplyCouponCode(state, dispatch));
13563
13892
 
13893
+ case REMOVE_APPLIED_COUPON:
13894
+ return lib_5(state, () => removeAppliedCoupon(state));
13895
+
13564
13896
  case SET_COUPON:
13565
13897
  return lib_7({ ...state,
13566
13898
  couponObject: action.payload
@@ -13589,21 +13921,21 @@ const PaymentMethodContainerWithoutStripe = ({
13589
13921
  default:
13590
13922
  return state;
13591
13923
  }
13592
- }, initialState$d);
13924
+ }, initialState$e);
13593
13925
  return /*#__PURE__*/React__default['default'].createElement("div", {
13594
13926
  style: { ...style
13595
13927
  },
13596
13928
  className: `pelcro-container pelcro-payment-container ${className}`
13597
- }, /*#__PURE__*/React__default['default'].createElement(Provider$d, {
13929
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$e, {
13598
13930
  value: {
13599
13931
  state,
13600
13932
  dispatch
13601
13933
  }
13602
13934
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
13603
- store: store$d,
13935
+ store: store$e,
13604
13936
  key: i
13605
13937
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
13606
- store: store$d
13938
+ store: store$e
13607
13939
  })));
13608
13940
  };
13609
13941
 
@@ -13625,7 +13957,7 @@ const PaymentMethodContainer = props => {
13625
13957
  stripeAccount: window.Pelcro.site.read().account_id,
13626
13958
  locale: getPageOrDefaultLanguage()
13627
13959
  }, /*#__PURE__*/React__default['default'].createElement(es_11, null, /*#__PURE__*/React__default['default'].createElement(UnwrappedForm, Object.assign({
13628
- store: store$d
13960
+ store: store$e
13629
13961
  }, props))));
13630
13962
  }
13631
13963
 
@@ -13678,7 +14010,7 @@ const PelcroPaymentRequestButton = props => {
13678
14010
  currentPlan,
13679
14011
  updatedPrice
13680
14012
  }
13681
- } = React.useContext(store$d);
14013
+ } = React.useContext(store$e);
13682
14014
 
13683
14015
  const updatePaymentRequest = () => {
13684
14016
  // Make sure payment request is up to date, eg. user added a coupon code.
@@ -13729,12 +14061,16 @@ const DiscountedPrice = props => {
13729
14061
  var _order$currency, _order$, _plan$quantity;
13730
14062
 
13731
14063
  const {
14064
+ t
14065
+ } = useTranslation("checkoutForm");
14066
+ const {
14067
+ dispatch,
13732
14068
  state: {
13733
14069
  updatedPrice,
13734
14070
  taxAmount,
13735
14071
  percentOff
13736
14072
  }
13737
- } = React.useContext(store$d);
14073
+ } = React.useContext(store$e);
13738
14074
  const {
13739
14075
  order,
13740
14076
  plan
@@ -13744,12 +14080,22 @@ const DiscountedPrice = props => {
13744
14080
  const discountedPriceWithoutTax = updatedPrice - taxAmount;
13745
14081
  const priceFormatted = getFormattedPriceByLocal(order ? updatedPrice : discountedPriceWithoutTax * planQuantity, ecommOrderCurrency !== null && ecommOrderCurrency !== void 0 ? ecommOrderCurrency : plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
13746
14082
 
14083
+ const onCouponRemove = () => {
14084
+ dispatch({
14085
+ type: REMOVE_APPLIED_COUPON
14086
+ });
14087
+ };
14088
+
13747
14089
  if (percentOff) {
13748
14090
  return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
13749
- className: "plc-flex plc-justify-center plc-mt-2 pelcro-discount"
13750
- }, props), "(-", percentOff, ")", " ", /*#__PURE__*/React__default['default'].createElement("span", {
13751
- className: "plc-font-bold pelcro-discounted-price"
13752
- }, priceFormatted));
14091
+ className: "plc-flex plc-items-center plc-justify-center plc-mt-2 pelcro-discount"
14092
+ }, props), "(-", percentOff, ")", /*#__PURE__*/React__default['default'].createElement("span", {
14093
+ className: "plc-ml-1 plc-font-bold pelcro-discounted-price"
14094
+ }, priceFormatted), /*#__PURE__*/React__default['default'].createElement(Button, {
14095
+ variant: "ghost",
14096
+ className: "plc-ml-2 plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
14097
+ onClick: onCouponRemove
14098
+ }, "\u2715 ", t("labels.removeCoupon")));
13753
14099
  }
13754
14100
 
13755
14101
  return "";
@@ -13774,7 +14120,7 @@ const SubmitPaymentMethod = ({
13774
14120
  isLoading,
13775
14121
  updatedPrice
13776
14122
  }
13777
- } = React.useContext(store$d);
14123
+ } = React.useContext(store$e);
13778
14124
  const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
13779
14125
  const price = updatedPrice !== null && updatedPrice !== void 0 ? updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount;
13780
14126
  const priceFormatted = getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
@@ -13795,17 +14141,17 @@ const SubmitPaymentMethod = ({
13795
14141
  }, t("labels.pay"), " ", priceFormatted && priceFormatted) : t("labels.submit"));
13796
14142
  };
13797
14143
 
13798
- var _path$j;
14144
+ var _path$l;
13799
14145
 
13800
- 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); }
14146
+ 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); }
13801
14147
 
13802
14148
  function SvgArrowLeft(props) {
13803
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
14149
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
13804
14150
  xmlns: "http://www.w3.org/2000/svg",
13805
14151
  fill: "none",
13806
14152
  viewBox: "0 0 24 24",
13807
14153
  stroke: "currentColor"
13808
- }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
14154
+ }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
13809
14155
  strokeLinecap: "round",
13810
14156
  strokeLinejoin: "round",
13811
14157
  strokeWidth: 2,
@@ -13824,7 +14170,7 @@ const ApplyCouponButton = ({
13824
14170
  disableCouponButton
13825
14171
  },
13826
14172
  dispatch
13827
- } = React.useContext(store$d);
14173
+ } = React.useContext(store$e);
13828
14174
  const {
13829
14175
  t
13830
14176
  } = useTranslation("checkoutForm");
@@ -13858,7 +14204,7 @@ const CouponCodeField = props => {
13858
14204
  couponCode,
13859
14205
  couponError
13860
14206
  }
13861
- } = React.useContext(store$d);
14207
+ } = React.useContext(store$e);
13862
14208
 
13863
14209
  const onCouponCodeChange = e => {
13864
14210
  dispatch({
@@ -13887,17 +14233,17 @@ const CouponCodeField = props => {
13887
14233
  }, props));
13888
14234
  };
13889
14235
 
13890
- var _path$i;
14236
+ var _path$k;
13891
14237
 
13892
- 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); }
14238
+ 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); }
13893
14239
 
13894
14240
  function SvgTicket(props) {
13895
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
14241
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
13896
14242
  xmlns: "http://www.w3.org/2000/svg",
13897
14243
  fill: "none",
13898
14244
  viewBox: "0 0 24 24",
13899
14245
  stroke: "currentColor"
13900
- }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
14246
+ }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
13901
14247
  strokeLinecap: "round",
13902
14248
  strokeLinejoin: "round",
13903
14249
  strokeWidth: 2,
@@ -13914,7 +14260,7 @@ const CouponCode = ({
13914
14260
  state: {
13915
14261
  enableCouponField
13916
14262
  }
13917
- } = React.useContext(store$d);
14263
+ } = React.useContext(store$e);
13918
14264
  const {
13919
14265
  t
13920
14266
  } = useTranslation("checkoutForm");
@@ -14171,7 +14517,7 @@ const PaypalSubscribeButton = props => {
14171
14517
  const {
14172
14518
  dispatch,
14173
14519
  state
14174
- } = React.useContext(store$d);
14520
+ } = React.useContext(store$e);
14175
14521
  const {
14176
14522
  product,
14177
14523
  plan,
@@ -14256,16 +14602,16 @@ const BankRedirection = () => {
14256
14602
  }));
14257
14603
  };
14258
14604
 
14259
- var _path$h;
14605
+ var _path$j;
14260
14606
 
14261
- 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); }
14607
+ 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); }
14262
14608
 
14263
14609
  function SvgLock(props) {
14264
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
14610
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
14265
14611
  xmlns: "http://www.w3.org/2000/svg",
14266
14612
  viewBox: "0 0 20 20",
14267
14613
  fill: "currentColor"
14268
- }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
14614
+ }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
14269
14615
  fillRule: "evenodd",
14270
14616
  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",
14271
14617
  clipRule: "evenodd"
@@ -14282,7 +14628,7 @@ const SelectedPaymentMethod = () => {
14282
14628
  state: {
14283
14629
  isLoading
14284
14630
  }
14285
- } = React.useContext(store$d);
14631
+ } = React.useContext(store$e);
14286
14632
  const {
14287
14633
  switchView,
14288
14634
  selectedPaymentMethodId
@@ -14324,7 +14670,7 @@ const TaxAmount = () => {
14324
14670
  state: {
14325
14671
  taxAmount
14326
14672
  }
14327
- } = React.useContext(store$d);
14673
+ } = React.useContext(store$e);
14328
14674
  const {
14329
14675
  plan
14330
14676
  } = usePelcro();
@@ -14487,12 +14833,12 @@ function SubscriptionRenewModal({
14487
14833
  }
14488
14834
  SubscriptionRenewModal.viewId = "subscription-renew";
14489
14835
 
14490
- var _path$g;
14836
+ var _path$i;
14491
14837
 
14492
- 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); }
14838
+ 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); }
14493
14839
 
14494
14840
  function SvgGift(props) {
14495
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
14841
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
14496
14842
  className: "plc-w-6 plc-h-6 plc-mr-2",
14497
14843
  fill: "none",
14498
14844
  stroke: "currentColor",
@@ -14501,7 +14847,7 @@ function SvgGift(props) {
14501
14847
  strokeWidth: 2,
14502
14848
  viewBox: "0 0 24 24",
14503
14849
  xmlns: "http://www.w3.org/2000/svg"
14504
- }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
14850
+ }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
14505
14851
  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"
14506
14852
  })));
14507
14853
  }
@@ -14832,7 +15178,7 @@ class DefaultNewsLetter extends React.Component {
14832
15178
 
14833
15179
  const NewsLetter = withTranslation("newsletter")(DefaultNewsLetter);
14834
15180
 
14835
- const initialState$c = {
15181
+ const initialState$d = {
14836
15182
  didSubToNewslettersBefore: false,
14837
15183
  newsletters: [],
14838
15184
  isListLoading: true,
@@ -14842,10 +15188,10 @@ const initialState$c = {
14842
15188
  content: ""
14843
15189
  }
14844
15190
  };
14845
- const store$c = /*#__PURE__*/React.createContext(initialState$c);
15191
+ const store$d = /*#__PURE__*/React.createContext(initialState$d);
14846
15192
  const {
14847
- Provider: Provider$c
14848
- } = store$c;
15193
+ Provider: Provider$d
15194
+ } = store$d;
14849
15195
 
14850
15196
  const NewsletterUpdateContainer = ({
14851
15197
  style,
@@ -14958,7 +15304,7 @@ const NewsletterUpdateContainer = ({
14958
15304
  default:
14959
15305
  return state;
14960
15306
  }
14961
- }, initialState$c);
15307
+ }, initialState$d);
14962
15308
  React.useEffect(() => {
14963
15309
  const getUserNewsletters = () => {
14964
15310
  var _window$Pelcro$user$r3, _window$Pelcro$user$r4;
@@ -15002,7 +15348,7 @@ const NewsletterUpdateContainer = ({
15002
15348
  style: { ...style
15003
15349
  },
15004
15350
  className: `pelcro-container pelcro-newsletter-update-container ${className}`
15005
- }, /*#__PURE__*/React__default['default'].createElement(Provider$c, {
15351
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$d, {
15006
15352
  value: {
15007
15353
  state,
15008
15354
  dispatch
@@ -15010,12 +15356,12 @@ const NewsletterUpdateContainer = ({
15010
15356
  }, children.length ? children.map((child, i) => {
15011
15357
  if (child) {
15012
15358
  return /*#__PURE__*/React__default['default'].cloneElement(child, {
15013
- store: store$c,
15359
+ store: store$d,
15014
15360
  key: i
15015
15361
  });
15016
15362
  }
15017
15363
  }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
15018
- store: store$c
15364
+ store: store$d
15019
15365
  })));
15020
15366
  };
15021
15367
 
@@ -15030,7 +15376,7 @@ const NewsletterUpdateButton = ({
15030
15376
  isSubmitting,
15031
15377
  isListLoading
15032
15378
  }
15033
- } = React.useContext(store$c);
15379
+ } = React.useContext(store$d);
15034
15380
  const {
15035
15381
  t
15036
15382
  } = useTranslation("newsletter");
@@ -15060,7 +15406,7 @@ const NewsletterUpdateList = () => {
15060
15406
  newsletters,
15061
15407
  isListLoading
15062
15408
  }
15063
- } = React.useContext(store$c);
15409
+ } = React.useContext(store$d);
15064
15410
 
15065
15411
  if (isListLoading) {
15066
15412
  return /*#__PURE__*/React__default['default'].createElement(Loader, {
@@ -15264,7 +15610,7 @@ function SubscriptionCreateModal({
15264
15610
  SubscriptionCreateModal.viewId = "subscription-create";
15265
15611
 
15266
15612
  var _window$Pelcro$user$r, _window$Pelcro$user$r2, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5;
15267
- const initialState$b = {
15613
+ const initialState$c = {
15268
15614
  email: (_window$Pelcro$user$r = window.Pelcro.user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : _window$Pelcro$user$r.email,
15269
15615
  firstName: (_window$Pelcro$user$r2 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.first_name,
15270
15616
  lastName: (_window$Pelcro$user$r3 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r3 === void 0 ? void 0 : _window$Pelcro$user$r3.last_name,
@@ -15277,10 +15623,10 @@ const initialState$b = {
15277
15623
  content: ""
15278
15624
  }
15279
15625
  };
15280
- const store$b = /*#__PURE__*/React.createContext(initialState$b);
15626
+ const store$c = /*#__PURE__*/React.createContext(initialState$c);
15281
15627
  const {
15282
- Provider: Provider$b
15283
- } = store$b;
15628
+ Provider: Provider$c
15629
+ } = store$c;
15284
15630
 
15285
15631
  const UserUpdateContainer = ({
15286
15632
  style,
@@ -15412,27 +15758,27 @@ const UserUpdateContainer = ({
15412
15758
  default:
15413
15759
  return state;
15414
15760
  }
15415
- }, initialState$b);
15761
+ }, initialState$c);
15416
15762
  return /*#__PURE__*/React__default['default'].createElement("div", {
15417
15763
  style: { ...style
15418
15764
  },
15419
15765
  className: `pelcro-container pelcro-user-update-container ${className}`
15420
- }, /*#__PURE__*/React__default['default'].createElement(Provider$b, {
15766
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$c, {
15421
15767
  value: {
15422
15768
  state,
15423
15769
  dispatch
15424
15770
  }
15425
15771
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
15426
- store: store$b,
15772
+ store: store$c,
15427
15773
  key: i
15428
15774
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
15429
- store: store$b
15775
+ store: store$c
15430
15776
  })));
15431
15777
  };
15432
15778
 
15433
15779
  const UserUpdateEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
15434
15780
  disabled: true,
15435
- store: store$b
15781
+ store: store$c
15436
15782
  }, props));
15437
15783
 
15438
15784
  const UserUpdateButton = ({
@@ -15445,7 +15791,7 @@ const UserUpdateButton = ({
15445
15791
  buttonDisabled
15446
15792
  },
15447
15793
  dispatch
15448
- } = React.useContext(store$b);
15794
+ } = React.useContext(store$c);
15449
15795
  const {
15450
15796
  t
15451
15797
  } = useTranslation("userEdit");
@@ -15462,11 +15808,11 @@ const UserUpdateButton = ({
15462
15808
  };
15463
15809
 
15464
15810
  const UserUpdateFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
15465
- store: store$b
15811
+ store: store$c
15466
15812
  }, props));
15467
15813
 
15468
15814
  const UserUpdateLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
15469
- store: store$b
15815
+ store: store$c
15470
15816
  }, props));
15471
15817
 
15472
15818
  function Phone({
@@ -15495,22 +15841,22 @@ function Phone({
15495
15841
  }
15496
15842
 
15497
15843
  const UserUpdatePhone = props => /*#__PURE__*/React__default['default'].createElement(Phone, Object.assign({
15498
- store: store$b
15844
+ store: store$c
15499
15845
  }, props));
15500
15846
 
15501
15847
  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";
15502
15848
 
15503
- var _path$f;
15849
+ var _path$h;
15504
15850
 
15505
- 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); }
15851
+ 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); }
15506
15852
 
15507
15853
  function SvgEdit(props) {
15508
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
15854
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
15509
15855
  className: "plc-w-6 plc-h-6",
15510
15856
  xmlns: "http://www.w3.org/2000/svg",
15511
15857
  viewBox: "0 0 20 20",
15512
15858
  fill: "currentColor"
15513
- }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
15859
+ }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
15514
15860
  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"
15515
15861
  })));
15516
15862
  }
@@ -15642,16 +15988,16 @@ function DisplayName({
15642
15988
  }
15643
15989
 
15644
15990
  const UserUpdateDisplayName = props => /*#__PURE__*/React__default['default'].createElement(DisplayName, Object.assign({
15645
- store: store$b
15991
+ store: store$c
15646
15992
  }, props));
15647
15993
 
15648
15994
  const UserUpdateTextInput = props => {
15649
15995
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
15650
- store: store$b
15996
+ store: store$c
15651
15997
  }));
15652
15998
  };
15653
15999
 
15654
- const initialState$a = {
16000
+ const initialState$b = {
15655
16001
  isSubmitting: false,
15656
16002
  firstName: "",
15657
16003
  firstNameError: "",
@@ -15676,10 +16022,10 @@ const initialState$a = {
15676
16022
  content: ""
15677
16023
  }
15678
16024
  };
15679
- const store$a = /*#__PURE__*/React.createContext(initialState$a);
16025
+ const store$b = /*#__PURE__*/React.createContext(initialState$b);
15680
16026
  const {
15681
- Provider: Provider$a
15682
- } = store$a;
16027
+ Provider: Provider$b
16028
+ } = store$b;
15683
16029
 
15684
16030
  const getNewlyCreatedAddress = addresses => addresses[addresses.length - 1];
15685
16031
 
@@ -15886,7 +16232,7 @@ const AddressCreateContainer = ({
15886
16232
  default:
15887
16233
  return state;
15888
16234
  }
15889
- }, initialState$a);
16235
+ }, initialState$b);
15890
16236
  React.useEffect(() => {
15891
16237
  const getStates = () => {
15892
16238
  dispatch({
@@ -15918,16 +16264,16 @@ const AddressCreateContainer = ({
15918
16264
  style: { ...style
15919
16265
  },
15920
16266
  className: `pelcro-container pelcro-address-create-container ${className}`
15921
- }, /*#__PURE__*/React__default['default'].createElement(Provider$a, {
16267
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$b, {
15922
16268
  value: {
15923
16269
  state,
15924
16270
  dispatch
15925
16271
  }
15926
16272
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
15927
- store: store$a,
16273
+ store: store$b,
15928
16274
  key: i
15929
16275
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
15930
- store: store$a
16276
+ store: store$b
15931
16277
  })));
15932
16278
  };
15933
16279
 
@@ -15938,7 +16284,7 @@ function AddressCreateFirstName(props) {
15938
16284
  firstName,
15939
16285
  firstNameError
15940
16286
  }
15941
- } = React.useContext(store$a);
16287
+ } = React.useContext(store$b);
15942
16288
 
15943
16289
  const handleBlur = () => {
15944
16290
  return dispatch({
@@ -15981,7 +16327,7 @@ function AddressCreateLastName(props) {
15981
16327
  lastName,
15982
16328
  lastNameError
15983
16329
  }
15984
- } = React.useContext(store$a);
16330
+ } = React.useContext(store$b);
15985
16331
 
15986
16332
  const handleBlur = () => {
15987
16333
  return dispatch({
@@ -16024,7 +16370,7 @@ function AddressCreateLine1(props) {
16024
16370
  line1,
16025
16371
  line1Error
16026
16372
  }
16027
- } = React.useContext(store$a);
16373
+ } = React.useContext(store$b);
16028
16374
 
16029
16375
  const handleBlur = () => {
16030
16376
  return dispatch({
@@ -16067,7 +16413,7 @@ function AddressCreateCity(props) {
16067
16413
  city,
16068
16414
  cityError
16069
16415
  }
16070
- } = React.useContext(store$a);
16416
+ } = React.useContext(store$b);
16071
16417
 
16072
16418
  const handleBlur = () => {
16073
16419
  return dispatch({
@@ -16110,7 +16456,7 @@ function AddressCreatePostalCode(props) {
16110
16456
  postalCode,
16111
16457
  postalCodeError
16112
16458
  }
16113
- } = React.useContext(store$a);
16459
+ } = React.useContext(store$b);
16114
16460
 
16115
16461
  const handleBlur = () => {
16116
16462
  return dispatch({
@@ -16156,7 +16502,7 @@ const AddressCreateSubmit = ({
16156
16502
  state: {
16157
16503
  isSubmitting
16158
16504
  }
16159
- } = React.useContext(store$a);
16505
+ } = React.useContext(store$b);
16160
16506
  const {
16161
16507
  t
16162
16508
  } = useTranslation("address");
@@ -16267,7 +16613,7 @@ function CountrySelect({
16267
16613
  }
16268
16614
 
16269
16615
  const AddressCreateCountrySelect = props => /*#__PURE__*/React__default['default'].createElement(CountrySelect, Object.assign({
16270
- store: store$a
16616
+ store: store$b
16271
16617
  }, props));
16272
16618
 
16273
16619
  function StateSelect({
@@ -16355,7 +16701,7 @@ function StateSelect({
16355
16701
  }
16356
16702
 
16357
16703
  const AddressCreateStateSelect = props => /*#__PURE__*/React__default['default'].createElement(StateSelect, Object.assign({
16358
- store: store$a
16704
+ store: store$b
16359
16705
  }, props));
16360
16706
 
16361
16707
  const AddressCreateView = props => {
@@ -16460,18 +16806,18 @@ AddressCreateModal.viewId = "address-create";
16460
16806
 
16461
16807
  const AddressCreateTextInput = props => {
16462
16808
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
16463
- store: store$a
16809
+ store: store$b
16464
16810
  }));
16465
16811
  };
16466
16812
 
16467
16813
  const AddressCreateLine2 = props => {
16468
16814
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({
16469
16815
  fieldName: "line2",
16470
- store: store$a
16816
+ store: store$b
16471
16817
  }, props));
16472
16818
  };
16473
16819
 
16474
- const initialState$9 = {
16820
+ const initialState$a = {
16475
16821
  isSubmitting: false,
16476
16822
  firstName: "",
16477
16823
  firstNameError: "",
@@ -16496,10 +16842,10 @@ const initialState$9 = {
16496
16842
  content: ""
16497
16843
  }
16498
16844
  };
16499
- const store$9 = /*#__PURE__*/React.createContext(initialState$9);
16845
+ const store$a = /*#__PURE__*/React.createContext(initialState$a);
16500
16846
  const {
16501
- Provider: Provider$9
16502
- } = store$9;
16847
+ Provider: Provider$a
16848
+ } = store$a;
16503
16849
 
16504
16850
  const AddressUpdateContainer = ({
16505
16851
  style,
@@ -16551,7 +16897,7 @@ const AddressUpdateContainer = ({
16551
16897
  const thisAddress = addresses[address];
16552
16898
 
16553
16899
  if (+thisAddress.id === +addressId) {
16554
- const newState = { ...initialState$9,
16900
+ const newState = { ...initialState$a,
16555
16901
  firstName: thisAddress.first_name,
16556
16902
  lastName: thisAddress.last_name,
16557
16903
  line1: thisAddress.line1,
@@ -16684,7 +17030,7 @@ const AddressUpdateContainer = ({
16684
17030
  default:
16685
17031
  return state;
16686
17032
  }
16687
- }, initialState$9);
17033
+ }, initialState$a);
16688
17034
  React.useEffect(() => {
16689
17035
  const getStates = () => {
16690
17036
  dispatch({
@@ -16716,21 +17062,21 @@ const AddressUpdateContainer = ({
16716
17062
  style: { ...style
16717
17063
  },
16718
17064
  className: `pelcro-container pelcro-address-update-container ${className}`
16719
- }, /*#__PURE__*/React__default['default'].createElement(Provider$9, {
17065
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$a, {
16720
17066
  value: {
16721
17067
  state,
16722
17068
  dispatch
16723
17069
  }
16724
17070
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
16725
- store: store$9,
17071
+ store: store$a,
16726
17072
  key: i
16727
17073
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
16728
- store: store$9
17074
+ store: store$a
16729
17075
  })));
16730
17076
  };
16731
17077
 
16732
17078
  const AddressUpdateCountrySelect = props => /*#__PURE__*/React__default['default'].createElement(CountrySelect, Object.assign({
16733
- store: store$9
17079
+ store: store$a
16734
17080
  }, props));
16735
17081
 
16736
17082
  function AddressUpdateFirstName(props) {
@@ -16740,7 +17086,7 @@ function AddressUpdateFirstName(props) {
16740
17086
  firstName,
16741
17087
  firstNameError
16742
17088
  }
16743
- } = React.useContext(store$9);
17089
+ } = React.useContext(store$a);
16744
17090
 
16745
17091
  const handleBlur = () => {
16746
17092
  return dispatch({
@@ -16783,7 +17129,7 @@ function AddressUpdateLastName(props) {
16783
17129
  lastName,
16784
17130
  lastNameError
16785
17131
  }
16786
- } = React.useContext(store$9);
17132
+ } = React.useContext(store$a);
16787
17133
 
16788
17134
  const handleBlur = () => {
16789
17135
  return dispatch({
@@ -16826,7 +17172,7 @@ function AddressUpdateLine1(props) {
16826
17172
  line1,
16827
17173
  line1Error
16828
17174
  }
16829
- } = React.useContext(store$9);
17175
+ } = React.useContext(store$a);
16830
17176
 
16831
17177
  const handleBlur = () => {
16832
17178
  return dispatch({
@@ -16866,7 +17212,7 @@ const AddressUpdateLine2 = props => {
16866
17212
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({
16867
17213
  fieldName: "line2"
16868
17214
  }, props, {
16869
- store: store$9
17215
+ store: store$a
16870
17216
  }));
16871
17217
  };
16872
17218
 
@@ -16877,7 +17223,7 @@ function AddressUpdateCity(props) {
16877
17223
  city,
16878
17224
  cityError
16879
17225
  }
16880
- } = React.useContext(store$9);
17226
+ } = React.useContext(store$a);
16881
17227
 
16882
17228
  const handleBlur = () => {
16883
17229
  return dispatch({
@@ -16920,7 +17266,7 @@ function AddressUpdatePostalCode(props) {
16920
17266
  postalCode,
16921
17267
  postalCodeError
16922
17268
  }
16923
- } = React.useContext(store$9);
17269
+ } = React.useContext(store$a);
16924
17270
 
16925
17271
  const handleBlur = () => {
16926
17272
  return dispatch({
@@ -16966,7 +17312,7 @@ const AddressUpdateSubmit = ({
16966
17312
  state: {
16967
17313
  isSubmitting
16968
17314
  }
16969
- } = React.useContext(store$9);
17315
+ } = React.useContext(store$a);
16970
17316
  const {
16971
17317
  t
16972
17318
  } = useTranslation("address");
@@ -16982,7 +17328,7 @@ const AddressUpdateSubmit = ({
16982
17328
  };
16983
17329
 
16984
17330
  const AddressUpdateStateSelect = props => /*#__PURE__*/React__default['default'].createElement(StateSelect, Object.assign({
16985
- store: store$9
17331
+ store: store$a
16986
17332
  }, props));
16987
17333
 
16988
17334
  const AddressUpdateView = props => {
@@ -17065,7 +17411,7 @@ AddressUpdateModal.viewId = "address-edit";
17065
17411
 
17066
17412
  const AddressUpdateTextInput = props => {
17067
17413
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
17068
- store: store$9
17414
+ store: store$a
17069
17415
  }));
17070
17416
  };
17071
17417
 
@@ -17148,7 +17494,7 @@ const PaymentMethodUpdateModal = props => {
17148
17494
  };
17149
17495
  PaymentMethodUpdateModal.viewId = "payment-method-update";
17150
17496
 
17151
- const initialState$8 = {
17497
+ const initialState$9 = {
17152
17498
  email: "",
17153
17499
  password: "",
17154
17500
  passwordError: null,
@@ -17161,10 +17507,10 @@ const initialState$8 = {
17161
17507
  content: ""
17162
17508
  }
17163
17509
  };
17164
- const store$8 = /*#__PURE__*/React.createContext(initialState$8);
17510
+ const store$9 = /*#__PURE__*/React.createContext(initialState$9);
17165
17511
  const {
17166
- Provider: Provider$8
17167
- } = store$8;
17512
+ Provider: Provider$9
17513
+ } = store$9;
17168
17514
 
17169
17515
  const PasswordResetContainer = ({
17170
17516
  style,
@@ -17221,7 +17567,7 @@ const PasswordResetContainer = ({
17221
17567
  type: SET_EMAIL,
17222
17568
  payload: window.Pelcro.helpers.getURLParameter("email")
17223
17569
  });
17224
- initialState$8.email = window.Pelcro.helpers.getURLParameter("email");
17570
+ initialState$9.email = window.Pelcro.helpers.getURLParameter("email");
17225
17571
  dispatch({
17226
17572
  type: SET_TOKEN,
17227
17573
  payload: window.Pelcro.helpers.getURLParameter("token")
@@ -17281,26 +17627,26 @@ const PasswordResetContainer = ({
17281
17627
  default:
17282
17628
  return state;
17283
17629
  }
17284
- }, initialState$8);
17630
+ }, initialState$9);
17285
17631
  return /*#__PURE__*/React__default['default'].createElement("div", {
17286
17632
  style: { ...style
17287
17633
  },
17288
17634
  className: `pelcro-container pelcro-password-reset-container ${className}`
17289
- }, /*#__PURE__*/React__default['default'].createElement(Provider$8, {
17635
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$9, {
17290
17636
  value: {
17291
17637
  state,
17292
17638
  dispatch
17293
17639
  }
17294
17640
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
17295
- store: store$8,
17641
+ store: store$9,
17296
17642
  key: i
17297
17643
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
17298
- store: store$8
17644
+ store: store$9
17299
17645
  })));
17300
17646
  };
17301
17647
 
17302
17648
  const PasswordResetPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
17303
- store: store$8
17649
+ store: store$9
17304
17650
  }, props));
17305
17651
 
17306
17652
  const PasswordResetButton = ({
@@ -17313,7 +17659,7 @@ const PasswordResetButton = ({
17313
17659
  buttonDisabled
17314
17660
  },
17315
17661
  dispatch
17316
- } = React.useContext(store$8);
17662
+ } = React.useContext(store$9);
17317
17663
  const {
17318
17664
  t
17319
17665
  } = useTranslation("passwordReset");
@@ -17330,14 +17676,14 @@ const PasswordResetButton = ({
17330
17676
  };
17331
17677
 
17332
17678
  const PasswordResetEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
17333
- store: store$8
17679
+ store: store$9
17334
17680
  }, props, {
17335
17681
  value: window.Pelcro.helpers.getURLParameter("email"),
17336
17682
  disabled: true
17337
17683
  }));
17338
17684
 
17339
17685
  const PasswordResetConfirmPassword = props => /*#__PURE__*/React__default['default'].createElement(ConfirmPassword, Object.assign({
17340
- store: store$8
17686
+ store: store$9
17341
17687
  }, props));
17342
17688
 
17343
17689
  const PasswordResetView = props => {
@@ -17389,7 +17735,7 @@ const PasswordResetModal = ({
17389
17735
  };
17390
17736
  PasswordResetModal.viewId = "password-reset";
17391
17737
 
17392
- const initialState$7 = {
17738
+ const initialState$8 = {
17393
17739
  email: "",
17394
17740
  emailError: null,
17395
17741
  buttonDisabled: false,
@@ -17398,10 +17744,10 @@ const initialState$7 = {
17398
17744
  content: ""
17399
17745
  }
17400
17746
  };
17401
- const store$7 = /*#__PURE__*/React.createContext(initialState$7);
17747
+ const store$8 = /*#__PURE__*/React.createContext(initialState$8);
17402
17748
  const {
17403
- Provider: Provider$7
17404
- } = store$7;
17749
+ Provider: Provider$8
17750
+ } = store$8;
17405
17751
 
17406
17752
  const PasswordForgotContainer = ({
17407
17753
  style,
@@ -17479,21 +17825,21 @@ const PasswordForgotContainer = ({
17479
17825
  default:
17480
17826
  return state;
17481
17827
  }
17482
- }, initialState$7);
17828
+ }, initialState$8);
17483
17829
  return /*#__PURE__*/React__default['default'].createElement("div", {
17484
17830
  style: { ...style
17485
17831
  },
17486
17832
  className: `pelcro-container pelcro-password-forgot-container ${className}`
17487
- }, /*#__PURE__*/React__default['default'].createElement(Provider$7, {
17833
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$8, {
17488
17834
  value: {
17489
17835
  state,
17490
17836
  dispatch
17491
17837
  }
17492
17838
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
17493
- store: store$7,
17839
+ store: store$8,
17494
17840
  key: i
17495
17841
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
17496
- store: store$7
17842
+ store: store$8
17497
17843
  })));
17498
17844
  };
17499
17845
 
@@ -17509,7 +17855,7 @@ const PasswordForgotButton = ({
17509
17855
  emailError
17510
17856
  },
17511
17857
  dispatch
17512
- } = React.useContext(store$7);
17858
+ } = React.useContext(store$8);
17513
17859
  const {
17514
17860
  t
17515
17861
  } = useTranslation("passwordForgot");
@@ -17530,7 +17876,7 @@ const PasswordForgotButton = ({
17530
17876
  };
17531
17877
 
17532
17878
  const PasswordForgotEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
17533
- store: store$7
17879
+ store: store$8
17534
17880
  }, props));
17535
17881
 
17536
17882
  const PasswordForgotView = props => {
@@ -17580,7 +17926,7 @@ const PasswordForgotModal = ({
17580
17926
  };
17581
17927
  PasswordForgotModal.viewId = "password-forgot";
17582
17928
 
17583
- const initialState$6 = {
17929
+ const initialState$7 = {
17584
17930
  currentPassword: "",
17585
17931
  newPassword: "",
17586
17932
  confirmNewPassword: "",
@@ -17594,10 +17940,10 @@ const initialState$6 = {
17594
17940
  content: ""
17595
17941
  }
17596
17942
  };
17597
- const store$6 = /*#__PURE__*/React.createContext(initialState$6);
17943
+ const store$7 = /*#__PURE__*/React.createContext(initialState$7);
17598
17944
  const {
17599
- Provider: Provider$6
17600
- } = store$6;
17945
+ Provider: Provider$7
17946
+ } = store$7;
17601
17947
  const PasswordChangeContainer = ({
17602
17948
  style,
17603
17949
  className = "",
@@ -17749,21 +18095,21 @@ const PasswordChangeContainer = ({
17749
18095
  default:
17750
18096
  return state;
17751
18097
  }
17752
- }, initialState$6);
18098
+ }, initialState$7);
17753
18099
  return /*#__PURE__*/React__default['default'].createElement("div", {
17754
18100
  style: { ...style
17755
18101
  },
17756
18102
  className: `pelcro-container pelcro-password-change-container ${className}`
17757
- }, /*#__PURE__*/React__default['default'].createElement(Provider$6, {
18103
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$7, {
17758
18104
  value: {
17759
18105
  state,
17760
18106
  dispatch
17761
18107
  }
17762
18108
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
17763
- store: store$6,
18109
+ store: store$7,
17764
18110
  key: i
17765
18111
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
17766
- store: store$6
18112
+ store: store$7
17767
18113
  })));
17768
18114
  };
17769
18115
 
@@ -17774,7 +18120,7 @@ function PasswordChangeCurrentPassword(props) {
17774
18120
  currentPassword,
17775
18121
  currentPasswordError
17776
18122
  }
17777
- } = React.useContext(store$6);
18123
+ } = React.useContext(store$7);
17778
18124
  const handleBlur = React.useCallback(() => {
17779
18125
  return dispatch({
17780
18126
  type: VALIDATE_PASSWORD
@@ -17808,7 +18154,7 @@ function PasswordChangeNewPassword(props) {
17808
18154
  newPassword,
17809
18155
  newPasswordError
17810
18156
  }
17811
- } = React.useContext(store$6);
18157
+ } = React.useContext(store$7);
17812
18158
  const handleBlur = React.useCallback(() => {
17813
18159
  return dispatch({
17814
18160
  type: VALIDATE_NEW_PASSWORD
@@ -17842,7 +18188,7 @@ function PasswordChangeConfirmNewPassword(props) {
17842
18188
  confirmNewPassword,
17843
18189
  confirmNewPasswordError
17844
18190
  }
17845
- } = React.useContext(store$6);
18191
+ } = React.useContext(store$7);
17846
18192
  const handleBlur = React.useCallback(() => {
17847
18193
  return dispatch({
17848
18194
  type: VALIDATE_CONFIRM_NEW_PASSWORD
@@ -17883,7 +18229,7 @@ const PasswordChangeButton = ({
17883
18229
  confirmNewPasswordError
17884
18230
  },
17885
18231
  dispatch
17886
- } = React.useContext(store$6);
18232
+ } = React.useContext(store$7);
17887
18233
  const {
17888
18234
  t
17889
18235
  } = useTranslation("passwordChange");
@@ -17949,17 +18295,17 @@ const PasswordChangeModal = ({
17949
18295
  };
17950
18296
  PasswordChangeModal.viewId = "password-change";
17951
18297
 
17952
- const initialState$5 = {
18298
+ const initialState$6 = {
17953
18299
  buttonDisabled: false,
17954
18300
  alert: {
17955
18301
  type: "error",
17956
18302
  content: ""
17957
18303
  }
17958
18304
  };
17959
- const store$5 = /*#__PURE__*/React.createContext(initialState$5);
18305
+ const store$6 = /*#__PURE__*/React.createContext(initialState$6);
17960
18306
  const {
17961
- Provider: Provider$5
17962
- } = store$5;
18307
+ Provider: Provider$6
18308
+ } = store$6;
17963
18309
 
17964
18310
  const CartContainer = ({
17965
18311
  style,
@@ -18050,21 +18396,21 @@ const CartContainer = ({
18050
18396
  default:
18051
18397
  return state;
18052
18398
  }
18053
- }, initialState$5);
18399
+ }, initialState$6);
18054
18400
  return /*#__PURE__*/React__default['default'].createElement("div", {
18055
18401
  style: { ...style
18056
18402
  },
18057
18403
  className: `pelcro-container pelcro-cart-container ${className}`
18058
- }, /*#__PURE__*/React__default['default'].createElement(Provider$5, {
18404
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$6, {
18059
18405
  value: {
18060
18406
  state,
18061
18407
  dispatch
18062
18408
  }
18063
18409
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
18064
- store: store$5,
18410
+ store: store$6,
18065
18411
  key: i
18066
18412
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
18067
- store: store$5
18413
+ store: store$6
18068
18414
  })));
18069
18415
  };
18070
18416
 
@@ -18101,7 +18447,7 @@ const CartSubmit = ({
18101
18447
  buttonDisabled
18102
18448
  },
18103
18449
  dispatch
18104
- } = React.useContext(store$5);
18450
+ } = React.useContext(store$6);
18105
18451
  const {
18106
18452
  t
18107
18453
  } = useTranslation("cart");
@@ -18132,7 +18478,7 @@ const CartTotalPrice = () => {
18132
18478
  state: {
18133
18479
  alert
18134
18480
  }
18135
- } = React.useContext(store$5);
18481
+ } = React.useContext(store$6);
18136
18482
  const {
18137
18483
  cartItems
18138
18484
  } = usePelcro();
@@ -18445,7 +18791,7 @@ const OrderConfirmModal = props => {
18445
18791
  };
18446
18792
  OrderConfirmModal.viewId = "order-confirm";
18447
18793
 
18448
- const initialState$4 = {
18794
+ const initialState$5 = {
18449
18795
  email: "",
18450
18796
  firstName: "",
18451
18797
  lastName: "",
@@ -18457,10 +18803,10 @@ const initialState$4 = {
18457
18803
  content: ""
18458
18804
  }
18459
18805
  };
18460
- const store$4 = /*#__PURE__*/React.createContext(initialState$4);
18806
+ const store$5 = /*#__PURE__*/React.createContext(initialState$5);
18461
18807
  const {
18462
- Provider: Provider$4
18463
- } = store$4;
18808
+ Provider: Provider$5
18809
+ } = store$5;
18464
18810
 
18465
18811
  const GiftCreateContainer = ({
18466
18812
  style,
@@ -18564,21 +18910,21 @@ const GiftCreateContainer = ({
18564
18910
  default:
18565
18911
  return state;
18566
18912
  }
18567
- }, initialState$4);
18913
+ }, initialState$5);
18568
18914
  return /*#__PURE__*/React__default['default'].createElement("div", {
18569
18915
  style: { ...style
18570
18916
  },
18571
18917
  className: `pelcro-container pelcro-gift-create-container ${className}`
18572
- }, /*#__PURE__*/React__default['default'].createElement(Provider$4, {
18918
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$5, {
18573
18919
  value: {
18574
18920
  state,
18575
18921
  dispatch
18576
18922
  }
18577
18923
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
18578
- store: store$4,
18924
+ store: store$5,
18579
18925
  key: i
18580
18926
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
18581
- store: store$4
18927
+ store: store$5
18582
18928
  })));
18583
18929
  };
18584
18930
 
@@ -18592,7 +18938,7 @@ const GiftCreateSubmitButton = ({
18592
18938
  state: {
18593
18939
  disableSubmit
18594
18940
  }
18595
- } = React.useContext(store$4);
18941
+ } = React.useContext(store$5);
18596
18942
  const {
18597
18943
  t
18598
18944
  } = useTranslation("register");
@@ -18609,29 +18955,29 @@ const GiftCreateSubmitButton = ({
18609
18955
 
18610
18956
  const GiftCreateEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
18611
18957
  initWithUserEmail: false,
18612
- store: store$4
18958
+ store: store$5
18613
18959
  }, props));
18614
18960
 
18615
18961
  const GiftCreateFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
18616
- store: store$4
18962
+ store: store$5
18617
18963
  }, props));
18618
18964
 
18619
18965
  const GiftCreateLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
18620
- store: store$4
18966
+ store: store$5
18621
18967
  }, props));
18622
18968
 
18623
- var _path$e;
18969
+ var _path$g;
18624
18970
 
18625
- 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); }
18971
+ 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); }
18626
18972
 
18627
18973
  function SvgInfoCircle(props) {
18628
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
18974
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
18629
18975
  xmlns: "http://www.w3.org/2000/svg",
18630
18976
  className: "plc-w-5 plc-h-5",
18631
18977
  fill: "none",
18632
18978
  viewBox: "0 0 24 24",
18633
18979
  stroke: "currentColor"
18634
- }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
18980
+ }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
18635
18981
  strokeLinecap: "round",
18636
18982
  strokeLinejoin: "round",
18637
18983
  strokeWidth: 2,
@@ -18702,7 +19048,7 @@ const GiftCreateStartDate = props => {
18702
19048
  const {
18703
19049
  dispatch,
18704
19050
  state
18705
- } = React.useContext(store$4);
19051
+ } = React.useContext(store$5);
18706
19052
 
18707
19053
  const handleInputChange = value => {
18708
19054
  dispatch({
@@ -18773,7 +19119,7 @@ function GiftCreateMessage(props) {
18773
19119
  const {
18774
19120
  dispatch,
18775
19121
  state
18776
- } = React.useContext(store$4);
19122
+ } = React.useContext(store$5);
18777
19123
 
18778
19124
  const handleInputChange = value => {
18779
19125
  dispatch({
@@ -18789,7 +19135,7 @@ function GiftCreateMessage(props) {
18789
19135
  return /*#__PURE__*/React__default['default'].createElement(TextArea, Object.assign({
18790
19136
  onChange: e => handleInputChange(e.target.value),
18791
19137
  value: state.giftMessage,
18792
- maxLength: "500",
19138
+ maxLength: "200",
18793
19139
  rows: 3,
18794
19140
  tooltipText: t("gift.messages.giftMessageInfo")
18795
19141
  }, props));
@@ -18893,7 +19239,7 @@ const GiftCreateModal = ({
18893
19239
  };
18894
19240
  GiftCreateModal.viewId = "gift-create";
18895
19241
 
18896
- const initialState$3 = {
19242
+ const initialState$4 = {
18897
19243
  giftCode: "",
18898
19244
  buttonDisabled: true,
18899
19245
  alert: {
@@ -18901,10 +19247,10 @@ const initialState$3 = {
18901
19247
  content: ""
18902
19248
  }
18903
19249
  };
18904
- const store$3 = /*#__PURE__*/React.createContext(initialState$3);
19250
+ const store$4 = /*#__PURE__*/React.createContext(initialState$4);
18905
19251
  const {
18906
- Provider: Provider$3
18907
- } = store$3;
19252
+ Provider: Provider$4
19253
+ } = store$4;
18908
19254
 
18909
19255
  const GiftRedeemContainer = ({
18910
19256
  style,
@@ -18969,21 +19315,21 @@ const GiftRedeemContainer = ({
18969
19315
  default:
18970
19316
  return state;
18971
19317
  }
18972
- }, initialState$3);
19318
+ }, initialState$4);
18973
19319
  return /*#__PURE__*/React__default['default'].createElement("div", {
18974
19320
  style: { ...style
18975
19321
  },
18976
19322
  className: `pelcro-container pelcro-gift-redeem-container ${className}`
18977
- }, /*#__PURE__*/React__default['default'].createElement(Provider$3, {
19323
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$4, {
18978
19324
  value: {
18979
19325
  state,
18980
19326
  dispatch
18981
19327
  }
18982
19328
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
18983
- store: store$3,
19329
+ store: store$4,
18984
19330
  key: i
18985
19331
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
18986
- store: store$3
19332
+ store: store$4
18987
19333
  })));
18988
19334
  };
18989
19335
 
@@ -19020,7 +19366,7 @@ function GiftCode({
19020
19366
  }
19021
19367
 
19022
19368
  const GiftRedeemCode = props => /*#__PURE__*/React__default['default'].createElement(GiftCode, Object.assign({
19023
- store: store$3
19369
+ store: store$4
19024
19370
  }, props));
19025
19371
 
19026
19372
  const GiftRedeemSubmitButton = ({
@@ -19033,7 +19379,7 @@ const GiftRedeemSubmitButton = ({
19033
19379
  state: {
19034
19380
  disableSubmit
19035
19381
  }
19036
- } = React.useContext(store$3);
19382
+ } = React.useContext(store$4);
19037
19383
  const {
19038
19384
  t
19039
19385
  } = useTranslation("register");
@@ -19126,7 +19472,7 @@ const moveDefaultAddressToStart = addresses => {
19126
19472
  return [defaultAddress, ...addressesWithoutDefault];
19127
19473
  };
19128
19474
 
19129
- const initialState$2 = {
19475
+ const initialState$3 = {
19130
19476
  addresses: [],
19131
19477
  selectedAddressId: null,
19132
19478
  isSubmitting: false,
@@ -19135,10 +19481,10 @@ const initialState$2 = {
19135
19481
  content: ""
19136
19482
  }
19137
19483
  };
19138
- const store$2 = /*#__PURE__*/React.createContext(initialState$2);
19484
+ const store$3 = /*#__PURE__*/React.createContext(initialState$3);
19139
19485
  const {
19140
- Provider: Provider$2
19141
- } = store$2;
19486
+ Provider: Provider$3
19487
+ } = store$3;
19142
19488
 
19143
19489
  const AddressSelectContainer = ({
19144
19490
  style,
@@ -19233,7 +19579,7 @@ const AddressSelectContainer = ({
19233
19579
  default:
19234
19580
  return state;
19235
19581
  }
19236
- }, initialState$2);
19582
+ }, initialState$3);
19237
19583
  React.useEffect(() => {
19238
19584
  var _window$Pelcro$user$r;
19239
19585
 
@@ -19246,16 +19592,16 @@ const AddressSelectContainer = ({
19246
19592
  style: { ...style
19247
19593
  },
19248
19594
  className: `pelcro-container pelcro-address-select-container ${className}`
19249
- }, /*#__PURE__*/React__default['default'].createElement(Provider$2, {
19595
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$3, {
19250
19596
  value: {
19251
19597
  state,
19252
19598
  dispatch
19253
19599
  }
19254
19600
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
19255
- store: store$2,
19601
+ store: store$3,
19256
19602
  key: i
19257
19603
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
19258
- store: store$2
19604
+ store: store$3
19259
19605
  })));
19260
19606
  };
19261
19607
 
@@ -19266,7 +19612,7 @@ const AddressSelectList = () => {
19266
19612
  addresses,
19267
19613
  selectedAddressId
19268
19614
  }
19269
- } = React.useContext(store$2);
19615
+ } = React.useContext(store$3);
19270
19616
 
19271
19617
  const handleAddressSelect = event => {
19272
19618
  dispatch({
@@ -19310,7 +19656,7 @@ const AddressSelectSubmit = ({
19310
19656
  selectedAddressId,
19311
19657
  isSubmitting
19312
19658
  }
19313
- } = React.useContext(store$2);
19659
+ } = React.useContext(store$3);
19314
19660
  const {
19315
19661
  t
19316
19662
  } = useTranslation("address");
@@ -19401,7 +19747,7 @@ const moveDefaultPaymentMethodToStart = paymentMethods => {
19401
19747
  return [defaultPaymentMethod, ...paymentMethodsWithoutDefault];
19402
19748
  };
19403
19749
 
19404
- const initialState$1 = {
19750
+ const initialState$2 = {
19405
19751
  paymentMethods: [],
19406
19752
  selectedPaymentMethodId: null,
19407
19753
  isSubmitting: false,
@@ -19410,10 +19756,10 @@ const initialState$1 = {
19410
19756
  content: ""
19411
19757
  }
19412
19758
  };
19413
- const store$1 = /*#__PURE__*/React.createContext(initialState$1);
19759
+ const store$2 = /*#__PURE__*/React.createContext(initialState$2);
19414
19760
  const {
19415
- Provider: Provider$1
19416
- } = store$1;
19761
+ Provider: Provider$2
19762
+ } = store$2;
19417
19763
 
19418
19764
  const PaymentMethodSelectContainer = ({
19419
19765
  style,
@@ -19458,7 +19804,7 @@ const PaymentMethodSelectContainer = ({
19458
19804
  default:
19459
19805
  return state;
19460
19806
  }
19461
- }, initialState$1);
19807
+ }, initialState$2);
19462
19808
  React.useEffect(() => {
19463
19809
  var _window$Pelcro$user$r4;
19464
19810
 
@@ -19471,16 +19817,16 @@ const PaymentMethodSelectContainer = ({
19471
19817
  style: { ...style
19472
19818
  },
19473
19819
  className: `pelcro-container pelcro-payment-select-container ${className}`
19474
- }, /*#__PURE__*/React__default['default'].createElement(Provider$1, {
19820
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$2, {
19475
19821
  value: {
19476
19822
  state,
19477
19823
  dispatch
19478
19824
  }
19479
19825
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
19480
- store: store$1,
19826
+ store: store$2,
19481
19827
  key: i
19482
19828
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
19483
- store: store$1
19829
+ store: store$2
19484
19830
  })));
19485
19831
  };
19486
19832
 
@@ -19494,7 +19840,7 @@ const PaymentMethodSelectList = () => {
19494
19840
  paymentMethods,
19495
19841
  selectedPaymentMethodId
19496
19842
  }
19497
- } = React.useContext(store$1);
19843
+ } = React.useContext(store$2);
19498
19844
 
19499
19845
  const handlePaymentMethodSelect = event => {
19500
19846
  dispatch({
@@ -19544,7 +19890,7 @@ const PaymentMethodSelectSubmit = ({
19544
19890
  selectedPaymentMethodId,
19545
19891
  isSubmitting
19546
19892
  }
19547
- } = React.useContext(store$1);
19893
+ } = React.useContext(store$2);
19548
19894
  return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
19549
19895
  onClick: () => {
19550
19896
  dispatch({
@@ -19618,8 +19964,8 @@ const PaymentMethodSelectModal = ({
19618
19964
  };
19619
19965
  PaymentMethodSelectModal.viewId = "payment-method-select";
19620
19966
 
19621
- function _extends$f() {
19622
- _extends$f = Object.assign || function (target) {
19967
+ function _extends$h() {
19968
+ _extends$h = Object.assign || function (target) {
19623
19969
  for (var i = 1; i < arguments.length; i++) {
19624
19970
  var source = arguments[i];
19625
19971
 
@@ -19633,7 +19979,7 @@ function _extends$f() {
19633
19979
  return target;
19634
19980
  };
19635
19981
 
19636
- return _extends$f.apply(this, arguments);
19982
+ return _extends$h.apply(this, arguments);
19637
19983
  }
19638
19984
 
19639
19985
  function _objectWithoutPropertiesLoose(source, excluded) {
@@ -19817,7 +20163,7 @@ function render(props, propsBag, defaultTag, features, visible) {
19817
20163
  return match(strategy, (_match = {}, _match[RenderStrategy.Unmount] = function () {
19818
20164
  return null;
19819
20165
  }, _match[RenderStrategy.Hidden] = function () {
19820
- return _render(_extends$f({}, _rest, {
20166
+ return _render(_extends$h({}, _rest, {
19821
20167
  hidden: true,
19822
20168
  style: {
19823
20169
  display: 'none'
@@ -20345,7 +20691,7 @@ function TransitionChild(props) {
20345
20691
  var passthroughProps = rest;
20346
20692
  return React__default['default'].createElement(NestingContext.Provider, {
20347
20693
  value: nesting
20348
- }, render(_extends$f({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
20694
+ }, render(_extends$h({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
20349
20695
  }
20350
20696
 
20351
20697
  function Transition(props) {
@@ -20389,7 +20735,7 @@ function Transition(props) {
20389
20735
  value: nestingBag
20390
20736
  }, React__default['default'].createElement(TransitionContext.Provider, {
20391
20737
  value: transitionBag
20392
- }, render(_extends$f({}, sharedProps, {
20738
+ }, render(_extends$h({}, sharedProps, {
20393
20739
  as: React.Fragment,
20394
20740
  children: React__default['default'].createElement(TransitionChild, Object.assign({}, sharedProps, passthroughProps))
20395
20741
  }), propsBag, React.Fragment, TransitionChildRenderFeatures, state === TreeStates.Visible)));
@@ -20516,12 +20862,12 @@ var ActionTypes;
20516
20862
  })(ActionTypes || (ActionTypes = {}));
20517
20863
 
20518
20864
  (_reducers = {}, _reducers[ActionTypes.CloseMenu] = function (state) {
20519
- return _extends$f({}, state, {
20865
+ return _extends$h({}, state, {
20520
20866
  activeItemIndex: null,
20521
20867
  menuState: MenuStates.Closed
20522
20868
  });
20523
20869
  }, _reducers[ActionTypes.OpenMenu] = function (state) {
20524
- return _extends$f({}, state, {
20870
+ return _extends$h({}, state, {
20525
20871
  menuState: MenuStates.Open
20526
20872
  });
20527
20873
  }, _reducers[ActionTypes.GoToItem] = function (state, action) {
@@ -20540,7 +20886,7 @@ var ActionTypes;
20540
20886
  }
20541
20887
  });
20542
20888
  if (state.searchQuery === '' && state.activeItemIndex === activeItemIndex) return state;
20543
- return _extends$f({}, state, {
20889
+ return _extends$h({}, state, {
20544
20890
  searchQuery: '',
20545
20891
  activeItemIndex: activeItemIndex
20546
20892
  });
@@ -20551,19 +20897,19 @@ var ActionTypes;
20551
20897
 
20552
20898
  return ((_item$dataRef$current = item.dataRef.current.textValue) == null ? void 0 : _item$dataRef$current.startsWith(searchQuery)) && !item.dataRef.current.disabled;
20553
20899
  });
20554
- if (match === -1 || match === state.activeItemIndex) return _extends$f({}, state, {
20900
+ if (match === -1 || match === state.activeItemIndex) return _extends$h({}, state, {
20555
20901
  searchQuery: searchQuery
20556
20902
  });
20557
- return _extends$f({}, state, {
20903
+ return _extends$h({}, state, {
20558
20904
  searchQuery: searchQuery,
20559
20905
  activeItemIndex: match
20560
20906
  });
20561
20907
  }, _reducers[ActionTypes.ClearSearch] = function (state) {
20562
- return _extends$f({}, state, {
20908
+ return _extends$h({}, state, {
20563
20909
  searchQuery: ''
20564
20910
  });
20565
20911
  }, _reducers[ActionTypes.RegisterItem] = function (state, action) {
20566
- return _extends$f({}, state, {
20912
+ return _extends$h({}, state, {
20567
20913
  items: [].concat(state.items, [{
20568
20914
  id: action.id,
20569
20915
  dataRef: action.dataRef
@@ -20576,7 +20922,7 @@ var ActionTypes;
20576
20922
  return a.id === action.id;
20577
20923
  });
20578
20924
  if (idx !== -1) nextItems.splice(idx, 1);
20579
- return _extends$f({}, state, {
20925
+ return _extends$h({}, state, {
20580
20926
  items: nextItems,
20581
20927
  activeItemIndex: function () {
20582
20928
  if (idx === state.activeItemIndex) return null;
@@ -20615,19 +20961,19 @@ var ActionTypes$1;
20615
20961
  (_reducers$1 = {}, _reducers$1[ActionTypes$1.CloseListbox] = function (state) {
20616
20962
  if (state.disabled) return state;
20617
20963
  if (state.listboxState === ListboxStates.Closed) return state;
20618
- return _extends$f({}, state, {
20964
+ return _extends$h({}, state, {
20619
20965
  activeOptionIndex: null,
20620
20966
  listboxState: ListboxStates.Closed
20621
20967
  });
20622
20968
  }, _reducers$1[ActionTypes$1.OpenListbox] = function (state) {
20623
20969
  if (state.disabled) return state;
20624
20970
  if (state.listboxState === ListboxStates.Open) return state;
20625
- return _extends$f({}, state, {
20971
+ return _extends$h({}, state, {
20626
20972
  listboxState: ListboxStates.Open
20627
20973
  });
20628
20974
  }, _reducers$1[ActionTypes$1.SetDisabled] = function (state, action) {
20629
20975
  if (state.disabled === action.disabled) return state;
20630
- return _extends$f({}, state, {
20976
+ return _extends$h({}, state, {
20631
20977
  disabled: action.disabled
20632
20978
  });
20633
20979
  }, _reducers$1[ActionTypes$1.GoToOption] = function (state, action) {
@@ -20648,7 +20994,7 @@ var ActionTypes$1;
20648
20994
  }
20649
20995
  });
20650
20996
  if (state.searchQuery === '' && state.activeOptionIndex === activeOptionIndex) return state;
20651
- return _extends$f({}, state, {
20997
+ return _extends$h({}, state, {
20652
20998
  searchQuery: '',
20653
20999
  activeOptionIndex: activeOptionIndex
20654
21000
  });
@@ -20661,10 +21007,10 @@ var ActionTypes$1;
20661
21007
 
20662
21008
  return !option.dataRef.current.disabled && ((_option$dataRef$curre = option.dataRef.current.textValue) == null ? void 0 : _option$dataRef$curre.startsWith(searchQuery));
20663
21009
  });
20664
- if (match === -1 || match === state.activeOptionIndex) return _extends$f({}, state, {
21010
+ if (match === -1 || match === state.activeOptionIndex) return _extends$h({}, state, {
20665
21011
  searchQuery: searchQuery
20666
21012
  });
20667
- return _extends$f({}, state, {
21013
+ return _extends$h({}, state, {
20668
21014
  searchQuery: searchQuery,
20669
21015
  activeOptionIndex: match
20670
21016
  });
@@ -20672,11 +21018,11 @@ var ActionTypes$1;
20672
21018
  if (state.disabled) return state;
20673
21019
  if (state.listboxState === ListboxStates.Closed) return state;
20674
21020
  if (state.searchQuery === '') return state;
20675
- return _extends$f({}, state, {
21021
+ return _extends$h({}, state, {
20676
21022
  searchQuery: ''
20677
21023
  });
20678
21024
  }, _reducers$1[ActionTypes$1.RegisterOption] = function (state, action) {
20679
- return _extends$f({}, state, {
21025
+ return _extends$h({}, state, {
20680
21026
  options: [].concat(state.options, [{
20681
21027
  id: action.id,
20682
21028
  dataRef: action.dataRef
@@ -20689,7 +21035,7 @@ var ActionTypes$1;
20689
21035
  return a.id === action.id;
20690
21036
  });
20691
21037
  if (idx !== -1) nextOptions.splice(idx, 1);
20692
- return _extends$f({}, state, {
21038
+ return _extends$h({}, state, {
20693
21039
  options: nextOptions,
20694
21040
  activeOptionIndex: function () {
20695
21041
  if (idx === state.activeOptionIndex) return null;
@@ -20750,18 +21096,18 @@ const getPaymentCardIcon = name => {
20750
21096
  }));
20751
21097
  };
20752
21098
 
20753
- var _path$d;
21099
+ var _path$f;
20754
21100
 
20755
- 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); }
21101
+ 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); }
20756
21102
 
20757
21103
  function SvgChevronRight(props) {
20758
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
21104
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
20759
21105
  className: "plc-w-6 plc-h-6",
20760
21106
  xmlns: "http://www.w3.org/2000/svg",
20761
21107
  fill: "none",
20762
21108
  viewBox: "0 0 24 24",
20763
21109
  stroke: "currentColor"
20764
- }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
21110
+ }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
20765
21111
  strokeLinecap: "round",
20766
21112
  strokeLinejoin: "round",
20767
21113
  strokeWidth: 2,
@@ -20977,18 +21323,18 @@ const SavedItems = ({
20977
21323
  });
20978
21324
  };
20979
21325
 
20980
- var _path$c;
21326
+ var _path$e;
20981
21327
 
20982
- 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); }
21328
+ 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); }
20983
21329
 
20984
21330
  function SvgRefresh(props) {
20985
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
21331
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
20986
21332
  className: "plc-w-4 plc-h-4 plc-mr-1",
20987
21333
  xmlns: "http://www.w3.org/2000/svg",
20988
21334
  fill: "none",
20989
21335
  viewBox: "0 0 24 24",
20990
21336
  stroke: "currentColor"
20991
- }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
21337
+ }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
20992
21338
  strokeLinecap: "round",
20993
21339
  strokeLinejoin: "round",
20994
21340
  strokeWidth: 2,
@@ -20996,35 +21342,35 @@ function SvgRefresh(props) {
20996
21342
  })));
20997
21343
  }
20998
21344
 
20999
- var _path$b;
21345
+ var _path$d;
21000
21346
 
21001
- 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); }
21347
+ 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); }
21002
21348
 
21003
21349
  function SvgCalendar(props) {
21004
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
21350
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
21005
21351
  xmlns: "http://www.w3.org/2000/svg",
21006
21352
  className: "plc-h-4 plc-w-4 plc-mr-1",
21007
21353
  viewBox: "0 0 20 20",
21008
21354
  fill: "currentColor"
21009
- }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
21355
+ }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
21010
21356
  fillRule: "evenodd",
21011
21357
  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",
21012
21358
  clipRule: "evenodd"
21013
21359
  })));
21014
21360
  }
21015
21361
 
21016
- var _path$a;
21362
+ var _path$c;
21017
21363
 
21018
- 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); }
21364
+ 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); }
21019
21365
 
21020
21366
  function SvgPlus(props) {
21021
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
21367
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
21022
21368
  className: "plc-w-5 plc-h-5",
21023
21369
  xmlns: "http://www.w3.org/2000/svg",
21024
21370
  fill: "none",
21025
21371
  viewBox: "0 0 24 24",
21026
21372
  stroke: "currentColor"
21027
- }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
21373
+ }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
21028
21374
  strokeLinecap: "round",
21029
21375
  strokeLinejoin: "round",
21030
21376
  strokeWidth: 2,
@@ -21032,17 +21378,17 @@ function SvgPlus(props) {
21032
21378
  })));
21033
21379
  }
21034
21380
 
21035
- var _path$9;
21381
+ var _path$b;
21036
21382
 
21037
- 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); }
21383
+ 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); }
21038
21384
 
21039
21385
  function SvgCheckMark(props) {
21040
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
21386
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
21041
21387
  className: "plc-w-4 plc-h-4 plc-mr-1",
21042
21388
  xmlns: "http://www.w3.org/2000/svg",
21043
21389
  viewBox: "0 0 20 20",
21044
21390
  fill: "currentColor"
21045
- }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
21391
+ }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
21046
21392
  fillRule: "evenodd",
21047
21393
  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",
21048
21394
  clipRule: "evenodd"
@@ -21104,9 +21450,9 @@ const SubscriptionsItems = ({
21104
21450
  const {
21105
21451
  t
21106
21452
  } = useTranslation("dashboard");
21107
- const subs = window.Pelcro.subscription.list();
21108
- if (!subs || subs.length === 0) return null;
21109
- 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 => {
21453
+ const subs = getNonDonationSubs();
21454
+ if (subs.length === 0) return null;
21455
+ return subs.sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
21110
21456
  const isActive = activeMenu === sub.id; // Cancel button click handlers
21111
21457
 
21112
21458
  const onCancelClick = () => {
@@ -21237,6 +21583,12 @@ const SubscriptionsItems = ({
21237
21583
  });
21238
21584
  };
21239
21585
 
21586
+ function getNonDonationSubs() {
21587
+ var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3;
21588
+
21589
+ 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 : [];
21590
+ }
21591
+
21240
21592
  /**
21241
21593
  * @typedef {Object} AccordionPropsType
21242
21594
  * @property {string} initialActiveMenu the initial active menu
@@ -21319,18 +21671,18 @@ Accordion.item = function AccordionItem({
21319
21671
  }, content)) : null;
21320
21672
  };
21321
21673
 
21322
- var _path$8;
21674
+ var _path$a;
21323
21675
 
21324
- 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); }
21676
+ 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); }
21325
21677
 
21326
21678
  function SvgExit(props) {
21327
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
21679
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
21328
21680
  className: "plc-w-6 plc-h-6",
21329
21681
  xmlns: "http://www.w3.org/2000/svg",
21330
21682
  fill: "none",
21331
21683
  viewBox: "0 0 24 24",
21332
21684
  stroke: "currentColor"
21333
- }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
21685
+ }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
21334
21686
  strokeLinecap: "round",
21335
21687
  strokeLinejoin: "round",
21336
21688
  strokeWidth: 2,
@@ -21338,17 +21690,17 @@ function SvgExit(props) {
21338
21690
  })));
21339
21691
  }
21340
21692
 
21341
- var _path$7;
21693
+ var _path$9;
21342
21694
 
21343
- 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); }
21695
+ 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); }
21344
21696
 
21345
21697
  function SvgUser(props) {
21346
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
21698
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
21347
21699
  xmlns: "http://www.w3.org/2000/svg",
21348
21700
  fill: "none",
21349
21701
  viewBox: "0 0 24 24",
21350
21702
  stroke: "currentColor"
21351
- }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
21703
+ }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
21352
21704
  strokeLinecap: "round",
21353
21705
  strokeLinejoin: "round",
21354
21706
  strokeWidth: 2,
@@ -21356,18 +21708,18 @@ function SvgUser(props) {
21356
21708
  })));
21357
21709
  }
21358
21710
 
21359
- var _path$6;
21711
+ var _path$8;
21360
21712
 
21361
- 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); }
21713
+ 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); }
21362
21714
 
21363
21715
  function SvgNewsletter(props) {
21364
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
21716
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
21365
21717
  xmlns: "http://www.w3.org/2000/svg",
21366
21718
  className: "plc-h-5 plc-w-5",
21367
21719
  fill: "none",
21368
21720
  viewBox: "0 0 24 24",
21369
21721
  stroke: "currentColor"
21370
- }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
21722
+ }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
21371
21723
  strokeLinecap: "round",
21372
21724
  strokeLinejoin: "round",
21373
21725
  strokeWidth: 2,
@@ -21375,18 +21727,18 @@ function SvgNewsletter(props) {
21375
21727
  })));
21376
21728
  }
21377
21729
 
21378
- var _path$5;
21730
+ var _path$7;
21379
21731
 
21380
- 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); }
21732
+ 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); }
21381
21733
 
21382
21734
  function SvgPaymentCard(props) {
21383
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
21735
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
21384
21736
  className: "plc-w-6 plc-h-6 plc-mr-2",
21385
21737
  xmlns: "http://www.w3.org/2000/svg",
21386
21738
  fill: "none",
21387
21739
  viewBox: "0 0 24 24",
21388
21740
  stroke: "currentColor"
21389
- }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
21741
+ }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
21390
21742
  strokeLinecap: "round",
21391
21743
  strokeLinejoin: "round",
21392
21744
  strokeWidth: 2,
@@ -21394,23 +21746,23 @@ function SvgPaymentCard(props) {
21394
21746
  })));
21395
21747
  }
21396
21748
 
21397
- var _path$4, _path2;
21749
+ var _path$6, _path2$1;
21398
21750
 
21399
- 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); }
21751
+ 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); }
21400
21752
 
21401
21753
  function SvgLocationPin(props) {
21402
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
21754
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
21403
21755
  className: "plc-w-6 plc-h-6 plc-mr-2",
21404
21756
  xmlns: "http://www.w3.org/2000/svg",
21405
21757
  fill: "none",
21406
21758
  viewBox: "0 0 24 24",
21407
21759
  stroke: "currentColor"
21408
- }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
21760
+ }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
21409
21761
  strokeLinecap: "round",
21410
21762
  strokeLinejoin: "round",
21411
21763
  strokeWidth: 2,
21412
21764
  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"
21413
- })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
21765
+ })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
21414
21766
  strokeLinecap: "round",
21415
21767
  strokeLinejoin: "round",
21416
21768
  strokeWidth: 2,
@@ -21420,10 +21772,10 @@ function SvgLocationPin(props) {
21420
21772
 
21421
21773
  var _switch;
21422
21774
 
21423
- 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); }
21775
+ 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); }
21424
21776
 
21425
21777
  function SvgSubscription(props) {
21426
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
21778
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
21427
21779
  xmlns: "http://www.w3.org/2000/svg",
21428
21780
  viewBox: "0 0 100 125",
21429
21781
  fill: "currentColor"
@@ -21438,18 +21790,18 @@ function SvgSubscription(props) {
21438
21790
  }))))));
21439
21791
  }
21440
21792
 
21441
- var _path$3;
21793
+ var _path$5;
21442
21794
 
21443
- 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); }
21795
+ 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); }
21444
21796
 
21445
21797
  function SvgShopping(props) {
21446
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
21798
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
21447
21799
  className: "plc-w-6 plc-h-6 plc-mr-2",
21448
21800
  xmlns: "http://www.w3.org/2000/svg",
21449
21801
  fill: "none",
21450
21802
  viewBox: "0 0 24 24",
21451
21803
  stroke: "currentColor"
21452
- }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
21804
+ }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
21453
21805
  strokeLinecap: "round",
21454
21806
  strokeLinejoin: "round",
21455
21807
  strokeWidth: 2,
@@ -21457,18 +21809,18 @@ function SvgShopping(props) {
21457
21809
  })));
21458
21810
  }
21459
21811
 
21460
- var _path$2;
21812
+ var _path$4;
21461
21813
 
21462
- 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); }
21814
+ 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); }
21463
21815
 
21464
21816
  function SvgBookmark(props) {
21465
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
21817
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
21466
21818
  className: "plc-w-6 plc-h-6 plc-mr-2",
21467
21819
  xmlns: "http://www.w3.org/2000/svg",
21468
21820
  fill: "none",
21469
21821
  viewBox: "0 0 24 24",
21470
21822
  stroke: "currentColor"
21471
- }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
21823
+ }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
21472
21824
  strokeLinecap: "round",
21473
21825
  strokeLinejoin: "round",
21474
21826
  strokeWidth: 2,
@@ -21476,25 +21828,83 @@ function SvgBookmark(props) {
21476
21828
  })));
21477
21829
  }
21478
21830
 
21479
- var _path$1;
21831
+ var _path$3;
21480
21832
 
21481
- 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); }
21833
+ 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); }
21482
21834
 
21483
21835
  function SvgKey(props) {
21484
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
21836
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
21485
21837
  xmlns: "http://www.w3.org/2000/svg",
21486
21838
  viewBox: "0 0 20 20",
21487
21839
  fill: "currentColor"
21488
- }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
21840
+ }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
21489
21841
  fillRule: "evenodd",
21490
21842
  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",
21491
21843
  clipRule: "evenodd"
21492
21844
  })));
21493
21845
  }
21494
21846
 
21847
+ var _path$2;
21848
+
21849
+ 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); }
21850
+
21851
+ function SvgDonate(props) {
21852
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
21853
+ width: 24,
21854
+ height: 24,
21855
+ fill: "currentColor",
21856
+ xmlns: "http://www.w3.org/2000/svg"
21857
+ }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
21858
+ 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"
21859
+ })));
21860
+ }
21861
+
21862
+ const DonationsMenu = () => {
21863
+ const {
21864
+ t
21865
+ } = useTranslation("dashboard");
21866
+ const subscriptions = getDonationSubs().sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
21867
+ return /*#__PURE__*/React__default['default'].createElement("tr", {
21868
+ key: sub.id,
21869
+ className: "plc-w-full plc-align-top pelcro-donation-row"
21870
+ }, /*#__PURE__*/React__default['default'].createElement("td", {
21871
+ className: "plc-truncate"
21872
+ }, sub.plan.nickname && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("span", {
21873
+ className: "plc-font-semibold plc-text-gray-500 pelcro-donation-plan"
21874
+ }, sub.plan.nickname), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("span", {
21875
+ className: "plc-text-xs plc-text-gray-400 pelcro-donation-price"
21876
+ }, getFormattedPriceByLocal(sub.plan.amount * sub.quantity, sub.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("div", {
21877
+ className: "plc-mb-4 plc-text-gray-500 pelcro-donation-date"
21878
+ }, sub.status && /*#__PURE__*/React__default['default'].createElement("span", null, formatStartDate(sub.start)))));
21879
+ });
21880
+ return /*#__PURE__*/React__default['default'].createElement("table", {
21881
+ className: "plc-w-full plc-table-fixed pelcro-donations-table"
21882
+ }, /*#__PURE__*/React__default['default'].createElement("thead", {
21883
+ className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
21884
+ }, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", {
21885
+ className: "plc-w-6/12 "
21886
+ }, t("labels.plan")), /*#__PURE__*/React__default['default'].createElement("th", {
21887
+ className: "plc-w-6/12 "
21888
+ }, t("labels.startDate")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", {
21889
+ className: "plc-h-4"
21890
+ }), subscriptions));
21891
+ };
21892
+
21893
+ function getDonationSubs() {
21894
+ var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3;
21895
+
21896
+ 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 : [];
21897
+ }
21898
+
21899
+ function formatStartDate(date) {
21900
+ const startDate = new Date(date);
21901
+ return new Intl.DateTimeFormat("en-CA").format(startDate);
21902
+ }
21903
+
21495
21904
  const SUB_MENUS = {
21496
21905
  PROFILE: "profile",
21497
21906
  SUBSCRIPTIONS: "subscriptions",
21907
+ DONATIONS: "donations",
21498
21908
  PAYMENT_CARDS: "payment-cards",
21499
21909
  ADDRESSES: "addresses",
21500
21910
  GIFTS: "gifts",
@@ -22022,6 +22432,14 @@ class Dashboard extends React.Component {
22022
22432
  displayProductSelect: this.displayProductSelect,
22023
22433
  displayRedeem: this.displayRedeem
22024
22434
  })
22435
+ }), /*#__PURE__*/React__default['default'].createElement(Accordion.item, {
22436
+ show: hasDonationSubs(),
22437
+ name: SUB_MENUS.DONATIONS,
22438
+ icon: /*#__PURE__*/React__default['default'].createElement(SvgDonate, {
22439
+ className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
22440
+ }),
22441
+ title: this.locale("labels.donations"),
22442
+ content: /*#__PURE__*/React__default['default'].createElement(DonationsMenu, null)
22025
22443
  }), /*#__PURE__*/React__default['default'].createElement(Accordion.item, {
22026
22444
  name: SUB_MENUS.GIFTS,
22027
22445
  icon: /*#__PURE__*/React__default['default'].createElement(SvgGift, null),
@@ -22048,6 +22466,13 @@ class Dashboard extends React.Component {
22048
22466
 
22049
22467
  }
22050
22468
 
22469
+ function hasDonationSubs() {
22470
+ var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3;
22471
+
22472
+ 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 : [];
22473
+ return donations.length > 0;
22474
+ }
22475
+
22051
22476
  const DashboardWithTrans = withTranslation("dashboard")(Dashboard);
22052
22477
 
22053
22478
  // The button in the lower right that shows the dashboard.
@@ -22075,7 +22500,7 @@ const DashboardOpenButton = () => {
22075
22500
  };
22076
22501
  DashboardOpenButton.viewId = "dashboard-open";
22077
22502
 
22078
- const initialState = {
22503
+ const initialState$1 = {
22079
22504
  imageSrc: null,
22080
22505
  crop: {
22081
22506
  x: 0,
@@ -22089,10 +22514,10 @@ const initialState = {
22089
22514
  content: ""
22090
22515
  }
22091
22516
  };
22092
- const store = /*#__PURE__*/React.createContext(initialState);
22517
+ const store$1 = /*#__PURE__*/React.createContext(initialState$1);
22093
22518
  const {
22094
- Provider
22095
- } = store;
22519
+ Provider: Provider$1
22520
+ } = store$1;
22096
22521
 
22097
22522
  const ProfilePicChangeContainer = ({
22098
22523
  style,
@@ -22226,21 +22651,21 @@ const ProfilePicChangeContainer = ({
22226
22651
  default:
22227
22652
  return state;
22228
22653
  }
22229
- }, initialState);
22654
+ }, initialState$1);
22230
22655
  return /*#__PURE__*/React__default['default'].createElement("div", {
22231
22656
  style: { ...style
22232
22657
  },
22233
22658
  className: `pelcro-container pelcro-profile-picture-container ${className}`
22234
- }, /*#__PURE__*/React__default['default'].createElement(Provider, {
22659
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$1, {
22235
22660
  value: {
22236
22661
  state,
22237
22662
  dispatch
22238
22663
  }
22239
22664
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
22240
- store,
22665
+ store: store$1,
22241
22666
  key: i
22242
22667
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
22243
- store
22668
+ store: store$1
22244
22669
  })));
22245
22670
  };
22246
22671
  /**
@@ -22302,7 +22727,7 @@ const ProfilePicChangeButton = ({
22302
22727
  isSubmitting
22303
22728
  },
22304
22729
  dispatch
22305
- } = React.useContext(store);
22730
+ } = React.useContext(store$1);
22306
22731
  const {
22307
22732
  t
22308
22733
  } = useTranslation("userEdit");
@@ -23670,7 +24095,7 @@ const ProfilePicChangeCropper = ({
23670
24095
  zoom
23671
24096
  },
23672
24097
  dispatch
23673
- } = React.useContext(store);
24098
+ } = React.useContext(store$1);
23674
24099
  return /*#__PURE__*/React__default['default'].createElement("div", {
23675
24100
  className: `plc-relative plc-w-full plc-h-52 sm:plc-h-96 ${className}`
23676
24101
  }, /*#__PURE__*/React__default['default'].createElement(Cropper, Object.assign({
@@ -23712,7 +24137,7 @@ const ProfilePicChangeZoom = ({
23712
24137
  zoom
23713
24138
  },
23714
24139
  dispatch
23715
- } = React.useContext(store);
24140
+ } = React.useContext(store$1);
23716
24141
  const {
23717
24142
  t
23718
24143
  } = useTranslation("userEdit");
@@ -23735,18 +24160,18 @@ const ProfilePicChangeZoom = ({
23735
24160
  }, otherProps)));
23736
24161
  };
23737
24162
 
23738
- var _path;
24163
+ var _path$1;
23739
24164
 
23740
- 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); }
24165
+ 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); }
23741
24166
 
23742
24167
  function SvgPhotograph(props) {
23743
- return /*#__PURE__*/React__namespace.createElement("svg", _extends({
24168
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
23744
24169
  xmlns: "http://www.w3.org/2000/svg",
23745
24170
  className: "plc-h-6 plc-w-6",
23746
24171
  fill: "none",
23747
24172
  viewBox: "0 0 24 24",
23748
24173
  stroke: "currentColor"
23749
- }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
24174
+ }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
23750
24175
  strokeLinecap: "round",
23751
24176
  strokeLinejoin: "round",
23752
24177
  strokeWidth: 2,
@@ -23764,7 +24189,7 @@ const ProfilePicChangeSelectButton = ({
23764
24189
  state: {
23765
24190
  isSubmitting
23766
24191
  }
23767
- } = React.useContext(store);
24192
+ } = React.useContext(store$1);
23768
24193
  const {
23769
24194
  t
23770
24195
  } = useTranslation("userEdit");
@@ -23806,7 +24231,7 @@ const ProfilePicChangeRemoveButton = ({
23806
24231
  state: {
23807
24232
  isSubmitting
23808
24233
  }
23809
- } = React.useContext(store);
24234
+ } = React.useContext(store$1);
23810
24235
  const {
23811
24236
  t
23812
24237
  } = useTranslation("userEdit");
@@ -23829,7 +24254,7 @@ const ProfilePicChangeWrapper = () => {
23829
24254
  state: {
23830
24255
  imageSrc
23831
24256
  }
23832
- } = React.useContext(store);
24257
+ } = React.useContext(store$1);
23833
24258
  const {
23834
24259
  t
23835
24260
  } = useTranslation("userEdit");
@@ -23891,6 +24316,182 @@ function ProfilePicChangeModal({
23891
24316
  }
23892
24317
  ProfilePicChangeModal.viewId = "profile-picture";
23893
24318
 
24319
+ const initialState = {
24320
+ isSubmitting: false,
24321
+ alert: {
24322
+ type: "error",
24323
+ content: ""
24324
+ }
24325
+ };
24326
+ const store = /*#__PURE__*/React.createContext(initialState);
24327
+ const {
24328
+ Provider
24329
+ } = store;
24330
+
24331
+ const EmailVerifyContainer = ({
24332
+ style,
24333
+ className = "",
24334
+ onSuccess = () => {},
24335
+ onFailure = () => {},
24336
+ children,
24337
+ ...props
24338
+ }) => {
24339
+ const {
24340
+ t
24341
+ } = useTranslation("verifyEmail");
24342
+
24343
+ const submit = () => {
24344
+ window.Pelcro.user.resendEmailVerification((err, res) => {
24345
+ dispatch({
24346
+ type: LOADING,
24347
+ payload: false
24348
+ });
24349
+
24350
+ if (err) {
24351
+ dispatch({
24352
+ type: SHOW_ALERT,
24353
+ payload: {
24354
+ type: "error",
24355
+ content: getErrorMessages(err)
24356
+ }
24357
+ });
24358
+ return onFailure(err);
24359
+ }
24360
+
24361
+ dispatch({
24362
+ type: SHOW_ALERT,
24363
+ payload: {
24364
+ type: "success",
24365
+ content: t("messages.resent")
24366
+ }
24367
+ });
24368
+ return onSuccess(res);
24369
+ });
24370
+ };
24371
+
24372
+ const [state, dispatch] = useReducerWithSideEffects((state, action) => {
24373
+ switch (action.type) {
24374
+ case SHOW_ALERT:
24375
+ return lib_7({ ...state,
24376
+ alert: action.payload
24377
+ });
24378
+
24379
+ case LOADING:
24380
+ return lib_7({ ...state,
24381
+ isSubmitting: action.payload
24382
+ });
24383
+
24384
+ case HANDLE_SUBMIT:
24385
+ return lib_5({ ...state,
24386
+ isSubmitting: true
24387
+ }, (state, dispatch) => submit());
24388
+
24389
+ default:
24390
+ return state;
24391
+ }
24392
+ }, initialState);
24393
+ return /*#__PURE__*/React__default['default'].createElement("div", {
24394
+ style: { ...style
24395
+ },
24396
+ className: `pelcro-container pelcro-email-verify-container ${className}`
24397
+ }, /*#__PURE__*/React__default['default'].createElement(Provider, {
24398
+ value: {
24399
+ state,
24400
+ dispatch
24401
+ }
24402
+ }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
24403
+ store,
24404
+ key: i
24405
+ })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
24406
+ store
24407
+ })));
24408
+ };
24409
+
24410
+ const EmailVerifyResendButton = ({
24411
+ name,
24412
+ onClick,
24413
+ ...otherProps
24414
+ }) => {
24415
+ const {
24416
+ dispatch,
24417
+ state: {
24418
+ isSubmitting
24419
+ }
24420
+ } = React.useContext(store);
24421
+ const {
24422
+ t
24423
+ } = useTranslation("verifyEmail");
24424
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
24425
+ onClick: () => {
24426
+ dispatch({
24427
+ type: HANDLE_SUBMIT
24428
+ });
24429
+ onClick === null || onClick === void 0 ? void 0 : onClick();
24430
+ },
24431
+ isLoading: isSubmitting
24432
+ }, otherProps), name !== null && name !== void 0 ? name : t("labels.resend"));
24433
+ };
24434
+
24435
+ var _path, _path2;
24436
+
24437
+ 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); }
24438
+
24439
+ function SvgEmailVerify(props) {
24440
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends({
24441
+ className: "plc-w-6 plc-h-6",
24442
+ viewBox: "0 0 700 700",
24443
+ xmlns: "http://www.w3.org/2000/svg"
24444
+ }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
24445
+ 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"
24446
+ })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
24447
+ 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"
24448
+ })));
24449
+ }
24450
+
24451
+ const EmailVerifyView = props => {
24452
+ var _window$Pelcro$user$r;
24453
+
24454
+ const {
24455
+ t
24456
+ } = useTranslation("verifyEmail");
24457
+ return /*#__PURE__*/React__default['default'].createElement("div", {
24458
+ id: "pelcro-email-verify-view"
24459
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
24460
+ className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
24461
+ }, /*#__PURE__*/React__default['default'].createElement("h4", {
24462
+ className: "plc-text-2xl plc-font-semibold"
24463
+ }, t("labels.title"))), /*#__PURE__*/React__default['default'].createElement("form", {
24464
+ action: "javascript:void(0);",
24465
+ className: "plc-mt-2 pelcro-form"
24466
+ }, /*#__PURE__*/React__default['default'].createElement(EmailVerifyContainer, props, /*#__PURE__*/React__default['default'].createElement(AlertWithContext, null), /*#__PURE__*/React__default['default'].createElement("div", {
24467
+ className: "plc-flex plc-flex-col plc-items-center plc-justify-center plc-mt-4"
24468
+ }, /*#__PURE__*/React__default['default'].createElement(SvgEmailVerify, {
24469
+ className: "plc-w-32 plc-h-32"
24470
+ }), /*#__PURE__*/React__default['default'].createElement("p", {
24471
+ className: "plc-mb-1 plc-text-gray-900 plc-text-center plc-whitespace-pre-line"
24472
+ }, t("labels.instructions"), " ", /*#__PURE__*/React__default['default'].createElement("span", {
24473
+ className: "plc-font-bold"
24474
+ }, (_window$Pelcro$user$r = window.Pelcro.user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : _window$Pelcro$user$r.email))), /*#__PURE__*/React__default['default'].createElement(EmailVerifyResendButton, {
24475
+ role: "submit",
24476
+ className: "plc-mt-4 plc-w-full",
24477
+ name: t("labels.resend"),
24478
+ id: "pelcro-submit"
24479
+ }))));
24480
+ };
24481
+
24482
+ const EmailVerifyModal = ({
24483
+ onDisplay,
24484
+ onClose,
24485
+ ...otherProps
24486
+ }) => {
24487
+ return /*#__PURE__*/React__default['default'].createElement(Modal, {
24488
+ onDisplay: onDisplay,
24489
+ onClose: onClose,
24490
+ id: "pelcro-email-verify-modal"
24491
+ }, /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement(EmailVerifyView, otherProps)), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
24492
+ };
24493
+ EmailVerifyModal.viewId = "email-verify";
24494
+
23894
24495
  exports.AddressCreateCity = AddressCreateCity;
23895
24496
  exports.AddressCreateContainer = AddressCreateContainer;
23896
24497
  exports.AddressCreateCountrySelect = AddressCreateCountrySelect;
@@ -23925,6 +24526,7 @@ exports.AddressUpdateView = AddressUpdateView;
23925
24526
  exports.Alert = AlertWithContext;
23926
24527
  exports.AlertElement = Alert;
23927
24528
  exports.ApplyCouponButton = ApplyCouponButton;
24529
+ exports.Auth0LoginButton = Auth0LoginButton;
23928
24530
  exports.Badge = Badge;
23929
24531
  exports.BankRedirection = BankRedirection;
23930
24532
  exports.Button = Button;
@@ -23944,6 +24546,10 @@ exports.DashboardOpenButton = DashboardOpenButton;
23944
24546
  exports.DatePicker = DatePicker;
23945
24547
  exports.DiscountedPrice = DiscountedPrice;
23946
24548
  exports.Email = Email;
24549
+ exports.EmailVerifyContainer = EmailVerifyContainer;
24550
+ exports.EmailVerifyModal = EmailVerifyModal;
24551
+ exports.EmailVerifyResendButton = EmailVerifyResendButton;
24552
+ exports.EmailVerifyView = EmailVerifyView;
23947
24553
  exports.FacebookLoginButton = FacebookLoginButton;
23948
24554
  exports.GiftCreateContainer = GiftCreateContainer;
23949
24555
  exports.GiftCreateEmail = GiftCreateEmail;