@open-tender/store 1.1.173 → 1.1.175

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

@@ -0,0 +1,6 @@
+import { TagsButtonProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const TagsButton: ({ children }: {
+    children: (props: TagsButtonProps) => ReactNode;
+}) => ReactNode;
+export default TagsButton;

package/dist/cjs/components/TagsButton.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var TagsButton = function (_a) {
+    var children = _a.children;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).tag;
+    var isTagsModalShown = (0, hooks_1.useAppSelector)(slices_1.selectShowTagsModal);
+    var selectedTags = (0, hooks_1.useAppSelector)(slices_1.selectSelectedTags);
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var onClick = (0, react_1.useCallback)(function () {
+        dispatch((0, slices_1.toggleTagsModal)(!isTagsModalShown));
+    }, [dispatch, isTagsModalShown]);
+    var handlers = { onClick: onClick };
+    return children({ config: config, handlers: handlers, isSelected: selectedTags.length > 0 });
+};
+exports.default = TagsButton;

package/dist/cjs/components/TagsFilter.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+var utils_1 = require("@open-tender/utils");
 var react_1 = tslib_1.__importStar(require("react"));
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
@@ -32,9 +33,9 @@ var TagsFilter = function (_a) {
         dispatch((0, slices_1.setSelectedTags)(newSelectedTags));
     };
     var handlers = { onTagSwitch: onTagSwitch, handleSubmit: handleSubmit };
-    var renderSwitch = (0, react_1.useCallback)(function (props) {
-        return (react_1.default.createElement(Switch_1.default, { key: props.id, id: props.id, children: SwitchView, label: props.label, on: props.value, onChange: props.onTagSwitch, disabled: false, isRequired: true }));
-    }, [SwitchView]);
+    var renderSwitch = (0, react_1.useCallback)(function (tag) {
+        return (react_1.default.createElement(Switch_1.default, { key: tag.tag_id, id: tag.tag_id, children: SwitchView, label: (0, utils_1.capitalize)(tag.name), on: localSelectedTags.includes(tag.tag_id), onChange: function () { return onTagSwitch(tag); }, disabled: false, isRequired: true }));
+    }, [SwitchView, localSelectedTags]);
     return children({
         config: config,
         handlers: handlers,

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

@@ -63,8 +63,11 @@ import SignInPhone from './SignInPhone';
 import SignInQr from './SignInQr';
 import SignUp from './SignUp';
 import SuccessMessage from './SuccessMessage';
+import Switch from './Switch';
 import Tag from './Tag';
+import TagsButton from './TagsButton';
+import TagsFilter from './TagsFilter';
 import TextArea from './TextArea';
 import UpsellItem from './UpsellItem';
 import Upsells from './Upsells';
-export { AccountLoyalty, AccountSection, Allergen, Applied, ButtonLink, CancelButton, Card, Cart, CartButton, CartItem, CartUpsellItem, CartUpsells, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, Checkout, CheckoutCart, CheckoutContent, CheckoutFooter, CheckoutHeader, CheckoutPromoCode, CheckoutTotals, CheckTotals, Discount, ErrorMessage, FavsButton, Header, Ingredients, Input, InputButton, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSize, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptionsModal, SignInPhone, SignInQr, SignUp, SuccessMessage, Tag, TextArea, UpsellItem, Upsells, IdleModal };
+export { AccountLoyalty, AccountSection, Allergen, Applied, ButtonLink, CancelButton, Card, Cart, CartButton, CartItem, CartUpsellItem, CartUpsells, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, Checkout, CheckoutCart, CheckoutContent, CheckoutFooter, CheckoutHeader, CheckoutPromoCode, CheckoutTotals, CheckTotals, Discount, ErrorMessage, FavsButton, Header, Ingredients, Input, InputButton, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSize, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptionsModal, SignInPhone, SignInQr, SignUp, SuccessMessage, Tag, TextArea, UpsellItem, Upsells, IdleModal, TagsFilter, Switch, TagsButton };

package/dist/cjs/components/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OrderDetailsItem = exports.OrderDetails = exports.OrderCard = exports.Option = exports.NutritionalInfo = exports.ModalHeader = exports.ModalContent = exports.MenuOther = exports.MenuCategory = exports.MadeForNotes = exports.MadeForName = exports.Loader = exports.Keypad = exports.ItemSelections = exports.ItemSize = exports.ItemOptionSelected = exports.ItemOption = exports.ItemGroups = exports.ItemGroup = exports.InputButton = exports.Input = exports.Ingredients = exports.Header = exports.FavsButton = exports.ErrorMessage = exports.Discount = exports.CheckTotals = exports.CheckoutTotals = exports.CheckoutPromoCode = exports.CheckoutHeader = exports.CheckoutFooter = exports.CheckoutContent = exports.CheckoutCart = exports.Checkout = exports.CategoryNavOther = exports.CategoryNavItem = exports.CategoryNav = exports.CategoryItem = exports.CartUpsells = exports.CartUpsellItem = exports.CartItem = exports.CartButton = exports.Cart = exports.Card = exports.CancelButton = exports.ButtonLink = exports.Applied = exports.Allergen = exports.AccountSection = exports.AccountLoyalty = void 0;
-exports.IdleModal = exports.Upsells = exports.UpsellItem = exports.TextArea = exports.Tag = exports.SuccessMessage = exports.SignUp = exports.SignInQr = exports.SignInPhone = exports.SignInOptionsModal = exports.SignInCheckout = exports.SignInButton = exports.SignIn = exports.Rewards = exports.Reward = exports.Quantity = exports.PromoCode = exports.PointsRewards = exports.PointsReward = void 0;
+exports.TagsButton = exports.Switch = exports.TagsFilter = exports.IdleModal = exports.Upsells = exports.UpsellItem = exports.TextArea = exports.Tag = exports.SuccessMessage = exports.SignUp = exports.SignInQr = exports.SignInPhone = exports.SignInOptionsModal = exports.SignInCheckout = exports.SignInButton = exports.SignIn = exports.Rewards = exports.Reward = exports.Quantity = exports.PromoCode = exports.PointsRewards = exports.PointsReward = void 0;
 var tslib_1 = require("tslib");
 var AccountLoyalty_1 = tslib_1.__importDefault(require("./AccountLoyalty"));
 exports.AccountLoyalty = AccountLoyalty_1.default;
@@ -133,8 +133,14 @@ var SignUp_1 = tslib_1.__importDefault(require("./SignUp"));
 exports.SignUp = SignUp_1.default;
 var SuccessMessage_1 = tslib_1.__importDefault(require("./SuccessMessage"));
 exports.SuccessMessage = SuccessMessage_1.default;
+var Switch_1 = tslib_1.__importDefault(require("./Switch"));
+exports.Switch = Switch_1.default;
 var Tag_1 = tslib_1.__importDefault(require("./Tag"));
 exports.Tag = Tag_1.default;
+var TagsButton_1 = tslib_1.__importDefault(require("./TagsButton"));
+exports.TagsButton = TagsButton_1.default;
+var TagsFilter_1 = tslib_1.__importDefault(require("./TagsFilter"));
+exports.TagsFilter = TagsFilter_1.default;
 var TextArea_1 = tslib_1.__importDefault(require("./TextArea"));
 exports.TextArea = TextArea_1.default;
 var UpsellItem_1 = tslib_1.__importDefault(require("./UpsellItem"));

package/dist/cjs/slices/tags.d.ts

@@ -5,6 +5,7 @@ export interface TagsState {
     error: RequestError;
     loading: RequestStatus;
     selectedTags: Tags;
+    showTagsModal: boolean;
 }
 export declare enum TagsActionType {
     FetchTags = "tags/fetchTags"
@@ -19,9 +20,10 @@ export declare const fetchTags: import("@reduxjs/toolkit").AsyncThunk<Tags, void
     fulfilledMeta?: unknown;
     rejectedMeta?: unknown;
 }>;
-export declare const resetTags: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"tags/resetTags">, setSelectedTags: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "tags/setSelectedTags">;
+export declare const resetTags: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"tags/resetTags">, setSelectedTags: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "tags/setSelectedTags">, toggleTagsModal: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "tags/toggleTagsModal">;
 export declare const selectTags: (state: AppState) => TagsState;
 export declare const selectSelectedTags: (state: AppState) => Tags;
+export declare const selectShowTagsModal: (state: AppState) => boolean;
 export declare const selectSelectedTagNames: ((state: {
     alerts: import("@open-tender/types").Alerts;
     arrivals: import("./arrivals").ArrivalsState;

package/dist/cjs/slices/tags.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.tagsReducer = exports.selectSelectedTagNames = exports.selectSelectedTags = exports.selectTags = exports.setSelectedTags = exports.resetTags = exports.fetchTags = exports.TagsActionType = void 0;
+exports.tagsReducer = exports.selectSelectedTagNames = exports.selectShowTagsModal = exports.selectSelectedTags = exports.selectTags = exports.toggleTagsModal = exports.setSelectedTags = exports.resetTags = exports.fetchTags = exports.TagsActionType = void 0;
 var tslib_1 = require("tslib");
 var toolkit_1 = require("@reduxjs/toolkit");
 var types_1 = require("./types");
@@ -9,7 +9,8 @@ var initialState = {
     entities: [],
     error: null,
     loading: 'idle',
-    selectedTags: []
+    selectedTags: [],
+    showTagsModal: false
 };
 var TagsActionType;
 (function (TagsActionType) {
@@ -41,6 +42,9 @@ var tagsSlice = (0, toolkit_1.createSlice)({
         resetTags: function () { return initialState; },
         setSelectedTags: function (state, action) {
             state.selectedTags = action.payload;
+        },
+        toggleTagsModal: function (state, action) {
+            state.showTagsModal = action.payload;
         }
     },
     extraReducers: function (builder) {
@@ -59,11 +63,13 @@ var tagsSlice = (0, toolkit_1.createSlice)({
         });
     }
 });
-exports.resetTags = (_a = tagsSlice.actions, _a.resetTags), exports.setSelectedTags = _a.setSelectedTags;
+exports.resetTags = (_a = tagsSlice.actions, _a.resetTags), exports.setSelectedTags = _a.setSelectedTags, exports.toggleTagsModal = _a.toggleTagsModal;
 var selectTags = function (state) { return state.tags; };
 exports.selectTags = selectTags;
 var selectSelectedTags = function (state) { return state.tags.selectedTags; };
 exports.selectSelectedTags = selectSelectedTags;
+var selectShowTagsModal = function (state) { return state.tags.showTagsModal; };
+exports.selectShowTagsModal = selectShowTagsModal;
 exports.selectSelectedTagNames = (0, toolkit_1.createSelector)(function (state) {
     var _a = state.tags, tags = _a.entities, selectedTags = _a.selectedTags;
     return { tags: tags, selectedTags: selectedTags };

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

@@ -0,0 +1,6 @@
+import { TagsButtonProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const TagsButton: ({ children }: {
+    children: (props: TagsButtonProps) => ReactNode;
+}) => ReactNode;
+export default TagsButton;

package/dist/esm/components/TagsButton.js

@@ -0,0 +1,16 @@
+import { useCallback } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { selectKioskConfig, selectSelectedTags, selectShowTagsModal, toggleTagsModal } from '../slices';
+var TagsButton = function (_a) {
+    var children = _a.children;
+    var config = useAppSelector(selectKioskConfig).tag;
+    var isTagsModalShown = useAppSelector(selectShowTagsModal);
+    var selectedTags = useAppSelector(selectSelectedTags);
+    var dispatch = useAppDispatch();
+    var onClick = useCallback(function () {
+        dispatch(toggleTagsModal(!isTagsModalShown));
+    }, [dispatch, isTagsModalShown]);
+    var handlers = { onClick: onClick };
+    return children({ config: config, handlers: handlers, isSelected: selectedTags.length > 0 });
+};
+export default TagsButton;

package/dist/esm/components/TagsFilter.js

@@ -1,4 +1,5 @@
 import { __spreadArray } from "tslib";
+import { capitalize } from '@open-tender/utils';
 import React, { useCallback, useEffect, useState } from 'react';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { selectKioskConfig, selectTags, setSelectedTags } from '../slices';
@@ -30,9 +31,9 @@ var TagsFilter = function (_a) {
         dispatch(setSelectedTags(newSelectedTags));
     };
     var handlers = { onTagSwitch: onTagSwitch, handleSubmit: handleSubmit };
-    var renderSwitch = useCallback(function (props) {
-        return (React.createElement(SwitchContainer, { key: props.id, id: props.id, children: SwitchView, label: props.label, on: props.value, onChange: props.onTagSwitch, disabled: false, isRequired: true }));
-    }, [SwitchView]);
+    var renderSwitch = useCallback(function (tag) {
+        return (React.createElement(SwitchContainer, { key: tag.tag_id, id: tag.tag_id, children: SwitchView, label: capitalize(tag.name), on: localSelectedTags.includes(tag.tag_id), onChange: function () { return onTagSwitch(tag); }, disabled: false, isRequired: true }));
+    }, [SwitchView, localSelectedTags]);
     return children({
         config: config,
         handlers: handlers,

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

@@ -63,8 +63,11 @@ import SignInPhone from './SignInPhone';
 import SignInQr from './SignInQr';
 import SignUp from './SignUp';
 import SuccessMessage from './SuccessMessage';
+import Switch from './Switch';
 import Tag from './Tag';
+import TagsButton from './TagsButton';
+import TagsFilter from './TagsFilter';
 import TextArea from './TextArea';
 import UpsellItem from './UpsellItem';
 import Upsells from './Upsells';
-export { AccountLoyalty, AccountSection, Allergen, Applied, ButtonLink, CancelButton, Card, Cart, CartButton, CartItem, CartUpsellItem, CartUpsells, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, Checkout, CheckoutCart, CheckoutContent, CheckoutFooter, CheckoutHeader, CheckoutPromoCode, CheckoutTotals, CheckTotals, Discount, ErrorMessage, FavsButton, Header, Ingredients, Input, InputButton, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSize, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptionsModal, SignInPhone, SignInQr, SignUp, SuccessMessage, Tag, TextArea, UpsellItem, Upsells, IdleModal };
+export { AccountLoyalty, AccountSection, Allergen, Applied, ButtonLink, CancelButton, Card, Cart, CartButton, CartItem, CartUpsellItem, CartUpsells, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, Checkout, CheckoutCart, CheckoutContent, CheckoutFooter, CheckoutHeader, CheckoutPromoCode, CheckoutTotals, CheckTotals, Discount, ErrorMessage, FavsButton, Header, Ingredients, Input, InputButton, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSize, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptionsModal, SignInPhone, SignInQr, SignUp, SuccessMessage, Tag, TextArea, UpsellItem, Upsells, IdleModal, TagsFilter, Switch, TagsButton };

package/dist/esm/components/index.js

@@ -63,8 +63,11 @@ import SignInPhone from './SignInPhone';
 import SignInQr from './SignInQr';
 import SignUp from './SignUp';
 import SuccessMessage from './SuccessMessage';
+import Switch from './Switch';
 import Tag from './Tag';
+import TagsButton from './TagsButton';
+import TagsFilter from './TagsFilter';
 import TextArea from './TextArea';
 import UpsellItem from './UpsellItem';
 import Upsells from './Upsells';
-export { AccountLoyalty, AccountSection, Allergen, Applied, ButtonLink, CancelButton, Card, Cart, CartButton, CartItem, CartUpsellItem, CartUpsells, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, Checkout, CheckoutCart, CheckoutContent, CheckoutFooter, CheckoutHeader, CheckoutPromoCode, CheckoutTotals, CheckTotals, Discount, ErrorMessage, FavsButton, Header, Ingredients, Input, InputButton, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSize, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptionsModal, SignInPhone, SignInQr, SignUp, SuccessMessage, Tag, TextArea, UpsellItem, Upsells, IdleModal };
+export { AccountLoyalty, AccountSection, Allergen, Applied, ButtonLink, CancelButton, Card, Cart, CartButton, CartItem, CartUpsellItem, CartUpsells, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, Checkout, CheckoutCart, CheckoutContent, CheckoutFooter, CheckoutHeader, CheckoutPromoCode, CheckoutTotals, CheckTotals, Discount, ErrorMessage, FavsButton, Header, Ingredients, Input, InputButton, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSize, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptionsModal, SignInPhone, SignInQr, SignUp, SuccessMessage, Tag, TextArea, UpsellItem, Upsells, IdleModal, TagsFilter, Switch, TagsButton };

package/dist/esm/slices/tags.d.ts

@@ -5,6 +5,7 @@ export interface TagsState {
     error: RequestError;
     loading: RequestStatus;
     selectedTags: Tags;
+    showTagsModal: boolean;
 }
 export declare enum TagsActionType {
     FetchTags = "tags/fetchTags"
@@ -19,9 +20,10 @@ export declare const fetchTags: import("@reduxjs/toolkit").AsyncThunk<Tags, void
     fulfilledMeta?: unknown;
     rejectedMeta?: unknown;
 }>;
-export declare const resetTags: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"tags/resetTags">, setSelectedTags: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "tags/setSelectedTags">;
+export declare const resetTags: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"tags/resetTags">, setSelectedTags: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "tags/setSelectedTags">, toggleTagsModal: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "tags/toggleTagsModal">;
 export declare const selectTags: (state: AppState) => TagsState;
 export declare const selectSelectedTags: (state: AppState) => Tags;
+export declare const selectShowTagsModal: (state: AppState) => boolean;
 export declare const selectSelectedTagNames: ((state: {
     alerts: import("@open-tender/types").Alerts;
     arrivals: import("./arrivals").ArrivalsState;

package/dist/esm/slices/tags.js

@@ -6,7 +6,8 @@ var initialState = {
     entities: [],
     error: null,
     loading: 'idle',
-    selectedTags: []
+    selectedTags: [],
+    showTagsModal: false
 };
 export var TagsActionType;
 (function (TagsActionType) {
@@ -38,6 +39,9 @@ var tagsSlice = createSlice({
         resetTags: function () { return initialState; },
         setSelectedTags: function (state, action) {
             state.selectedTags = action.payload;
+        },
+        toggleTagsModal: function (state, action) {
+            state.showTagsModal = action.payload;
         }
     },
     extraReducers: function (builder) {
@@ -56,9 +60,10 @@ var tagsSlice = createSlice({
         });
     }
 });
-export var resetTags = (_a = tagsSlice.actions, _a.resetTags), setSelectedTags = _a.setSelectedTags;
+export var resetTags = (_a = tagsSlice.actions, _a.resetTags), setSelectedTags = _a.setSelectedTags, toggleTagsModal = _a.toggleTagsModal;
 export var selectTags = function (state) { return state.tags; };
 export var selectSelectedTags = function (state) { return state.tags.selectedTags; };
+export var selectShowTagsModal = function (state) { return state.tags.showTagsModal; };
 export var selectSelectedTagNames = createSelector(function (state) {
     var _a = state.tags, tags = _a.entities, selectedTags = _a.selectedTags;
     return { tags: tags, selectedTags: selectedTags };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "1.1.173",
+  "version": "1.1.175",
   "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.77",
-    "@open-tender/ui": "^0.4.8",
-    "@open-tender/utils": "^0.4.52",
+    "@open-tender/ui": "^0.4.10",
+    "@open-tender/utils": "^0.4.56",
     "@reduxjs/toolkit": "^2.0.1",
     "date-fns": "2.30.0",
     "date-fns-tz": "^2.0.0",