npm - @pelcro/react-pelcro-js - Versions diffs - 3.4.0 → 3.4.1-beta.3 - Mend

@pelcro/react-pelcro-js 3.4.0 → 3.4.1-beta.3

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 (4) hide show

package/dist/index.cjs.js CHANGED Viewed

@@ -5048,6 +5048,7 @@ var labels$e = {
 	purchases: "Purchases",
 	subscriptions: "Subscriptions",
 	donations: "Donations",
+	memberships: "Memberships",
 	invoices: "Invoices",
 	details: "Details",
 	view: "View",
@@ -5139,6 +5140,7 @@ var labels$d = {
 	purchases: "Achats",
 	subscriptions: "Abonnements",
 	donations: "Des dons",
+	memberships: "Adhésions",
 	invoices: "Invoices",
 	details: "Details",
 	view: "View",
@@ -5230,6 +5232,7 @@ var labels$c = {
 	purchases: "구매",
 	subscriptions: "유료 멤버십",
 	donations: "기부",
+	memberships: "멤버십",
 	invoices: "인보이스",
 	details: "세부 정보",
 	view: "보기",
@@ -7145,6 +7148,23 @@ class PelcroActions {
       return true;
     });
+    _defineProperty$3(this, "setSelectedMembership", id => {
+      var _window$Pelcro$user$r, _window$Pelcro$user$r2;
+      const memberships = (_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.memberships) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : [];
+      const membership = memberships.find(membership => String(membership.id) === String(id));
+      if (!membership) {
+        console.error("invalid membership id");
+        return false;
+      }
+      this.set({
+        selectedMembership: membership
+      });
+      return true;
+    });
     _defineProperty$3(this, "logout", () => {
       var _ReactGA$event;
@@ -7352,6 +7372,8 @@ const initialState$l = {
   // null | SKU[] | SKU,
   // invoices
   invoice: null,
+  // memberships
+  selectedMembership: null,
   // User
   isAuthenticated: () => window.Pelcro.user.isAuthenticated(),
   selectedPaymentMethodId: null,
@@ -9087,7 +9109,7 @@ toast.confirm = (onConfirm, {
   };
 };
-const notify = toast;
+const notify$1 = toast;
 const translations = i18next.t("common:buttons", {
   returnObjects: true
@@ -9297,7 +9319,7 @@ const init$1 = () => {
             const errorMsg = i18next.t("shop:messages.currencyMismatch", {
               currency: userCurrency
             });
-            notify.error(errorMsg);
+            notify$1.error(errorMsg);
           }
         });
       }
@@ -9391,7 +9413,7 @@ const init = () => {
       elemDeepClone.setAttribute("style", "filter:blur(3px) !important; pointer-events:none !important; user-select:none !important");
       unblurElemWhenUserSubscribes(elemDeepClone, entitlements);
       const NOTIFICATION_ID = "entitlement";
-      notify( /*#__PURE__*/React__default['default'].createElement("p", null, /*#__PURE__*/React__default['default'].createElement(Trans, {
+      notify$1( /*#__PURE__*/React__default['default'].createElement("p", null, /*#__PURE__*/React__default['default'].createElement(Trans, {
         i18nKey: "messages:entitlement"
       }, "Some of the content on this page is available with one or more of our plans.", /*#__PURE__*/React__default['default'].createElement(Link, {
         onClick: () => {
@@ -9408,7 +9430,7 @@ const init = () => {
             });
           }
-          notify.dismiss(NOTIFICATION_ID);
+          notify$1.dismiss(NOTIFICATION_ID);
           switchView("_plan-select-entitlements");
         }
       }, "Subscribe"), "now to get full page access.")), {
@@ -10152,10 +10174,10 @@ const verifyEmailTokenFromUrl = () => {
       token: emailToken
     }, (err, res) => {
       if (err) {
-        return notify.error(getErrorMessages(err));
+        return notify$1.error(getErrorMessages(err));
       }
-      return notify.success(translations.success);
+      return notify$1.success(translations.success);
     });
   }, {
     once: true
@@ -10181,7 +10203,7 @@ const verifyLinkTokenFromUrl = () => {
       token: loginToken
     }, (err, res) => {
       if (err) {
-        return notify.error(getErrorMessages(err));
+        return notify$1.error(getErrorMessages(err));
       }
       const {
@@ -10191,11 +10213,11 @@ const verifyLinkTokenFromUrl = () => {
         auth_token
       }, (err, res) => {
         if (err) {
-          return notify.error(getErrorMessages(err));
+          return notify$1.error(getErrorMessages(err));
         }
         resetView();
-        return notify.success(translations.success);
+        return notify$1.success(translations.success);
       });
     });
   }, {
@@ -10236,7 +10258,7 @@ const showInvoiceDetailsFromUrl = () => {
       const errorMessage = i18next.t("messages:invalidInvoice", {
         returnObjects: true
       });
-      return notify.error(errorMessage);
+      return notify$1.error(errorMessage);
     }
     const {
@@ -10247,7 +10269,7 @@ const showInvoiceDetailsFromUrl = () => {
       const errorMessage = i18next.t("messages:zeroTotalInvoice", {
         returnObjects: true
       });
-      return notify.error(errorMessage);
+      return notify$1.error(errorMessage);
     }
     return switchView("invoice-details");
@@ -12501,7 +12523,7 @@ class SelectModal extends React.Component {
         }
       }
-      return `${startingPlan.amount_formatted}/${startingPlan.interval}`;
+      return `${startingPlan.amount_formatted}/${startingPlan.interval_count > 1 ? `${startingPlan.interval_count} ${startingPlan.interval}s` : `${startingPlan.interval}`}`;
     });
     _defineProperty$3(this, "renderOneProduct", (product, index, options) => {
@@ -12527,7 +12549,7 @@ class SelectModal extends React.Component {
         className: "plc-flex plc-items-end plc-w-full plc-mt-3"
       }, product.plans && /*#__PURE__*/React__default['default'].createElement("p", {
         className: "plc-w-1/2 plc-text-xs pelcro-select-product-cost"
-      }, this.locale("labels.startingAt"), " ", this.countStartPrice(product.plans)), /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
+      }, this.locale("labels.startingAt"), " ", this.countStartPrice(product.plans), console.log(product)), /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
         onClick: productButtonCallback,
         "data-key": product.id,
         id: "pelcro-select-product-back-button",
@@ -17030,7 +17052,7 @@ const SubscriptionCancelNowButton = ({
     switchView(null); //Show confirmation alert after closing the modal
-    notify.confirm((onSuccess, onFailure) => {
+    notify$1.confirm((onSuccess, onFailure) => {
       cancelSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToCancelNow"),
@@ -17102,7 +17124,7 @@ const SubscriptionCancelLaterButton = ({
     switchView(null); //Show confirmation alert after closing the modal
-    notify.confirm((onSuccess, onFailure) => {
+    notify$1.confirm((onSuccess, onFailure) => {
       cancelSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToCancel"),
@@ -18433,6 +18455,7 @@ const AddressCreateContainer = ({
   className = "",
   type = "shipping",
   onGiftRedemptionSuccess = () => {},
+  onMembershipAdressUpdateSuccess = () => {},
   onSuccess = () => {},
   onFailure = () => {},
   children,
@@ -18448,7 +18471,8 @@ const AddressCreateContainer = ({
     subscriptionIdToRenew: subscriptionIdToRenewFromStore,
     product,
     order,
-    set
+    set,
+    selectedMembership
   } = usePelcro();
   const giftCode = (_props$giftCode = props.giftCode) !== null && _props$giftCode !== void 0 ? _props$giftCode : giftCodeFromStore;
   const subscriptionIdToRenew = (_ref = (_props$subscriptionId = props.subscriptionIdToRenew) !== null && _props$subscriptionId !== void 0 ? _props$subscriptionId : subscriptionIdToRenewFromStore) !== null && _ref !== void 0 ? _ref : undefined;
@@ -18526,6 +18550,37 @@ const AddressCreateContainer = ({
       const newAddressId = String(getNewlyCreatedAddress(res.data.addresses).id);
+      if (selectedMembership) {
+        dispatch({
+          type: LOADING,
+          payload: true
+        });
+        return window.Pelcro.membership.update({
+          auth_token: window.Pelcro.user.read().auth_token,
+          address_id: newAddressId,
+          membership_id: selectedMembership.id
+        }, (err, res) => {
+          dispatch({
+            type: LOADING,
+            payload: false
+          });
+          if (err) {
+            dispatch({
+              type: SHOW_ALERT,
+              payload: {
+                type: "error",
+                content: getErrorMessages(err)
+              }
+            });
+            return onFailure(err);
+          }
+          notify.success(t("messages.addressUpdated"));
+          return onMembershipAdressUpdateSuccess(res);
+        });
+      }
       if (product || order) {
         set({
           selectedAddressId: newAddressId
@@ -19190,6 +19245,13 @@ const AddressCreateModal = ({
     (_otherProps$onGiftRed = otherProps.onGiftRedemptionSuccess) === null || _otherProps$onGiftRed === void 0 ? void 0 : _otherProps$onGiftRed.call(otherProps);
     switchView("subscription-success");
+  }; // FIXME: implement me
+  const onMembershipAdressUpdateSuccess = () => {
+    var _otherProps$onMembers;
+    (_otherProps$onMembers = otherProps.onMembershipAdressUpdateSuccess) === null || _otherProps$onMembers === void 0 ? void 0 : _otherProps$onMembers.call(otherProps);
   };
   return /*#__PURE__*/React__default['default'].createElement(Modal, {
@@ -19198,7 +19260,8 @@ const AddressCreateModal = ({
     onClose: onClose
   }, /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement(AddressCreateView, Object.assign({}, otherProps, {
     onSuccess: onSuccess,
-    onGiftRedemptionSuccess: onGiftRedemptionSuccess
+    onGiftRedemptionSuccess: onGiftRedemptionSuccess,
+    onMembershipAdressUpdateSuccess: onMembershipAdressUpdateSuccess
   }))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
 };
 AddressCreateModal.viewId = "address-create";
@@ -22011,6 +22074,7 @@ const AddressSelectContainer = ({
   style,
   className = "",
   onGiftRedemptionSuccess = () => {},
+  onMembershipAdressUpdateSuccess = () => {},
   onSuccess = () => {},
   onFailure = () => {},
   children,
@@ -22018,11 +22082,14 @@ const AddressSelectContainer = ({
 }) => {
   var _props$giftCode, _ref, _props$subscriptionId;
-  useTranslation("address");
+  const {
+    t
+  } = useTranslation("address");
   const {
     giftCode: giftCodeFromStore,
     subscriptionIdToRenew: subscriptionIdToRenewFromStore,
-    set
+    set,
+    selectedMembership
   } = usePelcro();
   const giftCode = (_props$giftCode = props.giftCode) !== null && _props$giftCode !== void 0 ? _props$giftCode : giftCodeFromStore;
   const subscriptionIdToRenew = (_ref = (_props$subscriptionId = props.subscriptionIdToRenew) !== null && _props$subscriptionId !== void 0 ? _props$subscriptionId : subscriptionIdToRenewFromStore) !== null && _ref !== void 0 ? _ref : undefined;
@@ -22034,39 +22101,70 @@ const AddressSelectContainer = ({
       selectedAddressId
     });
-    if (!giftCode) {
-      return onSuccess(selectedAddressId);
+    if (selectedMembership.id) {
+      dispatch({
+        type: LOADING,
+        payload: true
+      });
+      return window.Pelcro.membership.update({
+        auth_token: window.Pelcro.user.read().auth_token,
+        address_id: selectedAddressId,
+        membership_id: selectedMembership.id
+      }, (err, res) => {
+        dispatch({
+          type: LOADING,
+          payload: false
+        });
+        if (err) {
+          dispatch({
+            type: SHOW_ALERT,
+            payload: {
+              type: "error",
+              content: getErrorMessages(err)
+            }
+          });
+          return onFailure(err);
+        }
+        notify$1.success(t("messages.addressUpdated"));
+        return onMembershipAdressUpdateSuccess(res);
+      });
     }
-    dispatch({
-      type: LOADING,
-      payload: true
-    });
-    window.Pelcro.subscription.redeemGift({
-      auth_token: window.Pelcro.user.read().auth_token,
-      gift_code: giftCode,
-      address_id: selectedAddressId,
-      // redeem gift as a future phase of an existing subscription
-      subscription_id: subscriptionIdToRenew
-    }, (err, res) => {
+    if (giftCode) {
       dispatch({
         type: LOADING,
-        payload: false
+        payload: true
       });
-      if (err) {
+      return window.Pelcro.subscription.redeemGift({
+        auth_token: window.Pelcro.user.read().auth_token,
+        gift_code: giftCode,
+        address_id: selectedAddressId,
+        // redeem gift as a future phase of an existing subscription
+        subscription_id: subscriptionIdToRenew
+      }, (err, res) => {
         dispatch({
-          type: SHOW_ALERT,
-          payload: {
-            type: "error",
-            content: getErrorMessages(err)
-          }
+          type: LOADING,
+          payload: false
         });
-        return onFailure(err);
-      }
-      return onGiftRedemptionSuccess(res);
-    });
+        if (err) {
+          dispatch({
+            type: SHOW_ALERT,
+            payload: {
+              type: "error",
+              content: getErrorMessages(err)
+            }
+          });
+          return onFailure(err);
+        }
+        return onGiftRedemptionSuccess(res);
+      });
+    }
+    onSuccess(selectedAddressId);
   };
   const [state, dispatch] = useReducerWithSideEffects((state, action) => {
@@ -22245,6 +22343,13 @@ const AddressSelectModal = ({
   const onAddNewAddress = () => {
     switchView("address-create");
+  }; // FIXME: implement me
+  const onMembershipAdressUpdateSuccess = () => {
+    var _otherProps$onMembers;
+    (_otherProps$onMembers = otherProps.onMembershipAdressUpdateSuccess) === null || _otherProps$onMembers === void 0 ? void 0 : _otherProps$onMembers.call(otherProps);
   };
   return /*#__PURE__*/React__default['default'].createElement(Modal, {
@@ -22255,7 +22360,8 @@ const AddressSelectModal = ({
     onAddNewAddress: onAddNewAddress
   }, otherProps, {
     onSuccess: onSuccess,
-    onGiftRedemptionSuccess: onGiftRedemptionSuccess
+    onGiftRedemptionSuccess: onGiftRedemptionSuccess,
+    onMembershipAdressUpdateSuccess: onMembershipAdressUpdateSuccess
   }))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
 };
 AddressSelectModal.viewId = "address-select";
@@ -24013,7 +24119,7 @@ const SubscriptionsItems = ({
       }
       onClose === null || onClose === void 0 ? void 0 : onClose();
-      notify.confirm((onSuccess, onFailure) => {
+      notify$1.confirm((onSuccess, onFailure) => {
         cancelSubscription(sub.id, onSuccess, onFailure);
       }, {
         confirmMessage: t("messages.subCancellation.isSureToCancel"),
@@ -24594,10 +24700,80 @@ function getInvoiceStatus(invoice) {
   }
 }
+const MembershipsMenu = props => {
+  const {
+    t
+  } = useTranslation("dashboard");
+  return /*#__PURE__*/React__default['default'].createElement("table", {
+    className: "plc-w-full plc-table-fixed"
+  }, /*#__PURE__*/React__default['default'].createElement("thead", {
+    className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
+  }, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", {
+    className: "plc-w-5/12 "
+  }, t("labels.plan")), /*#__PURE__*/React__default['default'].createElement("th", {
+    className: "plc-w-4/12 "
+  }, t("labels.status.title")), /*#__PURE__*/React__default['default'].createElement("th", {
+    className: "plc-w-3/12 "
+  }, t("labels.actions")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", {
+    className: "plc-h-4"
+  })), /*#__PURE__*/React__default['default'].createElement(MembershipsItems, props));
+};
+const MembershipsItems = () => {
+  const {
+    t
+  } = useTranslation("dashboard");
+  const {
+    switchView,
+    setSelectedMembership,
+    switchToAddressView
+  } = usePelcro();
+  const memberships = getActiveMemberships();
+  const onChangeAddressClick = membershipId => {
+    if (userMustVerifyEmail()) {
+      return switchView("email-verify");
+    }
+    if (setSelectedMembership(membershipId)) {
+      return switchToAddressView();
+    }
+  };
+  if (memberships.length === 0) return null;
+  return memberships.sort((a, b) => a.created_at - b.created_at).map(membership => {
+    var _window$Pelcro$addres;
+    (_window$Pelcro$addres = window.Pelcro.address.list()) === null || _window$Pelcro$addres === void 0 ? void 0 : _window$Pelcro$addres.find(address => address.id === membership.address_id);
+    return /*#__PURE__*/React__default['default'].createElement("tr", {
+      key: membership.id,
+      className: `plc-w-full plc-align-top pelcro-membership-row`
+    }, /*#__PURE__*/React__default['default'].createElement("td", {
+      className: "plc-truncate"
+    }, membership.subscription.plan.nickname && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("span", {
+      className: "plc-font-semibold plc-text-gray-500 pelcro-membership-plan"
+    }, membership.subscription.plan.nickname))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("span", null, membership.status)), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Button, {
+      variant: "ghost",
+      icon: /*#__PURE__*/React__default['default'].createElement(SvgEdit, {
+        className: "plc-w-4 plc-h-4"
+      }),
+      className: "plc-text-blue-400 focus:plc-ring-blue-500 pelcro-dashboard-membership-address-button",
+      onClick: () => onChangeAddressClick(membership.id)
+    }, t("labels.edit"))));
+  });
+};
+function getActiveMemberships() {
+  var _window$Pelcro$user$r, _window$Pelcro$user$r2;
+  return (_window$Pelcro$user$r = (_window$Pelcro$user$r2 = window.Pelcro.user.read().memberships) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.filter(membership => membership.status === "active")) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : [];
+}
 const SUB_MENUS = {
   PROFILE: "profile",
   SUBSCRIPTIONS: "subscriptions",
   DONATIONS: "donations",
+  MEMBERSHIPS: "memberships",
   PAYMENT_CARDS: "payment-cards",
   ADDRESSES: "addresses",
   GIFTS: "gifts",
@@ -25128,6 +25304,14 @@ class Dashboard extends React.Component {
         displayProductSelect: this.displayProductSelect,
         displayRedeem: this.displayRedeem
       })
+    }), /*#__PURE__*/React__default['default'].createElement(Accordion.item, {
+      show: hasActiveMemberships(),
+      name: SUB_MENUS.MEMBERSHIPS,
+      icon: /*#__PURE__*/React__default['default'].createElement(SvgDonate, {
+        className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
+      }),
+      title: this.locale("labels.memberships"),
+      content: /*#__PURE__*/React__default['default'].createElement(MembershipsMenu, null)
     }), /*#__PURE__*/React__default['default'].createElement(Accordion.item, {
       show: hasDonationSubs(),
       name: SUB_MENUS.DONATIONS,
@@ -25183,6 +25367,12 @@ function hasDonationSubs() {
   return donations.length > 0 || canceledDonations.length > 0;
 }
+function hasActiveMemberships() {
+  var _window$Pelcro$user$r6, _window$Pelcro$user$r7;
+  return (_window$Pelcro$user$r6 = (_window$Pelcro$user$r7 = window.Pelcro.user.read().memberships) === null || _window$Pelcro$user$r7 === void 0 ? void 0 : _window$Pelcro$user$r7.some(membership => membership.status === "active")) !== null && _window$Pelcro$user$r6 !== void 0 ? _window$Pelcro$user$r6 : false;
+}
 const DashboardWithTrans = withTranslation("dashboard")(Dashboard);
 // The button in the lower right that shows the dashboard.
@@ -27337,7 +27527,7 @@ function VerifyLinkTokenModal({
     (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
     resetView();
-    notify.success(t("messages.success"));
+    notify$1.success(t("messages.success"));
   };
   return /*#__PURE__*/React__default['default'].createElement(Modal, {
@@ -27791,6 +27981,6 @@ exports.i18n = i18next;
 exports.initButtons = init$1;
 exports.initContentEntitlement = init;
 exports.invoicePaymentSubmitButton = invoicePaymentSubmitButton;
-exports.notify = notify;
+exports.notify = notify$1;
 exports.unauthenticatedButtons = unauthenticatedButtons;
 exports.usePelcro = usePelcro;

package/dist/index.esm.js CHANGED Viewed

@@ -5018,6 +5018,7 @@ var labels$e = {
 	purchases: "Purchases",
 	subscriptions: "Subscriptions",
 	donations: "Donations",
+	memberships: "Memberships",
 	invoices: "Invoices",
 	details: "Details",
 	view: "View",
@@ -5109,6 +5110,7 @@ var labels$d = {
 	purchases: "Achats",
 	subscriptions: "Abonnements",
 	donations: "Des dons",
+	memberships: "Adhésions",
 	invoices: "Invoices",
 	details: "Details",
 	view: "View",
@@ -5200,6 +5202,7 @@ var labels$c = {
 	purchases: "구매",
 	subscriptions: "유료 멤버십",
 	donations: "기부",
+	memberships: "멤버십",
 	invoices: "인보이스",
 	details: "세부 정보",
 	view: "보기",
@@ -7115,6 +7118,23 @@ class PelcroActions {
       return true;
     });
+    _defineProperty$3(this, "setSelectedMembership", id => {
+      var _window$Pelcro$user$r, _window$Pelcro$user$r2;
+      const memberships = (_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.memberships) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : [];
+      const membership = memberships.find(membership => String(membership.id) === String(id));
+      if (!membership) {
+        console.error("invalid membership id");
+        return false;
+      }
+      this.set({
+        selectedMembership: membership
+      });
+      return true;
+    });
     _defineProperty$3(this, "logout", () => {
       var _ReactGA$event;
@@ -7322,6 +7342,8 @@ const initialState$l = {
   // null | SKU[] | SKU,
   // invoices
   invoice: null,
+  // memberships
+  selectedMembership: null,
   // User
   isAuthenticated: () => window.Pelcro.user.isAuthenticated(),
   selectedPaymentMethodId: null,
@@ -9057,7 +9079,7 @@ toast.confirm = (onConfirm, {
   };
 };
-const notify = toast;
+const notify$1 = toast;
 const translations = i18next.t("common:buttons", {
   returnObjects: true
@@ -9267,7 +9289,7 @@ const init$1 = () => {
             const errorMsg = i18next.t("shop:messages.currencyMismatch", {
               currency: userCurrency
             });
-            notify.error(errorMsg);
+            notify$1.error(errorMsg);
           }
         });
       }
@@ -9361,7 +9383,7 @@ const init = () => {
       elemDeepClone.setAttribute("style", "filter:blur(3px) !important; pointer-events:none !important; user-select:none !important");
       unblurElemWhenUserSubscribes(elemDeepClone, entitlements);
       const NOTIFICATION_ID = "entitlement";
-      notify( /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement(Trans, {
+      notify$1( /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement(Trans, {
         i18nKey: "messages:entitlement"
       }, "Some of the content on this page is available with one or more of our plans.", /*#__PURE__*/React__default.createElement(Link, {
         onClick: () => {
@@ -9378,7 +9400,7 @@ const init = () => {
             });
           }
-          notify.dismiss(NOTIFICATION_ID);
+          notify$1.dismiss(NOTIFICATION_ID);
           switchView("_plan-select-entitlements");
         }
       }, "Subscribe"), "now to get full page access.")), {
@@ -10122,10 +10144,10 @@ const verifyEmailTokenFromUrl = () => {
       token: emailToken
     }, (err, res) => {
       if (err) {
-        return notify.error(getErrorMessages(err));
+        return notify$1.error(getErrorMessages(err));
       }
-      return notify.success(translations.success);
+      return notify$1.success(translations.success);
     });
   }, {
     once: true
@@ -10151,7 +10173,7 @@ const verifyLinkTokenFromUrl = () => {
       token: loginToken
     }, (err, res) => {
       if (err) {
-        return notify.error(getErrorMessages(err));
+        return notify$1.error(getErrorMessages(err));
       }
       const {
@@ -10161,11 +10183,11 @@ const verifyLinkTokenFromUrl = () => {
         auth_token
       }, (err, res) => {
         if (err) {
-          return notify.error(getErrorMessages(err));
+          return notify$1.error(getErrorMessages(err));
         }
         resetView();
-        return notify.success(translations.success);
+        return notify$1.success(translations.success);
       });
     });
   }, {
@@ -10206,7 +10228,7 @@ const showInvoiceDetailsFromUrl = () => {
       const errorMessage = i18next.t("messages:invalidInvoice", {
         returnObjects: true
       });
-      return notify.error(errorMessage);
+      return notify$1.error(errorMessage);
     }
     const {
@@ -10217,7 +10239,7 @@ const showInvoiceDetailsFromUrl = () => {
       const errorMessage = i18next.t("messages:zeroTotalInvoice", {
         returnObjects: true
       });
-      return notify.error(errorMessage);
+      return notify$1.error(errorMessage);
     }
     return switchView("invoice-details");
@@ -12471,7 +12493,7 @@ class SelectModal extends Component {
         }
       }
-      return `${startingPlan.amount_formatted}/${startingPlan.interval}`;
+      return `${startingPlan.amount_formatted}/${startingPlan.interval_count > 1 ? `${startingPlan.interval_count} ${startingPlan.interval}s` : `${startingPlan.interval}`}`;
     });
     _defineProperty$3(this, "renderOneProduct", (product, index, options) => {
@@ -12497,7 +12519,7 @@ class SelectModal extends Component {
         className: "plc-flex plc-items-end plc-w-full plc-mt-3"
       }, product.plans && /*#__PURE__*/React__default.createElement("p", {
         className: "plc-w-1/2 plc-text-xs pelcro-select-product-cost"
-      }, this.locale("labels.startingAt"), " ", this.countStartPrice(product.plans)), /*#__PURE__*/React__default.createElement(Button, Object.assign({
+      }, this.locale("labels.startingAt"), " ", this.countStartPrice(product.plans), console.log(product)), /*#__PURE__*/React__default.createElement(Button, Object.assign({
         onClick: productButtonCallback,
         "data-key": product.id,
         id: "pelcro-select-product-back-button",
@@ -17000,7 +17022,7 @@ const SubscriptionCancelNowButton = ({
     switchView(null); //Show confirmation alert after closing the modal
-    notify.confirm((onSuccess, onFailure) => {
+    notify$1.confirm((onSuccess, onFailure) => {
       cancelSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToCancelNow"),
@@ -17072,7 +17094,7 @@ const SubscriptionCancelLaterButton = ({
     switchView(null); //Show confirmation alert after closing the modal
-    notify.confirm((onSuccess, onFailure) => {
+    notify$1.confirm((onSuccess, onFailure) => {
       cancelSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToCancel"),
@@ -18403,6 +18425,7 @@ const AddressCreateContainer = ({
   className = "",
   type = "shipping",
   onGiftRedemptionSuccess = () => {},
+  onMembershipAdressUpdateSuccess = () => {},
   onSuccess = () => {},
   onFailure = () => {},
   children,
@@ -18418,7 +18441,8 @@ const AddressCreateContainer = ({
     subscriptionIdToRenew: subscriptionIdToRenewFromStore,
     product,
     order,
-    set
+    set,
+    selectedMembership
   } = usePelcro();
   const giftCode = (_props$giftCode = props.giftCode) !== null && _props$giftCode !== void 0 ? _props$giftCode : giftCodeFromStore;
   const subscriptionIdToRenew = (_ref = (_props$subscriptionId = props.subscriptionIdToRenew) !== null && _props$subscriptionId !== void 0 ? _props$subscriptionId : subscriptionIdToRenewFromStore) !== null && _ref !== void 0 ? _ref : undefined;
@@ -18496,6 +18520,37 @@ const AddressCreateContainer = ({
       const newAddressId = String(getNewlyCreatedAddress(res.data.addresses).id);
+      if (selectedMembership) {
+        dispatch({
+          type: LOADING,
+          payload: true
+        });
+        return window.Pelcro.membership.update({
+          auth_token: window.Pelcro.user.read().auth_token,
+          address_id: newAddressId,
+          membership_id: selectedMembership.id
+        }, (err, res) => {
+          dispatch({
+            type: LOADING,
+            payload: false
+          });
+          if (err) {
+            dispatch({
+              type: SHOW_ALERT,
+              payload: {
+                type: "error",
+                content: getErrorMessages(err)
+              }
+            });
+            return onFailure(err);
+          }
+          notify.success(t("messages.addressUpdated"));
+          return onMembershipAdressUpdateSuccess(res);
+        });
+      }
       if (product || order) {
         set({
           selectedAddressId: newAddressId
@@ -19160,6 +19215,13 @@ const AddressCreateModal = ({
     (_otherProps$onGiftRed = otherProps.onGiftRedemptionSuccess) === null || _otherProps$onGiftRed === void 0 ? void 0 : _otherProps$onGiftRed.call(otherProps);
     switchView("subscription-success");
+  }; // FIXME: implement me
+  const onMembershipAdressUpdateSuccess = () => {
+    var _otherProps$onMembers;
+    (_otherProps$onMembers = otherProps.onMembershipAdressUpdateSuccess) === null || _otherProps$onMembers === void 0 ? void 0 : _otherProps$onMembers.call(otherProps);
   };
   return /*#__PURE__*/React__default.createElement(Modal, {
@@ -19168,7 +19230,8 @@ const AddressCreateModal = ({
     onClose: onClose
   }, /*#__PURE__*/React__default.createElement(ModalBody, null, /*#__PURE__*/React__default.createElement(AddressCreateView, Object.assign({}, otherProps, {
     onSuccess: onSuccess,
-    onGiftRedemptionSuccess: onGiftRedemptionSuccess
+    onGiftRedemptionSuccess: onGiftRedemptionSuccess,
+    onMembershipAdressUpdateSuccess: onMembershipAdressUpdateSuccess
   }))), /*#__PURE__*/React__default.createElement(ModalFooter, null, /*#__PURE__*/React__default.createElement(Authorship, null)));
 };
 AddressCreateModal.viewId = "address-create";
@@ -21981,6 +22044,7 @@ const AddressSelectContainer = ({
   style,
   className = "",
   onGiftRedemptionSuccess = () => {},
+  onMembershipAdressUpdateSuccess = () => {},
   onSuccess = () => {},
   onFailure = () => {},
   children,
@@ -21988,11 +22052,14 @@ const AddressSelectContainer = ({
 }) => {
   var _props$giftCode, _ref, _props$subscriptionId;
-  useTranslation("address");
+  const {
+    t
+  } = useTranslation("address");
   const {
     giftCode: giftCodeFromStore,
     subscriptionIdToRenew: subscriptionIdToRenewFromStore,
-    set
+    set,
+    selectedMembership
   } = usePelcro();
   const giftCode = (_props$giftCode = props.giftCode) !== null && _props$giftCode !== void 0 ? _props$giftCode : giftCodeFromStore;
   const subscriptionIdToRenew = (_ref = (_props$subscriptionId = props.subscriptionIdToRenew) !== null && _props$subscriptionId !== void 0 ? _props$subscriptionId : subscriptionIdToRenewFromStore) !== null && _ref !== void 0 ? _ref : undefined;
@@ -22004,39 +22071,70 @@ const AddressSelectContainer = ({
       selectedAddressId
     });
-    if (!giftCode) {
-      return onSuccess(selectedAddressId);
+    if (selectedMembership.id) {
+      dispatch({
+        type: LOADING,
+        payload: true
+      });
+      return window.Pelcro.membership.update({
+        auth_token: window.Pelcro.user.read().auth_token,
+        address_id: selectedAddressId,
+        membership_id: selectedMembership.id
+      }, (err, res) => {
+        dispatch({
+          type: LOADING,
+          payload: false
+        });
+        if (err) {
+          dispatch({
+            type: SHOW_ALERT,
+            payload: {
+              type: "error",
+              content: getErrorMessages(err)
+            }
+          });
+          return onFailure(err);
+        }
+        notify$1.success(t("messages.addressUpdated"));
+        return onMembershipAdressUpdateSuccess(res);
+      });
     }
-    dispatch({
-      type: LOADING,
-      payload: true
-    });
-    window.Pelcro.subscription.redeemGift({
-      auth_token: window.Pelcro.user.read().auth_token,
-      gift_code: giftCode,
-      address_id: selectedAddressId,
-      // redeem gift as a future phase of an existing subscription
-      subscription_id: subscriptionIdToRenew
-    }, (err, res) => {
+    if (giftCode) {
       dispatch({
         type: LOADING,
-        payload: false
+        payload: true
       });
-      if (err) {
+      return window.Pelcro.subscription.redeemGift({
+        auth_token: window.Pelcro.user.read().auth_token,
+        gift_code: giftCode,
+        address_id: selectedAddressId,
+        // redeem gift as a future phase of an existing subscription
+        subscription_id: subscriptionIdToRenew
+      }, (err, res) => {
         dispatch({
-          type: SHOW_ALERT,
-          payload: {
-            type: "error",
-            content: getErrorMessages(err)
-          }
+          type: LOADING,
+          payload: false
         });
-        return onFailure(err);
-      }
-      return onGiftRedemptionSuccess(res);
-    });
+        if (err) {
+          dispatch({
+            type: SHOW_ALERT,
+            payload: {
+              type: "error",
+              content: getErrorMessages(err)
+            }
+          });
+          return onFailure(err);
+        }
+        return onGiftRedemptionSuccess(res);
+      });
+    }
+    onSuccess(selectedAddressId);
   };
   const [state, dispatch] = useReducerWithSideEffects((state, action) => {
@@ -22215,6 +22313,13 @@ const AddressSelectModal = ({
   const onAddNewAddress = () => {
     switchView("address-create");
+  }; // FIXME: implement me
+  const onMembershipAdressUpdateSuccess = () => {
+    var _otherProps$onMembers;
+    (_otherProps$onMembers = otherProps.onMembershipAdressUpdateSuccess) === null || _otherProps$onMembers === void 0 ? void 0 : _otherProps$onMembers.call(otherProps);
   };
   return /*#__PURE__*/React__default.createElement(Modal, {
@@ -22225,7 +22330,8 @@ const AddressSelectModal = ({
     onAddNewAddress: onAddNewAddress
   }, otherProps, {
     onSuccess: onSuccess,
-    onGiftRedemptionSuccess: onGiftRedemptionSuccess
+    onGiftRedemptionSuccess: onGiftRedemptionSuccess,
+    onMembershipAdressUpdateSuccess: onMembershipAdressUpdateSuccess
   }))), /*#__PURE__*/React__default.createElement(ModalFooter, null, /*#__PURE__*/React__default.createElement(Authorship, null)));
 };
 AddressSelectModal.viewId = "address-select";
@@ -23983,7 +24089,7 @@ const SubscriptionsItems = ({
       }
       onClose === null || onClose === void 0 ? void 0 : onClose();
-      notify.confirm((onSuccess, onFailure) => {
+      notify$1.confirm((onSuccess, onFailure) => {
         cancelSubscription(sub.id, onSuccess, onFailure);
       }, {
         confirmMessage: t("messages.subCancellation.isSureToCancel"),
@@ -24564,10 +24670,80 @@ function getInvoiceStatus(invoice) {
   }
 }
+const MembershipsMenu = props => {
+  const {
+    t
+  } = useTranslation("dashboard");
+  return /*#__PURE__*/React__default.createElement("table", {
+    className: "plc-w-full plc-table-fixed"
+  }, /*#__PURE__*/React__default.createElement("thead", {
+    className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
+  }, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", {
+    className: "plc-w-5/12 "
+  }, t("labels.plan")), /*#__PURE__*/React__default.createElement("th", {
+    className: "plc-w-4/12 "
+  }, t("labels.status.title")), /*#__PURE__*/React__default.createElement("th", {
+    className: "plc-w-3/12 "
+  }, t("labels.actions")))), /*#__PURE__*/React__default.createElement("tbody", null, /*#__PURE__*/React__default.createElement("tr", {
+    className: "plc-h-4"
+  })), /*#__PURE__*/React__default.createElement(MembershipsItems, props));
+};
+const MembershipsItems = () => {
+  const {
+    t
+  } = useTranslation("dashboard");
+  const {
+    switchView,
+    setSelectedMembership,
+    switchToAddressView
+  } = usePelcro();
+  const memberships = getActiveMemberships();
+  const onChangeAddressClick = membershipId => {
+    if (userMustVerifyEmail()) {
+      return switchView("email-verify");
+    }
+    if (setSelectedMembership(membershipId)) {
+      return switchToAddressView();
+    }
+  };
+  if (memberships.length === 0) return null;
+  return memberships.sort((a, b) => a.created_at - b.created_at).map(membership => {
+    var _window$Pelcro$addres;
+    (_window$Pelcro$addres = window.Pelcro.address.list()) === null || _window$Pelcro$addres === void 0 ? void 0 : _window$Pelcro$addres.find(address => address.id === membership.address_id);
+    return /*#__PURE__*/React__default.createElement("tr", {
+      key: membership.id,
+      className: `plc-w-full plc-align-top pelcro-membership-row`
+    }, /*#__PURE__*/React__default.createElement("td", {
+      className: "plc-truncate"
+    }, membership.subscription.plan.nickname && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
+      className: "plc-font-semibold plc-text-gray-500 pelcro-membership-plan"
+    }, membership.subscription.plan.nickname))), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement("span", null, membership.status)), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement(Button, {
+      variant: "ghost",
+      icon: /*#__PURE__*/React__default.createElement(SvgEdit, {
+        className: "plc-w-4 plc-h-4"
+      }),
+      className: "plc-text-blue-400 focus:plc-ring-blue-500 pelcro-dashboard-membership-address-button",
+      onClick: () => onChangeAddressClick(membership.id)
+    }, t("labels.edit"))));
+  });
+};
+function getActiveMemberships() {
+  var _window$Pelcro$user$r, _window$Pelcro$user$r2;
+  return (_window$Pelcro$user$r = (_window$Pelcro$user$r2 = window.Pelcro.user.read().memberships) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.filter(membership => membership.status === "active")) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : [];
+}
 const SUB_MENUS = {
   PROFILE: "profile",
   SUBSCRIPTIONS: "subscriptions",
   DONATIONS: "donations",
+  MEMBERSHIPS: "memberships",
   PAYMENT_CARDS: "payment-cards",
   ADDRESSES: "addresses",
   GIFTS: "gifts",
@@ -25098,6 +25274,14 @@ class Dashboard extends Component {
         displayProductSelect: this.displayProductSelect,
         displayRedeem: this.displayRedeem
       })
+    }), /*#__PURE__*/React__default.createElement(Accordion.item, {
+      show: hasActiveMemberships(),
+      name: SUB_MENUS.MEMBERSHIPS,
+      icon: /*#__PURE__*/React__default.createElement(SvgDonate, {
+        className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
+      }),
+      title: this.locale("labels.memberships"),
+      content: /*#__PURE__*/React__default.createElement(MembershipsMenu, null)
     }), /*#__PURE__*/React__default.createElement(Accordion.item, {
       show: hasDonationSubs(),
       name: SUB_MENUS.DONATIONS,
@@ -25153,6 +25337,12 @@ function hasDonationSubs() {
   return donations.length > 0 || canceledDonations.length > 0;
 }
+function hasActiveMemberships() {
+  var _window$Pelcro$user$r6, _window$Pelcro$user$r7;
+  return (_window$Pelcro$user$r6 = (_window$Pelcro$user$r7 = window.Pelcro.user.read().memberships) === null || _window$Pelcro$user$r7 === void 0 ? void 0 : _window$Pelcro$user$r7.some(membership => membership.status === "active")) !== null && _window$Pelcro$user$r6 !== void 0 ? _window$Pelcro$user$r6 : false;
+}
 const DashboardWithTrans = withTranslation("dashboard")(Dashboard);
 // The button in the lower right that shows the dashboard.
@@ -27307,7 +27497,7 @@ function VerifyLinkTokenModal({
     (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
     resetView();
-    notify.success(t("messages.success"));
+    notify$1.success(t("messages.success"));
   };
   return /*#__PURE__*/React__default.createElement(Modal, {
@@ -27551,4 +27741,4 @@ const InvoiceDetailsModal = ({
 };
 InvoiceDetailsModal.viewId = "invoice-details";
-export { AddressCreateCity, AddressCreateContainer, AddressCreateCountrySelect, AddressCreateFirstName, AddressCreateLastName, AddressCreateLine1, AddressCreateLine2, AddressCreateModal, AddressCreatePostalCode, AddressCreateStateSelect, AddressCreateSubmit, AddressCreateTextInput, AddressCreateView, AddressSelectContainer, AddressSelectList, AddressSelectModal, AddressSelectSubmit, AddressSelectView, AddressUpdateCity, AddressUpdateContainer, AddressUpdateCountrySelect, AddressUpdateFirstName, AddressUpdateLastName, AddressUpdateLine1, AddressUpdateLine2, AddressUpdateModal, AddressUpdatePostalCode, AddressUpdateStateSelect, AddressUpdateSubmit, AddressUpdateTextInput, AddressUpdateView, AlertWithContext as Alert, Alert as AlertElement, ApplyCouponButton, Auth0LoginButton, Badge, BankRedirection, Button, CartContainer, CartModal, CartRemoveItemButton, CartSubmit, CartTotalPrice, CartView, Checkbox, CheckoutForm, ConfirmPassword, CouponCode, CouponCodeField, DashboardWithHook as Dashboard, DashboardOpenButton, DatePicker, DiscountedPrice, Email, EmailVerifyContainer, EmailVerifyModal, EmailVerifyResendButton, EmailVerifyView, FacebookLoginButton, GiftCreateContainer, GiftCreateEmail, GiftCreateFirstName, GiftCreateLastName, GiftCreateMessage, GiftCreateModal, GiftCreateStartDate, GiftCreateSubmitButton, GiftCreateView, GiftRedeemCode, GiftRedeemContainer, GiftRedeemModal, GiftRedeemSubmitButton, GiftRedeemView, GoogleLoginButton, Input, InvoiceDetailsContainer, InvoiceDetailsDownloadButton, InvoiceDetailsModal, InvoiceDetailsPayButton, InvoiceDetailsView, InvoicePaymentContainer, InvoicePaymentModal, InvoicePaymentView, Link, LoginButton, LoginContainer, LoginEmail, LoginModal, LoginPassword, LoginRequestLoginToken, LoginView, Logout, MeterModal, MeterView, Modal, ModalBody, ModalFooter, NewsletterWithHook as NewsLetter, NewsletterUpdateButton, NewsletterUpdateContainer, NewsletterUpdateList, NewsletterUpdateModal, NewsletterUpdateView, Notification, OrderConfirmModal, OrderCreateContainer, OrderCreateModal, OrderCreateSubmitButton, OrderCreateView, Password, PasswordChangeButton, PasswordChangeConfirmNewPassword, PasswordChangeContainer, PasswordChangeCurrentPassword, PasswordChangeModal, PasswordChangeNewPassword, PasswordChangeView, PasswordForgotButton, PasswordForgotContainer, PasswordForgotEmail, PasswordForgotModal, PasswordForgotView, PasswordResetButton, PasswordResetConfirmPassword, PasswordResetContainer, PasswordResetEmail, PasswordResetModal, PasswordResetPassword, PasswordResetView, PasswordlessRequestContainer, PasswordlessRequestEmail, PasswordlessRequestModal, PasswordlessRequestView, PasswordlessRequestViewButton, PaymentCreateContainer, PaymentCreateView, PaymentMethodContainer, PaymentMethodSelectContainer, PaymentMethodSelectList, PaymentMethodSelectModal, PaymentMethodSelectSubmit, PaymentMethodSelectView, PaymentMethodUpdateContainer, PaymentMethodUpdateModal, PaymentMethodUpdateView, PaymentMethodView, PaymentSuccessModal, PaymentSuccessView, PaypalSubscribeButton, PelcroCardCVC, PelcroCardExpiry, PelcroCardNumber, PelcroModalController, PelcroPaymentRequestButton, ProfilePicChangeButton, ProfilePicChangeContainer, ProfilePicChangeCropper, ProfilePicChangeModal, ProfilePicChangeRemoveButton, ProfilePicChangeSelectButton, ProfilePicChangeView, ProfilePicChangeZoom, Radio, RegisterButton, RegisterCompany, RegisterContainer, RegisterEmail, RegisterFirstName, RegisterJobTitle, RegisterLastName, RegisterModal, RegisterPassword, RegisterView, Select, SelectModalWithHook as SelectModal, SelectedPaymentMethod, ShopPurchaseButton, ShopSelectProductButton, ShopView, SubmitPaymentMethod, SubscriptionCancelModal, SubscriptionCreateContainer, SubscriptionCreateModal, SubscriptionCreateView, SubscriptionRenewContainer, SubscriptionRenewModal, SubscriptionRenewView, TaxAmount, TextArea, Tooltip, UserUpdateButton, UserUpdateContainer, UserUpdateDisplayName, UserUpdateEmail, UserUpdateFirstName, UserUpdateLastName, UserUpdateModal, UserUpdatePhone, UserUpdateProfilePic, UserUpdateTextInput, UserUpdateView, VerifyLinkTokenContainer, VerifyLinkTokenLoader, VerifyLinkTokenModal, VerifyLinkTokenView, authenticatedButtons, i18next as i18n, init$1 as initButtons, init as initContentEntitlement, invoicePaymentSubmitButton, notify, unauthenticatedButtons, usePelcro };
+export { AddressCreateCity, AddressCreateContainer, AddressCreateCountrySelect, AddressCreateFirstName, AddressCreateLastName, AddressCreateLine1, AddressCreateLine2, AddressCreateModal, AddressCreatePostalCode, AddressCreateStateSelect, AddressCreateSubmit, AddressCreateTextInput, AddressCreateView, AddressSelectContainer, AddressSelectList, AddressSelectModal, AddressSelectSubmit, AddressSelectView, AddressUpdateCity, AddressUpdateContainer, AddressUpdateCountrySelect, AddressUpdateFirstName, AddressUpdateLastName, AddressUpdateLine1, AddressUpdateLine2, AddressUpdateModal, AddressUpdatePostalCode, AddressUpdateStateSelect, AddressUpdateSubmit, AddressUpdateTextInput, AddressUpdateView, AlertWithContext as Alert, Alert as AlertElement, ApplyCouponButton, Auth0LoginButton, Badge, BankRedirection, Button, CartContainer, CartModal, CartRemoveItemButton, CartSubmit, CartTotalPrice, CartView, Checkbox, CheckoutForm, ConfirmPassword, CouponCode, CouponCodeField, DashboardWithHook as Dashboard, DashboardOpenButton, DatePicker, DiscountedPrice, Email, EmailVerifyContainer, EmailVerifyModal, EmailVerifyResendButton, EmailVerifyView, FacebookLoginButton, GiftCreateContainer, GiftCreateEmail, GiftCreateFirstName, GiftCreateLastName, GiftCreateMessage, GiftCreateModal, GiftCreateStartDate, GiftCreateSubmitButton, GiftCreateView, GiftRedeemCode, GiftRedeemContainer, GiftRedeemModal, GiftRedeemSubmitButton, GiftRedeemView, GoogleLoginButton, Input, InvoiceDetailsContainer, InvoiceDetailsDownloadButton, InvoiceDetailsModal, InvoiceDetailsPayButton, InvoiceDetailsView, InvoicePaymentContainer, InvoicePaymentModal, InvoicePaymentView, Link, LoginButton, LoginContainer, LoginEmail, LoginModal, LoginPassword, LoginRequestLoginToken, LoginView, Logout, MeterModal, MeterView, Modal, ModalBody, ModalFooter, NewsletterWithHook as NewsLetter, NewsletterUpdateButton, NewsletterUpdateContainer, NewsletterUpdateList, NewsletterUpdateModal, NewsletterUpdateView, Notification, OrderConfirmModal, OrderCreateContainer, OrderCreateModal, OrderCreateSubmitButton, OrderCreateView, Password, PasswordChangeButton, PasswordChangeConfirmNewPassword, PasswordChangeContainer, PasswordChangeCurrentPassword, PasswordChangeModal, PasswordChangeNewPassword, PasswordChangeView, PasswordForgotButton, PasswordForgotContainer, PasswordForgotEmail, PasswordForgotModal, PasswordForgotView, PasswordResetButton, PasswordResetConfirmPassword, PasswordResetContainer, PasswordResetEmail, PasswordResetModal, PasswordResetPassword, PasswordResetView, PasswordlessRequestContainer, PasswordlessRequestEmail, PasswordlessRequestModal, PasswordlessRequestView, PasswordlessRequestViewButton, PaymentCreateContainer, PaymentCreateView, PaymentMethodContainer, PaymentMethodSelectContainer, PaymentMethodSelectList, PaymentMethodSelectModal, PaymentMethodSelectSubmit, PaymentMethodSelectView, PaymentMethodUpdateContainer, PaymentMethodUpdateModal, PaymentMethodUpdateView, PaymentMethodView, PaymentSuccessModal, PaymentSuccessView, PaypalSubscribeButton, PelcroCardCVC, PelcroCardExpiry, PelcroCardNumber, PelcroModalController, PelcroPaymentRequestButton, ProfilePicChangeButton, ProfilePicChangeContainer, ProfilePicChangeCropper, ProfilePicChangeModal, ProfilePicChangeRemoveButton, ProfilePicChangeSelectButton, ProfilePicChangeView, ProfilePicChangeZoom, Radio, RegisterButton, RegisterCompany, RegisterContainer, RegisterEmail, RegisterFirstName, RegisterJobTitle, RegisterLastName, RegisterModal, RegisterPassword, RegisterView, Select, SelectModalWithHook as SelectModal, SelectedPaymentMethod, ShopPurchaseButton, ShopSelectProductButton, ShopView, SubmitPaymentMethod, SubscriptionCancelModal, SubscriptionCreateContainer, SubscriptionCreateModal, SubscriptionCreateView, SubscriptionRenewContainer, SubscriptionRenewModal, SubscriptionRenewView, TaxAmount, TextArea, Tooltip, UserUpdateButton, UserUpdateContainer, UserUpdateDisplayName, UserUpdateEmail, UserUpdateFirstName, UserUpdateLastName, UserUpdateModal, UserUpdatePhone, UserUpdateProfilePic, UserUpdateTextInput, UserUpdateView, VerifyLinkTokenContainer, VerifyLinkTokenLoader, VerifyLinkTokenModal, VerifyLinkTokenView, authenticatedButtons, i18next as i18n, init$1 as initButtons, init as initContentEntitlement, invoicePaymentSubmitButton, notify$1 as notify, unauthenticatedButtons, usePelcro };

package/dist/pelcro.css CHANGED Viewed

@@ -2643,6 +2643,11 @@ in order to scope selectors under pelcro-root
   --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
 }
+.pelcro-root .focus\:plc-ring-blue-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+}
 .pelcro-root .plc-fill-current {
   fill: currentColor;
 }

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@pelcro/react-pelcro-js",
   "description": "Pelcro's React UI Elements",
-  "version": "3.4.0",
+  "version": "3.4.1-beta.3",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",