https://portal.godesignguru.com/build/assets/IntegrationTawkTo-BvcGEXv9.js

1import { j as b, l as f, G as v, o as n, c as d, e as i, u as e, n as y, f as c, a as t, t as o, B as w, d as _, w as k, C as T, D as C, b as p, F as I } from "./app-yg_pP4S4.js";
2import { _ as V } from "./LiveChat-BEmWJs6j.js";
3import { _ as D } from "./FormFooter-BR3rPhrH.js";
4import { _ as B } from "./DashboardLayout-CXf_hhYT.js";
5import { r as L } from "./BaseInput-DrEncIoW.js";
6import "./ApplicationLogo-D4QkytOJ.js";
7import "./_plugin-vue_export-helper-DlAUqK2U.js";
8import "./XMarkIcon-C7ztHuKP.js";
9import "./index-CDyB1Hog.js";
10import "./UserAvatar-B3-R1wxh.js";
11import "./functions-DLrKIvnr.js";
12import "./popover-DTQdCRwt.js";
13import "./consts-7Qk9bpse.js";
14import "./form-BcDj1t5Y.js";
15import "./LoaderIcon-BfI_LFZK.js";
16import "./ModalConfirmation-BptK8hn4.js";
17import "./index-BF2h0ubX.js";
18import "./CheckIcon-Bb6ppPFl.js";
19import "./modelWrapper-D0DowOi8.js";
20import "./BaseButton-DP1PFEmO.js";
21import "./BaseModal-lnT_D81c.js";
22import "./EyeIcon-C30yl1ND.js";
23import "./HomeIcon-B7IW8yDA.js";
24import "./MinusIcon-C5ZUuSoW.js";
25import "./menu-DpWDC0YJ.js";
26import "./use-text-value-9Z6g_4jd.js";
27import "./use-tree-walker-DC0osvAV.js";
28import "./vue-transitions-DxcThSkT.js";
29import "./ClockIcon-DWc8x_ii.js";
30const S = { class: "my-6 max-lg:my-0 2xl:my-0 2xl:p-6" }, E = { class: "flex px-6 py-5 max-lg:py-4 max-sm:px-4 2xl:rounded-lg 2xl:bg-gray-50" }, N = { class: "shrink-0" }, U = { class: "mr-3 aspect-square rounded-md bg-primary-50 p-0.5" }, j = ["src", "alt"], F = { class: "mr-8 max-sm:mr-0 md:mr-12" }, M = { class: "mb-1 text-lg font-medium leading-6 text-gray-900" }, $ = { class: "text-sm font-normal leading-5 text-gray-500" }, A = { class: "p-6 max-lg:pt-2 max-sm:px-4" }, W = { class: "max-lg:flex max-lg:flex-col" }, q = { class: "text-lg font-bold leading-6 text-gray-900" }, z = { class: "flex items-center justify-between max-lg:contents" }, G = { class: "list-inside list-disc" }, R = { class: "mt-2 text-sm font-normal leading-6 text-gray-500" }, Z = { class: "mt-5 flex items-center space-x-2 max-lg:order-first max-lg:mb-6 max-lg:mt-0 max-lg:justify-between max-lg:border-b max-lg:border-gray-200 max-lg:pb-4 lg:mt-0" }, H = { for: "enabled", class: "block text-sm font-medium text-gray-700" }, J = { class: "flex w-full rounded-md max-lg:w-auto lg:w-3/5" }, K = { class: "mt-4 text-sm font-normal leading-6 text-gray-500" }, O = { class: "text-blue-500 underline", href: "https://help.tawk.to/article/direct-chat-link" }, P = { class: "border-b border-b-gray-200 py-6" }, Q = { for: "live_chat_id", class: "block text-base font-medium leading-5 text-gray-900" }, X = { class: "relative mt-1 lg:max-w-[50%]" }, Y = { key: 0, class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3" }, tt = { key: 0, id: "live_chat_id-name-error", class: "mt-2 text-sm text-red-600" }, Et = { __name: "IntegrationTawkTo", props: { liveChatId: { type: String }, liveChatEnabled: { type: Boolean } }, setup(x) {
31  const m = x, { t: s } = b(), 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("Tawk.to") }], a = f({ live_chat_name: "tawk-to", live_chat_id: m.liveChatId, live_chat_enabled: m.liveChatEnabled }), h = v(new URL("/build/assets/integration-tawk-to-DvM_orZl.png", import.meta.url).href), g = () => {
32    a.put(route("settings.integrations.live-chat.update"), { preserveScroll: true });
33  };
34  return (et, r) => (n(), d(I, null, [i(e(y), { title: e(s)("Integration") }, null, 8, ["title"]), i(B, { breadcrumbs: u, "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: c(() => [_(o(e(s)("Tawk.to")), 1)]), default: c(() => [t("div", S, [t("div", E, [t("div", N, [t("div", U, [t("img", { class: "h-9 w-9 text-white", src: h.value, alt: e(s)("Tawk.to") }, null, 8, j)])]), t("div", F, [t("h3", M, o(e(s)("Tawk.to")), 1), t("div", $, o(e(s)("A simple and free live chat solution to respond to client messages.")), 1

34)])])]), t("form", { onSubmit: w(g, ["prevent"]) }, [t("div", A, [t("div", W, [t("h4", q, o(e(s)("What you'll need")), 1), t("div", z, [t("ul", G, [t("li", R, o(e(s)("An existing Tawk.to account")), 1)]), t("div", Z, [t("label", H, o(e(s)("Enabled")), 1), t("div", J, [i(V, { id: "enabled", modelValue: e(a).live_chat_enabled, "onUpdate:modelValue": r[0] || (r[0] = (l) => e(a).live_chat_enabled = l) }, null, 8, ["modelValue"])])])]), t("p", K, [_(o(e(s)("Learn")) + " ", 1), t("a", O, o(e(s)("Where can I find my direct chat link?")), 1)])]), t("div", P, [t("label", Q, o(e(s)("Direct chat link")), 1), t("div", X, [k(t("input", { id: "live_chat_id", "onUpdate:modelValue": r[1] || (r[1] = (l) => e(a).live_chat_id = l), name: "live_chat_id", type: "text", autocomplete: "off", class: T(["block w-full rounded-md shadow-sm sm:text-sm", e(a).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), [[C, e(a).live_chat_id]]), e(a).errors.live_chat_id ? (n(), d("div", Y, [i(e(L), { class: "h-5 w-5 text-red-500", "aria-hidden": "true" })])) : p("", true)]), e(a).errors.live_chat_id ? (n(), d("p", tt, o(e(a).errors.live_chat_id), 1)) : p("", true)])]), i(D, { "is-dirty": e(a).isDirty, processing: e(a).processing }, null, 8, ["is-dirty", "processing"])], 32)]), _: 1 })], 64));
35} };
36export {
37  Et as default
38};