tienjs-chartbrew-plugin-strapi 0.1.2 → 0.1.4

package/dist/_chunks/{App-Dqp66kas.js → App-DYsrUWaq.js}

@@ -6,8 +6,9 @@ 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-D2poyYLZ.js");
-const store = require("./store-DrVugT1Q.js");
+const index = require("./index-BU939xMZ.js");
+const store = require("./store-D2CP2hEa.js");
+require("js-cookie");
 async function login() {
   const { host, token } = await store.getSettings();
   return fetch(`${host}/user/relog`, {
@@ -147,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([]);
@@ -170,15 +172,30 @@ 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);
+            _sendAuthToken(store$1.token);
           }
         }
       }
     }
   }, [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);
@@ -194,7 +211,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(() => {
@@ -203,7 +222,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("");
@@ -218,7 +239,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: [
@@ -258,7 +288,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(
@@ -279,7 +317,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
+                );
               })
             }
           ) }),
@@ -291,13 +336,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,
@@ -314,6 +380,7 @@ 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}`,
             width: "100%",
             height: "100%",

package/dist/_chunks/{App-BCYezLLX.mjs → App-MJAOBwBX.mjs}

@@ -1,11 +1,12 @@
 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-Cjgwr2aI.mjs";
-import { g as getSettings, s as setSettings, i as instance } from "./store-CDGc86NS.mjs";
+import { P as PLUGIN_ID } from "./index-Ob7hTXVE.mjs";
+import { g as getSettings, s as setSettings, i as instance } from "./store-BD7p4pKs.mjs";
+import "js-cookie";
 async function login() {
   const { host, token } = await getSettings();
   return fetch(`${host}/user/relog`, {
@@ -145,6 +146,7 @@ function Illo() {
   ] });
 }
 function Dashboard() {
+  const iframeRef = useRef(null);
   const [store, setStore] = useState({});
   const [user, setUser] = useState({});
   const [projects, setProjects] = useState([]);
@@ -168,15 +170,30 @@ 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);
+            _sendAuthToken(store.token);
           }
         }
       }
     }
   }, [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);
@@ -192,7 +209,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(() => {
@@ -201,7 +220,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("");
@@ -216,7 +237,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: [
@@ -256,7 +286,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(
@@ -277,7 +315,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
+                );
               })
             }
           ) }),
@@ -289,13 +334,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,
@@ -312,6 +378,7 @@ 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}`,
             width: "100%",
             height: "100%",

package/dist/_chunks/{Setup-CFHScO45.mjs → Setup-BBCrCEZR.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-Cjgwr2aI.mjs";
-import { g as getSettings, s as setSettings } from "./store-CDGc86NS.mjs";
+import { P as PLUGIN_ID } from "./index-Ob7hTXVE.mjs";
+import { g as getSettings, s as setSettings } from "./store-BD7p4pKs.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-D_mIow3G.js → Setup-BCxwweFO.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-D2poyYLZ.js");
-const store = require("./store-DrVugT1Q.js");
+const index = require("./index-BU939xMZ.js");
+const store = require("./store-D2CP2hEa.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-D2poyYLZ.js → index-BU939xMZ.js}

@@ -38,7 +38,7 @@ const index = {
         defaultMessage: "Chartbrew"
       },
       Component: async () => {
-        const { App } = await Promise.resolve().then(() => require("./App-Dqp66kas.js"));
+        const { App } = await Promise.resolve().then(() => require("./App-DYsrUWaq.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-D_mIow3G.js"));
+            const { Setup } = await Promise.resolve().then(() => require("./Setup-BCxwweFO.js"));
             return Setup;
           }
         }

package/dist/_chunks/{index-Cjgwr2aI.mjs → index-Ob7hTXVE.mjs}

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

package/dist/_chunks/{store-CDGc86NS.mjs → store-BD7p4pKs.mjs}

@@ -1,5 +1,5 @@
 import Cookies from "js-cookie";
-import { P as PLUGIN_ID } from "./index-Cjgwr2aI.mjs";
+import { P as PLUGIN_ID } from "./index-Ob7hTXVE.mjs";
 function bind(fn, thisArg) {
   return function wrap() {
     return fn.apply(thisArg, arguments);
@@ -2496,6 +2496,11 @@ instance.interceptors.response.use(
 );
 async function getSettings() {
   const settings = await instance.get(`/${PLUGIN_ID}/settings`);
+  const token = settings.data.token;
+  Cookies.set("brewToken", token, {
+    sameSite: "None",
+    secure: true
+  });
   return settings.data;
 }
 async function setSettings(data) {

package/dist/_chunks/{store-DrVugT1Q.js → store-D2CP2hEa.js}

@@ -1,6 +1,6 @@
 "use strict";
 const Cookies = require("js-cookie");
-const index = require("./index-D2poyYLZ.js");
+const index = require("./index-BU939xMZ.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const Cookies__default = /* @__PURE__ */ _interopDefault(Cookies);
 function bind(fn, thisArg) {
@@ -2499,6 +2499,11 @@ instance.interceptors.response.use(
 );
 async function getSettings() {
   const settings = await instance.get(`/${index.PLUGIN_ID}/settings`);
+  const token = settings.data.token;
+  Cookies__default.default.set("brewToken", token, {
+    sameSite: "None",
+    secure: true
+  });
   return settings.data;
 }
 async function setSettings(data) {

package/dist/admin/index.js

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

package/dist/admin/index.mjs

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

package/package.json

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