@pelcro/react-pelcro-js 3.3.0 → 3.3.1-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 +12 -11
  2. package/dist/index.esm.js +12 -11
  3. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -17124,6 +17124,7 @@ const SubscriptionCancelView = props => {
17124
17124
  const {
17125
17125
  subscriptionToCancel
17126
17126
  } = usePelcro();
17127
+ console.log(subscriptionToCancel);
17127
17128
  const {
17128
17129
  t
17129
17130
  } = useTranslation("subscriptionCancel");
@@ -17141,14 +17142,14 @@ const SubscriptionCancelView = props => {
17141
17142
  className: "plc-w-32 plc-h-32"
17142
17143
  }), /*#__PURE__*/React__default['default'].createElement("p", {
17143
17144
  className: "plc-mb-3 plc-text-gray-900 plc-text-center plc-whitespace-pre-line"
17144
- }, t("messages.subscriptionEnd"), " ", new Date(subscriptionToCancel === null || subscriptionToCancel === void 0 ? void 0 : subscriptionToCancel.current_period_end).toLocaleDateString('en-CA', {
17145
+ }, t("messages.subscriptionEnd"), " ", new Date(subscriptionToCancel === null || subscriptionToCancel === void 0 ? void 0 : subscriptionToCancel.current_period_end).toLocaleDateString("en-CA", {
17145
17146
  year: "numeric",
17146
17147
  month: "short",
17147
17148
  day: "numeric"
17148
17149
  }), "."), /*#__PURE__*/React__default['default'].createElement(SubscriptionCancelReason, null), /*#__PURE__*/React__default['default'].createElement(SubscriptionCancelNowButton, {
17149
17150
  className: "plc-mb-2",
17150
17151
  subscription: subscriptionToCancel
17151
- }), /*#__PURE__*/React__default['default'].createElement(SubscriptionCancelLaterButton, {
17152
+ }), subscriptionToCancel.cancel_at_period_end === 0 && /*#__PURE__*/React__default['default'].createElement(SubscriptionCancelLaterButton, {
17152
17153
  subscription: subscriptionToCancel
17153
17154
  }))));
17154
17155
  };
@@ -24081,14 +24082,7 @@ const SubscriptionsItems = ({
24081
24082
  className: "plc-inline-block plc-mt-1 plc-underline"
24082
24083
  }, getSubscriptionStatus(sub).content), /*#__PURE__*/React__default['default'].createElement("br", null), sub.shipments_remaining ? /*#__PURE__*/React__default['default'].createElement("span", {
24083
24084
  className: "plc-inline-block plc-mt-1"
24084
- }, sub.shipments_remaining, " ", t("labels.shipments")) : null)), /*#__PURE__*/React__default['default'].createElement("td", null, sub.cancel_at_period_end === 0 && /*#__PURE__*/React__default['default'].createElement(Button, {
24085
- variant: "ghost",
24086
- className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
24087
- icon: /*#__PURE__*/React__default['default'].createElement(SvgXIconSolid, null),
24088
- onClick: onCancelClick,
24089
- disabled: disableSubmit,
24090
- "data-key": sub.id
24091
- }, t("labels.unsubscribe")), sub.cancel_at_period_end === 1 && sub.plan.auto_renew && !sub.is_gift_recipient && /*#__PURE__*/React__default['default'].createElement(Button, {
24085
+ }, sub.shipments_remaining, " ", t("labels.shipments")) : null)), /*#__PURE__*/React__default['default'].createElement("td", null, sub.cancel_at_period_end === 1 && sub.plan.auto_renew && !sub.is_gift_recipient && /*#__PURE__*/React__default['default'].createElement(Button, {
24092
24086
  variant: "ghost",
24093
24087
  className: "plc-text-green-400 focus:plc-ring-green-300 pelcro-dashboard-sub-reactivate-button",
24094
24088
  icon: /*#__PURE__*/React__default['default'].createElement(SvgRefresh, null),
@@ -24102,7 +24096,14 @@ const SubscriptionsItems = ({
24102
24096
  onClick: onRenewClick,
24103
24097
  disabled: disableSubmit,
24104
24098
  "data-key": sub.id
24105
- }, t("labels.renew"))), /*#__PURE__*/React__default['default'].createElement("td", null, hasPhases && /*#__PURE__*/React__default['default'].createElement("div", {
24099
+ }, t("labels.renew")), !sub.plan.auto_renew || sub.plan.auto_renew && sub.cancel_at_period_end === 0 ? /*#__PURE__*/React__default['default'].createElement(Button, {
24100
+ variant: "ghost",
24101
+ className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
24102
+ icon: /*#__PURE__*/React__default['default'].createElement(SvgXIconSolid, null),
24103
+ onClick: onCancelClick,
24104
+ disabled: disableSubmit,
24105
+ "data-key": sub.id
24106
+ }, t("labels.unsubscribe")) : ""), /*#__PURE__*/React__default['default'].createElement("td", null, hasPhases && /*#__PURE__*/React__default['default'].createElement("div", {
24106
24107
  className: `plc-flex plc-items-center plc-justify-center plc-transition-transform plc-ease-out plc-transform plc-rounded-full plc-w-7 plc-h-7 ${isActive ? "plc-flex plc-place-items-center plc-w-7 plc-h-7 plc-p-1 plc-bg-primary-400 plc-rounded-full" : "accordion-chevron"}`
24107
24108
  }, /*#__PURE__*/React__default['default'].createElement("span", {
24108
24109
  className: `plc-transition plc-ease-out ${isActive && "plc-text-white plc-transform plc-rotate-90"}`
package/dist/index.esm.js CHANGED
@@ -17094,6 +17094,7 @@ const SubscriptionCancelView = props => {
17094
17094
  const {
17095
17095
  subscriptionToCancel
17096
17096
  } = usePelcro();
17097
+ console.log(subscriptionToCancel);
17097
17098
  const {
17098
17099
  t
17099
17100
  } = useTranslation("subscriptionCancel");
@@ -17111,14 +17112,14 @@ const SubscriptionCancelView = props => {
17111
17112
  className: "plc-w-32 plc-h-32"
17112
17113
  }), /*#__PURE__*/React__default.createElement("p", {
17113
17114
  className: "plc-mb-3 plc-text-gray-900 plc-text-center plc-whitespace-pre-line"
17114
- }, t("messages.subscriptionEnd"), " ", new Date(subscriptionToCancel === null || subscriptionToCancel === void 0 ? void 0 : subscriptionToCancel.current_period_end).toLocaleDateString('en-CA', {
17115
+ }, t("messages.subscriptionEnd"), " ", new Date(subscriptionToCancel === null || subscriptionToCancel === void 0 ? void 0 : subscriptionToCancel.current_period_end).toLocaleDateString("en-CA", {
17115
17116
  year: "numeric",
17116
17117
  month: "short",
17117
17118
  day: "numeric"
17118
17119
  }), "."), /*#__PURE__*/React__default.createElement(SubscriptionCancelReason, null), /*#__PURE__*/React__default.createElement(SubscriptionCancelNowButton, {
17119
17120
  className: "plc-mb-2",
17120
17121
  subscription: subscriptionToCancel
17121
- }), /*#__PURE__*/React__default.createElement(SubscriptionCancelLaterButton, {
17122
+ }), subscriptionToCancel.cancel_at_period_end === 0 && /*#__PURE__*/React__default.createElement(SubscriptionCancelLaterButton, {
17122
17123
  subscription: subscriptionToCancel
17123
17124
  }))));
17124
17125
  };
@@ -24051,14 +24052,7 @@ const SubscriptionsItems = ({
24051
24052
  className: "plc-inline-block plc-mt-1 plc-underline"
24052
24053
  }, getSubscriptionStatus(sub).content), /*#__PURE__*/React__default.createElement("br", null), sub.shipments_remaining ? /*#__PURE__*/React__default.createElement("span", {
24053
24054
  className: "plc-inline-block plc-mt-1"
24054
- }, sub.shipments_remaining, " ", t("labels.shipments")) : null)), /*#__PURE__*/React__default.createElement("td", null, sub.cancel_at_period_end === 0 && /*#__PURE__*/React__default.createElement(Button, {
24055
- variant: "ghost",
24056
- className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
24057
- icon: /*#__PURE__*/React__default.createElement(SvgXIconSolid, null),
24058
- onClick: onCancelClick,
24059
- disabled: disableSubmit,
24060
- "data-key": sub.id
24061
- }, t("labels.unsubscribe")), sub.cancel_at_period_end === 1 && sub.plan.auto_renew && !sub.is_gift_recipient && /*#__PURE__*/React__default.createElement(Button, {
24055
+ }, sub.shipments_remaining, " ", t("labels.shipments")) : null)), /*#__PURE__*/React__default.createElement("td", null, sub.cancel_at_period_end === 1 && sub.plan.auto_renew && !sub.is_gift_recipient && /*#__PURE__*/React__default.createElement(Button, {
24062
24056
  variant: "ghost",
24063
24057
  className: "plc-text-green-400 focus:plc-ring-green-300 pelcro-dashboard-sub-reactivate-button",
24064
24058
  icon: /*#__PURE__*/React__default.createElement(SvgRefresh, null),
@@ -24072,7 +24066,14 @@ const SubscriptionsItems = ({
24072
24066
  onClick: onRenewClick,
24073
24067
  disabled: disableSubmit,
24074
24068
  "data-key": sub.id
24075
- }, t("labels.renew"))), /*#__PURE__*/React__default.createElement("td", null, hasPhases && /*#__PURE__*/React__default.createElement("div", {
24069
+ }, t("labels.renew")), !sub.plan.auto_renew || sub.plan.auto_renew && sub.cancel_at_period_end === 0 ? /*#__PURE__*/React__default.createElement(Button, {
24070
+ variant: "ghost",
24071
+ className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
24072
+ icon: /*#__PURE__*/React__default.createElement(SvgXIconSolid, null),
24073
+ onClick: onCancelClick,
24074
+ disabled: disableSubmit,
24075
+ "data-key": sub.id
24076
+ }, t("labels.unsubscribe")) : ""), /*#__PURE__*/React__default.createElement("td", null, hasPhases && /*#__PURE__*/React__default.createElement("div", {
24076
24077
  className: `plc-flex plc-items-center plc-justify-center plc-transition-transform plc-ease-out plc-transform plc-rounded-full plc-w-7 plc-h-7 ${isActive ? "plc-flex plc-place-items-center plc-w-7 plc-h-7 plc-p-1 plc-bg-primary-400 plc-rounded-full" : "accordion-chevron"}`
24077
24078
  }, /*#__PURE__*/React__default.createElement("span", {
24078
24079
  className: `plc-transition plc-ease-out ${isActive && "plc-text-white plc-transform plc-rotate-90"}`
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.3.0",
4
+ "version": "3.3.1-beta.1",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "main": "dist/index.cjs.js",