@getlupa/vue 0.3.2 → 0.3.4

package/dist/lupaChatStyle.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700&display=swap";.lupa-chat-section-title{font-family:"Roboto",sans-serif;font-weight:300;font-size:32px}.lupasearch-chat-input #lupa-search-box-input::after{display:none}.lupa-chat-input-container{z-index:100}.lupasearch-chat{max-width:1200px;margin:auto}.lupasearch-chat-content ul{list-style:none;padding-left:0;margin:0}.lupa-chat-phrase-title{margin-left:15px}.lupa-chat-content-entry{background:#fff;box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12);padding:15px;margin:20px 0}.lupa-chat-content-entry-phrase h3,.lupa-chat-best-matches h3{font-family:"Roboto",sans-serif;margin:15px 0 0;font-size:24px}.lupa-chat-content-entry-phrase sub,.lupa-chat-best-matches sub{display:block;font-family:"Roboto",sans-serif;font-size:13px;color:#9e9e9e}.lupa-chat-content-entry-phrase sub:last-child,.lupa-chat-best-matches sub:last-child{margin-bottom:20px}.lupa-chat-best-matches h3{margin-left:15px;margin-bottom:10px}.lupa-chat-best-matches p{margin-left:15px;font-family:"Roboto",sans-serif;font-weight:300}.lupa-chat-input-container{background:#fff;padding:20px;box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)}.lupa-chat-input-container input{font-weight:300}.lupa-chat-logo img{width:300px;height:200px;margin:auto;display:block}.lupa-chat-spinner-main{margin-bottom:40px}.lupa-chat-spinner{text-align:center}.lupa-chat-spinner .lds-ring div{border:8px solid #3c53f4;border-color:#3c53f4 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.lupa-chat-spinner-message{font-family:"Roboto",sans-serif;font-weight:300;font-size:16px;margin-top:10px;margin-bottom:15px}.lupa-chat-form-submit{appearance:none;border:none;background:#3c53f4;color:#fff;padding:14px;margin:0;cursor:pointer;appearance:none;font-family:"Roboto",sans-serif;font-size:16px;font-weight:700}.chat-input-form{display:flex;justify-content:space-between}.chat-input-form #lupa-search-box-input{flex-grow:1;margin-right:15px}.lupa-chat-results{display:flex;flex-wrap:wrap}.lupa-search-results-image{max-height:150px}.lupa-search-results-image-wrapper{padding-bottom:80%}.lupa-search-results-product-title-text{font-size:16px;font-weight:300;line-height:1.3}.lupa-chat-no-results p{font-family:"Roboto",sans-serif;font-weight:300;font-size:16px;margin-left:15px}.lupa-chat-product-card{width:20%}@media(max-width: 1200px){.lupa-chat-product-card{width:30%}}@media(max-width: 1024px){.lupa-chat-product-card{width:40%}}@media(max-width: 700px){.lupa-chat-product-card{width:50%}}.wrapper{background:none}
+@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700&display=swap";.lupa-chat-section-title{font-family:"Roboto",sans-serif;font-weight:300;font-size:32px}.lupasearch-chat-input #lupa-search-box-input::after{display:none}.lupa-chat-input-container{z-index:100}.lupasearch-chat{max-width:1200px;margin:auto}.lupasearch-chat-content ul{list-style:none;padding-left:0;margin:0}.lupa-chat-phrase-title{margin-left:15px}.lupa-chat-content-entry{background:#fff;box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12);padding:15px;margin:20px 0}.lupa-chat-content-entry-phrase h3,.lupa-chat-best-matches h3{font-family:"Roboto",sans-serif;margin:15px 0 0;font-size:24px}.lupa-chat-content-entry-phrase sub,.lupa-chat-best-matches sub{display:block;font-family:"Roboto",sans-serif;font-size:13px;color:#9e9e9e}.lupa-chat-content-entry-phrase sub:last-child,.lupa-chat-best-matches sub:last-child{margin-bottom:20px}.lupa-chat-best-matches h3{margin-left:15px;margin-bottom:10px}.lupa-chat-best-matches p{margin-left:15px;font-family:"Roboto",sans-serif;font-weight:300}.lupa-chat-input-container{background:#fff;padding:20px;box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)}.lupa-chat-input-container input{font-weight:300}.lupa-chat-logo img{width:300px;height:200px;margin:auto;display:block}.lupa-chat-spinner-main{margin-bottom:40px}.lupa-chat-spinner{text-align:center}.lupa-chat-spinner .lds-ring div{border:8px solid #3c53f4;border-color:#3c53f4 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.lds-ring.small{width:40px;height:40px;border-width:6px}.lds-ring.small div{width:32px;height:32px;border-width:6px}.lupa-chat-spinner-message{font-family:"Roboto",sans-serif;font-weight:300;font-size:16px;margin-top:10px;margin-bottom:15px}.lupa-chat-form-submit{appearance:none;border:none;background:#3c53f4;color:#fff;padding:14px;margin:0;cursor:pointer;appearance:none;font-family:"Roboto",sans-serif;font-size:16px;font-weight:700}.chat-input-form{display:flex;justify-content:space-between}.chat-input-form #lupa-search-box-input{flex-grow:1;margin-right:15px}.lupa-chat-results{display:flex;flex-wrap:wrap}.lupa-search-results-image{max-height:150px}.lupa-search-results-image-wrapper{padding-bottom:80%}.lupa-search-results-product-title-text{font-size:16px;font-weight:300;line-height:1.3}.lupa-chat-no-results p{font-family:"Roboto",sans-serif;font-weight:300;font-size:16px;margin-left:15px}.lupa-chat-product-card{width:20%}@media(max-width: 1200px){.lupa-chat-product-card{width:30%}}@media(max-width: 1024px){.lupa-chat-product-card{width:40%}}@media(max-width: 700px){.lupa-chat-product-card{width:50%}}.wrapper{background:none}

package/dist/lupaSearch.js

@@ -15995,12 +15995,11 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _withScopeId = (n) => (vue.pushScopeId("data-v-6fa22b2b"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$6 = { class: "lupa-chat-spinner" };
-const _hoisted_2$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", null, null, -1));
-const _hoisted_3$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", null, null, -1));
-const _hoisted_4$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", null, null, -1));
-const _hoisted_5$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", null, null, -1));
+const _hoisted_2$4 = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
+const _hoisted_3$4 = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
+const _hoisted_4$2 = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
+const _hoisted_5$2 = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
 const _hoisted_6$1 = [
   _hoisted_2$4,
   _hoisted_3$4,
@@ -16025,8 +16024,6 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ChatSpinner_vue_vue_type_style_index_0_scoped_6fa22b2b_lang = "";
-const ChatSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-6fa22b2b"]]);
 const _hoisted_1$5 = { class: "lupa-chat-input-container" };
 const _hoisted_2$3 = { id: "lupa-search-box-input" };
 const _hoisted_3$3 = {
@@ -16065,7 +16062,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
               [vue.vModelText, inputValue.value]
             ])
           ]),
-          !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("button", _hoisted_3$3, "Ask LupaChat")) : (vue.openBlock(), vue.createBlock(ChatSpinner, {
+          !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("button", _hoisted_3$3, "Ask LupaChat")) : (vue.openBlock(), vue.createBlock(_sfc_main$6, {
             key: 1,
             small: true
           }))
@@ -16089,9 +16086,11 @@ const getApiUrl = (environment, customBaseUrl) => {
   return Env[environment] || Env["production"];
 };
 const suggestSearchChatPhrases = (options, request) => __async(exports, null, function* () {
+  var _a;
   const { environment, customBaseUrl } = options;
   const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/`, __spreadProps(__spreadValues({}, defaultConfig), {
-    body: JSON.stringify(request)
+    body: JSON.stringify(request),
+    headers: (_a = options.customHeaders) != null ? _a : {}
   }));
   if (res.status < 400) {
     const data = yield res.json();
@@ -16101,9 +16100,11 @@ const suggestSearchChatPhrases = (options, request) => __async(exports, null, fu
   return { success: false, errors };
 });
 const suggestPhraseAlternatives = (_0, _1) => __async(exports, [_0, _1], function* (options, { phrases }) {
+  var _a;
   const { environment, customBaseUrl } = options;
   const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/phraseAlternatives`, __spreadProps(__spreadValues({}, defaultConfig), {
-    body: JSON.stringify({ phrases })
+    body: JSON.stringify({ phrases }),
+    headers: (_a = options.customHeaders) != null ? _a : {}
   }));
   if (res.status < 400) {
     const data = yield res.json();
@@ -16113,9 +16114,11 @@ const suggestPhraseAlternatives = (_0, _1) => __async(exports, [_0, _1], functio
   return { success: false, errors };
 });
 const suggestSimplifiedPhrases = (_0, _1) => __async(exports, [_0, _1], function* (options, { phrases }) {
+  var _a;
   const { environment, customBaseUrl } = options;
   const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/simplify`, __spreadProps(__spreadValues({}, defaultConfig), {
-    body: JSON.stringify({ phrases })
+    body: JSON.stringify({ phrases }),
+    headers: (_a = options.customHeaders) != null ? _a : {}
   }));
   if (res.status < 400) {
     const data = yield res.json();
@@ -16130,9 +16133,11 @@ const suggestBestProductMatches = (_0, _1) => __async(exports, [_0, _1], functio
   productStrings,
   messageHistory
 }) {
+  var _a;
   const { environment, customBaseUrl } = options;
   const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/bestProducts`, __spreadProps(__spreadValues({}, defaultConfig), {
-    body: JSON.stringify({ initialQuery, messageHistory, productStrings })
+    body: JSON.stringify({ initialQuery, messageHistory, productStrings }),
+    headers: (_a = options.customHeaders) != null ? _a : {}
   }));
   if (res.status < 400) {
     const data = yield res.json();
@@ -16303,7 +16308,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
           }, null, 8, ["search-results", "options"])
         ]),
         !loading.value && !searchResults.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, _hoisted_6)) : vue.createCommentVNode("", true),
-        loading.value ? (vue.openBlock(), vue.createBlock(ChatSpinner, {
+        loading.value ? (vue.openBlock(), vue.createBlock(_sfc_main$6, {
           key: 1,
           message: currentAction.value
         }, null, 8, ["message"])) : vue.createCommentVNode("", true)
@@ -16391,7 +16396,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("section", _hoisted_1$2, [
           _hoisted_2$1,
           explanation.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$1, vue.toDisplayString(explanation.value), 1)) : vue.createCommentVNode("", true),
-          loading.value ? (vue.openBlock(), vue.createBlock(ChatSpinner, {
+          loading.value ? (vue.openBlock(), vue.createBlock(_sfc_main$6, {
             key: 1,
             message: "Selecting the best matches for you. This might take a few seconds."
           })) : vue.createCommentVNode("", true),
@@ -16511,7 +16516,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }, null, 8, ["content", "options", "history"])
         ])) : vue.createCommentVNode("", true),
         loading.value ? (vue.openBlock(), vue.createElementBlock("section", _hoisted_4, [
-          vue.createVNode(ChatSpinner, { message: "Loading initial recommendations... This might take up to 20s" })
+          vue.createVNode(_sfc_main$6, { message: "Loading initial recommendations... This might take up to 20s" })
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("section", _hoisted_5, [
           vue.createVNode(_sfc_main$5, {

package/dist/lupaSearch.mjs

@@ -37,7 +37,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { toRaw, isRef, isReactive, toRef, effectScope, ref, markRaw, hasInjectionContext, inject, getCurrentInstance, watch, reactive, nextTick, computed, unref, getCurrentScope, onScopeDispose, toRefs, defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, withDirectives, mergeProps, vModelText, toDisplayString, createCommentVNode, onMounted, onBeforeMount, Fragment, renderList, createBlock, toHandlers, withModifiers, resolveDynamicComponent, createVNode, renderSlot, createSlots, withCtx, normalizeProps, guardReactiveProps, onBeforeUnmount, createTextVNode, onUnmounted, resolveComponent, vModelSelect, normalizeStyle, h as h$1, provide, cloneVNode, pushScopeId, popScopeId } from "vue";
+import { toRaw, isRef, isReactive, toRef, effectScope, ref, markRaw, hasInjectionContext, inject, getCurrentInstance, watch, reactive, nextTick, computed, unref, getCurrentScope, onScopeDispose, toRefs, defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, withDirectives, mergeProps, vModelText, toDisplayString, createCommentVNode, onMounted, onBeforeMount, Fragment, renderList, createBlock, toHandlers, withModifiers, resolveDynamicComponent, createVNode, renderSlot, createSlots, withCtx, normalizeProps, guardReactiveProps, onBeforeUnmount, createTextVNode, onUnmounted, resolveComponent, vModelSelect, normalizeStyle, h as h$1, provide, cloneVNode } from "vue";
 var isVue2 = false;
 function set(target, key, val) {
   if (Array.isArray(target)) {
@@ -15993,12 +15993,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _withScopeId = (n) => (pushScopeId("data-v-6fa22b2b"), n = n(), popScopeId(), n);
 const _hoisted_1$6 = { class: "lupa-chat-spinner" };
-const _hoisted_2$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", null, null, -1));
-const _hoisted_3$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", null, null, -1));
-const _hoisted_4$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", null, null, -1));
-const _hoisted_5$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", null, null, -1));
+const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
+const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
+const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
+const _hoisted_5$2 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 const _hoisted_6$1 = [
   _hoisted_2$4,
   _hoisted_3$4,
@@ -16023,8 +16022,6 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ChatSpinner_vue_vue_type_style_index_0_scoped_6fa22b2b_lang = "";
-const ChatSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-6fa22b2b"]]);
 const _hoisted_1$5 = { class: "lupa-chat-input-container" };
 const _hoisted_2$3 = { id: "lupa-search-box-input" };
 const _hoisted_3$3 = {
@@ -16063,7 +16060,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               [vModelText, inputValue.value]
             ])
           ]),
-          !_ctx.disabled ? (openBlock(), createElementBlock("button", _hoisted_3$3, "Ask LupaChat")) : (openBlock(), createBlock(ChatSpinner, {
+          !_ctx.disabled ? (openBlock(), createElementBlock("button", _hoisted_3$3, "Ask LupaChat")) : (openBlock(), createBlock(_sfc_main$6, {
             key: 1,
             small: true
           }))
@@ -16087,9 +16084,11 @@ const getApiUrl = (environment, customBaseUrl) => {
   return Env[environment] || Env["production"];
 };
 const suggestSearchChatPhrases = (options, request) => __async(void 0, null, function* () {
+  var _a;
   const { environment, customBaseUrl } = options;
   const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/`, __spreadProps(__spreadValues({}, defaultConfig), {
-    body: JSON.stringify(request)
+    body: JSON.stringify(request),
+    headers: (_a = options.customHeaders) != null ? _a : {}
   }));
   if (res.status < 400) {
     const data = yield res.json();
@@ -16099,9 +16098,11 @@ const suggestSearchChatPhrases = (options, request) => __async(void 0, null, fun
   return { success: false, errors };
 });
 const suggestPhraseAlternatives = (_0, _1) => __async(void 0, [_0, _1], function* (options, { phrases }) {
+  var _a;
   const { environment, customBaseUrl } = options;
   const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/phraseAlternatives`, __spreadProps(__spreadValues({}, defaultConfig), {
-    body: JSON.stringify({ phrases })
+    body: JSON.stringify({ phrases }),
+    headers: (_a = options.customHeaders) != null ? _a : {}
   }));
   if (res.status < 400) {
     const data = yield res.json();
@@ -16111,9 +16112,11 @@ const suggestPhraseAlternatives = (_0, _1) => __async(void 0, [_0, _1], function
   return { success: false, errors };
 });
 const suggestSimplifiedPhrases = (_0, _1) => __async(void 0, [_0, _1], function* (options, { phrases }) {
+  var _a;
   const { environment, customBaseUrl } = options;
   const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/simplify`, __spreadProps(__spreadValues({}, defaultConfig), {
-    body: JSON.stringify({ phrases })
+    body: JSON.stringify({ phrases }),
+    headers: (_a = options.customHeaders) != null ? _a : {}
   }));
   if (res.status < 400) {
     const data = yield res.json();
@@ -16128,9 +16131,11 @@ const suggestBestProductMatches = (_0, _1) => __async(void 0, [_0, _1], function
   productStrings,
   messageHistory
 }) {
+  var _a;
   const { environment, customBaseUrl } = options;
   const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/bestProducts`, __spreadProps(__spreadValues({}, defaultConfig), {
-    body: JSON.stringify({ initialQuery, messageHistory, productStrings })
+    body: JSON.stringify({ initialQuery, messageHistory, productStrings }),
+    headers: (_a = options.customHeaders) != null ? _a : {}
   }));
   if (res.status < 400) {
     const data = yield res.json();
@@ -16301,7 +16306,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           }, null, 8, ["search-results", "options"])
         ]),
         !loading.value && !searchResults.value.length ? (openBlock(), createElementBlock("div", _hoisted_4$1, _hoisted_6)) : createCommentVNode("", true),
-        loading.value ? (openBlock(), createBlock(ChatSpinner, {
+        loading.value ? (openBlock(), createBlock(_sfc_main$6, {
           key: 1,
           message: currentAction.value
         }, null, 8, ["message"])) : createCommentVNode("", true)
@@ -16389,7 +16394,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         createElementVNode("section", _hoisted_1$2, [
           _hoisted_2$1,
           explanation.value ? (openBlock(), createElementBlock("p", _hoisted_3$1, toDisplayString(explanation.value), 1)) : createCommentVNode("", true),
-          loading.value ? (openBlock(), createBlock(ChatSpinner, {
+          loading.value ? (openBlock(), createBlock(_sfc_main$6, {
             key: 1,
             message: "Selecting the best matches for you. This might take a few seconds."
           })) : createCommentVNode("", true),
@@ -16509,7 +16514,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, ["content", "options", "history"])
         ])) : createCommentVNode("", true),
         loading.value ? (openBlock(), createElementBlock("section", _hoisted_4, [
-          createVNode(ChatSpinner, { message: "Loading initial recommendations... This might take up to 20s" })
+          createVNode(_sfc_main$6, { message: "Loading initial recommendations... This might take up to 20s" })
         ])) : createCommentVNode("", true),
         createElementVNode("section", _hoisted_5, [
           createVNode(_sfc_main$5, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/vue",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "main": "dist/lupaSearch.js",
   "module": "dist/lupaSearch.mjs",
   "types": "dist/src/index.d.ts",