@open-tender/store 1.1.177 → 1.1.178

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

@@ -1,9 +1,9 @@
 import { Order } from '@open-tender/types';
 import { ErrorMessageProps, OrderCardProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const OrderCard: ({ order, navigate, children, ErrorMessageView }: {
+declare const OrderCard: ({ order, goToCheckout, children, ErrorMessageView }: {
     order: Order;
-    navigate: (route: string) => void;
+    goToCheckout: () => void;
     children: (props: OrderCardProps) => ReactNode;
     ErrorMessageView: (props: ErrorMessageProps) => ReactNode;
 }) => React.ReactNode;

package/dist/cjs/components/OrderCard.js

@@ -2,12 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
+var uuid_1 = require("uuid");
 var hooks_1 = require("../app/hooks");
 var hooks_2 = require("../hooks");
 var slices_1 = require("../slices");
 var ErrorMessage_1 = tslib_1.__importDefault(require("./ErrorMessage"));
 var OrderCard = function (_a) {
-    var order = _a.order, navigate = _a.navigate, children = _a.children, ErrorMessageView = _a.ErrorMessageView;
+    var order = _a.order, goToCheckout = _a.goToCheckout, children = _a.children, ErrorMessageView = _a.ErrorMessageView;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
     var _b = (0, react_1.useState)(null), errMsg = _b[0], setErrMsg = _b[1];
@@ -32,10 +33,11 @@ var OrderCard = function (_a) {
                 setErrMsg(error.detail);
             }
             else {
-                navigate('/checkout/details');
+                dispatch((0, slices_1.setOrderId)((0, uuid_1.v4)()));
+                goToCheckout();
             }
         }
-    }, [isLoading, isReordering, error, navigate]);
+    }, [dispatch, isLoading, isReordering, error, goToCheckout]);
     var renderErrorMessage = (0, react_1.useCallback)(function (errMsg) { return (react_1.default.createElement(ErrorMessage_1.default, { content: errMsg, children: ErrorMessageView })); }, [ErrorMessageView]);
     if (!config)
         return null;

package/dist/cjs/hooks/useOrderValidate.js

@@ -11,12 +11,12 @@ var useOrderValidate = function () {
     var checkout = (0, hooks_1.useAppSelector)(slices_1.selectPosCheckout);
     var order = (0, hooks_1.useAppSelector)(slices_1.selectOrder);
     var preparedOrder = (0, slices_1.prepareOrder)(order, checkout);
-    var ordeCheckout = tslib_1.__rest(preparedOrder || {}, []);
-    var prevOrderCheckout = (0, usePrevious_1.default)(ordeCheckout);
+    var orderCheckout = tslib_1.__rest(preparedOrder || {}, []);
+    var prevOrderCheckout = (0, usePrevious_1.default)(orderCheckout);
     (0, react_1.useEffect)(function () {
-        if (preparedOrder && !(0, react_fast_compare_1.default)(prevOrderCheckout, ordeCheckout)) {
+        if (preparedOrder && !(0, react_fast_compare_1.default)(prevOrderCheckout, orderCheckout)) {
             dispatch((0, slices_1.validatePosOrder)());
         }
-    }, [dispatch, preparedOrder, prevOrderCheckout, ordeCheckout]);
+    }, [dispatch, preparedOrder, prevOrderCheckout, orderCheckout]);
 };
 exports.default = useOrderValidate;

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

@@ -1,9 +1,9 @@
 import { Order } from '@open-tender/types';
 import { ErrorMessageProps, OrderCardProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const OrderCard: ({ order, navigate, children, ErrorMessageView }: {
+declare const OrderCard: ({ order, goToCheckout, children, ErrorMessageView }: {
     order: Order;
-    navigate: (route: string) => void;
+    goToCheckout: () => void;
     children: (props: OrderCardProps) => ReactNode;
     ErrorMessageView: (props: ErrorMessageProps) => ReactNode;
 }) => React.ReactNode;

package/dist/esm/components/OrderCard.js

@@ -1,10 +1,11 @@
 import React, { useCallback, useEffect, useState } from 'react';
+import { v4 as uuidv4 } from 'uuid';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { useOrder } from '../hooks';
-import { selectKioskConfig, selectOrder, reorder as reorderPastOrder, openModal, selectKioskApi } from '../slices';
+import { selectKioskConfig, selectOrder, reorder as reorderPastOrder, openModal, selectKioskApi, setOrderId } from '../slices';
 import { default as ErrorMessageContainer } from './ErrorMessage';
 var OrderCard = function (_a) {
-    var order = _a.order, navigate = _a.navigate, children = _a.children, ErrorMessageView = _a.ErrorMessageView;
+    var order = _a.order, goToCheckout = _a.goToCheckout, children = _a.children, ErrorMessageView = _a.ErrorMessageView;
     var dispatch = useAppDispatch();
     var apiUrl = useAppSelector(selectKioskApi);
     var _b = useState(null), errMsg = _b[0], setErrMsg = _b[1];
@@ -29,10 +30,11 @@ var OrderCard = function (_a) {
                 setErrMsg(error.detail);
             }
             else {
-                navigate('/checkout/details');
+                dispatch(setOrderId(uuidv4()));
+                goToCheckout();
             }
         }
-    }, [isLoading, isReordering, error, navigate]);
+    }, [dispatch, isLoading, isReordering, error, goToCheckout]);
     var renderErrorMessage = useCallback(function (errMsg) { return (React.createElement(ErrorMessageContainer, { content: errMsg, children: ErrorMessageView })); }, [ErrorMessageView]);
     if (!config)
         return null;

package/dist/esm/hooks/useOrderValidate.js

@@ -9,12 +9,12 @@ var useOrderValidate = function () {
     var checkout = useAppSelector(selectPosCheckout);
     var order = useAppSelector(selectOrder);
     var preparedOrder = prepareOrder(order, checkout);
-    var ordeCheckout = __rest(preparedOrder || {}, []);
-    var prevOrderCheckout = usePrevious(ordeCheckout);
+    var orderCheckout = __rest(preparedOrder || {}, []);
+    var prevOrderCheckout = usePrevious(orderCheckout);
     useEffect(function () {
-        if (preparedOrder && !isEqual(prevOrderCheckout, ordeCheckout)) {
+        if (preparedOrder && !isEqual(prevOrderCheckout, orderCheckout)) {
             dispatch(validatePosOrder());
         }
-    }, [dispatch, preparedOrder, prevOrderCheckout, ordeCheckout]);
+    }, [dispatch, preparedOrder, prevOrderCheckout, orderCheckout]);
 };
 export default useOrderValidate;

package/package.json

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