@vicacha-devs/strapi-plugin-certificates 0.0.0-stage → 1.1.0

package/dist/admin/SettingsPage-D7Ob1gV0.cjs

@@ -0,0 +1,447 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const designSystem = require("@strapi/design-system");
+const admin = require("@strapi/strapi/admin");
+const react = require("react");
+const reactIntl = require("react-intl");
+const index = require("./index-BQdS3gc3.cjs");
+const SUB_CARD_BORDER = {
+  border: "1px solid rgba(128, 128, 128, 0.18)"
+};
+const INLINE_CODE_STYLE = {
+  fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+  fontSize: "0.88em",
+  padding: "2px 6px",
+  borderRadius: 4,
+  background: "rgba(128, 128, 128, 0.16)",
+  border: "1px solid rgba(128, 128, 128, 0.25)"
+};
+const gridStyle = (cols) => ({
+  display: "grid",
+  gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,
+  gap: 20
+});
+const Code = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("code", { style: INLINE_CODE_STYLE, children });
+const renderCheckbox = (checked, onChange, children) => /* @__PURE__ */ jsxRuntime.jsx(
+  designSystem.Checkbox,
+  {
+    checked,
+    onCheckedChange: (val) => onChange(Boolean(val)),
+    children
+  }
+);
+const renderField = (label, hint, placeholder, value, onChange) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { hint, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: label }),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.TextInput,
+    {
+      placeholder,
+      value,
+      onChange: (e) => onChange(e.target.value)
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+] });
+const TabPanelBox = ({ value, children }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value, children: /* @__PURE__ */ jsxRuntime.jsx(
+  designSystem.Box,
+  {
+    padding: 6,
+    background: "neutral0",
+    hasRadius: true,
+    shadow: "filterShadow",
+    style: { borderTopLeftRadius: 0, borderTopRightRadius: 0 },
+    children
+  }
+) });
+const SettingsPage = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  const t = (id, defaultMessage) => formatMessage({ id: `${index.PLUGIN_ID}.${id}`, defaultMessage });
+  const { get, put, post } = admin.useFetchClient();
+  const { toggleNotification } = admin.useNotification();
+  const notify = (type, message) => toggleNotification({ type, message });
+  const [settings, setSettings] = react.useState(null);
+  const [saving, setSaving] = react.useState(false);
+  const [rotating, setRotating] = react.useState(false);
+  const runAsync = async (fn, errMsg, setBusy) => {
+    setBusy?.(true);
+    try {
+      await fn();
+    } catch {
+      notify("danger", errMsg);
+    } finally {
+      setBusy?.(false);
+    }
+  };
+  const loadSettings = react.useCallback(
+    () => runAsync(
+      async () => {
+        const res = await get(
+          `/${index.PLUGIN_ID}/settings`
+        );
+        if (res.data?.data) setSettings(res.data.data);
+      },
+      t(
+        "settings.ui.msg_failed_to_load_certificates_plugin_settings",
+        "Failed to load certificates plugin settings"
+      )
+    ),
+    [get, toggleNotification]
+  );
+  react.useEffect(() => {
+    void loadSettings();
+  }, [loadSettings]);
+  const handleSave = () => settings && runAsync(
+    async () => {
+      const res = await put(
+        `/${index.PLUGIN_ID}/settings`,
+        settings
+      );
+      if (res.data?.data) setSettings(res.data.data);
+      notify(
+        "success",
+        t(
+          "settings.ui.msg_certificates_authority_settings_saved",
+          "Certificates authority settings saved"
+        )
+      );
+    },
+    t("settings.ui.msg_failed_to_save_settings", "Failed to save settings"),
+    setSaving
+  );
+  const handleRotateKeys = () => runAsync(
+    async () => {
+      await post(`/${index.PLUGIN_ID}/settings/rotate-keys`, {});
+      notify(
+        "warning",
+        t(
+          "settings.ui.msg_generated_new_ed25519_signing_keypair",
+          "Generated new Ed25519 signing keypair"
+        )
+      );
+      await loadSettings();
+    },
+    t(
+      "settings.ui.msg_failed_to_rotate_ed25519_keypair",
+      "Failed to rotate Ed25519 keypair"
+    ),
+    setRotating
+  );
+  const handleSeedDefaults = () => runAsync(
+    async () => {
+      const res = await post(
+        `/${index.PLUGIN_ID}/templates/seed`,
+        {}
+      );
+      notify(
+        "success",
+        `Seeded ${res.data?.data?.seededCount ?? 0} default template(s)`
+      );
+    },
+    t(
+      "settings.ui.msg_failed_to_seed_default_templates",
+      "Failed to seed default templates"
+    )
+  );
+  if (!settings) {
+    return /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 6, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: t("settings.ui.loading_settings", "Loading settings...") }) }) }) });
+  }
+  const patchSettings = (patch) => setSettings({ ...settings, ...patch });
+  const updateEsign = (patch) => patchSettings({
+    esign: {
+      ...settings.esign || {
+        enabled: false,
+        provider: "docusign",
+        baseUrl: "https://demo.docusign.net/restapi",
+        accountId: ""
+      },
+      ...patch
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(admin.Layouts.Root, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      admin.Layouts.Header,
+      {
+        title: t(
+          "settings.ui.title_certificates_authority_ed25519_docusign_settings",
+          "Certificates Authority & Ed25519 / DocuSign Settings"
+        ),
+        subtitle: t(
+          "settings.ui.subtitle_configure_issuer_organization_metadata_public_ve",
+          "Configure issuer organization metadata, public verification URL, Ed25519 cryptographic signing keys, and optional DocuSign eSignature integration"
+        ),
+        primaryAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleSave, loading: saving, children: t("settings.ui.save_settings", "Save Settings") })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.Root, { defaultValue: "organization", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.Tabs.List,
+        {
+          "aria-label": t(
+            "settings.ui.title_certificates_authority_ed25519_docusign_settings",
+            "Certificates Authority Settings"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "organization", children: t(
+              "settings.tab.organization",
+              "Issuing Organization & Verification"
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "docusign", children: t("settings.tab.docusign", "DocuSign E-Signature") }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "keys", children: t("settings.tab.keys", "Ed25519 Signing Keys") })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(TabPanelBox, { value: "organization", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", fontWeight: "bold", children: t(
+          "settings.ui.1_issuing_organization_verification_portal",
+          "Issuing Organization & Verification Portal"
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginTop: 4, style: gridStyle(3), children: [
+          renderField(
+            t("field.organization_name", "Organization Name"),
+            t(
+              "settings.ui.official_issuing_authority_name_printed_on_signe",
+              "Official issuing authority name printed on signed certificates and verification payloads."
+            ),
+            t(
+              "placeholder.e_g_mezquita_central_abu_bakr_as_siddiq",
+              "e.g., Abu Bakr As-Siddiq Central Mosque"
+            ),
+            settings.organizationName,
+            (organizationName) => patchSettings({ organizationName })
+          ),
+          renderField(
+            t(
+              "field.organization_subheader_jurisdiction",
+              "Organization Subheader / Jurisdiction"
+            ),
+            t(
+              "settings.ui.legal_registration_or_jurisdiction_line_displaye",
+              "Legal registration or jurisdiction line displayed beneath the organization header."
+            ),
+            t(
+              "placeholder.e_g_bogot_d_c_colombia_personer_a_jur_dica_espec",
+              "e.g., Bogotá D.C., Colombia — Special Legal Entity"
+            ),
+            settings.organizationSubheader,
+            (organizationSubheader) => patchSettings({ organizationSubheader })
+          ),
+          renderField(
+            t(
+              "field.public_verification_base_url",
+              "Public Verification Base URL"
+            ),
+            t(
+              "settings.ui.base_url_encoded_into_certificate_qr_codes_for_i",
+              "Base URL encoded into certificate QR codes for instant authenticity verification."
+            ),
+            t(
+              "placeholder.e_g_https_mezquitacentralbogota_org_verify",
+              "e.g., https://mezquitacentralbogota.org/verify"
+            ),
+            settings.verificationBaseUrl,
+            (verificationBaseUrl) => patchSettings({ verificationBaseUrl })
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Box,
+          {
+            marginTop: 4,
+            padding: 4,
+            background: "neutral100",
+            hasRadius: true,
+            style: SUB_CARD_BORDER,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, alignItems: "stretch", children: [
+              renderCheckbox(
+                settings.maskPublicRecipientName,
+                (maskPublicRecipientName) => patchSettings({ maskPublicRecipientName }),
+                t(
+                  "checkbox.mask_recipient_full_name_on_public_serial_lookup",
+                  "Mask recipient full name on public serial lookups unless verification token is provided"
+                )
+              ),
+              renderCheckbox(
+                settings.allowPublicApplications,
+                (allowPublicApplications) => patchSettings({ allowPublicApplications }),
+                /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  t(
+                    "checkbox.allow_public_certificate_applications",
+                    "Allow public certificate applications"
+                  ),
+                  " ",
+                  "(",
+                  /* @__PURE__ */ jsxRuntime.jsx(Code, { children: t(
+                    "settings.ui.endpoint_apply",
+                    "POST /api/certificates/apply"
+                  ) }),
+                  ")"
+                ] })
+              )
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(TabPanelBox, { value: "docusign", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", fontWeight: "bold", children: t(
+          "settings.ui.2_optional_docusign_e_signature_service",
+          "Optional DocuSign E-Signature Service"
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: [
+          t("settings.ui.secrets_prefix", "Secrets"),
+          " (",
+          /* @__PURE__ */ jsxRuntime.jsx(Code, { children: "DOCUSIGN_ACCESS_TOKEN" }),
+          " ",
+          t("settings.ui.and_conjunction", "&"),
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx(Code, { children: "DOCUSIGN_WEBHOOK_SECRET" }),
+          ")",
+          " ",
+          t(
+            "settings.ui.secrets_loaded_from_env",
+            "are loaded from environment variables. Connect webhook endpoint:"
+          ),
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx(Code, { children: t(
+            "settings.ui.endpoint_docusign_webhook",
+            "POST /api/certificates/webhooks/docusign"
+          ) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 4, marginTop: 4, alignItems: "stretch", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Box,
+            {
+              padding: 4,
+              background: "neutral100",
+              hasRadius: true,
+              style: SUB_CARD_BORDER,
+              children: renderCheckbox(
+                settings.esign?.enabled ?? false,
+                (enabled) => updateEsign({
+                  enabled,
+                  provider: enabled ? "docusign" : "none"
+                }),
+                t(
+                  "checkbox.enable_docusign_esignature_multi_party_envelope_",
+                  "Enable DocuSign eSignature multi-party envelope routing for Witnesses & Signatories"
+                )
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: gridStyle(2), children: [
+            renderField(
+              t(
+                "field.docusign_rest_api_base_url_https",
+                "DocuSign REST API Base URL (HTTPS)"
+              ),
+              t(
+                "settings.ui.docusign_rest_api_endpoint_demo_sandbox_or_produ",
+                "DocuSign REST API endpoint (demo sandbox or production account URI)."
+              ),
+              t(
+                "placeholder.e_g_https_demo_docusign_net_restapi",
+                "e.g., https://demo.docusign.net/restapi"
+              ),
+              settings.esign?.baseUrl || "https://demo.docusign.net/restapi",
+              (baseUrl) => updateEsign({ baseUrl })
+            ),
+            renderField(
+              t("field.docusign_account_id", "DocuSign Account ID"),
+              t(
+                "settings.ui.docusign_api_account_guid_used_when_dispatching_",
+                "DocuSign API Account GUID used when dispatching signature envelopes."
+              ),
+              t("placeholder.e_g_a1b2c3d4", "e.g., a1b2c3d4-..."),
+              settings.esign?.accountId || "ds-account-bogota-central",
+              (accountId) => updateEsign({ accountId })
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(TabPanelBox, { value: "keys", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          designSystem.Flex,
+          {
+            justifyContent: "space-between",
+            alignItems: "center",
+            wrap: "wrap",
+            gap: 2,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", fontWeight: "bold", children: t(
+                  "settings.ui.3_ed25519_cryptographic_public_key",
+                  "Ed25519 Cryptographic Public Key"
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: [
+                  t(
+                    "settings.ui.active_key_fingerprint",
+                    "Active Key Fingerprint:"
+                  ),
+                  " ",
+                  /* @__PURE__ */ jsxRuntime.jsx(Code, { children: settings.publicKeyFingerprint })
+                ] }) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "secondary", onClick: handleSeedDefaults, children: t(
+                  "settings.ui.seed_default_templates",
+                  "Seed Default Templates"
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.Button,
+                  {
+                    variant: "danger-light",
+                    onClick: handleRotateKeys,
+                    loading: rotating,
+                    children: t(
+                      "settings.ui.rotate_ed25519_keypair",
+                      "Rotate Ed25519 Keypair"
+                    )
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(
+          designSystem.Field.Root,
+          {
+            hint: t(
+              "settings.ui.public_key_pem_hint",
+              "Read-only Ed25519 public key in SPKI PEM format used to verify certificate signatures offline."
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Label, { children: [
+                t(
+                  "field.public_key_pem_published_at",
+                  "Public Key PEM (Published at"
+                ),
+                " ",
+                /* @__PURE__ */ jsxRuntime.jsx(Code, { children: t(
+                  "settings.ui.endpoint_public_key",
+                  "GET /api/certificates/public-key"
+                ) }),
+                " ",
+                t(
+                  "field.for_offline_embassy_verification",
+                  "for offline embassy/consular verification)"
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Textarea,
+                {
+                  placeholder: t(
+                    "placeholder.begin_public_key",
+                    "-----BEGIN PUBLIC KEY-----"
+                  ),
+                  value: settings.publicKeyPem,
+                  disabled: true
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+            ]
+          }
+        ) })
+      ] })
+    ] }) })
+  ] });
+};
+exports.SettingsPage = SettingsPage;