ai12z 0.0.1-alpha.8

package/dist/cjs/index.cjs.js

@@ -0,0 +1,4 @@
+'use strict';
+
+
+//# sourceMappingURL=index.cjs.js.map

package/dist/cjs/index.cjs.js.map

@@ -0,0 +1 @@
+{"file":"index.cjs.js","mappings":";;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/cjs/library.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-6be98462.js');
+
+/*
+ Stencil Client Patch Browser v4.10.0 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('library.cjs.js', document.baseURI).href));
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return index.promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return index.bootstrapLazy([["ai12z-spinner.cjs",[[1,"ai12z-spinner",{"class":[1]}]]],["ai12z-chat_3.cjs",[[1,"ai12z-cta",{"heading":[513],"placeholder":[513],"dataKey":[513,"data-key"],"dataMode":[513,"data-mode"],"buttonText":[513,"button-text"],"showModal":[32],"formData":[32],"searchResults":[32],"error":[32],"conversationId":[32],"chatHistory":[32],"isChat":[32],"openModal":[64],"closeModal":[64]},[[8,"keydown","handleKeyDown"]],{"buttonText":["watchButtonText"],"placeholder":["watchPlaceHolder"]}],[1,"ai12z-chat",{"chats":[8],"scrollBottom":[32]}],[1,"ai12z-input-form",{"isChat":[4,"is-chat"],"placeholder":[1],"buttonText":[1,"button-text"],"searchInput":[32],"submitted":[32]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;
+
+//# sourceMappingURL=library.cjs.js.map

package/dist/cjs/library.cjs.js.map

@@ -0,0 +1 @@
+{"file":"library.cjs.js","mappings":";;;;;;AAAA;AACA;AACA;AAGA,MAAM,YAAY,GAAG,MAAM;AAa3B,IAAI,MAAM,UAAU,GAAG,yMAAe,CAAC;AACvC,IAAI,MAAM,IAAI,GAAiE,EAAE,CAAC;AAClF,IAAI,IAAI,UAAU,KAAK,EAAE,EAAE;AAC3B,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D,KAAK;AACL,IAAI,OAAOA,oBAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;ACpBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC;;;;","names":["promiseResolve","bootstrapLazy"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.10.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-6be98462.js');
+
+const defineCustomElements = (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  return index.bootstrapLazy([["ai12z-spinner.cjs",[[1,"ai12z-spinner",{"class":[1]}]]],["ai12z-chat_3.cjs",[[1,"ai12z-cta",{"heading":[513],"placeholder":[513],"dataKey":[513,"data-key"],"dataMode":[513,"data-mode"],"buttonText":[513,"button-text"],"showModal":[32],"formData":[32],"searchResults":[32],"error":[32],"conversationId":[32],"chatHistory":[32],"isChat":[32],"openModal":[64],"closeModal":[64]},[[8,"keydown","handleKeyDown"]],{"buttonText":["watchButtonText"],"placeholder":["watchPlaceHolder"]}],[1,"ai12z-chat",{"chats":[8],"scrollBottom":[32]}],[1,"ai12z-input-form",{"isChat":[4,"is-chat"],"placeholder":[1],"buttonText":[1,"button-text"],"searchInput":[32],"submitted":[32]}]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;
+
+//# sourceMappingURL=loader.cjs.js.map

package/dist/cjs/loader.cjs.js.map

@@ -0,0 +1 @@
+{"file":"loader.cjs.js","mappings":";;;;;;AAGY,MAAC,oBAAoB,GAAG,CAAC,GAAG,EAAE,OAAO,KAAK;AACtD,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS,CAAC;AAEtD,EAAE,OAAOA,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D;;;;;","names":["bootstrapLazy"],"sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"version":3}

package/dist/collection/collection-manifest.json

@@ -0,0 +1,15 @@
+{
+  "entries": [
+    "components/ai12z-cta/ai12z-cta.js",
+    "components/ai12z-cta/components/Chat.js",
+    "components/input/Input.js",
+    "components/spinner/Spinner.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.10.0",
+    "typescriptVersion": "5.3.3"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/ai12z-cta/ai12z-cta.css

@@ -0,0 +1 @@
+/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.fixed{position:fixed}.flex{display:flex}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{--bg-smoke-light:rgba(0,0,0,.5)}.bg-smoke-light{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#0003;cursor:auto;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100vw;z-index:200}.modal-content{opacity:0;transform:scale(.9);transition:transform .3s ease-in-out,opacity .3s ease-in-out}:host(.show-modal) .bg-smoke-light{opacity:1}:host(.show-modal) .modal-content{opacity:1;transform:scale(1)}.model-wrapper{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#0003;cursor:auto;display:flex;flex-direction:column;height:100vh;left:0;padding:1rem;position:fixed;top:0;width:100vw;z-index:200}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.right-0{right:0}.top-0{top:0}.m-auto{margin:auto}.mb-2{margin-bottom:.5rem}.mt-12{margin-top:3rem}.hidden{display:none}.h-12{height:3rem}.h-6{height:1.5rem}.w-6{width:1.5rem}.w-72{width:18rem}.w-full{width:100%}.max-w-xl{max-width:36rem}.flex-auto{flex:1 1 auto}.flex-none{flex:none}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.overflow-auto{overflow:auto}.rounded-lg{border-radius:.5rem}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.p-10{padding:2.5rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2rem}.font-semibold{font-weight:600}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.no-underline{text-decoration-line:none}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-slate-900\/10{--tw-ring-color:rgba(15,23,42,.1)}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.hover\:ring-slate-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(203 213 225/var(--tw-ring-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-sky-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(14 165 233/var(--tw-ring-opacity))}@media (min-width:640px){.sm\:flex{display:flex}}@media (prefers-color-scheme:dark){.dark\:text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.dark\:text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}}.inset-x-0{left:0;right:0}.-top-px{top:-1px}.bottom-0{bottom:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.h-5{height:1.25rem}.w-5{width:1.25rem}.min-w-0{min-width:0}.max-w-4xl{max-width:56rem}.shrink-0{flex-shrink:0}.justify-between{justify-content:space-between}.gap-x-4{column-gap:1rem}.gap-x-6{column-gap:1.5rem}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:underline:hover{text-decoration-line:underline}@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}

package/dist/collection/components/ai12z-cta/ai12z-cta.js

@@ -0,0 +1,340 @@
+import { h, Host } from "@stencil/core";
+import { search, askAI, sendFeedback } from "../../utils/utils";
+// import InputForm from "./components/Form"
+import SearchResult from "./components/SearchResult";
+export class MyModal {
+    constructor() {
+        this.dirty = false;
+        this.isSubmitted = false;
+        this.pButtonText = "Ask AI";
+        this.handleSubmit = async (event, value, type) => {
+            this.dirty = true;
+            this.isSubmitted = true;
+            event === null || event === void 0 ? void 0 : event.preventDefault();
+            this.formData = Object.assign(Object.assign({}, this.formData), { search: value });
+            if (!this.formData.search && this.formData.search.length < 3)
+                return;
+            try {
+                let response = null;
+                if (type === "ask-ai" || this.isChat) {
+                    this.isChat = true;
+                    this.chatHistory.push({
+                        message: this.formData.search,
+                        status: "success",
+                        type: "user",
+                    });
+                    this.chatHistory.push({
+                        message: `<div class="animate-ping">...</div>`,
+                        type: "ai",
+                        status: "pending",
+                    });
+                    response = await askAI(this.dataKey, this.dataMode, this.formData.search, this.conversationId);
+                    this.conversationId = response.conversation_Id;
+                    this.chatHistory.pop();
+                    const lastMessage = { message: response.answer, type: "ai", status: "success", insightId: response.insight_id };
+                    this.chatHistory = [...this.chatHistory, lastMessage];
+                    // this.chatHistory.push({
+                    //   message: response.answer,
+                    //   type: "ai",
+                    //   status: "success",
+                    // })
+                }
+                else {
+                    response = await search(this.dataKey, this.dataMode, this.formData.search);
+                    this.displaySearchResults(response);
+                }
+            }
+            catch (error) {
+                console.error(error);
+                this.error = error;
+            }
+            finally {
+                this.isSubmitted = false;
+            }
+        };
+        this.displaySearchResults = results => {
+            this.searchResults = results.docs;
+            this.isSubmitted = false;
+        };
+        this.showModal = false;
+        this.formData = { search: "" };
+        this.searchResults = [];
+        this.error = null;
+        this.conversationId = null;
+        this.chatHistory = [
+        // {
+        //   message: "Hi, I am AI12z, your AI assistant. How can I help you?",
+        //   type: "user",
+        //   status: "pending",
+        // },
+        // {
+        //   message: `<div class="animate-ping">...</div>`,
+        //   type: "ai",
+        //   status: "pending",
+        // },
+        ];
+        this.isChat = false;
+        this.heading = undefined;
+        this.placeholder = undefined;
+        this.dataKey = undefined;
+        this.dataMode = undefined;
+        this.buttonText = "Ask AI";
+    }
+    watchButtonText(newValue, oldValue) {
+        if (newValue === oldValue) {
+            return;
+        }
+        this.pButtonText = newValue;
+    }
+    watchPlaceHolder(newValue, oldValue) {
+        if (newValue === oldValue) {
+            return;
+        }
+        this.pPlaceholder = newValue;
+    }
+    async openModal() {
+        this.showModal = true;
+        this.dirty = false;
+        requestAnimationFrame(() => {
+            const searchInput = this.el.shadowRoot.querySelector("ai12z-input-form").shadowRoot.querySelector("input");
+            searchInput.focus();
+            this.el.shadowRoot.querySelector(".modal-wrapper").classList.add("show-modal");
+        });
+    }
+    async closeModal() {
+        this.el.shadowRoot.querySelector(".modal-wrapper").classList.remove("show-modal");
+        setTimeout(() => (this.showModal = false), 300); // Assuming 300ms is your transition duration
+    }
+    handleKeyDown(ev) {
+        if (ev.metaKey && ev.key === "k") {
+            this.openModal();
+        }
+        if (ev.key === "Escape") {
+            this.closeModal();
+        }
+    }
+    handleOutsideClick(ev) {
+        const outsideContent = ev.target.classList.contains("modal-wrapper");
+        if (outsideContent) {
+            this.closeModal();
+        }
+    }
+    // componentWillLoad() {
+    //   console.log("this.buttonText", this.buttonText)
+    // }
+    // componentDidLoad() {
+    //   console.log("Component has been rendered")
+    // }
+    // componentWillUpdate() {
+    //   console.log("Component will update and re-render")
+    // }
+    defaultTemplate() {
+        return (h("button", { type: "button", class: "hidden sm:flex items-center w-72 text-left space-x-3 px-4 h-12 bg-white ring-1 ring-slate-900/10 hover:ring-slate-300 focus:outline-none focus:ring-2 focus:ring-sky-500 shadow-sm rounded-lg text-slate-400" }, h("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "flex-none text-slate-300 dark:text-slate-400", "aria-hidden": "true" }, h("path", { d: "m19 19-3.5-3.5" }), h("circle", { cx: "11", cy: "11", r: "6" })), h("span", { class: "flex-auto" }, "Quick search..."), h("kbd", { class: "font-sans font-semibold dark:text-slate-500" }, h("abbr", { title: "Command", class: "no-underline text-slate-300 dark:text-slate-500" }, "\u2318"), "K")));
+    }
+    displayMessage() {
+        var _a;
+        let message = null;
+        if (this.error) {
+            message = h("p", { class: "text-red-500" }, "Errored please try again!");
+        }
+        else {
+            if (this.isSubmitted) {
+                message = (h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "animate-spin w-6 h-6" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" })));
+            }
+            else {
+                if (this.dirty) {
+                    message = "No results found";
+                }
+                message = "Enter text to get started";
+            }
+        }
+        if (((_a = this.searchResults) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            return null;
+        }
+        else {
+            return h("p", { class: "text-center p-10 text-slate-500 flex justify-center" }, message);
+        }
+    }
+    render() {
+        const slot = this.el.shadowRoot.host;
+        const slotHasContent = slot && slot.children.length > 0;
+        return (h(Host, null, h("div", { onClick: () => this.openModal() }, !slotHasContent && this.defaultTemplate(), slotHasContent && h("slot", null)), h("div", { class: { "modal-wrapper": true, "hidden": !this.showModal, "fixed": true, "inset-0": true, "overflow-auto": true, "bg-smoke-light": true, "flex": true }, onClick: ev => this.handleOutsideClick(ev) }, h("div", { class: "model-content relative p-8 bg-white w-full max-w-xl m-auto flex-col rounded-lg shadow-m z-250 mt-12" }, h("span", { class: "absolute top-0 right-0 p-4" }, h("button", { onClick: () => this.closeModal(), class: "text-black hover:text-gray-800" }, "\u00D7")), h("h1", { class: "text-slate-700 text-2xl mb-2" }, this.heading), h("ai12z-input-form", { onAction: async (event) => {
+                const { value, type } = event.detail;
+                await this.handleSubmit(event, value, type);
+            }, isChat: this.isChat, placeholder: this.pPlaceholder, buttonText: this.pButtonText }), this.displayMessage(), !this.isChat && h(SearchResult, { results: this.searchResults }), this.isChat && (h("ai12z-chat", { chats: this.chatHistory, onFeedback: async (event) => {
+                const { feedback, insightId } = event.detail;
+                sendFeedback(this.dataKey, this.dataMode, insightId, feedback);
+            } }))))));
+    }
+    static get is() { return "ai12z-cta"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["./ai12z-cta.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ai12z-cta.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "heading",
+                "reflect": true
+            },
+            "placeholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "placeholder",
+                "reflect": true
+            },
+            "dataKey": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "data-key",
+                "reflect": true
+            },
+            "dataMode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "data-mode",
+                "reflect": true
+            },
+            "buttonText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "button-text",
+                "reflect": true,
+                "defaultValue": "\"Ask AI\""
+            }
+        };
+    }
+    static get states() {
+        return {
+            "showModal": {},
+            "formData": {},
+            "searchResults": {},
+            "error": {},
+            "conversationId": {},
+            "chatHistory": {},
+            "isChat": {}
+        };
+    }
+    static get methods() {
+        return {
+            "openModal": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "closeModal": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "buttonText",
+                "methodName": "watchButtonText"
+            }, {
+                "propName": "placeholder",
+                "methodName": "watchPlaceHolder"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "keydown",
+                "method": "handleKeyDown",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }];
+    }
+}
+//# sourceMappingURL=ai12z-cta.js.map

package/dist/collection/components/ai12z-cta/ai12z-cta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai12z-cta.js","sourceRoot":"","sources":["../../../src/components/ai12z-cta/ai12z-cta.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC/F,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAC/D,4CAA4C;AAC5C,OAAO,YAAY,MAAM,2BAA2B,CAAA;AAMpD,MAAM,OAAO,OAAO;;QACV,UAAK,GAAY,KAAK,CAAA;QACtB,gBAAW,GAAG,KAAK,CAAA;QACnB,gBAAW,GAAW,QAAQ,CAAA;QAgFtC,iBAAY,GAAG,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;YAC1C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;YACjB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;YACvB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,EAAE,CAAA;YACvB,IAAI,CAAC,QAAQ,mCAAQ,IAAI,CAAC,QAAQ,KAAE,MAAM,EAAE,KAAK,GAAE,CAAA;YAEnD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;gBAAE,OAAM;YACpE,IAAI,CAAC;gBACH,IAAI,QAAQ,GAAG,IAAI,CAAA;gBACnB,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;oBACrC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;oBAClB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;wBACpB,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM;wBAC7B,MAAM,EAAE,SAAS;wBACjB,IAAI,EAAE,MAAM;qBACb,CAAC,CAAA;oBACF,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;wBACpB,OAAO,EAAE,qCAAqC;wBAC9C,IAAI,EAAE,IAAI;wBACV,MAAM,EAAE,SAAS;qBAClB,CAAC,CAAA;oBACF,QAAQ,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,CAAA;oBAC9F,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAA;oBAC9C,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,CAAA;oBACtB,MAAM,WAAW,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,UAAU,EAAE,CAAA;oBAC/G,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;oBAErD,0BAA0B;oBAC1B,8BAA8B;oBAC9B,gBAAgB;oBAChB,uBAAuB;oBACvB,KAAK;gBACP,CAAC;qBAAM,CAAC;oBACN,QAAQ,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;oBAC1E,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAA;gBACrC,CAAC;YACH,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;gBACpB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;YACpB,CAAC;oBAAS,CAAC;gBACT,IAAI,CAAC,WAAW,GAAG,KAAK,CAAA;YAC1B,CAAC;QACH,CAAC,CAAA;QAED,yBAAoB,GAAG,OAAO,CAAC,EAAE;YAC/B,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,IAAI,CAAA;YACjC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAA;QAC1B,CAAC,CAAA;yBA3H6B,KAAK;wBACf,EAAE,MAAM,EAAE,EAAE,EAAE;6BACT,EAAE;qBACV,IAAI;8BACK,IAAI;2BACP;QACrB,IAAI;QACJ,uEAAuE;QACvE,kBAAkB;QAClB,uBAAuB;QACvB,KAAK;QACL,IAAI;QACJ,oDAAoD;QACpD,gBAAgB;QAChB,uBAAuB;QACvB,KAAK;SACN;sBACiB,KAAK;;;;;0BAMuB,QAAQ;;IAGtD,eAAe,CAAC,QAAgB,EAAE,QAAgB;QAChD,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAC1B,OAAM;QACR,CAAC;QACD,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAA;IAC7B,CAAC;IAGD,gBAAgB,CAAC,QAAgB,EAAE,QAAgB;QACjD,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAC1B,OAAM;QACR,CAAC;QACD,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAA;IAC9B,CAAC;IAGD,KAAK,CAAC,SAAS;QACb,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;QACrB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAElB,qBAAqB,CAAC,GAAG,EAAE;YACzB,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;YAC1G,WAAW,CAAC,KAAK,EAAE,CAAA;YACnB,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAA;QAChF,CAAC,CAAC,CAAA;IACJ,CAAC;IAGD,KAAK,CAAC,UAAU;QACd,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;QACjF,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,GAAG,CAAC,CAAA,CAAC,6CAA6C;IAC/F,CAAC;IAGD,aAAa,CAAC,EAAiB;QAC7B,IAAI,EAAE,CAAC,OAAO,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACjC,IAAI,CAAC,SAAS,EAAE,CAAA;QAClB,CAAC;QACD,IAAI,EAAE,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YACxB,IAAI,CAAC,UAAU,EAAE,CAAA;QACnB,CAAC;IACH,CAAC;IAED,kBAAkB,CAAC,EAAc;QAC/B,MAAM,cAAc,GAAI,EAAE,CAAC,MAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAA;QAC7E,IAAI,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,UAAU,EAAE,CAAA;QACnB,CAAC;IACH,CAAC;IAmDD,wBAAwB;IACxB,oDAAoD;IACpD,IAAI;IAEJ,uBAAuB;IACvB,+CAA+C;IAC/C,IAAI;IAEJ,0BAA0B;IAC1B,uDAAuD;IACvD,IAAI;IAEJ,eAAe;QACb,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,8MAA8M;YAEpN,WACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,kBACR,GAAG,oBACD,OAAO,qBACN,OAAO,EACvB,KAAK,EAAC,8CAA8C,iBACxC,MAAM;gBAElB,YAAM,CAAC,EAAC,gBAAgB,GAAQ;gBAChC,cAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAU,CACnC;YACN,YAAM,KAAK,EAAC,WAAW,sBAAuB;YAC9C,WAAK,KAAK,EAAC,6CAA6C;gBACtD,YAAM,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,iDAAiD,aAEtE;oBAEH,CACC,CACV,CAAA;IACH,CAAC;IAED,cAAc;;QACZ,IAAI,OAAO,GAAG,IAAI,CAAA;QAClB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,OAAO,GAAG,SAAG,KAAK,EAAC,cAAc,gCAA8B,CAAA;QACjE,CAAC;aAAM,CAAC;YACN,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;gBACrB,OAAO,GAAG,CACR,WAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,cAAc,EAAC,KAAK,EAAC,sBAAsB;oBAC3I,8BACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,yKAAyK,GAC3K,CACE,CACP,CAAA;YACH,CAAC;iBAAM,CAAC;gBACN,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;oBACf,OAAO,GAAG,kBAAkB,CAAA;gBAC9B,CAAC;gBACD,OAAO,GAAG,2BAA2B,CAAA;YACvC,CAAC;QACH,CAAC;QACD,IAAI,CAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,MAAM,IAAG,CAAC,EAAE,CAAC;YACnC,OAAO,IAAI,CAAA;QACb,CAAC;aAAM,CAAC;YACN,OAAO,SAAG,KAAK,EAAC,qDAAqD,IAAE,OAAO,CAAK,CAAA;QACrF,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,IAAI,CAAA;QACpC,MAAM,cAAc,GAAG,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAA;QAEvD,OAAO,CACL,EAAC,IAAI;YACH,WAAK,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE;gBACjC,CAAC,cAAc,IAAI,IAAI,CAAC,eAAe,EAAE;gBACzC,cAAc,IAAI,eAAQ,CACvB;YAEN,WACE,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EACxJ,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC;gBAE1C,WAAK,KAAK,EAAC,qGAAqG;oBAC9G,YAAM,KAAK,EAAC,4BAA4B;wBACtC,cAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAC,gCAAgC,aAEvE,CACJ;oBACP,UAAI,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,OAAO,CAAM;oBAC5D,wBACE,QAAQ,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE;4BACtB,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,MAAM,CAAA;4BACpC,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,CAAA;wBAC7C,CAAC,EACD,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,WAAW,EAAE,IAAI,CAAC,YAAY,EAC9B,UAAU,EAAE,IAAI,CAAC,WAAW,GAC5B;oBAED,IAAI,CAAC,cAAc,EAAE;oBACrB,CAAC,IAAI,CAAC,MAAM,IAAI,EAAC,YAAY,IAAC,OAAO,EAAE,IAAI,CAAC,aAAa,GAAI;oBAC7D,IAAI,CAAC,MAAM,IAAI,CACd,kBACE,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,UAAU,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE;4BACxB,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,MAAM,CAAA;4BAC5C,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAA;wBAChE,CAAC,GACD,CACH,CACG,CACF,CACD,CACR,CAAA;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Method, State, Listen, Element, Prop, Host, Watch } from \"@stencil/core\"\nimport { search, askAI, sendFeedback } from \"../../utils/utils\"\n// import InputForm from \"./components/Form\"\nimport SearchResult from \"./components/SearchResult\"\n@Component({\n  tag: \"ai12z-cta\",\n  styleUrl: \"./ai12z-cta.css\",\n  shadow: true,\n})\nexport class MyModal {\n  private dirty: boolean = false\n  private isSubmitted = false\n  private pButtonText: string = \"Ask AI\"\n  private pPlaceholder: string\n\n  @Element() el!: HTMLElement\n  @State() showModal: boolean = false\n  @State() formData = { search: \"\" }\n  @State() searchResults = []\n  @State() error = null\n  @State() conversationId = null\n  @State() chatHistory = [\n    // {\n    //   message: \"Hi, I am AI12z, your AI assistant. How can I help you?\",\n    //   type: \"user\",\n    //   status: \"pending\",\n    // },\n    // {\n    //   message: `<div class=\"animate-ping\">...</div>`,\n    //   type: \"ai\",\n    //   status: \"pending\",\n    // },\n  ]\n  @State() isChat = false\n\n  @Prop({ reflect: true }) heading: string\n  @Prop({ reflect: true }) placeholder: string\n  @Prop({ reflect: true }) dataKey: string\n  @Prop({ reflect: true }) dataMode: string\n  @Prop({ reflect: true }) buttonText: string = \"Ask AI\"\n\n  @Watch(\"buttonText\")\n  watchButtonText(newValue: string, oldValue: string) {\n    if (newValue === oldValue) {\n      return\n    }\n    this.pButtonText = newValue\n  }\n\n  @Watch(\"placeholder\")\n  watchPlaceHolder(newValue: string, oldValue: string) {\n    if (newValue === oldValue) {\n      return\n    }\n    this.pPlaceholder = newValue\n  }\n\n  @Method()\n  async openModal() {\n    this.showModal = true\n    this.dirty = false\n\n    requestAnimationFrame(() => {\n      const searchInput = this.el.shadowRoot.querySelector(\"ai12z-input-form\").shadowRoot.querySelector(\"input\")\n      searchInput.focus()\n      this.el.shadowRoot.querySelector(\".modal-wrapper\").classList.add(\"show-modal\")\n    })\n  }\n\n  @Method()\n  async closeModal() {\n    this.el.shadowRoot.querySelector(\".modal-wrapper\").classList.remove(\"show-modal\")\n    setTimeout(() => (this.showModal = false), 300) // Assuming 300ms is your transition duration\n  }\n\n  @Listen(\"keydown\", { target: \"window\" })\n  handleKeyDown(ev: KeyboardEvent) {\n    if (ev.metaKey && ev.key === \"k\") {\n      this.openModal()\n    }\n    if (ev.key === \"Escape\") {\n      this.closeModal()\n    }\n  }\n\n  handleOutsideClick(ev: MouseEvent) {\n    const outsideContent = (ev.target as any).classList.contains(\"modal-wrapper\")\n    if (outsideContent) {\n      this.closeModal()\n    }\n  }\n\n  handleSubmit = async (event, value, type) => {\n    this.dirty = true\n    this.isSubmitted = true\n    event?.preventDefault()\n    this.formData = { ...this.formData, search: value }\n\n    if (!this.formData.search && this.formData.search.length < 3) return\n    try {\n      let response = null\n      if (type === \"ask-ai\" || this.isChat) {\n        this.isChat = true\n        this.chatHistory.push({\n          message: this.formData.search,\n          status: \"success\",\n          type: \"user\",\n        })\n        this.chatHistory.push({\n          message: `<div class=\"animate-ping\">...</div>`,\n          type: \"ai\",\n          status: \"pending\",\n        })\n        response = await askAI(this.dataKey, this.dataMode, this.formData.search, this.conversationId)\n        this.conversationId = response.conversation_Id\n        this.chatHistory.pop()\n        const lastMessage = { message: response.answer, type: \"ai\", status: \"success\", insightId: response.insight_id }\n        this.chatHistory = [...this.chatHistory, lastMessage]\n\n        // this.chatHistory.push({\n        //   message: response.answer,\n        //   type: \"ai\",\n        //   status: \"success\",\n        // })\n      } else {\n        response = await search(this.dataKey, this.dataMode, this.formData.search)\n        this.displaySearchResults(response)\n      }\n    } catch (error) {\n      console.error(error)\n      this.error = error\n    } finally {\n      this.isSubmitted = false\n    }\n  }\n\n  displaySearchResults = results => {\n    this.searchResults = results.docs\n    this.isSubmitted = false\n  }\n\n  // componentWillLoad() {\n  //   console.log(\"this.buttonText\", this.buttonText)\n  // }\n\n  // componentDidLoad() {\n  //   console.log(\"Component has been rendered\")\n  // }\n\n  // componentWillUpdate() {\n  //   console.log(\"Component will update and re-render\")\n  // }\n\n  defaultTemplate() {\n    return (\n      <button\n        type=\"button\"\n        class=\"hidden sm:flex items-center w-72 text-left space-x-3 px-4 h-12 bg-white ring-1 ring-slate-900/10 hover:ring-slate-300 focus:outline-none focus:ring-2 focus:ring-sky-500 shadow-sm rounded-lg text-slate-400\"\n      >\n        <svg\n          width=\"24\"\n          height=\"24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          class=\"flex-none text-slate-300 dark:text-slate-400\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"m19 19-3.5-3.5\"></path>\n          <circle cx=\"11\" cy=\"11\" r=\"6\"></circle>\n        </svg>\n        <span class=\"flex-auto\">Quick search...</span>\n        <kbd class=\"font-sans font-semibold dark:text-slate-500\">\n          <abbr title=\"Command\" class=\"no-underline text-slate-300 dark:text-slate-500\">\n            ⌘\n          </abbr>\n          K\n        </kbd>\n      </button>\n    )\n  }\n\n  displayMessage() {\n    let message = null\n    if (this.error) {\n      message = <p class=\"text-red-500\">Errored please try again!</p>\n    } else {\n      if (this.isSubmitted) {\n        message = (\n          <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"animate-spin w-6 h-6\">\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              d=\"M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99\"\n            />\n          </svg>\n        )\n      } else {\n        if (this.dirty) {\n          message = \"No results found\"\n        }\n        message = \"Enter text to get started\"\n      }\n    }\n    if (this.searchResults?.length > 0) {\n      return null\n    } else {\n      return <p class=\"text-center p-10 text-slate-500 flex justify-center\">{message}</p>\n    }\n  }\n\n  render() {\n    const slot = this.el.shadowRoot.host\n    const slotHasContent = slot && slot.children.length > 0\n\n    return (\n      <Host>\n        <div onClick={() => this.openModal()}>\n          {!slotHasContent && this.defaultTemplate()}\n          {slotHasContent && <slot />}\n        </div>\n\n        <div\n          class={{ \"modal-wrapper\": true, \"hidden\": !this.showModal, \"fixed\": true, \"inset-0\": true, \"overflow-auto\": true, \"bg-smoke-light\": true, \"flex\": true }}\n          onClick={ev => this.handleOutsideClick(ev)}\n        >\n          <div class=\"model-content relative p-8 bg-white w-full max-w-xl m-auto flex-col rounded-lg shadow-m z-250 mt-12\">\n            <span class=\"absolute top-0 right-0 p-4\">\n              <button onClick={() => this.closeModal()} class=\"text-black hover:text-gray-800\">\n                &times;\n              </button>\n            </span>\n            <h1 class=\"text-slate-700 text-2xl mb-2\">{this.heading}</h1>\n            <ai12z-input-form\n              onAction={async event => {\n                const { value, type } = event.detail\n                await this.handleSubmit(event, value, type)\n              }}\n              isChat={this.isChat}\n              placeholder={this.pPlaceholder}\n              buttonText={this.pButtonText}\n            />\n            {/* <InputForm isChat={this.isChat} placeholder={this.pPlaceholder} formData={this.formData} buttonText={this.pButtonText} onsubmit={this.handleSubmit} /> */}\n            {this.displayMessage()}\n            {!this.isChat && <SearchResult results={this.searchResults} />}\n            {this.isChat && (\n              <ai12z-chat\n                chats={this.chatHistory}\n                onFeedback={async event => {\n                  const { feedback, insightId } = event.detail\n                  sendFeedback(this.dataKey, this.dataMode, insightId, feedback)\n                }}\n              />\n            )}\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"]}

package/dist/collection/components/ai12z-cta/components/Chat.js

@@ -0,0 +1,112 @@
+import { h } from "@stencil/core";
+export class MyChat {
+    constructor() {
+        this.scrollToBottom = () => {
+            this.scrollBottom = this.element.shadowRoot.querySelector(".scroll-bottom");
+            this.scrollBottom.scrollIntoView({ behavior: "smooth" });
+        };
+        this.disableFeedback = (id) => {
+            const thumbsUp = this.element.shadowRoot.querySelector(`#thumbsUp_${id}`);
+            const thumbsDown = this.element.shadowRoot.querySelector(`#thumbsDown_${id}`);
+            thumbsUp.classList.add("cursor-not-allowed");
+            thumbsUp.setAttribute("disabled", "true");
+            thumbsDown.classList.add("cursor-not-allowed");
+            thumbsDown.setAttribute("disabled", "true");
+        };
+        this.thumbsUp = (id) => {
+            const thumbsUp = this.element.shadowRoot.querySelector(`#thumbsUp_${id}`);
+            thumbsUp.classList.add("text-gray-700");
+            this.disableFeedback(id);
+            this.feedback.emit({ insightId: id, feedback: 1 });
+        };
+        this.thumbsDown = (id) => {
+            const thumbsDown = this.element.shadowRoot.querySelector(`#thumbsDown_${id}`);
+            thumbsDown.classList.add("text-gray-700");
+            this.disableFeedback(id);
+            this.feedback.emit({ insightId: id, feedback: -1 });
+        };
+        this.chats = undefined;
+        this.scrollBottom = undefined;
+    }
+    componentDidLoad() {
+        this.scrollToBottom();
+    }
+    componentDidUpdate() {
+        this.scrollToBottom();
+    }
+    render() {
+        var _a;
+        return (h("ul", { class: "flex flex-col max-h-[600px] overflow-y-auto mt-5" }, (_a = this.chats) === null || _a === void 0 ? void 0 :
+            _a.map(chat => {
+                return (h("li", { class: {
+                        "p-4": true,
+                        "flex": true,
+                        "justify-start": chat.type === "user",
+                        "justify-end": chat.type !== "user",
+                        "pe-10": chat.type === "user",
+                        "ps-20": chat.type !== "user",
+                        "text-md": true,
+                        "text-slate-900": true,
+                        "relative": true,
+                    } }, chat.type === "user" && (h("div", { class: "flex items-end pr-2" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "w-8 h-8" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" })))), h("div", { class: "border p-5 bg-slate-100 leading-7 rounded-lg", innerHTML: chat.message }), chat.type !== "user" && (h("div", { class: "absolute top-0 right-0 w-16 h-16" }, h("button", { id: `thumbsUp_${chat.insightId}`, onClick: () => this.thumbsUp(chat.insightId), class: "text-gray-500" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "w-6 h-6" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z" }))), h("button", { id: `thumbsDown_${chat.insightId}`, onClick: () => this.thumbsDown(chat.insightId), class: "text-gray-500" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "w-6 h-6" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54" })))))));
+            }), h("div", { class: "scroll-bottom" })));
+    }
+    static get is() { return "ai12z-chat"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ai12z-chat.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ai12z-chat.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "chats": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "chats",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "scrollBottom": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "feedback",
+                "name": "feedback",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "element"; }
+}
+//# sourceMappingURL=Chat.js.map

package/dist/collection/components/ai12z-cta/components/Chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../../../src/components/ai12z-cta/components/Chat.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Element, State, Event, EventEmitter } from \"@stencil/core\"\n\n@Component({\n  tag: \"ai12z-chat\",\n  styleUrl: \"ai12z-chat.css\",\n  shadow: true,\n})\nexport class MyChat {\n  @Element() private element: HTMLElement\n  @Prop() chats: any\n  @State() scrollBottom: any\n\n  @Event() feedback: EventEmitter\n\n  componentDidLoad() {\n    this.scrollToBottom()\n  }\n\n  componentDidUpdate() {\n    this.scrollToBottom()\n  }\n\n  scrollToBottom = () => {\n    this.scrollBottom = this.element.shadowRoot.querySelector(\".scroll-bottom\")\n    this.scrollBottom.scrollIntoView({ behavior: \"smooth\" })\n  }\n  disableFeedback = (id: string): void => {\n    const thumbsUp = this.element.shadowRoot.querySelector(`#thumbsUp_${id}`)\n    const thumbsDown = this.element.shadowRoot.querySelector(`#thumbsDown_${id}`)\n    thumbsUp.classList.add(\"cursor-not-allowed\")\n    thumbsUp.setAttribute(\"disabled\", \"true\")\n    thumbsDown.classList.add(\"cursor-not-allowed\")\n    thumbsDown.setAttribute(\"disabled\", \"true\")\n  }\n\n  thumbsUp = (id: string): void => {\n    const thumbsUp = this.element.shadowRoot.querySelector(`#thumbsUp_${id}`)\n    thumbsUp.classList.add(\"text-gray-700\")\n    this.disableFeedback(id)\n    this.feedback.emit({ insightId: id, feedback: 1 })\n  }\n\n  thumbsDown = (id: string): void => {\n    const thumbsDown = this.element.shadowRoot.querySelector(`#thumbsDown_${id}`)\n    thumbsDown.classList.add(\"text-gray-700\")\n    this.disableFeedback(id)\n    this.feedback.emit({ insightId: id, feedback: -1 })\n  }\n\n  render() {\n    return (\n      <ul class=\"flex flex-col max-h-[600px] overflow-y-auto mt-5\">\n        {this.chats?.map(chat => {\n          return (\n            <li\n              class={{\n                \"p-4\": true,\n                \"flex\": true,\n                \"justify-start\": chat.type === \"user\",\n                \"justify-end\": chat.type !== \"user\",\n                \"pe-10\": chat.type === \"user\",\n                \"ps-20\": chat.type !== \"user\",\n                \"text-md\": true,\n                \"text-slate-900\": true,\n                \"relative\": true,\n              }}\n            >\n              {chat.type === \"user\" && (\n                <div class=\"flex items-end pr-2\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"w-8 h-8\">\n                    <path\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                      d=\"M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"\n                    />\n                  </svg>\n                </div>\n              )}\n              <div class=\"border p-5 bg-slate-100 leading-7 rounded-lg\" innerHTML={chat.message}></div>\n              {chat.type !== \"user\" && (\n                <div class=\"absolute top-0 right-0 w-16 h-16\">\n                  <button id={`thumbsUp_${chat.insightId}`} onClick={() => this.thumbsUp(chat.insightId)} class={\"text-gray-500\"}>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"w-6 h-6\">\n                      <path\n                        stroke-linecap=\"round\"\n                        stroke-linejoin=\"round\"\n                        d=\"M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z\"\n                      />\n                    </svg>\n                  </button>\n\n                  <button id={`thumbsDown_${chat.insightId}`} onClick={() => this.thumbsDown(chat.insightId)} class={\"text-gray-500\"}>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"w-6 h-6\">\n                      <path\n                        stroke-linecap=\"round\"\n                        stroke-linejoin=\"round\"\n                        d=\"M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54\"\n                      />\n                    </svg>\n                  </button>\n                </div>\n              )}\n            </li>\n          )\n        })}\n        <div class=\"scroll-bottom\" />\n      </ul>\n    )\n  }\n}\n"]}