tienjs-chartbrew-plugin-strapi 0.1.0

package/dist/_chunks/Setup-CL3F4zOi.js

@@ -0,0 +1,304 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+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-Bk9ujIXz.js");
+const store = require("./store-B-zkLoDr.js");
+const defaultHost = "https://api.chartbrew.com";
+const defaultClientHost = "https://app.chartbrew.com";
+const strapiHostEnv = process.env.STRAPI_ADMIN_BACKEND_URL;
+const Setup = () => {
+  const [host, setHost] = react.useState(defaultHost);
+  const [clientHost, setClientHost] = react.useState(defaultClientHost);
+  const [strapiHost, setStrapiHost] = react.useState(strapiHostEnv || "");
+  const [token, setToken] = react.useState("");
+  const [loading, setLoading] = react.useState(false);
+  const [saved, setSaved] = react.useState(false);
+  const [error, setError] = react.useState(false);
+  const [chartbrewUser, setChartbrewUser] = react.useState({});
+  const [strapiToken, setStrapiToken] = react.useState("");
+  const [savingToken, setSavingToken] = react.useState(false);
+  const [hasToken, setHasToken] = react.useState(false);
+  const [localAlert, setLocalAlert] = react.useState(false);
+  const { toggleNotification } = admin.useNotification();
+  react.useEffect(() => {
+    store.getSettings().then((data) => {
+      setHost(data.host);
+      setClientHost(data.clientHost);
+      setToken(data.token);
+      setHasToken(data.hasToken);
+      setStrapiHost(data.strapiHost);
+    });
+  }, []);
+  const _onValidateData = () => {
+    return !host || host.indexOf("http") === -1 || !token || !clientHost;
+  };
+  const _onUseManagedClicked = () => {
+    setHost(defaultHost);
+    setClientHost(defaultClientHost);
+  };
+  const _onFormSubmit = () => {
+    setSaved(false);
+    setError(false);
+    setLoading(true);
+    store.setSettings({ clientHost, host, token, strapiHost }).then(() => {
+      return fetch(`${host}/user/relog`, {
+        method: "POST",
+        headers: new Headers({
+          accept: "application/json",
+          authorization: `Bearer ${token}`
+        })
+      });
+    }).then((response) => {
+      if (!response.ok) throw new Error(400);
+      return response.json();
+    }).then((user) => {
+      setSaved(true);
+      setLoading(false);
+      setChartbrewUser(user);
+      if (process.env.STRAPI_ADMIN_BACKEND_URL.indexOf("http://localhost") > -1 && host.indexOf("http://localhost") === -1) {
+        setLocalAlert(true);
+      }
+    }).catch(() => {
+      setSaved(false);
+      setError(true);
+      setLoading(false);
+    });
+  };
+  const _onSaveStrapiToken = () => {
+    if (!strapiToken) return;
+    setSavingToken(true);
+    store.setSettings({ strapiToken }).then((data) => {
+      setSavingToken(false);
+      setHasToken(data.hasToken);
+      setStrapiToken("");
+      toggleNotification({
+        message: "Strapi token saved",
+        type: "success"
+      });
+    }).catch(() => {
+      setSavingToken(false);
+      toggleNotification({
+        message: "Failed to save Strapi token",
+        type: "danger"
+      });
+    });
+  };
+  const _onRemoveStrapiToken = () => {
+    setSavingToken(true);
+    store.setSettings({ strapiToken: false }).then((data) => {
+      setSavingToken(false);
+      setHasToken(data.hasToken);
+    }).catch(() => setSavingToken(false));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      admin.Layouts.Header,
+      {
+        title: "Chartbrew Setup",
+        subtitle: "Connect to Chartbrew to start visualizing your Strapi data",
+        primaryAction: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.LinkButton,
+          {
+            endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ExternalLink, { color: "white" }),
+            href: "https://chartbrew.com?utm_source=strapi_plugin",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "Learn more about Chartbrew"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(admin.Layouts.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 6, paddingLeft: 8, paddingRight: 8, shadow: "filterShadow", background: "neutral0", marginBottom: 6, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", children: "Get started with Chartbrew" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: "Learn how to get started with Chartbrew using the managed service or by self-hosting" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.Root, { label: "Two ways to get started with Chartbrew", defaultValue: "managed", id: "tabs", variant: "simple", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.List, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "managed", children: "Managed service" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "self", children: "Self-hosting" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "managed", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { color: "neutral800", padding: 4, background: "neutral0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: "While using the managed service, all you have to do is to create an account at chartbrew.com and then follow the instructions to create an API key: " }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.LinkButton, { href: "https://app.chartbrew.com/signup", target: "_blank", rel: "noopener", endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ExternalLink, {}), variant: "tertiary", children: "1. Create an account and activate your 30-day trial here " }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.LinkButton, { href: "https://chartbrew.com/blog/how-to-create-api-keys-in-chartbrew/", target: "_blank", rel: "noopener", endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ExternalLink, {}), variant: "tertiary", children: "2. How to get your Chartbrew API key " }) })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "self", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { color: "neutral800", padding: 4, background: "neutral0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: "Chartbrew can be self-hosted in a number of ways. You can use the Docker image, a VPS, or plaforms like Heroku and Vercel. Below are some links to get you started: " }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.LinkButton, { href: "https://github.com/chartbrew/chartbrew?utm_source=strapi-plugin", target: "_blank", rel: "noopener", endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ExternalLink, {}), variant: "tertiary", children: "Chartbrew on GitHub " }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.LinkButton, { href: "https://docs.chartbrew.com/deployment/#run-the-application-with-docker?utm_source=strapi-plugin", target: "_blank", rel: "noopener", endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ExternalLink, {}), variant: "tertiary", children: "Run Chartbrew using the Docker image " }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.LinkButton, { href: "https://chartbrew.com/blog/how-to-deploy-chartbrew-on-heroku-and-vercel?utm_source=strapi-plugin", target: "_blank", rel: "noopener", endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ExternalLink, {}), variant: "tertiary", children: "Deploy Chartbrew on Heroku & Vercel " }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.LinkButton, { href: "https://chartbrew.com/blog/how-to-create-api-keys-in-chartbrew/", target: "_blank", rel: "noopener", endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ExternalLink, {}), variant: "tertiary", children: "How to get your Chartbrew API key " }) })
+          ] }) })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 6, paddingLeft: 8, paddingRight: 8, shadow: "filterShadow", background: "neutral0", marginBottom: 6, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", children: "Connect to Chartbrew" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: "You can change this to your own instance of Chartbrew, or use the managed service to not have to host the platform yourself." }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "host", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Chartbrew application host (frontend URL)" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Field.Input,
+            {
+              type: "text",
+              placeholder: "Enter your Chartbrew application host",
+              value: clientHost,
+              onChange: (e) => setClientHost(e.target.value)
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "host", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Chartbrew API host (backend URL)" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Field.Input,
+            {
+              type: "text",
+              placeholder: "Enter your Chartbrew API host",
+              value: host,
+              onChange: (e) => setHost(e.target.value)
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "host", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Your Strapi backend URL" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Field.Input,
+            {
+              type: "text",
+              placeholder: "'https://you-strapi-url.com' or 'http://localhost:1337' for local env",
+              value: strapiHost,
+              onChange: (e) => setStrapiHost(e.target.value)
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            variant: "tertiary",
+            endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Magic, {}),
+            onClick: _onUseManagedClicked,
+            size: "S",
+            children: "Use managed Chartbrew address"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "token", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Label, { children: [
+            "Chartbrew API Token - ",
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Link, { href: "https://chartbrew.com/blog/how-to-create-api-keys-in-chartbrew/", isExternal: true, children: " How to generate an API Token" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Field.Input,
+            {
+              type: "password",
+              placeholder: "Enter your Chartbrew API Token",
+              value: token,
+              onChange: (e) => setToken(e.target.value)
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, direction: "row", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Button,
+            {
+              variant: saved && "success-light" || error && "danger-light" || "default",
+              disabled: _onValidateData(),
+              loading,
+              endIcon: saved && /* @__PURE__ */ jsxRuntime.jsx(icons.Check, {}) || error && /* @__PURE__ */ jsxRuntime.jsx(icons.Cross, {}) || null,
+              onClick: _onFormSubmit,
+              children: "Save and check the connection"
+            }
+          ),
+          chartbrewUser.id && /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.LinkButton,
+            {
+              variant: "secondary",
+              endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRight, {}),
+              tag: reactRouterDom.Link,
+              to: `/plugins/${index.PLUGIN_ID}`,
+              children: "Continue to your dashboard"
+            }
+          )
+        ] }) }),
+        error && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Alert,
+          {
+            closeLabel: "Close alert",
+            title: "Authentication failed",
+            variant: "danger",
+            onClose: () => setError(false),
+            children: "Something went wrong with the authentication. Please check the host and token are correct and try again."
+          }
+        ) }),
+        saved && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Alert,
+          {
+            closeLabel: "Close alert",
+            title: `Welcome ${chartbrewUser.name}!`,
+            variant: "success",
+            onClose: () => setSaved(false),
+            children: "Successfully authenticated with Chartbrew. Head over to your dashboard to get started. "
+          }
+        ) }),
+        localAlert && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Alert,
+          {
+            closeLabel: "Close alert",
+            title: "Chartbrew might not be able to create charts",
+            variant: "default",
+            onClose: () => setLocalAlert(false),
+            children: "It seems you are running Strapi on your local machine and you are connecting to a Chartbrew instance that is hosted on an external server. You might not be able to create new visualizations from your Strapi data, but you can create the charts in Chartbrew and then see them in your Strapi dashboard. "
+          }
+        ) })
+      ] }),
+      !hasToken && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 6, paddingLeft: 8, paddingRight: 8, shadow: "filterShadow", background: "neutral0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", children: "Allow Chartbrew to create charts from Strapi data" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "omega", children: [
+          "Create a Read-only API token and enter it in the field below. ",
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Link, { to: "/settings/api-tokens", children: "Click here to create an API token " })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "host", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Strapi API Token" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Field.Input,
+            {
+              type: "password",
+              placeholder: "Enter a Strapi Read-Only token here",
+              value: strapiToken,
+              onChange: (e) => setStrapiToken(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", children: "You will not be able to see this token after you save it. " })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            variant: saved && "success-light" || error && "danger-light" || "default",
+            disabled: !strapiToken && !hasToken,
+            loading: savingToken,
+            onClick: _onSaveStrapiToken,
+            children: "Save token"
+          }
+        ) })
+      ] }),
+      hasToken && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 6, paddingLeft: 8, paddingRight: 8, shadow: "filterShadow", background: "neutral0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", children: "Chartbrew can now create charts from your Strapi data" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: "Chartbrew uses your Strapi API token to create charts automatically from your Strapi dashboard. You can disallow this option by clicking the remove button below. " }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "danger-light", onClick: _onRemoveStrapiToken, children: "Remove Chartbrew's access " }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Alert,
+          {
+            closeLabel: "Close alert",
+            title: "A note on Chartbrew's access",
+            variant: "default",
+            children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "All existing charts will still have read access for your Strapi data. When removing the access, this will only be applied to future charts. To stop existing charts from reading the data, please head over to the Chartbrew app and remove the charts from there. " })
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+};
+exports.Setup = Setup;

package/dist/_chunks/Setup-C_xPro4U.mjs

@@ -0,0 +1,304 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { LinkButton, Box, Typography, Tabs, Field, Button, Link, Flex, Alert } from "@strapi/design-system";
+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-CXvgiYYO.mjs";
+import { g as getSettings, s as setSettings } from "./store-CES_iNgI.mjs";
+const defaultHost = "https://api.chartbrew.com";
+const defaultClientHost = "https://app.chartbrew.com";
+const strapiHostEnv = process.env.STRAPI_ADMIN_BACKEND_URL;
+const Setup = () => {
+  const [host, setHost] = useState(defaultHost);
+  const [clientHost, setClientHost] = useState(defaultClientHost);
+  const [strapiHost, setStrapiHost] = useState(strapiHostEnv || "");
+  const [token, setToken] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [saved, setSaved] = useState(false);
+  const [error, setError] = useState(false);
+  const [chartbrewUser, setChartbrewUser] = useState({});
+  const [strapiToken, setStrapiToken] = useState("");
+  const [savingToken, setSavingToken] = useState(false);
+  const [hasToken, setHasToken] = useState(false);
+  const [localAlert, setLocalAlert] = useState(false);
+  const { toggleNotification } = useNotification();
+  useEffect(() => {
+    getSettings().then((data) => {
+      setHost(data.host);
+      setClientHost(data.clientHost);
+      setToken(data.token);
+      setHasToken(data.hasToken);
+      setStrapiHost(data.strapiHost);
+    });
+  }, []);
+  const _onValidateData = () => {
+    return !host || host.indexOf("http") === -1 || !token || !clientHost;
+  };
+  const _onUseManagedClicked = () => {
+    setHost(defaultHost);
+    setClientHost(defaultClientHost);
+  };
+  const _onFormSubmit = () => {
+    setSaved(false);
+    setError(false);
+    setLoading(true);
+    setSettings({ clientHost, host, token, strapiHost }).then(() => {
+      return fetch(`${host}/user/relog`, {
+        method: "POST",
+        headers: new Headers({
+          accept: "application/json",
+          authorization: `Bearer ${token}`
+        })
+      });
+    }).then((response) => {
+      if (!response.ok) throw new Error(400);
+      return response.json();
+    }).then((user) => {
+      setSaved(true);
+      setLoading(false);
+      setChartbrewUser(user);
+      if (process.env.STRAPI_ADMIN_BACKEND_URL.indexOf("http://localhost") > -1 && host.indexOf("http://localhost") === -1) {
+        setLocalAlert(true);
+      }
+    }).catch(() => {
+      setSaved(false);
+      setError(true);
+      setLoading(false);
+    });
+  };
+  const _onSaveStrapiToken = () => {
+    if (!strapiToken) return;
+    setSavingToken(true);
+    setSettings({ strapiToken }).then((data) => {
+      setSavingToken(false);
+      setHasToken(data.hasToken);
+      setStrapiToken("");
+      toggleNotification({
+        message: "Strapi token saved",
+        type: "success"
+      });
+    }).catch(() => {
+      setSavingToken(false);
+      toggleNotification({
+        message: "Failed to save Strapi token",
+        type: "danger"
+      });
+    });
+  };
+  const _onRemoveStrapiToken = () => {
+    setSavingToken(true);
+    setSettings({ strapiToken: false }).then((data) => {
+      setSavingToken(false);
+      setHasToken(data.hasToken);
+    }).catch(() => setSavingToken(false));
+  };
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      Layouts.Header,
+      {
+        title: "Chartbrew Setup",
+        subtitle: "Connect to Chartbrew to start visualizing your Strapi data",
+        primaryAction: /* @__PURE__ */ jsx(
+          LinkButton,
+          {
+            endIcon: /* @__PURE__ */ jsx(ExternalLink, { color: "white" }),
+            href: "https://chartbrew.com?utm_source=strapi_plugin",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "Learn more about Chartbrew"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(Layouts.Content, { children: [
+      /* @__PURE__ */ jsxs(Box, { padding: 6, paddingLeft: 8, paddingRight: 8, shadow: "filterShadow", background: "neutral0", marginBottom: 6, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "beta", children: "Get started with Chartbrew" }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: "Learn how to get started with Chartbrew using the managed service or by self-hosting" }) }),
+        /* @__PURE__ */ jsx(Box, { paddingTop: 6, children: /* @__PURE__ */ jsxs(Tabs.Root, { label: "Two ways to get started with Chartbrew", defaultValue: "managed", id: "tabs", variant: "simple", children: [
+          /* @__PURE__ */ jsxs(Tabs.List, { children: [
+            /* @__PURE__ */ jsx(Tabs.Trigger, { value: "managed", children: "Managed service" }),
+            /* @__PURE__ */ jsx(Tabs.Trigger, { value: "self", children: "Self-hosting" })
+          ] }),
+          /* @__PURE__ */ jsx(Tabs.Content, { value: "managed", children: /* @__PURE__ */ jsxs(Box, { color: "neutral800", padding: 4, background: "neutral0", children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Typography, { children: "While using the managed service, all you have to do is to create an account at chartbrew.com and then follow the instructions to create an API key: " }) }),
+            /* @__PURE__ */ jsx(Box, { paddingTop: 2, children: /* @__PURE__ */ jsx(LinkButton, { href: "https://app.chartbrew.com/signup", target: "_blank", rel: "noopener", endIcon: /* @__PURE__ */ jsx(ExternalLink, {}), variant: "tertiary", children: "1. Create an account and activate your 30-day trial here " }) }),
+            /* @__PURE__ */ jsx(Box, { paddingTop: 2, children: /* @__PURE__ */ jsx(LinkButton, { href: "https://chartbrew.com/blog/how-to-create-api-keys-in-chartbrew/", target: "_blank", rel: "noopener", endIcon: /* @__PURE__ */ jsx(ExternalLink, {}), variant: "tertiary", children: "2. How to get your Chartbrew API key " }) })
+          ] }) }),
+          /* @__PURE__ */ jsx(Tabs.Content, { value: "self", children: /* @__PURE__ */ jsxs(Box, { color: "neutral800", padding: 4, background: "neutral0", children: [
+            /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Typography, { children: "Chartbrew can be self-hosted in a number of ways. You can use the Docker image, a VPS, or plaforms like Heroku and Vercel. Below are some links to get you started: " }) }),
+            /* @__PURE__ */ jsx(Box, { paddingTop: 2, children: /* @__PURE__ */ jsx(LinkButton, { href: "https://github.com/chartbrew/chartbrew?utm_source=strapi-plugin", target: "_blank", rel: "noopener", endIcon: /* @__PURE__ */ jsx(ExternalLink, {}), variant: "tertiary", children: "Chartbrew on GitHub " }) }),
+            /* @__PURE__ */ jsx(Box, { paddingTop: 2, children: /* @__PURE__ */ jsx(LinkButton, { href: "https://docs.chartbrew.com/deployment/#run-the-application-with-docker?utm_source=strapi-plugin", target: "_blank", rel: "noopener", endIcon: /* @__PURE__ */ jsx(ExternalLink, {}), variant: "tertiary", children: "Run Chartbrew using the Docker image " }) }),
+            /* @__PURE__ */ jsx(Box, { paddingTop: 2, children: /* @__PURE__ */ jsx(LinkButton, { href: "https://chartbrew.com/blog/how-to-deploy-chartbrew-on-heroku-and-vercel?utm_source=strapi-plugin", target: "_blank", rel: "noopener", endIcon: /* @__PURE__ */ jsx(ExternalLink, {}), variant: "tertiary", children: "Deploy Chartbrew on Heroku & Vercel " }) }),
+            /* @__PURE__ */ jsx(Box, { paddingTop: 2, children: /* @__PURE__ */ jsx(LinkButton, { href: "https://chartbrew.com/blog/how-to-create-api-keys-in-chartbrew/", target: "_blank", rel: "noopener", endIcon: /* @__PURE__ */ jsx(ExternalLink, {}), variant: "tertiary", children: "How to get your Chartbrew API key " }) })
+          ] }) })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { padding: 6, paddingLeft: 8, paddingRight: 8, shadow: "filterShadow", background: "neutral0", marginBottom: 6, children: [
+        /* @__PURE__ */ jsx(Box, { paddingTop: 2, children: /* @__PURE__ */ jsx(Typography, { variant: "beta", children: "Connect to Chartbrew" }) }),
+        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: "You can change this to your own instance of Chartbrew, or use the managed service to not have to host the platform yourself." }) }),
+        /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsxs(Field.Root, { name: "host", children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: "Chartbrew application host (frontend URL)" }),
+          /* @__PURE__ */ jsx(
+            Field.Input,
+            {
+              type: "text",
+              placeholder: "Enter your Chartbrew application host",
+              value: clientHost,
+              onChange: (e) => setClientHost(e.target.value)
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsxs(Field.Root, { name: "host", children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: "Chartbrew API host (backend URL)" }),
+          /* @__PURE__ */ jsx(
+            Field.Input,
+            {
+              type: "text",
+              placeholder: "Enter your Chartbrew API host",
+              value: host,
+              onChange: (e) => setHost(e.target.value)
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsxs(Field.Root, { name: "host", children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: "Your Strapi backend URL" }),
+          /* @__PURE__ */ jsx(
+            Field.Input,
+            {
+              type: "text",
+              placeholder: "'https://you-strapi-url.com' or 'http://localhost:1337' for local env",
+              value: strapiHost,
+              onChange: (e) => setStrapiHost(e.target.value)
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "tertiary",
+            endIcon: /* @__PURE__ */ jsx(Magic, {}),
+            onClick: _onUseManagedClicked,
+            size: "S",
+            children: "Use managed Chartbrew address"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsxs(Field.Root, { name: "token", children: [
+          /* @__PURE__ */ jsxs(Field.Label, { children: [
+            "Chartbrew API Token - ",
+            /* @__PURE__ */ jsx(Link, { href: "https://chartbrew.com/blog/how-to-create-api-keys-in-chartbrew/", isExternal: true, children: " How to generate an API Token" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Field.Input,
+            {
+              type: "password",
+              placeholder: "Enter your Chartbrew API Token",
+              value: token,
+              onChange: (e) => setToken(e.target.value)
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, direction: "row", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: saved && "success-light" || error && "danger-light" || "default",
+              disabled: _onValidateData(),
+              loading,
+              endIcon: saved && /* @__PURE__ */ jsx(Check, {}) || error && /* @__PURE__ */ jsx(Cross, {}) || null,
+              onClick: _onFormSubmit,
+              children: "Save and check the connection"
+            }
+          ),
+          chartbrewUser.id && /* @__PURE__ */ jsx(
+            LinkButton,
+            {
+              variant: "secondary",
+              endIcon: /* @__PURE__ */ jsx(ChevronRight, {}),
+              tag: Link$1,
+              to: `/plugins/${PLUGIN_ID}`,
+              children: "Continue to your dashboard"
+            }
+          )
+        ] }) }),
+        error && /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(
+          Alert,
+          {
+            closeLabel: "Close alert",
+            title: "Authentication failed",
+            variant: "danger",
+            onClose: () => setError(false),
+            children: "Something went wrong with the authentication. Please check the host and token are correct and try again."
+          }
+        ) }),
+        saved && /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(
+          Alert,
+          {
+            closeLabel: "Close alert",
+            title: `Welcome ${chartbrewUser.name}!`,
+            variant: "success",
+            onClose: () => setSaved(false),
+            children: "Successfully authenticated with Chartbrew. Head over to your dashboard to get started. "
+          }
+        ) }),
+        localAlert && /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(
+          Alert,
+          {
+            closeLabel: "Close alert",
+            title: "Chartbrew might not be able to create charts",
+            variant: "default",
+            onClose: () => setLocalAlert(false),
+            children: "It seems you are running Strapi on your local machine and you are connecting to a Chartbrew instance that is hosted on an external server. You might not be able to create new visualizations from your Strapi data, but you can create the charts in Chartbrew and then see them in your Strapi dashboard. "
+          }
+        ) })
+      ] }),
+      !hasToken && /* @__PURE__ */ jsxs(Box, { padding: 6, paddingLeft: 8, paddingRight: 8, shadow: "filterShadow", background: "neutral0", children: [
+        /* @__PURE__ */ jsx(Box, { paddingTop: 2, children: /* @__PURE__ */ jsx(Typography, { variant: "delta", children: "Allow Chartbrew to create charts from Strapi data" }) }),
+        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Typography, { variant: "omega", children: [
+          "Create a Read-only API token and enter it in the field below. ",
+          /* @__PURE__ */ jsx(Link, { to: "/settings/api-tokens", children: "Click here to create an API token " })
+        ] }) }),
+        /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsxs(Field.Root, { name: "host", children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: "Strapi API Token" }),
+          /* @__PURE__ */ jsx(
+            Field.Input,
+            {
+              type: "password",
+              placeholder: "Enter a Strapi Read-Only token here",
+              value: strapiToken,
+              onChange: (e) => setStrapiToken(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsx(Typography, { variant: "pi", children: "You will not be able to see this token after you save it. " })
+        ] }) }),
+        /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: saved && "success-light" || error && "danger-light" || "default",
+            disabled: !strapiToken && !hasToken,
+            loading: savingToken,
+            onClick: _onSaveStrapiToken,
+            children: "Save token"
+          }
+        ) })
+      ] }),
+      hasToken && /* @__PURE__ */ jsxs(Box, { padding: 6, paddingLeft: 8, paddingRight: 8, shadow: "filterShadow", background: "neutral0", children: [
+        /* @__PURE__ */ jsx(Box, { paddingTop: 2, children: /* @__PURE__ */ jsx(Typography, { variant: "delta", children: "Chartbrew can now create charts from your Strapi data" }) }),
+        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: "Chartbrew uses your Strapi API token to create charts automatically from your Strapi dashboard. You can disallow this option by clicking the remove button below. " }) }),
+        /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(Button, { variant: "danger-light", onClick: _onRemoveStrapiToken, children: "Remove Chartbrew's access " }) }),
+        /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(
+          Alert,
+          {
+            closeLabel: "Close alert",
+            title: "A note on Chartbrew's access",
+            variant: "default",
+            children: /* @__PURE__ */ jsx("p", { children: "All existing charts will still have read access for your Strapi data. When removing the access, this will only be applied to future charts. To stop existing charts from reading the data, please head over to the Chartbrew app and remove the charts from there. " })
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+};
+export {
+  Setup
+};

package/dist/_chunks/en-B4KWt_jN.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const en = {};
+exports.default = en;

package/dist/_chunks/en-Byx4XI2L.mjs

@@ -0,0 +1,4 @@
+const en = {};
+export {
+  en as default
+};

package/dist/_chunks/fr-C8Qw4iPZ.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const fr = {};
+exports.default = fr;

package/dist/_chunks/fr-hkSxFuzl.mjs

@@ -0,0 +1,4 @@
+const fr = {};
+export {
+  fr as default
+};