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

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 +31 -14
  2. package/dist/index.esm.js +31 -14
  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,
@@ -21213,8 +21215,9 @@ const ImageSelect = ({
21213
21215
  label: option === null || option === void 0 ? void 0 : option.name,
21214
21216
  image: option === null || option === void 0 ? void 0 : option.image
21215
21217
  }));
21216
- return /*#__PURE__*/React__default['default'].createElement(StateManagedSelect$1, Object.assign({
21217
- className: "plc-px-5",
21218
+ return /*#__PURE__*/React__default['default'].createElement("div", {
21219
+ className: "plc-px-5"
21220
+ }, /*#__PURE__*/React__default['default'].createElement(StateManagedSelect$1, Object.assign({
21218
21221
  isSearchable: false // Disable search feature
21219
21222
  ,
21220
21223
  options: options,
@@ -21223,7 +21226,7 @@ const ImageSelect = ({
21223
21226
  Option: customOption,
21224
21227
  SingleValue: customSingleValue
21225
21228
  }
21226
- }, props));
21229
+ }, props)));
21227
21230
  };
21228
21231
 
21229
21232
  var initialState_1 = createCommonjsModule(function (module, exports) {
@@ -26035,6 +26038,7 @@ function SelectModalWithHook(props) {
26035
26038
  itemId
26036
26039
  }),
26037
26040
  setView: switchView,
26041
+ hideGiftSelection: props.hideGiftSelection,
26038
26042
  matchingEntitlements: view === "_plan-select-entitlements" ? entitlements : null
26039
26043
  });
26040
26044
  }
@@ -26371,7 +26375,8 @@ class SelectModal extends React.Component {
26371
26375
  });
26372
26376
  _defineProperty$4(this, "renderPlans", () => {
26373
26377
  const {
26374
- disableGifting
26378
+ disableGifting,
26379
+ hideGiftSelection
26375
26380
  } = this.props;
26376
26381
  const items = this.state.planList.map(plan => {
26377
26382
  var _this$state;
@@ -26412,7 +26417,7 @@ class SelectModal extends React.Component {
26412
26417
  className: "plc-px-8 plc-py-6 plc-text-center plc-w-full"
26413
26418
  }, /*#__PURE__*/React__default['default'].createElement("p", {
26414
26419
  className: "plc-text-xs plc-mt-1 pelcro-select-plan-description plc-text-gray-500"
26415
- }, plan.description)), plan.entitlements && itemsArray && itemsArray.length > 0 && /*#__PURE__*/React__default['default'].createElement(ImageSelect, {
26420
+ }, plan.description)), !hideGiftSelection && plan.entitlements && itemsArray && itemsArray.length > 0 && /*#__PURE__*/React__default['default'].createElement(ImageSelect, {
26416
26421
  optionsArray: itemsArray,
26417
26422
  onChange: e => {
26418
26423
  console.log(e.value);
@@ -38697,6 +38702,9 @@ const OrderCreateContainer = props => /*#__PURE__*/React__default['default'].cre
38697
38702
  const OrderCreateSummary = ({
38698
38703
  order
38699
38704
  }) => {
38705
+ const {
38706
+ t
38707
+ } = useTranslation("shop");
38700
38708
  const [items, setItems] = React.useState([]);
38701
38709
  const [paymentInfo, setPaymentInfo] = React.useState({});
38702
38710
  React.useEffect(() => {
@@ -38776,27 +38784,30 @@ const OrderCreateSummary = ({
38776
38784
  }, /*#__PURE__*/React__default['default'].createElement("p", {
38777
38785
  className: "plc-text-gray-900"
38778
38786
  }, 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", {
38787
+ })))), paymentInfo !== null && paymentInfo !== void 0 && paymentInfo.total ? /*#__PURE__*/React__default['default'].createElement("dl", {
38780
38788
  className: "plc-mt-6 plc-space-y-6 plc-text-sm plc-font-medium plc-text-gray-500"
38781
38789
  }, /*#__PURE__*/React__default['default'].createElement("div", {
38782
38790
  className: "plc-flex plc-justify-between plc-border-t plc-border-gray-200 plc-pt-6 plc-text-gray-900"
38783
38791
  }, /*#__PURE__*/React__default['default'].createElement("dt", {
38784
38792
  className: "plc-text-base"
38785
- }, "Subtotal"), /*#__PURE__*/React__default['default'].createElement("dd", {
38793
+ }, t("labels.subtotal")), /*#__PURE__*/React__default['default'].createElement("dd", {
38786
38794
  className: "plc-text-base"
38787
38795
  }, subtotal)), /*#__PURE__*/React__default['default'].createElement("div", {
38788
38796
  className: "plc-flex plc-justify-between plc-text-gray-900"
38789
38797
  }, /*#__PURE__*/React__default['default'].createElement("dt", {
38790
38798
  className: "plc-text-base"
38791
- }, "Shipping Rate"), /*#__PURE__*/React__default['default'].createElement("dd", {
38799
+ }, t("labels.shippingRate")), /*#__PURE__*/React__default['default'].createElement("dd", {
38792
38800
  className: "plc-text-base"
38793
38801
  }, shippingRate)), /*#__PURE__*/React__default['default'].createElement("div", {
38794
38802
  className: "plc-flex plc-justify-between plc-border-t plc-border-gray-200 plc-pt-6 plc-text-gray-900"
38795
38803
  }, /*#__PURE__*/React__default['default'].createElement("dt", {
38796
38804
  className: "plc-text-base"
38797
- }, "Total"), /*#__PURE__*/React__default['default'].createElement("dd", {
38805
+ }, t("labels.total")), /*#__PURE__*/React__default['default'].createElement("dd", {
38798
38806
  className: "plc-text-base"
38799
- }, total))));
38807
+ }, total))) : /*#__PURE__*/React__default['default'].createElement(Loader, {
38808
+ width: 60,
38809
+ height: 100
38810
+ }));
38800
38811
  };
38801
38812
 
38802
38813
  const OrderCreateView = props => {
@@ -38975,10 +38986,16 @@ const OrderConfirmModal = props => {
38975
38986
  className: "plc-w-1/5 plc-text-center pelcro-summary-product-price"
38976
38987
  }, calcAndFormatItemsTotal([item], latestOrder === null || latestOrder === void 0 ? void 0 : latestOrder.currency)));
38977
38988
  }), /*#__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", {
38989
+ className: "plc-flex plc-items-center plc-justify-between plc-pt-2 plc-mt-2 plc-font-bold"
38990
+ }, /*#__PURE__*/React__default['default'].createElement("dt", {
38980
38991
  className: "plc-mr-1 pelcro-summary-total-text"
38981
- }, t("labels.total")), /*#__PURE__*/React__default['default'].createElement("p", {
38992
+ }, t("labels.shippingRate")), /*#__PURE__*/React__default['default'].createElement("dd", {
38993
+ className: "pelcro-summary-total"
38994
+ }, getFormattedPriceByLocal(latestOrder.shipping_rate, latestOrder === null || latestOrder === void 0 ? void 0 : latestOrder.currency, getPageOrDefaultLanguage()))), /*#__PURE__*/React__default['default'].createElement("div", {
38995
+ 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"
38996
+ }, /*#__PURE__*/React__default['default'].createElement("dt", {
38997
+ className: "plc-mr-1 pelcro-summary-total-text"
38998
+ }, t("labels.total")), /*#__PURE__*/React__default['default'].createElement("dd", {
38982
38999
  className: "pelcro-summary-total"
38983
39000
  }, 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
39001
  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,
@@ -21183,8 +21185,9 @@ const ImageSelect = ({
21183
21185
  label: option === null || option === void 0 ? void 0 : option.name,
21184
21186
  image: option === null || option === void 0 ? void 0 : option.image
21185
21187
  }));
21186
- return /*#__PURE__*/React__default.createElement(StateManagedSelect$1, Object.assign({
21187
- className: "plc-px-5",
21188
+ return /*#__PURE__*/React__default.createElement("div", {
21189
+ className: "plc-px-5"
21190
+ }, /*#__PURE__*/React__default.createElement(StateManagedSelect$1, Object.assign({
21188
21191
  isSearchable: false // Disable search feature
21189
21192
  ,
21190
21193
  options: options,
@@ -21193,7 +21196,7 @@ const ImageSelect = ({
21193
21196
  Option: customOption,
21194
21197
  SingleValue: customSingleValue
21195
21198
  }
21196
- }, props));
21199
+ }, props)));
21197
21200
  };
21198
21201
 
21199
21202
  var initialState_1 = createCommonjsModule(function (module, exports) {
@@ -26005,6 +26008,7 @@ function SelectModalWithHook(props) {
26005
26008
  itemId
26006
26009
  }),
26007
26010
  setView: switchView,
26011
+ hideGiftSelection: props.hideGiftSelection,
26008
26012
  matchingEntitlements: view === "_plan-select-entitlements" ? entitlements : null
26009
26013
  });
26010
26014
  }
@@ -26341,7 +26345,8 @@ class SelectModal extends Component {
26341
26345
  });
26342
26346
  _defineProperty$4(this, "renderPlans", () => {
26343
26347
  const {
26344
- disableGifting
26348
+ disableGifting,
26349
+ hideGiftSelection
26345
26350
  } = this.props;
26346
26351
  const items = this.state.planList.map(plan => {
26347
26352
  var _this$state;
@@ -26382,7 +26387,7 @@ class SelectModal extends Component {
26382
26387
  className: "plc-px-8 plc-py-6 plc-text-center plc-w-full"
26383
26388
  }, /*#__PURE__*/React__default.createElement("p", {
26384
26389
  className: "plc-text-xs plc-mt-1 pelcro-select-plan-description plc-text-gray-500"
26385
- }, plan.description)), plan.entitlements && itemsArray && itemsArray.length > 0 && /*#__PURE__*/React__default.createElement(ImageSelect, {
26390
+ }, plan.description)), !hideGiftSelection && plan.entitlements && itemsArray && itemsArray.length > 0 && /*#__PURE__*/React__default.createElement(ImageSelect, {
26386
26391
  optionsArray: itemsArray,
26387
26392
  onChange: e => {
26388
26393
  console.log(e.value);
@@ -38667,6 +38672,9 @@ const OrderCreateContainer = props => /*#__PURE__*/React__default.createElement(
38667
38672
  const OrderCreateSummary = ({
38668
38673
  order
38669
38674
  }) => {
38675
+ const {
38676
+ t
38677
+ } = useTranslation("shop");
38670
38678
  const [items, setItems] = useState([]);
38671
38679
  const [paymentInfo, setPaymentInfo] = useState({});
38672
38680
  useEffect(() => {
@@ -38746,27 +38754,30 @@ const OrderCreateSummary = ({
38746
38754
  }, /*#__PURE__*/React__default.createElement("p", {
38747
38755
  className: "plc-text-gray-900"
38748
38756
  }, 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", {
38757
+ })))), paymentInfo !== null && paymentInfo !== void 0 && paymentInfo.total ? /*#__PURE__*/React__default.createElement("dl", {
38750
38758
  className: "plc-mt-6 plc-space-y-6 plc-text-sm plc-font-medium plc-text-gray-500"
38751
38759
  }, /*#__PURE__*/React__default.createElement("div", {
38752
38760
  className: "plc-flex plc-justify-between plc-border-t plc-border-gray-200 plc-pt-6 plc-text-gray-900"
38753
38761
  }, /*#__PURE__*/React__default.createElement("dt", {
38754
38762
  className: "plc-text-base"
38755
- }, "Subtotal"), /*#__PURE__*/React__default.createElement("dd", {
38763
+ }, t("labels.subtotal")), /*#__PURE__*/React__default.createElement("dd", {
38756
38764
  className: "plc-text-base"
38757
38765
  }, subtotal)), /*#__PURE__*/React__default.createElement("div", {
38758
38766
  className: "plc-flex plc-justify-between plc-text-gray-900"
38759
38767
  }, /*#__PURE__*/React__default.createElement("dt", {
38760
38768
  className: "plc-text-base"
38761
- }, "Shipping Rate"), /*#__PURE__*/React__default.createElement("dd", {
38769
+ }, t("labels.shippingRate")), /*#__PURE__*/React__default.createElement("dd", {
38762
38770
  className: "plc-text-base"
38763
38771
  }, shippingRate)), /*#__PURE__*/React__default.createElement("div", {
38764
38772
  className: "plc-flex plc-justify-between plc-border-t plc-border-gray-200 plc-pt-6 plc-text-gray-900"
38765
38773
  }, /*#__PURE__*/React__default.createElement("dt", {
38766
38774
  className: "plc-text-base"
38767
- }, "Total"), /*#__PURE__*/React__default.createElement("dd", {
38775
+ }, t("labels.total")), /*#__PURE__*/React__default.createElement("dd", {
38768
38776
  className: "plc-text-base"
38769
- }, total))));
38777
+ }, total))) : /*#__PURE__*/React__default.createElement(Loader, {
38778
+ width: 60,
38779
+ height: 100
38780
+ }));
38770
38781
  };
38771
38782
 
38772
38783
  const OrderCreateView = props => {
@@ -38945,10 +38956,16 @@ const OrderConfirmModal = props => {
38945
38956
  className: "plc-w-1/5 plc-text-center pelcro-summary-product-price"
38946
38957
  }, calcAndFormatItemsTotal([item], latestOrder === null || latestOrder === void 0 ? void 0 : latestOrder.currency)));
38947
38958
  }), /*#__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", {
38959
+ className: "plc-flex plc-items-center plc-justify-between plc-pt-2 plc-mt-2 plc-font-bold"
38960
+ }, /*#__PURE__*/React__default.createElement("dt", {
38950
38961
  className: "plc-mr-1 pelcro-summary-total-text"
38951
- }, t("labels.total")), /*#__PURE__*/React__default.createElement("p", {
38962
+ }, t("labels.shippingRate")), /*#__PURE__*/React__default.createElement("dd", {
38963
+ className: "pelcro-summary-total"
38964
+ }, getFormattedPriceByLocal(latestOrder.shipping_rate, latestOrder === null || latestOrder === void 0 ? void 0 : latestOrder.currency, getPageOrDefaultLanguage()))), /*#__PURE__*/React__default.createElement("div", {
38965
+ 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"
38966
+ }, /*#__PURE__*/React__default.createElement("dt", {
38967
+ className: "plc-mr-1 pelcro-summary-total-text"
38968
+ }, t("labels.total")), /*#__PURE__*/React__default.createElement("dd", {
38952
38969
  className: "pelcro-summary-total"
38953
38970
  }, 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
38971
  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.103",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "main": "dist/index.cjs.js",