@claspo/renderer 18.0.3 → 18.0.4-rc1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@claspo/renderer",
-  "version": "18.0.3",
+  "version": "18.0.4-rc1",
   "scripts": {
     "dev": " tsc --project tsconfig.json --watch",
     "build": "rm -rf out && tsc --project tsconfig.json && npm run minify",
@@ -15,7 +15,7 @@
     "node": ">=18.16.0"
   },
   "dependencies": {
-    "@claspo/common": "7.0.2",
+    "@claspo/common": "7.0.3-rc1",
     "@testing-library/dom": "^10.4.0"
   },
   "devDependencies": {

package/sdk/merge-tags/UpdatingMergeTagsProcessor.js

@@ -1 +1 @@
-import{ContextEvents}from"../context/ContextEvents";import AbstractMergeTagsProcessor from"./AbstractMergeTagsProcessor";import getMostNestedNode from"@claspo/common/dom/getMostNestedNode";import DataLayerSource from"../source/sources/DataLayerSource";import UrlQueryParamsSource from"../source/sources/UrlQueryParamsSource";import JSApiVariablesSource from"../source/sources/JSApiVariablesSource";export default class UpdatingMergeTagsProcessor extends AbstractMergeTagsProcessor{constructor(e,t){super(e,t),this.contextSubscriptions=[this.context.on(ContextEvents.RECORD_ADDED,this._handleContextEvents.bind(this)),this.context.on(ContextEvents.RECORD_UPDATED,this._handleContextEvents.bind(this)),this.context.on(ContextEvents.RECORD_DELETED,this._handleContextEvents.bind(this))]}destroy(){super.destroy(),this.contextSubscriptions&&this.contextSubscriptions.forEach(e=>e.off())}processSingleMergeTag(e,t){if(!e)return;const s=this.context.getRecord(t.id);e.style.fontFamily="inherit",getMostNestedNode(e).textContent=t.exampleValue,this._setMergeTagValidity(s,t,e)}_setMergeTagValidity(e,t,s){let r=!1;if(e||t.sourceId===DataLayerSource.sourceId||t.sourceId===UrlQueryParamsSource.sourceId||t.sourceId===JSApiVariablesSource.sourceId||(r=!0),t.sourceId===DataLayerSource.sourceId){const e=t.arguments.find(e=>"dataLayerPropPath"===e.name);e&&e.value||(r=!0)}else{(!t.exampleValue||t.arguments&&!t.arguments.find(e=>e.value))&&(r=!0)}const o="tag-error";r?s.classList.add(o):s.classList.remove(o)}_handleContextEvents(e){var t;const s=null===(t=this.mergeTags)||void 0===t?void 0:t[e.key];s&&this.processSingleMergeTag(this.element.querySelector(`[cl-id="${s.id}"]`),s)}}
+import{ContextEvents}from"../context/ContextEvents";import AbstractMergeTagsProcessor from"./AbstractMergeTagsProcessor";import getMostNestedNode from"@claspo/common/dom/getMostNestedNode";import DataLayerSource from"../source/sources/DataLayerSource";import UrlQueryParamsSource from"../source/sources/UrlQueryParamsSource";import JSApiVariablesSource from"../source/sources/JSApiVariablesSource";import CookieSource from"../source/sources/CookieSource";import LocalStorageSource from"../source/sources/LocalStorageSource";export default class UpdatingMergeTagsProcessor extends AbstractMergeTagsProcessor{constructor(e,o){super(e,o),this.contextSubscriptions=[this.context.on(ContextEvents.RECORD_ADDED,this._handleContextEvents.bind(this)),this.context.on(ContextEvents.RECORD_UPDATED,this._handleContextEvents.bind(this)),this.context.on(ContextEvents.RECORD_DELETED,this._handleContextEvents.bind(this))]}destroy(){super.destroy(),this.contextSubscriptions&&this.contextSubscriptions.forEach(e=>e.off())}processSingleMergeTag(e,o){if(!e)return;const t=this.context.getRecord(o.id);e.style.fontFamily="inherit",getMostNestedNode(e).textContent=o.exampleValue,this._setMergeTagValidity(t,o,e)}_setMergeTagValidity(e,o,t){let r=!1;if(e||o.sourceId===DataLayerSource.sourceId||o.sourceId===UrlQueryParamsSource.sourceId||o.sourceId===JSApiVariablesSource.sourceId||o.sourceId===CookieSource.sourceId||o.sourceId===LocalStorageSource.sourceId||(r=!0),o.sourceId===DataLayerSource.sourceId){const e=o.arguments.find(e=>"dataLayerPropPath"===e.name);e&&e.value||(r=!0)}else{(!o.exampleValue||o.arguments&&!o.arguments.find(e=>e.value))&&(r=!0)}const s="tag-error";r?t.classList.add(s):t.classList.remove(s)}_handleContextEvents(e){var o;const t=null===(o=this.mergeTags)||void 0===o?void 0:o[e.key];t&&this.processSingleMergeTag(this.element.querySelector(`[cl-id="${t.id}"]`),t)}}

package/sdk/source/SourceRegistry.js

@@ -1 +1 @@
-import Source from"./Source";import FormSource from"./sources/FormSource";import UrlQueryParamsSource from"./sources/UrlQueryParamsSource";import DataLayerSource from"./sources/DataLayerSource";import JSApiVariablesSource from"./sources/JSApiVariablesSource";export default class SourceRegistry{constructor(r,e){this.registeredSourcesMap={},this.sources=[new Source("FORM",new FormSource(r)),new Source("DATA_LAYER",new DataLayerSource),new Source("URL_QUERY_PARAMS",new UrlQueryParamsSource(e)),new Source("JS_API_VARIABLE",new JSApiVariablesSource(e))]}registerSource(r){if(this.registeredSourcesMap[r.id])throw new Error(`Source with id ${r.id} already registered`);return this.registeredSourcesMap[r.id]=r}getSource(r){return this.registeredSourcesMap[r]}getSources(){return Object.values(this.registeredSourcesMap)}registerInitialSources(){return this.sources.map(r=>this.registerSource(r))}}
+import Source from"./Source";import FormSource from"./sources/FormSource";import UrlQueryParamsSource from"./sources/UrlQueryParamsSource";import DataLayerSource from"./sources/DataLayerSource";import JSApiVariablesSource from"./sources/JSApiVariablesSource";import CookieSource from"./sources/CookieSource";import LocalStorageSource from"./sources/LocalStorageSource";export default class SourceRegistry{constructor(r,e){this.registeredSourcesMap={},this.sources=[new Source("FORM",new FormSource(r)),new Source("DATA_LAYER",new DataLayerSource),new Source("URL_QUERY_PARAMS",new UrlQueryParamsSource(e)),new Source("JS_API_VARIABLE",new JSApiVariablesSource(e)),new Source("COOKIE",new CookieSource),new Source("LOCAL_STORAGE",new LocalStorageSource)]}registerSource(r){if(this.registeredSourcesMap[r.id])throw new Error(`Source with id ${r.id} already registered`);return this.registeredSourcesMap[r.id]=r}getSource(r){return this.registeredSourcesMap[r]}getSources(){return Object.values(this.registeredSourcesMap)}registerInitialSources(){return this.sources.map(r=>this.registerSource(r))}}

package/sdk/source/sources/CookieSource.d.ts

@@ -0,0 +1,22 @@
+import DefaultEventEmitter from '@claspo/common/DefaultEventEmitter';
+import { SourceUpdateDataI } from '../../context/ContextSDK';
+interface CookieModelI {
+    arguments?: {
+        name: string;
+        value: string;
+    }[];
+    fallbackValue?: string;
+    [key: string]: string | {
+        name: string;
+        value: string;
+    }[] | undefined;
+}
+interface CookieProcessorResultI {
+    processor: (ctx: object, model: CookieModelI) => string;
+}
+export default class CookieSource extends DefaultEventEmitter {
+    static sourceId: string;
+    subscribe(cb: (data: SourceUpdateDataI) => void): void;
+    getValue(key?: string): CookieProcessorResultI | Record<string, never>;
+}
+export {};

package/sdk/source/sources/CookieSource.js

@@ -0,0 +1 @@
+import DefaultEventEmitter from"@claspo/common/DefaultEventEmitter";import CachingCookieStorage from"@claspo/common/storage/CachingCookieStorage";class CookieSource extends DefaultEventEmitter{subscribe(e){}getValue(e){return e?{processor:(e,o)=>{var t,r;const a=o.arguments&&o.arguments.find(e=>"cookieName"===e.name);return a&&a.value&&null!==(r=null!==(t=CachingCookieStorage.get(a.value))&&void 0!==t?t:o.fallbackValue)&&void 0!==r?r:""}}:{}}}CookieSource.sourceId="COOKIE";export default CookieSource;

package/sdk/source/sources/LocalStorageSource.d.ts

@@ -0,0 +1,22 @@
+import DefaultEventEmitter from '@claspo/common/DefaultEventEmitter';
+import { SourceUpdateDataI } from '../../context/ContextSDK';
+interface LocalStorageModelI {
+    arguments?: {
+        name: string;
+        value: string;
+    }[];
+    fallbackValue?: string;
+    [key: string]: string | {
+        name: string;
+        value: string;
+    }[] | undefined;
+}
+interface LocalStorageProcessorResultI {
+    processor: (ctx: object, model: LocalStorageModelI) => string;
+}
+export default class LocalStorageSource extends DefaultEventEmitter {
+    static sourceId: string;
+    subscribe(cb: (data: SourceUpdateDataI) => void): void;
+    getValue(key?: string): LocalStorageProcessorResultI | Record<string, never>;
+}
+export {};

package/sdk/source/sources/LocalStorageSource.js

@@ -0,0 +1 @@
+import DefaultEventEmitter from"@claspo/common/DefaultEventEmitter";import CachingLocalStorage from"@claspo/common/storage/CachingLocalStorage";class LocalStorageSource extends DefaultEventEmitter{subscribe(e){}getValue(e){return e?{processor:(e,a)=>{var o,t;const r=a.arguments&&a.arguments.find(e=>"localStorageKey"===e.name);return r&&r.value&&null!==(t=null!==(o=CachingLocalStorage.get(r.value))&&void 0!==o?o:a.fallbackValue)&&void 0!==t?t:""}}:{}}}LocalStorageSource.sourceId="LOCAL_STORAGE";export default LocalStorageSource;