@vouchfor/embeds 0.0.0-experiment.1b80037 → 0.0.0-experiment.254513d

package/dist/es/components/Embed/controllers/fetcher.d.ts

@@ -5,14 +5,14 @@ type EmbedHost = ReactiveControllerHost & Embed;
 declare class FetcherController {
     host: EmbedHost;
     private _fetching;
-    private _vouch;
-    private _template;
+    private _vouch?;
+    private _template?;
     set fetching(value: boolean);
     get fetching(): boolean;
-    set vouch(value: import("@vouchfor/media-player/dist/src/components/MediaPlayer/types").Vouch | null | undefined);
-    get vouch(): import("@vouchfor/media-player/dist/src/components/MediaPlayer/types").Vouch | null | undefined;
-    set template(value: TemplateInstance | null);
-    get template(): TemplateInstance | null;
+    set vouch(value: import("@vouchfor/media-player/dist/src/components/MediaPlayer/types").Vouch | undefined);
+    get vouch(): import("@vouchfor/media-player/dist/src/components/MediaPlayer/types").Vouch | undefined;
+    set template(value: TemplateInstance | undefined);
+    get template(): TemplateInstance | undefined;
     private getVouch;
     private getTemplate;
     constructor(host: EmbedHost);

package/dist/es/components/Embed/index.d.ts

@@ -2,7 +2,7 @@ import { LitElement } from 'lit';
 import type { Scene, TemplateInstance } from '@vouchfor/canvas-video';
 import type { MediaPlayer, MediaPlayerProps } from '@vouchfor/media-player';
 import type { Environment } from '../../utils/env';
-type EmbedProps = Pick<MediaPlayerProps, 'data' | 'resolution' | 'aspectRatio' | 'preload' | 'autoplay' | 'controls'> & {
+type EmbedProps = Pick<MediaPlayerProps, 'data' | 'aspectRatio' | 'preload' | 'autoplay' | 'controls'> & {
     env: Environment;
     apiKey: string;
     vouchId?: string;
@@ -15,16 +15,15 @@ declare class Embed extends LitElement {
     templateId: EmbedProps['templateId'];
     env: EmbedProps['env'];
     apiKey: EmbedProps['apiKey'];
+    controls: EmbedProps['controls'];
     preload: EmbedProps['preload'];
     autoplay: EmbedProps['autoplay'];
-    resolution: EmbedProps['resolution'];
     aspectRatio: EmbedProps['aspectRatio'];
-    controls: EmbedProps['controls'];
     private eventController;
     private _fetcherController;
     private _trackingController;
-    get vouch(): import("@vouchfor/media-player/dist/src/components/MediaPlayer/types").Vouch | null | undefined;
-    get template(): TemplateInstance | null;
+    get vouch(): import("@vouchfor/media-player/dist/src/components/MediaPlayer/types").Vouch | undefined;
+    get template(): TemplateInstance | undefined;
     get fetching(): boolean;
     get waiting(): boolean | undefined;
     get seeking(): boolean | undefined;

package/dist/es/embeds.js

@@ -1,5 +1,5 @@
-import { property as A, customElement as Yt } from "lit/decorators.js";
-import { ifDefined as et } from "lit/directives/if-defined.js";
+import { property as y, customElement as Yt } from "lit/decorators.js";
+import { ifDefined as mt } from "lit/directives/if-defined.js";
 import { createRef as Lt, ref as kt } from "lit/directives/ref.js";
 import { Task as Qt } from "@lit/task";
 import "@vouchfor/media-player";
@@ -8,7 +8,7 @@ import "@vouchfor/media-player";
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const F = window, $t = F.ShadowRoot && (F.ShadyCSS === void 0 || F.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Dt = Symbol(), gt = /* @__PURE__ */ new WeakMap();
+const F = window, _t = F.ShadowRoot && (F.ShadyCSS === void 0 || F.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Dt = Symbol(), gt = /* @__PURE__ */ new WeakMap();
 let te = class {
   constructor(t, e, i) {
     if (this._$cssResult$ = !0, i !== Dt)
@@ -18,7 +18,7 @@ let te = class {
   get styleSheet() {
     let t = this.o;
     const e = this.t;
-    if ($t && t === void 0) {
+    if (_t && t === void 0) {
       const i = e !== void 0 && e.length === 1;
       i && (t = gt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && gt.set(e, t));
     }
@@ -29,11 +29,11 @@ let te = class {
   }
 };
 const ee = (n) => new te(typeof n == "string" ? n : n + "", void 0, Dt), ie = (n, t) => {
-  $t ? n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : t.forEach((e) => {
+  _t ? n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : t.forEach((e) => {
     const i = document.createElement("style"), s = F.litNonce;
     s !== void 0 && i.setAttribute("nonce", s), i.textContent = e.cssText, n.appendChild(i);
   });
-}, ft = $t ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
+}, ft = _t ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const i of t.cssRules)
     e += i.cssText;
@@ -44,8 +44,8 @@ const ee = (n) => new te(typeof n == "string" ? n : n + "", void 0, Dt), ie = (n
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var it;
-const K = window, At = K.trustedTypes, se = At ? At.emptyScript : "", yt = K.reactiveElementPolyfillSupport, ct = { toAttribute(n, t) {
+var et;
+const K = window, At = K.trustedTypes, se = At ? At.emptyScript : "", yt = K.reactiveElementPolyfillSupport, dt = { toAttribute(n, t) {
   switch (t) {
     case Boolean:
       n = n ? se : null;
@@ -73,7 +73,7 @@ const K = window, At = K.trustedTypes, se = At ? At.emptyScript : "", yt = K.rea
       }
   }
   return e;
-} }, jt = (n, t) => t !== n && (t == t || n == n), st = { attribute: !0, type: String, converter: ct, reflect: !1, hasChanged: jt }, ut = "finalized";
+} }, jt = (n, t) => t !== n && (t == t || n == n), it = { attribute: !0, type: String, converter: dt, reflect: !1, hasChanged: jt }, ct = "finalized";
 let T = class extends HTMLElement {
   constructor() {
     super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this.u();
@@ -90,7 +90,7 @@ let T = class extends HTMLElement {
       s !== void 0 && (this._$Ev.set(s, i), t.push(s));
     }), t;
   }
-  static createProperty(t, e = st) {
+  static createProperty(t, e = it) {
     if (e.state && (e.attribute = !1), this.finalize(), this.elementProperties.set(t, e), !e.noAccessor && !this.prototype.hasOwnProperty(t)) {
       const i = typeof t == "symbol" ? Symbol() : "__" + t, s = this.getPropertyDescriptor(t, i, e);
       s !== void 0 && Object.defineProperty(this.prototype, t, s);
@@ -105,12 +105,12 @@ let T = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) || st;
+    return this.elementProperties.get(t) || it;
   }
   static finalize() {
-    if (this.hasOwnProperty(ut))
+    if (this.hasOwnProperty(ct))
       return !1;
-    this[ut] = !0;
+    this[ct] = !0;
     const t = Object.getPrototypeOf(this);
     if (t.finalize(), t.h !== void 0 && (this.h = [...t.h]), this.elementProperties = new Map(t.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
       const e = this.properties, i = [...Object.getOwnPropertyNames(e), ...Object.getOwnPropertySymbols(e)];
@@ -174,11 +174,11 @@ let T = class extends HTMLElement {
   attributeChangedCallback(t, e, i) {
     this._$AK(t, i);
   }
-  _$EO(t, e, i = st) {
+  _$EO(t, e, i = it) {
     var s;
     const r = this.constructor._$Ep(t, i);
     if (r !== void 0 && i.reflect === !0) {
-      const o = (((s = i.converter) === null || s === void 0 ? void 0 : s.toAttribute) !== void 0 ? i.converter : ct).toAttribute(e, i.type);
+      const o = (((s = i.converter) === null || s === void 0 ? void 0 : s.toAttribute) !== void 0 ? i.converter : dt).toAttribute(e, i.type);
       this._$El = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$El = null;
     }
   }
@@ -186,7 +186,7 @@ let T = class extends HTMLElement {
     var i;
     const s = this.constructor, r = s._$Ev.get(t);
     if (r !== void 0 && this._$El !== r) {
-      const o = s.getPropertyOptions(r), d = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((i = o.converter) === null || i === void 0 ? void 0 : i.fromAttribute) !== void 0 ? o.converter : ct;
+      const o = s.getPropertyOptions(r), d = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((i = o.converter) === null || i === void 0 ? void 0 : i.fromAttribute) !== void 0 ? o.converter : dt;
       this._$El = r, this[r] = d.fromAttribute(e, o.type), this._$El = null;
     }
   }
@@ -253,15 +253,15 @@ let T = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-T[ut] = !0, T.elementProperties = /* @__PURE__ */ new Map(), T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, yt == null || yt({ ReactiveElement: T }), ((it = K.reactiveElementVersions) !== null && it !== void 0 ? it : K.reactiveElementVersions = []).push("1.6.2");
+T[ct] = !0, T.elementProperties = /* @__PURE__ */ new Map(), T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, yt == null || yt({ ReactiveElement: T }), ((et = K.reactiveElementVersions) !== null && et !== void 0 ? et : K.reactiveElementVersions = []).push("1.6.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var nt;
-const J = window, x = J.trustedTypes, Et = x ? x.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, pt = "$lit$", E = `lit$${(Math.random() + "").slice(9)}$`, Bt = "?" + E, ne = `<${Bt}>`, C = document, G = () => C.createComment(""), D = (n) => n === null || typeof n != "object" && typeof n != "function", zt = Array.isArray, re = (n) => zt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", rt = `[ 	
-\f\r]`, O = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, wt = /-->/g, bt = />/g, b = RegExp(`>|${rt}(?:([^\\s"'>=/]+)(${rt}*=${rt}*(?:[^ 	
+var st;
+const J = window, x = J.trustedTypes, Et = x ? x.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, ut = "$lit$", E = `lit$${(Math.random() + "").slice(9)}$`, Bt = "?" + E, ne = `<${Bt}>`, C = document, G = () => C.createComment(""), D = (n) => n === null || typeof n != "object" && typeof n != "function", zt = Array.isArray, re = (n) => zt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", nt = `[ 	
+\f\r]`, O = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, wt = /-->/g, bt = />/g, b = RegExp(`>|${nt}(?:([^\\s"'>=/]+)(${nt}*=${nt}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), St = /'/g, Pt = /"/g, qt = /^(?:script|style|textarea|title)$/i, j = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), Ut = /* @__PURE__ */ new WeakMap(), P = C.createTreeWalker(C, 129, null, !1);
 function Wt(n, t) {
   if (!Array.isArray(n) || !n.hasOwnProperty("raw"))
@@ -277,11 +277,11 @@ const oe = (n, t) => {
     for (; c < l.length && (o.lastIndex = c, u = o.exec(l), u !== null); )
       c = o.lastIndex, o === O ? u[1] === "!--" ? o = wt : u[1] !== void 0 ? o = bt : u[2] !== void 0 ? (qt.test(u[2]) && (s = RegExp("</" + u[2], "g")), o = b) : u[3] !== void 0 && (o = b) : o === b ? u[0] === ">" ? (o = s ?? O, a = -1) : u[1] === void 0 ? a = -2 : (a = o.lastIndex - u[2].length, h = u[1], o = u[3] === void 0 ? b : u[3] === '"' ? Pt : St) : o === Pt || o === St ? o = b : o === wt || o === bt ? o = O : (o = b, s = void 0);
     const p = o === b && n[d + 1].startsWith("/>") ? " " : "";
-    r += o === O ? l + ne : a >= 0 ? (i.push(h), l.slice(0, a) + pt + l.slice(a) + E + p) : l + E + (a === -2 ? (i.push(void 0), d) : p);
+    r += o === O ? l + ne : a >= 0 ? (i.push(h), l.slice(0, a) + ut + l.slice(a) + E + p) : l + E + (a === -2 ? (i.push(void 0), d) : p);
   }
   return [Wt(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
 };
-let vt = class Zt {
+let pt = class Zt {
   constructor({ strings: t, _$litType$: e }, i) {
     let s;
     this.parts = [];
@@ -296,11 +296,11 @@ let vt = class Zt {
         if (s.hasAttributes()) {
           const a = [];
           for (const c of s.getAttributeNames())
-            if (c.endsWith(pt) || c.startsWith(E)) {
+            if (c.endsWith(ut) || c.startsWith(E)) {
               const p = u[o++];
               if (a.push(c), p !== void 0) {
-                const y = s.getAttribute(p.toLowerCase() + pt).split(E), m = /([.?@])?(.*)/.exec(p);
-                l.push({ type: 1, index: r, name: m[2], strings: y, ctor: m[1] === "." ? he : m[1] === "?" ? de : m[1] === "@" ? ce : Q });
+                const A = s.getAttribute(p.toLowerCase() + ut).split(E), m = /([.?@])?(.*)/.exec(p);
+                l.push({ type: 1, index: r, name: m[2], strings: A, ctor: m[1] === "." ? he : m[1] === "?" ? de : m[1] === "@" ? ce : Q });
               } else
                 l.push({ type: 6, index: r });
             }
@@ -403,7 +403,7 @@ let le = class {
   }
   g(t) {
     var e;
-    const { values: i, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = vt.createElement(Wt(s.h, s.h[0]), this.options)), s);
+    const { values: i, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = pt.createElement(Wt(s.h, s.h[0]), this.options)), s);
     if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === r)
       this._$AH.v(i);
     else {
@@ -413,7 +413,7 @@ let le = class {
   }
   _$AC(t) {
     let e = Ut.get(t.strings);
-    return e === void 0 && Ut.set(t.strings, e = new vt(t)), e;
+    return e === void 0 && Ut.set(t.strings, e = new pt(t)), e;
   }
   T(t) {
     zt(this._$AH) || (this._$AH = [], this._$AR());
@@ -504,15 +504,15 @@ class ue {
   }
 }
 const Ct = J.litHtmlPolyfillSupport;
-Ct == null || Ct(vt, Ft), ((nt = J.litHtmlVersions) !== null && nt !== void 0 ? nt : J.litHtmlVersions = []).push("2.8.0");
+Ct == null || Ct(pt, Ft), ((st = J.litHtmlVersions) !== null && st !== void 0 ? st : J.litHtmlVersions = []).push("2.8.0");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var ot;
-const X = window, N = X.trustedTypes, Rt = N ? N.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, _t = "$lit$", w = `lit$${(Math.random() + "").slice(9)}$`, Jt = "?" + w, pe = `<${Jt}>`, R = document, B = () => R.createComment(""), z = (n) => n === null || typeof n != "object" && typeof n != "function", Gt = Array.isArray, ve = (n) => Gt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", lt = `[ 	
-\f\r]`, M = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Tt = /-->/g, xt = />/g, S = RegExp(`>|${lt}(?:([^\\s"'>=/]+)(${lt}*=${lt}*(?:[^ 	
+var rt;
+const X = window, N = X.trustedTypes, Rt = N ? N.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, vt = "$lit$", w = `lit$${(Math.random() + "").slice(9)}$`, Jt = "?" + w, pe = `<${Jt}>`, R = document, B = () => R.createComment(""), z = (n) => n === null || typeof n != "object" && typeof n != "function", Gt = Array.isArray, ve = (n) => Gt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", ot = `[ 	
+\f\r]`, M = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Tt = /-->/g, xt = />/g, S = RegExp(`>|${ot}(?:([^\\s"'>=/]+)(${ot}*=${ot}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), Ht = /'/g, Nt = /"/g, Xt = /^(?:script|style|textarea|title)$/i, _e = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), $e = _e(1), I = Symbol.for("lit-noChange"), _ = Symbol.for("lit-nothing"), It = /* @__PURE__ */ new WeakMap(), U = R.createTreeWalker(R, 129, null, !1), me = (n, t) => {
   const e = n.length - 1, i = [];
   let s, r = t === 2 ? "<svg>" : "", o = M;
@@ -521,8 +521,8 @@ const X = window, N = X.trustedTypes, Rt = N ? N.createPolicy("lit-html", { crea
     let u, a, c = -1, p = 0;
     for (; p < h.length && (o.lastIndex = p, a = o.exec(h), a !== null); )
       p = o.lastIndex, o === M ? a[1] === "!--" ? o = Tt : a[1] !== void 0 ? o = xt : a[2] !== void 0 ? (Xt.test(a[2]) && (s = RegExp("</" + a[2], "g")), o = S) : a[3] !== void 0 && (o = S) : o === S ? a[0] === ">" ? (o = s ?? M, c = -1) : a[1] === void 0 ? c = -2 : (c = o.lastIndex - a[2].length, u = a[1], o = a[3] === void 0 ? S : a[3] === '"' ? Nt : Ht) : o === Nt || o === Ht ? o = S : o === Tt || o === xt ? o = M : (o = S, s = void 0);
-    const y = o === S && n[l + 1].startsWith("/>") ? " " : "";
-    r += o === M ? h + pe : c >= 0 ? (i.push(u), h.slice(0, c) + _t + h.slice(c) + w + y) : h + w + (c === -2 ? (i.push(void 0), l) : y);
+    const A = o === S && n[l + 1].startsWith("/>") ? " " : "";
+    r += o === M ? h + pe : c >= 0 ? (i.push(u), h.slice(0, c) + vt + h.slice(c) + w + A) : h + w + (c === -2 ? (i.push(void 0), l) : A);
   }
   const d = r + (n[e] || "<?>") + (t === 2 ? "</svg>" : "");
   if (!Array.isArray(n) || !n.hasOwnProperty("raw"))
@@ -544,11 +544,11 @@ class q {
         if (s.hasAttributes()) {
           const a = [];
           for (const c of s.getAttributeNames())
-            if (c.endsWith(_t) || c.startsWith(w)) {
+            if (c.endsWith(vt) || c.startsWith(w)) {
               const p = u[o++];
               if (a.push(c), p !== void 0) {
-                const y = s.getAttribute(p.toLowerCase() + _t).split(w), m = /([.?@])?(.*)/.exec(p);
-                l.push({ type: 1, index: r, name: m[2], strings: y, ctor: m[1] === "." ? fe : m[1] === "?" ? ye : m[1] === "@" ? Ee : tt });
+                const A = s.getAttribute(p.toLowerCase() + vt).split(w), m = /([.?@])?(.*)/.exec(p);
+                l.push({ type: 1, index: r, name: m[2], strings: A, ctor: m[1] === "." ? fe : m[1] === "?" ? ye : m[1] === "@" ? Ee : tt });
               } else
                 l.push({ type: 6, index: r });
             }
@@ -756,7 +756,7 @@ class we {
   }
 }
 const Vt = X.litHtmlPolyfillSupport;
-Vt == null || Vt(q, W), ((ot = X.litHtmlVersions) !== null && ot !== void 0 ? ot : X.litHtmlVersions = []).push("2.7.4");
+Vt == null || Vt(q, W), ((rt = X.litHtmlVersions) !== null && rt !== void 0 ? rt : X.litHtmlVersions = []).push("2.7.4");
 const be = (n, t, e) => {
   var i, s;
   const r = (i = e == null ? void 0 : e.renderBefore) !== null && i !== void 0 ? i : t;
@@ -772,7 +772,7 @@ const be = (n, t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var ht, at;
+var lt, ht;
 class k extends T {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
@@ -798,10 +798,10 @@ class k extends T {
     return I;
   }
 }
-k.finalized = !0, k._$litElement$ = !0, (ht = globalThis.litElementHydrateSupport) === null || ht === void 0 || ht.call(globalThis, { LitElement: k });
+k.finalized = !0, k._$litElement$ = !0, (lt = globalThis.litElementHydrateSupport) === null || lt === void 0 || lt.call(globalThis, { LitElement: k });
 const Ot = globalThis.litElementPolyfillSupport;
 Ot == null || Ot({ LitElement: k });
-((at = globalThis.litElementVersions) !== null && at !== void 0 ? at : globalThis.litElementVersions = []).push("3.3.2");
+((ht = globalThis.litElementVersions) !== null && ht !== void 0 ? ht : globalThis.litElementVersions = []).push("3.3.2");
 function Se(n, t, e) {
   function i(s) {
     e.dispatchEvent(new CustomEvent(s.type, s));
@@ -830,13 +830,13 @@ class Pe {
     }), this._cleanup = [];
   }
 }
-const dt = "https://vouchfor.com", Ue = "https://d2rxhdlm2q91uk.cloudfront.net", Ce = "https://d1ix11aj5kfygl.cloudfront.net", Re = "https://d157jlwnudd93d.cloudfront.net", Te = "https://bshyfw4h5a.execute-api.ap-southeast-2.amazonaws.com/dev", xe = "https://gyzw7rpbq3.execute-api.ap-southeast-2.amazonaws.com/staging", He = "https://vfcjuim1l3.execute-api.ap-southeast-2.amazonaws.com/prod", Ne = "http://localhost:6060/v1", Ie = "https://embed-staging.vouchfor.com/v1", Ve = "https://embed.vouchfor.com/v1", Oe = "https://dev.vouchfor.com", Me = "https://staging.vouchfor.com", Le = "https://app.vouchfor.com";
+const at = "https://vouchfor.com", Ue = "https://d2rxhdlm2q91uk.cloudfront.net", Ce = "https://d1ix11aj5kfygl.cloudfront.net", Re = "https://d157jlwnudd93d.cloudfront.net", Te = "https://bshyfw4h5a.execute-api.ap-southeast-2.amazonaws.com/dev", xe = "https://gyzw7rpbq3.execute-api.ap-southeast-2.amazonaws.com/staging", He = "https://vfcjuim1l3.execute-api.ap-southeast-2.amazonaws.com/prod", Ne = "http://localhost:6060/v1", Ie = "https://embed-staging.vouchfor.com/v1", Ve = "https://embed.vouchfor.com/v1", Oe = "https://dev.vouchfor.com", Me = "https://staging.vouchfor.com", Le = "https://app.vouchfor.com";
 function Y(n) {
   if (!["dev", "staging", "prod"].includes(n))
     throw new Error(`Unknown environment: ${n}`);
   if (n === "dev")
     return {
-      marketingUrl: dt,
+      marketingUrl: at,
       videoUrl: Ue,
       publicApiUrl: Te,
       embedApiUrl: Ne,
@@ -844,7 +844,7 @@ function Y(n) {
     };
   if (n === "staging")
     return {
-      marketingUrl: dt,
+      marketingUrl: at,
       videoUrl: Ce,
       publicApiUrl: xe,
       embedApiUrl: Ie,
@@ -852,7 +852,7 @@ function Y(n) {
     };
   if (n === "prod")
     return {
-      marketingUrl: dt,
+      marketingUrl: at,
       videoUrl: Re,
       publicApiUrl: He,
       embedApiUrl: Ve,
@@ -861,12 +861,12 @@ function Y(n) {
 }
 class ke {
   constructor(t) {
-    this._fetching = !1, this._vouch = null, this._template = null, this.host = t, new Qt(
+    this._fetching = !1, this.host = t, new Qt(
       this.host,
       async ([e, i, s, r, o]) => {
         var d, l, h, u;
         try {
-          if (this.vouch = null, this.template = null, s) {
+          if (this.vouch = void 0, this.template = void 0, s) {
             const a = await this.getTemplate(e, i, o);
             this.vouch = s, this.template = ((l = (d = s == null ? void 0 : s.settings) == null ? void 0 : d.template) == null ? void 0 : l.instance) ?? a;
           } else if (r) {
@@ -1033,7 +1033,7 @@ class We {
       return "uuid" in this.host.data ? this.host.data.uuid : this.host.data.id;
   }
   _getUids() {
-    var r, o, d, l, h, u, a, c, p, y, m, mt;
+    var r, o, d, l, h, u, a, c, p, A, m, $t;
     if (typeof window > "u")
       return {
         client: null,
@@ -1041,7 +1041,7 @@ class We {
         request: L()
       };
     const t = this._visitorId || ((o = (r = window.localStorage) == null ? void 0 : r.getItem) == null ? void 0 : o.call(r, "vouch-uid-visitor")) || this._createVisitor(L()), e = this._clientId || ((l = (d = window.localStorage) == null ? void 0 : d.getItem) == null ? void 0 : l.call(d, "vouch-uid-client")) || L(), i = this._tabId || ((u = (h = window.sessionStorage) == null ? void 0 : h.getItem) == null ? void 0 : u.call(h, "vouch-uid-tab")) || L(), s = L();
-    return t !== this._visitorId && (this._visitorId = t, (c = (a = window.localStorage) == null ? void 0 : a.setItem) == null || c.call(a, "vouch-uid-visitor", t)), e !== this._clientId && (this._clientId = e, (y = (p = window.localStorage) == null ? void 0 : p.setItem) == null || y.call(p, "vouch-uid-client", e)), i !== this._tabId && (this._tabId = i, (mt = (m = window.sessionStorage) == null ? void 0 : m.setItem) == null || mt.call(m, "vouch-uid-tab", i)), {
+    return t !== this._visitorId && (this._visitorId = t, (c = (a = window.localStorage) == null ? void 0 : a.setItem) == null || c.call(a, "vouch-uid-visitor", t)), e !== this._clientId && (this._clientId = e, (A = (p = window.localStorage) == null ? void 0 : p.setItem) == null || A.call(p, "vouch-uid-client", e)), i !== this._tabId && (this._tabId = i, ($t = (m = window.sessionStorage) == null ? void 0 : m.setItem) == null || $t.call(m, "vouch-uid-tab", i)), {
       client: e,
       tab: i,
       request: s,
@@ -1066,7 +1066,7 @@ var Ze = Object.defineProperty, Fe = Object.getOwnPropertyDescriptor, f = (n, t,
 };
 let g = class extends k {
   constructor() {
-    super(...arguments), this._mediaPlayerRef = Lt(), this.env = "prod", this.apiKey = "", this.preload = "auto", this.autoplay = !1, this.resolution = 1080, this.aspectRatio = 0, this.eventController = new Pe(this, [
+    super(...arguments), this._mediaPlayerRef = Lt(), this.env = "prod", this.apiKey = "", this.preload = "auto", this.autoplay = !1, this.aspectRatio = 0, this.eventController = new Pe(this, [
       "durationchange",
       "ended",
       "error",
@@ -1190,44 +1190,40 @@ let g = class extends k {
         ?loading=${this.fetching}
         .data=${this.vouch}
         .template=${this.template}
-        resolution=${et(this.resolution)}
-        aspectRatio=${et(this.aspectRatio)}
-        preload=${et(this.preload)}
+        aspectRatio=${mt(this.aspectRatio)}
+        preload=${mt(this.preload)}
         .controls=${this.controls}
       ></vmp-media-player>
     `;
   }
 };
 f([
-  A({ type: Object, attribute: "data" })
+  y({ type: Object, attribute: "data" })
 ], g.prototype, "data", 2);
 f([
-  A({ type: String })
+  y({ type: String })
 ], g.prototype, "vouchId", 2);
 f([
-  A({ type: String })
+  y({ type: String })
 ], g.prototype, "templateId", 2);
 f([
-  A({ type: String })
+  y({ type: String })
 ], g.prototype, "env", 2);
 f([
-  A({ type: String })
+  y({ type: String })
 ], g.prototype, "apiKey", 2);
 f([
-  A({ type: String })
+  y({ type: Array })
+], g.prototype, "controls", 2);
+f([
+  y({ type: String })
 ], g.prototype, "preload", 2);
 f([
-  A({ type: Boolean })
+  y({ type: Boolean })
 ], g.prototype, "autoplay", 2);
 f([
-  A({ type: Number })
-], g.prototype, "resolution", 2);
-f([
-  A({ type: Number })
+  y({ type: Number })
 ], g.prototype, "aspectRatio", 2);
-f([
-  A({ type: Array })
-], g.prototype, "controls", 2);
 g = f([
   Yt("vouch-embed")
 ], g);