@searchspring/snap-platforms 0.56.4 → 0.56.6

package/dist/cjs/bigcommerce/src/addToCart.d.ts

@@ -3,6 +3,6 @@ type BigCommerceAddToCartConfig = {
     redirect?: boolean | string;
     idFieldName?: string;
 };
-export declare const addToCart: (items: Product[], config?: BigCommerceAddToCartConfig) => Promise<void>;
+export declare const addToCart: (items: Product[], config?: BigCommerceAddToCartConfig) => Promise<any>;
 export {};
 //# sourceMappingURL=addToCart.d.ts.map

package/dist/cjs/bigcommerce/src/addToCart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"addToCart.d.ts","sourceRoot":"","sources":["../../../../bigcommerce/src/addToCart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAE7D,KAAK,0BAA0B,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAWF,eAAO,MAAM,SAAS,UAAiB,OAAO,EAAE,WAAW,0BAA0B,kBAkDpF,CAAC"}
+{"version":3,"file":"addToCart.d.ts","sourceRoot":"","sources":["../../../../bigcommerce/src/addToCart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAE7D,KAAK,0BAA0B,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAQF,eAAO,MAAM,SAAS,UAAiB,OAAO,EAAE,WAAW,0BAA0B,iBA+DpF,CAAC"}

package/dist/cjs/bigcommerce/src/addToCart.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -49,7 +38,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addToCart = void 0;
 var addToCart = function (items, config) { return __awaiter(void 0, void 0, void 0, function () {
-    var formData, i;
+    var lineItems, addToCartResponse;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
@@ -57,21 +46,21 @@ var addToCart = function (items, config) { return __awaiter(void 0, void 0, void
                     console.error('Error: no products to add');
                     return [2 /*return*/];
                 }
-                formData = {
-                    line_items: [],
-                };
+                lineItems = [];
                 items.map(function (item) {
-                    var _a, _b, _c;
+                    var _a, _b, _c, _d, _e;
                     var id = (_c = (_b = (_a = item === null || item === void 0 ? void 0 : item.display) === null || _a === void 0 ? void 0 : _a.mappings) === null || _b === void 0 ? void 0 : _b.core) === null || _c === void 0 ? void 0 : _c.uid;
                     // try to find custom field in data
                     if (config === null || config === void 0 ? void 0 : config.idFieldName) {
                         var level_1 = item;
                         config.idFieldName.split('.').map(function (field) {
-                            if (level_1[field]) {
+                            if (level_1 && level_1[field]) {
                                 level_1 = level_1[field];
                             }
                             else {
-                                console.error('Error: couldnt find column in item data. please check your idFieldName is correct in the config.');
+                                console.error("Error: couldnt find column in item data. please verify 'idFieldName' in the config.");
+                                level_1 = undefined;
+                                id = undefined;
                                 return;
                             }
                         });
@@ -80,77 +69,112 @@ var addToCart = function (items, config) { return __awaiter(void 0, void 0, void
                         }
                     }
                     if (id && item.quantity) {
-                        var obj = {
+                        var productDetails_1 = {
                             product_id: id,
                             quantity: item.quantity,
                         };
-                        formData.line_items.push(obj);
+                        var options_1 = (_e = (_d = item.variants) === null || _d === void 0 ? void 0 : _d.active) === null || _e === void 0 ? void 0 : _e.options;
+                        if (options_1) {
+                            productDetails_1.optionSelections = [];
+                            Object.keys(options_1).forEach(function (option) {
+                                var _a;
+                                var optionId = options_1[option].optionId;
+                                var optionValue = options_1[option].optionValue;
+                                if (optionId && optionValue) {
+                                    (_a = productDetails_1.optionSelections) === null || _a === void 0 ? void 0 : _a.push({ optionId: optionId, optionValue: optionValue });
+                                }
+                            });
+                        }
+                        lineItems.push(productDetails_1);
                     }
                 });
-                if (!formData.line_items.length) return [3 /*break*/, 4];
-                i = 0;
-                _a.label = 1;
+                if (!lineItems.length) return [3 /*break*/, 2];
+                return [4 /*yield*/, addLineItemsToCart(lineItems)];
             case 1:
-                if (!(i < formData.line_items.length)) return [3 /*break*/, 4];
-                return [4 /*yield*/, addSingleProductv1(formData.line_items[i])];
-            case 2:
-                _a.sent();
-                _a.label = 3;
-            case 3:
-                i++;
-                return [3 /*break*/, 1];
-            case 4:
+                addToCartResponse = _a.sent();
                 // do redirect (or not)
                 if ((config === null || config === void 0 ? void 0 : config.redirect) !== false) {
                     setTimeout(function () { return (window.location.href = typeof (config === null || config === void 0 ? void 0 : config.redirect) == 'string' ? config === null || config === void 0 ? void 0 : config.redirect : '/cart.php'); });
                 }
-                return [2 /*return*/];
+                return [2 /*return*/, addToCartResponse];
+            case 2: return [2 /*return*/];
         }
     });
 }); };
 exports.addToCart = addToCart;
-var addSingleProductv1 = function (item) { return __awaiter(void 0, void 0, void 0, function () {
-    var endpoint, payload, init, response, err_1;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                if (!item) {
-                    console.error('Error: no product to add');
-                    return [2 /*return*/];
-                }
-                endpoint = {
-                    route: "/remote/v1/cart/add",
-                    method: 'POST',
-                    accept: 'application/json',
-                    content: 'application/json',
-                    success: 200,
-                };
-                _a.label = 1;
-            case 1:
-                _a.trys.push([1, 3, , 4]);
-                payload = JSON.stringify(__assign(__assign({}, item), { action: 'add' }));
-                init = {
-                    method: endpoint.method,
-                    credentials: 'same-origin',
-                    headers: {
-                        // note: no authorization
-                        Accept: endpoint.accept,
-                        'Content-Type': endpoint.content,
-                    },
-                    body: payload,
-                };
-                return [4 /*yield*/, fetch(endpoint.route, init)];
-            case 2:
-                response = _a.sent();
-                if (response.status !== endpoint.success) {
-                    throw new Error("Error: addToCart responded with ".concat(response.status, ", ").concat(response));
-                }
-                return [3 /*break*/, 4];
-            case 3:
-                err_1 = _a.sent();
-                console.error(err_1);
-                return [3 /*break*/, 4];
-            case 4: return [2 /*return*/];
-        }
+function addLineItemsToCart(lineItems) {
+    return __awaiter(this, void 0, void 0, function () {
+        var cartId, addToCartUrl, body, response, responseData, err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 4, , 5]);
+                    return [4 /*yield*/, getExistingCartId()];
+                case 1:
+                    cartId = _a.sent();
+                    addToCartUrl = '/api/storefront/carts';
+                    if (cartId) {
+                        addToCartUrl = "/api/storefront/carts/".concat(cartId, "/items");
+                    }
+                    body = JSON.stringify({ lineItems: lineItems });
+                    return [4 /*yield*/, fetch(addToCartUrl, {
+                            method: 'POST',
+                            headers: {
+                                Accept: 'application/json',
+                                'Content-Type': 'application/json',
+                            },
+                            body: body,
+                        })];
+                case 2:
+                    response = _a.sent();
+                    if (response.status !== 200) {
+                        throw new Error("API rejected addToCart: ".concat(response.status));
+                    }
+                    return [4 /*yield*/, response.json()];
+                case 3:
+                    responseData = _a.sent();
+                    if (responseData === null || responseData === void 0 ? void 0 : responseData.id) {
+                        // cart Id should exist now.
+                        return [2 /*return*/, responseData];
+                    }
+                    return [3 /*break*/, 5];
+                case 4:
+                    err_1 = _a.sent();
+                    console.error("Error: could not add to cart.", err_1);
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
+            }
+        });
     });
-}); };
+}
+function getExistingCartId() {
+    return __awaiter(this, void 0, void 0, function () {
+        var response, responseData, err_2;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 3, , 4]);
+                    return [4 /*yield*/, fetch('/api/storefront/carts', {
+                            method: 'GET',
+                            headers: {
+                                Accept: 'application/json',
+                                'Content-Type': 'application/json',
+                            },
+                        })];
+                case 1:
+                    response = _a.sent();
+                    return [4 /*yield*/, response.json()];
+                case 2:
+                    responseData = _a.sent();
+                    if (Array.isArray(responseData) && responseData.length) {
+                        return [2 /*return*/, responseData[0].id];
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    err_2 = _a.sent();
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    });
+}

package/dist/esm/bigcommerce/src/addToCart.d.ts

@@ -3,6 +3,6 @@ type BigCommerceAddToCartConfig = {
     redirect?: boolean | string;
     idFieldName?: string;
 };
-export declare const addToCart: (items: Product[], config?: BigCommerceAddToCartConfig) => Promise<void>;
+export declare const addToCart: (items: Product[], config?: BigCommerceAddToCartConfig) => Promise<any>;
 export {};
 //# sourceMappingURL=addToCart.d.ts.map

package/dist/esm/bigcommerce/src/addToCart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"addToCart.d.ts","sourceRoot":"","sources":["../../../../bigcommerce/src/addToCart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAE7D,KAAK,0BAA0B,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAWF,eAAO,MAAM,SAAS,UAAiB,OAAO,EAAE,WAAW,0BAA0B,kBAkDpF,CAAC"}
+{"version":3,"file":"addToCart.d.ts","sourceRoot":"","sources":["../../../../bigcommerce/src/addToCart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAE7D,KAAK,0BAA0B,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAQF,eAAO,MAAM,SAAS,UAAiB,OAAO,EAAE,WAAW,0BAA0B,iBA+DpF,CAAC"}

package/dist/esm/bigcommerce/src/addToCart.js

@@ -3,20 +3,20 @@ export const addToCart = async (items, config) => {
         console.error('Error: no products to add');
         return;
     }
-    const formData = {
-        line_items: [],
-    };
+    const lineItems = [];
     items.map((item) => {
         let id = item?.display?.mappings?.core?.uid;
         // try to find custom field in data
         if (config?.idFieldName) {
             let level = item;
             config.idFieldName.split('.').map((field) => {
-                if (level[field]) {
+                if (level && level[field]) {
                     level = level[field];
                 }
                 else {
-                    console.error('Error: couldnt find column in item data. please check your idFieldName is correct in the config.');
+                    console.error(`Error: couldnt find column in item data. please verify 'idFieldName' in the config.`);
+                    level = undefined;
+                    id = undefined;
                     return;
                 }
             });
@@ -25,57 +25,78 @@ export const addToCart = async (items, config) => {
             }
         }
         if (id && item.quantity) {
-            const obj = {
+            const productDetails = {
                 product_id: id,
                 quantity: item.quantity,
             };
-            formData.line_items.push(obj);
+            const options = item.variants?.active?.options;
+            if (options) {
+                productDetails.optionSelections = [];
+                Object.keys(options).forEach((option) => {
+                    const optionId = options[option].optionId;
+                    const optionValue = options[option].optionValue;
+                    if (optionId && optionValue) {
+                        productDetails.optionSelections?.push({ optionId, optionValue });
+                    }
+                });
+            }
+            lineItems.push(productDetails);
         }
     });
-    // first check how many products we are adding
-    if (formData.line_items.length) {
-        for (let i = 0; i < formData.line_items.length; i++) {
-            await addSingleProductv1(formData.line_items[i]);
+    if (lineItems.length) {
+        const addToCartResponse = await addLineItemsToCart(lineItems);
+        // do redirect (or not)
+        if (config?.redirect !== false) {
+            setTimeout(() => (window.location.href = typeof config?.redirect == 'string' ? config?.redirect : '/cart.php'));
         }
-    }
-    // do redirect (or not)
-    if (config?.redirect !== false) {
-        setTimeout(() => (window.location.href = typeof config?.redirect == 'string' ? config?.redirect : '/cart.php'));
+        return addToCartResponse;
     }
 };
-const addSingleProductv1 = async (item) => {
-    if (!item) {
-        console.error('Error: no product to add');
-        return;
-    }
-    const endpoint = {
-        route: `/remote/v1/cart/add`,
-        method: 'POST',
-        accept: 'application/json',
-        content: 'application/json',
-        success: 200,
-    };
+async function addLineItemsToCart(lineItems) {
     try {
-        const payload = JSON.stringify({
-            ...item,
-            action: 'add',
+        const cartId = await getExistingCartId();
+        // if existing cartId use it, otherwise create new cart with items
+        let addToCartUrl = '/api/storefront/carts';
+        if (cartId) {
+            addToCartUrl = `/api/storefront/carts/${cartId}/items`;
+        }
+        const body = JSON.stringify({ lineItems });
+        const response = await fetch(addToCartUrl, {
+            method: 'POST',
+            headers: {
+                Accept: 'application/json',
+                'Content-Type': 'application/json',
+            },
+            body,
         });
-        const init = {
-            method: endpoint.method,
-            credentials: 'same-origin',
+        if (response.status !== 200) {
+            throw new Error(`API rejected addToCart: ${response.status}`);
+        }
+        const responseData = await response.json();
+        if (responseData?.id) {
+            // cart Id should exist now.
+            return responseData;
+        }
+    }
+    catch (err) {
+        console.error(`Error: could not add to cart.`, err);
+    }
+}
+async function getExistingCartId() {
+    try {
+        const response = await fetch('/api/storefront/carts', {
+            method: 'GET',
             headers: {
-                // note: no authorization
-                Accept: endpoint.accept,
-                'Content-Type': endpoint.content,
+                Accept: 'application/json',
+                'Content-Type': 'application/json',
             },
-            body: payload,
-        };
-        const response = await fetch(endpoint.route, init);
-        if (response.status !== endpoint.success) {
-            throw new Error(`Error: addToCart responded with ${response.status}, ${response}`);
+        });
+        const responseData = await response.json();
+        if (Array.isArray(responseData) && responseData.length) {
+            return responseData[0].id;
         }
     }
     catch (err) {
-        console.error(err);
+        // error...
     }
-};
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@searchspring/snap-platforms",
-	"version": "0.56.4",
+	"version": "0.56.6",
 	"description": "Snap Platforms Library",
 	"author": "Searchspring",
 	"license": "MIT",
@@ -18,10 +18,10 @@
 		"test:watch": "jest --watch"
 	},
 	"dependencies": {
-		"@searchspring/snap-toolbox": "^0.56.4"
+		"@searchspring/snap-toolbox": "^0.56.6"
 	},
 	"devDependencies": {
-		"@searchspring/snap-store-mobx": "^0.56.4"
+		"@searchspring/snap-store-mobx": "^0.56.6"
 	},
 	"sideEffects": false,
 	"files": [
@@ -44,5 +44,5 @@
 			"require": "./dist/cjs/bigcommerce/src/index.js"
 		}
 	},
-	"gitHead": "7321bec220286736c9fae5c2810cb26452894a04"
+	"gitHead": "6ce15ae24b23acedd8f5970e3d34a0bfa977c11e"
 }