@importcsv/react 0.1.17 → 0.2.0

package/build/importer/features/main/hooks/useStepNavigation.d.ts

@@ -1,18 +1,17 @@
-export declare const StepEnum: {
-    Upload: number;
-    RowSelection: number;
-    MapColumns: number;
-    ConfigureImport: number;
-    Validation: number;
-    Complete: number;
-};
-declare function useStepNavigation(initialStep: number, skipHeader: boolean, useConsolidated?: boolean, isDemoMode?: boolean): {
-    currentStep: any;
-    setStep: (newStep: number) => void;
-    goBack: (backStep?: number) => void;
-    goNext: (nextStep?: number) => void;
-    stepper: import("../../../components/Stepper/types").StepperProps;
-    stepId: string | number | undefined;
-    setStorageStep: any;
-};
-export default useStepNavigation;
+export declare const StepEnum: {
+    Upload: number;
+    RowSelection: number;
+    MapColumns: number;
+    Validation: number;
+    Complete: number;
+};
+declare function useStepNavigation(initialStep: number, skipHeader: boolean, isDemoMode?: boolean): {
+    currentStep: any;
+    setStep: (newStep: number) => void;
+    goBack: (backStep?: number) => void;
+    goNext: (nextStep?: number) => void;
+    stepper: import('../../../components/Stepper/types').StepperProps;
+    stepId: string | number | undefined;
+    setStorageStep: any;
+};
+export default useStepNavigation;

package/build/importer/features/main/index.d.ts

@@ -1,2 +1,2 @@
-import { CSVImporterProps } from "../../../types";
-export default function Main(props: CSVImporterProps): import("react/jsx-runtime").JSX.Element;
+import { CSVImporterProps } from '../../../types';
+export default function Main(props: CSVImporterProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/features/main/types/index.d.ts

@@ -1,16 +1,16 @@
-export declare enum Steps {
-    Upload = "upload",
-    RowSelection = "row-selection",
-    MapColumns = "map-columns",
-    Validation = "validation"
-}
-export type FileRow = {
-    index: number;
-    values: string[];
-};
-export type FileData = {
-    fileName: string;
-    rows: FileRow[];
-    sheetList: string[];
-    errors: string[];
-};
+export declare enum Steps {
+    Upload = "upload",
+    RowSelection = "row-selection",
+    MapColumns = "map-columns",
+    Validation = "validation"
+}
+export type FileRow = {
+    index: number;
+    values: string[];
+};
+export type FileData = {
+    fileName: string;
+    rows: FileRow[];
+    sheetList: string[];
+    errors: string[];
+};

package/build/importer/features/map-columns/components/DropDownFields.d.ts

@@ -1,19 +1,21 @@
-import { InputOption } from "../../../components/Input/types";
-type DropdownFieldsProps = {
-    options: {
-        [key: string]: InputOption;
-    };
-    value: string;
-    placeholder: string;
-    onChange: (value: string) => void;
-    selectedValues: {
-        key: string;
-        selected: boolean | undefined;
-    }[];
-    updateSelectedValues: (updatedValues: {
-        key: string;
-        selected: boolean | undefined;
-    }[]) => void;
-};
-export default function DropdownFields({ options, value, placeholder, onChange, selectedValues, updateSelectedValues }: DropdownFieldsProps): import("react/jsx-runtime").JSX.Element;
-export {};
+import { InputOption } from '../../../components/Input/types';
+type DropdownFieldsProps = {
+    options: {
+        [key: string]: InputOption;
+    };
+    value: string;
+    placeholder: string;
+    onChange: (value: string) => void;
+    selectedValues: {
+        id?: string;
+        key?: string;
+        selected: boolean | undefined;
+    }[];
+    updateSelectedValues: (updatedValues: {
+        id?: string;
+        key?: string;
+        selected: boolean | undefined;
+    }[]) => void;
+};
+export default function DropdownFields({ options, value, placeholder, onChange, selectedValues, updateSelectedValues }: DropdownFieldsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/importer/features/map-columns/hooks/useMapColumnsTable.d.ts

@@ -1,15 +1,16 @@
-import { TemplateColumn, UploadColumn } from "../../../types";
-import { TemplateColumnMapping } from "../types";
-export default function useMapColumnsTable(uploadColumns: UploadColumn[], templateColumns: TemplateColumn[] | undefined, columnsValues: {
-    [uploadColumnIndex: number]: TemplateColumnMapping;
-}, isLoading?: boolean, importerKey?: string, backendUrl?: string): {
-    rows: {
-        [x: string]: {
-            raw: string | boolean;
-            content: string | import("react/jsx-runtime").JSX.Element;
-        };
-    }[];
-    formValues: {
-        [key: number]: TemplateColumnMapping;
-    };
-};
+import { UploadColumn } from '../../../types';
+import { Column } from '../../../../types';
+import { TemplateColumnMapping } from '../types';
+export default function useMapColumnsTable(uploadColumns: UploadColumn[], templateColumns: Column[] | undefined, columnsValues: {
+    [uploadColumnIndex: number]: TemplateColumnMapping;
+}, isLoading?: boolean, importerKey?: string, backendUrl?: string): {
+    rows: {
+        [x: string]: {
+            raw: string | boolean;
+            content: string | import("react/jsx-runtime").JSX.Element;
+        };
+    }[];
+    formValues: {
+        [key: number]: import('../types').ColumnMapping;
+    };
+};

package/build/importer/features/map-columns/index.d.ts

@@ -1,2 +1,2 @@
-import { MapColumnsProps } from "./types";
-export default function MapColumns({ template, data, columnMapping, selectedHeaderRow, skipHeaderRowSelection, onSuccess, onCancel, isSubmitting, importerKey, backendUrl, }: MapColumnsProps): import("react/jsx-runtime").JSX.Element | null;
+import { MapColumnsProps } from './types';
+export default function MapColumns({ columns, data, columnMapping, selectedHeaderRow, skipHeaderRowSelection, onSuccess, onCancel, isSubmitting, importerKey, backendUrl, }: MapColumnsProps): import("react/jsx-runtime").JSX.Element | null;

package/build/importer/features/map-columns/types/index.d.ts

@@ -1,23 +1,16 @@
-import { Template } from "../../../types";
-import { FileData } from "../../main/types";
-export type TemplateColumnMapping = {
-    key: string;
-    include: boolean;
-    selected?: boolean;
-};
-export type MapColumnsProps = {
-    template: Template;
-    data: FileData;
-    columnMapping: {
-        [index: number]: TemplateColumnMapping;
-    };
-    selectedHeaderRow: number | null;
-    skipHeaderRowSelection?: boolean;
-    onSuccess: (columnMapping: {
-        [index: number]: TemplateColumnMapping;
-    }) => void;
-    onCancel: () => void;
-    isSubmitting: boolean;
-    importerKey?: string;
-    backendUrl?: string;
-};
+import { Column, ColumnMapping, ColumnMappingDictionary } from '../../../../types';
+import { FileData } from '../../main/types';
+export type { ColumnMapping, ColumnMappingDictionary };
+export type TemplateColumnMapping = ColumnMapping;
+export type MapColumnsProps = {
+    columns?: Column[];
+    data: FileData;
+    columnMapping: ColumnMappingDictionary;
+    selectedHeaderRow: number | null;
+    skipHeaderRowSelection?: boolean;
+    onSuccess: (columnMapping: ColumnMappingDictionary) => void;
+    onCancel: () => void;
+    isSubmitting: boolean;
+    importerKey?: string;
+    backendUrl?: string;
+};

package/build/importer/features/row-selection/index.d.ts

@@ -1,2 +1,2 @@
-import { RowSelectionProps } from "./types";
-export default function RowSelection({ data, onSuccess, onCancel, selectedHeaderRow, setSelectedHeaderRow }: RowSelectionProps): import("react/jsx-runtime").JSX.Element;
+import { RowSelectionProps } from './types';
+export default function RowSelection({ data, onSuccess, onCancel, selectedHeaderRow, setSelectedHeaderRow }: RowSelectionProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/features/row-selection/types/index.d.ts

@@ -1,8 +1,8 @@
-import { FileData } from "../../main/types";
-export type RowSelectionProps = {
-    data: FileData;
-    onSuccess: () => void;
-    onCancel: () => void;
-    selectedHeaderRow: number | null;
-    setSelectedHeaderRow: (id: number) => void;
-};
+import { FileData } from '../../main/types';
+export type RowSelectionProps = {
+    data: FileData;
+    onSuccess: () => void;
+    onCancel: () => void;
+    selectedHeaderRow: number | null;
+    setSelectedHeaderRow: (id: number) => void;
+};

package/build/importer/features/uploader/hooks/useTemplateTable.d.ts

@@ -1,10 +1,10 @@
-import { TemplateColumn } from "../../../types";
-export default function useTemplateTable(fields?: TemplateColumn[]): {
-    [x: string]: string | {
-        raw: string;
-        content: import("react/jsx-runtime").JSX.Element;
-    } | {
-        raw: number;
-        content: import("react/jsx-runtime").JSX.Element;
-    };
-}[];
+import { Column } from '../../../../types';
+export default function useTemplateTable(fields?: Column[]): {
+    [x: string]: string | {
+        raw: string;
+        content: import("react/jsx-runtime").JSX.Element;
+    } | {
+        raw: number;
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+}[];

package/build/importer/features/uploader/index.d.ts

@@ -1,2 +1,2 @@
-import { UploaderProps } from "./types";
-export default function Uploader({ template, skipHeaderRowSelection, onSuccess, showDownloadTemplateButton, setDataError }: UploaderProps): import("react/jsx-runtime").JSX.Element;
+import { UploaderProps } from './types';
+export default function Uploader({ columns, skipHeaderRowSelection, onSuccess, showDownloadTemplateButton, setDataError }: UploaderProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/features/uploader/types/index.d.ts

@@ -1,9 +1,9 @@
-import { Template } from "../../../types";
-import { Dispatch, SetStateAction } from "react";
-export type UploaderProps = {
-    template: Template;
-    skipHeaderRowSelection: boolean;
-    onSuccess: (file: File) => void;
-    showDownloadTemplateButton?: boolean;
-    setDataError: Dispatch<SetStateAction<string | null>>;
-};
+import { Column } from '../../../../types';
+import { Dispatch, SetStateAction } from 'react';
+export type UploaderProps = {
+    columns?: Column[];
+    skipHeaderRowSelection: boolean;
+    onSuccess: (file: File) => void;
+    showDownloadTemplateButton?: boolean;
+    setDataError: Dispatch<SetStateAction<string | null>>;
+};

package/build/importer/features/validation/Validation.d.ts

@@ -1,2 +1,2 @@
-import { ValidationProps } from './types';
-export default function Validation({ template, data: fileData, columnMapping, selectedHeaderRow, onSuccess, onCancel, isSubmitting, backendUrl, importerKey, filterInvalidRows, disableOnInvalidRows, }: ValidationProps): import("react/jsx-runtime").JSX.Element;
+import { ValidationProps } from './types';
+export default function Validation({ columns, data: fileData, columnMapping, selectedHeaderRow, onSuccess, onCancel, isSubmitting, backendUrl, importerKey, filterInvalidRows, disableOnInvalidRows, }: ValidationProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/features/validation/components/TransformModal.d.ts

@@ -1,18 +1,18 @@
-import { TransformationChange } from '../../../services/transformation';
-interface TransformModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    data: any[];
-    columnMapping: Record<string, any>;
-    backendUrl: string;
-    importerKey: string;
-    validationErrors?: Array<{
-        rowIndex: number;
-        columnKey: string;
-        message: string;
-        value?: any;
-    }>;
-    onApplyTransformations: (changes: TransformationChange[]) => void;
-}
-export default function TransformModal({ isOpen, onClose, data, columnMapping, backendUrl, importerKey, validationErrors, onApplyTransformations }: TransformModalProps): import("react/jsx-runtime").JSX.Element;
-export {};
+import { TransformationChange } from '../../../services/transformation';
+interface TransformModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    data: any[];
+    columnMapping: Record<string, any>;
+    backendUrl: string;
+    importerKey: string;
+    validationErrors?: Array<{
+        rowIndex: number;
+        columnKey: string;
+        message: string;
+        value?: any;
+    }>;
+    onApplyTransformations: (changes: TransformationChange[]) => void;
+}
+export default function TransformModal({ isOpen, onClose, data, columnMapping, backendUrl, importerKey, validationErrors, onApplyTransformations }: TransformModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/importer/features/validation/index.d.ts

@@ -1 +1 @@
-export { default } from './Validation';
+export { default } from './Validation';

package/build/importer/features/validation/types.d.ts

@@ -1,32 +1,32 @@
-import { FileData } from "../main/types";
-import { TemplateColumnMapping } from "../map-columns/types";
-import { Template } from "../../types";
-export interface ValidationError {
-    rowIndex: number;
-    columnIndex: number;
-    message: string;
-    value: string | number;
-}
-export interface ValidationProps {
-    template: Template;
-    data: FileData;
-    columnMapping: {
-        [index: number]: TemplateColumnMapping;
-    };
-    selectedHeaderRow: number | null;
-    onSuccess: (validData: any) => void;
-    onCancel: () => void;
-    isSubmitting: boolean;
-    backendUrl?: string;
-    importerKey?: string;
-    filterInvalidRows?: boolean;
-    disableOnInvalidRows?: boolean;
-}
-export interface ValidationState {
-    errors: ValidationError[];
-    editedValues: {
-        [rowIndex: number]: {
-            [columnIndex: number]: string | number;
-        };
-    };
-}
+import { FileData } from '../main/types';
+import { TemplateColumnMapping } from '../map-columns/types';
+import { Column } from '../../../types';
+export interface ValidationError {
+    rowIndex: number;
+    columnIndex: number;
+    message: string;
+    value: string | number;
+}
+export interface ValidationProps {
+    columns?: Column[];
+    data: FileData;
+    columnMapping: {
+        [index: number]: TemplateColumnMapping;
+    };
+    selectedHeaderRow: number | null;
+    onSuccess: (validData: any) => void;
+    onCancel: () => void;
+    isSubmitting: boolean;
+    backendUrl?: string;
+    importerKey?: string;
+    filterInvalidRows?: boolean;
+    disableOnInvalidRows?: boolean;
+}
+export interface ValidationState {
+    errors: ValidationError[];
+    editedValues: {
+        [rowIndex: number]: {
+            [columnIndex: number]: string | number;
+        };
+    };
+}

package/build/importer/hooks/useClickOutside.d.ts

@@ -1 +1 @@
-export default function useClickOutside(ref: any | null, callback: (...args: any[]) => any): void;
+export default function useClickOutside(ref: any | null, callback: (...args: any[]) => any): void;

package/build/importer/hooks/useCustomStyles.d.ts

@@ -1 +1 @@
-export default function useCustomStyles(customStyles?: string, targetElement?: HTMLElement | null): void;
+export default function useCustomStyles(customStyles?: string, targetElement?: HTMLElement | null): void;

package/build/importer/hooks/useDemoData.d.ts

@@ -0,0 +1,16 @@
+import { FileData } from '../features/main/types';
+interface DemoDataConfig {
+    fileName: string;
+    csvContent: string;
+}
+interface UseDemoDataResult {
+    data: FileData | null;
+    isLoading: boolean;
+    error: string | null;
+}
+/**
+ * Hook to parse and manage demo CSV data
+ * Used for demonstrating the importer with sample data
+ */
+export declare function useDemoData(demoData?: DemoDataConfig): UseDemoDataResult;
+export {};

package/build/importer/hooks/useEventListener.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
-declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void): void;
-declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: RefObject<T>): void;
-export default useEventListener;
+import { RefObject } from 'react';
+declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void): void;
+declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: RefObject<T>): void;
+export default useEventListener;

package/build/importer/hooks/useImporterSchema.d.ts

@@ -0,0 +1,21 @@
+import { Column } from '../../types';
+interface UseImporterSchemaResult {
+    columns: Column[];
+    includeUnmatchedColumns: boolean;
+    filterInvalidRows: boolean;
+    disableOnInvalidRows: boolean;
+    error: string | null;
+    isLoading: boolean;
+}
+interface UseImporterSchemaOptions {
+    importerKey?: string;
+    backendUrl: string;
+    propColumns?: Column[];
+    isStandaloneMode: boolean;
+}
+/**
+ * Hook to fetch and manage importer schema
+ * Handles both standalone mode (using provided columns) and backend mode (fetching from API)
+ */
+export declare function useImporterSchema({ importerKey, backendUrl, propColumns, isStandaloneMode }: UseImporterSchemaOptions): UseImporterSchemaResult;
+export {};

package/build/importer/hooks/useIsomorphicLayoutEffect.d.ts

@@ -1,3 +1,3 @@
-import { useEffect } from "react";
-declare const useIsomorphicLayoutEffect: typeof useEffect;
-export default useIsomorphicLayoutEffect;
+import { useEffect } from 'react';
+declare const useIsomorphicLayoutEffect: typeof useEffect;
+export default useIsomorphicLayoutEffect;

package/build/importer/hooks/useRect.d.ts

@@ -1,12 +1,12 @@
-type Size = {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
-};
-declare function useRect<T extends HTMLElement = HTMLDivElement>(): [(node: T | null) => void, Size, Function];
-export default useRect;
+type Size = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+declare function useRect<T extends HTMLElement = HTMLDivElement>(): [(node: T | null) => void, Size, Function];
+export default useRect;

package/build/importer/hooks/useWindowSize.d.ts

@@ -1 +1 @@
-export default function useWindowSize(): number[];
+export default function useWindowSize(): number[];

package/build/importer/providers/Theme.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { ThemeProps } from "./types";
-export interface ThemeProviderProps extends ThemeProps {
-    primaryColor?: string;
-}
-export default function ThemeProvider({ children, primaryColor }: ThemeProviderProps): React.ReactElement;
+import { ThemeProps } from './types';
+export interface ThemeProviderProps extends ThemeProps {
+    primaryColor?: string;
+}
+export default function ThemeProvider({ children, primaryColor }: ThemeProviderProps): React.ReactElement;

package/build/importer/providers/index.d.ts

@@ -1,5 +1,5 @@
-import { ProvidersProps } from "./types";
-export interface ProvidersWithThemeProps extends ProvidersProps {
-    primaryColor?: string;
-}
-export default function Providers({ children, primaryColor }: ProvidersWithThemeProps): import("react/jsx-runtime").JSX.Element;
+import { ProvidersProps } from './types';
+export interface ProvidersWithThemeProps extends ProvidersProps {
+    primaryColor?: string;
+}
+export default function Providers({ children, primaryColor }: ProvidersWithThemeProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/providers/types/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-export type ProvidersProps = React.PropsWithChildren<{}>;
-export type QueriesProps = React.PropsWithChildren<{}>;
-export type ThemeProps = React.PropsWithChildren<{}>;
+import { default as React } from 'react';
+export type ProvidersProps = React.PropsWithChildren<{}>;
+export type QueriesProps = React.PropsWithChildren<{}>;
+export type ThemeProps = React.PropsWithChildren<{}>;

package/build/importer/services/api.d.ts

@@ -0,0 +1 @@
+export {};

package/build/importer/services/dataProcessor.d.ts

@@ -0,0 +1,38 @@
+import { Column, ColumnMappingDictionary } from '../../types';
+import { FileData } from '../features/main/types';
+interface ProcessedData {
+    data: Record<string, any>;
+    unmapped?: Record<string, any>;
+}
+interface ProcessDataOptions {
+    data: FileData;
+    columnMapping: ColumnMappingDictionary;
+    selectedHeaderRow: number | null;
+    includeUnmatchedColumns: boolean;
+    columns: Column[];
+}
+interface SubmitDataOptions {
+    processedData: ProcessedData[];
+    importerKey?: string;
+    backendUrl: string;
+    user?: Record<string, any>;
+    metadata?: Record<string, any>;
+    columnMapping: ColumnMappingDictionary;
+}
+/**
+ * Process validated data and prepare it for submission
+ */
+export declare function processValidatedData({ data, columnMapping, selectedHeaderRow, includeUnmatchedColumns, columns }: ProcessDataOptions): ProcessedData[];
+/**
+ * Submit processed data to the backend
+ */
+export declare function submitDataToBackend({ processedData, importerKey, backendUrl, user, metadata, columnMapping }: SubmitDataOptions): Promise<void>;
+/**
+ * Generate CSV template for download
+ */
+export declare function generateTemplateCSV(columns: Column[]): string;
+/**
+ * Download template CSV file
+ */
+export declare function downloadTemplate(columns: Column[], fileName?: string): void;
+export {};

package/build/importer/services/mapping.d.ts

@@ -1,31 +1,31 @@
-/**
- * Column mapping service with optional LLM enhancement
- */
-export interface MappingSuggestion {
-    uploadIndex: number;
-    templateKey: string;
-    confidence: number;
-}
-/**
- * Get enhanced column mapping suggestions from the backend
- *
- * @param uploadColumns - Array of upload columns with name and sample_data
- * @param templateColumns - Array of template columns with key, name, and required
- * @param backendUrl - Backend API URL
- * @param importerKey - Importer key for authentication
- * @returns Array of mapping suggestions or empty array on error
- */
-export declare function getMappingSuggestions(uploadColumns: any[], templateColumns: any[], backendUrl?: string, importerKey?: string): Promise<MappingSuggestion[]>;
-/**
- * Apply mapping suggestions to the current state
- * Only applies high-confidence suggestions that don't conflict
- *
- * @param suggestions - Array of mapping suggestions
- * @param currentValues - Current mapping values
- * @param usedTemplateKeys - Set of already used template keys
- * @param handleTemplateChange - Function to update a column mapping
- * @returns Number of mappings applied
- */
-export declare function applyMappingSuggestions(suggestions: MappingSuggestion[], currentValues: {
-    [key: number]: any;
-}, usedTemplateKeys: Set<string>, handleTemplateChange: (uploadIndex: number, templateKey: string) => void): number;
+/**
+ * Column mapping service with optional LLM enhancement
+ */
+export interface MappingSuggestion {
+    uploadIndex: number;
+    templateKey: string;
+    confidence: number;
+}
+/**
+ * Get enhanced column mapping suggestions from the backend
+ *
+ * @param uploadColumns - Array of upload columns with name and sample_data
+ * @param templateColumns - Array of Column objects with id, label, and validators
+ * @param backendUrl - Backend API URL
+ * @param importerKey - Importer key for authentication
+ * @returns Array of mapping suggestions or empty array on error
+ */
+export declare function getMappingSuggestions(uploadColumns: any[], templateColumns: any[], backendUrl?: string, importerKey?: string): Promise<MappingSuggestion[]>;
+/**
+ * Apply mapping suggestions to the current state
+ * Only applies high-confidence suggestions that don't conflict
+ *
+ * @param suggestions - Array of mapping suggestions
+ * @param currentValues - Current mapping values
+ * @param usedTemplateKeys - Set of already used template keys
+ * @param handleTemplateChange - Function to update a column mapping
+ * @returns Number of mappings applied
+ */
+export declare function applyMappingSuggestions(suggestions: MappingSuggestion[], currentValues: {
+    [key: number]: any;
+}, usedTemplateKeys: Set<string>, handleTemplateChange: (uploadIndex: number, templateKey: string) => void): number;