@localazy/strapi-plugin 1.1.0 → 1.1.1

package/dist/_chunks/{LocalazyContentTransferSetup-BjLBgqFO.js → LocalazyContentTransferSetup-DAyZdwi9.js}

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const index = require("./index-BK7lmZSN.js");
 const React = require("react");
-const RequireLocalazyAuth = require("./RequireLocalazyAuth-BzM7C6Yw.js");
-const FetchIdentity = require("./FetchIdentity-DfV1OWMB.js");
+const RequireLocalazyAuth = require("./RequireLocalazyAuth-56K8HUNR.js");
+const FetchIdentity = require("./FetchIdentity-CevvxeEj.js");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-BSNW1ypR.js");
-const hasModelChanged = require("./has-model-changed-D1f6is8z.js");
+const hasModelChanged = require("./has-model-changed-CGyDQARr.js");
 const useTranslation = require("./useTranslation-BdIl-aLe.js");
 const styled = require("styled-components");
 const index$1 = require("./index-1he9s_bs.js");
-require("./i18n-DaBjUC3Y.js");
+require("./i18n-CAsbU4pi.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const getFilteredModelsSchemas = (models) => {
@@ -1082,7 +1082,7 @@ const ContentTransferSetup = () => {
       setHasUnsavedChanges(localHasModelChanged);
       setIsLoading(false);
     }
-    fetchData();
+    void fetchData();
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -1098,7 +1098,7 @@ const ContentTransferSetup = () => {
               startIcon: /* @__PURE__ */ jsxRuntime.jsx(index.ForwardRef$4z, {}),
               disabled: !hasUnsavedChanges,
               onClick: () => {
-                saveContentTransferSetup(formModel);
+                void saveContentTransferSetup(formModel);
               },
               children: t("plugin_settings.save")
             }
@@ -1157,8 +1157,11 @@ const ContentTransferSetup = () => {
     ] })
   ] });
 };
-const LocalazyContentTransferSetup = () => /* @__PURE__ */ jsxRuntime.jsxs(FetchIdentity.LocalazyIdentityProvider, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(FetchIdentity.FetchIdentity, {}),
-  /* @__PURE__ */ jsxRuntime.jsx(RequireLocalazyAuth.RequireLocalazyAuth, { children: /* @__PURE__ */ jsxRuntime.jsx(ContentTransferSetup, {}) })
+const LocalazyContentTransferSetup = () => /* @__PURE__ */ jsxRuntime.jsxs(index.DesignSystemProvider, { theme: FetchIdentity.getDefaultTheme(), children: [
+  /* @__PURE__ */ jsxRuntime.jsx(FetchIdentity.HeadingFixGlobalStyle, {}),
+  /* @__PURE__ */ jsxRuntime.jsxs(FetchIdentity.LocalazyIdentityProvider, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(FetchIdentity.FetchIdentity, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(RequireLocalazyAuth.RequireLocalazyAuth, { children: /* @__PURE__ */ jsxRuntime.jsx(ContentTransferSetup, {}) })
+  ] })
 ] });
 exports.default = LocalazyContentTransferSetup;

package/dist/_chunks/{LocalazyContentTransferSetup-D2YvBYs_.mjs → LocalazyContentTransferSetup-Dx0Z6DXc.mjs}

@@ -1,14 +1,14 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { C as CheckboxImpl, B as Box, m as Accordion, c as Flex, n as SwitchImpl, T as Typography, e as Button, d as ForwardRef$4z, A as Alert, j as Divider, l as DesignSystemProvider } from "./index-CHjIMO9T.mjs";
 import { forwardRef, useState, useEffect } from "react";
-import { i as isEqual, R as RequireLocalazyAuth } from "./RequireLocalazyAuth-CqHrZ1Ah.mjs";
-import { s as set, m as keys, n as isArrayLike, o as arrayEach, k as isArray, p as isObject, P as PluginSettingsService, c as cloneDeep, L as LocalazyIdentityProvider, F as FetchIdentity } from "./FetchIdentity-lkoWjYjn.mjs";
+import { i as isEqual, R as RequireLocalazyAuth } from "./RequireLocalazyAuth-Dh-mAMcg.mjs";
+import { s as set, n as keys, o as isArrayLike, p as arrayEach, l as isArray, q as isObject, P as PluginSettingsService, c as cloneDeep, g as getDefaultTheme, H as HeadingFixGlobalStyle, L as LocalazyIdentityProvider, F as FetchIdentity } from "./FetchIdentity-DeThazz9.mjs";
 import { Layouts } from "@strapi/strapi/admin";
-import { C as CheckboxImpl, e as Box, g as Accordion, c as Flex, h as SwitchImpl, T as Typography, B as Button, d as ForwardRef$4z, A as Alert, D as Divider } from "./index-BIHAiJnE.mjs";
-import { S as SUPPORTED_CONTENT_TYPE_FIELDS, a as SUPPORTED_CUSTOM_FIELD_PLUGINS, g as getContentTransferSetupKeysSets, b as get, f as findModelValueByKey, c as StrapiModelService, d as getModelsTree, h as hasModelChanged } from "./has-model-changed-CWdMNRB1.mjs";
+import { S as SUPPORTED_CONTENT_TYPE_FIELDS, a as SUPPORTED_CUSTOM_FIELD_PLUGINS, g as getContentTransferSetupKeysSets, b as get, f as findModelValueByKey, c as StrapiModelService, d as getModelsTree, h as hasModelChanged } from "./has-model-changed-6p1lR-Ho.mjs";
 import { u as useTranslation } from "./useTranslation-CZQ4lU1m.mjs";
 import styled from "styled-components";
 import { Trans } from "./index-BIbKC7-V.mjs";
-import "./i18n-Bga-GG_Z.mjs";
+import "./i18n-QelOdIB2.mjs";
 const getFilteredModelsSchemas = (models) => {
   if (!models) {
     return [];
@@ -1078,7 +1078,7 @@ const ContentTransferSetup = () => {
       setHasUnsavedChanges(localHasModelChanged);
       setIsLoading(false);
     }
-    fetchData();
+    void fetchData();
   }, []);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -1094,7 +1094,7 @@ const ContentTransferSetup = () => {
               startIcon: /* @__PURE__ */ jsx(ForwardRef$4z, {}),
               disabled: !hasUnsavedChanges,
               onClick: () => {
-                saveContentTransferSetup(formModel);
+                void saveContentTransferSetup(formModel);
               },
               children: t("plugin_settings.save")
             }
@@ -1153,9 +1153,12 @@ const ContentTransferSetup = () => {
     ] })
   ] });
 };
-const LocalazyContentTransferSetup = () => /* @__PURE__ */ jsxs(LocalazyIdentityProvider, { children: [
-  /* @__PURE__ */ jsx(FetchIdentity, {}),
-  /* @__PURE__ */ jsx(RequireLocalazyAuth, { children: /* @__PURE__ */ jsx(ContentTransferSetup, {}) })
+const LocalazyContentTransferSetup = () => /* @__PURE__ */ jsxs(DesignSystemProvider, { theme: getDefaultTheme(), children: [
+  /* @__PURE__ */ jsx(HeadingFixGlobalStyle, {}),
+  /* @__PURE__ */ jsxs(LocalazyIdentityProvider, { children: [
+    /* @__PURE__ */ jsx(FetchIdentity, {}),
+    /* @__PURE__ */ jsx(RequireLocalazyAuth, { children: /* @__PURE__ */ jsx(ContentTransferSetup, {}) })
+  ] })
 ] });
 export {
   LocalazyContentTransferSetup as default

package/dist/_chunks/{LocalazyGlobalSettings-DHCU2_RH.mjs → LocalazyGlobalSettings-DWMBqlN4.mjs}

@@ -1,13 +1,136 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { c as Flex, L as Loader, T as Typography, B as Box, A as Alert, d as ForwardRef$4z, e as Button, f as ForwardRef$3, g as Link, h as ForwardRef$2l, D as Dialog, F as Field, i as ForwardRef$2x, a as Toggle, M as MultiSelect, b as MultiSelectOption, j as Divider, S as SingleSelect, k as SingleSelectOption, l as DesignSystemProvider } from "./index-CHjIMO9T.mjs";
 import { useState, useEffect } from "react";
-import { P as PluginSettingsService$1, c as cloneDeep, s as set, L as LocalazyIdentityProvider, F as FetchIdentity } from "./FetchIdentity-lkoWjYjn.mjs";
+import { P as PluginSettingsService$1, c as cloneDeep, s as set, g as getDefaultTheme, H as HeadingFixGlobalStyle, L as LocalazyIdentityProvider, F as FetchIdentity } from "./FetchIdentity-DeThazz9.mjs";
 import { Layouts } from "@strapi/strapi/admin";
-import { c as Flex, B as Button, d as ForwardRef$4z, e as Box, A as Alert, T as Typography, F as Field, a as Toggle, M as MultiSelect, b as MultiSelectOption, D as Divider, S as SingleSelect, f as SingleSelectOption } from "./index-BIHAiJnE.mjs";
-import { i as isEqual, R as RequireLocalazyAuth } from "./RequireLocalazyAuth-CqHrZ1Ah.mjs";
-import { L as LanguagesSelector, P as ProjectService } from "./LanguagesSelector-vSZvVGUT.mjs";
-import { c as createStrapiApiAxiosInstance } from "./strapi-api-base-CturxOqD.mjs";
-import "./i18n-Bga-GG_Z.mjs";
+import { i as isEqual, R as RequireLocalazyAuth } from "./RequireLocalazyAuth-Dh-mAMcg.mjs";
+import { P as ProjectService, L as LanguagesSelector } from "./LanguagesSelector-D62gLZsM.mjs";
 import { u as useTranslation } from "./useTranslation-CZQ4lU1m.mjs";
+import { c as createStrapiApiAxiosInstance } from "./strapi-api-base-Bem_CGuz.mjs";
+import "./i18n-QelOdIB2.mjs";
+const WEBHOOK_PATH = "/api/localazy/public/transfer/download";
+const LOCALAZY_DOCS_URL = "https://localazy.com/docs/general/webhooks";
+function WebhookSetup() {
+  const { t } = useTranslation();
+  const [state, setState] = useState("loading");
+  const [configuredUrl, setConfiguredUrl] = useState("");
+  const [isLocalUrl, setIsLocalUrl] = useState(false);
+  const [showModal, setShowModal] = useState(false);
+  const [webhookUrl, setWebhookUrl] = useState("");
+  const [isSaving, setIsSaving] = useState(false);
+  const [error, setError] = useState("");
+  const [showSuccess, setShowSuccess] = useState(false);
+  const checkStatus = async () => {
+    try {
+      const [statusResult, strapiUrlResult] = await Promise.all([
+        ProjectService.getWebhookStatus(),
+        ProjectService.getStrapiUrl()
+      ]);
+      setWebhookUrl(`${strapiUrlResult.url}${WEBHOOK_PATH}`);
+      setIsLocalUrl(strapiUrlResult.isLocal || false);
+      if (statusResult.status === "configured" && statusResult.url) {
+        setState("configured");
+        setConfiguredUrl(statusResult.url);
+      } else {
+        setState("not_configured");
+      }
+    } catch {
+      setState("not_configured");
+    }
+  };
+  useEffect(() => {
+    void checkStatus();
+  }, []);
+  const handleSetup = async () => {
+    setIsSaving(true);
+    setError("");
+    try {
+      await ProjectService.setupWebhook(webhookUrl);
+      setState("configured");
+      setConfiguredUrl(webhookUrl);
+      setShowModal(false);
+      setShowSuccess(true);
+      setTimeout(() => setShowSuccess(false), 5e3);
+    } catch {
+      setError(t("plugin_settings.webhook_setup_error"));
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  if (state === "loading") {
+    return /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx(Loader, { small: true }),
+      /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", variant: "omega", children: t("plugin_settings.webhook_setup_loading") })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    showSuccess && /* @__PURE__ */ jsx(Box, { marginTop: 4, marginBottom: 4, children: /* @__PURE__ */ jsx(Alert, { onClose: () => setShowSuccess(false), closeLabel: t("plugin_settings.close"), variant: "success", children: t("plugin_settings.webhook_setup_success") }) }),
+    state === "configured" && /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx(ForwardRef$4z, { fill: "success600", width: 16, height: 16 }),
+        /* @__PURE__ */ jsx(Typography, { textColor: "success600", variant: "omega", fontWeight: "semiBold", children: t("plugin_settings.webhook_setup_already_configured") })
+      ] }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral500", variant: "pi", children: configuredUrl }) }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 3, children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: () => setShowModal(true), children: t("plugin_settings.webhook_setup_reconfigure") }) })
+    ] }),
+    state === "not_configured" && /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, marginBottom: 2, children: [
+        /* @__PURE__ */ jsx(ForwardRef$3, { fill: "warning600", width: 16, height: 16 }),
+        /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", variant: "omega", fontWeight: "semiBold", children: t("plugin_settings.webhook_setup_not_configured") })
+      ] }),
+      /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", variant: "pi", children: t("plugin_settings.webhook_setup_description") }),
+      /* @__PURE__ */ jsxs(Flex, { gap: 3, marginTop: 3, alignItems: "center", children: [
+        /* @__PURE__ */ jsx(Button, { onClick: () => setShowModal(true), children: t("plugin_settings.webhook_setup_button") }),
+        /* @__PURE__ */ jsx(Link, { href: LOCALAZY_DOCS_URL, isExternal: true, startIcon: /* @__PURE__ */ jsx(ForwardRef$2l, {}), children: t("plugin_settings.webhook_setup_docs_link") })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Dialog.Root, { open: showModal, onOpenChange: setShowModal, children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+      /* @__PURE__ */ jsx(Dialog.Header, { children: t("plugin_settings.webhook_setup_modal_title") }),
+      /* @__PURE__ */ jsx(Dialog.Body, { children: /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", textColor: "neutral800", children: t("plugin_settings.webhook_setup_step1_title") }),
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, marginBottom: 4, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t("plugin_settings.webhook_setup_step1_description") }) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", textColor: "neutral800", children: t("plugin_settings.webhook_setup_step2_title") }),
+        /* @__PURE__ */ jsx(Box, { marginTop: 2, marginBottom: 1, children: /* @__PURE__ */ jsxs(Field.Root, { hint: t("plugin_settings.webhook_setup_url_hint"), children: [
+          /* @__PURE__ */ jsx(
+            Field.Input,
+            {
+              value: webhookUrl,
+              onChange: (e) => setWebhookUrl(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsx(Field.Hint, {})
+        ] }) }),
+        /* @__PURE__ */ jsxs(Box, { marginTop: 3, marginBottom: 4, children: [
+          isLocalUrl && /* @__PURE__ */ jsxs(Flex, { gap: 2, marginBottom: 3, padding: 3, background: "warning100", hasRadius: true, children: [
+            /* @__PURE__ */ jsx(ForwardRef$3, { fill: "warning600", width: 16, height: 16, style: { flexShrink: 0 } }),
+            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "warning800", children: t("plugin_settings.webhook_setup_local_warning") })
+          ] }),
+          /* @__PURE__ */ jsxs(Flex, { gap: 2, padding: 3, background: "primary100", hasRadius: true, children: [
+            /* @__PURE__ */ jsx(ForwardRef$2x, { fill: "primary600", width: 16, height: 16, style: { flexShrink: 0 } }),
+            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "primary800", children: t("plugin_settings.webhook_setup_ngrok_hint") })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", textColor: "neutral800", children: t("plugin_settings.webhook_setup_step3_title") }),
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t("plugin_settings.webhook_setup_step3_description") }) }),
+        error && /* @__PURE__ */ jsx(Box, { marginTop: 4, children: /* @__PURE__ */ jsx(Alert, { onClose: () => setError(""), closeLabel: t("plugin_settings.close"), variant: "danger", children: error }) })
+      ] }) }),
+      /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
+        /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", children: t("plugin_settings.cancel") }) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: () => {
+              void handleSetup();
+            },
+            loading: isSaving,
+            disabled: !webhookUrl,
+            children: t("plugin_settings.webhook_setup_confirm")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
 class PluginSettingsService {
   static async getAdminPanelUsers() {
     try {
@@ -72,7 +195,7 @@ const GlobalSettings = () => {
       setUsers(users2);
       setIsLoading(false);
     }
-    fetchData();
+    void fetchData();
   }, []);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -88,7 +211,7 @@ const GlobalSettings = () => {
               startIcon: /* @__PURE__ */ jsx(ForwardRef$4z, {}),
               disabled: !hasUnsavedChanges,
               onClick: () => {
-                saveGlobalSettings(formModel);
+                void saveGlobalSettings(formModel);
               },
               children: t("plugin_settings.save")
             }
@@ -180,6 +303,17 @@ const GlobalSettings = () => {
             /* @__PURE__ */ jsx(Typography, { variant: "delta", textColor: "neutral800", children: t("plugin_settings.download_settings") }),
             /* @__PURE__ */ jsx("br", {}),
             /* @__PURE__ */ jsx("br", {}),
+            /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", textColor: "neutral800", children: t("plugin_settings.webhook_setup_title") }),
+            /* @__PURE__ */ jsx("br", {}),
+            /* @__PURE__ */ jsx(WebhookSetup, {}),
+            /* @__PURE__ */ jsx("br", {}),
+            /* @__PURE__ */ jsx("br", {}),
+            /* @__PURE__ */ jsx(Divider, {}),
+            /* @__PURE__ */ jsx("br", {}),
+            /* @__PURE__ */ jsx("br", {}),
+            /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", textColor: "neutral800", children: t("plugin_settings.webhook_behavior_title") }),
+            /* @__PURE__ */ jsx("br", {}),
+            /* @__PURE__ */ jsx("br", {}),
             /* @__PURE__ */ jsxs(Field.Root, { hint: t("plugin_settings.processing_of_download_webhook_info"), children: [
               /* @__PURE__ */ jsx(Field.Label, { children: t("plugin_settings.processing_of_download_webhook") }),
               /* @__PURE__ */ jsx(
@@ -246,9 +380,12 @@ const GlobalSettings = () => {
     ] })
   ] });
 };
-const LocalazyGlobalSettings = () => /* @__PURE__ */ jsxs(LocalazyIdentityProvider, { children: [
-  /* @__PURE__ */ jsx(FetchIdentity, {}),
-  /* @__PURE__ */ jsx(RequireLocalazyAuth, { children: /* @__PURE__ */ jsx(GlobalSettings, {}) })
+const LocalazyGlobalSettings = () => /* @__PURE__ */ jsxs(DesignSystemProvider, { theme: getDefaultTheme(), children: [
+  /* @__PURE__ */ jsx(HeadingFixGlobalStyle, {}),
+  /* @__PURE__ */ jsxs(LocalazyIdentityProvider, { children: [
+    /* @__PURE__ */ jsx(FetchIdentity, {}),
+    /* @__PURE__ */ jsx(RequireLocalazyAuth, { children: /* @__PURE__ */ jsx(GlobalSettings, {}) })
+  ] })
 ] });
 export {
   LocalazyGlobalSettings as default

package/dist/_chunks/{LocalazyGlobalSettings-Do5tOyhB.js → LocalazyGlobalSettings-DjrXGVxl.js}

@@ -1,15 +1,138 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const index = require("./index-BK7lmZSN.js");
 const React = require("react");
-const FetchIdentity = require("./FetchIdentity-DfV1OWMB.js");
+const FetchIdentity = require("./FetchIdentity-CevvxeEj.js");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-BSNW1ypR.js");
-const RequireLocalazyAuth = require("./RequireLocalazyAuth-BzM7C6Yw.js");
-const LanguagesSelector = require("./LanguagesSelector-BmWfSZq6.js");
-const strapiApiBase = require("./strapi-api-base-CN6q5tPh.js");
-require("./i18n-DaBjUC3Y.js");
+const RequireLocalazyAuth = require("./RequireLocalazyAuth-56K8HUNR.js");
+const LanguagesSelector = require("./LanguagesSelector-BExpl4Vx.js");
 const useTranslation = require("./useTranslation-BdIl-aLe.js");
+const strapiApiBase = require("./strapi-api-base-W_bUTSlY.js");
+require("./i18n-CAsbU4pi.js");
+const WEBHOOK_PATH = "/api/localazy/public/transfer/download";
+const LOCALAZY_DOCS_URL = "https://localazy.com/docs/general/webhooks";
+function WebhookSetup() {
+  const { t } = useTranslation.useTranslation();
+  const [state, setState] = React.useState("loading");
+  const [configuredUrl, setConfiguredUrl] = React.useState("");
+  const [isLocalUrl, setIsLocalUrl] = React.useState(false);
+  const [showModal, setShowModal] = React.useState(false);
+  const [webhookUrl, setWebhookUrl] = React.useState("");
+  const [isSaving, setIsSaving] = React.useState(false);
+  const [error, setError] = React.useState("");
+  const [showSuccess, setShowSuccess] = React.useState(false);
+  const checkStatus = async () => {
+    try {
+      const [statusResult, strapiUrlResult] = await Promise.all([
+        LanguagesSelector.ProjectService.getWebhookStatus(),
+        LanguagesSelector.ProjectService.getStrapiUrl()
+      ]);
+      setWebhookUrl(`${strapiUrlResult.url}${WEBHOOK_PATH}`);
+      setIsLocalUrl(strapiUrlResult.isLocal || false);
+      if (statusResult.status === "configured" && statusResult.url) {
+        setState("configured");
+        setConfiguredUrl(statusResult.url);
+      } else {
+        setState("not_configured");
+      }
+    } catch {
+      setState("not_configured");
+    }
+  };
+  React.useEffect(() => {
+    void checkStatus();
+  }, []);
+  const handleSetup = async () => {
+    setIsSaving(true);
+    setError("");
+    try {
+      await LanguagesSelector.ProjectService.setupWebhook(webhookUrl);
+      setState("configured");
+      setConfiguredUrl(webhookUrl);
+      setShowModal(false);
+      setShowSuccess(true);
+      setTimeout(() => setShowSuccess(false), 5e3);
+    } catch {
+      setError(t("plugin_settings.webhook_setup_error"));
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  if (state === "loading") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(index.Flex, { alignItems: "center", gap: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(index.Loader, { small: true }),
+      /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { textColor: "neutral600", variant: "omega", children: t("plugin_settings.webhook_setup_loading") })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(index.Box, { children: [
+    showSuccess && /* @__PURE__ */ jsxRuntime.jsx(index.Box, { marginTop: 4, marginBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(index.Alert, { onClose: () => setShowSuccess(false), closeLabel: t("plugin_settings.close"), variant: "success", children: t("plugin_settings.webhook_setup_success") }) }),
+    state === "configured" && /* @__PURE__ */ jsxRuntime.jsxs(index.Box, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(index.Flex, { alignItems: "center", gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(index.ForwardRef$4z, { fill: "success600", width: 16, height: 16 }),
+        /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { textColor: "success600", variant: "omega", fontWeight: "semiBold", children: t("plugin_settings.webhook_setup_already_configured") })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(index.Box, { marginTop: 1, children: /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { textColor: "neutral500", variant: "pi", children: configuredUrl }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(index.Box, { marginTop: 3, children: /* @__PURE__ */ jsxRuntime.jsx(index.Button, { variant: "tertiary", onClick: () => setShowModal(true), children: t("plugin_settings.webhook_setup_reconfigure") }) })
+    ] }),
+    state === "not_configured" && /* @__PURE__ */ jsxRuntime.jsxs(index.Box, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(index.Flex, { alignItems: "center", gap: 2, marginBottom: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(index.ForwardRef$3, { fill: "warning600", width: 16, height: 16 }),
+        /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { textColor: "neutral800", variant: "omega", fontWeight: "semiBold", children: t("plugin_settings.webhook_setup_not_configured") })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { textColor: "neutral600", variant: "pi", children: t("plugin_settings.webhook_setup_description") }),
+      /* @__PURE__ */ jsxRuntime.jsxs(index.Flex, { gap: 3, marginTop: 3, alignItems: "center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(index.Button, { onClick: () => setShowModal(true), children: t("plugin_settings.webhook_setup_button") }),
+        /* @__PURE__ */ jsxRuntime.jsx(index.Link, { href: LOCALAZY_DOCS_URL, isExternal: true, startIcon: /* @__PURE__ */ jsxRuntime.jsx(index.ForwardRef$2l, {}), children: t("plugin_settings.webhook_setup_docs_link") })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(index.Dialog.Root, { open: showModal, onOpenChange: setShowModal, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Dialog.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(index.Dialog.Header, { children: t("plugin_settings.webhook_setup_modal_title") }),
+      /* @__PURE__ */ jsxRuntime.jsx(index.Dialog.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs(index.Box, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { variant: "omega", fontWeight: "semiBold", textColor: "neutral800", children: t("plugin_settings.webhook_setup_step1_title") }),
+        /* @__PURE__ */ jsxRuntime.jsx(index.Box, { marginTop: 1, marginBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { variant: "pi", textColor: "neutral600", children: t("plugin_settings.webhook_setup_step1_description") }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { variant: "omega", fontWeight: "semiBold", textColor: "neutral800", children: t("plugin_settings.webhook_setup_step2_title") }),
+        /* @__PURE__ */ jsxRuntime.jsx(index.Box, { marginTop: 2, marginBottom: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Field.Root, { hint: t("plugin_settings.webhook_setup_url_hint"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            index.Field.Input,
+            {
+              value: webhookUrl,
+              onChange: (e) => setWebhookUrl(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(index.Field.Hint, {})
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(index.Box, { marginTop: 3, marginBottom: 4, children: [
+          isLocalUrl && /* @__PURE__ */ jsxRuntime.jsxs(index.Flex, { gap: 2, marginBottom: 3, padding: 3, background: "warning100", hasRadius: true, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(index.ForwardRef$3, { fill: "warning600", width: 16, height: 16, style: { flexShrink: 0 } }),
+            /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { variant: "pi", textColor: "warning800", children: t("plugin_settings.webhook_setup_local_warning") })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(index.Flex, { gap: 2, padding: 3, background: "primary100", hasRadius: true, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(index.ForwardRef$2x, { fill: "primary600", width: 16, height: 16, style: { flexShrink: 0 } }),
+            /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { variant: "pi", textColor: "primary800", children: t("plugin_settings.webhook_setup_ngrok_hint") })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { variant: "omega", fontWeight: "semiBold", textColor: "neutral800", children: t("plugin_settings.webhook_setup_step3_title") }),
+        /* @__PURE__ */ jsxRuntime.jsx(index.Box, { marginTop: 1, children: /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { variant: "pi", textColor: "neutral600", children: t("plugin_settings.webhook_setup_step3_description") }) }),
+        error && /* @__PURE__ */ jsxRuntime.jsx(index.Box, { marginTop: 4, children: /* @__PURE__ */ jsxRuntime.jsx(index.Alert, { onClose: () => setError(""), closeLabel: t("plugin_settings.close"), variant: "danger", children: error }) })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(index.Dialog.Footer, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(index.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(index.Button, { variant: "tertiary", children: t("plugin_settings.cancel") }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          index.Button,
+          {
+            onClick: () => {
+              void handleSetup();
+            },
+            loading: isSaving,
+            disabled: !webhookUrl,
+            children: t("plugin_settings.webhook_setup_confirm")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
 class PluginSettingsService {
   static async getAdminPanelUsers() {
     try {
@@ -74,7 +197,7 @@ const GlobalSettings = () => {
       setUsers(users2);
       setIsLoading(false);
     }
-    fetchData();
+    void fetchData();
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -90,7 +213,7 @@ const GlobalSettings = () => {
               startIcon: /* @__PURE__ */ jsxRuntime.jsx(index.ForwardRef$4z, {}),
               disabled: !hasUnsavedChanges,
               onClick: () => {
-                saveGlobalSettings(formModel);
+                void saveGlobalSettings(formModel);
               },
               children: t("plugin_settings.save")
             }
@@ -182,6 +305,17 @@ const GlobalSettings = () => {
             /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { variant: "delta", textColor: "neutral800", children: t("plugin_settings.download_settings") }),
             /* @__PURE__ */ jsxRuntime.jsx("br", {}),
             /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+            /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { variant: "omega", fontWeight: "semiBold", textColor: "neutral800", children: t("plugin_settings.webhook_setup_title") }),
+            /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+            /* @__PURE__ */ jsxRuntime.jsx(WebhookSetup, {}),
+            /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+            /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+            /* @__PURE__ */ jsxRuntime.jsx(index.Divider, {}),
+            /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+            /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+            /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { variant: "omega", fontWeight: "semiBold", textColor: "neutral800", children: t("plugin_settings.webhook_behavior_title") }),
+            /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+            /* @__PURE__ */ jsxRuntime.jsx("br", {}),
             /* @__PURE__ */ jsxRuntime.jsxs(index.Field.Root, { hint: t("plugin_settings.processing_of_download_webhook_info"), children: [
               /* @__PURE__ */ jsxRuntime.jsx(index.Field.Label, { children: t("plugin_settings.processing_of_download_webhook") }),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -248,8 +382,11 @@ const GlobalSettings = () => {
     ] })
   ] });
 };
-const LocalazyGlobalSettings = () => /* @__PURE__ */ jsxRuntime.jsxs(FetchIdentity.LocalazyIdentityProvider, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(FetchIdentity.FetchIdentity, {}),
-  /* @__PURE__ */ jsxRuntime.jsx(RequireLocalazyAuth.RequireLocalazyAuth, { children: /* @__PURE__ */ jsxRuntime.jsx(GlobalSettings, {}) })
+const LocalazyGlobalSettings = () => /* @__PURE__ */ jsxRuntime.jsxs(index.DesignSystemProvider, { theme: FetchIdentity.getDefaultTheme(), children: [
+  /* @__PURE__ */ jsxRuntime.jsx(FetchIdentity.HeadingFixGlobalStyle, {}),
+  /* @__PURE__ */ jsxRuntime.jsxs(FetchIdentity.LocalazyIdentityProvider, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(FetchIdentity.FetchIdentity, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(RequireLocalazyAuth.RequireLocalazyAuth, { children: /* @__PURE__ */ jsxRuntime.jsx(GlobalSettings, {}) })
+  ] })
 ] });
 exports.default = LocalazyGlobalSettings;

package/dist/_chunks/{LocalazyPanel-CulgT97p.mjs → LocalazyPanel-B-0HBTL_.mjs}

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { useLocation } from "react-router-dom";
-import { T as Typography, a as Toggle } from "./index-BIHAiJnE.mjs";
-import EntryExclusionService from "./entry-exclusion-service-DWFMKgkA.mjs";
-import "./i18n-Bga-GG_Z.mjs";
+import { T as Typography, a as Toggle } from "./index-CHjIMO9T.mjs";
+import EntryExclusionService from "./entry-exclusion-service-Dm5_iP7I.mjs";
+import "./i18n-QelOdIB2.mjs";
 import { u as useTranslation } from "./useTranslation-CZQ4lU1m.mjs";
 const LocalazyPanel = () => {
   const { t } = useTranslation();
@@ -44,7 +44,7 @@ const LocalazyPanel = () => {
         setIsLoading(false);
       }
     };
-    loadExclusionState();
+    void loadExclusionState();
   }, [contentType, documentId]);
   const handleToggleChange = async (event) => {
     const { checked } = event.target;

package/dist/_chunks/{LocalazyPanel-BDxUI_RH.js → LocalazyPanel-nBOpQo5B.js}

@@ -3,9 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const reactRouterDom = require("react-router-dom");
-const index = require("./index-BSNW1ypR.js");
-const entryExclusionService = require("./entry-exclusion-service-Cvu8PQUI.js");
-require("./i18n-DaBjUC3Y.js");
+const index = require("./index-BK7lmZSN.js");
+const entryExclusionService = require("./entry-exclusion-service-Rf4Tr0zW.js");
+require("./i18n-CAsbU4pi.js");
 const useTranslation = require("./useTranslation-BdIl-aLe.js");
 const LocalazyPanel = () => {
   const { t } = useTranslation.useTranslation();
@@ -46,7 +46,7 @@ const LocalazyPanel = () => {
         setIsLoading(false);
       }
     };
-    loadExclusionState();
+    void loadExclusionState();
   }, [contentType, documentId]);
   const handleToggleChange = async (event) => {
     const { checked } = event.target;

package/dist/_chunks/{LocalazyStatusColumn-DoTWD2eL.mjs → LocalazyStatusColumn-CpO3yccG.mjs}

@@ -1,10 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import EntryExclusionService from "./entry-exclusion-service-DWFMKgkA.mjs";
-import "./i18n-Bga-GG_Z.mjs";
+import { useTheme } from "styled-components";
+import EntryExclusionService from "./entry-exclusion-service-Dm5_iP7I.mjs";
+import "./i18n-QelOdIB2.mjs";
 import { u as useTranslation } from "./useTranslation-CZQ4lU1m.mjs";
 const LocalazyStatusColumn = ({ data, model }) => {
   const { t } = useTranslation();
+  const theme = useTheme();
   const [isExcluded, setIsExcluded] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
   useEffect(() => {
@@ -23,13 +25,13 @@ const LocalazyStatusColumn = ({ data, model }) => {
         setIsLoading(false);
       }
     };
-    checkStatus();
+    void checkStatus();
   }, [data?.documentId, model]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx("span", { style: { color: "#666", fontSize: "12px" }, children: "..." });
+    return /* @__PURE__ */ jsx("span", { style: { color: theme.colors.neutral600, fontSize: "12px" }, children: "..." });
   }
   if (isExcluded === null) {
-    return /* @__PURE__ */ jsx("span", { style: { color: "#666", fontSize: "12px" }, children: "-" });
+    return /* @__PURE__ */ jsx("span", { style: { color: theme.colors.neutral600, fontSize: "12px" }, children: "-" });
   }
   return /* @__PURE__ */ jsx(
     "span",
@@ -39,8 +41,8 @@ const LocalazyStatusColumn = ({ data, model }) => {
         borderRadius: "4px",
         fontSize: "12px",
         fontWeight: "bold",
-        backgroundColor: isExcluded ? "#ff6b6b" : "#51cf66",
-        color: "white"
+        backgroundColor: isExcluded ? theme.colors.danger600 : theme.colors.success600,
+        color: theme.colors.neutral0
       },
       children: isExcluded ? t("plugin_settings.status_excluded") : t("plugin_settings.status_included")
     }

package/dist/_chunks/{LocalazyStatusColumn-Dpwoc5Ig.js → LocalazyStatusColumn-cGsUDMlX.js}

@@ -2,11 +2,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const entryExclusionService = require("./entry-exclusion-service-Cvu8PQUI.js");
-require("./i18n-DaBjUC3Y.js");
+const styled = require("styled-components");
+const entryExclusionService = require("./entry-exclusion-service-Rf4Tr0zW.js");
+require("./i18n-CAsbU4pi.js");
 const useTranslation = require("./useTranslation-BdIl-aLe.js");
 const LocalazyStatusColumn = ({ data, model }) => {
   const { t } = useTranslation.useTranslation();
+  const theme = styled.useTheme();
   const [isExcluded, setIsExcluded] = React.useState(null);
   const [isLoading, setIsLoading] = React.useState(true);
   React.useEffect(() => {
@@ -25,13 +27,13 @@ const LocalazyStatusColumn = ({ data, model }) => {
         setIsLoading(false);
       }
     };
-    checkStatus();
+    void checkStatus();
   }, [data?.documentId, model]);
   if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#666", fontSize: "12px" }, children: "..." });
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: theme.colors.neutral600, fontSize: "12px" }, children: "..." });
   }
   if (isExcluded === null) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#666", fontSize: "12px" }, children: "-" });
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: theme.colors.neutral600, fontSize: "12px" }, children: "-" });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
@@ -41,8 +43,8 @@ const LocalazyStatusColumn = ({ data, model }) => {
         borderRadius: "4px",
         fontSize: "12px",
         fontWeight: "bold",
-        backgroundColor: isExcluded ? "#ff6b6b" : "#51cf66",
-        color: "white"
+        backgroundColor: isExcluded ? theme.colors.danger600 : theme.colors.success600,
+        color: theme.colors.neutral0
       },
       children: isExcluded ? t("plugin_settings.status_excluded") : t("plugin_settings.status_included")
     }