@deenruv/react-ui-devkit 1.0.0

package/dist/components/templates/DetailView/useDetailView.js

@@ -0,0 +1,244 @@
+import { __assign, __awaiter, __generator, __rest } from "tslib";
+import React, { useCallback, useEffect, useState } from "react";
+import { createContext, useContext } from "react";
+import { DeletionResult } from "@deenruv/admin-types";
+import { DetailLocations, } from "../../../types";
+import { DetailViewMarker, checkUnsavedChanges } from "../..";
+import { apiClient } from "../../../zeus_client/deenruvAPICall";
+import { toast } from "sonner";
+import { useNavigate, useSearchParams } from "react-router-dom";
+import { useRouteGuard } from "../../../hooks";
+import { useServer } from "../../../state/server.js";
+var handleError = function (resp) {
+    var _a, _b, _c;
+    var code = (_c = (_b = (_a = resp.response) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.extensions.code;
+    var message = code
+        .toLowerCase()
+        .replace(/_/g, " ")
+        .replace(/^\w/, function (c) { return c.toUpperCase(); });
+    toast.error(message || "There was an error", { closeButton: false });
+};
+export var DetailViewStoreContext = createContext({
+    loading: false,
+    entity: null,
+    error: "",
+    tab: "",
+    tabs: [],
+    form: {
+        base: {
+            state: {},
+            setField: function () { },
+            checkIfAllFieldsAreValid: function () { return true; },
+            clearErrors: function () { },
+            haveValidFields: true,
+            setState: function () { },
+            clearAllForm: function () { },
+        },
+        onSubmitted: function () { return Promise.resolve({}); },
+        onDeleted: function () { return Promise.resolve({}); },
+    },
+    actionHandler: function () { },
+    fetchEntity: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/, null];
+    }); }); },
+    setEntity: function () { },
+    setSidebar: function () { },
+    setActiveTab: function () { },
+    getMarker: function () { return null; },
+    hasUnsavedChanges: false,
+    setAdditionalData: function () { return null; },
+    additionalData: {},
+    addToQueue: function () { },
+    markAsDirty: function () { },
+    setLoading: function () { return null; },
+});
+export var DetailViewStoreProvider = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var _b = useState({}), queue = _b[0], setQueue = _b[1];
+    var addToQueue = useCallback(function (key, callback) {
+        setQueue(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[key] = { callback: callback }, _a)));
+        });
+    }, []);
+    var removeFromQueue = useCallback(function (key) {
+        setQueue(function (prev) {
+            var _a = prev, _b = key, _ = _a[_b], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+            return rest;
+        });
+    }, []);
+    var form = props.form, id = props.id, locationId = props.locationId, _sidebar = props.sidebar, tabs = props.tabs, _tab = props.tab;
+    var graphQLSchema = useServer(function (p) { return p.graphQLSchema; });
+    var navigate = useNavigate();
+    var searchParams = useSearchParams()[0];
+    var _c = useState(false), loading = _c[0], setLoading = _c[1];
+    var _d = useState(null), entity = _d[0], setEntity = _d[1];
+    var _e = useState(""), error = _e[0], setError = _e[1];
+    var _f = useState(_tab), tab = _f[0], setTab = _f[1];
+    var _g = useState(_sidebar), sidebar = _g[0], _setSidebar = _g[1];
+    var _h = useState(false), hasUnsavedChanges = _h[0], setHasUnsavedChanges = _h[1];
+    var _j = useState(), additionalData = _j[0], setAdditionalData = _j[1];
+    var _k = useState(false), markedAsDirty = _k[0], setMarkedAsDirty = _k[1];
+    useRouteGuard({ shouldBlock: hasUnsavedChanges });
+    var markAsDirty = useCallback(function () {
+        setMarkedAsDirty(true);
+    }, []);
+    useEffect(function () {
+        if (searchParams.get("tab")) {
+            var newTab_1 = searchParams.get("tab");
+            if (tabs.some(function (t) { return t.name === newTab_1; })) {
+                setTab(newTab_1);
+            }
+            else {
+                setTab(tabs[0].name);
+            }
+        }
+        else {
+            setTab(tabs[0].name);
+        }
+    }, [searchParams, tabs]);
+    useEffect(function () {
+        if (id !== undefined)
+            fetchEntity();
+    }, [tab, id]);
+    useEffect(function () {
+        var _hasUnsavedChanges = checkUnsavedChanges(form.base.state, entity);
+        if (markedAsDirty) {
+            setHasUnsavedChanges(true);
+        }
+        else {
+            setHasUnsavedChanges(_hasUnsavedChanges);
+        }
+    }, [form.base.state, entity, markedAsDirty]);
+    var handleSuccess = useCallback(function (resp) {
+        var mutationName = Object.keys(resp)[0];
+        if (mutationName.startsWith("delete") && Array.isArray(resp)) {
+            var result = Object.values(resp)[0].result;
+            if (result !== DeletionResult.DELETED) {
+                toast.warning(Object.values(resp)[0].message, { closeButton: false });
+                return;
+            }
+        }
+        var string = mutationName.charAt(0).toUpperCase() + mutationName.slice(1);
+        var message = "".concat(string.replace(/([A-Z])/g, " $1").trim(), " - Success");
+        var listPath = location.pathname.replace(/\/[^/]+$/, "");
+        if (mutationName.startsWith("create") ||
+            mutationName.startsWith("delete")) {
+            setHasUnsavedChanges(false);
+            setTimeout(function () { return navigate(listPath, { viewTransition: true }); });
+        }
+        else {
+            fetchEntity();
+        }
+        toast.success(message, { closeButton: false });
+    }, [navigate]);
+    var actionHandler = useCallback(function (type) {
+        var _a, _b;
+        var _c = form || {}, onDeleted = _c.onDeleted, onSubmitted = _c.onSubmitted, base = _c.base;
+        Object.entries(queue).forEach(function (_a) {
+            var key = _a[0], callback = _a[1].callback;
+            callback().then(function () { return removeFromQueue(key); });
+        });
+        if (type === "submit")
+            (_a = onSubmitted === null || onSubmitted === void 0 ? void 0 : onSubmitted(base === null || base === void 0 ? void 0 : base.state, additionalData)) === null || _a === void 0 ? void 0 : _a.then(handleSuccess).catch(handleError);
+        if (type === "delete")
+            (_b = onDeleted === null || onDeleted === void 0 ? void 0 : onDeleted(base === null || base === void 0 ? void 0 : base.state, additionalData)) === null || _b === void 0 ? void 0 : _b.then(handleSuccess).catch(handleError);
+        Object.keys(queue).forEach(removeFromQueue);
+    }, [props.form, handleSuccess]);
+    var setSidebar = useCallback(function (sidebar) {
+        if (typeof sidebar === "undefined") {
+            var tabWithSidebar = tabs.find(function (t) { return t.sidebar; });
+            _setSidebar(tabWithSidebar ? tabWithSidebar.sidebar : sidebar);
+        }
+        else if (sidebar === null) {
+            _setSidebar(null);
+        }
+        else {
+            _setSidebar(sidebar);
+        }
+    }, []);
+    var getMarker = function () {
+        if (!locationId)
+            return null;
+        return React.createElement(DetailViewMarker, { position: locationId, tab: tab });
+    };
+    var fetchEntity = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var entityGraphQL, name, query, data, entity_1, error_1;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    entityGraphQL = DetailLocations[locationId];
+                    name = (entityGraphQL["type"].charAt(0).toLowerCase() +
+                        entityGraphQL["type"].slice(1));
+                    if (id === undefined)
+                        return [2 /*return*/];
+                    setLoading(true);
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 3, 4, 5]);
+                    query = typeof id === "string"
+                        ? (_a = {},
+                            _a[name] = [{ id: id }, entityGraphQL["selector"]],
+                            _a)
+                        : (_b = {},
+                            _b[name] = entityGraphQL["selector"],
+                            _b);
+                    return [4 /*yield*/, apiClient("query")(query)];
+                case 2:
+                    data = _c.sent();
+                    entity_1 = data[name];
+                    if (data && data[name]) {
+                        setEntity(entity_1);
+                        return [2 /*return*/, entity_1];
+                    }
+                    else {
+                        setEntity(null);
+                    }
+                    return [3 /*break*/, 5];
+                case 3:
+                    error_1 = _c.sent();
+                    setError(error_1 instanceof Error ? error_1.message : "An unknown error occurred.");
+                    return [3 /*break*/, 5];
+                case 4:
+                    setLoading(false);
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); }, [id, locationId, graphQLSchema]);
+    return (React.createElement(DetailViewStoreContext.Provider, { value: {
+            id: id,
+            form: form,
+            loading: loading,
+            entity: entity,
+            error: error,
+            tab: tab,
+            sidebar: sidebar,
+            tabs: tabs,
+            actionHandler: actionHandler,
+            addToQueue: addToQueue,
+            fetchEntity: fetchEntity,
+            setEntity: setEntity,
+            setSidebar: setSidebar,
+            setActiveTab: setTab,
+            getMarker: getMarker,
+            hasUnsavedChanges: hasUnsavedChanges,
+            setAdditionalData: setAdditionalData,
+            setLoading: setLoading,
+            additionalData: additionalData,
+            markAsDirty: markAsDirty,
+        } }, children));
+};
+export function useDetailView(_type, _key) {
+    var _pick = [];
+    for (var _i = 2; _i < arguments.length; _i++) {
+        _pick[_i - 2] = arguments[_i];
+    }
+    var ctx = useContext(DetailViewStoreContext);
+    if (!ctx)
+        throw new Error("Missing DetailViewStoreContext.Provider in the tree");
+    //@ts-expect-error can't avoid this error...
+    return ctx;
+}
+//# sourceMappingURL=useDetailView.js.map

package/dist/components/templates/DetailView/useDetailView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetailView.js","sourceRoot":"","sources":["../../../../src/components/templates/DetailView/useDetailView.tsx"],"names":[],"mappings":"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"}

package/dist/components/templates/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DetailList";
+export * from "./DetailView";

package/dist/components/templates/index.js

@@ -0,0 +1,3 @@
+export * from "./DetailList";
+export * from "./DetailView";
+//# sourceMappingURL=index.js.map

package/dist/components/templates/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/templates/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}

package/dist/consts/defaultChannel.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_CHANNEL_CODE = "__default_channel__";

package/dist/consts/defaultChannel.js

@@ -0,0 +1,2 @@
+export var DEFAULT_CHANNEL_CODE = "__default_channel__";
+//# sourceMappingURL=defaultChannel.js.map

package/dist/consts/defaultChannel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultChannel.js","sourceRoot":"","sources":["../../src/consts/defaultChannel.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,oBAAoB,GAAG,qBAAqB,CAAC"}

package/dist/consts/icons.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export declare const CardIcons: {
+    asset: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    basic: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    default: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    permissions: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    address: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    users: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    history: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    tag: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    options: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    shipping: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    check: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    calc: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    customFields: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    group: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    stock: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    action: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    filter: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+};

package/dist/consts/icons.js

@@ -0,0 +1,21 @@
+import { Building, Hexagon, Info, Shield, Users, History, Tag, Cog, Truck, ClipboardCheck, Calculator, Database, Image, Group, Layers, Activity, Cone, } from "lucide-react";
+export var CardIcons = {
+    asset: Image,
+    basic: Info,
+    default: Hexagon,
+    permissions: Shield,
+    address: Building,
+    users: Users,
+    history: History,
+    tag: Tag,
+    options: Cog,
+    shipping: Truck,
+    check: ClipboardCheck,
+    calc: Calculator,
+    customFields: Database,
+    group: Group,
+    stock: Layers,
+    action: Activity,
+    filter: Cone,
+};
+//# sourceMappingURL=icons.js.map

package/dist/consts/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/consts/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,MAAM,EACN,KAAK,EACL,OAAO,EACP,GAAG,EACH,GAAG,EACH,KAAK,EACL,cAAc,EACd,UAAU,EACV,QAAQ,EACR,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,GACL,MAAM,cAAc,CAAC;AAEtB,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,OAAO;IAChB,WAAW,EAAE,MAAM;IACnB,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,OAAO;IAChB,GAAG,EAAE,GAAG;IACR,OAAO,EAAE,GAAG;IACZ,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,cAAc;IACrB,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,QAAQ;IACtB,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,IAAI;CACb,CAAC"}

package/dist/consts/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./defaultChannel.js";
+export * from "./icons.js";

package/dist/consts/index.js

@@ -0,0 +1,3 @@
+export * from "./defaultChannel.js";
+export * from "./icons.js";
+//# sourceMappingURL=index.js.map

package/dist/consts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/consts/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC"}

package/dist/consts/localStorageVersion.d.ts

@@ -0,0 +1 @@
+export declare const getLocalStorageVersion: (key: string) => string;

package/dist/consts/localStorageVersion.js

@@ -0,0 +1,4 @@
+export var getLocalStorageVersion = function (key) {
+    return [key, "v1"].join("-");
+};
+//# sourceMappingURL=localStorageVersion.js.map

package/dist/consts/localStorageVersion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localStorageVersion.js","sourceRoot":"","sources":["../../src/consts/localStorageVersion.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,GAAW;IAChD,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC/B,CAAC,CAAC"}

package/dist/custom_fields/ArgumentFieldsComponent.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { Field as BaseField } from "./context.js";
+type Field = Omit<BaseField, "label" | "description"> & {
+    label?: string | null;
+    description?: string | null;
+};
+export declare const ArgumentFieldsComponent: ({ actions, args, setArg, additionalData, disabled, }: {
+    actions?: {
+        code: string;
+        args: Array<Field>;
+        description: string;
+    }[] | undefined;
+    args: Array<{
+        name: string;
+        value: string;
+    }>;
+    setArg: (argument: Field, data: {
+        name: string;
+        value: string;
+    }) => void;
+    additionalData?: Record<string, unknown> | undefined;
+    disabled?: boolean | undefined;
+}) => (React.JSX.Element | null)[];
+export {};

package/dist/custom_fields/ArgumentFieldsComponent.js

@@ -0,0 +1,84 @@
+import { __assign } from "tslib";
+import React, { useEffect, useState } from "react";
+import { usePluginStore } from "../plugins/plugin-context.js";
+import { generateInputComponents } from "./logic.js";
+import { InputFieldComponent } from "./InputFieldComponent.js";
+export var ArgumentFieldsComponent = function (_a) {
+    var _b = _a.actions, actions = _b === void 0 ? [] : _b, args = _a.args, setArg = _a.setArg, additionalData = _a.additionalData, disabled = _a.disabled;
+    var getInputComponent = usePluginStore().getInputComponent;
+    var _c = useState({}), rendered = _c[0], setRendered = _c[1];
+    useEffect(function () {
+        if (!args.length || !actions.length)
+            return;
+        var result = {};
+        var _loop_1 = function (arg) {
+            var action = actions.find(function (a) {
+                return a.args.some(function (ar) { return ar.name === arg.name; });
+            });
+            var argument = action === null || action === void 0 ? void 0 : action.args.find(function (ar) { return ar.name === arg.name; });
+            if (!action || !argument)
+                return "continue";
+            var components = generateInputComponents([
+                __assign(__assign({}, argument), { label: [{ languageCode: "en", value: argument.label || "" }], description: [
+                        { languageCode: "en", value: argument.description || "" },
+                    ] }),
+            ], getInputComponent);
+            if (!result[action.code])
+                result[action.code] = {};
+            result[action.code][arg.name] = components.filter(function (c) { return c.name === arg.name; });
+        };
+        for (var _i = 0, args_1 = args; _i < args_1.length; _i++) {
+            var arg = args_1[_i];
+            _loop_1(arg);
+        }
+        setRendered(result);
+        return function () {
+            setRendered({});
+        };
+    }, [args.length, actions.length]);
+    return Object.entries(rendered).map(function (_a) {
+        var actionCode = _a[0], fields = _a[1];
+        var action = actions.find(function (a) { return a.code === actionCode; });
+        if (!action)
+            return null;
+        return (React.createElement("div", { key: action.code, className: "flex flex-col gap-3" },
+            React.createElement("h4", { className: "text-lg" }, action.description),
+            Object.entries(fields).map(function (_a) {
+                var argName = _a[0], components = _a[1];
+                var arg = args.find(function (a) { return a.name === argName; });
+                var field = action.args.find(function (a) { return a.name === argName; });
+                if (!arg || !field)
+                    return null;
+                return (React.createElement("div", { key: argName }, components.map(function (_a, i) {
+                    var component = _a.component;
+                    var value = "";
+                    try {
+                        value = JSON.parse(arg.value);
+                    }
+                    catch (_b) {
+                        console.error("Error parsing value");
+                    }
+                    var setValue = function (data) {
+                        try {
+                            var value_1 = JSON.stringify(data);
+                            setArg(field, { name: argName, value: value_1 });
+                        }
+                        catch (_a) {
+                            console.error("Error setting value");
+                        }
+                    };
+                    var label = [
+                        {
+                            languageCode: "en",
+                            value: field.label || field.name || "",
+                        },
+                    ];
+                    var description = [
+                        { languageCode: "en", value: field.description || "" },
+                    ];
+                    return (React.createElement(InputFieldComponent, { key: field.name, field: __assign(__assign({}, field), { label: label, description: description, component: component }), value: value, setValue: setValue, additionalData: additionalData, disabled: disabled }));
+                })));
+            })));
+    });
+};
+//# sourceMappingURL=ArgumentFieldsComponent.js.map

package/dist/custom_fields/ArgumentFieldsComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArgumentFieldsComponent.js","sourceRoot":"","sources":["../../src/custom_fields/ArgumentFieldsComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,qCAAoC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAO/D,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,EAYvC;QAXC,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,QAAQ,cAAA;IAQA,IAAA,iBAAiB,GAAK,cAAc,EAAE,kBAArB,CAAsB;IACzC,IAAA,KAA0B,QAAQ,CAYtC,EAAE,CAAC,EAZE,QAAQ,QAAA,EAAE,WAAW,QAYvB,CAAC;IAEN,SAAS,CAAC;QACR,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM;YAAE,OAAO;QAC5C,IAAM,MAAM,GAUR,EAAE,CAAC;gCACI,GAAG;YACZ,IAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,UAAC,CAAC;gBAC5B,OAAA,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,EAApB,CAAoB,CAAC;YAAzC,CAAyC,CAC1C,CAAC;YACF,IAAM,QAAQ,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,EAApB,CAAoB,CAAC,CAAC;YACjE,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ;kCAAW;YACnC,IAAM,UAAU,GAAG,uBAAuB,CACxC;sCAEO,QAAQ,KACX,KAAK,EAAE,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,IAAI,EAAE,EAAE,CAAC,EAC5D,WAAW,EAAE;wBACX,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,WAAW,IAAI,EAAE,EAAE;qBAC1D;aAEJ,EACD,iBAAiB,CAClB,CAAC;YACF,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;gBAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;YACnD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,MAAM,CAC/C,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,EAAnB,CAAmB,CAC3B,CAAC;;QArBJ,KAAkB,UAAI,EAAJ,aAAI,EAAJ,kBAAI,EAAJ,IAAI;YAAjB,IAAM,GAAG,aAAA;oBAAH,GAAG;SAsBb;QACD,WAAW,CAAC,MAAM,CAAC,CAAC;QACpB,OAAO;YACL,WAAW,CAAC,EAAE,CAAC,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAElC,OAAO,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAC,EAAoB;YAAnB,UAAU,QAAA,EAAE,MAAM,QAAA;QACtD,IAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,KAAK,UAAU,EAArB,CAAqB,CAAC,CAAC;QAC1D,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QACzB,OAAO,CACL,6BAAK,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,EAAC,qBAAqB;YACpD,4BAAI,SAAS,EAAC,SAAS,IAAE,MAAM,CAAC,WAAW,CAAM;YAChD,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,UAAC,EAAqB;oBAApB,OAAO,QAAA,EAAE,UAAU,QAAA;gBAC/C,IAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,KAAK,OAAO,EAAlB,CAAkB,CAAC,CAAC;gBACjD,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,KAAK,OAAO,EAAlB,CAAkB,CAAC,CAAC;gBAC1D,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK;oBAAE,OAAO,IAAI,CAAC;gBAChC,OAAO,CACL,6BAAK,GAAG,EAAE,OAAO,IACd,UAAU,CAAC,GAAG,CAAC,UAAC,EAAa,EAAE,CAAC;wBAAd,SAAS,eAAA;oBAC1B,IAAI,KAAK,GAAG,EAAE,CAAC;oBACf,IAAI,CAAC;wBACH,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;oBAChC,CAAC;oBAAC,WAAM,CAAC;wBACP,OAAO,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;oBACvC,CAAC;oBACD,IAAM,QAAQ,GAAG,UAAC,IAAa;wBAC7B,IAAI,CAAC;4BACH,IAAM,OAAK,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;4BACnC,MAAM,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,SAAA,EAAE,CAAC,CAAC;wBAC1C,CAAC;wBAAC,WAAM,CAAC;4BACP,OAAO,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;wBACvC,CAAC;oBACH,CAAC,CAAC;oBACF,IAAM,KAAK,GAAG;wBACZ;4BACE,YAAY,EAAE,IAAI;4BAClB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,IAAI,EAAE;yBACvC;qBACF,CAAC;oBACF,IAAM,WAAW,GAAG;wBAClB,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,IAAI,EAAE,EAAE;qBACvD,CAAC;oBAEF,OAAO,CACL,oBAAC,mBAAmB,IAClB,GAAG,EAAE,KAAK,CAAC,IAAI,EACf,KAAK,wBAAO,KAAK,KAAE,KAAK,OAAA,EAAE,WAAW,aAAA,EAAE,SAAS,WAAA,KAChD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;gBACJ,CAAC,CAAC,CACE,CACP,CAAC;YACJ,CAAC,CAAC,CACE,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/custom_fields/CustomFieldsComponent.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { ModelTypes, CustomFieldConfigType } from "@deenruv/admin-types";
+export declare function CustomFieldsComponent<K extends {
+    customFields?: ModelTypes["JSON"] | undefined;
+}>({ customFields, value, setValue, translation, additionalData, disabled, }: {
+    customFields: CustomFieldConfigType[];
+    value: any;
+    setValue: (field: any, data: string | number | boolean) => void;
+    translation?: K;
+    additionalData?: Record<string, unknown>;
+    disabled?: boolean;
+}): React.JSX.Element;

package/dist/custom_fields/CustomFieldsComponent.js

@@ -0,0 +1,53 @@
+import { __assign } from "tslib";
+import React, { useEffect, useState } from "react";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../components";
+import { usePluginStore } from "../plugins";
+import { generateInputComponents } from "./logic";
+import { InputFieldComponent } from "./InputFieldComponent.js";
+export function CustomFieldsComponent(_a) {
+    var customFields = _a.customFields, value = _a.value, setValue = _a.setValue, translation = _a.translation, additionalData = _a.additionalData, disabled = _a.disabled;
+    var getInputComponent = usePluginStore().getInputComponent;
+    var _b = useState({}), rendered = _b[0], setRendered = _b[1];
+    useEffect(function () {
+        var result = generateInputComponents(customFields, getInputComponent).reduce(function (acc, field) {
+            var _a;
+            var tab = ((_a = field.ui) === null || _a === void 0 ? void 0 : _a.tab) || "General";
+            if (!acc[tab])
+                acc[tab] = [];
+            acc[tab].push(field);
+            return acc;
+        }, {});
+        setRendered(result);
+        return function () {
+            setRendered({});
+        };
+    }, []);
+    return (React.createElement(Tabs, { className: "w-full", defaultValue: "General" },
+        Object.keys(rendered).length > 1 && (React.createElement(TabsList, { className: "w-full justify-start" }, Object.keys(rendered).map(function (tab) { return (React.createElement(TabsTrigger, { key: tab, value: tab }, tab)); }))),
+        Object.entries(rendered).map(function (_a) {
+            var tab = _a[0], fields = _a[1];
+            return (React.createElement(TabsContent, { key: tab, value: tab },
+                React.createElement("div", { className: "flex flex-wrap gap-4" }, fields.map(function (_f) {
+                    var _field = customFields === null || customFields === void 0 ? void 0 : customFields.find(function (f) { return "name" in f && f.name === _f.name; });
+                    if (!_field)
+                        return null;
+                    var field = __assign(__assign({}, _field), { component: _f.component });
+                    var _value = undefined;
+                    if ([
+                        "LocaleStringCustomFieldConfig",
+                        "LocaleTextCustomFieldConfig",
+                    ].includes(_field.__typename)) {
+                        _value = (translation === null || translation === void 0 ? void 0 : translation.customFields)
+                            ? translation.customFields[_field.name]
+                            : undefined;
+                    }
+                    else {
+                        _value = value ? value[_field.name] : undefined;
+                    }
+                    return (React.createElement(InputFieldComponent, { key: field.name, field: field, value: _value, setValue: function (data) {
+                            return setValue(_field, data);
+                        }, additionalData: additionalData, disabled: disabled }));
+                }))));
+        })));
+}
+//# sourceMappingURL=CustomFieldsComponent.js.map

package/dist/custom_fields/CustomFieldsComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldsComponent.js","sourceRoot":"","sources":["../../src/custom_fields/CustomFieldsComponent.tsx"],"names":[],"mappings":"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"}

package/dist/custom_fields/DefaultInputs/DefaultCheckbox.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DefaultCheckbox: () => React.JSX.Element;

package/dist/custom_fields/DefaultInputs/DefaultCheckbox.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { CardDescription, Checkbox, Label } from "../../components";
+import { useCustomFields } from "../context";
+import { capitalizeFirstLetter, camelCaseToSpaces } from "../../utils";
+export var DefaultCheckbox = function () {
+    var _a;
+    var _b = useCustomFields(), field = _b.field, value = _b.value, label = _b.label, description = _b.description, setValue = _b.setValue, disabled = _b.disabled;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "flex items-center space-x-2" },
+            React.createElement(Checkbox, { id: field === null || field === void 0 ? void 0 : field.name, disabled: (_a = disabled !== null && disabled !== void 0 ? disabled : field === null || field === void 0 ? void 0 : field.readonly) !== null && _a !== void 0 ? _a : undefined, checked: value, onCheckedChange: setValue }),
+            React.createElement(Label, { htmlFor: field === null || field === void 0 ? void 0 : field.name }, label || capitalizeFirstLetter(camelCaseToSpaces(field === null || field === void 0 ? void 0 : field.name)))),
+        React.createElement(CardDescription, null, description)));
+};
+//# sourceMappingURL=DefaultCheckbox.js.map

package/dist/custom_fields/DefaultInputs/DefaultCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultCheckbox.js","sourceRoot":"","sources":["../../../src/custom_fields/DefaultInputs/DefaultCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,KAAK,EAAE,yBAAqB;AAChE,OAAO,EAAE,eAAe,EAAE,mBAAgC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,oBAAgB;AAEnE,MAAM,CAAC,IAAM,eAAe,GAAG;;IACvB,IAAA,KACJ,eAAe,EAAW,EADpB,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAChC,CAAC;IAC7B,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,oBAAC,QAAQ,IACP,EAAE,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EACf,QAAQ,EAAE,MAAA,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,SAAS,EAClD,OAAO,EAAE,KAAK,EACd,eAAe,EAAE,QAAQ,GACzB;YACF,oBAAC,KAAK,IAAC,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,IACxB,KAAK,IAAI,qBAAqB,CAAC,iBAAiB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,CAAC,CACzD,CACJ;QACN,oBAAC,eAAe,QAAE,WAAW,CAAmB,CAC/C,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/custom_fields/DefaultInputs/DefaultCurrencyInput.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DefaultCurrencyInput: React.FC;

package/dist/custom_fields/DefaultInputs/DefaultCurrencyInput.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { CardDescription, Input, Label } from "../../components";
+import { useCustomFields } from "../context";
+import { useSettings } from "../../state/settings.js";
+import { capitalizeFirstLetter, camelCaseToSpaces } from "../../utils";
+export var DefaultCurrencyInput = function () {
+    var _a;
+    var _b = useCustomFields(), field = _b.field, value = _b.value, label = _b.label, description = _b.description, setValue = _b.setValue, disabled = _b.disabled;
+    var selectedChannel = useSettings().selectedChannel;
+    return (React.createElement("div", { className: "flex flex-col gap-1" },
+        React.createElement(Label, { htmlFor: field === null || field === void 0 ? void 0 : field.name }, label || capitalizeFirstLetter(camelCaseToSpaces(field === null || field === void 0 ? void 0 : field.name))),
+        React.createElement(CardDescription, null, description),
+        React.createElement(Input, { id: field === null || field === void 0 ? void 0 : field.name, type: "currency", disabled: (_a = disabled !== null && disabled !== void 0 ? disabled : field === null || field === void 0 ? void 0 : field.readonly) !== null && _a !== void 0 ? _a : undefined, value: value, onChange: function (e) {
+                setValue(parseInt(e.target.value || "0", 10));
+            }, endAdornment: selectedChannel === null || selectedChannel === void 0 ? void 0 : selectedChannel.currencyCode })));
+};
+//# sourceMappingURL=DefaultCurrencyInput.js.map

package/dist/custom_fields/DefaultInputs/DefaultCurrencyInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultCurrencyInput.js","sourceRoot":"","sources":["../../../src/custom_fields/DefaultInputs/DefaultCurrencyInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAqB;AAC7D,OAAO,EAAE,eAAe,EAAE,mBAAgC;AAC1D,OAAO,EAAE,WAAW,EAAE,gCAA4B;AAClD,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,oBAAgB;AAEnE,MAAM,CAAC,IAAM,oBAAoB,GAAa;;IACtC,IAAA,KACJ,eAAe,EAAU,EADnB,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cACjC,CAAC;IACpB,IAAA,eAAe,GAAK,WAAW,EAAE,gBAAlB,CAAmB;IAE1C,OAAO,CACL,6BAAK,SAAS,EAAC,qBAAqB;QAClC,oBAAC,KAAK,IAAC,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,IACxB,KAAK,IAAI,qBAAqB,CAAC,iBAAiB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,CAAC,CACzD;QACR,oBAAC,eAAe,QAAE,WAAW,CAAmB;QAChD,oBAAC,KAAK,IACJ,EAAE,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EACf,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,MAAA,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,SAAS,EAClD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,CAAC;gBACV,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;YAChD,CAAC,EACD,YAAY,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,YAAY,GAC3C,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/custom_fields/DefaultInputs/DefaultFloatInput.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DefaultFloatInput: React.FC;