@reeboot/strapi-payment-plugin 0.0.5 → 0.0.7

package/dist/_chunks/{Settings-EoLSuZLe.mjs → Settings-SALxClBu.mjs}

@@ -4,7 +4,7 @@ import { Modal, Typography, Box, Tabs, Flex, Button, Alert, Grid, Card, Badge, T
 import { useIntl } from "react-intl";
 import { useFetchClient } from "@strapi/strapi/admin";
 import { Duplicate, Code, Key, EyeStriked, Eye, Globe } from "@strapi/icons";
-import { P as PLUGIN_ID } from "./index-2Zd_T7bD.mjs";
+import { P as PLUGIN_ID } from "./index-CB6TMitx.mjs";
 const IntegrationModal = ({ onClose, publishableKey }) => {
   const [copied, setCopied] = useState(null);
   const copyToClipboard = (text, type) => {
@@ -197,10 +197,13 @@ const Settings = () => {
   const [saving, setSaving] = useState(false);
   const [error, setError] = useState(null);
   const [success, setSuccess] = useState(null);
+  const [testStatus, setTestStatus] = useState("idle");
+  const [testMessage, setTestMessage] = useState("");
   const [hasChanges, setHasChanges] = useState(false);
   const [showIntegrationModal, setShowIntegrationModal] = useState(false);
   const [showSecretKey, setShowSecretKey] = useState(false);
   const [showWebhookSecret, setShowWebhookSecret] = useState(false);
+  const [showResetConfirm, setShowResetConfirm] = useState(false);
   useEffect(() => {
     fetchSettings();
   }, []);
@@ -209,51 +212,34 @@ const Settings = () => {
       setLoading(true);
       const { data } = await get(`/${PLUGIN_ID}/admin/config`);
       if (data.success && data.data) {
-        const backendConfig = data.data;
-        const initialSettings = {
+        const bc = data.data;
+        setSettings({
           stripe: {
-            publishableKey: backendConfig.stripe?.publishableKey || "",
-            secretKey: backendConfig.stripe?.secretKey || "",
-            webhookSecret: backendConfig.stripe?.webhookSecret || "",
-            apiVersion: backendConfig.stripe?.apiVersion || "2023-10-16",
-            enabled: backendConfig.stripe?.enabled ?? true
+            publishableKey: bc.stripe?.publishableKey || "",
+            secretKey: bc.stripe?.secretKey || "",
+            webhookSecret: bc.stripe?.webhookSecret || "",
+            apiVersion: bc.stripe?.apiVersion || "2024-06-20",
+            enabled: bc.stripe?.enabled ?? true
           },
           payments: {
-            defaultCurrency: backendConfig.payment?.defaultCurrency || "usd",
-            supportedCurrencies: backendConfig.payment?.supportedCurrencies || ["usd"],
-            enableRefunds: backendConfig.payment?.enableRefunds ?? true,
-            enablePartialRefunds: backendConfig.payment?.enablePartialRefunds ?? true,
-            refundWindow: backendConfig.payment?.refundWindow || 30,
-            captureMethod: backendConfig.payment?.captureMethod || "automatic",
-            confirmationMethod: backendConfig.payment?.confirmationMethod || "automatic"
-          },
-          webhooks: {
-            enabled: true,
-            endpoints: {
-              paymentSucceeded: "",
-              paymentFailed: "",
-              refundCreated: "",
-              invoiceCreated: ""
-            },
-            retries: 3,
-            timeout: 30
+            defaultCurrency: bc.payment?.defaultCurrency || "usd",
+            enableRefunds: bc.payment?.enableRefunds ?? true,
+            enablePartialRefunds: bc.payment?.enablePartialRefunds ?? true,
+            refundWindow: bc.payment?.refundWindow || 30,
+            captureMethod: bc.payment?.captureMethod || "automatic"
           },
           ui: {
             showPaymentStatus: true,
             showCustomerInfo: true,
             enableNotifications: true,
-            theme: "auto",
             compactView: false
           },
           security: {
-            enableIpFiltering: false,
-            allowedIps: [],
             requireAuthentication: true,
             enableAuditLog: true,
             sessionTimeout: 60
           }
-        };
-        setSettings(initialSettings);
+        });
       }
       setLoading(false);
     } catch (err) {
@@ -265,10 +251,7 @@ const Settings = () => {
     if (!settings) return;
     setSettings((prev) => ({
       ...prev,
-      [section]: {
-        ...prev[section],
-        [key]: value
-      }
+      [section]: { ...prev[section], [key]: value }
     }));
     setHasChanges(true);
     setSuccess(null);
@@ -278,14 +261,11 @@ const Settings = () => {
       setSaving(true);
       setError(null);
       if (!settings) return;
-      const payload = {
+      await put(`/${PLUGIN_ID}/admin/config`, {
         stripe: settings.stripe,
         payment: settings.payments,
-        logging: {
-          enableWebhookLogging: true
-        }
-      };
-      await put(`/${PLUGIN_ID}/admin/config`, payload);
+        logging: { enableWebhookLogging: true }
+      });
       setHasChanges(false);
       setSuccess("Settings saved successfully");
       setTimeout(() => setSuccess(null), 3e3);
@@ -295,32 +275,41 @@ const Settings = () => {
       setSaving(false);
     }
   };
-  const resetSettings = () => {
-    if (confirm("Are you sure you want to reset all settings to default? This action cannot be undone.")) {
-      fetchSettings();
-      setHasChanges(false);
-    }
-  };
   const testConnection = async () => {
     try {
       setSaving(true);
+      setTestStatus("idle");
       const { data } = await get(`/${PLUGIN_ID}/admin/config`);
       if (data.success) {
-        alert("Connection to backend successful!");
+        setTestStatus("success");
+        setTestMessage("Connection to backend successful!");
       } else {
         throw new Error("Failed to connect");
       }
     } catch (err) {
-      alert("Connection test failed. Please check your API keys and server logs.");
+      setTestStatus("error");
+      setTestMessage("Connection test failed. Check your API keys and server logs.");
     } finally {
       setSaving(false);
+      setTimeout(() => setTestStatus("idle"), 4e3);
     }
   };
+  const copyToClipboard = (text) => {
+    navigator.clipboard.writeText(text);
+  };
   if (loading) {
     return /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", alignItems: "center", style: { minHeight: "400px" }, children: /* @__PURE__ */ jsx(Typography, { variant: "beta", children: formatMessage({ id: "payment-plugin.settings.loading", defaultMessage: "Loading settings..." }) }) }) });
   }
   if (!settings) {
-    return /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(Alert, { variant: "danger", children: formatMessage({ id: "payment-plugin.settings.error", defaultMessage: "Failed to load settings" }) }) });
+    return /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(
+      Alert,
+      {
+        variant: "danger",
+        closeLabel: formatMessage({ id: "payment-plugin.alert.close", defaultMessage: "Close alert" }),
+        onClose: () => setError(null),
+        children: formatMessage({ id: "payment-plugin.settings.error", defaultMessage: "Failed to load settings" })
+      }
+    ) });
   }
   return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsx(Box, { marginBottom: 4, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
@@ -331,45 +320,46 @@ const Settings = () => {
           defaultMessage: "Configure your payment plugin settings"
         }) })
       ] }),
-      /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
-        hasChanges && /* @__PURE__ */ jsx(Box, { marginRight: 2, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "warning600", children: "Unsaved changes" }) }),
-        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: resetSettings, children: formatMessage({ id: "payment-plugin.settings.reset", defaultMessage: "Reset" }) }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "secondary",
-            onClick: testConnection,
-            disabled: saving,
-            children: formatMessage({ id: "payment-plugin.settings.testConnection", defaultMessage: "Test Connection" })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            onClick: saveSettings,
-            disabled: !hasChanges || saving,
-            loading: saving,
-            children: formatMessage({ id: "payment-plugin.settings.save", defaultMessage: "Save Settings" })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "tertiary",
-            startIcon: /* @__PURE__ */ jsx(Code, {}),
-            onClick: () => setShowIntegrationModal(true),
-            children: formatMessage({ id: "payment-plugin.settings.integration", defaultMessage: "Integration Guide" })
-          }
-        )
+      /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+        hasChanges && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "warning600", children: "Unsaved changes" }),
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setShowResetConfirm(true), children: formatMessage({ id: "payment-plugin.settings.reset", defaultMessage: "Reset" }) }),
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: testConnection, disabled: saving, children: formatMessage({ id: "payment-plugin.settings.testConnection", defaultMessage: "Test Connection" }) }),
+        /* @__PURE__ */ jsx(Button, { onClick: saveSettings, disabled: !hasChanges || saving, loading: saving, children: formatMessage({ id: "payment-plugin.settings.save", defaultMessage: "Save Settings" }) }),
+        /* @__PURE__ */ jsx(Button, { variant: "tertiary", startIcon: /* @__PURE__ */ jsx(Code, {}), onClick: () => setShowIntegrationModal(true), children: formatMessage({ id: "payment-plugin.settings.integration", defaultMessage: "Integration Guide" }) })
       ] })
     ] }) }),
-    error && /* @__PURE__ */ jsx(Box, { marginBottom: 4, children: /* @__PURE__ */ jsx(Alert, { variant: "danger", onClose: () => setError(null), children: error }) }),
-    success && /* @__PURE__ */ jsx(Box, { marginBottom: 4, children: /* @__PURE__ */ jsx(Alert, { variant: "success", onClose: () => setSuccess(null), children: success }) }),
+    error && /* @__PURE__ */ jsx(Box, { marginBottom: 4, children: /* @__PURE__ */ jsx(
+      Alert,
+      {
+        variant: "danger",
+        closeLabel: formatMessage({ id: "payment-plugin.alert.close", defaultMessage: "Close alert" }),
+        onClose: () => setError(null),
+        children: error
+      }
+    ) }),
+    success && /* @__PURE__ */ jsx(Box, { marginBottom: 4, children: /* @__PURE__ */ jsx(
+      Alert,
+      {
+        variant: "success",
+        closeLabel: formatMessage({ id: "payment-plugin.alert.close", defaultMessage: "Close alert" }),
+        onClose: () => setSuccess(null),
+        children: success
+      }
+    ) }),
+    testStatus !== "idle" && /* @__PURE__ */ jsx(Box, { marginBottom: 4, children: /* @__PURE__ */ jsx(
+      Alert,
+      {
+        variant: testStatus === "success" ? "success" : "danger",
+        closeLabel: formatMessage({ id: "payment-plugin.alert.close", defaultMessage: "Close alert" }),
+        onClose: () => setTestStatus("idle"),
+        children: testMessage
+      }
+    ) }),
     /* @__PURE__ */ jsxs(Grid.Root, { gap: 6, children: [
       /* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Box, { padding: 5, children: [
         /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 4, children: [
           /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
-            /* @__PURE__ */ jsx(Box, { color: "primary600", children: /* @__PURE__ */ jsx(Key, { width: "1.5rem", height: "1.5rem" }) }),
+            /* @__PURE__ */ jsx(Key, { width: "1.5rem", height: "1.5rem" }),
             /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h2", children: formatMessage({ id: "payment-plugin.settings.stripe", defaultMessage: "Stripe API Configuration" }) })
           ] }),
           /* @__PURE__ */ jsx(Badge, { variant: settings.stripe.enabled ? "success" : "neutral", children: settings.stripe.enabled ? "Stripe Active" : "Stripe Disabled" })
@@ -386,10 +376,8 @@ const Settings = () => {
                 Button,
                 {
                   variant: "ghost",
-                  onClick: () => {
-                    navigator.clipboard.writeText(settings.stripe.publishableKey);
-                    alert("Copied to clipboard");
-                  },
+                  onClick: () => copyToClipboard(settings.stripe.publishableKey),
+                  "aria-label": "Copy publishable key",
                   children: /* @__PURE__ */ jsx(Duplicate, { width: "1rem", height: "1rem" })
                 }
               )
@@ -409,6 +397,7 @@ const Settings = () => {
                   {
                     variant: "ghost",
                     onClick: () => setShowSecretKey(!showSecretKey),
+                    "aria-label": showSecretKey ? "Hide secret key" : "Show secret key",
                     children: showSecretKey ? /* @__PURE__ */ jsx(EyeStriked, { width: "1rem", height: "1rem" }) : /* @__PURE__ */ jsx(Eye, { width: "1rem", height: "1rem" })
                   }
                 ),
@@ -416,10 +405,8 @@ const Settings = () => {
                   Button,
                   {
                     variant: "ghost",
-                    onClick: () => {
-                      navigator.clipboard.writeText(settings.stripe.secretKey);
-                      alert("Copied to clipboard");
-                    },
+                    onClick: () => copyToClipboard(settings.stripe.secretKey),
+                    "aria-label": "Copy secret key",
                     children: /* @__PURE__ */ jsx(Duplicate, { width: "1rem", height: "1rem" })
                   }
                 )
@@ -440,6 +427,7 @@ const Settings = () => {
                   {
                     variant: "ghost",
                     onClick: () => setShowWebhookSecret(!showWebhookSecret),
+                    "aria-label": showWebhookSecret ? "Hide webhook secret" : "Show webhook secret",
                     children: showWebhookSecret ? /* @__PURE__ */ jsx(EyeStriked, { width: "1rem", height: "1rem" }) : /* @__PURE__ */ jsx(Eye, { width: "1rem", height: "1rem" })
                   }
                 ),
@@ -447,10 +435,8 @@ const Settings = () => {
                   Button,
                   {
                     variant: "ghost",
-                    onClick: () => {
-                      navigator.clipboard.writeText(settings.stripe.webhookSecret);
-                      alert("Copied to clipboard");
-                    },
+                    onClick: () => copyToClipboard(settings.stripe.webhookSecret),
+                    "aria-label": "Copy webhook secret",
                     children: /* @__PURE__ */ jsx(Duplicate, { width: "1rem", height: "1rem" })
                   }
                 )
@@ -474,13 +460,13 @@ const Settings = () => {
             /* @__PURE__ */ jsx(
               Switch,
               {
-                label: formatMessage({ id: "payment-plugin.settings.enabled", defaultMessage: "Enable Stripe Payments" }),
-                selected: settings.stripe.enabled,
-                onChange: () => handleSettingChange("stripe", "enabled", !settings.stripe.enabled)
+                checked: settings.stripe.enabled,
+                onCheckedChange: (checked) => handleSettingChange("stripe", "enabled", checked),
+                "aria-label": formatMessage({ id: "payment-plugin.settings.enabled", defaultMessage: "Enable Stripe Payments" })
               }
             ),
             /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: formatMessage({ id: "payment-plugin.settings.enabled", defaultMessage: "Payment Gateway Status" }) }),
+              /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: formatMessage({ id: "payment-plugin.settings.gatewayStatus", defaultMessage: "Payment Gateway Status" }) }),
               /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: settings.stripe.enabled ? "Your plugin is currently accepting payments through Stripe." : "Stripe payments are disabled. Customers will not be able to checkout." })
             ] })
           ] }) }) })
@@ -537,9 +523,9 @@ const Settings = () => {
             /* @__PURE__ */ jsx(
               Switch,
               {
-                label: formatMessage({ id: "payment-plugin.settings.requireAuth", defaultMessage: "Require Authentication" }),
-                selected: settings.security.requireAuthentication,
-                onChange: () => handleSettingChange("security", "requireAuthentication", !settings.security.requireAuthentication)
+                checked: settings.security.requireAuthentication,
+                onCheckedChange: (checked) => handleSettingChange("security", "requireAuthentication", checked),
+                "aria-label": formatMessage({ id: "payment-plugin.settings.requireAuth", defaultMessage: "Require Authentication" })
               }
             ),
             /* @__PURE__ */ jsxs(Box, { children: [
@@ -551,9 +537,9 @@ const Settings = () => {
             /* @__PURE__ */ jsx(
               Switch,
               {
-                label: formatMessage({ id: "payment-plugin.settings.auditLog", defaultMessage: "Enable Audit Log" }),
-                selected: settings.security.enableAuditLog,
-                onChange: () => handleSettingChange("security", "enableAuditLog", !settings.security.enableAuditLog)
+                checked: settings.security.enableAuditLog,
+                onCheckedChange: (checked) => handleSettingChange("security", "enableAuditLog", checked),
+                "aria-label": formatMessage({ id: "payment-plugin.settings.auditLog", defaultMessage: "Enable Audit Log" })
               }
             ),
             /* @__PURE__ */ jsxs(Box, { children: [
@@ -561,10 +547,13 @@ const Settings = () => {
               /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Detailed logs of all transaction attempts and configuration changes." })
             ] })
           ] }) }),
-          /* @__PURE__ */ jsx(Grid.Item, { col: 12, marginTop: 2, children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsx(
             TextInput,
             {
-              label: formatMessage({ id: "payment-plugin.settings.sessionTimeout", defaultMessage: "Checkout Session Timeout (Minutes)" }),
+              label: formatMessage({
+                id: "payment-plugin.settings.sessionTimeout",
+                defaultMessage: "Checkout Session Timeout (Minutes)"
+              }),
               type: "number",
               value: settings.security.sessionTimeout.toString(),
               onChange: (e) => handleSettingChange("security", "sessionTimeout", parseInt(e.target.value) || 60)
@@ -574,62 +563,69 @@ const Settings = () => {
       ] }) }) }),
       /* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Box, { padding: 5, children: [
         /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h2", marginBottom: 4, children: formatMessage({ id: "payment-plugin.settings.ui", defaultMessage: "Admin Interface Customization" }) }),
-        /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
-          /* @__PURE__ */ jsx(Grid.Item, { col: 3, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
-            /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
-              /* @__PURE__ */ jsx(
-                Switch,
-                {
-                  checked: settings.ui.showPaymentStatus,
-                  onChange: (checked) => handleSettingChange("ui", "showPaymentStatus", checked)
-                }
-              ),
-              /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: formatMessage({ id: "payment-plugin.settings.showStatus", defaultMessage: "Payment Status" }) })
-            ] }),
-            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Show status badges in lists" })
-          ] }) }),
-          /* @__PURE__ */ jsx(Grid.Item, { col: 3, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
-            /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
-              /* @__PURE__ */ jsx(
-                Switch,
-                {
-                  checked: settings.ui.showCustomerInfo,
-                  onChange: (checked) => handleSettingChange("ui", "showCustomerInfo", checked)
-                }
-              ),
-              /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: formatMessage({ id: "payment-plugin.settings.showCustomerInfo", defaultMessage: "Customer Data" }) })
-            ] }),
-            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Display sensitive customer info" })
-          ] }) }),
-          /* @__PURE__ */ jsx(Grid.Item, { col: 3, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
-            /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
-              /* @__PURE__ */ jsx(
-                Switch,
-                {
-                  checked: settings.ui.enableNotifications,
-                  onChange: (checked) => handleSettingChange("ui", "enableNotifications", checked)
-                }
-              ),
-              /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: formatMessage({ id: "payment-plugin.settings.notifications", defaultMessage: "Notifications" }) })
-            ] }),
-            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Browser alerts for success" })
-          ] }) }),
-          /* @__PURE__ */ jsx(Grid.Item, { col: 3, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
-            /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
-              /* @__PURE__ */ jsx(
-                Switch,
-                {
-                  checked: settings.ui.compactView,
-                  onChange: (checked) => handleSettingChange("ui", "compactView", checked)
-                }
-              ),
-              /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: formatMessage({ id: "payment-plugin.settings.compactView", defaultMessage: "Compact Mode" }) })
-            ] }),
-            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Dense layout for tables" })
-          ] }) })
-        ] })
+        /* @__PURE__ */ jsx(Grid.Root, { gap: 4, children: [
+          {
+            key: "showPaymentStatus",
+            label: formatMessage({ id: "payment-plugin.settings.showStatus", defaultMessage: "Payment Status" }),
+            hint: "Show status badges in lists",
+            value: settings.ui.showPaymentStatus
+          },
+          {
+            key: "showCustomerInfo",
+            label: formatMessage({ id: "payment-plugin.settings.showCustomerInfo", defaultMessage: "Customer Data" }),
+            hint: "Display sensitive customer info",
+            value: settings.ui.showCustomerInfo
+          },
+          {
+            key: "enableNotifications",
+            label: formatMessage({ id: "payment-plugin.settings.notifications", defaultMessage: "Notifications" }),
+            hint: "Browser alerts for success",
+            value: settings.ui.enableNotifications
+          },
+          {
+            key: "compactView",
+            label: formatMessage({ id: "payment-plugin.settings.compactView", defaultMessage: "Compact Mode" }),
+            hint: "Dense layout for tables",
+            value: settings.ui.compactView
+          }
+        ].map(({ key, label, hint, value }) => /* @__PURE__ */ jsx(Grid.Item, { col: 3, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
+          /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: value,
+                onCheckedChange: (checked) => handleSettingChange("ui", key, checked),
+                "aria-label": label
+              }
+            ),
+            /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: label })
+          ] }),
+          /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: hint })
+        ] }) }, key)) })
       ] }) }) })
     ] }),
+    showResetConfirm && /* @__PURE__ */ jsx(Modal.Root, { open: true, onOpenChange: () => setShowResetConfirm(false), children: /* @__PURE__ */ jsxs(Modal.Content, { children: [
+      /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", as: "h2", children: formatMessage({ id: "payment-plugin.settings.resetConfirm.title", defaultMessage: "Reset Settings?" }) }) }),
+      /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Typography, { children: formatMessage({
+        id: "payment-plugin.settings.resetConfirm.body",
+        defaultMessage: "This will reload settings from the server and discard all unsaved changes."
+      }) }) }),
+      /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: () => setShowResetConfirm(false), children: formatMessage({ id: "payment-plugin.settings.cancel", defaultMessage: "Cancel" }) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "danger-light",
+            onClick: () => {
+              setShowResetConfirm(false);
+              fetchSettings();
+              setHasChanges(false);
+            },
+            children: formatMessage({ id: "payment-plugin.settings.resetConfirm", defaultMessage: "Reset" })
+          }
+        )
+      ] })
+    ] }) }),
     showIntegrationModal && /* @__PURE__ */ jsx(
       IntegrationModal,
       {

package/dist/_chunks/{index-2Zd_T7bD.mjs → index-CB6TMitx.mjs}

@@ -36,7 +36,7 @@ const index = {
         defaultMessage: "Payment Management"
       },
       Component: async () => {
-        const { App } = await import("./App-DXN62SV6.mjs");
+        const { App } = await import("./App-B5AB8Omu.mjs");
         return App;
       }
     });

package/dist/_chunks/{index-CHEgJ7e5.js → index-D-fFikb8.js}

@@ -37,7 +37,7 @@ const index = {
         defaultMessage: "Payment Management"
       },
       Component: async () => {
-        const { App } = await Promise.resolve().then(() => require("./App-Dk7XtjNA.js"));
+        const { App } = await Promise.resolve().then(() => require("./App-Cih9sWu1.js"));
         return App;
       }
     });

package/dist/admin/index.js

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

package/dist/admin/index.mjs

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

package/dist/server/index.js

@@ -408,7 +408,8 @@ const stripeController = {
   async handleWebhook(ctx) {
     try {
       const signature = ctx.request.headers["stripe-signature"];
-      const unparsedBody = ctx.request.body?.[Symbol.for("unparsedBody")];
+      const body = ctx.request.body;
+      const unparsedBody = body?.[Symbol.for("unparsedBody")] || body?.[Symbol.for("koa-body-unparsed-body")] || ctx.request.rawBody || ctx.rawBody;
       const rawBody = unparsedBody || ctx.request.body;
       if (!signature) {
         return ctx.badRequest("Missing Stripe signature");
@@ -418,6 +419,10 @@ const stripeController = {
       await stripeService2.handleWebhook(event);
       ctx.body = { received: true };
     } catch (error) {
+      if (error.message.includes("No signatures found matching") || error.message.includes("Webhook payload must be provided as a string or a Buffer")) {
+        strapi.log.error('Stripe Webhook Error: Payload is not raw. Ensure "includeUnparsed: true" is set in config/middlewares.ts for "strapi::body".');
+        return ctx.badRequest("Webhook verification failed: Payload must be raw. Check your Strapi configuration for strapi::body middleware.");
+      }
       strapi.log.error("Failed to handle webhook", { error: error.message, stack: error.stack });
       ctx.badRequest(`Webhook Error: ${error.message}`);
     }
@@ -1764,15 +1769,22 @@ const stripeService = ({ strapi: strapi2 }) => {
     const stripe2 = await initializeStripe();
     const config2 = await getCombinedConfig();
     const stripeConfig = config2.stripe || {};
-    const webhookSecret = process.env.STRIPE_WEBHOOK_SECRET || stripeConfig.webhookSecret;
+    const webhookSecret = process.env.STRIPE_WEBHOOK_SECRET || stripeConfig.webhookSecret || (process.env.STRIPE_SECRET_KEY?.startsWith("whsec_") ? process.env.STRIPE_SECRET_KEY : null);
+    const logger = getLogger();
     if (!webhookSecret) {
       throw new Error("Stripe webhook secret not configured. Please set STRIPE_WEBHOOK_SECRET environment variable.");
     }
     try {
-      return stripe2.webhooks.constructEvent(payload, signature, webhookSecret);
+      let verifiedPayload = payload;
+      if (typeof payload === "object" && !Buffer.isBuffer(payload)) {
+        verifiedPayload = JSON.stringify(payload);
+      }
+      return stripe2.webhooks.constructEvent(verifiedPayload, signature, webhookSecret);
     } catch (error) {
-      const logger = getLogger();
-      logger.error("Failed to construct webhook event", { error });
+      logger.error("Failed to construct webhook event", {
+        message: error.message,
+        type: error.type
+      });
       throw error;
     }
   };

package/dist/server/index.mjs

@@ -405,7 +405,8 @@ const stripeController = {
   async handleWebhook(ctx) {
     try {
       const signature = ctx.request.headers["stripe-signature"];
-      const unparsedBody = ctx.request.body?.[Symbol.for("unparsedBody")];
+      const body = ctx.request.body;
+      const unparsedBody = body?.[Symbol.for("unparsedBody")] || body?.[Symbol.for("koa-body-unparsed-body")] || ctx.request.rawBody || ctx.rawBody;
       const rawBody = unparsedBody || ctx.request.body;
       if (!signature) {
         return ctx.badRequest("Missing Stripe signature");
@@ -415,6 +416,10 @@ const stripeController = {
       await stripeService2.handleWebhook(event);
       ctx.body = { received: true };
     } catch (error) {
+      if (error.message.includes("No signatures found matching") || error.message.includes("Webhook payload must be provided as a string or a Buffer")) {
+        strapi.log.error('Stripe Webhook Error: Payload is not raw. Ensure "includeUnparsed: true" is set in config/middlewares.ts for "strapi::body".');
+        return ctx.badRequest("Webhook verification failed: Payload must be raw. Check your Strapi configuration for strapi::body middleware.");
+      }
       strapi.log.error("Failed to handle webhook", { error: error.message, stack: error.stack });
       ctx.badRequest(`Webhook Error: ${error.message}`);
     }
@@ -1761,15 +1766,22 @@ const stripeService = ({ strapi: strapi2 }) => {
     const stripe2 = await initializeStripe();
     const config2 = await getCombinedConfig();
     const stripeConfig = config2.stripe || {};
-    const webhookSecret = process.env.STRIPE_WEBHOOK_SECRET || stripeConfig.webhookSecret;
+    const webhookSecret = process.env.STRIPE_WEBHOOK_SECRET || stripeConfig.webhookSecret || (process.env.STRIPE_SECRET_KEY?.startsWith("whsec_") ? process.env.STRIPE_SECRET_KEY : null);
+    const logger = getLogger();
     if (!webhookSecret) {
       throw new Error("Stripe webhook secret not configured. Please set STRIPE_WEBHOOK_SECRET environment variable.");
     }
     try {
-      return stripe2.webhooks.constructEvent(payload, signature, webhookSecret);
+      let verifiedPayload = payload;
+      if (typeof payload === "object" && !Buffer.isBuffer(payload)) {
+        verifiedPayload = JSON.stringify(payload);
+      }
+      return stripe2.webhooks.constructEvent(verifiedPayload, signature, webhookSecret);
     } catch (error) {
-      const logger = getLogger();
-      logger.error("Failed to construct webhook event", { error });
+      logger.error("Failed to construct webhook event", {
+        message: error.message,
+        type: error.type
+      });
       throw error;
     }
   };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.5",
+  "version": "0.0.7",
   "keywords": [],
   "type": "commonjs",
   "exports": {