merchi_cart 1.4.3 → 1.4.5

package/esm/CartProvider.js

@@ -31,6 +31,7 @@ import { makeJob } from './utilities/job';
 import { makeProduct } from './utilities/product';
 import { getSavedCheckoutCustomer, saveCheckoutAddress } from './utilities/local_storage';
 import { makeUser } from './utilities/user';
+import { persistTestCheckoutFlag, readTestCheckoutFlag } from './utilities/test_checkout';
 import { jsx as _jsx } from "react/jsx-runtime";
 var CartContext = /*#__PURE__*/createContext({
   cart: {},
@@ -230,9 +231,9 @@ var CartProvider = function CartProvider(_ref) {
     _ref$classNameCartTog = _ref.classNameCartToggleIconButton,
     classNameCartToggleIconButton = _ref$classNameCartTog === void 0 ? 'cart-icon-button-class' : _ref$classNameCartTog,
     _ref$classNameCartGoo = _ref.classNameCartGoogleSuggestList,
-    classNameCartGoogleSuggestList = _ref$classNameCartGoo === void 0 ? 'list-group m-b-0' : _ref$classNameCartGoo,
+    classNameCartGoogleSuggestList = _ref$classNameCartGoo === void 0 ? 'merchi-cart-google-suggest-list' : _ref$classNameCartGoo,
     _ref$classNameCartGoo2 = _ref.classNameCartGoogleSuggestListItem,
-    classNameCartGoogleSuggestListItem = _ref$classNameCartGoo2 === void 0 ? 'list-group-item cursor-pointer' : _ref$classNameCartGoo2,
+    classNameCartGoogleSuggestListItem = _ref$classNameCartGoo2 === void 0 ? 'merchi-cart-google-suggest-list-item' : _ref$classNameCartGoo2,
     _ref$classNameCartHea = _ref.classNameCartHeader,
     classNameCartHeader = _ref$classNameCartHea === void 0 ? 'merchi-cart-header' : _ref$classNameCartHea,
     _ref$classNameCartIte = _ref.classNameCartItemFeatureImage,
@@ -317,6 +318,8 @@ var CartProvider = function CartProvider(_ref) {
     discountShowAppliedItems = _ref$discountShowAppl === void 0 ? true : _ref$discountShowAppl,
     _ref$showDiscountCode = _ref.showDiscountCode,
     showDiscountCode = _ref$showDiscountCode === void 0 ? true : _ref$showDiscountCode,
+    _ref$googlePlacesLoad = _ref.googlePlacesLoaded,
+    googlePlacesLoaded = _ref$googlePlacesLoad === void 0 ? false : _ref$googlePlacesLoad,
     _ref$hideHead = _ref.hideHead,
     hideHead = _ref$hideHead === void 0 ? false : _ref$hideHead,
     _ref$includeTheme = _ref.includeTheme,
@@ -377,32 +380,20 @@ var CartProvider = function CartProvider(_ref) {
     });
     setActiveTabIndex(tabId);
   }
-  var _useState11 = useState(false),
+  var _useState11 = useState({}),
     _useState12 = _slicedToArray(_useState11, 2),
-    googlePlacesLoaded = _useState12[0],
-    setGoogleMapsLoaded = _useState12[1];
-  // Persistent callback setup
-  if (typeof window !== 'undefined') {
-    if (!window.googleMapsScriptLoaded) {
-      window.googleMapsScriptLoaded = function () {
-        setGoogleMapsLoaded(true);
-      };
-    }
-  }
-  var _useState13 = useState({}),
-    _useState14 = _slicedToArray(_useState13, 2),
-    cartItem = _useState14[0],
-    setCartItem = _useState14[1];
-  var _useState15 = useState({
+    cartItem = _useState12[0],
+    setCartItem = _useState12[1];
+  var _useState13 = useState({
       icon: faInfoCircle,
       message: '',
       show: false,
       title: '',
       type: 'info'
     }),
-    _useState16 = _slicedToArray(_useState15, 2),
-    alert = _useState16[0],
-    setAlert = _useState16[1];
+    _useState14 = _slicedToArray(_useState13, 2),
+    alert = _useState14[0],
+    setAlert = _useState14[1];
   function alertSuccess(message) {
     setAlert({
       icon: faCheckCircle,
@@ -424,14 +415,14 @@ var CartProvider = function CartProvider(_ref) {
   function closeClearCart() {
     setActiveTabIndex(tabIdItems);
   }
+  var _useState15 = useState(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    fetchingCart = _useState16[0],
+    setFetchingCart = _useState16[1];
   var _useState17 = useState(false),
     _useState18 = _slicedToArray(_useState17, 2),
-    fetchingCart = _useState18[0],
-    setFetchingCart = _useState18[1];
-  var _useState19 = useState(false),
-    _useState20 = _slicedToArray(_useState19, 2),
-    cartSettingsInvalid = _useState20[0],
-    setCartSettingsInvalid = _useState20[1];
+    cartSettingsInvalid = _useState18[0],
+    setCartSettingsInvalid = _useState18[1];
   function attachSavedClientIfNeeded(_x) {
     return _attachSavedClientIfNeeded.apply(this, arguments);
   } // Create cart and save cart cookie
@@ -509,48 +500,66 @@ var CartProvider = function CartProvider(_ref) {
   }
   function _createCartAndCookie() {
     _createCartAndCookie = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(callback) {
-      var _cart, _cartJson;
+      var isTest, _cart, created, _cartJson;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             setFetchingCart(true);
             _context2.prev = 1;
+            isTest = readTestCheckoutFlag();
             _cart = makeCart({
               domain: {
                 id: domainId
-              }
+              },
+              isTest: isTest
             }, true);
-            _context2.next = 5;
+            if (!isTest) {
+              _context2.next = 11;
+              break;
+            }
+            _context2.next = 7;
+            return merchi.authenticatedFetch('/carts/', {
+              method: 'POST',
+              body: _cart.toFormData(),
+              query: [['embed', JSON.stringify(cartEmbed)], ['skip_rights', 'y'], ['is_test', 'true']]
+            });
+          case 7:
+            created = _context2.sent;
+            _cart.fromJson(created.cart);
+            _context2.next = 13;
+            break;
+          case 11:
+            _context2.next = 13;
             return _cart.create({
               embed: cartEmbed
             });
-          case 5:
-            _context2.next = 7;
+          case 13:
+            _context2.next = 15;
             return _cart.toJson();
-          case 7:
+          case 15:
             _cartJson = _context2.sent;
-            if (domainId) setCartCookie(Number(domainId), _cartJson, undefined);
-            _context2.next = 11;
+            if (domainId) setCartCookie(Number(domainId), _cartJson, undefined, isTest);
+            _context2.next = 19;
             return attachSavedClientIfNeeded(_cartJson);
-          case 11:
+          case 19:
             _cartJson = _context2.sent;
             setCart(_objectSpread({}, _cartJson));
             if (callback) callback();
-            _context2.next = 19;
+            _context2.next = 27;
             break;
-          case 16:
-            _context2.prev = 16;
+          case 24:
+            _context2.prev = 24;
             _context2.t0 = _context2["catch"](1);
             alertError(_context2.t0.errorMessage || _context2.t0.message || 'Unable to fetch cart.');
-          case 19:
-            _context2.prev = 19;
+          case 27:
+            _context2.prev = 27;
             setFetchingCart(false);
-            return _context2.finish(19);
-          case 22:
+            return _context2.finish(27);
+          case 30:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[1, 16, 19, 22]]);
+      }, _callee2, null, [[1, 24, 27, 30]]);
     }));
     return _createCartAndCookie.apply(this, arguments);
   }
@@ -559,7 +568,7 @@ var CartProvider = function CartProvider(_ref) {
   }
   function _getCart() {
     _getCart = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(cartIdAndToken) {
-      var id, _cart2, _cartJson2;
+      var id, _cart2, _cartJson2, isTest;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -577,37 +586,47 @@ var CartProvider = function CartProvider(_ref) {
             return _cart2.toJson();
           case 9:
             _cartJson2 = _context3.sent;
-            if (!stripeIsValidAndActive(_cartJson2)) {
-              _context3.next = 17;
+            isTest = readTestCheckoutFlag();
+            if (!(Boolean(_cartJson2.isTest) !== isTest)) {
+              _context3.next = 15;
               break;
             }
-            _context3.next = 13;
+            _context3.next = 14;
+            return createCartAndCookie();
+          case 14:
+            return _context3.abrupt("return");
+          case 15:
+            if (!(stripeIsValidAndActive(_cartJson2) || isTest)) {
+              _context3.next = 22;
+              break;
+            }
+            _context3.next = 18;
             return attachSavedClientIfNeeded(_cartJson2);
-          case 13:
+          case 18:
             _cartJson2 = _context3.sent;
             setCart(_objectSpread({}, _cartJson2));
-            _context3.next = 19;
+            _context3.next = 24;
             break;
-          case 17:
+          case 22:
             console.error("MErhci cart error: Stripe payment " + "options have not been correctly set up. " + "Check the company profile payment options tab " + "to set and edit stripe payment options.");
             setCartSettingsInvalid(true);
-          case 19:
-            _context3.next = 25;
+          case 24:
+            _context3.next = 30;
             break;
-          case 21:
-            _context3.prev = 21;
+          case 26:
+            _context3.prev = 26;
             _context3.t0 = _context3["catch"](3);
-            _context3.next = 25;
+            _context3.next = 30;
             return createCartAndCookie();
-          case 25:
-            _context3.prev = 25;
+          case 30:
+            _context3.prev = 30;
             setFetchingCart(false);
-            return _context3.finish(25);
-          case 28:
+            return _context3.finish(30);
+          case 33:
           case "end":
             return _context3.stop();
         }
-      }, _callee3, null, [[3, 21, 25, 28]]);
+      }, _callee3, null, [[3, 26, 30, 33]]);
     }));
     return _getCart.apply(this, arguments);
   }
@@ -658,10 +677,10 @@ var CartProvider = function CartProvider(_ref) {
     }));
     return _clearCart.apply(this, arguments);
   }
-  var _useState21 = useState(false),
-    _useState22 = _slicedToArray(_useState21, 2),
-    fetchingShipmentGroups = _useState22[0],
-    setFetchingShipmentGroups = _useState22[1];
+  var _useState19 = useState(false),
+    _useState20 = _slicedToArray(_useState19, 2),
+    fetchingShipmentGroups = _useState20[0],
+    setFetchingShipmentGroups = _useState20[1];
   function updateCartShipmentAddress(_x5) {
     return _updateCartShipmentAddress.apply(this, arguments);
   }
@@ -804,10 +823,10 @@ var CartProvider = function CartProvider(_ref) {
     }));
     return _isMerchiCartFetching.apply(this, arguments);
   }
-  var _useState23 = useState(false),
-    _useState24 = _slicedToArray(_useState23, 2),
-    loading = _useState24[0],
-    setLoading = _useState24[1];
+  var _useState21 = useState(false),
+    _useState22 = _slicedToArray(_useState21, 2),
+    loading = _useState22[0],
+    setLoading = _useState22[1];
 
   // Fetch the associated cart theme via the cart domain.
   function actionFetchTheme() {
@@ -890,14 +909,14 @@ var CartProvider = function CartProvider(_ref) {
     }));
     return _refetchCart.apply(this, arguments);
   }
-  var _useState25 = useState({}),
+  var _useState23 = useState({}),
+    _useState24 = _slicedToArray(_useState23, 2),
+    invoiceJson = _useState24[0],
+    setInvoiceJson = _useState24[1];
+  var _useState25 = useState(false),
     _useState26 = _slicedToArray(_useState25, 2),
-    invoiceJson = _useState26[0],
-    setInvoiceJson = _useState26[1];
-  var _useState27 = useState(false),
-    _useState28 = _slicedToArray(_useState27, 2),
-    loadingTotals = _useState28[0],
-    setLoadingTotals = _useState28[1];
+    loadingTotals = _useState26[0],
+    setLoadingTotals = _useState26[1];
   function addCartItem(_x6, _x7, _x8) {
     return _addCartItem.apply(this, arguments);
   }
@@ -984,6 +1003,7 @@ var CartProvider = function CartProvider(_ref) {
     window.createCartAndCookie = createCartAndCookie;
   }
   useEffect(function () {
+    persistTestCheckoutFlag();
     if (domainId) actionGetMerchiCart();
     if (domainId && includeTheme) actionFetchTheme();
   }, [domainId]);