@reeboot/strapi-payment-plugin 0.0.1 → 0.0.2

package/dist/_chunks/Settings-BXMLePI_.js

@@ -0,0 +1,357 @@
+"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 reactIntl = require("react-intl");
+const admin = require("@strapi/strapi/admin");
+const index = require("./index-BTk7a2T5.js");
+const Settings = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  const { get, put } = admin.useFetchClient();
+  const [settings, setSettings] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [saving, setSaving] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const [success, setSuccess] = React.useState(null);
+  const [hasChanges, setHasChanges] = React.useState(false);
+  React.useEffect(() => {
+    fetchSettings();
+  }, []);
+  const fetchSettings = async () => {
+    try {
+      setLoading(true);
+      const { data } = await get(`/${index.PLUGIN_ID}/admin/config`);
+      if (data.success && data.data) {
+        const backendConfig = data.data;
+        const initialSettings = {
+          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
+          },
+          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
+          },
+          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) {
+      setError("Failed to fetch settings");
+      setLoading(false);
+    }
+  };
+  const handleSettingChange = (section, key, value) => {
+    if (!settings) return;
+    setSettings((prev) => ({
+      ...prev,
+      [section]: {
+        ...prev[section],
+        [key]: value
+      }
+    }));
+    setHasChanges(true);
+    setSuccess(null);
+  };
+  const saveSettings = async () => {
+    try {
+      setSaving(true);
+      setError(null);
+      if (!settings) return;
+      const payload = {
+        stripe: settings.stripe,
+        payment: settings.payments,
+        logging: {
+          enableWebhookLogging: true
+        }
+      };
+      await put(`/${index.PLUGIN_ID}/admin/config`, payload);
+      setHasChanges(false);
+      setSuccess("Settings saved successfully");
+      setTimeout(() => setSuccess(null), 3e3);
+    } catch (err) {
+      setError("Failed to save settings");
+    } finally {
+      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);
+      const { data } = await get(`/${index.PLUGIN_ID}/admin/config`);
+      if (data.success) {
+        alert("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.");
+    } finally {
+      setSaving(false);
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", style: { minHeight: "400px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", children: formatMessage({ id: "payment-plugin.settings.loading", defaultMessage: "Loading settings..." }) }) }) });
+  }
+  if (!settings) {
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { severity: "danger", children: formatMessage({ id: "payment-plugin.settings.error", defaultMessage: "Failed to load settings" }) }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingLeft: 10, paddingRight: 10, paddingTop: 4, paddingBottom: 10, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", tag: "h1", children: formatMessage({ id: "payment-plugin.settings.title", defaultMessage: "Payment Settings" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({
+          id: "payment-plugin.settings.subtitle",
+          defaultMessage: "Configure your payment plugin settings"
+        }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+        hasChanges && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { variant: "warning", style: { marginRight: "1rem" }, children: formatMessage({ id: "payment-plugin.settings.unsaved", defaultMessage: "You have unsaved changes" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "secondary", onClick: resetSettings, children: formatMessage({ id: "payment-plugin.settings.reset", defaultMessage: "Reset" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            variant: "secondary",
+            onClick: testConnection,
+            disabled: saving,
+            children: formatMessage({ id: "payment-plugin.settings.testConnection", defaultMessage: "Test Connection" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            onClick: saveSettings,
+            disabled: !hasChanges || saving,
+            loading: saving,
+            children: formatMessage({ id: "payment-plugin.settings.save", defaultMessage: "Save Settings" })
+          }
+        )
+      ] })
+    ] }) }),
+    error && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { variant: "danger", onClose: () => setError(null), children: error }) }),
+    success && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { variant: "success", onClose: () => setSuccess(null), children: success }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", tag: "h2", marginBottom: 4, children: formatMessage({ id: "payment-plugin.settings.stripe", defaultMessage: "Stripe Configuration" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, children: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.TextInput,
+            {
+              label: formatMessage({ id: "payment-plugin.settings.publishableKey", defaultMessage: "Publishable Key" }),
+              placeholder: "pk_test_...",
+              value: settings.stripe.publishableKey,
+              onChange: (e) => handleSettingChange("stripe", "publishableKey", e.target.value)
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, children: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.TextInput,
+            {
+              label: formatMessage({ id: "payment-plugin.settings.secretKey", defaultMessage: "Secret Key" }),
+              placeholder: "sk_test_...",
+              value: settings.stripe.secretKey,
+              onChange: (e) => handleSettingChange("stripe", "secretKey", e.target.value),
+              type: "password"
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, children: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.TextInput,
+            {
+              label: formatMessage({ id: "payment-plugin.settings.webhookSecret", defaultMessage: "Webhook Secret" }),
+              placeholder: "whsec_...",
+              value: settings.stripe.webhookSecret,
+              onChange: (e) => handleSettingChange("stripe", "webhookSecret", e.target.value),
+              type: "password"
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.SingleSelect,
+            {
+              label: formatMessage({ id: "payment-plugin.settings.apiVersion", defaultMessage: "API Version" }),
+              value: settings.stripe.apiVersion,
+              onChange: (value) => handleSettingChange("stripe", "apiVersion", value),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "2024-06-20", children: "2024-06-20 (Latest)" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "2023-10-16", children: "2023-10-16" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "2023-08-15", children: "2023-08-15" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Switch,
+              {
+                label: formatMessage({ id: "payment-plugin.settings.enabled", defaultMessage: "Enable Stripe Payments" }),
+                selected: settings.stripe.enabled,
+                onChange: () => handleSettingChange("stripe", "enabled", !settings.stripe.enabled)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({ id: "payment-plugin.settings.enabled", defaultMessage: "Enable Stripe Payments" }) })
+          ] }) })
+        ] })
+      ] }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", tag: "h2", marginBottom: 4, children: formatMessage({ id: "payment-plugin.settings.payments", defaultMessage: "Payment Settings" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.SingleSelect,
+            {
+              label: formatMessage({ id: "payment-plugin.settings.defaultCurrency", defaultMessage: "Default Currency" }),
+              value: settings.payments.defaultCurrency,
+              onChange: (value) => handleSettingChange("payments", "defaultCurrency", value),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "usd", children: "USD" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "eur", children: "EUR" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "gbp", children: "GBP" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "cad", children: "CAD" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "aud", children: "AUD" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.SingleSelect,
+            {
+              label: formatMessage({ id: "payment-plugin.settings.captureMethod", defaultMessage: "Capture Method" }),
+              value: settings.payments.captureMethod,
+              onChange: (value) => handleSettingChange("payments", "captureMethod", value),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "automatic", children: "Automatic" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "manual", children: "Manual" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.TextInput,
+            {
+              label: formatMessage({ id: "payment-plugin.settings.refundWindow", defaultMessage: "Refund Window (Days)" }),
+              type: "number",
+              value: settings.payments.refundWindow.toString(),
+              onChange: (e) => handleSettingChange("payments", "refundWindow", parseInt(e.target.value) || 0)
+            }
+          ) })
+        ] })
+      ] }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", tag: "h2", marginBottom: 4, children: formatMessage({ id: "payment-plugin.settings.security", defaultMessage: "Security Settings" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Switch,
+              {
+                label: formatMessage({ id: "payment-plugin.settings.requireAuth", defaultMessage: "Require Authentication" }),
+                selected: settings.security.requireAuthentication,
+                onChange: () => handleSettingChange("security", "requireAuthentication", !settings.security.requireAuthentication)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({ id: "payment-plugin.settings.requireAuth", defaultMessage: "Require Authentication" }) })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Switch,
+              {
+                label: formatMessage({ id: "payment-plugin.settings.auditLog", defaultMessage: "Enable Audit Log" }),
+                selected: settings.security.enableAuditLog,
+                onChange: () => handleSettingChange("security", "enableAuditLog", !settings.security.enableAuditLog)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({ id: "payment-plugin.settings.auditLog", defaultMessage: "Enable Audit Log" }) })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.TextInput,
+            {
+              label: formatMessage({ id: "payment-plugin.settings.sessionTimeout", defaultMessage: "Session Timeout (Minutes)" }),
+              type: "number",
+              value: settings.security.sessionTimeout.toString(),
+              onChange: (e) => handleSettingChange("security", "sessionTimeout", parseInt(e.target.value) || 60)
+            }
+          ) })
+        ] })
+      ] }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", tag: "h2", marginBottom: 4, children: formatMessage({ id: "payment-plugin.settings.ui", defaultMessage: "User Interface Settings" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Switch,
+              {
+                checked: settings.ui.showPaymentStatus,
+                onChange: (checked) => handleSettingChange("ui", "showPaymentStatus", checked)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({ id: "payment-plugin.settings.showStatus", defaultMessage: "Show Payment Status" }) })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Switch,
+              {
+                checked: settings.ui.showCustomerInfo,
+                onChange: (checked) => handleSettingChange("ui", "showCustomerInfo", checked)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({ id: "payment-plugin.settings.showCustomerInfo", defaultMessage: "Show Customer Info" }) })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Switch,
+              {
+                checked: settings.ui.enableNotifications,
+                onChange: (checked) => handleSettingChange("ui", "enableNotifications", checked)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({ id: "payment-plugin.settings.notifications", defaultMessage: "Enable Notifications" }) })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Switch,
+              {
+                checked: settings.ui.compactView,
+                onChange: (checked) => handleSettingChange("ui", "compactView", checked)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({ id: "payment-plugin.settings.compactView", defaultMessage: "Compact View" }) })
+          ] }) })
+        ] })
+      ] }) }) })
+    ] })
+  ] });
+};
+exports.Settings = Settings;