@claspo/renderer 18.0.4-rc0 → 18.0.4-rc1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@claspo/renderer",
-  "version": "18.0.4-rc0",
+  "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.3-rc0",
+    "@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)}}