https://portal.godesignguru.com/build/assets/IntegrationHubspot-DTos4O4t.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 a, B as w, d as p, w as k, C as S, D as C, b as _, F as I } from "./app-yg_pP4S4.js";
2import { _ as V } from "./LiveChat-BEmWJs6j.js";
3import { _ as H } from "./FormFooter-BR3rPhrH.js";
4import { _ as E } from "./DashboardLayout-CXf_hhYT.js";
5import { r as B } 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 L = { class: "my-6 max-lg:my-0 2xl:my-0 2xl:p-6" }, U = { class: "flex px-6 py-5 max-lg:py-4 max-sm:px-4 2xl:rounded-lg 2xl:bg-gray-50" }, q = { class: "shrink-0" }, D = { class: "mr-3 aspect-square rounded-md bg-primary-50 p-0.5" }, N = ["src", "alt"], j = { class: "mr-8 max-sm:mr-0 md:mr-12" }, F = { class: "mb-1 text-lg font-medium leading-6 text-gray-900" }, $ = { class: "text-sm font-normal leading-5 text-gray-500" }, M = { class: "p-6 max-lg:pt-2 max-sm:px-4" }, R = { class: "max-lg:flex max-lg:flex-col" }, T = { class: "text-lg font-bold leading-6 text-gray-900" }, W = { class: "flex items-center justify-between max-lg:contents" }, z = { class: "list-inside list-disc" }, A = { class: "mt-2 text-sm font-normal leading-6 text-gray-500" }, G = { 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" }, J = { for: "enabled", class: "block text-sm font-medium text-gray-700" }, K = { class: "flex w-full rounded-md max-lg:w-auto lg:w-3/5" }, O = { class: "mt-4 text-sm font-normal leading-6 text-gray-500" }, P = { class: "text-blue-500 underline", href: "https://knowledge.hubspot.com/chatflows/create-a-live-chat" }, Q = { class: "border-b border-b-gray-200 py-6" }, X = { for: "live_chat_id", class: "block text-base font-medium leading-5 text-gray-900" }, Y = { class: "relative mt-1 lg:max-w-[50%]" }, Z = { 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" }, Ut = { __name: "IntegrationHubspot", props: { liveChatId: { type: String }, liveChatEnabled: { type: Boolean } }, setup(u) {
31  const m = u, { t: s } = b(), h = [{ 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("HubSpot") }], o = f({ live_chat_name: "hubspot", live_chat_id: m.liveChatId, live_chat_enabled: m.liveChatEnabled }), x = v(new URL("/build/assets/integration-hubspot-Ckl4URq-.png", import.meta.url).href), g = () => {
32    o.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(E, { breadcrumbs: h, "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(() => [p(a(e(s)("HubSpot")), 1)]), default: c(() => [t("div", L, [t("div", U, [t("div", q, [t("div", D, [t("img", { class: "h-9 w-9 text-white", src: x.value, alt: e(s)("HubSpot") }, null, 8, N)])]), t("div", j, [t("h3", F, a(e(s)("HubSpot")), 1), t("div", $, a(e(s)("HubSpot's live chat tool is fully integrated 

34with a chatbot builder \u2014 no coding required. Easily create bots that help you qualify leads and more.")), 1)])])]), t("form", { onSubmit: w(g, ["prevent"]) }, [t("div", M, [t("div", R, [t("h4", T, a(e(s)("What you'll need")), 1), t("div", W, [t("ul", z, [t("li", A, a(e(s)("An existing HubSpot account")), 1)]), t("div", G, [t("label", J, a(e(s)("Enabled")), 1), t("div", K, [i(V, { id: "enabled", modelValue: e(o).live_chat_enabled, "onUpdate:modelValue": r[0] || (r[0] = (l) => e(o).live_chat_enabled = l) }, null, 8, ["modelValue"])])])]), t("p", O, [p(a(e(s)("Learn")) + " ", 1), t("a", P, a(e(s)("Where can I find my direct chat link?")), 1)])]), t("div", Q, [t("label", X, a(e(s)("Embed code src")), 1), t("div", Y, [k(t("input", { id: "live_chat_id", "onUpdate:modelValue": r[1] || (r[1] = (l) => e(o).live_chat_id = l), name: "live_chat_id", type: "text", autocomplete: "off", class: S(["block w-full rounded-md shadow-sm sm:text-sm", e(o).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(o).live_chat_id]]), e(o).errors.live_chat_id ? (n(), d("div", Z, [i(e(B), { class: "h-5 w-5 text-red-500", "aria-hidden": "true" })])) : _("", true)]), e(o).errors.live_chat_id ? (n(), d("p", tt, a(e(o).errors.live_chat_id), 1)) : _("", true)])]), i(H, { "is-dirty": e(o).isDirty, processing: e(o).processing }, null, 8, ["is-dirty", "processing"])], 32)]), _: 1 })], 64));
35} };
36export {
37  Ut as default
38};