@quillsql/admin 1.7.3 → 1.7.5

package/dist/index.cjs

@@ -606,7 +606,7 @@ var MemoizedButton = ({
           color: ${primary ? state.theme?.primaryButtonTextColor ?? "white" : state.theme?.secondaryTextColor}
         }
         .quill-button:hover {
-          background-color: ${primary ? state.theme?.hoverPrimaryButtonColor : "rgba(56, 65, 81, 0.9)"};
+          background-color: ${primary ? state.theme?.hoverPrimaryButtonColor ?? "rgba(56, 65, 81, 0.9)" : "rgba(56, 65, 81, 0.9)"};
           color: ${primary ? state.theme?.hoverPrimaryButtonTextColor ?? "white" : state.theme?.secondaryTextColor}
         }` }),
         isLoading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { position: "absolute" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoadingSpinner, {}) }) : null,
@@ -1935,7 +1935,7 @@ var quillFetch = async ({
 };
 
 // src/api/ConnectionClient.ts
-async function testConnectionString(queryEndpoint, connectionString, databaseType, getToken, clientId, queryHeaders) {
+async function testConnectionString(queryEndpoint, connectionString, databaseType, getToken, clientId, queryHeaders, withCredentials) {
   const controller = new AbortController();
   const timeoutId = setTimeout(() => controller.abort(), 1e4);
   try {
@@ -1960,7 +1960,7 @@ async function testConnectionString(queryEndpoint, connectionString, databaseTyp
           queryEndpoint,
           queryHeaders,
           clientId,
-          withCredentials: false
+          withCredentials: !!withCredentials
         },
         task: "test-connection",
         metadata: {
@@ -1981,13 +1981,13 @@ async function testConnectionString(queryEndpoint, connectionString, databaseTyp
     throw error;
   }
 }
-async function setSchemaNames(queryEndpoint, clientId, schemaNames, getToken, queryHeaders) {
+async function setSchemaNames(queryEndpoint, clientId, schemaNames, getToken, queryHeaders, withCredentials) {
   await quillFetch({
     client: {
       queryEndpoint,
       queryHeaders,
       clientId,
-      withCredentials: false
+      withCredentials: !!withCredentials
     },
     task: "set-schemas",
     metadata: {
@@ -1997,14 +1997,14 @@ async function setSchemaNames(queryEndpoint, clientId, schemaNames, getToken, qu
     getToken
   });
 }
-async function getSchemaTables(schemas, databaseType, queryEndpoint, clientId, getToken, queryHeaders) {
+async function getSchemaTables(schemas, databaseType, queryEndpoint, clientId, getToken, queryHeaders, withCredentials) {
   const schemaMap = {};
   const { queries } = await quillFetch({
     client: {
       queryEndpoint,
       queryHeaders,
       clientId,
-      withCredentials: false
+      withCredentials: !!withCredentials
     },
     task: "get-tables-by-schemas",
     metadata: {
@@ -2036,13 +2036,13 @@ async function getSchemaTables(schemas, databaseType, queryEndpoint, clientId, g
   }
   return { tables: allTables.flat(), schema: schemaMap };
 }
-async function getTableColumns(tables, databaseType, queryEndpoint, clientId, getToken, queryHeaders) {
+async function getTableColumns(tables, databaseType, queryEndpoint, clientId, getToken, queryHeaders, withCredentials) {
   const { queries } = await quillFetch({
     client: {
       queryEndpoint,
       queryHeaders,
       clientId,
-      withCredentials: false
+      withCredentials: !!withCredentials
     },
     task: "get-schema-table-columns",
     metadata: {
@@ -2077,7 +2077,7 @@ async function getTableColumns(tables, databaseType, queryEndpoint, clientId, ge
   }
   return columnsByTable;
 }
-async function getTableColumnsBySchema(isSelfHosted, queryEndpoint, clientId, databaseType, getToken, schemas, queryHeaders) {
+async function getTableColumnsBySchema(isSelfHosted, queryEndpoint, clientId, databaseType, getToken, schemas, queryHeaders, withCredentials) {
   if (isSelfHosted) {
     const { tables, schema } = await getSchemaTables(
       schemas,
@@ -2085,7 +2085,8 @@ async function getTableColumnsBySchema(isSelfHosted, queryEndpoint, clientId, da
       queryEndpoint,
       clientId,
       getToken,
-      queryHeaders
+      queryHeaders,
+      withCredentials
     );
     const columnsByTable = await getTableColumns(
       tables,
@@ -2093,7 +2094,8 @@ async function getTableColumnsBySchema(isSelfHosted, queryEndpoint, clientId, da
       queryEndpoint,
       clientId,
       getToken,
-      queryHeaders
+      queryHeaders,
+      withCredentials
     );
     return { columnsByTable, schema };
   } else {
@@ -2102,7 +2104,7 @@ async function getTableColumnsBySchema(isSelfHosted, queryEndpoint, clientId, da
         queryEndpoint,
         queryHeaders,
         clientId,
-        withCredentials: false
+        withCredentials: !!withCredentials
       },
       task: "table-info-by-schema",
       metadata: {
@@ -2132,7 +2134,7 @@ async function getTableColumnsBySchema(isSelfHosted, queryEndpoint, clientId, da
     return { columnsByTable: formattedResults, schema: results.data.schema };
   }
 }
-async function getVirtualTableData(clientId, query, databaseType, queryEndpoint, getToken, eventTracking, queryHeaders) {
+async function getVirtualTableData(clientId, query, databaseType, queryEndpoint, getToken, eventTracking, queryHeaders, withCredentials) {
   let queryAst = void 0;
   try {
     const { data } = await quillFetch({
@@ -2140,7 +2142,7 @@ async function getVirtualTableData(clientId, query, databaseType, queryEndpoint,
         queryEndpoint,
         queryHeaders,
         clientId,
-        withCredentials: false
+        withCredentials: !!withCredentials
       },
       task: "astify",
       metadata: {
@@ -2148,6 +2150,7 @@ async function getVirtualTableData(clientId, query, databaseType, queryEndpoint,
         query,
         useNewNodeSql: true
       },
+      credentials: withCredentials ? "include" : "omit",
       getToken
     });
     queryAst = data;
@@ -2179,7 +2182,7 @@ async function getVirtualTableData(clientId, query, databaseType, queryEndpoint,
       queryEndpoint,
       queryHeaders,
       clientId,
-      withCredentials: false
+      withCredentials: !!withCredentials
     },
     task: "query-view",
     metadata: {
@@ -2251,7 +2254,7 @@ async function getVirtualTableData(clientId, query, databaseType, queryEndpoint,
     success: results.status === "success" ? true : false
   } : { ...results, ...queryAst };
 }
-async function getQueryFromAiWithConnection(isSelfHosted, databaseSchema, queryEndpoint, aiPrompt, clientId, getToken, schemaNames, queryHeaders) {
+async function getQueryFromAiWithConnection(isSelfHosted, databaseSchema, queryEndpoint, aiPrompt, clientId, getToken, schemaNames, queryHeaders, withCredentials) {
   if (aiPrompt.trim().length > 500) {
     return "";
   }
@@ -2260,7 +2263,7 @@ async function getQueryFromAiWithConnection(isSelfHosted, databaseSchema, queryE
       queryEndpoint,
       queryHeaders,
       clientId,
-      withCredentials: false
+      withCredentials: !!withCredentials
     },
     task: "ai-from-client-schema",
     metadata: {
@@ -3709,7 +3712,8 @@ function ConnectDatabase({
         clientId,
         selectedSchemas,
         getToken,
-        state.queryHeaders
+        state.queryHeaders,
+        state.withCredentials
       );
       const databaseSchema = await getTableColumnsBySchema(
         state.isSelfHosted,
@@ -3718,7 +3722,8 @@ function ConnectDatabase({
         databaseConnectionDetails.type,
         getToken,
         selectedSchemas,
-        state.queryHeaders
+        state.queryHeaders,
+        state.withCredentials
       ).then((res) => res.columnsByTable);
       setEnvironmentDetails(
         databaseConnectionDetails,
@@ -3785,7 +3790,8 @@ function ConnectDatabase({
       databaseConnectionDetails.type,
       getToken,
       clientId,
-      state.queryHeaders
+      state.queryHeaders,
+      state.withCredentials
     );
     if (result.success) {
       try {
@@ -4400,7 +4406,8 @@ var useDatabaseSchema = () => {
           state.client.databaseType,
           getToken,
           state.client.schemaNames ?? [],
-          state.queryHeaders
+          state.queryHeaders,
+          state.withCredentials
         );
         dispatch({
           type: "SET_DATABASE_SCHEMA",
@@ -5746,7 +5753,8 @@ function EditTenant({
           queryEndpoint,
           getToken,
           eventTracking,
-          client.queryHeaders
+          client.queryHeaders,
+          state.withCredentials
         );
         if (resp.status === "error") {
           throw new Error(resp.error);
@@ -5774,7 +5782,8 @@ function EditTenant({
         queryEndpoint,
         getToken,
         eventTracking,
-        client.queryHeaders
+        client.queryHeaders,
+        state.withCredentials
       );
       if (resp.status === "error") {
         throw new Error(resp.error);
@@ -5818,7 +5827,7 @@ function EditTenant({
           client: {
             queryEndpoint,
             clientId: client._id,
-            withCredentials: false,
+            withCredentials: !!state.withCredentials,
             queryHeaders: client.queryHeaders
           },
           task: "validate-tenant-mapping",
@@ -5969,7 +5978,6 @@ function EditTenant({
       )
     ] });
   }
-  console.log("STATE: ", state);
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       "div",
@@ -7694,7 +7702,8 @@ function CreateEnvironment({
           connection.type,
           getToken,
           selectedSchemaNames,
-          state.queryHeaders
+          state.queryHeaders,
+          state.withCredentials
         ).then((schema2) => {
           dispatch({
             type: "SET_DATABASE_SCHEMA",
@@ -8285,7 +8294,8 @@ function AdminProvider({
       labelFontWeight: theme?.labelFontWeight ?? defaultTheme.labelFontWeight,
       fontSize: theme?.fontSize ?? defaultTheme.fontSize,
       primaryButtonTextColor: theme?.primaryButtonTextColor ?? defaultTheme.primaryButtonTextColor,
-      hoverBackgroundColor: theme?.hoverBackgroundColor ?? defaultTheme.hoverBackgroundColor
+      hoverBackgroundColor: theme?.hoverBackgroundColor ?? defaultTheme.hoverBackgroundColor,
+      hoverPrimaryButtonColor: theme?.hoverBackgroundColor ?? defaultTheme.hoverPrimaryButtonColor
     };
     return {
       loading: true,
@@ -12610,11 +12620,27 @@ var convertCustomIntervalToDateRange = (interval) => {
         endDate: endOfToday()
       };
     case "repeating": {
-      const currentMonth = (/* @__PURE__ */ new Date()).getMonth() + 1;
-      const currentDay = (/* @__PURE__ */ new Date()).getDate();
-      const currentSubInterval = interval.subIntervals.find(
-        (subInterval) => subInterval.startDate.month <= currentMonth && subInterval.endDate.month >= currentMonth && subInterval.startDate.day <= currentDay && subInterval.endDate.day >= currentDay
-      );
+      const currentDate = /* @__PURE__ */ new Date();
+      const currentYear = currentDate.getFullYear();
+      const currentSubInterval = interval.subIntervals.find((subInterval) => {
+        const intervalStart = set(/* @__PURE__ */ new Date(), {
+          year: currentYear,
+          month: subInterval.startDate.month - 1,
+          date: subInterval.startDate.day,
+          hours: 0,
+          minutes: 0,
+          seconds: 0
+        });
+        const intervalEnd = set(/* @__PURE__ */ new Date(), {
+          year: currentYear,
+          month: subInterval.endDate.month - 1,
+          date: subInterval.endDate.day,
+          hours: 23,
+          minutes: 59,
+          seconds: 59
+        });
+        return currentDate >= intervalStart && currentDate <= intervalEnd;
+      });
       if (!currentSubInterval) {
         throw new Error("Date is not valid in this interval");
       }
@@ -12772,10 +12798,29 @@ var convertPresetOptionsToSelectableList = (customIntervals, defaultIntervals) =
       let currentDate = endOfDay(option.loopEnd ?? /* @__PURE__ */ new Date());
       const cutoffDate = option.loopStart;
       while (currentDate > cutoffDate) {
-        const currentMonth = currentDate.getMonth() + 1;
-        const currentDay = currentDate.getDate();
+        const loopCurrentYear = currentDate.getFullYear();
         const currentSubInterval = option.subIntervals.find(
-          (subInterval) => subInterval.startDate.month <= currentMonth && subInterval.endDate.month >= currentMonth && subInterval.startDate.day <= currentDay && subInterval.endDate.day >= currentDay
+          (subInterval) => {
+            const intervalStart2 = set(/* @__PURE__ */ new Date(), {
+              year: loopCurrentYear,
+              month: subInterval.startDate.month - 1,
+              // convert 1-index to 0-index
+              date: subInterval.startDate.day,
+              hours: 0,
+              minutes: 0,
+              seconds: 0
+            });
+            const intervalEnd = set(/* @__PURE__ */ new Date(), {
+              year: loopCurrentYear,
+              month: subInterval.endDate.month - 1,
+              // convert 1-index to 0-index
+              date: subInterval.endDate.day,
+              hours: 23,
+              minutes: 59,
+              seconds: 59
+            });
+            return currentDate >= intervalStart2 && currentDate <= intervalEnd;
+          }
         );
         if (!currentSubInterval) {
           return [];
@@ -12794,6 +12839,7 @@ var convertPresetOptionsToSelectableList = (customIntervals, defaultIntervals) =
           startDate: set(/* @__PURE__ */ new Date(), {
             year: currentYear,
             month: currentSubInterval.startDate.month - 1,
+            // convert 1-index to 0-index
             date: currentSubInterval.startDate.day,
             minutes: 0,
             hours: 0,
@@ -12802,6 +12848,7 @@ var convertPresetOptionsToSelectableList = (customIntervals, defaultIntervals) =
           endDate: set(/* @__PURE__ */ new Date(), {
             year: currentYear,
             month: currentSubInterval.endDate.month - 1,
+            // convert 1-index to 0-index
             date: currentSubInterval.endDate.day,
             minutes: 59,
             hours: 23,
@@ -18470,7 +18517,7 @@ function EditFiltersModal({
                       onClick: () => {
                         openPromoteModal();
                       },
-                      label: "Choose Destination",
+                      label: "Promote Dashboard",
                       style: {
                         width: "fit-content"
                       }
@@ -20146,7 +20193,8 @@ function EditEnvironmentModal({
         state.client.databaseType,
         getToken,
         state.client.schemaNames ?? [],
-        state.queryHeaders
+        state.queryHeaders,
+        state.withCredentials
       );
       const tenantTables = state.client.allTenantTypes?.filter(
         (t2) => t2.tenantTable !== void 0
@@ -21647,85 +21695,87 @@ function EmptyDashboardComponent() {
             boxShadow: "0px 1px 12px rgba(0, 0, 0, 0.07)"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  flexDirection: "row",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  width: 260
-                },
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
-                    "svg",
-                    {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      viewBox: "0 0 24 24",
-                      fill: "#565656",
-                      height: 26,
-                      width: 26,
-                      children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-                          "path",
-                          {
-                            fillRule: "evenodd",
-                            d: "M2.25 13.5a8.25 8.25 0 0 1 8.25-8.25.75.75 0 0 1 .75.75v6.75H18a.75.75 0 0 1 .75.75 8.25 8.25 0 0 1-16.5 0Z",
-                            clipRule: "evenodd"
-                          }
-                        ),
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-                          "path",
-                          {
-                            fillRule: "evenodd",
-                            d: "M12.75 3a.75.75 0 0 1 .75-.75 8.25 8.25 0 0 1 8.25 8.25.75.75 0 0 1-.75.75h-7.5a.75.75 0 0 1-.75-.75V3Z",
-                            clipRule: "evenodd"
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-                    "div",
-                    {
-                      style: {
-                        fontSize: state.theme.fontSize,
-                        fontFamily: state.theme.fontFamily,
-                        fontWeight: 500,
-                        color: "#565656",
-                        // border: '1px solid #e7e7e7',
-                        paddingTop: 8,
-                        paddingBottom: 8,
-                        paddingRight: 12,
-                        paddingLeft: 12,
-                        borderRadius: 4,
-                        cursor: "pointer"
-                      },
-                      className: "quill-hover-button",
-                      children: "No reports created yet."
-                    }
-                  ),
-                  state.AskAIButton ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-                    "div",
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexDirection: "row",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: 260
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                      "svg",
+                      {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        viewBox: "0 0 24 24",
+                        fill: "#565656",
+                        height: 26,
+                        width: 26,
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                            "path",
+                            {
+                              fillRule: "evenodd",
+                              d: "M2.25 13.5a8.25 8.25 0 0 1 8.25-8.25.75.75 0 0 1 .75.75v6.75H18a.75.75 0 0 1 .75.75 8.25 8.25 0 0 1-16.5 0Z",
+                              clipRule: "evenodd"
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                            "path",
+                            {
+                              fillRule: "evenodd",
+                              d: "M12.75 3a.75.75 0 0 1 .75-.75 8.25 8.25 0 0 1 8.25 8.25.75.75 0 0 1-.75.75h-7.5a.75.75 0 0 1-.75-.75V3Z",
+                              clipRule: "evenodd"
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                      "div",
+                      {
+                        style: {
+                          fontSize: state.theme.fontSize,
+                          fontFamily: state.theme.fontFamily,
+                          fontWeight: 500,
+                          color: "#565656",
+                          // border: '1px solid #e7e7e7',
+                          paddingTop: 8,
+                          paddingBottom: 8,
+                          paddingRight: 12,
+                          paddingLeft: 12,
+                          borderRadius: 4,
+                          cursor: "pointer"
+                        },
+                        className: "quill-hover-button",
+                        children: "No reports created yet."
+                      }
+                    )
+                  ]
+                }
+              ),
+              state.AskAIButton ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    justifyContent: "flex-start",
+                    width: 144
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    state.AskAIButton,
                     {
-                      style: {
-                        display: "flex",
-                        justifyContent: "flex-start",
-                        width: 144
-                      },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-                        state.AskAIButton,
-                        {
-                          label: "What is a report?",
-                          prompt: "what is a report?"
-                        }
-                      )
+                      label: "What is a report?",
+                      prompt: "what is a report?"
                     }
-                  ) : null
-                ]
-              }
-            ),
+                  )
+                }
+              ) : null
+            ] }),
             /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { style: { paddingBottom: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
               MemoizedButton,
               {
@@ -26122,43 +26172,55 @@ Affected item${plural ? "s" : ""} ${value.affected.join(", ")}`
                                   ]
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-                                "div",
-                                {
-                                  style: {
-                                    fontSize: state.theme?.fontSize,
-                                    fontWeight: 500,
-                                    fontFamily: state.theme?.fontFamily,
-                                    fontSizeAdjust: 0.5,
-                                    color: "#565656",
-                                    paddingTop: 8,
-                                    paddingBottom: 8,
-                                    paddingRight: 12,
-                                    paddingLeft: 12,
-                                    borderRadius: 4,
-                                    cursor: "pointer"
-                                  },
-                                  className: "quill-hover-button",
-                                  children: "No dashboards created yet."
-                                }
-                              ),
-                              state.AskAIButton ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
                                 "div",
                                 {
                                   style: {
                                     display: "flex",
-                                    justifyContent: "flex-start",
-                                    width: 144
+                                    flexDirection: "column",
+                                    gap: 8
                                   },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-                                    state.AskAIButton,
-                                    {
-                                      label: "What is a dashboard?",
-                                      prompt: "what is a dashboard?"
-                                    }
-                                  )
+                                  children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                                      "div",
+                                      {
+                                        style: {
+                                          fontSize: state.theme?.fontSize,
+                                          fontWeight: 500,
+                                          fontFamily: state.theme?.fontFamily,
+                                          fontSizeAdjust: 0.5,
+                                          color: "#565656",
+                                          paddingTop: 8,
+                                          paddingBottom: 8,
+                                          paddingRight: 12,
+                                          paddingLeft: 12,
+                                          borderRadius: 4,
+                                          cursor: "pointer"
+                                        },
+                                        className: "quill-hover-button",
+                                        children: "No dashboards created yet."
+                                      }
+                                    ),
+                                    state.AskAIButton ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                                      "div",
+                                      {
+                                        style: {
+                                          display: "flex",
+                                          justifyContent: "flex-start",
+                                          width: 144
+                                        },
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                                          state.AskAIButton,
+                                          {
+                                            label: "What is a dashboard?",
+                                            prompt: "what is a dashboard?"
+                                          }
+                                        )
+                                      }
+                                    ) : null
+                                  ]
                                 }
-                              ) : null
+                              )
                             ]
                           }
                         ),
@@ -26699,7 +26761,8 @@ function CreateEditVirtualTable({
       state.client._id,
       getToken,
       state.client.schemaNames,
-      state.queryHeaders
+      state.queryHeaders,
+      state.withCredentials
     );
     setEditVirtualTableQuery(results);
     setAskAIButtonLoading(false);
@@ -26748,7 +26811,8 @@ function CreateEditVirtualTable({
       state.queryEndpoint,
       getToken,
       eventTracking,
-      state.queryHeaders
+      state.queryHeaders,
+      state.withCredentials
     );
     if (!resp.success) {
       setErrorInfo({ show: true, message: resp.error });
@@ -26791,7 +26855,7 @@ function CreateEditVirtualTable({
           queryEndpoint: state.queryEndpoint,
           queryHeaders: state.queryHeaders,
           clientId: state.client._id,
-          withCredentials: false
+          withCredentials: !!state.withCredentials
         },
         task: "sqlify",
         metadata: {
@@ -29035,7 +29099,8 @@ function EditAddViewModal({
                     state.queryEndpoint,
                     getToken,
                     eventTracking,
-                    state.queryHeaders
+                    state.queryHeaders,
+                    state.withCredentials
                   );
                   if (!getSqlResults.success) {
                     setErrorInfo({

package/dist/index.js

@@ -580,7 +580,7 @@ var MemoizedButton = ({
           color: ${primary ? state.theme?.primaryButtonTextColor ?? "white" : state.theme?.secondaryTextColor}
         }
         .quill-button:hover {
-          background-color: ${primary ? state.theme?.hoverPrimaryButtonColor : "rgba(56, 65, 81, 0.9)"};
+          background-color: ${primary ? state.theme?.hoverPrimaryButtonColor ?? "rgba(56, 65, 81, 0.9)" : "rgba(56, 65, 81, 0.9)"};
           color: ${primary ? state.theme?.hoverPrimaryButtonTextColor ?? "white" : state.theme?.secondaryTextColor}
         }` }),
         isLoading ? /* @__PURE__ */ jsx5("div", { style: { position: "absolute" }, children: /* @__PURE__ */ jsx5(LoadingSpinner, {}) }) : null,
@@ -1909,7 +1909,7 @@ var quillFetch = async ({
 };
 
 // src/api/ConnectionClient.ts
-async function testConnectionString(queryEndpoint, connectionString, databaseType, getToken, clientId, queryHeaders) {
+async function testConnectionString(queryEndpoint, connectionString, databaseType, getToken, clientId, queryHeaders, withCredentials) {
   const controller = new AbortController();
   const timeoutId = setTimeout(() => controller.abort(), 1e4);
   try {
@@ -1934,7 +1934,7 @@ async function testConnectionString(queryEndpoint, connectionString, databaseTyp
           queryEndpoint,
           queryHeaders,
           clientId,
-          withCredentials: false
+          withCredentials: !!withCredentials
         },
         task: "test-connection",
         metadata: {
@@ -1955,13 +1955,13 @@ async function testConnectionString(queryEndpoint, connectionString, databaseTyp
     throw error;
   }
 }
-async function setSchemaNames(queryEndpoint, clientId, schemaNames, getToken, queryHeaders) {
+async function setSchemaNames(queryEndpoint, clientId, schemaNames, getToken, queryHeaders, withCredentials) {
   await quillFetch({
     client: {
       queryEndpoint,
       queryHeaders,
       clientId,
-      withCredentials: false
+      withCredentials: !!withCredentials
     },
     task: "set-schemas",
     metadata: {
@@ -1971,14 +1971,14 @@ async function setSchemaNames(queryEndpoint, clientId, schemaNames, getToken, qu
     getToken
   });
 }
-async function getSchemaTables(schemas, databaseType, queryEndpoint, clientId, getToken, queryHeaders) {
+async function getSchemaTables(schemas, databaseType, queryEndpoint, clientId, getToken, queryHeaders, withCredentials) {
   const schemaMap = {};
   const { queries } = await quillFetch({
     client: {
       queryEndpoint,
       queryHeaders,
       clientId,
-      withCredentials: false
+      withCredentials: !!withCredentials
     },
     task: "get-tables-by-schemas",
     metadata: {
@@ -2010,13 +2010,13 @@ async function getSchemaTables(schemas, databaseType, queryEndpoint, clientId, g
   }
   return { tables: allTables.flat(), schema: schemaMap };
 }
-async function getTableColumns(tables, databaseType, queryEndpoint, clientId, getToken, queryHeaders) {
+async function getTableColumns(tables, databaseType, queryEndpoint, clientId, getToken, queryHeaders, withCredentials) {
   const { queries } = await quillFetch({
     client: {
       queryEndpoint,
       queryHeaders,
       clientId,
-      withCredentials: false
+      withCredentials: !!withCredentials
     },
     task: "get-schema-table-columns",
     metadata: {
@@ -2051,7 +2051,7 @@ async function getTableColumns(tables, databaseType, queryEndpoint, clientId, ge
   }
   return columnsByTable;
 }
-async function getTableColumnsBySchema(isSelfHosted, queryEndpoint, clientId, databaseType, getToken, schemas, queryHeaders) {
+async function getTableColumnsBySchema(isSelfHosted, queryEndpoint, clientId, databaseType, getToken, schemas, queryHeaders, withCredentials) {
   if (isSelfHosted) {
     const { tables, schema } = await getSchemaTables(
       schemas,
@@ -2059,7 +2059,8 @@ async function getTableColumnsBySchema(isSelfHosted, queryEndpoint, clientId, da
       queryEndpoint,
       clientId,
       getToken,
-      queryHeaders
+      queryHeaders,
+      withCredentials
     );
     const columnsByTable = await getTableColumns(
       tables,
@@ -2067,7 +2068,8 @@ async function getTableColumnsBySchema(isSelfHosted, queryEndpoint, clientId, da
       queryEndpoint,
       clientId,
       getToken,
-      queryHeaders
+      queryHeaders,
+      withCredentials
     );
     return { columnsByTable, schema };
   } else {
@@ -2076,7 +2078,7 @@ async function getTableColumnsBySchema(isSelfHosted, queryEndpoint, clientId, da
         queryEndpoint,
         queryHeaders,
         clientId,
-        withCredentials: false
+        withCredentials: !!withCredentials
       },
       task: "table-info-by-schema",
       metadata: {
@@ -2106,7 +2108,7 @@ async function getTableColumnsBySchema(isSelfHosted, queryEndpoint, clientId, da
     return { columnsByTable: formattedResults, schema: results.data.schema };
   }
 }
-async function getVirtualTableData(clientId, query, databaseType, queryEndpoint, getToken, eventTracking, queryHeaders) {
+async function getVirtualTableData(clientId, query, databaseType, queryEndpoint, getToken, eventTracking, queryHeaders, withCredentials) {
   let queryAst = void 0;
   try {
     const { data } = await quillFetch({
@@ -2114,7 +2116,7 @@ async function getVirtualTableData(clientId, query, databaseType, queryEndpoint,
         queryEndpoint,
         queryHeaders,
         clientId,
-        withCredentials: false
+        withCredentials: !!withCredentials
       },
       task: "astify",
       metadata: {
@@ -2122,6 +2124,7 @@ async function getVirtualTableData(clientId, query, databaseType, queryEndpoint,
         query,
         useNewNodeSql: true
       },
+      credentials: withCredentials ? "include" : "omit",
       getToken
     });
     queryAst = data;
@@ -2153,7 +2156,7 @@ async function getVirtualTableData(clientId, query, databaseType, queryEndpoint,
       queryEndpoint,
       queryHeaders,
       clientId,
-      withCredentials: false
+      withCredentials: !!withCredentials
     },
     task: "query-view",
     metadata: {
@@ -2225,7 +2228,7 @@ async function getVirtualTableData(clientId, query, databaseType, queryEndpoint,
     success: results.status === "success" ? true : false
   } : { ...results, ...queryAst };
 }
-async function getQueryFromAiWithConnection(isSelfHosted, databaseSchema, queryEndpoint, aiPrompt, clientId, getToken, schemaNames, queryHeaders) {
+async function getQueryFromAiWithConnection(isSelfHosted, databaseSchema, queryEndpoint, aiPrompt, clientId, getToken, schemaNames, queryHeaders, withCredentials) {
   if (aiPrompt.trim().length > 500) {
     return "";
   }
@@ -2234,7 +2237,7 @@ async function getQueryFromAiWithConnection(isSelfHosted, databaseSchema, queryE
       queryEndpoint,
       queryHeaders,
       clientId,
-      withCredentials: false
+      withCredentials: !!withCredentials
     },
     task: "ai-from-client-schema",
     metadata: {
@@ -3683,7 +3686,8 @@ function ConnectDatabase({
         clientId,
         selectedSchemas,
         getToken,
-        state.queryHeaders
+        state.queryHeaders,
+        state.withCredentials
       );
       const databaseSchema = await getTableColumnsBySchema(
         state.isSelfHosted,
@@ -3692,7 +3696,8 @@ function ConnectDatabase({
         databaseConnectionDetails.type,
         getToken,
         selectedSchemas,
-        state.queryHeaders
+        state.queryHeaders,
+        state.withCredentials
       ).then((res) => res.columnsByTable);
       setEnvironmentDetails(
         databaseConnectionDetails,
@@ -3759,7 +3764,8 @@ function ConnectDatabase({
       databaseConnectionDetails.type,
       getToken,
       clientId,
-      state.queryHeaders
+      state.queryHeaders,
+      state.withCredentials
     );
     if (result.success) {
       try {
@@ -4379,7 +4385,8 @@ var useDatabaseSchema = () => {
           state.client.databaseType,
           getToken,
           state.client.schemaNames ?? [],
-          state.queryHeaders
+          state.queryHeaders,
+          state.withCredentials
         );
         dispatch({
           type: "SET_DATABASE_SCHEMA",
@@ -5734,7 +5741,8 @@ function EditTenant({
           queryEndpoint,
           getToken,
           eventTracking,
-          client.queryHeaders
+          client.queryHeaders,
+          state.withCredentials
         );
         if (resp.status === "error") {
           throw new Error(resp.error);
@@ -5762,7 +5770,8 @@ function EditTenant({
         queryEndpoint,
         getToken,
         eventTracking,
-        client.queryHeaders
+        client.queryHeaders,
+        state.withCredentials
       );
       if (resp.status === "error") {
         throw new Error(resp.error);
@@ -5806,7 +5815,7 @@ function EditTenant({
           client: {
             queryEndpoint,
             clientId: client._id,
-            withCredentials: false,
+            withCredentials: !!state.withCredentials,
             queryHeaders: client.queryHeaders
           },
           task: "validate-tenant-mapping",
@@ -5957,7 +5966,6 @@ function EditTenant({
       )
     ] });
   }
-  console.log("STATE: ", state);
   return /* @__PURE__ */ jsxs16(Fragment5, { children: [
     /* @__PURE__ */ jsxs16(
       "div",
@@ -7682,7 +7690,8 @@ function CreateEnvironment({
           connection.type,
           getToken,
           selectedSchemaNames,
-          state.queryHeaders
+          state.queryHeaders,
+          state.withCredentials
         ).then((schema2) => {
           dispatch({
             type: "SET_DATABASE_SCHEMA",
@@ -8273,7 +8282,8 @@ function AdminProvider({
       labelFontWeight: theme?.labelFontWeight ?? defaultTheme.labelFontWeight,
       fontSize: theme?.fontSize ?? defaultTheme.fontSize,
       primaryButtonTextColor: theme?.primaryButtonTextColor ?? defaultTheme.primaryButtonTextColor,
-      hoverBackgroundColor: theme?.hoverBackgroundColor ?? defaultTheme.hoverBackgroundColor
+      hoverBackgroundColor: theme?.hoverBackgroundColor ?? defaultTheme.hoverBackgroundColor,
+      hoverPrimaryButtonColor: theme?.hoverBackgroundColor ?? defaultTheme.hoverPrimaryButtonColor
     };
     return {
       loading: true,
@@ -12609,11 +12619,27 @@ var convertCustomIntervalToDateRange = (interval) => {
         endDate: endOfToday()
       };
     case "repeating": {
-      const currentMonth = (/* @__PURE__ */ new Date()).getMonth() + 1;
-      const currentDay = (/* @__PURE__ */ new Date()).getDate();
-      const currentSubInterval = interval.subIntervals.find(
-        (subInterval) => subInterval.startDate.month <= currentMonth && subInterval.endDate.month >= currentMonth && subInterval.startDate.day <= currentDay && subInterval.endDate.day >= currentDay
-      );
+      const currentDate = /* @__PURE__ */ new Date();
+      const currentYear = currentDate.getFullYear();
+      const currentSubInterval = interval.subIntervals.find((subInterval) => {
+        const intervalStart = set(/* @__PURE__ */ new Date(), {
+          year: currentYear,
+          month: subInterval.startDate.month - 1,
+          date: subInterval.startDate.day,
+          hours: 0,
+          minutes: 0,
+          seconds: 0
+        });
+        const intervalEnd = set(/* @__PURE__ */ new Date(), {
+          year: currentYear,
+          month: subInterval.endDate.month - 1,
+          date: subInterval.endDate.day,
+          hours: 23,
+          minutes: 59,
+          seconds: 59
+        });
+        return currentDate >= intervalStart && currentDate <= intervalEnd;
+      });
       if (!currentSubInterval) {
         throw new Error("Date is not valid in this interval");
       }
@@ -12771,10 +12797,29 @@ var convertPresetOptionsToSelectableList = (customIntervals, defaultIntervals) =
       let currentDate = endOfDay(option.loopEnd ?? /* @__PURE__ */ new Date());
       const cutoffDate = option.loopStart;
       while (currentDate > cutoffDate) {
-        const currentMonth = currentDate.getMonth() + 1;
-        const currentDay = currentDate.getDate();
+        const loopCurrentYear = currentDate.getFullYear();
         const currentSubInterval = option.subIntervals.find(
-          (subInterval) => subInterval.startDate.month <= currentMonth && subInterval.endDate.month >= currentMonth && subInterval.startDate.day <= currentDay && subInterval.endDate.day >= currentDay
+          (subInterval) => {
+            const intervalStart2 = set(/* @__PURE__ */ new Date(), {
+              year: loopCurrentYear,
+              month: subInterval.startDate.month - 1,
+              // convert 1-index to 0-index
+              date: subInterval.startDate.day,
+              hours: 0,
+              minutes: 0,
+              seconds: 0
+            });
+            const intervalEnd = set(/* @__PURE__ */ new Date(), {
+              year: loopCurrentYear,
+              month: subInterval.endDate.month - 1,
+              // convert 1-index to 0-index
+              date: subInterval.endDate.day,
+              hours: 23,
+              minutes: 59,
+              seconds: 59
+            });
+            return currentDate >= intervalStart2 && currentDate <= intervalEnd;
+          }
         );
         if (!currentSubInterval) {
           return [];
@@ -12793,6 +12838,7 @@ var convertPresetOptionsToSelectableList = (customIntervals, defaultIntervals) =
           startDate: set(/* @__PURE__ */ new Date(), {
             year: currentYear,
             month: currentSubInterval.startDate.month - 1,
+            // convert 1-index to 0-index
             date: currentSubInterval.startDate.day,
             minutes: 0,
             hours: 0,
@@ -12801,6 +12847,7 @@ var convertPresetOptionsToSelectableList = (customIntervals, defaultIntervals) =
           endDate: set(/* @__PURE__ */ new Date(), {
             year: currentYear,
             month: currentSubInterval.endDate.month - 1,
+            // convert 1-index to 0-index
             date: currentSubInterval.endDate.day,
             minutes: 59,
             hours: 23,
@@ -18473,7 +18520,7 @@ function EditFiltersModal({
                       onClick: () => {
                         openPromoteModal();
                       },
-                      label: "Choose Destination",
+                      label: "Promote Dashboard",
                       style: {
                         width: "fit-content"
                       }
@@ -20156,7 +20203,8 @@ function EditEnvironmentModal({
         state.client.databaseType,
         getToken,
         state.client.schemaNames ?? [],
-        state.queryHeaders
+        state.queryHeaders,
+        state.withCredentials
       );
       const tenantTables = state.client.allTenantTypes?.filter(
         (t2) => t2.tenantTable !== void 0
@@ -21695,85 +21743,87 @@ function EmptyDashboardComponent() {
             boxShadow: "0px 1px 12px rgba(0, 0, 0, 0.07)"
           },
           children: [
-            /* @__PURE__ */ jsxs42(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  flexDirection: "row",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  width: 260
-                },
-                children: [
-                  /* @__PURE__ */ jsxs42(
-                    "svg",
-                    {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      viewBox: "0 0 24 24",
-                      fill: "#565656",
-                      height: 26,
-                      width: 26,
-                      children: [
-                        /* @__PURE__ */ jsx57(
-                          "path",
-                          {
-                            fillRule: "evenodd",
-                            d: "M2.25 13.5a8.25 8.25 0 0 1 8.25-8.25.75.75 0 0 1 .75.75v6.75H18a.75.75 0 0 1 .75.75 8.25 8.25 0 0 1-16.5 0Z",
-                            clipRule: "evenodd"
-                          }
-                        ),
-                        /* @__PURE__ */ jsx57(
-                          "path",
-                          {
-                            fillRule: "evenodd",
-                            d: "M12.75 3a.75.75 0 0 1 .75-.75 8.25 8.25 0 0 1 8.25 8.25.75.75 0 0 1-.75.75h-7.5a.75.75 0 0 1-.75-.75V3Z",
-                            clipRule: "evenodd"
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx57(
-                    "div",
-                    {
-                      style: {
-                        fontSize: state.theme.fontSize,
-                        fontFamily: state.theme.fontFamily,
-                        fontWeight: 500,
-                        color: "#565656",
-                        // border: '1px solid #e7e7e7',
-                        paddingTop: 8,
-                        paddingBottom: 8,
-                        paddingRight: 12,
-                        paddingLeft: 12,
-                        borderRadius: 4,
-                        cursor: "pointer"
-                      },
-                      className: "quill-hover-button",
-                      children: "No reports created yet."
-                    }
-                  ),
-                  state.AskAIButton ? /* @__PURE__ */ jsx57(
-                    "div",
+            /* @__PURE__ */ jsxs42("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+              /* @__PURE__ */ jsxs42(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexDirection: "row",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: 260
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs42(
+                      "svg",
+                      {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        viewBox: "0 0 24 24",
+                        fill: "#565656",
+                        height: 26,
+                        width: 26,
+                        children: [
+                          /* @__PURE__ */ jsx57(
+                            "path",
+                            {
+                              fillRule: "evenodd",
+                              d: "M2.25 13.5a8.25 8.25 0 0 1 8.25-8.25.75.75 0 0 1 .75.75v6.75H18a.75.75 0 0 1 .75.75 8.25 8.25 0 0 1-16.5 0Z",
+                              clipRule: "evenodd"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx57(
+                            "path",
+                            {
+                              fillRule: "evenodd",
+                              d: "M12.75 3a.75.75 0 0 1 .75-.75 8.25 8.25 0 0 1 8.25 8.25.75.75 0 0 1-.75.75h-7.5a.75.75 0 0 1-.75-.75V3Z",
+                              clipRule: "evenodd"
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx57(
+                      "div",
+                      {
+                        style: {
+                          fontSize: state.theme.fontSize,
+                          fontFamily: state.theme.fontFamily,
+                          fontWeight: 500,
+                          color: "#565656",
+                          // border: '1px solid #e7e7e7',
+                          paddingTop: 8,
+                          paddingBottom: 8,
+                          paddingRight: 12,
+                          paddingLeft: 12,
+                          borderRadius: 4,
+                          cursor: "pointer"
+                        },
+                        className: "quill-hover-button",
+                        children: "No reports created yet."
+                      }
+                    )
+                  ]
+                }
+              ),
+              state.AskAIButton ? /* @__PURE__ */ jsx57(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    justifyContent: "flex-start",
+                    width: 144
+                  },
+                  children: /* @__PURE__ */ jsx57(
+                    state.AskAIButton,
                     {
-                      style: {
-                        display: "flex",
-                        justifyContent: "flex-start",
-                        width: 144
-                      },
-                      children: /* @__PURE__ */ jsx57(
-                        state.AskAIButton,
-                        {
-                          label: "What is a report?",
-                          prompt: "what is a report?"
-                        }
-                      )
+                      label: "What is a report?",
+                      prompt: "what is a report?"
                     }
-                  ) : null
-                ]
-              }
-            ),
+                  )
+                }
+              ) : null
+            ] }),
             /* @__PURE__ */ jsx57("div", { style: { paddingBottom: 8 }, children: /* @__PURE__ */ jsx57(
               MemoizedButton,
               {
@@ -26170,43 +26220,55 @@ Affected item${plural ? "s" : ""} ${value.affected.join(", ")}`
                                   ]
                                 }
                               ),
-                              /* @__PURE__ */ jsx64(
-                                "div",
-                                {
-                                  style: {
-                                    fontSize: state.theme?.fontSize,
-                                    fontWeight: 500,
-                                    fontFamily: state.theme?.fontFamily,
-                                    fontSizeAdjust: 0.5,
-                                    color: "#565656",
-                                    paddingTop: 8,
-                                    paddingBottom: 8,
-                                    paddingRight: 12,
-                                    paddingLeft: 12,
-                                    borderRadius: 4,
-                                    cursor: "pointer"
-                                  },
-                                  className: "quill-hover-button",
-                                  children: "No dashboards created yet."
-                                }
-                              ),
-                              state.AskAIButton ? /* @__PURE__ */ jsx64(
+                              /* @__PURE__ */ jsxs49(
                                 "div",
                                 {
                                   style: {
                                     display: "flex",
-                                    justifyContent: "flex-start",
-                                    width: 144
+                                    flexDirection: "column",
+                                    gap: 8
                                   },
-                                  children: /* @__PURE__ */ jsx64(
-                                    state.AskAIButton,
-                                    {
-                                      label: "What is a dashboard?",
-                                      prompt: "what is a dashboard?"
-                                    }
-                                  )
+                                  children: [
+                                    /* @__PURE__ */ jsx64(
+                                      "div",
+                                      {
+                                        style: {
+                                          fontSize: state.theme?.fontSize,
+                                          fontWeight: 500,
+                                          fontFamily: state.theme?.fontFamily,
+                                          fontSizeAdjust: 0.5,
+                                          color: "#565656",
+                                          paddingTop: 8,
+                                          paddingBottom: 8,
+                                          paddingRight: 12,
+                                          paddingLeft: 12,
+                                          borderRadius: 4,
+                                          cursor: "pointer"
+                                        },
+                                        className: "quill-hover-button",
+                                        children: "No dashboards created yet."
+                                      }
+                                    ),
+                                    state.AskAIButton ? /* @__PURE__ */ jsx64(
+                                      "div",
+                                      {
+                                        style: {
+                                          display: "flex",
+                                          justifyContent: "flex-start",
+                                          width: 144
+                                        },
+                                        children: /* @__PURE__ */ jsx64(
+                                          state.AskAIButton,
+                                          {
+                                            label: "What is a dashboard?",
+                                            prompt: "what is a dashboard?"
+                                          }
+                                        )
+                                      }
+                                    ) : null
+                                  ]
                                 }
-                              ) : null
+                              )
                             ]
                           }
                         ),
@@ -26750,7 +26812,8 @@ function CreateEditVirtualTable({
       state.client._id,
       getToken,
       state.client.schemaNames,
-      state.queryHeaders
+      state.queryHeaders,
+      state.withCredentials
     );
     setEditVirtualTableQuery(results);
     setAskAIButtonLoading(false);
@@ -26799,7 +26862,8 @@ function CreateEditVirtualTable({
       state.queryEndpoint,
       getToken,
       eventTracking,
-      state.queryHeaders
+      state.queryHeaders,
+      state.withCredentials
     );
     if (!resp.success) {
       setErrorInfo({ show: true, message: resp.error });
@@ -26842,7 +26906,7 @@ function CreateEditVirtualTable({
           queryEndpoint: state.queryEndpoint,
           queryHeaders: state.queryHeaders,
           clientId: state.client._id,
-          withCredentials: false
+          withCredentials: !!state.withCredentials
         },
         task: "sqlify",
         metadata: {
@@ -29100,7 +29164,8 @@ function EditAddViewModal({
                     state.queryEndpoint,
                     getToken,
                     eventTracking,
-                    state.queryHeaders
+                    state.queryHeaders,
+                    state.withCredentials
                   );
                   if (!getSqlResults.success) {
                     setErrorInfo({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quillsql/admin",
-  "version": "1.7.3",
+  "version": "1.7.5",
   "description": "Admin tools for Quill",
   "type": "module",
   "exports": {