@anji-dashing/dam-solution-v2 5.8.173

package/build/CreateClient/CreateClientForm.js

@@ -0,0 +1,347 @@
+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 { Button, Checkbox, Drawer, Form, Input, Select, Typography } from "antd";
+import { useEffect, useMemo, useState } from "react";
+import { ACCESS_TYPES, DAM_LOCATION_TYPES } from "../hocs/appConstants";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import { CREATE_SUB_BRAND, FETCH_BRAND_USING_SUBDOMAIN, USER_LOGIN } from "../utilities/constants/apiUrls";
+import axios from "axios";
+import { createApiClient } from "../hocs/configureAxios";
+import { getBaseUrl } from "../hocs/helpers";
+import { CREATE_SUCCESS, SOMETHING_WENT_WRONG, } from "../utilities/constants/messages";
+import { NotificationStatus } from "../utilities/constants/interface";
+import { showNotification } from "../common/notifications";
+import { get } from "lodash";
+const CreateClientForm = ({ teamsApi, username, password, toggleShow, onSuccess, clientSubdomain, existingClientData, }) => {
+    const damConfig = useDamConfig();
+    const { appType } = damConfig;
+    const [loading, setLoading] = useState(false);
+    const [fetchingClientData, setFetchingClientData] = useState(false);
+    const [damLocationType, setDamLocationType] = useState("external");
+    const [filteredTeams, setFilteredTeams] = useState([]);
+    const [clientData, setClientData] = useState(null);
+    const [teamsFetched, setTeamsFetched] = useState(false);
+    const [authToken, setAuthToken] = useState(null);
+    const [brandIdForUpdate, setBrandIdForUpdate] = useState(null);
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    const [form] = Form.useForm();
+    const isEditMode = !!existingClientData;
+    const onChangeDamLocationType = (e) => {
+        setDamLocationType(e);
+        form.setFieldValue("dam_location_details", { type: e });
+    };
+    // Fetch client data when editing
+    useEffect(() => {
+        const fetchClientData = () => __awaiter(void 0, void 0, void 0, function* () {
+            var _a, _b, _c, _d;
+            if (isEditMode) {
+                setFetchingClientData(true);
+                try {
+                    // Validate that we have required credentials
+                    if (!(existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.accessKey) || !(existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.secretKey) || !(existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.subdomain)) {
+                        setFetchingClientData(false);
+                        return;
+                    }
+                    let fetchedData;
+                    let brandId = (existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.brandId) || "";
+                    // If brandId is not provided, try to get it from subdomain first
+                    if (!(existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.brandId) && (existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.subdomain)) {
+                        try {
+                            const subdomainResponse = yield api.get(`${FETCH_BRAND_USING_SUBDOMAIN}?subdomain=${existingClientData.subdomain}`);
+                            const subdomainData = get(subdomainResponse, "data.data", {});
+                            const extractedBrandId = get(subdomainData, "_id");
+                            if (extractedBrandId) {
+                                brandId = extractedBrandId;
+                            }
+                        }
+                        catch (subdomainError) {
+                            // Failed to fetch by subdomain, continue with empty brandId
+                        }
+                    }
+                    // Step 1: Call login API first with access and secret keys
+                    const baseUrl = getBaseUrl(appType);
+                    const loginPayload = {
+                        accessKey: existingClientData.accessKey,
+                        secretKey: existingClientData.secretKey,
+                        subdomain: existingClientData.subdomain,
+                        teams: [brandId] // Use brandId as team ID
+                    };
+                    let token;
+                    let loginBrandId = brandId;
+                    try {
+                        const loginResponse = yield axios.post(`${baseUrl}${USER_LOGIN}`, loginPayload, {
+                            headers: {
+                                'Content-Type': 'application/json',
+                                'accept': 'application/json, text/plain, */*'
+                            }
+                        });
+                        token = (_b = (_a = loginResponse === null || loginResponse === void 0 ? void 0 : loginResponse.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.access_token;
+                        const loginBrandData = (_d = (_c = loginResponse === null || loginResponse === void 0 ? void 0 : loginResponse.data) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.brand;
+                        loginBrandId = (loginBrandData === null || loginBrandData === void 0 ? void 0 : loginBrandData._id) || brandId;
+                        if (!token) {
+                            setFetchingClientData(false);
+                            return;
+                        }
+                        // Store token and brandId for use in update API
+                        setAuthToken(token);
+                        setBrandIdForUpdate(loginBrandId);
+                    }
+                    catch (loginError) {
+                        setFetchingClientData(false);
+                        return;
+                    }
+                    // Step 2: Call brands/details API with the token (only after login succeeds)
+                    try {
+                        const brandDetailsResponse = yield axios.get(`${baseUrl}/brands/details/${loginBrandId}`, {
+                            headers: {
+                                'Authorization': `Bearer ${token}`,
+                                'accept': 'application/json, text/plain, */*'
+                            }
+                        });
+                        fetchedData = get(brandDetailsResponse, "data.data", {});
+                    }
+                    catch (brandDetailsError) {
+                        // If brand details fetch fails, still set subdomain
+                        if (existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.subdomain) {
+                            form.setFieldValue("subdomain", existingClientData.subdomain);
+                        }
+                        setFetchingClientData(false);
+                        return;
+                    }
+                    // Store client data in state
+                    setClientData(fetchedData);
+                    setTeamsFetched(false); // Reset teams fetched flag when new client data is loaded
+                    // Populate form with existing client data
+                    if (fetchedData && Object.keys(fetchedData).length > 0) {
+                        const damLocationDetails = get(fetchedData, "damLocationDetails", {});
+                        const locationType = get(damLocationDetails, "locationType", "");
+                        // Set DAM location type state first
+                        if (locationType === "EXTERNAL") {
+                            setDamLocationType("external");
+                        }
+                        else if (locationType === "INTERNAL") {
+                            setDamLocationType("internal");
+                        }
+                        else {
+                            setDamLocationType("external"); // default
+                        }
+                    }
+                }
+                catch (error) {
+                    // If fetch fails, still set subdomain
+                    if (existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.subdomain) {
+                        form.setFieldValue("subdomain", existingClientData.subdomain);
+                    }
+                }
+                finally {
+                    setFetchingClientData(false);
+                }
+            }
+            else if (clientSubdomain) {
+                form.setFieldValue("subdomain", clientSubdomain);
+            }
+        });
+        fetchClientData();
+    }, [isEditMode, existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.brandId, existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.subdomain, api, form]);
+    const onFinish = (data) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        try {
+            // Use teamsApiDetails from clientData if available (from API response), otherwise use props
+            const teamsApiDetailsFromData = get(clientData, "teamsApiDetails", {});
+            const finalTeamsApi = teamsApiDetailsFromData.teamsApi || teamsApi;
+            const finalUsername = teamsApiDetailsFromData.username || username;
+            const finalPassword = teamsApiDetailsFromData.password || password;
+            // Convert adminTeams to strings for API (API expects strings like ["547"] not numbers like [547])
+            const adminTeamsAsStrings = Array.isArray(data.adminTeams)
+                ? data.adminTeams.map((team) => String(team))
+                : [];
+            const values = Object.assign(Object.assign({}, data), { adminTeams: adminTeamsAsStrings, showFilePreview: (_a = data.showFilePreview) !== null && _a !== void 0 ? _a : false, accessKey: appType == "reactJs"
+                    ? process.env.REACT_APP_MIXDRIVE_CLIENT_PARENT_ACCESS_KEY
+                    : process.env.NEXT_PUBLIC_MIXDRIVE_CLIENT_PARENT_ACCESS_KEY, secretKey: appType == "reactJs"
+                    ? process.env.REACT_APP_MIXDRIVE_CLIENT_PARENT_SECRET_KEY
+                    : process.env.NEXT_PUBLIC_MIXDRIVE_CLIENT_PARENT_SECRET_KEY, parentSubdomain: appType == "reactJs"
+                    ? process.env.REACT_APP_MIXDRIVE_CLIENT_PARENT_SUBDOMAIN
+                    : process.env.NEXT_PUBLIC_MIXDRIVE_CLIENT_PARENT_SUBDOMAIN, teamsApiDetails: {
+                    teamsApi: finalTeamsApi,
+                    username: finalUsername,
+                    password: finalPassword,
+                }, damLocationDetails: damLocationType === "external"
+                    ? {
+                        bucket: (_b = data === null || data === void 0 ? void 0 : data.damLocationDetails) === null || _b === void 0 ? void 0 : _b.bucket,
+                        locationType: "EXTERNAL",
+                        rootPath: (_c = data === null || data === void 0 ? void 0 : data.damLocationDetails) === null || _c === void 0 ? void 0 : _c.rootPath,
+                        accessKeyId: (_d = data === null || data === void 0 ? void 0 : data.damLocationDetails) === null || _d === void 0 ? void 0 : _d.accessKeyId,
+                        secretAccessKey: (_e = data === null || data === void 0 ? void 0 : data.damLocationDetails) === null || _e === void 0 ? void 0 : _e.secretAccessKey,
+                        url: (_f = data === null || data === void 0 ? void 0 : data.damLocationDetails) === null || _f === void 0 ? void 0 : _f.url,
+                        region: (_g = data === null || data === void 0 ? void 0 : data.damLocationDetails) === null || _g === void 0 ? void 0 : _g.region,
+                    }
+                    : {
+                        locationType: "INTERNAL",
+                        rootPath: (_h = data === null || data === void 0 ? void 0 : data.damLocationDetails) === null || _h === void 0 ? void 0 : _h.rootPath,
+                    } });
+            setLoading(true);
+            let response;
+            const baseUrl = getBaseUrl(appType);
+            if (isEditMode && brandIdForUpdate && authToken) {
+                // Update existing client: PUT to /brands/{brandId}
+                const putResponse = yield axios.put(`${baseUrl}/brands/${brandIdForUpdate}`, values, {
+                    headers: {
+                        'Authorization': `Bearer ${authToken}`,
+                        'Content-Type': 'application/json',
+                        'accept': 'application/json, text/plain, */*'
+                    }
+                });
+                // Extract data from axios response (API returns { data: {...} } or { data: { data: {...} } })
+                response = get(putResponse, "data.data", get(putResponse, "data", putResponse));
+            }
+            else {
+                // Create new client: POST to /brands/sub-brand
+                response = yield api.post(CREATE_SUB_BRAND, values);
+            }
+            setLoading(false);
+            showNotification((_j = response === null || response === void 0 ? void 0 : response.message) !== null && _j !== void 0 ? _j : (get(response, "message") || CREATE_SUCCESS), NotificationStatus.SUCCESS);
+            toggleShow();
+            if (onSuccess) {
+                onSuccess(response === null || response === void 0 ? void 0 : response.data);
+            }
+        }
+        catch (error) {
+            setLoading(false);
+            showNotification(get(error, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+        }
+    });
+    // Populate form when client data and teams are ready
+    useEffect(() => {
+        if (clientData && Object.keys(clientData).length > 0) {
+            const damLocationDetails = get(clientData, "damLocationDetails", {});
+            const locationType = get(damLocationDetails, "locationType", "");
+            // Convert adminTeams to numbers if they're strings, to match Select component values
+            const adminTeamsData = get(clientData, "adminTeams", []);
+            const adminTeamsFormatted = Array.isArray(adminTeamsData)
+                ? adminTeamsData.map((team) => {
+                    const teamNum = typeof team === "string" ? Number(team) : team;
+                    return teamNum;
+                })
+                : [];
+            form.setFieldsValue({
+                name: get(clientData, "name", ""),
+                subdomain: get(clientData, "subdomain", (existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.subdomain) || ""),
+                accessTypes: get(clientData, "accessTypes", []),
+                adminTeams: adminTeamsFormatted,
+                showFilePreview: get(clientData, "showFilePreview", false),
+                damLocationDetails: {
+                    type: locationType === "EXTERNAL" ? "external" : locationType === "INTERNAL" ? "internal" : "external",
+                    bucket: get(damLocationDetails, "bucket", ""),
+                    rootPath: get(damLocationDetails, "rootPath", ""),
+                    accessKeyId: get(damLocationDetails, "accessKeyId", ""),
+                    secretAccessKey: get(damLocationDetails, "secretAccessKey", ""),
+                    url: get(damLocationDetails, "url", ""),
+                    region: get(damLocationDetails, "region", ""),
+                },
+            });
+        }
+    }, [clientData, form, existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.subdomain]);
+    // Extract teamsApiDetails from clientData to avoid dependency on entire clientData object
+    const teamsApiFromData = useMemo(() => get(clientData, "teamsApiDetails.teamsApi"), [clientData]);
+    const usernameFromData = useMemo(() => get(clientData, "teamsApiDetails.username"), [clientData]);
+    const passwordFromData = useMemo(() => get(clientData, "teamsApiDetails.password"), [clientData]);
+    useEffect(() => {
+        // Use teamsApiDetails from clientData if available, otherwise use props
+        const finalTeamsApi = teamsApiFromData || teamsApi;
+        const finalUsername = usernameFromData || username;
+        const finalPassword = passwordFromData || password;
+        // Only fetch teams if we have the required credentials and haven't fetched yet
+        if (!teamsFetched && finalTeamsApi && finalUsername && finalPassword) {
+            fetchTeams(finalTeamsApi, finalUsername, finalPassword);
+            setTeamsFetched(true);
+        }
+    }, [teamsApi, username, password, teamsApiFromData, usernameFromData, passwordFromData, teamsFetched]);
+    const fetchTeams = (apiUrl, apiUsername, apiPassword) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b;
+        try {
+            const response = yield axios.get(apiUrl, {
+                headers: {
+                    Authorization: "Basic " + btoa(apiUsername + ":" + apiPassword),
+                },
+            });
+            const options = (_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.map((team) => {
+                return {
+                    label: (_jsxs(Typography.Text, { style: { display: "flex" }, children: [team === null || team === void 0 ? void 0 : team.id, " ", team === null || team === void 0 ? void 0 : team.name, " ", _jsx("span", { style: { marginLeft: "auto" }, children: team === null || team === void 0 ? void 0 : team.type })] })),
+                    value: team === null || team === void 0 ? void 0 : team.id,
+                    key: `${team === null || team === void 0 ? void 0 : team.id} - ${team === null || team === void 0 ? void 0 : team.name} - ${team === null || team === void 0 ? void 0 : team.type}`,
+                };
+            });
+            setFilteredTeams(options);
+        }
+        catch (err) {
+        }
+    });
+    const shouldShowExternalFields = damLocationType === "external" || isEditMode;
+    return (_jsx(Drawer, { open: true, title: isEditMode ? "Edit Client" : "Create Client", onClose: toggleShow, width: 500, maskClosable: false, children: fetchingClientData ? (_jsx("div", { style: { textAlign: "center", padding: "20px" }, children: _jsx(Typography.Text, { children: "Loading client data..." }) })) : (_jsxs(Form, { layout: "vertical", form: form, onFinish: onFinish, children: [_jsx(Form.Item, { label: "Name", name: "name", rules: [
+                        {
+                            required: true,
+                            message: "Name is required",
+                        },
+                    ], children: _jsx(Input, { placeholder: "Name" }) }), _jsx(Form.Item, { label: "Access Types", name: "accessTypes", rules: [
+                        {
+                            required: true,
+                            message: "Access type is required",
+                        },
+                    ], children: _jsx(Select, { options: ACCESS_TYPES, mode: "multiple", placeholder: "Select Access Type" }) }), _jsx(Form.Item, { label: "Admin Teams", name: "adminTeams", rules: [
+                        {
+                            required: true,
+                            message: "Team Ids is required",
+                        },
+                    ], children: _jsx(Select, { showSearch: true, mode: "multiple", placeholder: "Team Ids", options: filteredTeams, optionFilterProp: "key" }) }), _jsxs(Form.Item, { label: "DAM Location Details", name: "damLocationDetails", children: [_jsx(Form.Item, { label: "Type", name: ["damLocationDetails", "type"], rules: [
+                                {
+                                    required: true,
+                                    message: "Type is required",
+                                },
+                            ], children: _jsx(Select, { options: DAM_LOCATION_TYPES, onChange: (e) => {
+                                    onChangeDamLocationType(e);
+                                }, placeholder: "Type" }) }), _jsx(Form.Item, { label: "Root Path", name: ["damLocationDetails", "rootPath"], rules: [
+                                {
+                                    required: true,
+                                    message: "Root path is required",
+                                },
+                            ], children: _jsx(Input, { placeholder: "Root path" }) }), shouldShowExternalFields && (_jsxs(_Fragment, { children: [_jsx(Form.Item, { label: "Bucket", name: ["damLocationDetails", "bucket"], rules: [
+                                        {
+                                            required: damLocationType === "external",
+                                            message: "Bucket is required",
+                                        },
+                                    ], children: _jsx(Input, { placeholder: "Bucket", disabled: damLocationType === "internal" }) }), _jsx(Form.Item, { label: "Access Key", name: ["damLocationDetails", "accessKeyId"], rules: [
+                                        {
+                                            required: damLocationType === "external",
+                                            message: "Access key is required",
+                                        },
+                                    ], children: _jsx(Input, { placeholder: "Access Key", disabled: damLocationType === "internal" }) }), _jsx(Form.Item, { label: "Secret Access Key", name: ["damLocationDetails", "secretAccessKey"], rules: [
+                                        {
+                                            required: damLocationType === "external",
+                                            message: "Secret Access Key is required",
+                                        },
+                                    ], children: _jsx(Input, { placeholder: "Secret Key", disabled: damLocationType === "internal" }) }), _jsx(Form.Item, { label: "Url", name: ["damLocationDetails", "url"], rules: [
+                                        {
+                                            required: damLocationType === "external",
+                                            message: "Url is required",
+                                        },
+                                    ], children: _jsx(Input, { placeholder: "Url", disabled: damLocationType === "internal" }) }), _jsx(Form.Item, { label: "Region", name: ["damLocationDetails", "region"], rules: [
+                                        {
+                                            required: damLocationType === "external",
+                                            message: "Region is required",
+                                        },
+                                    ], children: _jsx(Input, { placeholder: "Region", disabled: damLocationType === "internal" }) })] }))] }), _jsx(Form.Item, { label: "Subdomain", name: "subdomain", rules: [
+                        {
+                            required: true,
+                            message: "Subdomain is required",
+                        },
+                    ], children: _jsx(Input, { placeholder: "Subdomain" }) }), _jsx(Form.Item, { name: "showFilePreview", valuePropName: "checked", initialValue: false, children: _jsx(Checkbox, { children: "Show File Preview Editor" }) }), _jsx(Form.Item, { children: _jsx(Button, { htmlType: "submit", type: "primary", block: true, loading: loading, children: "Submit" }) })] })) }));
+};
+export default CreateClientForm;

package/build/CreateClient/index.d.ts

@@ -0,0 +1,20 @@
+declare function App(props: {
+    accessKey: string;
+    secretKey: string;
+    subdomain: string;
+    clientSubdomain: string;
+    teamsApi: string;
+    username: string;
+    password: string;
+    onSuccess: (data: any) => void;
+    teamIds: string[] | number[];
+    styles: Record<string, any>;
+    appType: string;
+    existingClientData?: {
+        accessKey: string;
+        secretKey: string;
+        subdomain: string;
+        brandId?: string;
+    } | null;
+}): JSX.Element;
+export default App;

package/build/CreateClient/index.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DamConfigProvider } from "../hocs/DamConfigContext";
+import { ThemeProvider } from "../hocs/ThemeContext";
+import { ThemeModes } from "../utilities/constants/interface";
+import CreateClient from "./CreateClientBtn";
+import ToastProvider from "../hocs/ToastProvider";
+function App(props) {
+    const config = {
+        damAccessKey: props === null || props === void 0 ? void 0 : props.accessKey,
+        secretKey: props === null || props === void 0 ? void 0 : props.secretKey,
+        subdomain: props === null || props === void 0 ? void 0 : props.subdomain,
+        teamIds: props === null || props === void 0 ? void 0 : props.teamIds,
+        styles: props === null || props === void 0 ? void 0 : props.styles,
+        appType: props === null || props === void 0 ? void 0 : props.appType,
+    };
+    return (_jsx(DamConfigProvider, { config: config, children: _jsxs(ThemeProvider, { styles: props === null || props === void 0 ? void 0 : props.styles, sessionTheme: ThemeModes.LIGHT, children: [_jsx(CreateClient, { teamsApi: props === null || props === void 0 ? void 0 : props.teamsApi, username: props === null || props === void 0 ? void 0 : props.username, password: props === null || props === void 0 ? void 0 : props.password, clientSubdomain: props === null || props === void 0 ? void 0 : props.clientSubdomain, onSuccess: props === null || props === void 0 ? void 0 : props.onSuccess, existingClientData: props === null || props === void 0 ? void 0 : props.existingClientData }), _jsx(ToastProvider, {})] }) }));
+}
+export default App;

package/build/ImagePicker/MetaFieldOptions.d.ts

@@ -0,0 +1,14 @@
+import { FormInstance } from "antd";
+import { MetaDataFieldEntity } from "../utilities/constants/interface";
+declare function MetaFieldOptions({ meta, imagePickerId, form, previousMetaFields, index, totalFields, onMetaFieldChange, nextFieldId, allFieldIds, }: {
+    meta: MetaDataFieldEntity;
+    imagePickerId: string;
+    form: FormInstance;
+    previousMetaFields: MetaDataFieldEntity[];
+    index: number;
+    totalFields: number;
+    onMetaFieldChange?: (filters: Record<string, any>, index: number) => void;
+    nextFieldId?: string;
+    allFieldIds: string[];
+}): JSX.Element;
+export default MetaFieldOptions;

package/build/ImagePicker/MetaFieldOptions.js

@@ -0,0 +1,75 @@
+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 } from "react/jsx-runtime";
+import { Form } from "antd";
+import { useEffect, useMemo, useState } from "react";
+import { find, get, map, pick, slice } from "lodash";
+import { FETCH_META_FIELD_OPTIONS_URL } from "../utilities/constants/apiUrls";
+import { InputTypes, NotificationStatus, } from "../utilities/constants/interface";
+import { CustomSelectFormItem } from "../common/RenderFormItem";
+import { showNotification } from "../common/notifications";
+import { SOMETHING_WENT_WRONG } from "../utilities/constants/messages";
+import { useQueryClient } from "react-query";
+import { getCurrentBrandUsers } from "../react-query/hooks/brand-hooks";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import { createApiClient } from "../hocs/configureAxios";
+function MetaFieldOptions({ meta, imagePickerId, form, previousMetaFields, index, totalFields, onMetaFieldChange, nextFieldId, allFieldIds, }) {
+    const allFormValues = Form.useWatch([], form);
+    const filters = pick(allFormValues, slice(allFieldIds, 0, index));
+    const damConfig = useDamConfig();
+    const { brand } = damConfig;
+    const brandId = get(brand, "_id");
+    const queryClient = useQueryClient();
+    const users = getCurrentBrandUsers(queryClient, brandId);
+    const [state, setState] = useState({
+        loading: false,
+        options: [],
+    });
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    const { loading, options } = state;
+    const currentValue = Form.useWatch(get(meta, "_id"), form);
+    const allValues = Form.useWatch([], form);
+    const fetchOptions = (...args_1) => __awaiter(this, [...args_1], void 0, function* (filters = {}) {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { loading: true })));
+        try {
+            const payload = {
+                distinctValuesKey: get(meta, "_id"),
+                filters,
+            };
+            const response = yield api.put(FETCH_META_FIELD_OPTIONS_URL.replace(":id", imagePickerId), payload);
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { loading: false, options: get(meta, "defaultValue") === InputTypes.PERSON
+                    ? map(get(response, "data.values"), (id) => {
+                        const user = find(users, (u) => get(u, "_id") === id);
+                        return {
+                            label: get(user, "name", "Unknown"),
+                            value: get(user, "_id", id),
+                        };
+                    })
+                    : map(get(response, "data.values"), (text) => ({
+                        label: text,
+                        value: text,
+                    })) })));
+        }
+        catch (err) {
+            showNotification(get(err, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+            setState({ loading: false, options: [] });
+        }
+    });
+    useEffect(() => {
+        fetchOptions(filters);
+    }, [JSON.stringify(filters)]);
+    return (_jsx(CustomSelectFormItem, { name: get(meta, "_id"), label: get(meta, "name"), options: options, loading: loading, onChange: (value) => {
+            form.setFieldValue(get(meta, "_id"), value);
+            if (typeof onMetaFieldChange === "function") {
+                onMetaFieldChange(filters, index);
+            }
+        } }));
+}
+export default MetaFieldOptions;

package/build/ImagePicker/TestImagePickerModal.d.ts

@@ -0,0 +1,8 @@
+import { ImagePickerEntity } from "../utilities/constants/interface";
+declare function TestImagePickerModal({ imagePicker, open, toggleModal, setSelectedFile, }: {
+    imagePicker: ImagePickerEntity | {};
+    open: boolean;
+    toggleModal: () => void;
+    setSelectedFile: (thumbnailUrl: string, value: string) => void;
+}): JSX.Element;
+export default TestImagePickerModal;

package/build/ImagePicker/TestImagePickerModal.js

@@ -0,0 +1,72 @@
+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 } from "react/jsx-runtime";
+import { Modal } from "antd";
+import { get } from "lodash";
+import DriveContainer from "../MyDrive/DriveContainer";
+import { useEffect, useMemo, useState } from "react";
+import CustomButton from "../common/Button";
+import TestImageFromMetalData from "./TestImgFromMetaData";
+import { getFormattedValue } from "../hocs/helpers";
+import { createApiClient } from "../hocs/configureAxios";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import { FETCH_ASSET_URL, FETCH_SHARED_FILE_URL, } from "../utilities/constants/apiUrls";
+import { FoldersProvider } from "../utilities/FoldersContext";
+function TestImagePickerModal({ imagePicker, open, toggleModal, setSelectedFile, }) {
+    const damConfig = useDamConfig();
+    const { rootFolderId } = damConfig;
+    const pickerFolderId = get(imagePicker, "folderId");
+    const [state, setState] = useState({
+        parentFolderId: pickerFolderId || rootFolderId || '',
+        fileForConfirmation: {},
+    });
+    const [folders, setFolders] = useState([]);
+    const [globalSearch, setGlobalSearch] = useState("");
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    useEffect(() => {
+        const newFolderId = pickerFolderId || rootFolderId || '';
+        if (newFolderId && newFolderId !== state.parentFolderId) {
+            setState(prev => (Object.assign(Object.assign({}, prev), { parentFolderId: newFolderId })));
+        }
+    }, [pickerFolderId, rootFolderId]);
+    const { parentFolderId, fileForConfirmation } = state;
+    const onSelectFile = () => __awaiter(this, void 0, void 0, function* () {
+        // console.log(fileForConfirmation);
+        const response = yield api.get(FETCH_SHARED_FILE_URL.replace(":fileId", get(fileForConfirmation, "_id")));
+        // console.log(response);
+        const fileData = get(response, "data");
+        const assetId = get(fileData, "assetId");
+        const assetTypeResponse = yield api.get(FETCH_ASSET_URL.replace(":assetId", assetId));
+        const imagePickerOutputFormat = get(assetTypeResponse, "data.imagePickerOutputFormat", []);
+        const metadataFields = get(assetTypeResponse, "data.metadataFields", []);
+        // console.log(imagePickerOutputFormat);
+        const formattedOutputFormat = imagePickerOutputFormat.map((field) => {
+            // console.log("field", field);
+            const metaField = metadataFields.find((item) => (item === null || item === void 0 ? void 0 : item.name) == (field === null || field === void 0 ? void 0 : field.name));
+            return Object.assign(Object.assign({}, field), { fieldId: get(metaField, "_id") });
+        });
+        // console.log(formattedOutputFormat);
+        const value = getFormattedValue(formattedOutputFormat, fileForConfirmation === null || fileForConfirmation === void 0 ? void 0 : fileForConfirmation.s3Url, get(fileData, "metadata", {}));
+        console.log(value);
+        setSelectedFile(fileForConfirmation === null || fileForConfirmation === void 0 ? void 0 : fileForConfirmation.thumbnailUrl, value);
+    });
+    return (_jsx(Modal, { title: `Test ${get(imagePicker, "name", "Image picker")}`, open: open, onCancel: toggleModal, okText: "Create", maskClosable: false, width: get(imagePicker, "assetId") ? 600 : 1000, footer: get(fileForConfirmation, "thumbnailUrl") ? (_jsx(CustomButton, { type: "primary", label: "Confirm", onClick: () => {
+                onSelectFile();
+            } }, "confirm")) : null, children: get(imagePicker, "assetId") ? (_jsx(TestImageFromMetalData, { imagePicker: imagePicker, selectedPickerFile: fileForConfirmation, setSelectedFile: (file) => {
+                setState((prevState) => (Object.assign(Object.assign({}, prevState), { fileForConfirmation: file })));
+            } })) : (_jsx(FoldersProvider, { value: { folders, setFolders, globalSearch }, children: _jsx(DriveContainer, { setSelectedFile: (file, localFile = false) => {
+                    console.log("local file", file);
+                    setState((prevState) => (Object.assign(Object.assign({}, prevState), { fileForConfirmation: file })));
+                    if (localFile) {
+                        setSelectedFile(get(file, "s3Url", ""), get(file, "thumbnailUrl", ""));
+                    }
+                }, parentFolderId: parentFolderId, setParentFolderId: (id) => setState((prevState) => (Object.assign(Object.assign({}, prevState), { parentFolderId: id, fileForConfirmation: {} }))), pickerFolderId: get(imagePicker, "folderId"), selectedPickerFile: fileForConfirmation, imagePicker: imagePicker, globalSearch: globalSearch, setGlobalSearch: setGlobalSearch }) })) }));
+}
+export default TestImagePickerModal;

package/build/ImagePicker/TestImgFromMetaData.d.ts

@@ -0,0 +1,7 @@
+import { FileEntity, ImagePickerEntity } from "../utilities/constants/interface";
+declare function TestImageFromMetalData({ imagePicker, selectedPickerFile, setSelectedFile, }: {
+    imagePicker: ImagePickerEntity;
+    selectedPickerFile: FileEntity;
+    setSelectedFile: (file: FileEntity) => void;
+}): JSX.Element;
+export default TestImageFromMetalData;