@open-tender/store 1.1.49 → 1.1.51

package/LICENSE.md

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2020 Open Tender Inc.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2020 Open Tender Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,3 @@
-# Open Tender Store
-
-A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API.
+# Open Tender Store
+
+A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API.

package/dist/cjs/components/ItemOption.js

@@ -19,6 +19,8 @@ var ItemOption = function (_a) {
         };
         dispatch((0, slices_1.setCurrentOption)(currentOption));
     };
+    if (!config || !cardConfig)
+        return null;
     return children({
         config: config,
         handlers: { showNested: showNested },

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

@@ -1,16 +1,12 @@
-import { InputProps, MadeForNotesProps, TextAreaProps } from '@open-tender/ui';
+import { KeypadProps, MadeForNotesProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const MadeForNotes: ({ subtitle, hasMadeFor, madeFor, setMadeFor, hasNotes, notes, setNotes, close, children, InputView, TextAreaView }: {
+declare const MadeForNotes: ({ subtitle, hasMadeFor, madeFor, setMadeFor, close, children, KeypadView }: {
     subtitle: string;
     hasMadeFor: boolean;
     madeFor: string | null;
     setMadeFor: (madeFor: string) => void;
-    hasNotes: boolean;
-    notes: string | null;
-    setNotes: (notes: string) => void;
     close: () => void;
     children: (props: MadeForNotesProps) => ReactNode;
-    InputView: (props: InputProps) => ReactNode;
-    TextAreaView: (props: TextAreaProps) => ReactNode;
+    KeypadView: (props: KeypadProps) => ReactNode;
 }) => React.ReactNode;
 export default MadeForNotes;

package/dist/cjs/components/MadeForNotes.js

@@ -4,25 +4,23 @@ var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
-var Input_1 = tslib_1.__importDefault(require("./Input"));
-var TextArea_1 = tslib_1.__importDefault(require("./TextArea"));
+var Keypad_1 = tslib_1.__importDefault(require("./Keypad"));
 var MadeForNotes = function (_a) {
-    var subtitle = _a.subtitle, hasMadeFor = _a.hasMadeFor, madeFor = _a.madeFor, setMadeFor = _a.setMadeFor, hasNotes = _a.hasNotes, notes = _a.notes, setNotes = _a.setNotes, close = _a.close, children = _a.children, InputView = _a.InputView, TextAreaView = _a.TextAreaView;
+    var subtitle = _a.subtitle, hasMadeFor = _a.hasMadeFor, madeFor = _a.madeFor, setMadeFor = _a.setMadeFor, close = _a.close, children = _a.children, KeypadView = _a.KeypadView;
     var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.madeForNotes, modalContentConfig = _b.modalContent;
     var handlers = { submit: close };
-    var renderInput = (0, react_1.useCallback)(function (label, value, isRequired, style) { return (react_1.default.createElement(Input_1.default, { label: label, setValue: setMadeFor, value: value, isRequired: isRequired, style: style, children: InputView })); }, [setMadeFor, InputView]);
-    var renderTextArea = (0, react_1.useCallback)(function (label, value, isRequired, style) { return (react_1.default.createElement(TextArea_1.default, { label: label, setValue: setNotes, value: value, isRequired: isRequired, style: style, children: TextAreaView })); }, [TextAreaView, setNotes]);
+    var keypadHandlers = (0, react_1.useMemo)(function () { return ({
+        change: setMadeFor
+    }); }, [setMadeFor]);
+    var renderKeypad = (0, react_1.useCallback)(function () { return (react_1.default.createElement(Keypad_1.default, { type: "default", handlers: keypadHandlers, value: madeFor !== null && madeFor !== void 0 ? madeFor : '', children: KeypadView })); }, [keypadHandlers, madeFor, KeypadView]);
     return children({
         config: config,
         handlers: handlers,
         subtitle: subtitle,
         hasMadeFor: hasMadeFor,
         madeFor: madeFor,
-        hasNotes: hasNotes,
-        notes: notes,
         modalContentConfig: modalContentConfig,
-        renderInput: renderInput,
-        renderTextArea: renderTextArea
+        renderKeypad: renderKeypad
     });
 };
 exports.default = MadeForNotes;

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

@@ -1,9 +1,9 @@
-import { ErrorMessageProps, InputProps, PromoCodeProps } from '@open-tender/ui';
+import { ErrorMessageProps, KeypadProps, PromoCodeProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const PromoCode: ({ close, children, InputView, ErrorMessageView }: {
+declare const PromoCode: ({ close, children, KeypadView, ErrorMessageView }: {
     close: () => void;
     children: (props: PromoCodeProps) => ReactNode;
-    InputView: (props: InputProps) => ReactNode;
+    KeypadView: (props: KeypadProps) => ReactNode;
     ErrorMessageView: (props: ErrorMessageProps) => ReactNode;
 }) => React.ReactNode;
 export default PromoCode;

package/dist/cjs/components/PromoCode.js

@@ -6,9 +6,9 @@ var react_1 = tslib_1.__importStar(require("react"));
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var ErrorMessage_1 = tslib_1.__importDefault(require("./ErrorMessage"));
-var Input_1 = tslib_1.__importDefault(require("./Input"));
+var Keypad_1 = tslib_1.__importDefault(require("./Keypad"));
 var PromoCode = function (_a) {
-    var close = _a.close, children = _a.children, InputView = _a.InputView, ErrorMessageView = _a.ErrorMessageView;
+    var close = _a.close, children = _a.children, KeypadView = _a.KeypadView, ErrorMessageView = _a.ErrorMessageView;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var _b = (0, react_1.useState)(''), promoCode = _b[0], setPromoCode = _b[1];
     var _c = (0, react_1.useState)(false), submitted = _c[0], setSubmitted = _c[1];
@@ -34,15 +34,17 @@ var PromoCode = function (_a) {
         }
     }, [submitted, isLoading, error, close]);
     var renderErrorMessage = (0, react_1.useCallback)(function (errMsg) { return (react_1.default.createElement(ErrorMessage_1.default, { content: errMsg, children: ErrorMessageView })); }, [ErrorMessageView]);
-    var renderInput = (0, react_1.useCallback)(function (value, isRequired, style) { return (react_1.default.createElement(Input_1.default, { setValue: function (value) { return setPromoCode(value); }, value: value, isRequired: isRequired, style: style, children: InputView })); }, [InputView]);
+    var keypadHandlers = (0, react_1.useMemo)(function () { return ({
+        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]);
     return children({
         config: config,
         handlers: handlers,
-        promoCode: promoCode,
         errMsg: errMsg,
         renderErrorMessage: renderErrorMessage,
         modalContentConfig: modalContentConfig,
-        renderInput: renderInput
+        renderKeypad: renderKeypad
     });
 };
 exports.default = PromoCode;

package/dist/esm/components/ItemOption.js

@@ -17,6 +17,8 @@ var ItemOption = function (_a) {
         };
         dispatch(setCurrentOption(currentOption));
     };
+    if (!config || !cardConfig)
+        return null;
     return children({
         config: config,
         handlers: { showNested: showNested },

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

@@ -1,16 +1,12 @@
-import { InputProps, MadeForNotesProps, TextAreaProps } from '@open-tender/ui';
+import { KeypadProps, MadeForNotesProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const MadeForNotes: ({ subtitle, hasMadeFor, madeFor, setMadeFor, hasNotes, notes, setNotes, close, children, InputView, TextAreaView }: {
+declare const MadeForNotes: ({ subtitle, hasMadeFor, madeFor, setMadeFor, close, children, KeypadView }: {
     subtitle: string;
     hasMadeFor: boolean;
     madeFor: string | null;
     setMadeFor: (madeFor: string) => void;
-    hasNotes: boolean;
-    notes: string | null;
-    setNotes: (notes: string) => void;
     close: () => void;
     children: (props: MadeForNotesProps) => ReactNode;
-    InputView: (props: InputProps) => ReactNode;
-    TextAreaView: (props: TextAreaProps) => ReactNode;
+    KeypadView: (props: KeypadProps) => ReactNode;
 }) => React.ReactNode;
 export default MadeForNotes;

package/dist/esm/components/MadeForNotes.js

@@ -1,25 +1,23 @@
-import React, { useCallback } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { useAppSelector } from '../app/hooks';
 import { selectKioskConfig } from '../slices';
-import { default as InputContainer } from './Input';
-import { default as TextAreaContainer } from './TextArea';
+import { default as KeypadContainer } from './Keypad';
 var MadeForNotes = function (_a) {
-    var subtitle = _a.subtitle, hasMadeFor = _a.hasMadeFor, madeFor = _a.madeFor, setMadeFor = _a.setMadeFor, hasNotes = _a.hasNotes, notes = _a.notes, setNotes = _a.setNotes, close = _a.close, children = _a.children, InputView = _a.InputView, TextAreaView = _a.TextAreaView;
+    var subtitle = _a.subtitle, hasMadeFor = _a.hasMadeFor, madeFor = _a.madeFor, setMadeFor = _a.setMadeFor, close = _a.close, children = _a.children, KeypadView = _a.KeypadView;
     var _b = useAppSelector(selectKioskConfig), config = _b.madeForNotes, modalContentConfig = _b.modalContent;
     var handlers = { submit: close };
-    var renderInput = useCallback(function (label, value, isRequired, style) { return (React.createElement(InputContainer, { label: label, setValue: setMadeFor, value: value, isRequired: isRequired, style: style, children: InputView })); }, [setMadeFor, InputView]);
-    var renderTextArea = useCallback(function (label, value, isRequired, style) { return (React.createElement(TextAreaContainer, { label: label, setValue: setNotes, value: value, isRequired: isRequired, style: style, children: TextAreaView })); }, [TextAreaView, setNotes]);
+    var keypadHandlers = useMemo(function () { return ({
+        change: setMadeFor
+    }); }, [setMadeFor]);
+    var renderKeypad = useCallback(function () { return (React.createElement(KeypadContainer, { type: "default", handlers: keypadHandlers, value: madeFor !== null && madeFor !== void 0 ? madeFor : '', children: KeypadView })); }, [keypadHandlers, madeFor, KeypadView]);
     return children({
         config: config,
         handlers: handlers,
         subtitle: subtitle,
         hasMadeFor: hasMadeFor,
         madeFor: madeFor,
-        hasNotes: hasNotes,
-        notes: notes,
         modalContentConfig: modalContentConfig,
-        renderInput: renderInput,
-        renderTextArea: renderTextArea
+        renderKeypad: renderKeypad
     });
 };
 export default MadeForNotes;

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

@@ -1,9 +1,9 @@
-import { ErrorMessageProps, InputProps, PromoCodeProps } from '@open-tender/ui';
+import { ErrorMessageProps, KeypadProps, PromoCodeProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const PromoCode: ({ close, children, InputView, ErrorMessageView }: {
+declare const PromoCode: ({ close, children, KeypadView, ErrorMessageView }: {
     close: () => void;
     children: (props: PromoCodeProps) => ReactNode;
-    InputView: (props: InputProps) => ReactNode;
+    KeypadView: (props: KeypadProps) => ReactNode;
     ErrorMessageView: (props: ErrorMessageProps) => ReactNode;
 }) => React.ReactNode;
 export default PromoCode;

package/dist/esm/components/PromoCode.js

@@ -1,11 +1,11 @@
 import { handleRespError } from '@open-tender/utils';
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { addPromoCode, selectKioskConfig, selectOrder } from '../slices';
 import { default as ErrorMessageContainer } from './ErrorMessage';
-import { default as InputContainer } from './Input';
+import { default as KeypadContainer } from './Keypad';
 var PromoCode = function (_a) {
-    var close = _a.close, children = _a.children, InputView = _a.InputView, ErrorMessageView = _a.ErrorMessageView;
+    var close = _a.close, children = _a.children, KeypadView = _a.KeypadView, ErrorMessageView = _a.ErrorMessageView;
     var dispatch = useAppDispatch();
     var _b = useState(''), promoCode = _b[0], setPromoCode = _b[1];
     var _c = useState(false), submitted = _c[0], setSubmitted = _c[1];
@@ -31,15 +31,17 @@ var PromoCode = function (_a) {
         }
     }, [submitted, isLoading, error, close]);
     var renderErrorMessage = useCallback(function (errMsg) { return (React.createElement(ErrorMessageContainer, { content: errMsg, children: ErrorMessageView })); }, [ErrorMessageView]);
-    var renderInput = useCallback(function (value, isRequired, style) { return (React.createElement(InputContainer, { setValue: function (value) { return setPromoCode(value); }, value: value, isRequired: isRequired, style: style, children: InputView })); }, [InputView]);
+    var keypadHandlers = useMemo(function () { return ({
+        change: setPromoCode
+    }); }, [setPromoCode]);
+    var renderKeypad = useCallback(function () { return (React.createElement(KeypadContainer, { type: "default", handlers: keypadHandlers, value: promoCode, children: KeypadView })); }, [keypadHandlers, promoCode, KeypadView]);
     return children({
         config: config,
         handlers: handlers,
-        promoCode: promoCode,
         errMsg: errMsg,
         renderErrorMessage: renderErrorMessage,
         modalContentConfig: modalContentConfig,
-        renderInput: renderInput
+        renderKeypad: renderKeypad
     });
 };
 export default PromoCode;

package/package.json

@@ -1,75 +1,78 @@
-{
-  "name": "@open-tender/store",
-  "version": "1.1.49",
-  "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",
-  "types": "./dist/esm/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "rm -rf ./dist/ && yarn build:esm && yarn build:cjs",
-    "build:esm": "tsc",
-    "build:cjs": "tsc --module commonjs --outDir dist/cjs",
-    "lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
-    "lint:fix": "eslint . --fix",
-    "prettier": "prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\""
-  },
-  "homepage": "https://github.com/open-tender/open-tender-store",
-  "bugs": "https://github.com/open-tender/open-tender-store/issues",
-  "repository": {
-    "url": "https://github.com/open-tender/open-tender-store",
-    "type": "git"
-  },
-  "author": "JC Harrington <jc@opentender.io> (https://www.opentender.io)",
-  "keywords": [
-    "open-tender",
-    "react",
-    "redux",
-    "ecommerce",
-    "restaurants"
-  ],
-  "license": "MIT",
-  "private": false,
-  "devDependencies": {
-    "@babel/core": "^7.23.6",
-    "@emotion/react": "^11.11.1",
-    "@reduxjs/toolkit": "^2.0.1",
-    "@types/react": "^18.2.45",
-    "@types/react-dom": "^18.2.18",
-    "@types/uuid": "^9.0.7",
-    "@typescript-eslint/eslint-plugin": "^6.14.0",
-    "@typescript-eslint/parser": "^6.14.0",
-    "date-fns": "2.30.0",
-    "date-fns-tz": "^2.0.0",
-    "eslint": "^8.56.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "prettier": "^3.1.1",
-    "react": "^18.2.0",
-    "react-device-detect": "^2.2.3",
-    "react-dom": "^18.2.0",
-    "react-fast-compare": "^3.2.2",
-    "react-redux": "^9.0.4",
-    "tslib": "^2.6.2",
-    "typescript": "^5.3.3",
-    "uuid": "^9.0.1"
-  },
-  "peerDependencies": {
-    "@emotion/react": "^11.11.1",
-    "@open-tender/types": "^0.4.58",
-    "@open-tender/ui": "^0.3.48",
-    "@open-tender/utils": "^0.4.31",
-    "@reduxjs/toolkit": "^2.0.1",
-    "date-fns": "2.30.0",
-    "date-fns-tz": "^2.0.0",
-    "react": "^18.2.0",
-    "react-device-detect": "^2.2.3",
-    "react-dom": "^18.2.0",
-    "uuid": "^9.0.1"
-  }
-}
+{
+  "name": "@open-tender/store",
+  "version": "1.1.51",
+  "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",
+  "types": "./dist/esm/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rm -rf ./dist/ && yarn build:esm && yarn build:cjs",
+    "build:esm": "tsc",
+    "build:cjs": "tsc --module commonjs --outDir dist/cjs",
+    "lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
+    "lint:fix": "eslint . --fix",
+    "prettier": "prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\""
+  },
+  "homepage": "https://github.com/open-tender/open-tender-store",
+  "bugs": "https://github.com/open-tender/open-tender-store/issues",
+  "repository": {
+    "url": "https://github.com/open-tender/open-tender-store",
+    "type": "git"
+  },
+  "author": "JC Harrington <jc@opentender.io> (https://www.opentender.io)",
+  "keywords": [
+    "open-tender",
+    "react",
+    "redux",
+    "ecommerce",
+    "restaurants"
+  ],
+  "license": "MIT",
+  "private": false,
+  "devDependencies": {
+    "@babel/core": "^7.23.6",
+    "@emotion/react": "^11.11.1",
+    "@open-tender/types": "^0.4.58",
+    "@open-tender/ui": "^0.3.49",
+    "@open-tender/utils": "^0.4.31",
+    "@reduxjs/toolkit": "^2.0.1",
+    "@types/react": "^18.2.45",
+    "@types/react-dom": "^18.2.18",
+    "@types/uuid": "^9.0.7",
+    "@typescript-eslint/eslint-plugin": "^6.14.0",
+    "@typescript-eslint/parser": "^6.14.0",
+    "date-fns": "2.30.0",
+    "date-fns-tz": "^2.0.0",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "prettier": "^3.1.1",
+    "react": "^18.2.0",
+    "react-device-detect": "^2.2.3",
+    "react-dom": "^18.2.0",
+    "react-fast-compare": "^3.2.2",
+    "react-redux": "^9.0.4",
+    "tslib": "^2.6.2",
+    "typescript": "^5.3.3",
+    "uuid": "^9.0.1"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.11.1",
+    "@open-tender/types": "^0.4.58",
+    "@open-tender/ui": "^0.3.49",
+    "@open-tender/utils": "^0.4.31",
+    "@reduxjs/toolkit": "^2.0.1",
+    "date-fns": "2.30.0",
+    "date-fns-tz": "^2.0.0",
+    "react": "^18.2.0",
+    "react-device-detect": "^2.2.3",
+    "react-dom": "^18.2.0",
+    "uuid": "^9.0.1"
+  }
+}