@open-tender/store 1.1.162 → 1.1.164

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

@@ -1,12 +1,13 @@
 import { CartItemGroups, CartLevels } from '@open-tender/types';
 import { Handlers, ItemGroupsProps, ItemOptionProps, ErrorMessageProps, SuccessMessageProps, ItemGroupProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const ItemGroups: ({ handlers, groups, levels, excludeSize, className, children, ItemGroupView, ItemOptionView, ErrorMessageView, SuccessMessageView }: {
+declare const ItemGroups: ({ handlers, groups, levels, excludeSize, configName, optionConfigName, children, ItemGroupView, ItemOptionView, ErrorMessageView, SuccessMessageView }: {
     handlers: Handlers;
     groups: CartItemGroups;
     levels: CartLevels;
     excludeSize?: boolean;
-    className?: string;
+    configName?: string;
+    optionConfigName?: string;
     children: (props: ItemGroupsProps) => ReactNode;
     ItemOptionView: (props: ItemOptionProps) => ReactNode;
     ItemGroupView: (props: ItemGroupProps) => ReactNode;

package/dist/cjs/components/ItemGroups.js

@@ -7,9 +7,9 @@ var slices_1 = require("../slices");
 var ItemGroup_1 = tslib_1.__importDefault(require("./ItemGroup"));
 var ItemOption_1 = tslib_1.__importDefault(require("./ItemOption"));
 var ItemGroups = function (_a) {
-    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, _b = _a.excludeSize, excludeSize = _b === void 0 ? true : _b, _c = _a.className, className = _c === void 0 ? 'itemOption' : _c, children = _a.children, ItemGroupView = _a.ItemGroupView, ItemOptionView = _a.ItemOptionView, ErrorMessageView = _a.ErrorMessageView, SuccessMessageView = _a.SuccessMessageView;
-    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).itemGroups;
-    var renderItemOption = (0, react_1.useCallback)(function (group, option) { return (react_1.default.createElement(ItemOption_1.default, { key: "".concat(group.id, "-").concat(option.id), levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView, className: className })); }, [levels, handlers, ItemOptionView, className]);
+    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, _b = _a.excludeSize, excludeSize = _b === void 0 ? true : _b, _c = _a.configName, configName = _c === void 0 ? 'itemGroups' : _c, _d = _a.optionConfigName, optionConfigName = _d === void 0 ? 'itemOption' : _d, children = _a.children, ItemGroupView = _a.ItemGroupView, ItemOptionView = _a.ItemOptionView, ErrorMessageView = _a.ErrorMessageView, SuccessMessageView = _a.SuccessMessageView;
+    var _e = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), _f = configName, config = _e[_f];
+    var renderItemOption = (0, react_1.useCallback)(function (group, option) { return (react_1.default.createElement(ItemOption_1.default, { key: "".concat(group.id, "-").concat(option.id), levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView, configName: optionConfigName })); }, [levels, handlers, ItemOptionView, optionConfigName]);
     var renderItemGroup = (0, react_1.useCallback)(function (group, content) { return (react_1.default.createElement(ItemGroup_1.default, { key: group.id, SuccessMessageView: SuccessMessageView, ErrorMessageView: ErrorMessageView, group: group, content: content, children: ItemGroupView })); }, [ItemGroupView, ErrorMessageView, SuccessMessageView]);
     if (!config)
         return null;

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

@@ -1,13 +1,13 @@
 import { CartItemGroup, CartItemOption, CartLevels } from '@open-tender/types';
 import { Handlers, ItemOptionProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const ItemOption: ({ handlers, group, option, levels, placeholder, children, className }: {
+declare const ItemOption: ({ handlers, group, option, levels, placeholder, children, configName }: {
     handlers: Handlers;
     group: CartItemGroup;
     option: CartItemOption;
     levels: CartLevels;
     placeholder?: string;
     children: (props: ItemOptionProps) => ReactNode;
-    className?: string;
+    configName?: string;
 }) => ReactNode;
 export default ItemOption;

package/dist/cjs/components/ItemOption.js

@@ -4,10 +4,10 @@ var utils_1 = require("@open-tender/utils");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var ItemOption = function (_a) {
-    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, placeholder = _a.placeholder, children = _a.children, _b = _a.className, className = _b === void 0 ? 'itemOption' : _b;
+    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, placeholder = _a.placeholder, children = _a.children, _b = _a.configName, configName = _b === void 0 ? 'itemOption' : _b;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
-    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), _d = className, config = _c[_d];
+    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), _d = configName, config = _c[_d];
     var toggleOption = handlers.toggleOption, incrementOption = handlers.incrementOption, decrementOption = handlers.decrementOption, setOptionQuantity = handlers.setOptionQuantity;
     var allergenAlerts = [];
     var modifier = (0, utils_1.useModifier)(group, option, levels, toggleOption, incrementOption, decrementOption, setOptionQuantity, allergenAlerts);

package/dist/cjs/services/api.d.ts

@@ -56,6 +56,7 @@ declare class PosAPI {
     postTender(orderId: string, data: CheckoutTenderPos): Promise<OrderTender>;
     patchTender(orderId: string, index: number, data: CheckoutTenderPos): Promise<OrderTender>;
     postTenderVoid(orderId: string, index: number): Promise<OrderTender>;
+    postCreditTender(orderId: string, data: CheckoutTenderPos): Promise<unknown>;
     postChipDNATender(orderId: string, data: CheckoutTender): Promise<unknown>;
     postChipDNACancel(): Promise<null>;
     postChipDNATmsUpdate(): Promise<null>;

package/dist/cjs/services/api.js

@@ -276,6 +276,9 @@ var PosAPI = /** @class */ (function () {
     PosAPI.prototype.postTenderVoid = function (orderId, index) {
         return this.request("/orders/".concat(orderId, "/tenders/").concat(index, "/void"), 'POST', {});
     };
+    PosAPI.prototype.postCreditTender = function (orderId, data) {
+        return this.request("/orders/".concat(orderId, "/tenders/credit"), 'POST', data);
+    };
     PosAPI.prototype.postChipDNATender = function (orderId, data) {
         return this.request("/orders/".concat(orderId, "/tenders/chipdna"), 'POST', data);
     };

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

@@ -33,6 +33,7 @@ export declare enum CheckoutActionType {
     UpdateCart = "checkout/updateCart",
     IdentifyCustomer = "checkout/identifyCustomer",
     CompleteChipDNA = "checkout/completeChipDNA",
+    AddCreditTender = "checkout/addCreditTender",
     ValidatePosOrder = "checkout/validatePosOrder",
     SubmitPosOrder = "checkout/submitPosOrder",
     VoidPosOrder = "checkout/voidPosOrder",
@@ -113,6 +114,16 @@ export declare const completeChipDNA: import("@reduxjs/toolkit").AsyncThunk<any,
     fulfilledMeta?: unknown;
     rejectedMeta?: unknown;
 }>;
+export declare const addCreditTender: import("@reduxjs/toolkit").AsyncThunk<any, void, {
+    state: AppState;
+    rejectValue: RequestError;
+    dispatch?: import("redux").Dispatch<import("redux").UnknownAction> | undefined;
+    extra?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
 export declare const validatePosOrder: import("@reduxjs/toolkit").AsyncThunk<void | Order, void, {
     state: AppState;
     rejectValue: RequestError;

package/dist/cjs/slices/checkout.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkoutReducer = exports.selectPosCheckTenders = exports.selectPosCheckTotal = exports.selectPosCheckSubtotal = exports.selectPosAmountDue = exports.selectPosPendingDiscounts = exports.selectPosCustomerNameShort = exports.selectPosCustomerName = exports.selectPosCustomer = exports.selectPosCheck = exports.selectPosCheckout = exports.setPhone = exports.setMadeFor = exports.setPoints = exports.setPendingDiscounts = exports.removeCustomer = exports.addCustomer = exports.setTaxExempt = exports.removeTip = exports.addTip = exports.removeTax = exports.addTax = exports.removeDiscount = exports.addDiscount = exports.removeSurcharge = exports.addSurcharge = exports.removeGiftCard = exports.addGiftCard = exports.handleCheckoutError = exports.resetPosCheck = exports.resetPosCheckout = exports.activateGiftCards = exports.voidPosOrder = exports.submitPosOrder = exports.validatePosOrder = exports.completeChipDNA = exports.identifyCustomer = exports.updateCart = exports.updateTender = exports.removeTender = exports.addTender = exports.addPromoCode = exports.CheckoutActionType = exports.prepareOrder = void 0;
+exports.checkoutReducer = exports.selectPosCheckTenders = exports.selectPosCheckTotal = exports.selectPosCheckSubtotal = exports.selectPosAmountDue = exports.selectPosPendingDiscounts = exports.selectPosCustomerNameShort = exports.selectPosCustomerName = exports.selectPosCustomer = exports.selectPosCheck = exports.selectPosCheckout = exports.setPhone = exports.setMadeFor = exports.setPoints = exports.setPendingDiscounts = exports.removeCustomer = exports.addCustomer = exports.setTaxExempt = exports.removeTip = exports.addTip = exports.removeTax = exports.addTax = exports.removeDiscount = exports.addDiscount = exports.removeSurcharge = exports.addSurcharge = exports.removeGiftCard = exports.addGiftCard = exports.handleCheckoutError = exports.resetPosCheck = exports.resetPosCheckout = exports.activateGiftCards = exports.voidPosOrder = exports.submitPosOrder = exports.validatePosOrder = exports.addCreditTender = exports.completeChipDNA = exports.identifyCustomer = exports.updateCart = exports.updateTender = exports.removeTender = exports.addTender = exports.addPromoCode = exports.CheckoutActionType = exports.prepareOrder = void 0;
 var tslib_1 = require("tslib");
 var utils_1 = require("@open-tender/utils");
 var toolkit_1 = require("@reduxjs/toolkit");
@@ -74,6 +74,7 @@ var CheckoutActionType;
     CheckoutActionType["UpdateCart"] = "checkout/updateCart";
     CheckoutActionType["IdentifyCustomer"] = "checkout/identifyCustomer";
     CheckoutActionType["CompleteChipDNA"] = "checkout/completeChipDNA";
+    CheckoutActionType["AddCreditTender"] = "checkout/addCreditTender";
     CheckoutActionType["ValidatePosOrder"] = "checkout/validatePosOrder";
     CheckoutActionType["SubmitPosOrder"] = "checkout/submitPosOrder";
     CheckoutActionType["VoidPosOrder"] = "checkout/voidPosOrder";
@@ -318,8 +319,44 @@ exports.completeChipDNA = (0, toolkit_1.createAsyncThunk)(CheckoutActionType.Com
         }
     });
 }); });
+exports.addCreditTender = (0, toolkit_1.createAsyncThunk)(CheckoutActionType.AddCreditTender, function (_1, _a) { return tslib_1.__awaiter(void 0, [_1, _a], void 0, function (_, _b) {
+    var _c, config, order, checkout, orderId, api, amount, tender, response, card_token, hasLoyalty, data, callback, err_7;
+    var _d;
+    var dispatch = _b.dispatch, getState = _b.getState, rejectWithValue = _b.rejectWithValue;
+    return tslib_1.__generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                _e.trys.push([0, 5, , 6]);
+                _c = getState(), config = _c.config, order = _c.order, checkout = _c.checkout;
+                orderId = order.orderId;
+                if (!orderId)
+                    return [2 /*return*/];
+                api = config.api;
+                amount = getAmountDue(checkout.check);
+                tender = { tender_type: 'CREDIT', amount: amount };
+                return [4 /*yield*/, api.postCreditTender(orderId, tender)];
+            case 1:
+                response = _e.sent();
+                console.log(response);
+                card_token = null;
+                hasLoyalty = (_d = config.store) === null || _d === void 0 ? void 0 : _d.has_loyalty;
+                if (!(hasLoyalty && card_token && !checkout.customer)) return [3 /*break*/, 2];
+                data = { card_token: card_token };
+                callback = function () { return dispatch((0, exports.validatePosOrder)()); };
+                dispatch((0, exports.identifyCustomer)({ data: data, callback: callback }));
+                return [2 /*return*/];
+            case 2: return [4 /*yield*/, dispatch((0, exports.validatePosOrder)())];
+            case 3: return [2 /*return*/, _e.sent()];
+            case 4: return [3 /*break*/, 6];
+            case 5:
+                err_7 = _e.sent();
+                return [2 /*return*/, rejectWithValue(err_7)];
+            case 6: return [2 /*return*/];
+        }
+    });
+}); });
 exports.validatePosOrder = (0, toolkit_1.createAsyncThunk)(CheckoutActionType.ValidatePosOrder, function (_1, _a) { return tslib_1.__awaiter(void 0, [_1, _a], void 0, function (_, _b) {
-    var _c, config, order, checkout, preparedOrder, check, submitted, validated_1, toRemove, err_7, errors, fields;
+    var _c, config, order, checkout, preparedOrder, check, submitted, validated_1, toRemove, err_8, errors, fields;
     var _d;
     var dispatch = _b.dispatch, getState = _b.getState, rejectWithValue = _b.rejectWithValue;
     return tslib_1.__generator(this, function (_e) {
@@ -341,19 +378,19 @@ exports.validatePosOrder = (0, toolkit_1.createAsyncThunk)(CheckoutActionType.Va
                 toRemove === null || toRemove === void 0 ? void 0 : toRemove.forEach(function (id) { return dispatch((0, exports.removeDiscount)({ id: id })); });
                 return [2 /*return*/, check];
             case 2:
-                err_7 = _e.sent();
-                errors = (0, utils_1.handleRespError)(err_7).errors;
+                err_8 = _e.sent();
+                errors = (0, utils_1.handleRespError)(err_8).errors;
                 fields = errors ? Object.keys(errors) : [];
                 if (fields.includes('order_uuid')) {
                     dispatch((0, order_1.setOrderId)((0, uuid_1.v4)()));
                 }
-                return [2 /*return*/, rejectWithValue(err_7)];
+                return [2 /*return*/, rejectWithValue(err_8)];
             case 3: return [2 /*return*/];
         }
     });
 }); });
 exports.submitPosOrder = (0, toolkit_1.createAsyncThunk)(CheckoutActionType.SubmitPosOrder, function (_1, _a) { return tslib_1.__awaiter(void 0, [_1, _a], void 0, function (_, _b) {
-    var _c, config, order, checkout, preparedOrder, response, err_8, errors, fields;
+    var _c, config, order, checkout, preparedOrder, response, err_9, errors, fields;
     var dispatch = _b.dispatch, getState = _b.getState, rejectWithValue = _b.rejectWithValue;
     return tslib_1.__generator(this, function (_d) {
         switch (_d.label) {
@@ -369,19 +406,19 @@ exports.submitPosOrder = (0, toolkit_1.createAsyncThunk)(CheckoutActionType.Subm
                 dispatch((0, pos_1.setLastOrderId)(response.order_uuid || null));
                 return [2 /*return*/, response];
             case 2:
-                err_8 = _d.sent();
-                errors = (0, utils_1.handleRespError)(err_8).errors;
+                err_9 = _d.sent();
+                errors = (0, utils_1.handleRespError)(err_9).errors;
                 fields = errors ? Object.keys(errors) : [];
                 if (fields.includes('order_uuid')) {
                     dispatch((0, order_1.setOrderId)((0, uuid_1.v4)()));
                 }
-                return [2 /*return*/, rejectWithValue(err_8)];
+                return [2 /*return*/, rejectWithValue(err_9)];
             case 3: return [2 /*return*/];
         }
     });
 }); });
 exports.voidPosOrder = (0, toolkit_1.createAsyncThunk)(CheckoutActionType.VoidPosOrder, function (_1, _a) { return tslib_1.__awaiter(void 0, [_1, _a], void 0, function (_, _b) {
-    var _c, config, order, checkout, preparedOrder, err_9;
+    var _c, config, order, checkout, preparedOrder, err_10;
     var getState = _b.getState, rejectWithValue = _b.rejectWithValue;
     return tslib_1.__generator(this, function (_d) {
         switch (_d.label) {
@@ -394,14 +431,14 @@ exports.voidPosOrder = (0, toolkit_1.createAsyncThunk)(CheckoutActionType.VoidPo
                 return [4 /*yield*/, config.api.deleteOrder(preparedOrder)];
             case 1: return [2 /*return*/, _d.sent()];
             case 2:
-                err_9 = _d.sent();
-                return [2 /*return*/, rejectWithValue(err_9)];
+                err_10 = _d.sent();
+                return [2 /*return*/, rejectWithValue(err_10)];
             case 3: return [2 /*return*/];
         }
     });
 }); });
 exports.activateGiftCards = (0, toolkit_1.createAsyncThunk)(CheckoutActionType.ActivateGiftCards, function (_1, _a) { return tslib_1.__awaiter(void 0, [_1, _a], void 0, function (_, _b) {
-    var api_1, giftCards, requests, err_10;
+    var api_1, giftCards, requests, err_11;
     var getState = _b.getState, rejectWithValue = _b.rejectWithValue;
     return tslib_1.__generator(this, function (_c) {
         switch (_c.label) {
@@ -418,8 +455,8 @@ exports.activateGiftCards = (0, toolkit_1.createAsyncThunk)(CheckoutActionType.A
                 return [4 /*yield*/, Promise.all(requests)];
             case 1: return [2 /*return*/, _c.sent()];
             case 2:
-                err_10 = _c.sent();
-                return [2 /*return*/, rejectWithValue(err_10)];
+                err_11 = _c.sent();
+                return [2 /*return*/, rejectWithValue(err_11)];
             case 3: return [2 /*return*/];
         }
     });
@@ -605,6 +642,17 @@ var checkoutSlice = (0, toolkit_1.createSlice)({
             .addCase(exports.completeChipDNA.rejected, function (state, action) {
             state.loading = 'idle';
             state.error = action.payload;
+        })
+            .addCase(exports.addCreditTender.fulfilled, function (state) {
+            state.loading = 'idle';
+            state.error = null;
+        })
+            .addCase(exports.addCreditTender.pending, function (state) {
+            state.loading = 'pending';
+        })
+            .addCase(exports.addCreditTender.rejected, function (state, action) {
+            state.loading = 'idle';
+            state.error = action.payload;
         })
             .addCase(exports.validatePosOrder.fulfilled, function (state, action) {
             state.check = action.payload || null;

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

@@ -1,12 +1,13 @@
 import { CartItemGroups, CartLevels } from '@open-tender/types';
 import { Handlers, ItemGroupsProps, ItemOptionProps, ErrorMessageProps, SuccessMessageProps, ItemGroupProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const ItemGroups: ({ handlers, groups, levels, excludeSize, className, children, ItemGroupView, ItemOptionView, ErrorMessageView, SuccessMessageView }: {
+declare const ItemGroups: ({ handlers, groups, levels, excludeSize, configName, optionConfigName, children, ItemGroupView, ItemOptionView, ErrorMessageView, SuccessMessageView }: {
     handlers: Handlers;
     groups: CartItemGroups;
     levels: CartLevels;
     excludeSize?: boolean;
-    className?: string;
+    configName?: string;
+    optionConfigName?: string;
     children: (props: ItemGroupsProps) => ReactNode;
     ItemOptionView: (props: ItemOptionProps) => ReactNode;
     ItemGroupView: (props: ItemGroupProps) => ReactNode;

package/dist/esm/components/ItemGroups.js

@@ -4,9 +4,9 @@ import { selectKioskConfig } from '../slices';
 import { default as ItemGroupContainer } from './ItemGroup';
 import { default as ItemOptionContainer } from './ItemOption';
 var ItemGroups = function (_a) {
-    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, _b = _a.excludeSize, excludeSize = _b === void 0 ? true : _b, _c = _a.className, className = _c === void 0 ? 'itemOption' : _c, children = _a.children, ItemGroupView = _a.ItemGroupView, ItemOptionView = _a.ItemOptionView, ErrorMessageView = _a.ErrorMessageView, SuccessMessageView = _a.SuccessMessageView;
-    var config = useAppSelector(selectKioskConfig).itemGroups;
-    var renderItemOption = useCallback(function (group, option) { return (React.createElement(ItemOptionContainer, { key: "".concat(group.id, "-").concat(option.id), levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView, className: className })); }, [levels, handlers, ItemOptionView, className]);
+    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, _b = _a.excludeSize, excludeSize = _b === void 0 ? true : _b, _c = _a.configName, configName = _c === void 0 ? 'itemGroups' : _c, _d = _a.optionConfigName, optionConfigName = _d === void 0 ? 'itemOption' : _d, children = _a.children, ItemGroupView = _a.ItemGroupView, ItemOptionView = _a.ItemOptionView, ErrorMessageView = _a.ErrorMessageView, SuccessMessageView = _a.SuccessMessageView;
+    var _e = useAppSelector(selectKioskConfig), _f = configName, config = _e[_f];
+    var renderItemOption = useCallback(function (group, option) { return (React.createElement(ItemOptionContainer, { key: "".concat(group.id, "-").concat(option.id), levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView, configName: optionConfigName })); }, [levels, handlers, ItemOptionView, optionConfigName]);
     var renderItemGroup = useCallback(function (group, content) { return (React.createElement(ItemGroupContainer, { key: group.id, SuccessMessageView: SuccessMessageView, ErrorMessageView: ErrorMessageView, group: group, content: content, children: ItemGroupView })); }, [ItemGroupView, ErrorMessageView, SuccessMessageView]);
     if (!config)
         return null;

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

@@ -1,13 +1,13 @@
 import { CartItemGroup, CartItemOption, CartLevels } from '@open-tender/types';
 import { Handlers, ItemOptionProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const ItemOption: ({ handlers, group, option, levels, placeholder, children, className }: {
+declare const ItemOption: ({ handlers, group, option, levels, placeholder, children, configName }: {
     handlers: Handlers;
     group: CartItemGroup;
     option: CartItemOption;
     levels: CartLevels;
     placeholder?: string;
     children: (props: ItemOptionProps) => ReactNode;
-    className?: string;
+    configName?: string;
 }) => ReactNode;
 export default ItemOption;

package/dist/esm/components/ItemOption.js

@@ -2,10 +2,10 @@ import { useModifier } from '@open-tender/utils';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { selectKioskApi, selectKioskConfig, setCurrentOption } from '../slices';
 var ItemOption = function (_a) {
-    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, placeholder = _a.placeholder, children = _a.children, _b = _a.className, className = _b === void 0 ? 'itemOption' : _b;
+    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, placeholder = _a.placeholder, children = _a.children, _b = _a.configName, configName = _b === void 0 ? 'itemOption' : _b;
     var dispatch = useAppDispatch();
     var apiUrl = useAppSelector(selectKioskApi);
-    var _c = useAppSelector(selectKioskConfig), _d = className, config = _c[_d];
+    var _c = useAppSelector(selectKioskConfig), _d = configName, config = _c[_d];
     var toggleOption = handlers.toggleOption, incrementOption = handlers.incrementOption, decrementOption = handlers.decrementOption, setOptionQuantity = handlers.setOptionQuantity;
     var allergenAlerts = [];
     var modifier = useModifier(group, option, levels, toggleOption, incrementOption, decrementOption, setOptionQuantity, allergenAlerts);

package/dist/esm/services/api.d.ts

@@ -56,6 +56,7 @@ declare class PosAPI {
     postTender(orderId: string, data: CheckoutTenderPos): Promise<OrderTender>;
     patchTender(orderId: string, index: number, data: CheckoutTenderPos): Promise<OrderTender>;
     postTenderVoid(orderId: string, index: number): Promise<OrderTender>;
+    postCreditTender(orderId: string, data: CheckoutTenderPos): Promise<unknown>;
     postChipDNATender(orderId: string, data: CheckoutTender): Promise<unknown>;
     postChipDNACancel(): Promise<null>;
     postChipDNATmsUpdate(): Promise<null>;

package/dist/esm/services/api.js

@@ -274,6 +274,9 @@ var PosAPI = /** @class */ (function () {
     PosAPI.prototype.postTenderVoid = function (orderId, index) {
         return this.request("/orders/".concat(orderId, "/tenders/").concat(index, "/void"), 'POST', {});
     };
+    PosAPI.prototype.postCreditTender = function (orderId, data) {
+        return this.request("/orders/".concat(orderId, "/tenders/credit"), 'POST', data);
+    };
     PosAPI.prototype.postChipDNATender = function (orderId, data) {
         return this.request("/orders/".concat(orderId, "/tenders/chipdna"), 'POST', data);
     };

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

@@ -33,6 +33,7 @@ export declare enum CheckoutActionType {
     UpdateCart = "checkout/updateCart",
     IdentifyCustomer = "checkout/identifyCustomer",
     CompleteChipDNA = "checkout/completeChipDNA",
+    AddCreditTender = "checkout/addCreditTender",
     ValidatePosOrder = "checkout/validatePosOrder",
     SubmitPosOrder = "checkout/submitPosOrder",
     VoidPosOrder = "checkout/voidPosOrder",
@@ -113,6 +114,16 @@ export declare const completeChipDNA: import("@reduxjs/toolkit").AsyncThunk<any,
     fulfilledMeta?: unknown;
     rejectedMeta?: unknown;
 }>;
+export declare const addCreditTender: import("@reduxjs/toolkit").AsyncThunk<any, void, {
+    state: AppState;
+    rejectValue: RequestError;
+    dispatch?: import("redux").Dispatch<import("redux").UnknownAction> | undefined;
+    extra?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
 export declare const validatePosOrder: import("@reduxjs/toolkit").AsyncThunk<void | Order, void, {
     state: AppState;
     rejectValue: RequestError;

package/dist/esm/slices/checkout.js

@@ -70,6 +70,7 @@ export var CheckoutActionType;
     CheckoutActionType["UpdateCart"] = "checkout/updateCart";
     CheckoutActionType["IdentifyCustomer"] = "checkout/identifyCustomer";
     CheckoutActionType["CompleteChipDNA"] = "checkout/completeChipDNA";
+    CheckoutActionType["AddCreditTender"] = "checkout/addCreditTender";
     CheckoutActionType["ValidatePosOrder"] = "checkout/validatePosOrder";
     CheckoutActionType["SubmitPosOrder"] = "checkout/submitPosOrder";
     CheckoutActionType["VoidPosOrder"] = "checkout/voidPosOrder";
@@ -314,8 +315,44 @@ export var completeChipDNA = createAsyncThunk(CheckoutActionType.CompleteChipDNA
         }
     });
 }); });
+export var addCreditTender = createAsyncThunk(CheckoutActionType.AddCreditTender, function (_1, _a) { return __awaiter(void 0, [_1, _a], void 0, function (_, _b) {
+    var _c, config, order, checkout, orderId, api, amount, tender, response, card_token, hasLoyalty, data, callback, err_7;
+    var _d;
+    var dispatch = _b.dispatch, getState = _b.getState, rejectWithValue = _b.rejectWithValue;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                _e.trys.push([0, 5, , 6]);
+                _c = getState(), config = _c.config, order = _c.order, checkout = _c.checkout;
+                orderId = order.orderId;
+                if (!orderId)
+                    return [2 /*return*/];
+                api = config.api;
+                amount = getAmountDue(checkout.check);
+                tender = { tender_type: 'CREDIT', amount: amount };
+                return [4 /*yield*/, api.postCreditTender(orderId, tender)];
+            case 1:
+                response = _e.sent();
+                console.log(response);
+                card_token = null;
+                hasLoyalty = (_d = config.store) === null || _d === void 0 ? void 0 : _d.has_loyalty;
+                if (!(hasLoyalty && card_token && !checkout.customer)) return [3 /*break*/, 2];
+                data = { card_token: card_token };
+                callback = function () { return dispatch(validatePosOrder()); };
+                dispatch(identifyCustomer({ data: data, callback: callback }));
+                return [2 /*return*/];
+            case 2: return [4 /*yield*/, dispatch(validatePosOrder())];
+            case 3: return [2 /*return*/, _e.sent()];
+            case 4: return [3 /*break*/, 6];
+            case 5:
+                err_7 = _e.sent();
+                return [2 /*return*/, rejectWithValue(err_7)];
+            case 6: return [2 /*return*/];
+        }
+    });
+}); });
 export var validatePosOrder = createAsyncThunk(CheckoutActionType.ValidatePosOrder, function (_1, _a) { return __awaiter(void 0, [_1, _a], void 0, function (_, _b) {
-    var _c, config, order, checkout, preparedOrder, check, submitted, validated_1, toRemove, err_7, errors, fields;
+    var _c, config, order, checkout, preparedOrder, check, submitted, validated_1, toRemove, err_8, errors, fields;
     var _d;
     var dispatch = _b.dispatch, getState = _b.getState, rejectWithValue = _b.rejectWithValue;
     return __generator(this, function (_e) {
@@ -337,19 +374,19 @@ export var validatePosOrder = createAsyncThunk(CheckoutActionType.ValidatePosOrd
                 toRemove === null || toRemove === void 0 ? void 0 : toRemove.forEach(function (id) { return dispatch(removeDiscount({ id: id })); });
                 return [2 /*return*/, check];
             case 2:
-                err_7 = _e.sent();
-                errors = handleRespError(err_7).errors;
+                err_8 = _e.sent();
+                errors = handleRespError(err_8).errors;
                 fields = errors ? Object.keys(errors) : [];
                 if (fields.includes('order_uuid')) {
                     dispatch(setOrderId(uuidv4()));
                 }
-                return [2 /*return*/, rejectWithValue(err_7)];
+                return [2 /*return*/, rejectWithValue(err_8)];
             case 3: return [2 /*return*/];
         }
     });
 }); });
 export var submitPosOrder = createAsyncThunk(CheckoutActionType.SubmitPosOrder, function (_1, _a) { return __awaiter(void 0, [_1, _a], void 0, function (_, _b) {
-    var _c, config, order, checkout, preparedOrder, response, err_8, errors, fields;
+    var _c, config, order, checkout, preparedOrder, response, err_9, errors, fields;
     var dispatch = _b.dispatch, getState = _b.getState, rejectWithValue = _b.rejectWithValue;
     return __generator(this, function (_d) {
         switch (_d.label) {
@@ -365,19 +402,19 @@ export var submitPosOrder = createAsyncThunk(CheckoutActionType.SubmitPosOrder,
                 dispatch(setLastOrderId(response.order_uuid || null));
                 return [2 /*return*/, response];
             case 2:
-                err_8 = _d.sent();
-                errors = handleRespError(err_8).errors;
+                err_9 = _d.sent();
+                errors = handleRespError(err_9).errors;
                 fields = errors ? Object.keys(errors) : [];
                 if (fields.includes('order_uuid')) {
                     dispatch(setOrderId(uuidv4()));
                 }
-                return [2 /*return*/, rejectWithValue(err_8)];
+                return [2 /*return*/, rejectWithValue(err_9)];
             case 3: return [2 /*return*/];
         }
     });
 }); });
 export var voidPosOrder = createAsyncThunk(CheckoutActionType.VoidPosOrder, function (_1, _a) { return __awaiter(void 0, [_1, _a], void 0, function (_, _b) {
-    var _c, config, order, checkout, preparedOrder, err_9;
+    var _c, config, order, checkout, preparedOrder, err_10;
     var getState = _b.getState, rejectWithValue = _b.rejectWithValue;
     return __generator(this, function (_d) {
         switch (_d.label) {
@@ -390,14 +427,14 @@ export var voidPosOrder = createAsyncThunk(CheckoutActionType.VoidPosOrder, func
                 return [4 /*yield*/, config.api.deleteOrder(preparedOrder)];
             case 1: return [2 /*return*/, _d.sent()];
             case 2:
-                err_9 = _d.sent();
-                return [2 /*return*/, rejectWithValue(err_9)];
+                err_10 = _d.sent();
+                return [2 /*return*/, rejectWithValue(err_10)];
             case 3: return [2 /*return*/];
         }
     });
 }); });
 export var activateGiftCards = createAsyncThunk(CheckoutActionType.ActivateGiftCards, function (_1, _a) { return __awaiter(void 0, [_1, _a], void 0, function (_, _b) {
-    var api_1, giftCards, requests, err_10;
+    var api_1, giftCards, requests, err_11;
     var getState = _b.getState, rejectWithValue = _b.rejectWithValue;
     return __generator(this, function (_c) {
         switch (_c.label) {
@@ -414,8 +451,8 @@ export var activateGiftCards = createAsyncThunk(CheckoutActionType.ActivateGiftC
                 return [4 /*yield*/, Promise.all(requests)];
             case 1: return [2 /*return*/, _c.sent()];
             case 2:
-                err_10 = _c.sent();
-                return [2 /*return*/, rejectWithValue(err_10)];
+                err_11 = _c.sent();
+                return [2 /*return*/, rejectWithValue(err_11)];
             case 3: return [2 /*return*/];
         }
     });
@@ -601,6 +638,17 @@ var checkoutSlice = createSlice({
             .addCase(completeChipDNA.rejected, function (state, action) {
             state.loading = 'idle';
             state.error = action.payload;
+        })
+            .addCase(addCreditTender.fulfilled, function (state) {
+            state.loading = 'idle';
+            state.error = null;
+        })
+            .addCase(addCreditTender.pending, function (state) {
+            state.loading = 'pending';
+        })
+            .addCase(addCreditTender.rejected, function (state, action) {
+            state.loading = 'idle';
+            state.error = action.payload;
         })
             .addCase(validatePosOrder.fulfilled, function (state, action) {
             state.check = action.payload || null;

package/package.json

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