@askdialog/dialog-vue 1.0.21 → 1.0.23

package/dist/dialog-vue.css

@@ -1 +1 @@
-.dialog-block-header-container[data-v-6abd4066]{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.dialog-block-title[data-v-6abd4066]{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-6abd4066]{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-7a20db67]{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-7a20db67]:hover{transform:scale(1.01)}.dialog-block-suggestions-item-label[data-v-7a20db67]{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-7a20db67]{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-4509a683]{display:flex;flex-direction:column;gap:12px;width:100%}.dialog-input-wrapper[data-v-c5beb945]{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-c5beb945]{display:flex;justify-items:center;align-items:center;gap:12px;width:100%;height:100%}.dialog-ask-anything-input-ai-input[data-v-c5beb945]{outline:unset;box-shadow:unset;border:unset;width:100%;font-size:16px;background:transparent;padding-right:35px}.dialog-input-submit[data-v-c5beb945]{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-c5beb945]:disabled{opacity:.5}.dialog-block-container[data-v-6616d39e]{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-6616d39e]>*{box-sizing:border-box}
+.dialog-block-header-container[data-v-6abd4066]{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.dialog-block-title[data-v-6abd4066]{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-6abd4066]{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-7a20db67]{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-7a20db67]:hover{transform:scale(1.01)}.dialog-block-suggestions-item-label[data-v-7a20db67]{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-7a20db67]{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-4509a683]{display:flex;flex-direction:column;gap:12px;width:100%}.dialog-input-wrapper[data-v-c5beb945]{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-c5beb945]{display:flex;justify-items:center;align-items:center;gap:12px;width:100%;height:100%}.dialog-ask-anything-input-ai-input[data-v-c5beb945]{outline:unset;box-shadow:unset;border:unset;width:100%;font-size:16px;background:transparent;padding-right:35px}.dialog-input-submit[data-v-c5beb945]{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-c5beb945]:disabled{opacity:.5}.dialog-block-container[data-v-d0700691]{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-d0700691]>*{box-sizing:border-box}

package/dist/dialog-vue.js

@@ -4638,7 +4638,10 @@ const lu = /* @__PURE__ */ vt(ou, [["render", au], ["__scopeId", "data-v-26a64b5
       { deep: !0 }
     ), (n, o) => Ro(n.$slots, "default");
   }
-}), bu = { class: "dialog-block-container" }, wu = /* @__PURE__ */ Ue({
+}), bu = {
+  id: "dialog-instant",
+  class: "dialog-block-container"
+}, wu = /* @__PURE__ */ Ue({
   __name: "DialogProductBlock",
   props: {
     client: {},
@@ -4700,7 +4703,7 @@ const lu = /* @__PURE__ */ vt(ou, [["render", au], ["__scopeId", "data-v-26a64b5
       _: 1
     }, 8, ["theme"]));
   }
-}), ku = /* @__PURE__ */ vt(wu, [["__scopeId", "data-v-6616d39e"]]);
+}), ku = /* @__PURE__ */ vt(wu, [["__scopeId", "data-v-d0700691"]]);
 export {
   mu as DialogInput,
   ku as DialogProductBlock

package/dist/dialog-vue.umd.cjs

@@ -19,4 +19,4 @@
         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,Al)]),i[0]||(i[0]=S.createElementVNode("defs",null,[S.createElementVNode("clipPath",{id:"clip0_466_934"},[S.createElementVNode("rect",{width:"20",height:"20",fill:"white"})])],-1))]))}}),Ml=["onClick"],Dl={class:"dialog-block-suggestions-item-label"},Nl=dt(S.defineComponent({__name:"DialogBlockSuggestions",props:{client:{},questions:{},productId:{},productTitle:{},selectedVariantId:{}},setup(r){const e=r,t=i=>{e.client.sendProductMessage({productId:e.productId,productTitle:e.productTitle,selectedVariantId:e.selectedVariantId,question:i,fromQuestionSuggestion:!0})};return(i,s)=>(S.openBlock(!0),S.createElementBlock(S.Fragment,null,S.renderList(e.questions,n=>(S.openBlock(),S.createElementBlock("button",{key:n.question,class:"dialog-block-suggestions-item",onClick:o=>t(n.question)},[S.createVNode(Ll,{class:"dialog-block-suggestions-item-icon",color:e.client.theme.primaryColor},null,8,["color"]),S.createElementVNode("span",Dl,S.toDisplayString(n.question),1)],8,Ml))),128))}}),[["__scopeId","data-v-7a20db67"]]),ql={};function Bl(r,e){return S.openBlock(),S.createElementBlock(S.Fragment,null,[e[0]||(e[0]=S.createElementVNode("div",{class:"dialog-block-suggestions-skeleton-item"},null,-1)),e[1]||(e[1]=S.createElementVNode("div",{class:"dialog-block-suggestions-skeleton-item"},null,-1)),e[2]||(e[2]=S.createElementVNode("div",{class:"dialog-block-suggestions-skeleton-item"},null,-1))],64)}const Ul=dt(ql,[["render",Bl],["__scopeId","data-v-26a64b58"]]),jl={class:"dialog-block-suggestions-container"},Hl=dt(S.defineComponent({__name:"DialogBlockSuggestionsContainer",props:{client:{},questions:{},isLoading:{type:Boolean},productId:{},productTitle:{},selectedVariantId:{}},setup(r){const e=r;return(t,i)=>(S.openBlock(),S.createElementBlock("div",jl,[e.isLoading||!e.questions?(S.openBlock(),S.createBlock(Ul,{key:0})):(S.openBlock(),S.createBlock(Nl,{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"]))]))}}),[["__scopeId","data-v-4509a683"]]),zl={width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Vl=["stroke"],Wl=S.defineComponent({__name:"ArrowIcon",props:{color:{}},setup(r){const e=r;return(t,i)=>(S.openBlock(),S.createElementBlock("svg",zl,[S.createElementVNode("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,Vl)]))}}),Gl=["placeholder"],Kl=["disabled"],lo=dt(S.defineComponent({__name:"DialogInput",props:{client:{},placeholder:{},productId:{},productTitle:{},selectedVariantId:{}},setup(r){const e=r,t=S.ref(),i=S.ref(""),s=()=>{var o;(o=t.value)==null||o.focus()},n=()=>{const o=i.value;o.trim()&&(e.client.sendProductMessage({productId:e.productId,productTitle:e.productTitle,selectedVariantId:e.selectedVariantId,question:o,fromQuestionSuggestion:!0}),i.value="")};return(o,a)=>(S.openBlock(),S.createElementBlock("div",{class:"dialog-input-wrapper",onClick:s},[S.withDirectives(S.createElementVNode("input",{id:"dialog-ask-anything-input-ai-input",ref_key:"inputRef",ref:t,"onUpdate:modelValue":a[0]||(a[0]=l=>i.value=l),class:"dialog-ask-anything-input-ai-input",placeholder:e.placeholder??"Ask anything...",onKeydown:S.withKeys(n,["enter"])},null,40,Gl),[[S.vModelText,i.value]]),S.createElementVNode("button",{id:"send-message-button-ai-input",class:"dialog-input-submit",disabled:!i.value.trim(),onClick:n},[S.createVNode(Wl,{color:e.client.theme.ctaTextColor},null,8,["color"])],8,Kl)]))}}),[["__scopeId","data-v-c5beb945"]]),Jl=S.defineComponent({__name:"ThemeProvider",props:{theme:{}},setup(r){const e=r,t=document.body,i=n=>n.replace(/([A-Z])/g,"-$1").toLowerCase(),s=n=>{n&&Object.keys(n).forEach(o=>{const a=o,l=i(o);if(n[a]!==void 0){if(typeof n[a]=="object"){Object.keys(n[a]).forEach(c=>{var u;const d=c;if(d!==void 0){const h=i(c),_=n[a];t.style.setProperty(`--dialog-theme-${l}-${h}`,(u=_[d])==null?void 0:u.toString())}});return}if(a==="ctaBorderType"){const c=n[a]==="rounded"?"24px":"0";t.style.setProperty(`--dialog-theme-${l}`,c);return}t.style.setProperty(`--dialog-theme-${l}`,n[a].toString())}})};return S.onMounted(()=>{e.theme&&s(e.theme)}),S.watch(()=>e.theme,n=>{n&&s(n)},{deep:!0}),(n,o)=>S.renderSlot(n.$slots,"default")}}),Yl={class:"dialog-block-container"},Ql=dt(S.defineComponent({__name:"DialogProductBlock",props:{client:{},productId:{},productTitle:{},selectedVariantId:{default:void 0},enableInput:{type:Boolean,default:!0}},setup(r){const e=r,t=S.ref(!0),i=S.ref(void 0),s=S.computed(()=>{var l;return(l=i.value)==null?void 0:l.assistantName}),n=S.computed(()=>{var l;return(l=i.value)==null?void 0:l.description}),o=S.computed(()=>{var l;return(l=i.value)==null?void 0:l.inputPlaceholder}),a=async()=>{try{const l=await e.client.getSuggestions(e.productId);i.value=l,t.value=!1}catch(l){console.error("error",l)}};return S.onMounted(async()=>{await a()}),(l,c)=>(S.openBlock(),S.createBlock(Jl,{theme:e.client.theme},{default:S.withCtx(()=>{var d;return[S.createElementVNode("div",Yl,[S.createVNode(Fl,{title:s.value,description:n.value},null,8,["title","description"]),S.createVNode(Hl,{client:e.client,questions:(d=i.value)==null?void 0:d.questions,"is-loading":t.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?(S.openBlock(),S.createBlock(lo,{key:0,client:e.client,placeholder:o.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"])):S.createCommentVNode("",!0)])]}),_:1},8,["theme"]))}}),[["__scopeId","data-v-6616d39e"]]);Pe.DialogInput=lo,Pe.DialogProductBlock=Ql,Object.defineProperty(Pe,Symbol.toStringTag,{value:"Module"})});
+        1.66666Z`,stroke:e.color||"#181825","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,8,Al)]),i[0]||(i[0]=S.createElementVNode("defs",null,[S.createElementVNode("clipPath",{id:"clip0_466_934"},[S.createElementVNode("rect",{width:"20",height:"20",fill:"white"})])],-1))]))}}),Ml=["onClick"],Dl={class:"dialog-block-suggestions-item-label"},Nl=dt(S.defineComponent({__name:"DialogBlockSuggestions",props:{client:{},questions:{},productId:{},productTitle:{},selectedVariantId:{}},setup(r){const e=r,t=i=>{e.client.sendProductMessage({productId:e.productId,productTitle:e.productTitle,selectedVariantId:e.selectedVariantId,question:i,fromQuestionSuggestion:!0})};return(i,s)=>(S.openBlock(!0),S.createElementBlock(S.Fragment,null,S.renderList(e.questions,n=>(S.openBlock(),S.createElementBlock("button",{key:n.question,class:"dialog-block-suggestions-item",onClick:o=>t(n.question)},[S.createVNode(Ll,{class:"dialog-block-suggestions-item-icon",color:e.client.theme.primaryColor},null,8,["color"]),S.createElementVNode("span",Dl,S.toDisplayString(n.question),1)],8,Ml))),128))}}),[["__scopeId","data-v-7a20db67"]]),ql={};function Bl(r,e){return S.openBlock(),S.createElementBlock(S.Fragment,null,[e[0]||(e[0]=S.createElementVNode("div",{class:"dialog-block-suggestions-skeleton-item"},null,-1)),e[1]||(e[1]=S.createElementVNode("div",{class:"dialog-block-suggestions-skeleton-item"},null,-1)),e[2]||(e[2]=S.createElementVNode("div",{class:"dialog-block-suggestions-skeleton-item"},null,-1))],64)}const Ul=dt(ql,[["render",Bl],["__scopeId","data-v-26a64b58"]]),jl={class:"dialog-block-suggestions-container"},Hl=dt(S.defineComponent({__name:"DialogBlockSuggestionsContainer",props:{client:{},questions:{},isLoading:{type:Boolean},productId:{},productTitle:{},selectedVariantId:{}},setup(r){const e=r;return(t,i)=>(S.openBlock(),S.createElementBlock("div",jl,[e.isLoading||!e.questions?(S.openBlock(),S.createBlock(Ul,{key:0})):(S.openBlock(),S.createBlock(Nl,{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"]))]))}}),[["__scopeId","data-v-4509a683"]]),zl={width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Vl=["stroke"],Wl=S.defineComponent({__name:"ArrowIcon",props:{color:{}},setup(r){const e=r;return(t,i)=>(S.openBlock(),S.createElementBlock("svg",zl,[S.createElementVNode("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,Vl)]))}}),Gl=["placeholder"],Kl=["disabled"],lo=dt(S.defineComponent({__name:"DialogInput",props:{client:{},placeholder:{},productId:{},productTitle:{},selectedVariantId:{}},setup(r){const e=r,t=S.ref(),i=S.ref(""),s=()=>{var o;(o=t.value)==null||o.focus()},n=()=>{const o=i.value;o.trim()&&(e.client.sendProductMessage({productId:e.productId,productTitle:e.productTitle,selectedVariantId:e.selectedVariantId,question:o,fromQuestionSuggestion:!0}),i.value="")};return(o,a)=>(S.openBlock(),S.createElementBlock("div",{class:"dialog-input-wrapper",onClick:s},[S.withDirectives(S.createElementVNode("input",{id:"dialog-ask-anything-input-ai-input",ref_key:"inputRef",ref:t,"onUpdate:modelValue":a[0]||(a[0]=l=>i.value=l),class:"dialog-ask-anything-input-ai-input",placeholder:e.placeholder??"Ask anything...",onKeydown:S.withKeys(n,["enter"])},null,40,Gl),[[S.vModelText,i.value]]),S.createElementVNode("button",{id:"send-message-button-ai-input",class:"dialog-input-submit",disabled:!i.value.trim(),onClick:n},[S.createVNode(Wl,{color:e.client.theme.ctaTextColor},null,8,["color"])],8,Kl)]))}}),[["__scopeId","data-v-c5beb945"]]),Jl=S.defineComponent({__name:"ThemeProvider",props:{theme:{}},setup(r){const e=r,t=document.body,i=n=>n.replace(/([A-Z])/g,"-$1").toLowerCase(),s=n=>{n&&Object.keys(n).forEach(o=>{const a=o,l=i(o);if(n[a]!==void 0){if(typeof n[a]=="object"){Object.keys(n[a]).forEach(c=>{var u;const d=c;if(d!==void 0){const h=i(c),_=n[a];t.style.setProperty(`--dialog-theme-${l}-${h}`,(u=_[d])==null?void 0:u.toString())}});return}if(a==="ctaBorderType"){const c=n[a]==="rounded"?"24px":"0";t.style.setProperty(`--dialog-theme-${l}`,c);return}t.style.setProperty(`--dialog-theme-${l}`,n[a].toString())}})};return S.onMounted(()=>{e.theme&&s(e.theme)}),S.watch(()=>e.theme,n=>{n&&s(n)},{deep:!0}),(n,o)=>S.renderSlot(n.$slots,"default")}}),Yl={id:"dialog-instant",class:"dialog-block-container"},Ql=dt(S.defineComponent({__name:"DialogProductBlock",props:{client:{},productId:{},productTitle:{},selectedVariantId:{default:void 0},enableInput:{type:Boolean,default:!0}},setup(r){const e=r,t=S.ref(!0),i=S.ref(void 0),s=S.computed(()=>{var l;return(l=i.value)==null?void 0:l.assistantName}),n=S.computed(()=>{var l;return(l=i.value)==null?void 0:l.description}),o=S.computed(()=>{var l;return(l=i.value)==null?void 0:l.inputPlaceholder}),a=async()=>{try{const l=await e.client.getSuggestions(e.productId);i.value=l,t.value=!1}catch(l){console.error("error",l)}};return S.onMounted(async()=>{await a()}),(l,c)=>(S.openBlock(),S.createBlock(Jl,{theme:e.client.theme},{default:S.withCtx(()=>{var d;return[S.createElementVNode("div",Yl,[S.createVNode(Fl,{title:s.value,description:n.value},null,8,["title","description"]),S.createVNode(Hl,{client:e.client,questions:(d=i.value)==null?void 0:d.questions,"is-loading":t.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?(S.openBlock(),S.createBlock(lo,{key:0,client:e.client,placeholder:o.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"])):S.createCommentVNode("",!0)])]}),_:1},8,["theme"]))}}),[["__scopeId","data-v-d0700691"]]);Pe.DialogInput=lo,Pe.DialogProductBlock=Ql,Object.defineProperty(Pe,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@askdialog/dialog-vue",
   "private": false,
-  "version": "1.0.21",
+  "version": "1.0.23",
   "type": "module",
   "main": "./dist/dialog-vue.umd.js",
   "module": "./dist/dialog-vue.js",
@@ -19,7 +19,7 @@
     "dist"
   ],
   "dependencies": {
-    "@askdialog/dialog-sdk": "^1.0.24",
+    "@askdialog/dialog-sdk": "^1.0.25",
     "vue": "^3.5.13"
   },
   "devDependencies": {