@yogiswara/honcho-editor-ui 2.10.15 → 2.10.17

package/dist/components/editor/HImageEditorMobile.d.ts

@@ -28,10 +28,10 @@ interface Props {
     contrastScore: number;
     clarityScore: number;
     sharpnessScore: number;
-    onTempChange: (field: keyof AdjustmentState, value: number) => void;
-    onTintChange: (field: keyof AdjustmentState, value: number) => void;
-    onVibranceChange: (field: keyof AdjustmentState, value: number) => void;
-    onSaturationChange: (field: keyof AdjustmentState, value: number) => void;
+    setTempScore: (field: keyof AdjustmentState, value: number) => void;
+    setTintScore: (field: keyof AdjustmentState, value: number) => void;
+    setVibranceScore: (field: keyof AdjustmentState, value: number) => void;
+    setSaturationScore: (field: keyof AdjustmentState, value: number) => void;
     onExposureChange: (field: keyof AdjustmentState, value: number) => void;
     onHighlightsChange: (field: keyof AdjustmentState, value: number) => void;
     onShadowsChange: (field: keyof AdjustmentState, value: number) => void;

package/dist/components/editor/HImageEditorMobile.js

@@ -31,7 +31,7 @@ export default function HImageEditorMobile(props) {
     const renderPanelContent = () => {
         switch (props.activePanel) {
             case 'colorAdjustment':
-                return _jsx(HTabColorAdjustmentMobile, { activeSubPanel: props.activeSubPanel, innerRef: props.innerRef, onDragStart: props.onDragStart, onDragEnd: props.onDragEnd, onExposureChange: props.onExposureChange, onContrastChange: props.onContrastChange, onHighlightsChange: props.onHighlightsChange, onShadowsChange: props.onShadowsChange, onWhitesChange: props.onWhitesChange, onBlacksChange: props.onBlacksChange, onTempChange: props.onTempChange, onTintChange: props.onTintChange, onVibranceChange: props.onVibranceChange, onSaturationChange: props.onSaturationChange, exposureScore: props.exposureScore, contrastScore: props.contrastScore, highlightsScore: props.highlightsScore, shadowScore: props.shadowScore, whiteScore: props.whiteScore, blackScore: props.blackScore, tempScore: props.tempScore, tintScore: props.tintScore, vibranceScore: props.vibranceScore, saturationScore: props.saturationScore, isBatchMode: props.isBatchMode, sharpnessScore: props.sharpnessScore, onSharpnessChange: props.onSharpnessChange, clarityScore: props.clarityScore, onClarityChange: props.onClarityChange });
+                return _jsx(HTabColorAdjustmentMobile, { activeSubPanel: props.activeSubPanel, innerRef: props.innerRef, onDragStart: props.onDragStart, onDragEnd: props.onDragEnd, onExposureChange: props.onExposureChange, onContrastChange: props.onContrastChange, onHighlightsChange: props.onHighlightsChange, onShadowsChange: props.onShadowsChange, onWhitesChange: props.onWhitesChange, onBlacksChange: props.onBlacksChange, setTempScore: props.setTempScore, setTintScore: props.setTintScore, setVibranceScore: props.setVibranceScore, setSaturationScore: props.setSaturationScore, exposureScore: props.exposureScore, contrastScore: props.contrastScore, highlightsScore: props.highlightsScore, shadowScore: props.shadowScore, whiteScore: props.whiteScore, blackScore: props.blackScore, tempScore: props.tempScore, tintScore: props.tintScore, vibranceScore: props.vibranceScore, saturationScore: props.saturationScore, isBatchMode: props.isBatchMode, sharpnessScore: props.sharpnessScore, onSharpnessChange: props.onSharpnessChange, clarityScore: props.clarityScore, onClarityChange: props.onClarityChange });
             case 'preset':
                 return _jsx(HTabPresetMobile, { ...props });
             default:

package/dist/components/editor/HSliderColorMobile.d.ts

@@ -5,10 +5,10 @@ interface Props {
     saturationScore: number;
     vibranceScore: number;
     isBatchMode: boolean;
-    onTempChange: (field: keyof AdjustmentState, value: number) => void;
-    onTintChange: (field: keyof AdjustmentState, value: number) => void;
-    onVibranceChange: (field: keyof AdjustmentState, value: number) => void;
-    onSaturationChange: (field: keyof AdjustmentState, value: number) => void;
+    setTempScore: (field: keyof AdjustmentState, value: number) => void;
+    setTintScore: (field: keyof AdjustmentState, value: number) => void;
+    setVibranceScore: (field: keyof AdjustmentState, value: number) => void;
+    setSaturationScore: (field: keyof AdjustmentState, value: number) => void;
     onDragStart: () => void;
     onDragEnd: () => void;
 }

package/dist/components/editor/HSliderColorMobile.js

@@ -1,8 +1,79 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
 import { Stack, Slider, Typography } from "@mui/material";
 import useHonchoTypography from "../../themes/honchoTheme";
 import useColors from '../../themes/colors';
 import useSliderEvents from "../editor/sliderComponents/useSliderEvents";
+const formatValue = (value) => {
+    if (value > 0)
+        return `+${value}`;
+    if (value < 0)
+        return value.toString();
+    return "0";
+};
+function useAdjustmentField(propValue, setValue, onDragStart, onDragEnd, isBatchMode) {
+    const [local, setLocal] = useState(formatValue(propValue));
+    const [started, setStarted] = useState(false);
+    // keep sync with external changes
+    useEffect(() => {
+        setLocal(formatValue(propValue));
+    }, [propValue]);
+    const handleChange = (e, min, max) => {
+        const raw = e.target.value;
+        setLocal(raw);
+        if (raw === "" || raw === "+" || raw === "-")
+            return;
+        let num = parseInt(raw, 10);
+        if (isNaN(num))
+            return;
+        num = Math.max(min, Math.min(max, num));
+        // start batch on first valid change
+        if (!started && !isBatchMode) {
+            onDragStart();
+            setStarted(true);
+        }
+        setValue(num);
+    };
+    const handleDoubleClick = () => {
+        if (!isBatchMode) {
+            onDragStart();
+        }
+        setLocal("0");
+        setValue(0);
+        if (!isBatchMode) {
+            onDragEnd();
+        }
+    };
+    const handleBlur = (min, max) => {
+        if (local === "" || local === "+" || local === "-") {
+            setLocal("0");
+            setValue(0);
+        }
+        else {
+            let num = parseInt(local, 10);
+            if (isNaN(num))
+                num = 0;
+            num = Math.max(min, Math.min(max, num));
+            setLocal(formatValue(num));
+            setValue(num);
+        }
+        // end batch when user leaves field
+        if (started) {
+            onDragEnd();
+            setStarted(false);
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter") {
+            e.target.blur(); // blur the actual input
+            if (started) {
+                onDragEnd();
+                setStarted(false);
+            }
+        }
+    };
+    return { local, handleChange, handleBlur, handleKeyDown, handleDoubleClick };
+}
 export default function HSliderColorMobile(props) {
     const typography = useHonchoTypography();
     const colors = useColors();
@@ -10,6 +81,10 @@ export default function HSliderColorMobile(props) {
     const tintSliderRef = useSliderEvents(props.onDragStart, props.onDragEnd, props.isBatchMode);
     const vibranceSliderRef = useSliderEvents(props.onDragStart, props.onDragEnd, props.isBatchMode);
     const saturationSliderRef = useSliderEvents(props.onDragStart, props.onDragEnd, props.isBatchMode);
+    const tempInput = useAdjustmentField(props.tempScore, (val) => props.setTempScore("tempScore", val), props.onDragStart, props.onDragEnd, props.isBatchMode);
+    const tintInput = useAdjustmentField(props.tintScore, (val) => props.setTintScore("tintScore", val), props.onDragStart, props.onDragEnd, props.isBatchMode);
+    const vibranceInput = useAdjustmentField(props.vibranceScore, (val) => props.setVibranceScore("vibranceScore", val), props.onDragStart, props.onDragEnd, props.isBatchMode);
+    const saturationInput = useAdjustmentField(props.saturationScore, (val) => props.setSaturationScore("saturationScore", val), props.onDragStart, props.onDragEnd, props.isBatchMode);
     const blueScale = '#292bc0'; // Blue color on left
     const yellowScale = '#dfdc28'; // Yellow color on right
     const greenScale = '#00ff04';
@@ -47,7 +122,7 @@ export default function HSliderColorMobile(props) {
         const clampedValue = Math.max(min, Math.min(max, numericValue));
         onChange(clampedValue);
     };
-    return (_jsx(_Fragment, { children: _jsxs(Stack, { spacing: 0, direction: "column", sx: { width: '100%', paddingX: 1, m: "0px" }, children: [_jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, onDoubleClick: () => props.onTempChange("tempScore", 0), children: "Temperature" }), _jsx(Typography, { sx: {
+    return (_jsx(_Fragment, { children: _jsxs(Stack, { spacing: 0, direction: "column", sx: { width: '100%', paddingX: 1, m: "0px" }, children: [_jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, onDoubleClick: tempInput.handleDoubleClick, children: "Temperature" }), _jsx(Typography, { sx: {
                                 ...typography.bodyMedium, // Use your standard typography
                                 color: colors.surface,
                                 width: "40px", // Keep the fixed width for alignment
@@ -69,7 +144,7 @@ export default function HSliderColorMobile(props) {
                             boxShadow: 'none',
                             pointerEvents: 'auto', // IMPORTANT: Re-enable interaction ONLY for the thumb
                         }
-                    }, size: "small", value: props.tempScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.onTempChange("tempScore", newValue), onDoubleClick: () => props.onTempChange("tempScore", 0) }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, onDoubleClick: () => props.onTintChange("tintScore", 0), children: "Tint" }), _jsx(Typography, { sx: {
+                    }, size: "small", value: props.tempScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.setTempScore("tempScore", newValue), onDoubleClick: tempInput.handleDoubleClick }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, onDoubleClick: tintInput.handleDoubleClick, children: "Tint" }), _jsx(Typography, { sx: {
                                 ...typography.bodyMedium, // Use your standard typography
                                 color: colors.surface,
                                 width: "40px", // Keep the fixed width for alignment
@@ -91,7 +166,7 @@ export default function HSliderColorMobile(props) {
                             boxShadow: 'none',
                             pointerEvents: 'auto',
                         }
-                    }, size: "small", value: props.tintScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.onTintChange("tintScore", newValue), onDoubleClick: () => props.onTintChange("tintScore", 0) }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, onDoubleClick: () => props.onVibranceChange("vibranceScore", 0), children: "Vibrance" }), _jsx(Typography, { sx: {
+                    }, size: "small", value: props.tintScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.setTintScore("tintScore", newValue), onDoubleClick: tintInput.handleDoubleClick }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, onDoubleClick: vibranceInput.handleDoubleClick, children: "Vibrance" }), _jsx(Typography, { sx: {
                                 ...typography.bodyMedium, // Use your standard typography
                                 color: colors.surface,
                                 width: "40px", // Keep the fixed width for alignment
@@ -113,7 +188,7 @@ export default function HSliderColorMobile(props) {
                             boxShadow: 'none',
                             pointerEvents: 'auto',
                         }
-                    }, size: "small", value: props.vibranceScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.onVibranceChange("vibranceScore", newValue), onDoubleClick: () => props.onVibranceChange("vibranceScore", 0) }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, onDoubleClick: () => props.onSaturationChange("saturationScore", 0), children: "Saturation" }), _jsx(Typography, { sx: {
+                    }, size: "small", value: props.vibranceScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.setVibranceScore("vibranceScore", newValue), onDoubleClick: vibranceInput.handleDoubleClick }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, onDoubleClick: saturationInput.handleDoubleClick, children: "Saturation" }), _jsx(Typography, { sx: {
                                 ...typography.bodyMedium, // Use your standard typography
                                 color: colors.surface,
                                 width: "40px", // Keep the fixed width for alignment
@@ -135,5 +210,5 @@ export default function HSliderColorMobile(props) {
                             boxShadow: 'none',
                             pointerEvents: 'auto',
                         }
-                    }, size: "small", value: props.saturationScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.onSaturationChange("saturationScore", newValue), onDoubleClick: () => props.onSaturationChange("saturationScore", 0) })] }) }));
+                    }, size: "small", value: props.saturationScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.setSaturationScore("saturationScore", newValue), onDoubleClick: saturationInput.handleDoubleClick })] }) }));
 }

package/dist/components/editor/HTabColorAdjustmentMobile.d.ts

@@ -15,10 +15,10 @@ interface Props {
     contrastScore: number;
     clarityScore: number;
     sharpnessScore: number;
-    onTempChange: (field: keyof AdjustmentState, value: number) => void;
-    onTintChange: (field: keyof AdjustmentState, value: number) => void;
-    onVibranceChange: (field: keyof AdjustmentState, value: number) => void;
-    onSaturationChange: (field: keyof AdjustmentState, value: number) => void;
+    setTempScore: (field: keyof AdjustmentState, value: number) => void;
+    setTintScore: (field: keyof AdjustmentState, value: number) => void;
+    setVibranceScore: (field: keyof AdjustmentState, value: number) => void;
+    setSaturationScore: (field: keyof AdjustmentState, value: number) => void;
     onExposureChange: (field: keyof AdjustmentState, value: number) => void;
     onHighlightsChange: (field: keyof AdjustmentState, value: number) => void;
     onShadowsChange: (field: keyof AdjustmentState, value: number) => void;

package/dist/components/editor/HTabColorAdjustmentMobile.js

@@ -4,5 +4,5 @@ import HSliderLightMobile from "./HSliderLightMobile";
 import HSliderDetailsMobile from "./HSliderDetailsMobile";
 import { Box } from "@mui/material";
 export default function HTabColorAdjustmentMobile(props) {
-    return (_jsxs(Box, { ref: props.innerRef, children: [props.activeSubPanel === "light" && _jsx(HSliderLightMobile, { exposureScore: props.exposureScore, contrastScore: props.contrastScore, highlightsScore: props.highlightsScore, shadowScore: props.shadowScore, whiteScore: props.whiteScore, blackScore: props.blackScore, isBatchMode: props.isBatchMode, onExposureChange: props.onExposureChange, onContrastChange: props.onContrastChange, onHighlightsChange: props.onHighlightsChange, onShadowsChange: props.onShadowsChange, onWhitesChange: props.onWhitesChange, onBlacksChange: props.onBlacksChange, onDragStart: props.onDragStart, onDragEnd: props.onDragEnd }), props.activeSubPanel === "color" && _jsx(HSliderColorMobile, { tempScore: props.tempScore, tintScore: props.tintScore, vibranceScore: props.vibranceScore, saturationScore: props.saturationScore, isBatchMode: props.isBatchMode, onTempChange: props.onTempChange, onTintChange: props.onTintChange, onVibranceChange: props.onVibranceChange, onSaturationChange: props.onSaturationChange, onDragStart: props.onDragStart, onDragEnd: props.onDragEnd }), props.activeSubPanel === "details" && _jsx(HSliderDetailsMobile, { clarityScore: props.clarityScore, sharpnessScore: props.sharpnessScore, isBatchMode: props.isBatchMode, onClarityChange: props.onClarityChange, onSharpnessChange: props.onSharpnessChange, onDragStart: props.onDragStart, onDragEnd: props.onDragEnd })] }));
+    return (_jsxs(Box, { ref: props.innerRef, children: [props.activeSubPanel === "light" && _jsx(HSliderLightMobile, { exposureScore: props.exposureScore, contrastScore: props.contrastScore, highlightsScore: props.highlightsScore, shadowScore: props.shadowScore, whiteScore: props.whiteScore, blackScore: props.blackScore, isBatchMode: props.isBatchMode, onExposureChange: props.onExposureChange, onContrastChange: props.onContrastChange, onHighlightsChange: props.onHighlightsChange, onShadowsChange: props.onShadowsChange, onWhitesChange: props.onWhitesChange, onBlacksChange: props.onBlacksChange, onDragStart: props.onDragStart, onDragEnd: props.onDragEnd }), props.activeSubPanel === "color" && _jsx(HSliderColorMobile, { tempScore: props.tempScore, tintScore: props.tintScore, vibranceScore: props.vibranceScore, saturationScore: props.saturationScore, isBatchMode: props.isBatchMode, setTempScore: props.setTempScore, setTintScore: props.setTintScore, setVibranceScore: props.setVibranceScore, setSaturationScore: props.setSaturationScore, onDragStart: props.onDragStart, onDragEnd: props.onDragEnd }), props.activeSubPanel === "details" && _jsx(HSliderDetailsMobile, { clarityScore: props.clarityScore, sharpnessScore: props.sharpnessScore, isBatchMode: props.isBatchMode, onClarityChange: props.onClarityChange, onSharpnessChange: props.onSharpnessChange, onDragStart: props.onDragStart, onDragEnd: props.onDragEnd })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yogiswara/honcho-editor-ui",
-  "version": "2.10.15",
+  "version": "2.10.17",
   "description": "A complete UI component library for the Honcho photo editor.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/dist/services/base.d.ts

@@ -1,57 +0,0 @@
-import { AxiosInstance, AxiosRequestConfig, AxiosResponse } from "axios";
-import { Observable } from "rxjs/internal/Observable";
-export declare const api: any;
-export interface ResponseData<T> {
-    code?: number;
-    message?: string;
-    data?: T;
-    error_message?: string;
-}
-export declare class ResponseError extends Error {
-    code: number;
-    error_message: string;
-    isEmptyData: boolean;
-    constructor(code: number, error_message: string, originalError?: Error, isEmptyData?: boolean);
-}
-export declare class EmptyDataError extends Error {
-    constructor();
-}
-export declare function handleResponse<T>(res: AxiosResponse<ResponseData<T>>): T;
-export declare function handleError(error: any): Observable<any>;
-export declare function isResponseError(error: any): Boolean;
-/**
- * @deprecated use axiosGetObservable, axiosPostObservable, axiosPutObservable, axiosDeleteObservable instead
- * @param promise
- */
-export declare function fromAxiosToObservable<T>(promise: Promise<AxiosResponse<ResponseData<T>>>): Observable<T>;
-export declare const apiV3: any;
-export declare class BaseServices {
-    protected axios: AxiosInstance;
-    protected constructor(axios: AxiosInstance);
-    protected axiosGetObservable<T>(url: string, params?: AxiosRequestConfig<any> | undefined): Observable<T>;
-    protected axiosPostObservable<T>(url: string, data: any, params?: AxiosRequestConfig<any> | undefined): Observable<T>;
-    protected axiosPutObservable<T>(url: string, data: any, params?: AxiosRequestConfig<any> | undefined): Observable<T>;
-    protected axiosDeleteObservable<T>(url: string, params?: AxiosRequestConfig<any> | undefined): Observable<T>;
-}
-export interface Result<T> {
-    getStatus(): "loading" | "success" | "error" | "not-found" | "idle";
-    getData(): T;
-    getDataOrNull(): T | null | undefined;
-    getError(): any;
-}
-export declare class ResultImpl<T> implements Result<T> {
-    private readonly status;
-    private readonly data;
-    private readonly error;
-    getStatus(): "loading" | "success" | "error" | "not-found" | "idle";
-    getData(): T;
-    getError(): any;
-    getDataOrNull(): T | null | undefined;
-    private constructor();
-    static success<T>(data: T): Result<T>;
-    static loading<T>(): Result<T>;
-    static error<T>(err: any): Result<T>;
-    static notFound<T>(): Result<T>;
-    static idle<T>(): Result<T>;
-}
-export declare function fromPromise<T>(promise: Promise<T>): Observable<T>;

package/dist/services/base.js

@@ -1,243 +0,0 @@
-import axios from "axios";
-import axiosRetry from 'axios-retry';
-import { Observable } from "rxjs/internal/Observable";
-import { catchError, from, map } from "rxjs";
-const BASE_URL = process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:8080";
-const apiConfig = (version) => {
-    return axios.create({
-        baseURL: `${BASE_URL}/${version}/`,
-        timeout: 60000 * 2,
-    });
-};
-export const api = axios.create({
-    baseURL: `${BASE_URL}`,
-    timeout: 60000 * 2,
-});
-axiosRetry(api, { retries: 3, retryDelay: axiosRetry.linearDelay() });
-export class ResponseError extends Error {
-    constructor(code, error_message, originalError, isEmptyData = false) {
-        super(`${code}: ${error_message}`);
-        this.isEmptyData = false;
-        this.code = code;
-        this.error_message = error_message;
-        this.isEmptyData = isEmptyData;
-        if (originalError && originalError.stack) {
-            this.stack += `\nCaused by: ${originalError.stack}`;
-        }
-        // we need to set prototype to make this object can check by
-        // instanceof ResponseError
-        Object.setPrototypeOf(this, ResponseError.prototype);
-    }
-}
-export class EmptyDataError extends Error {
-    constructor() {
-        super("Data Empty, server not send any data in response");
-        // we need to set prototype to make this object can check by
-        // instanceof EmptyDataError
-        Object.setPrototypeOf(this, EmptyDataError.prototype);
-    }
-}
-// get data from response
-export function handleResponse(res) {
-    if (!res.data.data) {
-        throw new EmptyDataError();
-    }
-    return res.data.data;
-}
-function mapError(error) {
-    if (error.isAxiosError) {
-        if (error.response) {
-            if (typeof error.response.data === "string") {
-                return {
-                    code: error.response.status,
-                    message: `${error.response.status}: ${error.response.statusText}`,
-                    data: undefined,
-                    error_message: error.response.data,
-                };
-            }
-            else {
-                return error.response?.data;
-            }
-        }
-        else if (error.request) {
-            return {
-                code: 400,
-                message: "`${error.name}: failed connect to server check your connection`",
-                data: undefined,
-                error_message: "failed connect to server",
-            };
-        }
-        else {
-            return {
-                code: 400,
-                message: error.message,
-                data: undefined,
-                error_message: error.message,
-            };
-        }
-    }
-    else {
-        return {
-            code: 500,
-            message: String(error),
-            data: undefined,
-            error_message: String(error),
-        };
-    }
-}
-// handle error from response convert it and throw it as ResponseError
-export function handleError(error) {
-    if (error instanceof EmptyDataError) {
-        // if data is empty just throw error
-        throw new ResponseError(204, "Data Empty, server not send any data in response", error, true);
-    }
-    let response = mapError(error);
-    throw new ResponseError(response.code || 500, response.error_message || "Unknown error", error);
-}
-export function isResponseError(error) {
-    return !!((error.code) && (error.error_message));
-}
-/**
- * @deprecated use axiosGetObservable, axiosPostObservable, axiosPutObservable, axiosDeleteObservable instead
- * @param promise
- */
-export function fromAxiosToObservable(promise) {
-    return from(promise).pipe(map(handleResponse), catchError(handleError));
-}
-export const apiV3 = apiConfig('v3');
-export class BaseServices {
-    constructor(axios) {
-        this.axios = axios;
-    }
-    axiosGetObservable(url, params) {
-        return new Observable(subscriber => {
-            const controller = new AbortController();
-            const paramsData = { signal: controller.signal, ...params };
-            this.axios.get(url, paramsData)
-                .then(res => {
-                console.debug({ res, url, params }, "success GET request");
-                subscriber.next(res);
-                subscriber.complete();
-            })
-                .catch((error) => {
-                console.error({ error, url, params }, "Failed GET request");
-                subscriber.error(error);
-            });
-            return () => {
-                console.debug({ url, params, method: "GET" }, "Abort request");
-                controller.abort();
-            };
-        }).pipe(map(handleResponse), catchError(handleError));
-    }
-    axiosPostObservable(url, data, params) {
-        return new Observable(subscriber => {
-            const controller = new AbortController();
-            const paramsData = { signal: controller.signal, ...params };
-            this.axios.post(url, data, paramsData)
-                .then(res => {
-                console.debug({ res, url, params }, "success POST request");
-                subscriber.next(res);
-                subscriber.complete();
-            })
-                .catch((error) => {
-                console.error({ error, url, params }, "Failed POST request");
-                subscriber.error(error);
-            });
-            return () => {
-                console.debug({ url, params, method: "POST" }, "Abort request");
-                controller.abort();
-            };
-        }).pipe(map(handleResponse), catchError(handleError));
-    }
-    axiosPutObservable(url, data, params) {
-        return new Observable(subscriber => {
-            const controller = new AbortController();
-            const paramsData = { signal: controller.signal, ...params };
-            this.axios.put(url, data, paramsData)
-                .then(res => {
-                console.debug({ res, url, params }, "success PUT request");
-                subscriber.next(res);
-                subscriber.complete();
-            })
-                .catch((error) => {
-                console.error({ error, url, params }, "Failed PUT request");
-                subscriber.error(error);
-            });
-            return () => {
-                console.debug({ url, params, method: "PUT" }, "Abort request");
-                controller.abort();
-            };
-        }).pipe(map(handleResponse), catchError(handleError));
-    }
-    axiosDeleteObservable(url, params) {
-        return new Observable(subscriber => {
-            const controller = new AbortController();
-            const paramsData = { signal: controller.signal, ...params };
-            this.axios.delete(url, paramsData)
-                .then(res => {
-                console.debug({ res, url, params }, "success DELETE request");
-                subscriber.next(res);
-                subscriber.complete();
-            })
-                .catch((error) => {
-                console.error({ error, url, params }, "Failed DELETE request");
-                subscriber.error(error);
-            });
-            return () => {
-                console.debug({ url, params, method: "DELETE" }, "Abort request");
-                controller.abort();
-            };
-        }).pipe(map(handleResponse), catchError(handleError));
-    }
-}
-export class ResultImpl {
-    getStatus() {
-        return this.status;
-    }
-    getData() {
-        if (this.data)
-            return this.data;
-        throw new Error("Data is not available");
-    }
-    getError() {
-        if (this.error)
-            return this.error;
-        throw new Error("Error is not available");
-    }
-    getDataOrNull() {
-        return this.data;
-    }
-    constructor(status, data, error) {
-        this.status = "idle";
-        this.status = status;
-        this.data = data;
-        this.error = error;
-    }
-    static success(data) {
-        return new ResultImpl("success", data, null);
-    }
-    static loading() {
-        return new ResultImpl("loading");
-    }
-    static error(err) {
-        return new ResultImpl("error", null, err);
-    }
-    static notFound() {
-        return new ResultImpl("not-found");
-    }
-    static idle() {
-        return new ResultImpl("idle");
-    }
-}
-export function fromPromise(promise) {
-    return new Observable(subscriber => {
-        promise.then(value => {
-            console.debug({ value }, "Promise success");
-            subscriber.next(value);
-            subscriber.complete();
-        }).catch(err => {
-            console.error({ err }, "Promise error");
-            subscriber.error(err);
-        });
-    });
-}