@open-tender/store 0.5.18 → 0.5.20

package/dist/cjs/slices/kiosk.js

@@ -28,7 +28,11 @@ var KioskActionType;
 })(KioskActionType = exports.KioskActionType || (exports.KioskActionType = {}));
 var enhanceTheme = function (theme) {
     var icons = tslib_1.__assign(tslib_1.__assign({}, theme.icons), { strokeLinejoin: 'miter', strokeLinecap: 'square' });
-    return tslib_1.__assign(tslib_1.__assign({}, theme), { icons: icons });
+    var kiosk = {
+        padding: '1rem',
+        gutter: '0.5rem'
+    };
+    return tslib_1.__assign(tslib_1.__assign({}, theme), { icons: icons, kiosk: kiosk });
 };
 exports.fetchKioskConfig = (0, toolkit_1.createAsyncThunk)(KioskActionType.FetchKiosk, function (_a, _b) {
     var apiUrl = _a.apiUrl;

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

@@ -270,6 +270,10 @@ export interface TCItems {
     desktop: TCItem;
     mobile: TCItem;
 }
+export interface TCKiosk {
+    padding: string;
+    gutter: string;
+}
 export interface TCLayout {
     containerMaxWidth: string;
     headerHeightApp: string;
@@ -338,6 +342,7 @@ export interface ThemeCloud {
     icons: TCIcons;
     inputs: TCInputs;
     item: TCItems;
+    kiosk: TCKiosk;
     layout: TCLayout;
     lineHeight: TCLineHeight;
     links: TCLinks;

package/dist/cjs/utils/themeCloud.js

@@ -53,6 +53,13 @@ var layoutToPixels = function (object, ratio) {
         return tslib_1.__assign(tslib_1.__assign({}, obj), (_b = {}, _b[key] = (0, exports.remsToPixels)(value, ratio), _b));
     }, {});
 };
+var kioskToPixels = function (object, ratio) {
+    return Object.entries(object).reduce(function (obj, _a) {
+        var _b;
+        var key = _a[0], value = _a[1];
+        return tslib_1.__assign(tslib_1.__assign({}, obj), (_b = {}, _b[key] = (0, exports.remsToPixels)(value, ratio), _b));
+    }, {});
+};
 var paddingToPixels = function (padding, ratio) {
     var _a = padding.split(' '), top = _a[0], horizontal = _a[1], bottom = _a[2];
     var topPx = (0, exports.remsToPixels)(top, ratio);
@@ -200,10 +207,11 @@ var decorateTheme = function (theme, ratio) {
     var fonts = makeFonts(theme.fonts, theme.lineHeight, ratio);
     var inputs = makeInputs(theme.inputs, ratio);
     var item = makeItems(theme.item, ratio);
+    var kiosk = kioskToPixels(theme.kiosk, ratio);
     var layout = layoutToPixels(theme.layout, ratio);
     var lineHeight = makeLineHeight(theme.lineHeight, fonts.sizes.main);
     var welcome = makeWelcomes(theme.welcome, ratio);
     var icons = makeIcons(theme.icons, ratio);
-    return tslib_1.__assign(tslib_1.__assign({}, theme), { border: border, buttons: buttons, cards: cards, counts: counts, fonts: fonts, inputs: inputs, item: item, lineHeight: lineHeight, layout: layout, welcome: welcome, icons: icons });
+    return tslib_1.__assign(tslib_1.__assign({}, theme), { border: border, buttons: buttons, cards: cards, counts: counts, fonts: fonts, inputs: inputs, item: item, lineHeight: lineHeight, kiosk: kiosk, layout: layout, welcome: welcome, icons: icons });
 };
 exports.decorateTheme = decorateTheme;

package/dist/esm/slices/kiosk.js

@@ -25,7 +25,11 @@ export var KioskActionType;
 })(KioskActionType || (KioskActionType = {}));
 var enhanceTheme = function (theme) {
     var icons = __assign(__assign({}, theme.icons), { strokeLinejoin: 'miter', strokeLinecap: 'square' });
-    return __assign(__assign({}, theme), { icons: icons });
+    var kiosk = {
+        padding: '1rem',
+        gutter: '0.5rem'
+    };
+    return __assign(__assign({}, theme), { icons: icons, kiosk: kiosk });
 };
 export var fetchKioskConfig = createAsyncThunk(KioskActionType.FetchKiosk, function (_a, _b) {
     var apiUrl = _a.apiUrl;

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

@@ -270,6 +270,10 @@ export interface TCItems {
     desktop: TCItem;
     mobile: TCItem;
 }
+export interface TCKiosk {
+    padding: string;
+    gutter: string;
+}
 export interface TCLayout {
     containerMaxWidth: string;
     headerHeightApp: string;
@@ -338,6 +342,7 @@ export interface ThemeCloud {
     icons: TCIcons;
     inputs: TCInputs;
     item: TCItems;
+    kiosk: TCKiosk;
     layout: TCLayout;
     lineHeight: TCLineHeight;
     links: TCLinks;

package/dist/esm/utils/themeCloud.js

@@ -47,6 +47,13 @@ var layoutToPixels = function (object, ratio) {
         return __assign(__assign({}, obj), (_b = {}, _b[key] = remsToPixels(value, ratio), _b));
     }, {});
 };
+var kioskToPixels = function (object, ratio) {
+    return Object.entries(object).reduce(function (obj, _a) {
+        var _b;
+        var key = _a[0], value = _a[1];
+        return __assign(__assign({}, obj), (_b = {}, _b[key] = remsToPixels(value, ratio), _b));
+    }, {});
+};
 var paddingToPixels = function (padding, ratio) {
     var _a = padding.split(' '), top = _a[0], horizontal = _a[1], bottom = _a[2];
     var topPx = remsToPixels(top, ratio);
@@ -191,9 +198,10 @@ export var decorateTheme = function (theme, ratio) {
     var fonts = makeFonts(theme.fonts, theme.lineHeight, ratio);
     var inputs = makeInputs(theme.inputs, ratio);
     var item = makeItems(theme.item, ratio);
+    var kiosk = kioskToPixels(theme.kiosk, ratio);
     var layout = layoutToPixels(theme.layout, ratio);
     var lineHeight = makeLineHeight(theme.lineHeight, fonts.sizes.main);
     var welcome = makeWelcomes(theme.welcome, ratio);
     var icons = makeIcons(theme.icons, ratio);
-    return __assign(__assign({}, theme), { border: border, buttons: buttons, cards: cards, counts: counts, fonts: fonts, inputs: inputs, item: item, lineHeight: lineHeight, layout: layout, welcome: welcome, icons: icons });
+    return __assign(__assign({}, theme), { border: border, buttons: buttons, cards: cards, counts: counts, fonts: fonts, inputs: inputs, item: item, lineHeight: lineHeight, kiosk: kiosk, layout: layout, welcome: welcome, icons: icons });
 };

package/package.json

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