@cling-se/widget 0.13.2 → 0.13.4

package/dist/{DocForm-Cvuxr89v.js → DocForm-C_-eJ9d9.js}

@@ -1,26 +1,26 @@
-import se from "./AnswerModal-DnTU4eo8.js";
-import { o as ne } from "./index-C6C4uskP.js";
-import { w as b } from "./CDropdownItem-CTJ55d4m.js";
-import { aU as F, g as m, n as d, c as f, b as u, d as oe, aV as le, S as re, u as U, j as $, aA as ce, aO as y, R as p, L as H, h as D, a1 as h, aW as de, aX as pe, aY as ue, aZ as me, a_ as he, a$ as fe, V as A, aQ as O, aR as R, I as z, b0 as B, aS as ge, b1 as Ce, F as ve, b2 as ye, f as xe, k as G, b3 as we, b4 as be, B as ke, b5 as _e, C as W, b6 as Le, b7 as $e, K as q, b8 as Se, b9 as Te, aT as De, ba as Ve, bb as Be, bc as Me, ah as Fe, bd as Ie, m as He, a as Ae, be as Pe } from "./main-DBw231uy.js";
-import { a as x, m as g } from "./vuex.esm-DKGl8mcw.js";
-import { s as k } from "./Flag-CDN9A_59.js";
-import { l as ze, g as Ee, W as Ze, b as Ue, a as Oe, D as Re } from "./DocumentLayout-BrN5peVY.js";
-import { F as N, d as Ge } from "./tippy.esm-yjYH8SnL.js";
-import { m as S } from "./mapFormMixin-BrtcYsT9.js";
-import { d as P, t as We } from "./debounce-DceKdgy2.js";
-import { d as qe, o as Ne, _ as je } from "./omit-DQqb9hkZ.js";
-import { C as Ke, I as _, a as L, s as Ye } from "./index-Cp7dG8Zm.js";
-import { C as j, S as Qe, i as Je } from "./formComponentsInstall-CWgaR4yB.js";
-import { S as Xe } from "./CTabs.vue_vue_type_style_index_0_scoped_e02a6440_lang-Dc_pbPEA.js";
-import { v as I } from "./index-C16hoSRM.js";
-import { t as et } from "./tinycolor-Be3bF6zy.js";
-import { s as v } from "./formDrawerState-DLCSwrgc.js";
+import se from "./AnswerModal-D7YR33mx.js";
+import { o as ne } from "./index-HMD01fSx.js";
+import { w as x } from "./CDropdownItem-BKFex9lI.js";
+import { aU as I, g as m, n as d, c as f, b as u, d as oe, aV as le, S as re, u as U, j as $, aA as ce, aO as y, R as p, L as H, h as D, a1 as h, aW as de, aX as pe, aY as ue, aZ as me, a_ as he, a$ as fe, V as A, aQ as O, aR as R, I as E, b0 as B, aS as ge, b1 as Ce, F as ve, b2 as ye, f as xe, k as G, b3 as we, b4 as be, B as ke, b5 as _e, C as W, b6 as Le, b7 as $e, K as q, b8 as Se, b9 as Te, aT as De, ba as Ve, bb as Be, bc as Me, ah as Ie, bd as Fe, m as He, a as Ae, be as Pe } from "./main-D84dH9TV.js";
+import { a as w, m as g } from "./vuex.esm-DKGl8mcw.js";
+import { s as k } from "./Flag-Pf1Q2fSw.js";
+import { l as Ee, g as ze, W as Ze, b as Ue, a as Oe, D as Re } from "./DocumentLayout-C7nouJDC.js";
+import { F as N, d as Ge } from "./tippy.esm-B7RV5DYA.js";
+import { m as S } from "./mapFormMixin-Brb5jcGN.js";
+import { d as P, t as We } from "./debounce-Bku3KTOL.js";
+import { d as qe, o as Ne, _ as je } from "./omit-CQHgn0Eu.js";
+import { C as Ke, I as _, a as L, s as Ye } from "./index--bKQe92o.js";
+import { C as j, S as Qe, i as Je } from "./formComponentsInstall-BLUTqIP-.js";
+import { S as Xe } from "./CTabs.vue_vue_type_style_index_0_scoped_e02a6440_lang-CGVIE7T8.js";
+import { v as F } from "./index-XhscStcK.js";
+import { t as et } from "./tinycolor-CFphVWDB.js";
+import { s as v } from "./formDrawerState-DyfkNQI-.js";
 import { s as tt } from "./dom-CPYqHOIw.js";
-import { f as it } from "./formValidationMixin-CsLym0iM.js";
-import { B as at } from "./BlockMedia-DnbdVEZz.js";
+import { f as it } from "./formValidationMixin-BOYfELii.js";
+import { B as at } from "./BlockMedia-4UgM2vFY.js";
 const st = {
   name: "DocumentPostSendStep",
-  mixins: [b],
+  mixins: [x],
   i18nOptions: {
     namespaces: "PostDocumentSend",
     messages: {
@@ -55,7 +55,7 @@ const st = {
       return this.mq === "sm" ? "100%" : "auto";
     },
     usesManualDelivery() {
-      const i = F(this.document);
+      const i = I(this.document);
       return !i.sms && !i.email;
     }
   },
@@ -64,13 +64,13 @@ const st = {
     (i = this.document) != null && i.senderClient ? await this.senderAnswer() : await this.onSend();
   },
   methods: {
-    ...x({
+    ...w({
       updateDocument: m.DO_UPDATE_DOCUMENT2,
       answerDocument: m.ANSWER_OWN_DOCUMENT2,
       sendDocument: m.DO_SEND_DOCUMENT2
     }),
     async handleDocumentLinks() {
-      const { id: i } = this.document, e = F(this.document), t = !e.sms && !e.email;
+      const { id: i } = this.document, e = I(this.document), t = !e.sms && !e.email;
       t && (await this.updateDocument({
         id: i,
         body: { status: "sent" },
@@ -267,14 +267,14 @@ const Ct = gt.exports, vt = {
 };
 var yt = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "DocumentFormNav fixed left-0 right-0 top-0 z-[98] px-2 py-2 md:px-6" }, [t("div", { staticClass: "flex" }, [t("div", { staticClass: "inline-flex flex-grow items-center" }, [e._t("left")], 2), t("div", { staticClass: "inline-flex flex-auto items-center justify-center" }, [e._t("center")], 2), t("div", { staticClass: "inline-flex flex-grow items-center justify-end" }, [e._t("right")], 2)])]);
+  return t("div", { staticClass: "DocumentFormNav fixed left-0 right-0 top-0 z-[98] bg-gray-200 px-2 py-2 md:px-6" }, [t("div", { staticClass: "flex" }, [t("div", { staticClass: "inline-flex flex-grow items-center" }, [e._t("left")], 2), t("div", { staticClass: "inline-flex flex-auto items-center justify-center" }, [e._t("center")], 2), t("div", { staticClass: "inline-flex flex-grow items-center justify-end" }, [e._t("right")], 2)])]);
 }, xt = [], wt = /* @__PURE__ */ d(
   vt,
   yt,
   xt,
   !1,
   null,
-  "0a769595"
+  null
 );
 const bt = wt.exports, kt = {
   name: "DocumentFormViewRadio",
@@ -291,15 +291,15 @@ const bt = wt.exports, kt = {
 };
 var _t = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "inline-flex h-9 cursor-pointer space-x-2 rounded-[2em] bg-slate-300 p-1 text-sm text-white" }, [t("div", { staticClass: "inline-flex select-none items-center justify-center rounded-[2em] px-1 font-semibold leading-none text-gray-700 transition duration-150 ease-linear", class: {
+  return t("div", { staticClass: "inline-flex h-9 cursor-pointer space-x-2 rounded-md bg-gray-300 p-1 text-sm text-white" }, [t("div", { staticClass: "inline-flex select-none items-center justify-center rounded-md px-1 font-semibold leading-none text-gray-700 transition duration-150 ease-linear", class: {
     "m-0 bg-white px-3 py-[1em] text-zinc-900 drop-shadow-md": e.value === "edit"
   }, on: { click: function(a) {
     e.value === "preview" && e.$emit("input", "edit");
-  } } }, [e.small ? t("CIcon", { attrs: { type: "edit", size: "18" } }) : [e._v(e._s(e.$t("edit")))]], 2), t("div", { staticClass: "inline-flex select-none items-center justify-center rounded-[2em] px-1 font-semibold leading-none text-gray-700 transition duration-150 ease-linear", class: {
+  } } }, [e.small ? t("CIcon", { attrs: { type: "edit", size: "16" } }) : [e._v(e._s(e.$t("edit")))]], 2), t("div", { staticClass: "inline-flex select-none items-center justify-center rounded-md px-1 font-semibold leading-none text-gray-700 transition duration-150 ease-linear", class: {
     "m-0 bg-white px-3 py-[1em] text-zinc-900 drop-shadow-md": e.value === "preview"
   }, attrs: { "data-onboarding": "preview-button" }, on: { click: function(a) {
     e.value === "edit" && e.$emit("input", "preview");
-  } } }, [e.small ? t("CIcon", { attrs: { type: "eye", size: "18" } }) : [e._v(e._s(e.$t("preview")))]], 2)]);
+  } } }, [e.small ? t("CIcon", { attrs: { type: "eye", size: "16" } }) : [e._v(e._s(e.$t("preview")))]], 2)]);
 }, Lt = [], $t = /* @__PURE__ */ d(
   kt,
   _t,
@@ -359,7 +359,7 @@ var Dt = function() {
   null,
   "bfd61212"
 );
-const Mt = Bt.exports, Ft = {
+const Mt = Bt.exports, It = {
   name: "DynamicBlock",
   components: {
     BlockControlButtons: Mt
@@ -423,7 +423,7 @@ const Mt = Bt.exports, Ft = {
     }
   }
 };
-var It = function() {
+var Ft = function() {
   var e = this, t = e._self._c;
   return t("Animation", { staticClass: "w-full" }, [t("div", { staticClass: "block-root", class: [
     {
@@ -447,14 +447,14 @@ var It = function() {
     return e.$emit("remove");
   } } }, [e.showEditButton ? t("CButton", { staticClass: "document-block__edit-button", attrs: { round: "", size: "small", thinner: "", "icon-right": "colored-dots" }, on: { click: e.onEdit } }, [e._v(" " + e._s(e.$t("_common:edit").capitalize()) + " ")]) : e._e()], 1) : e._e()], 1)]);
 }, Ht = [], At = /* @__PURE__ */ d(
-  Ft,
   It,
+  Ft,
   Ht,
   !1,
   null,
   "ba9843e6"
 );
-const Pt = At.exports, zt = {
+const Pt = At.exports, Et = {
   name: "LogoBanner",
   props: {
     position: {
@@ -472,14 +472,14 @@ const Pt = At.exports, zt = {
     }
   }
 };
-var Et = function() {
+var zt = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "pointer-events-none bottom-0 left-0 right-0 z-50 flex justify-end px-[10px] pb-[10px]", class: e.position }, [t("a", { staticClass: "pointer-events-auto inline-flex h-8 items-center rounded-md border border-white/30 bg-black/80 pl-1.5 pr-2", attrs: { href: `https://${e.$t(
     "_common:brand.domain"
   )}?utm_source=document&utm_medium=logo-banner`, target: "_blank" } }, [t("div", { staticClass: "mr-2 h-5 w-5 overflow-hidden rounded bg-white" }, [t("img", { staticClass: "h-full w-full", attrs: { src: e.logoUrl, alt: e.$t("brand.name") } })]), t("div", { staticClass: "text-xs font-medium text-white" }, [e._v(" Made in " + e._s(e.$t("brand.name")) + " ")])])]);
 }, Zt = [], Ut = /* @__PURE__ */ d(
-  zt,
   Et,
+  zt,
   Zt,
   !1,
   null,
@@ -569,7 +569,7 @@ var Kt = function() {
   null,
   "8029d5ea"
 );
-const Y = Qt.exports, Jt = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Jt), Xt = {
+const Y = Qt.exports, Jt = /([\d+.]*)(.*)/, b = (i) => (i || "").match(Jt), Xt = {
   i18nOptions: {
     namespaces: "common",
     keyPrefix: "designLabels"
@@ -657,14 +657,14 @@ const Y = Qt.exports, Jt = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Jt), Xt =
                   }
                 },
                 onInput: ({ family: a, weight: s, options: n = [] }) => {
-                  this.update(i, a), ze(a), t != s && this.update("fontWeight", s), this.fontWeightOptions = n;
+                  this.update(i, a), Ee(a), t != s && this.update("fontWeight", s), this.fontWeightOptions = n;
                 }
               }
             ]
           };
         },
         fontSize: ({ key: i, value: e }) => {
-          const [, t, a] = w(e);
+          const [, t, a] = b(e);
           return {
             label: this.$t("size"),
             inputs: [
@@ -752,7 +752,7 @@ const Y = Qt.exports, Jt = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Jt), Xt =
           };
         },
         letterSpacing: ({ key: i, value: e }) => {
-          const [, t = 0] = w(e);
+          const [, t = 0] = b(e);
           return {
             label: this.$t("letterSpacing"),
             inputs: [
@@ -783,7 +783,7 @@ const Y = Qt.exports, Jt = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Jt), Xt =
           };
         },
         marginBottom: ({ key: i, value: e }) => {
-          const [, t] = w(e);
+          const [, t] = b(e);
           return {
             label: this.$t("marginBottom"),
             inputs: [
@@ -864,7 +864,7 @@ const Y = Qt.exports, Jt = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Jt), Xt =
           ]
         }),
         width: ({ key: i, value: e }) => {
-          const [, t, a] = w(e);
+          const [, t, a] = b(e);
           return {
             label: this.$t("contentWidth"),
             inputs: [
@@ -904,7 +904,7 @@ const Y = Qt.exports, Jt = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Jt), Xt =
           };
         },
         padding: ({ key: i, value: e }) => {
-          const [, t] = w(e);
+          const [, t] = b(e);
           return {
             label: this.$t("padding"),
             inputs: [
@@ -944,7 +944,7 @@ const Y = Qt.exports, Jt = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Jt), Xt =
           };
         },
         border: ([i, e, t]) => {
-          const a = i.value === "solid", [, s] = w(e.value), n = [
+          const a = i.value === "solid", [, s] = b(e.value), n = [
             {
               label: this.$t("border"),
               inputs: [
@@ -1123,7 +1123,7 @@ const Y = Qt.exports, Jt = /([\d+.]*)(.*)/, w = (i) => (i || "").match(Jt), Xt =
   watch: {
     async activeItem(i) {
       const e = u(i, "style.fontFamily");
-      e && (this.fontWeightOptions = await Ee(e));
+      e && (this.fontWeightOptions = await ze(e));
     }
   },
   methods: {
@@ -1476,7 +1476,7 @@ const a1 = i1.exports, s1 = {
     this.isPublicForm || await this.loadUsers();
   },
   methods: {
-    ...x({
+    ...w({
       loadUsers: m.LOAD_COMPANY_USERS
     }),
     update(i, e) {
@@ -1834,12 +1834,12 @@ const m1 = u1.exports, h1 = {
   validations: {
     form: {
       label: {
-        required: I.required,
+        required: F.required,
         isUniqueLabel(i) {
           return this.fields.reduce((t, { label: a }) => a === i ? !1 : t, !0);
         }
       },
-      value: { required: I.required }
+      value: { required: F.required }
     }
   },
   computed: {
@@ -2152,7 +2152,7 @@ const k1 = b1.exports, _1 = (i) => {
       cover: {
         video: {
           id: "1409899",
-          url: "https://player.vimeo.com/external/289258217.hd.mp4?s=5cf87d7670d96bbd2c110f4dc97fd5116f4468ad&profile_id=175&oauth2_token_id=57447761",
+          url: "https://videos.pexels.com/video-files/1409899/1409899-hd_1920_1080_25fps.mp4",
           thumbnail: "https://images.pexels.com/videos/1409899/free-video-1409899.jpg?auto=compress&cs=tinysrgb&fit=crop&h=630&w=1200",
           provider: "pexels"
         }
@@ -2265,7 +2265,7 @@ const k1 = b1.exports, _1 = (i) => {
           cover: {
             video: {
               id: "2818546",
-              url: "https://player.vimeo.com/external/354645621.hd.mp4?s=afa953a69cc6f7cdefc721120fa062a016dd4653&profile_id=175&oauth2_token_id=57447761",
+              url: "https://videos.pexels.com/video-files/2818546/2818546-hd_1920_1080_24fps.mp4",
               thumbnail: "https://images.pexels.com/videos/2818546/free-video-2818546.jpg?auto=compress&cs=tinysrgb&fit=crop&h=630&w=1200",
               provider: "pexels"
             },
@@ -2376,7 +2376,7 @@ const k1 = b1.exports, _1 = (i) => {
       nodeId: i[4]
     }
   ];
-}, F1 = () => ({
+}, I1 = () => ({
   clients: [
     {
       name: "Pernilla P.",
@@ -2388,7 +2388,7 @@ const k1 = b1.exports, _1 = (i) => {
       answerMethod: { accept: "signature", deny: "button" }
     }
   ]
-}), I1 = (i = "en") => [
+}), F1 = (i = "en") => [
   { key: "senderString", anyOf: [{ type: "string" }, { type: "null" }] },
   { key: "receiverString", anyOf: [{ type: "string" }, { type: "null" }] },
   {
@@ -2403,9 +2403,9 @@ const k1 = b1.exports, _1 = (i) => {
 }) => {
   const { language: a } = e || {};
   let s = null;
-  return typeof t == "function" ? s = t() : i && (s = F1()), {
+  return typeof t == "function" ? s = t() : i && (s = I1()), {
     readView: M1(),
-    validation: I1(a),
+    validation: F1(a),
     // Client / company will for now always exist on doc and in validation
     ...s && { data: s }
   };
@@ -2432,14 +2432,14 @@ const k1 = b1.exports, _1 = (i) => {
       size: "small"
     }
   }
-], z1 = () => null, E1 = ({
+], E1 = () => null, z1 = ({
   includeMockData: i = !1,
   document: e = null,
   contentData: t = null
 } = {}) => {
   const a = p();
   let s = null;
-  return typeof t == "function" ? s = t(a) : i && (s = z1()), {
+  return typeof t == "function" ? s = t(a) : i && (s = E1()), {
     readView: A1(a),
     validation: P1(a),
     ...s && { data: s }
@@ -4352,7 +4352,7 @@ const f2 = ({
       }
     })
   }
-], E = {
+], z = {
   titleAndText2: _2,
   attachments2: $1,
   pdf: pe,
@@ -4360,7 +4360,7 @@ const f2 = ({
   multiGroupPricing: l2,
   coverBlock: V1,
   videoPlayer: T2,
-  embed: E1,
+  embed: z1,
   header: a2,
   answer: ue,
   terms: x2,
@@ -4397,20 +4397,20 @@ const f2 = ({
       addBlock: (i) => he({
         ...i,
         set: this.set,
-        tplGenerators: E,
+        tplGenerators: z,
         includeMockData: this.includeMockData,
         emit: (...e) => this.$emit(...e)
       }),
       getBlockPayload: (i) => fe(
         i,
         this.set,
-        E,
+        z,
         this.includeMockdata
       )
     });
   }
 }, B2 = null, M2 = null;
-var F2 = /* @__PURE__ */ d(
+var I2 = /* @__PURE__ */ d(
   V2,
   B2,
   M2,
@@ -4418,7 +4418,7 @@ var F2 = /* @__PURE__ */ d(
   null,
   null
 );
-const Q = F2.exports, I2 = {
+const Q = I2.exports, F2 = {
   name: "MenuBlockConvertPopover",
   props: {
     target: {
@@ -4459,14 +4459,14 @@ var H2 = function() {
     return e.$emit("convert");
   } } }, [e._v(" " + e._s(e.$t("button")) + " ")])], 1)])], 1);
 }, A2 = [], P2 = /* @__PURE__ */ d(
-  I2,
+  F2,
   H2,
   A2,
   !1,
   null,
   null
 );
-const z2 = P2.exports, E2 = A.component("ProBadge", {
+const E2 = P2.exports, z2 = A.component("ProBadge", {
   name: "ProBadge",
   render(i) {
     return i(
@@ -4552,10 +4552,10 @@ const z2 = P2.exports, E2 = A.component("ProBadge", {
     DragItem: R,
     AddBlock: Q,
     IsPremiumPreStep: _,
-    ProBadge: E2,
-    MenuBlockConvertPopover: z2
+    ProBadge: z2,
+    MenuBlockConvertPopover: E2
   },
-  mixins: [b],
+  mixins: [x],
   inject: {
     viewSettings: {
       default: () => ({ isPublicForm: !1 })
@@ -5053,7 +5053,7 @@ const G2 = R2.exports, W2 = {
     Fields: k1,
     ExtensionTab: m1,
     DocumentGeneralSettings: r1,
-    DocumentGuide: () => import("./index-4MqvoLi4.js"),
+    DocumentGuide: () => import("./index-BKawli9V.js"),
     MenuBlocks: G2,
     Simplebar: k
   },
@@ -5095,7 +5095,7 @@ const G2 = R2.exports, W2 = {
   data() {
     return {
       showGuide: !1,
-      showGuideNotification: !z.getItem("hideFormGuideNotification"),
+      showGuideNotification: !E.getItem("hideFormGuideNotification"),
       tab: "blocks"
     };
   },
@@ -5117,13 +5117,13 @@ const G2 = R2.exports, W2 = {
   },
   methods: {
     openGuide() {
-      this.showGuide = !0, this.showGuideNotification = !1, z.setItem("hideFormGuideNotification", !0);
+      this.showGuide = !0, this.showGuideNotification = !1, E.setItem("hideFormGuideNotification", !0);
     }
   }
 };
 var q2 = function() {
   var e = this, t = e._self._c;
-  return t("div", [t("div", { staticClass: "root menu-wrapper", style: [{ width: `${e.width}px` }, e.fixed && { zIndex: 999 }] }, [e.fixed ? t("div", { staticClass: "fixed inset-0", on: { click: function(a) {
+  return t("div", [t("div", { staticClass: "root menu-wrapper fixed left-0 top-14 z-[99] bg-white", style: [{ width: `${e.width}px` }, e.fixed && { zIndex: 999 }] }, [e.fixed ? t("div", { staticClass: "fixed inset-0", on: { click: function(a) {
     return e.$emit("close");
   } } }) : e._e(), t("div", { staticStyle: { height: "100%", "font-size": "14px", "border-radius": "0 8px 8px 0", "box-shadow": "0 10px 20px rgba(0, 0, 0, 0.2)" }, style: { width: `${e.width}px` } }, [e.isLegacyTemplate ? e._e() : t("div", { staticClass: "tab-list" }, [t("div", { staticClass: "tab-item", class: { "is-active": e.tab === "blocks" }, domProps: { textContent: e._s(e.$t("tabs.blocks")) }, on: { click: function(a) {
     e.tab = "blocks";
@@ -5174,7 +5174,7 @@ var q2 = function() {
   N2,
   !1,
   null,
-  "269dc270"
+  "a591711d"
 );
 const K2 = j2.exports, J = (i, e, t = "$children") => {
   if (!i)
@@ -5212,7 +5212,7 @@ const K2 = j2.exports, J = (i, e, t = "$children") => {
     LogoBanner: Ot,
     IsPremium: L
   },
-  mixins: [b],
+  mixins: [x],
   props: {
     _document: {
       type: Object,
@@ -5450,10 +5450,22 @@ const K2 = j2.exports, J = (i, e, t = "$children") => {
 };
 var Q2 = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticStyle: { overflow: "auto", height: "100vh" } }, [t("div", { staticClass: "container-root font-inter flex", class: {
+  return t("div", { staticClass: "min-h-screen overflow-auto" }, [t("div", { staticClass: "relative flex min-h-screen flex-row bg-gray-200", class: {
     "is-edit-view": e.isEditView,
     "is-empty-list": !e.nestedReadLayout.length
-  } }, [t("DocumentFormMenu", { directives: [{ name: "show", rawName: "v-show", value: e.drawerState.showLeft, expression: "drawerState.showLeft" }], attrs: { state: e._document, "on-added-block": ({ nodeId: a, onAddFnName: s = "onAdd" }) => {
+  } }, [t("DocumentFormNav", { attrs: { close: e.close } }, [t("div", { staticClass: "relative flex w-full items-center space-x-4", attrs: { slot: "left" }, slot: "left" }, [t("div", { staticClass: "rounded-md bg-gray-300 sm:bg-transparent" }, [e.close ? t("CButton", { staticClass: "d-nav-button position left close h-[2.25em] w-[2.25em] text-base backdrop-blur-[25px]", attrs: { "icon-props": { size: e.mq === "sm" ? 16 : 20 }, size: "normal", icon: "x", type: "none", pattern: "tertiary" }, on: { click: e.close } }) : e._e()], 1), e.goBack && e.mq !== "sm" ? t("CButton", { staticClass: "mr-2", staticStyle: { background: "rgba(255, 255, 255, 0.75)", "backdrop-filter": "blur(25px)" }, attrs: { circle: "", type: "none", pattern: "tertiary", icon: "arrow-left" }, on: { click: e.goBack } }) : e._e(), t("div", { staticClass: "relative hidden rounded-md bg-gray-300 sm:flex sm:bg-transparent" }, [t("CButton", { staticStyle: { width: "36px", height: "36px", "padding-left": "14px", "padding-right": "14px" }, attrs: { size: "normal", type: "none", pattern: "tertiary", "icon-props": { size: 20 }, thinner: "", icon: "sidebar" }, on: { click: function(a) {
+    return a.stopPropagation(), e.drawerState.toggleLeft.apply(null, arguments);
+  } } })], 1), e._t("nav-left")], 2), t("div", { staticClass: "relative", attrs: { slot: "center" }, slot: "center" }, [t("DocumentFormViewRadio", { directives: [{ name: "show", rawName: "v-show", value: e.nestedReadLayout.length, expression: "nestedReadLayout.length" }], attrs: { small: e.mq === "sm", value: e.view }, on: { input: function(a) {
+    return e.$emit("update:view", a);
+  } } }), !e.isEditView && !["sm", "md"].includes(e.mq) ? t("div", { staticClass: "absolute inline-flex h-9 space-x-2 rounded-md bg-gray-300 p-1 backdrop-blur-lg backdrop-saturate-[180%]", staticStyle: { left: "calc(100% + calc(1.25 * var(--rem)))" } }, e._l(["desktop", "tablet", "mobile"], function(a) {
+    return t("div", { key: a, staticClass: "pointer inline-flex select-none items-center justify-center rounded-md p-[10px] font-semibold text-gray-700 transition duration-150 ease-linear", style: e.previewDevice === a && {
+      boxShadow: "0 1px 1px rgba(0, 0, 0, 0.2)",
+      backgroundColor: "hsl(0, 0%, 100%)",
+      color: "hsl(0, 0%, 7%)"
+    }, on: { click: function(s) {
+      e.previewDevice = a;
+    } } }, [t("CIcon", { attrs: { type: a, size: "16" } })], 1);
+  }), 0) : e._e()], 1), e._t("nav-right", null, { slot: "right" })], 2), t("DocumentFormMenu", { directives: [{ name: "show", rawName: "v-show", value: e.drawerState.showLeft, expression: "drawerState.showLeft" }], attrs: { state: e._document, "on-added-block": ({ nodeId: a, onAddFnName: s = "onAdd" }) => {
     e.onAddRedis[a] = s;
   }, set: e.setFormValue, "remove-value": e.removeFormValue, template: e.docTemplate, fixed: e.drawerState.isFixed, "can-use-blocks": e.isTemplateEditable, "is-legacy-template": e.isLegacyTemplate, width: e.sidebarWidth }, on: { close: function(a) {
     e.drawerState.showLeft = !1;
@@ -5461,24 +5473,7 @@ var Q2 = function() {
     "device-offset": e.isEditView
   }, style: e.drawerState.showLeft && !e.drawerState.isFixed && {
     marginLeft: `${e.sidebarWidth}px`
-  } }, [t("DocumentFormNav", { style: !e.drawerState.isFixed && {
-    marginLeft: e.drawerState.showLeft ? `${e.sidebarWidth}px` : 0
-  }, attrs: { close: e.close } }, [t("div", { staticClass: "flex w-full items-center", staticStyle: { position: "relative" }, attrs: { slot: "left" }, slot: "left" }, [e.close ? t("CButton", { staticClass: "d-nav-button position left close", staticStyle: { "font-size": "16px", height: "2.25em", width: "2.25em", "flex-shrink": "0", "margin-right": "0.5em", background: "rgba(255, 255, 255, 0.75)", "backdrop-filter": "blur(25px)" }, attrs: { "icon-props": { size: 20 }, size: "normal", icon: "x", circle: "", type: "none", pattern: "tertiary" }, on: { click: e.close } }) : e._e(), e.goBack && e.mq !== "sm" ? t("CButton", { staticClass: "mr-2", staticStyle: { background: "rgba(255, 255, 255, 0.75)", "backdrop-filter": "blur(25px)" }, attrs: { circle: "", type: "none", pattern: "tertiary", icon: "arrow-left" }, on: { click: e.goBack } }) : e._e(), t("div", { staticClass: "relative" }, [t("CButton", { staticStyle: { "font-size": "16px", height: "2.5em", width: "2.5em", background: "rgba(255, 255, 255, 0.75)", "backdrop-filter": "blur(25px)" }, attrs: { circle: "", type: "none", pattern: "tertiary", icon: "sidebar" }, on: { click: function(a) {
-    return a.stopPropagation(), e.drawerState.toggleLeft.apply(null, arguments);
-  } } }), t("transition", { attrs: { name: "fade-bounce", appear: "" } }, [!e.nestedReadLayout.length && e.isFixedSidebar ? t("div", { staticClass: "bg-primary-500 absolute -left-3/4 top-full w-64 translate-y-2 rounded-lg p-3 text-base font-semibold leading-snug text-white shadow-lg" }, [e._v(" " + e._s(e.$t("emptyBlockPlaceholderSmall")) + " "), t("svg", { staticClass: "text-primary-500 absolute left-10 top-0 -translate-y-full", attrs: { width: "16", height: "6", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M0 6s1.796-.013 4.67-3.615C5.851.9 6.93.006 8 0c1.07-.006 2.148.887 3.343 2.385C14.233 6.005 16 6 16 6H0z", fill: "currentColor" } })])]) : e._e()])], 1), e._t("nav-left")], 2), t("div", { staticStyle: { position: "relative" }, attrs: { slot: "center" }, slot: "center" }, [t("DocumentFormViewRadio", { directives: [{ name: "show", rawName: "v-show", value: e.nestedReadLayout.length, expression: "nestedReadLayout.length" }], attrs: { small: e.mq === "sm", value: e.view }, on: { input: function(a) {
-    return e.$emit("update:view", a);
-  } } }), !e.isEditView && !["sm", "md"].includes(e.mq) ? t("div", { staticStyle: { position: "absolute", left: "calc(100% + calc(1.25 * var(--rem)))", transform: "translateY(50%)", top: "-50%", display: "inline-flex", "border-radius": "2em", padding: "3px", "background-color": "hsl(0, 0%, 0%, 0.07)", "backdrop-filter": "saturate(180%) blur(20px)", "font-size": "15px", height: "36px" } }, e._l(["desktop", "tablet", "mobile"], function(a) {
-    return t("div", { key: a, staticStyle: { "border-radius": "2em", "font-weight": "500", cursor: "pointer", "padding-top": "4px", "padding-bottom": "4px", margin: "0 4px", "user-select": "none", display: "inline-flex", "align-items": "center", "justify-content": "center", color: "hsl(0, 0%, 0%, 0.5)", transition: "150ms" }, style: e.previewDevice === a && {
-      boxShadow: "0 1px 1px rgba(0, 0, 0, 0.2)",
-      backgroundColor: "hsl(0, 0%, 100%)",
-      color: "hsl(0, 0%, 7%)",
-      paddingLeft: "6px",
-      paddingRight: "6px",
-      margin: 0
-    }, on: { click: function(s) {
-      e.previewDevice = a;
-    } } }, [t("CIcon", { attrs: { type: a, size: "18" } })], 1);
-  }), 0) : e._e()], 1), e._t("nav-right", null, { slot: "right" })], 2), t("div", { staticClass: "list-container", class: [
+  } }, [t("div", { staticClass: "list-container", class: [
     {
       "is-device-edit": e.isEditView,
       "is-empty": !e.nestedReadLayout.length
@@ -5521,7 +5516,7 @@ var Q2 = function() {
     }), 1) : e._e(), e.canShowBanner ? t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ isProLike: l }) {
       return [!e.isEditView && !l ? t("LogoBanner", { attrs: { position: "sticky" } }) : e._e()];
     } }], null, !0) }) : e._e()], 1);
-  } }]) })], 1)], 1)], 1), t("DocumentDrawer", { key: "settingsDrawer", attrs: { id: "settingsDrawer", open: !!e.drawerState.openSection, fixed: !0, position: "right" }, on: { "update:open": function(a) {
+  } }]) })], 1)], 1)]), t("DocumentDrawer", { key: "settingsDrawer", attrs: { id: "settingsDrawer", open: !!e.drawerState.openSection, fixed: !0, position: "right" }, on: { "update:open": function(a) {
     e.drawerState.openSection = null;
   } } }, [t("CButton", { staticClass: "absolute right-2 top-2", attrs: { "icon-props": { size: 20 }, size: "normal", icon: "x", circle: "", type: "none", pattern: "tertiary" }, on: { click: function(a) {
     e.drawerState.openSection = null;
@@ -5535,7 +5530,7 @@ var Q2 = function() {
   J2,
   !1,
   null,
-  "551a3142"
+  "a76132ce"
 );
 const ei = X2.exports, ti = {
   name: "DocumentSend",
@@ -5575,7 +5570,7 @@ const ei = X2.exports, ti = {
       useEmit: !1,
       setFnName: "setFormValue"
     }),
-    b
+    x
   ],
   props: {
     setFormValue: {
@@ -5628,7 +5623,7 @@ const ei = X2.exports, ti = {
     !this.isPublicForm && ((i = window.App) != null && i.$fab) && (window.App.$fab.show = !0);
   },
   methods: {
-    ...x({
+    ...w({
       createTemplate: m.DO_CREATE_TEMPLATE
     }),
     open() {
@@ -5742,7 +5737,7 @@ const ni = si.exports, oi = {
   },
   validations: {
     name: {
-      required: I.requiredIf((i) => !i.updateExistingDocTemplate)
+      required: F.requiredIf((i) => !i.updateExistingDocTemplate)
     }
   },
   computed: {
@@ -5774,7 +5769,7 @@ const ni = si.exports, oi = {
     this.$refs.input && this.$refs.input.focus();
   },
   methods: {
-    ...x({
+    ...w({
       loadTemplate: m.DO_LOAD_TEMPLATE,
       saveTemplate: m.SAVE_TEMPLATE_FORM,
       updateSettings: m.UPDATE_SETTINGS
@@ -5888,7 +5883,7 @@ const fi = /* @__PURE__ */ G(hi), gi = {
       }
     }
   },
-  mixins: [b],
+  mixins: [x],
   methods: {
     clamp: fi
   }
@@ -5927,7 +5922,7 @@ const xi = yi.exports, T = A.observable({
     DocumentSend: ni,
     RemainingTrialButton: xi
   },
-  mixins: [it],
+  mixins: [it, x],
   provide: () => ({ viewSettings: T }),
   props: {
     document: {
@@ -6037,21 +6032,24 @@ var bi = function() {
     e.view = a;
   } } }, [t("template", { slot: "nav-right" }, [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateDocument: a, canCreateTemplate: s }) {
     return [t("IsPremiumPreStep", { attrs: { feature: "documents" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: n }) {
-      return [t("div", { key: e.canDoActions, staticStyle: { flex: "1", display: "inline-flex", "justify-content": "flex-end" } }, [e._t("nav-right-action", function() {
-        return [t("RemainingTrialButton"), t("div", { staticClass: "buttons has-addons", staticStyle: { "white-space": "nowrap" } }, [t("CButton", { ref: "sendButton", staticClass: "d-nav-button position right", staticStyle: { "border-radius": "7px 0 0 7px", height: "36px", "padding-left": "11px", "padding-right": "10px", "font-size": "13px", "font-weight": "500" }, attrs: { disabled: !e.canDoActions, loading: e.isLoading, "data-onboarding": "send-button", size: "small", type: "secondary", thinner: "" }, on: { click: function(o) {
+      return [t("div", { key: e.canDoActions, staticClass: "inline-flex flex-1 justify-end space-x-5" }, [t("IsPremiumPreStep", { attrs: { feature: "saveDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: o }) {
+        return [t("div", { staticClass: "rounded-md bg-gray-300 sm:bg-transparent" }, [t("CDropdown", { attrs: { disabled: !e.canDoActions } }, [t("CButton", { staticClass: "d-nav-button position right", staticStyle: { width: "36px", height: "36px", "padding-left": "14px", "padding-right": "14px" }, attrs: { slot: "trigger", "icon-props": {
+          size: e.mq === "sm" ? 16 : 20,
+          strokeWidth: 2
+        }, size: "medium", type: "none", pattern: "tertiary", thinner: "", icon: "save" }, slot: "trigger" }), t("CDropdownItem", { attrs: { "icon-props": { stroke: "hsl(205, 100%, 50%)" }, "icon-left": "save" }, on: { click: function(l) {
+          a || e.document.id ? e.submitSave() : n({ callback: e.submitSave });
+        } } }, [e._v(" " + e._s(e.$t("_common:save", { thing: e.$t("_common:document").toLowerCase() })) + " ")]), t("CDropdownItem", { attrs: { disabled: e.isLoading, "icon-left": "template-color" }, on: { click: function(l) {
+          s ? e.saveAsTemplate() : o({
+            callback: e.saveAsTemplate
+          });
+        } } }, [e._v(" " + e._s(e.$t("_common:saveAs", { thing: e.$t("_common:template") })) + " ")])], 1)], 1)];
+      } }], null, !0) }), e._t("nav-right-action", function() {
+        return [t("RemainingTrialButton"), t("div", { staticClass: "buttons has-addons", staticStyle: { "white-space": "nowrap" } }, [t("CButton", { ref: "sendButton", staticClass: "d-nav-button position right h-9 w-9", attrs: { disabled: !e.canDoActions, loading: e.isLoading, "data-onboarding": "send-button", size: "small", type: "secondary", icon: e.mq === "sm" ? "send" : null, thinner: "", expanded: "" }, on: { click: function(o) {
           a || !e.doConsumeQuota || e.document.id ? e.openSendModal() : n({ callback: e.openSendModal });
-        } } }, [e._v(" " + e._s(e.$t("_common:reviewSend")) + " ")]), t("IsPremiumPreStep", { attrs: { feature: "saveDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: o }) {
-          return [t("CDropdown", { attrs: { disabled: !e.canDoActions } }, [t("CButton", { staticClass: "d-nav-button position right", staticStyle: { "border-radius": "0px 7px 7px 0px", height: "36px", "border-left": "1px solid hsla(0, 0%, 100%, 0.35)", "font-size": "13px", "padding-left": "14px", "padding-right": "14px" }, attrs: { slot: "trigger", "icon-props": { size: 13, strokeWidth: 2.5 }, size: "small", type: "secondary", thinner: "", icon: "chevron-down" }, slot: "trigger" }), t("CDropdownItem", { attrs: { "icon-props": { stroke: "hsl(205, 100%, 50%)" }, "icon-left": "save" }, on: { click: function(l) {
-            a || e.document.id ? e.submitSave() : n({ callback: e.submitSave });
-          } } }, [e._v(" " + e._s(e.$t("_common:save", { thing: e.$t("_common:document").toLowerCase() })) + " ")]), t("CDropdownItem", { attrs: { disabled: e.isLoading, "icon-left": "template-color" }, on: { click: function(l) {
-            s ? e.saveAsTemplate() : o({
-              callback: e.saveAsTemplate
-            });
-          } } }, [e._v(" " + e._s(e.$t("_common:saveAs", { thing: e.$t("_common:template") })) + " ")])], 1)];
-        } }], null, !0) })], 1)];
+        } } }, [e._v(" " + e._s(e.mq === "sm" ? null : e.$t("_common:reviewSend")) + " ")])], 1)];
       })], 2)];
     } }], null, !0) })];
-  } }], null, !1, 3160700437) })], 1)], 2), t("DocumentSend", { ref: "documentSend", attrs: { _document: e.document, _value: {
+  } }], null, !1, 1295890373) })], 1)], 2), t("DocumentSend", { ref: "documentSend", attrs: { _document: e.document, _value: {
     expiresAt: "data.expiresAt",
     personalMessage: "data.personalMessage",
     defaultAnswerMethod: "data.defaultAnswerMethod",
@@ -6104,7 +6102,7 @@ const Li = _i.exports, $i = {
     this.onLoadDocuments();
   },
   methods: {
-    ...x({
+    ...w({
       loadDocument: m.LOAD_DOCUMENT2
     }),
     async onInput() {
@@ -6217,15 +6215,15 @@ var Mi = function(e, t) {
   } }) : t.props.isPlaceholder || t.props.isAdd ? t._e() : e(t.injections.components.BlockMedia, { tag: "component", staticClass: "item-media", attrs: { media: t.props.media, preview: "" } }), t.scopedSlots.badge ? e("div", { staticClass: "absolute bottom-2 right-2" }, [t._t("badge")], 2) : t._e(), t.props.isAdd ? e("div", { staticClass: "add-button" }, [e("CIcon", { attrs: { size: 18, "stroke-width": 3, type: "plus" } })], 1) : t._e()], 1), e("div", { staticClass: "item-footer" }, [t.props.isAdd ? e("div", { staticClass: "item-text", staticStyle: { color: "hsl(0, 0%, 55%)" }, domProps: { textContent: t._s(
     t.parent.$t("_common:empty", { thing: t.parent.$t("_common:template") })
   ) } }) : t.props.name ? [e("div", { staticClass: "item-text", domProps: { textContent: t._s(t.$options.truncate(t.props.name, 60)) } }), t._t("default")] : t._e()], 2)]);
-}, Fi = [], Ii = /* @__PURE__ */ d(
+}, Ii = [], Fi = /* @__PURE__ */ d(
   Bi,
   Mi,
-  Fi,
+  Ii,
   !0,
   null,
   "c3016d8f"
 );
-const Hi = Ii.exports, Ai = {
+const Hi = Fi.exports, Ai = {
   name: "HorizontalScroll",
   components: {
     Simplebar: k
@@ -6293,15 +6291,15 @@ var Pi = function() {
       return e.$emit("expand");
     } } })];
   })], 2) : e._e()]), t("div", { staticClass: "hl-container" }, [t("Simplebar", { ref: "list", staticClass: "hl-list", on: { scroll: e.scrollHandler } }, [t("div", { staticClass: "flex w-full" }, [e._t("default")], 2)])], 1)]);
-}, zi = [], Ei = /* @__PURE__ */ d(
+}, Ei = [], zi = /* @__PURE__ */ d(
   Ai,
   Pi,
-  zi,
+  Ei,
   !1,
   null,
   "31e10485"
 );
-const Zi = Ei.exports;
+const Zi = zi.exports;
 function Ui(i, { availableProducts: e }) {
   if (!i)
     throw new Error("Missing parameter templateId");
@@ -6661,7 +6659,7 @@ const Ni = qi.exports, ji = {
       }
   },
   methods: {
-    ...x({
+    ...w({
       loadPrices: m.LOAD_PRICES
     }),
     async loadTemplateGallery() {
@@ -6836,7 +6834,7 @@ const Ji = Qi.exports, Xi = {
     GalleryLogic: Ji,
     IsPremiumPreStep: _
   },
-  mixins: [b],
+  mixins: [x],
   props: {
     // Used for creating documents form project/client views
     projectId: {
@@ -6933,7 +6931,7 @@ const Ji = Qi.exports, Xi = {
     this.loadTemplates();
   },
   methods: {
-    ...x({
+    ...w({
       loadTemplatesAction: m.LOAD_TEMPLATES,
       loadTemplate: m.LOAD_TEMPLATE,
       createTemplate: m.DO_CREATE_TEMPLATE,
@@ -7053,7 +7051,7 @@ var ea = function() {
   "5c1a776a"
 );
 const aa = ia.exports;
-var sa = Be, na = Me, oa = Fe;
+var sa = Be, na = Me, oa = Ie;
 function la(i, e, t) {
   for (var a = -1, s = e.length, n = {}; ++a < s; ) {
     var o = e[a], l = sa(i, o);
@@ -7061,7 +7059,7 @@ function la(i, e, t) {
   }
   return n;
 }
-var ra = la, ca = ra, da = Ie;
+var ra = la, ca = ra, da = Fe;
 function pa(i, e) {
   return ca(i, e, function(t, a) {
     return da(i, a);
@@ -7251,7 +7249,7 @@ const va = {
       this.view = "templateSelect", this.setDocValue({ key: "__isNew", value: !0 });
     },
     isManualDelivery(i) {
-      const e = F(i);
+      const e = I(i);
       return !e.sms && !e.email;
     }
   }