@open-tender/store 1.1.151 → 1.1.152

package/dist/cjs/components/CartUpsellItem.js

@@ -1,16 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var utils_1 = require("@open-tender/utils");
+var react_1 = require("react");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var CartUpsellItem = function (_a) {
     var item = _a.item, callback = _a.callback, isLast = _a.isLast, children = _a.children;
     var dispatch = (0, hooks_1.useAppDispatch)();
+    var _b = (0, react_1.useState)(false), hasSize = _b[0], setHasSize = _b[1];
     var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).cartUpsellItem;
     var display_cals = (0, hooks_1.useAppSelector)(slices_1.selectStoreSettings).display_cals;
-    var builtItem = (0, utils_1.useBuilder)(item).item;
+    var _c = (0, utils_1.useBuilder)(item), builtItem = _c.item, toggleOption = _c.toggleOption;
     var quantity = builtItem.quantity, groups = builtItem.groups;
+    var sizeGroup = groups === null || groups === void 0 ? void 0 : groups.find(function (i) { return i.isSize; });
     var groupsBelowMin = (0, utils_1.hasGroupsBelowMin)(null, groups);
     var isIncomplete = "".concat(quantity) === '' || quantity === 0 || groupsBelowMin;
     var add = function () {
@@ -20,14 +23,31 @@ var CartUpsellItem = function (_a) {
                 callback();
         }
     };
-    var handlers = { add: add };
+    var addSize = function (optionId) {
+        if (sizeGroup) {
+            toggleOption([[sizeGroup.id, optionId]]);
+            setHasSize(true);
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        if (hasSize && !isIncomplete) {
+            dispatch((0, slices_1.addItemToCart)(builtItem));
+            dispatch((0, slices_1.showNotification)("".concat(builtItem.name, " added to cart!")));
+            if (callback)
+                callback();
+        }
+    }, [hasSize, isIncomplete, builtItem, callback, dispatch]);
+    var handlers = { add: add, addSize: addSize };
+    if (isIncomplete && !sizeGroup)
+        return null;
     return children({
         config: config,
         handlers: handlers,
         item: item,
         isLast: isLast,
         apiUrl: apiUrl,
-        displayCals: display_cals
+        displayCals: display_cals,
+        sizeGroup: sizeGroup
     });
 };
 exports.default = CartUpsellItem;

package/dist/esm/components/CartUpsellItem.js

@@ -1,14 +1,17 @@
 import { hasGroupsBelowMin, useBuilder } from '@open-tender/utils';
+import { useEffect, useState } from 'react';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
-import { addItemToCart, selectKioskApi, selectKioskConfig, selectStoreSettings } from '../slices';
+import { addItemToCart, selectKioskApi, selectKioskConfig, selectStoreSettings, showNotification } from '../slices';
 var CartUpsellItem = function (_a) {
     var item = _a.item, callback = _a.callback, isLast = _a.isLast, children = _a.children;
     var dispatch = useAppDispatch();
+    var _b = useState(false), hasSize = _b[0], setHasSize = _b[1];
     var apiUrl = useAppSelector(selectKioskApi);
     var config = useAppSelector(selectKioskConfig).cartUpsellItem;
     var display_cals = useAppSelector(selectStoreSettings).display_cals;
-    var builtItem = useBuilder(item).item;
+    var _c = useBuilder(item), builtItem = _c.item, toggleOption = _c.toggleOption;
     var quantity = builtItem.quantity, groups = builtItem.groups;
+    var sizeGroup = groups === null || groups === void 0 ? void 0 : groups.find(function (i) { return i.isSize; });
     var groupsBelowMin = hasGroupsBelowMin(null, groups);
     var isIncomplete = "".concat(quantity) === '' || quantity === 0 || groupsBelowMin;
     var add = function () {
@@ -18,14 +21,31 @@ var CartUpsellItem = function (_a) {
                 callback();
         }
     };
-    var handlers = { add: add };
+    var addSize = function (optionId) {
+        if (sizeGroup) {
+            toggleOption([[sizeGroup.id, optionId]]);
+            setHasSize(true);
+        }
+    };
+    useEffect(function () {
+        if (hasSize && !isIncomplete) {
+            dispatch(addItemToCart(builtItem));
+            dispatch(showNotification("".concat(builtItem.name, " added to cart!")));
+            if (callback)
+                callback();
+        }
+    }, [hasSize, isIncomplete, builtItem, callback, dispatch]);
+    var handlers = { add: add, addSize: addSize };
+    if (isIncomplete && !sizeGroup)
+        return null;
     return children({
         config: config,
         handlers: handlers,
         item: item,
         isLast: isLast,
         apiUrl: apiUrl,
-        displayCals: display_cals
+        displayCals: display_cals,
+        sizeGroup: sizeGroup
     });
 };
 export default CartUpsellItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "1.1.151",
+  "version": "1.1.152",
   "description": "A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -62,8 +62,8 @@
   "peerDependencies": {
     "@emotion/react": "^11.11.1",
     "@open-tender/types": "^0.4.67",
-    "@open-tender/ui": "^0.3.102",
-    "@open-tender/utils": "^0.4.39",
+    "@open-tender/ui": "^0.3.103",
+    "@open-tender/utils": "^0.4.40",
     "@reduxjs/toolkit": "^2.0.1",
     "date-fns": "2.30.0",
     "date-fns-tz": "^2.0.0",