@claspo/renderer 18.0.4-rc0 → 18.0.4-rc2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@claspo/renderer",
-  "version": "18.0.4-rc0",
+  "version": "18.0.4-rc2",
   "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.3-rc0",
+    "@claspo/common": "7.0.3-rc2",
     "@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/sources/CookieSource.js

@@ -1 +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;
+import DefaultEventEmitter from"@claspo/common/DefaultEventEmitter";import CachingCookieStorage from"@claspo/common/storage/CachingCookieStorage";function normalizeStoredValue(e){if(null===e)return e;try{const o=JSON.parse(e);if(Array.isArray(o))return o.join(", ")}catch(e){}return e}class CookieSource extends DefaultEventEmitter{subscribe(e){}getValue(e){return e?{processor:(e,o)=>{var r,t;const a=o.arguments&&o.arguments.find(e=>"cookieName"===e.name);return a&&a.value&&null!==(t=null!==(r=normalizeStoredValue(CachingCookieStorage.get(a.value)))&&void 0!==r?r:o.fallbackValue)&&void 0!==t?t:""}}:{}}}CookieSource.sourceId="COOKIE";export default CookieSource;

package/sdk/source/sources/LocalStorageSource.js

@@ -1 +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;
+import DefaultEventEmitter from"@claspo/common/DefaultEventEmitter";import CachingLocalStorage from"@claspo/common/storage/CachingLocalStorage";function normalizeStoredValue(e){if(null===e)return e;try{const r=JSON.parse(e);if(Array.isArray(r))return r.join(", ")}catch(e){}return e}class LocalStorageSource extends DefaultEventEmitter{subscribe(e){}getValue(e){return e?{processor:(e,r)=>{var a,o;const t=r.arguments&&r.arguments.find(e=>"localStorageKey"===e.name);return t&&t.value&&null!==(o=null!==(a=normalizeStoredValue(CachingLocalStorage.get(t.value)))&&void 0!==a?a:r.fallbackValue)&&void 0!==o?o:""}}:{}}}LocalStorageSource.sourceId="LOCAL_STORAGE";export default LocalStorageSource;