@pelcro/react-pelcro-js 3.22.0-beta.6 → 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 +34 -29
  2. package/dist/index.esm.js +34 -29
  3. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -16697,10 +16697,10 @@ const PaymentMethodContainerWithoutStripe = _ref => {
16697
16697
  /*
16698
16698
  calls handleVantivPayment to either handle a payment or update a source by simply creating a new source
16699
16699
  */
16700
- handleVantivPayment(vantivInstanceRef.current.getPaypageRegistrationId({
16700
+ vantivInstanceRef.current.getPaypageRegistrationId({
16701
16701
  id: orderId,
16702
16702
  orderId: orderId
16703
- }), state);
16703
+ });
16704
16704
  };
16705
16705
  function handleVantivPayment(paymentRequest, couponCode) {
16706
16706
  if (paymentRequest) {
@@ -17824,7 +17824,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
17824
17824
  return submitPayment(state);
17825
17825
  }
17826
17826
  if (getSiteCardProcessor() === "vantiv") {
17827
- return submitUsingVantiv(state);
17827
+ return submitUsingVantiv();
17828
17828
  }
17829
17829
  if (getSiteCardProcessor() === "tap") {
17830
17830
  return submitUsingTap(state);
@@ -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
@@ -16667,10 +16667,10 @@ const PaymentMethodContainerWithoutStripe = _ref => {
16667
16667
  /*
16668
16668
  calls handleVantivPayment to either handle a payment or update a source by simply creating a new source
16669
16669
  */
16670
- handleVantivPayment(vantivInstanceRef.current.getPaypageRegistrationId({
16670
+ vantivInstanceRef.current.getPaypageRegistrationId({
16671
16671
  id: orderId,
16672
16672
  orderId: orderId
16673
- }), state);
16673
+ });
16674
16674
  };
16675
16675
  function handleVantivPayment(paymentRequest, couponCode) {
16676
16676
  if (paymentRequest) {
@@ -17794,7 +17794,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
17794
17794
  return submitPayment(state);
17795
17795
  }
17796
17796
  if (getSiteCardProcessor() === "vantiv") {
17797
- return submitUsingVantiv(state);
17797
+ return submitUsingVantiv();
17798
17798
  }
17799
17799
  if (getSiteCardProcessor() === "tap") {
17800
17800
  return submitUsingTap(state);
@@ -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.6",
4
+ "version": "3.22.0-beta.8",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "main": "dist/index.cjs.js",