@open-tender/store 0.5.0 → 0.5.1

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

@@ -1,4 +1,4 @@
-import { KioskBrand, KioskContent, KioskTheme, RequestError, RequestStatus, Store } from '../types';
+import { KioskBrand, KioskContent, ThemeCloud, RequestError, RequestStatus, Store } from '../types';
 import { AppState } from '../app';
 export interface KioskApp {
     apiUrl: string;
@@ -11,7 +11,7 @@ export interface KioskState {
     revenueCenterId: number | null;
     brand: KioskBrand | null;
     content: KioskContent | null;
-    theme: KioskTheme | null;
+    theme: ThemeCloud | null;
     loading: RequestStatus;
     error: RequestError | null;
     retries: number;

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

@@ -24,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

@@ -27,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

@@ -1,8 +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 declare type KioskTheme = Record<string, unknown>;
 export interface KioskConfig {
     brand: KioskBrand;
     content: KioskContent;
-    theme: KioskTheme;
+    theme: ThemeCloud;
 }

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 };

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

@@ -11,3 +11,4 @@ tslib_1.__exportStar(require("./pos"), exports);
 tslib_1.__exportStar(require("./punches"), exports);
 tslib_1.__exportStar(require("./refunds"), exports);
 tslib_1.__exportStar(require("./theme"), exports);
+tslib_1.__exportStar(require("./themeCloud"), exports);