@bluepic/embed 0.1.135 → 0.1.137

package/lib/bluepic-embed.es.js

@@ -8336,7 +8336,7 @@ var util$4 = {}, types$2 = {}, shams$1 = function() {
   return !0;
 }, hasSymbols$2 = shams$1, shams = function() {
   return hasSymbols$2() && !!Symbol.toStringTag;
-}, esObjectAtoms = Object, esErrors = Error, _eval = EvalError, range$1 = RangeError, ref = ReferenceError, syntax = SyntaxError, type = TypeError, uri = URIError, abs$1 = Math.abs, floor$1 = Math.floor, max$2 = Math.max, min$2 = Math.min, pow$1 = Math.pow, round$2 = Math.round, _isNaN = Number.isNaN || function(c) {
+}, esObjectAtoms = Object, esErrors = Error, _eval = EvalError, range$1 = RangeError, ref = ReferenceError, syntax = SyntaxError, type = TypeError, uri = URIError, abs$1 = Math.abs, floor$1 = Math.floor, max$3 = Math.max, min$2 = Math.min, pow$1 = Math.pow, round$2 = Math.round, _isNaN = Number.isNaN || function(c) {
   return c !== c;
 }, $isNaN = _isNaN, sign$2 = function(c) {
   return $isNaN(c) || c === 0 ? c : c < 0 ? -1 : 1;
@@ -8376,69 +8376,49 @@ function requireObject_getPrototypeOf() {
   var m = esObjectAtoms;
   return Object_getPrototypeOf = m.getPrototypeOf || null, Object_getPrototypeOf;
 }
-var implementation, hasRequiredImplementation;
-function requireImplementation() {
-  if (hasRequiredImplementation)
-    return implementation;
-  hasRequiredImplementation = 1;
-  var m = "Function.prototype.bind called on incompatible ", c = Object.prototype.toString, ie = Math.max, we = "[object Function]", $e = function(rr, gr) {
-    for (var or = [], _r = 0; _r < rr.length; _r += 1)
-      or[_r] = rr[_r];
-    for (var Lr = 0; Lr < gr.length; Lr += 1)
-      or[Lr + rr.length] = gr[Lr];
-    return or;
-  }, Me = function(rr, gr) {
-    for (var or = [], _r = gr || 0, Lr = 0; _r < rr.length; _r += 1, Lr += 1)
-      or[Lr] = rr[_r];
-    return or;
-  }, Ze = function(ne, rr) {
-    for (var gr = "", or = 0; or < ne.length; or += 1)
-      gr += ne[or], or + 1 < ne.length && (gr += rr);
-    return gr;
-  };
-  return implementation = function(rr) {
-    var gr = this;
-    if (typeof gr != "function" || c.apply(gr) !== we)
-      throw new TypeError(m + gr);
-    for (var or = Me(arguments, 1), _r, Lr = function() {
-      if (this instanceof _r) {
-        var Yr = gr.apply(
-          this,
-          $e(or, arguments)
-        );
-        return Object(Yr) === Yr ? Yr : this;
-      }
-      return gr.apply(
-        rr,
-        $e(or, arguments)
+var ERROR_MESSAGE = "Function.prototype.bind called on incompatible ", toStr$4 = Object.prototype.toString, max$2 = Math.max, funcType = "[object Function]", concatty = function(c, ie) {
+  for (var we = [], $e = 0; $e < c.length; $e += 1)
+    we[$e] = c[$e];
+  for (var Me = 0; Me < ie.length; Me += 1)
+    we[Me + c.length] = ie[Me];
+  return we;
+}, slicy = function(c, ie) {
+  for (var we = [], $e = ie || 0, Me = 0; $e < c.length; $e += 1, Me += 1)
+    we[Me] = c[$e];
+  return we;
+}, joiny = function(m, c) {
+  for (var ie = "", we = 0; we < m.length; we += 1)
+    ie += m[we], we + 1 < m.length && (ie += c);
+  return ie;
+}, implementation$1 = function(c) {
+  var ie = this;
+  if (typeof ie != "function" || toStr$4.apply(ie) !== funcType)
+    throw new TypeError(ERROR_MESSAGE + ie);
+  for (var we = slicy(arguments, 1), $e, Me = function() {
+    if (this instanceof $e) {
+      var or = ie.apply(
+        this,
+        concatty(we, arguments)
       );
-    }, Ir = ie(0, gr.length - or.length), Ar = [], Rr = 0; Rr < Ir; Rr++)
-      Ar[Rr] = "$" + Rr;
-    if (_r = Function("binder", "return function (" + Ze(Ar, ",") + "){ return binder.apply(this,arguments); }")(Lr), gr.prototype) {
-      var Fr = function() {
-      };
-      Fr.prototype = gr.prototype, _r.prototype = new Fr(), Fr.prototype = null;
+      return Object(or) === or ? or : this;
     }
-    return _r;
-  }, implementation;
-}
-var functionBind, hasRequiredFunctionBind;
-function requireFunctionBind() {
-  if (hasRequiredFunctionBind)
-    return functionBind;
-  hasRequiredFunctionBind = 1;
-  var m = requireImplementation();
-  return functionBind = Function.prototype.bind || m, functionBind;
-}
-var functionCall, hasRequiredFunctionCall;
-function requireFunctionCall() {
-  return hasRequiredFunctionCall || (hasRequiredFunctionCall = 1, functionCall = Function.prototype.call), functionCall;
-}
-var functionApply, hasRequiredFunctionApply;
+    return ie.apply(
+      c,
+      concatty(we, arguments)
+    );
+  }, Ze = max$2(0, ie.length - we.length), ne = [], rr = 0; rr < Ze; rr++)
+    ne[rr] = "$" + rr;
+  if ($e = Function("binder", "return function (" + joiny(ne, ",") + "){ return binder.apply(this,arguments); }")(Me), ie.prototype) {
+    var gr = function() {
+    };
+    gr.prototype = ie.prototype, $e.prototype = new gr(), gr.prototype = null;
+  }
+  return $e;
+}, implementation = implementation$1, functionBind = Function.prototype.bind || implementation, functionCall = Function.prototype.call, functionApply, hasRequiredFunctionApply;
 function requireFunctionApply() {
   return hasRequiredFunctionApply || (hasRequiredFunctionApply = 1, functionApply = Function.prototype.apply), functionApply;
 }
-var reflectApply$1 = typeof Reflect < "u" && Reflect && Reflect.apply, bind$3 = requireFunctionBind(), $apply$2 = requireFunctionApply(), $call$2 = requireFunctionCall(), $reflectApply = reflectApply$1, actualApply$1 = $reflectApply || bind$3.call($call$2, $apply$2), bind$2 = requireFunctionBind(), $TypeError$8 = type, $call$1 = requireFunctionCall(), $actualApply = actualApply$1, callBindApplyHelpers = function(c) {
+var reflectApply$1 = typeof Reflect < "u" && Reflect && Reflect.apply, bind$3 = functionBind, $apply$2 = requireFunctionApply(), $call$2 = functionCall, $reflectApply = reflectApply$1, actualApply$1 = $reflectApply || bind$3.call($call$2, $apply$2), bind$2 = functionBind, $TypeError$8 = type, $call$1 = functionCall, $actualApply = actualApply$1, callBindApplyHelpers = function(c) {
   if (c.length < 1 || typeof c[0] != "function")
     throw new $TypeError$8("a function is required");
   return $actualApply(bind$2, $call$1, c);
@@ -8480,10 +8460,10 @@ function requireHasown() {
   if (hasRequiredHasown)
     return hasown;
   hasRequiredHasown = 1;
-  var m = Function.prototype.call, c = Object.prototype.hasOwnProperty, ie = requireFunctionBind();
+  var m = Function.prototype.call, c = Object.prototype.hasOwnProperty, ie = functionBind;
   return hasown = ie.call(m, c), hasown;
 }
-var undefined$1, $Object = esObjectAtoms, $Error = esErrors, $EvalError = _eval, $RangeError = range$1, $ReferenceError = ref, $SyntaxError$1 = syntax, $TypeError$7 = type, $URIError = uri, abs = abs$1, floor = floor$1, max$1 = max$2, min$1 = min$2, pow = pow$1, round$1 = round$2, sign$1 = sign$2, $Function = Function, getEvalledConstructor = function(m) {
+var undefined$1, $Object = esObjectAtoms, $Error = esErrors, $EvalError = _eval, $RangeError = range$1, $ReferenceError = ref, $SyntaxError$1 = syntax, $TypeError$7 = type, $URIError = uri, abs = abs$1, floor = floor$1, max$1 = max$3, min$1 = min$2, pow = pow$1, round$1 = round$2, sign$1 = sign$2, $Function = Function, getEvalledConstructor = function(m) {
   try {
     return $Function('"use strict"; return (' + m + ").constructor;")();
   } catch {
@@ -8500,7 +8480,7 @@ var undefined$1, $Object = esObjectAtoms, $Error = esErrors, $EvalError = _eval,
       return throwTypeError;
     }
   }
-}() : throwTypeError, hasSymbols = requireHasSymbols()(), getProto$1 = requireGetProto(), $ObjectGPO = requireObject_getPrototypeOf(), $ReflectGPO = requireReflect_getPrototypeOf(), $apply$1 = requireFunctionApply(), $call = requireFunctionCall(), needsEval = {}, TypedArray = typeof Uint8Array > "u" || !getProto$1 ? undefined$1 : getProto$1(Uint8Array), INTRINSICS = {
+}() : throwTypeError, hasSymbols = requireHasSymbols()(), getProto$1 = requireGetProto(), $ObjectGPO = requireObject_getPrototypeOf(), $ReflectGPO = requireReflect_getPrototypeOf(), $apply$1 = requireFunctionApply(), $call = functionCall, needsEval = {}, TypedArray = typeof Uint8Array > "u" || !getProto$1 ? undefined$1 : getProto$1(Uint8Array), INTRINSICS = {
   __proto__: null,
   "%AggregateError%": typeof AggregateError > "u" ? undefined$1 : AggregateError,
   "%Array%": Array,
@@ -8658,7 +8638,7 @@ var doEval = function m(c) {
   "%URIErrorPrototype%": ["URIError", "prototype"],
   "%WeakMapPrototype%": ["WeakMap", "prototype"],
   "%WeakSetPrototype%": ["WeakSet", "prototype"]
-}, bind$1 = requireFunctionBind(), hasOwn$2 = requireHasown(), $concat$1 = bind$1.call($call, Array.prototype.concat), $spliceApply = bind$1.call($apply$1, Array.prototype.splice), $replace$1 = bind$1.call($call, String.prototype.replace), $strSlice = bind$1.call($call, String.prototype.slice), $exec$2 = bind$1.call($call, RegExp.prototype.exec), rePropName = /[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g, reEscapeChar = /\\(\\)?/g, stringToPath = function(c) {
+}, bind$1 = functionBind, hasOwn$2 = requireHasown(), $concat$1 = bind$1.call($call, Array.prototype.concat), $spliceApply = bind$1.call($apply$1, Array.prototype.splice), $replace$1 = bind$1.call($call, String.prototype.replace), $strSlice = bind$1.call($call, String.prototype.slice), $exec$2 = bind$1.call($call, RegExp.prototype.exec), rePropName = /[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g, reEscapeChar = /\\(\\)?/g, stringToPath = function(c) {
   var ie = $strSlice(c, 0, 1), we = $strSlice(c, -1);
   if (ie === "%" && we !== "%")
     throw new $SyntaxError$1("invalid intrinsic syntax, expected closing `%`");
@@ -8921,7 +8901,7 @@ var hasPropertyDescriptors_1 = hasPropertyDescriptors, GetIntrinsic$2 = getIntri
     Ze && !Ze.configurable && ($e = !1), Ze && !Ze.writable && (Me = !1);
   }
   return ($e || Me || !we) && (hasDescriptors ? define(c, "length", ie, !0, !0) : define(c, "length", ie)), c;
-}, bind = requireFunctionBind(), $apply = requireFunctionApply(), actualApply = actualApply$1, applyBind = function() {
+}, bind = functionBind, $apply = requireFunctionApply(), actualApply = actualApply$1, applyBind = function() {
   return actualApply(bind, $apply, arguments);
 };
 (function(m) {
@@ -96061,27 +96041,42 @@ async function rasterize(m) {
 async function applyColorMatrix(m, c) {
   return m;
 }
-async function renderRemote(m, c, ie, we, $e, Me, Ze, ne, rr, gr, or) {
-  const _r = `https://embed-api-v2.bluepic.workers.dev/api/export/${c}?${new URLSearchParams({
+async function renderRemote(m, c, ie, we, $e, Me, Ze, ne, rr, gr, or, _r = 1e4) {
+  const Lr = `https://embed-api-v2.bluepic.workers.dev/api/export/${c}?${new URLSearchParams({
     env: "prod",
     embedV2Server: m
-  })}`, Lr = {
+  })}`;
+  console.log("rendering...", Lr, {
+    timeout: _r,
+    width: $e,
+    height: Me,
+    templateId: ie,
+    data: we,
+    format: Ze,
+    frames: gr,
+    watermark: or,
+    authorization: rr
+  });
+  const Ir = {
     templateId: ie,
     data: we,
     width: $e,
     height: Me,
     format: Ze,
     frames: gr
-  }, Ir = await fetch(_r, {
+  }, Ar = new AbortController(), Rr = setTimeout(() => {
+    console.log(`Rendering request timed out after ${_r}ms`), Ar.abort();
+  }, _r), Fr = await fetch(Lr, {
     method: "POST",
     headers: {
       "Content-Type": "application/json"
     },
-    body: JSON.stringify(Lr)
+    body: JSON.stringify(Ir),
+    signal: Ar.signal
   });
-  if (!Ir.ok)
-    throw new Error(`Failed to start rendering: ${Ir.status}`);
-  return await Ir.json();
+  if (clearTimeout(Rr), !Fr.ok)
+    throw new Error(`Failed to start rendering: ${Fr.status}`);
+  return await Fr.json();
 }
 function getSessionState(m, c, ie, we, $e, Me, Ze) {
   return hash$1({ templateId: m, data: c, format: ie, width: we, height: $e, quality: Me });
@@ -96109,7 +96104,9 @@ async function renderRemoteWithRetry(m, c, ie, we, $e, Me, Ze, ne, rr, gr, or =
           $e,
           ne,
           gr,
-          rr
+          rr,
+          void 0,
+          1e4
         );
         return Ir(Fr);
       } catch (Fr) {
@@ -96862,7 +96859,7 @@ const BluepicLogo = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_re
               createVNode(BxButton, {
                 secondary: "",
                 loading: (jn.value || unref(Yi)) && zn.value === void 0,
-                disabled: jn.value || unref(Yi)
+                disabled: jn.value || unref(Yi) || !ne.value
               }, {
                 icon: withCtx(() => [
                   zn.value !== void 0 ? (openBlock(), createBlock(CircularProgress, {
@@ -97428,7 +97425,7 @@ const BluepicLogo = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_re
       ])
     ], 2));
   }
-}), BluepicEmbeddedEditor_vue_vue_type_style_index_0_scoped_10197507_lang = "", BluepicEmbeddedEditor = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-10197507"]]), _hoisted_1$a = { class: "collection-field-popup" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
+}), BluepicEmbeddedEditor_vue_vue_type_style_index_0_scoped_5bdf4a3f_lang = "", BluepicEmbeddedEditor = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-5bdf4a3f"]]), _hoisted_1$a = { class: "collection-field-popup" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "CollectionFieldPopup",
   props: /* @__PURE__ */ mergeModels({
     layout: {},
@@ -100473,19 +100470,20 @@ class BluepicEmbed extends EventTarget {
       #${c} .fade-spinner-leave-to {
         opacity: 0;
       }
-      #${c} {
-        > div {
-          border: 1px solid var(--bluepic-app-border-color);
-          overflow: hidden;
-          border-radius: var(--bluepic-app-border-radius);
-          margin: 30px auto;
-          box-sizing: border-box;
-          max-width: calc(100vw - 40px);
-          max-height: calc(100vh - 40px);
-        }
+      #${c} > div {
+        border: 1px solid var(--bluepic-app-border-color);
+        overflow: hidden;
+        border-radius: var(--bluepic-app-border-radius);
+        margin: 30px auto;
+        box-sizing: border-box;
+        max-width: calc(100vw - 40px);
+        max-height: calc(100vh - 40px);
+      }
+      #${c}.layout-mobile {
+        height: 100%;
       }
     `, document.head.appendChild(ie), this.element.innerHTML = `
-        <div id="${c}" class="bluepic-app-wrapper" style="position: relative;" :style="">
+        <div id="${c}" class="bluepic-app-wrapper" style="position: relative;" :style="" :class="{ \`layout-\${embedProject?.config.layout}\`: true }">
             <div v-if="templateId" style="display: flex; flex-direction: column;" :style="{ height: embedProject?.config.layout === 'stack' ? 'auto' : 'calc(100% - 40px)', '--bluepic-app-border-color': borderColor, '--bluepic-app-border-radius': borderRadius }">
               <bluepic-embedded-editor
                 v-if="templateId"