@epigraph/epigraph-std-lib 4.5.3-alpha → 4.5.4-alpha

package/dist/EpigraphLibs/EpigraphAnalytics/analytics-event-interface.d.ts

@@ -2,7 +2,9 @@ export interface IAnalyticsEvent {
     eventName: string;
     interactiveEvent: boolean;
     customParameters: Record<string, unknown>;
-    getParameters(): Record<string, unknown>;
+    getGa4Parameters(solution: string, experienceId: string, sendTo: string): Record<string, unknown>;
+    getGTMParameters(solution: string, experienceId: string, sendTo: string): Record<string, unknown>;
+    getNexusParameters(): Record<string, unknown>;
 }
 export interface IAnalyticsParameterItem {
     item_id: string;

package/dist/EpigraphLibs/EpigraphAnalytics/epigraphAnalytics.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var u=(i=>(i.UNAVAILABLE="unavailable",i.AVAILABLE="available",i.RESTRICTED="restricted",i))(u||{});const g=Symbol("data"),d=Symbol("next"),w=class m{constructor(e){this[g]=e,this[d]=null}get data(){return this[g]}set next(e){if(!(e instanceof m)&&e!==null)throw new Error("This node is not an instance of the custom class 'Node'.");this[d]=e}get next(){return this[d]}};let _=w;const p=Symbol("head");class P{constructor(){this[p]=null}set head(e){this[p]=e}get head(){return this[p]}addToTail(e){let t=this.head;if(t){for(;t.next!==null;)t=t?.next;return t.next=new _(e)}return this.head=new _(e)}removeHead(){const e=this.head;if(e)return this.head=e.next,e.data}}const v=Symbol("queue"),h=Symbol("size");class E{constructor(){this[v]=new P,this[h]=0}get queue(){return this[v]}get size(){return this[h]}enqueue(e){this.queue.addToTail(e),this[h]++}dequeue(){const e=this.queue.removeHead();return this[h]--,e}}class N{constructor({trackingID:e,experienceID:t,solution:n,verboseLogging:s=!1}){this.dataLayerName="dataLayer",this.__status=u.UNAVAILABLE,this.__sentEventCount=0,this.__initializationAttempts=0,this.__lastInitializationAttempt=0,this.__maxInitializationAttempts=10,this.__initializationRetryDelay=2e3,this.__isInitialized=!1,this.__initializationMethod="NONE",this.__nexusFailureReported=!1,this.name=this.pluginName="GA4-PLUGIN",this.trackingID=e,this.experienceID=t,this.solution=n,this.verboseLogging=s,this.__queue=new E,this.initializePlugin()}getStatus(){return this.__status}setStatus(e){this.__status=e}getPendingEventCount(){return this.__queue.size}getSentEventCount(){return this.__sentEventCount}getTotalEventCount(){return this.getPendingEventCount()+this.getSentEventCount()}getUniquePluginIdentifier(){return`${this.name}-${this.trackingID}`}setupPlugin(){this.__isInitialized&&this.dataLayer!==void 0&&this.dequeueAndSendEvents()}async sendEvent(e,t){if(this.__queue.enqueue(e),!t){this.__status=u.RESTRICTED;return}if(!this.__isInitialized){this.logger("Cannot send analytics event: dataLayer not defined or plugin not initialized.");return}try{await this.dequeueAndSendEvents()}catch(n){this.logger(n),await this.reportFailureToNexus("EVENT_SEND_ERROR",n?.toString()||"Unknown error")}}async initializePlugin(){if(this.__isInitialized)return;const e=Date.now();if(this.__initializationAttempts>=this.__maxInitializationAttempts){this.__nexusFailureReported||(await this.reportFailureToNexus("MAX_INITIALIZATION_ATTEMPTS","Maximum initialization attempts reached"),this.__nexusFailureReported=!0);return}if(e-this.__lastInitializationAttempt<this.__initializationRetryDelay)return;this.__lastInitializationAttempt=e,this.__initializationAttempts++;const t=await this.detectAndSetupAnalytics();t.success?(this.__isInitialized=!0,this.__status=u.AVAILABLE,this.__initializationMethod=t.method,this.dataLayerName=t.dataLayerName,this.dataLayer=window[this.dataLayerName],this.logger(`Successfully initialized ${t.method} with dataLayer: ${this.dataLayerName}`),this.__queue.size>0&&await this.dequeueAndSendEvents()):(this.logger(`Initialization attempt ${this.__initializationAttempts} failed: ${t.error}`),this.__initializationAttempts<this.__maxInitializationAttempts&&setTimeout(()=>this.initializePlugin(),this.__initializationRetryDelay))}async detectAndSetupAnalytics(){const e=this.detectGTM();if(e)return this.logger(`GTM detected with container ID: ${e.containerId}`),{success:!0,method:"GTM",dataLayerName:e.dataLayerName};if(window.dataLayer)return this.logger("Existing dataLayer found"),{success:!0,method:"GA4",dataLayerName:"dataLayer"};const t=this.findGA4ScriptInfo(this.trackingID);if(t){const n=t.l||"dataLayer";if(this.logger(`GA4 script found, setting up with dataLayer: ${n}`),this.setupGA4(n))return{success:!0,method:"GA4",dataLayerName:n}}return this.setupGA4("dataLayer")?{success:!0,method:"GA4",dataLayerName:"dataLayer"}:{success:!1,method:"NONE",dataLayerName:"dataLayer",error:"No analytics setup found and unable to create one"}}detectGTM(){const e=document.querySelectorAll('script[src*="googletagmanager.com/gtm"]');for(const t of Array.from(e)){const n=t.getAttribute("src");if(n){const s=n.match(/gtm\.js\?id=([^&]+)/);if(s){const r=n.match(/&l=([^&]+)/),o=r?r[1]:"dataLayer";return{containerId:s[1],dataLayerName:o}}}}return null}setupGA4(e){try{return window[e]||(window[e]=[]),window.epgDataLayerName=e,typeof window.gtag!="function"&&(window.gtag=function(){const t=window.epgDataLayerName;t&&window[t]&&Array.isArray(window[t])&&window[t].push(arguments)},window.gtag("js",new Date),window.gtag("config",this.trackingID,{send_page_view:!1})),!0}catch(t){return this.logger(`Error setting up GA4: ${t}`),!1}}async dequeueAndSendEvents(){if(!this.__isInitialized||!this.dataLayer)return;let e=this.__queue.size;for(let t=0;t<e;t++){const n=this.__queue.dequeue();let s=n.getParameters();if(s.solution=this.solution,s.experience_id=this.experienceID,n.customParameters&&Object.assign(s,n.customParameters),JSON.stringify(s).length>459)try{s={epg_event_tag:await this.sendGA4LongParameters(s)}}catch{}try{this.__initializationMethod==="GTM"?this.sendToGTM(n.eventName,s):this.__initializationMethod==="GA4"&&window.gtag("event",n.eventName,s),this.__sentEventCount++,this.logger(`Analytics event successfully sent via ${this.__initializationMethod}: ${n.eventName}`)}catch(o){this.logger(`Error sending event ${n.eventName}: ${o}`),this.__queue.enqueue(n)}}}logger(e){this.verboseLogging&&console.warn(e)}async sendGA4LongParameters(e){const t="https://api.myepigraph.com/api/analytics/ga4/custom",n={parameters:e};try{const s=await fetch(t,{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(n)});return s.ok?(await s.json())?.id??"":""}catch{return""}}sendToGTM(e,t){this.dataLayer&&this.dataLayer.push({event:e,...t})}async reportFailureToNexus(e,t){try{const n={plugin:"GA4",trackingId:this.trackingID,solution:this.solution,experienceId:this.experienceID,failureType:e,errorMessage:t,timestamp:new Date().toISOString(),url:window.location.href,userAgent:navigator.userAgent};this.logger(`Failure reported to Nexus: ${JSON.stringify(n)}`)}catch(n){this.logger(`Error reporting failure to Nexus: ${n}`)}}findGA4ScriptInfo(e){const t=document.querySelectorAll("script[src]");for(const n of t){const s=n.getAttribute("src");if(s&&s.includes(e)){const r=new URL(s,location.href),o=Object.fromEntries(r.searchParams.entries());return{fullSrc:r.href,id:o.id||void 0,l:o.l||void 0}}}return null}}class C{constructor({trackingID:e,experienceID:t,solution:n,sessionId:s,xPath:r,verboseLogging:o=!1,sendToStaging:A=!1}){this.__status=u.UNAVAILABLE,this.__sentEventCount=0,this.sessionId=s,this.xPath=r,this.name=this.pluginName="NEXUS-PLUGIN",this.trackingID=e,this.experienceID=t,this.solution=n,this.verboseLogging=o,this.__queue=new E,this.url=A?"https://nexus.epigraph.dev/api/analytics/event":"https://api.myepigraph.com/api/analytics/event",this.__status=u.AVAILABLE}getStatus(){return this.__status}setStatus(e){this.__status=e}getPendingEventCount(){return this.__queue.size}getSentEventCount(){return this.__sentEventCount}getTotalEventCount(){return this.getPendingEventCount()+this.getSentEventCount()}getUniquePluginIdentifier(){return this.name+"-"+this.trackingID}setupPlugin(){}async sendEvent(e,t){if(this.__queue.enqueue(e),!t){this.__status=u.RESTRICTED;return}await this.dequeueAndSendEvents()}async dequeueAndSendEvents(){for(let e=0;e<this.__queue.size;e++){const t=this.__queue.dequeue();t.customParameters.solution=this.solution;const n={trackingID:this.trackingID,experience_id:this.experienceID,action:t.eventName,parameters:t.getParameters()};try{return(await fetch(this.url,{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json","EPG-SESSION-ID":this.sessionId,"EPG-XPATH":this.xPath,Origin:typeof window<"u"?window.location.origin:""},body:JSON.stringify(n)})).status===200,""}catch{return""}this.__sentEventCount++}return""}}class f{constructor(e){this.consentSet=!1,this.consent=!1,this.pluginName="OneTrustConsentPlugin",this.consentIdentifier=e,this.consent=!1,this.addConsentChangedListener()}hasConsent(){if(this.consentSet)return this.consent;if(window.OnetrustActiveGroups!==void 0){let e=window.OnetrustActiveGroups;e!==void 0&&e.split(",").forEach(n=>{n===this.consentIdentifier&&(this.consent=!0,this.consentSet=!0)})}return this.consent}addConsentChangedListener(){window.addEventListener("load",()=>{this.hasConsent(),window.OneTrust!==void 0&&typeof window.OneTrust=="object"&&window.OneTrust.OnConsentChanged(()=>{this.consentSet=!1,this.hasConsent()})})}}var l=(i=>(i.OneTrust="onetrust",i))(l||{});class a{constructor({eventName:e,interactiveEvent:t,customParameters:n}){this.eventName=e,this.interactiveEvent=t,this.customParameters=n}getParameters(){let e={interactive_event:this.interactiveEvent};return e=Object.assign(e,JSON.parse(JSON.stringify(this.customParameters))),e}}class I extends a{constructor(e=[]){super({eventName:"epigraph_ar_requested",interactiveEvent:!0,customParameters:{items:e}})}}class L extends a{constructor(e){super({eventName:"epigraph_module_loading",interactiveEvent:!1,customParameters:{is_pre_config:e}})}}class S extends a{constructor(e,t){super({eventName:"epigraph_module_ready",interactiveEvent:!1,customParameters:{is_pre_config:e,load_time_ms:t}})}}class x extends a{constructor(e,t,n){super({eventName:"epigraph_module_failed",interactiveEvent:!1,customParameters:{is_pre_config:e,load_time_ms:t,error_type:n}})}}class T extends a{constructor(e=[]){super({eventName:"epigraph_module_closed",interactiveEvent:!0,customParameters:{items:e}})}}class q extends a{constructor(e,t={}){super({eventName:"epigraph_support_detected",interactiveEvent:!1,customParameters:{support_type:e,device_capabilities:t}})}}class z extends a{constructor(e,t){super({eventName:"epigraph_button_click",interactiveEvent:!0,customParameters:{button_type:e,button_name:t}})}}class R extends a{constructor(e=[],t,n,s){super({eventName:"epigraph_panel_opened",interactiveEvent:t,customParameters:{items:e,panel_type:n,trigger_source:s}})}}class D extends a{constructor(e=[],t,n,s){super({eventName:"epigraph_panel_closed",interactiveEvent:t,customParameters:{items:e,panel_type:n,trigger_source:s}})}}class O extends a{constructor(e=[]){super({eventName:"epigraph_add_to_favourites",interactiveEvent:!0,customParameters:{items:e}})}}class b extends a{constructor(e){super({eventName:"epigraph_keyboard_interaction",interactiveEvent:!0,customParameters:{action_performed:e}})}}class G extends a{constructor(e){super({eventName:"epigraph_touch_interaction",interactiveEvent:!0,customParameters:{interaction_type:e}})}}class M extends a{constructor(e=[],t,n,s,r){super({eventName:"epigraph_item_added",interactiveEvent:t,customParameters:{items:e,value:n,currency:s,quantity:r}})}}class $ extends a{constructor(e=[]){super({eventName:"epigraph_item_moved",interactiveEvent:!0,customParameters:{items:e}})}}class k extends a{constructor(e=[],t,n,s){super({eventName:"epigraph_item_removed",interactiveEvent:!0,customParameters:{items:e,value:t,currency:n,quantity:s}})}}class F extends a{constructor(e=[],t){super({eventName:"epigraph_variant_changed",interactiveEvent:!0,customParameters:{items:e,change_type:t}})}}class j extends a{constructor(e=[],t,n){super({eventName:"epigraph_content_shared",interactiveEvent:!0,customParameters:{items:e,content_type:t,share_destination:n}})}}class U extends a{constructor(e=[],t,n){super({eventName:"epigraph_checkout",interactiveEvent:!0,customParameters:{items:e,value:t,currency:n}})}}class B extends a{constructor(e=[],t,n){super({eventName:"epigraph_conversion",interactiveEvent:!0,customParameters:{items:e,value:t,currency:n}})}}class V extends a{constructor(e){super({eventName:"epigraph_changeRate",interactiveEvent:!1,customParameters:{value:e}})}}class J extends a{constructor(e){super({eventName:"epigraph_completionRate",interactiveEvent:!1,customParameters:{value:e}})}}class H extends a{constructor(e){super({eventName:"epigraph_engagementRate",interactiveEvent:!1,customParameters:{value:e}})}}class X extends a{constructor(e,t,n){super({eventName:e,interactiveEvent:t,customParameters:n})}}/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var o=(s=>(s.UNAVAILABLE="unavailable",s.AVAILABLE="available",s.RESTRICTED="restricted",s))(o||{});const g=Symbol("data"),l=Symbol("next"),A=class m{constructor(e){this[g]=e,this[l]=null}get data(){return this[g]}set next(e){if(!(e instanceof m)&&e!==null)throw new Error("This node is not an instance of the custom class 'Node'.");this[l]=e}get next(){return this[l]}};let v=A;const d=Symbol("head");class N{constructor(){this[d]=null}set head(e){this[d]=e}get head(){return this[d]}addToTail(e){let t=this.head;if(t){for(;t.next!==null;)t=t?.next;return t.next=new v(e)}return this.head=new v(e)}removeHead(){const e=this.head;if(e)return this.head=e.next,e.data}}const _=Symbol("queue"),h=Symbol("size");class E{constructor(){this[_]=new N,this[h]=0}get queue(){return this[_]}get size(){return this[h]}enqueue(e){this.queue.addToTail(e),this[h]++}dequeue(){const e=this.queue.removeHead();return this[h]--,e}}class C{constructor({trackingID:e,experienceID:t,solution:n,verboseLogging:i=!1}){this.__status=o.UNAVAILABLE,this.__sentEventCount=0,this.__initializationAttempts=0,this.__lastInitializationAttempt=performance.now(),this.__maxInitializationAttempts=10,this.__initializationRetryDelay=2e3,this.__isInitialized=!1,this.__initializationMethod="NONE",this.__nexusFailureReported=!1,this.name=this.pluginName="GA4-PLUGIN",this.trackingID=e,this.experienceID=t,this.solution=n,this.verboseLogging=i,this.__queue=new E,this.initializePlugin()}getStatus(){return this.__status}setStatus(e){this.__status=e}getPendingEventCount(){return this.__queue.size}getSentEventCount(){return this.__sentEventCount}getTotalEventCount(){return this.getPendingEventCount()+this.getSentEventCount()}getUniquePluginIdentifier(){return`${this.name}-${this.trackingID}`}setupPlugin(){this.__isInitialized&&this.dataLayer!==void 0&&this.dequeueAndSendEvents()}async sendEvent(e,t){if(this.__queue.enqueue(e),!t){this.__status=o.RESTRICTED;return}if(!this.__isInitialized){this.logger("Cannot send analytics event: dataLayer not defined or plugin not initialized.");return}try{await this.dequeueAndSendEvents()}catch(n){this.logger(n),await this.reportFailureToNexus("EVENT_SEND_ERROR",n?.toString()||"Unknown error")}}initializePlugin(){if(this.__isInitialized)return;if(this.__initializationAttempts>=this.__maxInitializationAttempts){this.__nexusFailureReported||(this.reportFailureToNexus("MAX_INITIALIZATION_ATTEMPTS","Maximum initialization attempts reached"),this.__nexusFailureReported=!0);return}const e=performance.now();if(this.__initializationAttempts>0&&e-this.__lastInitializationAttempt<this.__initializationRetryDelay)return;this.__lastInitializationAttempt=e,this.__initializationAttempts++;const t=this.detectAndSetupAnalytics();t.success?(this.__isInitialized=!0,this.__status=o.AVAILABLE,this.__initializationMethod=t.method,this.dataLayerName=t.dataLayerName,this.dataLayer=window[this.dataLayerName],this.logger(`Successfully initialized ${t.method} with dataLayer: ${this.dataLayerName}`),this.__queue.size>0&&this.dequeueAndSendEvents()):(this.logger(`Initialization attempt ${this.__initializationAttempts} failed: ${t.error}`),this.__initializationAttempts<this.__maxInitializationAttempts&&setTimeout(()=>{this.initializePlugin()},this.__initializationRetryDelay))}detectAndSetupAnalytics(){const e=this.detectGTM();if(e)return this.logger(`GTM detected with container ID: ${e.containerId}`),{success:!0,method:"GTM",dataLayerName:e.dataLayerName};const t=this.findGA4Info(this.trackingID);if(t){const n=t.l||"dataLayer";return this.logger(`GA4 script found, setting up with dataLayer: ${n}`),{success:!0,method:"GA4",dataLayerName:n}}return{success:!1,method:"NONE",dataLayerName:"dataLayer",error:"No analytics setup found and unable to create one"}}detectGTM(){const e=document.querySelectorAll('script[src*="googletagmanager.com/gtm"]');for(const t of Array.from(e)){const n=t.getAttribute("src");if(n){const i=n.match(/gtm\.js\?id=([^&]+)/);if(i&&i.length>0){const r=n.match(/&l=([^&]+)/),u=r?r[1]:"dataLayer";return{containerId:i[1],dataLayerName:u}}}}return null}async dequeueAndSendEvents(){if(!this.__isInitialized||!this.dataLayer)return;let e=this.__queue.size;for(let t=0;t<e;t++){const n=this.__queue.dequeue();try{this.__initializationMethod==="GTM"?(this.sendGTMEvent(n),this.__sentEventCount++,this.logger(`Analytics event successfully sent via ${this.__initializationMethod}: ${n.eventName}`)):this.__initializationMethod==="GA4"?(this.sendGA4Event(n),this.__sentEventCount++,this.logger(`Analytics event successfully sent via ${this.__initializationMethod}: ${n.eventName}`)):this.__queue.enqueue(n)}catch(i){this.logger(`Error sending event ${n.eventName}: ${i}`),this.__queue.enqueue(n)}}}async sendGTMEvent(e){let t=e.getGTMParameters(this.solution,this.experienceID,this.trackingID);this.isValidPayload(t)||(t=await this.convertGTMParametersToEpgEventTag(e.eventName,t)),this.dataLayer&&this.dataLayer.push(t)}async sendGA4Event(e){let t=e.getGa4Parameters(this.solution,this.experienceID,this.trackingID);this.isValidPayload(t)||(t=await this.convertGA4ParametersToEpgEventTag(t)),window.gtag("event",e.eventName,t)}isValidPayload(e){if(Object.keys(e).length>=25)return!1;for(const[i,r]of Object.entries(e))if(i!=="items"&&(i.length>40||String(r).length>100))return!1;return!0}async convertGTMParametersToEpgEventTag(e,t){try{let n=await this.sendGA4LongParameters(t);return{event:e,epg_event_tag:n,send_to:this.trackingID}}catch{return t}}async convertGA4ParametersToEpgEventTag(e){try{return{epg_event_tag:await this.sendGA4LongParameters(e),send_to:this.trackingID}}catch{return e}}logger(e){this.verboseLogging&&console.warn(e)}async sendGA4LongParameters(e){const t="https://api.myepigraph.com/api/analytics/ga4/custom",n={parameters:e};try{const i=await fetch(t,{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(n)});return i.ok?(await i.json())?.id??"":""}catch{return""}}async reportFailureToNexus(e,t){try{const n={plugin:"GA4",trackingId:this.trackingID,solution:this.solution,experienceId:this.experienceID,failureType:e,errorMessage:t,timestamp:new Date().toISOString(),url:window.location.href,userAgent:navigator.userAgent};this.logger(`Failure reported to Nexus: ${JSON.stringify(n)}`)}catch(n){this.logger(`Error reporting failure to Nexus: ${n}`)}}findGA4Info(e){if(window.google_tag_manager&&window.google_tag_manager[e]){const n=window.google_tag_manager[e];if(n&&n.dataLayerName)return{fullSrc:"",id:e,l:n.dataLayerName}}const t=document.querySelectorAll("script[src]");for(const n of t){const i=n.getAttribute("src");if(i&&i.includes(e)){const r=new URL(i,location.href),u=Object.fromEntries(r.searchParams.entries());return{fullSrc:r.href,id:u.id||void 0,l:u.l||void 0}}}return null}}class I{constructor({trackingID:e,experienceID:t,solution:n,sessionId:i,xPath:r,verboseLogging:u=!1,sendToStaging:P=!1}){this.__status=o.UNAVAILABLE,this.__sentEventCount=0,this.sessionId=i,this.xPath=r,this.name=this.pluginName="NEXUS-PLUGIN",this.trackingID=e,this.experienceID=t,this.solution=n,this.verboseLogging=u,this.__queue=new E,this.url=P?"https://nexus.epigraph.dev/api/analytics/event":"https://api.myepigraph.com/api/analytics/event",this.__status=o.AVAILABLE}getStatus(){return this.__status}setStatus(e){this.__status=e}getPendingEventCount(){return this.__queue.size}getSentEventCount(){return this.__sentEventCount}getTotalEventCount(){return this.getPendingEventCount()+this.getSentEventCount()}getUniquePluginIdentifier(){return this.name+"-"+this.trackingID}setupPlugin(){}async sendEvent(e,t){if(this.__queue.enqueue(e),!t){this.__status=o.RESTRICTED;return}await this.dequeueAndSendEvents()}async dequeueAndSendEvents(){for(let e=0;e<this.__queue.size;e++){const t=this.__queue.dequeue();t.customParameters.solution=this.solution;const n={trackingID:this.trackingID,experience_id:this.experienceID,action:t.eventName,parameters:t.getNexusParameters()};try{return(await fetch(this.url,{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json","EPG-SESSION-ID":this.sessionId,"EPG-XPATH":this.xPath,Origin:typeof window<"u"?window.location.origin:""},body:JSON.stringify(n)})).status===200,""}catch{return""}this.__sentEventCount++}return""}}class f{constructor(e){this.consentSet=!1,this.consent=!1,this.pluginName="OneTrustConsentPlugin",this.consentIdentifier=e,this.consent=!1,this.addConsentChangedListener()}hasConsent(){if(this.consentSet)return this.consent;if(window.OnetrustActiveGroups!==void 0){let e=window.OnetrustActiveGroups;e!==void 0&&e.split(",").forEach(n=>{n===this.consentIdentifier&&(this.consent=!0,this.consentSet=!0)})}return this.consent}addConsentChangedListener(){window.addEventListener("load",()=>{this.hasConsent(),window.OneTrust!==void 0&&typeof window.OneTrust=="object"&&window.OneTrust.OnConsentChanged(()=>{this.consentSet=!1,this.hasConsent()})})}}var p=(s=>(s.OneTrust="onetrust",s))(p||{});class a{constructor({eventName:e,interactiveEvent:t,customParameters:n}){this.eventName=e,this.interactiveEvent=t,this.customParameters=n}getGa4Parameters(e,t,n){let i={solution:e,experience_id:t,interactive_event:this.interactiveEvent,sendTo:n};return i=Object.assign(i,JSON.parse(JSON.stringify(this.customParameters))),i}getGTMParameters(e,t,n){let i={solution:e,experience_id:t,event:this.eventName,interactive_event:this.interactiveEvent,items:[],sendTo:n};return i=Object.assign(i,JSON.parse(JSON.stringify(this.customParameters))),i}getNexusParameters(){let e={interactive_event:this.interactiveEvent};return e=Object.assign(e,JSON.parse(JSON.stringify(this.customParameters))),e}}class S extends a{constructor(e=[]){super({eventName:"epigraph_ar_requested",interactiveEvent:!0,customParameters:{items:e}})}}class w extends a{constructor(e){super({eventName:"epigraph_module_loading",interactiveEvent:!1,customParameters:{is_pre_config:e}})}}class T extends a{constructor(e,t){super({eventName:"epigraph_module_ready",interactiveEvent:!1,customParameters:{is_pre_config:e,load_time_ms:t}})}}class x extends a{constructor(e,t,n){super({eventName:"epigraph_module_failed",interactiveEvent:!1,customParameters:{is_pre_config:e,load_time_ms:t,error_type:n}})}}class L extends a{constructor(e=[]){super({eventName:"epigraph_module_closed",interactiveEvent:!0,customParameters:{items:e}})}}class q extends a{constructor(e,t={}){super({eventName:"epigraph_support_detected",interactiveEvent:!1,customParameters:{support_type:e,device_capabilities:t}})}}class z extends a{constructor(e,t){super({eventName:"epigraph_button_click",interactiveEvent:!0,customParameters:{button_type:e,button_name:t}})}}class O extends a{constructor(e=[],t,n,i){super({eventName:"epigraph_panel_opened",interactiveEvent:t,customParameters:{items:e,panel_type:n,trigger_source:i}})}}class G extends a{constructor(e=[],t,n,i){super({eventName:"epigraph_panel_closed",interactiveEvent:t,customParameters:{items:e,panel_type:n,trigger_source:i}})}}class M extends a{constructor(e=[]){super({eventName:"epigraph_add_to_favourites",interactiveEvent:!0,customParameters:{items:e}})}}class b extends a{constructor(e){super({eventName:"epigraph_keyboard_interaction",interactiveEvent:!0,customParameters:{action_performed:e}})}}class R extends a{constructor(e){super({eventName:"epigraph_touch_interaction",interactiveEvent:!0,customParameters:{interaction_type:e}})}}class D extends a{constructor(e=[],t,n,i,r){super({eventName:"epigraph_item_added",interactiveEvent:t,customParameters:{items:e,value:n,currency:i,quantity:r}})}}class k extends a{constructor(e=[]){super({eventName:"epigraph_item_moved",interactiveEvent:!0,customParameters:{items:e}})}}class $ extends a{constructor(e=[],t,n,i){super({eventName:"epigraph_item_removed",interactiveEvent:!0,customParameters:{items:e,value:t,currency:n,quantity:i}})}}class j extends a{constructor(e=[],t){super({eventName:"epigraph_variant_changed",interactiveEvent:!0,customParameters:{items:e,change_type:t}})}}class F extends a{constructor(e=[],t,n){super({eventName:"epigraph_content_shared",interactiveEvent:!0,customParameters:{items:e,content_type:t,share_destination:n}})}}class V extends a{constructor(e=[],t,n){super({eventName:"epigraph_checkout",interactiveEvent:!0,customParameters:{items:e,value:t,currency:n}})}}class U extends a{constructor(e=[],t,n){super({eventName:"epigraph_conversion",interactiveEvent:!0,customParameters:{items:e,value:t,currency:n}})}}class B extends a{constructor(e){super({eventName:"epigraph_changeRate",interactiveEvent:!1,customParameters:{value:e}})}}class J extends a{constructor(e){super({eventName:"epigraph_completionRate",interactiveEvent:!1,customParameters:{value:e}})}}class K extends a{constructor(e){super({eventName:"epigraph_engagementRate",interactiveEvent:!1,customParameters:{value:e}})}}class H extends a{constructor(e,t,n){super({eventName:e,interactiveEvent:t,customParameters:n})}}/**
  * @license
  * Copyright (c) 2023 Epigraph LLC. All Rights Reserved.
  *
@@ -13,4 +13,4 @@
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */var y;const c=Symbol("analyticsPluginsMap");y=c;class K{constructor(e,t){this[y]=new Map,this.__consentPlugin=null,e&&t&&(this.__consentPlugin=this.buildConsentPlugin(e,t)),window.addEventListener("epigraphAnalyticsConsentChange",this.__onConsentChangeFromEvent)}__onConsentChangeFromEvent(e){let t=e;this.__overrideConsent=t.detail.hasConsent;for(const n of this[c].values())this.__hasConsent()||n.setStatus(u.RESTRICTED)}addEventPlugin(e){this[c].has(e.getUniquePluginIdentifier())||(this[c].set(e.getUniquePluginIdentifier(),e),e.setupPlugin())}__hasConsent(){let e=!0;return this.__overrideConsent!==void 0?(e=this.__overrideConsent,e):(this.__consentPlugin&&(e=this.__consentPlugin.hasConsent()),e)}sendEvent(e){this[c].forEach(t=>{t.sendEvent(e,this.__hasConsent())})}buildConsentPlugin(e,t){return e.toLowerCase()===l.OneTrust.toLowerCase()?new f(t):null}}exports.ConsentPluginNames=l;exports.EpigraphAddToFavouritesEvent=O;exports.EpigraphAnalytics=K;exports.EpigraphArRequestedEvent=I;exports.EpigraphButtonClickEvent=z;exports.EpigraphChangeRateEvent=V;exports.EpigraphCheckoutEvent=U;exports.EpigraphCompletionRateEvent=J;exports.EpigraphContentSharedEvent=j;exports.EpigraphConversionEvent=B;exports.EpigraphCustomEvent=X;exports.EpigraphEngagementRateEvent=H;exports.EpigraphItemAddedEvent=M;exports.EpigraphItemMovedEvent=$;exports.EpigraphItemRemovedEvent=k;exports.EpigraphKeyboardInteractionEvent=b;exports.EpigraphModuleClosedEvent=T;exports.EpigraphModuleFailedEvent=x;exports.EpigraphModuleLoadingEvent=L;exports.EpigraphModuleReadyEvent=S;exports.EpigraphPanelClosedEvent=D;exports.EpigraphPanelOpenedEvent=R;exports.EpigraphSupportDetectedEvent=q;exports.EpigraphTouchInteractionEvent=G;exports.EpigraphVariantChangedEvent=F;exports.GA4AnalyticsPlugin=N;exports.NexusAnalyticsPlugin=C;exports.OneTrustConsentPlugin=f;
+ */var y;const c=Symbol("analyticsPluginsMap");y=c;class X{constructor(e,t){this[y]=new Map,this.__consentPlugin=null,e&&t&&(this.__consentPlugin=this.buildConsentPlugin(e,t)),window.addEventListener("epigraphAnalyticsConsentChange",this.__onConsentChangeFromEvent)}__onConsentChangeFromEvent(e){let t=e;this.__overrideConsent=t.detail.hasConsent;for(const n of this[c].values())this.__hasConsent()||n.setStatus(o.RESTRICTED)}addEventPlugin(e){this[c].has(e.getUniquePluginIdentifier())||(this[c].set(e.getUniquePluginIdentifier(),e),e.setupPlugin())}__hasConsent(){let e=!0;return this.__overrideConsent!==void 0?(e=this.__overrideConsent,e):(this.__consentPlugin&&(e=this.__consentPlugin.hasConsent()),e)}sendEvent(e){this[c].forEach(t=>{t.sendEvent(e,this.__hasConsent())})}buildConsentPlugin(e,t){return e.toLowerCase()===p.OneTrust.toLowerCase()?new f(t):null}}exports.ConsentPluginNames=p;exports.EpigraphAddToFavouritesEvent=M;exports.EpigraphAnalytics=X;exports.EpigraphArRequestedEvent=S;exports.EpigraphButtonClickEvent=z;exports.EpigraphChangeRateEvent=B;exports.EpigraphCheckoutEvent=V;exports.EpigraphCompletionRateEvent=J;exports.EpigraphContentSharedEvent=F;exports.EpigraphConversionEvent=U;exports.EpigraphCustomEvent=H;exports.EpigraphEngagementRateEvent=K;exports.EpigraphItemAddedEvent=D;exports.EpigraphItemMovedEvent=k;exports.EpigraphItemRemovedEvent=$;exports.EpigraphKeyboardInteractionEvent=b;exports.EpigraphModuleClosedEvent=L;exports.EpigraphModuleFailedEvent=x;exports.EpigraphModuleLoadingEvent=w;exports.EpigraphModuleReadyEvent=T;exports.EpigraphPanelClosedEvent=G;exports.EpigraphPanelOpenedEvent=O;exports.EpigraphSupportDetectedEvent=q;exports.EpigraphTouchInteractionEvent=R;exports.EpigraphVariantChangedEvent=j;exports.GA4AnalyticsPlugin=C;exports.NexusAnalyticsPlugin=I;exports.OneTrustConsentPlugin=f;

package/dist/EpigraphLibs/EpigraphAnalytics/epigraphAnalytics.js

@@ -1,53 +1,53 @@
-var u = /* @__PURE__ */ ((i) => (i.UNAVAILABLE = "unavailable", i.AVAILABLE = "available", i.RESTRICTED = "restricted", i))(u || {});
-const p = Symbol("data"), d = Symbol("next"), w = class m {
-  constructor(t) {
-    this[p] = t, this[d] = null;
+var o = /* @__PURE__ */ ((s) => (s.UNAVAILABLE = "unavailable", s.AVAILABLE = "available", s.RESTRICTED = "restricted", s))(o || {});
+const p = Symbol("data"), l = Symbol("next"), N = class v {
+  constructor(e) {
+    this[p] = e, this[l] = null;
   }
   get data() {
     return this[p];
   }
-  set next(t) {
-    if (!(t instanceof m) && t !== null)
+  set next(e) {
+    if (!(e instanceof v) && e !== null)
       throw new Error(
         "This node is not an instance of the custom class 'Node'."
       );
-    this[d] = t;
+    this[l] = e;
   }
   get next() {
-    return this[d];
+    return this[l];
   }
 };
-let g = w;
-const l = Symbol("head");
-class A {
+let g = N;
+const d = Symbol("head");
+class P {
   constructor() {
-    this[l] = null;
+    this[d] = null;
   }
-  set head(t) {
-    this[l] = t;
+  set head(e) {
+    this[d] = e;
   }
   get head() {
-    return this[l];
+    return this[d];
   }
-  addToTail(t) {
-    let e = this.head;
-    if (e) {
-      for (; e.next !== null; )
-        e = e?.next;
-      return e.next = new g(t);
+  addToTail(e) {
+    let t = this.head;
+    if (t) {
+      for (; t.next !== null; )
+        t = t?.next;
+      return t.next = new g(e);
     }
-    return this.head = new g(t);
+    return this.head = new g(e);
   }
   removeHead() {
-    const t = this.head;
-    if (t)
-      return this.head = t.next, t.data;
+    const e = this.head;
+    if (e)
+      return this.head = e.next, e.data;
   }
 }
 const _ = Symbol("queue"), h = Symbol("size");
-class v {
+class m {
   constructor() {
-    this[_] = new A(), this[h] = 0;
+    this[_] = new P(), this[h] = 0;
   }
   get queue() {
     return this[_];
@@ -55,28 +55,28 @@ class v {
   get size() {
     return this[h];
   }
-  enqueue(t) {
-    this.queue.addToTail(t), this[h]++;
+  enqueue(e) {
+    this.queue.addToTail(e), this[h]++;
   }
   dequeue() {
-    const t = this.queue.removeHead();
-    return this[h]--, t;
+    const e = this.queue.removeHead();
+    return this[h]--, e;
   }
 }
-class P {
+class I {
   constructor({
-    trackingID: t,
-    experienceID: e,
+    trackingID: e,
+    experienceID: t,
     solution: n,
-    verboseLogging: s = !1
+    verboseLogging: i = !1
   }) {
-    this.dataLayerName = "dataLayer", this.__status = u.UNAVAILABLE, this.__sentEventCount = 0, this.__initializationAttempts = 0, this.__lastInitializationAttempt = 0, this.__maxInitializationAttempts = 10, this.__initializationRetryDelay = 2e3, this.__isInitialized = !1, this.__initializationMethod = "NONE", this.__nexusFailureReported = !1, this.name = this.pluginName = "GA4-PLUGIN", this.trackingID = t, this.experienceID = e, this.solution = n, this.verboseLogging = s, this.__queue = new v(), this.initializePlugin();
+    this.__status = o.UNAVAILABLE, this.__sentEventCount = 0, this.__initializationAttempts = 0, this.__lastInitializationAttempt = performance.now(), this.__maxInitializationAttempts = 10, this.__initializationRetryDelay = 2e3, this.__isInitialized = !1, this.__initializationMethod = "NONE", this.__nexusFailureReported = !1, this.name = this.pluginName = "GA4-PLUGIN", this.trackingID = e, this.experienceID = t, this.solution = n, this.verboseLogging = i, this.__queue = new m(), this.initializePlugin();
   }
   getStatus() {
     return this.__status;
   }
-  setStatus(t) {
-    this.__status = t;
+  setStatus(e) {
+    this.__status = e;
   }
   getPendingEventCount() {
     return this.__queue.size;
@@ -99,12 +99,12 @@ class P {
   /**
    * This function will send an Event to Google Analytics 4.
    *
-   * @param eventData IAnalyticsEvent The event to be tracked
+   * @param analyticsEvent
    * @param consent boolean Whether consent is granted
    */
-  async sendEvent(t, e) {
-    if (this.__queue.enqueue(t), !e) {
-      this.__status = u.RESTRICTED;
+  async sendEvent(e, t) {
+    if (this.__queue.enqueue(e), !t) {
+      this.__status = o.RESTRICTED;
       return;
     }
     if (!this.__isInitialized) {
@@ -117,49 +117,40 @@ class P {
       this.logger(n), await this.reportFailureToNexus("EVENT_SEND_ERROR", n?.toString() || "Unknown error");
     }
   }
-  async initializePlugin() {
+  initializePlugin() {
     if (this.__isInitialized)
       return;
-    const t = Date.now();
     if (this.__initializationAttempts >= this.__maxInitializationAttempts) {
-      this.__nexusFailureReported || (await this.reportFailureToNexus("MAX_INITIALIZATION_ATTEMPTS", "Maximum initialization attempts reached"), this.__nexusFailureReported = !0);
+      this.__nexusFailureReported || (this.reportFailureToNexus("MAX_INITIALIZATION_ATTEMPTS", "Maximum initialization attempts reached"), this.__nexusFailureReported = !0);
       return;
     }
-    if (t - this.__lastInitializationAttempt < this.__initializationRetryDelay)
+    const e = performance.now();
+    if (this.__initializationAttempts > 0 && e - this.__lastInitializationAttempt < this.__initializationRetryDelay)
       return;
-    this.__lastInitializationAttempt = t, this.__initializationAttempts++;
-    const e = await this.detectAndSetupAnalytics();
-    e.success ? (this.__isInitialized = !0, this.__status = u.AVAILABLE, this.__initializationMethod = e.method, this.dataLayerName = e.dataLayerName, this.dataLayer = window[this.dataLayerName], this.logger(`Successfully initialized ${e.method} with dataLayer: ${this.dataLayerName}`), this.__queue.size > 0 && await this.dequeueAndSendEvents()) : (this.logger(`Initialization attempt ${this.__initializationAttempts} failed: ${e.error}`), this.__initializationAttempts < this.__maxInitializationAttempts && setTimeout(() => this.initializePlugin(), this.__initializationRetryDelay));
-  }
-  async detectAndSetupAnalytics() {
-    const t = this.detectGTM();
-    if (t)
-      return this.logger(`GTM detected with container ID: ${t.containerId}`), {
+    this.__lastInitializationAttempt = e, this.__initializationAttempts++;
+    const t = this.detectAndSetupAnalytics();
+    t.success ? (this.__isInitialized = !0, this.__status = o.AVAILABLE, this.__initializationMethod = t.method, this.dataLayerName = t.dataLayerName, this.dataLayer = window[this.dataLayerName], this.logger(`Successfully initialized ${t.method} with dataLayer: ${this.dataLayerName}`), this.__queue.size > 0 && this.dequeueAndSendEvents()) : (this.logger(`Initialization attempt ${this.__initializationAttempts} failed: ${t.error}`), this.__initializationAttempts < this.__maxInitializationAttempts && setTimeout(() => {
+      this.initializePlugin();
+    }, this.__initializationRetryDelay));
+  }
+  detectAndSetupAnalytics() {
+    const e = this.detectGTM();
+    if (e)
+      return this.logger(`GTM detected with container ID: ${e.containerId}`), {
         success: !0,
         method: "GTM",
-        dataLayerName: t.dataLayerName
+        dataLayerName: e.dataLayerName
       };
-    if (window.dataLayer)
-      return this.logger("Existing dataLayer found"), {
+    const t = this.findGA4Info(this.trackingID);
+    if (t) {
+      const n = t.l || "dataLayer";
+      return this.logger(`GA4 script found, setting up with dataLayer: ${n}`), {
         success: !0,
         method: "GA4",
-        dataLayerName: "dataLayer"
+        dataLayerName: n
       };
-    const e = this.findGA4ScriptInfo(this.trackingID);
-    if (e) {
-      const n = e.l || "dataLayer";
-      if (this.logger(`GA4 script found, setting up with dataLayer: ${n}`), this.setupGA4(n))
-        return {
-          success: !0,
-          method: "GA4",
-          dataLayerName: n
-        };
     }
-    return this.setupGA4("dataLayer") ? {
-      success: !0,
-      method: "GA4",
-      dataLayerName: "dataLayer"
-    } : {
+    return {
       success: !1,
       method: "NONE",
       dataLayerName: "dataLayer",
@@ -167,32 +158,22 @@ class P {
     };
   }
   detectGTM() {
-    const t = document.querySelectorAll('script[src*="googletagmanager.com/gtm"]');
-    for (const e of Array.from(t)) {
-      const n = e.getAttribute("src");
+    const e = document.querySelectorAll('script[src*="googletagmanager.com/gtm"]');
+    for (const t of Array.from(e)) {
+      const n = t.getAttribute("src");
       if (n) {
-        const s = n.match(/gtm\.js\?id=([^&]+)/);
-        if (s) {
-          const r = n.match(/&l=([^&]+)/), o = r ? r[1] : "dataLayer";
+        const i = n.match(/gtm\.js\?id=([^&]+)/);
+        if (i && i.length > 0) {
+          const r = n.match(/&l=([^&]+)/), u = r ? r[1] : "dataLayer";
           return {
-            containerId: s[1],
-            dataLayerName: o
+            containerId: i[1],
+            dataLayerName: u
           };
         }
       }
     }
     return null;
   }
-  setupGA4(t) {
-    try {
-      return window[t] || (window[t] = []), window.epgDataLayerName = t, typeof window.gtag != "function" && (window.gtag = function() {
-        const e = window.epgDataLayerName;
-        e && window[e] && Array.isArray(window[e]) && window[e].push(arguments);
-      }, window.gtag("js", /* @__PURE__ */ new Date()), window.gtag("config", this.trackingID, { send_page_view: !1 })), !0;
-    } catch (e) {
-      return this.logger(`Error setting up GA4: ${e}`), !1;
-    }
-  }
   /**
    * Send all events that are in the queue
    * @private
@@ -200,35 +181,97 @@ class P {
   async dequeueAndSendEvents() {
     if (!this.__isInitialized || !this.dataLayer)
       return;
-    let t = this.__queue.size;
-    for (let e = 0; e < t; e++) {
+    let e = this.__queue.size;
+    for (let t = 0; t < e; t++) {
       const n = this.__queue.dequeue();
-      let s = n.getParameters();
-      if (s.solution = this.solution, s.experience_id = this.experienceID, n.customParameters && Object.assign(s, n.customParameters), JSON.stringify(s).length > 459)
-        try {
-          s = {
-            epg_event_tag: await this.sendGA4LongParameters(s)
-          };
-        } catch {
-        }
       try {
-        this.__initializationMethod === "GTM" ? this.sendToGTM(n.eventName, s) : this.__initializationMethod === "GA4" && window.gtag("event", n.eventName, s), this.__sentEventCount++, this.logger(`Analytics event successfully sent via ${this.__initializationMethod}: ${n.eventName}`);
-      } catch (o) {
-        this.logger(`Error sending event ${n.eventName}: ${o}`), this.__queue.enqueue(n);
+        this.__initializationMethod === "GTM" ? (this.sendGTMEvent(n), this.__sentEventCount++, this.logger(`Analytics event successfully sent via ${this.__initializationMethod}: ${n.eventName}`)) : this.__initializationMethod === "GA4" ? (this.sendGA4Event(n), this.__sentEventCount++, this.logger(`Analytics event successfully sent via ${this.__initializationMethod}: ${n.eventName}`)) : this.__queue.enqueue(n);
+      } catch (i) {
+        this.logger(`Error sending event ${n.eventName}: ${i}`), this.__queue.enqueue(n);
       }
     }
   }
+  /**
+   * Send events to GTM based GA4
+   * @param event
+   * @private
+   */
+  async sendGTMEvent(e) {
+    let t = e.getGTMParameters(this.solution, this.experienceID, this.trackingID);
+    this.isValidPayload(t) || (t = await this.convertGTMParametersToEpgEventTag(e.eventName, t)), this.dataLayer && this.dataLayer.push(t);
+  }
+  /**
+   * Send events to GA4 via Google Analytics 4.
+   * @param event
+   * @private
+   */
+  async sendGA4Event(e) {
+    let t = e.getGa4Parameters(this.solution, this.experienceID, this.trackingID);
+    this.isValidPayload(t) || (t = await this.convertGA4ParametersToEpgEventTag(t)), window.gtag("event", e.eventName, t);
+  }
+  /**
+   * Validates a payload by checking its parameter count and the constraints of parameter names and values.
+   * See docs here for requirements: https://support.google.com/analytics/answer/9267744?hl=en
+   *
+   * @param {Record<string, unknown>} parameterPayload - An object containing the parameters to validate.
+   * The keys represent parameter names and the values represent parameter values.
+   * @return {boolean} Returns true if the payload meets the validation criteria; false otherwise.
+   */
+  isValidPayload(e) {
+    if (Object.keys(e).length >= 25)
+      return !1;
+    for (const [i, r] of Object.entries(e))
+      if (i !== "items" && (i.length > 40 || String(r).length > 100))
+        return !1;
+    return !0;
+  }
+  /**
+   * Converts the given GTM parameters to an EPG event tag, sending specific parameter payloads
+   * for processing and returning the formatted result. Falls back to the original payload in case of errors.
+   *
+   * @param {string} eventName - The event name associated with the EPG event tag being processed.
+   * @param {Record<string, unknown>} parameterPayload - A key-value pair object containing the parameters to be converted.
+   * @return {Promise<Record<string, unknown>>} A promise that resolves to an object containing the event name and the generated EPG event tag, or the original payload upon failure.
+   */
+  async convertGTMParametersToEpgEventTag(e, t) {
+    try {
+      let n = await this.sendGA4LongParameters(t);
+      return {
+        event: e,
+        epg_event_tag: n,
+        send_to: this.trackingID
+      };
+    } catch {
+      return t;
+    }
+  }
+  /**
+   * Converts GA4 parameters into an EPG event tag.
+   *
+   * @param {Record<string, unknown>} parameterPayload - The GA4 parameters to be converted.
+   * @return {Promise<Record<string, any>>} A promise resolving to an object containing the EPG event tag or the original payload if the conversion fails.
+   */
+  async convertGA4ParametersToEpgEventTag(e) {
+    try {
+      return {
+        epg_event_tag: await this.sendGA4LongParameters(e),
+        send_to: this.trackingID
+      };
+    } catch {
+      return e;
+    }
+  }
   /**
    * Checks if verboseLogging is enabled, then logs the error
    * @param err
    */
-  logger(t) {
-    this.verboseLogging && console.warn(t);
+  logger(e) {
+    this.verboseLogging && console.warn(e);
   }
-  async sendGA4LongParameters(t) {
-    const e = "https://api.myepigraph.com/api/analytics/ga4/custom", n = { parameters: t };
+  async sendGA4LongParameters(e) {
+    const t = "https://api.myepigraph.com/api/analytics/ga4/custom", n = { parameters: e };
     try {
-      const s = await fetch(e, {
+      const i = await fetch(t, {
         method: "POST",
         // Assuming it's a POST request, adjust if necessary
         headers: {
@@ -237,26 +280,20 @@ class P {
         },
         body: JSON.stringify(n)
       });
-      return s.ok ? (await s.json())?.id ?? "" : "";
+      return i.ok ? (await i.json())?.id ?? "" : "";
     } catch {
       return "";
     }
   }
-  sendToGTM(t, e) {
-    this.dataLayer && this.dataLayer.push({
-      event: t,
-      ...e
-    });
-  }
-  async reportFailureToNexus(t, e) {
+  async reportFailureToNexus(e, t) {
     try {
       const n = {
         plugin: "GA4",
         trackingId: this.trackingID,
         solution: this.solution,
         experienceId: this.experienceID,
-        failureType: t,
-        errorMessage: e,
+        failureType: e,
+        errorMessage: t,
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
         url: window.location.href,
         userAgent: navigator.userAgent
@@ -266,39 +303,48 @@ class P {
       this.logger(`Error reporting failure to Nexus: ${n}`);
     }
   }
-  findGA4ScriptInfo(t) {
-    const e = document.querySelectorAll("script[src]");
-    for (const n of e) {
-      const s = n.getAttribute("src");
-      if (s && s.includes(t)) {
-        const r = new URL(s, location.href), o = Object.fromEntries(r.searchParams.entries());
+  findGA4Info(e) {
+    if (window.google_tag_manager && window.google_tag_manager[e]) {
+      const n = window.google_tag_manager[e];
+      if (n && n.dataLayerName)
+        return {
+          fullSrc: "",
+          id: e,
+          l: n.dataLayerName
+        };
+    }
+    const t = document.querySelectorAll("script[src]");
+    for (const n of t) {
+      const i = n.getAttribute("src");
+      if (i && i.includes(e)) {
+        const r = new URL(i, location.href), u = Object.fromEntries(r.searchParams.entries());
         return {
           fullSrc: r.href,
-          id: o.id || void 0,
-          l: o.l || void 0
+          id: u.id || void 0,
+          l: u.l || void 0
         };
       }
     }
     return null;
   }
 }
-class I {
+class C {
   constructor({
-    trackingID: t,
-    experienceID: e,
+    trackingID: e,
+    experienceID: t,
     solution: n,
-    sessionId: s,
+    sessionId: i,
     xPath: r,
-    verboseLogging: o = !1,
+    verboseLogging: u = !1,
     sendToStaging: y = !1
   }) {
-    this.__status = u.UNAVAILABLE, this.__sentEventCount = 0, this.sessionId = s, this.xPath = r, this.name = this.pluginName = "NEXUS-PLUGIN", this.trackingID = t, this.experienceID = e, this.solution = n, this.verboseLogging = o, this.__queue = new v(), this.url = y ? "https://nexus.epigraph.dev/api/analytics/event" : "https://api.myepigraph.com/api/analytics/event", this.__status = u.AVAILABLE;
+    this.__status = o.UNAVAILABLE, this.__sentEventCount = 0, this.sessionId = i, this.xPath = r, this.name = this.pluginName = "NEXUS-PLUGIN", this.trackingID = e, this.experienceID = t, this.solution = n, this.verboseLogging = u, this.__queue = new m(), this.url = y ? "https://nexus.epigraph.dev/api/analytics/event" : "https://api.myepigraph.com/api/analytics/event", this.__status = o.AVAILABLE;
   }
   getStatus() {
     return this.__status;
   }
-  setStatus(t) {
-    this.__status = t;
+  setStatus(e) {
+    this.__status = e;
   }
   getPendingEventCount() {
     return this.__queue.size;
@@ -314,22 +360,22 @@ class I {
   }
   setupPlugin() {
   }
-  async sendEvent(t, e) {
-    if (this.__queue.enqueue(t), !e) {
-      this.__status = u.RESTRICTED;
+  async sendEvent(e, t) {
+    if (this.__queue.enqueue(e), !t) {
+      this.__status = o.RESTRICTED;
       return;
     }
     await this.dequeueAndSendEvents();
   }
   async dequeueAndSendEvents() {
-    for (let t = 0; t < this.__queue.size; t++) {
-      const e = this.__queue.dequeue();
-      e.customParameters.solution = this.solution;
+    for (let e = 0; e < this.__queue.size; e++) {
+      const t = this.__queue.dequeue();
+      t.customParameters.solution = this.solution;
       const n = {
         trackingID: this.trackingID,
         experience_id: this.experienceID,
-        action: e.eventName,
-        parameters: e.getParameters()
+        action: t.eventName,
+        parameters: t.getNexusParameters()
       };
       try {
         return (await fetch(this.url, {
@@ -352,9 +398,9 @@ class I {
     return "";
   }
 }
-class N {
-  constructor(t) {
-    this.consentSet = !1, this.consent = !1, this.pluginName = "OneTrustConsentPlugin", this.consentIdentifier = t, this.consent = !1, this.addConsentChangedListener();
+class A {
+  constructor(e) {
+    this.consentSet = !1, this.consent = !1, this.pluginName = "OneTrustConsentPlugin", this.consentIdentifier = e, this.consent = !1, this.addConsentChangedListener();
   }
   /**
    * Checks to see if the user has consented. If this is false, it will block all analytics
@@ -363,8 +409,8 @@ class N {
     if (this.consentSet)
       return this.consent;
     if (window.OnetrustActiveGroups !== void 0) {
-      let t = window.OnetrustActiveGroups;
-      t !== void 0 && t.split(",").forEach((n) => {
+      let e = window.OnetrustActiveGroups;
+      e !== void 0 && e.split(",").forEach((n) => {
         n === this.consentIdentifier && (this.consent = !0, this.consentSet = !0);
       });
     }
@@ -378,291 +424,311 @@ class N {
     });
   }
 }
-var E = /* @__PURE__ */ ((i) => (i.OneTrust = "onetrust", i))(E || {});
+var E = /* @__PURE__ */ ((s) => (s.OneTrust = "onetrust", s))(E || {});
 class a {
   constructor({
-    eventName: t,
-    interactiveEvent: e,
+    eventName: e,
+    interactiveEvent: t,
     customParameters: n
   }) {
-    this.eventName = t, this.interactiveEvent = e, this.customParameters = n;
+    this.eventName = e, this.interactiveEvent = t, this.customParameters = n;
+  }
+  getGa4Parameters(e, t, n) {
+    let i = {
+      solution: e,
+      experience_id: t,
+      interactive_event: this.interactiveEvent,
+      sendTo: n
+    };
+    return i = Object.assign(i, JSON.parse(JSON.stringify(this.customParameters))), i;
+  }
+  getGTMParameters(e, t, n) {
+    let i = {
+      solution: e,
+      experience_id: t,
+      event: this.eventName,
+      interactive_event: this.interactiveEvent,
+      items: [],
+      sendTo: n
+    };
+    return i = Object.assign(i, JSON.parse(JSON.stringify(this.customParameters))), i;
   }
-  getParameters() {
-    let t = {
+  getNexusParameters() {
+    let e = {
       interactive_event: this.interactiveEvent
     };
-    return t = Object.assign(t, JSON.parse(JSON.stringify(this.customParameters))), t;
+    return e = Object.assign(e, JSON.parse(JSON.stringify(this.customParameters))), e;
   }
 }
-class C extends a {
-  constructor(t = []) {
+class w extends a {
+  constructor(e = []) {
     super({
       eventName: "epigraph_ar_requested",
       interactiveEvent: !0,
       customParameters: {
-        items: t
+        items: e
       }
     });
   }
 }
-class L extends a {
-  constructor(t) {
+class x extends a {
+  constructor(e) {
     super({
       eventName: "epigraph_module_loading",
       interactiveEvent: !1,
       customParameters: {
-        is_pre_config: t
+        is_pre_config: e
       }
     });
   }
 }
 class S extends a {
-  constructor(t, e) {
+  constructor(e, t) {
     super({
       eventName: "epigraph_module_ready",
       interactiveEvent: !1,
       customParameters: {
-        is_pre_config: t,
-        load_time_ms: e
+        is_pre_config: e,
+        load_time_ms: t
       }
     });
   }
 }
-class x extends a {
-  constructor(t, e, n) {
+class T extends a {
+  constructor(e, t, n) {
     super({
       eventName: "epigraph_module_failed",
       interactiveEvent: !1,
       customParameters: {
-        is_pre_config: t,
-        load_time_ms: e,
+        is_pre_config: e,
+        load_time_ms: t,
         error_type: n
       }
     });
   }
 }
-class T extends a {
-  constructor(t = []) {
+class L extends a {
+  constructor(e = []) {
     super({
       eventName: "epigraph_module_closed",
       interactiveEvent: !0,
       customParameters: {
-        items: t
+        items: e
       }
     });
   }
 }
 class z extends a {
-  constructor(t, e = {}) {
+  constructor(e, t = {}) {
     super({
       eventName: "epigraph_support_detected",
       interactiveEvent: !1,
       customParameters: {
-        support_type: t,
-        device_capabilities: e
+        support_type: e,
+        device_capabilities: t
       }
     });
   }
 }
 class q extends a {
-  constructor(t, e) {
+  constructor(e, t) {
     super({
       eventName: "epigraph_button_click",
       interactiveEvent: !0,
       customParameters: {
-        button_type: t,
-        button_name: e
+        button_type: e,
+        button_name: t
       }
     });
   }
 }
-class D extends a {
-  constructor(t = [], e, n, s) {
+class O extends a {
+  constructor(e = [], t, n, i) {
     super({
       eventName: "epigraph_panel_opened",
-      interactiveEvent: e,
+      interactiveEvent: t,
       customParameters: {
-        items: t,
+        items: e,
         panel_type: n,
-        trigger_source: s
+        trigger_source: i
       }
     });
   }
 }
 class G extends a {
-  constructor(t = [], e, n, s) {
+  constructor(e = [], t, n, i) {
     super({
       eventName: "epigraph_panel_closed",
-      interactiveEvent: e,
+      interactiveEvent: t,
       customParameters: {
-        items: t,
+        items: e,
         panel_type: n,
-        trigger_source: s
+        trigger_source: i
       }
     });
   }
 }
-class O extends a {
-  constructor(t = []) {
+class b extends a {
+  constructor(e = []) {
     super({
       eventName: "epigraph_add_to_favourites",
       interactiveEvent: !0,
       customParameters: {
-        items: t
+        items: e
       }
     });
   }
 }
-class b extends a {
-  constructor(t) {
+class D extends a {
+  constructor(e) {
     super({
       eventName: "epigraph_keyboard_interaction",
       interactiveEvent: !0,
       customParameters: {
-        action_performed: t
+        action_performed: e
       }
     });
   }
 }
-class R extends a {
-  constructor(t) {
+class M extends a {
+  constructor(e) {
     super({
       eventName: "epigraph_touch_interaction",
       interactiveEvent: !0,
       customParameters: {
-        interaction_type: t
+        interaction_type: e
       }
     });
   }
 }
-class M extends a {
-  constructor(t = [], e, n, s, r) {
+class R extends a {
+  constructor(e = [], t, n, i, r) {
     super({
       eventName: "epigraph_item_added",
-      interactiveEvent: e,
+      interactiveEvent: t,
       customParameters: {
-        items: t,
+        items: e,
         value: n,
-        currency: s,
+        currency: i,
         quantity: r
       }
     });
   }
 }
 class $ extends a {
-  constructor(t = []) {
+  constructor(e = []) {
     super({
       eventName: "epigraph_item_moved",
       interactiveEvent: !0,
       customParameters: {
-        items: t
+        items: e
       }
     });
   }
 }
 class k extends a {
-  constructor(t = [], e, n, s) {
+  constructor(e = [], t, n, i) {
     super({
       eventName: "epigraph_item_removed",
       interactiveEvent: !0,
       customParameters: {
-        items: t,
-        value: e,
+        items: e,
+        value: t,
         currency: n,
-        quantity: s
+        quantity: i
       }
     });
   }
 }
-class U extends a {
-  constructor(t = [], e) {
+class j extends a {
+  constructor(e = [], t) {
     super({
       eventName: "epigraph_variant_changed",
       interactiveEvent: !0,
       customParameters: {
-        items: t,
-        change_type: e
+        items: e,
+        change_type: t
       }
     });
   }
 }
-class j extends a {
-  constructor(t = [], e, n) {
+class U extends a {
+  constructor(e = [], t, n) {
     super({
       eventName: "epigraph_content_shared",
       interactiveEvent: !0,
       customParameters: {
-        items: t,
-        content_type: e,
+        items: e,
+        content_type: t,
         share_destination: n
       }
     });
   }
 }
-class F extends a {
-  constructor(t = [], e, n) {
+class V extends a {
+  constructor(e = [], t, n) {
     super({
       eventName: "epigraph_checkout",
       interactiveEvent: !0,
       customParameters: {
-        items: t,
-        value: e,
+        items: e,
+        value: t,
         currency: n
       }
     });
   }
 }
-class B extends a {
-  constructor(t = [], e, n) {
+class F extends a {
+  constructor(e = [], t, n) {
     super({
       eventName: "epigraph_conversion",
       interactiveEvent: !0,
       customParameters: {
-        items: t,
-        value: e,
+        items: e,
+        value: t,
         currency: n
       }
     });
   }
 }
-class V extends a {
-  constructor(t) {
+class B extends a {
+  constructor(e) {
     super({
       eventName: "epigraph_changeRate",
       interactiveEvent: !1,
       customParameters: {
-        value: t
+        value: e
       }
     });
   }
 }
 class J extends a {
-  constructor(t) {
+  constructor(e) {
     super({
       eventName: "epigraph_completionRate",
       interactiveEvent: !1,
       customParameters: {
-        value: t
+        value: e
       }
     });
   }
 }
 class H extends a {
-  constructor(t) {
+  constructor(e) {
     super({
       eventName: "epigraph_engagementRate",
       interactiveEvent: !1,
       customParameters: {
-        value: t
+        value: e
       }
     });
   }
 }
-class X extends a {
-  constructor(t, e, n) {
+class K extends a {
+  constructor(e, t, n) {
     super({
-      eventName: t,
-      interactiveEvent: e,
+      eventName: e,
+      interactiveEvent: t,
       customParameters: n
     });
   }
@@ -686,15 +752,15 @@ class X extends a {
 var f;
 const c = Symbol("analyticsPluginsMap");
 f = c;
-class K {
-  constructor(t, e) {
-    this[f] = /* @__PURE__ */ new Map(), this.__consentPlugin = null, t && e && (this.__consentPlugin = this.buildConsentPlugin(t, e)), window.addEventListener("epigraphAnalyticsConsentChange", this.__onConsentChangeFromEvent);
+class X {
+  constructor(e, t) {
+    this[f] = /* @__PURE__ */ new Map(), this.__consentPlugin = null, e && t && (this.__consentPlugin = this.buildConsentPlugin(e, t)), window.addEventListener("epigraphAnalyticsConsentChange", this.__onConsentChangeFromEvent);
   }
-  __onConsentChangeFromEvent(t) {
-    let e = t;
-    this.__overrideConsent = e.detail.hasConsent;
+  __onConsentChangeFromEvent(e) {
+    let t = e;
+    this.__overrideConsent = t.detail.hasConsent;
     for (const n of this[c].values())
-      this.__hasConsent() || n.setStatus(u.RESTRICTED);
+      this.__hasConsent() || n.setStatus(o.RESTRICTED);
   }
   /**
    * Epigraph Analytics uses plugins to send events to multiple trackers at a time. You can create a customer tracker
@@ -703,11 +769,11 @@ class K {
    *
    * @param plugin
    */
-  addEventPlugin(t) {
-    this[c].has(t.getUniquePluginIdentifier()) || (this[c].set(
-      t.getUniquePluginIdentifier(),
-      t
-    ), t.setupPlugin());
+  addEventPlugin(e) {
+    this[c].has(e.getUniquePluginIdentifier()) || (this[c].set(
+      e.getUniquePluginIdentifier(),
+      e
+    ), e.setupPlugin());
   }
   /**
    * Resolves session consent by prioritizing this._overrideConsent and if not found,
@@ -716,17 +782,17 @@ class K {
    * @returns {boolean} Whether the session has consent to track analytics or not.
    */
   __hasConsent() {
-    let t = !0;
-    return this.__overrideConsent !== void 0 ? (t = this.__overrideConsent, t) : (this.__consentPlugin && (t = this.__consentPlugin.hasConsent()), t);
+    let e = !0;
+    return this.__overrideConsent !== void 0 ? (e = this.__overrideConsent, e) : (this.__consentPlugin && (e = this.__consentPlugin.hasConsent()), e);
   }
   /**
    * Send an Event to all plugins
    *
    * @param eventData
    */
-  sendEvent(t) {
-    this[c].forEach((e) => {
-      e.sendEvent(t, this.__hasConsent());
+  sendEvent(e) {
+    this[c].forEach((t) => {
+      t.sendEvent(e, this.__hasConsent());
     });
   }
   /**
@@ -735,37 +801,37 @@ class K {
    * @param consentIdentifier
    * @private
    */
-  buildConsentPlugin(t, e) {
-    return t.toLowerCase() === E.OneTrust.toLowerCase() ? new N(e) : null;
+  buildConsentPlugin(e, t) {
+    return e.toLowerCase() === E.OneTrust.toLowerCase() ? new A(t) : null;
   }
 }
 export {
   E as ConsentPluginNames,
-  O as EpigraphAddToFavouritesEvent,
-  K as EpigraphAnalytics,
-  C as EpigraphArRequestedEvent,
+  b as EpigraphAddToFavouritesEvent,
+  X as EpigraphAnalytics,
+  w as EpigraphArRequestedEvent,
   q as EpigraphButtonClickEvent,
-  V as EpigraphChangeRateEvent,
-  F as EpigraphCheckoutEvent,
+  B as EpigraphChangeRateEvent,
+  V as EpigraphCheckoutEvent,
   J as EpigraphCompletionRateEvent,
-  j as EpigraphContentSharedEvent,
-  B as EpigraphConversionEvent,
-  X as EpigraphCustomEvent,
+  U as EpigraphContentSharedEvent,
+  F as EpigraphConversionEvent,
+  K as EpigraphCustomEvent,
   H as EpigraphEngagementRateEvent,
-  M as EpigraphItemAddedEvent,
+  R as EpigraphItemAddedEvent,
   $ as EpigraphItemMovedEvent,
   k as EpigraphItemRemovedEvent,
-  b as EpigraphKeyboardInteractionEvent,
-  T as EpigraphModuleClosedEvent,
-  x as EpigraphModuleFailedEvent,
-  L as EpigraphModuleLoadingEvent,
+  D as EpigraphKeyboardInteractionEvent,
+  L as EpigraphModuleClosedEvent,
+  T as EpigraphModuleFailedEvent,
+  x as EpigraphModuleLoadingEvent,
   S as EpigraphModuleReadyEvent,
   G as EpigraphPanelClosedEvent,
-  D as EpigraphPanelOpenedEvent,
+  O as EpigraphPanelOpenedEvent,
   z as EpigraphSupportDetectedEvent,
-  R as EpigraphTouchInteractionEvent,
-  U as EpigraphVariantChangedEvent,
-  P as GA4AnalyticsPlugin,
-  I as NexusAnalyticsPlugin,
-  N as OneTrustConsentPlugin
+  M as EpigraphTouchInteractionEvent,
+  j as EpigraphVariantChangedEvent,
+  I as GA4AnalyticsPlugin,
+  C as NexusAnalyticsPlugin,
+  A as OneTrustConsentPlugin
 };

package/dist/EpigraphLibs/EpigraphAnalytics/epigraphAnalyticsEventLibrary.d.ts

@@ -8,7 +8,21 @@ declare class BaseAnalyticsEvent implements IAnalyticsEvent {
         interactiveEvent: boolean;
         customParameters: Record<string, unknown>;
     });
-    getParameters(): {
+    getGa4Parameters(solution: string, experienceId: string, sendTo: string): {
+        solution: string;
+        experience_id: string;
+        interactive_event: boolean;
+        sendTo: string;
+    };
+    getGTMParameters(solution: string, experienceId: string, sendTo: string): {
+        solution: string;
+        experience_id: string;
+        event: string;
+        interactive_event: boolean;
+        items: never[];
+        sendTo: string;
+    };
+    getNexusParameters(): {
         interactive_event: boolean;
     };
 }

package/dist/EpigraphLibs/EpigraphAnalytics/plugins/ga4-analytics-plugin.d.ts

@@ -6,6 +6,7 @@ declare global {
         gtag?: (...args: any[]) => void;
         dataLayer?: Array<Record<string, any>>;
         epgDataLayerName?: string;
+        google_tag_manager: Record<string, any>;
     }
 }
 export declare class GA4AnalyticsPlugin implements IAnalyticsPlugin {
@@ -16,7 +17,7 @@ export declare class GA4AnalyticsPlugin implements IAnalyticsPlugin {
     experienceID: string;
     verboseLogging: boolean;
     dataLayer: Array<Record<string, any>> | undefined;
-    dataLayerName: string;
+    dataLayerName: string | undefined;
     private __queue;
     private __status;
     private __sentEventCount;
@@ -46,26 +47,61 @@ export declare class GA4AnalyticsPlugin implements IAnalyticsPlugin {
     /**
      * This function will send an Event to Google Analytics 4.
      *
-     * @param eventData IAnalyticsEvent The event to be tracked
+     * @param analyticsEvent
      * @param consent boolean Whether consent is granted
      */
     sendEvent(analyticsEvent: IAnalyticsEvent, consent: boolean): Promise<void>;
     private initializePlugin;
     private detectAndSetupAnalytics;
     private detectGTM;
-    private setupGA4;
     /**
      * Send all events that are in the queue
      * @private
      */
     private dequeueAndSendEvents;
+    /**
+     * Send events to GTM based GA4
+     * @param event
+     * @private
+     */
+    private sendGTMEvent;
+    /**
+     * Send events to GA4 via Google Analytics 4.
+     * @param event
+     * @private
+     */
+    private sendGA4Event;
+    /**
+     * Validates a payload by checking its parameter count and the constraints of parameter names and values.
+     * See docs here for requirements: https://support.google.com/analytics/answer/9267744?hl=en
+     *
+     * @param {Record<string, unknown>} parameterPayload - An object containing the parameters to validate.
+     * The keys represent parameter names and the values represent parameter values.
+     * @return {boolean} Returns true if the payload meets the validation criteria; false otherwise.
+     */
+    private isValidPayload;
+    /**
+     * Converts the given GTM parameters to an EPG event tag, sending specific parameter payloads
+     * for processing and returning the formatted result. Falls back to the original payload in case of errors.
+     *
+     * @param {string} eventName - The event name associated with the EPG event tag being processed.
+     * @param {Record<string, unknown>} parameterPayload - A key-value pair object containing the parameters to be converted.
+     * @return {Promise<Record<string, unknown>>} A promise that resolves to an object containing the event name and the generated EPG event tag, or the original payload upon failure.
+     */
+    private convertGTMParametersToEpgEventTag;
+    /**
+     * Converts GA4 parameters into an EPG event tag.
+     *
+     * @param {Record<string, unknown>} parameterPayload - The GA4 parameters to be converted.
+     * @return {Promise<Record<string, any>>} A promise resolving to an object containing the EPG event tag or the original payload if the conversion fails.
+     */
+    private convertGA4ParametersToEpgEventTag;
     /**
      * Checks if verboseLogging is enabled, then logs the error
      * @param err
      */
     private logger;
     private sendGA4LongParameters;
-    private sendToGTM;
     private reportFailureToNexus;
-    private findGA4ScriptInfo;
+    private findGA4Info;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epigraph/epigraph-std-lib",
-  "version": "4.5.3-alpha",
+  "version": "4.5.4-alpha",
   "type": "module",
   "main": "./dist/epigraph-std-lib.cjs",
   "module": "./dist/epigraph-std-lib.js",