@pelcro/react-pelcro-js 4.0.0-alpha.28 → 4.0.0-alpha.29

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 +37 -9
  2. package/dist/index.esm.js +37 -9
  3. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -3866,7 +3866,8 @@ var labels$U = {
3866
3866
  inTrial: "In trial",
3867
3867
  endingSoon: "Ending soon",
3868
3868
  scheduled: "Scheduled",
3869
- incomplete: "Incomplete"
3869
+ incomplete: "Incomplete",
3870
+ canceled: "Canceled"
3870
3871
  },
3871
3872
  manageMembers: "Manage Members",
3872
3873
  shipments: "Shipments remaining",
@@ -4809,7 +4810,8 @@ var labels$z = {
4809
4810
  inTrial: "En essai",
4810
4811
  endingSoon: "Expire bientôt",
4811
4812
  scheduled: "Programmé",
4812
- incomplete: "Incomplet"
4813
+ incomplete: "Incomplet",
4814
+ canceled: "Annulé"
4813
4815
  },
4814
4816
  manageMembers: "Gérer les membres",
4815
4817
  shipments: "Expéditions restantes",
@@ -5698,7 +5700,8 @@ var labels$k = {
5698
5700
  inTrial: "체험판 사용",
5699
5701
  endingSoon: "만료 예정",
5700
5702
  scheduled: "예약",
5701
- incomplete: "불완전한"
5703
+ incomplete: "불완전한",
5704
+ canceled: "취소 된"
5702
5705
  },
5703
5706
  manageMembers: "회원 관리",
5704
5707
  shipments: "남은 배송 일정",
@@ -6632,7 +6635,8 @@ var labels$5 = {
6632
6635
  inTrial: "Prueba",
6633
6636
  endingSoon: "Termina pronto",
6634
6637
  scheduled: "Programada",
6635
- incomplete: "Incompleta"
6638
+ incomplete: "Incompleta",
6639
+ canceled: "Cancelado"
6636
6640
  },
6637
6641
  shipments: "Envíos restantes",
6638
6642
  logout: "Cerrar sesión",
@@ -33072,6 +33076,7 @@ const DonationsMenu = ({
33072
33076
  reactivateSubscription,
33073
33077
  disableSubmit,
33074
33078
  cancelSubscription,
33079
+ getSubscriptionStatus,
33075
33080
  onClose
33076
33081
  }) => {
33077
33082
  const {
@@ -33129,14 +33134,22 @@ const DonationsMenu = ({
33129
33134
  className: "plc-text-xs plc-text-gray-400 pelcro-donation-price"
33130
33135
  }, getFormattedPriceByLocal(sub.plan.amount * sub.quantity, sub.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("div", {
33131
33136
  className: "plc-mb-4 plc-text-gray-500 pelcro-donation-date"
33132
- }, sub.status && /*#__PURE__*/React__default['default'].createElement("span", null, formatStartDate(sub.start)))), /*#__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, {
33137
+ }, sub.status && /*#__PURE__*/React__default['default'].createElement("span", null, formatStartDate(sub.start)))), /*#__PURE__*/React__default['default'].createElement("td", {
33138
+ className: "plc-py-2 truncate"
33139
+ }, /*#__PURE__*/React__default['default'].createElement("span", {
33140
+ className: `plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold ${getSubscriptionStatus(sub).bgColor} plc-uppercase ${getSubscriptionStatus(sub).textColor} plc-rounded-lg`
33141
+ }, getSubscriptionStatus(sub).icon, getSubscriptionStatus(sub).title), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("div", {
33142
+ className: "plc-text-xs plc-text-gray-500"
33143
+ }, sub.status && /*#__PURE__*/React__default['default'].createElement("span", {
33144
+ className: "plc-inline-block plc-mt-1 plc-underline"
33145
+ }, getSubscriptionStatus(sub).content))), /*#__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, {
33133
33146
  variant: "ghost",
33134
33147
  className: "plc-text-green-400 focus:plc-ring-green-300 pelcro-dashboard-sub-reactivate-button",
33135
33148
  icon: /*#__PURE__*/React__default['default'].createElement(SvgRefresh, null),
33136
33149
  onClick: onReactivateClick,
33137
33150
  disabled: disableSubmit,
33138
33151
  "data-key": sub.id
33139
- }, t("labels.reactivate")), !sub.plan.auto_renew || sub.plan.auto_renew && sub.cancel_at_period_end === 0 ? /*#__PURE__*/React__default['default'].createElement(Button, {
33152
+ }, t("labels.reactivate")), (!sub.plan.auto_renew || sub.plan.auto_renew && sub.cancel_at_period_end === 0) && sub.status != "canceled" ? /*#__PURE__*/React__default['default'].createElement(Button, {
33140
33153
  variant: "ghost",
33141
33154
  className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
33142
33155
  icon: /*#__PURE__*/React__default['default'].createElement(SvgXIconSolid, null),
@@ -33154,11 +33167,13 @@ const DonationsMenu = ({
33154
33167
  }, /*#__PURE__*/React__default['default'].createElement("thead", {
33155
33168
  className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
33156
33169
  }, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", {
33157
- className: "plc-w-4/12"
33170
+ className: "plc-hidden md:plc-table-cell plc-w-3/12"
33158
33171
  }, t("labels.plan")), /*#__PURE__*/React__default['default'].createElement("th", {
33159
- className: "plc-w-5/12"
33172
+ className: "plc-w-1/3 md:plc-w-3/12"
33160
33173
  }, t("labels.startDate")), /*#__PURE__*/React__default['default'].createElement("th", {
33161
- className: "plc-w-3/12"
33174
+ className: "plc-w-1/3 md:plc-w-3/12"
33175
+ }, t("labels.status.title")), /*#__PURE__*/React__default['default'].createElement("th", {
33176
+ className: "plc-w-1/3 md:plc-w-3/12"
33162
33177
  }, t("labels.actions")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, subscriptions)));
33163
33178
  };
33164
33179
 
@@ -35614,6 +35629,16 @@ class Dashboard extends React.Component {
35614
35629
  };
35615
35630
  }
35616
35631
 
35632
+ if (sub.status === "canceled") {
35633
+ return {
35634
+ title: this.locale("labels.status.canceled"),
35635
+ content: this.getSubscriptionStatusText(sub),
35636
+ textColor: "plc-text-red-700",
35637
+ bgColor: "plc-bg-red-100",
35638
+ icon: /*#__PURE__*/React__default['default'].createElement(SvgExclamation, null)
35639
+ };
35640
+ }
35641
+
35617
35642
  return {
35618
35643
  title: this.locale("labels.status.active"),
35619
35644
  content: this.getSubscriptionStatusText(sub),
@@ -35884,6 +35909,9 @@ class Dashboard extends React.Component {
35884
35909
  }), this.state.activeDashboardLink === SUB_MENUS.MEMBERSHIPS && /*#__PURE__*/React__default['default'].createElement(MembershipsMenu, {
35885
35910
  getSubscriptionStatus: this.getSubscriptionStatus
35886
35911
  }), this.state.activeDashboardLink === SUB_MENUS.NEWSLETTERS && /*#__PURE__*/React__default['default'].createElement(NewslettersMenu, null), this.state.activeDashboardLink === SUB_MENUS.DONATIONS && /*#__PURE__*/React__default['default'].createElement(DonationsMenu, {
35912
+ cancelSubscription: this.cancelSubscription,
35913
+ reactivateSubscription: this.reactivateSubscription,
35914
+ disableSubmit: this.state.disableSubmit,
35887
35915
  getSubscriptionStatus: this.getSubscriptionStatus
35888
35916
  }), this.state.activeDashboardLink === SUB_MENUS.GIFTS && /*#__PURE__*/React__default['default'].createElement(GiftsMenu, {
35889
35917
  getSubscriptionStatus: this.getSubscriptionStatus,
package/dist/index.esm.js CHANGED
@@ -3836,7 +3836,8 @@ var labels$U = {
3836
3836
  inTrial: "In trial",
3837
3837
  endingSoon: "Ending soon",
3838
3838
  scheduled: "Scheduled",
3839
- incomplete: "Incomplete"
3839
+ incomplete: "Incomplete",
3840
+ canceled: "Canceled"
3840
3841
  },
3841
3842
  manageMembers: "Manage Members",
3842
3843
  shipments: "Shipments remaining",
@@ -4779,7 +4780,8 @@ var labels$z = {
4779
4780
  inTrial: "En essai",
4780
4781
  endingSoon: "Expire bientôt",
4781
4782
  scheduled: "Programmé",
4782
- incomplete: "Incomplet"
4783
+ incomplete: "Incomplet",
4784
+ canceled: "Annulé"
4783
4785
  },
4784
4786
  manageMembers: "Gérer les membres",
4785
4787
  shipments: "Expéditions restantes",
@@ -5668,7 +5670,8 @@ var labels$k = {
5668
5670
  inTrial: "체험판 사용",
5669
5671
  endingSoon: "만료 예정",
5670
5672
  scheduled: "예약",
5671
- incomplete: "불완전한"
5673
+ incomplete: "불완전한",
5674
+ canceled: "취소 된"
5672
5675
  },
5673
5676
  manageMembers: "회원 관리",
5674
5677
  shipments: "남은 배송 일정",
@@ -6602,7 +6605,8 @@ var labels$5 = {
6602
6605
  inTrial: "Prueba",
6603
6606
  endingSoon: "Termina pronto",
6604
6607
  scheduled: "Programada",
6605
- incomplete: "Incompleta"
6608
+ incomplete: "Incompleta",
6609
+ canceled: "Cancelado"
6606
6610
  },
6607
6611
  shipments: "Envíos restantes",
6608
6612
  logout: "Cerrar sesión",
@@ -33042,6 +33046,7 @@ const DonationsMenu = ({
33042
33046
  reactivateSubscription,
33043
33047
  disableSubmit,
33044
33048
  cancelSubscription,
33049
+ getSubscriptionStatus,
33045
33050
  onClose
33046
33051
  }) => {
33047
33052
  const {
@@ -33099,14 +33104,22 @@ const DonationsMenu = ({
33099
33104
  className: "plc-text-xs plc-text-gray-400 pelcro-donation-price"
33100
33105
  }, getFormattedPriceByLocal(sub.plan.amount * sub.quantity, sub.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement("div", {
33101
33106
  className: "plc-mb-4 plc-text-gray-500 pelcro-donation-date"
33102
- }, sub.status && /*#__PURE__*/React__default.createElement("span", null, formatStartDate(sub.start)))), /*#__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, {
33107
+ }, sub.status && /*#__PURE__*/React__default.createElement("span", null, formatStartDate(sub.start)))), /*#__PURE__*/React__default.createElement("td", {
33108
+ className: "plc-py-2 truncate"
33109
+ }, /*#__PURE__*/React__default.createElement("span", {
33110
+ className: `plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold ${getSubscriptionStatus(sub).bgColor} plc-uppercase ${getSubscriptionStatus(sub).textColor} plc-rounded-lg`
33111
+ }, getSubscriptionStatus(sub).icon, getSubscriptionStatus(sub).title), /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement("div", {
33112
+ className: "plc-text-xs plc-text-gray-500"
33113
+ }, sub.status && /*#__PURE__*/React__default.createElement("span", {
33114
+ className: "plc-inline-block plc-mt-1 plc-underline"
33115
+ }, getSubscriptionStatus(sub).content))), /*#__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, {
33103
33116
  variant: "ghost",
33104
33117
  className: "plc-text-green-400 focus:plc-ring-green-300 pelcro-dashboard-sub-reactivate-button",
33105
33118
  icon: /*#__PURE__*/React__default.createElement(SvgRefresh, null),
33106
33119
  onClick: onReactivateClick,
33107
33120
  disabled: disableSubmit,
33108
33121
  "data-key": sub.id
33109
- }, t("labels.reactivate")), !sub.plan.auto_renew || sub.plan.auto_renew && sub.cancel_at_period_end === 0 ? /*#__PURE__*/React__default.createElement(Button, {
33122
+ }, t("labels.reactivate")), (!sub.plan.auto_renew || sub.plan.auto_renew && sub.cancel_at_period_end === 0) && sub.status != "canceled" ? /*#__PURE__*/React__default.createElement(Button, {
33110
33123
  variant: "ghost",
33111
33124
  className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
33112
33125
  icon: /*#__PURE__*/React__default.createElement(SvgXIconSolid, null),
@@ -33124,11 +33137,13 @@ const DonationsMenu = ({
33124
33137
  }, /*#__PURE__*/React__default.createElement("thead", {
33125
33138
  className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
33126
33139
  }, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", {
33127
- className: "plc-w-4/12"
33140
+ className: "plc-hidden md:plc-table-cell plc-w-3/12"
33128
33141
  }, t("labels.plan")), /*#__PURE__*/React__default.createElement("th", {
33129
- className: "plc-w-5/12"
33142
+ className: "plc-w-1/3 md:plc-w-3/12"
33130
33143
  }, t("labels.startDate")), /*#__PURE__*/React__default.createElement("th", {
33131
- className: "plc-w-3/12"
33144
+ className: "plc-w-1/3 md:plc-w-3/12"
33145
+ }, t("labels.status.title")), /*#__PURE__*/React__default.createElement("th", {
33146
+ className: "plc-w-1/3 md:plc-w-3/12"
33132
33147
  }, t("labels.actions")))), /*#__PURE__*/React__default.createElement("tbody", null, subscriptions)));
33133
33148
  };
33134
33149
 
@@ -35584,6 +35599,16 @@ class Dashboard extends Component {
35584
35599
  };
35585
35600
  }
35586
35601
 
35602
+ if (sub.status === "canceled") {
35603
+ return {
35604
+ title: this.locale("labels.status.canceled"),
35605
+ content: this.getSubscriptionStatusText(sub),
35606
+ textColor: "plc-text-red-700",
35607
+ bgColor: "plc-bg-red-100",
35608
+ icon: /*#__PURE__*/React__default.createElement(SvgExclamation, null)
35609
+ };
35610
+ }
35611
+
35587
35612
  return {
35588
35613
  title: this.locale("labels.status.active"),
35589
35614
  content: this.getSubscriptionStatusText(sub),
@@ -35854,6 +35879,9 @@ class Dashboard extends Component {
35854
35879
  }), this.state.activeDashboardLink === SUB_MENUS.MEMBERSHIPS && /*#__PURE__*/React__default.createElement(MembershipsMenu, {
35855
35880
  getSubscriptionStatus: this.getSubscriptionStatus
35856
35881
  }), this.state.activeDashboardLink === SUB_MENUS.NEWSLETTERS && /*#__PURE__*/React__default.createElement(NewslettersMenu, null), this.state.activeDashboardLink === SUB_MENUS.DONATIONS && /*#__PURE__*/React__default.createElement(DonationsMenu, {
35882
+ cancelSubscription: this.cancelSubscription,
35883
+ reactivateSubscription: this.reactivateSubscription,
35884
+ disableSubmit: this.state.disableSubmit,
35857
35885
  getSubscriptionStatus: this.getSubscriptionStatus
35858
35886
  }), this.state.activeDashboardLink === SUB_MENUS.GIFTS && /*#__PURE__*/React__default.createElement(GiftsMenu, {
35859
35887
  getSubscriptionStatus: this.getSubscriptionStatus,
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": "4.0.0-alpha.28",
4
+ "version": "4.0.0-alpha.29",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "main": "dist/index.cjs.js",