ai12z 0.0.1-alpha.8

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

@@ -0,0 +1,32 @@
+import { h } from "@stencil/core";
+import { debounce } from "../../../utils/utils";
+let searchForm;
+let searchInput;
+let submitted = false;
+export default function InputForm(props) {
+    const handleInputChange = e => {
+        if (props.isChat) {
+            return;
+        }
+        const value = searchInput.value;
+        if (value.length > 3) {
+            props.onsubmit(e, value, "search");
+        }
+    };
+    const handleFormSubmit = e => {
+        e.preventDefault();
+        if (searchInput.value.length > 3) {
+            props.onsubmit(e, searchInput.value, "search");
+        }
+    };
+    const handleAskAI = async (e) => {
+        e.preventDefault();
+        submitted = true;
+        await props.onsubmit(e, searchInput.value, "ask-ai");
+        submitted = false;
+        searchInput.value = "";
+        searchInput.focus();
+    };
+    return (h("form", { noValidate: true, onSubmit: e => handleFormSubmit(e), class: "" }, h("div", { ref: el => (searchForm = el), class: "relative flex items-center rounded rounded-md border border-grey-light items-stretch" }, h("div", { class: "flex-grow p-3" }, h("input", { readOnly: submitted, ref: el => (searchInput = el), required: true, type: "text", placeholder: props.placeholder, autoComplete: "off", class: "block w-full border-0 focus:ring-0 focus:outline-none", value: props.formData.search, onInput: debounce(e => handleInputChange(e), 500), onFocus: () => searchForm.classList.add("border-blue-500"), onBlur: () => searchForm.classList.remove("border-blue-500") })), h("button", { disabled: submitted, onClick: e => handleAskAI(e), class: "border-l px-4 whitespace-nowrap hover:bg-indigo-300 hover:text-white" }, props.buttonText))));
+}
+//# sourceMappingURL=Form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/components/ai12z-cta/components/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,IAAI,UAA0B,CAAA;AAC9B,IAAI,WAA6B,CAAA;AACjC,IAAI,SAAS,GAAY,KAAK,CAAA;AAE9B,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAU;IAC1C,MAAM,iBAAiB,GAAG,CAAC,CAAC,EAAE;QAC5B,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACjB,OAAM;QACR,CAAC;QACD,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAA;QAC/B,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrB,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;QACpC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,CAAC,CAAC,EAAE;QAC3B,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,IAAI,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACjC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;QAChD,CAAC;IACH,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,KAAK,EAAC,CAAC,EAAC,EAAE;QAC5B,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,SAAS,GAAG,IAAI,CAAA;QAChB,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;QACpD,SAAS,GAAG,KAAK,CAAA;QACjB,WAAW,CAAC,KAAK,GAAG,EAAE,CAAA;QACtB,WAAW,CAAC,KAAK,EAAE,CAAA;IACrB,CAAC,CAAA;IAED,OAAO,CACL,YAAM,UAAU,QAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAC,EAAE;QAC3D,WAAK,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,UAAU,GAAG,EAAE,CAAC,EAAE,KAAK,EAAC,sFAAsF;YAC7H,WAAK,KAAK,EAAC,eAAe;gBACxB,aACE,QAAQ,EAAE,SAAS,EACnB,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,WAAW,GAAG,EAAsB,CAAC,EACjD,QAAQ,QACR,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,YAAY,EAAC,KAAK,EAClB,KAAK,EAAC,uDAAuD,EAC7D,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,EAC5B,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EACjD,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAC1D,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAC5D,CACE;YACN,cAAQ,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAC,sEAAsE,IACpI,KAAK,CAAC,UAAU,CACV,CACL,CACD,CACR,CAAA;AACH,CAAC","sourcesContent":["import { h } from \"@stencil/core\"\nimport { debounce } from \"../../../utils/utils\"\n\nlet searchForm: HTMLDivElement\nlet searchInput: HTMLInputElement\nlet submitted: boolean = false\n\nexport default function InputForm(props: any) {\n  const handleInputChange = e => {\n    if (props.isChat) {\n      return\n    }\n    const value = searchInput.value\n    if (value.length > 3) {\n      props.onsubmit(e, value, \"search\")\n    }\n  }\n\n  const handleFormSubmit = e => {\n    e.preventDefault()\n    if (searchInput.value.length > 3) {\n      props.onsubmit(e, searchInput.value, \"search\")\n    }\n  }\n\n  const handleAskAI = async e => {\n    e.preventDefault()\n    submitted = true\n    await props.onsubmit(e, searchInput.value, \"ask-ai\")\n    submitted = false\n    searchInput.value = \"\"\n    searchInput.focus()\n  }\n\n  return (\n    <form noValidate onSubmit={e => handleFormSubmit(e)} class=\"\">\n      <div ref={el => (searchForm = el)} class=\"relative flex items-center rounded rounded-md border border-grey-light items-stretch\">\n        <div class=\"flex-grow p-3\">\n          <input\n            readOnly={submitted}\n            ref={el => (searchInput = el as HTMLInputElement)}\n            required\n            type=\"text\"\n            placeholder={props.placeholder}\n            autoComplete=\"off\"\n            class=\"block w-full border-0 focus:ring-0 focus:outline-none\"\n            value={props.formData.search}\n            onInput={debounce(e => handleInputChange(e), 500)}\n            onFocus={() => searchForm.classList.add(\"border-blue-500\")}\n            onBlur={() => searchForm.classList.remove(\"border-blue-500\")}\n          />\n        </div>\n        <button disabled={submitted} onClick={e => handleAskAI(e)} class=\"border-l px-4 whitespace-nowrap hover:bg-indigo-300 hover:text-white\">\n          {props.buttonText}\n        </button>\n      </div>\n    </form>\n  )\n}\n"]}

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

@@ -0,0 +1,8 @@
+import { h } from "@stencil/core";
+export default function SearchResult(props) {
+    const results = props.results;
+    return (h("div", { class: "results" }, h("ul", { role: "list", class: "divide-y divide-gray-100" }, results === null || results === void 0 ? void 0 : results.map(result => {
+        return (h("li", { key: result.title, class: "relative py-5 hover:bg-gray-50" }, h("div", { class: "px-4 sm:px-6 lg:px-8" }, h("div", { class: "mx-auto flex max-w-4xl justify-between gap-x-6" }, h("div", { class: "flex min-w-0 gap-x-4" }, h("div", null, 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: "M5.25 8.25h15m-16.5 7.5h15m-1.8-13.5-3.9 19.5m-2.1-19.5-3.9 19.5" }))), h("div", { class: "min-w-0 flex-auto" }, h("p", { class: "text-sm font-semibold leading-6 text-gray-900" }, h("a", { href: result.link }, h("span", { class: "absolute inset-x-0 -top-px bottom-0" }), result.title)), h("p", { class: "mt-1 flex text-xs leading-5 text-gray-500" }, h("a", { href: result.link, class: "relative truncate hover:underline" }, result.description)))), h("div", { class: "flex shrink-0 items-center gap-x-4" }, h("svg", { class: "h-5 w-5 flex-none text-gray-400", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, h("path", { "fill-rule": "evenodd", d: "M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z", "clip-rule": "evenodd" })))))));
+    }))));
+}
+//# sourceMappingURL=SearchResult.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResult.js","sourceRoot":"","sources":["../../../../src/components/ai12z-cta/components/SearchResult.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AACjC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAU;IAC7C,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAA;IAE7B,OAAO,CACL,WAAK,KAAK,EAAC,SAAS;QAClB,UAAI,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,0BAA0B,IAC7C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,MAAM,CAAC,EAAE;YACrB,OAAO,CACL,UAAI,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAC,gCAAgC;gBAK3D,WAAK,KAAK,EAAC,sBAAsB;oBAC/B,WAAK,KAAK,EAAC,gDAAgD;wBACzD,WAAK,KAAK,EAAC,sBAAsB;4BAC/B;gCACE,WAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,cAAc,EAAC,KAAK,EAAC,SAAS;oCAC9H,8BAAqB,OAAO,qBAAiB,OAAO,EAAC,CAAC,EAAC,kEAAkE,GAAG,CACxH,CACF;4BACN,WAAK,KAAK,EAAC,mBAAmB;gCAC5B,SAAG,KAAK,EAAC,+CAA+C;oCACtD,SAAG,IAAI,EAAE,MAAM,CAAC,IAAI;wCAClB,YAAM,KAAK,EAAC,qCAAqC,GAAQ;wCACxD,MAAM,CAAC,KAAK,CACX,CACF;gCACJ,SAAG,KAAK,EAAC,2CAA2C;oCAClD,SAAG,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAC,mCAAmC,IAC5D,MAAM,CAAC,WAAW,CACjB,CACF,CACA,CACF;wBACN,WAAK,KAAK,EAAC,oCAAoC;4BAC7C,WAAK,KAAK,EAAC,iCAAiC,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,iBAAa,MAAM;gCACrG,yBACY,SAAS,EACnB,CAAC,EAAC,qIAAqI,eAC7H,SAAS,GACnB,CACE,CACF,CACF,CACF,CACH,CACN,CAAA;QACH,CAAC,CAAC,CACC,CACD,CACP,CAAA;AACH,CAAC","sourcesContent":["import { h } from \"@stencil/core\"\nexport default function SearchResult(props: any) {\n  const results = props.results\n\n  return (\n    <div class=\"results\">\n      <ul role=\"list\" class=\"divide-y divide-gray-100\">\n        {results?.map(result => {\n          return (\n            <li key={result.title} class=\"relative py-5 hover:bg-gray-50\">\n              {/* <div class=\"result\">\n                        <h2>{result.title}</h2>\n                        <p>{result.description}</p>\n                      </div> */}\n              <div class=\"px-4 sm:px-6 lg:px-8\">\n                <div class=\"mx-auto flex max-w-4xl justify-between gap-x-6\">\n                  <div class=\"flex min-w-0 gap-x-4\">\n                    <div>\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 stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5.25 8.25h15m-16.5 7.5h15m-1.8-13.5-3.9 19.5m-2.1-19.5-3.9 19.5\" />\n                      </svg>\n                    </div>\n                    <div class=\"min-w-0 flex-auto\">\n                      <p class=\"text-sm font-semibold leading-6 text-gray-900\">\n                        <a href={result.link}>\n                          <span class=\"absolute inset-x-0 -top-px bottom-0\"></span>\n                          {result.title}\n                        </a>\n                      </p>\n                      <p class=\"mt-1 flex text-xs leading-5 text-gray-500\">\n                        <a href={result.link} class=\"relative truncate hover:underline\">\n                          {result.description}\n                        </a>\n                      </p>\n                    </div>\n                  </div>\n                  <div class=\"flex shrink-0 items-center gap-x-4\">\n                    <svg class=\"h-5 w-5 flex-none text-gray-400\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n                      <path\n                        fill-rule=\"evenodd\"\n                        d=\"M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z\"\n                        clip-rule=\"evenodd\"\n                      />\n                    </svg>\n                  </div>\n                </div>\n              </div>\n            </li>\n          )\n        })}\n      </ul>\n    </div>\n  )\n}\n"]}

package/dist/collection/components/ai12z-cta/components/ai12z-chat.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: }.absolute{position:absolute}.relative{position:relative}.right-0{right:0}.top-0{top:0}.mt-5{margin-top:1.25rem}.flex{display:flex}.h-16{height:4rem}.h-6{height:1.5rem}.h-8{height:2rem}.max-h-\[600px\]{max-height:600px}.w-16{width:4rem}.w-6{width:1.5rem}.w-8{width:2rem}.cursor-not-allowed{cursor:not-allowed}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.p-4{padding:1rem}.p-5{padding:1.25rem}.pe-10{padding-inline-end:2.5rem}.pr-2{padding-right:.5rem}.ps-20{padding-inline-start:5rem}.leading-7{line-height:1.75rem}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}

package/dist/collection/components/input/Input.js

@@ -0,0 +1,130 @@
+import { h } from "@stencil/core";
+import { debounce } from "../../utils/utils";
+export class InputForm {
+    constructor() {
+        this.handleInputChange = (e) => {
+            this.searchInput = this.searchInputElem.value;
+            if (this.isChat) {
+                return;
+            }
+            const value = this.searchInputElem.value;
+            if (value.length > 3) {
+                this.action.emit({ event: e, value: value, type: "search" });
+            }
+        };
+        this.handleFormSubmit = (e) => {
+            e.preventDefault();
+            if (this.searchInput.length > 3) {
+                this.action.emit({ event: e, value: this.searchInput, type: "search" });
+            }
+        };
+        this.handleAskAI = (e) => {
+            e.preventDefault();
+            this.submitted = true;
+            this.action.emit({ event: e, value: this.searchInput, type: "ask-ai" });
+            this.submitted = false;
+            this.searchInput = "";
+        };
+        this.isChat = undefined;
+        this.placeholder = undefined;
+        this.buttonText = undefined;
+        this.searchInput = "";
+        this.submitted = false;
+    }
+    render() {
+        return (h("form", { onSubmit: this.handleFormSubmit }, h("div", { ref: el => (this.searchFormElem = el), class: "relative flex items-center rounded rounded-md border border-grey-light items-stretch" }, h("div", { class: "flex-grow p-3" }, h("input", { readOnly: this.submitted, ref: el => (this.searchInputElem = el), required: true, type: "text", placeholder: this.placeholder, autoComplete: "off", class: "block w-full border-0 focus:ring-0 focus:outline-none", value: this.searchInput, onInput: debounce(e => this.handleInputChange(e), 500), onFocus: () => this.searchFormElem.classList.add("border-blue-500"), onBlur: () => this.searchFormElem.classList.remove("border-blue-500") })), h("button", { disabled: this.submitted, onClick: this.handleAskAI, class: "border-l px-4 whitespace-nowrap hover:bg-indigo-300 hover:text-white" }, this.buttonText))));
+    }
+    static get is() { return "ai12z-input-form"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["./input.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["input.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "isChat": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-chat",
+                "reflect": false
+            },
+            "placeholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "placeholder",
+                "reflect": false
+            },
+            "buttonText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "button-text",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "searchInput": {},
+            "submitted": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "action",
+                "name": "action",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=Input.js.map

package/dist/collection/components/input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State, Event, EventEmitter, Element } from \"@stencil/core\"\nimport { debounce } from \"../../utils/utils\"\n\n@Component({\n  tag: \"ai12z-input-form\",\n  styleUrl: \"./input.css\",\n  shadow: true,\n})\nexport class InputForm {\n  private searchFormElem: HTMLDivElement\n  private searchInputElem: HTMLInputElement\n\n  @Element() el!: HTMLElement\n\n  @Prop() isChat: boolean\n  @Prop() placeholder: string\n  @Prop() buttonText: string\n\n  @Event() action: EventEmitter\n\n  @State() searchInput: string = \"\"\n  @State() submitted: boolean = false\n\n  handleInputChange = (e: Event) => {\n    this.searchInput = this.searchInputElem.value\n    if (this.isChat) {\n      return\n    }\n    const value = this.searchInputElem.value\n    if (value.length > 3) {\n      this.action.emit({ event: e, value: value, type: \"search\" })\n    }\n  }\n\n  handleFormSubmit = (e: Event) => {\n    e.preventDefault()\n    if (this.searchInput.length > 3) {\n      this.action.emit({ event: e, value: this.searchInput, type: \"search\" })\n    }\n  }\n\n  handleAskAI = (e: Event) => {\n    e.preventDefault()\n    this.submitted = true\n    this.action.emit({ event: e, value: this.searchInput, type: \"ask-ai\" })\n    this.submitted = false\n    this.searchInput = \"\"\n  }\n\n  render() {\n    return (\n      <form onSubmit={this.handleFormSubmit}>\n        <div ref={el => (this.searchFormElem = el)} class=\"relative flex items-center rounded rounded-md border border-grey-light items-stretch\">\n          <div class=\"flex-grow p-3\">\n            <input\n              readOnly={this.submitted}\n              ref={el => (this.searchInputElem = el as HTMLInputElement)}\n              required\n              type=\"text\"\n              placeholder={this.placeholder}\n              autoComplete=\"off\"\n              class=\"block w-full border-0 focus:ring-0 focus:outline-none\"\n              value={this.searchInput}\n              onInput={debounce(e => this.handleInputChange(e), 500)}\n              onFocus={() => this.searchFormElem.classList.add(\"border-blue-500\")}\n              onBlur={() => this.searchFormElem.classList.remove(\"border-blue-500\")}\n            />\n          </div>\n          <button disabled={this.submitted} onClick={this.handleAskAI} class=\"border-l px-4 whitespace-nowrap hover:bg-indigo-300 hover:text-white\">\n            {this.buttonText}\n          </button>\n        </div>\n        {/* <div ref={el => (this.searchForm = el)} class=\"relative flex items-center rounded rounded-md border border-grey-light items-stretch\">\n          <div class=\"flex-grow p-3\">\n            <input type=\"text\" onInput={this.handleInputChange} value={this.searchInput} placeholder={this.placeholder} />\n          </div>\n          <button onClick={this.handleAskAI} class=\"border-l px-4 whitespace-nowrap hover:bg-indigo-300 hover:text-white\">\n            {this.buttonText}\n          </button>\n        </div> */}\n      </form>\n    )\n  }\n}\n"]}

package/dist/collection/components/input/input.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: }.flex,.input-form{display:flex}.input-form{flex-direction:column;margin-bottom:1rem;width:100%}.relative{position:relative}.block{display:block}.flex{display:flex}.w-full{width:100%}.flex-grow{flex-grow:1}.items-center{align-items:center}.items-stretch{align-items:stretch}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-0{border-width:0}.border-l{border-left-width:1px}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.p-3{padding:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:bg-indigo-300:hover{--tw-bg-opacity:1;background-color:rgb(165 180 252/var(--tw-bg-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0: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(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)}

package/dist/collection/components/spinner/Spinner.js

@@ -0,0 +1,44 @@
+import { h } from "@stencil/core";
+export class Spinner {
+    constructor() {
+        this.class = "w-6 h-6";
+    }
+    render() {
+        return h("div", { class: "loader " + this.class });
+    }
+    static get is() { return "ai12z-spinner"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["./spinner.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["spinner.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "class": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "class",
+                "reflect": false,
+                "defaultValue": "\"w-6 h-6\""
+            }
+        };
+    }
+}
+//# sourceMappingURL=Spinner.js.map

package/dist/collection/components/spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOlD,MAAM,OAAO,OAAO;;qBACM,SAAS;;IAEjC,MAAM;QACJ,OAAO,WAAK,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC,KAAK,GAAQ,CAAA;IACnD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\"\n\n@Component({\n  tag: \"ai12z-spinner\",\n  styleUrl: \"./spinner.css\",\n  shadow: true,\n})\nexport class Spinner {\n  @Prop() class: string = \"w-6 h-6\"\n\n  render() {\n    return <div class={\"loader \" + this.class}></div>\n  }\n}\n"]}

package/dist/collection/components/spinner/spinner.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: }.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))}.border{border-width:1px}.loader{animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:75%;border-top-color:#3498db;height:120px;width:120px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.h-6{height:1.5rem}.w-6{width:1.5rem}.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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}

package/dist/collection/index.js

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC","sourcesContent":["export * from './components';\n"]}

package/dist/collection/utils/utils.js

@@ -0,0 +1,86 @@
+function getEndpoint(env) {
+    switch (env) {
+        case "local":
+            return `http://127.0.0.1:5000/api`;
+        case "dev":
+            return `https://dev-api.ai12z.net/api`;
+        case "prod":
+            return `https://api.ai12z.net/api`;
+        default:
+            return `https://api.ai12z.net/api`;
+    }
+}
+async function apiFetch(url, payload) {
+    var _a, _b;
+    try {
+        const meta = {
+            origin: (_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.origin,
+            title: document === null || document === void 0 ? void 0 : document.title,
+            userAgent: navigator === null || navigator === void 0 ? void 0 : navigator.userAgent,
+            referrer: document === null || document === void 0 ? void 0 : document.referrer,
+            language: navigator === null || navigator === void 0 ? void 0 : navigator.language,
+            description: (_b = document.querySelector('meta[name="description"]')) === null || _b === void 0 ? void 0 : _b.getAttribute("content"),
+        };
+        payload = Object.assign(Object.assign({}, payload), { meta });
+        const response = await fetch(url, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify(payload),
+        });
+        if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const jsonResponse = await response.json();
+        return await jsonResponse;
+    }
+    catch (error) {
+        throw error;
+    }
+}
+export function format(first, middle, last) {
+    return (first || "") + (middle ? ` ${middle}` : "") + (last ? ` ${last}` : "");
+}
+export async function search(apiKey, env, terms) {
+    if (!terms)
+        return [];
+    if (!apiKey)
+        throw new Error(`Public Key is required. Please provide using attribute "data-key".`);
+    const endpoint = `${getEndpoint(env)}/search`;
+    const data = {
+        apiKey,
+        query: terms,
+        num_docs: 4,
+    };
+    return await apiFetch(endpoint, data);
+}
+export async function askAI(apiKey, env, question, conversationId) {
+    const endpoint = `${getEndpoint(env)}/askai`;
+    const data = {
+        apiKey,
+        query: question,
+        conversation_id: conversationId,
+        format: "html",
+    };
+    return await apiFetch(endpoint, data);
+}
+export async function sendFeedback(apiKey, env, insightId, feedback) {
+    const endpoint = `${getEndpoint(env)}/feedback`;
+    const data = {
+        apiKey,
+        insight_id: insightId,
+        feedback,
+    };
+    return await apiFetch(endpoint, data);
+}
+export function debounce(func, timeout = 300) {
+    let timer;
+    return (...args) => {
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+            func.apply(this, args);
+        }, timeout);
+    };
+}
+//# sourceMappingURL=utils.js.map

package/dist/collection/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"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","sourcesContent":["function getEndpoint(env: string) {\n  switch (env) {\n    case \"local\":\n      return `http://127.0.0.1:5000/api`\n    case \"dev\":\n      return `https://dev-api.ai12z.net/api`\n    case \"prod\":\n      return `https://api.ai12z.net/api`\n    default:\n      return `https://api.ai12z.net/api`\n  }\n}\n\nasync function apiFetch(url: string, payload: any) {\n  try {\n    const meta = {\n      origin: window?.location?.origin,\n      title: document?.title,\n      userAgent: navigator?.userAgent,\n      referrer: document?.referrer,\n      language: navigator?.language,\n      description: document.querySelector('meta[name=\"description\"]')?.getAttribute(\"content\"),\n    }\n    payload = { ...payload, meta }\n    const response = await fetch(url, {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n      },\n      body: JSON.stringify(payload),\n    })\n\n    if (!response.ok) {\n      throw new Error(`HTTP error! status: ${response.status}`)\n    }\n\n    const jsonResponse = await response.json()\n\n    return await jsonResponse\n  } catch (error) {\n    throw error\n  }\n}\n\nexport function format(first: string, middle: string, last: string): string {\n  return (first || \"\") + (middle ? ` ${middle}` : \"\") + (last ? ` ${last}` : \"\")\n}\n\nexport async function search(apiKey: string, env: string, terms: string) {\n  if (!terms) return []\n  if (!apiKey) throw new Error(`Public Key is required. Please provide using attribute \"data-key\".`)\n  const endpoint = `${getEndpoint(env)}/search`\n  const data = {\n    apiKey,\n    query: terms,\n    num_docs: 4,\n  }\n  return await apiFetch(endpoint, data)\n}\n\nexport async function askAI(apiKey: string, env: string, question: string, conversationId: string) {\n  const endpoint = `${getEndpoint(env)}/askai`\n  const data = {\n    apiKey,\n    query: question,\n    conversation_id: conversationId,\n    format: \"html\",\n  }\n\n  return await apiFetch(endpoint, data)\n}\n\nexport async function sendFeedback(apiKey: string, env: string, insightId: string, feedback: 1 | -1) {\n  const endpoint = `${getEndpoint(env)}/feedback`\n  const data = {\n    apiKey,\n    insight_id: insightId,\n    feedback,\n  }\n\n  return await apiFetch(endpoint, data)\n}\n\nexport function debounce(func, timeout = 300) {\n  let timer\n  return (...args) => {\n    clearTimeout(timer)\n    timer = setTimeout(() => {\n      func.apply(this, args)\n    }, timeout)\n  }\n}\n"]}

package/dist/collection/utils/utils.spec.js

@@ -0,0 +1,16 @@
+import { format } from "./utils";
+describe('format', () => {
+    it('returns empty string for no names defined', () => {
+        expect(format(undefined, undefined, undefined)).toEqual('');
+    });
+    it('formats just first names', () => {
+        expect(format('Joseph', undefined, undefined)).toEqual('Joseph');
+    });
+    it('formats first and last names', () => {
+        expect(format('Joseph', undefined, 'Publique')).toEqual('Joseph Publique');
+    });
+    it('formats first, middle and last names', () => {
+        expect(format('Joseph', 'Quincy', 'Publique')).toEqual('Joseph Quincy Publique');
+    });
+});
+//# sourceMappingURL=utils.spec.js.map

package/dist/collection/utils/utils.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.spec.js","sourceRoot":"","sources":["../../src/utils/utils.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;IACnF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { format } from './utils';\n\ndescribe('format', () => {\n  it('returns empty string for no names defined', () => {\n    expect(format(undefined, undefined, undefined)).toEqual('');\n  });\n\n  it('formats just first names', () => {\n    expect(format('Joseph', undefined, undefined)).toEqual('Joseph');\n  });\n\n  it('formats first and last names', () => {\n    expect(format('Joseph', undefined, 'Publique')).toEqual('Joseph Publique');\n  });\n\n  it('formats first, middle and last names', () => {\n    expect(format('Joseph', 'Quincy', 'Publique')).toEqual('Joseph Quincy Publique');\n  });\n});\n"]}