@pelcro/react-pelcro-js 4.0.0-alpha.101 → 4.0.0-alpha.102

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 +23 -9
  2. package/dist/index.esm.js +23 -9
  3. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -3781,7 +3781,9 @@ var messages$Y = {
3781
3781
  };
3782
3782
  var labels$X = {
3783
3783
  summary: "Order summary",
3784
- total: "total"
3784
+ total: "Total",
3785
+ subtotal: "Subtotal",
3786
+ shippingRate: "Shipping Rate"
3785
3787
  };
3786
3788
  var shop_en = {
3787
3789
  buttons: buttons$h,
@@ -38697,6 +38699,9 @@ const OrderCreateContainer = props => /*#__PURE__*/React__default['default'].cre
38697
38699
  const OrderCreateSummary = ({
38698
38700
  order
38699
38701
  }) => {
38702
+ const {
38703
+ t
38704
+ } = useTranslation("shop");
38700
38705
  const [items, setItems] = React.useState([]);
38701
38706
  const [paymentInfo, setPaymentInfo] = React.useState({});
38702
38707
  React.useEffect(() => {
@@ -38776,27 +38781,30 @@ const OrderCreateSummary = ({
38776
38781
  }, /*#__PURE__*/React__default['default'].createElement("p", {
38777
38782
  className: "plc-text-gray-900"
38778
38783
  }, item && item.currency && calcAndFormatItemsTotal([item], item === null || item === void 0 ? void 0 : item.currency))))));
38779
- })))), (paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.total) && /*#__PURE__*/React__default['default'].createElement("dl", {
38784
+ })))), paymentInfo !== null && paymentInfo !== void 0 && paymentInfo.total ? /*#__PURE__*/React__default['default'].createElement("dl", {
38780
38785
  className: "plc-mt-6 plc-space-y-6 plc-text-sm plc-font-medium plc-text-gray-500"
38781
38786
  }, /*#__PURE__*/React__default['default'].createElement("div", {
38782
38787
  className: "plc-flex plc-justify-between plc-border-t plc-border-gray-200 plc-pt-6 plc-text-gray-900"
38783
38788
  }, /*#__PURE__*/React__default['default'].createElement("dt", {
38784
38789
  className: "plc-text-base"
38785
- }, "Subtotal"), /*#__PURE__*/React__default['default'].createElement("dd", {
38790
+ }, t("labels.subtotal")), /*#__PURE__*/React__default['default'].createElement("dd", {
38786
38791
  className: "plc-text-base"
38787
38792
  }, subtotal)), /*#__PURE__*/React__default['default'].createElement("div", {
38788
38793
  className: "plc-flex plc-justify-between plc-text-gray-900"
38789
38794
  }, /*#__PURE__*/React__default['default'].createElement("dt", {
38790
38795
  className: "plc-text-base"
38791
- }, "Shipping Rate"), /*#__PURE__*/React__default['default'].createElement("dd", {
38796
+ }, t("labels.shippingRate")), /*#__PURE__*/React__default['default'].createElement("dd", {
38792
38797
  className: "plc-text-base"
38793
38798
  }, shippingRate)), /*#__PURE__*/React__default['default'].createElement("div", {
38794
38799
  className: "plc-flex plc-justify-between plc-border-t plc-border-gray-200 plc-pt-6 plc-text-gray-900"
38795
38800
  }, /*#__PURE__*/React__default['default'].createElement("dt", {
38796
38801
  className: "plc-text-base"
38797
- }, "Total"), /*#__PURE__*/React__default['default'].createElement("dd", {
38802
+ }, t("labels.total")), /*#__PURE__*/React__default['default'].createElement("dd", {
38798
38803
  className: "plc-text-base"
38799
- }, total))));
38804
+ }, total))) : /*#__PURE__*/React__default['default'].createElement(Loader, {
38805
+ width: 60,
38806
+ height: 100
38807
+ }));
38800
38808
  };
38801
38809
 
38802
38810
  const OrderCreateView = props => {
@@ -38975,10 +38983,16 @@ const OrderConfirmModal = props => {
38975
38983
  className: "plc-w-1/5 plc-text-center pelcro-summary-product-price"
38976
38984
  }, calcAndFormatItemsTotal([item], latestOrder === null || latestOrder === void 0 ? void 0 : latestOrder.currency)));
38977
38985
  }), /*#__PURE__*/React__default['default'].createElement("div", {
38978
- className: "plc-flex plc-items-center plc-justify-end plc-pt-2 plc-mt-2 plc-font-bold plc-border-t plc-border-gray-400 pelcro-summary-total-wrapper"
38979
- }, /*#__PURE__*/React__default['default'].createElement("p", {
38986
+ className: "plc-flex plc-items-center plc-justify-between plc-pt-2 plc-mt-2 plc-font-bold"
38987
+ }, /*#__PURE__*/React__default['default'].createElement("dt", {
38980
38988
  className: "plc-mr-1 pelcro-summary-total-text"
38981
- }, t("labels.total")), /*#__PURE__*/React__default['default'].createElement("p", {
38989
+ }, t("labels.shippingRate")), /*#__PURE__*/React__default['default'].createElement("dd", {
38990
+ className: "pelcro-summary-total"
38991
+ }, getFormattedPriceByLocal(latestOrder.shipping_rate, latestOrder === null || latestOrder === void 0 ? void 0 : latestOrder.currency, getPageOrDefaultLanguage()))), /*#__PURE__*/React__default['default'].createElement("div", {
38992
+ className: "plc-flex plc-items-center plc-justify-between plc-pt-2 plc-mt-2 plc-font-bold plc-border-t plc-border-gray-400 pelcro-summary-total-wrapper"
38993
+ }, /*#__PURE__*/React__default['default'].createElement("dt", {
38994
+ className: "plc-mr-1 pelcro-summary-total-text"
38995
+ }, t("labels.total")), /*#__PURE__*/React__default['default'].createElement("dd", {
38982
38996
  className: "pelcro-summary-total"
38983
38997
  }, latestOrderDiscount && `(-${latestOrderDiscount}%) `, getFormattedPriceByLocal(latestOrder === null || latestOrder === void 0 ? void 0 : latestOrder.amount, latestOrder === null || latestOrder === void 0 ? void 0 : latestOrder.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default['default'].createElement("div", {
38984
38998
  className: "plc-flex plc-justify-center plc-mt-6"
package/dist/index.esm.js CHANGED
@@ -3751,7 +3751,9 @@ var messages$Y = {
3751
3751
  };
3752
3752
  var labels$X = {
3753
3753
  summary: "Order summary",
3754
- total: "total"
3754
+ total: "Total",
3755
+ subtotal: "Subtotal",
3756
+ shippingRate: "Shipping Rate"
3755
3757
  };
3756
3758
  var shop_en = {
3757
3759
  buttons: buttons$h,
@@ -38667,6 +38669,9 @@ const OrderCreateContainer = props => /*#__PURE__*/React__default.createElement(
38667
38669
  const OrderCreateSummary = ({
38668
38670
  order
38669
38671
  }) => {
38672
+ const {
38673
+ t
38674
+ } = useTranslation("shop");
38670
38675
  const [items, setItems] = useState([]);
38671
38676
  const [paymentInfo, setPaymentInfo] = useState({});
38672
38677
  useEffect(() => {
@@ -38746,27 +38751,30 @@ const OrderCreateSummary = ({
38746
38751
  }, /*#__PURE__*/React__default.createElement("p", {
38747
38752
  className: "plc-text-gray-900"
38748
38753
  }, item && item.currency && calcAndFormatItemsTotal([item], item === null || item === void 0 ? void 0 : item.currency))))));
38749
- })))), (paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.total) && /*#__PURE__*/React__default.createElement("dl", {
38754
+ })))), paymentInfo !== null && paymentInfo !== void 0 && paymentInfo.total ? /*#__PURE__*/React__default.createElement("dl", {
38750
38755
  className: "plc-mt-6 plc-space-y-6 plc-text-sm plc-font-medium plc-text-gray-500"
38751
38756
  }, /*#__PURE__*/React__default.createElement("div", {
38752
38757
  className: "plc-flex plc-justify-between plc-border-t plc-border-gray-200 plc-pt-6 plc-text-gray-900"
38753
38758
  }, /*#__PURE__*/React__default.createElement("dt", {
38754
38759
  className: "plc-text-base"
38755
- }, "Subtotal"), /*#__PURE__*/React__default.createElement("dd", {
38760
+ }, t("labels.subtotal")), /*#__PURE__*/React__default.createElement("dd", {
38756
38761
  className: "plc-text-base"
38757
38762
  }, subtotal)), /*#__PURE__*/React__default.createElement("div", {
38758
38763
  className: "plc-flex plc-justify-between plc-text-gray-900"
38759
38764
  }, /*#__PURE__*/React__default.createElement("dt", {
38760
38765
  className: "plc-text-base"
38761
- }, "Shipping Rate"), /*#__PURE__*/React__default.createElement("dd", {
38766
+ }, t("labels.shippingRate")), /*#__PURE__*/React__default.createElement("dd", {
38762
38767
  className: "plc-text-base"
38763
38768
  }, shippingRate)), /*#__PURE__*/React__default.createElement("div", {
38764
38769
  className: "plc-flex plc-justify-between plc-border-t plc-border-gray-200 plc-pt-6 plc-text-gray-900"
38765
38770
  }, /*#__PURE__*/React__default.createElement("dt", {
38766
38771
  className: "plc-text-base"
38767
- }, "Total"), /*#__PURE__*/React__default.createElement("dd", {
38772
+ }, t("labels.total")), /*#__PURE__*/React__default.createElement("dd", {
38768
38773
  className: "plc-text-base"
38769
- }, total))));
38774
+ }, total))) : /*#__PURE__*/React__default.createElement(Loader, {
38775
+ width: 60,
38776
+ height: 100
38777
+ }));
38770
38778
  };
38771
38779
 
38772
38780
  const OrderCreateView = props => {
@@ -38945,10 +38953,16 @@ const OrderConfirmModal = props => {
38945
38953
  className: "plc-w-1/5 plc-text-center pelcro-summary-product-price"
38946
38954
  }, calcAndFormatItemsTotal([item], latestOrder === null || latestOrder === void 0 ? void 0 : latestOrder.currency)));
38947
38955
  }), /*#__PURE__*/React__default.createElement("div", {
38948
- className: "plc-flex plc-items-center plc-justify-end plc-pt-2 plc-mt-2 plc-font-bold plc-border-t plc-border-gray-400 pelcro-summary-total-wrapper"
38949
- }, /*#__PURE__*/React__default.createElement("p", {
38956
+ className: "plc-flex plc-items-center plc-justify-between plc-pt-2 plc-mt-2 plc-font-bold"
38957
+ }, /*#__PURE__*/React__default.createElement("dt", {
38950
38958
  className: "plc-mr-1 pelcro-summary-total-text"
38951
- }, t("labels.total")), /*#__PURE__*/React__default.createElement("p", {
38959
+ }, t("labels.shippingRate")), /*#__PURE__*/React__default.createElement("dd", {
38960
+ className: "pelcro-summary-total"
38961
+ }, getFormattedPriceByLocal(latestOrder.shipping_rate, latestOrder === null || latestOrder === void 0 ? void 0 : latestOrder.currency, getPageOrDefaultLanguage()))), /*#__PURE__*/React__default.createElement("div", {
38962
+ className: "plc-flex plc-items-center plc-justify-between plc-pt-2 plc-mt-2 plc-font-bold plc-border-t plc-border-gray-400 pelcro-summary-total-wrapper"
38963
+ }, /*#__PURE__*/React__default.createElement("dt", {
38964
+ className: "plc-mr-1 pelcro-summary-total-text"
38965
+ }, t("labels.total")), /*#__PURE__*/React__default.createElement("dd", {
38952
38966
  className: "pelcro-summary-total"
38953
38967
  }, latestOrderDiscount && `(-${latestOrderDiscount}%) `, getFormattedPriceByLocal(latestOrder === null || latestOrder === void 0 ? void 0 : latestOrder.amount, latestOrder === null || latestOrder === void 0 ? void 0 : latestOrder.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default.createElement("div", {
38954
38968
  className: "plc-flex plc-justify-center plc-mt-6"
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.101",
4
+ "version": "4.0.0-alpha.102",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "main": "dist/index.cjs.js",