@open-tender/store 1.1.171 → 1.1.173

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

@@ -0,0 +1,15 @@
+import { SwitchProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const Switch: ({ id, label, on, isRequired, disabled, falseTrackColor, thumbColor, trueTrackColor, onChange, children }: {
+    id: number | string;
+    label: string;
+    on: boolean;
+    falseTrackColor?: string;
+    trueTrackColor?: string;
+    thumbColor?: string;
+    isRequired: boolean;
+    disabled: boolean;
+    onChange: (value: boolean) => void;
+    children: (props: SwitchProps) => ReactNode;
+}) => ReactNode;
+export default Switch;

package/dist/cjs/components/Switch.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var Switch = function (_a) {
+    var id = _a.id, label = _a.label, on = _a.on, isRequired = _a.isRequired, disabled = _a.disabled, falseTrackColor = _a.falseTrackColor, thumbColor = _a.thumbColor, trueTrackColor = _a.trueTrackColor, onChange = _a.onChange, children = _a.children;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).switch;
+    if (!config)
+        return null;
+    return children({
+        id: id,
+        config: config,
+        label: label,
+        value: on,
+        onTagSwitch: onChange,
+        isRequired: isRequired,
+        disabled: disabled,
+        falseTrackColor: falseTrackColor,
+        thumbColor: thumbColor,
+        trueTrackColor: trueTrackColor
+    });
+};
+exports.default = Switch;

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

@@ -0,0 +1,7 @@
+import { SwitchProps, TagsFilterProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const TagsFilter: ({ children, SwitchView }: {
+    children: (props: TagsFilterProps) => ReactNode;
+    SwitchView: (props: SwitchProps) => ReactNode;
+}) => React.ReactNode;
+export default TagsFilter;

package/dist/cjs/components/TagsFilter.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var Switch_1 = tslib_1.__importDefault(require("./Switch"));
+var TagsFilter = function (_a) {
+    var children = _a.children, SwitchView = _a.SwitchView;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).tags;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectTags), tags = _b.entities, selectedTags = _b.selectedTags, loading = _b.loading, error = _b.error;
+    var _c = (0, react_1.useState)([]), localSelectedTags = _c[0], setLocalSelectedTags = _c[1];
+    var isLoading = loading === 'pending';
+    (0, react_1.useEffect)(function () {
+        setLocalSelectedTags(selectedTags.map(function (tag) { return tag.tag_id; }));
+    }, [selectedTags]);
+    var onTagSwitch = function (tag) {
+        setLocalSelectedTags(function (prevSelectedTags) {
+            if (prevSelectedTags.includes(tag.tag_id)) {
+                return prevSelectedTags.filter(function (id) { return id !== tag.tag_id; });
+            }
+            else {
+                return tslib_1.__spreadArray(tslib_1.__spreadArray([], prevSelectedTags, true), [tag.tag_id], false);
+            }
+        });
+    };
+    var handleSubmit = function () {
+        var newSelectedTags = tags.filter(function (tag) {
+            return localSelectedTags.includes(tag.tag_id);
+        });
+        dispatch((0, slices_1.setSelectedTags)(newSelectedTags));
+    };
+    var handlers = { onTagSwitch: onTagSwitch, handleSubmit: handleSubmit };
+    var renderSwitch = (0, react_1.useCallback)(function (props) {
+        return (react_1.default.createElement(Switch_1.default, { key: props.id, id: props.id, children: SwitchView, label: props.label, on: props.value, onChange: props.onTagSwitch, disabled: false, isRequired: true }));
+    }, [SwitchView]);
+    return children({
+        config: config,
+        handlers: handlers,
+        isLoading: isLoading,
+        renderSwitch: renderSwitch,
+        tags: tags,
+        error: error === null || error === void 0 ? void 0 : error.detail
+    });
+};
+exports.default = TagsFilter;

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

@@ -0,0 +1,15 @@
+import { SwitchProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const Switch: ({ id, label, on, isRequired, disabled, falseTrackColor, thumbColor, trueTrackColor, onChange, children }: {
+    id: number | string;
+    label: string;
+    on: boolean;
+    falseTrackColor?: string;
+    trueTrackColor?: string;
+    thumbColor?: string;
+    isRequired: boolean;
+    disabled: boolean;
+    onChange: (value: boolean) => void;
+    children: (props: SwitchProps) => ReactNode;
+}) => ReactNode;
+export default Switch;

package/dist/esm/components/Switch.js

@@ -0,0 +1,21 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var Switch = function (_a) {
+    var id = _a.id, label = _a.label, on = _a.on, isRequired = _a.isRequired, disabled = _a.disabled, falseTrackColor = _a.falseTrackColor, thumbColor = _a.thumbColor, trueTrackColor = _a.trueTrackColor, onChange = _a.onChange, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).switch;
+    if (!config)
+        return null;
+    return children({
+        id: id,
+        config: config,
+        label: label,
+        value: on,
+        onTagSwitch: onChange,
+        isRequired: isRequired,
+        disabled: disabled,
+        falseTrackColor: falseTrackColor,
+        thumbColor: thumbColor,
+        trueTrackColor: trueTrackColor
+    });
+};
+export default Switch;

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

@@ -0,0 +1,7 @@
+import { SwitchProps, TagsFilterProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const TagsFilter: ({ children, SwitchView }: {
+    children: (props: TagsFilterProps) => ReactNode;
+    SwitchView: (props: SwitchProps) => ReactNode;
+}) => React.ReactNode;
+export default TagsFilter;

package/dist/esm/components/TagsFilter.js

@@ -0,0 +1,45 @@
+import { __spreadArray } from "tslib";
+import React, { useCallback, useEffect, useState } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { selectKioskConfig, selectTags, setSelectedTags } from '../slices';
+import { default as SwitchContainer } from './Switch';
+var TagsFilter = function (_a) {
+    var children = _a.children, SwitchView = _a.SwitchView;
+    var config = useAppSelector(selectKioskConfig).tags;
+    var dispatch = useAppDispatch();
+    var _b = useAppSelector(selectTags), tags = _b.entities, selectedTags = _b.selectedTags, loading = _b.loading, error = _b.error;
+    var _c = useState([]), localSelectedTags = _c[0], setLocalSelectedTags = _c[1];
+    var isLoading = loading === 'pending';
+    useEffect(function () {
+        setLocalSelectedTags(selectedTags.map(function (tag) { return tag.tag_id; }));
+    }, [selectedTags]);
+    var onTagSwitch = function (tag) {
+        setLocalSelectedTags(function (prevSelectedTags) {
+            if (prevSelectedTags.includes(tag.tag_id)) {
+                return prevSelectedTags.filter(function (id) { return id !== tag.tag_id; });
+            }
+            else {
+                return __spreadArray(__spreadArray([], prevSelectedTags, true), [tag.tag_id], false);
+            }
+        });
+    };
+    var handleSubmit = function () {
+        var newSelectedTags = tags.filter(function (tag) {
+            return localSelectedTags.includes(tag.tag_id);
+        });
+        dispatch(setSelectedTags(newSelectedTags));
+    };
+    var handlers = { onTagSwitch: onTagSwitch, handleSubmit: handleSubmit };
+    var renderSwitch = useCallback(function (props) {
+        return (React.createElement(SwitchContainer, { key: props.id, id: props.id, children: SwitchView, label: props.label, on: props.value, onChange: props.onTagSwitch, disabled: false, isRequired: true }));
+    }, [SwitchView]);
+    return children({
+        config: config,
+        handlers: handlers,
+        isLoading: isLoading,
+        renderSwitch: renderSwitch,
+        tags: tags,
+        error: error === null || error === void 0 ? void 0 : error.detail
+    });
+};
+export default TagsFilter;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "1.1.171",
+  "version": "1.1.173",
   "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",
@@ -62,7 +62,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.11.1",
     "@open-tender/types": "^0.4.77",
-    "@open-tender/ui": "^0.4.4",
+    "@open-tender/ui": "^0.4.8",
     "@open-tender/utils": "^0.4.52",
     "@reduxjs/toolkit": "^2.0.1",
     "date-fns": "2.30.0",