@bindu-dashing/dam-solution-v2 5.8.156 → 5.8.159

package/build/CreateClient/CreateClientBtn.d.ts

@@ -8,6 +8,7 @@ declare const CreateClient: ({ onSuccess, clientSubdomain, teamsApi, username, p
         accessKey: string;
         secretKey: string;
         subdomain: string;
+        brandId?: string;
     } | null;
 }) => JSX.Element;
 export default CreateClient;

package/build/CreateClient/CreateClientBtn.js

@@ -1,13 +1,54 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "antd";
-import { useState } from "react";
+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, Space } from "antd";
+import { useState, useMemo } from "react";
 import CreateClientForm from "./CreateClientForm";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import { createApiClient } from "../hocs/configureAxios";
+import { REFRESH_KEY_URL } from "../utilities/constants/apiUrls";
+import { showNotification } from "../common/notifications";
+import { NotificationStatus } from "../utilities/constants/interface";
+import { SOMETHING_WENT_WRONG } from "../utilities/constants/messages";
+import { get } from "lodash";
 const CreateClient = ({ onSuccess, clientSubdomain, teamsApi, username, password, existingClientData, }) => {
     const [showForm, setShowForm] = useState(false);
+    const [refreshingKey, setRefreshingKey] = useState(false);
     const isEditMode = !!existingClientData;
+    const damConfig = useDamConfig();
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
     const toggleShow = () => {
         setShowForm(!showForm);
     };
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { type: "primary", onClick: toggleShow, children: isEditMode ? "Edit Client" : "Create Client" }), showForm && (_jsx(CreateClientForm, { toggleShow: toggleShow, onSuccess: onSuccess, clientSubdomain: clientSubdomain, teamsApi: teamsApi, username: username, password: password, existingClientData: existingClientData }))] }));
+    const onRefreshKey = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (!(existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.accessKey) || !(existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.secretKey)) {
+            showNotification("Access key and secret key are required to refresh", NotificationStatus.ERROR);
+            return;
+        }
+        setRefreshingKey(true);
+        try {
+            const response = yield api.put(REFRESH_KEY_URL, {
+                accessKey: existingClientData.accessKey,
+                secretKey: existingClientData.secretKey,
+            });
+            setRefreshingKey(false);
+            showNotification(get(response, "data.message", "Key refreshed successfully"), NotificationStatus.SUCCESS);
+            if (onSuccess) {
+                onSuccess(response === null || response === void 0 ? void 0 : response.data);
+            }
+        }
+        catch (error) {
+            showNotification(get(error, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+            setRefreshingKey(false);
+        }
+    });
+    return (_jsxs(_Fragment, { children: [_jsxs(Space, { children: [_jsx(Button, { type: "primary", onClick: toggleShow, children: isEditMode ? "Edit Client" : "Create Client" }), isEditMode && (existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.accessKey) && (existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.secretKey) && (_jsx(Button, { type: "default", loading: refreshingKey, onClick: onRefreshKey, children: "Refresh Key" }))] }), showForm && (_jsx(CreateClientForm, { toggleShow: toggleShow, onSuccess: onSuccess, clientSubdomain: clientSubdomain, teamsApi: teamsApi, username: username, password: password, existingClientData: existingClientData }))] }));
 };
 export default CreateClient;

package/build/CreateClient/CreateClientForm.d.ts

@@ -9,6 +9,7 @@ declare const CreateClientForm: ({ teamsApi, username, password, toggleShow, onS
         accessKey: string;
         secretKey: string;
         subdomain: string;
+        brandId?: string;
     } | null;
 }) => JSX.Element;
 export default CreateClientForm;

package/build/CreateClient/CreateClientForm.js

@@ -15,6 +15,7 @@ import { useDamConfig } from "../hocs/DamConfigContext";
 import { CREATE_SUB_BRAND, FETCH_BRAND_USING_SUBDOMAIN } from "../utilities/constants/apiUrls";
 import axios from "axios";
 import { createApiClient } from "../hocs/configureAxios";
+import { fetchBrandDetails } from "../react-query/services/brand-services";
 import { CREATE_SUCCESS, SOMETHING_WENT_WRONG, } from "../utilities/constants/messages";
 import { NotificationStatus } from "../utilities/constants/interface";
 import { showNotification } from "../common/notifications";
@@ -27,6 +28,7 @@ const CreateClientForm = ({ teamsApi, username, password, toggleShow, onSuccess,
     const [damLocationType, setDamLocationType] = useState("external");
     const [filteredTeams, setFilteredTeams] = useState([]);
     const [clientData, setClientData] = useState(null);
+    const [teamsFetched, setTeamsFetched] = useState(false);
     const api = useMemo(() => createApiClient(damConfig), [damConfig]);
     const [form] = Form.useForm();
     const isEditMode = !!existingClientData;
@@ -37,15 +39,27 @@ const CreateClientForm = ({ teamsApi, username, password, toggleShow, onSuccess,
     // Fetch client data when editing
     useEffect(() => {
         const fetchClientData = () => __awaiter(void 0, void 0, void 0, function* () {
-            if (isEditMode && (existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.subdomain)) {
+            if (isEditMode) {
                 setFetchingClientData(true);
                 try {
-                    const response = yield api.get(`${FETCH_BRAND_USING_SUBDOMAIN}?subdomain=${existingClientData.subdomain}`);
-                    // API response structure: { status: true, code: 200, data: { _id, name, adminTeams, subdomain, ... } }
-                    const fetchedData = get(response, "data.data", {});
+                    let fetchedData;
+                    // Prioritize brandId if available, otherwise use subdomain
+                    if (existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.brandId) {
+                        // Use reusable fetchBrandDetails function
+                        fetchedData = yield fetchBrandDetails(api, existingClientData.brandId);
+                    }
+                    else if (existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.subdomain) {
+                        const response = yield api.get(`${FETCH_BRAND_USING_SUBDOMAIN}?subdomain=${existingClientData.subdomain}`);
+                        fetchedData = get(response, "data.data", {});
+                    }
+                    else {
+                        setFetchingClientData(false);
+                        return;
+                    }
                     console.log("Fetched client data:", fetchedData);
                     // 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", {});
@@ -78,10 +92,15 @@ const CreateClientForm = ({ teamsApi, username, password, toggleShow, onSuccess,
             }
         });
         fetchClientData();
-    }, [isEditMode, existingClientData, api, form, filteredTeams]);
+    }, [isEditMode, existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.brandId, existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.subdomain, api]);
     const onFinish = (data) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        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;
             const values = Object.assign(Object.assign({}, data), { 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"
@@ -89,13 +108,13 @@ const CreateClientForm = ({ teamsApi, username, password, toggleShow, onSuccess,
                     : 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: teamsApi,
-                    username: username,
-                    password: password,
+                    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: damLocationType === "external" ? "EXTERNAL" : "INTERNAL",
+                        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,
@@ -103,12 +122,13 @@ const CreateClientForm = ({ teamsApi, username, password, toggleShow, onSuccess,
                         region: (_g = data === null || data === void 0 ? void 0 : data.damLocationDetails) === null || _g === void 0 ? void 0 : _g.region,
                     }
                     : {
-                        locationType: damLocationType === "external" ? "EXTERNAL" : "INTERNAL",
+                        locationType: "INTERNAL",
+                        rootPath: (_h = data === null || data === void 0 ? void 0 : data.damLocationDetails) === null || _h === void 0 ? void 0 : _h.rootPath,
                     } });
             setLoading(true);
             const response = yield api.post(CREATE_SUB_BRAND, values);
             setLoading(false);
-            showNotification((_h = response === null || response === void 0 ? void 0 : response.message) !== null && _h !== void 0 ? _h : (get(response, "message") || CREATE_SUCCESS), NotificationStatus.SUCCESS);
+            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);
@@ -150,18 +170,28 @@ const CreateClientForm = ({ teamsApi, username, password, toggleShow, onSuccess,
                 },
             });
         }
-    }, [clientData, filteredTeams, form, existingClientData]);
+    }, [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(() => {
-        if (teamsApi && username && password) {
-            fetchTeams();
+        // 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]);
-    const fetchTeams = () => __awaiter(void 0, void 0, void 0, function* () {
+    }, [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(teamsApi, {
+            const response = yield axios.get(apiUrl, {
                 headers: {
-                    Authorization: "Basic " + btoa(username + ":" + password),
+                    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) => {
@@ -202,17 +232,17 @@ const CreateClientForm = ({ teamsApi, username, password, toggleShow, onSuccess,
                                 },
                             ], children: _jsx(Select, { options: DAM_LOCATION_TYPES, onChange: (e) => {
                                     onChangeDamLocationType(e);
-                                }, placeholder: "Type" }) }), shouldShowExternalFields && (_jsxs(_Fragment, { children: [_jsx(Form.Item, { label: "Bucket", name: ["damLocationDetails", "bucket"], rules: [
+                                }, 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: "Root Path", name: ["damLocationDetails", "rootPath"], rules: [
-                                        {
-                                            required: damLocationType === "external",
-                                            message: "Root path is required",
-                                        },
-                                    ], children: _jsx(Input, { placeholder: "Root path", disabled: damLocationType === "internal" }) }), _jsx(Form.Item, { label: "Access Key", name: ["damLocationDetails", "accessKeyId"], rules: [
+                                    ], 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",

package/build/CreateClient/index.d.ts

@@ -14,6 +14,7 @@ declare function App(props: {
         accessKey: string;
         secretKey: string;
         subdomain: string;
+        brandId?: string;
     } | null;
 }): JSX.Element;
 export default App;

package/build/react-query/services/brand-services.d.ts

@@ -1,3 +1,4 @@
+export declare function fetchBrandDetails(api: any, brandId: string): Promise<any>;
 export declare function useCurrentBrand(headers: {
     headers: any;
 }, brandId: string, enabled: boolean): import("react-query").UseQueryResult<any, unknown>;

package/build/react-query/services/brand-services.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { FETCH_BRAND_URL } from "../../utilities/constants/apiUrls";
+import { FETCH_BRAND_URL, FETCH_BRAND_DETAILS_URL } from "../../utilities/constants/apiUrls";
 import { QueryKeys } from "../../utilities/constants/queryKeys";
 import { get } from "lodash";
 import { useQuery } from "react-query";
@@ -22,6 +22,19 @@ function fetchBrand(api, brandId) {
         }
     });
 }
+export function fetchBrandDetails(api, brandId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        try {
+            const response = yield api.get(FETCH_BRAND_DETAILS_URL.replace(":brandId", brandId));
+            // API response structure: { status: true, code: 200, data: { ... } }
+            // The axios interceptor already extracts response.data, so response is { status, code, data }
+            return get(response, "data", {});
+        }
+        catch (error) {
+            throw error;
+        }
+    });
+}
 export function useCurrentBrand(headers, brandId, enabled) {
     return useQuery([QueryKeys.BRAND, brandId], () => fetchBrand(headers, brandId), {
         enabled: enabled && !!get(headers, "headers.Authorization"),

package/build/utilities/constants/apiUrls.d.ts

@@ -83,6 +83,7 @@ export declare const USER_LOGIN = "/users/login/keys";
 export declare const FETCH_BRAND_USING_SUBDOMAIN = "/brands/subdomain";
 export declare const FETCH_TEAMS_LIST = "/teams/:teamID/list";
 export declare const CREATE_SUB_BRAND = "/brands/sub-brand";
+export declare const FETCH_BRAND_DETAILS_URL = "/brands/details/:brandId";
 export declare const FETCH_IMAGEPICKERS_URL = "/image-picker";
 export declare const FETCH_IMAGEPICKER_URL = "/image-picker/:id";
 export declare const FETCH_META_FIELD_OPTIONS_URL = "/image-picker/file-filters/:id";

package/build/utilities/constants/apiUrls.js

@@ -99,6 +99,7 @@ export const FETCH_BRAND_USING_SUBDOMAIN = "/brands/subdomain";
 export const FETCH_TEAMS_LIST = "/teams/:teamID/list";
 // brand
 export const CREATE_SUB_BRAND = "/brands/sub-brand";
+export const FETCH_BRAND_DETAILS_URL = "/brands/details/:brandId";
 //image picker
 export const FETCH_IMAGEPICKERS_URL = "/image-picker";
 export const FETCH_IMAGEPICKER_URL = "/image-picker/:id";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bindu-dashing/dam-solution-v2",
-  "version": "5.8.156",
+  "version": "5.8.159",
   "dependencies": {
     "@ant-design/icons": "^5.0.1",
     "@emoji-mart/data": "^1.2.1",