@databrainhq/plugin 0.9.4 → 0.9.5

package/dist/index.es.js

@@ -2647,17 +2647,17 @@ var classnames$1 = { exports: {} };
 })(classnames$1);
 var classnames = classnames$1.exports;
 var styles$K = {
-  "btn-primary": "_btn-primary_17kvk_1",
-  "btn-secondary": "_btn-secondary_17kvk_5",
-  "btn-reject": "_btn-reject_17kvk_9",
-  "btn-outlined": "_btn-outlined_17kvk_14",
-  "btn-tertiary": "_btn-tertiary_17kvk_18",
-  "btn-default": "_btn-default_17kvk_22",
-  "btn-large": "_btn-large_17kvk_25",
-  "btn-small": "_btn-small_17kvk_28",
-  "btn-xs": "_btn-xs_17kvk_31",
-  "btn-medium": "_btn-medium_17kvk_34",
-  "btn-11rem": "_btn-11rem_17kvk_38"
+  "btn-primary": "_btn-primary_u81u9_1",
+  "btn-secondary": "_btn-secondary_u81u9_9",
+  "btn-reject": "_btn-reject_u81u9_17",
+  "btn-outlined": "_btn-outlined_u81u9_27",
+  "btn-tertiary": "_btn-tertiary_u81u9_35",
+  "btn-default": "_btn-default_u81u9_43",
+  "btn-large": "_btn-large_u81u9_49",
+  "btn-small": "_btn-small_u81u9_55",
+  "btn-xs": "_btn-xs_u81u9_61",
+  "btn-medium": "_btn-medium_u81u9_67",
+  "btn-11rem": "_btn-11rem_u81u9_75"
 };
 var jsxRuntime$1 = { exports: {} };
 var reactJsxRuntime_production_min = {};
@@ -4952,42 +4952,42 @@ let xe = "div", ne = S.RenderStrategy, re = C$2(function(e2, s2) {
   let n2 = useContext(F) !== null, m2 = s() !== null;
   return React__default.createElement(React__default.Fragment, null, !n2 && m2 ? React__default.createElement(q, { ref: s$12, ...e2 }) : React__default.createElement(re, { ref: s$12, ...e2 }));
 }), We = Object.assign(q, { Child: Pe, Root: q });
-const listBoxButton = "_listBoxButton_1jb3f_9";
-const selectedOptionText = "_selectedOptionText_1jb3f_25";
-const transitionDiv = "_transitionDiv_1jb3f_29";
-const listboxButtonWrapper = "_listboxButtonWrapper_1jb3f_33";
-const arrowicon = "_arrowicon_1jb3f_36";
-const leave$2 = "_leave_1jb3f_39";
-const leaveFrom$2 = "_leaveFrom_1jb3f_42";
-const leaveTo$2 = "_leaveTo_1jb3f_45";
-const notAvailable = "_notAvailable_1jb3f_48";
-const option$1 = "_option_1jb3f_51";
-const activeOption = "_activeOption_1jb3f_54";
-const optionSelected = "_optionSelected_1jb3f_57";
-const inactiveOption = "_inactiveOption_1jb3f_60";
-const optionLabel = "_optionLabel_1jb3f_63";
-const optionSubLabel = "_optionSubLabel_1jb3f_66";
-const selectedLabel = "_selectedLabel_1jb3f_69";
-const nonselectedLabel = "_nonselectedLabel_1jb3f_72";
-const check = "_check_1jb3f_75";
-const checkActive = "_checkActive_1jb3f_78";
-const checkInactive = "_checkInactive_1jb3f_81";
-const checkIcon$1 = "_checkIcon_1jb3f_84";
-const checkIconSelected = "_checkIconSelected_1jb3f_87";
-const checkIconUnselected = "_checkIconUnselected_1jb3f_90";
-const loadMore$1 = "_loadMore_1jb3f_93";
-const loadMoreIcon$1 = "_loadMoreIcon_1jb3f_96";
-const selectedList = "_selectedList_1jb3f_99";
-const selectedListItem = "_selectedListItem_1jb3f_102";
-const label$7 = "_label_1jb3f_105";
-const clientText$1 = "_clientText_1jb3f_108";
+const listBoxButton = "_listBoxButton_ln4ru_17";
+const selectedOptionText = "_selectedOptionText_ln4ru_49";
+const transitionDiv = "_transitionDiv_ln4ru_57";
+const listboxButtonWrapper = "_listboxButtonWrapper_ln4ru_65";
+const arrowicon = "_arrowicon_ln4ru_71";
+const leave$2 = "_leave_ln4ru_77";
+const leaveFrom$2 = "_leaveFrom_ln4ru_83";
+const leaveTo$2 = "_leaveTo_ln4ru_89";
+const notAvailable = "_notAvailable_ln4ru_95";
+const option$1 = "_option_ln4ru_101";
+const activeOption = "_activeOption_ln4ru_107";
+const optionSelected = "_optionSelected_ln4ru_113";
+const inactiveOption = "_inactiveOption_ln4ru_119";
+const optionLabel = "_optionLabel_ln4ru_125";
+const optionSubLabel = "_optionSubLabel_ln4ru_131";
+const selectedLabel = "_selectedLabel_ln4ru_137";
+const nonselectedLabel = "_nonselectedLabel_ln4ru_143";
+const check = "_check_ln4ru_149";
+const checkActive = "_checkActive_ln4ru_155";
+const checkInactive = "_checkInactive_ln4ru_161";
+const checkIcon$1 = "_checkIcon_ln4ru_167";
+const checkIconSelected = "_checkIconSelected_ln4ru_173";
+const checkIconUnselected = "_checkIconUnselected_ln4ru_179";
+const loadMore$1 = "_loadMore_ln4ru_185";
+const loadMoreIcon$1 = "_loadMoreIcon_ln4ru_191";
+const selectedList = "_selectedList_ln4ru_197";
+const selectedListItem = "_selectedListItem_ln4ru_203";
+const label$7 = "_label_ln4ru_209";
+const clientText$1 = "_clientText_ln4ru_215";
 var style = {
-  "listBox-label": "_listBox-label_1jb3f_1",
-  "listBox-labelFloating": "_listBox-labelFloating_1jb3f_5",
-  "listBoxButton-container": "_listBoxButton-container_1jb3f_9",
-  "listBoxButton-containerFloating": "_listBoxButton-containerFloating_1jb3f_13",
+  "listBox-label": "_listBox-label_ln4ru_1",
+  "listBox-labelFloating": "_listBox-labelFloating_ln4ru_9",
+  "listBoxButton-container": "_listBoxButton-container_ln4ru_17",
+  "listBoxButton-containerFloating": "_listBoxButton-containerFloating_ln4ru_25",
   listBoxButton,
-  "listBox-option": "_listBox-option_1jb3f_21",
+  "listBox-option": "_listBox-option_ln4ru_41",
   selectedOptionText,
   transitionDiv,
   listboxButtonWrapper,
@@ -5017,22 +5017,22 @@ var style = {
   label: label$7,
   clientText: clientText$1
 };
-const primary$1 = "_primary_18yak_1";
-const secondary = "_secondary_18yak_5";
-const tertiary = "_tertiary_18yak_10";
+const primary$1 = "_primary_1ipyg_1";
+const secondary = "_secondary_1ipyg_9";
+const tertiary = "_tertiary_1ipyg_19";
 var styles$I = {
   primary: primary$1,
   secondary,
   tertiary,
-  "font-18": "_font-18_18yak_14",
-  "font-20": "_font-20_18yak_18",
-  "font-14": "_font-14_18yak_22",
-  "font-14a": "_font-14a_18yak_26",
-  "font-14b": "_font-14b_18yak_30",
-  "font-14c": "_font-14c_18yak_34",
-  "font-14d": "_font-14d_18yak_38",
-  "font-15": "_font-15_18yak_42",
-  "font-34": "_font-34_18yak_45"
+  "font-18": "_font-18_1ipyg_27",
+  "font-20": "_font-20_1ipyg_35",
+  "font-14": "_font-14_1ipyg_43",
+  "font-14a": "_font-14a_1ipyg_51",
+  "font-14b": "_font-14b_1ipyg_59",
+  "font-14c": "_font-14c_1ipyg_67",
+  "font-14d": "_font-14d_1ipyg_75",
+  "font-15": "_font-15_1ipyg_83",
+  "font-34": "_font-34_1ipyg_89"
 };
 const variants = {
   h1: "h1",
@@ -5060,10 +5060,10 @@ const Text = ({
     children: children2
   });
 };
-const search$1 = "_search_1klck_1";
+const search$1 = "_search_qirxg_1";
 var styles$H = {
-  "searchTab-container": "_searchTab-container_1klck_1",
-  "searchTab-input": "_searchTab-input_1klck_5",
+  "searchTab-container": "_searchTab-container_qirxg_1",
+  "searchTab-input": "_searchTab-input_qirxg_9",
   search: search$1
 };
 const iconoirSearch = (props) => /* @__PURE__ */ jsx("svg", {
@@ -5615,6 +5615,7 @@ const FREQUENCY = [
   { value: "Weekly", label: "Weekly" },
   { value: "Monthly", label: "Monthly" }
 ];
+const RAW_CSV_OPTIONS = ["download", "email"];
 const ChartConfig = ({
   data,
   setXAxis,
@@ -6909,6 +6910,24 @@ const useExternalDashboardListQuery = (variables, options2) => useQuery(
   fetcher(ExternalDashboardListDocument, variables),
   options2
 );
+const ExternalMetricRawCsvUrlsDocument = `
+    query ExternalMetricRawCsvUrls($externalMetricId: uuid = "") {
+  externalMetricRawCsvUrls(where: {externalMetricId: {_eq: $externalMetricId}}) {
+    configurations
+    error
+    expireUrlIn
+    externalMetricId
+    id
+    lastUpdatedAt
+    urls
+  }
+}
+    `;
+const useExternalMetricRawCsvUrlsQuery = (variables, options2) => useQuery(
+  variables === void 0 ? ["ExternalMetricRawCsvUrls"] : ["ExternalMetricRawCsvUrls", variables],
+  fetcher(ExternalMetricRawCsvUrlsDocument, variables),
+  options2
+);
 const GuestTokenParamsDocument = `
     query GuestTokenParams($id: uuid = "") {
   guestTokens_by_pk(id: $id) {
@@ -7002,6 +7021,21 @@ const useUnderlyingDataMutation = (options2) => useMutation(
   (variables) => fetcher(UnderlyingDataDocument, variables)(),
   options2
 );
+const InvokeSaveRawCsvDetailsDocument = `
+    mutation InvokeSaveRawCsvDetails($configurations: json = "", $expireCsvFileAt: String = "", $externalMetricId: String = "", $integrationId: String = "", $integrationName: String = "", $query: String = "", $expireUrlIn: Int = 60) {
+  invokeSaveRawCsvDetails(
+    input: {configurations: $configurations, expireCsvFileAt: $expireCsvFileAt, externalMetricId: $externalMetricId, integrationId: $integrationId, integrationName: $integrationName, query: $query, expireUrlIn: $expireUrlIn}
+  ) {
+    error
+    statusCode
+  }
+}
+    `;
+const useInvokeSaveRawCsvDetailsMutation = (options2) => useMutation(
+  ["InvokeSaveRawCsvDetails"],
+  (variables) => fetcher(InvokeSaveRawCsvDetailsDocument, variables)(),
+  options2
+);
 const MarkArchiveMetricDocument = `
     mutation MarkArchiveMetric($id: uuid! = "", $clientId: String! = "") {
   insert_clientDeletedMetrics_one(
@@ -7287,22 +7321,22 @@ const ExternalMetricForm = ({
     })]
   });
 };
-const container$d = "_container_i9keb_1";
-const wrapper$3 = "_wrapper_i9keb_5";
-const label$3 = "_label_i9keb_9";
-const floatingLabel = "_floatingLabel_i9keb_13";
-const floatingText = "_floatingText_i9keb_16";
-const clientText = "_clientText_i9keb_20";
-const normalText = "_normalText_i9keb_24";
-const dropdown$1 = "_dropdown_i9keb_28";
-const options = "_options_i9keb_32";
-const checkedOption = "_checkedOption_i9keb_36";
-const option = "_option_i9keb_32";
-const icon$1 = "_icon_i9keb_44";
-const text$2 = "_text_i9keb_48";
-const search = "_search_i9keb_52";
-const loadMore = "_loadMore_i9keb_56";
-const loadMoreIcon = "_loadMoreIcon_i9keb_60";
+const container$d = "_container_1brv3_1";
+const wrapper$3 = "_wrapper_1brv3_9";
+const label$3 = "_label_1brv3_17";
+const floatingLabel = "_floatingLabel_1brv3_25";
+const floatingText = "_floatingText_1brv3_31";
+const clientText = "_clientText_1brv3_39";
+const normalText = "_normalText_1brv3_47";
+const dropdown$1 = "_dropdown_1brv3_55";
+const options = "_options_1brv3_63";
+const checkedOption = "_checkedOption_1brv3_71";
+const option = "_option_1brv3_63";
+const icon$1 = "_icon_1brv3_87";
+const text$2 = "_text_1brv3_95";
+const search = "_search_1brv3_103";
+const loadMore = "_loadMore_1brv3_111";
+const loadMoreIcon = "_loadMoreIcon_1brv3_119";
 var styles$y = {
   container: container$d,
   wrapper: wrapper$3,
@@ -7892,6 +7926,7 @@ var index$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   TIME,
   DATE_NUM,
   FREQUENCY,
+  RAW_CSV_OPTIONS,
   operatorList,
   RowLimitList,
   AggregateList,
@@ -8289,9 +8324,9 @@ const MultiFilterDropdown = React__default.memo(({
     ...rest
   });
 });
-const fullscreen$2 = "_fullscreen_1wo1t_1";
+const fullscreen$3 = "_fullscreen_1wo1t_1";
 var styles$x = {
-  fullscreen: fullscreen$2
+  fullscreen: fullscreen$3
 };
 const csvlink = "_csvlink_azd6y_1";
 const noChart = "_noChart_azd6y_7";
@@ -81644,7 +81679,7 @@ const SingleValueChart = ({
   chartClickConfig,
   hideBorder
 }) => {
-  var _a2, _b2, _c2, _d;
+  var _a2, _b2;
   const subHeaderFont = {
     fontSize: `${customSettings.subHeaderFontSize || 14}px`
   };
@@ -81856,38 +81891,7 @@ const SingleValueChart = ({
         return val;
     }
   };
-  const dateFormatter = (val, formatter) => {
-    const year = val.toString().slice(0, 4);
-    const month = val.toString().slice(5, 7);
-    const date = val.toString().slice(8, 10);
-    const time2 = val.toString().slice(11, 19);
-    switch (formatter) {
-      case "dd-mm-yyyy": {
-        return `${date}-${month}-${year}`;
-      }
-      case "mm-dd-yyyy": {
-        return `${month}-${date}-${year}`;
-      }
-      case "yyyy-mm-dd": {
-        return `${year}-${month}-${date}`;
-      }
-      case "dd/mm/yyyy": {
-        return `${date}/${month}/${year}`;
-      }
-      case "mm/dd/yyyy": {
-        return `${month}/${date}/${year}`;
-      }
-      case "yyyy/mm/dd": {
-        return `${year}/${month}/${date}`;
-      }
-      case "hh:mm:ss": {
-        return time2;
-      }
-      default:
-        return val;
-    }
-  };
-  const value = ((_a2 = data[0]) == null ? void 0 : _a2.value) && (Number((_b2 = data[0]) == null ? void 0 : _b2.value) || 0).toString().length > 16 ? dateFormatter(Number((_c2 = data[0]) == null ? void 0 : _c2.value) || 0, customSettings.dateFormatter) : formattedData(Number((_d = data[0]) == null ? void 0 : _d.value) || 0, customSettings.numberFormatter);
+  const value = ((_a2 = data[0]) == null ? void 0 : _a2.value) && formattedData(Number((_b2 = data[0]) == null ? void 0 : _b2.value) || 0, customSettings.numberFormatter);
   return /* @__PURE__ */ jsxs("div", {
     className: hideBorder ? styles$v.borderLessContainer : styles$v.container,
     children: [/* @__PURE__ */ jsx("div", {
@@ -86785,12 +86789,12 @@ const InfoTooltip = ({
   });
 };
 var styles$p = {
-  "header-container": "_header-container_t2r6v_1",
-  "btn-container": "_btn-container_t2r6v_5",
-  "back-btn": "_back-btn_t2r6v_9",
-  "sql-btn": "_sql-btn_t2r6v_13",
-  "save-btn": "_save-btn_t2r6v_17",
-  "save-btn-icon": "_save-btn-icon_t2r6v_21"
+  "header-container": "_header-container_1pbz4_1",
+  "btn-container": "_btn-container_1pbz4_9",
+  "back-btn": "_back-btn_1pbz4_17",
+  "sql-btn": "_sql-btn_1pbz4_25",
+  "save-btn": "_save-btn_1pbz4_33",
+  "save-btn-icon": "_save-btn-icon_1pbz4_41"
 };
 const Header = ({
   setShowMetricCreateModal,
@@ -86843,20 +86847,20 @@ const Header = ({
   });
 };
 var styles$o = {
-  "create-btn": "_create-btn_ihjk8_1",
-  "modal-container": "_modal-container_ihjk8_5",
-  "query-modal": "_query-modal_ihjk8_9"
+  "create-btn": "_create-btn_zxqu9_1",
+  "modal-container": "_modal-container_zxqu9_9",
+  "query-modal": "_query-modal_zxqu9_17"
 };
-const container$7 = "_container_1q2ss_1";
-const header$3 = "_header_1q2ss_5";
-const wrapper$2 = "_wrapper_1q2ss_9";
-const column = "_column_1q2ss_17";
-const columnText$1 = "_columnText_1q2ss_21";
+const container$7 = "_container_u2z1d_1";
+const header$3 = "_header_u2z1d_9";
+const wrapper$2 = "_wrapper_u2z1d_17";
+const column = "_column_u2z1d_33";
+const columnText$1 = "_columnText_u2z1d_41";
 var styles$n = {
   container: container$7,
   header: header$3,
   wrapper: wrapper$2,
-  "col-container": "_col-container_1q2ss_13",
+  "col-container": "_col-container_u2z1d_25",
   column,
   columnText: columnText$1
 };
@@ -87668,47 +87672,6 @@ const ChartConfigure = ({
                   value: customSettings.subHeaderFontSize
                 })]
               })]
-            }), /* @__PURE__ */ jsxs("div", {
-              className: styles$m.seriesWrapper,
-              children: [/* @__PURE__ */ jsx(Text, {
-                variant: "h1",
-                styleClass: "primary",
-                children: "Date formatting"
-              }), /* @__PURE__ */ jsx("div", {
-                className: styles$m.valueLabelWrapper,
-                children: /* @__PURE__ */ jsx(Select, {
-                  value: customSettings.dateFormatter,
-                  options: [{
-                    label: "None",
-                    value: "none"
-                  }, {
-                    label: "dd-mm-yyyy",
-                    value: "dd-mm-yyyy"
-                  }, {
-                    label: "mm-dd-yyyy",
-                    value: "mm-dd-yyyy"
-                  }, {
-                    label: "yyyy-mm-dd",
-                    value: "yyyy-mm-dd"
-                  }, {
-                    label: "dd/mm/yyyy",
-                    value: "dd/mm/yyyy"
-                  }, {
-                    label: "mm/dd/yyyy",
-                    value: "mm/dd/yyyy"
-                  }, {
-                    label: "yyyy/mm/dd",
-                    value: "yyyy/mm/dd"
-                  }, {
-                    label: "hh:mm:ss",
-                    value: "hh:mm:ss"
-                  }],
-                  onChange: (value) => setCustomSettings((s2) => ({
-                    ...s2,
-                    dateFormatter: value
-                  }))
-                })
-              })]
             }), /* @__PURE__ */ jsxs("div", {
               className: styles$m.seriesWrapper,
               children: [/* @__PURE__ */ jsx(Text, {
@@ -88274,10 +88237,10 @@ const ChartTab = ({
     })]
   });
 };
-const container$5 = "_container_yjeiv_1";
-const wrapper$1 = "_wrapper_yjeiv_5";
-const text = "_text_yjeiv_9";
-const table$2 = "_table_yjeiv_12";
+const container$5 = "_container_wjdaz_1";
+const wrapper$1 = "_wrapper_wjdaz_9";
+const text = "_text_wjdaz_17";
+const table$2 = "_table_wjdaz_23";
 var styles$i = {
   container: container$5,
   wrapper: wrapper$1,
@@ -88310,16 +88273,16 @@ const InputTables = ({
     })
   });
 };
-const container$4 = "_container_38zl3_1";
-const header$1 = "_header_38zl3_5";
-const tabButton$1 = "_tabButton_38zl3_16";
-const selectedTab = "_selectedTab_38zl3_19";
-const table$1 = "_table_38zl3_22";
+const container$4 = "_container_127xg_1";
+const header$1 = "_header_127xg_9";
+const tabButton$1 = "_tabButton_127xg_31";
+const selectedTab = "_selectedTab_127xg_37";
+const table$1 = "_table_127xg_43";
 var styles$h = {
   container: container$4,
   header: header$1,
-  "text-container": "_text-container_38zl3_9",
-  "btn-container": "_btn-container_38zl3_13",
+  "text-container": "_text-container_127xg_17",
+  "btn-container": "_btn-container_127xg_25",
   tabButton: tabButton$1,
   selectedTab,
   table: table$1
@@ -88400,18 +88363,18 @@ const TableTab = ({
     })]
   });
 };
-const mainContainerUpdate = "_mainContainerUpdate_70jy1_4";
-const wrapper = "_wrapper_70jy1_12";
-const updateWrapper = "_updateWrapper_70jy1_15";
-const updateWrapperContent = "_updateWrapperContent_70jy1_18";
-const createWrapperContent = "_createWrapperContent_70jy1_21";
-const searchCommand = "_searchCommand_70jy1_24";
-const tabButton = "_tabButton_70jy1_27";
-const tabActive = "_tabActive_70jy1_30";
+const mainContainerUpdate = "_mainContainerUpdate_z1gwh_7";
+const wrapper = "_wrapper_z1gwh_23";
+const updateWrapper = "_updateWrapper_z1gwh_29";
+const updateWrapperContent = "_updateWrapperContent_z1gwh_35";
+const createWrapperContent = "_createWrapperContent_z1gwh_41";
+const searchCommand = "_searchCommand_z1gwh_47";
+const tabButton = "_tabButton_z1gwh_53";
+const tabActive = "_tabActive_z1gwh_59";
 var styles$g = {
-  "main-container": "_main-container_70jy1_1",
+  "main-container": "_main-container_z1gwh_1",
   mainContainerUpdate,
-  "outputTab-header": "_outputTab-header_70jy1_8",
+  "outputTab-header": "_outputTab-header_z1gwh_15",
   wrapper,
   updateWrapper,
   updateWrapperContent,
@@ -88549,30 +88512,30 @@ const MetricOutput = ({
     })]
   });
 };
-const fieldValueIcon = "_fieldValueIcon_14dsc_25";
-const fieldAddBtnIcon = "_fieldAddBtnIcon_14dsc_33";
-const group = "_group_14dsc_1";
-const tooltipWrapper = "_tooltipWrapper_14dsc_45";
-const tooltip = "_tooltip_14dsc_45";
-const dropdown = "_dropdown_14dsc_57";
-const filterDropdown = "_filterDropdown_14dsc_61";
-const filterValues = "_filterValues_14dsc_65";
-const columnText = "_columnText_14dsc_69";
-const disabled = "_disabled_14dsc_73";
-const checkIcon = "_checkIcon_14dsc_77";
-const generateButton = "_generateButton_14dsc_81";
+const fieldValueIcon = "_fieldValueIcon_107sf_49";
+const fieldAddBtnIcon = "_fieldAddBtnIcon_107sf_65";
+const group = "_group_107sf_1";
+const tooltipWrapper = "_tooltipWrapper_107sf_89";
+const tooltip = "_tooltip_107sf_89";
+const dropdown = "_dropdown_107sf_113";
+const filterDropdown = "_filterDropdown_107sf_121";
+const filterValues = "_filterValues_107sf_129";
+const columnText = "_columnText_107sf_137";
+const disabled = "_disabled_107sf_145";
+const checkIcon = "_checkIcon_107sf_153";
+const generateButton = "_generateButton_107sf_161";
 var styles$f = {
-  "form-container": "_form-container_14dsc_1",
-  "field-container": "_field-container_14dsc_5",
-  "field-label": "_field-label_14dsc_9",
-  "field-wrapper": "_field-wrapper_14dsc_13",
-  "field-inner-container": "_field-inner-container_14dsc_17",
-  "field-value": "_field-value_14dsc_21",
+  "form-container": "_form-container_107sf_1",
+  "field-container": "_field-container_107sf_9",
+  "field-label": "_field-label_107sf_17",
+  "field-wrapper": "_field-wrapper_107sf_25",
+  "field-inner-container": "_field-inner-container_107sf_33",
+  "field-value": "_field-value_107sf_41",
   fieldValueIcon,
-  "field-add-btn": "_field-add-btn_14dsc_29",
+  "field-add-btn": "_field-add-btn_107sf_57",
   fieldAddBtnIcon,
-  "field-value-container": "_field-value-container_14dsc_37",
-  "field-prompt": "_field-prompt_14dsc_41",
+  "field-value-container": "_field-value-container_107sf_73",
+  "field-prompt": "_field-prompt_107sf_81",
   group,
   tooltipWrapper,
   tooltip,
@@ -88583,12 +88546,12 @@ var styles$f = {
   disabled,
   checkIcon,
   generateButton,
-  "saved-container": "_saved-container_14dsc_85",
-  "custom-container": "_custom-container_14dsc_89",
-  "simple-container": "_simple-container_14dsc_93",
-  "filter-dropdown": "_filter-dropdown_14dsc_97",
-  "editor-field": "_editor-field_14dsc_101",
-  "tab-border": "_tab-border_14dsc_105"
+  "saved-container": "_saved-container_107sf_169",
+  "custom-container": "_custom-container_107sf_177",
+  "simple-container": "_simple-container_107sf_185",
+  "filter-dropdown": "_filter-dropdown_107sf_193",
+  "editor-field": "_editor-field_107sf_201",
+  "tab-border": "_tab-border_107sf_209"
 };
 const button$1 = "_button_18a2n_1";
 const menu$1 = "_menu_18a2n_7";
@@ -107939,8 +107902,8 @@ var ace$3 = { exports: {} };
         } };
       if (config.get("loadWorkerFromBlob")) {
         var blob = $workerBlob(workerUrl);
-        var URL = window.URL || window.webkitURL;
-        var blobURL = URL.createObjectURL(blob);
+        var URL2 = window.URL || window.webkitURL;
+        var blobURL = URL2.createObjectURL(blob);
         return new Worker(blobURL);
       }
       return new Worker(workerUrl);
@@ -116693,10 +116656,10 @@ const MetricForm = ({
     })]
   });
 };
-const container$2 = "_container_rofqe_1";
-const header = "_header_rofqe_5";
-const enableGroupBy = "_enableGroupBy_rofqe_8";
-const enableGroupButton = "_enableGroupButton_rofqe_11";
+const container$2 = "_container_1v000_1";
+const header = "_header_1v000_9";
+const enableGroupBy = "_enableGroupBy_1v000_15";
+const enableGroupButton = "_enableGroupButton_1v000_21";
 var styles$d = {
   container: container$2,
   header,
@@ -121663,46 +121626,48 @@ function WidthProvideRGL(ComposedComponent) {
   module.exports.WidthProvider = WidthProvider.default;
 })(reactGridLayout);
 var styles$c = "";
+const fullscreen$2 = "_fullscreen_1en1r_49";
 var styles$b = {
-  "MetricList-container": "_MetricList-container_15a2v_1",
-  "MetricList-wrapper": "_MetricList-wrapper_15a2v_9",
-  "MetricList-wrapper-move": "_MetricList-wrapper-move_15a2v_17",
-  "noMetric-container": "_noMetric-container_15a2v_25",
-  "noMetric-wrapper": "_noMetric-wrapper_15a2v_33",
-  "alt-container": "_alt-container_15a2v_41"
+  "MetricList-container": "_MetricList-container_1en1r_1",
+  "MetricList-wrapper": "_MetricList-wrapper_1en1r_9",
+  "MetricList-wrapper-move": "_MetricList-wrapper-move_1en1r_17",
+  "noMetric-container": "_noMetric-container_1en1r_25",
+  "noMetric-wrapper": "_noMetric-wrapper_1en1r_33",
+  "alt-container": "_alt-container_1en1r_41",
+  fullscreen: fullscreen$2
 };
-const cardContainer = "_cardContainer_hxh6o_1";
-const listHeader = "_listHeader_hxh6o_9";
-const metricName = "_metricName_hxh6o_17";
-const metricTitle = "_metricTitle_hxh6o_25";
-const metricDescription = "_metricDescription_hxh6o_33";
-const popup = "_popup_hxh6o_41";
-const metricFilter$1 = "_metricFilter_hxh6o_49";
-const popupIcon = "_popupIcon_hxh6o_57";
-const popupMenu = "_popupMenu_hxh6o_65";
-const popupItem = "_popupItem_hxh6o_73";
-const popupItemIcon = "_popupItemIcon_hxh6o_81";
-const csvBtn = "_csvBtn_hxh6o_89";
-const deleteBtn = "_deleteBtn_hxh6o_97";
-const metricData = "_metricData_hxh6o_105";
-const singleValueData = "_singleValueData_hxh6o_113";
-const singleValue = "_singleValue_hxh6o_113";
-const noData = "_noData_hxh6o_129";
-const noDataContent = "_noDataContent_hxh6o_137";
-const noDataText = "_noDataText_hxh6o_145";
-const loading$1 = "_loading_hxh6o_153";
-const features = "_features_hxh6o_161";
-const fullscreen$1 = "_fullscreen_hxh6o_169";
-const deleteModal = "_deleteModal_hxh6o_177";
-const cancelBtn = "_cancelBtn_hxh6o_185";
-const warningIcon = "_warningIcon_hxh6o_193";
-const downloadCsv = "_downloadCsv_hxh6o_201";
-const downloadCsvWrapper = "_downloadCsvWrapper_hxh6o_209";
-const downloadCsvHeader = "_downloadCsvHeader_hxh6o_215";
-const downloadCsvFooter = "_downloadCsvFooter_hxh6o_221";
-const downloadCsvCancelBtn = "_downloadCsvCancelBtn_hxh6o_229";
-const downloadCsvNote = "_downloadCsvNote_hxh6o_237";
-const downloadCsvNoteText = "_downloadCsvNoteText_hxh6o_245";
+const cardContainer = "_cardContainer_1u57p_1";
+const listHeader = "_listHeader_1u57p_9";
+const metricName = "_metricName_1u57p_17";
+const metricTitle = "_metricTitle_1u57p_25";
+const metricDescription = "_metricDescription_1u57p_33";
+const popup = "_popup_1u57p_41";
+const metricFilter$1 = "_metricFilter_1u57p_49";
+const popupIcon = "_popupIcon_1u57p_57";
+const popupMenu = "_popupMenu_1u57p_65";
+const popupItem = "_popupItem_1u57p_73";
+const popupItemIcon = "_popupItemIcon_1u57p_81";
+const csvBtn = "_csvBtn_1u57p_89";
+const deleteBtn = "_deleteBtn_1u57p_97";
+const metricData = "_metricData_1u57p_105";
+const singleValueData = "_singleValueData_1u57p_113";
+const singleValue = "_singleValue_1u57p_113";
+const noData = "_noData_1u57p_129";
+const noDataContent = "_noDataContent_1u57p_137";
+const noDataText = "_noDataText_1u57p_145";
+const loading$1 = "_loading_1u57p_153";
+const features = "_features_1u57p_161";
+const fullscreen$1 = "_fullscreen_1u57p_169";
+const deleteModal = "_deleteModal_1u57p_177";
+const cancelBtn = "_cancelBtn_1u57p_185";
+const warningIcon = "_warningIcon_1u57p_193";
+const downloadCsv = "_downloadCsv_1u57p_201";
+const downloadCsvWrapper = "_downloadCsvWrapper_1u57p_209";
+const downloadCsvHeader = "_downloadCsvHeader_1u57p_215";
+const downloadCsvFooter = "_downloadCsvFooter_1u57p_221";
+const downloadCsvCancelBtn = "_downloadCsvCancelBtn_1u57p_229";
+const downloadCsvNote = "_downloadCsvNote_1u57p_237";
+const downloadCsvNoteText = "_downloadCsvNoteText_1u57p_245";
 var styles$a = {
   cardContainer,
   listHeader,
@@ -121735,7 +121700,9 @@ var styles$a = {
   downloadCsvFooter,
   downloadCsvCancelBtn,
   downloadCsvNote,
-  downloadCsvNoteText
+  downloadCsvNoteText,
+  "tab-border-bottom": "_tab-border-bottom_1u57p_253",
+  "download-info-text": "_download-info-text_1u57p_261"
 };
 var NoData = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMTgyYzYwO30uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5jbHMtM3tmaWxsOiM1ODY1ZjY7b3BhY2l0eTouMTt9LmNscy00e2ZpbGw6I2YyZjNmNDt9LmNscy01e2ZpbGw6I2MxYzdjOTt9LmNscy02e2ZpbGw6I2RhZGVkZjt9LmNscy03e2ZpbGw6IzE4MmM2MDt9LmNscy0ye3N0cm9rZTojNTg2NWY2O3N0cm9rZS13aWR0aDo0cHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIxMC41LDIwMC44M2MuNC0uNjYuNjgtMS40LjgyLTIuMiwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguNDMtNC41Ni0yLjA5LTkuNjgtNi44Ni0xMC42Ni0uMDEsMC0uMDMsMC0uMDQsMC0yLjQtLjQ5LTUuMDItLjIyLTcuNDUtLjIyaC00NC4yMmMtLjUyLDAtMi4zMy0uMzEtMi43NywwbC0yNC4yOCwxNy4yMmgtNjEuNjFjLTMuOTcsMC02Ljk5LDMuNTYtNi4zNCw3LjQ3bDkuNzUsNTkuNDJjLjUxLDMuMTEsMy4yLDUuMzksNi4zNCw1LjM5aDExNy44NiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIwNywxMTQuNDN2LTguNTRjMC0zLjU1LTIuODgtNi40My02LjQzLTYuNDNoLTE3LjE5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTAzLjQ3LDk5LjQ2aC0xNS4xMmMtMy41NSwwLTYuNDMsMi44OC02LjQzLDYuNDN2MjUuNDgiLz48Zz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIxMTQuMTIiIHkxPSI5NC4wOCIgeDI9IjE0NC44NCIgeTI9Ijk0LjA4Ii8+PGc+PHJlY3QgY2xhc3M9ImNscy02IiB4PSIxMTIuNjEiIHk9IjEwMi40MyIgd2lkdGg9IjE4Ljk3IiBoZWlnaHQ9IjMuMiIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMTM3LjYxIiB5PSIxMDIuNDMiIHdpZHRoPSI4LjkiIGhlaWdodD0iMy4yIi8+PC9nPjwvZz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Im0xNjQuOTgsODEuNDZsLS4wOCwxNi4yOHMuMTUsMy4yNC4zLDMuNjIuNiwxLjUxLDEuMTMsMS44OCwxLjAyLjc5LDEuNzcsMS4wNi45NC40OSwyLjExLjQ5LDE4LjE3LjA0LDE4LjE3LjA0bC0yMy40MS0yMy4zN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xODguNTEsMTA0LjkxdjkuNTIiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMDMuNTMsMTMxLjM3di00NC45NWMwLTIuODQsMi4zLTUuMTUsNS4xNS01LjE1LDE4Ljc3LDAsMzcuNTQsMCw1Ni4zMSwwIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTY1LjAxLDgxLjI3djE4LjM1YzAsMi44NCwyLjMxLDUuMTUsNS4xNSw1LjE1aDE4LjM1cy0yMy41LTIzLjYyLTIzLjUtMjMuNVoiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMjQuOTYiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMzEuMjUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xOTIuNTcsMTgzLjMzYzkuNjIsOS42MiwzMC4yOCwzMC4yOCwzMC4yOCwzMC4yOCwxLjE3LDEuMTcsMS4xNywzLjA3LDAsNC4yNHMtMy4wNywxLjE3LTQuMjQsMGMwLDAtMjAuNTgtMjAuNTgtMzAuMjItMzAuMjIiLz48Zz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNjguNjYsMTcwLjkzYy0uNzQsMC0xLjM0LjI0LTEuODEuNzItLjQ3LjQ4LS43MSwxLjA5LS43MSwxLjgzcy4yNCwxLjMyLjcxLDEuODFjLjQ3LjQ5LDEuMDcuNzQsMS44MS43NHMxLjM0LS4yNSwxLjgxLS43NGMuNDctLjQ5LjcxLTEuMS43MS0xLjgxcy0uMjQtMS4zNC0uNzEtMS44M2MtLjQ3LS40OC0xLjA4LS43Mi0xLjgxLS43MloiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNzQuNjksMTUzLjc3Yy0uNjItMS4wMi0xLjQ5LTEuODItMi42LTIuNC0xLjEyLS41Ny0yLjQtLjg2LTMuODUtLjg2LTEuNjgsMC0zLjE3LjQtNC40NywxLjE5cy0yLjI5LDEuOTQtMi45OCwzLjQzbDIuNzYsMi4yOGMuNDYtMS4wNiwxLjA3LTEuODYsMS44NS0yLjQuNzctLjU0LDEuNjUtLjgxLDIuNjQtLjgxLjc2LDAsMS40MS4xNCwxLjk3LjQxLjU1LjI4Ljk4LjY3LDEuMjgsMS4xNy4zLjUxLjQ1LDEuMS40NSwxLjc5cy0uMTYsMS4yOS0uNDcsMS44MWMtLjMxLjUyLS43NS45Mi0xLjMxLDEuMjEtLjU2LjI5LTEuMjIuNDMtMS45OC40M2gtLjkzdjYuNjZoMy4yOGwuMjYtMy43M2MuNzEtLjI0LDEuMzctLjU1LDEuOTUtLjkzLjk5LS42NCwxLjc1LTEuNDUsMi4yOS0yLjQxLjU0LS45Ny44MS0yLjA3LjgxLTMuMzEsMC0xLjMzLS4zMS0yLjUxLS45My0zLjU0WiIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im04NS41NSwyMDMuOTdjLjY4LDIuODksMy4yNiw0Ljk2LDYuMjYsNC45NmgxMTcuNzMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yMTUuMzcsMjA2LjA0Yy40Ny0uNzEuOC0xLjUyLjk1LTIuNCwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguMzktNC4xNi0xLjY4LTguNzktNS42Ny0xMC4zMSIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0ibTIyMy41MSwxMjAuMDhzLjQ5LDEuNjIuNTMsMS43My4zMiwyLjQ0LjMyLDIuNDRsLS4wNCwxLjkxLTEuMzgsNy4xMy0zLjM5LDE5LjMxLTIuODksMTUuOTItMi45NiwxNi43Ni0yLjQ0LDEzLjE2LS45MiwyLjY1LDQuOTgsNS4xNS44NS0yLjE1LjgxLTQuMDYsMS40OC04LjMzLDIuODItMTUuNzEsMi4xNS0xMi4xMSwxLjk0LTExLjM2LDIuNzUtMTQuNzUuODgtNC42OS4yOC0yLjU4LjA3LTIuMTItLjYtMi43NS0xLjI0LTIuMzYtMS4wOS0xLjU5LTIuMDEtMS4zMS0uOTItLjI4WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtNyIgcG9pbnRzPSI4NS42OCAyMDMuOTMgMjA0LjU1IDIwMy44NCAyMDkuMzUgMjA4LjczIDE0OC40OCAyMDguODggOTAuOTUgMjA5LjAyIDg5LjUgMjA4LjY2IDg3Ljk4IDIwNy45MiA4Ni44MiAyMDYuNTggODYuMDEgMjA1LjAzIDg1LjY4IDIwMy45MyIvPjwvc3ZnPg==";
 const materialSymbolsArchiveOutline = (props) => /* @__PURE__ */ jsx("svg", {
@@ -121804,8 +121771,8 @@ const ChartImageDownloadButton = ({
     }), text2]
   });
 };
-const metricFilter = "_metricFilter_k2gef_1";
-const customContainer = "_customContainer_k2gef_4";
+const metricFilter = "_metricFilter_1xge8_1";
+const customContainer = "_customContainer_1xge8_7";
 var styles$9 = {
   metricFilter,
   customContainer
@@ -121908,24 +121875,24 @@ const MetricFilterDropDown = ({
     }) : void 0
   });
 };
-const container$1 = "_container_14i90_1";
-const popover = "_popover_14i90_5";
-const button = "_button_14i90_9";
-const buttonOpen = "_buttonOpen_14i90_13";
-const menu = "_menu_14i90_17";
-const enter = "_enter_14i90_21";
-const enterFrom = "_enterFrom_14i90_25";
-const enterTo = "_enterTo_14i90_29";
-const leave = "_leave_14i90_33";
-const leaveFrom = "_leaveFrom_14i90_37";
-const leaveTo = "_leaveTo_14i90_41";
-const center = "_center_14i90_45";
-const top = "_top_14i90_49";
-const bottom = "_bottom_14i90_53";
-const left = "_left_14i90_57";
-const right = "_right_14i90_61";
-const chartOptionBtn = "_chartOptionBtn_14i90_113";
-const chartpopup = "_chartpopup_14i90_117";
+const container$1 = "_container_a6fvx_1";
+const popover = "_popover_a6fvx_9";
+const button = "_button_a6fvx_17";
+const buttonOpen = "_buttonOpen_a6fvx_25";
+const menu = "_menu_a6fvx_33";
+const enter = "_enter_a6fvx_41";
+const enterFrom = "_enterFrom_a6fvx_49";
+const enterTo = "_enterTo_a6fvx_57";
+const leave = "_leave_a6fvx_65";
+const leaveFrom = "_leaveFrom_a6fvx_73";
+const leaveTo = "_leaveTo_a6fvx_81";
+const center = "_center_a6fvx_89";
+const top = "_top_a6fvx_97";
+const bottom = "_bottom_a6fvx_105";
+const left = "_left_a6fvx_113";
+const right = "_right_a6fvx_121";
+const chartOptionBtn = "_chartOptionBtn_a6fvx_225";
+const chartpopup = "_chartpopup_a6fvx_233";
 var styles$8 = {
   container: container$1,
   popover,
@@ -121943,23 +121910,23 @@ var styles$8 = {
   bottom,
   left,
   right,
-  "left-top-end": "_left-top-end_14i90_65",
-  "right-top-end": "_right-top-end_14i90_69",
-  "left-bottom-end": "_left-bottom-end_14i90_73",
-  "right-bottom-end": "_right-bottom-end_14i90_77",
-  "top-left": "_top-left_14i90_81",
-  "top-right": "_top-right_14i90_85",
-  "bottom-left": "_bottom-left_14i90_89",
-  "bottom-right": "_bottom-right_14i90_93",
-  "left-top": "_left-top_14i90_65",
-  "left-bottom": "_left-bottom_14i90_73",
-  "right-top": "_right-top_14i90_69",
-  "right-bottom": "_right-bottom_14i90_77",
+  "left-top-end": "_left-top-end_a6fvx_129",
+  "right-top-end": "_right-top-end_a6fvx_137",
+  "left-bottom-end": "_left-bottom-end_a6fvx_145",
+  "right-bottom-end": "_right-bottom-end_a6fvx_153",
+  "top-left": "_top-left_a6fvx_161",
+  "top-right": "_top-right_a6fvx_169",
+  "bottom-left": "_bottom-left_a6fvx_177",
+  "bottom-right": "_bottom-right_a6fvx_185",
+  "left-top": "_left-top_a6fvx_129",
+  "left-bottom": "_left-bottom_a6fvx_145",
+  "right-top": "_right-top_a6fvx_137",
+  "right-bottom": "_right-bottom_a6fvx_153",
   chartOptionBtn,
   chartpopup
 };
-const fullscreen = "_fullscreen_1gpy3_1";
-const loading = "_loading_1gpy3_5";
+const fullscreen = "_fullscreen_19jec_1";
+const loading = "_loading_19jec_9";
 var styles$7 = {
   fullscreen,
   loading
@@ -122141,108 +122108,9 @@ const ChartPopup = ({
   });
 };
 var ChartPopup$1 = React__default.memo(ChartPopup);
-const getSqlStatement = ({
-  query,
-  clientName,
-  tenancyType,
-  values
-}) => {
-  const str = clientName ? tenancyType === DATABASE ? query.replace(new RegExp(DATABASE_NAME, "g"), clientName) : Number(clientName) ? query.replace(new RegExp(CLIENT_NAME_VAR_NUM, "g"), clientName) : query.replace(new RegExp(CLIENT_NAME_VAR, "g"), clientName) : query;
-  if (!values) {
-    return str;
-  }
-  const replacedStr = str.replace(/[^']+_variable/g, (match) => {
-    const value = values[match];
-    return `${value}`;
-  });
-  return replacedStr;
-};
-const useDownloadRawCsv = () => {
-  const [isShowRawCsvModal, setRawCsvModal] = useState(false);
-  const [isLoading, setLoading] = useState(false);
-  const [downloadCsvError, setError] = useState("");
-  const { mutate } = useRawCsvMutation();
-  const { handleSubmit, register: register2 } = useForm();
-  const onSubmitDownloadCsv = ({
-    companyId,
-    sqlQuery,
-    values,
-    clientName,
-    tenancyType,
-    metricName: metricName2,
-    workspaceId
-  }) => {
-    setLoading(true);
-    setError("");
-    const modifiedQuery = getSqlStatement({
-      query: sqlQuery,
-      clientName,
-      tenancyType,
-      values
-    });
-    mutate(
-      {
-        companyId,
-        recipientAddress: values.email,
-        sqlQuery: modifiedQuery,
-        metricName: metricName2,
-        workspaceId
-      },
-      {
-        onSuccess(data) {
-          var _a2, _b2;
-          const success2 = (_a2 = data.sendRawCsv) == null ? void 0 : _a2.status;
-          const error2 = (_b2 = data.sendRawCsv) == null ? void 0 : _b2.error;
-          if (success2) {
-            setError("");
-            setLoading(false);
-            setRawCsvModal(false);
-          } else if (error2) {
-            setError(error2.message);
-            setLoading(false);
-          } else {
-            setError(SOMETHING_WENT_WRONG);
-            setLoading(false);
-          }
-        }
-      }
-    );
-  };
-  return {
-    isShowRawCsvModal,
-    setRawCsvModal,
-    isLoading,
-    downloadCsvError,
-    onSubmitDownloadCsv,
-    handleSubmit,
-    register: register2
-  };
-};
-const required = { required: "Required" };
-const asEmail = {
-  ...required,
-  pattern: {
-    value: /^\S+@\S+$/i,
-    message: "Entered value does not match email format"
-  }
-};
-({
-  ...required,
-  minLength: {
-    value: 8,
-    message: "Min length is 8"
-  }
-});
-({
-  ...required,
-  minLength: {
-    value: 3,
-    message: "Min length is 3"
-  }
-});
 var styles$6 = {
-  "dbc-container": "_dbc-container_1dw7c_1",
-  "active-dimension": "_active-dimension_1dw7c_5"
+  "dbc-container": "_dbc-container_nmp4f_1",
+  "active-dimension": "_active-dimension_nmp4f_9"
 };
 const DrillBreadCrumb = ({
   dimensions,
@@ -122269,7 +122137,9 @@ const MetricCard = ({
   companyTenancyType,
   renderHeaderName,
   onArchive,
-  onEdit
+  onEdit,
+  onTableView,
+  onDownloadRawCsv
 }) => {
   var _a2;
   const chartRef = useRef(null);
@@ -122380,7 +122250,6 @@ const MetricCard = ({
   const [backGroundColor, setBackGroundColor] = useState({
     show: false
   });
-  const [isShowTablePreview, setTablePreview] = useState(false);
   const [groupedData, setGroupedData] = useState([]);
   const [drillDownSettings, setDrillDownSettings] = useState();
   const [drilledLevel, setDrilledLevel] = useState(0);
@@ -122522,17 +122391,8 @@ const MetricCard = ({
   const onDrillDown = () => {
     drilldown(columnName, chartParams, drillDownSettings, dataDb, setDrilledLevel, drilledLevel, setShowChartPopup, setGroupedData);
   };
-  const {
-    isShowRawCsvModal,
-    setRawCsvModal,
-    downloadCsvError,
-    handleSubmit,
-    isLoading,
-    onSubmitDownloadCsv,
-    register: register2
-  } = useDownloadRawCsv();
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsxs("div", {
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: /* @__PURE__ */ jsxs("div", {
       className: styles$a.cardContainer,
       onContextMenu: (e2) => {
         e2.preventDefault();
@@ -122618,20 +122478,20 @@ const MetricCard = ({
               text: "Save As CSV",
               iconClass: styles$a.popupItemIcon
             }), !!dataDb.length && /* @__PURE__ */ jsxs(Fragment, {
-              children: [/* @__PURE__ */ jsxs(Button, {
+              children: [onTableView && /* @__PURE__ */ jsxs(Button, {
                 variant: "custom",
                 type: "button",
                 className: `${styles$a.popupItem} ${styles$a.csvBtn}`,
-                onClick: () => setTablePreview(true),
+                onClick: () => onTableView(metricItem, dataDb),
                 children: [/* @__PURE__ */ jsx(Icons, {
                   name: "table-tab-icon",
                   className: styles$a.popupItemIcon
                 }), "View As Table"]
-              }), /* @__PURE__ */ jsxs(Button, {
+              }), onDownloadRawCsv && /* @__PURE__ */ jsxs(Button, {
                 variant: "custom",
                 type: "button",
                 className: `${styles$a.popupItem} ${styles$a.csvBtn}`,
-                onClick: () => setRawCsvModal(true),
+                onClick: () => onDownloadRawCsv(metricItem),
                 children: [/* @__PURE__ */ jsx(Icons, {
                   name: "csv-icon",
                   className: styles$a.popupItemIcon
@@ -122719,82 +122579,7 @@ const MetricCard = ({
           handleChartRightClick
         }) : null]
       })]
-    }), !!dataDb.length && /* @__PURE__ */ jsx(Modal, {
-      isOpen: isShowTablePreview,
-      onClose: () => setTablePreview(false),
-      headerTitle: metricItem.name,
-      children: /* @__PURE__ */ jsx("div", {
-        className: styles$a.fullscreen,
-        children: /* @__PURE__ */ jsx(Table, {
-          data: dataDb,
-          isLoading: isQueryLoading,
-          error: ""
-        })
-      })
-    }), /* @__PURE__ */ jsx(Modal, {
-      isOpen: isShowRawCsvModal,
-      onClose: () => setRawCsvModal(false),
-      headerTitle: "Download Raw csv",
-      children: /* @__PURE__ */ jsxs("form", {
-        className: styles$a.downloadCsv,
-        onSubmit: handleSubmit((values) => {
-          var _a3;
-          return onSubmitDownloadCsv({
-            values,
-            sqlQuery: metricItem.query,
-            companyId: metricItem.companyId,
-            clientName: client,
-            tenancyType: companyTenancyType,
-            metricName: metricItem == null ? void 0 : metricItem.name,
-            workspaceId: (_a3 = metricItem == null ? void 0 : metricItem.companyIntegration) == null ? void 0 : _a3.workspaceId
-          });
-        }),
-        children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$a.downloadCsvWrapper,
-          children: [/* @__PURE__ */ jsx(InputField, {
-            type: "email",
-            label: "email",
-            placeholder: "enter a valid email",
-            register: register2("email", asEmail)
-          }), /* @__PURE__ */ jsx(Error$1, {
-            message: downloadCsvError
-          }), /* @__PURE__ */ jsxs("div", {
-            className: styles$a.downloadCsvNote,
-            children: [/* @__PURE__ */ jsx(Icons, {
-              name: "info-icon",
-              className: styles$a.popupItemIcon
-            }), /* @__PURE__ */ jsxs("div", {
-              className: styles$a.downloadCsvNoteText,
-              children: [/* @__PURE__ */ jsx(Text, {
-                styleClass: "primary",
-                variant: "h1",
-                children: "Note:"
-              }), /* @__PURE__ */ jsx(Text, {
-                styleClass: "font-14",
-                variant: "p",
-                children: "You will shortly receive a mail with CSV attached to the above email id, once you click on Submit"
-              })]
-            })]
-          })]
-        }), /* @__PURE__ */ jsxs(ModalFooter, {
-          children: [/* @__PURE__ */ jsx(Button, {
-            variant: "custom",
-            type: "button",
-            size: "small",
-            className: styles$a.downloadCsvCancelBtn,
-            onClick: () => setRawCsvModal(false),
-            isDisabled: isLoading,
-            children: "Cancel"
-          }), /* @__PURE__ */ jsx(Button, {
-            variant: "primary",
-            type: "submit",
-            size: "small",
-            isDisabled: isLoading,
-            children: "Submit"
-          })]
-        })]
-      })
-    })]
+    })
   });
 };
 const SingleValueCard = ({
@@ -123196,6 +122981,444 @@ const LayoutAlert = ({
     })
   });
 };
+const timeAgo = (unixTimestamp) => {
+  const now = Date.now();
+  const diff2 = now - unixTimestamp;
+  const units = [
+    { label: "year", duration: 1e3 * 60 * 60 * 24 * 365 },
+    { label: "month", duration: 1e3 * 60 * 60 * 24 * 30 },
+    { label: "week", duration: 1e3 * 60 * 60 * 24 * 7 },
+    { label: "day", duration: 1e3 * 60 * 60 * 24 },
+    { label: "hour", duration: 1e3 * 60 * 60 },
+    { label: "minute", duration: 1e3 * 60 },
+    { label: "second", duration: 1e3 },
+    { label: "millisecond", duration: 1 }
+  ];
+  for (const unit of units) {
+    const numUnitsAgo = Math.floor(diff2 / unit.duration);
+    if (numUnitsAgo >= 1) {
+      return `${numUnitsAgo} ${unit.label}${numUnitsAgo > 1 ? "s" : ""} ago`;
+    }
+  }
+  return "just now";
+};
+const getSqlStatement = ({
+  query,
+  clientName,
+  tenancyType,
+  values
+}) => {
+  const str = clientName ? tenancyType === DATABASE ? query.replace(new RegExp(DATABASE_NAME, "g"), clientName) : Number(clientName) ? query.replace(new RegExp(CLIENT_NAME_VAR_NUM, "g"), clientName) : query.replace(new RegExp(CLIENT_NAME_VAR, "g"), clientName) : query;
+  if (!values) {
+    return str;
+  }
+  const replacedStr = str.replace(/[^']+_variable/g, (match) => {
+    const value = values[match];
+    return `${value}`;
+  });
+  return replacedStr;
+};
+const useDownloadRawCsv = (onCloseModal, metricItem) => {
+  const [csvDownloadUrlError, setCsvDownloadUrlError] = useState("");
+  const [isLoading, setLoading] = useState(false);
+  const [downloadCsvError, setError] = useState("");
+  const { mutate } = useRawCsvMutation();
+  const { mutate: invokeSaveRawCsvDetailsMutation } = useInvokeSaveRawCsvDetailsMutation();
+  const { handleSubmit, register: register2 } = useForm();
+  const { data: RawCsvUrlsData } = useExternalMetricRawCsvUrlsQuery(
+    { externalMetricId: metricItem == null ? void 0 : metricItem.id },
+    { enabled: !!(metricItem == null ? void 0 : metricItem.id) }
+  );
+  const isLinkExpired = (url) => {
+    const queryString = url.split("?")[1];
+    const params = new URLSearchParams(queryString);
+    const expires = parseInt(params.get("Expires"), 10);
+    const currentTime = Math.floor(Date.now() / 1e3);
+    const secondsLeft = expires - currentTime;
+    return { isExpired: currentTime > expires, secondsLeft };
+  };
+  const getUrls = (urls) => {
+    try {
+      return JSON.parse(urls);
+    } catch {
+      return [];
+    }
+  };
+  const csvDownloadUrls = useMemo(() => {
+    var _a2;
+    if ((_a2 = RawCsvUrlsData == null ? void 0 : RawCsvUrlsData.externalMetricRawCsvUrls) == null ? void 0 : _a2.length) {
+      const urls = getUrls(RawCsvUrlsData == null ? void 0 : RawCsvUrlsData.externalMetricRawCsvUrls[0].urls);
+      return {
+        urls,
+        lastUpdatedAt: timeAgo(
+          Date.parse(RawCsvUrlsData == null ? void 0 : RawCsvUrlsData.externalMetricRawCsvUrls[0].lastUpdatedAt)
+        ),
+        isExpired: urls.length ? isLinkExpired(urls[0]).isExpired : true,
+        error: RawCsvUrlsData == null ? void 0 : RawCsvUrlsData.externalMetricRawCsvUrls[0].error,
+        expireUrlIn: urls.length ? isLinkExpired(urls[0]).secondsLeft : 0
+      };
+    }
+    return {
+      urls: [],
+      lastUpdatedAt: 0,
+      isExpired: true,
+      error: null,
+      expireUrlIn: 0
+    };
+  }, [RawCsvUrlsData == null ? void 0 : RawCsvUrlsData.externalMetricRawCsvUrls]);
+  const handleDownload = (url) => {
+    setCsvDownloadUrlError("");
+    fetch(url).then((response) => {
+      if (!response.ok) {
+        if (response.status === 403) {
+          setCsvDownloadUrlError("download link is expired");
+        } else {
+          setCsvDownloadUrlError("something went wrong");
+        }
+      }
+      return response.blob();
+    }).then((blob) => {
+      const csvUrl = URL.createObjectURL(blob);
+      const a2 = document.createElement("a");
+      a2.download = `${metricItem == null ? void 0 : metricItem.name}.csv`;
+      a2.href = csvUrl;
+      document.body.appendChild(a2);
+      a2.click();
+      document.body.removeChild(a2);
+    }).catch(() => {
+      setCsvDownloadUrlError(
+        "There was an error downloading the CSV file. Please try again later."
+      );
+    });
+  };
+  const onSubmitDownloadCsv = ({
+    companyId,
+    sqlQuery,
+    values,
+    clientName,
+    tenancyType,
+    metricName: metricName2,
+    workspaceId
+  }) => {
+    setLoading(true);
+    setError("");
+    const modifiedQuery = getSqlStatement({
+      query: sqlQuery,
+      clientName,
+      tenancyType,
+      values
+    });
+    mutate(
+      {
+        companyId,
+        recipientAddress: values.email,
+        sqlQuery: modifiedQuery,
+        metricName: metricName2,
+        workspaceId
+      },
+      {
+        onSuccess(data) {
+          var _a2, _b2;
+          const success2 = (_a2 = data.sendRawCsv) == null ? void 0 : _a2.status;
+          const error2 = (_b2 = data.sendRawCsv) == null ? void 0 : _b2.error;
+          if (success2) {
+            setError("");
+            setLoading(false);
+            onCloseModal(false);
+          } else if (error2) {
+            setError(error2.message);
+            setLoading(false);
+          } else {
+            setError(SOMETHING_WENT_WRONG);
+            setLoading(false);
+          }
+        }
+      }
+    );
+  };
+  const saveRawCsvDetails = ({
+    values,
+    clientName,
+    tenancyType
+  }) => {
+    setLoading(true);
+    setError("");
+    invokeSaveRawCsvDetailsMutation(
+      {
+        configurations: { metricItem, fieldValues: values },
+        expireCsvFileAt: values.expireCsvFileAt,
+        expireUrlIn: parseInt(values.expireUrlIn, 10),
+        externalMetricId: metricItem == null ? void 0 : metricItem.id,
+        integrationId: metricItem == null ? void 0 : metricItem.companyIntegrationId,
+        integrationName: metricItem == null ? void 0 : metricItem.integrationName,
+        query: getSqlStatement({
+          query: metricItem == null ? void 0 : metricItem.query,
+          clientName,
+          tenancyType,
+          values
+        })
+      },
+      {
+        onSuccess({ invokeSaveRawCsvDetails }) {
+          if (invokeSaveRawCsvDetails == null ? void 0 : invokeSaveRawCsvDetails.statusCode) {
+            setLoading(false);
+            onCloseModal(false);
+          } else if (invokeSaveRawCsvDetails == null ? void 0 : invokeSaveRawCsvDetails.error) {
+            setLoading(false);
+            setError(invokeSaveRawCsvDetails.error);
+          } else {
+            setLoading(false);
+            setError(SOMETHING_WENT_WRONG);
+          }
+        },
+        onError() {
+          setLoading(false);
+          setError(SOMETHING_WENT_WRONG);
+        }
+      }
+    );
+  };
+  return {
+    isLoading,
+    downloadCsvError,
+    onSubmitDownloadCsv,
+    handleSubmit,
+    register: register2,
+    csvDownloadUrls,
+    handleDownload,
+    csvDownloadUrlError,
+    saveRawCsvDetails
+  };
+};
+const required = { required: "Required" };
+const asEmail = {
+  ...required,
+  pattern: {
+    value: /^\S+@\S+$/i,
+    message: "Entered value does not match email format"
+  }
+};
+({
+  ...required,
+  minLength: {
+    value: 8,
+    message: "Min length is 8"
+  }
+});
+({
+  ...required,
+  minLength: {
+    value: 3,
+    message: "Min length is 3"
+  }
+});
+const DownloadRawCsvModal = ({
+  onCloseModal,
+  isShowRawCsvModal,
+  metricItem,
+  client,
+  companyTenancyType
+}) => {
+  const [rawCsvType, setRawCsvType] = useState(RAW_CSV_OPTIONS[0]);
+  const {
+    downloadCsvError,
+    handleSubmit,
+    isLoading,
+    onSubmitDownloadCsv,
+    register: register2,
+    csvDownloadUrls,
+    handleDownload,
+    csvDownloadUrlError,
+    saveRawCsvDetails
+  } = useDownloadRawCsv(onCloseModal, metricItem);
+  return /* @__PURE__ */ jsx(Modal, {
+    isOpen: isShowRawCsvModal,
+    onClose: () => onCloseModal(false),
+    headerTitle: "Raw CSV",
+    children: /* @__PURE__ */ jsxs("div", {
+      className: styles$a.downloadCsv,
+      children: [/* @__PURE__ */ jsx(Tab, {
+        activeTab: rawCsvType,
+        options: RAW_CSV_OPTIONS,
+        setActiveTab: setRawCsvType,
+        className: styles$a["tab-border-bottom"]
+      }), rawCsvType === RAW_CSV_OPTIONS[1] && /* @__PURE__ */ jsxs("form", {
+        onSubmit: handleSubmit((values) => onSubmitDownloadCsv({
+          values,
+          sqlQuery: metricItem == null ? void 0 : metricItem.query,
+          companyId: metricItem == null ? void 0 : metricItem.companyId,
+          clientName: client,
+          tenancyType: companyTenancyType,
+          metricName: metricItem == null ? void 0 : metricItem.name,
+          workspaceId: metricItem == null ? void 0 : metricItem.companyIntegration.workspaceId
+        })),
+        children: [/* @__PURE__ */ jsxs("div", {
+          className: styles$a.downloadCsvWrapper,
+          children: [/* @__PURE__ */ jsx(InputField, {
+            type: "email",
+            label: "email",
+            placeholder: "enter a valid email",
+            register: register2("email", asEmail)
+          }), downloadCsvError && /* @__PURE__ */ jsx(Error$1, {
+            message: downloadCsvError
+          }), /* @__PURE__ */ jsxs("div", {
+            className: styles$a.downloadCsvNote,
+            children: [/* @__PURE__ */ jsx(Icons, {
+              name: "info-icon",
+              className: styles$a.popupItemIcon
+            }), /* @__PURE__ */ jsxs("div", {
+              className: styles$a.downloadCsvNoteText,
+              children: [/* @__PURE__ */ jsx(Text, {
+                styleClass: "primary",
+                variant: "h1",
+                children: "Note:"
+              }), /* @__PURE__ */ jsx(Text, {
+                styleClass: "font-14",
+                variant: "p",
+                children: "You will shortly receive a mail with CSV attached to the above email id, once you click on Submit"
+              })]
+            })]
+          })]
+        }), /* @__PURE__ */ jsxs(ModalFooter, {
+          children: [/* @__PURE__ */ jsx(Button, {
+            variant: "custom",
+            type: "button",
+            size: "small",
+            className: styles$a.downloadCsvCancelBtn,
+            onClick: () => onCloseModal(false),
+            isDisabled: isLoading,
+            children: "Cancel"
+          }), /* @__PURE__ */ jsx(Button, {
+            variant: "primary",
+            type: "submit",
+            size: "small",
+            isDisabled: isLoading,
+            children: "Submit"
+          })]
+        })]
+      }), rawCsvType === RAW_CSV_OPTIONS[0] && /* @__PURE__ */ jsx("div", {
+        children: !csvDownloadUrls.isExpired ? /* @__PURE__ */ jsxs(Fragment, {
+          children: [/* @__PURE__ */ jsxs("div", {
+            className: styles$a.downloadCsvWrapper,
+            children: [/* @__PURE__ */ jsxs(Text, {
+              variant: "p",
+              styleClass: "primary",
+              children: ["Last download request:", /* @__PURE__ */ jsx("span", {
+                className: styles$a["download-info-text"],
+                children: csvDownloadUrls.lastUpdatedAt
+              })]
+            }), /* @__PURE__ */ jsxs(Text, {
+              variant: "p",
+              styleClass: "primary",
+              children: ["Url will expire in :", /* @__PURE__ */ jsxs("span", {
+                className: styles$a["download-info-text"],
+                children: [csvDownloadUrls.expireUrlIn, " sec"]
+              })]
+            }), csvDownloadUrlError && /* @__PURE__ */ jsx(Error$1, {
+              message: csvDownloadUrlError
+            })]
+          }), /* @__PURE__ */ jsxs(ModalFooter, {
+            children: [/* @__PURE__ */ jsx(Button, {
+              variant: "custom",
+              type: "button",
+              size: "small",
+              className: styles$a.downloadCsvCancelBtn,
+              onClick: () => onCloseModal(false),
+              isDisabled: isLoading,
+              children: "Cancel"
+            }), csvDownloadUrls.urls.map((url) => /* @__PURE__ */ jsx(Button, {
+              variant: "primary",
+              type: "button",
+              size: "medium",
+              onClick: () => handleDownload(url),
+              children: "Download"
+            }))]
+          })]
+        }) : /* @__PURE__ */ jsxs("form", {
+          onSubmit: handleSubmit((values) => saveRawCsvDetails({
+            values,
+            clientName: client,
+            tenancyType: companyTenancyType
+          })),
+          children: [/* @__PURE__ */ jsxs("div", {
+            className: styles$a.downloadCsvWrapper,
+            children: [/* @__PURE__ */ jsx(InputField, {
+              type: "date",
+              label: "File Expire",
+              placeholder: "select expire date for file",
+              register: register2("expireCsvFileAt"),
+              pattern: "(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))"
+            }), /* @__PURE__ */ jsx(InputField, {
+              type: "number",
+              label: "Download URL expire (sec)",
+              placeholder: "120",
+              register: register2("expireUrlIn"),
+              defaultValue: 120,
+              min: 60
+            }), /* @__PURE__ */ jsxs("div", {
+              className: styles$a.downloadCsvNote,
+              children: [/* @__PURE__ */ jsx(Icons, {
+                name: "info-icon",
+                className: styles$a.popupItemIcon
+              }), /* @__PURE__ */ jsxs("div", {
+                className: styles$a.downloadCsvNoteText,
+                children: [/* @__PURE__ */ jsx(Text, {
+                  styleClass: "primary",
+                  variant: "h1",
+                  children: "Note:"
+                }), /* @__PURE__ */ jsx(Text, {
+                  styleClass: "font-14",
+                  variant: "p",
+                  children: "Please check again in some time, download link will be available."
+                })]
+              })]
+            }), csvDownloadUrls.error && /* @__PURE__ */ jsx(Error$1, {
+              message: csvDownloadUrls.error
+            }), downloadCsvError && /* @__PURE__ */ jsx(Error$1, {
+              message: downloadCsvError
+            })]
+          }), /* @__PURE__ */ jsxs(ModalFooter, {
+            children: [/* @__PURE__ */ jsx(Button, {
+              variant: "custom",
+              type: "button",
+              size: "small",
+              className: styles$a.downloadCsvCancelBtn,
+              onClick: () => onCloseModal(false),
+              isDisabled: isLoading,
+              children: "Cancel"
+            }), /* @__PURE__ */ jsx(Button, {
+              variant: "primary",
+              type: "submit",
+              size: "small",
+              isDisabled: isLoading,
+              children: "Submit"
+            })]
+          })]
+        })
+      })]
+    })
+  });
+};
+const TableViewModal = ({
+  metricData: metricData2,
+  isOpen,
+  onClose,
+  title: title2
+}) => {
+  return /* @__PURE__ */ jsx(Modal, {
+    isOpen,
+    onClose: () => onClose(),
+    headerTitle: title2,
+    children: /* @__PURE__ */ jsx("div", {
+      className: styles$a.fullscreen,
+      children: /* @__PURE__ */ jsx(Table, {
+        data: metricData2 || [],
+        isLoading: false,
+        error: ""
+      })
+    })
+  });
+};
 const GridLayout = reactGridLayout.exports.WidthProvider(reactGridLayout.exports.Responsive);
 const ExternalMetricList = ({
   chartColors,
@@ -123216,6 +123439,7 @@ const ExternalMetricList = ({
   companyId,
   workspaceId
 }) => {
+  var _a2;
   const [isFullScreen, setFullScreen] = useState(false);
   const [archiveModal, setArchiveModal] = useState({
     id: "",
@@ -123228,6 +123452,12 @@ const ExternalMetricList = ({
   const [editModal, setEditModal] = useState({
     show: false
   });
+  const [tableViewModal, setTableViewModal] = useState({
+    show: false
+  });
+  const [rawCsvModal, setRawCsvModal] = useState({
+    show: false
+  });
   const [fullScreenChart, setFullScreenChart] = useState();
   const {
     saveLayout,
@@ -123346,10 +123576,37 @@ const ExternalMetricList = ({
                 show: true,
                 metric,
                 metricData: metricData2
-              }) : void 0
+              }) : void 0,
+              onTableView: (metric, metricData2) => setTableViewModal({
+                show: true,
+                metricData: metricData2,
+                metric
+              }),
+              onDownloadRawCsv: (metric) => setRawCsvModal({
+                metric,
+                show: true
+              })
             })
           }, metricItem.id))
         })]
+      }), /* @__PURE__ */ jsx(TableViewModal, {
+        onClose: () => setTableViewModal({
+          show: false,
+          metric: void 0,
+          metricData: void 0
+        }),
+        isOpen: tableViewModal.show,
+        title: ((_a2 = tableViewModal.metric) == null ? void 0 : _a2.name) || "Table view",
+        metricData: tableViewModal.metricData
+      }), /* @__PURE__ */ jsx(DownloadRawCsvModal, {
+        client,
+        companyTenancyType,
+        isShowRawCsvModal: rawCsvModal.show,
+        metricItem: rawCsvModal.metric,
+        onCloseModal: (value) => setRawCsvModal({
+          metric: void 0,
+          show: value
+        })
       }), /* @__PURE__ */ jsx(FullScreenChart, {
         onCancel: () => setFullScreen(false),
         isShow: isFullScreen,
@@ -123515,6 +123772,8 @@ var index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   SingleValueCard,
   ArchiveMetricModal,
   LayoutAlert,
+  TableViewModal,
+  DownloadRawCsvModal,
   MetricTable,
   Modal,
   ModalFooter,
@@ -123548,33 +123807,33 @@ const mdiPlus = (props) => /* @__PURE__ */ jsx("svg", {
     d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2Z"
   })
 });
-const scheduleEmailButton = "_scheduleEmailButton_13nzt_1";
+const scheduleEmailButton = "_scheduleEmailButton_101bq_1";
 var styles$2 = {
   scheduleEmailButton
 };
 var styles$1 = {
-  "form-container": "_form-container_1odg5_1",
-  "form-wrapper": "_form-wrapper_1odg5_4",
-  "form-primary-text": "_form-primary-text_1odg5_8",
-  "week-days-container": "_week-days-container_1odg5_12",
-  "main-label": "_main-label_1odg5_15",
-  "time-element": "_time-element_1odg5_19",
-  "cancel-btn": "_cancel-btn_1odg5_23",
-  "delete-btn": "_delete-btn_1odg5_26",
-  "field-width": "_field-width_1odg5_29",
-  "timezone-field": "_timezone-field_1odg5_33",
-  "success-text": "_success-text_1odg5_37"
+  "form-container": "_form-container_63pgj_1",
+  "form-wrapper": "_form-wrapper_63pgj_7",
+  "form-primary-text": "_form-primary-text_63pgj_15",
+  "week-days-container": "_week-days-container_63pgj_23",
+  "main-label": "_main-label_63pgj_29",
+  "time-element": "_time-element_63pgj_37",
+  "cancel-btn": "_cancel-btn_63pgj_45",
+  "delete-btn": "_delete-btn_63pgj_51",
+  "field-width": "_field-width_63pgj_57",
+  "timezone-field": "_timezone-field_63pgj_65",
+  "success-text": "_success-text_63pgj_73"
 };
-const tag = "_tag_qld84_1";
-const tagBtn = "_tagBtn_qld84_7";
-const inputFieldContainer = "_inputFieldContainer_qld84_11";
+const tag = "_tag_akdrv_1";
+const tagBtn = "_tagBtn_akdrv_13";
+const inputFieldContainer = "_inputFieldContainer_akdrv_21";
 var styles = {
   tag,
-  "tag-text": "_tag-text_qld84_4",
+  "tag-text": "_tag-text_akdrv_7",
   tagBtn,
   inputFieldContainer,
-  "tag-container": "_tag-container_qld84_15",
-  "cross-icon": "_cross-icon_qld84_19"
+  "tag-container": "_tag-container_akdrv_29",
+  "cross-icon": "_cross-icon_akdrv_37"
 };
 const TagInputField = ({
   control,