@pelcro/react-pelcro-js 3.22.0-beta.7 → 3.22.0-beta.8

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 +31 -26
  2. package/dist/index.esm.js +31 -26
  3. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -20625,6 +20625,16 @@ function SubscriptionManageMembersList(props) {
20625
20625
  icon: /*#__PURE__*/React__default['default'].createElement(SvgCheckMark, null)
20626
20626
  };
20627
20627
  }, []);
20628
+ const showMemberData = React.useCallback(member => {
20629
+ var _member$customer, _member$customer2, _member$customer3, _member$customer4;
20630
+ let data;
20631
+ if ((member === null || member === void 0 ? void 0 : member.status) !== "active") {
20632
+ data = member === null || member === void 0 ? void 0 : member.invitation_email;
20633
+ return data;
20634
+ }
20635
+ data = (member === null || member === void 0 ? void 0 : (_member$customer = member.customer) === null || _member$customer === void 0 ? void 0 : _member$customer.email) || (member === null || member === void 0 ? void 0 : (_member$customer2 = member.customer) === null || _member$customer2 === void 0 ? void 0 : _member$customer2.first_name) + " " + (member === null || member === void 0 ? void 0 : (_member$customer3 = member.customer) === null || _member$customer3 === void 0 ? void 0 : _member$customer3.last_name) || (member === null || member === void 0 ? void 0 : (_member$customer4 = member.customer) === null || _member$customer4 === void 0 ? void 0 : _member$customer4.username) || "-----";
20636
+ return data;
20637
+ }, []);
20628
20638
  if (loading) {
20629
20639
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("div", {
20630
20640
  className: "plc-animate-pulse"
@@ -20661,32 +20671,27 @@ function SubscriptionManageMembersList(props) {
20661
20671
  type: HANDLE_REMOVE_MEMBER
20662
20672
  });
20663
20673
  };
20664
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, members === null || members === void 0 ? void 0 : members.map(member => {
20665
- var _member$customer;
20666
- return /*#__PURE__*/React__default['default'].createElement("tr", {
20667
- key: member.id,
20668
- className: `plc-w-full plc-align-middle plc-cursor-pointer accordion-header hover:plc-bg-gray-50 plc-text-center`
20669
- }, /*#__PURE__*/React__default['default'].createElement("td", {
20670
- className: "plc-truncate plc-text-left",
20671
- title: member === null || member === void 0 ? void 0 : member.invitation_email
20672
- }, member.status === "active" ? /*#__PURE__*/React__default['default'].createElement("span", {
20673
- className: "plc-font-semibold plc-text-gray-500"
20674
- }, member === null || member === void 0 ? void 0 : (_member$customer = member.customer) === null || _member$customer === void 0 ? void 0 : _member$customer.email) : /*#__PURE__*/React__default['default'].createElement("span", {
20675
- className: "plc-font-semibold plc-text-gray-500"
20676
- }, member === null || member === void 0 ? void 0 : member.invitation_email)), /*#__PURE__*/React__default['default'].createElement("td", {
20677
- className: "plc-py-2"
20678
- }, /*#__PURE__*/React__default['default'].createElement("span", {
20679
- className: `plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold ${getMemberStatus(member).bgColor} plc-uppercase ${getMemberStatus(member).textColor} plc-rounded-lg`
20680
- }, getMemberStatus(member).icon, getMemberStatus(member).title)), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Button, {
20681
- variant: "ghost",
20682
- className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
20683
- icon: /*#__PURE__*/React__default['default'].createElement(SvgXIconSolid, null),
20684
- onClick: () => onRemoveClick(member.id),
20685
- disabled: member.id === removeMemberId,
20686
- isLoading: member.id === removeMemberId,
20687
- "data-key": member.id
20688
- }, t("labels.remove"))));
20689
- }));
20674
+ return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, members === null || members === void 0 ? void 0 : members.map(member => /*#__PURE__*/React__default['default'].createElement("tr", {
20675
+ key: member.id,
20676
+ className: `plc-w-full plc-align-middle plc-cursor-pointer accordion-header hover:plc-bg-gray-50 plc-text-center`
20677
+ }, /*#__PURE__*/React__default['default'].createElement("td", {
20678
+ className: "plc-truncate plc-text-left",
20679
+ title: showMemberData(member)
20680
+ }, /*#__PURE__*/React__default['default'].createElement("span", {
20681
+ className: "plc-font-semibold plc-text-gray-500"
20682
+ }, showMemberData(member))), /*#__PURE__*/React__default['default'].createElement("td", {
20683
+ className: "plc-py-2"
20684
+ }, /*#__PURE__*/React__default['default'].createElement("span", {
20685
+ className: `plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold ${getMemberStatus(member).bgColor} plc-uppercase ${getMemberStatus(member).textColor} plc-rounded-lg`
20686
+ }, getMemberStatus(member).icon, getMemberStatus(member).title)), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Button, {
20687
+ variant: "ghost",
20688
+ className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
20689
+ icon: /*#__PURE__*/React__default['default'].createElement(SvgXIconSolid, null),
20690
+ onClick: () => onRemoveClick(member.id),
20691
+ disabled: member.id === removeMemberId,
20692
+ isLoading: member.id === removeMemberId,
20693
+ "data-key": member.id
20694
+ }, t("labels.remove"))))));
20690
20695
  }
20691
20696
 
20692
20697
  /**
package/dist/index.esm.js CHANGED
@@ -20595,6 +20595,16 @@ function SubscriptionManageMembersList(props) {
20595
20595
  icon: /*#__PURE__*/React__default.createElement(SvgCheckMark, null)
20596
20596
  };
20597
20597
  }, []);
20598
+ const showMemberData = useCallback(member => {
20599
+ var _member$customer, _member$customer2, _member$customer3, _member$customer4;
20600
+ let data;
20601
+ if ((member === null || member === void 0 ? void 0 : member.status) !== "active") {
20602
+ data = member === null || member === void 0 ? void 0 : member.invitation_email;
20603
+ return data;
20604
+ }
20605
+ data = (member === null || member === void 0 ? void 0 : (_member$customer = member.customer) === null || _member$customer === void 0 ? void 0 : _member$customer.email) || (member === null || member === void 0 ? void 0 : (_member$customer2 = member.customer) === null || _member$customer2 === void 0 ? void 0 : _member$customer2.first_name) + " " + (member === null || member === void 0 ? void 0 : (_member$customer3 = member.customer) === null || _member$customer3 === void 0 ? void 0 : _member$customer3.last_name) || (member === null || member === void 0 ? void 0 : (_member$customer4 = member.customer) === null || _member$customer4 === void 0 ? void 0 : _member$customer4.username) || "-----";
20606
+ return data;
20607
+ }, []);
20598
20608
  if (loading) {
20599
20609
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement("div", {
20600
20610
  className: "plc-animate-pulse"
@@ -20631,32 +20641,27 @@ function SubscriptionManageMembersList(props) {
20631
20641
  type: HANDLE_REMOVE_MEMBER
20632
20642
  });
20633
20643
  };
20634
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, members === null || members === void 0 ? void 0 : members.map(member => {
20635
- var _member$customer;
20636
- return /*#__PURE__*/React__default.createElement("tr", {
20637
- key: member.id,
20638
- className: `plc-w-full plc-align-middle plc-cursor-pointer accordion-header hover:plc-bg-gray-50 plc-text-center`
20639
- }, /*#__PURE__*/React__default.createElement("td", {
20640
- className: "plc-truncate plc-text-left",
20641
- title: member === null || member === void 0 ? void 0 : member.invitation_email
20642
- }, member.status === "active" ? /*#__PURE__*/React__default.createElement("span", {
20643
- className: "plc-font-semibold plc-text-gray-500"
20644
- }, member === null || member === void 0 ? void 0 : (_member$customer = member.customer) === null || _member$customer === void 0 ? void 0 : _member$customer.email) : /*#__PURE__*/React__default.createElement("span", {
20645
- className: "plc-font-semibold plc-text-gray-500"
20646
- }, member === null || member === void 0 ? void 0 : member.invitation_email)), /*#__PURE__*/React__default.createElement("td", {
20647
- className: "plc-py-2"
20648
- }, /*#__PURE__*/React__default.createElement("span", {
20649
- className: `plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold ${getMemberStatus(member).bgColor} plc-uppercase ${getMemberStatus(member).textColor} plc-rounded-lg`
20650
- }, getMemberStatus(member).icon, getMemberStatus(member).title)), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement(Button, {
20651
- variant: "ghost",
20652
- className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
20653
- icon: /*#__PURE__*/React__default.createElement(SvgXIconSolid, null),
20654
- onClick: () => onRemoveClick(member.id),
20655
- disabled: member.id === removeMemberId,
20656
- isLoading: member.id === removeMemberId,
20657
- "data-key": member.id
20658
- }, t("labels.remove"))));
20659
- }));
20644
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, members === null || members === void 0 ? void 0 : members.map(member => /*#__PURE__*/React__default.createElement("tr", {
20645
+ key: member.id,
20646
+ className: `plc-w-full plc-align-middle plc-cursor-pointer accordion-header hover:plc-bg-gray-50 plc-text-center`
20647
+ }, /*#__PURE__*/React__default.createElement("td", {
20648
+ className: "plc-truncate plc-text-left",
20649
+ title: showMemberData(member)
20650
+ }, /*#__PURE__*/React__default.createElement("span", {
20651
+ className: "plc-font-semibold plc-text-gray-500"
20652
+ }, showMemberData(member))), /*#__PURE__*/React__default.createElement("td", {
20653
+ className: "plc-py-2"
20654
+ }, /*#__PURE__*/React__default.createElement("span", {
20655
+ className: `plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold ${getMemberStatus(member).bgColor} plc-uppercase ${getMemberStatus(member).textColor} plc-rounded-lg`
20656
+ }, getMemberStatus(member).icon, getMemberStatus(member).title)), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement(Button, {
20657
+ variant: "ghost",
20658
+ className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
20659
+ icon: /*#__PURE__*/React__default.createElement(SvgXIconSolid, null),
20660
+ onClick: () => onRemoveClick(member.id),
20661
+ disabled: member.id === removeMemberId,
20662
+ isLoading: member.id === removeMemberId,
20663
+ "data-key": member.id
20664
+ }, t("labels.remove"))))));
20660
20665
  }
20661
20666
 
20662
20667
  /**
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.22.0-beta.7",
4
+ "version": "3.22.0-beta.8",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "main": "dist/index.cjs.js",