https://portal.godesignguru.com/build/assets/ExtensionEdit-CkXPzcS_.js

1import { o, i as v, q as C, G as A, f as m, e as r, u as e, a as n, t as a, M as se, c as l, F as _, d as f, E as g, b, j as D, J as N, r as G, w as y, l as ie, n as oe, B as ae, C as j, D as I, g as R } from "./app-yg_pP4S4.js";
2import { _ as re } from "./BaseButton-DP1PFEmO.js";
3import { _ as le } from "./FormFooter-BR3rPhrH.js";
4import { r as F, _ as q } from "./ModalConfirmation-BptK8hn4.js";
5import { _ as de } from "./ExtensionIconUpload-B74sKLoD.js";
6import { _ as ce } from "./TextareaEditable-Boq2HHAO.js";
7import { f as w, E as O, g as me, _ as ue } from "./DashboardLayout-CXf_hhYT.js";
8import { aZ as xe, a_ as fe, F as M } from "./XMarkIcon-C7ztHuKP.js";
9import { r as ge } from "./menu-DpWDC0YJ.js";
10import { r as B } from "./EyeIcon-C30yl1ND.js";
11import { r as ve } from "./TrashIcon-CFadJoO1.js";
12import { G as he, j as ye, y as pe } from "./popover-DTQdCRwt.js";
13import { _ as U } from "./TablePagination-CoQin-sh.js";
14import { r as L } from "./EyeIcon-BsyDCt-k.js";
15import { r as V } from "./CogIcon-CahWjsyo.js";
16import { r as X } from "./LinkIcon-oubHtx0Y.js";
17import { _ as be } from "./UserAvatar-B3-R1wxh.js";
18import { b as _e } from "./functions-DLrKIvnr.js";
19import { r as we } from "./BaseInput-DrEncIoW.js";
20import "./LoaderIcon-BfI_LFZK.js";
21import "./_plugin-vue_export-helper-DlAUqK2U.js";
22import "./CameraIcon-CztUuFST.js";
23import "./modelWrapper-D0DowOi8.js";
24import "./index-CDyB1Hog.js";
25import "./ApplicationLogo-D4QkytOJ.js";
26import "./LiveChat-BEmWJs6j.js";
27import "./consts-7Qk9bpse.js";
28import "./form-BcDj1t5Y.js";
29import "./index-BF2h0ubX.js";
30import "./CheckIcon-Bb6ppPFl.js";
31import "./BaseModal-lnT_D81c.js";
32import "./HomeIcon-B7IW8yDA.js";
33import "./MinusIcon-C5ZUuSoW.js";
34import "./vue-transitions-DxcThSkT.js";
35import "./ClockIcon-DWc8x_ii.js";
36import "./use-text-value-9Z6g_4jd.js";
37import "./use-tree-walker-DC0osvAV.js";
38import "./listbox-BVei8WBz.js";
39import "./ChevronUpDownIcon-D7fhXTZr.js";
40import "./CheckIcon-CfE0icDF.js";
41const Ae = { __name: "ExtensionLabelChanger", props: { extensionActivation: Object }, setup(i) {
42  const s = i, d = A(false), p = (x) => {
43    x !== s.extensionActivation.name && C.put(route("settings.extensions.update-label", { extensionActivation: s.extensionActivation.id }), { label: x }, { preserveScroll: true });
44  };
45  return (x, t) => (o(), v(ce, { "in-edit-mode": d.value, "onUpdate:inEditMode": t[0] || (t[0] = (h) => d.value = h), value: s.extensionActivation.label, "can-edit": true, "input-classes": ["w-full -ml-2 resize-none text-ellipsis font-bold text-lg lg:text-2xl text-gray-900 max-h-26 py-1 px-2", d.value ? "cursor-text bg-gray-100 block" : "line-clamp-3"], onChange: p }, null, 8, ["in-edit-mode", "value", "input-classes"]));
46} }, $e = { class: "sr-only" }, ke = ["href"], Ee = { __name: "ExtensionsActionsDropdown", props: { extensionActivation: { type: Object, required: true } }, emits: ["disable", "enable", "remove"], setup(i, { emit: s }) {
47  const d = s, p = A(false);
48  return (x, t) => (o(), v(e(pe), { as: "div", class: "relative" }

48, { default: m(() => [r(e(he), { as: "template" }, { default: m(() => [n("button", { type: "button", class: "relative inline-flex items-center rounded-md p-1 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-10 max-lg:p-3", onClick: t[0] || (t[0] = (h) => p.value = !p.value) }, [n("span", $e, a(x.$t("Extensions actions")), 1), r(e(ge), { class: "h-5 w-5" })])]), _: 1 }), r(se, { "enter-active-class": "transition duration-100 ease-out", "enter-from-class": "transform scale-95 opacity-0", "enter-to-class": "transform scale-100 opacity-100", "leave-active-class": "transition duration-75 ease-out", "leave-from-class": "transform scale-100 opacity-100", "leave-to-class": "transform scale-95 opacity-0" }, { default: m(() => [r(e(ye), { class: "absolute right-0 z-20 mt-1 rounded border bg-white shadow-lg" }, { default: m(() => [i.extensionActivation.extension_type_id === e(w).GLOBAL ? (o(), l(_, { key: 0 }, [i.extensionActivation.extension_id === e(O).EXTERNAL_LINK ? (o(), l("a", { key: 0, href: i.extensionActivation.extension_activation_details[0].content, class: "group flex w-48 cursor-pointer items-center rounded-md px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 hover:text-gray-700" }, [r(e(B), { class: "mr-2 h-5 w-5 text-gray-400 hover:text-gray-500" }), f(" " + a(x.$t("See extension")), 1)], 8, ke)) : (o(), v(e(g), { key: 1, href: x.route("settings.extensions.show", { extensionActivationDetail: i.extensionActivation.extension_activation_details[0].id }), class: "group flex w-48 cursor-pointer items-center rounded-md px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 hover:text-gray-700" }

48, { default: m(() => [r(e(B), { class: "mr-2 h-5 w-5 text-gray-400 hover:text-gray-500" }), f(" " + a(x.$t("See extension")), 1)]), _: 1 }, 8, ["href"]))], 64)) : b("", true), i.extensionActivation.enabled_at ? (o(), l("button", { key: 1, type: "button", class: "group flex w-48 cursor-pointer items-center rounded-md px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 hover:text-gray-700", onClick: t[1] || (t[1] = (h) => d("disable", i.extensionActivation)) }, [r(e(xe), { class: "mr-2 h-5 w-5 text-gray-400 hover:text-gray-500" }), f(" " + a(x.$t("Disable extension")), 1)])) : (o(), l("button", { key: 2, type: "button", class: "group flex w-48 cursor-pointer items-center rounded-md px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 hover:text-gray-700", onClick: t[2] || (t[2] = (h) => d("enable", i.extensionActivation)) }, [r(e(fe), { class: "mr-2 h-5 w-5 text-gray-400 hover:text-gray-500" }), f(" " + a(x.$t("Enable extension")), 1)])), n("button", { type: "button", class: "group flex w-48 cursor-pointer items-center rounded-md px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 hover:text-gray-700", onClick: t[3] || (t[3] = (h) => d("remove", i.extensionActivation)) }, [r(e(ve), { class: "mr-2 h-5 w-5 text-gray-400 hover:text-gray-500" }), f(" " + a(x.$t("Remove extension")), 1)])]), _: 1 })]), _: 1 })]), _: 1 }));
49} }, Ce = { key: 0, class: "px-6" }, Le = { class: "mb-5 mt-10" }, Te = { class: "text-lg font-bold leading-6 text-gray-900" }, De = { class: "flex" }, Ne = { class: "shrink-0" }, Oe = { class: "mr-3 aspect-square rounded-full bg-primary-50" }, Se = ["src", "alt"], je = { class: "md:pr-20 lg:pr-48" }, Ie = { class: "mb-1 text-sm font-medium leading-5 text-gray-900 sm:text-base" }, Re = { class: "text-sm text-gray-500" }, qe = { class: "flex items-center self-start sm:self-center" }, Be = { class: "mr-2" }, Ge = { key: 0, class: "inline-flex items-center rounded bg-green-100 px-2.5 py-0.5 text-xs font-medium text-green-800" }, Fe = { key: 1, class: "inline-flex items-center rounded bg-red-100 px-2.5 py-0.5 text-xs font-medium text-red-800" }, Me = ["href"], Ue = { class: "hidden md:inline-block" }, Ve = { key: 1, class: "p-20" }, Xe = { class: "m-auto text-center" }, Pe = { class: "mb-3 text-xl font-semibold text-gray-900" }, ze = { class: "mb-5 text-gray-500" }, Ke = { __name: "ExtensionsClientList", props: { extensionActivation: { type: Object, required: true }, organizations: { type: Object, required: true } }, setup(i) {
50  const { t: s } = D();
51  return (d, p) => {
52    const x = N("tooltip");
53    return i.organizations.data.length > 0 ? (o(), l("div", Ce, [n("div", Le, [n("h3", Te, a(e(s)("Organizations list")), 1)]), (o(true), l(_, null, G(i.organizations.data, (t) => (o(), v(e(g), { key: t.id, href: t.extension_activation_details.length > 0 ? d.route("settings.extensions.edit-local", { extensionActivationDetail: t.extension_activation_details[0].id }) : d.route("settings.extensions.create-local", { extensionActivation: i.extensionActivation, organization: t }), class: "mb-4 flex items-center justify-between rounded-md border border-gray-200 p-4 md:p-6" }

53, { default: m(() => [n("div", De, [n("div", Ne, [n("div", Oe, [n("img", { class: "aspect-square h-9 w-9 rounded-full", src: t.logo_url, alt: t.name }, null, 8, Se)])]), n("div", je, [n("h3", Ie, a(t.name), 1), n("div", Re, a(t.owner.name), 1)])]), n("div", qe, [t.extension_activation_details.length > 0 ? (o(), l(_, { key: 0 }, [n("div", Be, [t.extension_activation_details[0].enabled_at ? (o(), l("span", Ge, a(e(s)("Enabled")), 1)) : (o(), l("span", Fe, a(e(s)("Disabled")), 1))]), t.extension_activation_details[0].enabled_at ? (o(), l(_, { key: 0 }, [i.extensionActivation.extension_id === e(O).EXTERNAL_LINK ? y((o(), l("a", { key: 0, href: t.extension_activation_details[0].content, class: "mr-2 inline-flex items-center rounded-md border border-gray-300 bg-white p-2 text-sm font-medium leading-4 text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2" }, [r(e(L), { class: "h-5 w-5 text-gray-500", "aria-hidden": "true" })], 8, Me)), [[x, e(s)("See extension")]]) : y((o(), v(e(g), { key: 1, href: d.route("settings.extensions.show", { extensionActivationDetail: t.extension_activation_details[0].id }), class: "mr-2 inline-flex items-center rounded-md bg-white p-0 text-sm font-medium leading-4 text-gray-400 hover:bg-gray-50 sm:border sm:border-gray-300 sm:p-2 sm:text-gray-700 sm:shadow-sm sm:focus:outline-none sm:focus:ring-2 sm:focus:ring-primary-500 sm:focus:ring-offset-2" }

53, { default: m(() => [r(e(L), { class: "h-5 w-5 text-gray-400 sm:text-gray-700", "aria-hidden": "true" })]), _: 1 }, 8, ["href"])), [[x, e(s)("See extension")]])], 64)) : b("", true), y((o(), v(e(g), { href: d.route("settings.extensions.edit-local", { extensionActivationDetail: t.extension_activation_details[0].id }), class: "inline-flex items-center rounded-md bg-white p-0 text-sm font-medium leading-4 text-gray-400 hover:bg-gray-50 sm:border sm:border-gray-300 sm:p-2 sm:text-gray-700 sm:shadow-sm sm:focus:outline-none sm:focus:ring-2 sm:focus:ring-primary-500 sm:focus:ring-offset-2" }, { default: m(() => [r(e(V), { class: "h-5 w-5 text-gray-400 sm:text-gray-700", "aria-hidden": "true" })]), _: 1 }, 8, ["href"])), [[x, e(s)("Edit extension")]])], 64)) : (o(), v(e(g), { key: 1, href: d.route("settings.extensions.create-local", { extensionActivation: i.extensionActivation, organization: t }), class: "inline-flex items-center rounded-md border border-gray-300 bg-white p-2 text-sm font-medium leading-4 text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2" }

53, { default: m(() => [r(e(X), { class: "h-4 w-4 text-gray-500 md:mr-2 md:h-5 md:w-5", "aria-hidden": "true" }), n("span", Ue, a(e(s)("Connect")), 1)]), _: 1 }, 8, ["href"]))])]), _: 2 }, 1032, ["href"]))), 128)), r(U, { data: i.organizations }, null, 8, ["data"])])) : (o(), l("div", Ve, [n("div", Xe, [r(e(M), { class: "mx-auto mb-5 h-12 w-12 stroke-1 text-gray-400" }), n("h3", Pe, a(e(s)("No organizations yet")), 1), n("p", ze, a(e(s)("Get started by creating a new organization.")), 1), r(e(g), { href: d.route("organizations.index"), class: "ml-3 inline-flex items-center rounded-md border border-transparent bg-primary-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2" }, { default: m(() => [r(e(F), { class: "mr-3 h-5 w-5" }), f(" " + a(e(s)("Create client")), 1)]), _: 1 }, 8, ["href"])])]));
54  };
55} }, Ye = { key: 0, class: "px-6" }, Je = { class: "mb-5 mt-10" }, Ze = { class: "text-lg font-bold leading-6 text-gray-900" }, He = { class: "flex" }, Qe = { class: "shrink-0" }, We = { class: "mr-3" }, et = { class: "md:pr-20 lg:pr-48" }, tt = { class: "mb-1 text-sm font-medium leading-5 text-gray-900 sm:text-base" }, nt = { class: "text-sm text-gray-500" }, st = { class: "flex items-center self-start sm:self-center" }, it = { class: "mr-2" }, ot = { key: 0, class: "inline-flex items-center rounded bg-green-100 px-2.5 py-0.5 text-xs font-medium text-green-800" }, at = { key: 1, class: "inline-flex items-center rounded bg-red-100 px-2.5 py-0.5 text-xs font-medium text-red-800" }, rt = ["href"], lt = { class: "hidden md:inline-block" }, dt = { key: 1, class: "p-20" }, ct = { class: "m-auto text-center" }, mt = { class: "mb-3 text-xl font-semibold text-gray-900" }, ut = { class: "mb-5 text-gray-500" }, xt = { __name: "ExtensionsTeamList", props: { extensionActivation: { type: Object, required: true }, teamMembers: { type: Object, required: true } }, setup(i) {
56  const { t: s } = D();
57  return (d, p) => {
58    const x = N("tooltip");
59    return i.teamMembers.data.length > 0 ? (o(), l("div", Ye, [n("div", Je, [n("h3", Ze, a(e(s)("Team members list")), 1)]), (o(true), l(_, null, G(i.teamMembers.data, (t) => (o(), v(e(g), { key: t.id, href: t.extension_activation_details.length > 0 ? d.route("settings.extensions.edit-team", { extensionActivationDetail: t.extension_activation_details[0].id }) : d.route("settings.extensions.create-team", { extensionActivation: i.extensionActivation, teamMember: t }), class: "mb-4 flex items-center justify-between rounded-md border border-gray-200 p-4 md:p-6" }

59, { default: m(() => [n("div", He, [n("div", Qe, [n("div", We, [r(be, { user: t, size: "lg" }, null, 8, ["user"])])]), n("div", et, [n("h3", tt, a(t.name), 1), n("div", nt, a(t.email), 1)])]), n("div", st, [t.extension_activation_details.length > 0 ? (o(), l(_, { key: 0 }, [n("div", it, [t.extension_activation_details[0].enabled_at ? (o(), l("span", ot, a(e(s)("Enabled")), 1)) : (o(), l("span", at, a(e(s)("Disabled")), 1))]), t.extension_activation_details[0].enabled_at ? (o(), l(_, { key: 0 }, [i.extensionActivation.extension_id === e(O).EXTERNAL_LINK ? y((o(), l("a", { key: 0, href: t.extension_activation_details[0].content, class: "mr-2 inline-flex items-center rounded-md border border-gray-300 bg-white p-2 text-sm font-medium leading-4 text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2" }, [r(e(L), { class: "h-5 w-5 text-gray-500", "aria-hidden": "true" })], 8, rt)), [[x, e(s)("See extension")]]) : y((o(), v(e(g), { key: 1, href: d.route("settings.extensions.show", { extensionActivationDetail: t.extension_activation_details[0].id }), class: "mr-2 inline-flex items-center rounded-md bg-white p-0 text-sm font-medium leading-4 text-gray-400 hover:bg-gray-50 sm:border sm:border-gray-300 sm:p-2 sm:text-gray-700 sm:shadow-sm sm:focus:outline-none sm:focus:ring-2 sm:focus:ring-primary-500 sm:focus:ring-offset-2" }

59, { default: m(() => [r(e(L), { class: "h-5 w-5 text-gray-400 sm:text-gray-700", "aria-hidden": "true" })]), _: 1 }, 8, ["href"])), [[x, e(s)("See extension")]])], 64)) : b("", true), y((o(), v(e(g), { href: d.route("settings.extensions.edit-local", { extensionActivationDetail: t.extension_activation_details[0].id }), class: "inline-flex items-center rounded-md bg-white p-0 text-sm font-medium leading-4 text-gray-400 hover:bg-gray-50 sm:border sm:border-gray-300 sm:p-2 sm:text-gray-700 sm:shadow-sm sm:focus:outline-none sm:focus:ring-2 sm:focus:ring-primary-500 sm:focus:ring-offset-2" }, { default: m(() => [r(e(V), { class: "h-5 w-5 text-gray-400 sm:text-gray-700", "aria-hidden": "true" })]), _: 1 }, 8, ["href"])), [[x, e(s)("Edit extension")]])], 64)) : (o(), v(e(g), { key: 1, href: d.route("settings.extensions.create-team", { extensionActivation: i.extensionActivation, teamMember: t }), class: "inline-flex items-center rounded-md border border-gray-300 bg-white p-2 text-sm font-medium leading-4 text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2" }

59, { default: m(() => [r(e(X), { class: "h-4 w-4 text-gray-500 md:mr-2 md:h-5 md:w-5", "aria-hidden": "true" }), n("span", lt, a(e(s)("Connect")), 1)]), _: 1 }, 8, ["href"]))])]), _: 2 }, 1032, ["href"]))), 128)), r(U, { data: i.teamMembers }, null, 8, ["data"])])) : (o(), l("div", dt, [n("div", ct, [r(e(M), { class: "mx-auto mb-5 h-12 w-12 stroke-1 text-gray-400" }), n("h3", mt, a(e(s)("No team members yet")), 1), n("p", ut, a(e(s)("Get started by creating a new team member.")), 1), r(e(g), { href: d.route("teams.index"), class: "ml-3 inline-flex items-center rounded-md border border-transparent bg-primary-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2" }, { default: m(() => [r(e(F), { class: "mr-3 h-5 w-5" }), f(" " + a(e(s)("Create team member")), 1)]), _: 1 }, 8, ["href"])])]));
60  };
61} }, ft = { class: "2xl:p-6" }, gt = { class: "px-6 py-5 2xl:rounded-lg 2xl:bg-gray-50" }, vt = { class: "flex items-start justify-between max-sm:flex-col max-sm:gap-2 sm:items-center" }, ht = { class: "flex" }, yt = { class: "shrink-0" }, pt = { class: "mr-3 aspect-square rounded-md bg-primary-50 p-1.5" }, bt = ["src", "alt"], _t = { class: "mr-8 max-sm:mr-0 md:mr-12" }, wt = { class: "flex items-center max-sm:ml-12" }, At = { class: "mr-2" }, $t = { key: 0, class: "inline-flex items-center rounded bg-green-100 px-2 py-0.5 text-xs font-medium text-green-800" }, kt = { key: 1, class: "inline-flex items-center rounded bg-red-100 px-2 py-0.5 text-xs font-medium text-red-800" }, Et = { class: "ml-12 text-sm font-normal leading-6 text-gray-500" }, Ct = { class: "md:min-h-[60vh]" }, Lt = { class: "bg-white" }, Tt = { class: "px-6" }, Dt = { class: "block border-b border-b-gray-200 pb-6 pt-9 sm:flex sm:justify-between" }, Nt = { class: "mb-4 items-center md:mb-0 md:mr-10" }, Ot = { class: "h5 text-lg font-bold text-gray-900 sm:text-lg" }, St = { class: "border-b border-b-gray-200 py-6" }, jt = { class: "flex" }, It = { for: "icon", class: "block text-base font-medium leading-5 text-gray-900" }, Rt = { class: "mt-1 text-sm font-normal leading-5 text-gray-500" }, qt = { key: 0, class: "py-6" }, Bt = { for: "content", class: "block text-base font-medium leading-5 text-gray-900" }, Gt = { class: "mt-1 text-xs font-medium leading-4 text-gray-500" }, Ft = { class: "text-indigo-600 underline", href: "https://help.manyrequests.com/en/articles/6020389-add-more-functionality-to-your-portal-with-extensions", target: "_blank" }, Mt = { class: "mt-1 text-xs font-medium leading-4 text-gray-500" }, Ut = { class: "relative mt-1 lg:max-w-[50%]" }, Vt = { key: 2, class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3" }, Xt = { key: 0, id: "request-plural-name-error", class: "mt-2 text-sm text-red-600" }, Pt = { key: 0, class: "bg-white" }, zt = { key: 1, class: "bg-white" }, Kt = { class: "text-sm font-normal leading-5" }, Yt = { class: "text-sm font-normal leading-5" }, qn = { __name: "ExtensionEdit", props: { extensionActivation: { type: Object, required: true }, organizations: { type: Object }, teamMembers: { type: Object } }, setup(i) {
62  var _a;
63  const { t: s } = D(), d = i, p = [{ label: s("Settings"), url: route("settings.modules.index") }, { label: s("Modules and extensions"), url: route("settings.extensions.index") }, { label: s("Edit extension") }], t = ie({ content: [w.GLOBAL, w.GLOBAL_TEAM].includes(d.extensionActivation.extension_type_id) && ((_a = d.extensionActivation.extension_activation_details[0]) == null ? void 0 : _a.content) || null, icon: { url: d.extensionActivation.icon } }), h = A(false), $ = A(false), k = A(null), E = A(null), P = R(() => s('Are you sure you want to disable <span class="font-medium">"{extension_name}"</span> from extensions?', { extension_name: d.extensionActivation.label })), z = R(() => s('Are you sure you want to remove <span class="font-medium">"{extension_name}"</span> from extensions?', { extension_name: d.extensionActivation.label })), K = (c) => {
64    t.icon.file = c, s3m(c, { progress: (u) => {
65      t.icon.progress = u;
66    }, data: { folder: `tenants/${_e.value.id}/extensions/icons` } }).then((u) => {
67      t.icon.key = u.key, t.icon.uuid = u.uuid, t.icon.extension = u.extension, t.icon.name = u.

67name, Y();
68    });
69  }, Y = () => {
70    if (/\.(jpe?g|png|gif)$/i.test(t.icon.file.name)) {
71      let c = new FileReader();
72      c.addEventListener("load", () => {
73        t.icon.url = c.result;
74      }, false), c.readAsDataURL(t.icon.file);
75    }
76  }, J = () => {
77    t.isDirty && t.transform((c) => ({ content: c.content, icon: { extension: c.icon.extension, key: c.icon.key, uuid: c.icon.uuid, name: c.icon.name } })).put(route("settings.extensions.update", { extensionActivation: d.extensionActivation.id }), { preserveScroll: true });
78  }, Z = (c) => {
79    C.put(route("settings.extensions.enable", { extensionActivation: c.id }), {}, { preserveScroll: true });
80  }, H = (c) => {
81    h.value = true, k.value = c;
82  }, Q = () => {
83    C.put(route("settings.extensions.disable", { extensionActivation: k.value.id }), {}, { preserveScroll: true, onSuccess: () => {
84      h.value = false, k.value = null;
85    } });
86  }, W = () => {
87    h.value = false, k.value = null;
88  }, ee = (c) => {
89    $.value = true, E.value = c;
90  }, te = () => {
91    C.delete(route("settings.extensions.remove", { extensionActivation: E.value.id }), { preserveScroll: true, onSuccess: () => {
92      $.value = false, E.value = null;
93    } });
94  }, ne = () => {
95    $.value = false, E.value = null;
96  };
97  return (c, u) => {
98    const S = N("dompurify-html");
99    return o(), l(_, null, [r(e(oe), { title: e(s)("Modules and extensions") }, null, 8, ["title"]), r(ue, { breadcrumbs: p, "show-footer": false, "wrapper-class": "flow-root overflow-clip max-lg:[&_input]:text-base max-lg:[&_textarea]:text-base max-lg:[&_select]:text-base max-lg:[&_button[aria-haspopup=listbox]]:min-h-11" }, { header: m(() => [f(a(e(s)("Configure {extension}", { extension: i.extensionActivation.extension.name }

99)), 1)]), default: m(() => [n("div", ft, [n("div", gt, [n("div", vt, [n("div", ht, [n("div", yt, [n("div", pt, [n("img", { class: "aspect-square h-6 w-6 rounded-md object-cover", src: i.extensionActivation.extension.full_image_url, alt: i.extensionActivation.label, "aria-hidden": "true" }, null, 8, bt)])]), n("div", _t, [r(Ae, { "extension-activation": i.extensionActivation }, null, 8, ["extension-activation"])])]), n("div", wt, [n("div", At, [i.extensionActivation.enabled_at ? (o(), l("span", $t, a(e(s)("Enabled")), 1)) : (o(), l("span", kt, a(e(s)("Disabled")), 1))]), n("div", null, [r(Ee, { "extension-activation": i.extensionActivation, onEnable: Z, onDisable: H, onRemove: ee }, null, 8, ["extension-activation"])])])]), n("div", Et, a(i.extensionActivation.extension.description), 1)])]), n("form", { onSubmit: ae(J, ["prevent"]) }, [n("div", Ct, [n("div", Lt, [n("div", Tt, [n("div", Dt, [n("div", Nt, [n("div", Ot, a(e(s)("Configure extension")), 1)])]), n("div", St, [n("div", jt, [r(de, { icon: e(t).icon, onFileUpload: K }, null, 8, ["icon"]), n("div", null, [n("label", It, a(e(s)("Icon")), 1), n("p", Rt, a(e(s)("Recommended: 120x120px or similar proportions. Transparent background image.")), 1)])])]), i.extensionActivation.extension_type_id === e(w).GLOBAL || i.extensionActivation.extension_type_id === e(w).GLOBAL_TEAM ? (o(), l("div", qt, [n("label", Bt, a(e(s)("Code snippet")), 1), n("p", Gt, [f(a(c.$t("Provide the URL for the {extensionName} page you want to embed. If you need a more detailed guide, click ", { extensionName: i.extensionActivation.extension.name })) + " ", 1), n("a", Ft, a(c.$t("here")), 1)]), n("p", Mt, [f(a(e(s)("Available variables")) + ": ", 1), u[2] || (u[2] = n("code", { class: "rounded bg-gray-100 px-1", textContent: "{{email}}" }, null, -1)), u[3] || (u[3] = f(", ", -1)), u[4] || (u[4] = n("code", { class: "rounded bg-gray-100 px-1", textContent: "{{name}}" }, null, -1)), u[5] || (u[5] = f(", ", -1)), u[6] || (u[6] = n("code", { class: "rounded bg-gray-100 px-1", textContent: "{{ref}}" }, null, -1)), f(". " + a(e(s)("These are replaced with the viewer's email, name, and organization reference.")), 1)]), n("div", Ut, [i.extensionActivation.extension.content_type === e(me).SNIPPET ? y((o(), l("textarea", { key: 0, id: "content", "onUpdate:modelValue": u[0] || (u[0] = (T) => e(t).content = T), name: "content", rows: "3", autocomplete: "off", class: j(["block w-full rounded-md shadow-sm sm:text-sm", e(t).errors.content ? "border-red-300 text-red-900 placeholder-red-300 focus:border-red-500 focus:outline-none focus:ring-red-500" : "border border-gray-300 focus:border-primary-500 focus:ring-primary-500"]) }, null, 2)), [[I, e(t).content]]) : y((o(), l("input", { key: 1, id: "content", "onUpdate:modelValue": u[1] || (u[1] = (T) => e(t).content = T), name: "content", type: "text", autocomplete: "off", class: j(["block w-full rounded-md shadow-sm sm:text-sm", e(t).errors.content ? "border-red-300 text-red-900 placeholder-red-300 focus:border-red-500 focus:outline-none focus:ring-red-500" : "border border-gray-300 focus:border-primary-500 focus:ring-primary-500"]) }, null, 2)), [[I, e(t).content]]), e(t).errors.content ? (o(), l("div", Vt, [r(e(we), { class: "h-5 w-5 text-red-500", "aria-hidden": "true" })])) : b("", true)]), e(t).errors.content ? (o(), l("p", Xt, a(e(t).errors.content), 1)) : b("", true)])) : b("", true)])]), i.extensionActivation.extension_type_id === e(w).LOCAL ? (o(), l("div", Pt, [r(Ke, { "extension-activation": i.extensionActivation, organizations: i.organizations }, null, 8, ["extension-activation", "organizations"])])) : b("", true), i.extensionActivation.extension_type_id === e(w).LOCAL_TEAM ? (o(), l("div", zt, [r(xt, { "extension-activation": i.extensionActivation, "team-members": i.teamMembers }, null, 8, ["extension-activation", "team-members"])])) : b("", true)]), r(le, { "is-dirty": e(t).isDirty, processing: e(t).processing }, { left: m(() => [r(e(g), { href: c.route("settings.extensions.index") }

99, { default: m(() => [r(re, { secondary: "" }, { default: m(() => [f(a(c.$t("Exit")), 1)]), _: 1 })]), _: 1 }, 8, ["href"])]), _: 1 }, 8, ["is-dirty", "processing"])], 32), r(q, { open: h.value, color: "red", onConfirmed: Q, onClosed: W }, { title: m(() => [f(a(e(s)("Disable extension")), 1)]), content: m(() => [y(n("p", Kt, null, 512), [[S, P.value]])]), _: 1 }, 8, ["open"]), r(q, { open: $.value, color: "red", onConfirmed: te, onClosed: ne }, { title: m(() => [f(a(e(s)("Remove extension")), 1)]), content: m(() => [y(n("p", Yt, null, 512), [[S, z.value]])]), _: 1 }, 8, ["open"])]), _: 1 })], 64);
100  };
101} };
102export {
103  qn as default
104};