@open-tender/store 1.1.153 → 1.1.155

package/dist/cjs/components/CartItem.js

@@ -20,6 +20,8 @@ var CartItem = function (_a) {
     };
     var handlers = { increment: increment, decrement: decrement, edit: edit, remove: remove };
     var renderQuantity = (0, react_1.useCallback)(function (quantity) { return (react_1.default.createElement(Quantity_1.default, { fontSize: 24, iconSize: 28, quantity: quantity, increment: increment, decrement: decrement, children: QuantityView })); }, [increment, decrement, QuantityView]);
+    if (!config)
+        return null;
     return children({
         item: item,
         config: config,

package/dist/cjs/components/CartUpsellItem.js

@@ -40,6 +40,8 @@ var CartUpsellItem = function (_a) {
     var handlers = { add: add, addSize: addSize };
     if (isIncomplete && !sizeGroup)
         return null;
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

package/dist/cjs/components/CartUpsells.js

@@ -13,7 +13,7 @@ var CartUpsells = function (_a) {
     var _b = (0, hooks_1.useAppSelector)(slices_1.selectMenu), categories = _b.categories, soldOut = _b.soldOut;
     var upsellItems = (0, react_1.useMemo)(function () { return (0, utils_1.makeUpsellItemsForCart)(categories, cartIds, soldOut); }, [categories, cartIds, soldOut]);
     var renderCartUpsellItem = (0, react_1.useCallback)(function (item, isLast) { return (react_1.default.createElement(CartUpsellItem_1.default, { key: item.id, item: item, isLast: isLast, children: CartUpsellItemView })); }, [CartUpsellItemView]);
-    if (!upsellItems.length)
+    if (!config || !upsellItems.length)
         return null;
     return children({
         config: config,

package/dist/cjs/components/FavsButton.js

@@ -9,6 +9,8 @@ var FavsButton = function (_a) {
     var imageUrl = (0, hooks_2.useKioskImageUrl)(item);
     var browse = function () { return navigate(path); };
     var handlers = { browse: browse };
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

package/dist/cjs/components/Header.js

@@ -8,7 +8,7 @@ var SignInButton_1 = tslib_1.__importDefault(require("./SignInButton"));
 var Header = function (_a) {
     var to = _a.to, _b = _a.backText, backText = _b === void 0 ? 'Back' : _b, backAction = _a.backAction, pathname = _a.pathname, navigate = _a.navigate, children = _a.children, SignInButtonView = _a.SignInButtonView;
     var dispatch = (0, hooks_1.useAppDispatch)();
-    var header = ((0, hooks_1.useAppSelector)(slices_1.selectKioskConfig) || {}).header;
+    var config = ((0, hooks_1.useAppSelector)(slices_1.selectKioskConfig) || {}).header;
     var showButtons = !!(backAction || to);
     var display_sign_in = (0, hooks_1.useAppSelector)(slices_1.selectStoreSettings).display_sign_in;
     var back = function () {
@@ -28,10 +28,10 @@ var Header = function (_a) {
     };
     var handlers = { back: back, open: open, startOver: startOver };
     var renderSignInButton = (0, react_1.useCallback)(function () { return (react_1.default.createElement(SignInButton_1.default, { pathname: pathname, navigate: navigate, children: SignInButtonView })); }, [pathname, navigate, SignInButtonView]);
-    if (!header)
+    if (!config)
         return null;
     return children({
-        config: header,
+        config: config,
         handlers: handlers,
         showButtons: showButtons,
         backText: backText,

package/dist/cjs/components/Input.js

@@ -9,6 +9,8 @@ var Input = function (_a) {
         setValue(evt.target.value);
     };
     var handlers = { update: update };
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

package/dist/cjs/components/InputButton.js

@@ -6,6 +6,8 @@ var InputButton = function (_a) {
     var label = _a.label, value = _a.value, open = _a.open, isRequired = _a.isRequired, style = _a.style, labelStyle = _a.labelStyle, children = _a.children;
     var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.inputButton, labelConfig = _b.label;
     var handlers = { open: open };
+    if (!config)
+        return null;
     return children({
         config: config,
         labelConfig: labelConfig,

package/dist/cjs/components/ItemGroup.js

@@ -13,6 +13,8 @@ var ItemGroup = function (_a) {
     var modifierGroup = (0, utils_1.useModifierGroup)(group);
     var renderErrorMessage = (0, react_1.useCallback)(function (icon, children) { return (react_1.default.createElement(ErrorMessage_1.default, { icon: icon, content: children, children: ErrorMessageView })); }, [ErrorMessageView]);
     var renderSuccessMessage = (0, react_1.useCallback)(function (icon, children) { return (react_1.default.createElement(SuccessMessage_1.default, { icon: icon, content: children, children: SuccessMessageView })); }, [SuccessMessageView]);
+    if (!config)
+        return null;
     return children({
         config: config,
         group: modifierGroup,

package/dist/cjs/components/ItemSelections.js

@@ -11,6 +11,8 @@ var ItemSelections = function (_a) {
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).itemSelections;
     var renderErrorMessage = (0, react_1.useCallback)(function (icon, children) { return (react_1.default.createElement(ErrorMessage_1.default, { icon: icon, content: children, children: ErrorMessageView })); }, [ErrorMessageView]);
     var renderItemOption = (0, react_1.useCallback)(function (group, option) { return (react_1.default.createElement(ItemOptionSelected_1.default, { levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView })); }, [levels, handlers, ItemOptionView]);
+    if (!config)
+        return null;
     return children({
         config: config,
         groups: groups,

package/dist/cjs/components/Loader.js

@@ -5,6 +5,8 @@ var slices_1 = require("../slices");
 var Loader = function (_a) {
     var text = _a.text, style = _a.style, children = _a.children;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).loader;
+    if (!config)
+        return null;
     return children({ config: config, text: text, style: style });
 };
 exports.default = Loader;

package/dist/cjs/components/ModalContent.js

@@ -5,6 +5,8 @@ var slices_1 = require("../slices");
 var ModalContent = function (_a) {
     var title = _a.title, subtitle = _a.subtitle, content = _a.content, submit = _a.submit, submitText = _a.submitText, cancel = _a.cancel, cancelText = _a.cancelText, style = _a.style, children = _a.children;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).modalContent;
+    if (!config)
+        return null;
     return children({
         config: config,
         title: title,

package/dist/cjs/components/NutritionalInfo.js

@@ -6,6 +6,8 @@ var NutritionalInfo = function (_a) {
     var title = _a.title, subtitle = _a.subtitle, nutritionalInfo = _a.nutritionalInfo, close = _a.close, children = _a.children;
     var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.nutritionalInfo, modalContentConfig = _b.modalContent;
     var handlers = { close: close };
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

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

@@ -7,5 +7,5 @@ declare const OrderDetails: ({ order, close, children, CheckTotalsView, OrderDet
     children: (props: OrderDetailsProps) => ReactNode;
     CheckTotalsView: (props: CheckTotalsProps) => ReactNode;
     OrderDetailsItemView: (props: OrderDetailsItemProps) => ReactNode;
-}) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+}) => React.ReactNode;
 export default OrderDetails;

package/dist/cjs/components/OrderDetails.js

@@ -23,7 +23,7 @@ var OrderDetails = function (_a) {
     var renderCheckTotals = (0, react_1.useCallback)(function () { return react_1.default.createElement(CheckTotals_1.default, { check: order, children: CheckTotalsView }); }, [order, CheckTotalsView]);
     var renderOrderDetailsItem = (0, react_1.useCallback)(function (orderItem) { return (react_1.default.createElement(OrderDetailsItem_1.default, { key: orderItem.id, orderItem: orderItem, children: OrderDetailsItemView })); }, [OrderDetailsItemView]);
     if (!config)
-        return react_1.default.createElement(react_1.default.Fragment, null);
+        return null;
     return children({
         config: config,
         modalContentConfig: modalContentConfig,

package/dist/cjs/components/PointsReward.js

@@ -49,6 +49,8 @@ var PointsReward = function (_a) {
             callback();
     };
     var renderQuantity = function (quantity, incrementDisabled) { return (react_1.default.createElement(Quantity_1.default, { quantity: quantity, increment: apply, incrementDisabled: incrementDisabled, decrement: remove, fontSize: 24, iconSize: 28, children: QuantityView })); };
+    if (!config)
+        return null;
     return children({
         config: config,
         item: item,

package/dist/cjs/components/PointsRewards.js

@@ -11,6 +11,8 @@ var PointsRewards = function (_a) {
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).pointsRewards;
     var _b = (0, hooks_2.useCustomerRewards)(), items = _b.items, points = _b.points, pointsApplied = _b.pointsApplied, pointsRemaining = _b.pointsRemaining;
     var renderPointReward = (0, react_1.useCallback)(function (item) { return (react_1.default.createElement(PointsReward_1.default, { item: item, children: PointsRewardView, QuantityView: QuantityView })); }, [PointsRewardView, QuantityView]);
+    if (!config)
+        return null;
     return children({
         config: config,
         items: items,

package/dist/cjs/components/PromoCode.js

@@ -38,6 +38,8 @@ var PromoCode = function (_a) {
         change: setPromoCode
     }); }, [setPromoCode]);
     var renderKeypad = (0, react_1.useCallback)(function () { return (react_1.default.createElement(Keypad_1.default, { type: "default", handlers: keypadHandlers, value: promoCode, children: KeypadView })); }, [keypadHandlers, promoCode, KeypadView]);
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

package/dist/cjs/components/Quantity.js

@@ -6,6 +6,8 @@ var Quantity = function (_a) {
     var quantity = _a.quantity, increment = _a.increment, _b = _a.incrementDisabled, incrementDisabled = _b === void 0 ? false : _b, decrement = _a.decrement, _c = _a.decrementDisabled, decrementDisabled = _c === void 0 ? false : _c, _d = _a.fontSize, fontSize = _d === void 0 ? 28 : _d, _e = _a.iconSize, iconSize = _e === void 0 ? 36 : _e, _f = _a.strokeWidth, strokeWidth = _f === void 0 ? 2 : _f, _g = _a.className, className = _g === void 0 ? 'quantity' : _g, children = _a.children;
     var _h = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), _j = className, config = _h[_j];
     var handlers = { increment: increment, decrement: decrement };
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

package/dist/cjs/components/Reward.js

@@ -26,6 +26,8 @@ var Reward = function (_a) {
     };
     var handlers = { apply: apply, remove: remove };
     var renderApplied = (0, react_1.useCallback)(function () { return react_1.default.createElement(Applied_1.default, { children: AppliedView }); }, [AppliedView]);
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

package/dist/cjs/components/SignInPhone.js

@@ -57,6 +57,8 @@ var SignInPhone = function (_a) {
             setShowSignUp(true);
         }
     }, [errMsg]);
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

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

@@ -9,5 +9,5 @@ declare const SignInQr: ({ close, callback, children, listener, cameraScanner, t
     cameraScanner: ScanListener;
     type?: string;
     imageUrl?: string | null;
-}) => React.JSX.Element;
+}) => React.JSX.Element | null;
 export default SignInQr;

package/dist/cjs/components/SignInQr.js

@@ -10,6 +10,8 @@ var SignInQr = function (_a) {
     var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.signInQr, errorMessageConfig = _b.errorMessage, modalContentConfig = _b.modalContent;
     var _c = (0, hooks_2.useSignInQr)(listener, cameraScanner, type, close, callback), handlers = _c.handlers, errMsg = _c.errMsg, scan = _c.scan;
     var CameraComponent = (0, react_1.useMemo)(function () { return scan === null || scan === void 0 ? void 0 : scan.camera; }, [scan]);
+    if (!config)
+        return null;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         children({
             config: config,

package/dist/cjs/components/TextArea.js

@@ -9,6 +9,8 @@ var TextArea = function (_a) {
         setValue(evt.target.value);
     };
     var handlers = { update: update };
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

package/dist/cjs/components/UpsellItem.js

@@ -40,6 +40,8 @@ var UpsellItem = function (_a) {
     if (isIncomplete && !sizeGroup)
         return null;
     var handlers = { add: add, addSize: addSize };
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

package/dist/cjs/components/Upsells.js

@@ -14,6 +14,8 @@ var Upsells = function (_a) {
     var items = (0, utils_1.makeUpsellItems)(itemIds, itemLookup);
     var handlers = { close: close };
     var renderUpsellItem = (0, react_1.useCallback)(function (item, isLast) { return (react_1.default.createElement(UpsellItem_1.default, { key: item.id, item: item, isLast: isLast, callback: close, children: UpsellItemView })); }, [close, UpsellItemView]);
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

package/dist/esm/components/CartItem.js

@@ -17,6 +17,8 @@ var CartItem = function (_a) {
     };
     var handlers = { increment: increment, decrement: decrement, edit: edit, remove: remove };
     var renderQuantity = useCallback(function (quantity) { return (React.createElement(QuantityContainer, { fontSize: 24, iconSize: 28, quantity: quantity, increment: increment, decrement: decrement, children: QuantityView })); }, [increment, decrement, QuantityView]);
+    if (!config)
+        return null;
     return children({
         item: item,
         config: config,

package/dist/esm/components/CartUpsellItem.js

@@ -38,6 +38,8 @@ var CartUpsellItem = function (_a) {
     var handlers = { add: add, addSize: addSize };
     if (isIncomplete && !sizeGroup)
         return null;
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

package/dist/esm/components/CartUpsells.js

@@ -10,7 +10,7 @@ var CartUpsells = function (_a) {
     var _b = useAppSelector(selectMenu), categories = _b.categories, soldOut = _b.soldOut;
     var upsellItems = useMemo(function () { return makeUpsellItemsForCart(categories, cartIds, soldOut); }, [categories, cartIds, soldOut]);
     var renderCartUpsellItem = useCallback(function (item, isLast) { return (React.createElement(CartUpsellItemContainer, { key: item.id, item: item, isLast: isLast, children: CartUpsellItemView })); }, [CartUpsellItemView]);
-    if (!upsellItems.length)
+    if (!config || !upsellItems.length)
         return null;
     return children({
         config: config,

package/dist/esm/components/FavsButton.js

@@ -7,6 +7,8 @@ var FavsButton = function (_a) {
     var imageUrl = useKioskImageUrl(item);
     var browse = function () { return navigate(path); };
     var handlers = { browse: browse };
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

package/dist/esm/components/Header.js

@@ -5,7 +5,7 @@ import { default as SignInButtonContainer } from './SignInButton';
 var Header = function (_a) {
     var to = _a.to, _b = _a.backText, backText = _b === void 0 ? 'Back' : _b, backAction = _a.backAction, pathname = _a.pathname, navigate = _a.navigate, children = _a.children, SignInButtonView = _a.SignInButtonView;
     var dispatch = useAppDispatch();
-    var header = (useAppSelector(selectKioskConfig) || {}).header;
+    var config = (useAppSelector(selectKioskConfig) || {}).header;
     var showButtons = !!(backAction || to);
     var display_sign_in = useAppSelector(selectStoreSettings).display_sign_in;
     var back = function () {
@@ -25,10 +25,10 @@ var Header = function (_a) {
     };
     var handlers = { back: back, open: open, startOver: startOver };
     var renderSignInButton = useCallback(function () { return (React.createElement(SignInButtonContainer, { pathname: pathname, navigate: navigate, children: SignInButtonView })); }, [pathname, navigate, SignInButtonView]);
-    if (!header)
+    if (!config)
         return null;
     return children({
-        config: header,
+        config: config,
         handlers: handlers,
         showButtons: showButtons,
         backText: backText,

package/dist/esm/components/Input.js

@@ -7,6 +7,8 @@ var Input = function (_a) {
         setValue(evt.target.value);
     };
     var handlers = { update: update };
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

package/dist/esm/components/InputButton.js

@@ -4,6 +4,8 @@ var InputButton = function (_a) {
     var label = _a.label, value = _a.value, open = _a.open, isRequired = _a.isRequired, style = _a.style, labelStyle = _a.labelStyle, children = _a.children;
     var _b = useAppSelector(selectKioskConfig), config = _b.inputButton, labelConfig = _b.label;
     var handlers = { open: open };
+    if (!config)
+        return null;
     return children({
         config: config,
         labelConfig: labelConfig,

package/dist/esm/components/ItemGroup.js

@@ -10,6 +10,8 @@ var ItemGroup = function (_a) {
     var modifierGroup = useModifierGroup(group);
     var renderErrorMessage = useCallback(function (icon, children) { return (React.createElement(ErrorMessageContainer, { icon: icon, content: children, children: ErrorMessageView })); }, [ErrorMessageView]);
     var renderSuccessMessage = useCallback(function (icon, children) { return (React.createElement(SuccessMessageContainer, { icon: icon, content: children, children: SuccessMessageView })); }, [SuccessMessageView]);
+    if (!config)
+        return null;
     return children({
         config: config,
         group: modifierGroup,

package/dist/esm/components/ItemSelections.js

@@ -8,6 +8,8 @@ var ItemSelections = function (_a) {
     var config = useAppSelector(selectKioskConfig).itemSelections;
     var renderErrorMessage = useCallback(function (icon, children) { return (React.createElement(ErrorMessageContainer, { icon: icon, content: children, children: ErrorMessageView })); }, [ErrorMessageView]);
     var renderItemOption = useCallback(function (group, option) { return (React.createElement(ItemOptionSelectedContainer, { levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView })); }, [levels, handlers, ItemOptionView]);
+    if (!config)
+        return null;
     return children({
         config: config,
         groups: groups,

package/dist/esm/components/Loader.js

@@ -3,6 +3,8 @@ import { selectKioskConfig } from '../slices';
 var Loader = function (_a) {
     var text = _a.text, style = _a.style, children = _a.children;
     var config = useAppSelector(selectKioskConfig).loader;
+    if (!config)
+        return null;
     return children({ config: config, text: text, style: style });
 };
 export default Loader;

package/dist/esm/components/ModalContent.js

@@ -3,6 +3,8 @@ import { selectKioskConfig } from '../slices';
 var ModalContent = function (_a) {
     var title = _a.title, subtitle = _a.subtitle, content = _a.content, submit = _a.submit, submitText = _a.submitText, cancel = _a.cancel, cancelText = _a.cancelText, style = _a.style, children = _a.children;
     var config = useAppSelector(selectKioskConfig).modalContent;
+    if (!config)
+        return null;
     return children({
         config: config,
         title: title,

package/dist/esm/components/NutritionalInfo.js

@@ -4,6 +4,8 @@ var NutritionalInfo = function (_a) {
     var title = _a.title, subtitle = _a.subtitle, nutritionalInfo = _a.nutritionalInfo, close = _a.close, children = _a.children;
     var _b = useAppSelector(selectKioskConfig), config = _b.nutritionalInfo, modalContentConfig = _b.modalContent;
     var handlers = { close: close };
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

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

@@ -7,5 +7,5 @@ declare const OrderDetails: ({ order, close, children, CheckTotalsView, OrderDet
     children: (props: OrderDetailsProps) => ReactNode;
     CheckTotalsView: (props: CheckTotalsProps) => ReactNode;
     OrderDetailsItemView: (props: OrderDetailsItemProps) => ReactNode;
-}) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+}) => React.ReactNode;
 export default OrderDetails;

package/dist/esm/components/OrderDetails.js

@@ -20,7 +20,7 @@ var OrderDetails = function (_a) {
     var renderCheckTotals = useCallback(function () { return React.createElement(CheckTotalsContainer, { check: order, children: CheckTotalsView }); }, [order, CheckTotalsView]);
     var renderOrderDetailsItem = useCallback(function (orderItem) { return (React.createElement(OrderDetailsItemContainer, { key: orderItem.id, orderItem: orderItem, children: OrderDetailsItemView })); }, [OrderDetailsItemView]);
     if (!config)
-        return React.createElement(React.Fragment, null);
+        return null;
     return children({
         config: config,
         modalContentConfig: modalContentConfig,

package/dist/esm/components/PointsReward.js

@@ -47,6 +47,8 @@ var PointsReward = function (_a) {
             callback();
     };
     var renderQuantity = function (quantity, incrementDisabled) { return (React.createElement(QuantityContainer, { quantity: quantity, increment: apply, incrementDisabled: incrementDisabled, decrement: remove, fontSize: 24, iconSize: 28, children: QuantityView })); };
+    if (!config)
+        return null;
     return children({
         config: config,
         item: item,

package/dist/esm/components/PointsRewards.js

@@ -8,6 +8,8 @@ var PointsRewards = function (_a) {
     var config = useAppSelector(selectKioskConfig).pointsRewards;
     var _b = useCustomerRewards(), items = _b.items, points = _b.points, pointsApplied = _b.pointsApplied, pointsRemaining = _b.pointsRemaining;
     var renderPointReward = useCallback(function (item) { return (React.createElement(PointsRewardContainer, { item: item, children: PointsRewardView, QuantityView: QuantityView })); }, [PointsRewardView, QuantityView]);
+    if (!config)
+        return null;
     return children({
         config: config,
         items: items,

package/dist/esm/components/PromoCode.js

@@ -35,6 +35,8 @@ var PromoCode = function (_a) {
         change: setPromoCode
     }); }, [setPromoCode]);
     var renderKeypad = useCallback(function () { return (React.createElement(KeypadContainer, { type: "default", handlers: keypadHandlers, value: promoCode, children: KeypadView })); }, [keypadHandlers, promoCode, KeypadView]);
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

package/dist/esm/components/Quantity.js

@@ -4,6 +4,8 @@ var Quantity = function (_a) {
     var quantity = _a.quantity, increment = _a.increment, _b = _a.incrementDisabled, incrementDisabled = _b === void 0 ? false : _b, decrement = _a.decrement, _c = _a.decrementDisabled, decrementDisabled = _c === void 0 ? false : _c, _d = _a.fontSize, fontSize = _d === void 0 ? 28 : _d, _e = _a.iconSize, iconSize = _e === void 0 ? 36 : _e, _f = _a.strokeWidth, strokeWidth = _f === void 0 ? 2 : _f, _g = _a.className, className = _g === void 0 ? 'quantity' : _g, children = _a.children;
     var _h = useAppSelector(selectKioskConfig), _j = className, config = _h[_j];
     var handlers = { increment: increment, decrement: decrement };
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

package/dist/esm/components/Reward.js

@@ -23,6 +23,8 @@ var Reward = function (_a) {
     };
     var handlers = { apply: apply, remove: remove };
     var renderApplied = useCallback(function () { return React.createElement(AppliedContainer, { children: AppliedView }); }, [AppliedView]);
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

package/dist/esm/components/SignInPhone.js

@@ -54,6 +54,8 @@ var SignInPhone = function (_a) {
             setShowSignUp(true);
         }
     }, [errMsg]);
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

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

@@ -9,5 +9,5 @@ declare const SignInQr: ({ close, callback, children, listener, cameraScanner, t
     cameraScanner: ScanListener;
     type?: string;
     imageUrl?: string | null;
-}) => React.JSX.Element;
+}) => React.JSX.Element | null;
 export default SignInQr;

package/dist/esm/components/SignInQr.js

@@ -7,6 +7,8 @@ var SignInQr = function (_a) {
     var _b = useAppSelector(selectKioskConfig), config = _b.signInQr, errorMessageConfig = _b.errorMessage, modalContentConfig = _b.modalContent;
     var _c = useSignInQr(listener, cameraScanner, type, close, callback), handlers = _c.handlers, errMsg = _c.errMsg, scan = _c.scan;
     var CameraComponent = useMemo(function () { return scan === null || scan === void 0 ? void 0 : scan.camera; }, [scan]);
+    if (!config)
+        return null;
     return (React.createElement(React.Fragment, null,
         children({
             config: config,

package/dist/esm/components/TextArea.js

@@ -7,6 +7,8 @@ var TextArea = function (_a) {
         setValue(evt.target.value);
     };
     var handlers = { update: update };
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

package/dist/esm/components/UpsellItem.js

@@ -38,6 +38,8 @@ var UpsellItem = function (_a) {
     if (isIncomplete && !sizeGroup)
         return null;
     var handlers = { add: add, addSize: addSize };
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

package/dist/esm/components/Upsells.js

@@ -11,6 +11,8 @@ var Upsells = function (_a) {
     var items = makeUpsellItems(itemIds, itemLookup);
     var handlers = { close: close };
     var renderUpsellItem = useCallback(function (item, isLast) { return (React.createElement(UpsellItemContainer, { key: item.id, item: item, isLast: isLast, callback: close, children: UpsellItemView })); }, [close, UpsellItemView]);
+    if (!config)
+        return null;
     return children({
         config: config,
         handlers: handlers,

package/package.json

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