@open-tender/store 0.4.1 → 0.5.1

package/dist/esm/slices/kiosk.js

@@ -0,0 +1,110 @@
+var _a;
+import { __awaiter, __generator } from "tslib";
+import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';
+import { PosAPI } from '../services';
+import { ReducerType } from './types';
+import { errorsApi } from '../services/errors';
+var initialState = {
+    api: null,
+    app: null,
+    version: null,
+    store: null,
+    revenueCenterId: null,
+    brand: null,
+    content: null,
+    theme: null,
+    loading: 'idle',
+    error: null,
+    retries: 0
+};
+export var KioskActionType;
+(function (KioskActionType) {
+    KioskActionType["FetchKiosk"] = "kiosk/getKiosk";
+})(KioskActionType || (KioskActionType = {}));
+export var fetchKioskConfig = createAsyncThunk(KioskActionType.FetchKiosk, function (_a, _b) {
+    var apiUrl = _a.apiUrl;
+    var rejectWithValue = _b.rejectWithValue;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var app, api, _c, kioskConfig, store, err, brand, content, theme, revenueCenterId, err_1;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    _d.trys.push([0, 2, , 3]);
+                    app = { apiUrl: apiUrl };
+                    api = new PosAPI(app);
+                    return [4 /*yield*/, Promise.all([
+                            api.getKioskConfig(),
+                            api.getStore()
+                        ])];
+                case 1:
+                    _c = _d.sent(), kioskConfig = _c[0], store = _c[1];
+                    if (!kioskConfig || !store) {
+                        err = errorsApi.internalServerError;
+                        return [2 /*return*/, rejectWithValue(err)];
+                    }
+                    brand = kioskConfig.brand, content = kioskConfig.content, theme = kioskConfig.theme;
+                    revenueCenterId = store.revenue_center_id;
+                    return [2 /*return*/, {
+                            api: api,
+                            app: app,
+                            store: store,
+                            revenueCenterId: revenueCenterId,
+                            brand: brand,
+                            content: content,
+                            theme: theme,
+                            error: null,
+                            loading: 'idle',
+                            retries: 0
+                        }];
+                case 2:
+                    err_1 = _d.sent();
+                    return [2 /*return*/, rejectWithValue(err_1)];
+                case 3: return [2 /*return*/];
+            }
+        });
+    });
+});
+var kioskSlice = createSlice({
+    name: ReducerType.Kiosk,
+    initialState: initialState,
+    reducers: {
+        resetKiosk: function () { return initialState; },
+        resetKioskRetries: function (state) {
+            state.retries = 0;
+        },
+        incrementKioskRetries: function (state) {
+            state.retries = state.retries + 1;
+        },
+        setKioskVersion: function (state, action) {
+            state.version = action.payload;
+        }
+    },
+    extraReducers: function (builder) {
+        builder
+            .addCase(fetchKioskConfig.fulfilled, function (state, action) {
+            var _a = action.payload, api = _a.api, app = _a.app, store = _a.store, revenueCenterId = _a.revenueCenterId, brand = _a.brand, content = _a.content, theme = _a.theme;
+            state.api = api;
+            state.app = app;
+            state.store = store;
+            state.revenueCenterId = revenueCenterId;
+            state.brand = brand;
+            state.content = content;
+            state.theme = theme;
+            state.loading = 'idle';
+            state.retries = 0;
+            state.error = null;
+        })
+            .addCase(fetchKioskConfig.pending, function (state) {
+            state.loading = 'pending';
+        })
+            .addCase(fetchKioskConfig.rejected, function (state, action) {
+            state.error = action.payload;
+            state.loading = 'idle';
+        });
+    }
+});
+export var resetKiosk = (_a = kioskSlice.actions, _a.resetKiosk), resetKioskRetries = _a.resetKioskRetries, incrementKioskRetries = _a.incrementKioskRetries, setKioskVersion = _a.setKioskVersion;
+export var selectKiosk = function (state) { return state.kiosk; };
+export var selectKioskApi = function (state) { return state.kiosk.api; };
+export var selectKioskVersion = function (state) { return state.kiosk.version; };
+export var kioskReducer = kioskSlice.reducer;

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

@@ -7,6 +7,7 @@ export declare enum ReducerType {
     Discounts = "discounts",
     ErrorAlerts = "errorAlerts",
     Kds = "kds",
+    Kiosk = "kiosk",
     MenuPages = "menuPages",
     Menu = "menu",
     Modal = "modal",

package/dist/esm/slices/types.js

@@ -8,6 +8,7 @@ export var ReducerType;
     ReducerType["Discounts"] = "discounts";
     ReducerType["ErrorAlerts"] = "errorAlerts";
     ReducerType["Kds"] = "kds";
+    ReducerType["Kiosk"] = "kiosk";
     ReducerType["MenuPages"] = "menuPages";
     ReducerType["Menu"] = "menu";
     ReducerType["Modal"] = "modal";

package/dist/esm/types/api/index.d.ts

@@ -11,6 +11,7 @@ export * from './errorAlerts';
 export * from './favorite';
 export * from './giftCard';
 export * from './kds';
+export * from './kiosk';
 export * from './menu';
 export * from './menuPages';
 export * from './messages';
@@ -23,3 +24,4 @@ export * from './settings';
 export * from './store';
 export * from './surcharges';
 export * from './taxes';
+export * from './themeCloud';

package/dist/esm/types/api/index.js

@@ -11,6 +11,7 @@ export * from './errorAlerts';
 export * from './favorite';
 export * from './giftCard';
 export * from './kds';
+export * from './kiosk';
 export * from './menu';
 export * from './menuPages';
 export * from './messages';
@@ -23,3 +24,4 @@ export * from './settings';
 export * from './store';
 export * from './surcharges';
 export * from './taxes';
+export * from './themeCloud';

package/dist/esm/types/api/kiosk.d.ts

@@ -0,0 +1,12 @@
+import { ThemeCloud } from './themeCloud';
+export interface Dimensions {
+    width: number;
+    height: number;
+}
+export declare type KioskBrand = Record<string, unknown>;
+export declare type KioskContent = Record<string, unknown>;
+export interface KioskConfig {
+    brand: KioskBrand;
+    content: KioskContent;
+    theme: ThemeCloud;
+}

package/dist/esm/types/api/kiosk.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/api/themeCloud.d.ts

@@ -0,0 +1,344 @@
+export declare type RGBA = `rgba(${number}, ${number}, ${number}, ${number})` | 'none';
+export declare type HEX = `#${string}` | 'transparent';
+export declare type Pixels = `${string}px`;
+export declare type Rems = `${string}rem`;
+export declare type PaddingRems = `${Rems} ${Rems} ${Rems}`;
+export interface TCMessageColor {
+    bgColor: HEX;
+    color: HEX;
+}
+export interface TCBgColors {
+    alert: HEX;
+    allergens: HEX;
+    dark: HEX;
+    error: HEX;
+    highlight: HEX;
+    light: HEX;
+    primary: HEX;
+    secondary: HEX;
+    success: HEX;
+    tertiary: HEX;
+    toast: HEX;
+}
+export declare type TCBoldWeight = string;
+export interface TCBorder {
+    color: HEX;
+    radius: string;
+    radiusSmall: string;
+    width: string;
+    widthApp: string;
+}
+export interface TCBoxShadow {
+    appBig: string;
+    appSmall: string;
+    inset: string;
+    outer: string;
+}
+export interface TCBreakpoints {
+    laptop: string;
+    mobile: string;
+    narrow: string;
+    tablet: string;
+}
+export interface TCButtonColor {
+    bgColor: HEX;
+    borderColor: HEX;
+    color: HEX;
+    iconColor?: HEX;
+    subtitleColor?: HEX;
+}
+export interface TCButtonColors {
+    cart: TCButtonColor;
+    cartHover: TCButtonColor;
+    header: TCButtonColor;
+    headerHover: TCButtonColor;
+    large: TCButtonColor;
+    largeHover: TCButtonColor;
+    light: TCButtonColor;
+    lightHover: TCButtonColor;
+    primary: TCButtonColor;
+    primaryHover: TCButtonColor;
+    secondary: TCButtonColor;
+    secondaryHover: TCButtonColor;
+}
+export interface TCButtonSize {
+    borderRadius: string;
+    borderWidth: string;
+    borderWidthApp: string;
+    family: string;
+    fontMobile: string;
+    fontSize: string;
+    fontSmoothing: string;
+    letterSpacing: string;
+    padding: string;
+    textTransform: string;
+    weight: string;
+}
+export interface TCButtonLargeSize {
+    borderRadius: string;
+    borderWidth: string;
+    borderWidthApp: string;
+    fontSize: string;
+    letterSpacing: string;
+    padding: string;
+    showButtonApp: boolean;
+    showSubtitle: boolean;
+    showSubtitleMobile: boolean;
+    subtitleFontMobile: string;
+    subtitleFontSize: string;
+    subtitleFontSizeMobile: string;
+    subtitleFontWeight: string;
+    subtitleMarginTop: string;
+    subtitleMarginTopMobile: string;
+    titleFontMobile: string;
+    titleFontSize: string;
+    titleFontSizeMobile: string;
+    titleFontWeight: string;
+    titleMarginLeft: string;
+    titleMarginLeftMobile: string;
+}
+export interface TCButtonSizes {
+    big: TCButtonSize;
+    default: TCButtonSize;
+    header: TCButtonSize;
+    large: TCButtonLargeSize;
+    small: TCButtonSize;
+}
+export interface TCButtons {
+    colors: TCButtonColors;
+    sizes: TCButtonSizes;
+}
+export interface TCCard {
+    bgColor: HEX;
+    borderColor: HEX;
+    borderRadius: string;
+    borderWidth: string;
+    borderWidthApp: string;
+    boxShadow: string;
+    overrideFontColors: boolean;
+    textColor: HEX;
+    titleColor: HEX;
+}
+export interface TCCards {
+    default: TCCard;
+    form: TCCard;
+    menuItem: TCCard;
+    modifier: TCCard;
+}
+export interface TCColors {
+    alert: HEX;
+    allergens: HEX;
+    dark: HEX;
+    error: HEX;
+    light: HEX;
+    primary: HEX;
+    secondary: HEX;
+    success: HEX;
+    tags: HEX;
+    tertiary: HEX;
+    title: HEX;
+    toast: HEX;
+}
+export interface TCCount {
+    bgColor?: HEX;
+    borderColor?: HEX;
+    borderWidth?: string;
+    borderWidthApp?: string;
+    color?: HEX;
+    family: string;
+    fontMobile: string;
+    fontSize: string;
+    fontSizeMobile: string;
+    fontSmoothing: string;
+    paddingBottom: string;
+    paddingTop: string;
+    weight: string;
+}
+export interface TCCounts {
+    alerts: TCCount;
+    quantity: TCCount;
+}
+export interface TCFavorite {
+    iconSize: string;
+    size: string;
+}
+export interface TCFont {
+    color?: HEX;
+    family: string;
+    fontMobile: string;
+    fontSize?: string;
+    fontSmoothing: string;
+    letterSpacing: string;
+    lineHeight: number;
+    textTransform: string;
+    url?: string;
+    weight: string;
+}
+export interface TCFontSizes {
+    big: string;
+    giga: string;
+    h1: string;
+    h2: string;
+    h3: string;
+    h4: string;
+    h5: string;
+    h6: string;
+    main: string;
+    mega: string;
+    small: string;
+    tera: string;
+    xBig: string;
+    xSmall: string;
+    xxBig: string;
+    xxSmall: string;
+}
+export interface TCFonts {
+    body: TCFont;
+    headings: TCFont;
+    headline: TCFont;
+    preface: TCFont;
+    sizes: TCFontSizes;
+}
+export interface TCHeader {
+    primary: HEX;
+    stuck: HEX;
+}
+export interface TCIcons {
+    strokeWidth: number;
+}
+export interface TCInputLabel {
+    fontSize: string;
+    fontSizeMobile: string;
+    left: string;
+    offset: string;
+    padding: string;
+    top: string;
+}
+export interface TCInputs {
+    bgColor: HEX;
+    bgColorFocus: HEX;
+    borderColor: HEX;
+    borderColorFocus: HEX;
+    borderStyle: string;
+    borderWidth: string;
+    borderWidthApp: string;
+    bottomBorderOnly: boolean;
+    boxShadow: string;
+    color: HEX;
+    colorFocus: HEX;
+    family: string;
+    fontMobile: string;
+    fontSize: string;
+    fontSizeMobile: string;
+    fontSmoothing: string;
+    iconLeft: string;
+    iconPadding: string;
+    label: TCInputLabel;
+    letterSpacing: string;
+    lineHeight: string;
+    padding: string;
+    paddingBottom: string;
+    paddingBottomActive: string;
+    paddingHorizontal: string;
+    paddingTop: string;
+    paddingTopActive: string;
+    paddingVertical: string;
+    placeholderColor: HEX;
+    radius: string;
+    selectPaddingBottom: string;
+    selectSize: string;
+    selectSizeMobile: string;
+    showIcon: boolean;
+    showLabel: boolean;
+    showOutline: boolean;
+    textTransform: string;
+    weight: string;
+}
+export interface TCItem {
+    imageHeight: string;
+    imageMaxHeight: string;
+    imageMinHeight: string;
+    imagePadding: string;
+    maxWidth: string;
+    padding: string;
+}
+export interface TCItems {
+    desktop: TCItem;
+    mobile: TCItem;
+}
+export interface TCLayout {
+    containerMaxWidth: string;
+    headerHeightApp: string;
+    headerHeightSite: string;
+    headerHeightSiteMobile: string;
+    margin: string;
+    marginMobile: string;
+    maxWidth: string;
+    navHeight: string;
+    navHeightApp: string;
+    navHeightMobile: string;
+    padding: string;
+    paddingMobile: string;
+}
+export declare type TCLineHeight = string;
+export interface TCLinkColor {
+    color: HEX;
+    hover: HEX;
+}
+export declare type TCLinkDecoration = 'none' | 'underline' | 'line-through' | 'overline' | 'inherit';
+export interface TCLinks {
+    dark: TCLinkColor;
+    light: TCLinkColor;
+    primary: TCLinkColor;
+    textDecoration: TCLinkDecoration;
+    transition: string;
+}
+export interface TCOverlay {
+    alert: RGBA;
+    dark: RGBA;
+    light: RGBA;
+    primary: RGBA;
+    secondary: RGBA;
+    tertiary: RGBA;
+}
+export declare type TCTextAlign = 'left' | 'right' | 'center';
+export interface TCWelcome {
+    marginBottom: string;
+    marginTop: string;
+    subtitleLineHeight: number;
+    subtitleMarginTop: string;
+    subtitleSize: string;
+    textAlign: TCTextAlign;
+    titleLineHeight: number;
+    titleMarginLeft: string;
+    titleSize: string;
+}
+export interface TCWelcomes {
+    desktop: TCWelcome;
+    mobile: TCWelcome;
+}
+export interface ThemeCloud {
+    alert: TCMessageColor;
+    bgColors: TCBgColors;
+    boldWeight: TCBoldWeight;
+    border: TCBorder;
+    boxShadow: TCBoxShadow;
+    breakpoints: TCBreakpoints;
+    buttons: TCButtons;
+    cards: TCCards;
+    colors: TCColors;
+    counts: TCCounts;
+    error: TCMessageColor;
+    fonts: TCFonts;
+    header: TCHeader;
+    icons: TCIcons;
+    inputs: TCInputs;
+    item: TCItems;
+    layout: TCLayout;
+    lineHeight: TCLineHeight;
+    links: TCLinks;
+    overlay: TCOverlay;
+    success: TCMessageColor;
+    toast: TCMessageColor;
+    welcome: TCWelcomes;
+}

package/dist/esm/types/api/themeCloud.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/utils/helpers.d.ts

@@ -11,7 +11,8 @@ export declare const addCommas: (x: number, d: number) => string;
 export declare const formatQuantity: (n: string | number) => string;
 export declare const formatDollars: (n: string | number, space?: string, decimals?: number) => string;
 export declare const remsToInt: (rems: string) => number;
-export declare const pixelsToInt: (rems: string) => number;
+export declare const pixelsToInt: (pixels: string) => number;
+export declare const pixelsToFloat: (pixels: string) => number;
 export declare const handleRespError: (err: RequestErrorAPI | string) => {
     title: string;
     detail: string;

package/dist/esm/utils/helpers.js

@@ -54,8 +54,11 @@ export var formatDollars = function (n, space, decimals) {
 export var remsToInt = function (rems) {
     return parseInt((parseFloat(rems.replace('rem', '')) * 10).toString());
 };
-export var pixelsToInt = function (rems) {
-    return parseInt(parseFloat(rems.replace('px', '')).toString());
+export var pixelsToInt = function (pixels) {
+    return parseInt(parseFloat(pixels.replace('px', '')).toString());
+};
+export var pixelsToFloat = function (pixels) {
+    return parseFloat(pixels.replace('px', ''));
 };
 export var handleRespError = function (err) {
     if (typeof err === 'string') {

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

@@ -8,3 +8,4 @@ export * from './pos';
 export * from './punches';
 export * from './refunds';
 export * from './theme';
+export * from './themeCloud';

package/dist/esm/utils/index.js

@@ -8,3 +8,4 @@ export * from './pos';
 export * from './punches';
 export * from './refunds';
 export * from './theme';
+export * from './themeCloud';