@cling-se/widget 0.14.5 → 0.15.0

package/.env.local

@@ -0,0 +1,14 @@
+VITE_APP_ROOT_STYLE_ID=CLING_WIDGET_STYLE
+VITE_APP_WEB_BASEURL=https://app.cling.se
+VITE_APP_CLINGAPI_BASEURL=https://api.cling.se
+VITE_APP_ROLLBAR_CLIENT_TOKEN=eb32744a5ab546109ce9b24dd4d911b9
+VITE_APP_ROLLBAR_ENV=production
+VITE_APP_STRIPE_PUBLISHABLE_KEY=pk_live_srt9FB7WkzNiQGIP46ISVpag00bGlEZBT8
+
+# WIDGET DEV OVERRIDES
+VITE_APP_WEB_BASEURL_DEV=https://app.dev.cling.se
+VITE_APP_CLINGAPI_BASEURL_DEV=https://api.dev.cling.se
+VITE_APP_ROLLBAR_CLIENT_TOKEN_DEV=0ecbfb9cfb8247b482fa48005b427c0b
+VITE_APP_ROLLBAR_SERVER_TOKEN=1ef448e4b5f1492087e4f2909e4cb584
+VITE_APP_ROLLBAR_ENV_DEV=devlopment
+VITE_APP_STRIPE_PUBLISHABLE_KEY_DEV=pk_test_51GtCRGCbQiZmXexHOfxlwapIA8SgKCnclIzsfenvUBYe8WNnnE5EFoGqfn7U1REZDEbQvY7S7duOZe2JoR48GkxY00c74xDVtf

package/README.md

@@ -19,6 +19,9 @@
 **Publishing**
 
 - Navigate to root and run "pnpm widget:publish"
+  - If this step doesn't work due to windows paths or similar, and you're working directly in widget directory:
+    - `pnpm build`
+    - `pnpm publish`
 - If not publishing from master you will be prompted with a confirm dialog. Press yes if the dev branch is stable
 - Post a message in **#cling-release-notes** channel:
 

package/dist/{AddClientCallout-BMc-v9rJ.js → AddClientCallout-AzRpL0vT.js}

@@ -1,6 +1,6 @@
-import { m as o } from "./mapFormMixin-ETYhBLl2.js";
-import { C as s } from "./ClientAutocomplete-9iM1pR9l.js";
-import { n as r } from "./main-B9t0ybqW.js";
+import { m as o } from "./mapFormMixin-BinelLUg.js";
+import { C as s } from "./ClientAutocomplete-BfLr3svj.js";
+import { n as r } from "./main-Bw3hbSQ-.js";
 const a = {
   i18nOptions: {
     namespaces: "components",

package/dist/{AnswerModal-Cu0Ke5pl.js → AnswerModal-CDvyRytm.js}

@@ -1,8 +1,8 @@
-import { m as ft } from "./mapFormMixin-ETYhBLl2.js";
-import { at as It, O as Tt, h as Et, au as Mt, av as Rt, aw as $t, n as ot, ax as Dt, g as yt, e as At, M as Bt } from "./main-B9t0ybqW.js";
+import { m as ft } from "./mapFormMixin-BinelLUg.js";
+import { at as It, O as Tt, h as Et, au as Mt, av as Rt, aw as $t, n as ot, ax as Dt, g as yt, e as At, M as Bt } from "./main-Bw3hbSQ-.js";
 import { a as nt } from "./anime.es-BrPTThYb.js";
 import { a as Ut } from "./vuex.esm-DKGl8mcw.js";
-import { C as Lt } from "./CFormField-CeJ58aN2.js";
+import { C as Lt } from "./CFormField-DagN3ANJ.js";
 /*!
  * vue-qrcode v1.0.2
  * https://fengyuanchen.github.io/vue-qrcode
@@ -3654,12 +3654,12 @@ var ye = function() {
       type: "enjoyedExperience",
       data: { value: !1 }
     });
-  } } }, [r._v(r._s(r._document.$t("answerFeedback.start.no")))]), n("CButton", { staticClass: "feedback-btn", staticStyle: { "margin-left": "calc(0.75 * var(--rem))" }, attrs: { "icon-left": "thumbsup", size: "small", pattern: "secondary" }, on: { click: function(g) {
+  } } }, [r._v(" " + r._s(r._document.$t("answerFeedback.start.no")) + " ")]), n("CButton", { staticClass: "feedback-btn", staticStyle: { "margin-left": "calc(0.75 * var(--rem))" }, attrs: { "icon-left": "thumbsup", size: "small", pattern: "secondary" }, on: { click: function(g) {
     return r.submitFeedback({
       type: "enjoyedExperience",
       data: { value: !0 }
     });
-  } } }, [r._v(r._s(r._document.$t("answerFeedback.start.yes")))])], 1)]) : r.page === "intermediate" ? n("div", { key: "intermediate", staticStyle: { height: "100%", display: "flex", "flex-direction": "column" } }, [n("div", { staticStyle: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "center", "align-items": "center" } }, [n("div", { staticClass: "f-title", domProps: { textContent: r._s(r._document.$t("answerFeedback.intermediate.title")) } })])]) : r.page === "positive" && r.showFeedback ? n("div", { key: "positive", staticStyle: { height: "100%", display: "flex", "flex-direction": "column" } }, [n("div", { staticStyle: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "center", "align-items": "center" } }, [n("div", { staticClass: "f-title", domProps: { textContent: r._s(r._document.$t("answerFeedback.yes.title")) } }), n("div", { domProps: { textContent: r._s(r._document.$t("answerFeedback.yes.text")) } })]), n("CButton", { staticClass: "a-btn", staticStyle: { "margin-bottom": "0.5em" }, attrs: { type: "secondary", wide: "", tag: "a", href: "/register?utm_source=document&utm_medium=feedback-modal&utm_campaign=signup&utm_content=positive-exp", target: "_blank" }, domProps: { textContent: r._s(r._document.$t("answerFeedback.yes.action")) } }), n("CButton", { staticClass: "a-btn", attrs: { wide: "", tag: "a", href: `https://${r.$t(
+  } } }, [r._v(" " + r._s(r._document.$t("answerFeedback.start.yes")) + " ")])], 1)]) : r.page === "intermediate" ? n("div", { key: "intermediate", staticStyle: { height: "100%", display: "flex", "flex-direction": "column" } }, [n("div", { staticStyle: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "center", "align-items": "center" } }, [n("div", { staticClass: "f-title", domProps: { textContent: r._s(r._document.$t("answerFeedback.intermediate.title")) } })])]) : r.page === "positive" && r.showFeedback ? n("div", { key: "positive", staticStyle: { height: "100%", display: "flex", "flex-direction": "column" } }, [n("div", { staticStyle: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "center", "align-items": "center" } }, [n("div", { staticClass: "f-title", domProps: { textContent: r._s(r._document.$t("answerFeedback.yes.title")) } }), n("div", { domProps: { textContent: r._s(r._document.$t("answerFeedback.yes.text")) } })]), n("CButton", { staticClass: "a-btn", staticStyle: { "margin-bottom": "0.5em" }, attrs: { type: "secondary", wide: "", tag: "a", href: "/register?utm_source=document&utm_medium=feedback-modal&utm_campaign=signup&utm_content=positive-exp", target: "_blank" }, domProps: { textContent: r._s(r._document.$t("answerFeedback.yes.action")) } }), n("CButton", { staticClass: "a-btn", attrs: { wide: "", tag: "a", href: `https://${r.$t(
     "_common:brand.domain"
   )}?utm_source=document&utm_medium=feedback-modal&utm_campaign=learn-more&utm_content=positive-exp`, target: "_blank" }, domProps: { textContent: r._s(r._document.$t("answerFeedback.yes.secondary")) } })], 1) : r.page === "negative" ? n("div", { key: "negative", staticStyle: { height: "100%", display: "flex", "flex-direction": "column" } }, [n("div", { staticStyle: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "center", "align-items": "center" } }, [n("div", { staticClass: "f-title", domProps: { textContent: r._s(r._document.$t("answerFeedback.no.start.title")) } }), n("div", { domProps: { textContent: r._s(r._document.$t("answerFeedback.no.start.text")) } }), n("CInput", { staticClass: "input-style", staticStyle: { margin: "2em 0" }, attrs: { placeholder: r._document.$t("answerFeedback.no.start.placeholder"), type: "textarea" }, model: { value: r.whatToImprove, callback: function(g) {
     r.whatToImprove = g;
@@ -3681,7 +3681,7 @@ var ye = function() {
   xe,
   !1,
   null,
-  "fcbefbe7"
+  "99810372"
 );
 const Ce = _e.exports, Ee = {
   components: {

package/dist/{AttachmentItem-Co8pVvtv.js → AttachmentItem-CSF4W4Xu.js}

@@ -1,5 +1,5 @@
-import a from "./Index-DY5gAUnE.js";
-import { n as i } from "./main-B9t0ybqW.js";
+import a from "./Index-VsEdNKtz.js";
+import { n as i } from "./main-Bw3hbSQ-.js";
 const r = {
   name: "AttachmentsItem",
   components: {

package/dist/{BaseDatePicker-P5iq-XAp.js → BaseDatePicker-SxYuhQ3d.js}

@@ -1,5 +1,5 @@
-import { a4 as ki, a5 as vi, k as Mi, n as Si, q as bi, ak as Yi, al as Oi, ac as xi } from "./main-B9t0ybqW.js";
-import { w as Ti } from "./CDropdownItem-BjYnhZJr.js";
+import { a4 as ki, a5 as vi, k as Mi, n as Si, q as bi, ak as Yi, al as Oi, ac as xi } from "./main-Bw3hbSQ-.js";
+import { w as Ti } from "./CDropdownItem-C_Q1Rz8L.js";
 var fs = { exports: {} };
 //! moment.js
 //! version : 2.29.4

package/dist/{BaseUpload-BDWnWTxr.js → BaseUpload-ZaLcRmJi.js}

@@ -1,4 +1,4 @@
-import { a5 as Ue, k as De, n as $e, af as ye, O as ve } from "./main-B9t0ybqW.js";
+import { a5 as Ue, k as De, n as $e, af as ye, O as ve } from "./main-Bw3hbSQ-.js";
 /*!
  * Compressor.js v1.1.1
  * https://fengyuanchen.github.io/compressorjs
@@ -1697,7 +1697,7 @@ const Ve = /* @__PURE__ */ De(Ye), Qe = {
   name: "BaseUpload",
   components: {
     FileUpload: Ve,
-    UploadModal: () => import("./UploadModal-9O4HTVZm.js")
+    UploadModal: () => import("./UploadModal-CyF28dJu.js")
   },
   props: {
     // Optional function to handle any errors

package/dist/{BlockMedia-B_UiePCr.js → BlockMedia-iYNGqCP-.js}

@@ -1,5 +1,5 @@
 import { g as d } from "./color-TdtKxwVa.js";
-import { n, b as i, x as c } from "./main-B9t0ybqW.js";
+import { n, b as i, x as c } from "./main-Bw3hbSQ-.js";
 const u = {
   name: "BlockMedia",
   inject: {

package/dist/{CCallout-Bbp9ya9n.js → CCallout-DzwZ6iEQ.js}

@@ -1,4 +1,4 @@
-import { n as a, f as s } from "./main-B9t0ybqW.js";
+import { n as a, f as s } from "./main-Bw3hbSQ-.js";
 import "./CTabs.vue_vue_type_style_index_0_scoped_e02a6440_lang-l0sNRNKZ.js";
 const i = {
   name: "CCallout",

package/dist/{CCurrencyDropdown-Cw39vJWw.js → CCurrencyDropdown-CcjeZr0M.js}

@@ -1,6 +1,6 @@
-import { C as t, a as l } from "./CDropdownItem-BjYnhZJr.js";
-import { n as s, q as u, r } from "./main-B9t0ybqW.js";
-import { S as c } from "./SmartList-P5ZfTWBb.js";
+import { C as t, a as l } from "./CDropdownItem-C_Q1Rz8L.js";
+import { n as s, q as u, r } from "./main-Bw3hbSQ-.js";
+import { S as c } from "./SmartList-BQy76HbF.js";
 const d = {
   AED: "United Arab Emirates Dirham",
   AFN: "Afghan Afghani",

package/dist/{CDropdownItem-BjYnhZJr.js → CDropdownItem-C_Q1Rz8L.js}

@@ -1,4 +1,4 @@
-import { V as f, k as m, n as p } from "./main-B9t0ybqW.js";
+import { V as f, k as m, n as p } from "./main-Bw3hbSQ-.js";
 class b {
   constructor({ defaults: e = { width: 800, height: 600 }, delay: i = 50 } = {}) {
     this._width = e.width, this._height = e.height, this._delay = i, this._timer = null, this._initialized = !1, this._handler = this._handleResize.bind(this);

package/dist/{CFormField-CeJ58aN2.js → CFormField-DagN3ANJ.js}

@@ -1,4 +1,4 @@
-import { n as i, Q as l } from "./main-B9t0ybqW.js";
+import { n as i, Q as l } from "./main-Bw3hbSQ-.js";
 import "./CField.vue_vue_type_style_index_0_lang-l0sNRNKZ.js";
 const n = {
   name: "CFieldBody",

package/dist/{CPhoneFormat-BZnmeEeW.js → CPhoneFormat-BabexkZC.js}

@@ -1,4 +1,4 @@
-import { u as e, v as o, n } from "./main-B9t0ybqW.js";
+import { u as e, v as o, n } from "./main-Bw3hbSQ-.js";
 const r = {
   name: "CPhoneFormat",
   props: {

package/dist/{CPriceInput-B07d19qq.js → CPriceInput-4SWAt4-e.js}

@@ -1,5 +1,5 @@
-import { C as s } from "./CCurrencyDropdown-Cw39vJWw.js";
-import { n as i, q as u, r as a } from "./main-B9t0ybqW.js";
+import { C as s } from "./CCurrencyDropdown-CcjeZr0M.js";
+import { n as i, q as u, r as a } from "./main-Bw3hbSQ-.js";
 const l = {
   name: "CPriceInput",
   components: {

package/dist/{ClientAutocomplete-9iM1pR9l.js → ClientAutocomplete-BfLr3svj.js}

@@ -1,5 +1,5 @@
-import { S as o } from "./SearchApi-bB9FLxUq.js";
-import { n as l, y as c } from "./main-B9t0ybqW.js";
+import { S as o } from "./SearchApi-BcgYuHnp.js";
+import { n as l, y as c } from "./main-Bw3hbSQ-.js";
 const i = {
   i18nOptions: {
     namespaces: "components",

package/dist/{ClientModal-fw8f6UvL.js → ClientModal-BfqyNmGa.js}

@@ -1,9 +1,9 @@
-import { C as v } from "./ClientAutocomplete-9iM1pR9l.js";
-import { E as p, a9 as y, I as C, n as u, b as l, d as b, c as _, g as c, aa as $, y as w } from "./main-B9t0ybqW.js";
-import { w as f } from "./CDropdownItem-BjYnhZJr.js";
-import { v as r } from "./index-Czyda2Ej.js";
+import { C as v } from "./ClientAutocomplete-BfLr3svj.js";
+import { E as p, a9 as y, I as C, n as u, b as l, d as b, c as _, g as c, aa as $, y as w } from "./main-Bw3hbSQ-.js";
+import { w as f } from "./CDropdownItem-C_Q1Rz8L.js";
+import { v as r } from "./index-CihfdSBG.js";
 import { m as g, b as x, a as k } from "./vuex.esm-DKGl8mcw.js";
-import { o as N } from "./omit-DtTfKAed.js";
+import { o as N } from "./omit-C4GTWP3u.js";
 function h(a) {
   if (typeof a > "u")
     throw Error("Missing param inputParam");

package/dist/{ColorPicker-uu6vKe8o.js → ColorPicker-DsWa5-ky.js}

@@ -1,4 +1,4 @@
-import { a5 as ht, n as bt } from "./main-B9t0ybqW.js";
+import { a5 as ht, n as bt } from "./main-Bw3hbSQ-.js";
 var vt = { exports: {} };
 (function(gt, Ct) {
   (function(c, i) {

package/dist/{CompanyModal-5t4yhKL4.js → CompanyModal-BX27IyQz.js}

@@ -1,8 +1,8 @@
-import { w as r } from "./CDropdownItem-BjYnhZJr.js";
-import { E as l, g as s, n as c } from "./main-B9t0ybqW.js";
-import { v as o } from "./index-Czyda2Ej.js";
+import { w as r } from "./CDropdownItem-C_Q1Rz8L.js";
+import { E as l, g as s, n as c } from "./main-Bw3hbSQ-.js";
+import { v as o } from "./index-CihfdSBG.js";
 import { m as p, b as n, a as d } from "./vuex.esm-DKGl8mcw.js";
-import { s as m, a as u } from "./publicSenderState-DD1lN9CR.js";
+import { s as m, a as u } from "./publicSenderState-DORLbMvq.js";
 const { mapFields: f } = l({
   getterType: "forms/getField",
   mutationType: "forms/updateField"

package/dist/{ContentWrapper-DwcOQ21l.js → ContentWrapper-Cs9WIbLC.js}

@@ -1,8 +1,8 @@
-import { m as n } from "./mapFormMixin-ETYhBLl2.js";
-import { B as l } from "./BlockMedia-B_UiePCr.js";
-import { t as r } from "./tinycolor-CMC8Xp7x.js";
-import { T as i } from "./DocTextEditor-AqBE7jZj.js";
-import { n as s, ab as c, z as u, B as m, A as p } from "./main-B9t0ybqW.js";
+import { m as n } from "./mapFormMixin-BinelLUg.js";
+import { B as l } from "./BlockMedia-iYNGqCP-.js";
+import { t as r } from "./tinycolor-BFvkceNf.js";
+import { T as i } from "./DocTextEditor-BclZr0JD.js";
+import { n as s, ab as c, z as u, B as m, A as p } from "./main-Bw3hbSQ-.js";
 import { i as d } from "./i18nMessages-Chz_lxGG.js";
 const _ = {
   name: "StaticComboLayout",
@@ -33,7 +33,7 @@ const h = y.exports, v = {
     messages: d
   },
   components: {
-    DocumentLogotype: () => import("./DocumentLogotype-emSjQ21f.js"),
+    DocumentLogotype: () => import("./DocumentLogotype-RvsC35wt.js"),
     StaticComboLayout: h,
     TextEditor: i
   },

package/dist/{CoverBlockSettings-cCCXzAZ0.js → CoverBlockSettings-C4szZ3l6.js}

@@ -1,6 +1,6 @@
-import { m as d } from "./mapFormMixin-ETYhBLl2.js";
-import { T as l } from "./ThemeColorRow-DMWVlFRU.js";
-import { n as s, P as p, H as u } from "./main-B9t0ybqW.js";
+import { m as d } from "./mapFormMixin-BinelLUg.js";
+import { T as l } from "./ThemeColorRow-BP3B1_0d.js";
+import { n as s, P as p, H as u } from "./main-Bw3hbSQ-.js";
 const m = (i, e, t, o) => Math.atan2(i - t, e - o) * (180 / Math.PI) * -1 + 180, v = {
   name: "DegreePicker",
   props: {
@@ -135,8 +135,8 @@ var C = function() {
   "e22a6b42"
 );
 const $ = w.exports, x = {
-  image: () => import("./ImageSelectModal-Cimviyuy.js"),
-  video: () => import("./VideoSelectModal-BbaNAxGH.js")
+  image: () => import("./ImageSelectModal-DHN8lKYM.js"),
+  video: () => import("./VideoSelectModal-DLYDXqLD.js")
 }, S = {
   name: "CoverBlockSettings",
   i18nOptions: {

package/dist/{DocAnswer-9lbgqHRX.js → DocAnswer-_wiaHtar.js}

@@ -1,5 +1,5 @@
-import r from "./AnswerModal-Cu0Ke5pl.js";
-import { n as o } from "./main-B9t0ybqW.js";
+import r from "./AnswerModal-CDvyRytm.js";
+import { n as o } from "./main-Bw3hbSQ-.js";
 const t = {
   components: {
     AnswerModal: r

package/dist/{DocDetails-CoLL_tHs.js → DocDetails-Cn1F4Xml.js}

@@ -1,7 +1,7 @@
-import { D as f } from "./DocumentVoided-BOjiWBK6.js";
-import { C as g, a as h, w } from "./CDropdownItem-BjYnhZJr.js";
-import { n as r, ag as $, b as x, ah as y, ai as b, aj as C } from "./main-B9t0ybqW.js";
-import { C as S } from "./CPhoneFormat-BZnmeEeW.js";
+import { D as f } from "./DocumentVoided-BrABKjEB.js";
+import { C as g, a as h, w } from "./CDropdownItem-C_Q1Rz8L.js";
+import { n as c, ag as $, b as y, ah as x, ai as b, aj as C } from "./main-Bw3hbSQ-.js";
+import { C as S } from "./CPhoneFormat-BabexkZC.js";
 const D = {
   name: "PublicDocumentEvents",
   props: {
@@ -14,7 +14,7 @@ const D = {
     events() {
       const s = [], { acceptedAt: e } = this.document;
       return this.document.events.filter(({ createdAt: t }) => e ? $(e, t) : !0).forEach((t) => {
-        const { code: i, createdAt: n, children: c = [] } = t;
+        const { code: i, createdAt: n, children: r = [] } = t;
         let { data: l = {} } = t;
         l === null && (l = {});
         const { client: a = {}, clients: u = [], status: p, counter: _ } = l, m = {
@@ -31,7 +31,7 @@ const D = {
             };
           }),
           viewed: () => {
-            const o = _ || c.length + 1;
+            const o = _ || r.length + 1;
             return [
               {
                 text: `${this.document.$t(
@@ -103,7 +103,7 @@ const D = {
     });
   }
 }, z = null, k = null;
-var P = /* @__PURE__ */ r(
+var P = /* @__PURE__ */ c(
   D,
   z,
   k,
@@ -111,7 +111,7 @@ var P = /* @__PURE__ */ r(
   null,
   null
 );
-const F = P.exports, A = {
+const F = P.exports, L = {
   name: "PublicRecipientItem",
   i18nOptions: {
     namespaces: "components",
@@ -127,13 +127,13 @@ const F = P.exports, A = {
     }
   },
   methods: {
-    get: x,
+    get: y,
     getBrowserString({ browser: s, os: e, device: t }) {
       return [s && s.name, e && e.name, t && t.model].filter((i) => !!i).join(", ");
     }
   }
 };
-var R = function() {
+var A = function() {
   var e = this, t = e._self._c;
   return t("div", { staticStyle: { border: "1px solid hsl(0, 0%, 84%)", "border-radius": "3px", "margin-bottom": "1em" } }, [t("div", { staticStyle: { padding: "0.5em 0.75em" } }, [e._l([
     e.recipient.name,
@@ -144,15 +144,15 @@ var R = function() {
   }), t("div", { staticClass: "flex w-full flex-col", staticStyle: { "font-size": "14px", "align-items": "baseline" } }, [e.recipient.email ? t("a", { attrs: { href: `mailto:${e.recipient.email}`, target: "_blank" } }, [e._v(" " + e._s(e.recipient.email) + " ")]) : e._e(), e.recipient.cellphone ? t("CPhoneFormat", { attrs: { phone: e.recipient.cellphone, region: e.recipient.cellphoneRegion }, scopedSlots: e._u([{ key: "default", fn: function({ formattedValue: i }) {
     return t("a", { attrs: { href: `tel:${e.recipient.cellphone}` } }, [e._v(" " + e._s(i) + " ")]);
   } }], null, !1, 2469850174) }) : e._e()], 1)], 2), t("div", { staticStyle: { "background-color": "hsl(0, 0%, 94%)", padding: "0.75em 0.75em", "font-weight": "500", "font-size": "13px", "line-height": "1", color: "hsl(0, 0%, 40%)", position: "relative" } }, [t("div", [e._v(" " + e._s(e.$t(`_common:documentRole.${e.recipient.documentRole}.label`)) + " ")]), t("div", { staticStyle: { position: "absolute", right: "1em", top: "0px", transform: "translate(0, -50%)" } }, [t("v-popover", { attrs: { "popover-inner-class": "signee-popover", trigger: "hover", placement: "bottom-end" } }, [e.recipient.documentRole === "signee" ? t("div", { staticStyle: { padding: "5px 0.75em", background: "hsl(0, 0%, 60%)", "border-radius": "4px", "font-size": "13px", color: "hsl(0, 0%, 100%)", cursor: "default", display: "inline-flex", "align-items": "center" } }, [t("CIcon", { staticStyle: { "margin-right": "0.5ch" }, attrs: { size: 15, type: "info", "stroke-width": "2" } }), e.recipient.answer && e.recipient.answer.didAccept ? [e._v(" " + e._s(e.$t("_common:approved").capitalize()) + " ")] : e.recipient.answer ? [e._v(" " + e._s(e.$t("_common:denied").capitalize()) + " ")] : [e._v(" " + e._s(e.$t("views:publicDocument.pdfVerification.waitingForAnswer")) + " ")]], 2) : e._e(), t("div", { staticStyle: { padding: "0" }, attrs: { slot: "popover" }, slot: "popover" }, [t("div", { staticStyle: { padding: "1em 1.5em" } }, [e.recipient.answer && e.recipient.answer.didAccept ? [e.recipient.answer.signatureDataURL ? t("div", { staticStyle: { "padding-bottom": "0.5em" } }, [t("div", { staticClass: "has-text-grey", staticStyle: { "padding-bottom": "1em" } }, [e._v(" " + e._s(e.$t("_common:signature").capitalize()) + " ")]), t("img", { staticStyle: { width: "80%" }, attrs: { src: e.recipient.answer.signatureDataURL } })]) : t("div", { staticStyle: { "font-size": "13px", "padding-top": "3px" } }, [e.get(e.recipient, "answerMethod.accept") === "bankId" ? [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(" " + e._s(e.$t("views:publicDocument.pdfVerification.recipient.signedBankId")) + " ")]), t("div", [e._v(e._s(e.recipient.answer.response.name))]), t("div", [e._v(e._s(e.recipient.socialNo))])] : e.get(e.recipient, "answerMethod.accept") === "login" ? t("div", { staticStyle: { "font-weight": "500" } }, [e._v(" " + e._s(e.$t("views:publicDocument.pdfVerification.recipient.verifiedLogin")) + " ")]) : e._e()], 2)] : e.recipient.answer ? t("div", [e._v(" " + e._s(e.$t("_common:denied").capitalize()) + " ")]) : t("div", [e._v(" " + e._s(e.$t("pendingAnswer")) + " ")])], 2), e.recipient.answer ? t("div", { staticStyle: { padding: "8px 1.5em", "border-top": "1px solid hsl(0deg 0% 88%)", "background-color": "hsl(0deg 0% 95%)", "font-size": "13px", color: "hsl(0, 0%, 35%)", "font-weight": "500" } }, [e.recipient.answer.didAnswerAt ? t("div", [t("div", [e._v(" " + e._s(e.$t("_common:date").capitalize()) + ": " + e._s(e.$formatDate(e.recipient.answer.didAnswerAt, "P")) + " ")]), t("div", [e._v(" " + e._s(e.$t("_common:time").capitalize()) + ": " + e._s(e.$formatDate(e.recipient.answer.didAnswerAt, "p")) + " ")])]) : e._e(), e.recipient.answer.ip ? t("div", [e._v(" IP: " + e._s(e.recipient.answer.ip) + " ")]) : e._e(), e.recipient.answer.browser ? t("div", [e._v(" Browser: " + e._s(e.getBrowserString(e.recipient.answer)) + " ")]) : e._e()]) : e._e()])])], 1)])]);
-}, L = [], j = /* @__PURE__ */ r(
+}, R = [], j = /* @__PURE__ */ c(
+  L,
   A,
   R,
-  L,
   !1,
   null,
   "eee5c92d"
 );
-const I = j.exports, q = {
+const I = j.exports, B = {
   name: "DocumentDetails",
   components: {
     PublicDocumentEvents: F,
@@ -169,17 +169,28 @@ const I = j.exports, q = {
     openPrintFunc: {
       type: Function,
       default: null
+    },
+    showLanguageSelect: {
+      type: Boolean,
+      default: !0
+    },
+    close: {
+      type: Function,
+      default: null
     }
   },
   data() {
     return {
-      docLanguages: y,
+      docLanguages: x,
       nativeTranslations: b
     };
   },
   computed: {
     viewer() {
       return this.document.viewer;
+    },
+    showActionNav() {
+      return !!(this.openPrintFunc || this.showLanguageSelect || this.close);
     }
   },
   methods: {
@@ -190,30 +201,28 @@ const I = j.exports, q = {
     }
   }
 };
-var O = function() {
+var q = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "relative flex h-full w-full flex-col overflow-hidden rounded-lg bg-white text-base shadow-md" }, [t("div", { staticClass: "z-10 flex w-full items-center justify-end px-6 py-4 shadow-sm" }, [e.openPrintFunc ? [t("CButton", { staticStyle: { "padding-left": "1em", "padding-right": "1em" }, attrs: { "icon-left": "print", type: "none", pattern: "tertiary", taller: "", size: "small" }, on: { click: e.openPrintFunc } }, [e._v(" " + e._s(e.document.$t("download", { thing: "PDF" })) + " ")]), t("div", { staticStyle: { height: "2rem", width: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "0 6px" } })] : e._e(), t("CDropdown", { attrs: { value: e.document.language } }, [t("CButton", { staticStyle: { color: "hsla(0, 0%, 45%, 1)" }, attrs: { slot: "trigger", "icon-props": { size: 18 }, size: "normal", icon: "globe", circle: "" }, slot: "trigger" }), e._l(e.docLanguages, function(i) {
+  return t("div", { staticClass: "relative flex h-full w-full flex-col overflow-hidden rounded-lg bg-white text-base" }, [e.showActionNav ? t("div", { staticClass: "z-10 flex w-full items-center justify-end px-6 py-4 shadow-sm" }, [e.openPrintFunc ? [t("CButton", { staticStyle: { "padding-left": "1em", "padding-right": "1em" }, attrs: { "icon-left": "print", type: "none", pattern: "tertiary", taller: "", size: "small" }, on: { click: e.openPrintFunc } }, [e._v(" " + e._s(e.document.$t("download", { thing: "PDF" })) + " ")]), t("div", { staticStyle: { height: "2rem", width: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "0 6px" } })] : e._e(), e.showLanguageSelect ? t("CDropdown", { attrs: { value: e.document.language } }, [t("CButton", { staticStyle: { color: "hsla(0, 0%, 45%, 1)" }, attrs: { slot: "trigger", "icon-props": { size: 18 }, size: "normal", icon: "globe", circle: "" }, slot: "trigger" }), e._l(e.docLanguages, function(i) {
     return t("CDropdownItem", { key: i, attrs: { value: i }, on: { click: function(n) {
       return e.changeLanguage(i);
     } } }, [e._v(" " + e._s(e.nativeTranslations[i]) + " ")]);
-  })], 2), t("CButton", { staticStyle: { "margin-left": "6px", color: "hsla(0, 0%, 45%, 1)" }, attrs: { "icon-props": { size: 18 }, size: "normal", icon: "x", circle: "" }, on: { click: function(i) {
-    return e.$emit("close");
-  } } })], 2), t("div", { staticClass: "d-root h-full min-h-0 flex-1 overflow-auto px-6 py-8 md:px-12 md:py-16" }, [t("div", { staticClass: "mb-[3em] flex justify-between" }, [t("div", [t("div", { staticStyle: { "font-size": "18px", "font-weight": "600" } }, [e._v(" " + e._s(e.document.$t("detail_plural").capitalize()) + " ")]), t("div", { staticClass: "has-text-grey", staticStyle: { "font-size": "14px" } }, [e._v(" " + e._s(e.document.$t("documentDetails.subTitle")) + " ")])])]), t("div", { staticClass: "d-option", staticStyle: { "margin-bottom": "3em" } }, [t("div", { staticClass: "d-option-title", staticStyle: { "padding-bottom": "0.5rem" } }, [e._v(" " + e._s(e.document.$t("participant_plural").capitalize()) + " ")]), e._l(e.document.recipients, function(i, n) {
+  })], 2) : e._e(), e.close ? t("CButton", { staticStyle: { "margin-left": "6px", color: "hsla(0, 0%, 45%, 1)" }, attrs: { "icon-props": { size: 18 }, size: "normal", icon: "x", circle: "" }, on: { click: e.close } }) : e._e()], 2) : e._e(), t("div", { staticClass: "d-root h-full min-h-0 flex-1 overflow-auto px-6 py-8 md:px-12 md:py-16" }, [t("div", { staticClass: "mb-[3em] flex justify-between" }, [t("div", [t("div", { staticStyle: { "font-size": "18px", "font-weight": "600" } }, [e._v(" " + e._s(e.document.$t("detail_plural").capitalize()) + " ")]), t("div", { staticClass: "has-text-grey", staticStyle: { "font-size": "14px" } }, [e._v(" " + e._s(e.document.$t("documentDetails.subTitle")) + " ")])])]), t("div", { staticClass: "d-option", staticStyle: { "margin-bottom": "3em" } }, [t("div", { staticClass: "d-option-title", staticStyle: { "padding-bottom": "0.5rem" } }, [e._v(" " + e._s(e.document.$t("participant_plural").capitalize()) + " ")]), e._l(e.document.recipients, function(i, n) {
     return t("PublicRecipientItem", { key: i._uniqueId + n, attrs: { recipient: i } });
   })], 2), t("PublicDocumentEvents", { attrs: { document: e.document }, scopedSlots: e._u([{ key: "default", fn: function({ events: i }) {
-    return [i && i.length ? t("div", { staticClass: "d-option" }, [t("div", { staticClass: "d-option-title" }, [e._v(" " + e._s(e.document.$t("event.event_plural").capitalize()) + " ")]), t("div", { attrs: { id: "timeline" } }, [t("div", e._l(i, function(n, c) {
-      return t("div", { key: c, staticClass: "e-item" }, [t("div", { staticClass: "e-data" }, [t("div", { staticClass: "e-text" }, [e._v(e._s(n.text))]), t("div", { staticClass: "e-timestamp" }, [t("div", { staticClass: "e-date" }, [e._v(e._s(e.$formatDate(n.time, "P")))]), t("div", { staticClass: "e-time", staticStyle: { "padding-left": "0.5ch" } }, [e._v(" " + e._s(e.$formatDate(n.time, "p")) + " ")])])])]);
+    return [i && i.length ? t("div", { staticClass: "d-option" }, [t("div", { staticClass: "d-option-title" }, [e._v(" " + e._s(e.document.$t("event.event_plural").capitalize()) + " ")]), t("div", { attrs: { id: "timeline" } }, [t("div", e._l(i, function(n, r) {
+      return t("div", { key: r, staticClass: "e-item" }, [t("div", { staticClass: "e-data" }, [t("div", { staticClass: "e-text" }, [e._v(e._s(n.text))]), t("div", { staticClass: "e-timestamp" }, [t("div", { staticClass: "e-date" }, [e._v(e._s(e.$formatDate(n.time, "P")))]), t("div", { staticClass: "e-time", staticStyle: { "padding-left": "0.5ch" } }, [e._v(" " + e._s(e.$formatDate(n.time, "p")) + " ")])])])]);
     }), 0)])]) : e._e()];
   } }]) }), e.mq === "sm" ? t("div", [e._t("footer")], 2) : e._e()], 1), e.mq !== "sm" ? t("div", [e._t("footer")], 2) : e._e()]);
-}, B = [], N = /* @__PURE__ */ r(
-  q,
-  O,
+}, N = [], O = /* @__PURE__ */ c(
   B,
+  q,
+  N,
   !1,
   null,
-  "44b21eff"
+  "96a06d9f"
 );
-const V = N.exports, E = {
+const V = O.exports, E = {
   components: {
     DocumentDetails: V,
     DocumentVoided: f
@@ -226,19 +235,23 @@ const V = N.exports, E = {
     closeFunc: {
       type: Function,
       default: null
+    },
+    showLanguageSelect: {
+      type: Boolean,
+      default: !0
     }
   }
 };
 var T = function() {
   var e = this, t = e._self._c;
-  return e.document && e.document.status === "voided" ? t("DocumentVoided", { attrs: { document: e.document } }) : t("DocumentDetails", { attrs: { document: e.document }, on: { close: e.closeFunc } });
-}, M = [], U = /* @__PURE__ */ r(
+  return e.document && e.document.status === "voided" ? t("DocumentVoided", { attrs: { document: e.document } }) : t("DocumentDetails", { attrs: { document: e.document, "show-language-select": e.showLanguageSelect, close: e.closeFunc } });
+}, M = [], U = /* @__PURE__ */ c(
   E,
   T,
   M,
   !1,
   null,
-  "d1c20fce"
+  "f3d78687"
 );
 const K = U.exports;
 export {

package/dist/{DocForm-DUjcuHJe.js → DocForm-DCGLCf5f.js}

@@ -1,25 +1,25 @@
-import se from "./AnswerModal-Cu0Ke5pl.js";
-import { o as ne } from "./index-CJ9AvuZH.js";
-import { w as x } from "./CDropdownItem-BjYnhZJr.js";
-import { aT as I, g as m, n as d, c as f, b as u, d as oe, aU as le, S as re, w as U, j as $, aA as ce, aN as y, a6 as p, O as H, h as D, ae as h, aV as de, aW as pe, aX as ue, aY as me, aZ as he, a_ as fe, V as A, aP as O, aQ as R, I as E, a$ as B, aR as ge, b0 as Ce, J as ve, b1 as ye, f as xe, k as G, b2 as we, b3 as be, F as ke, b4 as _e, C as W, b5 as Le, b6 as $e, N as q, b7 as Se, b8 as Te, aS as De, b9 as Ve, ba as Be, bb as Me, a3 as Ie, bc as Fe, m as He, a as Ae, bd as Pe } from "./main-B9t0ybqW.js";
+import se from "./AnswerModal-CDvyRytm.js";
+import { o as ne } from "./index-BRWVACzY.js";
+import { w as x } from "./CDropdownItem-C_Q1Rz8L.js";
+import { aT as I, g as m, n as d, c as f, b as u, d as oe, aU as le, S as re, w as U, j as $, aA as ce, aN as y, a6 as p, O as H, h as D, ae as h, aV as de, aW as pe, aX as ue, aY as me, aZ as he, a_ as fe, V as A, aP as O, aQ as R, I as E, a$ as B, aR as ge, b0 as Ce, J as ve, b1 as ye, f as xe, k as G, b2 as we, b3 as be, F as ke, b4 as _e, C as W, b5 as Le, b6 as $e, N as q, b7 as Se, b8 as Te, aS as De, b9 as Ve, ba as Be, bb as Me, a3 as Ie, bc as Fe, m as He, a as Ae, bd as Pe } from "./main-Bw3hbSQ-.js";
 import { a as w, m as g } from "./vuex.esm-DKGl8mcw.js";
-import { s as k } from "./Flag-DGFvUTQZ.js";
-import { l as Ee, g as ze, W as Ze, b as Ue, a as Oe, D as Re } from "./DocumentLayout-CRAp8mfk.js";
-import { F as N, d as Ge } from "./tippy.esm-DjbYjfS2.js";
-import { m as S } from "./mapFormMixin-ETYhBLl2.js";
-import { d as P, t as We } from "./debounce-B_0g8OVh.js";
-import { d as qe } from "./vuedraggable.umd-CE3WmaEQ.js";
-import { C as Ne, I as _, a as L, s as je } from "./index-C50JSDKO.js";
-import { C as j } from "./CFormField-CeJ58aN2.js";
-import { S as Ke } from "./SmartList-P5ZfTWBb.js";
-import { o as Ye, _ as Qe } from "./omit-DtTfKAed.js";
-import { v as F } from "./index-Czyda2Ej.js";
-import { t as Je } from "./tinycolor-CMC8Xp7x.js";
-import { s as v } from "./formDrawerState-BMQrWaBt.js";
+import { s as k } from "./Flag-2ApHWZ3T.js";
+import { l as Ee, g as ze, W as Ze, b as Ue, a as Oe, D as Re } from "./DocumentLayout-C--Lin9F.js";
+import { F as N, d as Ge } from "./tippy.esm-BK3Nmf2L.js";
+import { m as S } from "./mapFormMixin-BinelLUg.js";
+import { d as P, t as We } from "./debounce-D1yOPGgu.js";
+import { d as qe } from "./vuedraggable.umd-BT5Am26_.js";
+import { C as Ne, I as _, a as L, s as je } from "./index-Cft0QOP8.js";
+import { C as j } from "./CFormField-DagN3ANJ.js";
+import { S as Ke } from "./SmartList-BQy76HbF.js";
+import { o as Ye, _ as Qe } from "./omit-C4GTWP3u.js";
+import { v as F } from "./index-CihfdSBG.js";
+import { t as Je } from "./tinycolor-BFvkceNf.js";
+import { s as v } from "./formDrawerState-Js81vZJy.js";
 import { s as Xe } from "./dom-CJxkno7i.js";
-import { S as et, i as tt } from "./formComponentsInstall-UG7a9vjZ.js";
-import { f as it } from "./formValidationMixin-DUu0omWT.js";
-import { B as at } from "./BlockMedia-B_UiePCr.js";
+import { S as et, i as tt } from "./formComponentsInstall-BiLkH6wQ.js";
+import { f as it } from "./formValidationMixin-53auWWhq.js";
+import { B as at } from "./BlockMedia-iYNGqCP-.js";
 const st = {
   name: "DocumentPostSendStep",
   mixins: [x],
@@ -5055,7 +5055,7 @@ const G2 = R2.exports, W2 = {
     Fields: k1,
     ExtensionTab: m1,
     DocumentGeneralSettings: r1,
-    DocumentGuide: () => import("./index-myOYAnwV.js"),
+    DocumentGuide: () => import("./index-B_UJMy_K.js"),
     MenuBlocks: G2,
     Simplebar: k
   },

package/dist/{DocFormSend-LawcXcM2.js → DocFormSend-B_NOZOA_.js}

@@ -1,5 +1,5 @@
-import { i as s, S as l } from "./formComponentsInstall-UG7a9vjZ.js";
-import { V as n, m as r, a as i, g as u, C as c, n as m } from "./main-B9t0ybqW.js";
+import { i as s, S as l } from "./formComponentsInstall-BiLkH6wQ.js";
+import { V as n, m as r, a as i, g as u, C as c, n as m } from "./main-Bw3hbSQ-.js";
 n.use(s);
 const a = n.observable({
   canEdit: !1,

package/dist/{DocLinks-pJT9HpjR.js → DocLinks-B5hDdjxz.js}

@@ -1,5 +1,5 @@
-import { C as o } from "./index-CJ9AvuZH.js";
-import { n as s } from "./main-B9t0ybqW.js";
+import { C as o } from "./index-BRWVACzY.js";
+import { n as s } from "./main-Bw3hbSQ-.js";
 const t = {
   name: "DocLinks",
   components: {

package/dist/{DocModalBase-xUoskL63.js → DocModalBase-BM0QeAB4.js}

@@ -1,4 +1,4 @@
-import { n as o } from "./main-B9t0ybqW.js";
+import { n as o } from "./main-Bw3hbSQ-.js";
 const s = {
   name: "DocModalBase",
   components: {},

package/dist/{DocPrint-ClEJBiAg.js → DocPrint-tjYvjnDX.js}

@@ -1,4 +1,4 @@
-import { n as d, J as h, c, I as l, K as p, L as a, M as m } from "./main-B9t0ybqW.js";
+import { n as d, J as h, c, I as l, K as p, L as a, M as m } from "./main-Bw3hbSQ-.js";
 const u = {
   i18nOptions: {
     namespaces: "documentPrint",

package/dist/{DocReceipt-x_YsXPnG.js → DocReceipt-CNDUYcIB.js}

@@ -1,4 +1,4 @@
-import { g as p, n as u } from "./main-B9t0ybqW.js";
+import { g as p, n as u } from "./main-Bw3hbSQ-.js";
 import { m as g, a as _ } from "./vuex.esm-DKGl8mcw.js";
 const f = {
   sv: {

package/dist/{DocSendReminder-Dbz8CkAz.js → DocSendReminder-NRTpZv2P.js}

@@ -1,4 +1,4 @@
-import { g as m, n as a } from "./main-B9t0ybqW.js";
+import { g as m, n as a } from "./main-Bw3hbSQ-.js";
 import { m as c, a as d } from "./vuex.esm-DKGl8mcw.js";
 const l = {
   name: "DocumentSendReminderModal",

package/dist/{DocTextEditor-AqBE7jZj.js → DocTextEditor-BclZr0JD.js}

@@ -1,11 +1,11 @@
-import { V as Vn, n as ut, ae as ys, b as bs, x as _a, p as $a } from "./main-B9t0ybqW.js";
+import { V as Vn, n as ut, ae as ys, b as bs, x as _a, p as $a } from "./main-Bw3hbSQ-.js";
 import { g as jn } from "./dom-CJxkno7i.js";
-import { t as Uo, F as Ha, s as Va, d as Ds } from "./tippy.esm-DjbYjfS2.js";
-import { i as Jo, w as ja } from "./CDropdownItem-BjYnhZJr.js";
+import { t as Uo, F as Ha, s as Va, d as Ds } from "./tippy.esm-BK3Nmf2L.js";
+import { i as Jo, w as ja } from "./CDropdownItem-C_Q1Rz8L.js";
 import "./CTabs.vue_vue_type_style_index_0_scoped_e02a6440_lang-l0sNRNKZ.js";
 import "./CField.vue_vue_type_style_index_0_lang-l0sNRNKZ.js";
-import { C as Wa } from "./ColorPicker-uu6vKe8o.js";
-import { M as Go } from "./ManualPopover-CFXm5cQy.js";
+import { C as Wa } from "./ColorPicker-DsWa5-ky.js";
+import { M as Go } from "./ManualPopover-DVz0whtf.js";
 import { h as qa } from "./color-TdtKxwVa.js";
 function ee(n) {
   this.content = n;
@@ -13963,7 +13963,7 @@ var bm = function() {
 const km = Cm.exports, wm = {
   components: {
     FormInputRow: Ha,
-    TextTemplates: () => import("./index-B3R_uKML.js")
+    TextTemplates: () => import("./index-VgcL-RmW.js")
   },
   mixins: [ja],
   props: {
@@ -14864,7 +14864,7 @@ const zm = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, _m = q.cr
     },
     async openPreview() {
       var r;
-      const n = () => import("./FilePreviewModal-81sSrDGg.js"), { src: e, title: t } = ((r = this.node) == null ? void 0 : r.attrs) || {};
+      const n = () => import("./FilePreviewModal-Bdb8TBf5.js"), { src: e, title: t } = ((r = this.node) == null ? void 0 : r.attrs) || {};
       this.$modal.show(
         n,
         {

package/dist/{DocTimeline-hq2asPzr.js → DocTimeline-ClCG-Hq0.js}

@@ -1,4 +1,4 @@
-import { n as u, ac as f, ad as _, ae as b, b as S } from "./main-B9t0ybqW.js";
+import { n as u, ac as f, ad as _, ae as b, b as S } from "./main-Bw3hbSQ-.js";
 import { m as D } from "./vuex.esm-DKGl8mcw.js";
 const w = {
   name: "DynamicLink",