@tecof/theme-editor 0.0.11 → 0.0.13

package/dist/index.mjs

@@ -26,9 +26,10 @@ import ReactDOM__default from 'react-dom';
 
 // src/api.ts
 var TecofApiClient = class {
-  constructor(apiUrl, secretKey) {
+  constructor(apiUrl, secretKey, customCdnUrl) {
     this.apiUrl = apiUrl.replace(/\/+$/, "");
     this.secretKey = secretKey;
+    this.customCdnUrl = customCdnUrl ? customCdnUrl.replace(/\/+$/, "") : void 0;
   }
   get headers() {
     return {
@@ -189,20 +190,21 @@ var TecofApiClient = class {
       };
     }
   }
-  /** CDN base URL (derived from apiUrl) */
+  /** CDN base URL (defaults to apiUrl if not set) */
   get cdnUrl() {
-    return this.apiUrl;
+    return this.customCdnUrl || this.apiUrl;
   }
 };
 var TecofContext = createContext(null);
-var TecofProvider = ({ apiUrl, secretKey, children }) => {
+var TecofProvider = ({ apiUrl, secretKey, cdnUrl, children }) => {
   const value = useMemo(
     () => ({
-      apiClient: new TecofApiClient(apiUrl, secretKey),
+      apiClient: new TecofApiClient(apiUrl, secretKey, cdnUrl),
       secretKey,
-      apiUrl
+      apiUrl,
+      cdnUrl
     }),
-    [apiUrl, secretKey]
+    [apiUrl, secretKey, cdnUrl]
   );
   return /* @__PURE__ */ jsx(TecofContext.Provider, { value, children });
 };
@@ -22310,8 +22312,9 @@ var FileItemRenderer = ({
         data: file2,
         alt: file2.meta?.originalName || file2.name,
         size: "thumbnail",
+        fill: true,
         className: "tecof-upload-file-thumb",
-        imgStyle: { width: "100%", height: "100%", objectFit: "cover", borderRadius: "10px" }
+        imgStyle: { objectFit: "cover", borderRadius: "10px" }
       }
     ) : /* @__PURE__ */ jsx("div", { className: "tecof-upload-file-icon", children: /* @__PURE__ */ jsx(File2, { size: 20 }) }),
     /* @__PURE__ */ jsxs("div", { className: "tecof-upload-file-info", children: [
@@ -22753,8 +22756,9 @@ var UploadField = ({
                       data: file2,
                       alt: file2.name,
                       size: "thumbnail",
+                      fill: true,
                       className: "tecof-upload-gallery-thumb",
-                      imgStyle: { width: "100%", height: "100%", objectFit: "cover", borderRadius: "6px" }
+                      imgStyle: { objectFit: "cover", borderRadius: "6px" }
                     }
                   ) : /* @__PURE__ */ jsx("div", { className: "tecof-upload-gallery-thumb tecof-upload-gallery-file-icon-wrap", children: /* @__PURE__ */ jsx(File2, { size: 24, color: "#a1a1aa" }) }),
                   /* @__PURE__ */ jsx("p", { className: "tecof-upload-gallery-file-name", children: file2.meta?.originalName || file2.name })
@@ -23487,6 +23491,7 @@ var LinkField = ({
   placeholder = "https://..."
 }) => {
   const { apiClient } = useTecof();
+  const { merchantInfo, loading: langLoading, activeTab, setActiveTab } = useLanguages();
   const [drawerOpen, setDrawerOpen] = useState(false);
   const [pages, setPages] = useState([]);
   const [loading, setLoading] = useState(false);
@@ -23495,6 +23500,30 @@ var LinkField = ({
   const [manualUrl, setManualUrl] = useState("");
   const [manualLabel, setManualLabel] = useState("");
   const [manualTarget, setManualTarget] = useState("_self");
+  const values = useMemo(() => {
+    if (!merchantInfo) return value || [];
+    const current = value || [];
+    return merchantInfo.languages.map((code) => {
+      const existing = current.find((v2) => v2.code === code);
+      return existing || { code, value: { url: "" } };
+    });
+  }, [value, merchantInfo]);
+  const activeValueItem = values.find((v2) => v2.code === activeTab);
+  const activeValue = activeValueItem?.value || { url: "" };
+  const updateActiveValue = useCallback((newLinkVal) => {
+    const updated = [...values];
+    const idx = updated.findIndex((v2) => v2.code === activeTab);
+    if (idx >= 0) {
+      if (newLinkVal) {
+        updated[idx] = { ...updated[idx], value: newLinkVal };
+      } else {
+        updated[idx] = { ...updated[idx], value: { url: "" } };
+      }
+    } else if (newLinkVal) {
+      updated.push({ code: activeTab, value: newLinkVal });
+    }
+    onChange(updated);
+  }, [values, activeTab, onChange]);
   useEffect(() => {
     if (!drawerOpen) return;
     setLoading(true);
@@ -23509,17 +23538,17 @@ var LinkField = ({
     (p) => p.slug?.toLowerCase().includes(search.toLowerCase()) || p.title?.toLowerCase().includes(search.toLowerCase())
   ) : pages;
   const handleSelectPage = useCallback((page) => {
-    onChange({
+    updateActiveValue({
       url: `/${page.slug}`,
       label: page.title || page.slug,
       target: "_self",
       type: "page"
     });
     setDrawerOpen(false);
-  }, [onChange]);
+  }, [updateActiveValue]);
   const handleConfirmManual = useCallback(() => {
     if (!manualUrl.trim()) return;
-    onChange({
+    updateActiveValue({
       url: manualUrl.trim(),
       label: manualLabel.trim() || manualUrl.trim(),
       target: manualTarget,
@@ -23528,28 +23557,42 @@ var LinkField = ({
     setShowManual(false);
     setManualUrl("");
     setManualLabel("");
-  }, [manualUrl, manualLabel, manualTarget, onChange]);
+  }, [manualUrl, manualLabel, manualTarget, updateActiveValue]);
   const handleClear = useCallback(() => {
-    onChange(null);
-  }, [onChange]);
+    updateActiveValue(null);
+  }, [updateActiveValue]);
   const handleEditManual = useCallback(() => {
-    if (value) {
-      setManualUrl(value.url || "");
-      setManualLabel(value.label || "");
-      setManualTarget(value.target || "_self");
+    if (activeValue && activeValue.url) {
+      setManualUrl(activeValue.url || "");
+      setManualLabel(activeValue.label || "");
+      setManualTarget(activeValue.target || "_self");
+    } else {
+      setManualUrl("");
+      setManualLabel("");
+      setManualTarget("_self");
     }
     setShowManual(true);
-  }, [value]);
-  const hasValue = value && value.url;
+  }, [activeValue]);
+  const hasValue = activeValue && activeValue.url && activeValue.url !== "";
   return /* @__PURE__ */ jsxs("div", { className: "tecof-link-container", children: [
+    merchantInfo && merchantInfo.languages.length > 1 && /* @__PURE__ */ jsx(
+      LanguageTabBar,
+      {
+        languages: merchantInfo.languages,
+        defaultLanguage: merchantInfo.defaultLanguage,
+        activeTab,
+        onTabChange: setActiveTab
+      }
+    ),
+    langLoading && /* @__PURE__ */ jsx(FieldLoading, {}),
     hasValue && /* @__PURE__ */ jsxs("div", { className: "tecof-link-value-box", children: [
-      /* @__PURE__ */ jsx("div", { className: "tecof-link-value-icon", children: value.type === "page" ? /* @__PURE__ */ jsx(FileText, { size: 16 }) : /* @__PURE__ */ jsx(Globe, { size: 16 }) }),
+      /* @__PURE__ */ jsx("div", { className: "tecof-link-value-icon", children: activeValue.type === "page" ? /* @__PURE__ */ jsx(FileText, { size: 16 }) : /* @__PURE__ */ jsx(Globe, { size: 16 }) }),
       /* @__PURE__ */ jsxs("div", { className: "tecof-link-value-info", children: [
-        /* @__PURE__ */ jsx("p", { className: "tecof-link-value-label", children: value.label || value.url }),
-        /* @__PURE__ */ jsx("p", { className: "tecof-link-value-url", children: value.url })
+        /* @__PURE__ */ jsx("p", { className: "tecof-link-value-label", children: activeValue.label || activeValue.url }),
+        /* @__PURE__ */ jsx("p", { className: "tecof-link-value-url", children: activeValue.url })
       ] }),
-      /* @__PURE__ */ jsx("span", { className: `tecof-link-value-badge ${value.type === "page" ? "tecof-link-badge-page" : "tecof-link-badge-custom"}`, children: value.type === "page" ? "Sayfa" : "Link" }),
-      value.target === "_blank" && /* @__PURE__ */ jsx(ExternalLink, { size: 14, color: "#a1a1aa" }),
+      /* @__PURE__ */ jsx("span", { className: `tecof-link-value-badge ${activeValue.type === "page" ? "tecof-link-badge-page" : "tecof-link-badge-custom"}`, children: activeValue.type === "page" ? "Sayfa" : "Link" }),
+      activeValue.target === "_blank" && /* @__PURE__ */ jsx(ExternalLink, { size: 14, color: "#a1a1aa" }),
       !readOnly && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("button", { type: "button", className: "tecof-link-action-btn-small", onClick: handleEditManual, title: "D\xFCzenle", children: /* @__PURE__ */ jsx(Pencil, { size: 14 }) }),
         /* @__PURE__ */ jsx("button", { type: "button", className: "tecof-link-action-btn-small", onClick: handleClear, title: "Kald\u0131r", children: /* @__PURE__ */ jsx(X, { size: 14 }) })
@@ -23635,7 +23678,7 @@ var LinkField = ({
           )
         ] }),
         loading ? /* @__PURE__ */ jsx("div", { className: "tecof-text-center tecof-p-40 tecof-text-muted", children: "Y\xFCkleniyor..." }) : filteredPages.length === 0 ? /* @__PURE__ */ jsx("div", { className: "tecof-text-center tecof-p-40 tecof-text-muted", children: search ? "Sonu\xE7 bulunamad\u0131" : "Hen\xFCz sayfa yok" }) : /* @__PURE__ */ jsx("div", { className: "tecof-link-page-list", children: filteredPages.map((page) => {
-          const selected = value?.url === `/${page.slug}`;
+          const selected = activeValue?.url === `/${page.slug}`;
           return /* @__PURE__ */ jsxs(
             "div",
             {
@@ -23674,7 +23717,7 @@ var createLinkField = (options = {}) => {
         field,
         name: name3,
         id,
-        value: value || { url: "" },
+        value: value || [],
         onChange,
         readOnly,
         ...fieldOptions