tienjs-chartbrew-plugin-strapi 0.1.3 → 0.1.5

package/dist/_chunks/{App-CZYH4Lv3.mjs → App-CZqPHB0f.mjs}

@@ -1,11 +1,11 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
+import { useRef, useState, useEffect } from "react";
 import { Link, Routes, Route } from "react-router-dom";
 import { Layouts, Page } from "@strapi/strapi/admin";
 import { LinkButton, Loader, Box, Flex, Typography, SingleSelect, SingleSelectOption, EmptyStateLayout, Alert, Link as Link$1, Checkbox, Grid, Button, Divider, Combobox, ComboboxOption } from "@strapi/design-system";
 import { ChartCircle, Plus, ExternalLink, ArrowLeft } from "@strapi/icons";
-import { P as PLUGIN_ID } from "./index-BAu-oge7.mjs";
-import { g as getSettings, s as setSettings, i as instance } from "./store-CG_sYhrl.mjs";
+import { P as PLUGIN_ID } from "./index-BDl1QGlA.mjs";
+import { g as getSettings, s as setSettings, i as instance } from "./store-CoX04Dgx.mjs";
 import "js-cookie";
 async function login() {
   const { host, token } = await getSettings();
@@ -146,6 +146,7 @@ function Illo() {
   ] });
 }
 function Dashboard() {
+  const iframeRef = useRef(null);
   const [store, setStore] = useState({});
   const [user, setUser] = useState({});
   const [projects, setProjects] = useState([]);
@@ -169,7 +170,9 @@ function Dashboard() {
         setDropdownTeam(`${selectedTeam.name}-${selectedTeam.id}`);
         setProjects(selectedTeam.Projects);
         if (store.defaultProject) {
-          const selectedProject2 = selectedTeam.Projects.find((p) => p.id === store.defaultProject);
+          const selectedProject2 = selectedTeam.Projects.find(
+            (p) => p.id === store.defaultProject
+          );
           if (selectedProject2) {
             setDropdownProject(`${selectedProject2.name}-${selectedProject2.id}`);
             setSelectedProject(selectedProject2);
@@ -178,6 +181,18 @@ function Dashboard() {
       }
     }
   }, [teams, store, dropdownTeam]);
+  const _sendAuthToken = (token) => {
+    if (iframeRef.current && iframeRef.current.contentWindow) {
+      const targetOrigin = store.clientHost;
+      iframeRef.current.contentWindow.postMessage(
+        {
+          type: "AUTH_TOKEN",
+          token
+        },
+        targetOrigin
+      );
+    }
+  };
   const _init = () => {
     login().then(async (data) => {
       setUser(data);
@@ -193,7 +208,9 @@ function Dashboard() {
   };
   const _onSelectProject = async (projectValue) => {
     if (!projectValue) return;
-    const project = projects.filter((p) => `${p.name}-${p.id}` === projectValue)[0];
+    const project = projects.filter(
+      (p) => `${p.name}-${p.id}` === projectValue
+    )[0];
     setSelectedProject(project);
     setDropdownProject(`${project.name}-${project.id}`);
     setSettings({ defaultProject: project.id }).then(() => {
@@ -202,7 +219,9 @@ function Dashboard() {
   };
   const _onSelectTeam = (teamValue) => {
     if (!teamValue) return;
-    const selectedTeam = teams.filter((t) => `${t.name}-${t.id}` === teamValue)[0];
+    const selectedTeam = teams.filter(
+      (t) => `${t.name}-${t.id}` === teamValue
+    )[0];
     setTeam(selectedTeam);
     setDropdownTeam(`${selectedTeam.name}-${selectedTeam.id}`);
     setDropdownProject("");
@@ -217,7 +236,16 @@ function Dashboard() {
       {
         title: "Dashboard",
         subtitle: "Visualize your Strapi data",
-        primaryAction: /* @__PURE__ */ jsx(LinkButton, { tag: Link, startIcon: /* @__PURE__ */ jsx(ChartCircle, {}), to: `/plugins/${PLUGIN_ID}/create`, disabled: !user.id, children: "Create new visualizations" })
+        primaryAction: /* @__PURE__ */ jsx(
+          LinkButton,
+          {
+            tag: Link,
+            startIcon: /* @__PURE__ */ jsx(ChartCircle, {}),
+            to: `/plugins/${PLUGIN_ID}/create`,
+            disabled: !user.id,
+            children: "Create new visualizations"
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsxs(Layouts.Content, { children: [
@@ -257,7 +285,15 @@ function Dashboard() {
         {
           icon: /* @__PURE__ */ jsx(Illo, {}),
           content: "It looks like you don't have a dashboard yet",
-          action: /* @__PURE__ */ jsx(LinkButton, { variant: "secondary", startIcon: /* @__PURE__ */ jsx(Plus, {}), to: `/plugins/${PLUGIN_ID}/create`, children: "Create your first dashboard" })
+          action: /* @__PURE__ */ jsx(
+            LinkButton,
+            {
+              variant: "secondary",
+              startIcon: /* @__PURE__ */ jsx(Plus, {}),
+              to: `/plugins/${PLUGIN_ID}/create`,
+              children: "Create your first dashboard"
+            }
+          )
         }
       ) }),
       !pageLoading && authError && /* @__PURE__ */ jsx(Box, { padding: 4, shadow: "filterShadow", background: "neutral0", children: /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(
@@ -278,7 +314,14 @@ function Dashboard() {
               value: dropdownTeam,
               onChange: _onSelectTeam,
               children: teams.map((t) => {
-                return /* @__PURE__ */ jsx(SingleSelectOption, { value: `${t.name}-${t.id}`, children: t.name }, t.id);
+                return /* @__PURE__ */ jsx(
+                  SingleSelectOption,
+                  {
+                    value: `${t.name}-${t.id}`,
+                    children: t.name
+                  },
+                  t.id
+                );
               })
             }
           ) }),
@@ -290,13 +333,34 @@ function Dashboard() {
               value: dropdownProject,
               onChange: _onSelectProject,
               children: projects.map((p) => {
-                return /* @__PURE__ */ jsx(SingleSelectOption, { value: `${p.name}-${p.id}`, children: p.name }, p.id);
+                return /* @__PURE__ */ jsx(
+                  SingleSelectOption,
+                  {
+                    value: `${p.name}-${p.id}`,
+                    children: p.name
+                  },
+                  p.id
+                );
               })
             }
           ) }),
           selectedProject && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Checkbox, { paddingLeft: 4, onCheckedChange: () => setRemoveHeader(!removeHeader), children: /* @__PURE__ */ jsx(Typography, { variant: "delta", children: "Remove header" }) }),
-            /* @__PURE__ */ jsx(Checkbox, { paddingLeft: 4, onCheckedChange: () => setRemoveStyling(!removeStyling), children: /* @__PURE__ */ jsx(Typography, { variant: "delta", children: "Remove styling" }) })
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                paddingLeft: 4,
+                onCheckedChange: () => setRemoveHeader(!removeHeader),
+                children: /* @__PURE__ */ jsx(Typography, { variant: "delta", children: "Remove header" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                paddingLeft: 4,
+                onCheckedChange: () => setRemoveStyling(!removeStyling),
+                children: /* @__PURE__ */ jsx(Typography, { variant: "delta", children: "Remove styling" })
+              }
+            )
           ] }),
           team && /* @__PURE__ */ jsx(
             LinkButton,
@@ -313,7 +377,13 @@ function Dashboard() {
         /* @__PURE__ */ jsx(Box, { paddingTop: 4, height: "100vh", children: /* @__PURE__ */ jsx(
           "iframe",
           {
+            ref: iframeRef,
             src: `${store.clientHost}/report/${selectedProject.brewName}?removeHeader=${removeHeader}&removeStyling=${removeStyling}`,
+            onLoad: () => {
+              if (store?.token) {
+                _sendAuthToken(store?.token);
+              }
+            },
             width: "100%",
             height: "100%",
             style: { border: "none", borderRadius: "10px" }

package/dist/_chunks/{App-m-xvbLqv.js → App-DSC2kgiX.js}

@@ -6,8 +6,8 @@ const reactRouterDom = require("react-router-dom");
 const admin = require("@strapi/strapi/admin");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
-const index = require("./index-99tSyF1-.js");
-const store = require("./store-CRky1w-V.js");
+const index = require("./index-DLMKLG2u.js");
+const store = require("./store-CcXWjkY_.js");
 require("js-cookie");
 async function login() {
   const { host, token } = await store.getSettings();
@@ -148,6 +148,7 @@ function Illo() {
   ] });
 }
 function Dashboard() {
+  const iframeRef = react.useRef(null);
   const [store$1, setStore] = react.useState({});
   const [user, setUser] = react.useState({});
   const [projects, setProjects] = react.useState([]);
@@ -171,7 +172,9 @@ function Dashboard() {
         setDropdownTeam(`${selectedTeam.name}-${selectedTeam.id}`);
         setProjects(selectedTeam.Projects);
         if (store$1.defaultProject) {
-          const selectedProject2 = selectedTeam.Projects.find((p) => p.id === store$1.defaultProject);
+          const selectedProject2 = selectedTeam.Projects.find(
+            (p) => p.id === store$1.defaultProject
+          );
           if (selectedProject2) {
             setDropdownProject(`${selectedProject2.name}-${selectedProject2.id}`);
             setSelectedProject(selectedProject2);
@@ -180,6 +183,18 @@ function Dashboard() {
       }
     }
   }, [teams, store$1, dropdownTeam]);
+  const _sendAuthToken = (token) => {
+    if (iframeRef.current && iframeRef.current.contentWindow) {
+      const targetOrigin = store$1.clientHost;
+      iframeRef.current.contentWindow.postMessage(
+        {
+          type: "AUTH_TOKEN",
+          token
+        },
+        targetOrigin
+      );
+    }
+  };
   const _init = () => {
     login().then(async (data) => {
       setUser(data);
@@ -195,7 +210,9 @@ function Dashboard() {
   };
   const _onSelectProject = async (projectValue) => {
     if (!projectValue) return;
-    const project = projects.filter((p) => `${p.name}-${p.id}` === projectValue)[0];
+    const project = projects.filter(
+      (p) => `${p.name}-${p.id}` === projectValue
+    )[0];
     setSelectedProject(project);
     setDropdownProject(`${project.name}-${project.id}`);
     store.setSettings({ defaultProject: project.id }).then(() => {
@@ -204,7 +221,9 @@ function Dashboard() {
   };
   const _onSelectTeam = (teamValue) => {
     if (!teamValue) return;
-    const selectedTeam = teams.filter((t) => `${t.name}-${t.id}` === teamValue)[0];
+    const selectedTeam = teams.filter(
+      (t) => `${t.name}-${t.id}` === teamValue
+    )[0];
     setTeam(selectedTeam);
     setDropdownTeam(`${selectedTeam.name}-${selectedTeam.id}`);
     setDropdownProject("");
@@ -219,7 +238,16 @@ function Dashboard() {
       {
         title: "Dashboard",
         subtitle: "Visualize your Strapi data",
-        primaryAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.LinkButton, { tag: reactRouterDom.Link, startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ChartCircle, {}), to: `/plugins/${index.PLUGIN_ID}/create`, disabled: !user.id, children: "Create new visualizations" })
+        primaryAction: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.LinkButton,
+          {
+            tag: reactRouterDom.Link,
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ChartCircle, {}),
+            to: `/plugins/${index.PLUGIN_ID}/create`,
+            disabled: !user.id,
+            children: "Create new visualizations"
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs(admin.Layouts.Content, { children: [
@@ -259,7 +287,15 @@ function Dashboard() {
         {
           icon: /* @__PURE__ */ jsxRuntime.jsx(Illo, {}),
           content: "It looks like you don't have a dashboard yet",
-          action: /* @__PURE__ */ jsxRuntime.jsx(designSystem.LinkButton, { variant: "secondary", startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}), to: `/plugins/${index.PLUGIN_ID}/create`, children: "Create your first dashboard" })
+          action: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.LinkButton,
+            {
+              variant: "secondary",
+              startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
+              to: `/plugins/${index.PLUGIN_ID}/create`,
+              children: "Create your first dashboard"
+            }
+          )
         }
       ) }),
       !pageLoading && authError && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, shadow: "filterShadow", background: "neutral0", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -280,7 +316,14 @@ function Dashboard() {
               value: dropdownTeam,
               onChange: _onSelectTeam,
               children: teams.map((t) => {
-                return /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: `${t.name}-${t.id}`, children: t.name }, t.id);
+                return /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.SingleSelectOption,
+                  {
+                    value: `${t.name}-${t.id}`,
+                    children: t.name
+                  },
+                  t.id
+                );
               })
             }
           ) }),
@@ -292,13 +335,34 @@ function Dashboard() {
               value: dropdownProject,
               onChange: _onSelectProject,
               children: projects.map((p) => {
-                return /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: `${p.name}-${p.id}`, children: p.name }, p.id);
+                return /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.SingleSelectOption,
+                  {
+                    value: `${p.name}-${p.id}`,
+                    children: p.name
+                  },
+                  p.id
+                );
               })
             }
           ) }),
           selectedProject && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Checkbox, { paddingLeft: 4, onCheckedChange: () => setRemoveHeader(!removeHeader), children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", children: "Remove header" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Checkbox, { paddingLeft: 4, onCheckedChange: () => setRemoveStyling(!removeStyling), children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", children: "Remove styling" }) })
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Checkbox,
+              {
+                paddingLeft: 4,
+                onCheckedChange: () => setRemoveHeader(!removeHeader),
+                children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", children: "Remove header" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Checkbox,
+              {
+                paddingLeft: 4,
+                onCheckedChange: () => setRemoveStyling(!removeStyling),
+                children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", children: "Remove styling" })
+              }
+            )
           ] }),
           team && /* @__PURE__ */ jsxRuntime.jsx(
             designSystem.LinkButton,
@@ -315,7 +379,13 @@ function Dashboard() {
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, height: "100vh", children: /* @__PURE__ */ jsxRuntime.jsx(
           "iframe",
           {
+            ref: iframeRef,
             src: `${store$1.clientHost}/report/${selectedProject.brewName}?removeHeader=${removeHeader}&removeStyling=${removeStyling}`,
+            onLoad: () => {
+              if (store$1?.token) {
+                _sendAuthToken(store$1?.token);
+              }
+            },
             width: "100%",
             height: "100%",
             style: { border: "none", borderRadius: "10px" }

package/dist/_chunks/{Setup-BDc8qCYW.mjs → Setup-C8OVk4-q.mjs}

@@ -4,8 +4,8 @@ import { LinkButton, Box, Typography, Tabs, Field, Button, Link, Flex, Alert } f
 import { useNotification, Layouts } from "@strapi/strapi/admin";
 import { ExternalLink, Magic, Check, Cross, ChevronRight } from "@strapi/icons";
 import { Link as Link$1 } from "react-router-dom";
-import { P as PLUGIN_ID } from "./index-BAu-oge7.mjs";
-import { g as getSettings, s as setSettings } from "./store-CG_sYhrl.mjs";
+import { P as PLUGIN_ID } from "./index-BDl1QGlA.mjs";
+import { g as getSettings, s as setSettings } from "./store-CoX04Dgx.mjs";
 const defaultHost = "https://api.chartbrew.com";
 const defaultClientHost = "https://app.chartbrew.com";
 const strapiHostEnv = process.env.STRAPI_ADMIN_BACKEND_URL;

package/dist/_chunks/{Setup-B-KYP8ql.js → Setup-D8qqF_69.js}

@@ -6,8 +6,8 @@ const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
 const icons = require("@strapi/icons");
 const reactRouterDom = require("react-router-dom");
-const index = require("./index-99tSyF1-.js");
-const store = require("./store-CRky1w-V.js");
+const index = require("./index-DLMKLG2u.js");
+const store = require("./store-CcXWjkY_.js");
 const defaultHost = "https://api.chartbrew.com";
 const defaultClientHost = "https://app.chartbrew.com";
 const strapiHostEnv = process.env.STRAPI_ADMIN_BACKEND_URL;

package/dist/_chunks/{index-BAu-oge7.mjs → index-BDl1QGlA.mjs}

@@ -37,7 +37,7 @@ const index = {
         defaultMessage: "Chartbrew"
       },
       Component: async () => {
-        const { App } = await import("./App-CZYH4Lv3.mjs");
+        const { App } = await import("./App-CZqPHB0f.mjs");
         return App;
       }
     });
@@ -58,7 +58,7 @@ const index = {
           id: "settings",
           to: `/settings/${PLUGIN_ID}`,
           Component: async () => {
-            const { Setup } = await import("./Setup-BDc8qCYW.mjs");
+            const { Setup } = await import("./Setup-C8OVk4-q.mjs");
             return Setup;
           }
         }

package/dist/_chunks/{index-99tSyF1-.js → index-DLMKLG2u.js}

@@ -38,7 +38,7 @@ const index = {
         defaultMessage: "Chartbrew"
       },
       Component: async () => {
-        const { App } = await Promise.resolve().then(() => require("./App-m-xvbLqv.js"));
+        const { App } = await Promise.resolve().then(() => require("./App-DSC2kgiX.js"));
         return App;
       }
     });
@@ -59,7 +59,7 @@ const index = {
           id: "settings",
           to: `/settings/${PLUGIN_ID}`,
           Component: async () => {
-            const { Setup } = await Promise.resolve().then(() => require("./Setup-B-KYP8ql.js"));
+            const { Setup } = await Promise.resolve().then(() => require("./Setup-D8qqF_69.js"));
             return Setup;
           }
         }

package/dist/_chunks/{store-CRky1w-V.js → store-CcXWjkY_.js}

@@ -1,6 +1,6 @@
 "use strict";
 const Cookies = require("js-cookie");
-const index = require("./index-99tSyF1-.js");
+const index = require("./index-DLMKLG2u.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const Cookies__default = /* @__PURE__ */ _interopDefault(Cookies);
 function bind(fn, thisArg) {

package/dist/_chunks/{store-CG_sYhrl.mjs → store-CoX04Dgx.mjs}

@@ -1,5 +1,5 @@
 import Cookies from "js-cookie";
-import { P as PLUGIN_ID } from "./index-BAu-oge7.mjs";
+import { P as PLUGIN_ID } from "./index-BDl1QGlA.mjs";
 function bind(fn, thisArg) {
   return function wrap() {
     return fn.apply(thisArg, arguments);

package/dist/admin/index.js

@@ -1,3 +1,3 @@
 "use strict";
-const index = require("../_chunks/index-99tSyF1-.js");
+const index = require("../_chunks/index-DLMKLG2u.js");
 module.exports = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { i } from "../_chunks/index-BAu-oge7.mjs";
+import { i } from "../_chunks/index-BDl1QGlA.mjs";
 export {
   i as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tienjs-chartbrew-plugin-strapi",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Chartbrew brings data visualization to your Strapi dashboard",
   "keywords": [],
   "homepage": "https://github.com/chartbrew/strapi-plugin-chartbrew#readme",