@car-cutter/react-webplayer 3.1.0 → 3.1.2

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./shared-Dj9ilM-O.cjs");require("react/jsx-runtime");const S=require("react"),V=require("react-dom/client");var R=Object.defineProperty,D=(e,t,r)=>t in e?R(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,y=(e,t,r)=>D(e,typeof t!="symbol"?t+"":t,r);const v={stringify:e=>e?"true":"false",parse:e=>/^[ty1-9]/i.test(e)},w={stringify:e=>e.name,parse:(e,t,r)=>{const s=(()=>{if(typeof window<"u"&&e in window)return window[e];if(typeof global<"u"&&e in global)return global[e]})();return typeof s=="function"?s.bind(r):void 0}},M={stringify:e=>JSON.stringify(e),parse:e=>JSON.parse(e)};function Y(e){return e.replace(/([a-z0-9])([A-Z])/g,(t,r,s)=>`${r}-${s.toLowerCase()}`)}function L(e){return e.replace(/[-:]([a-z])/g,(t,r)=>`${r.toUpperCase()}`)}const G={stringify:e=>e.name,parse:(e,t,r)=>{const s=(()=>{const _=L(t);if(typeof r<"u"&&_ in r.container)return r.container[_]})();return typeof s=="function"?s.bind(r):void 0}},F={stringify:e=>`${e}`,parse:e=>parseFloat(e)},j={stringify:e=>e,parse:e=>e},N={string:j,number:F,boolean:v,function:w,method:G,json:M},f=Symbol.for("r2wc.render"),O=Symbol.for("r2wc.connected"),T=Symbol.for("r2wc.context"),a=Symbol.for("r2wc.props");function k(e,t,r){var s,_,C;t.props||(t.props=e.propTypes?Object.keys(e.propTypes):[]),t.events||(t.events=[]);const h=Array.isArray(t.props)?t.props.slice():Object.keys(t.props),g=Array.isArray(t.events)?t.events.slice():Object.keys(t.events),b={},P={},m={},d={};for(const i of h){b[i]=Array.isArray(t.props)?"string":t.props[i];const o=Y(i);m[i]=o,d[o]=i}for(const i of g)P[i]=Array.isArray(t.events)?{}:t.events[i];class I extends HTMLElement{constructor(){super(),y(this,C,!0),y(this,_),y(this,s,{}),y(this,"container"),t.shadow?this.container=this.attachShadow({mode:t.shadow}):this.container=this,this[a].container=this.container;for(const o of h){const l=m[o],E=this.getAttribute(l),c=b[o],u=c?N[c]:null;if(c==="method"){const p=L(l);Object.defineProperty(this[a].container,p,{enumerable:!0,configurable:!0,get(){return this[a][p]},set(W){this[a][p]=W,this[f]()}}),this[a][o]=u.parse(E,l,this)}u!=null&&u.parse&&E&&(this[a][o]=u.parse(E,l,this))}for(const o of g)this[a][o]=l=>{const E=o.replace(/^on/,"").toLowerCase();this.dispatchEvent(new CustomEvent(E,{detail:l,...P[o]}))}}static get observedAttributes(){return Object.keys(d)}connectedCallback(){this[O]=!0,this[f]()}disconnectedCallback(){this[O]=!1,this[T]&&r.unmount(this[T]),delete this[T]}attributeChangedCallback(o,l,E){const c=d[o],u=b[c],p=u?N[u]:null;c in b&&p!=null&&p.parse&&E&&(this[a][c]=p.parse(E,o,this),this[f]())}[(C=O,_=T,s=a,f)](){this[O]&&(this[T]?r.update(this[T],this[a]):this[T]=r.mount(this.container,e,this[a]))}}for(const i of h){const o=m[i],l=b[i];Object.defineProperty(I.prototype,i,{enumerable:!0,configurable:!0,get(){return this[a][i]},set(E){this[a][i]=E;const c=l?N[l]:null;if(c!=null&&c.stringify){const u=c.stringify(E,o,this);this.getAttribute(o)!==u&&this.setAttribute(o,u)}else this[f]()}})}return I}function x(e,t,r){const s=V.createRoot(e),_=S.createElement(t,r);return s.render(_),{root:s,ReactComponent:t}}function B({root:e,ReactComponent:t},r){const s=S.createElement(t,r);e.render(s)}function U({root:e}){setTimeout(()=>{e.unmount()},0)}function A(e,t={}){return k(e,t,{mount:x,update:B,unmount:U})}const $=A(n.WebPlayerWithInjectedStyles,{shadow:"closed",props:{compositionUrl:"string",hideCategoriesNav:"boolean",infiniteCarrousel:"boolean",permanentGallery:"boolean",integration:"boolean",maxItemsShown:"number",minMediaWidth:"number",maxMediaWidth:"number",mediaLoadStrategy:"string",preloadRange:"number",autoLoad360:"boolean",autoLoadInterior360:"boolean",categoriesFilter:"string",extendBehavior:"string",eventPrefix:"string",demoSpin:"boolean",reverse360:"boolean",analyticsEventPrefix:"string",analyticsUrl:"string",analyticsBearer:"string",analyticsSimpleRequestsOnly:"boolean",analyticsDryRun:"boolean",analyticsDebug:"boolean"}}),H=A(n.WebPlayerCustomMedia,{shadow:"closed",props:{index:"number",thumbnailSrc:"string"}}),X=A(n.WebPlayerIcon,{shadow:"closed",props:{name:"string"}});function q(){customElements.define(n.WEB_PLAYER_WC_TAG,$),customElements.define(n.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG,H),customElements.define(n.WEB_PLAYER_ICON_WC_TAG,X)}function z(){n.checkCustomElementsDefinition()||q()}z();exports.ANALYTICS_EVENT_IDENTIFY=n.ANALYTICS_EVENT_IDENTIFY;exports.ANALYTICS_EVENT_PAGE=n.ANALYTICS_EVENT_PAGE;exports.ANALYTICS_EVENT_TRACK=n.ANALYTICS_EVENT_TRACK;exports.DEFAULT_EVENT_PREFIX=n.DEFAULT_EVENT_PREFIX;exports.EVENT_COMPOSITION_LOADED=n.EVENT_COMPOSITION_LOADED;exports.EVENT_COMPOSITION_LOADING=n.EVENT_COMPOSITION_LOADING;exports.EVENT_COMPOSITION_LOAD_ERROR=n.EVENT_COMPOSITION_LOAD_ERROR;exports.EVENT_EXTEND_MODE_OFF=n.EVENT_EXTEND_MODE_OFF;exports.EVENT_EXTEND_MODE_ON=n.EVENT_EXTEND_MODE_ON;exports.EVENT_GALLERY_CLOSE=n.EVENT_GALLERY_CLOSE;exports.EVENT_GALLERY_OPEN=n.EVENT_GALLERY_OPEN;exports.EVENT_HOTSPOTS_OFF=n.EVENT_HOTSPOTS_OFF;exports.EVENT_HOTSPOTS_ON=n.EVENT_HOTSPOTS_ON;exports.EVENT_ITEM_CHANGE=n.EVENT_ITEM_CHANGE;exports.WEB_PLAYER_ICON_WC_TAG=n.WEB_PLAYER_ICON_WC_TAG;exports.WEB_PLAYER_WC_TAG=n.WEB_PLAYER_WC_TAG;exports.WebPlayer=n.WebPlayer;exports.WebPlayerCustomMedia=n.WebPlayerCustomMedia$1;exports.WebPlayerIcon=n.WebPlayerIcon$1;exports.generateCompositionUrl=n.generateCompositionUrl;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./shared-B2uKgIRn.cjs");require("react/jsx-runtime");const S=require("react"),W=require("react-dom/client");var V=Object.defineProperty,D=(e,t,r)=>t in e?V(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,f=(e,t,r)=>D(e,typeof t!="symbol"?t+"":t,r);const v={stringify:e=>e?"true":"false",parse:e=>/^[ty1-9]/i.test(e)},w={stringify:e=>e.name,parse:(e,t,r)=>{const s=(()=>{if(typeof window<"u"&&e in window)return window[e];if(typeof global<"u"&&e in global)return global[e]})();return typeof s=="function"?s.bind(r):void 0}},M={stringify:e=>JSON.stringify(e),parse:e=>JSON.parse(e)};function Y(e){return e.replace(/([a-z0-9])([A-Z])/g,(t,r,s)=>`${r}-${s.toLowerCase()}`)}function P(e){return e.replace(/[-:]([a-z])/g,(t,r)=>`${r.toUpperCase()}`)}const G={stringify:e=>e.name,parse:(e,t,r)=>{const s=(()=>{const _=P(t);if(typeof r<"u"&&_ in r.container)return r.container[_]})();return typeof s=="function"?s.bind(r):void 0}},F={stringify:e=>`${e}`,parse:e=>parseFloat(e)},j={stringify:e=>e,parse:e=>e},A={string:j,number:F,boolean:v,function:w,method:G,json:M},O=Symbol.for("r2wc.render"),N=Symbol.for("r2wc.connected"),p=Symbol.for("r2wc.context"),a=Symbol.for("r2wc.props");function k(e,t,r){var s,_,C;t.props||(t.props=e.propTypes?Object.keys(e.propTypes):[]),t.events||(t.events=[]);const m=Array.isArray(t.props)?t.props.slice():Object.keys(t.props),g=Array.isArray(t.events)?t.events.slice():Object.keys(t.events),b={},L={},y={},h={};for(const i of m){b[i]=Array.isArray(t.props)?"string":t.props[i];const o=Y(i);y[i]=o,h[o]=i}for(const i of g)L[i]=Array.isArray(t.events)?{}:t.events[i];class I extends HTMLElement{constructor(){super(),f(this,C,!0),f(this,_),f(this,s,{}),f(this,"container"),t.shadow?this.container=this.attachShadow({mode:t.shadow}):this.container=this,this[a].container=this.container;for(const o of m){const l=y[o],E=this.getAttribute(l),c=b[o],u=c?A[c]:null;if(c==="method"){const T=P(l);Object.defineProperty(this[a].container,T,{enumerable:!0,configurable:!0,get(){return this[a][T]},set(R){this[a][T]=R,this[O]()}}),this[a][o]=u.parse(E,l,this)}u!=null&&u.parse&&E&&(this[a][o]=u.parse(E,l,this))}for(const o of g)this[a][o]=l=>{const E=o.replace(/^on/,"").toLowerCase();this.dispatchEvent(new CustomEvent(E,{detail:l,...L[o]}))}}static get observedAttributes(){return Object.keys(h)}connectedCallback(){this[N]=!0,this[O]()}disconnectedCallback(){this[N]=!1,this[p]&&r.unmount(this[p]),delete this[p]}attributeChangedCallback(o,l,E){const c=h[o],u=b[c],T=u?A[u]:null;c in b&&T!=null&&T.parse&&E&&(this[a][c]=T.parse(E,o,this),this[O]())}[(C=N,_=p,s=a,O)](){this[N]&&(this[p]?r.update(this[p],this[a]):this[p]=r.mount(this.container,e,this[a]))}}for(const i of m){const o=y[i],l=b[i];Object.defineProperty(I.prototype,i,{enumerable:!0,configurable:!0,get(){return this[a][i]},set(E){this[a][i]=E;const c=l?A[l]:null;if(c!=null&&c.stringify){const u=c.stringify(E,o,this);this.getAttribute(o)!==u&&this.setAttribute(o,u)}else this[O]()}})}return I}function x(e,t,r){const s=W.createRoot(e),_=S.createElement(t,r);return s.render(_),{root:s,ReactComponent:t}}function B({root:e,ReactComponent:t},r){const s=S.createElement(t,r);e.render(s)}function U({root:e}){setTimeout(()=>{e.unmount()},0)}function d(e,t={}){return k(e,t,{mount:x,update:B,unmount:U})}const $=d(n.WebPlayerWithInjectedStyles,{shadow:"closed",props:{compositionUrl:"string",hideCategoriesNav:"boolean",infiniteCarrousel:"boolean",permanentGallery:"boolean",integration:"boolean",maxItemsShown:"number",minMediaWidth:"number",maxMediaWidth:"number",mediaLoadStrategy:"string",preloadRange:"number",autoLoad360:"boolean",autoLoadInterior360:"boolean",categoriesFilter:"string",extendBehavior:"string",eventPrefix:"string",demoSpin:"boolean",reverse360:"boolean",spinCursor:"string",analyticsEventPrefix:"string",analyticsUrl:"string",analyticsBearer:"string",analyticsSimpleRequestsOnly:"boolean",analyticsDryRun:"boolean",analyticsDebug:"boolean",monitoring:"boolean"}}),H=d(n.WebPlayerCustomMedia,{shadow:"closed",props:{index:"number",thumbnailSrc:"string"}}),X=d(n.WebPlayerIcon,{shadow:"closed",props:{name:"string"}});function q(){customElements.define(n.WEB_PLAYER_WC_TAG,$),customElements.define(n.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG,H),customElements.define(n.WEB_PLAYER_ICON_WC_TAG,X)}function z(){n.checkCustomElementsDefinition()||q()}z();exports.ANALYTICS_EVENT_DISPLAY=n.ANALYTICS_EVENT_DISPLAY;exports.ANALYTICS_EVENT_ERROR=n.ANALYTICS_EVENT_ERROR;exports.ANALYTICS_EVENT_INTERACTION=n.ANALYTICS_EVENT_INTERACTION;exports.ANALYTICS_EVENT_LOAD=n.ANALYTICS_EVENT_LOAD;exports.DEFAULT_EVENT_PREFIX=n.DEFAULT_EVENT_PREFIX;exports.EVENT_COMPOSITION_LOADED=n.EVENT_COMPOSITION_LOADED;exports.EVENT_COMPOSITION_LOADING=n.EVENT_COMPOSITION_LOADING;exports.EVENT_COMPOSITION_LOAD_ERROR=n.EVENT_COMPOSITION_LOAD_ERROR;exports.EVENT_EXTEND_MODE_OFF=n.EVENT_EXTEND_MODE_OFF;exports.EVENT_EXTEND_MODE_ON=n.EVENT_EXTEND_MODE_ON;exports.EVENT_GALLERY_CLOSE=n.EVENT_GALLERY_CLOSE;exports.EVENT_GALLERY_OPEN=n.EVENT_GALLERY_OPEN;exports.EVENT_HOTSPOTS_OFF=n.EVENT_HOTSPOTS_OFF;exports.EVENT_HOTSPOTS_ON=n.EVENT_HOTSPOTS_ON;exports.EVENT_ITEM_CHANGE=n.EVENT_ITEM_CHANGE;exports.WEB_PLAYER_ICON_WC_TAG=n.WEB_PLAYER_ICON_WC_TAG;exports.WEB_PLAYER_WC_TAG=n.WEB_PLAYER_WC_TAG;exports.WebPlayer=n.WebPlayer;exports.WebPlayerCustomMedia=n.WebPlayerCustomMedia$1;exports.WebPlayerIcon=n.WebPlayerIcon$1;exports.generateCompositionUrl=n.generateCompositionUrl;

package/dist/index.d.ts

@@ -1,61 +1,59 @@
 import { FC } from 'react';
 import { PropsWithChildren } from 'react';
 
-export declare const ANALYTICS_EVENT_IDENTIFY = "analytics-identify";
+export declare const ANALYTICS_EVENT_DISPLAY = "analytics-display";
 
-export declare const ANALYTICS_EVENT_PAGE = "analytics-page";
+export declare const ANALYTICS_EVENT_ERROR = "analytics-error";
 
-export declare const ANALYTICS_EVENT_TRACK = "analytics-track";
+export declare const ANALYTICS_EVENT_INTERACTION = "analytics-interaction";
 
-declare type AnalyticsEventBase = {
-    type: AnalyticsEventType;
+export declare const ANALYTICS_EVENT_LOAD = "analytics-load";
+
+declare type AnalyticsDisplayEvent = {
+    type: "display";
     timestamp: string;
-    instance_id: string;
+    instance: WebplayerInstance;
+    item: WebplayerDisplayedItem;
 };
 
-declare type AnalyticsEventType =
-| AnalyticsEventTypeIdentify
-| AnalyticsEventTypePage
-| AnalyticsEventTypeTrack;
-
-declare type AnalyticsEventTypeIdentify = "identify";
-
-declare type AnalyticsEventTypePage = "page";
+declare type AnalyticsErrorEvent = {
+    type: "error";
+    timestamp: string;
+    instance: WebplayerInstance;
+    current?: WebplayerDisplayedItem;
+    action?: WebplayerAction;
+    error: WebplayerError;
+};
 
-declare type AnalyticsEventTypeTrack = "track";
+declare type AnalyticsInteractionEvent = {
+    type: "interaction";
+    timestamp: string;
+    instance: WebplayerInstance;
+    current: WebplayerDisplayedItem;
+    action: WebplayerAction;
+};
 
-declare type AnalyticsIdentifyEvent = Omit<AnalyticsEventBase, "type"> &
-AnalyticsIdentifyEventProps;
+declare type AnalyticsLoadEvent = {
+    type: "load";
+    timestamp: string;
+    instance: WebplayerInstance;
+    config: AnalyticsLoadEventProps["config"];
+};
 
-declare type AnalyticsIdentifyEventProps = {
-    type: AnalyticsEventTypeIdentify;
-    browser_id: string;
-    session_id: string;
-    referrer: string;
-    origin: string;
-    page_url: string;
-    user_agent: string;
-    wp_properties: {
+declare type AnalyticsLoadEventProps = {
+    type: "load";
+    config: {
         composition_url: string;
-
-        // Integration mode
         integration: boolean;
         max_items_shown: number;
-
-        // Layout
         hide_categories_nav: boolean;
         infinite_carrousel: boolean;
         permanent_gallery: boolean;
-
-        // Medias loading
         media_load_strategy: string;
         min_media_width: number;
-        max_media_width: number;
         preload_range: number;
         auto_load_360: boolean;
         auto_load_interior_360: boolean;
-
-        // Miscellaneous
         categories_filter: string;
         extend_behavior: string;
         event_prefix: string;
@@ -64,44 +62,6 @@ declare type AnalyticsIdentifyEventProps = {
     };
 };
 
-declare type AnalyticsPageEvent = Omit<AnalyticsEventBase, "type"> &
-AnalyticsPageEventProps;
-
-declare type AnalyticsPageEventProps = {
-    type: AnalyticsEventTypePage;
-    category_id: string;
-    category_name: string;
-    items_count: number;
-    page_properties: {
-        item_type: string;
-        item_position: number;
-    };
-};
-
-declare type AnalyticsTrackEvent = Omit<AnalyticsEventBase, "type"> &
-AnalyticsTrackEventProps;
-
-declare type AnalyticsTrackEventProps = {
-    type: AnalyticsEventTypeTrack;
-    category_id: string;
-    category_name: string;
-    item_type: string;
-    item_position: number;
-    action_properties: {
-        action_name: string;
-        action_field: string;
-        action_value:
-        | bigint
-        | boolean
-        | null
-        | number
-        | string
-        | symbol
-        | undefined
-        | object;
-    };
-};
-
 declare type AspectRatio = `${number}:${number}`;
 
 declare type Category = {
@@ -215,6 +175,12 @@ export declare const WEB_PLAYER_WC_TAG = "cc-webplayer";
 
 export declare const WebPlayer: FC<WebPlayerProps>;
 
+declare type WebplayerAction = {
+    name: string;
+    field: string;
+    value: unknown;
+};
+
 export declare const WebPlayerCustomMedia: FC<PropsWithChildren<WebPlayerCustomMediaProps>>;
 
 export declare type WebPlayerCustomMediaProps = {
@@ -222,6 +188,20 @@ export declare type WebPlayerCustomMediaProps = {
     thumbnailSrc?: string;
 };
 
+declare type WebplayerDisplayedItem = {
+    category_id: string;
+    category_name: string;
+    item_type: string;
+    item_position: number;
+    items_count?: number;
+};
+
+declare type WebplayerError = {
+    name: string;
+    message: string;
+    stack?: string;
+};
+
 export declare const WebPlayerIcon: FC<PropsWithChildren<WebPlayerIconProps>>;
 
 declare type WebPlayerIconName =
@@ -252,6 +232,13 @@ export declare type WebPlayerIconProps = {
     name: WebPlayerIconName;
 };
 
+declare type WebplayerInstance = {
+    instance_id: string;
+    browser_id?: string;
+    session_id?: string;
+    from_url?: string;
+};
+
 export declare type WebPlayerProps = PropsWithChildren<WebPlayerProps_2> & {
     onCompositionLoading?: (url: string) => void;
     onCompositionLoaded?: (composition: Composition) => void;
@@ -266,9 +253,10 @@ export declare type WebPlayerProps = PropsWithChildren<WebPlayerProps_2> & {
     onHotspotsOff?: () => void;
     onGalleryOpen?: () => void;
     onGalleryClose?: () => void;
-    onAnalyticsIdentify?: (event: AnalyticsIdentifyEvent) => void;
-    onAnalyticsPage?: (event: AnalyticsPageEvent) => void;
-    onAnalyticsTrack?: (event: AnalyticsTrackEvent) => void;
+    onAnalyticsLoad?: (event: AnalyticsLoadEvent) => void;
+    onAnalyticsDisplay?: (event: AnalyticsDisplayEvent) => void;
+    onAnalyticsInteraction?: (event: AnalyticsInteractionEvent) => void;
+    onAnalyticsError?: (event: AnalyticsErrorEvent) => void;
 } & Pick<React.HTMLAttributes<HTMLElement>, "className" | "style">;
 
 declare type WebPlayerProps_2 = {
@@ -297,14 +285,21 @@ declare type WebPlayerProps_2 = {
     eventPrefix?: string;
     demoSpin?: boolean;
     reverse360?: boolean;
+    spinCursor?: string;
 
     // Analytics
     analyticsEventPrefix?: string;
+    /** @deprecated Prefer monitoring (enabled by default). When set, disables monitoring and sends analytics to this URL instead. */
     analyticsUrl?: string;
+    /** @deprecated Only used with analyticsUrl. Sets the Authorization bearer token for analytics requests. Ignored when analyticsSimpleRequestsOnly is true. */
     analyticsBearer?: string;
+    /** @deprecated Only used with analyticsUrl. When true, sends CORS simple requests only (disables custom headers including analyticsBearer). */
     analyticsSimpleRequestsOnly?: boolean;
     analyticsDryRun?: boolean;
     analyticsDebug?: boolean;
+
+    // Monitoring
+    monitoring?: boolean;
 };
 
 export { }

package/dist/index.js

@@ -1,13 +1,13 @@
-import { W as I, a as L, b as W, c as D, d as R, e as V, f as M } from "./shared-D7cc889c.js";
-import { A as ce, g as le, h as ue, D as pe, E as fe, i as me, j as be, k as Ee, l as he, m as ye, n as de, o as ge, p as _e, q as Te, r as Oe, s as Ae, t as Ce, u as Ne } from "./shared-D7cc889c.js";
+import { W as I, a as w, b as W, c as R, d as D, e as V, f as M } from "./shared-BpNLb25Y.js";
+import { A as ce, g as le, h as ue, i as pe, D as fe, E as me, j as Ee, k as be, l as he, m as ye, n as de, o as ge, p as _e, q as Oe, r as Te, s as Ae, t as Ce, u as Ne, v as Se } from "./shared-BpNLb25Y.js";
 import "react/jsx-runtime";
-import P from "react";
+import L from "react";
 import { createRoot as j } from "react-dom/client";
 var x = Object.defineProperty, k = (e, t, n) => t in e ? x(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, h = (e, t, n) => k(e, typeof t != "symbol" ? t + "" : t, n);
-const F = {
+const Y = {
   stringify: (e) => e ? "true" : "false",
   parse: (e) => /^[ty1-9]/i.test(e)
-}, G = {
+}, F = {
   stringify: (e) => e.name,
   parse: (e, t, n) => {
     const r = (() => {
@@ -18,7 +18,7 @@ const F = {
     })();
     return typeof r == "function" ? r.bind(n) : void 0;
   }
-}, Y = {
+}, G = {
   stringify: (e) => JSON.stringify(e),
   parse: (e) => JSON.parse(e)
 };
@@ -28,14 +28,14 @@ function U(e) {
     (t, n, r) => `${n}-${r.toLowerCase()}`
   );
 }
-function v(e) {
+function P(e) {
   return e.replace(/[-:]([a-z])/g, (t, n) => `${n.toUpperCase()}`);
 }
 const $ = {
   stringify: (e) => e.name,
   parse: (e, t, n) => {
     const r = (() => {
-      const p = v(t);
+      const p = P(t);
       if (typeof n < "u" && p in n.container)
         return n.container[p];
     })();
@@ -47,20 +47,20 @@ const $ = {
 }, H = {
   stringify: (e) => e,
   parse: (e) => e
-}, T = {
+}, O = {
   string: H,
   number: B,
-  boolean: F,
-  function: G,
+  boolean: Y,
+  function: F,
   method: $,
-  json: Y
-}, E = Symbol.for("r2wc.render"), y = Symbol.for("r2wc.connected"), m = Symbol.for("r2wc.context"), i = Symbol.for("r2wc.props");
+  json: G
+}, b = Symbol.for("r2wc.render"), y = Symbol.for("r2wc.connected"), m = Symbol.for("r2wc.context"), i = Symbol.for("r2wc.props");
 function z(e, t, n) {
   var r, p, A;
   t.props || (t.props = e.propTypes ? Object.keys(e.propTypes) : []), t.events || (t.events = []);
-  const d = Array.isArray(t.props) ? t.props.slice() : Object.keys(t.props), C = Array.isArray(t.events) ? t.events.slice() : Object.keys(t.events), b = {}, N = {}, g = {}, _ = {};
+  const d = Array.isArray(t.props) ? t.props.slice() : Object.keys(t.props), C = Array.isArray(t.events) ? t.events.slice() : Object.keys(t.events), E = {}, N = {}, g = {}, _ = {};
   for (const s of d) {
-    b[s] = Array.isArray(t.props) ? "string" : t.props[s];
+    E[s] = Array.isArray(t.props) ? "string" : t.props[s];
     const o = U(s);
     g[s] = o, _[o] = s;
   }
@@ -72,17 +72,17 @@ function z(e, t, n) {
         mode: t.shadow
       }) : this.container = this, this[i].container = this.container;
       for (const o of d) {
-        const l = g[o], a = this.getAttribute(l), c = b[o], u = c ? T[c] : null;
+        const l = g[o], a = this.getAttribute(l), c = E[o], u = c ? O[c] : null;
         if (c === "method") {
-          const f = v(l);
+          const f = P(l);
           Object.defineProperty(this[i].container, f, {
             enumerable: !0,
             configurable: !0,
             get() {
               return this[i][f];
             },
-            set(w) {
-              this[i][f] = w, this[E]();
+            set(v) {
+              this[i][f] = v, this[b]();
             }
           }), this[i][o] = u.parse(a, l, this);
         }
@@ -100,16 +100,16 @@ function z(e, t, n) {
       return Object.keys(_);
     }
     connectedCallback() {
-      this[y] = !0, this[E]();
+      this[y] = !0, this[b]();
     }
     disconnectedCallback() {
       this[y] = !1, this[m] && n.unmount(this[m]), delete this[m];
     }
     attributeChangedCallback(o, l, a) {
-      const c = _[o], u = b[c], f = u ? T[u] : null;
-      c in b && f != null && f.parse && a && (this[i][c] = f.parse(a, o, this), this[E]());
+      const c = _[o], u = E[c], f = u ? O[u] : null;
+      c in E && f != null && f.parse && a && (this[i][c] = f.parse(a, o, this), this[b]());
     }
-    [(A = y, p = m, r = i, E)]() {
+    [(A = y, p = m, r = i, b)]() {
       this[y] && (this[m] ? n.update(this[m], this[i]) : this[m] = n.mount(
         this.container,
         e,
@@ -118,7 +118,7 @@ function z(e, t, n) {
     }
   }
   for (const s of d) {
-    const o = g[s], l = b[s];
+    const o = g[s], l = E[s];
     Object.defineProperty(S.prototype, s, {
       enumerable: !0,
       configurable: !0,
@@ -127,26 +127,26 @@ function z(e, t, n) {
       },
       set(a) {
         this[i][s] = a;
-        const c = l ? T[l] : null;
+        const c = l ? O[l] : null;
         if (c != null && c.stringify) {
           const u = c.stringify(a, o, this);
           this.getAttribute(o) !== u && this.setAttribute(o, u);
         } else
-          this[E]();
+          this[b]();
       }
     });
   }
   return S;
 }
 function J(e, t, n) {
-  const r = j(e), p = P.createElement(t, n);
+  const r = j(e), p = L.createElement(t, n);
   return r.render(p), {
     root: r,
     ReactComponent: t
   };
 }
 function X({ root: e, ReactComponent: t }, n) {
-  const r = P.createElement(t, n);
+  const r = L.createElement(t, n);
   e.render(r);
 }
 function q({ root: e }) {
@@ -154,10 +154,10 @@ function q({ root: e }) {
     e.unmount();
   }, 0);
 }
-function O(e, t = {}) {
+function T(e, t = {}) {
   return z(e, t, { mount: J, update: X, unmount: q });
 }
-const K = O(I, {
+const Z = T(I, {
   shadow: "closed",
   props: {
     compositionUrl: "string",
@@ -180,55 +180,59 @@ const K = O(I, {
     eventPrefix: "string",
     demoSpin: "boolean",
     reverse360: "boolean",
+    spinCursor: "string",
     // Analytics
     analyticsEventPrefix: "string",
     analyticsUrl: "string",
     analyticsBearer: "string",
     analyticsSimpleRequestsOnly: "boolean",
     analyticsDryRun: "boolean",
-    analyticsDebug: "boolean"
+    analyticsDebug: "boolean",
+    // Monitoring
+    monitoring: "boolean"
   }
-}), Z = O(L, {
+}), K = T(w, {
   shadow: "closed",
   props: {
     index: "number",
     thumbnailSrc: "string"
   }
-}), Q = O(W, {
+}), Q = T(W, {
   shadow: "closed",
   props: {
     name: "string"
   }
 });
 function ee() {
-  customElements.define(R, K), customElements.define(
+  customElements.define(D, Z), customElements.define(
     V,
-    Z
+    K
   ), customElements.define(M, Q);
 }
 function te() {
-  D() || ee();
+  R() || ee();
 }
 te();
 export {
-  ce as ANALYTICS_EVENT_IDENTIFY,
-  le as ANALYTICS_EVENT_PAGE,
-  ue as ANALYTICS_EVENT_TRACK,
-  pe as DEFAULT_EVENT_PREFIX,
-  fe as EVENT_COMPOSITION_LOADED,
-  me as EVENT_COMPOSITION_LOADING,
+  ce as ANALYTICS_EVENT_DISPLAY,
+  le as ANALYTICS_EVENT_ERROR,
+  ue as ANALYTICS_EVENT_INTERACTION,
+  pe as ANALYTICS_EVENT_LOAD,
+  fe as DEFAULT_EVENT_PREFIX,
+  me as EVENT_COMPOSITION_LOADED,
+  Ee as EVENT_COMPOSITION_LOADING,
   be as EVENT_COMPOSITION_LOAD_ERROR,
-  Ee as EVENT_EXTEND_MODE_OFF,
-  he as EVENT_EXTEND_MODE_ON,
-  ye as EVENT_GALLERY_CLOSE,
-  de as EVENT_GALLERY_OPEN,
-  ge as EVENT_HOTSPOTS_OFF,
-  _e as EVENT_HOTSPOTS_ON,
+  he as EVENT_EXTEND_MODE_OFF,
+  ye as EVENT_EXTEND_MODE_ON,
+  de as EVENT_GALLERY_CLOSE,
+  ge as EVENT_GALLERY_OPEN,
+  _e as EVENT_HOTSPOTS_OFF,
+  Oe as EVENT_HOTSPOTS_ON,
   Te as EVENT_ITEM_CHANGE,
   M as WEB_PLAYER_ICON_WC_TAG,
-  R as WEB_PLAYER_WC_TAG,
-  Oe as WebPlayer,
-  Ae as WebPlayerCustomMedia,
-  Ce as WebPlayerIcon,
-  Ne as generateCompositionUrl
+  D as WEB_PLAYER_WC_TAG,
+  Ae as WebPlayer,
+  Ce as WebPlayerCustomMedia,
+  Ne as WebPlayerIcon,
+  Se as generateCompositionUrl
 };

package/dist/legacy.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./shared-Dj9ilM-O.cjs");require("react/jsx-runtime");const S=require("react"),A=require("react-dom");var R=Object.defineProperty,D=(e,t,r)=>t in e?R(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,y=(e,t,r)=>D(e,typeof t!="symbol"?t+"":t,r);const v={stringify:e=>e?"true":"false",parse:e=>/^[ty1-9]/i.test(e)},M={stringify:e=>e.name,parse:(e,t,r)=>{const s=(()=>{if(typeof window<"u"&&e in window)return window[e];if(typeof global<"u"&&e in global)return global[e]})();return typeof s=="function"?s.bind(r):void 0}},w={stringify:e=>JSON.stringify(e),parse:e=>JSON.parse(e)};function Y(e){return e.replace(/([a-z0-9])([A-Z])/g,(t,r,s)=>`${r}-${s.toLowerCase()}`)}function W(e){return e.replace(/[-:]([a-z])/g,(t,r)=>`${r.toUpperCase()}`)}const G={stringify:e=>e.name,parse:(e,t,r)=>{const s=(()=>{const T=W(t);if(typeof r<"u"&&T in r.container)return r.container[T]})();return typeof s=="function"?s.bind(r):void 0}},F={stringify:e=>`${e}`,parse:e=>parseFloat(e)},j={stringify:e=>e,parse:e=>e},m={string:j,number:F,boolean:v,function:M,method:G,json:w},f=Symbol.for("r2wc.render"),O=Symbol.for("r2wc.connected"),p=Symbol.for("r2wc.context"),a=Symbol.for("r2wc.props");function k(e,t,r){var s,T,g;t.props||(t.props=e.propTypes?Object.keys(e.propTypes):[]),t.events||(t.events=[]);const d=Array.isArray(t.props)?t.props.slice():Object.keys(t.props),P=Array.isArray(t.events)?t.events.slice():Object.keys(t.events),b={},I={},h={},N={};for(const i of d){b[i]=Array.isArray(t.props)?"string":t.props[i];const o=Y(i);h[i]=o,N[o]=i}for(const i of P)I[i]=Array.isArray(t.events)?{}:t.events[i];class L extends HTMLElement{constructor(){super(),y(this,g,!0),y(this,T),y(this,s,{}),y(this,"container"),t.shadow?this.container=this.attachShadow({mode:t.shadow}):this.container=this,this[a].container=this.container;for(const o of d){const l=h[o],E=this.getAttribute(l),c=b[o],u=c?m[c]:null;if(c==="method"){const _=W(l);Object.defineProperty(this[a].container,_,{enumerable:!0,configurable:!0,get(){return this[a][_]},set(V){this[a][_]=V,this[f]()}}),this[a][o]=u.parse(E,l,this)}u!=null&&u.parse&&E&&(this[a][o]=u.parse(E,l,this))}for(const o of P)this[a][o]=l=>{const E=o.replace(/^on/,"").toLowerCase();this.dispatchEvent(new CustomEvent(E,{detail:l,...I[o]}))}}static get observedAttributes(){return Object.keys(N)}connectedCallback(){this[O]=!0,this[f]()}disconnectedCallback(){this[O]=!1,this[p]&&r.unmount(this[p]),delete this[p]}attributeChangedCallback(o,l,E){const c=N[o],u=b[c],_=u?m[u]:null;c in b&&_!=null&&_.parse&&E&&(this[a][c]=_.parse(E,o,this),this[f]())}[(g=O,T=p,s=a,f)](){this[O]&&(this[p]?r.update(this[p],this[a]):this[p]=r.mount(this.container,e,this[a]))}}for(const i of d){const o=h[i],l=b[i];Object.defineProperty(L.prototype,i,{enumerable:!0,configurable:!0,get(){return this[a][i]},set(E){this[a][i]=E;const c=l?m[l]:null;if(c!=null&&c.stringify){const u=c.stringify(E,o,this);this.getAttribute(o)!==u&&this.setAttribute(o,u)}else this[f]()}})}return L}function B(e,t,r){const s=S.createElement(t,r);return A.render(s,e),{container:e,ReactComponent:t}}function $({container:e,ReactComponent:t},r){const s=S.createElement(t,r);A.render(s,e)}function x({container:e}){A.unmountComponentAtNode(e)}function C(e,t={}){return k(e,t,{mount:B,update:$,unmount:x})}const U=C(n.WebPlayerWithInjectedStyles,{shadow:"closed",props:{compositionUrl:"string",hideCategoriesNav:"boolean",infiniteCarrousel:"boolean",permanentGallery:"boolean",minMediaWidth:"number",maxMediaWidth:"number",mediaLoadStrategy:"string",preloadRange:"number",autoLoad360:"boolean",autoLoadInterior360:"boolean",categoriesFilter:"string",extendBehavior:"string",eventPrefix:"string",demoSpin:"boolean",reverse360:"boolean",analyticsEventPrefix:"string",analyticsUrl:"string",analyticsBearer:"string",analyticsSimpleRequestsOnly:"boolean",analyticsDryRun:"boolean",analyticsDebug:"boolean"}}),H=C(n.WebPlayerCustomMedia,{shadow:"closed",props:{index:"number",thumbnailSrc:"string"}}),X=C(n.WebPlayerIcon,{shadow:"closed",props:{name:"string"}});function q(){customElements.define(n.WEB_PLAYER_WC_TAG,U),customElements.define(n.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG,H),customElements.define(n.WEB_PLAYER_ICON_WC_TAG,X)}function z(){n.checkCustomElementsDefinition()||q()}z();exports.ANALYTICS_EVENT_IDENTIFY=n.ANALYTICS_EVENT_IDENTIFY;exports.ANALYTICS_EVENT_PAGE=n.ANALYTICS_EVENT_PAGE;exports.ANALYTICS_EVENT_TRACK=n.ANALYTICS_EVENT_TRACK;exports.DEFAULT_EVENT_PREFIX=n.DEFAULT_EVENT_PREFIX;exports.EVENT_COMPOSITION_LOADED=n.EVENT_COMPOSITION_LOADED;exports.EVENT_COMPOSITION_LOADING=n.EVENT_COMPOSITION_LOADING;exports.EVENT_COMPOSITION_LOAD_ERROR=n.EVENT_COMPOSITION_LOAD_ERROR;exports.EVENT_EXTEND_MODE_OFF=n.EVENT_EXTEND_MODE_OFF;exports.EVENT_EXTEND_MODE_ON=n.EVENT_EXTEND_MODE_ON;exports.EVENT_GALLERY_CLOSE=n.EVENT_GALLERY_CLOSE;exports.EVENT_GALLERY_OPEN=n.EVENT_GALLERY_OPEN;exports.EVENT_HOTSPOTS_OFF=n.EVENT_HOTSPOTS_OFF;exports.EVENT_HOTSPOTS_ON=n.EVENT_HOTSPOTS_ON;exports.EVENT_ITEM_CHANGE=n.EVENT_ITEM_CHANGE;exports.WEB_PLAYER_ICON_WC_TAG=n.WEB_PLAYER_ICON_WC_TAG;exports.WEB_PLAYER_WC_TAG=n.WEB_PLAYER_WC_TAG;exports.WebPlayer=n.WebPlayer;exports.WebPlayerCustomMedia=n.WebPlayerCustomMedia$1;exports.WebPlayerIcon=n.WebPlayerIcon$1;exports.generateCompositionUrl=n.generateCompositionUrl;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./shared-B2uKgIRn.cjs");require("react/jsx-runtime");const P=require("react"),m=require("react-dom");var V=Object.defineProperty,D=(e,t,r)=>t in e?V(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,N=(e,t,r)=>D(e,typeof t!="symbol"?t+"":t,r);const v={stringify:e=>e?"true":"false",parse:e=>/^[ty1-9]/i.test(e)},M={stringify:e=>e.name,parse:(e,t,r)=>{const s=(()=>{if(typeof window<"u"&&e in window)return window[e];if(typeof global<"u"&&e in global)return global[e]})();return typeof s=="function"?s.bind(r):void 0}},w={stringify:e=>JSON.stringify(e),parse:e=>JSON.parse(e)};function Y(e){return e.replace(/([a-z0-9])([A-Z])/g,(t,r,s)=>`${r}-${s.toLowerCase()}`)}function R(e){return e.replace(/[-:]([a-z])/g,(t,r)=>`${r.toUpperCase()}`)}const G={stringify:e=>e.name,parse:(e,t,r)=>{const s=(()=>{const T=R(t);if(typeof r<"u"&&T in r.container)return r.container[T]})();return typeof s=="function"?s.bind(r):void 0}},F={stringify:e=>`${e}`,parse:e=>parseFloat(e)},j={stringify:e=>e,parse:e=>e},h={string:j,number:F,boolean:v,function:M,method:G,json:w},b=Symbol.for("r2wc.render"),f=Symbol.for("r2wc.connected"),p=Symbol.for("r2wc.context"),a=Symbol.for("r2wc.props");function k(e,t,r){var s,T,g;t.props||(t.props=e.propTypes?Object.keys(e.propTypes):[]),t.events||(t.events=[]);const y=Array.isArray(t.props)?t.props.slice():Object.keys(t.props),L=Array.isArray(t.events)?t.events.slice():Object.keys(t.events),O={},I={},A={},d={};for(const i of y){O[i]=Array.isArray(t.props)?"string":t.props[i];const o=Y(i);A[i]=o,d[o]=i}for(const i of L)I[i]=Array.isArray(t.events)?{}:t.events[i];class S extends HTMLElement{constructor(){super(),N(this,g,!0),N(this,T),N(this,s,{}),N(this,"container"),t.shadow?this.container=this.attachShadow({mode:t.shadow}):this.container=this,this[a].container=this.container;for(const o of y){const l=A[o],E=this.getAttribute(l),c=O[o],u=c?h[c]:null;if(c==="method"){const _=R(l);Object.defineProperty(this[a].container,_,{enumerable:!0,configurable:!0,get(){return this[a][_]},set(W){this[a][_]=W,this[b]()}}),this[a][o]=u.parse(E,l,this)}u!=null&&u.parse&&E&&(this[a][o]=u.parse(E,l,this))}for(const o of L)this[a][o]=l=>{const E=o.replace(/^on/,"").toLowerCase();this.dispatchEvent(new CustomEvent(E,{detail:l,...I[o]}))}}static get observedAttributes(){return Object.keys(d)}connectedCallback(){this[f]=!0,this[b]()}disconnectedCallback(){this[f]=!1,this[p]&&r.unmount(this[p]),delete this[p]}attributeChangedCallback(o,l,E){const c=d[o],u=O[c],_=u?h[u]:null;c in O&&_!=null&&_.parse&&E&&(this[a][c]=_.parse(E,o,this),this[b]())}[(g=f,T=p,s=a,b)](){this[f]&&(this[p]?r.update(this[p],this[a]):this[p]=r.mount(this.container,e,this[a]))}}for(const i of y){const o=A[i],l=O[i];Object.defineProperty(S.prototype,i,{enumerable:!0,configurable:!0,get(){return this[a][i]},set(E){this[a][i]=E;const c=l?h[l]:null;if(c!=null&&c.stringify){const u=c.stringify(E,o,this);this.getAttribute(o)!==u&&this.setAttribute(o,u)}else this[b]()}})}return S}function B(e,t,r){const s=P.createElement(t,r);return m.render(s,e),{container:e,ReactComponent:t}}function $({container:e,ReactComponent:t},r){const s=P.createElement(t,r);m.render(s,e)}function x({container:e}){m.unmountComponentAtNode(e)}function C(e,t={}){return k(e,t,{mount:B,update:$,unmount:x})}const U=C(n.WebPlayerWithInjectedStyles,{shadow:"closed",props:{compositionUrl:"string",hideCategoriesNav:"boolean",infiniteCarrousel:"boolean",permanentGallery:"boolean",minMediaWidth:"number",maxMediaWidth:"number",mediaLoadStrategy:"string",preloadRange:"number",autoLoad360:"boolean",autoLoadInterior360:"boolean",categoriesFilter:"string",extendBehavior:"string",eventPrefix:"string",demoSpin:"boolean",reverse360:"boolean",spinCursor:"string",analyticsEventPrefix:"string",analyticsUrl:"string",analyticsBearer:"string",analyticsSimpleRequestsOnly:"boolean",analyticsDryRun:"boolean",analyticsDebug:"boolean",monitoring:"boolean"}}),H=C(n.WebPlayerCustomMedia,{shadow:"closed",props:{index:"number",thumbnailSrc:"string"}}),X=C(n.WebPlayerIcon,{shadow:"closed",props:{name:"string"}});function q(){customElements.define(n.WEB_PLAYER_WC_TAG,U),customElements.define(n.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG,H),customElements.define(n.WEB_PLAYER_ICON_WC_TAG,X)}function z(){n.checkCustomElementsDefinition()||q()}z();exports.ANALYTICS_EVENT_DISPLAY=n.ANALYTICS_EVENT_DISPLAY;exports.ANALYTICS_EVENT_ERROR=n.ANALYTICS_EVENT_ERROR;exports.ANALYTICS_EVENT_INTERACTION=n.ANALYTICS_EVENT_INTERACTION;exports.ANALYTICS_EVENT_LOAD=n.ANALYTICS_EVENT_LOAD;exports.DEFAULT_EVENT_PREFIX=n.DEFAULT_EVENT_PREFIX;exports.EVENT_COMPOSITION_LOADED=n.EVENT_COMPOSITION_LOADED;exports.EVENT_COMPOSITION_LOADING=n.EVENT_COMPOSITION_LOADING;exports.EVENT_COMPOSITION_LOAD_ERROR=n.EVENT_COMPOSITION_LOAD_ERROR;exports.EVENT_EXTEND_MODE_OFF=n.EVENT_EXTEND_MODE_OFF;exports.EVENT_EXTEND_MODE_ON=n.EVENT_EXTEND_MODE_ON;exports.EVENT_GALLERY_CLOSE=n.EVENT_GALLERY_CLOSE;exports.EVENT_GALLERY_OPEN=n.EVENT_GALLERY_OPEN;exports.EVENT_HOTSPOTS_OFF=n.EVENT_HOTSPOTS_OFF;exports.EVENT_HOTSPOTS_ON=n.EVENT_HOTSPOTS_ON;exports.EVENT_ITEM_CHANGE=n.EVENT_ITEM_CHANGE;exports.WEB_PLAYER_ICON_WC_TAG=n.WEB_PLAYER_ICON_WC_TAG;exports.WEB_PLAYER_WC_TAG=n.WEB_PLAYER_WC_TAG;exports.WebPlayer=n.WebPlayer;exports.WebPlayerCustomMedia=n.WebPlayerCustomMedia$1;exports.WebPlayerIcon=n.WebPlayerIcon$1;exports.generateCompositionUrl=n.generateCompositionUrl;