@nomos-ui/uanela-redux-next 0.0.4 → 0.1.0

package/dist/components/data-manipulation/create-data-wrapper.d.ts

@@ -2,68 +2,96 @@ import React from "react";
 import { UseFormReturn } from "react-hook-form";
 import { z } from "zod";
 /**
- * Props for the CreateDataWrapper
+ * Props for the CreateDataWrapper component
+ *
+ * @template Input - The shape of the form values / data being submitted
+ * @template Response - The shape of the API response returned after successful creation
+ * @template FormProps - Additional props accepted by the Form component
  */
-type CreateDataWrapperProps = {
-    /** Optional ID for the component */
-    id?: string;
-    /** Name identifier used to generate the API mutation name if not provided */
-    name: string;
-    /** Form component to render for data creation */
-    Form: (props: any) => React.JSX.Element;
+type CreateDataWrapperProps<Input, Response, FormProps extends Record<string, any> = Record<string, any>> = {
+    /**
+     * The form component to render.
+     * Receives all mutation state from the library (e.g. isLoading, isPending, error),
+     * formProps, and the onSubmit handler.
+     */
+    Form: (props: FormProps & {
+        onSubmit: any;
+    } & Record<string, any>) => React.JSX.Element;
     /**
-     * Redux API mutation name (e.g., 'useCreateProductMutation')
-     * If not provided, will be generated as `useCreate${pascalCase(name)}Mutation`
+     * The mutation hook to call for data creation.
+     * Pass the hook itself (e.g. useCreateProductMutation), not its result.
+     * The component will call it internally following React's rules of hooks.
+     *
+     * @example
+     * useMutation={useCreateProductMutation}
+     */
+    useMutation: () => any;
+    /**
+     * Callback executed after a successful creation.
+     * Receives the API response, the cleaned submitted data, and the form instance.
+     *
+     * @param x.response - The raw API response
+     * @param x.data - The cleaned data that was submitted
+     * @param x.form - The react-hook-form instance typed to Input
      */
-    createMutation?: string;
-    /** Flag to show alert after successful creation */
-    showAlertAfterSuccessCreate?: boolean;
-    /** Callback function executed after successful data creation */
     doAfterSuccessCreate?: (x: {
-        response: any;
-        data: any;
-        form: UseFormReturn;
+        response: Response;
+        data: Input;
+        form: UseFormReturn<Input extends Record<string, any> ? Input : any>;
     }) => Promise<any> | void;
-    /** Function to transform form data before submission */
-    cleanDataBeforeCreate?: (data: any) => void;
-    /** CSS class name for the component */
-    className?: string;
-    /** Buttons to be displayed in the top-right corner */
-    topButtons?: React.ReactNode;
-    /** Props specific to the form component */
-    formProps: {
+    /**
+     * Optional function to transform or clean the form data before submission.
+     * Defaults to an identity function (returns data as-is).
+     *
+     * @param data - Raw form data
+     * @returns Cleaned data to be submitted
+     */
+    cleanDataBeforeCreate?: (data: Input) => Promise<Input>;
+    /**
+     * Props passed directly to the Form component.
+     */
+    formProps: FormProps & {
         /** Label for the form's submit button */
         buttonLabel: string;
         /** Optional CSS class name for the form */
         className?: string;
-        /** Flag to maintain loading state after submission */
+        /** If true, keeps the loading state active after submission */
         keepIsLoading?: boolean;
-        /** Additional data to be passed to the form */
+        /** Additional data required by the form (e.g. select options, related records) */
         requiredData?: Record<string, any>;
-        /** Zod schema for form validation */
+        /** Zod schema used for form validation */
         schema: z.ZodObject<any>;
     };
 };
 /**
- * A generic component that handles data creation logic using Redux API mutations
- * Manages form submission, data transformation, and post-creation callbacks
- * Also supports template-based default values from Redux state
+ * A generic wrapper that handles data creation logic independently of the query library.
+ * Supports both RTK Query and TanStack Query via the provider config.
+ *
+ * Responsibilities:
+ * - Calls the provided mutation hook
+ * - Extracts and normalizes the trigger function based on the query library
+ * - Passes all raw mutation state directly to the Form (no normalization)
+ * - Handles submit orchestration: cleaning data, triggering mutation, running callbacks, resetting form
+ *
+ * The Form component receives everything the mutation hook provides plus `onSubmit`.
  *
- * @param props Component props
- * @returns A form component with data creation capabilities
+ * @template Input - The shape of the form values / data being submitted
+ * @template Response - The shape of the API response returned after successful creation
+ * @template FormProps - Additional props accepted by the Form component
  *
  * @example
  * ```tsx
- * <CreateDataWrapper
- *   name="product"
+ * <CreateDataWrapper<CreateProductInput, Product, ProductFormProps>
  *   Form={ProductForm}
+ *   useMutation={useCreateProductMutation}
+ *   doAfterSuccessCreate={({ response }) => router.push(`/products/${response.id}`)}
  *   formProps={{
  *     buttonLabel: "Create Product",
- *     schema: productSchema
+ *     schema: productSchema,
  *   }}
  * />
  * ```
  */
-export default function CreateDataWrapper({ name, Form, createMutation, doAfterSuccessCreate, cleanDataBeforeCreate, formProps, }: CreateDataWrapperProps): import("react/jsx-runtime").JSX.Element;
+export default function CreateDataWrapper<Input, Response, FormProps extends Record<string, any> = Record<string, any>>({ Form, useMutation, doAfterSuccessCreate, cleanDataBeforeCreate, formProps, }: CreateDataWrapperProps<Input, Response, FormProps>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=create-data-wrapper.d.ts.map

package/dist/components/data-manipulation/create-data-wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-data-wrapper.d.ts","sourceRoot":"","sources":["../../../src/components/data-manipulation/create-data-wrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiC,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAKxB;;GAEG;AACH,KAAK,sBAAsB,GAAG;IAC5B,oCAAoC;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6EAA6E;IAC7E,IAAI,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,IAAI,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mDAAmD;IACnD,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,gEAAgE;IAChE,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE;QACzB,QAAQ,EAAE,GAAG,CAAC;QACd,IAAI,EAAE,GAAG,CAAC;QACV,IAAI,EAAE,aAAa,CAAC;KACrB,KAAK,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAC1B,wDAAwD;IACxD,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5C,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,2CAA2C;IAC3C,SAAS,EAAE;QACT,yCAAyC;QACzC,WAAW,EAAE,MAAM,CAAC;QACpB,2CAA2C;QAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,sDAAsD;QACtD,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,+CAA+C;QAC/C,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACnC,qCAAqC;QACrC,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;KAC1B,CAAC;CACH,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,oBAAoB,EACpB,qBAAsC,EACtC,SAAS,GACV,EAAE,sBAAsB,2CAwDxB"}
+{"version":3,"file":"create-data-wrapper.d.ts","sourceRoot":"","sources":["../../../src/components/data-manipulation/create-data-wrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB;;;;;;GAMG;AACH,KAAK,sBAAsB,CACzB,KAAK,EACL,QAAQ,EACR,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IACzD;IACF;;;;OAIG;IACH,IAAI,EAAE,CACJ,KAAK,EAAE,SAAS,GAAG;QAAE,QAAQ,EAAE,GAAG,CAAA;KAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KACvD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACvB;;;;;;;OAOG;IACH,WAAW,EAAE,MAAM,GAAG,CAAC;IACvB;;;;;;;OAOG;IACH,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE;QACzB,QAAQ,EAAE,QAAQ,CAAC;QACnB,IAAI,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,aAAa,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC,CAAC;KACtE,KAAK,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAC1B;;;;;;OAMG;IACH,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC;IACxD;;OAEG;IACH,SAAS,EAAE,SAAS,GAAG;QACrB,yCAAyC;QACzC,WAAW,EAAE,MAAM,CAAC;QACpB,2CAA2C;QAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,+DAA+D;QAC/D,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,kFAAkF;QAClF,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACnC,0CAA0C;QAC1C,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;KAC1B,CAAC;CACH,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,KAAK,EACL,QAAQ,EACR,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3D,EACA,IAAI,EACJ,WAAW,EACX,oBAAoB,EACpB,qBAA4C,EAC5C,SAAS,GACV,EAAE,sBAAsB,CAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,2CAuCpD"}

package/dist/components/data-manipulation/create-data-wrapper.js

@@ -2,47 +2,56 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = CreateDataWrapper;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const change_case_all_1 = require("change-case-all");
+const core_1 = require("@nomos-ui/core");
+const utils_1 = require("@nomos-ui/core/utils");
 const react_1 = require("react");
-const navigation_1 = require("next/navigation");
-const react_redux_1 = require("react-redux");
-const api_provider_1 = require("../api-provider");
 /**
- * A generic component that handles data creation logic using Redux API mutations
- * Manages form submission, data transformation, and post-creation callbacks
- * Also supports template-based default values from Redux state
+ * A generic wrapper that handles data creation logic independently of the query library.
+ * Supports both RTK Query and TanStack Query via the provider config.
  *
- * @param props Component props
- * @returns A form component with data creation capabilities
+ * Responsibilities:
+ * - Calls the provided mutation hook
+ * - Extracts and normalizes the trigger function based on the query library
+ * - Passes all raw mutation state directly to the Form (no normalization)
+ * - Handles submit orchestration: cleaning data, triggering mutation, running callbacks, resetting form
+ *
+ * The Form component receives everything the mutation hook provides plus `onSubmit`.
+ *
+ * @template Input - The shape of the form values / data being submitted
+ * @template Response - The shape of the API response returned after successful creation
+ * @template FormProps - Additional props accepted by the Form component
  *
  * @example
  * ```tsx
- * <CreateDataWrapper
- *   name="product"
+ * <CreateDataWrapper<CreateProductInput, Product, ProductFormProps>
  *   Form={ProductForm}
+ *   useMutation={useCreateProductMutation}
+ *   doAfterSuccessCreate={({ response }) => router.push(`/products/${response.id}`)}
  *   formProps={{
  *     buttonLabel: "Create Product",
- *     schema: productSchema
+ *     schema: productSchema,
  *   }}
  * />
  * ```
  */
-function CreateDataWrapper({ name, Form, createMutation, doAfterSuccessCreate, cleanDataBeforeCreate = (data) => data, formProps, }) {
-    const api = (0, api_provider_1.useApi)();
-    const [createData, state] = api[createMutation || `useCreate${(0, change_case_all_1.pascalCase)(name)}Mutation`]();
-    const pathname = (0, navigation_1.usePathname)();
+function CreateDataWrapper({ Form, useMutation, doAfterSuccessCreate, cleanDataBeforeCreate = async (data) => data, formProps, }) {
+    const { config } = (0, core_1.useProvider)();
+    const mutationResult = useMutation();
+    const { trigger, state } = (0, utils_1.extractMutation)(mutationResult, config.queryLibrary);
     /**
-     * Handles form submission and data creation
-     * @param data The form data to be submitted
-     * @param form The react-hook-form form instance
-     * @returns The API response or error
+     * Handles form submission.
+     * Cleans the data, triggers the mutation, runs the success callback, and resets the form.
+     * Calls onError if provided and the mutation fails.
+     *
+     * @param data - The validated form data
+     * @param form - The react-hook-form instance typed to Input
+     * @param onError - Optional callback invoked with the original data and error on failure
      */
-    const handleCreateData = (0, react_1.useCallback)(async function handleCreateData(data, form, onError) {
-        const cleanedData = cleanDataBeforeCreate(data);
+    const handleCreateData = (0, react_1.useCallback)(async function (data, form, onError) {
+        const cleanedData = await cleanDataBeforeCreate(data);
         try {
-            const response = await createData(data).unwrap();
-            doAfterSuccessCreate &&
-                (await doAfterSuccessCreate({ response, data: cleanedData, form }));
+            const response = await trigger(cleanedData);
+            await doAfterSuccessCreate?.({ response, data: cleanedData, form });
             form.reset();
             return response;
         }
@@ -50,16 +59,7 @@ function CreateDataWrapper({ name, Form, createMutation, doAfterSuccessCreate, c
             onError?.(data, err);
             return err;
         }
-    }, [name, Form]);
-    (0, react_1.useEffect)(() => {
-        const listHref = pathname.split("/");
-        listHref.pop();
-    }, [pathname]);
-    // Get template data from Redux store if available
-    const template = (0, react_redux_1.useSelector)((state) => state.app.template);
-    return ((0, jsx_runtime_1.jsx)(Form, { ...state, ...formProps, ...(template &&
-            template.name === name && {
-            defaultValues: template.data,
-        }), onSubmit: handleCreateData }));
+    }, [trigger]);
+    return (0, jsx_runtime_1.jsx)(Form, { ...state, ...formProps, onSubmit: handleCreateData });
 }
 //# sourceMappingURL=create-data-wrapper.js.map

package/dist/components/data-manipulation/create-data-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-data-wrapper.js","sourceRoot":"","sources":["../../../src/components/data-manipulation/create-data-wrapper.tsx"],"names":[],"mappings":";;AAwEA,oCA+DC;;AAvID,qDAA6C;AAC7C,iCAAsD;AAGtD,gDAA8C;AAC9C,6CAA0C;AAC1C,kDAAyC;AA8CzC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAwB,iBAAiB,CAAC,EACxC,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,oBAAoB,EACpB,qBAAqB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EACtC,SAAS,GACc;IACvB,MAAM,GAAG,GAAG,IAAA,qBAAM,GAAE,CAAC;IACrB,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,GAAI,GAAW,CACtC,cAAc,IAAI,YAAY,IAAA,4BAAU,EAAC,IAAI,CAAC,UAAU,CACzD,EAAE,CAAC;IACJ,MAAM,QAAQ,GAAG,IAAA,wBAAW,GAAE,CAAC;IAE/B;;;;;OAKG;IACH,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,KAAK,UAAU,gBAAgB,CAC7B,IAAsC,EACtC,IAAmB,EACnB,OAAsE;QAEtE,MAAM,WAAW,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAEhD,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC;YAEjD,oBAAoB;gBAClB,CAAC,MAAM,oBAAoB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YAEtE,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,OAAO,QAAQ,CAAC;QAClB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;YACrB,OAAO,GAAG,CAAC;QACb,CAAC;IACH,CAAC,EACD,CAAC,IAAI,EAAE,IAAI,CAAC,CACb,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACrC,QAAQ,CAAC,GAAG,EAAE,CAAC;IACjB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,kDAAkD;IAClD,MAAM,QAAQ,GAAG,IAAA,yBAAW,EAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAEjE,OAAO,CACL,uBAAC,IAAI,OACC,KAAK,KACL,SAAS,KACT,CAAC,QAAQ;YACX,QAAQ,CAAC,IAAI,KAAK,IAAI,IAAI;YACxB,aAAa,EAAE,QAAQ,CAAC,IAAI;SAC7B,CAAC,EACJ,QAAQ,EAAE,gBAAgB,GAC1B,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"create-data-wrapper.js","sourceRoot":"","sources":["../../../src/components/data-manipulation/create-data-wrapper.tsx"],"names":[],"mappings":";;AAsGA,oCAiDC;;AAvJD,yCAA6C;AAC7C,gDAAuD;AACvD,iCAA2C;AAuE3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,SAAwB,iBAAiB,CAIvC,EACA,IAAI,EACJ,WAAW,EACX,oBAAoB,EACpB,qBAAqB,GAAG,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,EAC5C,SAAS,GAC0C;IACnD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,kBAAW,GAAE,CAAC;IACjC,MAAM,cAAc,GAAG,WAAW,EAAE,CAAC;IAErC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,EACxC,cAAc,EACd,MAAM,CAAC,YAAY,CACpB,CAAC;IAEF;;;;;;;;OAQG;IACH,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,KAAK,WACH,IAAW,EACX,IAAoE,EACpE,OAA2C;QAE3C,MAAM,WAAW,GAAG,MAAM,qBAAqB,CAAC,IAAI,CAAC,CAAC;QACtD,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,WAAW,CAAC,CAAC;YAC5C,MAAM,oBAAoB,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;YACpE,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,OAAO,QAAQ,CAAC;QAClB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;YACrB,OAAO,GAAG,CAAC;QACb,CAAC;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,uBAAC,IAAI,OAAK,KAAK,KAAM,SAAS,EAAE,QAAQ,EAAE,gBAAgB,GAAI,CAAC;AACxE,CAAC"}

package/dist/components/data-manipulation/update-data-wrapper.d.ts

@@ -1,91 +1,102 @@
 import React from "react";
-import { UseFormReturn } from "react-hook-form";
+import { FieldValues, UseFormReturn } from "react-hook-form";
 import { z } from "zod";
 /**
- * Props for the form component rendered by UpdateDataWrapper
- */
-type FormComponentProps = {
-    /** Initial values for the form fields */
-    defaultValues?: any;
-    /** Form submission handler */
-    onSubmit: (data: any, form: UseFormReturn) => void;
-    /** Label for the submit button */
-    buttonLabel: string;
-    /** Optional CSS class name */
-    className?: string;
-    /** Loading state for the form */
-    isLoading?: boolean;
-    /** Zod schema for form validation */
-    schema: z.ZodObject<any>;
-};
-/**
- * Props for the UpdateDataWrapper
+ * Props for the UpdateDataWrapper component
+ *
+ * @template Input - The shape of the form values / data being submitted
+ * @template Response - The shape of the API response returned after successful update
+ * @template FormProps - Additional props accepted by the Form component
  */
-type UpdateDataWrapperProps = {
+type UpdateDataWrapperProps<Input extends FieldValues, Response, FormProps extends Record<string, any> = Record<string, any>> = {
     /** ID of the record to update */
     id?: string | number;
-    /** Name identifier used to generate API mutation name if not provided */
-    name: string;
     /** Form component to render for data updating */
-    Form: (props: FormComponentProps) => React.JSX.Element;
+    Form: (props: any) => React.JSX.Element;
     /**
-     * Redux API mutation name (e.g., 'useUpdateProductMutation')
-     * If not provided, will be generated as `useUpdate${pascalCase(name)}Mutation`
+     * The mutation hook to call for data update.
+     * Pass the hook itself (e.g. useUpdateProductMutation), not its result.
+     * The component will call it internally following React's rules of hooks.
+     *
+     * @example
+     * useMutation={useUpdateProductMutation}
+     */
+    useMutation: () => any;
+    /**
+     * The query hook to fetch the existing record.
+     * Pass the hook itself (e.g. useGetProductQuery), not its result.
+     *
+     * @example
+     * useQuery={useGetProductQuery}
+     */
+    useQuery: (params: any) => any;
+    /**
+     * Callback executed after successful data update.
+     * Receives the API response, the cleaned submitted data, and the form instance.
+     *
+     * @param x.response - The raw API response
+     * @param x.data - The cleaned data that was submitted
+     * @param x.form - The react-hook-form instance typed to Input
      */
-    updateMutation?: string;
-    /** Flag to show alert after successful update */
-    showAlertAfterSuccessUpdate?: boolean;
-    /** Callback function executed after successful data update */
     doAfterSuccessUpdate?: (x: {
-        response: any;
-        data: any;
-        form: UseFormReturn;
+        response: Response;
+        data: Input;
+        form: UseFormReturn<Input>;
     }) => Promise<any> | void;
-    /** Function to transform form data before submission */
-    cleanDataBeforeUpdate?: (data: any) => void;
-    /** CSS class name for the component */
-    className?: string;
-    /** Buttons to be displayed in the top-right corner */
-    topButtons?: React.ReactNode;
-    /** Props specific to the form component */
-    formProps: {
+    /**
+     * Optional function to transform or clean the form data before submission.
+     * Defaults to an identity function (returns data as-is).
+     *
+     * @param data - Raw form data
+     * @returns Cleaned data to be submitted
+     */
+    cleanDataBeforeUpdate?: (data: Input) => Input;
+    /** Additional parameters passed to the query hook for data fetching */
+    params?: Record<string, any>;
+    /** Props passed directly to the Form component */
+    formProps: FormProps & {
         /** Label for the form's submit button */
         buttonLabel: string;
         /** Optional CSS class name for the form */
         className?: string;
-        /** Flag to maintain loading state after submission */
+        /** If true, keeps the loading state active after submission */
         keepIsLoading?: boolean;
-        /** Additional data to be passed to the form */
+        /** Additional data required by the form (e.g. select options, related records) */
         requiredData?: Record<string, any>;
-        /** Zod schema for form validation */
+        /** Zod schema used for form validation */
         schema: z.ZodObject<any>;
     };
-    /** Additional parameters passed to QueryBaseComponent for data fetching */
-    params?: Record<string, any>;
 };
 /**
- * A generic component for updating data with form validation and optimized API updates
+ * A generic wrapper that handles data update logic independently of the query library.
+ * Supports both RTK Query and TanStack Query via the provider config.
+ *
+ * Responsibilities:
+ * - Fetches existing record via useQuery and populates form default values
+ * - Calls the provided mutation hook
+ * - Extracts and normalizes the trigger function based on the query library
+ * - Passes all raw mutation state directly to the Form (no normalization)
+ * - Handles submit orchestration: cleaning data, triggering mutation, running callbacks, resetting form
  *
- * Features:
- * - Integrates with QueryBaseComponent for initial data fetching
- * - Only sends changed form values to the API
- * - Supports custom mutation names and callbacks
- * - Handles form validation with Zod
- * - Ignores timestamp fields (createdAt, updatedAt, deletedAt) in change detection
+ * @template Input - The shape of the form values / data being submitted
+ * @template Response - The shape of the API response returned after successful update
+ * @template FormProps - Additional props accepted by the Form component
  *
  * @example
  * ```tsx
- * <UpdateDataWrapper
- *   id="648339adsf043c8ed"
- *   name="product"
+ * <UpdateDataWrapper<UpdateProductInput, Product, ProductFormProps>
+ *   id={productId}
  *   Form={ProductForm}
+ *   useMutation={useUpdateProductMutation}
+ *   useQuery={useGetProductQuery}
+ *   doAfterSuccessUpdate={({ response }) => router.push(`/products`)}
  *   formProps={{
  *     buttonLabel: "Update Product",
- *     schema: productSchema
+ *     schema: productSchema,
  *   }}
  * />
  * ```
  */
-export default function UpdateDataWrapper({ id, name, Form, updateMutation, doAfterSuccessUpdate, cleanDataBeforeUpdate, formProps, params, }: UpdateDataWrapperProps): import("react/jsx-runtime").JSX.Element;
+export default function UpdateDataWrapper<Input extends FieldValues, Response, FormProps extends Record<string, any> = Record<string, any>>({ id, Form, useMutation, useQuery, doAfterSuccessUpdate, cleanDataBeforeUpdate, formProps, params, }: UpdateDataWrapperProps<Input, Response, FormProps>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=update-data-wrapper.d.ts.map

package/dist/components/data-manipulation/update-data-wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"update-data-wrapper.d.ts","sourceRoot":"","sources":["../../../src/components/data-manipulation/update-data-wrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAIxB;;GAEG;AACH,KAAK,kBAAkB,GAAG;IACxB,yCAAyC;IACzC,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,8BAA8B;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACnD,kCAAkC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;CACzB,CAAC;AAEF;;GAEG;AACH,KAAK,sBAAsB,GAAG;IAC5B,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,yEAAyE;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,IAAI,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACvD;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iDAAiD;IACjD,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,8DAA8D;IAC9D,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE;QACzB,QAAQ,EAAE,GAAG,CAAC;QACd,IAAI,EAAE,GAAG,CAAC;QACV,IAAI,EAAE,aAAa,CAAC;KACrB,KAAK,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAC1B,wDAAwD;IACxD,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5C,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,2CAA2C;IAC3C,SAAS,EAAE;QACT,yCAAyC;QACzC,WAAW,EAAE,MAAM,CAAC;QACpB,2CAA2C;QAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,sDAAsD;QACtD,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,+CAA+C;QAC/C,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACnC,qCAAqC;QACrC,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;KACzB,CAAC;IACF,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,oBAAoB,EACpB,qBAAsC,EACtC,SAAS,EACT,MAAM,GACP,EAAE,sBAAsB,2CA4DxB"}
+{"version":3,"file":"update-data-wrapper.d.ts","sourceRoot":"","sources":["../../../src/components/data-manipulation/update-data-wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAKxB;;;;;;GAMG;AACH,KAAK,sBAAsB,CACzB,KAAK,SAAS,WAAW,EACzB,QAAQ,EACR,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IACzD;IACF,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,iDAAiD;IACjD,IAAI,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACxC;;;;;;;OAOG;IACH,WAAW,EAAE,MAAM,GAAG,CAAC;IACvB;;;;;;OAMG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;IAC/B;;;;;;;OAOG;IACH,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE;QACzB,QAAQ,EAAE,QAAQ,CAAC;QACnB,IAAI,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;KAC5B,KAAK,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAC1B;;;;;;OAMG;IACH,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,KAAK,CAAC;IAC/C,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,kDAAkD;IAClD,SAAS,EAAE,SAAS,GAAG;QACrB,yCAAyC;QACzC,WAAW,EAAE,MAAM,CAAC;QACpB,2CAA2C;QAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,+DAA+D;QAC/D,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,kFAAkF;QAClF,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACnC,0CAA0C;QAC1C,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;KAC1B,CAAC;CACH,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,KAAK,SAAS,WAAW,EACzB,QAAQ,EACR,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3D,EACA,EAAE,EACF,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,oBAAoB,EACpB,qBAAsC,EACtC,SAAS,EACT,MAAM,GACP,EAAE,sBAAsB,CAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,2CA0DpD"}

package/dist/components/data-manipulation/update-data-wrapper.js

@@ -5,76 +5,81 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = UpdateDataWrapper;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const change_case_all_1 = require("change-case-all");
 const react_1 = require("react");
-const api_provider_1 = require("../api-provider");
+const core_1 = require("@nomos-ui/core");
+const utils_1 = require("@nomos-ui/core/utils");
 const query_boundary_1 = __importDefault(require("../query-boundary"));
 /**
- * A generic component for updating data with form validation and optimized API updates
+ * A generic wrapper that handles data update logic independently of the query library.
+ * Supports both RTK Query and TanStack Query via the provider config.
  *
- * Features:
- * - Integrates with QueryBaseComponent for initial data fetching
- * - Only sends changed form values to the API
- * - Supports custom mutation names and callbacks
- * - Handles form validation with Zod
- * - Ignores timestamp fields (createdAt, updatedAt, deletedAt) in change detection
+ * Responsibilities:
+ * - Fetches existing record via useQuery and populates form default values
+ * - Calls the provided mutation hook
+ * - Extracts and normalizes the trigger function based on the query library
+ * - Passes all raw mutation state directly to the Form (no normalization)
+ * - Handles submit orchestration: cleaning data, triggering mutation, running callbacks, resetting form
+ *
+ * @template Input - The shape of the form values / data being submitted
+ * @template Response - The shape of the API response returned after successful update
+ * @template FormProps - Additional props accepted by the Form component
  *
  * @example
  * ```tsx
- * <UpdateDataWrapper
- *   id="648339adsf043c8ed"
- *   name="product"
+ * <UpdateDataWrapper<UpdateProductInput, Product, ProductFormProps>
+ *   id={productId}
  *   Form={ProductForm}
+ *   useMutation={useUpdateProductMutation}
+ *   useQuery={useGetProductQuery}
+ *   doAfterSuccessUpdate={({ response }) => router.push(`/products`)}
  *   formProps={{
  *     buttonLabel: "Update Product",
- *     schema: productSchema
+ *     schema: productSchema,
  *   }}
  * />
  * ```
  */
-function UpdateDataWrapper({ id, name, Form, updateMutation, doAfterSuccessUpdate, cleanDataBeforeUpdate = (data) => data, formProps, params, }) {
-    const api = (0, api_provider_1.useApi)();
-    const [updateData, state] = api[updateMutation || `useUpdate${(0, change_case_all_1.pascalCase)(name)}Mutation`]();
+function UpdateDataWrapper({ id, Form, useMutation, useQuery, doAfterSuccessUpdate, cleanDataBeforeUpdate = (data) => data, formProps, params, }) {
+    const { config } = (0, core_1.useProvider)();
+    const mutationResult = useMutation();
+    const { trigger, state } = (0, utils_1.extractMutation)(mutationResult, config.queryLibrary);
     const [fetchedData, setFetchedData] = (0, react_1.useState)();
     const [dataForm, setDataForm] = (0, react_1.useState)();
     (0, react_1.useEffect)(() => {
         dataForm?.reset(fetchedData);
     }, [fetchedData]);
     /**
-     * Handles form submission and data update
-     * Only sends changed fields to the API by comparing with initial values
+     * Handles form submission and data update.
+     * Cleans the data, triggers the mutation with id + body, runs the success callback, and resets the form.
      *
-     * @param data Current form data
-     * @param form React Hook Form instance
+     * @param data - The validated form data
+     * @param form - The react-hook-form instance
+     * @param onError - Optional callback invoked with the original data and error on failure
      */
-    function handleUpdateData(data, form) {
-        const cleanedData = cleanDataBeforeUpdate(data
-        // getFormChangedValues(
-        //   formProps.schema.optional().safeParse(form?.formState?.defaultValues)
-        //     .data,
-        //   data
-        // )
-        );
-        // Submit update with ID in path and changed data in body
-        updateData({ id, body: cleanedData })
-            .unwrap()
-            .then(async (response) => {
-            doAfterSuccessUpdate &&
-                (await doAfterSuccessUpdate({ response, data: cleanedData, form }));
+    const handleUpdateData = (0, react_1.useCallback)(async function (data, form, onError) {
+        const cleanedData = cleanDataBeforeUpdate(data);
+        try {
+            const response = await trigger({ id, body: cleanedData });
+            await doAfterSuccessUpdate?.({ response, data: cleanedData, form });
             form.reset({ ...data, ...fetchedData });
             setDataForm(form);
-        })
-            .catch(() => { });
-    }
-    return ((0, jsx_runtime_1.jsx)(query_boundary_1.default, { name: (0, change_case_all_1.camelCase)(name), successComponentProps: {
+            return response;
+        }
+        catch (err) {
+            onError?.(data, err);
+            return err;
+        }
+    }, [trigger, id, fetchedData]);
+    return ((0, jsx_runtime_1.jsx)(query_boundary_1.default, { useQuery: useQuery, successComponentProps: {
             formProps: { ...state, ...formProps, onSubmit: handleUpdateData },
-            Form: Form,
+            Form,
             fetchedData,
             setFetchedData,
-        }, SuccessComponent: SuccessComponent, query: "useGetOne", params: { id, ...params }, showReloadAgainButton: false }));
+        }, SuccessComponent: SuccessComponent, params: { id, ...params }, showReloadAgainButton: false }));
 }
 /**
- * Renders the form with fetched data
+ * Internal component that renders the form with fetched data.
+ * Sets the fetched data on mount so the form can populate default values.
  */
 function SuccessComponent({ data, Form, formProps, setFetchedData, }) {
     (0, react_1.useEffect)(() => {

package/dist/components/data-manipulation/update-data-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"update-data-wrapper.js","sourceRoot":"","sources":["../../../src/components/data-manipulation/update-data-wrapper.tsx"],"names":[],"mappings":";;;;;AA8FA,oCAqEC;;AAnKD,qDAAwD;AACxD,iCAAmD;AAGnD,kDAAyC;AACzC,uEAA8C;AAkE9C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,SAAwB,iBAAiB,CAAC,EACxC,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,oBAAoB,EACpB,qBAAqB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EACtC,SAAS,EACT,MAAM,GACiB;IACvB,MAAM,GAAG,GAAG,IAAA,qBAAM,GAAE,CAAC;IACrB,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,GAAI,GAAW,CACtC,cAAc,IAAI,YAAY,IAAA,4BAAU,EAAC,IAAI,CAAC,UAAU,CACzD,EAAE,CAAC;IACJ,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAuB,CAAC;IACtE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,GAAiB,CAAC;IAE1D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB;;;;;;OAMG;IACH,SAAS,gBAAgB,CACvB,IAAsC,EACtC,IAAmB;QAEnB,MAAM,WAAW,GAAG,qBAAqB,CACvC,IAAI;QACJ,wBAAwB;QACxB,0EAA0E;QAC1E,aAAa;QACb,SAAS;QACT,IAAI;SACL,CAAC;QAEF,yDAAyD;QACzD,UAAU,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;aAClC,MAAM,EAAE;aACR,IAAI,CAAC,KAAK,EAAE,QAAa,EAAE,EAAE;YAC5B,oBAAoB;gBAClB,CAAC,MAAM,oBAAoB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YAEtE,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,WAAW,EAAE,CAAC,CAAC;YACxC,WAAW,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IACrB,CAAC;IAED,OAAO,CACL,uBAAC,wBAAa,IACZ,IAAI,EAAE,IAAA,2BAAS,EAAC,IAAI,CAAC,EACrB,qBAAqB,EAAE;YACrB,SAAS,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAE;YACjE,IAAI,EAAE,IAAI;YACV,WAAW;YACX,cAAc;SACf,EACD,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,EAAE,EAAE,EAAE,GAAG,MAAM,EAAE,EACzB,qBAAqB,EAAE,KAAK,GAC5B,CACH,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,SAAS,gBAAgB,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,cAAc,GAOf;IACC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,uBAAC,IAAI,OAAK,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,GAAI,CAAC;AAC9E,CAAC"}
+{"version":3,"file":"update-data-wrapper.js","sourceRoot":"","sources":["../../../src/components/data-manipulation/update-data-wrapper.tsx"],"names":[],"mappings":";;;;;AA4GA,oCAuEC;;AAnLD,iCAAgE;AAGhE,yCAA6C;AAC7C,gDAAuD;AACvD,uEAA8C;AAyE9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,SAAwB,iBAAiB,CAIvC,EACA,EAAE,EACF,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,oBAAoB,EACpB,qBAAqB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EACtC,SAAS,EACT,MAAM,GAC6C;IACnD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,kBAAW,GAAE,CAAC;IACjC,MAAM,cAAc,GAAG,WAAW,EAAE,CAAC;IACrC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,EACxC,cAAc,EACd,MAAM,CAAC,YAAY,CACpB,CAAC;IAEF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAuB,CAAC;IACtE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,GAAiB,CAAC;IAE1D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB;;;;;;;OAOG;IACH,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,KAAK,WACH,IAAW,EACX,IAA0B,EAC1B,OAA2C;QAE3C,MAAM,WAAW,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAChD,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAS,CAAC,CAAC;YACjE,MAAM,oBAAoB,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;YACpE,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,WAAW,EAAE,CAAC,CAAC;YACxC,WAAW,CAAC,IAAW,CAAC,CAAC;YACzB,OAAO,QAAQ,CAAC;QAClB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;YACrB,OAAO,GAAG,CAAC;QACb,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,EAAE,EAAE,WAAW,CAAC,CAC3B,CAAC;IAEF,OAAO,CACL,uBAAC,wBAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE;YACrB,SAAS,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAE;YACjE,IAAI;YACJ,WAAW;YACX,cAAc;SACf,EACD,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,EAAE,EAAE,EAAE,GAAG,MAAM,EAAE,EACzB,qBAAqB,EAAE,KAAK,GAC5B,CACH,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAS,gBAAgB,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,cAAc,GASf;IACC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,uBAAC,IAAI,OAAK,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,GAAI,CAAC;AAC9E,CAAC"}