@databrainhq/plugin 0.7.23 → 0.8.0

package/dist/components/MetricList/MetricList.d.ts

@@ -7,6 +7,7 @@ export declare type ExternalMetricListProps = {
     chartColors?: string[];
     globalFilters?: MetricCardProps['globalFilters'];
     client: ClientType['value'];
+    isAllowedToDeleteMetrics?: boolean;
     isLiveMode: boolean;
     isMetricListLoading?: boolean;
     breakpoint: ThemeType['breakpoint'];

package/dist/components/MetricList/components/DeleteMetricModal.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ModalProps } from '@/components/Modal';
+export interface DeleteMetricModalProps extends Omit<ModalProps, 'headerTitle'> {
+    onSuccess: () => void;
+    metricId: string;
+}
+export declare const DeleteMetricModal: React.FC<DeleteMetricModalProps>;

package/dist/components/MetricList/components/MetricCard.d.ts

@@ -14,5 +14,6 @@ export declare type MetricCardProps = {
     param?: any;
     companyTenancyType: string;
     renderHeaderName?: (name: string) => JSX.Element;
+    onDelete?: (metricId: string) => void;
 };
 export declare const MetricCard: React.FC<MetricCardProps>;

package/dist/components/MetricList/index.d.ts

@@ -1,3 +1,4 @@
 export * from './MetricList';
 export * from './components/MetricCard';
 export * from './components/SingleValueCard';
+export * from './components/DeleteMetricModal';

package/dist/components/ToggleButton/index.d.ts

@@ -7,6 +7,7 @@ declare type SwitchButtonProps = {
     placeholder?: string;
     labelClassName?: string;
     defaultEnabled?: boolean;
+    name?: string;
 };
 export declare const ToggleButton: React.FC<SwitchButtonProps>;
 export {};

package/dist/hooks/useEmbeddedDashboard.d.ts

@@ -49,5 +49,6 @@ export declare const useEmbeddedDashboard: (token: string) => {
         rlsSettings: any;
         companyTenancyType: any;
         isAllowedToCreateMetrics: boolean;
+        isAllowedToDeleteMetrics: boolean;
     };
 };

package/dist/index.es.js

@@ -2512,69 +2512,69 @@ function useQuery(arg1, arg2, arg3) {
   var parsedOptions = parseQueryArgs(arg1, arg2, arg3);
   return useBaseQuery(parsedOptions, QueryObserver);
 }
-const container$g = "_container_1ddns_1";
-const fixed = "_fixed_1ddns_1";
-const absolute = "_absolute_1ddns_1";
-const flex = "_flex_1ddns_1";
-const table$5 = "_table_1ddns_1";
-const grid = "_grid_1ddns_1";
-const hidden = "_hidden_1ddns_1";
-const transform = "_transform_1ddns_1";
-const resize = "_resize_1ddns_1";
-const truncate = "_truncate_1ddns_1";
-const border = "_border_1ddns_1";
-const shadow = "_shadow_1ddns_1";
-const filter$1 = "_filter_1ddns_351";
-const floatingFilterButton = "_floatingFilterButton_1ddns_359";
-const floatingFilterButtonIcon = "_floatingFilterButtonIcon_1ddns_367";
-const floatingButton = "_floatingButton_1ddns_375";
-const staticContainer = "_staticContainer_1ddns_383";
-const floatingContainer = "_floatingContainer_1ddns_391";
+const container$g = "_container_1gcts_1";
+const fixed = "_fixed_1gcts_1";
+const absolute = "_absolute_1gcts_1";
+const flex = "_flex_1gcts_1";
+const table$5 = "_table_1gcts_1";
+const grid = "_grid_1gcts_1";
+const hidden = "_hidden_1gcts_1";
+const transform = "_transform_1gcts_1";
+const resize = "_resize_1gcts_1";
+const truncate = "_truncate_1gcts_1";
+const border = "_border_1gcts_1";
+const shadow = "_shadow_1gcts_1";
+const filter$1 = "_filter_1gcts_351";
+const floatingFilterButton = "_floatingFilterButton_1gcts_359";
+const floatingFilterButtonIcon = "_floatingFilterButtonIcon_1gcts_367";
+const floatingButton = "_floatingButton_1gcts_375";
+const staticContainer = "_staticContainer_1gcts_383";
+const floatingContainer = "_floatingContainer_1gcts_391";
 var styles$D = {
   container: container$g,
-  "static": "_static_1ddns_383",
+  "static": "_static_1gcts_383",
   fixed,
   absolute,
-  "left-2": "_left-2_1ddns_1",
-  "top-1": "_top-1_1ddns_1",
-  "mt-2.5": "_mt-2.5_1ddns_1",
-  "mt-2": "_mt-2_1ddns_1",
-  "mb-3": "_mb-3_1ddns_1",
+  "left-2": "_left-2_1gcts_1",
+  "top-1": "_top-1_1gcts_1",
+  "mt-2.5": "_mt-2.5_1gcts_1",
+  "mt-2": "_mt-2_1gcts_1",
+  "mb-3": "_mb-3_1gcts_1",
   flex,
   table: table$5,
   grid,
   hidden,
-  "h-screen": "_h-screen_1ddns_1",
-  "h-[10%]": "_h-[10%]_1ddns_1",
-  "w-screen": "_w-screen_1ddns_1",
-  "w-full": "_w-full_1ddns_1",
+  "h-screen": "_h-screen_1gcts_1",
+  "h-[10%]": "_h-[10%]_1gcts_1",
+  "w-screen": "_w-screen_1gcts_1",
+  "w-full": "_w-full_1gcts_1",
   transform,
   resize,
-  "overflow-x-hidden": "_overflow-x-hidden_1ddns_1",
+  "overflow-x-hidden": "_overflow-x-hidden_1gcts_1",
   truncate,
   border,
-  "p-2": "_p-2_1ddns_1",
-  "p-1": "_p-1_1ddns_1",
-  "text-center": "_text-center_1ddns_1",
-  "text-sm": "_text-sm_1ddns_1",
-  "text-xs": "_text-xs_1ddns_1",
-  "text-blue-700": "_text-blue-700_1ddns_1",
+  "p-2": "_p-2_1gcts_1",
+  "p-1": "_p-1_1gcts_1",
+  "text-center": "_text-center_1gcts_1",
+  "text-sm": "_text-sm_1gcts_1",
+  "text-xs": "_text-xs_1gcts_1",
+  "text-blue-700": "_text-blue-700_1gcts_1",
   shadow,
   filter: filter$1,
-  "!filter": "_!filter_1ddns_1",
-  "embedDashboard-container": "_embedDashboard-container_1ddns_311",
-  "embedDashboard-header-static": "_embedDashboard-header-static_1ddns_319",
-  "embedDashboard-header-floating": "_embedDashboard-header-floating_1ddns_327",
-  "embedDashboard-wrapper": "_embedDashboard-wrapper_1ddns_335",
-  "alt-container": "_alt-container_1ddns_343",
+  "!filter": "_!filter_1gcts_1",
+  "embedDashboard-container": "_embedDashboard-container_1gcts_311",
+  "embedDashboard-header-static": "_embedDashboard-header-static_1gcts_319",
+  "embedDashboard-header-floating": "_embedDashboard-header-floating_1gcts_327",
+  "embedDashboard-wrapper": "_embedDashboard-wrapper_1gcts_335",
+  "alt-container": "_alt-container_1gcts_343",
   floatingFilterButton,
   floatingFilterButtonIcon,
   floatingButton,
   staticContainer,
   floatingContainer,
-  "hover:cursor-pointer": "_hover:cursor-pointer_1ddns_1",
-  "hover:cursor-text": "_hover:cursor-text_1ddns_1",
-  "disabled:cursor-text": "_disabled:cursor-text_1ddns_1"
+  "hover:cursor-pointer": "_hover:cursor-pointer_1gcts_1",
+  "hover:cursor-text": "_hover:cursor-text_1gcts_1",
+  "disabled:cursor-text": "_disabled:cursor-text_1gcts_1"
 };
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getAugmentedNamespace(n2) {
@@ -2641,17 +2641,17 @@ var classnames$1 = { exports: {} };
 })(classnames$1);
 var classnames = classnames$1.exports;
 var styles$C = {
-  "btn-primary": "_btn-primary_czbha_1",
-  "btn-secondary": "_btn-secondary_czbha_5",
-  "btn-reject": "_btn-reject_czbha_9",
-  "btn-outlined": "_btn-outlined_czbha_14",
-  "btn-tertiary": "_btn-tertiary_czbha_18",
-  "btn-default": "_btn-default_czbha_22",
-  "btn-large": "_btn-large_czbha_25",
-  "btn-small": "_btn-small_czbha_28",
-  "btn-xs": "_btn-xs_czbha_31",
-  "btn-medium": "_btn-medium_czbha_34",
-  "btn-11rem": "_btn-11rem_czbha_38"
+  "btn-primary": "_btn-primary_1gon7_1",
+  "btn-secondary": "_btn-secondary_1gon7_5",
+  "btn-reject": "_btn-reject_1gon7_9",
+  "btn-outlined": "_btn-outlined_1gon7_14",
+  "btn-tertiary": "_btn-tertiary_1gon7_18",
+  "btn-default": "_btn-default_1gon7_22",
+  "btn-large": "_btn-large_1gon7_25",
+  "btn-small": "_btn-small_1gon7_28",
+  "btn-xs": "_btn-xs_1gon7_31",
+  "btn-medium": "_btn-medium_1gon7_34",
+  "btn-11rem": "_btn-11rem_1gon7_38"
 };
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production_min = {};
@@ -6464,7 +6464,8 @@ const ToggleButton = ({
   className = "",
   placeholder,
   labelClassName,
-  defaultEnabled
+  defaultEnabled,
+  name = `toggle-${Date.now()}`
 }) => {
   return /* @__PURE__ */ jsxs("div", {
     className: `${styles$s.group} ${className}`,
@@ -6475,14 +6476,14 @@ const ToggleButton = ({
       children: label2
     }) : null, /* @__PURE__ */ jsx("input", {
       type: "checkbox",
-      id: "toggle",
+      id: name,
       checked: defaultEnabled,
       onChange: ({
         target
       }) => onChange == null ? void 0 : onChange(target.checked),
       className: styles$s.checkbox
     }), /* @__PURE__ */ jsxs("label", {
-      htmlFor: "toggle",
+      htmlFor: name,
       className: styles$s.button,
       children: [/* @__PURE__ */ jsx("span", {
         className: `${styles$s.switch} ${enabled2 ? styles$s.enabled : styles$s.notenabled}`
@@ -6767,16 +6768,17 @@ const useGuestTokenParamsQuery = (variables, options2) => useQuery(
   fetcher(GuestTokenParamsDocument, variables),
   options2
 );
-const MetricCreationAccessDocument = `
-    query MetricCreationAccess($companyId: uuid = "") {
+const MetricAccessDocument = `
+    query MetricAccess($companyId: uuid = "") {
   companySubsetTables(where: {companyId: {_eq: $companyId}}) {
     isAllowMetricCreation
+    isAllowMetricDeletion
   }
 }
     `;
-const useMetricCreationAccessQuery = (variables, options2) => useQuery(
-  variables === void 0 ? ["MetricCreationAccess"] : ["MetricCreationAccess", variables],
-  fetcher(MetricCreationAccessDocument, variables),
+const useMetricAccessQuery = (variables, options2) => useQuery(
+  variables === void 0 ? ["MetricAccess"] : ["MetricAccess", variables],
+  fetcher(MetricAccessDocument, variables),
   options2
 );
 const GetThemesDocument = `
@@ -6797,6 +6799,21 @@ const useGetThemesQuery = (variables, options2) => useQuery(
   fetcher(GetThemesDocument, variables),
   options2
 );
+const MarkDeleteMetricDocument = `
+    mutation MarkDeleteMetric($id: uuid! = "") {
+  update_externalMetrics_by_pk(
+    pk_columns: {id: $id}
+    _set: {isMarkedDeleted: true}
+  ) {
+    id
+  }
+}
+    `;
+const useMarkDeleteMetricMutation = (options2) => useMutation(
+  ["MarkDeleteMetric"],
+  (variables) => fetcher(MarkDeleteMetricDocument, variables)(),
+  options2
+);
 const PreviewTableDocument = `
     mutation PreviewTable($companyId: String = "", $tableName: String = "", $limit: Int = 10) {
   previewTable(
@@ -6995,7 +7012,10 @@ const useEmbeddedDashboard = (token) => {
     {
       where: {
         externalDashboard: {
-          externalDashboardId: { _eq: externalDashboardId }
+          externalDashboardId: { _eq: externalDashboardId },
+          externalDashboardMetrics: {
+            externalMetric: { isMarkedDeleted: { _eq: false } }
+          }
         }
       }
     },
@@ -7003,8 +7023,9 @@ const useEmbeddedDashboard = (token) => {
   );
   const { data: idData, isLoading: isLoadingId } = useGetExternalDashboardIdQuery({ externalDashboardId });
   const externalDashboardMetrics = externalDashboardMetricsData == null ? void 0 : externalDashboardMetricsData.externalDashboardMetrics;
-  const { data: accessData, isLoading: isLoadingAccessData } = useMetricCreationAccessQuery({ companyId });
+  const { data: accessData, isLoading: isLoadingAccessData } = useMetricAccessQuery({ companyId });
   const isAllowedToCreateMetrics = (accessData == null ? void 0 : accessData.companySubsetTables.length) ? accessData.companySubsetTables[0].isAllowMetricCreation && !isTestKey : false;
+  const isAllowedToDeleteMetrics = (accessData == null ? void 0 : accessData.companySubsetTables.length) ? accessData.companySubsetTables[0].isAllowMetricDeletion && !isTestKey : false;
   return {
     isLoading: isParamsLoading || isExternalDashboardMetricsDataLoading || isLoadingId || isLoadingAccessData,
     data: {
@@ -7015,7 +7036,8 @@ const useEmbeddedDashboard = (token) => {
       externalDashboard: idData == null ? void 0 : idData.externalDashboards[0],
       rlsSettings,
       companyTenancyType: companyTenancyType || "TABLE",
-      isAllowedToCreateMetrics
+      isAllowedToCreateMetrics,
+      isAllowedToDeleteMetrics
     }
   };
 };
@@ -81527,7 +81549,7 @@ const TableChart = ({
                         className: style.tableColLabel,
                         isDisabled: !chartClickConfig.isEnable,
                         onClick: () => handleChartClick(chartClickConfig, JSON.stringify(d2)),
-                        children: JSON.stringify(d2)
+                        children: JSON.stringify(d2).replace(/"/g, "")
                       })
                     }, d2 + index2)
                   });
@@ -84048,7 +84070,7 @@ const Table = ({
                 children: /* @__PURE__ */ jsx(Text, {
                   styleClass: "font-14",
                   variant: "p",
-                  children: JSON.stringify(item[d2])
+                  children: JSON.stringify(item[d2]).replace(/"/g, "")
                 })
               }, index2))
             }, i))
@@ -91175,26 +91197,30 @@ var styles$2 = {
   "noMetric-wrapper": "_noMetric-wrapper_1b506_25",
   "alt-container": "_alt-container_1b506_33"
 };
-const cardContainer = "_cardContainer_3ltmz_1";
-const listHeader = "_listHeader_3ltmz_9";
-const metricName = "_metricName_3ltmz_17";
-const metricDescription = "_metricDescription_3ltmz_25";
-const popup = "_popup_3ltmz_33";
-const metricFilter$1 = "_metricFilter_3ltmz_41";
-const popupIcon = "_popupIcon_3ltmz_49";
-const popupMenu = "_popupMenu_3ltmz_57";
-const popupItem = "_popupItem_3ltmz_65";
-const popupItemIcon = "_popupItemIcon_3ltmz_73";
-const csvBtn = "_csvBtn_3ltmz_81";
-const metricData = "_metricData_3ltmz_89";
-const singleValueData = "_singleValueData_3ltmz_97";
-const singleValue = "_singleValue_3ltmz_97";
-const noData = "_noData_3ltmz_113";
-const noDataContent = "_noDataContent_3ltmz_121";
-const noDataText = "_noDataText_3ltmz_129";
-const loading = "_loading_3ltmz_137";
-const features = "_features_3ltmz_145";
-const fullscreen = "_fullscreen_3ltmz_151";
+const cardContainer = "_cardContainer_btizd_1";
+const listHeader = "_listHeader_btizd_9";
+const metricName = "_metricName_btizd_17";
+const metricDescription = "_metricDescription_btizd_25";
+const popup = "_popup_btizd_33";
+const metricFilter$1 = "_metricFilter_btizd_41";
+const popupIcon = "_popupIcon_btizd_49";
+const popupMenu = "_popupMenu_btizd_57";
+const popupItem = "_popupItem_btizd_65";
+const popupItemIcon = "_popupItemIcon_btizd_73";
+const csvBtn = "_csvBtn_btizd_81";
+const deleteBtn = "_deleteBtn_btizd_89";
+const metricData = "_metricData_btizd_97";
+const singleValueData = "_singleValueData_btizd_105";
+const singleValue = "_singleValue_btizd_105";
+const noData = "_noData_btizd_121";
+const noDataContent = "_noDataContent_btizd_129";
+const noDataText = "_noDataText_btizd_137";
+const loading = "_loading_btizd_145";
+const features = "_features_btizd_153";
+const fullscreen = "_fullscreen_btizd_161";
+const deleteModal = "_deleteModal_btizd_169";
+const cancelBtn = "_cancelBtn_btizd_177";
+const warningIcon = "_warningIcon_btizd_185";
 var styles$1 = {
   cardContainer,
   listHeader,
@@ -91207,6 +91233,7 @@ var styles$1 = {
   popupItem,
   popupItemIcon,
   csvBtn,
+  deleteBtn,
   metricData,
   singleValueData,
   singleValue,
@@ -91215,9 +91242,22 @@ var styles$1 = {
   noDataText,
   loading,
   features,
-  fullscreen
+  fullscreen,
+  deleteModal,
+  cancelBtn,
+  warningIcon
 };
 var NoData = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMTgyYzYwO30uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5jbHMtM3tmaWxsOiM1ODY1ZjY7b3BhY2l0eTouMTt9LmNscy00e2ZpbGw6I2YyZjNmNDt9LmNscy01e2ZpbGw6I2MxYzdjOTt9LmNscy02e2ZpbGw6I2RhZGVkZjt9LmNscy03e2ZpbGw6IzE4MmM2MDt9LmNscy0ye3N0cm9rZTojNTg2NWY2O3N0cm9rZS13aWR0aDo0cHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIxMC41LDIwMC44M2MuNC0uNjYuNjgtMS40LjgyLTIuMiwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguNDMtNC41Ni0yLjA5LTkuNjgtNi44Ni0xMC42Ni0uMDEsMC0uMDMsMC0uMDQsMC0yLjQtLjQ5LTUuMDItLjIyLTcuNDUtLjIyaC00NC4yMmMtLjUyLDAtMi4zMy0uMzEtMi43NywwbC0yNC4yOCwxNy4yMmgtNjEuNjFjLTMuOTcsMC02Ljk5LDMuNTYtNi4zNCw3LjQ3bDkuNzUsNTkuNDJjLjUxLDMuMTEsMy4yLDUuMzksNi4zNCw1LjM5aDExNy44NiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIwNywxMTQuNDN2LTguNTRjMC0zLjU1LTIuODgtNi40My02LjQzLTYuNDNoLTE3LjE5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTAzLjQ3LDk5LjQ2aC0xNS4xMmMtMy41NSwwLTYuNDMsMi44OC02LjQzLDYuNDN2MjUuNDgiLz48Zz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIxMTQuMTIiIHkxPSI5NC4wOCIgeDI9IjE0NC44NCIgeTI9Ijk0LjA4Ii8+PGc+PHJlY3QgY2xhc3M9ImNscy02IiB4PSIxMTIuNjEiIHk9IjEwMi40MyIgd2lkdGg9IjE4Ljk3IiBoZWlnaHQ9IjMuMiIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMTM3LjYxIiB5PSIxMDIuNDMiIHdpZHRoPSI4LjkiIGhlaWdodD0iMy4yIi8+PC9nPjwvZz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Im0xNjQuOTgsODEuNDZsLS4wOCwxNi4yOHMuMTUsMy4yNC4zLDMuNjIuNiwxLjUxLDEuMTMsMS44OCwxLjAyLjc5LDEuNzcsMS4wNi45NC40OSwyLjExLjQ5LDE4LjE3LjA0LDE4LjE3LjA0bC0yMy40MS0yMy4zN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xODguNTEsMTA0LjkxdjkuNTIiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMDMuNTMsMTMxLjM3di00NC45NWMwLTIuODQsMi4zLTUuMTUsNS4xNS01LjE1LDE4Ljc3LDAsMzcuNTQsMCw1Ni4zMSwwIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTY1LjAxLDgxLjI3djE4LjM1YzAsMi44NCwyLjMxLDUuMTUsNS4xNSw1LjE1aDE4LjM1cy0yMy41LTIzLjYyLTIzLjUtMjMuNVoiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMjQuOTYiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMzEuMjUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xOTIuNTcsMTgzLjMzYzkuNjIsOS42MiwzMC4yOCwzMC4yOCwzMC4yOCwzMC4yOCwxLjE3LDEuMTcsMS4xNywzLjA3LDAsNC4yNHMtMy4wNywxLjE3LTQuMjQsMGMwLDAtMjAuNTgtMjAuNTgtMzAuMjItMzAuMjIiLz48Zz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNjguNjYsMTcwLjkzYy0uNzQsMC0xLjM0LjI0LTEuODEuNzItLjQ3LjQ4LS43MSwxLjA5LS43MSwxLjgzcy4yNCwxLjMyLjcxLDEuODFjLjQ3LjQ5LDEuMDcuNzQsMS44MS43NHMxLjM0LS4yNSwxLjgxLS43NGMuNDctLjQ5LjcxLTEuMS43MS0xLjgxcy0uMjQtMS4zNC0uNzEtMS44M2MtLjQ3LS40OC0xLjA4LS43Mi0xLjgxLS43MloiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNzQuNjksMTUzLjc3Yy0uNjItMS4wMi0xLjQ5LTEuODItMi42LTIuNC0xLjEyLS41Ny0yLjQtLjg2LTMuODUtLjg2LTEuNjgsMC0zLjE3LjQtNC40NywxLjE5cy0yLjI5LDEuOTQtMi45OCwzLjQzbDIuNzYsMi4yOGMuNDYtMS4wNiwxLjA3LTEuODYsMS44NS0yLjQuNzctLjU0LDEuNjUtLjgxLDIuNjQtLjgxLjc2LDAsMS40MS4xNCwxLjk3LjQxLjU1LjI4Ljk4LjY3LDEuMjgsMS4xNy4zLjUxLjQ1LDEuMS40NSwxLjc5cy0uMTYsMS4yOS0uNDcsMS44MWMtLjMxLjUyLS43NS45Mi0xLjMxLDEuMjEtLjU2LjI5LTEuMjIuNDMtMS45OC40M2gtLjkzdjYuNjZoMy4yOGwuMjYtMy43M2MuNzEtLjI0LDEuMzctLjU1LDEuOTUtLjkzLjk5LS42NCwxLjc1LTEuNDUsMi4yOS0yLjQxLjU0LS45Ny44MS0yLjA3LjgxLTMuMzEsMC0xLjMzLS4zMS0yLjUxLS45My0zLjU0WiIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im04NS41NSwyMDMuOTdjLjY4LDIuODksMy4yNiw0Ljk2LDYuMjYsNC45NmgxMTcuNzMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yMTUuMzcsMjA2LjA0Yy40Ny0uNzEuOC0xLjUyLjk1LTIuNCwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguMzktNC4xNi0xLjY4LTguNzktNS42Ny0xMC4zMSIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0ibTIyMy41MSwxMjAuMDhzLjQ5LDEuNjIuNTMsMS43My4zMiwyLjQ0LjMyLDIuNDRsLS4wNCwxLjkxLTEuMzgsNy4xMy0zLjM5LDE5LjMxLTIuODksMTUuOTItMi45NiwxNi43Ni0yLjQ0LDEzLjE2LS45MiwyLjY1LDQuOTgsNS4xNS44NS0yLjE1LjgxLTQuMDYsMS40OC04LjMzLDIuODItMTUuNzEsMi4xNS0xMi4xMSwxLjk0LTExLjM2LDIuNzUtMTQuNzUuODgtNC42OS4yOC0yLjU4LjA3LTIuMTItLjYtMi43NS0xLjI0LTIuMzYtMS4wOS0xLjU5LTIuMDEtMS4zMS0uOTItLjI4WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtNyIgcG9pbnRzPSI4NS42OCAyMDMuOTMgMjA0LjU1IDIwMy44NCAyMDkuMzUgMjA4LjczIDE0OC40OCAyMDguODggOTAuOTUgMjA5LjAyIDg5LjUgMjA4LjY2IDg3Ljk4IDIwNy45MiA4Ni44MiAyMDYuNTggODYuMDEgMjA1LjAzIDg1LjY4IDIwMy45MyIvPjwvc3ZnPg==";
+const materialSymbolsDeleteOutline = (props) => /* @__PURE__ */ jsx("svg", {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em",
+  ...props,
+  children: /* @__PURE__ */ jsx("path", {
+    fill: "currentColor",
+    d: "M7 21q-.825 0-1.412-.587Q5 19.825 5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413Q17.825 21 17 21ZM17 6H7v13h10ZM9 17h2V8H9Zm4 0h2V8h-2ZM7 6v13Z"
+  })
+});
 const handleSaveChartImage = (chartRef) => {
   var _a2;
   const chartInstance = (_a2 = chartRef.current) == null ? void 0 : _a2.getEchartsInstance();
@@ -91341,7 +91381,8 @@ const MetricCard = ({
   colors: colors2,
   param,
   companyTenancyType,
-  renderHeaderName
+  renderHeaderName,
+  onDelete
 }) => {
   var _a2, _b2, _c2;
   const chartRef = useRef(null);
@@ -91717,6 +91758,14 @@ const MetricCard = ({
                 name: "table-tab-icon",
                 className: styles$1.popupItemIcon
               }), "View As Table"]
+            }), onDelete && /* @__PURE__ */ jsxs(Button, {
+              variant: "custom",
+              type: "button",
+              className: `${styles$1.popupItem} ${styles$1.csvBtn} ${styles$1.deleteBtn}`,
+              onClick: () => onDelete(metricItem.id),
+              children: [/* @__PURE__ */ jsx(materialSymbolsDeleteOutline, {
+                className: styles$1.popupItemIcon
+              }), "Delete Metric"]
             })]
           })]
         })]
@@ -91794,7 +91843,8 @@ const SingleValueCard = ({
   client,
   param,
   companyTenancyType,
-  renderHeaderName
+  renderHeaderName,
+  onDelete
 }) => {
   var _a2;
   const {
@@ -91966,9 +92016,9 @@ const SingleValueCard = ({
             style: descriptionStyle,
             children: metricItem.description
           })]
-        }), /* @__PURE__ */ jsx("div", {
+        }), /* @__PURE__ */ jsxs("div", {
           className: styles$1.features,
-          children: !!rlsConditions.length && (rlsConditions[0].datatype !== "date" ? /* @__PURE__ */ jsx("div", {
+          children: [!!rlsConditions.length && (rlsConditions[0].datatype !== "date" ? /* @__PURE__ */ jsx("div", {
             className: styles$1.metricFilter,
             children: /* @__PURE__ */ jsx(FloatingDropDown, {
               label: rlsConditions[0].name,
@@ -92022,7 +92072,24 @@ const SingleValueCard = ({
                 })]
               }) : null
             })
-          }))
+          })), onDelete && /* @__PURE__ */ jsx(PopoverMenu, {
+            buttonClass: styles$1.popup,
+            button: /* @__PURE__ */ jsx(Icons, {
+              name: "more-icon",
+              className: styles$1.popupIcon
+            }),
+            menuClass: styles$1.popupMenu,
+            position: "bottom-right",
+            children: /* @__PURE__ */ jsxs(Button, {
+              variant: "custom",
+              type: "button",
+              className: `${styles$1.popupItem} ${styles$1.csvBtn} ${styles$1.deleteBtn}`,
+              onClick: () => onDelete(metricItem.id),
+              children: [/* @__PURE__ */ jsx(materialSymbolsDeleteOutline, {
+                className: styles$1.popupItemIcon
+              }), "Delete Metric"]
+            })
+          })]
         })]
       }), chartType2 && /* @__PURE__ */ jsx("div", {
         className: `${styles$1.metricData} ${styles$1.singleValueData}`,
@@ -92058,12 +92125,87 @@ const SingleValueCard = ({
     })
   });
 };
+const ionWarningOutline = (props) => /* @__PURE__ */ jsxs("svg", {
+  viewBox: "0 0 512 512",
+  width: "1.2em",
+  height: "1.2em",
+  ...props,
+  children: [/* @__PURE__ */ jsx("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 32,
+    d: "M85.57 446.25h340.86a32 32 0 0 0 28.17-47.17L284.18 82.58c-12.09-22.44-44.27-22.44-56.36 0L57.4 399.08a32 32 0 0 0 28.17 47.17Z"
+  }), /* @__PURE__ */ jsx("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 32,
+    d: "m250.26 195.39l5.74 122l5.73-121.95a5.74 5.74 0 0 0-5.79-6h0a5.74 5.74 0 0 0-5.68 5.95Z"
+  }), /* @__PURE__ */ jsx("path", {
+    fill: "currentColor",
+    d: "M256 397.25a20 20 0 1 1 20-20a20 20 0 0 1-20 20Z"
+  })]
+});
+const DeleteMetricModal = ({
+  isOpen,
+  onClose,
+  onSuccess,
+  metricId
+}) => {
+  const {
+    mutateAsync: deleteMetric,
+    isLoading
+  } = useMarkDeleteMetricMutation();
+  const handleDeleteMetric = async () => {
+    await deleteMetric({
+      id: metricId
+    }, {
+      onSuccess: () => {
+        onSuccess();
+      }
+    });
+  };
+  return /* @__PURE__ */ jsxs(Modal, {
+    headerTitle: "Delete Metric",
+    isOpen,
+    onClose,
+    children: [/* @__PURE__ */ jsxs("div", {
+      className: styles$1.deleteModal,
+      children: [/* @__PURE__ */ jsx(ionWarningOutline, {
+        className: styles$1.warningIcon
+      }), /* @__PURE__ */ jsx(Text, {
+        variant: "p",
+        styleClass: "font-14",
+        children: "Are you sure you want to delete the metric?"
+      })]
+    }), /* @__PURE__ */ jsxs(ModalFooter, {
+      children: [/* @__PURE__ */ jsx(Button, {
+        variant: "secondary",
+        type: "button",
+        size: "default",
+        className: styles$1.cancelBtn,
+        onClick: onClose,
+        children: "Cancel"
+      }), /* @__PURE__ */ jsx(Button, {
+        variant: "reject",
+        type: "button",
+        size: "default",
+        onClick: handleDeleteMetric,
+        children: isLoading ? "Delete..." : "Delete"
+      })]
+    })]
+  });
+};
 const GridLayout = reactGridLayout.exports.WidthProvider(reactGridLayout.exports.Responsive);
 const ExternalMetricList = ({
   chartColors,
   globalFilters,
   client,
   isLiveMode,
+  isAllowedToDeleteMetrics,
   externalDashboardMetrics,
   isMetricListLoading,
   breakpoint,
@@ -92072,6 +92214,10 @@ const ExternalMetricList = ({
   companyTenancyType = "TABLE"
 }) => {
   const [isFullScreen, setFullScreen] = useState(false);
+  const [deleteModal2, setDeleteModal] = useState({
+    id: "",
+    show: false
+  });
   const [fullScreenChart, setFullScreenChart] = useState();
   const metricListData = externalDashboardMetrics == null ? void 0 : externalDashboardMetrics.map((data2) => data2.externalMetric);
   const adminMetrics = metricListData == null ? void 0 : metricListData.filter((data2) => !data2.isCreatedByClient);
@@ -92128,7 +92274,11 @@ const ExternalMetricList = ({
               client,
               globalFilters,
               param: params == null ? void 0 : params.find((obj) => obj.metricId === metricItem.metricId),
-              companyTenancyType
+              companyTenancyType,
+              onDelete: isAllowedToDeleteMetrics ? (id2) => setDeleteModal({
+                id: id2,
+                show: true
+              }) : void 0
             }) : /* @__PURE__ */ jsx(MetricCard, {
               metricItem,
               onMaximize: (chart) => {
@@ -92139,7 +92289,11 @@ const ExternalMetricList = ({
               colors: chartColors,
               globalFilters,
               param: params == null ? void 0 : params.find((obj) => obj.metricId === metricItem.metricId),
-              companyTenancyType
+              companyTenancyType,
+              onDelete: isAllowedToDeleteMetrics ? (id2) => setDeleteModal({
+                id: id2,
+                show: true
+              }) : void 0
             })
           }, metricItem.id))
         })
@@ -92147,7 +92301,18 @@ const ExternalMetricList = ({
         onCancel: () => setFullScreen(false),
         isShow: isFullScreen,
         chart: fullScreenChart
-      })]
+      }), isAllowedToDeleteMetrics ? /* @__PURE__ */ jsx(DeleteMetricModal, {
+        metricId: deleteModal2.id,
+        isOpen: deleteModal2.show,
+        onSuccess: () => setDeleteModal({
+          id: "",
+          show: false
+        }),
+        onClose: () => setDeleteModal({
+          id: "",
+          show: false
+        })
+      }) : null]
     }) : /* @__PURE__ */ jsx(Fragment, {
       children: !isMetricListLoading ? /* @__PURE__ */ jsx("div", {
         className: styles$2["noMetric-container"],
@@ -92208,6 +92373,7 @@ var index$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   ExternalMetricList,
   MetricCard,
   SingleValueCard,
+  DeleteMetricModal,
   MetricTable,
   Modal,
   ModalFooter,
@@ -92317,6 +92483,7 @@ const EmbeddedDashboard = React__default.memo(({
           }) : null, /* @__PURE__ */ jsx(ExternalMetricList, {
             client: data2.clientId,
             isLiveMode: data2.mode,
+            isAllowedToDeleteMetrics: data2.isAllowedToDeleteMetrics,
             externalDashboardMetrics: data2.externalDashboardMetrics,
             isMetricListLoading: isLoading,
             globalFilters,