https://app.flowspark.co/build/assets/IntegrationLivechat-C-eZ_aML.js

1import { j as x, l as b, G as y, o as n, c as d, e as o, u as t, n as w, f as m, a as e, t as r, B as C, d as _, w as k, C as L, D as I, b as p, F as V } from "./app-BQglH-tG.js";
2import { _ as B } from "./LiveChat-Cv9P2dP9.js";
3import { _ as D } from "./FormFooter-cMftLzxe.js";
4import { _ as S } from "./DashboardLayout-SjMKBVdQ.js";
5import { r as E } from "./ArrowLongLeftIcon-tnKQpYVc.js";
6import { r as N } from "./BaseInput-1l26qd8j.js";
7import "./index-B6o3v9Fz.js";
8import "./consts-CUuEXtFB.js";
9import "./form-BicfoI4A.js";
10import "./vue-tabler-icons.es-_MpZvCnK.js";
11import "./XMarkIcon-JhKzQL4a.js";
12import "./functions-DNMBuN0o.js";
13import "./ApplicationLogo-BE-OKeyv.js";
14import "./_plugin-vue_export-helper-DlAUqK2U.js";
15import "./UserAvatar-Boyff1w9.js";
16import "./popover-Blq397Xu.js";
17import "./LoaderIcon-BOkmnW5w.js";
18import "./ModalConfirmation-DER2JDFV.js";
19import "./index-CQ6xcn9I.js";
20import "./CheckIcon-pbR60zuN.js";
21import "./modelWrapper-BuMWMt6a.js";
22import "./BaseButton-BF1tDvcc.js";
23import "./BaseModal-BE4aZshQ.js";
24import "./EyeIcon-CRkgYch_.js";
25import "./HomeIcon-CD_D5QXU.js";
26import "./MinusIcon-CxLG0C3a.js";
27import "./menu-DtABgxi1.js";
28import "./use-text-value-CY-cTGmG.js";
29import "./use-tree-walker-BR_K-2Kt.js";
30import "./vue-transitions-CEGBwb15.js";
31import "./ClockIcon-cut-dFbY.js";
32const U = { class: "text-gray-500" }, $ = { class: "my-6 2xl:my-0 2xl:p-6" }, F = { class: "flex px-6 py-5 2xl:rounded-lg 2xl:bg-gray-50" }, j = { class: "shrink-0" }, q = { class: "mr-3 aspect-square rounded-md bg-primary-50 p-0.5" }, A = ["src", "alt"], M = { class: "mr-8 md:mr-12" }, T = { class: "mb-1 text-lg font-medium leading-6 text-gray-900" }, W = { class: "text-sm font-normal leading-5 text-gray-500" }, z = { class: "p-6" }, G = { class: "text-lg font-bold leading-6 text-gray-900" }, J = { class: "flex items-center justify-between" }, R = { class: "list-inside list-disc" }, H = { class: "mt-2 text-sm font-normal leading-6 text-gray-500" }, K = { class: "mt-5 flex items-center space-x-2 lg:mt-0" }, O = { for: "enabled", class: "block text-sm font-medium text-gray-700" }, P = { class: "flex w-full rounded-md lg:w-3/5" }, Q = { class: "mt-4 text-sm font-normal leading-6 text-gray-500" }, X = { class: "text-blue-500 underline", href: "https://www.livechat.com/help/google-tag-manager-template-gallery-add-livechat/" }, Y = { class: "border-b border-b-gray-200 py-6" }, Z = { for: "live_chat_id", class: "block text-base font-medium leading-5 text-gray-900" }, ee = { class: "relative mt-1 md:max-w-[50%]" }, te = { key: 0, class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3" }, se = { key: 0, id: "live_chat_id-name-error", class: "mt-2 text-sm text-red-600" }, je = { __name: "IntegrationLivechat", props: { liveChatId: { type: String }, liveChatEnabled: { type: Boolean } }, setup(h) {
33  const c = h, { t: s } = x(), u = [{ label: s("Settings"), url: route("settings.modules.index") }, { label: s("Integrations"), url: route("settings.integrations.index") }, { label: s("Live chat"), url: route("settings.integrations.live-chat.index") }, { label: s("LiveChat") }], i = b({ live_chat_name: "livechat", live_chat_id: c.liveChatId, live_chat_enabled: c.liveChatEnabled }), g = y(new URL("/build/assets/integration-livechat-DlqcJLv6.png", import.meta.url).href), v = () => window.history.back(), f = () => {
34    i.put(route("settings.integrations.live-chat.update"), { preserveScroll: true });
35  };
36  return (ie, a) => (n(), d(V, null, [o(t(w), { title: t(s)("Integration") }, null, 8, ["title"]), o(S, { breadcrumbs: u }, { header: m(() =>

36 [_(r(t(s)("Integration")), 1)]), default: m(() => [e("div", { class: "flex cursor-pointer items-center p-6", onClick: v }, [o(t(E), { class: "mr-5 h-5 w-5 text-gray-400", "aria-hidden": "true" }), e("span", U, r(t(s)("Back")), 1)]), e("div", $, [e("div", F, [e("div", j, [e("div", q, [e("img", { class: "h-9 w-9 text-white", src: g.value, alt: t(s)("LiveChat") }, null, 8, A)])]), e("div", M, [e("h3", T, r(t(s)("LiveChat")), 1), e("div", W, r(t(s)("A complete customer service platform that delights your customers and fuels your sales.")), 1)])])]), e("form", { onSubmit: C(f, ["prevent"]) }, [e("div", z, [e("div", null, [e("h4", G, r(t(s)("What you'll need")), 1), e("div", J, [e("ul", R, [e("li", H, r(t(s)("An existing LiveChat account")), 1)]), e("div", K, [e("label", O, r(t(s)("Enabled")), 1), e("div", P, [o(B, { id: "enabled", modelValue: t(i).live_chat_enabled, "onUpdate:modelValue": a[0] || (a[0] = (l) => t(i).live_chat_enabled = l) }, null, 8, ["modelValue"])])])]), e("p", Q, [_(r(t(s)("Learn")) + " ", 1), e("a", X, r(t(s)("Where can I find my license number?")), 1)])]), e("div", Y, [e("label", Z, r(t(s)("License number")), 1), e("div", ee, [k(e("input", { id: "live_chat_id", "onUpdate:modelValue": a[1] || (a[1] = (l) => t(i).live_chat_id = l), name: "live_chat_id", type: "text", autocomplete: "off", class: L(["block w-full rounded-md shadow-sm sm:text-sm", t(i).errors.live_chat_id ? "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, t(i).live_chat_id]]), t(i).errors.live_chat_id ? (n(), d("div", te, [o(t(N), { class: "h-5 w-5 text-red-500", "aria-hidden": "true" })])) : p("", true)]), t(i).errors.live_chat_id ? (n(), d("p", se, r(t(i).errors.live_chat_id), 1)) : p("", true)])]), o(D, { "is-dirty": t(i).isDirty, processing: t(i).processing }, null, 8, ["is-dirty", "processing"])], 32)]), _: 1 })], 64));
37} };
38export {
39  je as default
40};