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

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 +50 -8
  2. package/dist/index.esm.js +50 -8
  3. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -38698,20 +38698,50 @@ const OrderCreateSummary = ({
38698
38698
  order
38699
38699
  }) => {
38700
38700
  const [items, setItems] = React.useState([]);
38701
- const [orderTotal, setOrderTotal] = React.useState("");
38701
+ const [paymentInfo, setPaymentInfo] = React.useState({});
38702
+ React.useEffect(() => {
38703
+ if (!(order !== null && order !== void 0 && order.length) || paymentInfo !== null && paymentInfo !== void 0 && paymentInfo.total) {
38704
+ return;
38705
+ }
38706
+ window.Pelcro.ecommerce.order.createSummary({
38707
+ items: order.map(item => {
38708
+ return {
38709
+ sku_id: item.id,
38710
+ quantity: item.quantity
38711
+ };
38712
+ })
38713
+ }, (err, res) => {
38714
+ if (err) {
38715
+ console.error(err);
38716
+ }
38717
+ setPaymentInfo({
38718
+ total: res.data.total,
38719
+ shippingRate: res.data.shipping_rate,
38720
+ subtotal: res.data.subtotal
38721
+ });
38722
+ });
38723
+ }, [order, paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.total]);
38702
38724
  React.useEffect(() => {
38703
38725
  const isQuickPurchase = !Array.isArray(order);
38704
38726
  if (isQuickPurchase) {
38705
- var _calcAndFormatItemsTo, _order$;
38706
38727
  setItems([order]);
38707
- setOrderTotal((_calcAndFormatItemsTo = calcAndFormatItemsTotal(order, (_order$ = order[0]) === null || _order$ === void 0 ? void 0 : _order$.currency)) !== null && _calcAndFormatItemsTo !== void 0 ? _calcAndFormatItemsTo : getFormattedPriceByLocal(order === null || order === void 0 ? void 0 : order.price, order === null || order === void 0 ? void 0 : order.currency, getPageOrDefaultLanguage()));
38708
38728
  }
38709
38729
  if ((order === null || order === void 0 ? void 0 : order.length) > 0) {
38710
- var _calcAndFormatItemsTo2, _order$2;
38711
38730
  setItems(order);
38712
- setOrderTotal((_calcAndFormatItemsTo2 = calcAndFormatItemsTotal(order, (_order$2 = order[0]) === null || _order$2 === void 0 ? void 0 : _order$2.currency)) !== null && _calcAndFormatItemsTo2 !== void 0 ? _calcAndFormatItemsTo2 : getFormattedPriceByLocal(order === null || order === void 0 ? void 0 : order.price, order === null || order === void 0 ? void 0 : order.currency, getPageOrDefaultLanguage()));
38713
38731
  }
38714
- }, []);
38732
+ }, [order]);
38733
+ const subtotal = React.useMemo(() => {
38734
+ var _order$;
38735
+ return getFormattedPriceByLocal((paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.subtotal) || 0, order === null || order === void 0 ? void 0 : (_order$ = order[0]) === null || _order$ === void 0 ? void 0 : _order$.currency, getPageOrDefaultLanguage());
38736
+ }, [paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.subtotal, order]);
38737
+ const shippingRate = React.useMemo(() => {
38738
+ var _order$2;
38739
+ return getFormattedPriceByLocal((paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.shippingRate) || 0, order === null || order === void 0 ? void 0 : (_order$2 = order[0]) === null || _order$2 === void 0 ? void 0 : _order$2.currency, getPageOrDefaultLanguage());
38740
+ }, [paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.shippingRate, order]);
38741
+ const total = React.useMemo(() => {
38742
+ var _order$3;
38743
+ return getFormattedPriceByLocal((paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.total) || 0, order === null || order === void 0 ? void 0 : (_order$3 = order[0]) === null || _order$3 === void 0 ? void 0 : _order$3.currency, getPageOrDefaultLanguage());
38744
+ }, [paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.total, order]);
38715
38745
  return /*#__PURE__*/React__default['default'].createElement("div", {
38716
38746
  className: "plc-px-8 md:plc-px-0"
38717
38747
  }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -38746,15 +38776,27 @@ const OrderCreateSummary = ({
38746
38776
  }, /*#__PURE__*/React__default['default'].createElement("p", {
38747
38777
  className: "plc-text-gray-900"
38748
38778
  }, item && item.currency && calcAndFormatItemsTotal([item], item === null || item === void 0 ? void 0 : item.currency))))));
38749
- })))), /*#__PURE__*/React__default['default'].createElement("dl", {
38779
+ })))), (paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.total) && /*#__PURE__*/React__default['default'].createElement("dl", {
38750
38780
  className: "plc-mt-6 plc-space-y-6 plc-text-sm plc-font-medium plc-text-gray-500"
38751
38781
  }, /*#__PURE__*/React__default['default'].createElement("div", {
38752
38782
  className: "plc-flex plc-justify-between plc-border-t plc-border-gray-200 plc-pt-6 plc-text-gray-900"
38753
38783
  }, /*#__PURE__*/React__default['default'].createElement("dt", {
38754
38784
  className: "plc-text-base"
38785
+ }, "Subtotal"), /*#__PURE__*/React__default['default'].createElement("dd", {
38786
+ className: "plc-text-base"
38787
+ }, subtotal)), /*#__PURE__*/React__default['default'].createElement("div", {
38788
+ className: "plc-flex plc-justify-between plc-text-gray-900"
38789
+ }, /*#__PURE__*/React__default['default'].createElement("dt", {
38790
+ className: "plc-text-base"
38791
+ }, "Shipping Rate"), /*#__PURE__*/React__default['default'].createElement("dd", {
38792
+ className: "plc-text-base"
38793
+ }, shippingRate)), /*#__PURE__*/React__default['default'].createElement("div", {
38794
+ className: "plc-flex plc-justify-between plc-border-t plc-border-gray-200 plc-pt-6 plc-text-gray-900"
38795
+ }, /*#__PURE__*/React__default['default'].createElement("dt", {
38796
+ className: "plc-text-base"
38755
38797
  }, "Total"), /*#__PURE__*/React__default['default'].createElement("dd", {
38756
38798
  className: "plc-text-base"
38757
- }, orderTotal))));
38799
+ }, total))));
38758
38800
  };
38759
38801
 
38760
38802
  const OrderCreateView = props => {
package/dist/index.esm.js CHANGED
@@ -38668,20 +38668,50 @@ const OrderCreateSummary = ({
38668
38668
  order
38669
38669
  }) => {
38670
38670
  const [items, setItems] = useState([]);
38671
- const [orderTotal, setOrderTotal] = useState("");
38671
+ const [paymentInfo, setPaymentInfo] = useState({});
38672
+ useEffect(() => {
38673
+ if (!(order !== null && order !== void 0 && order.length) || paymentInfo !== null && paymentInfo !== void 0 && paymentInfo.total) {
38674
+ return;
38675
+ }
38676
+ window.Pelcro.ecommerce.order.createSummary({
38677
+ items: order.map(item => {
38678
+ return {
38679
+ sku_id: item.id,
38680
+ quantity: item.quantity
38681
+ };
38682
+ })
38683
+ }, (err, res) => {
38684
+ if (err) {
38685
+ console.error(err);
38686
+ }
38687
+ setPaymentInfo({
38688
+ total: res.data.total,
38689
+ shippingRate: res.data.shipping_rate,
38690
+ subtotal: res.data.subtotal
38691
+ });
38692
+ });
38693
+ }, [order, paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.total]);
38672
38694
  useEffect(() => {
38673
38695
  const isQuickPurchase = !Array.isArray(order);
38674
38696
  if (isQuickPurchase) {
38675
- var _calcAndFormatItemsTo, _order$;
38676
38697
  setItems([order]);
38677
- setOrderTotal((_calcAndFormatItemsTo = calcAndFormatItemsTotal(order, (_order$ = order[0]) === null || _order$ === void 0 ? void 0 : _order$.currency)) !== null && _calcAndFormatItemsTo !== void 0 ? _calcAndFormatItemsTo : getFormattedPriceByLocal(order === null || order === void 0 ? void 0 : order.price, order === null || order === void 0 ? void 0 : order.currency, getPageOrDefaultLanguage()));
38678
38698
  }
38679
38699
  if ((order === null || order === void 0 ? void 0 : order.length) > 0) {
38680
- var _calcAndFormatItemsTo2, _order$2;
38681
38700
  setItems(order);
38682
- setOrderTotal((_calcAndFormatItemsTo2 = calcAndFormatItemsTotal(order, (_order$2 = order[0]) === null || _order$2 === void 0 ? void 0 : _order$2.currency)) !== null && _calcAndFormatItemsTo2 !== void 0 ? _calcAndFormatItemsTo2 : getFormattedPriceByLocal(order === null || order === void 0 ? void 0 : order.price, order === null || order === void 0 ? void 0 : order.currency, getPageOrDefaultLanguage()));
38683
38701
  }
38684
- }, []);
38702
+ }, [order]);
38703
+ const subtotal = useMemo(() => {
38704
+ var _order$;
38705
+ return getFormattedPriceByLocal((paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.subtotal) || 0, order === null || order === void 0 ? void 0 : (_order$ = order[0]) === null || _order$ === void 0 ? void 0 : _order$.currency, getPageOrDefaultLanguage());
38706
+ }, [paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.subtotal, order]);
38707
+ const shippingRate = useMemo(() => {
38708
+ var _order$2;
38709
+ return getFormattedPriceByLocal((paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.shippingRate) || 0, order === null || order === void 0 ? void 0 : (_order$2 = order[0]) === null || _order$2 === void 0 ? void 0 : _order$2.currency, getPageOrDefaultLanguage());
38710
+ }, [paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.shippingRate, order]);
38711
+ const total = useMemo(() => {
38712
+ var _order$3;
38713
+ return getFormattedPriceByLocal((paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.total) || 0, order === null || order === void 0 ? void 0 : (_order$3 = order[0]) === null || _order$3 === void 0 ? void 0 : _order$3.currency, getPageOrDefaultLanguage());
38714
+ }, [paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.total, order]);
38685
38715
  return /*#__PURE__*/React__default.createElement("div", {
38686
38716
  className: "plc-px-8 md:plc-px-0"
38687
38717
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -38716,15 +38746,27 @@ const OrderCreateSummary = ({
38716
38746
  }, /*#__PURE__*/React__default.createElement("p", {
38717
38747
  className: "plc-text-gray-900"
38718
38748
  }, item && item.currency && calcAndFormatItemsTotal([item], item === null || item === void 0 ? void 0 : item.currency))))));
38719
- })))), /*#__PURE__*/React__default.createElement("dl", {
38749
+ })))), (paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.total) && /*#__PURE__*/React__default.createElement("dl", {
38720
38750
  className: "plc-mt-6 plc-space-y-6 plc-text-sm plc-font-medium plc-text-gray-500"
38721
38751
  }, /*#__PURE__*/React__default.createElement("div", {
38722
38752
  className: "plc-flex plc-justify-between plc-border-t plc-border-gray-200 plc-pt-6 plc-text-gray-900"
38723
38753
  }, /*#__PURE__*/React__default.createElement("dt", {
38724
38754
  className: "plc-text-base"
38755
+ }, "Subtotal"), /*#__PURE__*/React__default.createElement("dd", {
38756
+ className: "plc-text-base"
38757
+ }, subtotal)), /*#__PURE__*/React__default.createElement("div", {
38758
+ className: "plc-flex plc-justify-between plc-text-gray-900"
38759
+ }, /*#__PURE__*/React__default.createElement("dt", {
38760
+ className: "plc-text-base"
38761
+ }, "Shipping Rate"), /*#__PURE__*/React__default.createElement("dd", {
38762
+ className: "plc-text-base"
38763
+ }, shippingRate)), /*#__PURE__*/React__default.createElement("div", {
38764
+ className: "plc-flex plc-justify-between plc-border-t plc-border-gray-200 plc-pt-6 plc-text-gray-900"
38765
+ }, /*#__PURE__*/React__default.createElement("dt", {
38766
+ className: "plc-text-base"
38725
38767
  }, "Total"), /*#__PURE__*/React__default.createElement("dd", {
38726
38768
  className: "plc-text-base"
38727
- }, orderTotal))));
38769
+ }, total))));
38728
38770
  };
38729
38771
 
38730
38772
  const OrderCreateView = props => {
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.100",
4
+ "version": "4.0.0-alpha.101",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "main": "dist/index.cjs.js",