@open-tender/store 0.4.1 → 0.5.1

package/dist/cjs/app/hooks.d.ts

@@ -9,6 +9,7 @@ export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<i
     discounts: import("..").DiscountsState;
     errorAlerts: import("..").ErrorAlertsState;
     kds: import("..").KdsState;
+    kiosk: import("..").KioskState;
     menu: import("..").MenuState;
     menuPages: import("..").MenuPagesState;
     modal: import("..").ModalState;

package/dist/cjs/app/store.d.ts

@@ -8,6 +8,7 @@ export declare const appReducer: import("redux").Reducer<import("redux").Combine
     discounts: import("../slices").DiscountsState;
     errorAlerts: import("../slices").ErrorAlertsState;
     kds: import("../slices").KdsState;
+    kiosk: import("../slices").KioskState;
     menu: import("../slices").MenuState;
     menuPages: import("../slices").MenuPagesState;
     modal: import("../slices").ModalState;
@@ -32,6 +33,7 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<import("redux").Co
     discounts: import("../slices").DiscountsState;
     errorAlerts: import("../slices").ErrorAlertsState;
     kds: import("../slices").KdsState;
+    kiosk: import("../slices").KioskState;
     menu: import("../slices").MenuState;
     menuPages: import("../slices").MenuPagesState;
     modal: import("../slices").ModalState;
@@ -54,6 +56,7 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<import("redux").Co
     discounts: import("../slices").DiscountsState;
     errorAlerts: import("../slices").ErrorAlertsState;
     kds: import("../slices").KdsState;
+    kiosk: import("../slices").KioskState;
     menu: import("../slices").MenuState;
     menuPages: import("../slices").MenuPagesState;
     modal: import("../slices").ModalState;

package/dist/cjs/app/store.js

@@ -12,6 +12,7 @@ exports.appReducer = (0, toolkit_1.combineReducers)({
     discounts: slices_1.discountsReducer,
     errorAlerts: slices_1.errorAlertsReducer,
     kds: slices_1.kdsReducer,
+    kiosk: slices_1.kioskReducer,
     menu: slices_1.menuReducer,
     menuPages: slices_1.menuPagesReducer,
     modal: slices_1.modalReducer,

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

@@ -1,4 +1,4 @@
-import { Arrivals, CashEvent, CashSummary, Config, CustomerCheckout, CustomerIdentifier, DeviceRead, Discount, Discounts, Employee, Employees, EntityType, ErrorAlert, ErrorAlerts, FetchOrdersAPIArgs, GiftCardBalance, GiftCardCredit, InternalSettings, ItemTypes, LevelUp, Menu, MenuColors, MenuPages, OfflineAuths, OfflineAuthsResult, Order, OrderCreate, Orders, OrderTender, OrderType, OrderUpdate, Punch, Refund, RequestedAt, RevenueCenter, SelectOptions, ServiceType, Settings, Store, Surcharges, Taxes, Tender, TicketStatusUpdate, TicketsUpdate, TicketUpdate } from '../types';
+import { Arrivals, CashEvent, CashSummary, Config, CustomerCheckout, CustomerIdentifier, DeviceRead, Discount, Discounts, Employee, Employees, EntityType, ErrorAlert, ErrorAlerts, FetchOrdersAPIArgs, GiftCardBalance, GiftCardCredit, InternalSettings, ItemTypes, KioskConfig, LevelUp, Menu, MenuColors, MenuPages, OfflineAuths, OfflineAuthsResult, Order, OrderCreate, Orders, OrderTender, OrderType, OrderUpdate, Punch, Refund, RequestedAt, RevenueCenter, SelectOptions, ServiceType, Settings, Store, Surcharges, Taxes, Tender, TicketStatusUpdate, TicketsUpdate, TicketUpdate } from '../types';
 interface ConfigAPI {
     apiUrl: string;
 }
@@ -8,6 +8,7 @@ declare class PosAPI {
     request: <T>(endpoint: string, method?: string, data?: any) => Promise<T | null | undefined>;
     post(endpoint: string, data: Record<string, unknown>): Promise<Record<string, unknown> | null | undefined>;
     getConfig(): Promise<Config | null | undefined>;
+    getKioskConfig(): Promise<KioskConfig | null | undefined>;
     getStore(): Promise<Store | null | undefined>;
     getSelectOptions(): Promise<SelectOptions | null | undefined>;
     getItemTypes(): Promise<ItemTypes | null | undefined>;

package/dist/cjs/services/api.js

@@ -92,6 +92,9 @@ var PosAPI = /** @class */ (function () {
     PosAPI.prototype.getConfig = function () {
         return this.request("/config");
     };
+    PosAPI.prototype.getKioskConfig = function () {
+        return this.request("/config-kiosk");
+    };
     PosAPI.prototype.getStore = function () {
         return this.request("/store");
     };

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

@@ -6,6 +6,7 @@ export * from './config';
 export * from './discounts';
 export * from './errorAlerts';
 export * from './kds';
+export * from './kiosk';
 export * from './menu';
 export * from './menuPages';
 export * from './modal';

package/dist/cjs/slices/index.js

@@ -9,6 +9,7 @@ tslib_1.__exportStar(require("./config"), exports);
 tslib_1.__exportStar(require("./discounts"), exports);
 tslib_1.__exportStar(require("./errorAlerts"), exports);
 tslib_1.__exportStar(require("./kds"), exports);
+tslib_1.__exportStar(require("./kiosk"), exports);
 tslib_1.__exportStar(require("./menu"), exports);
 tslib_1.__exportStar(require("./menuPages"), exports);
 tslib_1.__exportStar(require("./modal"), exports);

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

@@ -0,0 +1,32 @@
+import { KioskBrand, KioskContent, ThemeCloud, RequestError, RequestStatus, Store } from '../types';
+import { AppState } from '../app';
+export interface KioskApp {
+    apiUrl: string;
+}
+export interface KioskState {
+    api: any;
+    app: KioskApp | null;
+    version?: string | null;
+    store: Store | null;
+    revenueCenterId: number | null;
+    brand: KioskBrand | null;
+    content: KioskContent | null;
+    theme: ThemeCloud | null;
+    loading: RequestStatus;
+    error: RequestError | null;
+    retries: number;
+}
+export declare enum KioskActionType {
+    FetchKiosk = "kiosk/getKiosk"
+}
+export declare const fetchKioskConfig: import("@reduxjs/toolkit").AsyncThunk<KioskState, {
+    apiUrl: string;
+}, {
+    state: AppState;
+    rejectValue: RequestError;
+}>;
+export declare const resetKiosk: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetKioskRetries: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, incrementKioskRetries: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setKioskVersion: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
+export declare const selectKiosk: (state: AppState) => KioskState;
+export declare const selectKioskApi: (state: AppState) => any;
+export declare const selectKioskVersion: (state: AppState) => string | null | undefined;
+export declare const kioskReducer: import("redux").Reducer<KioskState, import("redux").AnyAction>;

package/dist/cjs/slices/kiosk.js

@@ -0,0 +1,116 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.kioskReducer = exports.selectKioskVersion = exports.selectKioskApi = exports.selectKiosk = exports.setKioskVersion = exports.incrementKioskRetries = exports.resetKioskRetries = exports.resetKiosk = exports.fetchKioskConfig = exports.KioskActionType = void 0;
+var tslib_1 = require("tslib");
+var toolkit_1 = require("@reduxjs/toolkit");
+var services_1 = require("../services");
+var types_1 = require("./types");
+var errors_1 = require("../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
+};
+var KioskActionType;
+(function (KioskActionType) {
+    KioskActionType["FetchKiosk"] = "kiosk/getKiosk";
+})(KioskActionType = exports.KioskActionType || (exports.KioskActionType = {}));
+exports.fetchKioskConfig = (0, toolkit_1.createAsyncThunk)(KioskActionType.FetchKiosk, function (_a, _b) {
+    var apiUrl = _a.apiUrl;
+    var rejectWithValue = _b.rejectWithValue;
+    return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var app, api, _c, kioskConfig, store, err, brand, content, theme, revenueCenterId, err_1;
+        return tslib_1.__generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    _d.trys.push([0, 2, , 3]);
+                    app = { apiUrl: apiUrl };
+                    api = new services_1.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 = errors_1.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 = (0, toolkit_1.createSlice)({
+    name: types_1.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(exports.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(exports.fetchKioskConfig.pending, function (state) {
+            state.loading = 'pending';
+        })
+            .addCase(exports.fetchKioskConfig.rejected, function (state, action) {
+            state.error = action.payload;
+            state.loading = 'idle';
+        });
+    }
+});
+exports.resetKiosk = (_a = kioskSlice.actions, _a.resetKiosk), exports.resetKioskRetries = _a.resetKioskRetries, exports.incrementKioskRetries = _a.incrementKioskRetries, exports.setKioskVersion = _a.setKioskVersion;
+var selectKiosk = function (state) { return state.kiosk; };
+exports.selectKiosk = selectKiosk;
+var selectKioskApi = function (state) { return state.kiosk.api; };
+exports.selectKioskApi = selectKioskApi;
+var selectKioskVersion = function (state) { return state.kiosk.version; };
+exports.selectKioskVersion = selectKioskVersion;
+exports.kioskReducer = kioskSlice.reducer;

package/dist/cjs/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/cjs/slices/types.js

@@ -11,6 +11,7 @@ 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/cjs/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/cjs/types/api/index.js

@@ -14,6 +14,7 @@ tslib_1.__exportStar(require("./errorAlerts"), exports);
 tslib_1.__exportStar(require("./favorite"), exports);
 tslib_1.__exportStar(require("./giftCard"), exports);
 tslib_1.__exportStar(require("./kds"), exports);
+tslib_1.__exportStar(require("./kiosk"), exports);
 tslib_1.__exportStar(require("./menu"), exports);
 tslib_1.__exportStar(require("./menuPages"), exports);
 tslib_1.__exportStar(require("./messages"), exports);
@@ -26,3 +27,4 @@ tslib_1.__exportStar(require("./settings"), exports);
 tslib_1.__exportStar(require("./store"), exports);
 tslib_1.__exportStar(require("./surcharges"), exports);
 tslib_1.__exportStar(require("./taxes"), exports);
+tslib_1.__exportStar(require("./themeCloud"), exports);

package/dist/cjs/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/cjs/types/api/kiosk.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/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/cjs/types/api/themeCloud.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/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/cjs/utils/helpers.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.throttle = exports.makeContrastColor = exports.hexToRgb = exports.handleRespError = exports.pixelsToInt = exports.remsToInt = exports.formatDollars = exports.formatQuantity = exports.addCommas = exports.capitalize = exports.serialize = exports.convertStringToArray = exports.getHeight = exports.getWidth = exports.makeRandomNumberString = exports.contains = exports.isEmpty = void 0;
+exports.throttle = exports.makeContrastColor = exports.hexToRgb = exports.handleRespError = exports.pixelsToFloat = exports.pixelsToInt = exports.remsToInt = exports.formatDollars = exports.formatQuantity = exports.addCommas = exports.capitalize = exports.serialize = exports.convertStringToArray = exports.getHeight = exports.getWidth = exports.makeRandomNumberString = exports.contains = exports.isEmpty = void 0;
 var tslib_1 = require("tslib");
 var isEmpty = function (obj) {
     return (!obj || (obj.constructor === Object && Object.entries(obj).length === 0));
@@ -69,10 +69,14 @@ var remsToInt = function (rems) {
     return parseInt((parseFloat(rems.replace('rem', '')) * 10).toString());
 };
 exports.remsToInt = remsToInt;
-var pixelsToInt = function (rems) {
-    return parseInt(parseFloat(rems.replace('px', '')).toString());
+var pixelsToInt = function (pixels) {
+    return parseInt(parseFloat(pixels.replace('px', '')).toString());
 };
 exports.pixelsToInt = pixelsToInt;
+var pixelsToFloat = function (pixels) {
+    return parseFloat(pixels.replace('px', ''));
+};
+exports.pixelsToFloat = pixelsToFloat;
 var handleRespError = function (err) {
     if (typeof err === 'string') {
         return { title: 'Something went wrong', detail: err };