@commversion/libs 0.18.10 → 0.18.12

package/README.md

@@ -53,6 +53,7 @@ All scripts are available under the `scripts/` directory.
 - lc-whatsapp-widget-only
 - lc-whatsapp-widget-combo
 - lc-channel-widgets
+- lc-privacy-notice
 <!-- scaffold:scripts -->
 
 ## Release new versions

package/dist/lc-privacy-notice.js

@@ -0,0 +1 @@
+(function(){var e=/^(?:https?:|mailto:)/i;function t(t){return e.test(t.trim())}function n(e,t){return!Number.isFinite(t)||t<=0||e.length<=t?{text:e,truncated:!1}:{text:`${e.slice(0,t).trimEnd()}…`,truncated:!0}}var r=`By chatting here, you agree we and authorized partners may process, monitor, and record this chat and your data in line with our`,i=`Privacy Policy`,a=600,o=`102px`,s=`60px`,c=`28px`,l=`36px`,u=500,d=`8px`,f=`cv-privacy-notice-dismissed`,ee=`chat-widget-container`,p=`data-lc-privacy-notice`,m=Symbol.for(`lc-privacy-notice:cleanup`);function h(e,t){for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)}function g(e){return typeof e==`string`?e.trim():``}function _(e){try{return window.sessionStorage.getItem(e)===`1`}catch(e){return!1}}function v(e){try{window.sessionStorage.setItem(e,`1`)}catch(e){}}function y(e,t,n,r){let i=document.createElement(`span`);h(i,{flex:`1`,"min-width":`0`,"overflow-wrap":`anywhere`}),i.appendChild(document.createTextNode(`${e} `));let a=document.createElement(`a`);return a.textContent=t,a.href=n,a.target=`_blank`,a.rel=`noopener noreferrer`,h(a,{color:r,"text-decoration":`underline`,"font-weight":`600`}),i.appendChild(a),i}function b(e){let t=document.createElement(`button`);return t.type=`button`,t.textContent=`✕`,t.setAttribute(`aria-label`,`Dismiss privacy notice`),h(t,{flex:`0 0 auto`,border:`none`,background:`transparent`,color:`#9ca3af`,cursor:`pointer`,"font-size":`14px`,"line-height":`1`,padding:`0`}),t.addEventListener(`click`,e),t}function x(e,{state:x}){var S,C,w,T,E,D,O,k;let A=e.privacyNoticeConfig;if(!(A!=null&&A.enabled))return;let j=g(A.linkUrl);if(!t(j)){j.length>0&&console.warn(`[lc-privacy-notice] linkUrl is not a supported http/https/mailto URL; notice not shown: ${j}`);return}let M=g(A.linkText)||i,N=`${f}:${(S=e.clientId)==null?`default`:S}`,P=A.dismissible!==!1;if(P&&_(N))return;let F=document.getElementById(ee);if(!F)return;let I=document;(C=I[m])==null||C.call(I),(w=F.querySelector(`[${p}]`))==null||w.remove();let L=g(A.message)||r,R=typeof A.maxLength==`number`?A.maxLength:a,{text:te,truncated:z}=n(L,R);z&&console.warn(`[lc-privacy-notice] message exceeded ${R} characters and was truncated.`);let B=(T=A.theme)==null?{}:T,V=typeof window.matchMedia==`function`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches?`none`:`translateY(${d})`,H=e.theme===`modern`?c:l,U=(E=A.bottomOffset)==null?e.theme===`modern`?s:o:E,W=document.createElement(`div`);W.setAttribute(p,``),W.setAttribute(`role`,`note`),W.setAttribute(`aria-label`,`Privacy notice`),W.setAttribute(`aria-live`,`polite`),h(W,{position:`absolute`,left:H,right:H,bottom:U,"z-index":`2147483000`,opacity:`0`,transform:V,"pointer-events":`none`,transition:`opacity 240ms ease, transform 240ms ease`,"box-sizing":`border-box`});let G=document.createElement(`div`);h(G,{display:`flex`,"align-items":`flex-start`,gap:`8px`,background:(D=B.background)==null?`#f7f7f7`:D,color:(O=B.textColor)==null?`#4b5563`:O,"border-radius":e.theme===`modern`?`4px`:`12px`,border:`1px solid rgba(0, 0, 0, 0.08)`,"box-shadow":`0 4px 16px rgba(0, 0, 0, 0.12)`,padding:`12px 14px`,"font-size":`12px`,"line-height":`1.4`,"font-family":`-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`,"max-height":`40vh`,"overflow-y":`auto`}),G.appendChild(y(te,M,j,(k=B.linkColor)==null?`#111827`:k));let K,q=()=>{h(W,{opacity:`1`,transform:`translateY(0)`,"pointer-events":`auto`})},J=()=>{clearTimeout(K),h(W,{opacity:`0`,transform:V,"pointer-events":`none`})},Y=()=>{clearTimeout(K),K=setTimeout(q,u)},X=({visibility:e})=>{e===`maximized`?Y():J()},Z=new MutationObserver(()=>{!W.isConnected&&!_(N)&&F.appendChild(W)}),Q=()=>{clearTimeout(K),Z.disconnect(),window.LiveChatWidget.off(`visibility_changed`,X),W.remove(),I[m]=void 0};P&&G.appendChild(b(()=>{v(N),Q()}));let ne=W.attachShadow({mode:`open`}),$=document.createElement(`style`);$.textContent=`:host { all: initial; }`,ne.append($,G),F.appendChild(W),(x==null?void 0:x.visibility)===`maximized`?Y():J(),window.LiveChatWidget.on(`visibility_changed`,X),Z.observe(F,{childList:!0}),I[m]=Q}var S=e=>t=>{try{x(e,t)}catch(e){console.warn(`[lc-privacy-notice] failed to render the notice.`,e)}};window.commversion=window.commversion||{};var C=window.LiveChatWidget;C&&C.once(`ready`,S(window.commversion))})();

package/global.d.ts

@@ -27,8 +27,41 @@ interface ChannelMessageConfig {
 	readonly buttonMessages?: Readonly<Record<string, string>>;
 }
 
+interface PrivacyNoticeTheme {
+	readonly background?: string;
+	readonly textColor?: string;
+	readonly linkColor?: string;
+	readonly borderRadius?: string;
+}
+
+interface PrivacyNoticeConfig {
+	/** Must be `true` for the notice to render. mastercdn omits/disables this per client. */
+	readonly enabled?: boolean;
+	/**
+	 * Consent copy shown before the link, as plain text. The privacy-policy link
+	 * is appended after it. Omit to fall back to the built-in standard message.
+	 */
+	readonly message?: string;
+	/**
+	 * URL of the client's privacy policy. **Required** — without a safe
+	 * (`http`/`https`/`mailto`) URL the notice renders nothing at all.
+	 */
+	readonly linkUrl?: string;
+	/** Label for the privacy-policy link. Defaults to `"Privacy Policy"`. */
+	readonly linkText?: string;
+	/** Max characters before the message is truncated. Defaults to 600. */
+	readonly maxLength?: number;
+	/** When `false`, the notice has no ✕ and is always shown. Defaults to `true`. */
+	readonly dismissible?: boolean;
+	/** Distance above the widget's bottom edge, e.g. `"102px"`. Sits above the composer. */
+	readonly bottomOffset?: string;
+	readonly theme?: PrivacyNoticeTheme;
+}
+
 interface CommversionConfiguration {
 	readonly clientId: string;
+	/** Shared layout theme (also read by `lc-powered-by`). `"modern"` squares the privacy-notice corners to 4px. */
+	readonly theme?: "modern" | "smooth";
 	readonly attributionUrl?: string;
 	readonly exitIntentDebounceMs?: number;
 	readonly exitIntentMargin?: number;
@@ -39,6 +72,7 @@ interface CommversionConfiguration {
 	readonly whatsappConfig?: ChannelMessageConfig;
 	readonly smsConfig?: ChannelMessageConfig;
 	readonly facebookConfig?: ChannelMessageConfig;
+	readonly privacyNoticeConfig?: PrivacyNoticeConfig;
 }
 
 namespace LiveChat {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@commversion/libs",
-	"version": "0.18.10",
+	"version": "0.18.12",
 	"license": "UNLICENSED",
 	"author": "Commversion",
 	"type": "module",
@@ -28,6 +28,7 @@
 		"build:lc-open-on-button-click": "vite build -c scripts/lc-open-on-button-click/vite.config.js",
 		"build:lc-pause-on-url": "vite build -c scripts/lc-pause-on-url/vite.config.js",
 		"build:lc-powered-by": "vite build -c scripts/lc-powered-by/vite.config.js",
+		"build:lc-privacy-notice": "vite build -c scripts/lc-privacy-notice/vite.config.ts",
 		"build:lc-show-by-selector": "vite build -c scripts/lc-show-by-selector/vite.config.js",
 		"build:lc-show-hide": "vite build -c scripts/lc-show-hide/vite.config.js",
 		"build:lc-utm-params": "vite build -c scripts/lc-utm-params/vite.config.js",
@@ -54,6 +55,7 @@
 		"dev:lc-open-on-button-click": "vite serve scripts/lc-open-on-button-click/src/",
 		"dev:lc-pause-on-url": "vite serve scripts/lc-pause-on-url/src/",
 		"dev:lc-powered-by": "vite serve scripts/lc-powered-by/src/",
+		"dev:lc-privacy-notice": "vite serve scripts/lc-privacy-notice/src/",
 		"dev:lc-show-by-selector": "vite serve scripts/lc-show-by-selector/src/",
 		"dev:lc-show-hide": "vite serve scripts/lc-show-hide/src/",
 		"dev:lc-utm-params": "vite serve scripts/lc-utm-params/src/",