@pelcro/react-pelcro-js 4.0.0-alpha.85 → 4.0.0-alpha.86

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 +55 -8
  2. package/dist/index.esm.js +55 -8
  3. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -33172,7 +33172,8 @@ const OrderCreateModal = ({
33172
33172
  ...otherProps
33173
33173
  }) => {
33174
33174
  const {
33175
- switchView
33175
+ switchView,
33176
+ order
33176
33177
  } = usePelcro();
33177
33178
  const {
33178
33179
  t
@@ -33185,6 +33186,39 @@ const OrderCreateModal = ({
33185
33186
  return switchView("order-confirm");
33186
33187
  };
33187
33188
 
33189
+ const showBackButton = Boolean(order);
33190
+
33191
+ const userHasPaymentMethod = () => {
33192
+ var _window$Pelcro$user$r, _window$Pelcro$user$r2;
33193
+
33194
+ const sources = (_window$Pelcro$user$r = (_window$Pelcro$user$r2 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.sources) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : [];
33195
+ return sources.length > 0;
33196
+ };
33197
+
33198
+ const userHasAddress = () => {
33199
+ var _window$Pelcro$user$r3, _window$Pelcro$user$r4;
33200
+
33201
+ const addresses = (_window$Pelcro$user$r3 = (_window$Pelcro$user$r4 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r4 === void 0 ? void 0 : _window$Pelcro$user$r4.addresses) !== null && _window$Pelcro$user$r3 !== void 0 ? _window$Pelcro$user$r3 : [];
33202
+ return addresses.length > 0;
33203
+ };
33204
+
33205
+ const isUserHasPaymentMethod = userHasPaymentMethod();
33206
+ const isUserHasAddress = userHasAddress();
33207
+
33208
+ const goBack = () => {
33209
+ if (order && isUserHasPaymentMethod) {
33210
+ return switchView("payment-method-select");
33211
+ }
33212
+
33213
+ if (order && isUserHasAddress) {
33214
+ return switchView("address-select");
33215
+ }
33216
+
33217
+ if (order) {
33218
+ return switchView("cart");
33219
+ }
33220
+ };
33221
+
33188
33222
  return /*#__PURE__*/React__default['default'].createElement(Modal, {
33189
33223
  id: "pelcro-order-create-modal",
33190
33224
  className: "plc-max-w-7xl",
@@ -33193,8 +33227,12 @@ const OrderCreateModal = ({
33193
33227
  onCloseModal: onClose
33194
33228
  }, /*#__PURE__*/React__default['default'].createElement("div", {
33195
33229
  className: "plc-text-left plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
33196
- }, /*#__PURE__*/React__default['default'].createElement("h4", {
33197
- className: "plc-text-xl plc-font-bold "
33230
+ }, showBackButton && /*#__PURE__*/React__default['default'].createElement("button", {
33231
+ type: "button",
33232
+ onClick: goBack,
33233
+ className: "plc-absolute plc-w-6 plc-text-gray-500 focus:plc-text-black plc-z-max plc-top-1/2 plc-left-6 plc-transform plc--translate-y-1/2 plc-border-0 hover:plc-text-black hover:plc-shadow-none plc-bg-transparent hover:plc-bg-transparent focus:plc-bg-transparent"
33234
+ }, /*#__PURE__*/React__default['default'].createElement(SvgArrowLeft, null)), /*#__PURE__*/React__default['default'].createElement("h4", {
33235
+ className: "plc-text-xl plc-font-bold plc-text-center"
33198
33236
  }, t("labels.checkout.title")))), /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement(OrderCreateView, Object.assign({}, otherProps, {
33199
33237
  onSuccess: onSuccess
33200
33238
  }))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null));
@@ -34241,7 +34279,8 @@ const AddressSelectModal = ({
34241
34279
  resetView,
34242
34280
  product,
34243
34281
  plan,
34244
- giftRecipient
34282
+ giftRecipient,
34283
+ order
34245
34284
  } = usePelcro();
34246
34285
  const {
34247
34286
  t
@@ -34273,11 +34312,15 @@ const AddressSelectModal = ({
34273
34312
  resetView();
34274
34313
  };
34275
34314
 
34276
- const showBackButton = Boolean(product && plan && !giftRecipient);
34315
+ const showBackButton = Boolean(product && plan && !giftRecipient || order);
34277
34316
 
34278
34317
  const goBack = () => {
34279
34318
  if (product && plan) {
34280
- switchView("plan-select");
34319
+ return switchView("plan-select");
34320
+ }
34321
+
34322
+ if (order) {
34323
+ return switchView("cart");
34281
34324
  }
34282
34325
  };
34283
34326
 
@@ -34665,7 +34708,7 @@ const PaymentMethodSelectModal = ({
34665
34708
  switchToCheckoutForm();
34666
34709
  };
34667
34710
 
34668
- const showBackButton = Boolean(product && plan && !giftRecipient);
34711
+ const showBackButton = Boolean(product && plan && !giftRecipient || order);
34669
34712
 
34670
34713
  const userHasAddress = () => {
34671
34714
  var _window$Pelcro$user$r, _window$Pelcro$user$r2;
@@ -34677,13 +34720,17 @@ const PaymentMethodSelectModal = ({
34677
34720
  const isUserHasAddress = userHasAddress();
34678
34721
 
34679
34722
  const goBack = () => {
34680
- if (product && plan && product.address_required && isUserHasAddress) {
34723
+ if ((product && plan && product.address_required || order) && isUserHasAddress) {
34681
34724
  return switchView("address-select");
34682
34725
  }
34683
34726
 
34684
34727
  if (product && plan) {
34685
34728
  return switchView("plan-select");
34686
34729
  }
34730
+
34731
+ if (order) {
34732
+ return switchView("cart");
34733
+ }
34687
34734
  };
34688
34735
 
34689
34736
  return /*#__PURE__*/React__default['default'].createElement(Modal, {
package/dist/index.esm.js CHANGED
@@ -33142,7 +33142,8 @@ const OrderCreateModal = ({
33142
33142
  ...otherProps
33143
33143
  }) => {
33144
33144
  const {
33145
- switchView
33145
+ switchView,
33146
+ order
33146
33147
  } = usePelcro();
33147
33148
  const {
33148
33149
  t
@@ -33155,6 +33156,39 @@ const OrderCreateModal = ({
33155
33156
  return switchView("order-confirm");
33156
33157
  };
33157
33158
 
33159
+ const showBackButton = Boolean(order);
33160
+
33161
+ const userHasPaymentMethod = () => {
33162
+ var _window$Pelcro$user$r, _window$Pelcro$user$r2;
33163
+
33164
+ const sources = (_window$Pelcro$user$r = (_window$Pelcro$user$r2 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.sources) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : [];
33165
+ return sources.length > 0;
33166
+ };
33167
+
33168
+ const userHasAddress = () => {
33169
+ var _window$Pelcro$user$r3, _window$Pelcro$user$r4;
33170
+
33171
+ const addresses = (_window$Pelcro$user$r3 = (_window$Pelcro$user$r4 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r4 === void 0 ? void 0 : _window$Pelcro$user$r4.addresses) !== null && _window$Pelcro$user$r3 !== void 0 ? _window$Pelcro$user$r3 : [];
33172
+ return addresses.length > 0;
33173
+ };
33174
+
33175
+ const isUserHasPaymentMethod = userHasPaymentMethod();
33176
+ const isUserHasAddress = userHasAddress();
33177
+
33178
+ const goBack = () => {
33179
+ if (order && isUserHasPaymentMethod) {
33180
+ return switchView("payment-method-select");
33181
+ }
33182
+
33183
+ if (order && isUserHasAddress) {
33184
+ return switchView("address-select");
33185
+ }
33186
+
33187
+ if (order) {
33188
+ return switchView("cart");
33189
+ }
33190
+ };
33191
+
33158
33192
  return /*#__PURE__*/React__default.createElement(Modal, {
33159
33193
  id: "pelcro-order-create-modal",
33160
33194
  className: "plc-max-w-7xl",
@@ -33163,8 +33197,12 @@ const OrderCreateModal = ({
33163
33197
  onCloseModal: onClose
33164
33198
  }, /*#__PURE__*/React__default.createElement("div", {
33165
33199
  className: "plc-text-left plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
33166
- }, /*#__PURE__*/React__default.createElement("h4", {
33167
- className: "plc-text-xl plc-font-bold "
33200
+ }, showBackButton && /*#__PURE__*/React__default.createElement("button", {
33201
+ type: "button",
33202
+ onClick: goBack,
33203
+ className: "plc-absolute plc-w-6 plc-text-gray-500 focus:plc-text-black plc-z-max plc-top-1/2 plc-left-6 plc-transform plc--translate-y-1/2 plc-border-0 hover:plc-text-black hover:plc-shadow-none plc-bg-transparent hover:plc-bg-transparent focus:plc-bg-transparent"
33204
+ }, /*#__PURE__*/React__default.createElement(SvgArrowLeft, null)), /*#__PURE__*/React__default.createElement("h4", {
33205
+ className: "plc-text-xl plc-font-bold plc-text-center"
33168
33206
  }, t("labels.checkout.title")))), /*#__PURE__*/React__default.createElement(ModalBody, null, /*#__PURE__*/React__default.createElement(OrderCreateView, Object.assign({}, otherProps, {
33169
33207
  onSuccess: onSuccess
33170
33208
  }))), /*#__PURE__*/React__default.createElement(ModalFooter, null));
@@ -34211,7 +34249,8 @@ const AddressSelectModal = ({
34211
34249
  resetView,
34212
34250
  product,
34213
34251
  plan,
34214
- giftRecipient
34252
+ giftRecipient,
34253
+ order
34215
34254
  } = usePelcro();
34216
34255
  const {
34217
34256
  t
@@ -34243,11 +34282,15 @@ const AddressSelectModal = ({
34243
34282
  resetView();
34244
34283
  };
34245
34284
 
34246
- const showBackButton = Boolean(product && plan && !giftRecipient);
34285
+ const showBackButton = Boolean(product && plan && !giftRecipient || order);
34247
34286
 
34248
34287
  const goBack = () => {
34249
34288
  if (product && plan) {
34250
- switchView("plan-select");
34289
+ return switchView("plan-select");
34290
+ }
34291
+
34292
+ if (order) {
34293
+ return switchView("cart");
34251
34294
  }
34252
34295
  };
34253
34296
 
@@ -34635,7 +34678,7 @@ const PaymentMethodSelectModal = ({
34635
34678
  switchToCheckoutForm();
34636
34679
  };
34637
34680
 
34638
- const showBackButton = Boolean(product && plan && !giftRecipient);
34681
+ const showBackButton = Boolean(product && plan && !giftRecipient || order);
34639
34682
 
34640
34683
  const userHasAddress = () => {
34641
34684
  var _window$Pelcro$user$r, _window$Pelcro$user$r2;
@@ -34647,13 +34690,17 @@ const PaymentMethodSelectModal = ({
34647
34690
  const isUserHasAddress = userHasAddress();
34648
34691
 
34649
34692
  const goBack = () => {
34650
- if (product && plan && product.address_required && isUserHasAddress) {
34693
+ if ((product && plan && product.address_required || order) && isUserHasAddress) {
34651
34694
  return switchView("address-select");
34652
34695
  }
34653
34696
 
34654
34697
  if (product && plan) {
34655
34698
  return switchView("plan-select");
34656
34699
  }
34700
+
34701
+ if (order) {
34702
+ return switchView("cart");
34703
+ }
34657
34704
  };
34658
34705
 
34659
34706
  return /*#__PURE__*/React__default.createElement(Modal, {
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.85",
4
+ "version": "4.0.0-alpha.86",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "main": "dist/index.cjs.js",