@ansiversa/components 0.0.146 → 0.0.148

package/README.md

@@ -24,3 +24,10 @@ Inside any Ansiversa app (`web`, `admin`, or mini-apps):
 
 ```bash
 npm install @ansiversa/components
+```
+
+## Environment
+
+- `PUBLIC_ANSIVERSA_PARENT_ORIGIN`: parent web origin used for shared footer legal/help links.
+- Production example: `PUBLIC_ANSIVERSA_PARENT_ORIGIN=https://ansiversa.com`
+- Local example: `PUBLIC_ANSIVERSA_PARENT_ORIGIN=http://localhost:2000`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ansiversa/components",
-  "version": "0.0.146",
+  "version": "0.0.148",
   "description": "Shared UI components and layouts for the Ansiversa ecosystem",
   "type": "module",
   "exports": {

package/src/components/Admin/FaqManager.astro

@@ -1,6 +1,7 @@
 ---
 import AvButton from "../../AvButton.astro";
 import AvCard from "../../AvCard.astro";
+import AvConfirmDialog from "../../AvConfirmDialog.astro";
 import AvDrawer from "../../AvDrawer.astro";
 import AvEmptyState from "../../AvEmptyState.astro";
 import AvIcon from "../../AvIcon.astro";
@@ -191,17 +192,21 @@ const initialAudience = defaultAudience === "admin" ? "admin" : "user";
                     type="button"
                     @click.prevent="openEdit(faq)"
                     :disabled="loading || saving"
+                    x-bind:title="`Edit FAQ: ${faq.question || 'Untitled'}`"
+                    x-bind:aria-label="`Edit FAQ: ${faq.question || 'Untitled'}`"
                   >
-                    Edit
+                    <AvIcon name="edit" size="sm" />
                   </AvButton>
                   <AvButton
                     size="sm"
                     variant="ghost"
                     type="button"
-                    @click.prevent="removeFaq(faq)"
+                    @click.prevent="openDeleteConfirm(faq)"
                     :disabled="loading || saving || !faq.id"
+                    x-bind:title="`Delete FAQ: ${faq.question || 'Untitled'}`"
+                    x-bind:aria-label="`Delete FAQ: ${faq.question || 'Untitled'}`"
                   >
-                    Delete
+                    <AvIcon name="trash" size="sm" />
                   </AvButton>
                 </div>
               </td>
@@ -289,6 +294,17 @@ const initialAudience = defaultAudience === "admin" ? "admin" : "user";
     </div>
   </template>
 
+  <AvConfirmDialog
+    id="faq-delete-dialog"
+    variant="danger"
+    headline="Delete this FAQ?"
+    description="This action cannot be undone."
+    confirmLabel="Delete"
+    cancelLabel="Cancel"
+    @av-confirm="confirmDeleteFaq()"
+    @av-cancel="pendingDeleteFaqId = null; pendingDeleteFaqQuestion = ''"
+  />
+
   <AvLoading x-show="loading" x-cloak label="Loading FAQs..." />
 </div>
 
@@ -314,6 +330,8 @@ const initialAudience = defaultAudience === "admin" ? "admin" : "user";
       draftQuestion: "",
       draftAnswerMd: "",
       draftIsPublished: true,
+      pendingDeleteFaqId: null,
+      pendingDeleteFaqQuestion: "",
       _queryTimer: null,
       limits: {
         questionMin: 3,
@@ -605,9 +623,22 @@ const initialAudience = defaultAudience === "admin" ? "admin" : "user";
         }
       },
 
-      async removeFaq(faq) {
+      openDeleteConfirm(faq) {
         if (!faq?.id) return;
-        if (!window.confirm("Delete this FAQ? This action cannot be undone.")) return;
+        this.pendingDeleteFaqId = String(faq.id);
+        this.pendingDeleteFaqQuestion = String(faq.question || "").trim();
+        const dialogTitle = document.getElementById("faq-delete-dialog-title");
+        if (dialogTitle) {
+          dialogTitle.textContent = this.pendingDeleteFaqQuestion
+            ? `Delete FAQ '${this.pendingDeleteFaqQuestion}'?`
+            : "Delete this FAQ?";
+        }
+        window.AvDialog?.open("faq-delete-dialog");
+      },
+
+      async confirmDeleteFaq() {
+        if (!this.pendingDeleteFaqId) return;
+        const faqId = this.pendingDeleteFaqId;
 
         this.saving = true;
         this.error = "";
@@ -615,7 +646,7 @@ const initialAudience = defaultAudience === "admin" ? "admin" : "user";
 
         try {
           const response = await fetch(
-            this.endpoint(`/api/admin/faqs/${encodeURIComponent(String(faq.id))}.json`),
+            this.endpoint(`/api/admin/faqs/${encodeURIComponent(faqId)}.json`),
             {
               method: "DELETE",
               credentials: "include",
@@ -633,6 +664,8 @@ const initialAudience = defaultAudience === "admin" ? "admin" : "user";
         } catch (deleteError) {
           this.error = deleteError?.message || "Failed to delete FAQ.";
         } finally {
+          this.pendingDeleteFaqId = null;
+          this.pendingDeleteFaqQuestion = "";
           this.saving = false;
         }
       },

package/src/layouts/WebLayout.astro

@@ -4,6 +4,7 @@ import AvFooter from "../AvFooter.astro";
 import AvMiniAppBar from "./AvMiniAppBar.astro";
 import AvNavbar from "../AvNavbar.astro";
 import AvNavbarActions from "../AvNavbarActions.astro";
+import { buildParentUrl } from "../lib/urls/parentOrigin";
 
 interface Props {
   title?: string;
@@ -99,10 +100,10 @@ const ROOT_URL = rawDomain.match(/^https?:\/\//i)
     <!-- Footer -->
     <AvFooter
       links={[
-        { label: "Terms", href: "/terms" },
-        { label: "Privacy", href: "/privacy" },
-        { label: "FAQ", href: "/faq" },
-        { label: "Contact", href: "/contact" }
+        { label: "Terms", href: buildParentUrl("/terms") },
+        { label: "Privacy", href: buildParentUrl("/privacy") },
+        { label: "FAQ", href: buildParentUrl("/faq") },
+        { label: "Contact", href: buildParentUrl("/contact") }
       ]}
     />
   </body>

package/src/lib/urls/parentOrigin.ts

@@ -0,0 +1,36 @@
+const DEFAULT_PARENT_ORIGIN = "http://localhost:2000";
+const PRODUCTION_PARENT_ORIGIN = "https://ansiversa.com";
+
+const trimTrailingSlash = (value: string) => value.trim().replace(/\/+$/, "");
+
+const normalizeOrigin = (value: string) => {
+  const normalized = trimTrailingSlash(value);
+  if (!normalized) return "";
+  try {
+    return new URL(normalized).toString().replace(/\/+$/, "");
+  } catch {
+    return normalized;
+  }
+};
+
+const isAnsiversaHostname = (hostname: string) =>
+  hostname === "ansiversa.com" || hostname.endsWith(".ansiversa.com");
+
+export const resolveParentOrigin = () => {
+  const envOrigin = normalizeOrigin(import.meta.env.PUBLIC_ANSIVERSA_PARENT_ORIGIN ?? "");
+  if (envOrigin) return envOrigin;
+
+  if (typeof window !== "undefined") {
+    const host = window.location.hostname.toLowerCase();
+    if (isAnsiversaHostname(host)) {
+      return PRODUCTION_PARENT_ORIGIN;
+    }
+  }
+
+  return DEFAULT_PARENT_ORIGIN;
+};
+
+export const buildParentUrl = (path: string) => {
+  const normalizedPath = `/${String(path ?? "").replace(/^\/+/, "")}`;
+  return `${resolveParentOrigin()}${normalizedPath}`;
+};