webim-adapter 2.10.7 → 2.10.8

package/build/webim-adapter.js

@@ -15921,8 +15921,31 @@ function ad({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function od({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ h(ad, {
+function od(e) {
+	let t = e?.apiUrl, n = e?.tenant, r = e?.slug;
+	s(() => {
+		if (typeof window > "u" || !r || !t || new URLSearchParams(window.location.search).has("preview") || navigator.doNotTrack === "1" || window.doNotTrack === "1") return;
+		let e = `webim.viewed.${n}.${r}`;
+		try {
+			if (window.sessionStorage.getItem(e)) return;
+			window.sessionStorage.setItem(e, "1");
+		} catch {}
+		let i = `${t}/site/views?tenant=${encodeURIComponent(n ?? "")}&slug=${encodeURIComponent(r)}`;
+		try {
+			navigator.sendBeacon?.(i) || fetch(i, {
+				method: "POST",
+				keepalive: !0,
+				mode: "no-cors"
+			}).catch(() => {});
+		} catch {}
+	}, [
+		t,
+		n,
+		r
+	]);
+}
+function sd({ bundle: e, mode: t = "auto", style: n }) {
+	return od(e), e?.blocks?.ROOT ? /* @__PURE__ */ h(ad, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -15941,7 +15964,7 @@ function od({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/WebimPage.jsx
-function sd({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, mode: o = "auto", style: c, fallback: l = null, errorFallback: f = null, onLoad: p, onError: m }) {
+function cd({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, mode: o = "auto", style: c, fallback: l = null, errorFallback: f = null, onLoad: p, onError: m }) {
 	let [g, _] = d({ status: "loading" }), v = u({
 		onLoad: p,
 		onError: m
@@ -15978,11 +16001,11 @@ function sd({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, mo
 		r,
 		i,
 		a
-	]), g.status === "loading" ? l : g.status === "error" ? typeof f == "function" ? f(g.error) : f : /* @__PURE__ */ h(od, {
+	]), g.status === "loading" ? l : g.status === "error" ? typeof f == "function" ? f(g.error) : f : /* @__PURE__ */ h(sd, {
 		bundle: g.bundle,
 		mode: o,
 		style: c
 	});
 }
 //#endregion
-export { ad as PageRenderer, od as WebimContent, sd as WebimPage, ft as fetchPage, qr as renderRichContent, ct as resolveTheme };
+export { ad as PageRenderer, sd as WebimContent, cd as WebimPage, ft as fetchPage, qr as renderRichContent, ct as resolveTheme };

package/build/webim-embed.js

@@ -112,4 +112,4 @@ Error generating stack: `+e.message+`
 .webim-page[data-webim-mode="dark"] { ${Object.entries(Ze(e.dark)).map(([e,t])=>`${e}: ${t} !important;`).join(` `)} }`;function rd({blocks:e,theme:t,components:n,mode:r=`auto`,style:i,custom:a,animations:o,tenant:s,apiUrl:c,datasets:u,locale:d,direction:f,settings:p,siteUser:m,param:g}){let _=a?.js?.trim(),y=p&&p[`site.code`]&&typeof p[`site.code`]==`object`?p[`site.code`]:null,b=typeof y?.js==`string`?y.js.trim():``,x=typeof y?.css==`string`?y.css.trim():``;if((0,l.useEffect)(()=>{if(!b)return;let e=document.createElement(`script`);return e.text=b,document.body.appendChild(e),()=>e.remove()},[b]),(0,l.useEffect)(()=>{if(!_)return;let e=document.createElement(`script`);return e.text=_,document.body.appendChild(e),()=>e.remove()},[_]),!e?.ROOT)return null;let S={lang:d||void 0,dir:Tt(f,d)},C=`.webim-page, .webim-page *, .webim-page *::before, .webim-page *::after { box-sizing: border-box; }
 `+Re+`
 `+ht,w={minHeight:`100%`,display:`flex`,flexDirection:`column`},T=St(e,n),E=Pe(p),D=ed(`ROOT`,e,n,void 0,{skipTarget:T||void 0,elementDefaults:E}),O=T?(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(`style`,{children:gt}),(0,G.jsx)(`a`,{className:`webim-skip`,href:`#${T.htmlId}`,children:pt(d||p?.locales?.default)(`skip`)})]}):null,k=(0,l.useMemo)(()=>({render:(t,r)=>ed(t,e,n,void 0,{mapProps:r,elementDefaults:E})}),[e,n,E]),A=Oe(e,n,E),j=De(e,n,E),M=a?.css?.trim(),N=F(o),P=Je(t),I=[P.font,P.headingFont].filter(e=>typeof e==`string`&&e.trim()&&e!==`inherit`&&!Ge[e]),L=[...new Set([...v(e,n),...I])].map(e=>(0,G.jsx)(`link`,{rel:`stylesheet`,precedence:`default`,href:h(e)},e)),R=nd(P),z=nt(t);return r===`auto`?(0,G.jsx)(Xn.Provider,{value:{tenant:s||``,apiUrl:c||`/api`,locale:d||``,settings:p??null,param:g||``},children:(0,G.jsx)(gs,{initialUser:m,children:(0,G.jsx)(Zn.Provider,{value:u??null,children:(0,G.jsx)(tr.Provider,{value:k,children:(0,G.jsxs)(`div`,{...S,className:`webim-page`,style:{...w,...Qe(t),...i},children:[O,(0,G.jsx)(`style`,{children:`.webim-page { ${td(Ze(P.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${td(Ze(P.dark))} } }`}),(0,G.jsx)(`style`,{children:R}),L,(0,G.jsx)(`style`,{children:C}),z&&(0,G.jsx)(`style`,{children:z}),A&&(0,G.jsx)(`style`,{children:A}),j&&(0,G.jsx)(`style`,{children:j}),N&&(0,G.jsx)(`style`,{children:N}),x&&(0,G.jsx)(`style`,{children:x}),M&&(0,G.jsx)(`style`,{children:M}),D]})})})})}):(0,G.jsx)(Xn.Provider,{value:{tenant:s||``,apiUrl:c||`/api`,locale:d||``,settings:p??null,param:g||``},children:(0,G.jsx)(gs,{initialUser:m,children:(0,G.jsx)(Zn.Provider,{value:u??null,children:(0,G.jsx)(tr.Provider,{value:k,children:(0,G.jsxs)(`div`,{...S,className:`webim-page`,style:{...w,...at(t,r),...i},children:[O,L,(0,G.jsx)(`style`,{children:R}),(0,G.jsx)(`style`,{children:C}),z&&(0,G.jsx)(`style`,{children:z}),A&&(0,G.jsx)(`style`,{children:A}),j&&(0,G.jsx)(`style`,{children:j}),N&&(0,G.jsx)(`style`,{children:N}),x&&(0,G.jsx)(`style`,{children:x}),M&&(0,G.jsx)(`style`,{children:M}),D]})})})})})}function id({bundle:e,mode:t=`auto`,style:n}){return e?.blocks?.ROOT?(0,G.jsx)(rd,{blocks:e.blocks,theme:e.theme,components:e.components,custom:e.custom,animations:e.animations,tenant:e.tenant,apiUrl:e.apiUrl,datasets:e.datasets,locale:e.locale,direction:e.direction,settings:e.settings,param:e.param,mode:st(t,e.scheme),style:n}):null}function ad({apiUrl:e,tenant:t,slug:n,locale:r,preview:i,token:a,mode:o=`auto`,style:s,fallback:c=null,errorFallback:u=null,onLoad:d,onError:f}){let[p,m]=(0,l.useState)({status:`loading`}),h=(0,l.useRef)({onLoad:d,onError:f});return h.current={onLoad:d,onError:f},(0,l.useEffect)(()=>{let o=!0;return m({status:`loading`}),ut({apiUrl:e,tenant:t,slug:n,locale:r,preview:i,token:a}).then(e=>{o&&(m({status:`ready`,bundle:e}),h.current.onLoad?.(e))}).catch(e=>{o&&(m({status:`error`,error:e}),h.current.onError?.(e))}),()=>{o=!1}},[e,t,n,r,i,a]),p.status===`loading`?c:p.status===`error`?typeof u==`function`?u(p.error):u:(0,G.jsx)(id,{bundle:p.bundle,mode:o,style:s})}function od(e,t={}){let n=(0,u.createRoot)(e);return n.render((0,G.jsx)(ad,{apiUrl:t.apiUrl||t.api,tenant:t.tenant,slug:t.slug,locale:t.locale||void 0,token:t.token||void 0,mode:t.mode||`auto`,onError:e=>console.error(`[webim-embed]`,t.slug,e)})),n}function sd(e=document){for(let t of e.querySelectorAll(`[data-webim-page]:not([data-webim-mounted])`))t.setAttribute(`data-webim-mounted`,``),od(t,t.dataset)}var cd=document.currentScript,ld=()=>{if(sd(),cd?.dataset.slug){let e=document.createElement(`div`);e.setAttribute(`data-webim-mounted`,``),cd.parentElement&&cd.parentElement!==document.head?cd.insertAdjacentElement(`beforebegin`,e):document.body.appendChild(e),od(e,cd.dataset)}};document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,ld,{once:!0}):ld(),window.WebimEmbed={mount:od,scan:sd}})();
+@media (prefers-color-scheme: dark) { .webim-page { ${td(Ze(P.dark))} } }`}),(0,G.jsx)(`style`,{children:R}),L,(0,G.jsx)(`style`,{children:C}),z&&(0,G.jsx)(`style`,{children:z}),A&&(0,G.jsx)(`style`,{children:A}),j&&(0,G.jsx)(`style`,{children:j}),N&&(0,G.jsx)(`style`,{children:N}),x&&(0,G.jsx)(`style`,{children:x}),M&&(0,G.jsx)(`style`,{children:M}),D]})})})})}):(0,G.jsx)(Xn.Provider,{value:{tenant:s||``,apiUrl:c||`/api`,locale:d||``,settings:p??null,param:g||``},children:(0,G.jsx)(gs,{initialUser:m,children:(0,G.jsx)(Zn.Provider,{value:u??null,children:(0,G.jsx)(tr.Provider,{value:k,children:(0,G.jsxs)(`div`,{...S,className:`webim-page`,style:{...w,...at(t,r),...i},children:[O,L,(0,G.jsx)(`style`,{children:R}),(0,G.jsx)(`style`,{children:C}),z&&(0,G.jsx)(`style`,{children:z}),A&&(0,G.jsx)(`style`,{children:A}),j&&(0,G.jsx)(`style`,{children:j}),N&&(0,G.jsx)(`style`,{children:N}),x&&(0,G.jsx)(`style`,{children:x}),M&&(0,G.jsx)(`style`,{children:M}),D]})})})})})}function id(e){let t=e?.apiUrl,n=e?.tenant,r=e?.slug;(0,l.useEffect)(()=>{if(typeof window>`u`||!r||!t||new URLSearchParams(window.location.search).has(`preview`)||navigator.doNotTrack===`1`||window.doNotTrack===`1`)return;let e=`webim.viewed.${n}.${r}`;try{if(window.sessionStorage.getItem(e))return;window.sessionStorage.setItem(e,`1`)}catch{}let i=`${t}/site/views?tenant=${encodeURIComponent(n??``)}&slug=${encodeURIComponent(r)}`;try{navigator.sendBeacon?.(i)||fetch(i,{method:`POST`,keepalive:!0,mode:`no-cors`}).catch(()=>{})}catch{}},[t,n,r])}function ad({bundle:e,mode:t=`auto`,style:n}){return id(e),e?.blocks?.ROOT?(0,G.jsx)(rd,{blocks:e.blocks,theme:e.theme,components:e.components,custom:e.custom,animations:e.animations,tenant:e.tenant,apiUrl:e.apiUrl,datasets:e.datasets,locale:e.locale,direction:e.direction,settings:e.settings,param:e.param,mode:st(t,e.scheme),style:n}):null}function od({apiUrl:e,tenant:t,slug:n,locale:r,preview:i,token:a,mode:o=`auto`,style:s,fallback:c=null,errorFallback:u=null,onLoad:d,onError:f}){let[p,m]=(0,l.useState)({status:`loading`}),h=(0,l.useRef)({onLoad:d,onError:f});return h.current={onLoad:d,onError:f},(0,l.useEffect)(()=>{let o=!0;return m({status:`loading`}),ut({apiUrl:e,tenant:t,slug:n,locale:r,preview:i,token:a}).then(e=>{o&&(m({status:`ready`,bundle:e}),h.current.onLoad?.(e))}).catch(e=>{o&&(m({status:`error`,error:e}),h.current.onError?.(e))}),()=>{o=!1}},[e,t,n,r,i,a]),p.status===`loading`?c:p.status===`error`?typeof u==`function`?u(p.error):u:(0,G.jsx)(ad,{bundle:p.bundle,mode:o,style:s})}function sd(e,t={}){let n=(0,u.createRoot)(e);return n.render((0,G.jsx)(od,{apiUrl:t.apiUrl||t.api,tenant:t.tenant,slug:t.slug,locale:t.locale||void 0,token:t.token||void 0,mode:t.mode||`auto`,onError:e=>console.error(`[webim-embed]`,t.slug,e)})),n}function cd(e=document){for(let t of e.querySelectorAll(`[data-webim-page]:not([data-webim-mounted])`))t.setAttribute(`data-webim-mounted`,``),sd(t,t.dataset)}var ld=document.currentScript,ud=()=>{if(cd(),ld?.dataset.slug){let e=document.createElement(`div`);e.setAttribute(`data-webim-mounted`,``),ld.parentElement&&ld.parentElement!==document.head?ld.insertAdjacentElement(`beforebegin`,e):document.body.appendChild(e),sd(e,ld.dataset)}};document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,ud,{once:!0}):ud(),window.WebimEmbed={mount:sd,scan:cd}})();

package/build/webim-ssr.js

@@ -15878,8 +15878,31 @@ function id({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function ad({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ g(id, {
+function ad(e) {
+	let t = e?.apiUrl, n = e?.tenant, r = e?.slug;
+	c(() => {
+		if (typeof window > "u" || !r || !t || new URLSearchParams(window.location.search).has("preview") || navigator.doNotTrack === "1" || window.doNotTrack === "1") return;
+		let e = `webim.viewed.${n}.${r}`;
+		try {
+			if (window.sessionStorage.getItem(e)) return;
+			window.sessionStorage.setItem(e, "1");
+		} catch {}
+		let i = `${t}/site/views?tenant=${encodeURIComponent(n ?? "")}&slug=${encodeURIComponent(r)}`;
+		try {
+			navigator.sendBeacon?.(i) || fetch(i, {
+				method: "POST",
+				keepalive: !0,
+				mode: "no-cors"
+			}).catch(() => {});
+		} catch {}
+	}, [
+		t,
+		n,
+		r
+	]);
+}
+function od({ bundle: e, mode: t = "auto", style: n }) {
+	return ad(e), e?.blocks?.ROOT ? /* @__PURE__ */ g(id, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -15898,24 +15921,24 @@ function ad({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var od = async (e) => {
+var sd = async (e) => {
 	let t = await e.json().catch(() => null);
 	if (!e.ok || t?.success === !1) throw Error(t?.error?.message || `Request failed (${e.status})`);
 	return t?.payload ?? t;
 };
-async function sd({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
+async function cd({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
 	if (!e) throw Error("fetchPage: apiUrl is required");
 	if (!n) throw Error("fetchPage: slug is required");
 	let c = s ?? fetch, l = e.replace(/\/$/, ""), u = {
 		...t ? { "x-tenant": t } : {},
 		...a ? { authorization: `Bearer ${a}` } : {}
-	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(od), c(`${l}/settings/public`, { headers: u }).then(od)]), p = mt({
+	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(sd), c(`${l}/settings/public`, { headers: u }).then(sd)]), p = mt({
 		page: d,
 		settings: f,
 		tenant: t,
 		apiUrl: l,
 		locale: r
-	}), m = [...new Set(cd(p.blocks, p.components).map((e) => e?.type?.resolvedName === "CollectionList" ? e.props?.collection : [
+	}), m = [...new Set(ld(p.blocks, p.components).map((e) => e?.type?.resolvedName === "CollectionList" ? e.props?.collection : [
 		"TableBlock",
 		"OrgChartBlock",
 		"NavbarBlock",
@@ -15926,7 +15949,7 @@ async function sd({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 		"LogoCarousel"
 	].includes(e?.type?.resolvedName) ? e.props?.source : null).filter(Boolean))];
 	if (m.length) {
-		let e = (e) => e.startsWith("api:") ? `${l}/data/${encodeURIComponent(e.slice(4))}` : `${l}/dynamic/${encodeURIComponent(e)}?all=1${r ? `&locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(m.map((t) => c(e(t), { headers: u }).then(od).then((e) => {
+		let e = (e) => e.startsWith("api:") ? `${l}/data/${encodeURIComponent(e.slice(4))}` : `${l}/dynamic/${encodeURIComponent(e)}?all=1${r ? `&locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(m.map((t) => c(e(t), { headers: u }).then(sd).then((e) => {
 			let n = Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : [], r = Number(e?.total?.filtered ?? e?.total?.all ?? n.length);
 			return [[t, n], [`${t}:total`, Number.isFinite(r) ? r : n.length]];
 		}).catch(() => [[t, []]])));
@@ -15938,7 +15961,7 @@ async function sd({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 		__page: Math.floor(h)
 	}), p;
 }
-function cd(e, t) {
+function ld(e, t) {
 	let n = [], r = /* @__PURE__ */ new Set(), i = (e) => {
 		Object.values(e ?? {}).forEach((e) => {
 			n.push(e);
@@ -15950,41 +15973,41 @@ function cd(e, t) {
 }
 //#endregion
 //#region src/ssr.jsx
-var ld = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
+var ud = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
 	"&": "&amp;",
 	"<": "&lt;",
 	">": "&gt;",
 	"\"": "&quot;"
 })[e]);
-function ud(t, { mode: n = "auto", style: r } = {}) {
-	return e(/* @__PURE__ */ g(ad, {
+function dd(t, { mode: n = "auto", style: r } = {}) {
+	return e(/* @__PURE__ */ g(od, {
 		bundle: t,
 		mode: n,
 		style: r
 	}));
 }
-function dd(e, { mode: t = "auto", lang: n } = {}) {
+function fd(e, { mode: t = "auto", lang: n } = {}) {
 	let r = e.seo ?? {}, i = n || e.locale || "en", a = b(e.direction, i), o = ht(e) || "Page", s = e.custom?.js?.trim(), c = e.settings?.["site.code"], l = typeof c?.js == "string" ? c.js.trim() : "", u = (e) => `<script>${e.replaceAll("<\/script", "<\\/script")}<\/script>`, d = [
 		"<meta charset=\"utf-8\"/>",
 		"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"/>",
-		`<title>${ld(o)}</title>`,
-		r.description && `<meta name="description" content="${ld(r.description)}"/>`,
-		`<meta property="og:title" content="${ld(o)}"/>`,
-		r.image && `<meta property="og:image" content="${ld(r.image)}"/>`,
+		`<title>${ud(o)}</title>`,
+		r.description && `<meta name="description" content="${ud(r.description)}"/>`,
+		`<meta property="og:title" content="${ud(o)}"/>`,
+		r.image && `<meta property="og:image" content="${ud(r.image)}"/>`,
 		r.noindex && "<meta name=\"robots\" content=\"noindex\"/>",
 		"<style>html,body{margin:0;height:100%}</style>"
 	].filter(Boolean).join("\n");
 	return `<!doctype html>
-<html lang="${ld(i)}"${a ? ` dir="${a}"` : ""}>
+<html lang="${ud(i)}"${a ? ` dir="${a}"` : ""}>
 <head>
 ${d}
 </head>
 <body>
-${ud(e, { mode: t })}
+${dd(e, { mode: t })}
 ${l ? u(l) : ""}
 ${s ? u(s) : ""}
 </body>
 </html>`;
 }
 //#endregion
-export { mt as assembleBundle, ht as documentTitle, sd as fetchPage, ud as renderBundleHtml, dd as renderPageDocument };
+export { mt as assembleBundle, ht as documentTitle, cd as fetchPage, dd as renderBundleHtml, fd as renderPageDocument };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webim-adapter",
-  "version": "2.10.7",
+  "version": "2.10.8",
   "description": "Render Web-IM builder pages inside any React app",
   "author": "Orhan POLAT",
   "license": "ISC",