@cling-se/widget 0.22.4 → 0.23.0

package/dist/index-DK3w2fdd.js

@@ -0,0 +1,896 @@
+import { k as R, _ as l, b as u, d as b, o as c, j as i, f as h, t as r, w as p, s as m, a as P, ae as L, de as C, O as y, e as $, c as g, m as A, df as D, ax as v, aC as O, l as w, g as V, V as j, cV as E, $ as N, aj as G } from "./main-BnJTDeKH.js";
+const q = Symbol("paywall"), z = Symbol("paywall:featureMapExtensions"), Y = {
+  isAvailable: !1,
+  openUpgradeModal() {
+  },
+  openFeatureUpgradeModal() {
+  },
+  getExtraPriceForLicense() {
+    return null;
+  }
+};
+function S() {
+  return R(q, Y);
+}
+function K() {
+  return R(z, {});
+}
+const W = {
+  name: "CalloutLegacy",
+  i18nOptions: {
+    namespaces: "components",
+    messages: {
+      sv: {
+        legacy: {
+          title: "Du har en gammal kontoplan",
+          text: `
+            Den här funktionen är enbart tillgänglig på våra uppdaterade kontoplaner.
+            För att gå vidare måste du först byta till de uppdaterade kontoplanerna.
+          `,
+          action: "Gå till inställningar"
+        },
+        invoice: {
+          title: "Byt till kortbetalning",
+          text: `
+           För att gå vidare måste du byta till att använda kortbetalning.
+           Din betalningsmetod är just nu faktura.
+          `,
+          action: "Gå till inställningar"
+        }
+      },
+      en: {
+        legacy: {
+          title: "Your account plan is outdated",
+          text: `
+            This feature is now only available on our updated account plans.
+            To continue you must first convert your account to the updated account plans.
+          `,
+          action: "Go to settings"
+        },
+        invoice: {
+          title: "Change to card",
+          text: `
+            To continue you must change your payment method to card. You're currently using invoice as a payment method.
+          `,
+          action: "Go to settings"
+        }
+      }
+    }
+  },
+  props: {
+    mode: {
+      type: String,
+      default: "legacy",
+      validator: (e) => ["legacy", "invoice"].includes(e)
+    }
+  }
+}, H = { style: { border: "2px solid hsla(35, 100%, 50%, 0.2)", "background-color": "hsl(35, 100%, 91%)", padding: "1.5em", "border-radius": "8px", margin: "calc(2 * var(--rem)) 0 calc(3 * var(--rem)) 0" } }, J = ["textContent"], Q = ["textContent"];
+function X(e, o, t, d, s, n) {
+  const a = u("CButton");
+  return c(), b("div", H, [
+    i("div", {
+      style: { "font-weight": "600" },
+      textContent: r(e.$t(`${t.mode}.title`))
+    }, null, 8, J),
+    i("div", {
+      style: { "font-size": "14px", opacity: "0.7", "margin-bottom": "2em" },
+      textContent: r(e.$t(`${t.mode}.text`))
+    }, null, 8, Q),
+    h(a, {
+      to: { name: "settingsBilling", query: { highlight: t.mode } },
+      target: "_blank",
+      type: "secondary",
+      wide: "",
+      "icon-right": "new-window"
+    }, {
+      default: p(() => [
+        m(r(e.$t(`${t.mode}.action`)), 1)
+      ]),
+      _: 1
+    }, 8, ["to"])
+  ]);
+}
+const x = /* @__PURE__ */ l(W, [["render", X]]), Z = {
+  name: "IsPremium",
+  setup() {
+    return { paywall: S() };
+  },
+  computed: {
+    ...P({
+      feature: "application/feature",
+      subscription: "application/subscription",
+      companyAccount: "application/companyAccount"
+    }),
+    isPremium() {
+      return C.includes(this.subscription.type);
+    },
+    isPremiumLike() {
+      return ["trial", ...C].includes(this.subscription.type);
+    },
+    isProLike() {
+      return ["pro", "trial"].includes(this.subscription.type);
+    },
+    allowPremiumFeatures() {
+      return !0;
+    },
+    canCreateDocument() {
+      return this.subscription.freeDocumentsLeft > 0 || // Has free quota left
+      L(this.companyAccount, "documentQuota.priceExtra.value") !== null;
+    },
+    canCreateTemplate() {
+      return this.feature("createDocTemplate");
+    },
+    canUseTemplate() {
+      return this.feature("useDocTemplate");
+    },
+    canUseBankId() {
+      return this.isPremiumLike ? !0 : !!this.subscription.freeBankIdLeft;
+    },
+    canUseSms() {
+      return this.isPremiumLike ? !0 : !!this.subscription.freeSmsLeft;
+    }
+  },
+  methods: {
+    openUpgradeModal(e = {}) {
+      this.paywall.openUpgradeModal(e);
+    }
+  }
+};
+function ee(e, o, t, d, s, n) {
+  return y(e.$slots, "default", {
+    isPremium: n.isPremium,
+    isPremiumLike: n.isPremiumLike,
+    isProLike: n.isProLike,
+    isLegacy: e.subscription.isStripeLegacy,
+    showCalloutConvertStripe: e.subscription.showCalloutConvertStripe,
+    allowPremiumFeatures: n.allowPremiumFeatures,
+    openUpgradeModal: n.openUpgradeModal,
+    accountType: e.subscription.type,
+    freeDocumentsLeft: e.subscription.freeDocumentsLeft,
+    trialDaysLeft: e.subscription.trialDaysLeft,
+    maxProjectManagers: e.subscription.maxProjectManagers,
+    initialFreePremiumDays: e.subscription.initialFreePremiumDays,
+    canCreateDocument: n.canCreateDocument,
+    canUseTemplate: n.canUseTemplate,
+    canCreateTemplate: n.canCreateTemplate,
+    canUseBankId: n.canUseBankId,
+    canUseSms: n.canUseSms
+  });
+}
+const F = /* @__PURE__ */ l(Z, [["render", ee]]), te = {
+  i18nOptions: {
+    namespaces: "components",
+    messages: {
+      sv: {
+        badge: {
+          premium: "Base & Pro",
+          pro: "Pro only"
+        },
+        upgradeButton: "Uppgradera nu",
+        cancelButton: "Nej, tack"
+      },
+      en: {
+        badge: {
+          premium: "Base & Pro",
+          pro: "Pro only"
+        },
+        upgradeButton: "Upgrade now",
+        cancelButton: "No thanks"
+      }
+    }
+  },
+  name: "PremiumRestrictedBase",
+  components: {
+    IsPremium: F,
+    CalloutLegacy: x
+  },
+  emits: ["close"],
+  props: {
+    plan: {
+      type: String,
+      default: "pro",
+      validator: (e) => ["pro", "premium"].includes(e)
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    subTitle: {
+      type: String,
+      default: ""
+    },
+    badgeText: {
+      type: String,
+      default: ""
+    },
+    onUpgrade: {
+      type: Function,
+      default: null
+    },
+    actionFunction: {
+      type: Function,
+      default: null
+    }
+  },
+  data() {
+    return {
+      isLoading: !1
+    };
+  },
+  methods: {
+    async onActionClick(e) {
+      try {
+        this.isLoading = !0, await e({ callback: this.onUpgrade }), this.$emit("close");
+      } finally {
+        this.isLoading = !1;
+      }
+    }
+  }
+}, ne = { class: "root font-inter" }, ae = { class: "lock-wrapper has-text-white" }, oe = { style: { width: "100%" } }, se = { class: "flex items-center justify-center" }, re = { class: "badge-premium" }, ie = { style: { "text-align": "center" } }, ue = { class: "title" }, ce = { class: "sub-title" }, le = {
+  key: 0,
+  style: { "margin-top": "calc(2 * var(--rem))" }
+}, de = { style: { "margin-top": "calc(2 * var(--rem))" } }, pe = { style: { "margin-top": "5px" } };
+function me(e, o, t, d, s, n) {
+  const a = u("CIcon"), _ = u("CalloutLegacy"), T = u("CButton"), M = u("IsPremium");
+  return c(), b("div", ne, [
+    i("div", ae, [
+      h(a, {
+        type: "lock",
+        size: "24"
+      })
+    ]),
+    i("div", oe, [
+      i("div", se, [
+        i("div", re, r(e.$t(`badge.${t.plan}`)), 1)
+      ]),
+      i("div", ie, [
+        y(e.$slots, "default", {}, () => [
+          y(e.$slots, "image", {}, void 0, !0),
+          i("div", ue, r(t.title), 1),
+          i("div", ce, r(t.subTitle), 1)
+        ], !0),
+        e.$slots.content ? (c(), b("div", le, [
+          y(e.$slots, "content", {}, void 0, !0)
+        ])) : $("", !0)
+      ]),
+      i("div", de, [
+        h(M, null, {
+          default: p(({ openUpgradeModal: U, isLegacy: k, showCalloutConvertStripe: B }) => [
+            i("div", null, [
+              k || B ? (c(), g(_, {
+                key: 0,
+                mode: k ? "legacy" : "invoice"
+              }, null, 8, ["mode"])) : $("", !0),
+              h(T, {
+                loading: s.isLoading,
+                disabled: k || B,
+                type: "secondary",
+                wide: "",
+                onClick: (Ze) => n.onActionClick(t.actionFunction || U)
+              }, {
+                default: p(() => [
+                  y(e.$slots, "actionText", {}, () => [
+                    m(r(e.$t("upgradeButton")), 1)
+                  ], !0)
+                ]),
+                _: 2
+              }, 1032, ["loading", "disabled", "onClick"])
+            ])
+          ]),
+          _: 3
+        }),
+        i("div", pe, [
+          h(T, {
+            type: "none",
+            pattern: "tertiary",
+            wide: "",
+            onClick: o[0] || (o[0] = (U) => e.$parent.$emit("close"))
+          }, {
+            default: p(() => [
+              m(r(e.$t("cancelButton")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ])
+    ])
+  ]);
+}
+const f = /* @__PURE__ */ l(te, [["render", me], ["__scopeId", "data-v-ba6ddd4c"]]), ge = {
+  i18nOptions: {
+    namespaces: "PremiumRestrictedBankIdAndSms",
+    messages: {
+      sv: {
+        title: "Skicka med {{bankIdText,spaceAfter}}SMS",
+        subTitle: "För att kunna skicka fler dokument med {{bankIdText,spaceAfter}}SMS behöver du uppgradera ditt konto.",
+        actionText: "Uppgradera konto"
+      },
+      en: {
+        title: "Send with {{bankIdText,spaceAfter}}SMS",
+        subTitle: "To send more documents with {{bankIdText,spaceAfter}}SMS you need to upgrade your account.",
+        actionText: "Upgrade my plan"
+      }
+    }
+  },
+  name: "PremiumRestrictedBankIdAndSms",
+  components: {
+    PremiumRestrictedBase: f
+  },
+  props: {
+    onUpgrade: {
+      type: Function,
+      default: null
+    }
+  },
+  computed: {
+    ...P({
+      feature: "application/feature"
+    })
+  }
+};
+function fe(e, o, t, d, s, n) {
+  const a = u("PremiumRestrictedBase");
+  return c(), g(a, {
+    title: e.$t("title", {
+      bankIdText: e.feature("bankId") ? "BankID " + e.$t("_common:and") : ""
+    }),
+    "sub-title": e.$t("subTitle", {
+      bankIdText: e.feature("bankId") ? "BankID " + e.$t("_common:or") : ""
+    }),
+    "on-upgrade": t.onUpgrade,
+    plan: "pro"
+  }, {
+    actionText: p(() => [
+      m(r(e.$t("actionText")), 1)
+    ]),
+    _: 1
+  }, 8, ["title", "sub-title", "on-upgrade"]);
+}
+const he = /* @__PURE__ */ l(ge, [["render", fe]]), ye = {
+  i18nOptions: {
+    namespaces: "licenses",
+    messages: {
+      sv: {
+        title: "Lägg till skapare",
+        subTitle: "För att bjuda in en dokumentskapare behöver du uppgradera till vår Base- eller Pro-plan.",
+        actionText: "Uppgradera konto"
+      },
+      en: {
+        title: "Add creators",
+        subTitle: "To invite creators you need to upgrade your account to the Base or Pro plan.",
+        actionText: "Upgrade my plan"
+      }
+    }
+  },
+  name: "PremiumRestrictedCreators",
+  components: {
+    PremiumRestrictedBase: f
+  },
+  props: {
+    onUpgrade: {
+      type: Function,
+      default: null
+    }
+  }
+};
+function be(e, o, t, d, s, n) {
+  const a = u("PremiumRestrictedBase");
+  return c(), g(a, {
+    title: e.$t("title"),
+    "sub-title": e.$t("subTitle"),
+    "action-function": t.onUpgrade,
+    plan: "premium"
+  }, {
+    actionText: p(() => [
+      m(r(e.$t("actionText")), 1)
+    ]),
+    _: 1
+  }, 8, ["title", "sub-title", "action-function"]);
+}
+const _e = /* @__PURE__ */ l(ye, [["render", be]]), ke = {
+  i18nOptions: {
+    namespaces: "stats",
+    messages: {
+      sv: {
+        title: "Premium block",
+        subTitle: "För att använda premium block behöver du uppgradera ditt konto till Pro.",
+        actionText: "Uppgradera konto"
+      },
+      en: {
+        title: "Premium block",
+        subTitle: "To use premium blocks, you need to upgrade your account to Pro.",
+        actionText: "Upgrade my plan"
+      }
+    }
+  },
+  name: "PremiumRestrictedDocumentBlocks",
+  components: {
+    PremiumRestrictedBase: f
+  },
+  props: {
+    onUpgrade: {
+      type: Function,
+      default: null
+    }
+  }
+};
+function ve(e, o, t, d, s, n) {
+  const a = u("PremiumRestrictedBase");
+  return c(), g(a, {
+    title: e.$t("title"),
+    "sub-title": e.$t("subTitle"),
+    "on-upgrade": t.onUpgrade,
+    plan: "pro"
+  }, {
+    actionText: p(() => [
+      m(r(e.$t("actionText")), 1)
+    ]),
+    _: 1
+  }, 8, ["title", "sub-title", "on-upgrade"]);
+}
+const $e = /* @__PURE__ */ l(ke, [["render", ve]]), Pe = {
+  i18nOptions: {
+    namespaces: "PremiumRestrictedDocuments",
+    messages: {
+      en: {
+        title: "Send unlimited amount of documents",
+        subTitle: "You have reached your limit of new documents for this month.",
+        voucherTitle: "A special gift from us",
+        voucherText: "Here is {{ count }} extra documents you can use.",
+        voucherButton: "Give me {{count}} extra documents",
+        voucherSuccessMessage: "{{ count }} extra documents are now available"
+      },
+      sv: {
+        title: "Skicka obegränsat med dokument",
+        subTitle: "Du har nått din gräns av nya dokument för den här månaden.",
+        voucherTitle: "En present från oss",
+        voucherText: "Här får du {{ count }} st dokument till att använda.",
+        voucherButton: "Ge mig {{count}} extra dokument",
+        voucherSuccessMessage: "Ditt konto har nu {{ count }} extra dokument"
+      }
+    }
+  },
+  name: "PremiumRestrictedDocuments",
+  components: {
+    PremiumRestrictedBase: f
+  },
+  emits: ["close"],
+  props: {
+    onUpgrade: {
+      type: Function,
+      default: null
+    }
+  },
+  data() {
+    return {
+      canUseFreeDocVoucher: !1,
+      voucherDocCount: 3,
+      // This should be updated if we change the voucher value
+      isLoading: !1
+    };
+  },
+  computed: {
+    ...P({
+      getCompanyUserSetting: "settings/getCompanyUserSetting",
+      user: "application/user",
+      account: "application/companyAccount"
+    })
+  },
+  created() {
+    try {
+      j("/documentLimitReached", {});
+    } catch (e) {
+      w(e, { showMessage: !1 });
+    }
+  },
+  async mounted() {
+    this.checkFreeDocVoucher();
+  },
+  methods: {
+    ...A({
+      loadCurrentCompany: V.DO_LOAD_CURRENT_COMPANY
+    }),
+    async checkFreeDocVoucher() {
+      var o, t;
+      if (this.canUseFreeDocVoucher = !1, ((o = this.account) == null ? void 0 : o.accountType) !== "free") return;
+      const e = JSON.parse(
+        v.getItem("voucher-freeUserDocs-company-id")
+      );
+      ((t = this.account) == null ? void 0 : t.CompanyId) !== e && (this.canUseFreeDocVoucher = await this.canUseVoucher());
+    },
+    async canUseVoucher() {
+      try {
+        return await D.canUse("freeUserDocs"), !0;
+      } catch {
+        return v.setItem(
+          "voucher-freeUserDocs-company-id",
+          this.account.CompanyId
+        ), !1;
+      }
+    },
+    async useFreeDocsVoucher() {
+      this.isLoading = !0;
+      try {
+        await D.post({ code: "freeUserDocs" }), v.setItem(
+          "voucher-freeUserDocs-company-id",
+          this.account.CompanyId
+        ), await this.loadCurrentCompany(), O(
+          "success",
+          this.$t("voucherSuccessMessage", { count: this.voucherDocCount })
+        ), this.onUpgrade && typeof this.onUpgrade == "function" && this.onUpgrade(), this.$emit("close");
+      } catch (e) {
+        w(e);
+      } finally {
+        this.isLoading = !1;
+      }
+    }
+  }
+}, Te = {
+  key: 0,
+  style: { background: "hsl(33, 100%, 84%)", padding: "1em", "font-size": "15px", "border-radius": "0.5em" }
+}, Ue = { style: { "font-size": "16px", "font-weight": "500" } }, Be = ["textContent"], Ce = {
+  class: "flex w-full justify-center",
+  style: { "margin-top": "calc(1 * var(--rem))" }
+};
+function De(e, o, t, d, s, n) {
+  const a = u("CButton"), _ = u("PremiumRestrictedBase");
+  return c(), g(_, {
+    title: e.$t("title"),
+    "sub-title": e.$t("subTitle"),
+    "on-upgrade": t.onUpgrade
+  }, {
+    content: p(() => [
+      s.canUseFreeDocVoucher ? (c(), b("div", Te, [
+        i("div", Ue, [
+          o[0] || (o[0] = i("span", { style: { "margin-right": "4px" } }, "🎁", -1)),
+          m(" " + r(e.$t("voucherTitle")), 1)
+        ]),
+        i("div", {
+          style: { opacity: "0.75" },
+          textContent: r(e.$t("voucherText", { count: s.voucherDocCount }))
+        }, null, 8, Be),
+        i("div", Ce, [
+          h(a, {
+            loading: s.isLoading,
+            transparent: "",
+            style: { border: "none", background: "hsl(33, 100%, 95%)", color: "hsl(33, 88%, 36%)", "box-shadow": "0 3px 6px -2px rgb(0, 0, 0, 0.3)" },
+            "icon-left": "heart",
+            onClick: n.useFreeDocsVoucher
+          }, {
+            default: p(() => [
+              m(r(e.$t("voucherButton", { count: s.voucherDocCount })), 1)
+            ]),
+            _: 1
+          }, 8, ["loading", "onClick"])
+        ])
+      ])) : $("", !0)
+    ]),
+    _: 1
+  }, 8, ["title", "sub-title", "on-upgrade"]);
+}
+const we = /* @__PURE__ */ l(Pe, [["render", De]]), Re = {
+  i18nOptions: {
+    namespaces: "personalMessage",
+    messages: {
+      en: {
+        title: "Make an impression",
+        subTitle: "Upgrade to premium to add a personal message"
+      },
+      sv: {
+        title: "Gör ett gott intryck",
+        subTitle: "Uppgradera till Premium för att kunna lägga till en personlig hälsning."
+      }
+    }
+  },
+  name: "PremiumRestrictedPersonalMessage",
+  components: {
+    PremiumRestrictedBase: f
+  },
+  props: {
+    onUpgrade: {
+      type: Function,
+      default: null
+    }
+  }
+};
+function Se(e, o, t, d, s, n) {
+  const a = u("PremiumRestrictedBase");
+  return c(), g(a, {
+    title: e.$t("title"),
+    "sub-title": e.$t("subTitle"),
+    "on-upgrade": t.onUpgrade
+  }, null, 8, ["title", "sub-title", "on-upgrade"]);
+}
+const xe = /* @__PURE__ */ l(Re, [["render", Se]]), Fe = {
+  i18nOptions: {
+    namespaces: "PremiumRestrictedEditDocumentLayout",
+    messages: {
+      sv: {
+        title: "Spara dokumentmall",
+        subTitle: "För att spara en dokumentmall behöver du uppgradera till ett betalkonto.",
+        actionText: "Uppgradera konto"
+      },
+      en: {
+        title: "Save document template",
+        subTitle: "To save a document template you need to upgrade to a paid plan.",
+        actionText: "Upgrade my plan"
+      }
+    }
+  },
+  name: "PremiumRestrictedSaveDocTemplate",
+  components: {
+    PremiumRestrictedBase: f
+  },
+  props: {
+    onUpgrade: {
+      type: Function,
+      default: null
+    }
+  }
+};
+function Ie(e, o, t, d, s, n) {
+  const a = u("PremiumRestrictedBase");
+  return c(), g(a, {
+    title: e.$t("title"),
+    "sub-title": e.$t("subTitle"),
+    "on-upgrade": t.onUpgrade,
+    plan: "pro"
+  }, {
+    actionText: p(() => [
+      m(r(e.$t("actionText")), 1)
+    ]),
+    _: 1
+  }, 8, ["title", "sub-title", "on-upgrade"]);
+}
+const Me = /* @__PURE__ */ l(Fe, [["render", Ie]]), Le = {
+  i18nOptions: {
+    namespaces: "stats",
+    messages: {
+      sv: {
+        title: "Statistik",
+        subTitle: "För att se statistik över alla dina dokument behöver du uppgradera ditt konto till Pro.",
+        actionText: "Uppgradera konto"
+      },
+      en: {
+        title: "Statistics",
+        subTitle: "To view statistics about all your documents you need to upgrade your account to Pro.",
+        actionText: "Upgrade my plan"
+      }
+    }
+  },
+  name: "PremiumRestrictedStats",
+  components: {
+    PremiumRestrictedBase: f
+  },
+  props: {
+    onUpgrade: {
+      type: Function,
+      default: null
+    }
+  }
+};
+function Ae(e, o, t, d, s, n) {
+  const a = u("PremiumRestrictedBase");
+  return c(), g(a, {
+    title: e.$t("title"),
+    "sub-title": e.$t("subTitle"),
+    "on-upgrade": t.onUpgrade,
+    plan: "pro"
+  }, {
+    actionText: p(() => [
+      m(r(e.$t("actionText")), 1)
+    ]),
+    _: 1
+  }, 8, ["title", "sub-title", "on-upgrade"]);
+}
+const Oe = /* @__PURE__ */ l(Le, [["render", Ae]]), Ve = {
+  i18nOptions: {
+    namespaces: "subTemplates",
+    messages: {
+      en: {
+        title: "Become even more effective",
+        subTitle: "Create reusable text so you can create proposal with a few click"
+      },
+      sv: {
+        title: "Bli ännu mer effektiv",
+        subTitle: "Skapa återanvändbara texter så kan du med ett par klick få en komplett offert."
+      }
+    }
+  },
+  name: "PremiumRestrictedTemplates",
+  components: {
+    PremiumRestrictedBase: f
+  },
+  props: {
+    onUpgrade: {
+      type: Function,
+      default: null
+    }
+  }
+};
+function je(e, o, t, d, s, n) {
+  const a = u("PremiumRestrictedBase");
+  return c(), g(a, {
+    title: e.$t("title"),
+    "sub-title": e.$t("subTitle"),
+    "on-upgrade": t.onUpgrade
+  }, null, 8, ["title", "sub-title", "on-upgrade"]);
+}
+const Ee = /* @__PURE__ */ l(Ve, [["render", je]]), Ne = {
+  i18nOptions: {
+    namespaces: "PremiumRestrictedUseDocTemplates",
+    messages: {
+      sv: {
+        title: "Använd dokumentmallar",
+        subTitle: "För att använda dokumentmallar behöver du uppgradera till ett betalkonto.",
+        actionText: "Uppgradera konto"
+      },
+      en: {
+        title: "Use document templates",
+        subTitle: "To use document templates you need to upgrade to a paid plan.",
+        actionText: "Upgrade my plan"
+      }
+    }
+  },
+  name: "PremiumRestrictedUseDocTemplates",
+  components: {
+    PremiumRestrictedBase: f
+  },
+  props: {
+    onUpgrade: {
+      type: Function,
+      default: null
+    }
+  }
+};
+function Ge(e, o, t, d, s, n) {
+  const a = u("PremiumRestrictedBase");
+  return c(), g(a, {
+    title: e.$t("title"),
+    "sub-title": e.$t("subTitle"),
+    "on-upgrade": t.onUpgrade,
+    plan: "pro"
+  }, {
+    actionText: p(() => [
+      m(r(e.$t("actionText")), 1)
+    ]),
+    _: 1
+  }, 8, ["title", "sub-title", "on-upgrade"]);
+}
+const qe = /* @__PURE__ */ l(Ne, [["render", Ge]]), ze = {
+  i18nOptions: {
+    namespaces: "winProfile",
+    keyPrefix: "account.subscription.winProfile",
+    messages: {
+      sv: {
+        // TODO REMOVE ?
+        title: "Designa din profil",
+        subTitle: "Anpassa ditt utseende så att det matchar dig & ditt företag"
+      },
+      en: {
+        // TODO REMOVE ?
+        title: "Design your profile",
+        subTitle: "Adjust profile to match your branding"
+      }
+    }
+  },
+  name: "PremiumRestrictedWinProfile",
+  components: {
+    PremiumRestrictedBase: f
+  },
+  props: {
+    onUpgrade: {
+      type: Function,
+      default: null
+    }
+  }
+};
+function Ye(e, o, t, d, s, n) {
+  const a = u("PremiumRestrictedBase");
+  return c(), g(a, {
+    title: e.$t("title"),
+    "sub-title": e.$t("subTitle"),
+    "on-upgrade": t.onUpgrade
+  }, null, 8, ["title", "sub-title", "on-upgrade"]);
+}
+const Ke = /* @__PURE__ */ l(ze, [["render", Ye]]), I = {
+  winProfile: Ke,
+  templates: Ee,
+  documents: we,
+  personalMessage: xe,
+  inviteCreators: _e,
+  stats: Oe,
+  documentBlocks: $e,
+  bankIdAndSms: he,
+  useDocTemplate: qe,
+  saveDocTemplate: Me
+}, We = [...Object.keys(I), "licenses"], He = {
+  name: "IsPremiumPreStep",
+  inject: {
+    onUpgradeRequired: {
+      type: Function,
+      default: null
+    }
+  },
+  setup() {
+    return {
+      paywall: S(),
+      featureMapExtensions: K()
+    };
+  },
+  props: {
+    feature: {
+      type: String,
+      required: !0,
+      validator: (e) => We.includes(e)
+    }
+  },
+  computed: {
+    featureMap() {
+      return { ...I, ...this.featureMapExtensions };
+    },
+    modalName() {
+      return this.featureMap[this.feature] ?? null;
+    }
+  },
+  methods: {
+    onClick({ callback: e = null, data: o } = {}) {
+      if (typeof this.onUpgradeRequired == "function") {
+        this.onUpgradeRequired({ feature: this.feature, data: o });
+        return;
+      }
+      if (!this.modalName) {
+        if (this.paywall.isAvailable) {
+          this.paywall.openUpgradeModal({ callback: e });
+          return;
+        }
+        E.error(
+          `IsPremiumPreStep: no component for feature "${this.feature}" and no paywall provider`
+        );
+        return;
+      }
+      this.$modal.show(
+        this.modalName,
+        {
+          ...e && { onUpgrade: e }
+        },
+        {
+          adaptive: !0,
+          maxWidth: 390,
+          width: "90%",
+          height: "auto",
+          scrollable: !0,
+          classes: "overflow-visible primary"
+        }
+      );
+    }
+  }
+};
+function Je(e, o, t, d, s, n) {
+  return y(e.$slots, "default", { onClick: n.onClick });
+}
+const Qe = /* @__PURE__ */ l(He, [["render", Je]]), Xe = N({
+  name: "ProBadge",
+  render() {
+    return G(
+      "div",
+      {
+        class: "text-[10px] font-semibold text-white bg-primary-500 rounded leading-none px-1.5 py-1"
+      },
+      "Pro"
+    );
+  }
+}), tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CalloutLegacy: x,
+  IsPremium: F,
+  IsPremiumPreStep: Qe,
+  ProBadge: Xe
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  F as I,
+  Xe as _,
+  Qe as a,
+  tt as i,
+  S as u
+};