@hartl-services/medusa-base 2.7.0 → 2.9.0

package/.medusa/server/src/admin/index.js

@@ -28,7 +28,8 @@ const texts = {
   },
   breadcrumbs: {
     hub: "Plugins",
-    emailAttachments: "Anhänge"
+    emailAttachments: "Anhänge",
+    emailDelivery: "Versand"
   },
   page: {
     title: "Hartl Services Plugins",
@@ -94,8 +95,6 @@ const texts = {
     secretClearUndoLabel: (label) => `${label} nicht löschen`,
     /** Shown on a secret: the settings whose change deletes it ("A", "A oder B"). */
     invalidatedBy: (labels) => `Wird gelöscht, wenn ${labels.length > 1 ? `${labels.slice(0, -1).join(", ")} oder ${labels[labels.length - 1]}` : labels.join("")} sich ändert.`,
-    /** Shown on the changing setting: the secrets its change deletes. */
-    invalidates: (labels) => `Beim Ändern muss ${labels} neu eingegeben werden.`,
     invalidNumber: "Bitte eine gültige Zahl eingeben.",
     invalidColor: "Bitte eine Hex-Farbe wie #1a2b3c eingeben.",
     colorPlaceholder: "Standard",
@@ -396,9 +395,6 @@ const disabledParent = (features, feature) => {
 };
 const invalidatedByLabels = (settings, secretKey) => settings.filter((setting) => setting.invalidates.includes(secretKey)).map((setting) => setting.label);
 const isGroupDimmed = (features, requiresFeature) => requiresFeature !== null && features.find((feature) => feature.key === requiresFeature)?.effective_enabled === false;
-const invalidatesLabels = (settings, setting) => setting.invalidates.map(
-  (key) => settings.find((candidate) => candidate.key === key)?.label ?? key
-);
 const settingInfoText = (setting) => setting.hint !== null && setting.description !== null && setting.description !== setting.hint ? setting.description : null;
 const headerInfoText = (plugin2) => plugin2.summary !== null && plugin2.description !== null && plugin2.description !== plugin2.summary ? plugin2.description : null;
 const showsSourceHint = (source) => source !== "default";
@@ -963,6 +959,35 @@ const changedSettingValues = (settings, draft, unparsable = []) => {
   }
   return values;
 };
+const DATE_PATTERN = /^(\d{4})-(\d{2})-(\d{2})$/;
+const DATE_TIME_PATTERN = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})$/;
+const pad = (value, length = 2) => String(value).padStart(length, "0");
+const build = ([year, month, day, hour = 0, minute = 0]) => {
+  const date = new Date(year, month - 1, day, hour, minute);
+  const matches = date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day && date.getHours() === hour && date.getMinutes() === minute;
+  return matches ? date : null;
+};
+const dateFromInputValue = (value) => {
+  const match = value ? DATE_PATTERN.exec(value) : null;
+  return match ? build(match.slice(1).map(Number)) : null;
+};
+const inputValueFromDate = (date) => {
+  if (!date || Number.isNaN(date.getTime())) {
+    return "";
+  }
+  return `${pad(date.getFullYear(), 4)}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+};
+const dateTimeFromInputValue = (value) => {
+  const match = value ? DATE_TIME_PATTERN.exec(value) : null;
+  return match ? build(match.slice(1).map(Number)) : null;
+};
+const inputValueFromDateTime = (date) => {
+  if (!date || Number.isNaN(date.getTime())) {
+    return "";
+  }
+  return `${inputValueFromDate(date)}T${pad(date.getHours())}:${pad(date.getMinutes())}`;
+};
+const AdminDatePicker = (props) => /* @__PURE__ */ jsxRuntime.jsx(ui.I18nProvider, { locale: ADMIN_LOCALE, children: /* @__PURE__ */ jsxRuntime.jsx(ui.DatePicker, { ...props }) });
 const buildSettingBlocks = (settings) => {
   const blocks = [];
   let previousSection = null;
@@ -1014,11 +1039,13 @@ const buildSettingGroups = (settings, groups, ungroupedTitle) => {
       description: meta?.description ?? null,
       note: meta?.note ?? null,
       requiresFeature: meta?.requires_feature ?? null,
+      visibleWhen: meta?.visible_when ?? null,
       settings: groupSettings,
       blocks: buildSettingBlocks(groupSettings)
     };
   });
 };
+const isGroupVisible = (group, draft) => group.visibleWhen === null || draft[group.visibleWhen.setting] === group.visibleWhen.equals;
 function usePluginSettingsForm(plugin2) {
   const mutation = useUpdatePluginSettings(plugin2.plugin_key);
   const [draft, setDraft] = react.useState(
@@ -1312,13 +1339,13 @@ const SettingField = ({
   pluginKey,
   setting,
   invalidatedBy,
-  invalidates,
   value,
   invalid,
   disabled,
   onChange
 }) => {
   const id = fieldId(pluginKey, setting.key);
+  const labelId = `${id}-label`;
   const hintId = `${id}-hint`;
   const clearPending = setting.type === "secret" && value === null;
   const bounds = setting.type === "number" ? boundsText(setting) : void 0;
@@ -1326,13 +1353,13 @@ const SettingField = ({
   const info = settingInfoText(setting);
   const showBounds = Boolean(bounds) && showsBoundsLine(setting);
   const required = setting.required;
-  const hasHints = Boolean(hint) || clearPending || invalidatedBy.length > 0 || invalidates.length > 0 || showBounds || invalid;
+  const hasHints = Boolean(hint) || clearPending || invalidatedBy.length > 0 || showBounds || invalid;
   const describedBy = hasHints ? hintId : void 0;
   const placeholder = setting.placeholder ?? void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: id, size: "small", weight: "plus", children: labelText(setting) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { id: labelId, htmlFor: id, size: "small", weight: "plus", children: labelText(setting) }),
         info && /* @__PURE__ */ jsxRuntime.jsx(InfoTooltip, { label: texts.info.label(setting.label), children: info })
       ] }),
       showsSourceHint(setting.source) && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted shrink-0", children: texts.settings.source[setting.source] })
@@ -1406,6 +1433,16 @@ const SettingField = ({
         disabled,
         onChange: (next) => onChange(next)
       }
+    ) : setting.type === "date" ? /* @__PURE__ */ jsxRuntime.jsx(
+      AdminDatePicker,
+      {
+        id,
+        "aria-labelledby": labelId,
+        "aria-describedby": describedBy,
+        isDisabled: disabled,
+        value: dateFromInputValue(typeof value === "string" ? value : ""),
+        onChange: (date) => onChange(inputValueFromDate(date))
+      }
     ) : setting.type === "number" ? /* @__PURE__ */ jsxRuntime.jsx(
       ui.Input,
       {
@@ -1440,7 +1477,6 @@ const SettingField = ({
       hint && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: hint }),
       clearPending && /* @__PURE__ */ jsxRuntime.jsx(ui.Hint, { variant: "info", children: texts.settings.secretClearPending }),
       invalidatedBy.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: texts.settings.invalidatedBy(invalidatedBy) }),
-      invalidates.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: texts.settings.invalidates(invalidates.join(", ")) }),
       showBounds && !invalid && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: bounds }),
       invalid && /* @__PURE__ */ jsxRuntime.jsx(ui.Hint, { variant: "error", children: setting.type === "color" ? texts.settings.invalidColor : bounds ?? texts.settings.invalidNumber })
     ] })
@@ -1453,9 +1489,9 @@ const PluginSettingsForm = ({ plugin: plugin2 }) => {
     plugin2.settings,
     plugin2.setting_groups,
     texts.sections.settings
-  );
+  ).filter((group) => isGroupVisible(group, form.draft));
   const hasTextFields = plugin2.settings.some(
-    (setting) => setting.type === "string" || setting.type === "url" || setting.type === "number" || setting.type === "color"
+    (setting) => setting.type === "string" || setting.type === "url" || setting.type === "number" || setting.type === "color" || setting.type === "date"
   );
   const renderField = (setting) => /* @__PURE__ */ jsxRuntime.jsx(
     SettingField,
@@ -1463,7 +1499,6 @@ const PluginSettingsForm = ({ plugin: plugin2 }) => {
       pluginKey: plugin2.plugin_key,
       setting,
       invalidatedBy: setting.type === "secret" ? invalidatedByLabels(plugin2.settings, setting.key) : [],
-      invalidates: invalidatesLabels(plugin2.settings, setting),
       value: form.draft[setting.key],
       invalid: form.invalid.includes(setting.key),
       disabled: pending,
@@ -1641,29 +1676,6 @@ const PluginFeatureDisabledNotice = ({
     ]
   }
 );
-const DATE_TIME_PATTERN = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})$/;
-const pad = (value, length = 2) => String(value).padStart(length, "0");
-const build = ([year, month, day, hour = 0, minute = 0]) => {
-  const date = new Date(year, month - 1, day, hour, minute);
-  const matches = date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day && date.getHours() === hour && date.getMinutes() === minute;
-  return matches ? date : null;
-};
-const inputValueFromDate = (date) => {
-  if (!date || Number.isNaN(date.getTime())) {
-    return "";
-  }
-  return `${pad(date.getFullYear(), 4)}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
-};
-const dateTimeFromInputValue = (value) => {
-  const match = value ? DATE_TIME_PATTERN.exec(value) : null;
-  return match ? build(match.slice(1).map(Number)) : null;
-};
-const inputValueFromDateTime = (date) => {
-  if (!date || Number.isNaN(date.getTime())) {
-    return "";
-  }
-  return `${inputValueFromDate(date)}T${pad(date.getHours())}:${pad(date.getMinutes())}`;
-};
 const fetchPdfObjectUrl = async (path) => {
   const response = await sdk.client.fetch(path, {
     headers: { accept: "application/pdf" }
@@ -1751,7 +1763,6 @@ const useDebouncedValue = (value, delayMs) => {
   }, [value, delayMs]);
   return debounced;
 };
-const AdminDatePicker = (props) => /* @__PURE__ */ jsxRuntime.jsx(ui.I18nProvider, { locale: ADMIN_LOCALE, children: /* @__PURE__ */ jsxRuntime.jsx(ui.DatePicker, { ...props }) });
 const FocusModalShell = ({
   open,
   onOpenChange,
@@ -3510,7 +3521,7 @@ const PluginFeaturesSettingsPage = () => {
 const config = adminSdk.defineRouteConfig({
   label: texts.menu.label
 });
-const handle$a = {
+const handle$b = {
   breadcrumb: () => texts.breadcrumbs.hub
 };
 const KINDS = [
@@ -3526,7 +3537,8 @@ const KINDS = [
   "auth.login_code",
   "affiliate.consignment_report_due",
   "affiliate.application_submitted.admin",
-  "user.invite"
+  "user.invite",
+  "system.credential_expiry.admin"
 ];
 const KIND_LABELS = {
   "order.received": "Bestellbestätigung (Kunde)",
@@ -3541,10 +3553,12 @@ const KIND_LABELS = {
   "auth.login_code": "Anmeldecode",
   "affiliate.consignment_report_due": "Affiliate-Meldung",
   "affiliate.application_submitted.admin": "Neue Partner-Bewerbung (Shop)",
-  "user.invite": "Admin-Einladung"
+  "user.invite": "Admin-Einladung",
+  "system.credential_expiry.admin": "Secret läuft ab (Shop)"
 };
 const EMAIL_PAGE_PATH = `${PLUGIN_HUB_PATH}/email`;
 const EMAIL_ATTACHMENTS_PAGE_PATH = `${EMAIL_PAGE_PATH}/attachments`;
+const EMAIL_DELIVERY_PAGE_PATH = `${EMAIL_PAGE_PATH}/delivery`;
 const emailAttachmentPagePath = (attachmentId) => `${EMAIL_ATTACHMENTS_PAGE_PATH}/${encodeURIComponent(attachmentId)}`;
 const NO_MAIL_ASSIGNED_LABEL = "keiner Mail zugeordnet";
 const MAIL_KIND_OPTIONS = email$1.EMAIL_ATTACHABLE_KINDS.map((kind) => ({
@@ -3802,52 +3816,61 @@ const LinkRow = ({
   description,
   to,
   disabled
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 px-6 py-3", children: [
-  /* @__PURE__ */ jsxRuntime.jsx(ui.IconBadge, { children: icon }),
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-y-0.5", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", leading: "compact", weight: "plus", children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: description })
-  ] }),
-  disabled ? /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Button,
-    {
-      "aria-label": texts.plugin.openLabel(title),
-      disabled: true,
-      size: "small",
-      variant: "secondary",
-      children: texts.plugin.open
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { asChild: true, size: "small", variant: "secondary", children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { "aria-label": texts.plugin.openLabel(title), to, children: texts.plugin.open }) })
-] });
-const EmailManagementSection = ({ disabled }) => /* @__PURE__ */ jsxRuntime.jsxs(
-  AdminSection,
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "div",
   {
-    className: `transition-opacity ${disabled ? "opacity-50" : ""}`,
-    title: "Verwaltung",
+    className: `flex items-center gap-4 px-6 py-3 transition-opacity ${disabled ? "opacity-50" : ""}`,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        LinkRow,
-        {
-          description: "PDFs an Kunden-Mails, z. B. AGB.",
-          disabled,
-          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PaperClip, {}),
-          title: "Anhänge",
-          to: EMAIL_ATTACHMENTS_PAGE_PATH
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        LinkRow,
+      /* @__PURE__ */ jsxRuntime.jsx(ui.IconBadge, { children: icon }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-y-0.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", leading: "compact", weight: "plus", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: description })
+      ] }),
+      disabled ? /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
         {
-          description: "Status und Zustellversuche.",
-          disabled,
-          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ClockSolid, {}),
-          title: "E-Mail-Protokoll",
-          to: EMAIL_LOG_PAGE_PATH
+          "aria-label": texts.plugin.openLabel(title),
+          disabled: true,
+          size: "small",
+          variant: "secondary",
+          children: texts.plugin.open
         }
-      )
+      ) : /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { asChild: true, size: "small", variant: "secondary", children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { "aria-label": texts.plugin.openLabel(title), to, children: texts.plugin.open }) })
     ]
   }
 );
+const EmailManagementSection = ({ disabled }) => /* @__PURE__ */ jsxRuntime.jsxs(AdminSection, { title: "Verwaltung", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(
+    LinkRow,
+    {
+      description: "SMTP oder Microsoft 365.",
+      disabled: false,
+      icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PaperPlane, {}),
+      title: texts.breadcrumbs.emailDelivery,
+      to: EMAIL_DELIVERY_PAGE_PATH
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    LinkRow,
+    {
+      description: "PDFs an Kunden-Mails, z. B. AGB.",
+      disabled,
+      icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PaperClip, {}),
+      title: "Anhänge",
+      to: EMAIL_ATTACHMENTS_PAGE_PATH
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    LinkRow,
+    {
+      description: "Status und Zustellversuche.",
+      disabled,
+      icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ClockSolid, {}),
+      title: "E-Mail-Protokoll",
+      to: EMAIL_LOG_PAGE_PATH
+    }
+  )
+] });
 const EmailOverviewSections = () => {
   const plugin2 = usePluginFeature("email").data?.plugin;
   if (!plugin2) {
@@ -3859,7 +3882,7 @@ const EmailOverviewSections = () => {
   ] });
 };
 const EmailOverviewPage = () => /* @__PURE__ */ jsxRuntime.jsx(PluginPageShell, { pluginKey: "email", variant: "header", children: /* @__PURE__ */ jsxRuntime.jsx(EmailOverviewSections, {}) });
-const handle$9 = {
+const handle$a = {
   breadcrumb: (_match) => /* @__PURE__ */ jsxRuntime.jsx(PluginLabelCrumb, { pluginKey: "email" })
 };
 const EMAIL_TEMPLATES_PATH = `${EMAIL_PAGE_PATH}/templates`;
@@ -3979,11 +4002,11 @@ const EmailTemplateGroupPage = ({
     ) })
   ] });
 };
-const handle$8 = {
+const handle$9 = {
   breadcrumb: () => EMAIL_TEMPLATE_GROUPS.account.label
 };
 const EmailAccountMailsRoute = () => /* @__PURE__ */ jsxRuntime.jsx(PluginFeatureRoute, { pluginKey: "email", children: /* @__PURE__ */ jsxRuntime.jsx(EmailTemplateGroupPage, { group: "account" }) });
-const handle$7 = {
+const handle$8 = {
   breadcrumb: () => EMAIL_TEMPLATE_GROUPS.affiliate.label
 };
 const EmailAffiliateMailsRoute = () => /* @__PURE__ */ jsxRuntime.jsx(PluginFeatureRoute, { pluginKey: "email", children: /* @__PURE__ */ jsxRuntime.jsx(EmailTemplateGroupPage, { group: "affiliate" }) });
@@ -4384,10 +4407,37 @@ const EmailAttachmentsPage = () => {
     /* @__PURE__ */ jsxRuntime.jsx(NewAttachmentModal, { onOpenChange: setNewOpen, open: newOpen })
   ] });
 };
-const handle$6 = {
+const handle$7 = {
   breadcrumb: () => texts.breadcrumbs.emailAttachments
 };
 const EmailAttachmentsRoute = () => /* @__PURE__ */ jsxRuntime.jsx(PluginFeatureRoute, { pluginKey: "email", children: /* @__PURE__ */ jsxRuntime.jsx(EmailAttachmentsPage, {}) });
+const EmailDeliveryPage = () => {
+  const query = usePluginFeature("email");
+  const plugin2 = query.data?.plugin;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AdminPageHeader,
+      {
+        badges: plugin2 && /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: plugin2.configured ? "green" : "orange", children: plugin2.configured ? texts.chips.configured : texts.chips.notConfigured }),
+        description: "SMTP oder Microsoft 365.",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PaperPlane, {}),
+        title: texts.breadcrumbs.emailDelivery
+      }
+    ),
+    plugin2 ? /* @__PURE__ */ jsxRuntime.jsx(PluginSettingsForm, { plugin: plugin2 }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "p-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+      QueryState,
+      {
+        error: query.error,
+        errorText: texts.states.error,
+        isLoading: query.isPending,
+        loadingText: texts.states.loading
+      }
+    ) })
+  ] });
+};
+const handle$6 = {
+  breadcrumb: () => texts.breadcrumbs.emailDelivery
+};
 const LOG_PAGE_SIZE = 20;
 const LOG_MAX_OFFSET = 1e4;
 const LOG_MAX_RESOURCE_ID_LENGTH = 255;
@@ -6687,26 +6737,31 @@ const routeModule = {
     {
       Component: PluginFeaturesSettingsPage,
       path: "/settings/hartl-services",
-      handle: { label: config.label, translationNs: config.translationNs, ...handle$a }
+      handle: { label: config.label, translationNs: config.translationNs, ...handle$b }
     },
     {
       Component: EmailOverviewPage,
       path: "/settings/hartl-services/email",
-      handle: handle$9
+      handle: handle$a
     },
     {
       Component: EmailAccountMailsRoute,
       path: "/settings/hartl-services/email/account",
-      handle: handle$8
+      handle: handle$9
     },
     {
       Component: EmailAffiliateMailsRoute,
       path: "/settings/hartl-services/email/affiliate",
-      handle: handle$7
+      handle: handle$8
     },
     {
       Component: EmailAttachmentsRoute,
       path: "/settings/hartl-services/email/attachments",
+      handle: handle$7
+    },
+    {
+      Component: EmailDeliveryPage,
+      path: "/settings/hartl-services/email/delivery",
       handle: handle$6
     },
     {