@open-tender/store 1.1.151 → 1.1.153

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/cjs/components/SignInOptionsModal.d.ts

@@ -1,13 +1,14 @@
-import { ErrorMessageProps, KeypadProps, SignInOptionsModalProps, SignInPhoneProps, SignInQrProps } from '@open-tender/ui';
+import { ErrorMessageProps, KeypadProps, SignInOptionsModalProps, SignInPhoneProps, SignInQrProps, SignUpProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
 import { ScanListener } from '../hooks/types';
-declare const SignInOptionsModal: ({ listener, cameraScanner, close, children, SignInQrView, SignInPhoneView, KeypadView, ErrorMessageView, imageUrl }: {
+declare const SignInOptionsModal: ({ listener, cameraScanner, close, children, SignInQrView, SignInPhoneView, SignUpView, KeypadView, ErrorMessageView, imageUrl }: {
     listener: ScanListener;
     cameraScanner: ScanListener;
     close: () => void;
     children: (props: SignInOptionsModalProps) => ReactNode;
     SignInQrView: (props: SignInQrProps) => ReactNode;
     SignInPhoneView: (props: SignInPhoneProps) => ReactNode;
+    SignUpView: (props: SignUpProps) => ReactNode;
     KeypadView: (props: KeypadProps) => ReactNode;
     ErrorMessageView: (props: ErrorMessageProps) => ReactNode;
     imageUrl?: string | null;

package/dist/cjs/components/SignInOptionsModal.js

@@ -7,7 +7,7 @@ var slices_1 = require("../slices");
 var SignInPhone_1 = tslib_1.__importDefault(require("./SignInPhone"));
 var SignInQr_1 = tslib_1.__importDefault(require("./SignInQr"));
 var SignInOptionsModal = function (_a) {
-    var listener = _a.listener, cameraScanner = _a.cameraScanner, close = _a.close, children = _a.children, SignInQrView = _a.SignInQrView, SignInPhoneView = _a.SignInPhoneView, KeypadView = _a.KeypadView, ErrorMessageView = _a.ErrorMessageView, imageUrl = _a.imageUrl;
+    var listener = _a.listener, cameraScanner = _a.cameraScanner, close = _a.close, children = _a.children, SignInQrView = _a.SignInQrView, SignInPhoneView = _a.SignInPhoneView, SignUpView = _a.SignUpView, KeypadView = _a.KeypadView, ErrorMessageView = _a.ErrorMessageView, imageUrl = _a.imageUrl;
     var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.signInOptions, modalContentConfig = _b.modalContent;
     var _c = (0, react_1.useState)(null), signInType = _c[0], setSignInType = _c[1];
     var terminal = (0, hooks_1.useAppSelector)(slices_1.selectKioskTerminal);
@@ -19,7 +19,7 @@ var SignInOptionsModal = function (_a) {
             setSignInType('PHONE');
     }, [hasScanner]);
     var renderSignInQr = (0, react_1.useCallback)(function (close) { return (react_1.default.createElement(SignInQr_1.default, { listener: listener, cameraScanner: cameraScanner, close: close, children: SignInQrView, type: scannerType, imageUrl: imageUrl })); }, [SignInQrView, cameraScanner, listener, scannerType, imageUrl]);
-    var renderSignInPhone = (0, react_1.useCallback)(function (close) { return (react_1.default.createElement(SignInPhone_1.default, { ErrorMessageView: ErrorMessageView, KeypadView: KeypadView, close: close, children: SignInPhoneView })); }, [SignInPhoneView, KeypadView, ErrorMessageView]);
+    var renderSignInPhone = (0, react_1.useCallback)(function (close) { return (react_1.default.createElement(SignInPhone_1.default, { ErrorMessageView: ErrorMessageView, KeypadView: KeypadView, SignUpView: SignUpView, close: close, children: SignInPhoneView })); }, [SignInPhoneView, KeypadView, SignUpView, ErrorMessageView]);
     if (!config)
         return null;
     return children({

package/dist/cjs/components/SignInPhone.d.ts

@@ -1,10 +1,11 @@
-import { SignInPhoneProps, ErrorMessageProps, KeypadProps } from '@open-tender/ui';
+import { ErrorMessageProps, KeypadProps, SignInPhoneProps, SignUpProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const SignInPhone: ({ close, callback, children, KeypadView, ErrorMessageView }: {
+declare const SignInPhone: ({ close, callback, children, KeypadView, SignUpView, ErrorMessageView }: {
     close: () => void;
     callback?: () => void;
     children: (props: SignInPhoneProps) => ReactNode;
     KeypadView: (props: KeypadProps) => ReactNode;
+    SignUpView: (props: SignUpProps) => ReactNode;
     ErrorMessageView: (props: ErrorMessageProps) => ReactNode;
 }) => React.ReactNode;
 export default SignInPhone;

package/dist/cjs/components/SignInPhone.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var ui_1 = require("@open-tender/ui");
 var utils_1 = require("@open-tender/utils");
 var react_1 = tslib_1.__importStar(require("react"));
 var hooks_1 = require("../app/hooks");
@@ -11,7 +10,7 @@ var ErrorMessage_1 = tslib_1.__importDefault(require("./ErrorMessage"));
 var Keypad_1 = tslib_1.__importDefault(require("./Keypad"));
 var SignUp_1 = tslib_1.__importDefault(require("./SignUp"));
 var SignInPhone = function (_a) {
-    var close = _a.close, callback = _a.callback, children = _a.children, KeypadView = _a.KeypadView, ErrorMessageView = _a.ErrorMessageView;
+    var close = _a.close, callback = _a.callback, children = _a.children, KeypadView = _a.KeypadView, SignUpView = _a.SignUpView, ErrorMessageView = _a.ErrorMessageView;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var _b = (0, react_1.useState)(''), phone = _b[0], setPhone = _b[1];
     var _c = (0, react_1.useState)(false), submitted = _c[0], setSubmitted = _c[1];
@@ -52,7 +51,7 @@ var SignInPhone = function (_a) {
     }); }, []);
     var renderKeypad = (0, react_1.useCallback)(function () { return (react_1.default.createElement(Keypad_1.default, { type: "numeric", handlers: keypadHandlers, value: phone, children: KeypadView })); }, [KeypadView, phone, keypadHandlers]);
     var renderErrorMessage = (0, react_1.useCallback)(function (errMsg) { return (react_1.default.createElement(ErrorMessage_1.default, { content: errMsg, children: ErrorMessageView })); }, [ErrorMessageView]);
-    var renderSignUp = (0, react_1.useCallback)(function () { return react_1.default.createElement(SignUp_1.default, { children: ui_1.SignUp }); }, []);
+    var renderSignUp = (0, react_1.useCallback)(function () { return react_1.default.createElement(SignUp_1.default, { children: SignUpView }); }, [SignUpView]);
     (0, react_1.useEffect)(function () {
         if (errMsg) {
             setShowSignUp(true);

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/dist/esm/components/SignInOptionsModal.d.ts

@@ -1,13 +1,14 @@
-import { ErrorMessageProps, KeypadProps, SignInOptionsModalProps, SignInPhoneProps, SignInQrProps } from '@open-tender/ui';
+import { ErrorMessageProps, KeypadProps, SignInOptionsModalProps, SignInPhoneProps, SignInQrProps, SignUpProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
 import { ScanListener } from '../hooks/types';
-declare const SignInOptionsModal: ({ listener, cameraScanner, close, children, SignInQrView, SignInPhoneView, KeypadView, ErrorMessageView, imageUrl }: {
+declare const SignInOptionsModal: ({ listener, cameraScanner, close, children, SignInQrView, SignInPhoneView, SignUpView, KeypadView, ErrorMessageView, imageUrl }: {
     listener: ScanListener;
     cameraScanner: ScanListener;
     close: () => void;
     children: (props: SignInOptionsModalProps) => ReactNode;
     SignInQrView: (props: SignInQrProps) => ReactNode;
     SignInPhoneView: (props: SignInPhoneProps) => ReactNode;
+    SignUpView: (props: SignUpProps) => ReactNode;
     KeypadView: (props: KeypadProps) => ReactNode;
     ErrorMessageView: (props: ErrorMessageProps) => ReactNode;
     imageUrl?: string | null;

package/dist/esm/components/SignInOptionsModal.js

@@ -4,7 +4,7 @@ import { selectKioskConfig, selectKioskHasScanner, selectKioskTerminal } from '.
 import { default as SignInPhoneContainer } from './SignInPhone';
 import { default as SignInQrContainer } from './SignInQr';
 var SignInOptionsModal = function (_a) {
-    var listener = _a.listener, cameraScanner = _a.cameraScanner, close = _a.close, children = _a.children, SignInQrView = _a.SignInQrView, SignInPhoneView = _a.SignInPhoneView, KeypadView = _a.KeypadView, ErrorMessageView = _a.ErrorMessageView, imageUrl = _a.imageUrl;
+    var listener = _a.listener, cameraScanner = _a.cameraScanner, close = _a.close, children = _a.children, SignInQrView = _a.SignInQrView, SignInPhoneView = _a.SignInPhoneView, SignUpView = _a.SignUpView, KeypadView = _a.KeypadView, ErrorMessageView = _a.ErrorMessageView, imageUrl = _a.imageUrl;
     var _b = useAppSelector(selectKioskConfig), config = _b.signInOptions, modalContentConfig = _b.modalContent;
     var _c = useState(null), signInType = _c[0], setSignInType = _c[1];
     var terminal = useAppSelector(selectKioskTerminal);
@@ -16,7 +16,7 @@ var SignInOptionsModal = function (_a) {
             setSignInType('PHONE');
     }, [hasScanner]);
     var renderSignInQr = useCallback(function (close) { return (React.createElement(SignInQrContainer, { listener: listener, cameraScanner: cameraScanner, close: close, children: SignInQrView, type: scannerType, imageUrl: imageUrl })); }, [SignInQrView, cameraScanner, listener, scannerType, imageUrl]);
-    var renderSignInPhone = useCallback(function (close) { return (React.createElement(SignInPhoneContainer, { ErrorMessageView: ErrorMessageView, KeypadView: KeypadView, close: close, children: SignInPhoneView })); }, [SignInPhoneView, KeypadView, ErrorMessageView]);
+    var renderSignInPhone = useCallback(function (close) { return (React.createElement(SignInPhoneContainer, { ErrorMessageView: ErrorMessageView, KeypadView: KeypadView, SignUpView: SignUpView, close: close, children: SignInPhoneView })); }, [SignInPhoneView, KeypadView, SignUpView, ErrorMessageView]);
     if (!config)
         return null;
     return children({

package/dist/esm/components/SignInPhone.d.ts

@@ -1,10 +1,11 @@
-import { SignInPhoneProps, ErrorMessageProps, KeypadProps } from '@open-tender/ui';
+import { ErrorMessageProps, KeypadProps, SignInPhoneProps, SignUpProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const SignInPhone: ({ close, callback, children, KeypadView, ErrorMessageView }: {
+declare const SignInPhone: ({ close, callback, children, KeypadView, SignUpView, ErrorMessageView }: {
     close: () => void;
     callback?: () => void;
     children: (props: SignInPhoneProps) => ReactNode;
     KeypadView: (props: KeypadProps) => ReactNode;
+    SignUpView: (props: SignUpProps) => ReactNode;
     ErrorMessageView: (props: ErrorMessageProps) => ReactNode;
 }) => React.ReactNode;
 export default SignInPhone;

package/dist/esm/components/SignInPhone.js

@@ -1,4 +1,3 @@
-import { SignUp } from '@open-tender/ui';
 import { handleRespError } from '@open-tender/utils';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
@@ -8,7 +7,7 @@ import { default as ErrorMessageContainer } from './ErrorMessage';
 import { default as KeypadContainer } from './Keypad';
 import { default as SignUpContainer } from './SignUp';
 var SignInPhone = function (_a) {
-    var close = _a.close, callback = _a.callback, children = _a.children, KeypadView = _a.KeypadView, ErrorMessageView = _a.ErrorMessageView;
+    var close = _a.close, callback = _a.callback, children = _a.children, KeypadView = _a.KeypadView, SignUpView = _a.SignUpView, ErrorMessageView = _a.ErrorMessageView;
     var dispatch = useAppDispatch();
     var _b = useState(''), phone = _b[0], setPhone = _b[1];
     var _c = useState(false), submitted = _c[0], setSubmitted = _c[1];
@@ -49,7 +48,7 @@ var SignInPhone = function (_a) {
     }); }, []);
     var renderKeypad = useCallback(function () { return (React.createElement(KeypadContainer, { type: "numeric", handlers: keypadHandlers, value: phone, children: KeypadView })); }, [KeypadView, phone, keypadHandlers]);
     var renderErrorMessage = useCallback(function (errMsg) { return (React.createElement(ErrorMessageContainer, { content: errMsg, children: ErrorMessageView })); }, [ErrorMessageView]);
-    var renderSignUp = useCallback(function () { return React.createElement(SignUpContainer, { children: SignUp }); }, []);
+    var renderSignUp = useCallback(function () { return React.createElement(SignUpContainer, { children: SignUpView }); }, [SignUpView]);
     useEffect(function () {
         if (errMsg) {
             setShowSignUp(true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "1.1.151",
+  "version": "1.1.153",
   "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",