@jumio/websdk 0.6.1 → 0.6.3

package/js/pages/document.CQ_B9GTj.js

@@ -0,0 +1,1522 @@
+var mt = (e) => {
+  throw TypeError(e);
+};
+var Se = (e, t, a) => t.has(e) || mt("Cannot " + a);
+var m = (e, t, a) => (Se(e, t, "read from private field"), a ? a.call(e) : t.get(e)), A = (e, t, a) => t.has(e) ? mt("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), X = (e, t, a, o) => (Se(e, t, "write to private field"), o ? o.call(e, a) : t.set(e, a), a), be = (e, t, a) => (Se(e, t, "access private method"), a);
+import { x as n, y as Pt, z as Dt, A as Ft, D as Mt, F as je, G as Ma, H as _e, I as z, C as O, q as $, J as Ea, K as Ia, M as G, N as Et, O as Ua, P as c, Q as l, E as D, U as We, V as qe, W as M, X as Y, v as Q, Y as Ba, Z as Ta, _ as La, $ as $e, a0 as ne, k as Ne, S as Va, a1 as Oa, p as B, t as Aa, a2 as ja, i as Wa, a3 as It, a4 as se, a5 as Ut, o as R, a6 as E, a7 as qa, a8 as Na, a9 as za, aa as S, ab as Bt, ac as Tt, ad as Lt, ae as Vt, af as H, ag as Ha, ah as Ja, ai as ft, aj as gt, l as ze, ak as He, al as Ra, am as Ot, an as At, ao as jt, u as Wt, ap as Ga, aq as Ya, ar as Qa, as as Xa, at as Ka, au as Za, av as ei, aw as qt, ax as Nt, ay as zt, az as ti, aA as Ht, aB as ai, aC as ii, aD as Jt, aE as Rt, aF as Gt, B as oi, aG as K, aH as ni, aI as si, aJ as ri, aK as Yt, aL as li, aM as ci, aN as ke, aO as di, aP as ui, aQ as pi, aR as Je, aS as hi, aT as Z, aU as vt, aV as mi, aW as fi, aX as gi, aY as Re, aZ as vi, a_ as wt, a$ as wi, b0 as Ci } from "../runtime.BjZbWNSZ.js";
+const yi = n.Object(
+  {
+    visible: n.Boolean(),
+    label: n.String()
+  },
+  { additionalProperties: !0 }
+), Si = n.Object(
+  {
+    visible: n.Boolean(),
+    modalTitleId: n.String(),
+    tips: n.Array(n.String(), { maxItems: 32 }),
+    secondaryAction: yi,
+    crossDevice: Pt
+  },
+  { additionalProperties: !0 }
+), bi = n.Object(
+  {
+    navigationButton: Dt,
+    captureHints: Si,
+    crossDevice: Pt,
+    captureButton: n.Object({ disabled: n.Boolean() }, { additionalProperties: !0 }),
+    staticMedia: n.Object(
+      {
+        visible: n.Boolean(),
+        label: n.String()
+      },
+      { additionalProperties: !0 }
+    )
+  },
+  { additionalProperties: !0 }
+), _i = (e) => typeof e == "object" && e !== null && !Array.isArray(e), Ct = (e) => typeof e == "function" ? e : () => {
+}, De = () => ({
+  navigationButton: je({
+    ...z,
+    localeSelection: {
+      ...z.localeSelection,
+      locales: []
+    }
+  }).config,
+  captureHints: Mt({
+    ..._e,
+    tips: [],
+    secondaryAction: {
+      ..._e.secondaryAction
+    },
+    crossDevice: {
+      ..._e.crossDevice
+    }
+  }),
+  crossDevice: Ft({
+    ...Ma
+  }).config,
+  captureButton: {
+    disabled: !0,
+    onCapture: () => {
+    }
+  },
+  staticMedia: {
+    visible: !0,
+    label: ""
+  },
+  onHelp: () => {
+  }
+});
+De();
+const yt = (e) => {
+  if (e === void 0)
+    return { config: De(), valid: !0 };
+  if (!_i(e) || !O(bi, e))
+    return { config: De(), valid: !1 };
+  const t = je(e.navigationButton), a = Ft(e.crossDevice), o = e, i = e.captureButton;
+  return {
+    config: {
+      navigationButton: t.config,
+      captureHints: Mt(e.captureHints),
+      crossDevice: a.config,
+      captureButton: {
+        disabled: i.disabled === !0,
+        onCapture: Ct(i.onCapture)
+      },
+      staticMedia: {
+        visible: e.staticMedia.visible,
+        label: e.staticMedia.label.slice(0, 512)
+      },
+      onHelp: Ct(o.onHelp)
+    },
+    valid: t.valid && a.valid
+  };
+};
+var $i = Object.defineProperty, ki = Object.getOwnPropertyDescriptor, Qt = (e) => {
+  throw TypeError(e);
+}, Xt = (e, t, a, o) => {
+  for (var i = o > 1 ? void 0 : o ? ki(t, a) : t, s = e.length - 1, r; s >= 0; s--)
+    (r = e[s]) && (i = (o ? r(t, a, i) : r(i)) || i);
+  return o && i && $i(t, a, i), i;
+}, Ge = (e, t, a) => t.has(e) || Qt("Cannot " + a), U = (e, t, a) => (Ge(e, t, "read from private field"), a ? a.call(e) : t.get(e)), j = (e, t, a) => t.has(e) ? Qt("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), St = (e, t, a, o) => (Ge(e, t, "write to private field"), t.set(e, a), a), ee = (e, t, a) => (Ge(e, t, "access private method"), a), W, te, I, Kt, Zt, ea, ta, Fe, we;
+const bt = {
+  layoutType: Ua.CaptureScreen,
+  headerVisible: !0
+};
+let re = class extends $ {
+  constructor() {
+    super(...arguments), j(this, I), j(this, W, yt(void 0).config), j(this, te, !1), j(this, Fe, () => {
+      this.config.captureButton.onCapture();
+    }), j(this, we, () => {
+      this.config.onHelp();
+    });
+  }
+  get config() {
+    return U(this, W);
+  }
+  set config(e) {
+    const t = U(this, W), a = yt(e);
+    St(this, W, a.config), St(this, te, !a.valid), this.requestUpdate("config", t);
+  }
+  render() {
+    return U(this, te) ? l`
+        <x-app-container .config="${bt}">
+          <div slot="main" role="alert" aria-live="assertive" aria-atomic="true" data-qa-id="invalid-config">
+            ${c("Sorry, there was an unexpected error.", { id: "error.unexpected_error" })}
+          </div>
+        </x-app-container>
+      ` : l`
+      <x-app-container data-qa-id="document-capture-view" .config="${bt}">
+        <jumio-sdk-navigation-button-view
+          slot="top-left"
+          data-qa-id="navigation-button-view"
+          .config="${this.config.navigationButton}"
+        ></jumio-sdk-navigation-button-view>
+        <x-ds-color-scheme slot="top-middle" data-color-scheme="dark">
+          <x-ds-watermark></x-ds-watermark>
+        </x-ds-color-scheme>
+        ${ee(this, I, Zt).call(this)} ${ee(this, I, ea).call(this)}
+        <div slot="background" class="capture-media" data-qa-id="capture-media">
+          <slot name="live-media">${ee(this, I, Kt).call(this)}</slot>
+        </div>
+        <x-ds-capture-button
+          slot="capture-button"
+          data-qa-id="capture-button"
+          .config="${{
+      disabled: this.config.captureButton.disabled
+    }}"
+          @jcaptureclick="${U(this, Fe)}"
+        ></x-ds-capture-button>
+        <div slot="bottom-left" class="cross-device-container">
+          <jumio-sdk-cross-device-button-view
+            data-qa-id="cross-device-button-view"
+            .config="${this.config.crossDevice}"
+          ></jumio-sdk-cross-device-button-view>
+        </div>
+        <div class="overlay" slot="overlay" data-qa-id="capture-hints-overlay">
+          <jumio-sdk-capture-hints-view
+            data-qa-id="capture-hints-view"
+            .config="${{
+      ...this.config.captureHints,
+      secondaryAction: {
+        visible: !1,
+        label: "",
+        onAction: () => {
+        }
+      }
+    }}"
+          >
+            ${ee(this, I, ta).call(this)}
+          </jumio-sdk-capture-hints-view>
+        </div>
+      </x-app-container>
+    `;
+  }
+};
+W = /* @__PURE__ */ new WeakMap();
+te = /* @__PURE__ */ new WeakMap();
+I = /* @__PURE__ */ new WeakSet();
+Kt = function() {
+  if (!this.config.staticMedia.visible)
+    return D;
+  const e = this.config.staticMedia.label || c("Starting camera…", { id: "camera.message.initializing_camera" });
+  return l`
+      <div class="static-media" data-qa-id="static-media-fallback" role="img" aria-label="${e}">
+        <span class="static-media__icon icon-camera-video" aria-hidden="true"></span>
+        <span>${e}</span>
+      </div>
+    `;
+};
+Zt = function() {
+  return l`
+      <x-ds-button
+        class="mobile-only"
+        slot="top-right"
+        data-qa-id="mobile-help-button"
+        data-size="${We.Medium}"
+        data-shape="${qe.Round}"
+        data-type="${M.Tertiary}"
+        data-padding="false"
+        data-aria-label="${c("Help", { id: "cta.help" })}"
+        @jclick="${U(this, we)}"
+      >
+        <span class="icon-help" aria-hidden="true"></span>
+      </x-ds-button>
+    `;
+};
+ea = function() {
+  return l`
+      <x-ds-button
+        class="desktop-only"
+        slot="top-right"
+        data-qa-id="desktop-help-button"
+        data-type="${M.Tertiary}"
+        @jclick="${U(this, we)}"
+      >
+        <span>${c("Help", { id: "cta.help" })}</span>
+      </x-ds-button>
+    `;
+};
+ta = function() {
+  const { secondaryAction: e } = this.config.captureHints;
+  return e.visible ? l`
+          <jumio-sdk-upload-button-view
+            slot="secondary-action-button"
+            data-qa-id="upload-button-view"
+            .config="${{
+    visible: !0,
+    fluid: !0,
+    type: M.Secondary,
+    size: We.Medium,
+    onUpload: e.onAction
+  }}"
+          ></jumio-sdk-upload-button-view>
+        ` : D;
+};
+Fe = /* @__PURE__ */ new WeakMap();
+we = /* @__PURE__ */ new WeakMap();
+re.styles = [
+  ...$.styles,
+  Ea(Ia),
+  G`
+      :host {
+        display: contents;
+      }
+
+      .capture-media {
+        position: relative;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+        background: #101010;
+      }
+
+      .static-media {
+        display: flex;
+        box-sizing: border-box;
+        width: 100%;
+        height: 100%;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+        gap: 0.75em;
+        color: #fff;
+        background: radial-gradient(circle at center, #3a3a3a 0%, #101010 70%);
+      }
+
+      .static-media__icon {
+        font-size: 3rem;
+      }
+
+      ::slotted([slot='live-media']) {
+        display: block;
+        width: 100%;
+        height: 100%;
+      }
+
+      .cross-device-container {
+        display: flex;
+        align-items: flex-end;
+        height: 100%;
+      }
+
+      .mobile-only {
+        display: flex;
+      }
+
+      .desktop-only {
+        display: none;
+      }
+
+      @media only screen and (min-width: 40em) {
+        .mobile-only {
+          display: none;
+        }
+
+        .desktop-only {
+          display: flex;
+        }
+      }
+    `
+];
+Xt([
+  Et({ attribute: !1 })
+], re.prototype, "config", 1);
+re = Xt([
+  Y(),
+  Q("jumio-sdk-step-document-capture-view")
+], re);
+const g = {
+  Missing: "missing",
+  NotStarted: "not-started",
+  Progress: "progress",
+  Success: "success",
+  Error: "error"
+}, _ = {
+  NotStarted: "not-started",
+  Progress: "progress",
+  Success: "success",
+  Error: "error"
+}, xi = n.Union([
+  n.Literal(g.Missing),
+  n.Literal(g.NotStarted),
+  n.Literal(g.Progress),
+  n.Literal(g.Success),
+  n.Literal(g.Error)
+]), Pi = n.Union([
+  n.Literal(_.NotStarted),
+  n.Literal(_.Progress),
+  n.Literal(_.Success),
+  n.Literal(_.Error)
+]), Di = n.Object(
+  {
+    state: Pi,
+    src: n.Optional(n.String()),
+    width: n.Optional(n.Number()),
+    height: n.Optional(n.Number())
+  },
+  { additionalProperties: !1 }
+), Fi = n.Object(
+  {
+    id: n.String(),
+    fileName: n.String(),
+    state: xi,
+    thumbnail: n.Optional(Di),
+    processingProgress: n.Optional(n.Number({ minimum: 0, maximum: 100 }))
+  },
+  { additionalProperties: !1 }
+), Mi = n.Object(
+  {
+    label: n.String(),
+    value: n.Union([n.Literal("new"), n.Literal("old")]),
+    selected: n.Boolean()
+  },
+  { additionalProperties: !1 }
+), Ei = n.Object(
+  {
+    title: n.String(),
+    instructions: n.String(),
+    accept: n.Optional(n.String()),
+    mobile: n.Boolean(),
+    files: n.Array(Fi),
+    continueEnabled: n.Boolean(),
+    imageViewerIndex: n.Number(),
+    uploadErrorVisible: n.Boolean(),
+    pdfOptions: n.Array(Mi),
+    navigationButton: Dt,
+    logotype: Ba
+  },
+  { additionalProperties: !0 }
+), k = () => {
+}, y = {
+  onContinue: k,
+  onFileRemove: k,
+  onFilePreview: k,
+  onImageViewerClose: k,
+  onImageViewerRemove: k,
+  onUploadErrorDismiss: k,
+  onPdfOptionSelect: k,
+  onPdfConfirm: k,
+  onPdfCancel: k
+}, Ii = () => ({
+  ...z,
+  localeSelection: {
+    ...z.localeSelection,
+    locales: z.localeSelection.locales.map(({ keys: e, label: t }) => ({
+      keys: [...e],
+      label: t
+    }))
+  }
+}), q = () => ({
+  title: "",
+  instructions: "",
+  accept: "",
+  mobile: !1,
+  files: [],
+  continueEnabled: !1,
+  imageViewerIndex: -1,
+  uploadErrorVisible: !1,
+  pdfOptions: [],
+  navigationButton: Ii(),
+  logotype: { ...Ta },
+  ...y
+});
+q();
+const Ui = (e) => {
+  const t = e?.trim();
+  if (!t)
+    return { valid: !0 };
+  if (t.toLowerCase().startsWith("data:"))
+    return /^data:image\/[a-z0-9.+-]+(?:;[^,]*)?,/iu.test(t) ? { src: t, valid: !0 } : { valid: !1 };
+  try {
+    const a = new URL(t);
+    return (a.protocol === "http:" || a.protocol === "https:") && a.hostname ? { src: a.href, valid: !0 } : { valid: !1 };
+  } catch {
+    return { valid: !1 };
+  }
+}, Bi = (e) => {
+  const t = Ui(e.thumbnail?.src);
+  return {
+    file: {
+      id: e.id,
+      fileName: e.fileName,
+      state: e.state,
+      ...e.thumbnail === void 0 ? {} : {
+        thumbnail: {
+          state: e.thumbnail.state,
+          ...t.src === void 0 ? {} : { src: t.src },
+          ...e.thumbnail.width === void 0 ? {} : { width: e.thumbnail.width },
+          ...e.thumbnail.height === void 0 ? {} : { height: e.thumbnail.height }
+        }
+      },
+      ...e.processingProgress === void 0 ? {} : { processingProgress: Math.min(100, Math.max(0, e.processingProgress)) }
+    },
+    valid: t.valid
+  };
+}, x = (e, t) => typeof e == "function" ? e : t, _t = (e) => {
+  if (e === void 0)
+    return { config: q(), valid: !0 };
+  if (!O(Ei, e))
+    return { config: q(), valid: !1 };
+  const t = je(e.navigationButton), a = La(e.logotype);
+  if (!t.valid || !a.valid)
+    return { config: q(), valid: !1 };
+  const o = e, i = e.files.map((p) => Bi(p));
+  if (i.some(({ valid: p }) => !p))
+    return { config: q(), valid: !1 };
+  const s = /* @__PURE__ */ new Set(), r = i.flatMap(({ file: p }) => s.has(p.id) ? [] : (s.add(p.id), [p]));
+  return {
+    config: {
+      title: e.title,
+      instructions: e.instructions,
+      mobile: e.mobile,
+      accept: e.accept,
+      files: r,
+      continueEnabled: e.continueEnabled && r.length > 0,
+      imageViewerIndex: r.length === 0 ? -1 : Math.min(r.length - 1, Math.max(-1, Math.trunc(e.imageViewerIndex))),
+      uploadErrorVisible: e.uploadErrorVisible,
+      pdfOptions: e.pdfOptions.map((p) => ({
+        label: p.label,
+        value: p.value,
+        selected: p.selected
+      })),
+      navigationButton: t.config,
+      logotype: a.config,
+      onContinue: x(o.onContinue, y.onContinue),
+      onFileRemove: x(o.onFileRemove, y.onFileRemove),
+      onFilePreview: x(o.onFilePreview, y.onFilePreview),
+      onImageViewerClose: x(
+        o.onImageViewerClose,
+        y.onImageViewerClose
+      ),
+      onImageViewerRemove: x(
+        o.onImageViewerRemove,
+        y.onImageViewerRemove
+      ),
+      onUploadErrorDismiss: x(
+        o.onUploadErrorDismiss,
+        y.onUploadErrorDismiss
+      ),
+      onPdfOptionSelect: x(o.onPdfOptionSelect, y.onPdfOptionSelect),
+      onPdfConfirm: x(o.onPdfConfirm, y.onPdfConfirm),
+      onPdfCancel: x(o.onPdfCancel, y.onPdfCancel)
+    },
+    valid: !0
+  };
+};
+var Ti = Object.defineProperty, Li = Object.getOwnPropertyDescriptor, aa = (e) => {
+  throw TypeError(e);
+}, ia = (e, t, a, o) => {
+  for (var i = o > 1 ? void 0 : o ? Li(t, a) : t, s = e.length - 1, r; s >= 0; s--)
+    (r = e[s]) && (i = (o ? r(t, a, i) : r(i)) || i);
+  return o && i && Ti(t, a, i), i;
+}, Ye = (e, t, a) => t.has(e) || aa("Cannot " + a), xe = (e, t, a) => (Ye(e, t, "read from private field"), a ? a.call(e) : t.get(e)), Pe = (e, t, a) => t.has(e) ? aa("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), $t = (e, t, a, o) => (Ye(e, t, "write to private field"), t.set(e, a), a), b = (e, t, a) => (Ye(e, t, "access private method"), a), N, ae, f, oa, na, sa, ra, la, ca, da, ua, Qe;
+let le = class extends $ {
+  constructor() {
+    super(...arguments), Pe(this, f), Pe(this, N, _t(void 0).config), Pe(this, ae, !1);
+  }
+  get config() {
+    return xe(this, N);
+  }
+  set config(e) {
+    const t = xe(this, N), a = _t(e);
+    $t(this, N, a.config), $t(this, ae, !a.valid), this.requestUpdate("config", t);
+  }
+  render() {
+    return xe(this, ae) ? l`
+        <x-app-container data-qa-id="document-upload-view">
+          <div slot="main" role="alert" aria-live="assertive" aria-atomic="true" data-qa-id="invalid-config">
+            ${c("Sorry, there was an unexpected error.", { id: "error.unexpected_error" })}
+          </div>
+        </x-app-container>
+      ` : l`
+      <x-app-container data-qa-id="document-upload-view">
+        ${$e(
+      "jumio-document-upload-backward-button",
+      l`
+            <jumio-sdk-navigation-button-view
+              slot="top-left"
+              data-qa-id="navigation-button-view"
+              .config="${this.config.navigationButton}"
+            ></jumio-sdk-navigation-button-view>
+          `
+    )}
+        <jumio-sdk-logotype-view
+          slot="top-middle"
+          data-qa-id="logotype-view"
+          .config="${this.config.logotype}"
+        ></jumio-sdk-logotype-view>
+        <div slot="main" class="main">
+          ${$e("jumio-document-upload-before")}
+          <div class="step-document-upload">
+            <h1 data-qa-id="upload-title" tabindex="-1" class="title no-outline">${this.config.title}</h1>
+            <p class="upload-instructions">${this.config.instructions}</p>
+            ${this.config.mobile && this.config.files.length === 0 ? b(this, f, ra).call(this) : b(this, f, oa).call(this)}
+            <div class="step-document-upload-footer ${this.config.files.length === 0 ? "no-pages" : ""}">
+              ${b(this, f, na).call(this)}
+              <span></span>
+              <x-ds-button
+                data-qa-id="continue-button"
+                data-disabled="${!this.config.continueEnabled}"
+                data-fluid="true"
+                @jclick="${this.config.onContinue}"
+              >
+                ${c("Continue", { id: "cta.continue" })}
+              </x-ds-button>
+            </div>
+            ${$e("jumio-document-upload-after")}
+          </div>
+        </div>
+        ${b(this, f, la).call(this)} ${b(this, f, ca).call(this)} ${b(this, f, da).call(this)}
+      </x-app-container>
+    `;
+  }
+};
+N = /* @__PURE__ */ new WeakMap();
+ae = /* @__PURE__ */ new WeakMap();
+f = /* @__PURE__ */ new WeakSet();
+oa = function() {
+  const { accept: e, files: t, onFilePreview: a, onFileRemove: o } = this.config;
+  return l`
+      <div class="upload-box-container">
+        <x-file-multi-upload class="upload-box" data-qa-id="file-multi-upload" data-file-input-accept="${e}">
+          ${t.map(
+    (i, s) => l`
+              <x-file-picker-item
+                slot="file"
+                data-qa-entry-id="${i.id}"
+                data-delete-aria-label="${i.fileName ? `${c("Delete", { id: "cta.delete" })}: ${i.fileName}` : c("Delete", { id: "cta.delete" })}"
+                .file="${b(this, f, ua).call(this, i)}"
+                @dropimagerequest="${() => {
+      o(i.id);
+    }}"
+                @previewimagerequest="${() => {
+      a(s);
+    }}"
+              >
+                ${i.processingProgress === void 0 ? D : l`
+                      <x-ds-circular-progress-indicator
+                        data-qa-id="docv-processing"
+                        data-qa-entry-id="${i.id}"
+                        .config="${{
+      size: 75,
+      progress: i.processingProgress
+    }}"
+                        class="thumbnail-progress"
+                        slot="thumbnail-progress"
+                      ></x-ds-circular-progress-indicator>
+                    `}
+              </x-file-picker-item>
+            `
+  )}
+          ${t.length > 0 ? b(this, f, sa).call(this) : D}
+        </x-file-multi-upload>
+      </div>
+    `;
+};
+na = function() {
+  const e = this.config.files.length, t = e === 1 ? c("1 page uploaded", { id: "dv.preview.page1" }) : ne(
+    c("{{pageCount}} pages uploaded", {
+      id: "dv.preview.pages"
+    }),
+    { interpolate: /{{([\s\S]+?)}}/g }
+  )({ pageCount: e });
+  return l`<p data-qa-id="paging">${t}</p>`;
+};
+sa = function() {
+  const { accept: e, mobile: t } = this.config, a = b(this, f, Qe).call(this, e);
+  return l`
+      <x-file-picker-add-file
+        slot="file-add-inline"
+        data-qa-id="choose-file-inline"
+        .captureButton="${t && !a}"
+      ></x-file-picker-add-file>
+    `;
+};
+ra = function() {
+  const { accept: e } = this.config, t = b(this, f, Qe).call(this, e) ? l`
+          <x-file-empty-list-placeholder
+            slot="empty-list-placeholder"
+            data-mobile="${!0}"
+          ></x-file-empty-list-placeholder>
+        ` : l`
+          <x-file-picker-add-file
+            slot="empty-list-placeholder"
+            data-qa-id="mobile-empty-add-file"
+            .emptyStateButton="${!0}"
+            .captureButton="${!0}"
+          ></x-file-picker-add-file>
+        `;
+  return l`
+      <x-file-multi-upload data-qa-id="mobile-empty-file-multi-upload" data-file-input-accept="${e}">
+        ${t}
+      </x-file-multi-upload>
+    `;
+};
+la = function() {
+  return this.config.imageViewerIndex === -1 ? D : l`
+      <div slot="overlay" class="overlay">
+        <x-ds-image-viewer
+          data-index="${this.config.imageViewerIndex}"
+          @imageviewertoggle="${this.config.onImageViewerClose}"
+          @imageviewerremove="${(e) => {
+    this.config.onImageViewerRemove(e.detail.name);
+  }}"
+        >
+          ${this.config.files.map(
+    (e) => e.state === g.Success && e.thumbnail?.state === _.Success && e.thumbnail.src ? l`
+                  <img
+                    slot="image"
+                    src="${e.thumbnail.src}"
+                    width="${e.thumbnail.width ?? 0}"
+                    height="${e.thumbnail.height ?? 0}"
+                    alt="${e.fileName}"
+                    data-dd-privacy="hidden"
+                    data-id="${e.id}"
+                  />
+                ` : D
+  )}
+        </x-ds-image-viewer>
+      </div>
+    `;
+};
+ca = function() {
+  return this.config.uploadErrorVisible ? l`
+          <x-ds-modal slot="overlay" class="overlay">
+            <x-ds-error-message
+              data-qa-id="error-message"
+              data-title="${c("Upload error", { id: "error.file_upload_error.title" })}"
+              data-message="${c("Sorry, this file type is not supported.", {
+    id: "error.file_type_not_supported.description"
+  })}"
+              data-show-date="false"
+            >
+              <x-ds-button slot="button" data-fluid="true" @jclick="${this.config.onUploadErrorDismiss}"
+                >${c("Try again", {
+    id: "cta.try_again"
+  })}
+              </x-ds-button>
+            </x-ds-error-message>
+          </x-ds-modal>
+        ` : D;
+};
+da = function() {
+  return this.config.pdfOptions.length > 0 ? l`
+          <x-ds-modal slot="overlay" class="overlay" data-qa-id="replace-pdf-file-dialog">
+            <div>
+              <h1>${c("Select a PDF file", { id: "dv.instruction.select_pdf_file" })}</h1>
+              <p>
+                ${c("Only one PDF file can be uploaded. Please select one.", {
+    id: "dv.instruction.only_one_pdf_file_can_be_uploaded"
+  })}
+              </p>
+              <div class="pdf-selector-content">
+                <x-ds-radio-list
+                  .items="${this.config.pdfOptions}"
+                  @radiolistselection="${(e) => {
+    (e.detail.name === "new" || e.detail.name === "old") && this.config.onPdfOptionSelect(e.detail.name), this.requestUpdate();
+  }}"
+                ></x-ds-radio-list>
+                <div class="pdf-selector-buttons">
+                  <x-ds-button
+                    data-type="${M.Primary}"
+                    data-fluid="true"
+                    data-disabled="${!this.config.pdfOptions.some((e) => e.selected)}"
+                    data-qa-id="select-button"
+                    @jclick="${this.config.onPdfConfirm}"
+                  >
+                    ${c("Select", { id: "cta.select" })}
+                  </x-ds-button>
+                  <x-ds-button
+                    data-type="${M.Secondary}"
+                    data-fluid="true"
+                    data-qa-id="close-button"
+                    @jclick="${this.config.onPdfCancel}"
+                  >
+                    ${c("Close", { id: "cta.close" })}
+                  </x-ds-button>
+                </div>
+              </div>
+            </div>
+          </x-ds-modal>
+        ` : D;
+};
+ua = function(e) {
+  const t = e.state === g.Missing ? void 0 : {
+    id: e.id,
+    state: e.state
+  }, a = e.thumbnail ? {
+    id: e.id,
+    state: e.thumbnail.state,
+    ...e.thumbnail.state === _.Success && e.thumbnail.src ? {
+      thumbnail: {
+        base64: e.thumbnail.src,
+        width: e.thumbnail.width ?? 0,
+        height: e.thumbnail.height ?? 0
+      }
+    } : {}
+  } : void 0;
+  return {
+    ...t === void 0 ? {} : { upload: t },
+    ...a === void 0 ? {} : { thumbnail: a }
+  };
+};
+Qe = function(e = "") {
+  if (!e.length)
+    return !1;
+  const t = e.split(",");
+  return t.length === 1 && t[0] === "application/pdf";
+};
+le.styles = [
+  ...$.styles,
+  G`
+      :host {
+        display: contents;
+      }
+
+      .main {
+        height: 100%;
+      }
+
+      .step-document-upload {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        max-width: 64em;
+        margin: 0 auto;
+        row-gap: 1em;
+      }
+
+      .upload-box-container {
+        position: relative;
+        flex: 1 0 auto;
+      }
+
+      .upload-box {
+        position: absolute;
+        inset: 0;
+      }
+
+      .upload-instructions {
+        margin: 0;
+
+        @media (max-height: 40em) {
+          display: none;
+        }
+      }
+
+      .step-document-upload-footer {
+        display: grid;
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+
+        @media (max-width: 32em) {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          margin: 0;
+        }
+      }
+
+      .overlay {
+        pointer-events: unset;
+      }
+
+      .pdf-selector-content {
+        display: flex;
+        flex-direction: column;
+        margin: 1.5em 0;
+        gap: 1.5em;
+      }
+
+      .pdf-selector-buttons {
+        display: flex;
+        flex-direction: column;
+        gap: 1em;
+      }
+
+      .no-pages {
+        @media (max-width: 32em) {
+          display: none;
+        }
+      }
+    `
+];
+ia([
+  Et({ attribute: !1 })
+], le.prototype, "config", 1);
+le = ia([
+  Y(),
+  Q("jumio-sdk-step-document-upload-view")
+], le);
+class Vi {
+  #e;
+  constructor(t) {
+    this.workflowController = Ne(), this.stepController = this.getStepController(), this.#e = new Va(), t.addController(this);
+  }
+  hostConnected() {
+    Oa(B.Document).pipe(
+      Aa((t) => {
+        ja({
+          timeoutMs: t
+        });
+      }),
+      Wa(this.#e)
+    ).subscribe();
+  }
+  hostDisconnected() {
+    this.#e.next();
+  }
+  async upload(t) {
+    const [a] = t.uploadFilesMetadata?.files ?? [];
+    return It({
+      id: a.multipartName,
+      category: B.Document,
+      state: E.NotStarted,
+      blob: a.file,
+      credentialId: R(),
+      source: Ut.Camera,
+      classifier: se.Document,
+      batchBytesToUpload: a.file.size,
+      batchBytesUploaded: 0,
+      batchUploadProgress: 0
+    }), this.stepController.uploadDataAsync(t);
+  }
+  getStepController() {
+    return this.workflowController.getControllerById(B.Document);
+  }
+}
+var Oi = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, pa = (e) => {
+  throw TypeError(e);
+}, ha = (e, t, a, o) => {
+  for (var i = o > 1 ? void 0 : o ? Ai(t, a) : t, s = e.length - 1, r; s >= 0; s--)
+    (r = e[s]) && (i = (o ? r(t, a, i) : r(i)) || i);
+  return o && i && Oi(t, a, i), i;
+}, Xe = (e, t, a) => t.has(e) || pa("Cannot " + a), P = (e, t, a) => (Xe(e, t, "read from private field"), a ? a.call(e) : t.get(e)), C = (e, t, a) => t.has(e) ? pa("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), Ke = (e, t, a, o) => (Xe(e, t, "write to private field"), t.set(e, a), a), ce = (e, t, a) => (Xe(e, t, "access private method"), a), Ze, et, tt, at, it, ot, de, ue, pe, T, ma, fa, Me;
+let he = class extends $ {
+  constructor() {
+    super(), C(this, T), this.cameraRef = qa(), C(this, Ze, new Na(this)), C(this, et, new za(this)), C(this, tt, ei({
+      width: 1920,
+      height: 1080,
+      aspectRatio: 16 / 9
+    })), C(this, at, new S(this, Bt())), C(this, it, new S(this, Tt())), C(this, ot, Lt(
+      this,
+      Vt(),
+      !0
+    )), C(this, de), C(this, ue), C(this, pe), this.logImageCapturedEvent = async () => {
+      const e = await H(Ha(), {
+        defaultValue: void 0
+      });
+      e && Ja(this, {
+        metadata: {
+          ...e,
+          cls: gt(),
+          clsm: ft()
+        }
+      });
+    }, this.uploadImage = async (e) => {
+      const t = ze(), a = He(R()), o = Ra();
+      Ot("MANUAL_CAPTURE"), await this.logImageCapturedEvent(), this.componentController.upload({
+        uploadFilesMetadata: {
+          files: [
+            {
+              multipartName: Wt(),
+              fileType: jt[e.detail.blob.type],
+              uploadType: se.Document,
+              usabilityExpected: !1,
+              file: e.detail.blob,
+              captureMethod: At.ManualCapture,
+              riskSignals: {
+                deviceId: o?.deviceId ?? "",
+                deviceLabel: o?.label ?? "",
+                groupId: o?.groupId ?? ""
+              },
+              cls: gt(),
+              clsm: ft()
+            }
+          ]
+        }
+      }).catch(Ga), t.send({
+        type: a.UploadScreen
+      });
+    }, this.componentController = new Vi(this), Ke(this, de, new S(this, Ya()));
+  }
+  connectedCallback() {
+    super.connectedCallback(), Qa(
+      new Xa({
+        constraints: {
+          video: {
+            ...Za(),
+            facingMode: {
+              ideal: Ka.Environment
+            }
+          },
+          audio: !1
+        }
+      })
+    );
+  }
+  render() {
+    return l`
+      <jumio-sdk-step-document-capture-view data-qa-id="document-capture-view" .config="${ce(this, T, ma).call(this)}">
+        ${ce(this, T, fa).call(this)}
+      </jumio-sdk-step-document-capture-view>
+    `;
+  }
+};
+Ze = /* @__PURE__ */ new WeakMap();
+et = /* @__PURE__ */ new WeakMap();
+tt = /* @__PURE__ */ new WeakMap();
+at = /* @__PURE__ */ new WeakMap();
+it = /* @__PURE__ */ new WeakMap();
+ot = /* @__PURE__ */ new WeakMap();
+de = /* @__PURE__ */ new WeakMap();
+ue = /* @__PURE__ */ new WeakMap();
+pe = /* @__PURE__ */ new WeakMap();
+T = /* @__PURE__ */ new WeakSet();
+ma = function() {
+  const e = P(this, at).value, t = qt({
+    hasHistoryItems: this.navigationService?.hasHistoryItems() ?? !1,
+    isCrossDeviceScreen: e?.activeScreen === zt.CrossDevice,
+    forceCrossDeviceDisplay: Nt()
+  }), a = t ? void 0 : ce(this, T, Me).call(this);
+  return {
+    navigationButton: {
+      hasBackNavigation: t,
+      showBackButton: P(this, it).value ?? !0,
+      type: M.Tertiary,
+      shape: qe.Round,
+      localeSelection: {
+        visible: !t && P(this, ot).value,
+        locales: a?.getLocales() ?? [],
+        selectedLocale: P(this, pe) ?? a?.getSelectedLocale(),
+        selectType: Ht.Default,
+        onLocaleSelect: (o) => {
+          Ke(this, pe, o), ce(this, T, Me).call(this).updateLocale(o), this.requestUpdate();
+        }
+      },
+      onBack: () => {
+        this.navigationService?.back();
+      }
+    },
+    captureHints: P(this, Ze).createViewConfig(),
+    crossDevice: {
+      visible: P(this, et).value,
+      fluid: !1,
+      type: M.Tertiary,
+      size: We.Medium,
+      onCrossDeviceStart: () => {
+        ai(this);
+      }
+    },
+    captureButton: {
+      disabled: !P(this, de).value,
+      onCapture: () => {
+        this.cameraRef.value?.captureImage();
+      }
+    },
+    staticMedia: {
+      visible: !0,
+      label: c("Camera preview", { id: "camera.message.initializing_camera" })
+    },
+    onHelp: ti
+  };
+};
+fa = function() {
+  return l`
+      <x-camera
+        ${ii(this.cameraRef)}
+        slot="live-media"
+        class="camera"
+        .applyConstraintCallback="${P(this, tt)}"
+        @imagecaptured="${(e) => this.uploadImage(e)}"
+      >
+        <jumio-sdk-camera-permissions-screen></jumio-sdk-camera-permissions-screen>
+      </x-camera>
+    `;
+};
+Me = function() {
+  return P(this, ue) ?? Ke(this, ue, new Jt(this));
+};
+he.styles = [
+  ...$.styles,
+  G`
+      :host {
+        display: contents;
+      }
+    `
+];
+ha([
+  Rt({ context: Gt, subscribe: !0 })
+], he.prototype, "navigationService", 2);
+he = ha([
+  Y(),
+  Q("jumio-sdk-step-document-capture")
+], he);
+var ve, F, w, V, ga, va;
+const J = class J {
+  constructor(t) {
+    A(this, V);
+    A(this, ve);
+    A(this, F);
+    A(this, w);
+    X(this, ve, t), X(this, F, Ne()), X(this, w, be(this, V, va).call(this)), this.document$ = m(this, w).selectDocument$(), this.maxFileUploadSize$ = m(this, w).selectMaxFileUploadSize$(), this.pdfFiles$ = new oi(void 0);
+  }
+  hostConnected() {
+  }
+  async uploadFile(t) {
+    K(t) && this.dropFilesByCriteria((i) => {
+      const s = i.upload?.blob;
+      return !!(s && K(s));
+    });
+    const a = Wt(), o = {
+      id: a,
+      category: B.Id,
+      state: E.NotStarted,
+      blob: t,
+      credentialId: R(),
+      source: Ut.Upload,
+      classifier: se.Document,
+      batchBytesToUpload: t.size,
+      batchUploadProgress: 0,
+      batchBytesUploaded: 0
+    };
+    It(o);
+    try {
+      return await m(this, w).uploadDataAsync({
+        uploadFilesMetadata: {
+          files: [
+            {
+              multipartName: a,
+              captureMethod: At.Upload,
+              fileType: jt[t.type],
+              uploadType: se.Document,
+              usabilityExpected: !1,
+              file: t
+            }
+          ]
+        }
+      });
+    } catch (i) {
+      throw this.dropFilesByCriteria((s) => s.upload?.blob === t && s.upload?.state === E.Error), i;
+    }
+  }
+  softDeletePdfPage(t) {
+    m(this, w).deletePart(t);
+  }
+  async confirmSelection() {
+    await H(m(this, w).updateMetadataWithPageSelection$());
+    const t = ze(), a = He(R());
+    t.send({
+      type: a.Finish
+    });
+  }
+  selectUploadedPdfFile() {
+    return H(m(this, w).selectUploadedPdfFile$());
+  }
+  getLocale() {
+    return m(this, F).getWorkflowState().locale;
+  }
+  getSupportedDocumentTranslationsFromSettings(t) {
+    const { supportedDocumentTypes: a } = m(this, F).getConfiguration().getSettings();
+    return ni(a, t);
+  }
+  getDocProofFileTypes() {
+    const { merchantSettings: { docProofFileType: t = "ALL" } = {} } = m(this, F).getConfiguration().getSettings();
+    return t?.trim() ? Array.from(
+      new Set(
+        t.split(",").map((a) => a.trim().toUpperCase()).filter(Boolean)
+      )
+    ) : [];
+  }
+  getInputFileAcceptValue() {
+    const t = this.getDocProofFileTypes();
+    if (t.length === 0 || t.includes("ALL"))
+      return "";
+    const a = [];
+    for (const o of t) {
+      const i = J.ALLOWED_FILE_TYPE_CONFIG[o];
+      i && i.mimeTypes.forEach((s) => a.push(s));
+    }
+    return a.join(", ");
+  }
+  isFileTypeAllowed(t) {
+    const a = this.getDocProofFileTypes();
+    return a.length === 0 || a.includes("ALL") ? !0 : a.some(
+      (o) => J.ALLOWED_FILE_TYPE_CONFIG[o]?.validate(t) ?? !1
+    );
+  }
+  async checkPdfUpload(t) {
+    if (K(t)) {
+      const a = await H(m(this, w).selectUploadedPdfFile$());
+      if (be(this, V, ga).call(this, a))
+        return this.pdfFiles$.next([
+          { label: t.name, value: "new", selected: !1, file: t },
+          { label: a.name, value: "old", selected: !1, file: a }
+        ]), !0;
+    }
+    return !1;
+  }
+  cancelPdfSelection() {
+    this.pdfFiles$.next(void 0);
+  }
+  dropFilesByCriteria(t) {
+    const a = si(t).map((o) => o.upload?.id).filter((o) => O(ri, o));
+    Yt(...a);
+  }
+};
+ve = new WeakMap(), F = new WeakMap(), w = new WeakMap(), V = new WeakSet(), ga = function(t) {
+  return t instanceof File;
+}, va = function() {
+  return m(this, F).getControllerById(B.Document);
+}, J.ALLOWED_FILE_TYPE_CONFIG = {
+  PDF: {
+    mimeTypes: ["application/pdf"],
+    validate: (t) => K(t)
+  },
+  JPEG: {
+    mimeTypes: ["image/jpeg"],
+    validate: (t) => ["image/jpeg", "image/jpg"].includes(t.type.toLowerCase())
+  },
+  JPG: {
+    mimeTypes: ["image/jpeg"],
+    validate: (t) => ["image/jpeg", "image/jpg"].includes(t.type.toLowerCase())
+  },
+  PNG: {
+    mimeTypes: ["image/png"],
+    validate: (t) => t.type.toLowerCase() === "image/png"
+  }
+};
+let Ee = J;
+var ji = Object.defineProperty, Wi = Object.getOwnPropertyDescriptor, wa = (e) => {
+  throw TypeError(e);
+}, Ce = (e, t, a, o) => {
+  for (var i = o > 1 ? void 0 : o ? Wi(t, a) : t, s = e.length - 1, r; s >= 0; s--)
+    (r = e[s]) && (i = (o ? r(t, a, i) : r(i)) || i);
+  return o && i && ji(t, a, i), i;
+}, nt = (e, t, a) => t.has(e) || wa("Cannot " + a), v = (e, t, a) => (nt(e, t, "read from private field"), a ? a.call(e) : t.get(e)), h = (e, t, a) => t.has(e) ? wa("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), st = (e, t, a, o) => (nt(e, t, "write to private field"), t.set(e, a), a), u = (e, t, a) => (nt(e, t, "access private method"), a), rt, lt, ct, dt, me, fe, ye, d, Ca, ya, ut, Ie, Sa, Ue, ba, _a, $a, ka, Be, Te, Le, Ve, Oe, pt, Ae;
+let L = class extends $ {
+  constructor() {
+    super(), h(this, d), h(this, rt, new S(this, Bt())), h(this, lt, new S(this, Tt())), h(this, ct, Lt(
+      this,
+      Vt(),
+      !0
+    )), h(this, dt, new li(this)), h(this, me), h(this, fe), this.imageViewerIndex = -1, this.hasUploadError = !1, h(this, ye, /* @__PURE__ */ new Map()), h(this, Be, async (e) => {
+      const [t] = e.detail.files;
+      if (!this.componentController.isFileTypeAllowed(t)) {
+        this.hasUploadError = !0;
+        return;
+      }
+      const a = await this.componentController.checkPdfUpload(t);
+      Ot("UPLOAD"), a || await u(this, d, Ve).call(this, t);
+    }), h(this, Te, (e) => {
+      const t = u(this, d, Ie).call(this, e);
+      t && (e.stopPropagation(), this.dispatchEvent(new di(t)));
+    }), h(this, Le, (e) => {
+      const t = u(this, d, Ie).call(this, e);
+      t && (e.stopPropagation(), this.dispatchEvent(new ui(t)));
+    }), h(this, pt, () => (pi.clickedContinueUploadButton(this, {
+      metadata: {
+        documentType: this.documentCodeController.value?.code,
+        pageCount: this.fileEntitiesController.value?.length
+      }
+    }), this.componentController.confirmSelection())), h(this, Ae, () => {
+      const e = ze(), t = He(R());
+      e.send({
+        type: t.MobileCapture
+      });
+    }), this.componentController = new Ee(this), this.documentCodeController = new S(this, this.componentController.document$), this.maxFileUploadSizeController = new S(this, this.componentController.maxFileUploadSize$), this.fileEntitiesController = new S(this, ci()), this.pdfFilesController = new S(this, this.componentController.pdfFiles$);
+  }
+  async handlePdfSelection() {
+    const e = await H(this.componentController.pdfFiles$, {
+      defaultValue: void 0
+    });
+    if (e) {
+      const t = e.find((a) => a.selected);
+      t?.value === "new" && (this.componentController.pdfFiles$.next(void 0), await u(this, d, Ve).call(this, t.file));
+    }
+    this.componentController.pdfFiles$.next(void 0);
+  }
+  render() {
+    return ke("jumio-document-upload-backward-button"), ke("jumio-document-upload-before"), ke("jumio-document-upload-after"), l`
+      <jumio-sdk-step-document-upload-view
+        data-qa-id="document-upload-view"
+        @dropimagerequest="${v(this, Te)}"
+        @previewimagerequest="${v(this, Le)}"
+        @filesuploaded="${v(this, Be)}"
+        @capturefile="${v(this, Ae)}"
+        .config="${u(this, d, Ca).call(this)}"
+      ></jumio-sdk-step-document-upload-view>
+    `;
+  }
+  willUpdate(e) {
+    super.willUpdate(e), this.imageViewerIndex >= 0 && (this.fileEntitiesController.value ?? []).length === 0 && (this.imageViewerIndex = -1);
+  }
+};
+rt = /* @__PURE__ */ new WeakMap();
+lt = /* @__PURE__ */ new WeakMap();
+ct = /* @__PURE__ */ new WeakMap();
+dt = /* @__PURE__ */ new WeakMap();
+me = /* @__PURE__ */ new WeakMap();
+fe = /* @__PURE__ */ new WeakMap();
+ye = /* @__PURE__ */ new WeakMap();
+d = /* @__PURE__ */ new WeakSet();
+Ca = function() {
+  const e = this.fileEntitiesController.value ?? [];
+  st(this, ye, new Map(e.map((i, s) => [u(this, d, ut).call(this, i, s), i])));
+  const t = e.map((i) => i.upload).filter((i) => O(Je, i)), a = t.filter((i) => i.docvProcessed).length, o = t.length === 0 ? 0 : a / t.length * 100;
+  return {
+    title: u(this, d, $a).call(this),
+    instructions: u(this, d, ba).call(this, this.componentController.getDocProofFileTypes()),
+    accept: this.componentController.getInputFileAcceptValue(),
+    mobile: hi(),
+    files: e.map((i, s) => u(this, d, ya).call(this, i, s, o)),
+    continueEnabled: u(this, d, ka).call(this, e),
+    imageViewerIndex: this.imageViewerIndex,
+    uploadErrorVisible: this.hasUploadError,
+    pdfOptions: (this.pdfFilesController.value ?? []).flatMap(
+      (i) => i.value === "new" || i.value === "old" ? [
+        {
+          label: i.label,
+          value: i.value,
+          selected: i.selected
+        }
+      ] : []
+    ),
+    navigationButton: u(this, d, Sa).call(this),
+    logotype: {
+      logoFromSettings: v(this, dt).getLogoFromSettings()
+    },
+    onContinue: v(this, pt),
+    onFileRemove: (i) => {
+      Yt(i);
+    },
+    onFilePreview: (i) => {
+      u(this, d, Oe).call(this, i);
+    },
+    onImageViewerClose: () => {
+      u(this, d, Oe).call(this, -1);
+    },
+    onImageViewerRemove: (i) => {
+      this.componentController.softDeletePdfPage(i);
+    },
+    onUploadErrorDismiss: () => {
+      this.hasUploadError = !1;
+    },
+    onPdfOptionSelect: (i) => {
+      const s = this.pdfFilesController.value;
+      s && this.componentController.pdfFiles$.next(
+        s.map((r) => ({
+          ...r,
+          selected: r.value === i
+        }))
+      );
+    },
+    onPdfConfirm: () => {
+      this.handlePdfSelection();
+    },
+    onPdfCancel: () => {
+      this.componentController.cancelPdfSelection();
+    }
+  };
+};
+ya = function(e, t, a) {
+  const o = u(this, d, ut).call(this, e, t), i = e.upload?.blob instanceof File ? e.upload.blob.name : "", s = (() => {
+    switch (e.upload?.state) {
+      case E.NotStarted:
+        return g.NotStarted;
+      case E.Progress:
+        return g.Progress;
+      case E.Success:
+        return g.Success;
+      case E.Error:
+        return g.Error;
+      case void 0:
+        return g.Missing;
+    }
+  })(), r = (() => {
+    switch (e.thumbnail?.state) {
+      case Z.NotStarted:
+        return { state: _.NotStarted };
+      case Z.Progress:
+        return { state: _.Progress };
+      case Z.Success:
+        return {
+          state: _.Success,
+          src: e.thumbnail.thumbnail.base64,
+          width: e.thumbnail.thumbnail.width,
+          height: e.thumbnail.thumbnail.height
+        };
+      case Z.Error:
+        return { state: _.Error };
+      case void 0:
+        return;
+    }
+  })(), p = O(Je, e.upload) && e.upload.docvProcessed === !1;
+  return {
+    id: o,
+    fileName: i,
+    state: s,
+    ...r === void 0 ? {} : { thumbnail: r },
+    ...a < 100 && p ? { processingProgress: a } : {}
+  };
+};
+ut = function(e, t) {
+  return e.upload?.id ?? e.thumbnail?.id ?? `pending-${t}`;
+};
+Ie = function(e) {
+  const { detail: t } = e, a = t?.upload?.id ?? t?.thumbnail?.id;
+  return typeof a == "string" ? v(this, ye).get(a) : void 0;
+};
+Sa = function() {
+  const e = v(this, rt).value, t = qt({
+    hasHistoryItems: this.navigationService?.hasHistoryItems() ?? !1,
+    isCrossDeviceScreen: e?.activeScreen === zt.CrossDevice,
+    forceCrossDeviceDisplay: Nt()
+  }), a = t ? void 0 : u(this, d, Ue).call(this);
+  return {
+    hasBackNavigation: t,
+    showBackButton: v(this, lt).value ?? !0,
+    type: M.Quiet,
+    shape: qe.Round,
+    localeSelection: {
+      visible: !t && v(this, ct).value,
+      locales: a?.getLocales() ?? [],
+      selectedLocale: v(this, fe) ?? a?.getSelectedLocale(),
+      selectType: Ht.Default,
+      onLocaleSelect: (o) => {
+        st(this, fe, o), u(this, d, Ue).call(this).updateLocale(o), this.requestUpdate();
+      }
+    },
+    onBack: () => {
+      this.navigationService?.back();
+    }
+  };
+};
+Ue = function() {
+  return v(this, me) ?? st(this, me, new Jt(this));
+};
+ba = function(e) {
+  return e.length === 0 || e.includes("ALL") ? ne(
+    c(
+      "Upload a color image of the whole document. Max. size: {{pageLimit}} images or {{uploadFileSizeMax}} MB.",
+      {
+        id: "dv.instruction.upload_colour_image_full_document_size_limit"
+      }
+    )
+  )({
+    pageLimit: this.documentCodeController.value?.maxPages,
+    uploadFileSizeMax: vt(this.maxFileUploadSizeController.value ?? 0)
+  }) : ne(
+    c(
+      "Upload a color image of the whole document. {{fileType}} format only. Max. size: {{pageLimit}} images or {{uploadFileSizeMax}} MB.",
+      {
+        id: "dv.instruction.upload_colour_image_full_document_size_limit_and_file_type"
+      }
+    )
+  )({
+    fileType: u(this, d, _a).call(this, e),
+    pageLimit: this.documentCodeController.value?.maxPages,
+    uploadFileSizeMax: vt(this.maxFileUploadSizeController.value ?? 0)
+  });
+};
+_a = function(e) {
+  const t = this.componentController.getLocale(), a = Intl;
+  if (typeof a.ListFormat != "function")
+    return e.join(", ");
+  const o = t.replace(/_/g, "-");
+  try {
+    return new a.ListFormat(o, { type: "disjunction" }).format(e);
+  } catch {
+    return e.join(", ");
+  }
+};
+$a = function() {
+  const { code: e } = this.documentCodeController.value ?? {}, t = e ? mi[e] : void 0;
+  if (t)
+    return c(t.label, { id: t.id });
+  const a = fi(
+    this.componentController.getLocale(),
+    this.componentController.getSupportedDocumentTranslationsFromSettings(e)
+  );
+  return ne(
+    gi(c('Upload your "{{customTitle}}"', { id: "dv.instruction.upload_your_document" }))
+  )({
+    customTitle: a ?? ""
+  });
+};
+ka = function(e) {
+  const t = this.documentCodeController.value?.maxPages ?? Number.MAX_VALUE;
+  return e.length > 0 && e.length <= t && e.every((a) => O(Je, a.upload) && a.upload.docvProcessed);
+};
+Be = /* @__PURE__ */ new WeakMap();
+Te = /* @__PURE__ */ new WeakMap();
+Le = /* @__PURE__ */ new WeakMap();
+Ve = async function(e) {
+  try {
+    await this.componentController.uploadFile(e);
+  } catch (t) {
+    this.hasUploadError = !!t;
+  }
+};
+Oe = function(e) {
+  this.imageViewerIndex = e;
+};
+pt = /* @__PURE__ */ new WeakMap();
+Ae = /* @__PURE__ */ new WeakMap();
+L.styles = [
+  ...$.styles,
+  G`
+      :host {
+        display: contents;
+      }
+    `
+];
+Ce([
+  Rt({ context: Gt, subscribe: !0 })
+], L.prototype, "navigationService", 2);
+Ce([
+  Re()
+], L.prototype, "imageViewerIndex", 2);
+Ce([
+  Re()
+], L.prototype, "hasUploadError", 2);
+L = Ce([
+  Y(),
+  Q("jumio-sdk-step-document-upload")
+], L);
+var qi = Object.defineProperty, Ni = Object.getOwnPropertyDescriptor, xa = (e) => {
+  throw TypeError(e);
+}, Pa = (e, t, a, o) => {
+  for (var i = o > 1 ? void 0 : o ? Ni(t, a) : t, s = e.length - 1, r; s >= 0; s--)
+    (r = e[s]) && (i = (o ? r(t, a, i) : r(i)) || i);
+  return o && i && qi(t, a, i), i;
+}, ht = (e, t, a) => t.has(e) || xa("Cannot " + a), zi = (e, t, a) => (ht(e, t, "read from private field"), a ? a.call(e) : t.get(e)), kt = (e, t, a) => t.has(e) ? xa("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), Hi = (e, t, a, o) => (ht(e, t, "write to private field"), t.set(e, a), a), xt = (e, t, a) => (ht(e, t, "access private method"), a), ie, oe, Da, Fa;
+let ge = class extends $ {
+  constructor() {
+    super(), kt(this, oe), kt(this, ie), Hi(this, ie, new S(this, vi()));
+  }
+  get workflowStepController() {
+    return Ne().getControllerById(B.Document);
+  }
+  render() {
+    switch (zi(this, ie).value) {
+      case wt.UploadScreen:
+        return xt(this, oe, Da).call(this);
+      case wt.MobileCapture:
+        return xt(this, oe, Fa).call(this);
+      default:
+        return D;
+    }
+  }
+};
+ie = /* @__PURE__ */ new WeakMap();
+oe = /* @__PURE__ */ new WeakSet();
+Da = function() {
+  return l`<jumio-sdk-step-document-upload data-qa-id="document-upload"></jumio-sdk-step-document-upload>`;
+};
+Fa = function() {
+  return l`<jumio-sdk-step-document-capture data-qa-id="document-capture"></jumio-sdk-step-document-capture>`;
+};
+ge.styles = [
+  ...$.styles,
+  G`
+      :host {
+        display: contents;
+      }
+    `
+];
+Pa([
+  wi({ context: Ci }),
+  Re()
+], ge.prototype, "workflowStepController", 1);
+ge = Pa([
+  Y(),
+  Q("jumio-sdk-step-document")
+], ge);
+export {
+  he as JumioSdkStepDocumentCaptureComponent,
+  ge as JumioSdkStepDocumentComponent,
+  L as JumioSdkStepDocumentUploadComponent
+};
+//# sourceMappingURL=document.CQ_B9GTj.js.map