@salla.sa/twilight-theme-engine 1.0.121 → 1.0.123

package/dist/LiveEditorBar-6SKEWJOX.js

@@ -0,0 +1,338 @@
+import { areaOf, postToEditor, BLOCK_ATTRIBUTE, targetOf } from './chunk-PDIFXQDX.js';
+import { useTranslation } from './chunk-TYNZ5B2B.js';
+import './chunk-T72DAX7R.js';
+import './chunk-DGUM43GV.js';
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var ACCENT = "#5dd5c4";
+var LAYER = 2147483e3;
+var BUSY_TIMEOUT_MS = 1e4;
+var DOUBLE_CLICK_MS = 300;
+var DEFAULT_LABELS = {
+  ar: {
+    edit: "\u062A\u0639\u062F\u064A\u0644",
+    hide: "\u0625\u062E\u0641\u0627\u0621",
+    moveup: "\u062A\u062D\u0631\u064A\u0643 \u0644\u0623\u0639\u0644\u0649",
+    movedown: "\u062A\u062D\u0631\u064A\u0643 \u0644\u0623\u0633\u0641\u0644",
+    duplicate: "\u062A\u0643\u0631\u0627\u0631",
+    add: "\u0625\u0636\u0627\u0641\u0629 \u0639\u0646\u0635\u0631",
+    delete: "\u062D\u0630\u0641",
+    header: "\u0631\u0623\u0633 \u0627\u0644\u0635\u0641\u062D\u0629",
+    footer: "\u0630\u064A\u0644 \u0627\u0644\u0635\u0641\u062D\u0629"
+  },
+  en: {
+    edit: "Edit",
+    hide: "Hide",
+    moveup: "Move up",
+    movedown: "Move down",
+    duplicate: "Duplicate",
+    add: "Add element",
+    delete: "Delete",
+    header: "Header",
+    footer: "Footer"
+  }
+};
+var BLOCK_ACTIONS = [
+  "edit",
+  "hide",
+  "moveup",
+  "movedown",
+  "duplicate",
+  "add",
+  "delete"
+];
+var ICONS = {
+  edit: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 20h9" }),
+    /* @__PURE__ */ jsx("path", { d: "M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z" })
+  ] }),
+  hide: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 10 8 10 8a13.16 13.16 0 0 1-1.67 2.68" }),
+    /* @__PURE__ */ jsx("path", { d: "M6.61 6.61A13.53 13.53 0 0 0 2 12s3 8 10 8a9.74 9.74 0 0 0 5.39-1.61" }),
+    /* @__PURE__ */ jsx("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
+    /* @__PURE__ */ jsx("path", { d: "m2 2 20 20" })
+  ] }),
+  moveup: /* @__PURE__ */ jsx("path", { d: "m18 15-6-6-6 6" }),
+  movedown: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }),
+  duplicate: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { x: "8", y: "8", width: "14", height: "14", rx: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M4 16a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2" })
+  ] }),
+  add: /* @__PURE__ */ jsx("path", { d: "M12 5v14M5 12h14" }),
+  delete: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M3 6h18" }),
+    /* @__PURE__ */ jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+    /* @__PURE__ */ jsx("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+  ] })
+};
+var OUTLINE = {
+  position: "fixed",
+  zIndex: LAYER,
+  pointerEvents: "none",
+  boxSizing: "border-box",
+  border: `2px solid ${ACCENT}`
+};
+var CHIP = {
+  position: "absolute",
+  top: 0,
+  insetInlineStart: 0,
+  padding: "4px 12px",
+  background: ACCENT,
+  color: "#0f172a",
+  font: "500 14px/1.4 system-ui, sans-serif",
+  whiteSpace: "nowrap"
+};
+var BAR = {
+  position: "fixed",
+  zIndex: LAYER + 1,
+  display: "flex",
+  gap: 4,
+  padding: 6,
+  background: "#fff",
+  borderRadius: 8,
+  boxShadow: "0 4px 16px rgba(15, 23, 42, 0.18)",
+  transform: "translateX(-50%)"
+};
+function buttonStyle(action, disabled) {
+  return {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 6,
+    minWidth: 36,
+    height: 36,
+    padding: "0 8px",
+    border: 0,
+    borderRadius: 6,
+    background: "transparent",
+    color: action === "delete" ? "#e11d48" : action === "edit" ? "#0d9488" : "#475569",
+    font: "500 14px/1 system-ui, sans-serif",
+    cursor: disabled ? "default" : "pointer",
+    opacity: disabled ? 0.35 : 1
+  };
+}
+function Icon({ children }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "18",
+      height: "18",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children
+    }
+  );
+}
+function blockSiblings(el) {
+  const parent = el.parentElement;
+  if (!parent) return [el];
+  return Array.from(parent.children).filter(
+    (child) => child instanceof HTMLElement && child.hasAttribute(BLOCK_ATTRIBUTE)
+  );
+}
+function connected(el) {
+  return el?.isConnected ? el : null;
+}
+function useLayoutTick(active) {
+  const [, setTick] = useState(0);
+  useEffect(() => {
+    if (!active) return;
+    let frame = 0;
+    const schedule = () => {
+      cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(() => setTick((n) => n + 1));
+    };
+    window.addEventListener("scroll", schedule, { capture: true, passive: true });
+    window.addEventListener("resize", schedule);
+    const observer = typeof ResizeObserver !== "undefined" ? new ResizeObserver(schedule) : null;
+    observer?.observe(document.body);
+    return () => {
+      cancelAnimationFrame(frame);
+      window.removeEventListener("scroll", schedule, { capture: true });
+      window.removeEventListener("resize", schedule);
+      observer?.disconnect();
+    };
+  }, [active]);
+}
+function useLabels() {
+  const { t, i18n } = useTranslation();
+  const defaults = i18n?.language?.startsWith("ar") ? DEFAULT_LABELS.ar : DEFAULT_LABELS.en;
+  return Object.fromEntries(
+    Object.keys(defaults).map((key) => [
+      key,
+      t(`blocks.live_editor.${key}`, { defaultValue: defaults[key] })
+    ])
+  );
+}
+function useHeldLinkClicks(barRef) {
+  useEffect(() => {
+    let held = null;
+    let replaying = false;
+    const onClick = (event) => {
+      if (replaying || event.button !== 0) return;
+      if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+      if (barRef.current?.contains(event.target)) return;
+      const link = event.target instanceof Element ? event.target.closest("a[href]") : null;
+      if (!(link instanceof HTMLAnchorElement) || !targetOf(link)) return;
+      event.preventDefault();
+      event.stopPropagation();
+      const previous = held;
+      if (previous) {
+        window.clearTimeout(previous.timer);
+        held = null;
+        if (previous.link === link) return;
+      }
+      const timer = window.setTimeout(() => {
+        held = null;
+        replaying = true;
+        link.click();
+        replaying = false;
+      }, DOUBLE_CLICK_MS);
+      held = { link, timer };
+    };
+    document.addEventListener("click", onClick, true);
+    return () => {
+      document.removeEventListener("click", onClick, true);
+      if (held) window.clearTimeout(held.timer);
+    };
+  }, [barRef]);
+}
+function Outline({ el, label }) {
+  const rect = el.getBoundingClientRect();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-testid": "live-editor-outline",
+      style: { ...OUTLINE, top: rect.top, left: rect.left, width: rect.width, height: rect.height },
+      children: label && /* @__PURE__ */ jsx("span", { style: CHIP, children: label })
+    }
+  );
+}
+function Toolbar({ target, labels, busy, barRef, onAct }) {
+  const rect = target.getBoundingClientRect();
+  const style = {
+    ...BAR,
+    top: Math.max(rect.top + 8, 8),
+    left: rect.left + rect.width / 2
+  };
+  if (areaOf(target)) {
+    return /* @__PURE__ */ jsx("div", { ref: barRef, "data-testid": "live-editor-bar", style, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "data-testid": "live-editor-edit",
+        style: buttonStyle("area", false),
+        onClick: () => onAct(target, "edit"),
+        children: [
+          /* @__PURE__ */ jsx(Icon, { children: ICONS.edit }),
+          labels.edit
+        ]
+      }
+    ) });
+  }
+  const siblings = blockSiblings(target);
+  const index = siblings.indexOf(target);
+  const isDisabled = (action) => busy !== null || action === "moveup" && index <= 0 || action === "movedown" && index >= siblings.length - 1;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: barRef,
+      "data-testid": "live-editor-bar",
+      role: "toolbar",
+      "aria-label": labels.edit,
+      style,
+      children: BLOCK_ACTIONS.map((action) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "data-testid": `live-editor-${action}`,
+          title: labels[action],
+          "aria-label": labels[action],
+          "aria-busy": busy === action || void 0,
+          disabled: isDisabled(action),
+          style: buttonStyle(action, isDisabled(action)),
+          onClick: () => onAct(target, action),
+          children: /* @__PURE__ */ jsx(Icon, { children: ICONS[action] })
+        },
+        action
+      ))
+    }
+  );
+}
+function LiveEditorBar({ origin }) {
+  const [hovered, setHovered] = useState(null);
+  const [editing, setEditing] = useState(null);
+  const [busy, setBusy] = useState(null);
+  const barRef = useRef(null);
+  const [host, setHost] = useState(null);
+  const labels = useLabels();
+  useHeldLinkClicks(barRef);
+  const act = useCallback(
+    (el, action) => {
+      const area = areaOf(el);
+      if (area) {
+        postToEditor(origin, `preview::edit.${area}`, { id: `store-${area}` });
+        setEditing(el);
+        return;
+      }
+      const id = el.getAttribute(BLOCK_ATTRIBUTE);
+      if (!id) return;
+      postToEditor(origin, `preview::${action}.component`, { id });
+      if (action === "edit") setEditing(el);
+      else if (action === "hide" || action === "duplicate" || action === "delete") setBusy(action);
+    },
+    [origin]
+  );
+  useEffect(() => {
+    const onOver = (event) => {
+      if (barRef.current?.contains(event.target)) return;
+      setHovered(targetOf(event.target));
+    };
+    const onOut = (event) => {
+      if (!event.relatedTarget) setHovered(null);
+    };
+    const onDoubleClick = (event) => {
+      if (barRef.current?.contains(event.target)) return;
+      const el = targetOf(event.target);
+      if (el) act(el, "edit");
+    };
+    document.addEventListener("mouseover", onOver);
+    document.addEventListener("mouseout", onOut);
+    document.addEventListener("dblclick", onDoubleClick);
+    return () => {
+      document.removeEventListener("mouseover", onOver);
+      document.removeEventListener("mouseout", onOut);
+      document.removeEventListener("dblclick", onDoubleClick);
+    };
+  }, [act]);
+  useEffect(() => setHost(document.body), []);
+  useEffect(() => {
+    if (!busy) return;
+    const timer = window.setTimeout(() => setBusy(null), BUSY_TIMEOUT_MS);
+    return () => window.clearTimeout(timer);
+  }, [busy]);
+  const target = connected(hovered);
+  const selected = connected(editing);
+  useLayoutTick(Boolean(target || selected));
+  if (!host || !target && !selected) return null;
+  const targetArea = target ? areaOf(target) : null;
+  return createPortal(
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      selected && selected !== target && /* @__PURE__ */ jsx(Outline, { el: selected }),
+      target && /* @__PURE__ */ jsx(Outline, { el: target, label: targetArea ? labels[targetArea] : void 0 }),
+      target && /* @__PURE__ */ jsx(Toolbar, { target, labels, busy, barRef, onAct: act })
+    ] }),
+    host
+  );
+}
+
+export { LiveEditorBar };
+//# sourceMappingURL=LiveEditorBar-6SKEWJOX.js.map
+//# sourceMappingURL=LiveEditorBar-6SKEWJOX.js.map

package/dist/LiveEditorBar-6SKEWJOX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/live-editor/LiveEditorBar.tsx"],"names":[],"mappings":"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","file":"LiveEditorBar-6SKEWJOX.js","sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactElement,\n  type RefObject,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { BLOCK_ATTRIBUTE, areaOf, postToEditor, targetOf, type BlockAction } from './frame';\n\nconst ACCENT = '#5dd5c4';\nconst LAYER = 2147483000;\n/** The editor reloads the preview after hide, duplicate and delete; stop waiting if it doesn't. */\nconst BUSY_TIMEOUT_MS = 10_000;\n/** How long a link's click waits for a second one, so a double-click edits instead of navigating. */\nconst DOUBLE_CLICK_MS = 300;\n\n/** Defaults for the `blocks.live_editor.*` keys, in the store's language. */\nconst DEFAULT_LABELS = {\n  ar: {\n    edit: 'تعديل',\n    hide: 'إخفاء',\n    moveup: 'تحريك لأعلى',\n    movedown: 'تحريك لأسفل',\n    duplicate: 'تكرار',\n    add: 'إضافة عنصر',\n    delete: 'حذف',\n    header: 'رأس الصفحة',\n    footer: 'ذيل الصفحة',\n  },\n  en: {\n    edit: 'Edit',\n    hide: 'Hide',\n    moveup: 'Move up',\n    movedown: 'Move down',\n    duplicate: 'Duplicate',\n    add: 'Add element',\n    delete: 'Delete',\n    header: 'Header',\n    footer: 'Footer',\n  },\n} as const;\n\n/** Twig's order, read from the start of the line: edit first, delete last. */\nconst BLOCK_ACTIONS: BlockAction[] = [\n  'edit',\n  'hide',\n  'moveup',\n  'movedown',\n  'duplicate',\n  'add',\n  'delete',\n];\n\n/** Lucide-style 24px stroke icons. */\nconst ICONS: Record<BlockAction, ReactElement> = {\n  edit: (\n    <>\n      <path d=\"M12 20h9\" />\n      <path d=\"M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z\" />\n    </>\n  ),\n  hide: (\n    <>\n      <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 10 8 10 8a13.16 13.16 0 0 1-1.67 2.68\" />\n      <path d=\"M6.61 6.61A13.53 13.53 0 0 0 2 12s3 8 10 8a9.74 9.74 0 0 0 5.39-1.61\" />\n      <path d=\"M9.88 9.88a3 3 0 1 0 4.24 4.24\" />\n      <path d=\"m2 2 20 20\" />\n    </>\n  ),\n  moveup: <path d=\"m18 15-6-6-6 6\" />,\n  movedown: <path d=\"m6 9 6 6 6-6\" />,\n  duplicate: (\n    <>\n      <rect x=\"8\" y=\"8\" width=\"14\" height=\"14\" rx=\"2\" />\n      <path d=\"M4 16a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2\" />\n    </>\n  ),\n  add: <path d=\"M12 5v14M5 12h14\" />,\n  delete: (\n    <>\n      <path d=\"M3 6h18\" />\n      <path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6\" />\n      <path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\" />\n    </>\n  ),\n};\n\nconst OUTLINE: CSSProperties = {\n  position: 'fixed',\n  zIndex: LAYER,\n  pointerEvents: 'none',\n  boxSizing: 'border-box',\n  border: `2px solid ${ACCENT}`,\n};\n\nconst CHIP: CSSProperties = {\n  position: 'absolute',\n  top: 0,\n  insetInlineStart: 0,\n  padding: '4px 12px',\n  background: ACCENT,\n  color: '#0f172a',\n  font: '500 14px/1.4 system-ui, sans-serif',\n  whiteSpace: 'nowrap',\n};\n\nconst BAR: CSSProperties = {\n  position: 'fixed',\n  zIndex: LAYER + 1,\n  display: 'flex',\n  gap: 4,\n  padding: 6,\n  background: '#fff',\n  borderRadius: 8,\n  boxShadow: '0 4px 16px rgba(15, 23, 42, 0.18)',\n  transform: 'translateX(-50%)',\n};\n\nfunction buttonStyle(action: BlockAction | 'area', disabled: boolean): CSSProperties {\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: 6,\n    minWidth: 36,\n    height: 36,\n    padding: '0 8px',\n    border: 0,\n    borderRadius: 6,\n    background: 'transparent',\n    color: action === 'delete' ? '#e11d48' : action === 'edit' ? '#0d9488' : '#475569',\n    font: '500 14px/1 system-ui, sans-serif',\n    cursor: disabled ? 'default' : 'pointer',\n    opacity: disabled ? 0.35 : 1,\n  };\n}\n\nfunction Icon({ children }: { children: ReactElement }) {\n  return (\n    <svg\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      {children}\n    </svg>\n  );\n}\n\n/** The blocks `el` can trade places with: its siblings in the same list. */\nfunction blockSiblings(el: HTMLElement): HTMLElement[] {\n  const parent = el.parentElement;\n  if (!parent) return [el];\n  return Array.from(parent.children).filter(\n    (child): child is HTMLElement =>\n      child instanceof HTMLElement && child.hasAttribute(BLOCK_ATTRIBUTE)\n  );\n}\n\nfunction connected(el: HTMLElement | null): HTMLElement | null {\n  return el?.isConnected ? el : null;\n}\n\n/** Re-renders on scroll, resize and layout shifts, so the overlay follows what it outlines. */\nfunction useLayoutTick(active: boolean): void {\n  const [, setTick] = useState(0);\n  useEffect(() => {\n    if (!active) return;\n    let frame = 0;\n    const schedule = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => setTick((n) => n + 1));\n    };\n    window.addEventListener('scroll', schedule, { capture: true, passive: true });\n    window.addEventListener('resize', schedule);\n    const observer = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(schedule) : null;\n    observer?.observe(document.body);\n    return () => {\n      cancelAnimationFrame(frame);\n      window.removeEventListener('scroll', schedule, { capture: true });\n      window.removeEventListener('resize', schedule);\n      observer?.disconnect();\n    };\n  }, [active]);\n}\n\ntype LabelKey = keyof typeof DEFAULT_LABELS.en;\ntype Labels = Record<LabelKey, string>;\n\nfunction useLabels(): Labels {\n  const { t, i18n } = useTranslation();\n  const defaults = i18n?.language?.startsWith('ar') ? DEFAULT_LABELS.ar : DEFAULT_LABELS.en;\n  return Object.fromEntries(\n    (Object.keys(defaults) as LabelKey[]).map((key) => [\n      key,\n      t(`blocks.live_editor.${key}`, { defaultValue: defaults[key] }),\n    ])\n  ) as Labels;\n}\n\n/**\n * Holds a link's click inside a block, the header or the footer for\n * {@link DOUBLE_CLICK_MS}: a second click on the same link makes it a\n * double-click, which edits the area, and the link never navigates; otherwise\n * the click is replayed. A click on another link drops the first one.\n */\nfunction useHeldLinkClicks(barRef: RefObject<HTMLDivElement | null>): void {\n  useEffect(() => {\n    let held: { link: HTMLAnchorElement; timer: number } | null = null;\n    let replaying = false;\n\n    const onClick = (event: MouseEvent) => {\n      if (replaying || event.button !== 0) return;\n      if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;\n      if (barRef.current?.contains(event.target as Node)) return;\n      const link = event.target instanceof Element ? event.target.closest('a[href]') : null;\n      if (!(link instanceof HTMLAnchorElement) || !targetOf(link)) return;\n\n      // Before the router's own handler, which sits below the document.\n      event.preventDefault();\n      event.stopPropagation();\n      const previous = held;\n      if (previous) {\n        window.clearTimeout(previous.timer);\n        held = null;\n        if (previous.link === link) return;\n      }\n      const timer = window.setTimeout(() => {\n        held = null;\n        replaying = true;\n        link.click();\n        replaying = false;\n      }, DOUBLE_CLICK_MS);\n      held = { link, timer };\n    };\n\n    document.addEventListener('click', onClick, true);\n    return () => {\n      document.removeEventListener('click', onClick, true);\n      if (held) window.clearTimeout(held.timer);\n    };\n  }, [barRef]);\n}\n\nfunction Outline({ el, label }: { el: HTMLElement; label?: string }) {\n  const rect = el.getBoundingClientRect();\n  return (\n    <div\n      data-testid=\"live-editor-outline\"\n      style={{ ...OUTLINE, top: rect.top, left: rect.left, width: rect.width, height: rect.height }}\n    >\n      {label && <span style={CHIP}>{label}</span>}\n    </div>\n  );\n}\n\ninterface ToolbarProps {\n  target: HTMLElement;\n  labels: Labels;\n  busy: BlockAction | null;\n  barRef: RefObject<HTMLDivElement | null>;\n  onAct: (el: HTMLElement, action: BlockAction) => void;\n}\n\n/** One edit button for the header or footer; the full set for a block. */\nfunction Toolbar({ target, labels, busy, barRef, onAct }: ToolbarProps) {\n  const rect = target.getBoundingClientRect();\n  const style: CSSProperties = {\n    ...BAR,\n    top: Math.max(rect.top + 8, 8),\n    left: rect.left + rect.width / 2,\n  };\n\n  if (areaOf(target)) {\n    return (\n      <div ref={barRef} data-testid=\"live-editor-bar\" style={style}>\n        <button\n          type=\"button\"\n          data-testid=\"live-editor-edit\"\n          style={buttonStyle('area', false)}\n          onClick={() => onAct(target, 'edit')}\n        >\n          <Icon>{ICONS.edit}</Icon>\n          {labels.edit}\n        </button>\n      </div>\n    );\n  }\n\n  const siblings = blockSiblings(target);\n  const index = siblings.indexOf(target);\n  const isDisabled = (action: BlockAction) =>\n    busy !== null ||\n    (action === 'moveup' && index <= 0) ||\n    (action === 'movedown' && index >= siblings.length - 1);\n\n  return (\n    <div\n      ref={barRef}\n      data-testid=\"live-editor-bar\"\n      role=\"toolbar\"\n      aria-label={labels.edit}\n      style={style}\n    >\n      {BLOCK_ACTIONS.map((action) => (\n        <button\n          key={action}\n          type=\"button\"\n          data-testid={`live-editor-${action}`}\n          title={labels[action]}\n          aria-label={labels[action]}\n          aria-busy={busy === action || undefined}\n          disabled={isDisabled(action)}\n          style={buttonStyle(action, isDisabled(action))}\n          onClick={() => onAct(target, action)}\n        >\n          <Icon>{ICONS[action]}</Icon>\n        </button>\n      ))}\n    </div>\n  );\n}\n\n/**\n * The live editor's action bar: hovering a home block outlines it and shows\n * edit, hide, move, duplicate, add and delete; hovering the header or footer\n * shows an edit button. Double-clicking either edits it. Each action is a\n * message to the editor, which saves the change and reloads the preview.\n */\nexport function LiveEditorBar({ origin }: { origin: string }): ReactElement | null {\n  const [hovered, setHovered] = useState<HTMLElement | null>(null);\n  const [editing, setEditing] = useState<HTMLElement | null>(null);\n  const [busy, setBusy] = useState<BlockAction | null>(null);\n  const barRef = useRef<HTMLDivElement>(null);\n  // Taken after mount, so nothing reads the DOM while rendering.\n  const [host, setHost] = useState<HTMLElement | null>(null);\n  const labels = useLabels();\n  useHeldLinkClicks(barRef);\n\n  const act = useCallback(\n    (el: HTMLElement, action: BlockAction) => {\n      const area = areaOf(el);\n      if (area) {\n        postToEditor(origin, `preview::edit.${area}`, { id: `store-${area}` });\n        setEditing(el);\n        return;\n      }\n      const id = el.getAttribute(BLOCK_ATTRIBUTE);\n      if (!id) return;\n      postToEditor(origin, `preview::${action}.component`, { id });\n      if (action === 'edit') setEditing(el);\n      else if (action === 'hide' || action === 'duplicate' || action === 'delete') setBusy(action);\n    },\n    [origin]\n  );\n\n  useEffect(() => {\n    const onOver = (event: MouseEvent) => {\n      // The bar sits over the block it acts on: reaching it keeps that block.\n      if (barRef.current?.contains(event.target as Node)) return;\n      setHovered(targetOf(event.target));\n    };\n    const onOut = (event: MouseEvent) => {\n      if (!event.relatedTarget) setHovered(null);\n    };\n    const onDoubleClick = (event: MouseEvent) => {\n      if (barRef.current?.contains(event.target as Node)) return;\n      const el = targetOf(event.target);\n      if (el) act(el, 'edit');\n    };\n    document.addEventListener('mouseover', onOver);\n    document.addEventListener('mouseout', onOut);\n    document.addEventListener('dblclick', onDoubleClick);\n    return () => {\n      document.removeEventListener('mouseover', onOver);\n      document.removeEventListener('mouseout', onOut);\n      document.removeEventListener('dblclick', onDoubleClick);\n    };\n  }, [act]);\n\n  useEffect(() => setHost(document.body), []);\n\n  useEffect(() => {\n    if (!busy) return;\n    const timer = window.setTimeout(() => setBusy(null), BUSY_TIMEOUT_MS);\n    return () => window.clearTimeout(timer);\n  }, [busy]);\n\n  const target = connected(hovered);\n  const selected = connected(editing);\n  useLayoutTick(Boolean(target || selected));\n\n  if (!host || (!target && !selected)) return null;\n\n  const targetArea = target ? areaOf(target) : null;\n\n  return createPortal(\n    <>\n      {selected && selected !== target && <Outline el={selected} />}\n      {target && <Outline el={target} label={targetArea ? labels[targetArea] : undefined} />}\n      {target && (\n        <Toolbar target={target} labels={labels} busy={busy} barRef={barRef} onAct={act} />\n      )}\n    </>,\n    host\n  );\n}\n"]}

package/dist/{LoyaltyPage-CTKA57XO.js → LoyaltyPage-LUQLKTDF.js}

@@ -1,21 +1,22 @@
-import './chunk-PM5W3ZXP.js';
-import './chunk-3Q2SY5EH.js';
-import './chunk-I4JJJWQH.js';
-import './chunk-D6XHL6VQ.js';
+import './chunk-74PTCV46.js';
+import './chunk-PDIFXQDX.js';
+import './chunk-ISTESEV6.js';
+import './chunk-G2BBB5AI.js';
+import './chunk-KQEBYXYB.js';
 import './chunk-JYV25VNZ.js';
-import './chunk-E6HKDJQU.js';
+import './chunk-EPPCSJGJ.js';
 import './chunk-OXMUPNMH.js';
-import './chunk-GMR6IV4N.js';
+import './chunk-PGXS2QT5.js';
 import './chunk-VVZNW5CB.js';
 import './chunk-5FJFN3IW.js';
 import './chunk-GD26FI4J.js';
 import './chunk-OM2GRPDH.js';
-import './chunk-H52RC2CC.js';
+import './chunk-UBNOFV7C.js';
 import './chunk-OUW6WESU.js';
 import './chunk-BK5TBUGG.js';
 import './chunk-HI5V5X3S.js';
-import './chunk-ONYYMIHL.js';
-import './chunk-OGPRFIYJ.js';
+import './chunk-WAZYTMTB.js';
+import './chunk-2Q6M3CE5.js';
 import './chunk-MVT5AF2A.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
@@ -26,15 +27,15 @@ import './chunk-7V36I5GT.js';
 import './chunk-6WI7R2BD.js';
 import './chunk-JGVEGQHJ.js';
 import './chunk-OAMIDZKW.js';
-import './chunk-EBISPK5W.js';
+import './chunk-DPLMZQ2Q.js';
 import './chunk-OQIIJRAS.js';
 import './chunk-V2ZDTY6H.js';
-import './chunk-DYRZ7JXQ.js';
+import './chunk-4JNLIYCE.js';
 import { HookSlot } from './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
-import './chunk-GMQK6UHZ.js';
+import './chunk-IMCS5L4A.js';
 import './chunk-TYNZ5B2B.js';
-import { LazyBreadcrumb } from './chunk-NSTH6ZQQ.js';
+import { LazyBreadcrumb } from './chunk-N67C5QRH.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -65,5 +66,5 @@ function LoyaltyPage({ page }) {
 }
 
 export { LoyaltyPage };
-//# sourceMappingURL=LoyaltyPage-CTKA57XO.js.map
-//# sourceMappingURL=LoyaltyPage-CTKA57XO.js.map
+//# sourceMappingURL=LoyaltyPage-LUQLKTDF.js.map
+//# sourceMappingURL=LoyaltyPage-LUQLKTDF.js.map

package/dist/LoyaltyPage-LUQLKTDF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/routes/loyalty/LoyaltyPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,SAAS,WAAA,CAAY,EAAE,IAAA,EAAK,EAAqB;AACtD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,MAAK,eAAA,EAAgB,CAAA;AAAA,oBAC/B,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,kBAAW,IAAA,EAAY,CAAA;AAAA,0BACvB,mBAAA,EAAA,EAAoB;AAAA,KAAA,EACvB,CAAA;AAAA,oBACA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,aAAA,EAAc;AAAA,GAAA,EAC/B,CAAA;AAEJ","file":"LoyaltyPage-LUQLKTDF.js","sourcesContent":["import { SallaLoyaltyProgram } from '@salla.sa/twilight-components-react/loyalty-program';\nimport type { LoyaltyPageProps } from './types';\nimport { Breadcrumb } from '../../components/common';\nimport { HookSlot } from '../../hooks';\n\nexport function LoyaltyPage({ page }: LoyaltyPageProps) {\n  return (\n    <>\n      <HookSlot name=\"loyalty:start\" />\n      <div className=\"container mb-20\">\n        <Breadcrumb page={page} />\n        <SallaLoyaltyProgram />\n      </div>\n      <HookSlot name=\"loyalty:end\" />\n    </>\n  );\n}\n"]}

package/dist/{LoyaltyPointsPage-7LHAL3KB.js → LoyaltyPointsPage-LJLCJBLR.js}

@@ -1,11 +1,11 @@
-import { LazyCustomerLayout } from './chunk-W6JJZYUY.js';
-import './chunk-EBISPK5W.js';
+import { LazyCustomerLayout } from './chunk-AFERG34I.js';
+import './chunk-DPLMZQ2Q.js';
 import './chunk-OQIIJRAS.js';
 import './chunk-V2ZDTY6H.js';
-import './chunk-DYRZ7JXQ.js';
+import './chunk-4JNLIYCE.js';
 import './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
-import './chunk-GMQK6UHZ.js';
+import './chunk-IMCS5L4A.js';
 import './chunk-TYNZ5B2B.js';
 import './chunk-GYXUYHKO.js';
 import './chunk-FHU2MXZA.js';
@@ -21,5 +21,5 @@ function LoyaltyPointsPage({ page }) {
 }
 
 export { LoyaltyPointsPage };
-//# sourceMappingURL=LoyaltyPointsPage-7LHAL3KB.js.map
-//# sourceMappingURL=LoyaltyPointsPage-7LHAL3KB.js.map
+//# sourceMappingURL=LoyaltyPointsPage-LJLCJBLR.js.map
+//# sourceMappingURL=LoyaltyPointsPage-LJLCJBLR.js.map

package/dist/{LoyaltyPointsPage-7LHAL3KB.js.map → LoyaltyPointsPage-LJLCJBLR.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/loyalty/LoyaltyPointsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAIO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAK,EAA2B;AAClE,EAAA,uBACE,GAAA,CAAC,kBAAA,EAAA,EAAe,IAAA,EACd,QAAA,kBAAA,GAAA,CAAC,6BAA0B,CAAA,EAC7B,CAAA;AAEJ","file":"LoyaltyPointsPage-7LHAL3KB.js","sourcesContent":["import { SallaLoyaltyPointsHistory } from '@salla.sa/twilight-components-react/loyalty-points-history';\nimport type { LoyaltyPointsPageProps } from './types';\nimport { CustomerLayout } from '../../components/layout';\n\nexport function LoyaltyPointsPage({ page }: LoyaltyPointsPageProps) {\n  return (\n    <CustomerLayout page={page}>\n      <SallaLoyaltyPointsHistory />\n    </CustomerLayout>\n  );\n}\n"]}
+{"version":3,"sources":["../src/routes/loyalty/LoyaltyPointsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAIO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAK,EAA2B;AAClE,EAAA,uBACE,GAAA,CAAC,kBAAA,EAAA,EAAe,IAAA,EACd,QAAA,kBAAA,GAAA,CAAC,6BAA0B,CAAA,EAC7B,CAAA;AAEJ","file":"LoyaltyPointsPage-LJLCJBLR.js","sourcesContent":["import { SallaLoyaltyPointsHistory } from '@salla.sa/twilight-components-react/loyalty-points-history';\nimport type { LoyaltyPointsPageProps } from './types';\nimport { CustomerLayout } from '../../components/layout';\n\nexport function LoyaltyPointsPage({ page }: LoyaltyPointsPageProps) {\n  return (\n    <CustomerLayout page={page}>\n      <SallaLoyaltyPointsHistory />\n    </CustomerLayout>\n  );\n}\n"]}

package/dist/{MainMenu-46I757B7.js → MainMenu-WPVP2XF6.js}

@@ -1,7 +1,7 @@
-import { menu } from './chunk-YOOCN2ZQ.js';
-import './chunk-GMQK6UHZ.js';
+import { menu } from './chunk-ZTY326ZR.js';
+import './chunk-IMCS5L4A.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import './chunk-NSTH6ZQQ.js';
+import './chunk-N67C5QRH.js';
 import { Link } from './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -68,5 +68,5 @@ function MainMenu() {
 }
 
 export { MainMenu };
-//# sourceMappingURL=MainMenu-46I757B7.js.map
-//# sourceMappingURL=MainMenu-46I757B7.js.map
+//# sourceMappingURL=MainMenu-WPVP2XF6.js.map
+//# sourceMappingURL=MainMenu-WPVP2XF6.js.map

package/dist/{MainMenu-46I757B7.js.map → MainMenu-WPVP2XF6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/navigation/MainMenu.tsx"],"names":["MainMenuSkeleton"],"mappings":";;;;;;;;;;;;;;;;;AAQA,IAAM,cAAA,GAAiB;AAAA,EACrB,EAAE,EAAA,EAAI,OAAA,EAAS,KAAA,EAAO,MAAA,EAAO;AAAA,EAC7B,EAAE,EAAA,EAAI,QAAA,EAAU,KAAA,EAAO,MAAA,EAAO;AAAA,EAC9B,EAAE,EAAA,EAAI,OAAA,EAAS,KAAA,EAAO,MAAA,EAAO;AAAA,EAC7B,EAAE,EAAA,EAAI,QAAA,EAAU,KAAA,EAAO,MAAA,EAAO;AAAA,EAC9B,EAAE,EAAA,EAAI,OAAA,EAAS,KAAA,EAAO,MAAA;AACxB,CAAA;AAEA,IAAM,gBAAA,GAAmB,IAAA,CAAK,SAASA,iBAAAA,GAAmB;AACxD,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,WAAU,WAAA,EACX,QAAA,EAAA,cAAA,CAAe,GAAA,CAAI,CAAC,EAAE,EAAA,EAAI,KAAA,EAAM,yBAC9B,IAAA,EAAA,EAAY,SAAA,EAAU,8BAAA,EACrB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAG,GAAA,EACP,QAAA,kBAAA,GAAA,CAAC,UAAK,SAAA,EAAW,CAAA,mDAAA,EAAsD,KAAK,CAAA,CAAA,EAAI,CAAA,EAClF,CAAA,EAAA,EAHO,EAIT,CACD,GACH,CAAA,EACF,CAAA;AAEJ,CAAC,CAAA;AAEM,SAAS,QAAA,GAAW;AACzB,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,WAAA,EAAY;AAC9B,EAAA,MAAM,EAAE,IAAA,EAAM,KAAA,GAAQ,EAAC,EAAG,SAAA,EAAU,GAAI,QAAA,CAAS,IAAA,CAAK,OAAA,CAAQ,MAAA,EAAQ,CAAA;AACtE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,MAAM,EAAE,YAAA,EAAc,WAAA,EAAY,GAAI,QAAQ,MAAM;AAClD,IAAA,MAAM,UAAA,GAAa,OAAO,QAAA,EAAU,sBAAA;AACpC,IAAA,MAAM,YAAA,GAAe,CAAA;AAErB,IAAA,IAAI,UAAA,IAAc,KAAA,CAAM,MAAA,GAAS,YAAA,EAAc;AAC7C,MAAA,OAAO;AAAA,QACL,YAAA,EAAc,KAAA,CAAM,KAAA,CAAM,CAAA,EAAG,YAAY,CAAA;AAAA,QACzC,WAAA,EAAa,KAAA,CAAM,KAAA,CAAM,YAAY;AAAA,OACvC;AAAA,IACF;AAEA,IAAA,OAAO,EAAE,YAAA,EAAc,KAAA,EAAO,WAAA,EAAa,EAAC,EAAE;AAAA,EAChD,CAAA,EAAG,CAAC,KAAA,EAAO,KAAA,EAAO,UAAU,gBAAA,EAAkB,KAAA,EAAO,QAAA,EAAU,sBAAsB,CAAC,CAAA;AAEtF,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,2BAAQ,gBAAA,EAAA,EAAiB,CAAA;AAAA,EAC3B;AAEA,EAAA,MAAM,aAAa,CAAC,IAAA,EAAgB,OAAA,GAAU,KAAA,EAAO,aAAa,KAAA,KAAU;AAC1E,IAAA,MAAM,cAAc,IAAA,CAAK,YAAA,IAAgB,KAAK,QAAA,IAAY,IAAA,CAAK,SAAS,MAAA,GAAS,CAAA;AACjF,IAAA,MAAM,YAAA,GAAe,eAAe,CAAC,UAAA;AAErC,IAAA,uBACE,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QAEC,SAAA,EAAW,GAAG,OAAA,GAAU,UAAA,GAAa,8BAA8B,CAAA,CAAA,EAAI,WAAA,GAAc,iBAAiB,EAAE,CAAA,CAAA;AAAA,QAExG,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAI,IAAA,CAAK,GAAA,EACb,8BAAC,MAAA,EAAA,EAAM,QAAA,EAAA,IAAA,CAAK,OAAM,CAAA,EACpB,CAAA;AAAA,UACC,gCACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,eAAA,EACb,8BAAC,IAAA,EAAA,EAAI,QAAA,EAAA,IAAA,EAAM,QAAA,EAAU,GAAA,CAAI,CAAC,KAAA,KAAoB,UAAA,CAAW,OAAO,IAAI,CAAC,GAAE,CAAA,EACzE;AAAA;AAAA,OAAA;AAAA,MATG,IAAA,CAAK;AAAA,KAWZ;AAAA,EAEJ,CAAA;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,IAAA,EAAA,EAAG,WAAU,WAAA,EACX,QAAA,EAAA;AAAA,IAAA,YAAA,CAAa,GAAA,CAAI,CAAC,IAAA,KAAS,UAAA,CAAW,IAAI,CAAC,CAAA;AAAA,IAC3C,WAAA,CAAY,SAAS,CAAA,oBACpB,IAAA,CAAC,QAAG,EAAA,EAAG,oBAAA,EAAqB,WAAU,2CAAA,EACpC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAG,GAAA,EACP,QAAA,kBAAA,GAAA,CAAC,UAAM,QAAA,EAAA,CAAA,CAAE,oBAAA,EAAsB,MAAM,CAAA,EAAE,CAAA,EACzC,CAAA;AAAA,0BACC,KAAA,EAAA,EAAI,SAAA,EAAU,eAAA,EACb,QAAA,kBAAA,GAAA,CAAC,QAAI,QAAA,EAAA,WAAA,CAAY,GAAA,CAAI,CAAC,IAAA,KAAS,WAAW,IAAA,EAAM,IAAA,EAAM,IAAI,CAAC,GAAE,CAAA,EAC/D;AAAA,KAAA,EACF;AAAA,GAAA,EAEJ,CAAA,EACF,CAAA;AAEJ","file":"MainMenu-46I757B7.js","sourcesContent":["import { useMemo, memo } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { Link } from '../common';\nimport { menu } from '../../api/menu';\nimport type { MenuItem } from '../../types';\n\nconst SKELETON_ITEMS = [\n  { id: 'first', width: 'w-16' },\n  { id: 'second', width: 'w-20' },\n  { id: 'third', width: 'w-24' },\n  { id: 'fourth', width: 'w-16' },\n  { id: 'fifth', width: 'w-20' },\n];\n\nconst MainMenuSkeleton = memo(function MainMenuSkeleton() {\n  return (\n    <nav>\n      <ul className=\"main-menu\">\n        {SKELETON_ITEMS.map(({ id, width }) => (\n          <li key={id} className=\"!hidden lg:!block root-level\">\n            <Link to=\"#\">\n              <span className={`inline-block animate-pulse rounded bg-gray-200 h-4 ${width}`} />\n            </Link>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n});\n\nexport function MainMenu() {\n  const { theme } = useTwilight();\n  const { data: menus = [], isLoading } = useQuery(menu.queries.header());\n  const { t } = useTranslation();\n\n  const { visibleMenus, hiddenMenus } = useMemo(() => {\n    const enableMore = theme?.settings?.is_more_button_enabled;\n    const visibleCount = 7;\n\n    if (enableMore && menus.length > visibleCount) {\n      return {\n        visibleMenus: menus.slice(0, visibleCount),\n        hiddenMenus: menus.slice(visibleCount),\n      };\n    }\n\n    return { visibleMenus: menus, hiddenMenus: [] };\n  }, [menus, theme?.settings?.enable_more_menu, theme?.settings?.is_more_button_enabled]);\n\n  if (isLoading) {\n    return <MainMenuSkeleton />;\n  }\n\n  const renderItem = (item: MenuItem, isChild = false, inMoreMenu = false) => {\n    const hasChildren = item.has_children && item.children && item.children.length > 0;\n    const showDropdown = hasChildren && !inMoreMenu;\n\n    return (\n      <li\n        key={item.id}\n        className={`${isChild ? 'relative' : '!hidden lg:!block root-level'} ${hasChildren ? 'has-children' : ''}`}\n      >\n        <Link to={item.url}>\n          <span>{item.title}</span>\n        </Link>\n        {showDropdown && (\n          <div className=\"sub-menu w-56\">\n            <ul>{item?.children?.map((child: MenuItem) => renderItem(child, true))}</ul>\n          </div>\n        )}\n      </li>\n    );\n  };\n\n  return (\n    <nav>\n      <ul className=\"main-menu\">\n        {visibleMenus.map((item) => renderItem(item))}\n        {hiddenMenus.length > 0 && (\n          <li id=\"more-menu-dropdown\" className=\"!hidden lg:!block root-level has-children\">\n            <Link to=\"#\">\n              <span>{t('common.titles.more', 'More')}</span>\n            </Link>\n            <div className=\"sub-menu w-56\">\n              <ul>{hiddenMenus.map((item) => renderItem(item, true, true))}</ul>\n            </div>\n          </li>\n        )}\n      </ul>\n    </nav>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/navigation/MainMenu.tsx"],"names":["MainMenuSkeleton"],"mappings":"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","file":"MainMenu-WPVP2XF6.js","sourcesContent":["import { useMemo, memo } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { Link } from '../common';\nimport { menu } from '../../api/menu';\nimport type { MenuItem } from '../../types';\n\nconst SKELETON_ITEMS = [\n  { id: 'first', width: 'w-16' },\n  { id: 'second', width: 'w-20' },\n  { id: 'third', width: 'w-24' },\n  { id: 'fourth', width: 'w-16' },\n  { id: 'fifth', width: 'w-20' },\n];\n\nconst MainMenuSkeleton = memo(function MainMenuSkeleton() {\n  return (\n    <nav>\n      <ul className=\"main-menu\">\n        {SKELETON_ITEMS.map(({ id, width }) => (\n          <li key={id} className=\"!hidden lg:!block root-level\">\n            <Link to=\"#\">\n              <span className={`inline-block animate-pulse rounded bg-gray-200 h-4 ${width}`} />\n            </Link>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n});\n\nexport function MainMenu() {\n  const { theme } = useTwilight();\n  const { data: menus = [], isLoading } = useQuery(menu.queries.header());\n  const { t } = useTranslation();\n\n  const { visibleMenus, hiddenMenus } = useMemo(() => {\n    const enableMore = theme?.settings?.is_more_button_enabled;\n    const visibleCount = 7;\n\n    if (enableMore && menus.length > visibleCount) {\n      return {\n        visibleMenus: menus.slice(0, visibleCount),\n        hiddenMenus: menus.slice(visibleCount),\n      };\n    }\n\n    return { visibleMenus: menus, hiddenMenus: [] };\n  }, [menus, theme?.settings?.enable_more_menu, theme?.settings?.is_more_button_enabled]);\n\n  if (isLoading) {\n    return <MainMenuSkeleton />;\n  }\n\n  const renderItem = (item: MenuItem, isChild = false, inMoreMenu = false) => {\n    const hasChildren = item.has_children && item.children && item.children.length > 0;\n    const showDropdown = hasChildren && !inMoreMenu;\n\n    return (\n      <li\n        key={item.id}\n        className={`${isChild ? 'relative' : '!hidden lg:!block root-level'} ${hasChildren ? 'has-children' : ''}`}\n      >\n        <Link to={item.url}>\n          <span>{item.title}</span>\n        </Link>\n        {showDropdown && (\n          <div className=\"sub-menu w-56\">\n            <ul>{item?.children?.map((child: MenuItem) => renderItem(child, true))}</ul>\n          </div>\n        )}\n      </li>\n    );\n  };\n\n  return (\n    <nav>\n      <ul className=\"main-menu\">\n        {visibleMenus.map((item) => renderItem(item))}\n        {hiddenMenus.length > 0 && (\n          <li id=\"more-menu-dropdown\" className=\"!hidden lg:!block root-level has-children\">\n            <Link to=\"#\">\n              <span>{t('common.titles.more', 'More')}</span>\n            </Link>\n            <div className=\"sub-menu w-56\">\n              <ul>{hiddenMenus.map((item) => renderItem(item, true, true))}</ul>\n            </div>\n          </li>\n        )}\n      </ul>\n    </nav>\n  );\n}\n"]}

package/dist/{MasterLayout-UJCD626U.js → MasterLayout-UPFHTRV6.js}

@@ -1,21 +1,22 @@
-export { MasterLayout } from './chunk-PM5W3ZXP.js';
-import './chunk-3Q2SY5EH.js';
-import './chunk-I4JJJWQH.js';
-import './chunk-D6XHL6VQ.js';
+export { MasterLayout } from './chunk-74PTCV46.js';
+import './chunk-PDIFXQDX.js';
+import './chunk-ISTESEV6.js';
+import './chunk-G2BBB5AI.js';
+import './chunk-KQEBYXYB.js';
 import './chunk-JYV25VNZ.js';
-import './chunk-E6HKDJQU.js';
+import './chunk-EPPCSJGJ.js';
 import './chunk-OXMUPNMH.js';
-import './chunk-GMR6IV4N.js';
+import './chunk-PGXS2QT5.js';
 import './chunk-VVZNW5CB.js';
 import './chunk-5FJFN3IW.js';
 import './chunk-GD26FI4J.js';
 import './chunk-OM2GRPDH.js';
-import './chunk-H52RC2CC.js';
+import './chunk-UBNOFV7C.js';
 import './chunk-OUW6WESU.js';
 import './chunk-BK5TBUGG.js';
 import './chunk-HI5V5X3S.js';
-import './chunk-ONYYMIHL.js';
-import './chunk-OGPRFIYJ.js';
+import './chunk-WAZYTMTB.js';
+import './chunk-2Q6M3CE5.js';
 import './chunk-MVT5AF2A.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
@@ -26,15 +27,15 @@ import './chunk-7V36I5GT.js';
 import './chunk-6WI7R2BD.js';
 import './chunk-JGVEGQHJ.js';
 import './chunk-OAMIDZKW.js';
-import './chunk-EBISPK5W.js';
+import './chunk-DPLMZQ2Q.js';
 import './chunk-OQIIJRAS.js';
 import './chunk-V2ZDTY6H.js';
-import './chunk-DYRZ7JXQ.js';
+import './chunk-4JNLIYCE.js';
 import './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
-import './chunk-GMQK6UHZ.js';
+import './chunk-IMCS5L4A.js';
 import './chunk-TYNZ5B2B.js';
-import './chunk-NSTH6ZQQ.js';
+import './chunk-N67C5QRH.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -50,5 +51,5 @@ import './chunk-7VNVCHID.js';
 import './chunk-T72DAX7R.js';
 import './chunk-DF6FBKDN.js';
 import './chunk-DGUM43GV.js';
-//# sourceMappingURL=MasterLayout-UJCD626U.js.map
-//# sourceMappingURL=MasterLayout-UJCD626U.js.map
+//# sourceMappingURL=MasterLayout-UPFHTRV6.js.map
+//# sourceMappingURL=MasterLayout-UPFHTRV6.js.map

package/dist/{MasterLayout-UJCD626U.js.map → MasterLayout-UPFHTRV6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"MasterLayout-UJCD626U.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"MasterLayout-UPFHTRV6.js"}