@tecof/theme-editor 0.0.11 → 0.0.13

package/dist/index.d.mts

@@ -144,6 +144,10 @@ interface LinkFieldValue {
     target?: '_self' | '_blank';
     type?: 'page' | 'custom';
 }
+interface LocalizedLinkFieldValue {
+    code: string;
+    value: LinkFieldValue;
+}
 
 /**
  * Tecof API Client — handles communication with the Tecof backend
@@ -157,7 +161,8 @@ interface LinkFieldValue {
 declare class TecofApiClient {
     private apiUrl;
     private secretKey;
-    constructor(apiUrl: string, secretKey: string);
+    private customCdnUrl?;
+    constructor(apiUrl: string, secretKey: string, customCdnUrl?: string);
     private get headers();
     /**
      * Fetch a page by ID (for the editor)
@@ -197,7 +202,7 @@ declare class TecofApiClient {
         code: string;
         value: string;
     }[]>>;
-    /** CDN base URL (derived from apiUrl) */
+    /** CDN base URL (defaults to apiUrl if not set) */
     get cdnUrl(): string;
 }
 
@@ -205,8 +210,9 @@ interface TecofContextValue {
     apiClient: TecofApiClient;
     secretKey: string;
     apiUrl: string;
+    cdnUrl?: string;
 }
-declare const TecofProvider: ({ apiUrl, secretKey, children }: TecofProviderProps) => react_jsx_runtime.JSX.Element;
+declare const TecofProvider: ({ apiUrl, secretKey, cdnUrl, children }: TecofProviderProps) => react_jsx_runtime.JSX.Element;
 declare function useTecof(): TecofContextValue;
 
 /**
@@ -473,8 +479,8 @@ interface LinkFieldProps {
     field: any;
     name: string;
     id: string;
-    value: LinkFieldValue | null;
-    onChange: (value: LinkFieldValue | null) => void;
+    value: LocalizedLinkFieldValue[] | null;
+    onChange: (value: LocalizedLinkFieldValue[] | null) => void;
     readOnly?: boolean;
 }
 interface LinkFieldOptions {

package/dist/index.d.ts

@@ -144,6 +144,10 @@ interface LinkFieldValue {
     target?: '_self' | '_blank';
     type?: 'page' | 'custom';
 }
+interface LocalizedLinkFieldValue {
+    code: string;
+    value: LinkFieldValue;
+}
 
 /**
  * Tecof API Client — handles communication with the Tecof backend
@@ -157,7 +161,8 @@ interface LinkFieldValue {
 declare class TecofApiClient {
     private apiUrl;
     private secretKey;
-    constructor(apiUrl: string, secretKey: string);
+    private customCdnUrl?;
+    constructor(apiUrl: string, secretKey: string, customCdnUrl?: string);
     private get headers();
     /**
      * Fetch a page by ID (for the editor)
@@ -197,7 +202,7 @@ declare class TecofApiClient {
         code: string;
         value: string;
     }[]>>;
-    /** CDN base URL (derived from apiUrl) */
+    /** CDN base URL (defaults to apiUrl if not set) */
     get cdnUrl(): string;
 }
 
@@ -205,8 +210,9 @@ interface TecofContextValue {
     apiClient: TecofApiClient;
     secretKey: string;
     apiUrl: string;
+    cdnUrl?: string;
 }
-declare const TecofProvider: ({ apiUrl, secretKey, children }: TecofProviderProps) => react_jsx_runtime.JSX.Element;
+declare const TecofProvider: ({ apiUrl, secretKey, cdnUrl, children }: TecofProviderProps) => react_jsx_runtime.JSX.Element;
 declare function useTecof(): TecofContextValue;
 
 /**
@@ -473,8 +479,8 @@ interface LinkFieldProps {
     field: any;
     name: string;
     id: string;
-    value: LinkFieldValue | null;
-    onChange: (value: LinkFieldValue | null) => void;
+    value: LocalizedLinkFieldValue[] | null;
+    onChange: (value: LocalizedLinkFieldValue[] | null) => void;
     readOnly?: boolean;
 }
 interface LinkFieldOptions {

package/dist/index.js

@@ -64,9 +64,10 @@ var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
 // 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 {
@@ -227,20 +228,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 = React__default.createContext(null);
-var TecofProvider = ({ apiUrl, secretKey, children }) => {
+var TecofProvider = ({ apiUrl, secretKey, cdnUrl, children }) => {
   const value = React__default.useMemo(
     () => ({
-      apiClient: new TecofApiClient(apiUrl, secretKey),
+      apiClient: new TecofApiClient(apiUrl, secretKey, cdnUrl),
       secretKey,
-      apiUrl
+      apiUrl,
+      cdnUrl
     }),
-    [apiUrl, secretKey]
+    [apiUrl, secretKey, cdnUrl]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(TecofContext.Provider, { value, children });
 };
@@ -22348,8 +22350,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__ */ jsxRuntime.jsx("div", { className: "tecof-upload-file-icon", children: /* @__PURE__ */ jsxRuntime.jsx(File2, { size: 20 }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-upload-file-info", children: [
@@ -22791,8 +22794,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__ */ jsxRuntime.jsx("div", { className: "tecof-upload-gallery-thumb tecof-upload-gallery-file-icon-wrap", children: /* @__PURE__ */ jsxRuntime.jsx(File2, { size: 24, color: "#a1a1aa" }) }),
                   /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-upload-gallery-file-name", children: file2.meta?.originalName || file2.name })
@@ -23525,6 +23529,7 @@ var LinkField = ({
   placeholder = "https://..."
 }) => {
   const { apiClient } = useTecof();
+  const { merchantInfo, loading: langLoading, activeTab, setActiveTab } = useLanguages();
   const [drawerOpen, setDrawerOpen] = React__default.useState(false);
   const [pages, setPages] = React__default.useState([]);
   const [loading, setLoading] = React__default.useState(false);
@@ -23533,6 +23538,30 @@ var LinkField = ({
   const [manualUrl, setManualUrl] = React__default.useState("");
   const [manualLabel, setManualLabel] = React__default.useState("");
   const [manualTarget, setManualTarget] = React__default.useState("_self");
+  const values = React__default.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 = React__default.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]);
   React__default.useEffect(() => {
     if (!drawerOpen) return;
     setLoading(true);
@@ -23547,17 +23576,17 @@ var LinkField = ({
     (p) => p.slug?.toLowerCase().includes(search.toLowerCase()) || p.title?.toLowerCase().includes(search.toLowerCase())
   ) : pages;
   const handleSelectPage = React__default.useCallback((page) => {
-    onChange({
+    updateActiveValue({
       url: `/${page.slug}`,
       label: page.title || page.slug,
       target: "_self",
       type: "page"
     });
     setDrawerOpen(false);
-  }, [onChange]);
+  }, [updateActiveValue]);
   const handleConfirmManual = React__default.useCallback(() => {
     if (!manualUrl.trim()) return;
-    onChange({
+    updateActiveValue({
       url: manualUrl.trim(),
       label: manualLabel.trim() || manualUrl.trim(),
       target: manualTarget,
@@ -23566,28 +23595,42 @@ var LinkField = ({
     setShowManual(false);
     setManualUrl("");
     setManualLabel("");
-  }, [manualUrl, manualLabel, manualTarget, onChange]);
+  }, [manualUrl, manualLabel, manualTarget, updateActiveValue]);
   const handleClear = React__default.useCallback(() => {
-    onChange(null);
-  }, [onChange]);
+    updateActiveValue(null);
+  }, [updateActiveValue]);
   const handleEditManual = React__default.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__ */ jsxRuntime.jsxs("div", { className: "tecof-link-container", children: [
+    merchantInfo && merchantInfo.languages.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+      LanguageTabBar,
+      {
+        languages: merchantInfo.languages,
+        defaultLanguage: merchantInfo.defaultLanguage,
+        activeTab,
+        onTabChange: setActiveTab
+      }
+    ),
+    langLoading && /* @__PURE__ */ jsxRuntime.jsx(FieldLoading, {}),
     hasValue && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-link-value-box", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-link-value-icon", children: value.type === "page" ? /* @__PURE__ */ jsxRuntime.jsx(FileText, { size: 16 }) : /* @__PURE__ */ jsxRuntime.jsx(Globe, { size: 16 }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-link-value-icon", children: activeValue.type === "page" ? /* @__PURE__ */ jsxRuntime.jsx(FileText, { size: 16 }) : /* @__PURE__ */ jsxRuntime.jsx(Globe, { size: 16 }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-link-value-info", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-link-value-label", children: value.label || value.url }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-link-value-url", children: value.url })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-link-value-label", children: activeValue.label || activeValue.url }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-link-value-url", children: activeValue.url })
       ] }),
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ExternalLink, { size: 14, color: "#a1a1aa" }),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ExternalLink, { size: 14, color: "#a1a1aa" }),
       !readOnly && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "tecof-link-action-btn-small", onClick: handleEditManual, title: "D\xFCzenle", children: /* @__PURE__ */ jsxRuntime.jsx(Pencil, { size: 14 }) }),
         /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "tecof-link-action-btn-small", onClick: handleClear, title: "Kald\u0131r", children: /* @__PURE__ */ jsxRuntime.jsx(X, { size: 14 }) })
@@ -23673,7 +23716,7 @@ var LinkField = ({
           )
         ] }),
         loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-text-center tecof-p-40 tecof-text-muted", children: "Y\xFCkleniyor..." }) : filteredPages.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-text-center tecof-p-40 tecof-text-muted", children: search ? "Sonu\xE7 bulunamad\u0131" : "Hen\xFCz sayfa yok" }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
             "div",
             {
@@ -23712,7 +23755,7 @@ var createLinkField = (options = {}) => {
         field,
         name: name3,
         id,
-        value: value || { url: "" },
+        value: value || [],
         onChange,
         readOnly,
         ...fieldOptions