@uxf/ui 11.74.0 → 11.74.2

package/tw-tokens/tw-spacing.d.ts

@@ -0,0 +1,39 @@
+export declare const twSpacing: {
+    "0": string;
+    "1": string;
+    "2": string;
+    "3": string;
+    "4": string;
+    "5": string;
+    "6": string;
+    "7": string;
+    "8": string;
+    "9": string;
+    "10": string;
+    "11": string;
+    "12": string;
+    "14": string;
+    "16": string;
+    "20": string;
+    "24": string;
+    "28": string;
+    "32": string;
+    "36": string;
+    "40": string;
+    "44": string;
+    "48": string;
+    "52": string;
+    "56": string;
+    "60": string;
+    "64": string;
+    "72": string;
+    "80": string;
+    "96": string;
+    px: string;
+    "0.5": string;
+    "1.5": string;
+    "2.5": string;
+    "3.5": string;
+    inherit: string;
+};
+export type TwSpacing = typeof twSpacing;

package/tw-tokens/tw-spacing.js

@@ -0,0 +1,42 @@
+"use strict";
+// this file is generated automatically, do not change anything manually in the contents of this file
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.twSpacing = void 0;
+exports.twSpacing = {
+    "0": "0px",
+    "1": "0.25rem",
+    "2": "0.5rem",
+    "3": "0.75rem",
+    "4": "1rem",
+    "5": "1.25rem",
+    "6": "1.5rem",
+    "7": "1.75rem",
+    "8": "2rem",
+    "9": "2.25rem",
+    "10": "2.5rem",
+    "11": "2.75rem",
+    "12": "3rem",
+    "14": "3.5rem",
+    "16": "4rem",
+    "20": "5rem",
+    "24": "6rem",
+    "28": "7rem",
+    "32": "8rem",
+    "36": "9rem",
+    "40": "10rem",
+    "44": "11rem",
+    "48": "12rem",
+    "52": "13rem",
+    "56": "14rem",
+    "60": "15rem",
+    "64": "16rem",
+    "72": "18rem",
+    "80": "20rem",
+    "96": "24rem",
+    px: "1px",
+    "0.5": "0.125rem",
+    "1.5": "0.375rem",
+    "2.5": "0.625rem",
+    "3.5": "0.875rem",
+    inherit: "inherit",
+};

package/tw-tokens/tw-z-index.d.ts

@@ -0,0 +1,21 @@
+export declare const twZIndex: {
+    "0": string;
+    "1": string;
+    "10": string;
+    "20": string;
+    "30": string;
+    "40": string;
+    "50": string;
+    auto: string;
+    focus: string;
+    fixed: string;
+    menu: string;
+    header: string;
+    modal: string;
+    imageGallery: string;
+    lightbox: string;
+    dropdown: string;
+    flashMessage: string;
+    tooltip: string;
+};
+export type TwZIndex = typeof twZIndex;

package/tw-tokens/tw-z-index.js

@@ -0,0 +1,24 @@
+"use strict";
+// this file is generated automatically, do not change anything manually in the contents of this file
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.twZIndex = void 0;
+exports.twZIndex = {
+    "0": "0",
+    "1": "1",
+    "10": "10",
+    "20": "20",
+    "30": "30",
+    "40": "40",
+    "50": "50",
+    auto: "auto",
+    focus: "5",
+    fixed: "10",
+    menu: "25",
+    header: "50",
+    modal: "100",
+    imageGallery: "150",
+    lightbox: "150",
+    dropdown: "200",
+    flashMessage: "250",
+    tooltip: "300",
+};

package/types/color.d.ts

@@ -0,0 +1,2 @@
+export type ColorScheme = "dark" | "light";
+export type HexColor = `#${string}`;

package/types/color.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/types/file-response.d.ts

@@ -0,0 +1,6 @@
+export type UploadProgressEvent = Pick<ProgressEvent, "lengthComputable" | "loaded" | "total">;
+/** @deprecated use @uxf/core/types */
+export interface UploadOptions {
+    abortController?: AbortController;
+    onUploadProgress?: (progressEvent: UploadProgressEvent) => void;
+}

package/types/file-response.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/types/form-control-props.d.ts

@@ -0,0 +1,30 @@
+import { ChangeEvent, FocusEventHandler } from "react";
+export interface ControlProps<ValueType, ElementType = HTMLInputElement, RestParams extends unknown[] = []> {
+    value: ValueType;
+    onChange: (value: ValueType, event?: ChangeEvent<ElementType>, ...args: RestParams) => void;
+}
+export interface FormControlProps<ValueType, ElementType = HTMLInputElement, RestParams extends unknown[] = []> extends ControlProps<ValueType, ElementType, RestParams> {
+    onBlur?: FocusEventHandler<ElementType>;
+    onFocus?: FocusEventHandler<ElementType>;
+    name: string;
+    /**
+     * @about
+     * The input element will be disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * @about
+     * Used to show forced focus indicator.
+     */
+    isFocused?: boolean;
+    /**
+     * @about
+     * It prevents the user from changing the value of the field (not from interacting with the field).
+     */
+    isReadOnly?: boolean;
+    isInvalid?: boolean;
+    isRequired?: boolean;
+}
+export interface Clearable {
+    isClearable?: boolean;
+}

package/types/form-control-props.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./color";
+export * from "./file-response";
+export * from "./form-control-props";

package/types/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./color"), exports);
+__exportStar(require("./file-response"), exports);
+__exportStar(require("./form-control-props"), exports);

package/typography/typography.spec.d.ts

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

package/typography/typography.spec.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const snap_test_1 = require("../utils/snap-test");
+const typography_stories_1 = require("./typography.stories");
+(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(typography_stories_1.Default, null));

package/typography/typography.stories.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function Default(): React.JSX.Element;

package/typography/typography.stories.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = Default;
+const react_1 = __importDefault(require("react"));
+function Default() {
+    return (react_1.default.createElement("div", { className: "space-y-4 dark:text-white" },
+        react_1.default.createElement("h1", { className: "uxf-typo-h1" }, ".uxf-typo-h1"),
+        react_1.default.createElement("h2", { className: "uxf-typo-h2" }, ".uxf-typo-h2"),
+        react_1.default.createElement("h3", { className: "uxf-typo-h3" }, ".uxf-typo-h3"),
+        react_1.default.createElement("h4", { className: "uxf-typo-h4" }, ".uxf-typo-h4"),
+        react_1.default.createElement("h5", { className: "uxf-typo-h5" }, ".uxf-typo-h5"),
+        react_1.default.createElement("h6", { className: "uxf-typo-h6" }, ".uxf.typo-h6"),
+        react_1.default.createElement("p", { className: "uxf-typo-body" }, ".uxf-typo-body"),
+        react_1.default.createElement("p", { className: "uxf-typo-body2" }, ".uxf-typo-body2"),
+        react_1.default.createElement("p", { className: "uxf-typo-button" }, ".uxf-typo-button"),
+        react_1.default.createElement("p", { className: "uxf-typo-caption" }, ".uxf-typo-caption"),
+        react_1.default.createElement("p", { className: "uxf-typo-medium" }, ".uxf-typo-medium"),
+        react_1.default.createElement("p", { className: "uxf-typo-medium2" }, ".uxf-typo-medium2"),
+        react_1.default.createElement("p", { className: "uxf-typo-overline" }, ".uxf-typo-overline")));
+}

package/utils/action.d.ts

@@ -0,0 +1,3 @@
+type HandlerFunction = (...args: any[]) => void;
+export declare function action(name: string, handler: HandlerFunction): HandlerFunction;
+export {};

package/utils/action.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.action = action;
+function action(name, handler) {
+    return function (...args) {
+        // eslint-disable-next-line no-console
+        console.log(name, ...args);
+        handler(...args);
+    };
+}

package/utils/component-structure-analyzer.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from "react";
+interface ComponentStructureAnalyzerProps {
+    children: ReactNode;
+}
+declare function ComponentStructureAnalyzer(props: ComponentStructureAnalyzerProps): React.JSX.Element;
+export default ComponentStructureAnalyzer;

package/utils/component-structure-analyzer.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+function ComponentStructureAnalyzer(props) {
+    return react_1.default.createElement("div", { className: "uxf-component-structure-analyzer" }, props.children);
+}
+exports.default = ComponentStructureAnalyzer;

package/utils/files/get-file-icon.d.ts

@@ -0,0 +1,2 @@
+import { IconName } from "@uxf/ui/icon/types";
+export declare function getIconNameFromFileExtension(extension: string): IconName;

package/utils/files/get-file-icon.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getIconNameFromFileExtension = getIconNameFromFileExtension;
+function getIconNameFromFileExtension(extension) {
+    switch (extension) {
+        case "jpg":
+        case "jpeg":
+        case "png":
+        case "gif":
+            return "imageFile";
+        case "mp4":
+        case "avi":
+        case "mov":
+            return "videoFile";
+        default:
+            return "file";
+    }
+}

package/utils/files/get-file-icon.test.d.ts

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

package/utils/files/get-file-icon.test.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const get_file_icon_1 = require("./get-file-icon");
+describe("getIconNameFromFileExtension", () => {
+    it("should return 'imageFile' for image extensions", () => {
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("jpg")).toBe("imageFile");
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("jpeg")).toBe("imageFile");
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("png")).toBe("imageFile");
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("gif")).toBe("imageFile");
+    });
+    it("should return 'videoFile' for video extensions", () => {
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("mp4")).toBe("videoFile");
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("avi")).toBe("videoFile");
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("mov")).toBe("videoFile");
+    });
+    it("should return 'file' for unknown extensions", () => {
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("pdf")).toBe("file");
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("docx")).toBe("file");
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("txt")).toBe("file");
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("exe")).toBe("file");
+    });
+});

package/utils/files/get-file-url.d.ts

@@ -0,0 +1,2 @@
+import { FileResponse } from "@uxf/core/types";
+export declare function getFileUrl(domain: string, file: FileResponse): string;

package/utils/files/get-file-url.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFileUrl = getFileUrl;
+function getFileUrl(domain, file) {
+    return `${domain}/upload/${file.namespace || "default"}/${file.uuid[0]}/${file.uuid[1]}/${file.uuid}.${file.extension}`;
+}

package/utils/files/get-file-url.test.d.ts

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

package/utils/files/get-file-url.test.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const get_file_url_1 = require("./get-file-url");
+describe("getFileUrl", () => {
+    it("should generate a correct file URL with default namespace", () => {
+        const domain = "https://example.com";
+        const file = {
+            id: 1,
+            name: "test",
+            namespace: null,
+            uuid: "123-456-789",
+            extension: "jpg",
+            type: "image/jpeg",
+        };
+        const result = (0, get_file_url_1.getFileUrl)(domain, file);
+        expect(result).toBe("https://example.com/upload/default/1/2/123-456-789.jpg");
+    });
+    it("should generate a correct file URL with specified namespace", () => {
+        const domain = "https://example.com";
+        const file = {
+            id: 2,
+            name: "anotherTest",
+            namespace: "customNamespace",
+            uuid: "123-456-789",
+            extension: "png",
+            type: "image/png",
+        };
+        const result = (0, get_file_url_1.getFileUrl)(domain, file);
+        expect(result).toBe("https://example.com/upload/customNamespace/1/2/123-456-789.png");
+    });
+    it("should generate a correct file URL with default namespace and different extension", () => {
+        const domain = "https://example.com";
+        const file = {
+            id: 3,
+            name: "document",
+            namespace: null,
+            uuid: "111-222-333",
+            extension: "pdf",
+            type: "application/pdf",
+        };
+        const result = (0, get_file_url_1.getFileUrl)(domain, file);
+        expect(result).toBe("https://example.com/upload/default/1/1/111-222-333.pdf");
+    });
+});

package/utils/get-default-icon-name.d.ts

@@ -0,0 +1,4 @@
+import { IconName } from "../icon/types";
+type DefaultIconColor = "brand" | "info" | "negative" | "neutral" | "positive" | "warning" | string;
+export declare const getDefaultIconName: (color: DefaultIconColor) => IconName;
+export {};

package/utils/get-default-icon-name.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultIconName = void 0;
+const getDefaultIconName = (color) => {
+    switch (color) {
+        case "negative":
+            return "solid-octagon-xmark";
+        case "positive":
+            return "solid-badge-check";
+        case "warning":
+            return "solid-triangle-exclamation";
+        case "brand":
+        case "info":
+        case "neutral":
+        default:
+            return "solid-circle-info";
+    }
+};
+exports.getDefaultIconName = getDefaultIconName;

package/utils/get-dropzone-state.d.ts

@@ -0,0 +1,7 @@
+import { DropzoneFile } from "../dropzone/types";
+type DropzoneState = {
+    errorMessage?: string;
+    status: "ERROR" | "OK" | "UPLOADING";
+};
+export declare function getDropzoneState(files: DropzoneFile[]): DropzoneState;
+export {};

package/utils/get-dropzone-state.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDropzoneState = getDropzoneState;
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
+function getDropzoneState(files) {
+    const errors = files
+        .filter((file) => file.error)
+        .map((file) => file.error)
+        .join("; ");
+    const isUploading = (0, is_not_nil_1.isNotNil)(files.find((file) => file.id < 0));
+    if (errors) {
+        return {
+            errorMessage: errors,
+            status: "ERROR",
+        };
+    }
+    if (isUploading) {
+        return {
+            status: "UPLOADING",
+        };
+    }
+    return { status: "OK" };
+}

package/utils/get-dropzone-state.test.d.ts

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

package/utils/get-dropzone-state.test.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const get_dropzone_state_1 = require("./get-dropzone-state");
+describe("getDropzoneState", () => {
+    it("should return OK state when there are no files", () => {
+        const files = [];
+        const result = (0, get_dropzone_state_1.getDropzoneState)(files);
+        expect(result).toEqual({ status: "OK" });
+    });
+    it("should return UPLOADING state when there are files with negative IDs", () => {
+        const files = [
+            {
+                id: -1,
+                name: "file1.txt",
+                uuid: "uuid1",
+                extension: "txt",
+                error: null,
+                progress: null,
+                namespace: null,
+            },
+            { id: 1, name: "file2.txt", uuid: "uuid2", extension: "txt", error: null, progress: null, namespace: null },
+        ];
+        const result = (0, get_dropzone_state_1.getDropzoneState)(files);
+        expect(result).toEqual({ status: "UPLOADING" });
+    });
+    it("should return ERROR state with error messages when files have errors", () => {
+        const files = [
+            {
+                id: 1,
+                name: "file1.txt",
+                uuid: "uuid1",
+                extension: "txt",
+                error: "File too large",
+                progress: null,
+                namespace: null,
+            },
+            {
+                id: 2,
+                name: "file2.txt",
+                uuid: "uuid2",
+                extension: "txt",
+                error: "Unsupported format",
+                progress: null,
+                namespace: null,
+            },
+        ];
+        const result = (0, get_dropzone_state_1.getDropzoneState)(files);
+        expect(result).toEqual({
+            errorMessage: "File too large; Unsupported format",
+            status: "ERROR",
+        });
+    });
+    it("should return OK state when files are uploaded successfully", () => {
+        const files = [
+            { id: 1, name: "file1.txt", uuid: "uuid1", extension: "txt", error: null, progress: null, namespace: null },
+            { id: 2, name: "file2.txt", uuid: "uuid2", extension: "txt", error: null, progress: null, namespace: null },
+        ];
+        const result = (0, get_dropzone_state_1.getDropzoneState)(files);
+        expect(result).toEqual({ status: "OK" });
+    });
+    it("should return OK state when some files are uploading but no errors", () => {
+        const files = [
+            { id: 1, name: "file1.txt", uuid: "uuid1", extension: "txt", error: null, progress: 50, namespace: null },
+            { id: 2, name: "file2.txt", uuid: "uuid2", extension: "txt", error: null, progress: 75, namespace: null },
+        ];
+        const result = (0, get_dropzone_state_1.getDropzoneState)(files);
+        expect(result).toEqual({ status: "OK" });
+    });
+    it("should return ERROR state when there is a file with an error and uploading files", () => {
+        const files = [
+            {
+                id: -1,
+                name: "file1.txt",
+                uuid: "uuid1",
+                extension: "txt",
+                error: "File too large",
+                progress: null,
+                namespace: null,
+            },
+            { id: -2, name: "file2.txt", uuid: "uuid2", extension: "txt", error: null, progress: 50, namespace: null },
+        ];
+        const result = (0, get_dropzone_state_1.getDropzoneState)(files);
+        expect(result).toEqual({
+            errorMessage: "File too large",
+            status: "ERROR",
+        });
+    });
+});

package/utils/mocks/upload-file.mock.d.ts

@@ -0,0 +1,3 @@
+import { FileResponse } from "@uxf/core/types";
+import { UploadOptions } from "@uxf/ui/types";
+export declare function uploadFile(file: File, uploadOptions?: UploadOptions): Promise<FileResponse>;

package/utils/mocks/upload-file.mock.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uploadFile = uploadFile;
+function getRandomUuid() {
+    return "00000000-0000-0000-0000-000000000000"
+        .split("-")
+        .map((el) => Array(el.length)
+        .fill(0)
+        .map(() => Math.round(Math.random() * 9).toString())
+        .join(""))
+        .join("-");
+}
+function uploadFile(file, uploadOptions) {
+    // axios.put("/api/upload", file, { signal: uploadOptions?.abortController?.signal, onUploadProgress: uploadOptions?.onUploadProgress });
+    return new Promise((resolve) => {
+        const time = file.size / 100;
+        const interval = time / 10;
+        let loaded = 0;
+        const intervalTimer = window.setInterval(() => {
+            var _a, _b;
+            if ((_a = uploadOptions === null || uploadOptions === void 0 ? void 0 : uploadOptions.abortController) === null || _a === void 0 ? void 0 : _a.signal.aborted) {
+                clearInterval(intervalTimer);
+                // eslint-disable-next-line @typescript-eslint/no-use-before-define
+                clearTimeout(timeoutTimer);
+                return;
+            }
+            loaded += (file.size / time) * interval;
+            (_b = uploadOptions === null || uploadOptions === void 0 ? void 0 : uploadOptions.onUploadProgress) === null || _b === void 0 ? void 0 : _b.call(uploadOptions, {
+                lengthComputable: true,
+                loaded,
+                total: file.size,
+            });
+        }, interval);
+        const timeoutTimer = window.setTimeout(() => {
+            clearInterval(intervalTimer);
+            clearTimeout(timeoutTimer);
+            resolve({
+                id: Math.round(Math.random() * 100000000),
+                uuid: getRandomUuid(),
+                name: file.name,
+                namespace: null,
+                extension: file.name.split(".").slice(-1).join(""),
+            });
+        }, time);
+    });
+}

package/utils/mocks/upload-file.mock.test.d.ts

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

package/utils/mocks/upload-file.mock.test.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const upload_file_mock_1 = require("./upload-file.mock");
+describe("uploadFile", () => {
+    const mockFile = new File(["file content"], "test.txt", { type: "text/plain" });
+    it("should resolve with a FileResponse object after upload", async () => {
+        const mockOnUploadProgress = jest.fn();
+        const mockAbortController = new AbortController();
+        const response = await (0, upload_file_mock_1.uploadFile)(mockFile, {
+            onUploadProgress: mockOnUploadProgress,
+            abortController: mockAbortController,
+        });
+        expect(response).toEqual({
+            id: expect.any(Number),
+            uuid: expect.any(String),
+            name: "test.txt",
+            namespace: null,
+            extension: "txt",
+        });
+    });
+    it("should call onUploadProgress with correct values", async () => {
+        const mockOnUploadProgress = jest.fn();
+        const mockAbortController = new AbortController();
+        await (0, upload_file_mock_1.uploadFile)(mockFile, {
+            onUploadProgress: mockOnUploadProgress,
+            abortController: mockAbortController,
+        });
+        expect(mockOnUploadProgress).toHaveBeenCalledWith(expect.objectContaining({
+            lengthComputable: true,
+            loaded: expect.any(Number),
+            total: mockFile.size,
+        }));
+    });
+});