@pelcro/react-pelcro-js 4.0.0-alpha.19 → 4.0.0-alpha.20

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
  1. package/dist/index.cjs.js +54 -36
  2. package/dist/index.esm.js +54 -36
  3. package/dist/pelcro.css +24 -4
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -30173,7 +30173,7 @@ const SavedItemsMenu = () => {
30173
30173
  .map(([categoryTitle, value]) => [categoryTitle.replace("metadata_saved_", ""), value]) : null;
30174
30174
  return /*#__PURE__*/React__default['default'].createElement(Card, {
30175
30175
  id: "pelcro-dashboard-saved-menu",
30176
- className: "plc-max-w-80% plc-m-auto",
30176
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
30177
30177
  title: t("labels.savedItems.label")
30178
30178
  }, /*#__PURE__*/React__default['default'].createElement(SavedItems, {
30179
30179
  items: userSavedItems,
@@ -30301,22 +30301,22 @@ const SubscriptionsMenu = props => {
30301
30301
  } = useTranslation("dashboard");
30302
30302
  return /*#__PURE__*/React__default['default'].createElement(Card, {
30303
30303
  id: "pelcro-dashboard-subscriptions-menu",
30304
- className: "plc-max-w-80% plc-m-auto",
30304
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
30305
30305
  title: t("labels.subscriptions")
30306
30306
  }, /*#__PURE__*/React__default['default'].createElement("table", {
30307
30307
  className: "plc-w-full plc-table-fixed pelcro-subscriptions-table plc-text-left"
30308
30308
  }, /*#__PURE__*/React__default['default'].createElement("thead", {
30309
30309
  className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
30310
30310
  }, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", {
30311
- className: "plc-w-1/5"
30311
+ className: "plc-hidden md:plc-table-cell plc-w-1/5"
30312
30312
  }, t("labels.product")), /*#__PURE__*/React__default['default'].createElement("th", {
30313
- className: "plc-w-1/5"
30313
+ className: "plc-w-1/3 md:plc-w-1/5"
30314
30314
  }, t("labels.plan")), /*#__PURE__*/React__default['default'].createElement("th", {
30315
- className: "plc-w-1/5"
30315
+ className: "plc-hidden md:plc-table-cell plc-w-1/5"
30316
30316
  }, t("labels.price")), /*#__PURE__*/React__default['default'].createElement("th", {
30317
- className: "plc-w-1/5"
30317
+ className: "plc-w-1/3 md:plc-w-1/5"
30318
30318
  }, t("labels.status.title")), /*#__PURE__*/React__default['default'].createElement("th", {
30319
- className: "plc-w-1/5"
30319
+ className: "plc-w-1/3 md:plc-w-1/5"
30320
30320
  }, t("labels.actions")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", {
30321
30321
  className: "plc-h-4"
30322
30322
  })), /*#__PURE__*/React__default['default'].createElement(Accordion, null, /*#__PURE__*/React__default['default'].createElement(SubscriptionsItems, props))), /*#__PURE__*/React__default['default'].createElement(AddNew, {
@@ -30459,15 +30459,19 @@ const SubscriptionsItems = ({
30459
30459
  key: sub.id,
30460
30460
  className: `plc-w-full plc-align-middle plc-cursor-pointer accordion-header ${isActive ? "plc-bg-gray-100" : "hover:plc-bg-gray-50"}`
30461
30461
  }, /*#__PURE__*/React__default['default'].createElement("td", {
30462
- className: "plc-truncate"
30462
+ className: "plc-hidden md:plc-table-cell plc-truncate"
30463
30463
  }, sub.plan.product.name && /*#__PURE__*/React__default['default'].createElement("span", {
30464
30464
  className: "plc-font-semibold plc-text-gray-500"
30465
30465
  }, sub.plan.product.name)), /*#__PURE__*/React__default['default'].createElement("td", {
30466
30466
  className: "plc-truncate"
30467
30467
  }, /*#__PURE__*/React__default['default'].createElement("span", {
30468
30468
  className: "plc-font-semibold plc-text-gray-500"
30469
- }, sub.plan.nickname)), /*#__PURE__*/React__default['default'].createElement("td", {
30470
- className: "plc-truncate"
30469
+ }, sub.plan.nickname), /*#__PURE__*/React__default['default'].createElement("div", {
30470
+ className: "plc-inline md:plc-hidden"
30471
+ }, /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("span", {
30472
+ className: "plc-text-xs plc-text-gray-400"
30473
+ }, getFormattedPriceByLocal(sub.plan.amount, sub.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default['default'].createElement("td", {
30474
+ className: "plc-hidden md:plc-table-cell plc-truncate"
30471
30475
  }, /*#__PURE__*/React__default['default'].createElement("span", {
30472
30476
  className: "plc-font-semibold plc-text-gray-500"
30473
30477
  }, getFormattedPriceByLocal(sub.plan.amount, sub.plan.currency, getPageOrDefaultLanguage()))), /*#__PURE__*/React__default['default'].createElement("td", {
@@ -30656,7 +30660,7 @@ const OrdersMenu = () => {
30656
30660
  const userOrders = window.Pelcro.user.read().orders;
30657
30661
  return /*#__PURE__*/React__default['default'].createElement(Card, {
30658
30662
  id: "pelcro-dashboard-orders-menu",
30659
- className: "plc-max-w-80% plc-m-auto",
30663
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
30660
30664
  title: t("labels.orders.label")
30661
30665
  }, /*#__PURE__*/React__default['default'].createElement("table", {
30662
30666
  className: "plc-w-full plc-py-4 plc-table-fixed plc-text-left"
@@ -30761,7 +30765,7 @@ const DonationsMenu = props => {
30761
30765
  });
30762
30766
  return /*#__PURE__*/React__default['default'].createElement(Card, {
30763
30767
  id: "pelcro-dashboard-donation-menu",
30764
- className: "plc-max-w-80% plc-m-auto",
30768
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
30765
30769
  title: t("labels.donations")
30766
30770
  }, /*#__PURE__*/React__default['default'].createElement("table", {
30767
30771
  className: "plc-w-full plc-table-fixed pelcro-donations-table plc-text-left"
@@ -30793,22 +30797,22 @@ const InvoicesMenu = props => {
30793
30797
  } = useTranslation("dashboard");
30794
30798
  return /*#__PURE__*/React__default['default'].createElement(Card, {
30795
30799
  id: "pelcro-dashboard-invoices-menu",
30796
- className: "plc-max-w-80% plc-m-auto",
30800
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
30797
30801
  title: t("labels.invoices")
30798
30802
  }, /*#__PURE__*/React__default['default'].createElement("table", {
30799
30803
  className: "plc-w-full plc-table-fixed pelcro-invoices-table plc-text-left"
30800
30804
  }, /*#__PURE__*/React__default['default'].createElement("thead", {
30801
30805
  className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
30802
30806
  }, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", {
30803
- className: "plc-w-1/5"
30807
+ className: "plc-w-1/3 md:plc-w-1/5"
30804
30808
  }, t("labels.details")), /*#__PURE__*/React__default['default'].createElement("th", {
30805
- className: "plc-w-1/5"
30809
+ className: "plc-hidden md:plc-table-cell plc-w-1/5"
30806
30810
  }, t("labels.orders.date")), /*#__PURE__*/React__default['default'].createElement("th", {
30807
- className: "plc-w-1/5"
30808
- }, t("labels.total")), /*#__PURE__*/React__default['default'].createElement("th", {
30809
- className: "plc-w-1/5"
30811
+ className: "plc-hidden md:plc-table-cell plc-w-1/5"
30812
+ }, t("labels.orders.total")), /*#__PURE__*/React__default['default'].createElement("th", {
30813
+ className: "plc-w-1/3 md:plc-w-1/5"
30810
30814
  }, t("labels.status.title")), /*#__PURE__*/React__default['default'].createElement("th", {
30811
- className: "plc-w-1/5"
30815
+ className: "plc-w-1/3 md:plc-w-1/5"
30812
30816
  }, t("labels.actions")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement(InvoicesItems, props))));
30813
30817
  };
30814
30818
 
@@ -30841,9 +30845,19 @@ const InvoicesItems = () => {
30841
30845
  className: "plc-truncate"
30842
30846
  }, /*#__PURE__*/React__default['default'].createElement("span", {
30843
30847
  className: "plc-font-semibold plc-text-gray-500"
30844
- }, `#${invoice.id}`)), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("span", {
30848
+ }, `#${invoice.id}`), /*#__PURE__*/React__default['default'].createElement("div", {
30849
+ className: "plc-inline md:plc-hidden"
30850
+ }, /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("span", {
30845
30851
  className: "plc-text-sm plc-text-gray-500"
30846
- }, formattedCreationDate)), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("span", {
30852
+ }, getFormattedPriceByLocal(invoice.total, invoice.currency, getPageOrDefaultLanguage())), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("span", {
30853
+ className: "plc-text-sm plc-text-gray-500"
30854
+ }, formattedCreationDate))), /*#__PURE__*/React__default['default'].createElement("td", {
30855
+ className: "plc-hidden md:plc-table-cell"
30856
+ }, /*#__PURE__*/React__default['default'].createElement("span", {
30857
+ className: "plc-text-sm plc-text-gray-500"
30858
+ }, formattedCreationDate)), /*#__PURE__*/React__default['default'].createElement("td", {
30859
+ className: "plc-hidden md:plc-table-cell"
30860
+ }, /*#__PURE__*/React__default['default'].createElement("span", {
30847
30861
  className: "plc-text-sm plc-text-gray-500"
30848
30862
  }, getFormattedPriceByLocal(invoice.total, invoice.currency, getPageOrDefaultLanguage()))), /*#__PURE__*/React__default['default'].createElement("td", {
30849
30863
  className: "plc-py-2"
@@ -30931,22 +30945,22 @@ const MembershipsMenu = props => {
30931
30945
  } = useTranslation("dashboard");
30932
30946
  return /*#__PURE__*/React__default['default'].createElement(Card, {
30933
30947
  id: "pelcro-dashboard-donation-menu",
30934
- className: "plc-max-w-80% plc-m-auto",
30948
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
30935
30949
  title: t("labels.memberships")
30936
30950
  }, /*#__PURE__*/React__default['default'].createElement("table", {
30937
30951
  className: "plc-w-full plc-table-fixed pelcro-memberships-table plc-text-left"
30938
30952
  }, /*#__PURE__*/React__default['default'].createElement("thead", {
30939
30953
  className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
30940
30954
  }, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", {
30941
- className: "plc-w-1/5"
30955
+ className: "plc-hidden md:plc-table-cell plc-w-1/5"
30942
30956
  }, t("labels.product")), /*#__PURE__*/React__default['default'].createElement("th", {
30943
- className: "plc-w-1/5"
30957
+ className: "plc-w-1/3 md:plc-w-1/5"
30944
30958
  }, t("labels.plan")), /*#__PURE__*/React__default['default'].createElement("th", {
30945
- className: "plc-w-1/5"
30959
+ className: "plc-hidden md:plc-table-cell plc-w-1/5"
30946
30960
  }, t("labels.price")), /*#__PURE__*/React__default['default'].createElement("th", {
30947
- className: "plc-w-1/5"
30961
+ className: "plc-w-1/3 md:plc-w-1/5"
30948
30962
  }, t("labels.status.title")), /*#__PURE__*/React__default['default'].createElement("th", {
30949
- className: "plc-w-1/5"
30963
+ className: "plc-w-1/3 md:plc-w-1/5"
30950
30964
  }, t("labels.actions")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement(MembershipsItems, props))));
30951
30965
  };
30952
30966
 
@@ -30977,15 +30991,19 @@ const MembershipsItems = props => {
30977
30991
  key: membership.id,
30978
30992
  className: `plc-w-full pelcro-membership-row`
30979
30993
  }, /*#__PURE__*/React__default['default'].createElement("td", {
30980
- className: "plc-truncate"
30994
+ className: "plc-hidden md:plc-table-cell plc-truncate"
30981
30995
  }, /*#__PURE__*/React__default['default'].createElement("span", {
30982
30996
  className: "plc-font-semibold plc-text-gray-500"
30983
30997
  }, membership.subscription.plan.product.name)), /*#__PURE__*/React__default['default'].createElement("td", {
30984
30998
  className: "plc-truncate"
30985
30999
  }, /*#__PURE__*/React__default['default'].createElement("span", {
30986
31000
  className: "plc-font-semibold plc-text-gray-500"
30987
- }, membership.subscription.plan.nickname)), /*#__PURE__*/React__default['default'].createElement("td", {
30988
- className: "plc-truncate"
31001
+ }, membership.subscription.plan.nickname), /*#__PURE__*/React__default['default'].createElement("div", {
31002
+ className: "plc-inline md:plc-hidden"
31003
+ }, /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("span", {
31004
+ className: "plc-text-xs plc-text-gray-400"
31005
+ }, getFormattedPriceByLocal(membership.subscription.plan.amount, membership.subscription.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default['default'].createElement("td", {
31006
+ className: "plc-hidden md:plc-table-cell plc-truncate"
30989
31007
  }, /*#__PURE__*/React__default['default'].createElement("span", {
30990
31008
  className: "plc-font-semibold plc-text-gray-500"
30991
31009
  }, getFormattedPriceByLocal(membership.subscription.plan.amount, membership.subscription.plan.currency, getPageOrDefaultLanguage()))), /*#__PURE__*/React__default['default'].createElement("td", {
@@ -31127,7 +31145,7 @@ const GiftsMenu = props => {
31127
31145
 
31128
31146
  return /*#__PURE__*/React__default['default'].createElement(Card, {
31129
31147
  id: "pelcro-dashboard-gifts-menu",
31130
- className: "plc-max-w-80% plc-m-auto",
31148
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
31131
31149
  title: t("labels.gifts")
31132
31150
  }, renderGiftRecipients(), /*#__PURE__*/React__default['default'].createElement(AddNew, {
31133
31151
  title: t("labels.addGift"),
@@ -31148,7 +31166,7 @@ const AddressesMenu = props => {
31148
31166
  });
31149
31167
  return /*#__PURE__*/React__default['default'].createElement(Card, {
31150
31168
  id: "pelcro-dashboard-addresses-menu",
31151
- className: "plc-max-w-80% plc-m-auto",
31169
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
31152
31170
  title: t("labels.addresses"),
31153
31171
  requestStates: requestStates
31154
31172
  }, /*#__PURE__*/React__default['default'].createElement(AddressesItems, {
@@ -31263,7 +31281,7 @@ const PaymentCardsMenu = props => {
31263
31281
  const source = window.Pelcro.user.read().source;
31264
31282
  return /*#__PURE__*/React__default['default'].createElement(Card, {
31265
31283
  id: "pelcro-dashboard-payment-menu",
31266
- className: "plc-max-w-80% plc-m-auto",
31284
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
31267
31285
  title: t("labels.paymentSource")
31268
31286
  }, source ? /*#__PURE__*/React__default['default'].createElement(PaymentCardsItems, {
31269
31287
  displaySourceCreate: props === null || props === void 0 ? void 0 : props.displaySourceCreate,
@@ -32695,7 +32713,7 @@ const QRCodeMenu = props => {
32695
32713
  const value = window.Pelcro.user.read().id ? `${window.Pelcro.environment.domain}/admin/${window.Pelcro.siteid}/customers/${window.Pelcro.user.read().id}` : `${window.Pelcro.environment.domain}/admin/${window.Pelcro.siteid}/customers`;
32696
32714
  return /*#__PURE__*/React__default['default'].createElement(Card, {
32697
32715
  id: "pelcro-dashboard-donation-menu",
32698
- className: "plc-max-w-80% plc-m-auto",
32716
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
32699
32717
  title: t("title")
32700
32718
  }, /*#__PURE__*/React__default['default'].createElement(QRCode, {
32701
32719
  style: {
@@ -32719,7 +32737,7 @@ const ProfileMenu = props => {
32719
32737
 
32720
32738
  return /*#__PURE__*/React__default['default'].createElement(Card, {
32721
32739
  id: "pelcro-dashboard-profile-menu",
32722
- className: "plc-max-w-80% plc-m-auto",
32740
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
32723
32741
  title: t("labels.basicData")
32724
32742
  }, /*#__PURE__*/React__default['default'].createElement(UserUpdateView, {
32725
32743
  onPictureClick: onPictureClick
@@ -32841,7 +32859,7 @@ const NewslettersMenu = props => {
32841
32859
  }, []);
32842
32860
  return /*#__PURE__*/React__default['default'].createElement(Card, {
32843
32861
  id: "pelcro-dashboard-newsletters-menu",
32844
- className: "plc-max-w-80% plc-m-auto",
32862
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
32845
32863
  title: t("labels.Newsletters"),
32846
32864
  requestStates: requestStates
32847
32865
  }, /*#__PURE__*/React__default['default'].createElement(NewsLettersItems, {
package/dist/index.esm.js CHANGED
@@ -30143,7 +30143,7 @@ const SavedItemsMenu = () => {
30143
30143
  .map(([categoryTitle, value]) => [categoryTitle.replace("metadata_saved_", ""), value]) : null;
30144
30144
  return /*#__PURE__*/React__default.createElement(Card, {
30145
30145
  id: "pelcro-dashboard-saved-menu",
30146
- className: "plc-max-w-80% plc-m-auto",
30146
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
30147
30147
  title: t("labels.savedItems.label")
30148
30148
  }, /*#__PURE__*/React__default.createElement(SavedItems, {
30149
30149
  items: userSavedItems,
@@ -30271,22 +30271,22 @@ const SubscriptionsMenu = props => {
30271
30271
  } = useTranslation("dashboard");
30272
30272
  return /*#__PURE__*/React__default.createElement(Card, {
30273
30273
  id: "pelcro-dashboard-subscriptions-menu",
30274
- className: "plc-max-w-80% plc-m-auto",
30274
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
30275
30275
  title: t("labels.subscriptions")
30276
30276
  }, /*#__PURE__*/React__default.createElement("table", {
30277
30277
  className: "plc-w-full plc-table-fixed pelcro-subscriptions-table plc-text-left"
30278
30278
  }, /*#__PURE__*/React__default.createElement("thead", {
30279
30279
  className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
30280
30280
  }, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", {
30281
- className: "plc-w-1/5"
30281
+ className: "plc-hidden md:plc-table-cell plc-w-1/5"
30282
30282
  }, t("labels.product")), /*#__PURE__*/React__default.createElement("th", {
30283
- className: "plc-w-1/5"
30283
+ className: "plc-w-1/3 md:plc-w-1/5"
30284
30284
  }, t("labels.plan")), /*#__PURE__*/React__default.createElement("th", {
30285
- className: "plc-w-1/5"
30285
+ className: "plc-hidden md:plc-table-cell plc-w-1/5"
30286
30286
  }, t("labels.price")), /*#__PURE__*/React__default.createElement("th", {
30287
- className: "plc-w-1/5"
30287
+ className: "plc-w-1/3 md:plc-w-1/5"
30288
30288
  }, t("labels.status.title")), /*#__PURE__*/React__default.createElement("th", {
30289
- className: "plc-w-1/5"
30289
+ className: "plc-w-1/3 md:plc-w-1/5"
30290
30290
  }, t("labels.actions")))), /*#__PURE__*/React__default.createElement("tbody", null, /*#__PURE__*/React__default.createElement("tr", {
30291
30291
  className: "plc-h-4"
30292
30292
  })), /*#__PURE__*/React__default.createElement(Accordion, null, /*#__PURE__*/React__default.createElement(SubscriptionsItems, props))), /*#__PURE__*/React__default.createElement(AddNew, {
@@ -30429,15 +30429,19 @@ const SubscriptionsItems = ({
30429
30429
  key: sub.id,
30430
30430
  className: `plc-w-full plc-align-middle plc-cursor-pointer accordion-header ${isActive ? "plc-bg-gray-100" : "hover:plc-bg-gray-50"}`
30431
30431
  }, /*#__PURE__*/React__default.createElement("td", {
30432
- className: "plc-truncate"
30432
+ className: "plc-hidden md:plc-table-cell plc-truncate"
30433
30433
  }, sub.plan.product.name && /*#__PURE__*/React__default.createElement("span", {
30434
30434
  className: "plc-font-semibold plc-text-gray-500"
30435
30435
  }, sub.plan.product.name)), /*#__PURE__*/React__default.createElement("td", {
30436
30436
  className: "plc-truncate"
30437
30437
  }, /*#__PURE__*/React__default.createElement("span", {
30438
30438
  className: "plc-font-semibold plc-text-gray-500"
30439
- }, sub.plan.nickname)), /*#__PURE__*/React__default.createElement("td", {
30440
- className: "plc-truncate"
30439
+ }, sub.plan.nickname), /*#__PURE__*/React__default.createElement("div", {
30440
+ className: "plc-inline md:plc-hidden"
30441
+ }, /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement("span", {
30442
+ className: "plc-text-xs plc-text-gray-400"
30443
+ }, getFormattedPriceByLocal(sub.plan.amount, sub.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default.createElement("td", {
30444
+ className: "plc-hidden md:plc-table-cell plc-truncate"
30441
30445
  }, /*#__PURE__*/React__default.createElement("span", {
30442
30446
  className: "plc-font-semibold plc-text-gray-500"
30443
30447
  }, getFormattedPriceByLocal(sub.plan.amount, sub.plan.currency, getPageOrDefaultLanguage()))), /*#__PURE__*/React__default.createElement("td", {
@@ -30626,7 +30630,7 @@ const OrdersMenu = () => {
30626
30630
  const userOrders = window.Pelcro.user.read().orders;
30627
30631
  return /*#__PURE__*/React__default.createElement(Card, {
30628
30632
  id: "pelcro-dashboard-orders-menu",
30629
- className: "plc-max-w-80% plc-m-auto",
30633
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
30630
30634
  title: t("labels.orders.label")
30631
30635
  }, /*#__PURE__*/React__default.createElement("table", {
30632
30636
  className: "plc-w-full plc-py-4 plc-table-fixed plc-text-left"
@@ -30731,7 +30735,7 @@ const DonationsMenu = props => {
30731
30735
  });
30732
30736
  return /*#__PURE__*/React__default.createElement(Card, {
30733
30737
  id: "pelcro-dashboard-donation-menu",
30734
- className: "plc-max-w-80% plc-m-auto",
30738
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
30735
30739
  title: t("labels.donations")
30736
30740
  }, /*#__PURE__*/React__default.createElement("table", {
30737
30741
  className: "plc-w-full plc-table-fixed pelcro-donations-table plc-text-left"
@@ -30763,22 +30767,22 @@ const InvoicesMenu = props => {
30763
30767
  } = useTranslation("dashboard");
30764
30768
  return /*#__PURE__*/React__default.createElement(Card, {
30765
30769
  id: "pelcro-dashboard-invoices-menu",
30766
- className: "plc-max-w-80% plc-m-auto",
30770
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
30767
30771
  title: t("labels.invoices")
30768
30772
  }, /*#__PURE__*/React__default.createElement("table", {
30769
30773
  className: "plc-w-full plc-table-fixed pelcro-invoices-table plc-text-left"
30770
30774
  }, /*#__PURE__*/React__default.createElement("thead", {
30771
30775
  className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
30772
30776
  }, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", {
30773
- className: "plc-w-1/5"
30777
+ className: "plc-w-1/3 md:plc-w-1/5"
30774
30778
  }, t("labels.details")), /*#__PURE__*/React__default.createElement("th", {
30775
- className: "plc-w-1/5"
30779
+ className: "plc-hidden md:plc-table-cell plc-w-1/5"
30776
30780
  }, t("labels.orders.date")), /*#__PURE__*/React__default.createElement("th", {
30777
- className: "plc-w-1/5"
30778
- }, t("labels.total")), /*#__PURE__*/React__default.createElement("th", {
30779
- className: "plc-w-1/5"
30781
+ className: "plc-hidden md:plc-table-cell plc-w-1/5"
30782
+ }, t("labels.orders.total")), /*#__PURE__*/React__default.createElement("th", {
30783
+ className: "plc-w-1/3 md:plc-w-1/5"
30780
30784
  }, t("labels.status.title")), /*#__PURE__*/React__default.createElement("th", {
30781
- className: "plc-w-1/5"
30785
+ className: "plc-w-1/3 md:plc-w-1/5"
30782
30786
  }, t("labels.actions")))), /*#__PURE__*/React__default.createElement("tbody", null, /*#__PURE__*/React__default.createElement(InvoicesItems, props))));
30783
30787
  };
30784
30788
 
@@ -30811,9 +30815,19 @@ const InvoicesItems = () => {
30811
30815
  className: "plc-truncate"
30812
30816
  }, /*#__PURE__*/React__default.createElement("span", {
30813
30817
  className: "plc-font-semibold plc-text-gray-500"
30814
- }, `#${invoice.id}`)), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement("span", {
30818
+ }, `#${invoice.id}`), /*#__PURE__*/React__default.createElement("div", {
30819
+ className: "plc-inline md:plc-hidden"
30820
+ }, /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement("span", {
30815
30821
  className: "plc-text-sm plc-text-gray-500"
30816
- }, formattedCreationDate)), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement("span", {
30822
+ }, getFormattedPriceByLocal(invoice.total, invoice.currency, getPageOrDefaultLanguage())), /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement("span", {
30823
+ className: "plc-text-sm plc-text-gray-500"
30824
+ }, formattedCreationDate))), /*#__PURE__*/React__default.createElement("td", {
30825
+ className: "plc-hidden md:plc-table-cell"
30826
+ }, /*#__PURE__*/React__default.createElement("span", {
30827
+ className: "plc-text-sm plc-text-gray-500"
30828
+ }, formattedCreationDate)), /*#__PURE__*/React__default.createElement("td", {
30829
+ className: "plc-hidden md:plc-table-cell"
30830
+ }, /*#__PURE__*/React__default.createElement("span", {
30817
30831
  className: "plc-text-sm plc-text-gray-500"
30818
30832
  }, getFormattedPriceByLocal(invoice.total, invoice.currency, getPageOrDefaultLanguage()))), /*#__PURE__*/React__default.createElement("td", {
30819
30833
  className: "plc-py-2"
@@ -30901,22 +30915,22 @@ const MembershipsMenu = props => {
30901
30915
  } = useTranslation("dashboard");
30902
30916
  return /*#__PURE__*/React__default.createElement(Card, {
30903
30917
  id: "pelcro-dashboard-donation-menu",
30904
- className: "plc-max-w-80% plc-m-auto",
30918
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
30905
30919
  title: t("labels.memberships")
30906
30920
  }, /*#__PURE__*/React__default.createElement("table", {
30907
30921
  className: "plc-w-full plc-table-fixed pelcro-memberships-table plc-text-left"
30908
30922
  }, /*#__PURE__*/React__default.createElement("thead", {
30909
30923
  className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
30910
30924
  }, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", {
30911
- className: "plc-w-1/5"
30925
+ className: "plc-hidden md:plc-table-cell plc-w-1/5"
30912
30926
  }, t("labels.product")), /*#__PURE__*/React__default.createElement("th", {
30913
- className: "plc-w-1/5"
30927
+ className: "plc-w-1/3 md:plc-w-1/5"
30914
30928
  }, t("labels.plan")), /*#__PURE__*/React__default.createElement("th", {
30915
- className: "plc-w-1/5"
30929
+ className: "plc-hidden md:plc-table-cell plc-w-1/5"
30916
30930
  }, t("labels.price")), /*#__PURE__*/React__default.createElement("th", {
30917
- className: "plc-w-1/5"
30931
+ className: "plc-w-1/3 md:plc-w-1/5"
30918
30932
  }, t("labels.status.title")), /*#__PURE__*/React__default.createElement("th", {
30919
- className: "plc-w-1/5"
30933
+ className: "plc-w-1/3 md:plc-w-1/5"
30920
30934
  }, t("labels.actions")))), /*#__PURE__*/React__default.createElement("tbody", null, /*#__PURE__*/React__default.createElement(MembershipsItems, props))));
30921
30935
  };
30922
30936
 
@@ -30947,15 +30961,19 @@ const MembershipsItems = props => {
30947
30961
  key: membership.id,
30948
30962
  className: `plc-w-full pelcro-membership-row`
30949
30963
  }, /*#__PURE__*/React__default.createElement("td", {
30950
- className: "plc-truncate"
30964
+ className: "plc-hidden md:plc-table-cell plc-truncate"
30951
30965
  }, /*#__PURE__*/React__default.createElement("span", {
30952
30966
  className: "plc-font-semibold plc-text-gray-500"
30953
30967
  }, membership.subscription.plan.product.name)), /*#__PURE__*/React__default.createElement("td", {
30954
30968
  className: "plc-truncate"
30955
30969
  }, /*#__PURE__*/React__default.createElement("span", {
30956
30970
  className: "plc-font-semibold plc-text-gray-500"
30957
- }, membership.subscription.plan.nickname)), /*#__PURE__*/React__default.createElement("td", {
30958
- className: "plc-truncate"
30971
+ }, membership.subscription.plan.nickname), /*#__PURE__*/React__default.createElement("div", {
30972
+ className: "plc-inline md:plc-hidden"
30973
+ }, /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement("span", {
30974
+ className: "plc-text-xs plc-text-gray-400"
30975
+ }, getFormattedPriceByLocal(membership.subscription.plan.amount, membership.subscription.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default.createElement("td", {
30976
+ className: "plc-hidden md:plc-table-cell plc-truncate"
30959
30977
  }, /*#__PURE__*/React__default.createElement("span", {
30960
30978
  className: "plc-font-semibold plc-text-gray-500"
30961
30979
  }, getFormattedPriceByLocal(membership.subscription.plan.amount, membership.subscription.plan.currency, getPageOrDefaultLanguage()))), /*#__PURE__*/React__default.createElement("td", {
@@ -31097,7 +31115,7 @@ const GiftsMenu = props => {
31097
31115
 
31098
31116
  return /*#__PURE__*/React__default.createElement(Card, {
31099
31117
  id: "pelcro-dashboard-gifts-menu",
31100
- className: "plc-max-w-80% plc-m-auto",
31118
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
31101
31119
  title: t("labels.gifts")
31102
31120
  }, renderGiftRecipients(), /*#__PURE__*/React__default.createElement(AddNew, {
31103
31121
  title: t("labels.addGift"),
@@ -31118,7 +31136,7 @@ const AddressesMenu = props => {
31118
31136
  });
31119
31137
  return /*#__PURE__*/React__default.createElement(Card, {
31120
31138
  id: "pelcro-dashboard-addresses-menu",
31121
- className: "plc-max-w-80% plc-m-auto",
31139
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
31122
31140
  title: t("labels.addresses"),
31123
31141
  requestStates: requestStates
31124
31142
  }, /*#__PURE__*/React__default.createElement(AddressesItems, {
@@ -31233,7 +31251,7 @@ const PaymentCardsMenu = props => {
31233
31251
  const source = window.Pelcro.user.read().source;
31234
31252
  return /*#__PURE__*/React__default.createElement(Card, {
31235
31253
  id: "pelcro-dashboard-payment-menu",
31236
- className: "plc-max-w-80% plc-m-auto",
31254
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
31237
31255
  title: t("labels.paymentSource")
31238
31256
  }, source ? /*#__PURE__*/React__default.createElement(PaymentCardsItems, {
31239
31257
  displaySourceCreate: props === null || props === void 0 ? void 0 : props.displaySourceCreate,
@@ -32665,7 +32683,7 @@ const QRCodeMenu = props => {
32665
32683
  const value = window.Pelcro.user.read().id ? `${window.Pelcro.environment.domain}/admin/${window.Pelcro.siteid}/customers/${window.Pelcro.user.read().id}` : `${window.Pelcro.environment.domain}/admin/${window.Pelcro.siteid}/customers`;
32666
32684
  return /*#__PURE__*/React__default.createElement(Card, {
32667
32685
  id: "pelcro-dashboard-donation-menu",
32668
- className: "plc-max-w-80% plc-m-auto",
32686
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
32669
32687
  title: t("title")
32670
32688
  }, /*#__PURE__*/React__default.createElement(QRCode, {
32671
32689
  style: {
@@ -32689,7 +32707,7 @@ const ProfileMenu = props => {
32689
32707
 
32690
32708
  return /*#__PURE__*/React__default.createElement(Card, {
32691
32709
  id: "pelcro-dashboard-profile-menu",
32692
- className: "plc-max-w-80% plc-m-auto",
32710
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
32693
32711
  title: t("labels.basicData")
32694
32712
  }, /*#__PURE__*/React__default.createElement(UserUpdateView, {
32695
32713
  onPictureClick: onPictureClick
@@ -32811,7 +32829,7 @@ const NewslettersMenu = props => {
32811
32829
  }, []);
32812
32830
  return /*#__PURE__*/React__default.createElement(Card, {
32813
32831
  id: "pelcro-dashboard-newsletters-menu",
32814
- className: "plc-max-w-80% plc-m-auto",
32832
+ className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
32815
32833
  title: t("labels.Newsletters"),
32816
32834
  requestStates: requestStates
32817
32835
  }, /*#__PURE__*/React__default.createElement(NewsLettersItems, {
package/dist/pelcro.css CHANGED
@@ -2198,6 +2198,10 @@ in order to scope selectors under pelcro-root
2198
2198
  display: inline-block;
2199
2199
  }
2200
2200
 
2201
+ .pelcro-root .plc-inline {
2202
+ display: inline;
2203
+ }
2204
+
2201
2205
  .pelcro-root .plc-flex {
2202
2206
  display: flex;
2203
2207
  }
@@ -2374,6 +2378,10 @@ in order to scope selectors under pelcro-root
2374
2378
  width: 50%;
2375
2379
  }
2376
2380
 
2381
+ .pelcro-root .plc-w-1\/3 {
2382
+ width: 33.333333%;
2383
+ }
2384
+
2377
2385
  .pelcro-root .plc-w-1\/4 {
2378
2386
  width: 25%;
2379
2387
  }
@@ -2422,10 +2430,6 @@ in order to scope selectors under pelcro-root
2422
2430
  max-width: 50%;
2423
2431
  }
2424
2432
 
2425
- .pelcro-root .plc-max-w-80\% {
2426
- max-width: 80%;
2427
- }
2428
-
2429
2433
  .pelcro-root .plc-max-w-full {
2430
2434
  max-width: 100%;
2431
2435
  }
@@ -3613,9 +3617,25 @@ in order to scope selectors under pelcro-root
3613
3617
  }
3614
3618
 
3615
3619
  @media (min-width: 768px) {
3620
+ .pelcro-root .md\:plc-table-cell {
3621
+ display: table-cell;
3622
+ }
3623
+
3624
+ .pelcro-root .md\:plc-hidden {
3625
+ display: none;
3626
+ }
3627
+
3628
+ .pelcro-root .md\:plc-w-1\/5 {
3629
+ width: 20%;
3630
+ }
3631
+
3616
3632
  .pelcro-root .md\:plc-max-w-70\% {
3617
3633
  max-width: 70%;
3618
3634
  }
3635
+
3636
+ .pelcro-root .md\:plc-max-w-80\% {
3637
+ max-width: 80%;
3638
+ }
3619
3639
  }
3620
3640
 
3621
3641
  @media (min-width: 1024px) {
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.19",
4
+ "version": "4.0.0-alpha.20",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "main": "dist/index.cjs.js",