@pelcro/react-pelcro-js 3.15.0 → 3.16.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.cjs.js +30 -1
  2. package/dist/index.esm.js +30 -1
  3. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -3658,6 +3658,7 @@ var userEdit_en = {
3658
3658
  };
3659
3659
 
3660
3660
  var title$x = "Enter your shipping address";
3661
+ var titleGifting$3 = "Enter your address";
3661
3662
  var selectAddressTitle$3 = "Please select an address";
3662
3663
  var selectAddressSubtitle$3 = "Select one of your saved addresses, or add a new one";
3663
3664
  var labels$X = {
@@ -3682,6 +3683,7 @@ var messages$$ = {
3682
3683
  };
3683
3684
  var address_en = {
3684
3685
  title: title$x,
3686
+ titleGifting: titleGifting$3,
3685
3687
  selectAddressTitle: selectAddressTitle$3,
3686
3688
  selectAddressSubtitle: selectAddressSubtitle$3,
3687
3689
  labels: labels$X,
@@ -4593,6 +4595,7 @@ var userEdit_fr = {
4593
4595
  };
4594
4596
 
4595
4597
  var title$o = "Entrez votre adresse de livraison";
4598
+ var titleGifting$2 = "Entrez votre adresse";
4596
4599
  var selectAddressTitle$2 = "Veuillez sélectionner une adresse";
4597
4600
  var selectAddressSubtitle$2 = "Choisissez l'une de vos adresses ou créez-en une nouvelle";
4598
4601
  var labels$C = {
@@ -4617,6 +4620,7 @@ var messages$H = {
4617
4620
  };
4618
4621
  var address_fr = {
4619
4622
  title: title$o,
4623
+ titleGifting: titleGifting$2,
4620
4624
  selectAddressTitle: selectAddressTitle$2,
4621
4625
  selectAddressSubtitle: selectAddressSubtitle$2,
4622
4626
  labels: labels$C,
@@ -5412,6 +5416,7 @@ var userEdit_ko = {
5412
5416
  };
5413
5417
 
5414
5418
  var title$f = "배송 주소를 입력하십시오.";
5419
+ var titleGifting$1 = "주소를 입력하세요";
5415
5420
  var selectAddressTitle$1 = "주소를 선택하십시오.";
5416
5421
  var selectAddressSubtitle$1 = "저장된 주소에서 선택하거나 새 주소를 추가하십시오.";
5417
5422
  var labels$n = {
@@ -5436,6 +5441,7 @@ var messages$q = {
5436
5441
  };
5437
5442
  var address_ko = {
5438
5443
  title: title$f,
5444
+ titleGifting: titleGifting$1,
5439
5445
  selectAddressTitle: selectAddressTitle$1,
5440
5446
  selectAddressSubtitle: selectAddressSubtitle$1,
5441
5447
  labels: labels$n,
@@ -6333,6 +6339,7 @@ var userEdit_es = {
6333
6339
  };
6334
6340
 
6335
6341
  var title$6 = "Ingresa tu dirección de envío";
6342
+ var titleGifting = "Introduce tu dirección";
6336
6343
  var selectAddressTitle = "Por favor, selecciona una dirección";
6337
6344
  var selectAddressSubtitle = "Selecciona una de tus direcciones guardadas o añade una nueva";
6338
6345
  var labels$8 = {
@@ -6357,6 +6364,7 @@ var messages$9 = {
6357
6364
  };
6358
6365
  var address_es = {
6359
6366
  title: title$6,
6367
+ titleGifting: titleGifting,
6360
6368
  selectAddressTitle: selectAddressTitle,
6361
6369
  selectAddressSubtitle: selectAddressSubtitle,
6362
6370
  labels: labels$8,
@@ -10707,6 +10715,8 @@ const init = () => {
10707
10715
  disableKeyboardInteractions(elemDeepClone);
10708
10716
  elemDeepClone.setAttribute("style", "filter:blur(3px) !important; pointer-events:none !important; user-select:none !important");
10709
10717
  unblurElemWhenUserSubscribes(elemDeepClone, entitlements);
10718
+ unblurElemWhenUserLogsIn(elemDeepClone, entitlements);
10719
+ unblurElemWhenUserLogsOut(elemDeepClone, entitlements);
10710
10720
  const NOTIFICATION_ID = "entitlement";
10711
10721
  notify$1( /*#__PURE__*/React__default['default'].createElement("p", null, /*#__PURE__*/React__default['default'].createElement(Trans, {
10712
10722
  i18nKey: "messages:entitlement"
@@ -10780,6 +10790,22 @@ function unblurElemWhenUserSubscribes(elem, entitlements) {
10780
10790
  });
10781
10791
  }
10782
10792
 
10793
+ function unblurElemWhenUserLogsIn(elem, entitlements) {
10794
+ document.addEventListener("PelcroUserLoggedIn", () => {
10795
+ if (!shouldBlurContent(entitlements)) {
10796
+ elem.setAttribute("style", "filter:inherit !important; pointer-events:inherit !important; user-select:inherit !important");
10797
+ }
10798
+ });
10799
+ }
10800
+
10801
+ function unblurElemWhenUserLogsOut(elem, entitlements) {
10802
+ document.addEventListener("PelcroUserLogout", () => {
10803
+ if (shouldBlurContent(entitlements)) {
10804
+ elem.setAttribute("style", "filter:blur(3px) !important; pointer-events:none !important; user-select:none !important");
10805
+ }
10806
+ });
10807
+ }
10808
+
10783
10809
  function shouldBlurContent(entitlements) {
10784
10810
  return entitlements.every(entitlement => !window.Pelcro.user.isEntitledTo(entitlement));
10785
10811
  }
@@ -22630,11 +22656,14 @@ const AddressCreateView = props => {
22630
22656
  const {
22631
22657
  t
22632
22658
  } = useTranslation("address");
22659
+ const {
22660
+ giftRecipient
22661
+ } = usePelcro$1();
22633
22662
  return /*#__PURE__*/React__default['default'].createElement("div", {
22634
22663
  id: "pelcro-address-create-view"
22635
22664
  }, /*#__PURE__*/React__default['default'].createElement("div", {
22636
22665
  className: "plc-mb-6 plc-text-2xl plc-font-semibold plc-text-center plc-text-gray-900 pelcro-title-wrapper"
22637
- }, /*#__PURE__*/React__default['default'].createElement("h4", null, t("title"))), /*#__PURE__*/React__default['default'].createElement("form", {
22666
+ }, /*#__PURE__*/React__default['default'].createElement("h4", null, giftRecipient ? t("titleGifting") : t("title"))), /*#__PURE__*/React__default['default'].createElement("form", {
22638
22667
  action: "javascript:void(0);",
22639
22668
  className: "plc-mt-2 pelcro-form"
22640
22669
  }, /*#__PURE__*/React__default['default'].createElement(AddressCreateContainer, props, /*#__PURE__*/React__default['default'].createElement(AlertWithContext, null), /*#__PURE__*/React__default['default'].createElement("div", {
package/dist/index.esm.js CHANGED
@@ -3628,6 +3628,7 @@ var userEdit_en = {
3628
3628
  };
3629
3629
 
3630
3630
  var title$x = "Enter your shipping address";
3631
+ var titleGifting$3 = "Enter your address";
3631
3632
  var selectAddressTitle$3 = "Please select an address";
3632
3633
  var selectAddressSubtitle$3 = "Select one of your saved addresses, or add a new one";
3633
3634
  var labels$X = {
@@ -3652,6 +3653,7 @@ var messages$$ = {
3652
3653
  };
3653
3654
  var address_en = {
3654
3655
  title: title$x,
3656
+ titleGifting: titleGifting$3,
3655
3657
  selectAddressTitle: selectAddressTitle$3,
3656
3658
  selectAddressSubtitle: selectAddressSubtitle$3,
3657
3659
  labels: labels$X,
@@ -4563,6 +4565,7 @@ var userEdit_fr = {
4563
4565
  };
4564
4566
 
4565
4567
  var title$o = "Entrez votre adresse de livraison";
4568
+ var titleGifting$2 = "Entrez votre adresse";
4566
4569
  var selectAddressTitle$2 = "Veuillez sélectionner une adresse";
4567
4570
  var selectAddressSubtitle$2 = "Choisissez l'une de vos adresses ou créez-en une nouvelle";
4568
4571
  var labels$C = {
@@ -4587,6 +4590,7 @@ var messages$H = {
4587
4590
  };
4588
4591
  var address_fr = {
4589
4592
  title: title$o,
4593
+ titleGifting: titleGifting$2,
4590
4594
  selectAddressTitle: selectAddressTitle$2,
4591
4595
  selectAddressSubtitle: selectAddressSubtitle$2,
4592
4596
  labels: labels$C,
@@ -5382,6 +5386,7 @@ var userEdit_ko = {
5382
5386
  };
5383
5387
 
5384
5388
  var title$f = "배송 주소를 입력하십시오.";
5389
+ var titleGifting$1 = "주소를 입력하세요";
5385
5390
  var selectAddressTitle$1 = "주소를 선택하십시오.";
5386
5391
  var selectAddressSubtitle$1 = "저장된 주소에서 선택하거나 새 주소를 추가하십시오.";
5387
5392
  var labels$n = {
@@ -5406,6 +5411,7 @@ var messages$q = {
5406
5411
  };
5407
5412
  var address_ko = {
5408
5413
  title: title$f,
5414
+ titleGifting: titleGifting$1,
5409
5415
  selectAddressTitle: selectAddressTitle$1,
5410
5416
  selectAddressSubtitle: selectAddressSubtitle$1,
5411
5417
  labels: labels$n,
@@ -6303,6 +6309,7 @@ var userEdit_es = {
6303
6309
  };
6304
6310
 
6305
6311
  var title$6 = "Ingresa tu dirección de envío";
6312
+ var titleGifting = "Introduce tu dirección";
6306
6313
  var selectAddressTitle = "Por favor, selecciona una dirección";
6307
6314
  var selectAddressSubtitle = "Selecciona una de tus direcciones guardadas o añade una nueva";
6308
6315
  var labels$8 = {
@@ -6327,6 +6334,7 @@ var messages$9 = {
6327
6334
  };
6328
6335
  var address_es = {
6329
6336
  title: title$6,
6337
+ titleGifting: titleGifting,
6330
6338
  selectAddressTitle: selectAddressTitle,
6331
6339
  selectAddressSubtitle: selectAddressSubtitle,
6332
6340
  labels: labels$8,
@@ -10677,6 +10685,8 @@ const init = () => {
10677
10685
  disableKeyboardInteractions(elemDeepClone);
10678
10686
  elemDeepClone.setAttribute("style", "filter:blur(3px) !important; pointer-events:none !important; user-select:none !important");
10679
10687
  unblurElemWhenUserSubscribes(elemDeepClone, entitlements);
10688
+ unblurElemWhenUserLogsIn(elemDeepClone, entitlements);
10689
+ unblurElemWhenUserLogsOut(elemDeepClone, entitlements);
10680
10690
  const NOTIFICATION_ID = "entitlement";
10681
10691
  notify$1( /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement(Trans, {
10682
10692
  i18nKey: "messages:entitlement"
@@ -10750,6 +10760,22 @@ function unblurElemWhenUserSubscribes(elem, entitlements) {
10750
10760
  });
10751
10761
  }
10752
10762
 
10763
+ function unblurElemWhenUserLogsIn(elem, entitlements) {
10764
+ document.addEventListener("PelcroUserLoggedIn", () => {
10765
+ if (!shouldBlurContent(entitlements)) {
10766
+ elem.setAttribute("style", "filter:inherit !important; pointer-events:inherit !important; user-select:inherit !important");
10767
+ }
10768
+ });
10769
+ }
10770
+
10771
+ function unblurElemWhenUserLogsOut(elem, entitlements) {
10772
+ document.addEventListener("PelcroUserLogout", () => {
10773
+ if (shouldBlurContent(entitlements)) {
10774
+ elem.setAttribute("style", "filter:blur(3px) !important; pointer-events:none !important; user-select:none !important");
10775
+ }
10776
+ });
10777
+ }
10778
+
10753
10779
  function shouldBlurContent(entitlements) {
10754
10780
  return entitlements.every(entitlement => !window.Pelcro.user.isEntitledTo(entitlement));
10755
10781
  }
@@ -22600,11 +22626,14 @@ const AddressCreateView = props => {
22600
22626
  const {
22601
22627
  t
22602
22628
  } = useTranslation("address");
22629
+ const {
22630
+ giftRecipient
22631
+ } = usePelcro$1();
22603
22632
  return /*#__PURE__*/React__default.createElement("div", {
22604
22633
  id: "pelcro-address-create-view"
22605
22634
  }, /*#__PURE__*/React__default.createElement("div", {
22606
22635
  className: "plc-mb-6 plc-text-2xl plc-font-semibold plc-text-center plc-text-gray-900 pelcro-title-wrapper"
22607
- }, /*#__PURE__*/React__default.createElement("h4", null, t("title"))), /*#__PURE__*/React__default.createElement("form", {
22636
+ }, /*#__PURE__*/React__default.createElement("h4", null, giftRecipient ? t("titleGifting") : t("title"))), /*#__PURE__*/React__default.createElement("form", {
22608
22637
  action: "javascript:void(0);",
22609
22638
  className: "plc-mt-2 pelcro-form"
22610
22639
  }, /*#__PURE__*/React__default.createElement(AddressCreateContainer, props, /*#__PURE__*/React__default.createElement(AlertWithContext, null), /*#__PURE__*/React__default.createElement("div", {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pelcro/react-pelcro-js",
3
3
  "description": "Pelcro's React UI Elements",
4
- "version": "3.15.0",
4
+ "version": "3.16.0-beta.1",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "main": "dist/index.cjs.js",