@anji-dashing/dam-solution-v2 5.8.173

package/build/AssetType/FieldsSection.js

@@ -0,0 +1,268 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ICON_SIZE } from "../hocs/appConstants";
+import { Typography } from "antd";
+import { useMemo, useState } from "react";
+import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd";
+import DraggedField from "./DraggedField";
+import AddFieldProperties from "./AddFieldProperties";
+import { InputTypes, NotificationStatus, } from "../utilities/constants/interface";
+import { filter, find, first, get, isEqual, map, reduce, toNumber, uniqueId, } from "lodash";
+import { CiCalendarDate, CiLink, CiText } from "react-icons/ci";
+import { BsTextParagraph } from "react-icons/bs";
+import { RiNumbersLine } from "react-icons/ri";
+import { MdOutlineDateRange, MdOutlineGroup } from "react-icons/md";
+import { GoSingleSelect } from "react-icons/go";
+import { IoIosRadioButtonOff } from "react-icons/io";
+import { IoCheckboxOutline } from "react-icons/io5";
+import { FaRegUser } from "react-icons/fa";
+import { showNotification } from "../common/notifications";
+import { DELETE_CONFIRMATION_MESSAGE, DELETE_MESSAGE_DESCRIPTION, DELETE_OK_TEXT, DELETE_SUCCESS, INPUT_SETTINGS_VALIDATION_ERROR, INPUT_SETTINGS_VALIDATION_ERROR_AT_SWITCH_INPUT, SOMETHING_WENT_WRONG, } from "../utilities/constants/messages";
+import { getInputTypeValidationErrors } from "../utilities/helpers/validators";
+import { DELETE_ASSET_FIELD_URL } from "../utilities/constants/apiUrls";
+import { DeleteConfirmationModal } from "../common/CustomElements";
+import { createApiClient } from "../hocs/configureAxios";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import { EMPTY_ASSET_TEMPLATE_WIDGETS_URL } from "../utilities/constants/imageUrls";
+import _ from "lodash";
+import useAppParams from "../utilities/useAppParams";
+export const getWidgetIcon = (defaultName) => {
+    if (defaultName === undefined || defaultName === null) {
+        return null;
+    }
+    // Ensure it's a string type
+    const nameString = String(defaultName).trim();
+    if (!nameString) {
+        return null;
+    }
+    try {
+        switch (nameString.toUpperCase()) {
+            case InputTypes.TEXT:
+                return CiText;
+            case InputTypes.PARAGRAPH:
+                return BsTextParagraph;
+            case InputTypes.NUMBERS:
+                return RiNumbersLine;
+            case InputTypes.DATE:
+                return CiCalendarDate;
+            case InputTypes.DATE_RANGE:
+                return MdOutlineDateRange;
+            case InputTypes.SELECT:
+                return GoSingleSelect;
+            case InputTypes.LINK:
+                return CiLink;
+            case InputTypes.RADIO:
+                return IoIosRadioButtonOff;
+            case InputTypes.CHECKBOX:
+                return IoCheckboxOutline;
+            case InputTypes.PERSON:
+                return FaRegUser;
+            case InputTypes.TEAM:
+                return MdOutlineGroup;
+            default:
+                return null;
+        }
+    }
+    catch (error) {
+        console.warn('Error in getWidgetIcon:', error, 'defaultName:', defaultName);
+        return null;
+    }
+};
+export default function FieldsSection({ name, inputTypes, transformInputTypePayload, currentFieldIndex, setCurrentFieldIndex, fields, setState, showOutputFormat, imagePickerOutputFormat, }) {
+    const { id } = useAppParams();
+    const [fieldState, setFieldState] = useState({
+        showConfirmModal: false,
+        selectedField: null,
+        loading: false,
+    });
+    const { showConfirmModal, selectedField, loading } = fieldState;
+    const damConfig = useDamConfig();
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    const toggleConfirmModal = (field = null) => {
+        setFieldState((prevState) => (Object.assign(Object.assign({}, prevState), { showConfirmModal: !prevState.showConfirmModal, selectedField: field, loading: false })));
+    };
+    const onDragEnd = (result) => {
+        const source = get(result, "source");
+        const destination = get(result, "destination");
+        if (!destination)
+            return;
+        if (get(source, "droppableId") === "droppable1" &&
+            get(destination, "droppableId") === "droppable1")
+            return;
+        if (isEqual(source, "droppable2") && isEqual(destination, "droppable1"))
+            return;
+        if (get(source, "droppableId") === get(destination, "droppableId") &&
+            get(fields, "length", 0) > 0) {
+            const reorderedFields = showOutputFormat
+                ? [...imagePickerOutputFormat]
+                : [...fields];
+            const [moved] = reorderedFields.splice(get(source, "index"), 1);
+            reorderedFields.splice(get(destination, "index"), 0, moved);
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { fields: showOutputFormat ? fields : reorderedFields, imagePickerOutputFormat: showOutputFormat
+                    ? reorderedFields
+                    : imagePickerOutputFormat })));
+        }
+        else {
+            const draggedWidget = find(inputTypes, (type) => get(type, "_id") === get(result, "draggableId"));
+            if (draggedWidget) {
+                const maxIdField = reduce(fields, (prev, curr) => {
+                    return toNumber(get(curr, "_id")) > toNumber(get(prev, "_id"))
+                        ? curr
+                        : prev;
+                }, first(fields) || { _id: "0" });
+                const newWidget = Object.assign(Object.assign({}, draggedWidget), { label: get(draggedWidget, "name", ""), _id: null, mapId: uniqueId() });
+                const reorderedFields = [...fields];
+                const imagePickerOutputFormatFields = [...imagePickerOutputFormat];
+                reorderedFields.splice(get(destination, "index"), 0, newWidget);
+                imagePickerOutputFormatFields.splice(get(destination, "index"), 0, Object.assign(Object.assign({}, newWidget), { required: false, separator: "" }));
+                setState((prevState) => (Object.assign(Object.assign({}, prevState), { fields: reorderedFields, currentFieldIndex: get(destination, "index", null), imagePickerOutputFormat: imagePickerOutputFormatFields })));
+            }
+        }
+    };
+    const onAddLabel = (id, value) => {
+        const updatedFields = map(fields, (field) => {
+            if (get(field, "_id") === id) {
+                return Object.assign(Object.assign({}, field), { label: value });
+            }
+            return field;
+        });
+        const updatedImagePickerOutputFormat = map(imagePickerOutputFormat, (field) => {
+            if (get(field, "_id") === id) {
+                return Object.assign(Object.assign({}, field), { label: value });
+            }
+            return field;
+        });
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { fields: updatedFields, imagePickerOutputFormat: updatedImagePickerOutputFormat })));
+    };
+    const onUpdateOutputFormat = (id, key, value) => {
+        // console.log(id, key, value, "onUpdateOutputFormat");
+        const updatedImagePickerOutputFormat = map(imagePickerOutputFormat, (field, index) => {
+            if (index === id) {
+                return Object.assign(Object.assign({}, field), { [key]: value });
+            }
+            return field;
+        });
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { imagePickerOutputFormat: updatedImagePickerOutputFormat })));
+    };
+    // console.log(imagePickerOutputFormat, "imagePickerOutputFormat", fields);
+    const onDeleteField = (ind) => {
+        const currentField = fields.find((field, index) => index === ind);
+        const updatedFields = filter(fields, (field, index) => index !== ind);
+        const deleteField = find(fields, (field, index) => index === ind);
+        const updatedImagePickerOutputFormat = filter(imagePickerOutputFormat, (field, index) => get(currentField, "mapId") !== get(field, "mapId"));
+        if (get(deleteField, "_id")) {
+            toggleConfirmModal(deleteField);
+        }
+        else {
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { fields: updatedFields, currentFieldIndex: null, imagePickerOutputFormat: updatedImagePickerOutputFormat })));
+        }
+    };
+    const onDeleteExistedField = () => __awaiter(this, void 0, void 0, function* () {
+        setFieldState((prevState) => (Object.assign(Object.assign({}, prevState), { loading: true })));
+        try {
+            const response = yield api.delete(DELETE_ASSET_FIELD_URL.replace(":assetId", id).replace(":id", get(selectedField, "_id")));
+            const updatedFields = filter(fields, (field, index) => get(field, "_id") !== get(selectedField, "_id"));
+            const updatedImagePickerOutputFormat = filter(imagePickerOutputFormat, (field, index) => get(field, "mapId") !== get(selectedField, "mapId"));
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { fields: updatedFields, currentFieldIndex: null, imagePickerOutputFormat: updatedImagePickerOutputFormat })));
+            toggleConfirmModal();
+            showNotification(get(response, "data.message", DELETE_SUCCESS), NotificationStatus.SUCCESS);
+        }
+        catch (error) {
+            setFieldState((prevState) => (Object.assign(Object.assign({}, prevState), { loading: false })));
+            showNotification(get(error, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+        }
+    });
+    const currentField = useMemo(() => {
+        return find(fields, (field, index) => index === currentFieldIndex);
+    }, [currentFieldIndex, fields]);
+    const currentInputType = useMemo(() => {
+        return find(inputTypes, (input) => get(currentField, "defaultName") === get(input, "defaultName"));
+    }, [inputTypes, currentField]);
+    const onUpdateField = (updatedValues, existedField, index) => {
+        const currentField = index || index == 0 ? (fields === null || fields === void 0 ? void 0 : fields[index]) || null : null;
+        const data = transformInputTypePayload(updatedValues, existedField, get(currentField, "mapId", ""));
+        const updatedFields = map(fields, (field, i) => {
+            if (i === index) {
+                return data;
+            }
+            return field;
+        });
+        // console.log("imagepicker", imagePickerOutputFormat);
+        const updatedImagePickerOutputFormat = map(imagePickerOutputFormat, (field, i) => {
+            if (currentField &&
+                get(field, "mapId") &&
+                get(currentField, "mapId") === get(field, "mapId")) {
+                return Object.assign(Object.assign({}, field), { name: get(data, "name"), label: get(data, "label"), placeholder: get(data, "placeholder"), defaultName: get(data, "defaultName") });
+            }
+            return field;
+        });
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { fields: updatedFields, imagePickerOutputFormat: updatedImagePickerOutputFormat })));
+    };
+    const getFormattedValue = (data) => {
+        const sortedData = _.sortBy(data, "order");
+        const value = sortedData === null || sortedData === void 0 ? void 0 : sortedData.reduce((acc, field) => {
+            if (field === null || field === void 0 ? void 0 : field.required) {
+                // if (field?.name !== "File Url") {
+                acc = acc + (field === null || field === void 0 ? void 0 : field.name);
+                if (field === null || field === void 0 ? void 0 : field.separator) {
+                    acc = acc + (field === null || field === void 0 ? void 0 : field.separator);
+                }
+                // }
+            }
+            return acc;
+        }, "");
+        return value;
+    };
+    // console.log("imagepicker output format", imagePickerOutputFormat);
+    return (_jsxs(_Fragment, { children: [" ", _jsx(DragDropContext, { onDragEnd: currentFieldIndex === null || showOutputFormat
+                    ? onDragEnd
+                    : () => {
+                        !showOutputFormat &&
+                            showNotification(INPUT_SETTINGS_VALIDATION_ERROR, NotificationStatus.WARN);
+                    }, children: _jsxs("div", { className: `md-lib-grid ${showOutputFormat ? "md-lib-grid-cols-1" : "md-lib-grid-cols-4"} ${showOutputFormat ? "md-lib-h-screen" : ""}`, children: [showOutputFormat && (_jsxs("div", { className: "md-lib-p-8", children: [_jsx("p", { className: "md-lib-text-sm md-lib-text-orange-500", children: "Note: Please ensure that all required fields has separators" }), _jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-2", children: [_jsx("p", { className: "md-lib-text-sm md-lib-font-semibold", children: "Sample File Format: " }), _jsx("pre", { children: getFormattedValue(imagePickerOutputFormat) })] })] })), !showOutputFormat && (_jsx(Droppable, { droppableId: "droppable1", children: (provided) => (_jsxs("div", Object.assign({}, provided.droppableProps, { ref: provided.innerRef, children: [_jsxs("div", { className: "md-lib-p-3 md-lib-col-span-1 md-lib-border-r dark:md-lib-border-darkBorderColor dark:md-lib-bg-darkPrimary", children: [_jsx(Typography.Title, { level: 4, children: "Form Widgets" }), _jsx("p", { className: "md-lib-text-sm md-lib-description md-lib-mb-3", children: "Drag and drop form elements in additional section" }), map(inputTypes, (type, index) => {
+                                                const IconComponent = getWidgetIcon(get(type, "defaultName"));
+                                                return (_jsx(Draggable, { draggableId: get(type, "_id"), index: index, children: (provided) => (_jsxs("div", Object.assign({ className: "md-lib-flex md-lib-items-center md-lib-gap-2 md-lib-bg-white dark:md-lib-bg-darkPrimaryHoverColor md-lib-p-3 md-lib-mb-2 md-lib-rounded", ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { children: [IconComponent && (_jsx("div", { className: "md-lib-flex md-lib-items-center md-lib-flex-shrink-0", children: _jsx(IconComponent, { size: ICON_SIZE }) })), _jsx("span", { className: "md-lib-leading-normal md-lib-text-base", children: get(type, "name") })] }))) }, get(type, "_id")));
+                                            })] }), provided.placeholder] }))) })), _jsx("div", { className: `${!!currentField && !showOutputFormat ? "md-lib-col-span-2" : "md-lib-col-span-3"} dark:md-lib-bg-darkPrimary`, children: _jsx(Droppable, { droppableId: "droppable2", children: (provided) => (_jsxs("div", Object.assign({}, provided.droppableProps, { ref: provided.innerRef, className: "md-lib-bg-white dark:md-lib-bg-darkPrimaryHoverColor md-lib-rounded-[20px] md-lib-my-4 md-lib-mx-8", children: [_jsx("p", { className: "md-lib-text-xl md-lib-border-b md-lib-p-3 md-lib-asset-template-title md-lib-truncate", children: name }), _jsx("div", { className: "md-lib-p-4", children: get(fields, "length") === 0 ? (_jsxs("div", { className: "md-lib-flex md-lib-flex-col md-lib-items-center md-lib-justify-center", children: [_jsx("img", { src: EMPTY_ASSET_TEMPLATE_WIDGETS_URL, alt: "Empty Asset Template Widgets", width: 250, height: 250 }), _jsx("p", { className: "md-lib-text-sm md-lib-description md-lib-mt-2", children: "Drag fields to create form" })] })) : (map(showOutputFormat ? imagePickerOutputFormat : fields, (field, index) => (_jsx(Draggable, { draggableId: `${(field === null || field === void 0 ? void 0 : field._id)
+                                                    ? `selected-${get(field, "_id")}`
+                                                    : `selected-${index}`}`, index: index, children: (provided) => (_jsx("div", Object.assign({ ref: provided.innerRef }, provided.draggableProps, { children: _jsx(DraggedField, { provided: provided, field: field, outputFormatField: imagePickerOutputFormat === null || imagePickerOutputFormat === void 0 ? void 0 : imagePickerOutputFormat[index], onAddLabel: onAddLabel, onDeleteField: onDeleteField, onUpdateOutputFormat: onUpdateOutputFormat, setCurrentFieldIndex: (val) => __awaiter(this, void 0, void 0, function* () {
+                                                            if (currentFieldIndex === null) {
+                                                                setCurrentFieldIndex(val);
+                                                                return;
+                                                            }
+                                                            const field = currentField;
+                                                            const currentInputType = find(inputTypes, (input) => get(field, "defaultName") ===
+                                                                get(input, "defaultName"));
+                                                            const validationErrors = getInputTypeValidationErrors(field, currentInputType);
+                                                            if (validationErrors.length > 0 &&
+                                                                !showOutputFormat) {
+                                                                showNotification(INPUT_SETTINGS_VALIDATION_ERROR_AT_SWITCH_INPUT, NotificationStatus.WARN);
+                                                                return;
+                                                            }
+                                                            setCurrentFieldIndex(val);
+                                                        }), currentFieldIndex: currentFieldIndex, index: index, showOutputFormat: showOutputFormat }) }))) }, `${(field === null || field === void 0 ? void 0 : field._id)
+                                                ? `selected-${get(field, "_id")}`
+                                                : `selected-${index}`}`)))) }), provided.placeholder] }))) }) }), !!currentField && !showOutputFormat && (_jsx("div", { className: "md-lib-col-span-1 md-lib-bg-white dark:md-lib-bg-darkPrimaryHoverColor", children: _jsx(AddFieldProperties, { field: currentField, index: currentFieldIndex, setCurrentFieldIndex: (val) => setCurrentFieldIndex(val), onUpdateField: (updatedValues, field, index) => onUpdateField(updatedValues, field, index), currentInputType: currentInputType, allFields: fields, onCancel: (index) => {
+                                    if (index !== null) {
+                                        const fieldToCancel = fields[index];
+                                        if (!get(fieldToCancel, "_id")) {
+                                            const updatedFields = filter(fields, (field, i) => i !== index);
+                                            const updatedImagePickerOutputFormat = filter(imagePickerOutputFormat, (field) => get(field, "mapId") !== get(fieldToCancel, "mapId"));
+                                            setState((prevState) => (Object.assign(Object.assign({}, prevState), { fields: updatedFields, currentFieldIndex: null, imagePickerOutputFormat: updatedImagePickerOutputFormat })));
+                                        }
+                                        else {
+                                            setCurrentFieldIndex(null);
+                                        }
+                                    }
+                                    else {
+                                        setCurrentFieldIndex(null);
+                                    }
+                                } }) }))] }) }), showConfirmModal && (_jsx(DeleteConfirmationModal, { showDeleteModal: showConfirmModal, toggleDeleteModal: toggleConfirmModal, okText: DELETE_OK_TEXT, onOk: onDeleteExistedField, loading: loading, description: DELETE_CONFIRMATION_MESSAGE.replace(":action", "Delete").replace(":entity", `${get(selectedField, "name", "this field")}`), subHeading: DELETE_MESSAGE_DESCRIPTION }))] }));
+}

package/build/AssetType/assetTemplatesContainer.d.ts

@@ -0,0 +1,2 @@
+declare function AssetTemplatesContainer(): JSX.Element;
+export default AssetTemplatesContainer;

package/build/AssetType/assetTemplatesContainer.js

@@ -0,0 +1,71 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { get, includes } from "lodash";
+import { DEFAULT_PAGE } from "../hocs/appConstants";
+import AssetTemplatesTable from "./AssetTemplatesTable";
+import { NotificationStatus, SortOrders, } from "../utilities/constants/interface";
+import { showNotification } from "../common/notifications";
+import { SOMETHING_WENT_WRONG } from "../utilities/constants/messages";
+import { FETCH_ASSETS_URL } from "../utilities/constants/apiUrls";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import PageTitle from "../ui/pageTitle";
+import CreateAssetTemplate from "./CreateAssetTemplate";
+import { NOT_FOUND_IMAGE_URL } from "../utilities/constants/imageUrls";
+import { createApiClient } from "../hocs/configureAxios";
+import { addQueryParams } from "../hocs/helpers";
+import Loader from "../common/loader/loader";
+function AssetTemplatesContainer() {
+    const damConfig = useDamConfig();
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    const [state, setState] = useState({
+        loading: false,
+        totalCount: 0,
+        totalPages: 0,
+        assetTemplates: [],
+        filters: {
+            sortBy: "createdAt",
+            sortOrder: SortOrders.DESCEND,
+            page: DEFAULT_PAGE,
+            name: "",
+        },
+    });
+    const { loading, totalCount, totalPages, assetTemplates, filters } = state;
+    const { brand } = damConfig;
+    useEffect(() => {
+        if (brand) {
+            onFetchAssetTemplates({});
+        }
+    }, [brand]);
+    const onFetchAssetTemplates = (...args_1) => __awaiter(this, [...args_1], void 0, function* (params = {}) {
+        setState((prev) => (Object.assign(Object.assign({}, prev), { loading: true })));
+        Object.keys(params).forEach((key) => {
+            if (includes(["name"], key) && params[key] && params[key].length > 2) {
+                return;
+            }
+            if (params[key] === undefined ||
+                params[key] === "" ||
+                params[key] === null) {
+                delete params[key];
+            }
+        });
+        try {
+            const response = yield api.get(`${FETCH_ASSETS_URL.replace(":brandId", get(brand, "_id"))}?${addQueryParams(params)}`);
+            setState((prev) => (Object.assign(Object.assign({}, prev), { assetTemplates: get(response, "data.data", []), totalCount: get(response, "data.total"), totalPages: get(response, "data.totalPages"), filters: params, loading: false })));
+        }
+        catch (error) {
+            showNotification(get(error, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+            setState((prev) => (Object.assign(Object.assign({}, prev), { loading: false })));
+        }
+    });
+    return (_jsx("div", { className: "md-lib-p-4", children: loading ? (_jsx(Loader, {})) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "md-lib-flex md-lib-items-center", children: [_jsx(PageTitle, { label: "Assets Templates" }), get(assetTemplates, "length") > 0 && (_jsx("div", { className: "md-lib-ml-auto md-lib-hidden md:md-lib-block", children: _jsx(CreateAssetTemplate, { label: "Create" }) }))] }), (get(assetTemplates, "length") > 0 || Object.keys(filters).length > 0) ? (_jsx("div", { className: "md-lib-mt-4", children: _jsx(AssetTemplatesTable, { assetTemplates: assetTemplates, totalCount: totalCount, totalPages: totalPages, onFetchAssetTemplates: onFetchAssetTemplates, filters: filters, loading: loading }) })) : (_jsxs("div", { className: "md-lib-flex md-lib-flex-col md-lib-items-center md-lib-justify-center", children: [_jsx("img", { src: NOT_FOUND_IMAGE_URL, alt: "Not Found", width: 300, height: 300 }), _jsx("p", { className: "md-lib-mt-3 md-lib-text-sm md-lib-font-semibold", children: "No ticket template has been created yet" }), _jsx("div", { className: "md-lib-mt-4 md-lib-hidden md:md-lib-block", children: _jsx(CreateAssetTemplate, { label: "Add Template" }) })] }))] })) }));
+}
+export default AssetTemplatesContainer;

package/build/AssetType/fieldProperties/DateField.d.ts

@@ -0,0 +1,5 @@
+import { InputTypeEntity, InputTypeSupportedTypeEntity } from "../../utilities/constants/interface";
+export default function DateField({ field, supportedTypes, }: {
+    field: InputTypeEntity;
+    supportedTypes: InputTypeSupportedTypeEntity[];
+}): JSX.Element;

package/build/AssetType/fieldProperties/DateField.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { InputSupportedTypes, } from "../../utilities/constants/interface";
+import { Col, Form, Row, Switch } from "antd";
+import { get, isEqual, find, map } from "lodash";
+import { useEffect, useState } from "react";
+export default function DateField({ field, supportedTypes, }) {
+    const [allowTimeEnabled, setAllowTimeEnabled] = useState(false);
+    useEffect(() => {
+        const timeSupport = find(supportedTypes, (s) => get(s, "defaultName") === InputSupportedTypes.ALLOW_TIME);
+        setAllowTimeEnabled(!!timeSupport);
+    }, [supportedTypes]);
+    return (_jsx(_Fragment, { children: map(supportedTypes, (type) => {
+            const defaultName = get(type, "defaultName");
+            const name = get(type, "name");
+            const valueType = get(type, "valueType");
+            const id = get(type, "_id");
+            if (isEqual(defaultName, InputSupportedTypes.ALLOW_TIME) &&
+                isEqual(valueType, "boolean")) {
+                return (_jsxs(Row, { className: "md-lib-flex md-lib-items-center", children: [_jsx(Col, { span: 12, children: name }), _jsx(Col, { span: 12, push: 8, children: _jsx(Form.Item, { name: ["inputTypeSettings", defaultName, "allow"], className: "md-lib-mb-0", valuePropName: "checked", children: _jsx(Switch, { onChange: (val) => setAllowTimeEnabled(val) }) }) })] }, id));
+            }
+            return null;
+        }) }));
+}

package/build/AssetType/fieldProperties/NumberField.d.ts

@@ -0,0 +1,5 @@
+import { InputTypeEntity, InputTypeSupportedTypeEntity } from "../../utilities/constants/interface";
+export default function NumberField({ field, supportedTypes, }: {
+    field: InputTypeEntity;
+    supportedTypes: InputTypeSupportedTypeEntity[];
+}): JSX.Element;

package/build/AssetType/fieldProperties/NumberField.js

@@ -0,0 +1,91 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { InputSupportedTypes, } from "../../utilities/constants/interface";
+import { Col, Form, InputNumber, Row, Switch } from "antd";
+import useFormInstance from "antd/es/form/hooks/useFormInstance";
+import { get, isEqual, map } from "lodash";
+import { useEffect, useState } from "react";
+export default function NumberField({ field, supportedTypes, }) {
+    const form = useFormInstance();
+    const initialRangeEnabled = !!get(field, [
+        "inputTypeSettings",
+        InputSupportedTypes.VALUE_RANGE,
+        "allow",
+    ]);
+    const [rangeEnabled, setRangeEnabled] = useState(initialRangeEnabled);
+    useEffect(() => {
+        form.setFieldValue(["inputTypeSettings", InputSupportedTypes.VALUE_RANGE, "allow"], initialRangeEnabled);
+    }, [initialRangeEnabled, form]);
+    return (_jsx(_Fragment, { children: map(supportedTypes, (type) => {
+            const defaultName = get(type, "defaultName");
+            const name = get(type, "name");
+            const valueType = get(type, "valueType");
+            const id = get(type, "_id");
+            if (isEqual(defaultName, InputSupportedTypes.VALUE_RANGE)) {
+                return (_jsxs("div", { children: [_jsxs(Row, { className: "md-lib-flex md-lib-items-center", children: [_jsx(Col, { span: 12, children: name }), _jsx(Col, { span: 12, push: 8, children: _jsx(Form.Item, { name: ["inputTypeSettings", defaultName, "allow"], className: "md-lib-mb-0", valuePropName: "checked", children: _jsx(Switch, { checked: rangeEnabled, onChange: (val) => setRangeEnabled(val) }) }) })] }), rangeEnabled && (_jsxs(_Fragment, { children: [_jsx(Form.Item, { name: ["inputTypeSettings", defaultName, "minValue"], label: "Minimum Value", rules: [
+                                        {
+                                            validator: (_, value) => __awaiter(this, void 0, void 0, function* () {
+                                                if (!rangeEnabled)
+                                                    return Promise.resolve(); // skip validation if toggle is off
+                                                const max = form.getFieldValue([
+                                                    "inputTypeSettings",
+                                                    defaultName,
+                                                    "maxValue",
+                                                ]);
+                                                // Require at least one
+                                                if ((value === undefined || value === null) &&
+                                                    (max === undefined || max === null)) {
+                                                    return Promise.reject(new Error("Please enter either Minimum or Maximum value"));
+                                                }
+                                                // If both provided → min <= max
+                                                if (value !== undefined &&
+                                                    value !== null &&
+                                                    max !== undefined &&
+                                                    max !== null) {
+                                                    if (value > max) {
+                                                        return Promise.reject(new Error("Minimum must be less than or equal to Maximum"));
+                                                    }
+                                                }
+                                                return Promise.resolve();
+                                            }),
+                                        },
+                                    ], children: _jsx(InputNumber, { placeholder: "Min", style: { width: "100%" } }) }), _jsx(Form.Item, { name: ["inputTypeSettings", defaultName, "maxValue"], label: "Maximum Value", rules: [
+                                        {
+                                            validator: (_, value) => __awaiter(this, void 0, void 0, function* () {
+                                                if (!rangeEnabled)
+                                                    return Promise.resolve(); // skip validation if toggle is off
+                                                const min = form.getFieldValue([
+                                                    "inputTypeSettings",
+                                                    defaultName,
+                                                    "minValue",
+                                                ]);
+                                                // Require at least one
+                                                if ((value === undefined || value === null) &&
+                                                    (min === undefined || min === null)) {
+                                                    return Promise.reject(new Error("Please enter either Minimum or Maximum value"));
+                                                }
+                                                // If both provided → max >= min
+                                                if (value !== undefined &&
+                                                    value !== null &&
+                                                    min !== undefined &&
+                                                    min !== null) {
+                                                    if (value < min) {
+                                                        return Promise.reject(new Error("Maximum must be greater than or equal to Minimum"));
+                                                    }
+                                                }
+                                                return Promise.resolve();
+                                            }),
+                                        },
+                                    ], children: _jsx(InputNumber, { placeholder: "Max", style: { width: "100%" } }) })] }))] }, id));
+            }
+            return null;
+        }) }));
+}

package/build/AssetType/fieldProperties/OptionsField.d.ts

@@ -0,0 +1,6 @@
+import { InputTypeEntity, InputTypeSupportedTypeEntity } from "../../utilities/constants/interface";
+export default function OptionsField({ field, supportedTypes, currentInputType, }: {
+    field: InputTypeEntity;
+    supportedTypes: InputTypeSupportedTypeEntity[];
+    currentInputType: InputTypeEntity;
+}): JSX.Element;

package/build/AssetType/fieldProperties/OptionsField.js

@@ -0,0 +1,55 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { InputTypes, } from "../../utilities/constants/interface";
+import { Button, Col, Form, Input, Row, Switch } from "antd";
+import { useEffect, useState } from "react";
+import { TiDeleteOutline } from "react-icons/ti";
+import { FaPlus } from "react-icons/fa6";
+// import variables from "../../../styles/variables.module.scss";
+import { get, isEqual, map, find, includes } from "lodash";
+import { ICON_SIZE } from "../../hocs/appConstants";
+import { useTheme } from "../../hocs/ThemeContext";
+const TiDeleteOutlineIcon = TiDeleteOutline;
+const FaPlusIcon = FaPlus;
+export default function OptionsField({ field, supportedTypes, currentInputType, }) {
+    const [allowMultiSelect, setAllowMultiSelect] = useState(false);
+    const theme = useTheme();
+    useEffect(() => {
+        const multi = find(supportedTypes, (s) => isEqual(get(s, "defaultName"), "ALLOW_MULTIPLE"));
+        setAllowMultiSelect(!!multi);
+    }, [supportedTypes]);
+    return (_jsxs(_Fragment, { children: [map(supportedTypes, (type) => {
+                const defaultName = get(type, "defaultName");
+                const name = get(type, "name");
+                const valueType = get(type, "valueType");
+                const id = get(type, "_id");
+                if (isEqual(valueType, "boolean")) {
+                    return (_jsxs(Row, { className: "md-lib-flex md-lib-items-center", children: [_jsx(Col, { span: 16, children: name }), _jsx(Col, { span: 8, push: 4, children: _jsx(Form.Item, { name: ["inputTypeSettings", defaultName], className: "md-lib-mb-0", valuePropName: "checked", children: _jsx(Switch, {}) }) })] }, id));
+                }
+                return null;
+            }), includes([InputTypes.SELECT, InputTypes.CHECKBOX, InputTypes.RADIO], get(currentInputType, "defaultName")) && (_jsxs(_Fragment, { children: [_jsx("h3", { className: "md-lib-text-md md-lib-font-semibold md-lib-mt-4 md-lib-mb-2", children: "List of Options" }), _jsx(Form.Item, { label: "", name: "options", rules: [
+                            {
+                                required: true,
+                                type: "array",
+                                min: 1,
+                                message: "At least one option is required",
+                            },
+                        ], children: _jsx(Form.List, { name: "options", children: (fields, { add, remove }) => (_jsxs(_Fragment, { children: [fields.map((_a) => {
+                                        var { key, name } = _a, restField = __rest(_a, ["key", "name"]);
+                                        return (_jsxs(Row, { gutter: 8, className: "md-lib-items-center", children: [_jsx(Col, { span: 10, children: _jsx(Form.Item, Object.assign({}, restField, { name: [name, "label"], label: "Label", rules: [
+                                                            { required: true, message: "Label is required" },
+                                                        ], children: _jsx(Input, { placeholder: "Enter Label", className: "md-lib-h-12" }) })) }), _jsx(Col, { span: 10, children: _jsx(Form.Item, Object.assign({}, restField, { name: [name, "value"], label: "Value", rules: [
+                                                            { required: true, message: "Value is required" },
+                                                        ], children: _jsx(Input, { placeholder: "Enter Value", className: "md-lib-h-12" }) })) }), _jsx(Col, { span: 4, className: "md-lib-flex md-lib-items-end", children: _jsx(TiDeleteOutlineIcon, { size: ICON_SIZE, className: "md-lib-cursor-pointer", color: theme === null || theme === void 0 ? void 0 : theme.primaryColor, onClick: () => remove(name) }) })] }, key));
+                                    }), _jsx(Form.Item, { children: _jsx(Button, { icon: _jsx(FaPlusIcon, {}), onClick: () => add(), children: "Add Option" }) })] })) }) })] }))] }));
+}

package/build/AssetType/fieldProperties/TextField.d.ts

@@ -0,0 +1,5 @@
+import { InputTypeEntity, InputTypeSupportedTypeEntity } from "../../utilities/constants/interface";
+export default function TextField({ field, supportedTypes, }: {
+    field: InputTypeEntity;
+    supportedTypes: InputTypeSupportedTypeEntity[];
+}): JSX.Element;