@askdialog/dialog-vue 0.0.0-beta-20260604071941

package/dist/components/DialogProductBlock/DialogBlockHeader.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/DialogProductBlock/DialogBlockSuggestions.vue.d.ts

@@ -0,0 +1,10 @@
+import { Dialog, Suggestion } from '@askdialog/dialog-sdk';
+type __VLS_Props = {
+    client: Dialog;
+    questions: Suggestion["questions"];
+    productId: string;
+    productTitle: string;
+    selectedVariantId?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/DialogProductBlock/DialogBlockSuggestionsContainer.vue.d.ts

@@ -0,0 +1,11 @@
+import { Dialog, Suggestion } from '@askdialog/dialog-sdk';
+type __VLS_Props = {
+    client: Dialog;
+    questions: Suggestion["questions"] | undefined;
+    isLoading: boolean;
+    productId: string;
+    productTitle: string;
+    selectedVariantId?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/DialogProductBlock/DialogBlockSuggestionsSkeleton.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/DialogProductBlock/DialogInput.vue.d.ts

@@ -0,0 +1,12 @@
+import { Dialog } from '@askdialog/dialog-sdk';
+interface Props {
+    client: Dialog;
+    placeholder?: string;
+    productId: string;
+    productTitle: string;
+    selectedVariantId?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/DialogProductBlock/DialogProductBlock.vue.d.ts

@@ -0,0 +1,13 @@
+import { Dialog } from '@askdialog/dialog-sdk';
+interface Props {
+    client: Dialog;
+    productId: string;
+    productTitle: string;
+    selectedVariantId?: string;
+    enableInput?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    selectedVariantId: string;
+    enableInput: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/DialogProductBlock/ThemeProvider.vue.d.ts

@@ -0,0 +1,21 @@
+import { Theme } from '@askdialog/dialog-sdk';
+type __VLS_Props = {
+    theme: Theme;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/index.d.ts

@@ -0,0 +1,3 @@
+import { default as DialogProductBlock } from './DialogProductBlock/DialogProductBlock.vue';
+import { default as DialogInput } from './DialogProductBlock/DialogInput.vue';
+export { DialogProductBlock, DialogInput };

package/dist/dialog-vue.css

@@ -0,0 +1 @@
+.dialog-block-header-container[data-v-28e6dda7]{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.dialog-block-title[data-v-28e6dda7]{color:var(--dialog-theme-title-color, #272727);font-family:var(--dialog-theme-font-family);font-size:var(--dialog-theme-title-font-size);font-style:normal;font-weight:500;line-height:20px;letter-spacing:1.3px;text-transform:uppercase}.dialog-block-description[data-v-28e6dda7]{color:var(--dialog-theme-description-color, #6c6c6c);font-family:var(--dialog-theme-font-family);font-size:var(--dialog-theme-description-font-size);font-style:normal;font-weight:500;line-height:20px}.dialog-block-suggestions-item[data-v-fb1910ce]{background-color:#f1f1f1;border:none;outline:none;padding:12px 16px;width:fit-content;cursor:pointer;display:flex;justify-content:flex-start;background-color:#fff;align-items:center;gap:8px;border:1px solid #dddce2;border-radius:24px}.dialog-block-suggestions-item[data-v-fb1910ce]:hover{transform:scale(1.01)}.dialog-block-suggestions-item-label[data-v-fb1910ce]{color:var(--dialog-theme-content-color, #575665);font-size:var(--dialog-theme-content-font-size, 14px);font-weight:500;text-align:left;flex:1}.dialog-block-suggestions-item-icon path[data-v-fb1910ce]{stroke:var(--dialog-theme-primary-color)}.dialog-block-suggestions-skeleton-item[data-v-26a64b58],.dialog-block-suggestions-skeleton-item[data-v-26a64b58]:empty{display:block;width:100%;width:90%;height:18px;border-radius:18px;padding:12px 16px;background-color:#f1f1f1;animation:pulse-26a64b58 1.5s ease-in-out infinite}@keyframes pulse-26a64b58{0%{background-color:#f1f1f1}50%{background-color:#fff}to{background-color:#f1f1f1}}.dialog-block-suggestions-container[data-v-18c9e78b]{display:flex;flex-direction:column;gap:12px;width:100%}.dialog-input-wrapper[data-v-7649af7c]{position:relative;width:100%;height:50px;max-height:50px;padding:16px 20px;border:1px solid #d9d9d9;border-radius:var(--dialog-theme-cta-border-type, 24px);background:#fff;display:flex;align-items:center;box-sizing:border-box}.dialog-input-container[data-v-7649af7c]{display:flex;justify-items:center;align-items:center;gap:12px;width:100%;height:100%}.dialog-ask-anything-input-ai-input[data-v-7649af7c]{outline:unset;box-shadow:unset;border:unset;width:100%;font-size:16px;background:transparent;padding-right:35px}.dialog-input-submit[data-v-7649af7c]{width:40px;height:40px;border-radius:100%;display:flex;align-items:center;justify-content:center;background-color:var(--dialog-theme-primary-color);position:absolute;cursor:pointer;top:calc(50% - 20px);right:4px;border:unset}.dialog-input-submit[data-v-7649af7c]:disabled{opacity:.5}.dialog-block-container[data-v-651875ac]{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:24px 0;width:fit-content;gap:24px}.dialog-block-container[data-v-651875ac]>*{box-sizing:border-box}

package/dist/dialog-vue.js

@@ -0,0 +1,346 @@
+import { defineComponent as p, createElementBlock as u, openBlock as d, createElementVNode as c, toDisplayString as I, Fragment as b, renderList as A, createVNode as m, createBlock as S, ref as k, withDirectives as R, withKeys as N, vModelText as O, onMounted as w, watch as E, renderSlot as $, computed as v, withCtx as L, createCommentVNode as B } from "vue";
+var f;
+(function(t) {
+  t.OPEN_ASSISTANT = "open_assistant", t.CLOSE_ASSISTANT = "close_assistant", t.SEND_MESSAGE = "PRODUCT_QUESTION", t.SEND_GENERIC_QUESTION = "GENERIC_QUESTION", t.TRACK_ADD_TO_CART = "TRACK_ADD_TO_CART", t.TRACK_SUBMIT_CHECKOUT = "TRACK_SUBMIT_CHECKOUT";
+})(f || (f = {}));
+var T;
+(function(t) {
+  t.USER_OPENED_ASSISTANT = "userOpenedAssistant", t.USER_CLOSED_ASSISTANT = "userClosedAssistant", t.USER_SENT_MESSAGE = "userSentMessage", t.USER_CLICKED_ON_PRODUCT_CARD = "userClickedOnProductCard", t.USER_OPENED_RECOMMENDATION = "userOpenedRecommendation", t.USER_ADDED_TO_CART = "userAddedToCart", t.USER_SEND_POSITIVE_FEEDBACK = "userSendPositiveFeedback", t.USER_SEND_NEGATIVE_FEEDBACK = "userSendNegativeFeedback";
+})(T || (T = {}));
+f.TRACK_ADD_TO_CART, f.TRACK_SUBMIT_CHECKOUT;
+const U = { class: "dialog-block-header-container" }, V = { class: "dialog-block-title" }, x = { class: "dialog-block-description" }, P = /* @__PURE__ */ p({
+  __name: "DialogBlockHeader",
+  props: {
+    title: {},
+    description: {}
+  },
+  setup(t) {
+    const e = t;
+    return (s, o) => (d(), u("div", U, [
+      c("div", V, I(e.title ?? "Your expert"), 1),
+      c("div", x, I(e.description ?? "A question about this product?"), 1)
+    ]));
+  }
+}), C = (t, e) => {
+  const s = t.__vccOpts || t;
+  for (const [o, a] of e)
+    s[o] = a;
+  return s;
+}, K = /* @__PURE__ */ C(P, [["__scopeId", "data-v-28e6dda7"]]), M = {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, q = { "clip-path": "url(#clip0_466_934)" }, F = ["stroke"], j = ["stroke"], Q = /* @__PURE__ */ p({
+  __name: "AiStarsIcon",
+  props: {
+    color: {}
+  },
+  setup(t) {
+    const e = t;
+    return (s, o) => (d(), u("svg", M, [
+      c("g", q, [
+        c("path", {
+          d: `M5.41675 10.8333L6.07046 12.1408C6.2917 12.5832 6.40232 12.8045 6.55011
+        12.9962C6.68124 13.1663 6.83375 13.3188 7.00388 13.45C7.19559 13.5977 7.41684
+        13.7084 7.85932 13.9296L9.16675 14.5833L7.85932 15.237C7.41684 15.4583 7.19559
+        15.5689 7.00388 15.7167C6.83375 15.8478 6.68124 16.0003 6.55011 16.1704C6.40232
+        16.3622 6.2917 16.5834 6.07046 17.0259L5.41675 18.3333L4.76303 17.0259C4.54179
+        16.5834 4.43117 16.3622 4.28339 16.1704C4.15225 16.0003 3.99974 15.8478 3.82962
+        15.7167C3.6379 15.5689 3.41666 15.4583 2.97418 15.237L1.66675 14.5833L2.97418
+        13.9296C3.41666 13.7084 3.6379 13.5977 3.82962 13.45C3.99974 13.3188 4.15225
+        13.1663 4.28339 12.9962C4.43117 12.8045 4.54179 12.5832 4.76303 12.1408L5.41675
+        10.8333Z`,
+          stroke: e.color || "#181825",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, null, 8, F),
+        c("path", {
+          d: `M12.5001 1.66666L13.4823 4.22034C13.7173 4.83136 13.8348 5.13688 14.0175
+        5.39386C14.1795 5.62162 14.3785 5.82061 14.6062 5.98256C14.8632 6.16529 15.1687
+        6.2828 15.7797 6.5178L18.3334 7.49999L15.7797 8.48217C15.1687 8.71718 14.8632
+        8.83469 14.6062 9.01742C14.3785 9.17937 14.1795 9.37836 14.0175 9.60612C13.8348
+        9.8631 13.7173 10.1686 13.4823 10.7796L12.5001 13.3333L11.5179 10.7796C11.2829
+        10.1686 11.1654 9.8631 10.9827 9.60612C10.8207 9.37836 10.6217 9.17937 10.3939
+        9.01742C10.137 8.83469 9.83145 8.71718 9.22043 8.48217L6.66675 7.49999L9.22043
+        6.5178C9.83145 6.28279 10.137 6.16529 10.3939 5.98256C10.6217 5.82061 10.8207
+        5.62162 10.9827 5.39386C11.1654 5.13688 11.2829 4.83136 11.5179 4.22034L12.5001
+        1.66666Z`,
+          stroke: e.color || "#181825",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, null, 8, j)
+      ]),
+      o[0] || (o[0] = c("defs", null, [
+        c("clipPath", { id: "clip0_466_934" }, [
+          c("rect", {
+            width: "20",
+            height: "20",
+            fill: "white"
+          })
+        ])
+      ], -1))
+    ]));
+  }
+}), G = ["onClick"], H = { class: "dialog-block-suggestions-item-label" }, Z = /* @__PURE__ */ p({
+  __name: "DialogBlockSuggestions",
+  props: {
+    client: {},
+    questions: {},
+    productId: {},
+    productTitle: {},
+    selectedVariantId: {}
+  },
+  setup(t) {
+    const e = t, s = (o) => {
+      e.client.sendProductMessage({
+        productId: e.productId,
+        productTitle: e.productTitle,
+        selectedVariantId: e.selectedVariantId,
+        question: o,
+        fromQuestionSuggestion: !0
+      });
+    };
+    return (o, a) => (d(!0), u(b, null, A(e.questions, (n) => (d(), u("button", {
+      key: n.question,
+      class: "dialog-block-suggestions-item",
+      onClick: (l) => s(n.question)
+    }, [
+      m(Q, {
+        class: "dialog-block-suggestions-item-icon",
+        color: e.client.theme.primaryColor
+      }, null, 8, ["color"]),
+      c("span", H, I(n.question), 1)
+    ], 8, G))), 128));
+  }
+}), Y = /* @__PURE__ */ C(Z, [["__scopeId", "data-v-fb1910ce"]]), z = {};
+function J(t, e) {
+  return d(), u(b, null, [
+    e[0] || (e[0] = c("div", { class: "dialog-block-suggestions-skeleton-item" }, null, -1)),
+    e[1] || (e[1] = c("div", { class: "dialog-block-suggestions-skeleton-item" }, null, -1)),
+    e[2] || (e[2] = c("div", { class: "dialog-block-suggestions-skeleton-item" }, null, -1))
+  ], 64);
+}
+const W = /* @__PURE__ */ C(z, [["render", J], ["__scopeId", "data-v-26a64b58"]]), X = { class: "dialog-block-suggestions-container" }, ee = /* @__PURE__ */ p({
+  __name: "DialogBlockSuggestionsContainer",
+  props: {
+    client: {},
+    questions: {},
+    isLoading: { type: Boolean },
+    productId: {},
+    productTitle: {},
+    selectedVariantId: {}
+  },
+  setup(t) {
+    const e = t;
+    return (s, o) => (d(), u("div", X, [
+      e.isLoading || !e.questions ? (d(), S(W, { key: 0 })) : (d(), S(Y, {
+        key: 1,
+        client: e.client,
+        questions: e.questions,
+        "product-id": e.productId,
+        "product-title": e.productTitle,
+        "selected-variant-id": e.selectedVariantId
+      }, null, 8, ["client", "questions", "product-id", "product-title", "selected-variant-id"]))
+    ]));
+  }
+}), te = /* @__PURE__ */ C(ee, [["__scopeId", "data-v-18c9e78b"]]), oe = {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, ne = ["stroke"], se = /* @__PURE__ */ p({
+  __name: "ArrowIcon",
+  props: {
+    color: {}
+  },
+  setup(t) {
+    const e = t;
+    return (s, o) => (d(), u("svg", oe, [
+      c("path", {
+        d: "M10 16.6667V3.33334M10 3.33334L5 8.33334M10 3.33334L15 8.33334",
+        stroke: e.color || "#ffffff",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, null, 8, ne)
+    ]));
+  }
+}), ie = ["placeholder"], ce = ["disabled"], le = /* @__PURE__ */ p({
+  __name: "DialogInput",
+  props: {
+    client: {},
+    placeholder: {},
+    productId: {},
+    productTitle: {},
+    selectedVariantId: {}
+  },
+  setup(t) {
+    const e = t, s = k(), o = k(""), a = () => {
+      var l;
+      (l = s.value) == null || l.focus();
+    }, n = () => {
+      const l = o.value;
+      l.trim() && (e.client.sendProductMessage({
+        productId: e.productId,
+        productTitle: e.productTitle,
+        selectedVariantId: e.selectedVariantId,
+        question: l,
+        fromQuestionSuggestion: !0
+      }), o.value = "");
+    };
+    return (l, r) => (d(), u("div", {
+      class: "dialog-input-wrapper",
+      onClick: a
+    }, [
+      R(c("input", {
+        id: "dialog-ask-anything-input-ai-input",
+        ref_key: "inputRef",
+        ref: s,
+        "onUpdate:modelValue": r[0] || (r[0] = (_) => o.value = _),
+        class: "dialog-ask-anything-input-ai-input",
+        placeholder: e.placeholder ?? "Ask anything...",
+        onKeydown: N(n, ["enter"])
+      }, null, 40, ie), [
+        [O, o.value]
+      ]),
+      c("button", {
+        id: "send-message-button-ai-input",
+        class: "dialog-input-submit",
+        disabled: !o.value.trim(),
+        onClick: n
+      }, [
+        m(se, {
+          color: e.client.theme.ctaTextColor
+        }, null, 8, ["color"])
+      ], 8, ce)
+    ]));
+  }
+}), re = /* @__PURE__ */ C(le, [["__scopeId", "data-v-7649af7c"]]), de = /* @__PURE__ */ p({
+  __name: "ThemeProvider",
+  props: {
+    theme: {}
+  },
+  setup(t) {
+    const e = t, s = document.body, o = (n) => n.replace(/([A-Z])/g, "-$1").toLowerCase(), a = (n) => {
+      n && Object.keys(n).forEach((l) => {
+        const r = l, _ = o(l);
+        if (n[r] !== void 0) {
+          if (typeof n[r] == "object") {
+            Object.keys(n[r]).forEach((i) => {
+              var h;
+              const g = i;
+              if (g !== void 0) {
+                const y = o(i), D = n[r];
+                s.style.setProperty(
+                  `--dialog-theme-${_}-${y}`,
+                  (h = D[g]) == null ? void 0 : h.toString()
+                );
+              }
+            });
+            return;
+          }
+          if (r === "ctaBorderType") {
+            const i = n[r] === "rounded" ? "24px" : "0";
+            s.style.setProperty(`--dialog-theme-${_}`, i);
+            return;
+          }
+          s.style.setProperty(
+            `--dialog-theme-${_}`,
+            n[r].toString()
+          );
+        }
+      });
+    };
+    return w(() => {
+      e.theme && a(e.theme);
+    }), E(
+      () => e.theme,
+      (n) => {
+        n && a(n);
+      },
+      { deep: !0 }
+    ), (n, l) => $(n.$slots, "default");
+  }
+}), ae = {
+  id: "dialog-instant",
+  class: "dialog-block-container"
+}, ue = /* @__PURE__ */ p({
+  __name: "DialogProductBlock",
+  props: {
+    client: {},
+    productId: {},
+    productTitle: {},
+    selectedVariantId: { default: void 0 },
+    enableInput: { type: Boolean, default: !0 }
+  },
+  setup(t) {
+    const e = t, s = k(!0), o = k(void 0), a = k(0), n = v(() => {
+      var i;
+      return s.value ? "" : (i = o.value) == null ? void 0 : i.assistantName;
+    }), l = v(() => {
+      var i;
+      return s.value ? "" : (i = o.value) == null ? void 0 : i.description;
+    }), r = v(() => {
+      var i;
+      return s.value ? "" : (i = o.value) == null ? void 0 : i.inputPlaceholder;
+    }), _ = async () => {
+      const i = ++a.value;
+      s.value = !0, o.value = void 0;
+      try {
+        const g = await e.client.getSuggestions(e.productId);
+        i === a.value && (o.value = g);
+      } catch (g) {
+        console.error("error", g);
+      } finally {
+        i === a.value && (s.value = !1);
+      }
+    };
+    return E(
+      () => [e.client, e.productId],
+      () => {
+        _();
+      },
+      { immediate: !0 }
+    ), (i, g) => (d(), S(de, {
+      theme: e.client.theme
+    }, {
+      default: L(() => {
+        var h;
+        return [
+          c("div", ae, [
+            m(K, {
+              title: n.value,
+              description: l.value
+            }, null, 8, ["title", "description"]),
+            m(te, {
+              client: e.client,
+              questions: (h = o.value) == null ? void 0 : h.questions,
+              "is-loading": s.value,
+              "product-id": e.productId,
+              "product-title": e.productTitle,
+              "selected-variant-id": e == null ? void 0 : e.selectedVariantId
+            }, null, 8, ["client", "questions", "is-loading", "product-id", "product-title", "selected-variant-id"]),
+            e.enableInput ? (d(), S(re, {
+              key: 0,
+              client: e.client,
+              placeholder: r.value,
+              "product-id": e.productId,
+              "product-title": e.productTitle,
+              "selected-variant-id": e == null ? void 0 : e.selectedVariantId
+            }, null, 8, ["client", "placeholder", "product-id", "product-title", "selected-variant-id"])) : B("", !0)
+          ])
+        ];
+      }),
+      _: 1
+    }, 8, ["theme"]));
+  }
+}), _e = /* @__PURE__ */ C(ue, [["__scopeId", "data-v-651875ac"]]);
+export {
+  re as DialogInput,
+  _e as DialogProductBlock
+};

package/dist/dialog-vue.umd.cjs

@@ -0,0 +1,19 @@
+(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a["dialog-vue"]={},a.Vue))})(this,(function(a,e){"use strict";var m;(function(o){o.OPEN_ASSISTANT="open_assistant",o.CLOSE_ASSISTANT="close_assistant",o.SEND_MESSAGE="PRODUCT_QUESTION",o.SEND_GENERIC_QUESTION="GENERIC_QUESTION",o.TRACK_ADD_TO_CART="TRACK_ADD_TO_CART",o.TRACK_SUBMIT_CHECKOUT="TRACK_SUBMIT_CHECKOUT"})(m||(m={}));var f;(function(o){o.USER_OPENED_ASSISTANT="userOpenedAssistant",o.USER_CLOSED_ASSISTANT="userClosedAssistant",o.USER_SENT_MESSAGE="userSentMessage",o.USER_CLICKED_ON_PRODUCT_CARD="userClickedOnProductCard",o.USER_OPENED_RECOMMENDATION="userOpenedRecommendation",o.USER_ADDED_TO_CART="userAddedToCart",o.USER_SEND_POSITIVE_FEEDBACK="userSendPositiveFeedback",o.USER_SEND_NEGATIVE_FEEDBACK="userSendNegativeFeedback"})(f||(f={})),m.TRACK_ADD_TO_CART,m.TRACK_SUBMIT_CHECKOUT;const C={class:"dialog-block-header-container"},h={class:"dialog-block-title"},S={class:"dialog-block-description"},E=e.defineComponent({__name:"DialogBlockHeader",props:{title:{},description:{}},setup(o){const t=o;return(i,n)=>(e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("div",h,e.toDisplayString(t.title??"Your expert"),1),e.createElementVNode("div",S,e.toDisplayString(t.description??"A question about this product?"),1)]))}}),_=(o,t)=>{const i=o.__vccOpts||o;for(const[n,d]of t)i[n]=d;return i},T=_(E,[["__scopeId","data-v-28e6dda7"]]),I={width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N={"clip-path":"url(#clip0_466_934)"},B=["stroke"],b=["stroke"],y=e.defineComponent({__name:"AiStarsIcon",props:{color:{}},setup(o){const t=o;return(i,n)=>(e.openBlock(),e.createElementBlock("svg",I,[e.createElementVNode("g",N,[e.createElementVNode("path",{d:`M5.41675 10.8333L6.07046 12.1408C6.2917 12.5832 6.40232 12.8045 6.55011
+        12.9962C6.68124 13.1663 6.83375 13.3188 7.00388 13.45C7.19559 13.5977 7.41684
+        13.7084 7.85932 13.9296L9.16675 14.5833L7.85932 15.237C7.41684 15.4583 7.19559
+        15.5689 7.00388 15.7167C6.83375 15.8478 6.68124 16.0003 6.55011 16.1704C6.40232
+        16.3622 6.2917 16.5834 6.07046 17.0259L5.41675 18.3333L4.76303 17.0259C4.54179
+        16.5834 4.43117 16.3622 4.28339 16.1704C4.15225 16.0003 3.99974 15.8478 3.82962
+        15.7167C3.6379 15.5689 3.41666 15.4583 2.97418 15.237L1.66675 14.5833L2.97418
+        13.9296C3.41666 13.7084 3.6379 13.5977 3.82962 13.45C3.99974 13.3188 4.15225
+        13.1663 4.28339 12.9962C4.43117 12.8045 4.54179 12.5832 4.76303 12.1408L5.41675
+        10.8333Z`,stroke:t.color||"#181825","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,8,B),e.createElementVNode("path",{d:`M12.5001 1.66666L13.4823 4.22034C13.7173 4.83136 13.8348 5.13688 14.0175
+        5.39386C14.1795 5.62162 14.3785 5.82061 14.6062 5.98256C14.8632 6.16529 15.1687
+        6.2828 15.7797 6.5178L18.3334 7.49999L15.7797 8.48217C15.1687 8.71718 14.8632
+        8.83469 14.6062 9.01742C14.3785 9.17937 14.1795 9.37836 14.0175 9.60612C13.8348
+        9.8631 13.7173 10.1686 13.4823 10.7796L12.5001 13.3333L11.5179 10.7796C11.2829
+        10.1686 11.1654 9.8631 10.9827 9.60612C10.8207 9.37836 10.6217 9.17937 10.3939
+        9.01742C10.137 8.83469 9.83145 8.71718 9.22043 8.48217L6.66675 7.49999L9.22043
+        6.5178C9.83145 6.28279 10.137 6.16529 10.3939 5.98256C10.6217 5.82061 10.8207
+        5.62162 10.9827 5.39386C11.1654 5.13688 11.2829 4.83136 11.5179 4.22034L12.5001
+        1.66666Z`,stroke:t.color||"#181825","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,8,b)]),n[0]||(n[0]=e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_466_934"},[e.createElementVNode("rect",{width:"20",height:"20",fill:"white"})])],-1))]))}}),V=["onClick"],D={class:"dialog-block-suggestions-item-label"},A=_(e.defineComponent({__name:"DialogBlockSuggestions",props:{client:{},questions:{},productId:{},productTitle:{},selectedVariantId:{}},setup(o){const t=o,i=n=>{t.client.sendProductMessage({productId:t.productId,productTitle:t.productTitle,selectedVariantId:t.selectedVariantId,question:n,fromQuestionSuggestion:!0})};return(n,d)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.questions,c=>(e.openBlock(),e.createElementBlock("button",{key:c.question,class:"dialog-block-suggestions-item",onClick:l=>i(c.question)},[e.createVNode(y,{class:"dialog-block-suggestions-item-icon",color:t.client.theme.primaryColor},null,8,["color"]),e.createElementVNode("span",D,e.toDisplayString(c.question),1)],8,V))),128))}}),[["__scopeId","data-v-fb1910ce"]]),$={};function O(o,t){return e.openBlock(),e.createElementBlock(e.Fragment,null,[t[0]||(t[0]=e.createElementVNode("div",{class:"dialog-block-suggestions-skeleton-item"},null,-1)),t[1]||(t[1]=e.createElementVNode("div",{class:"dialog-block-suggestions-skeleton-item"},null,-1)),t[2]||(t[2]=e.createElementVNode("div",{class:"dialog-block-suggestions-skeleton-item"},null,-1))],64)}const R=_($,[["render",O],["__scopeId","data-v-26a64b58"]]),w={class:"dialog-block-suggestions-container"},L=_(e.defineComponent({__name:"DialogBlockSuggestionsContainer",props:{client:{},questions:{},isLoading:{type:Boolean},productId:{},productTitle:{},selectedVariantId:{}},setup(o){const t=o;return(i,n)=>(e.openBlock(),e.createElementBlock("div",w,[t.isLoading||!t.questions?(e.openBlock(),e.createBlock(R,{key:0})):(e.openBlock(),e.createBlock(A,{key:1,client:t.client,questions:t.questions,"product-id":t.productId,"product-title":t.productTitle,"selected-variant-id":t.selectedVariantId},null,8,["client","questions","product-id","product-title","selected-variant-id"]))]))}}),[["__scopeId","data-v-18c9e78b"]]),P={width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},U=["stroke"],x=e.defineComponent({__name:"ArrowIcon",props:{color:{}},setup(o){const t=o;return(i,n)=>(e.openBlock(),e.createElementBlock("svg",P,[e.createElementVNode("path",{d:"M10 16.6667V3.33334M10 3.33334L5 8.33334M10 3.33334L15 8.33334",stroke:t.color||"#ffffff","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,8,U)]))}}),K=["placeholder"],M=["disabled"],k=_(e.defineComponent({__name:"DialogInput",props:{client:{},placeholder:{},productId:{},productTitle:{},selectedVariantId:{}},setup(o){const t=o,i=e.ref(),n=e.ref(""),d=()=>{var l;(l=i.value)==null||l.focus()},c=()=>{const l=n.value;l.trim()&&(t.client.sendProductMessage({productId:t.productId,productTitle:t.productTitle,selectedVariantId:t.selectedVariantId,question:l,fromQuestionSuggestion:!0}),n.value="")};return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:"dialog-input-wrapper",onClick:d},[e.withDirectives(e.createElementVNode("input",{id:"dialog-ask-anything-input-ai-input",ref_key:"inputRef",ref:i,"onUpdate:modelValue":r[0]||(r[0]=p=>n.value=p),class:"dialog-ask-anything-input-ai-input",placeholder:t.placeholder??"Ask anything...",onKeydown:e.withKeys(c,["enter"])},null,40,K),[[e.vModelText,n.value]]),e.createElementVNode("button",{id:"send-message-button-ai-input",class:"dialog-input-submit",disabled:!n.value.trim(),onClick:c},[e.createVNode(x,{color:t.client.theme.ctaTextColor},null,8,["color"])],8,M)]))}}),[["__scopeId","data-v-7649af7c"]]),q=e.defineComponent({__name:"ThemeProvider",props:{theme:{}},setup(o){const t=o,i=document.body,n=c=>c.replace(/([A-Z])/g,"-$1").toLowerCase(),d=c=>{c&&Object.keys(c).forEach(l=>{const r=l,p=n(l);if(c[r]!==void 0){if(typeof c[r]=="object"){Object.keys(c[r]).forEach(s=>{var g;const u=s;if(u!==void 0){const Q=n(s),G=c[r];i.style.setProperty(`--dialog-theme-${p}-${Q}`,(g=G[u])==null?void 0:g.toString())}});return}if(r==="ctaBorderType"){const s=c[r]==="rounded"?"24px":"0";i.style.setProperty(`--dialog-theme-${p}`,s);return}i.style.setProperty(`--dialog-theme-${p}`,c[r].toString())}})};return e.onMounted(()=>{t.theme&&d(t.theme)}),e.watch(()=>t.theme,c=>{c&&d(c)},{deep:!0}),(c,l)=>e.renderSlot(c.$slots,"default")}}),j={id:"dialog-instant",class:"dialog-block-container"},F=_(e.defineComponent({__name:"DialogProductBlock",props:{client:{},productId:{},productTitle:{},selectedVariantId:{default:void 0},enableInput:{type:Boolean,default:!0}},setup(o){const t=o,i=e.ref(!0),n=e.ref(void 0),d=e.ref(0),c=e.computed(()=>{var s;return i.value?"":(s=n.value)==null?void 0:s.assistantName}),l=e.computed(()=>{var s;return i.value?"":(s=n.value)==null?void 0:s.description}),r=e.computed(()=>{var s;return i.value?"":(s=n.value)==null?void 0:s.inputPlaceholder}),p=async()=>{const s=++d.value;i.value=!0,n.value=void 0;try{const u=await t.client.getSuggestions(t.productId);s===d.value&&(n.value=u)}catch(u){console.error("error",u)}finally{s===d.value&&(i.value=!1)}};return e.watch(()=>[t.client,t.productId],()=>{p()},{immediate:!0}),(s,u)=>(e.openBlock(),e.createBlock(q,{theme:t.client.theme},{default:e.withCtx(()=>{var g;return[e.createElementVNode("div",j,[e.createVNode(T,{title:c.value,description:l.value},null,8,["title","description"]),e.createVNode(L,{client:t.client,questions:(g=n.value)==null?void 0:g.questions,"is-loading":i.value,"product-id":t.productId,"product-title":t.productTitle,"selected-variant-id":t==null?void 0:t.selectedVariantId},null,8,["client","questions","is-loading","product-id","product-title","selected-variant-id"]),t.enableInput?(e.openBlock(),e.createBlock(k,{key:0,client:t.client,placeholder:r.value,"product-id":t.productId,"product-title":t.productTitle,"selected-variant-id":t==null?void 0:t.selectedVariantId},null,8,["client","placeholder","product-id","product-title","selected-variant-id"])):e.createCommentVNode("",!0)])]}),_:1},8,["theme"]))}}),[["__scopeId","data-v-651875ac"]]);a.DialogInput=k,a.DialogProductBlock=F,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));

package/dist/icons/AiStarsIcon.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    color?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default _default;

package/dist/icons/ArrowIcon.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    color?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default _default;

package/dist/main.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@askdialog/dialog-vue",
+  "private": false,
+  "version": "0.0.0-beta-20260604071941",
+  "type": "module",
+  "main": "./dist/dialog-vue.umd.js",
+  "module": "./dist/dialog-vue.js",
+  "types": "./dist/main.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/main.d.ts",
+      "require": "./dist/dialog-vue.umd.js",
+      "import": "./dist/dialog-vue.js",
+      "default": "./dist/dialog-vue.js"
+    },
+    "./style.css": "./dist/dialog-vue.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "@askdialog/dialog-sdk": "2.0.0",
+    "vue": "^3.0.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-replace": "^6.0.2",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vue/tsconfig": "^0.7.0",
+    "eslint-plugin-vue": "^10.0.0",
+    "vite-plugin-eslint": "^1.8.1",
+    "vue-tsc": "^2.2.4",
+    "@askdialog/dialog-sdk": "2.0.0"
+  },
+  "author": "Dialog",
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "dialog",
+    "dialog-vue",
+    "dialog-sdk",
+    "vue components"
+  ],
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build": "pnpm run clean && vue-tsc -b && vite build",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix"
+  }
+}