@empathyco/x-components 6.0.0-alpha.17 → 6.0.0-alpha.170

package/js/x-modules/ai/components/ai-overview.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-overview.vue2.js","sources":["../../../../../src/x-modules/ai/components/ai-overview.vue"],"sourcesContent":["<template>\n  <CollapseHeight>\n    <div\n      v-if=\"!isNoResults\"\n      ref=\"aiOverviewRef\"\n      class=\"x-ai-overview\"\n      data-test=\"ai-overview-wrapper\"\n    >\n      <div class=\"x-ai-overview-main\">\n        <Fade mode=\"out-in\">\n          <span\n            v-if=\"suggestionsLoading\"\n            class=\"x-ai-overview-title-loading\"\n            data-test=\"ai-overview-title-loading\"\n          >\n            <span class=\"x-ai-overview-title-loading-indicator\" />\n            <span\n              class=\"x-ai-overview-title-loading-text\"\n              data-test=\"ai-overview-title-loading-text\"\n            >\n              <slot name=\"title-loading\">\n                {{ titleLoading }}\n              </slot>\n            </span>\n          </span>\n          <DisplayEmitter\n            v-else\n            :payload=\"tagging?.toolingDisplay ?? emptyTaggingRequest\"\n            :event-metadata=\"{\n              feature: 'overview',\n              displayOriginalQuery: query || 'overview-without-query',\n              replaceable: false,\n            }\"\n            data-test=\"ai-overview-display-emitter\"\n          >\n            <span class=\"x-ai-overview-title\" data-test=\"ai-overview-title\">\n              <AIStarIcon class=\"x-ai-overview-title-icon\" />{{ !!title ? title : suggestionText }}\n            </span>\n          </DisplayEmitter>\n        </Fade>\n        <ChangeHeight>\n          <div class=\"x-ai-overview-content\" data-test=\"ai-overview-content\">\n            <span v-if=\"title\">{{ suggestionText }}</span>\n            <p>{{ responseText }}</p>\n          </div>\n        </ChangeHeight>\n        <slot name=\"extra-content\" />\n      </div>\n      <CollapseHeight\n        :style=\"{\n          '--x-collapse-height-transition-duration': `${300 * suggestionsSearch.length}ms`,\n        }\"\n        data-test=\"ai-overview-collapse-height-suggestions\"\n      >\n        <div v-show=\"expanded\">\n          <SpinnerIcon\n            v-if=\"!suggestionsSearch.length\"\n            class=\"x-ai-overview-suggestions-loading\"\n            data-test=\"ai-overview-suggestions-loading\"\n          />\n          <div\n            v-else\n            class=\"x-ai-overview-suggestions\"\n            data-test=\"ai-overview-suggestions-container\"\n          >\n            <DisplayEmitter\n              v-for=\"(\n                { query: suggestionQuery, results: queriesResults, tagging: suggestionTagging },\n                suggestionIndex\n              ) in suggestionsSearch\"\n              :key=\"suggestionQuery\"\n              :payload=\"\n                tagging?.searchQueries[suggestionQuery].toolingDisplay ?? emptyTaggingRequest\n              \"\n              :event-metadata=\"{\n                feature: 'overview',\n                displayOriginalQuery: query || 'overview-without-query',\n                replaceable: false,\n              }\"\n              data-test=\"ai-overview-query-display-emitter\"\n            >\n              <div\n                class=\"x-ai-overview-suggestion\"\n                data-test=\"ai-overview-suggestion\"\n                :class=\"{\n                  'x-ai-overview-result-animation': shouldAnimateSuggestion,\n                }\"\n                :style=\"{ animationDelay: `${suggestionIndex * 300}ms` }\"\n              >\n                <BaseEventButton\n                  class=\"x-ai-overview-suggestion-query-btn\"\n                  :events=\"{ UserAcceptedAQuery: suggestionQuery }\"\n                >\n                  {{ suggestionQuery }}\n                  <ArrowRightIcon class=\"x-ai-overview-suggestion-query-btn-icon\" />\n                </BaseEventButton>\n\n                <DisplayClickProvider\n                  :query-tagging=\"suggestionTagging.query\"\n                  :tooling-display-tagging=\"\n                    tagging?.searchQueries[suggestionQuery].toolingDisplayClick\n                  \"\n                  :tooling-add2-cart-tagging=\"\n                    tagging?.searchQueries[suggestionQuery].toolingDisplayAdd2Cart\n                  \"\n                  result-feature=\"overview\"\n                >\n                  <slot name=\"sliding-panel\" :results=\"queriesResults\">\n                    <SlidingPanel\n                      :class=\"slidingPanelsClasses\"\n                      :scroll-container-class=\"slidingPanelContainersClasses\"\n                      :button-class=\"slidingPanelButtonsClasses\"\n                      :reset-on-content-change=\"false\"\n                    >\n                      <template #sliding-panel-addons=\"{ arrivedState }\">\n                        <slot name=\"sliding-panels-addons\" :arrived-state=\"arrivedState\" />\n                      </template>\n                      <template #sliding-panel-left-button>\n                        <slot name=\"sliding-panels-left-button\" />\n                      </template>\n                      <template #sliding-panel-right-button>\n                        <slot name=\"sliding-panels-right-button\" />\n                      </template>\n                      <ul class=\"x-ai-overview-suggestion-results\">\n                        <li\n                          v-for=\"(result, resultIndex) in queriesResults\"\n                          :key=\"result.id\"\n                          data-test=\"ai-overview-suggestion-result\"\n                          :class=\"{\n                            'x-ai-overview-result-animation': shouldAnimateSuggestion,\n                          }\"\n                          :style=\"{\n                            animationDelay: `${suggestionIndex * 300 + resultIndex * 300}ms`,\n                          }\"\n                        >\n                          <!-- @slot (required) result card -->\n                          <slot name=\"result\" :result=\"result\" />\n                        </li>\n                      </ul>\n                    </SlidingPanel>\n                  </slot>\n                </DisplayClickProvider>\n              </div>\n            </DisplayEmitter>\n            <slot name=\"suggestions-extra-content\" />\n          </div>\n        </div>\n      </CollapseHeight>\n\n      <Fade>\n        <div\n          v-if=\"queries.length\"\n          class=\"x-cursor-pointer\"\n          data-test=\"ai-overview-toggle-button-wrapper\"\n          @click=\"emitAndSetExpand(!expanded)\"\n        >\n          <div v-show=\"!expanded\" class=\"x-ai-overview-gradient\" data-test=\"ai-overview-gradient\" />\n          <div class=\"x-ai-overview-toggle-wrapper\">\n            <button\n              class=\"x-ai-overview-toggle-btn\"\n              data-test=\"ai-overview-toggle-button\"\n              @click.stop=\"emitAndSetExpand(!expanded)\"\n            >\n              {{ buttonText }}\n              <ChevronDownIcon\n                class=\"x-ai-overview-toggle-btn-icon\"\n                :class=\"{ 'x-ai-overview-toggle-btn-icon-expanded': expanded }\"\n              />\n            </button>\n          </div>\n        </div>\n      </Fade>\n    </div>\n  </CollapseHeight>\n</template>\n\n<script lang=\"ts\">\nimport type { TaggingRequest } from '@empathyco/x-types'\nimport { computed, defineComponent, onMounted, ref, watch } from 'vue'\nimport {\n  AIStarIcon,\n  ArrowRightIcon,\n  BaseEventButton,\n  ChangeHeight,\n  ChevronDownIcon,\n  CollapseHeight,\n  DisplayClickProvider,\n  Fade,\n  SlidingPanel,\n  SpinnerIcon,\n} from '../../../components'\nimport DisplayEmitter from '../../../components/display-emitter.vue'\nimport { use$x, useGetter, useState } from '../../../composables'\nimport { typing } from '../../../directives'\nimport { aiXModule } from '../x-module'\n\nexport default defineComponent({\n  directives: {\n    typing,\n  },\n  xModule: aiXModule.name,\n  components: {\n    AIStarIcon,\n    ArrowRightIcon,\n    BaseEventButton,\n    ChevronDownIcon,\n    CollapseHeight,\n    ChangeHeight,\n    Fade,\n    SlidingPanel,\n    SpinnerIcon,\n    DisplayEmitter,\n    DisplayClickProvider,\n  },\n  props: {\n    /* The text displayed when the question ended loading */\n    title: {\n      type: String,\n    },\n    /* The text displayed when the question is loading. */\n    titleLoading: {\n      type: String,\n      default: 'Generating with Empathy AI',\n    },\n    /* The text displayed on the toggle button when collapsed. */\n    expandText: {\n      type: String,\n      default: 'Show more',\n    },\n    /* The text displayed on the toggle button when expanded. */\n    collapseText: {\n      type: String,\n      default: 'Show less',\n    },\n    /* Auto expand the AI Overview when there are queries in AI and no-results in search. */\n    autoExpandInSearchNoResults: {\n      type: Boolean,\n      default: true,\n    },\n    /* The classes added to each sliding panel for each query. */\n    slidingPanelsClasses: {\n      type: String,\n    },\n    /* The classes added to each sliding panel container of each query. */\n    slidingPanelContainersClasses: {\n      type: String,\n    },\n    /* The classes added to each sliding panel button of each query. */\n    slidingPanelButtonsClasses: {\n      type: String,\n    },\n  },\n  setup(props) {\n    const $x = use$x()\n    const { query } = useGetter('ai')\n    const {\n      suggestionText,\n      responseText,\n      suggestionsSearch,\n      suggestionsLoading,\n      tagging,\n      isNoResults,\n      queries,\n    } = useState('ai')\n\n    const emptyTaggingRequest: TaggingRequest = { url: '', params: {} }\n\n    const aiOverviewRef = ref<HTMLDivElement | null>(null)\n    const expanded = ref(false)\n    const shouldAnimateSuggestion = ref(true)\n\n    const buttonText = computed(() => (expanded.value ? props.collapseText : props.expandText))\n\n    function emitAndSetExpand(isExpanded: boolean) {\n      $x.emit('UserClickedAiOverviewExpandButton', expanded.value, {\n        suggestionText: suggestionText.value,\n        toolingDisplayClick: tagging.value?.toolingDisplayClick,\n      })\n\n      expanded.value = isExpanded\n      if (!expanded.value) {\n        aiOverviewRef.value?.scrollIntoView({ behavior: 'smooth' })\n        shouldAnimateSuggestion.value = false\n      }\n    }\n\n    /* Expand AIOverview programmatically when the `autoExpandInSearchNoResults` prop is active,\n    the request for suggestions has ended; there are queries in AI and no-results in search. */\n    watch([suggestionsLoading, () => $x.noResults], () => {\n      if (\n        props.autoExpandInSearchNoResults &&\n        !suggestionsLoading.value &&\n        queries.value.length &&\n        $x.noResults\n      ) {\n        emitAndSetExpand(true)\n      }\n    })\n\n    $x.on('AiSuggestionsRequestUpdated', false).subscribe(() => {\n      expanded.value = false\n      shouldAnimateSuggestion.value = true\n    })\n\n    onMounted(() => {\n      $x.emit('AiOverviewMounted', undefined, { feature: 'overview' })\n    })\n\n    return {\n      aiOverviewRef,\n      buttonText,\n      emptyTaggingRequest,\n      expanded,\n      responseText,\n      suggestionsLoading,\n      suggestionsSearch,\n      suggestionText,\n      emitAndSetExpand,\n      shouldAnimateSuggestion,\n      query,\n      tagging,\n      isNoResults,\n      queries,\n    }\n  },\n})\n</script>\n\n<style lang=\"css\">\n.x-ai-overview {\n  --color: var(--x-ai-overview-color, #bbc9cf);\n  --color-lighter: var(--x-ai-overview-color-lighter, color-mix(in srgb, var(--color) 25%, white));\n\n  position: relative;\n  border-radius: 1.5rem;\n  background-color: var(--color-lighter);\n}\n\n.x-ai-overview-main {\n  padding: 1rem;\n}\n\n.x-ai-overview-title {\n  display: flex;\n  font-size: 0.875rem;\n  font-weight: 700;\n  gap: 0.25rem;\n  align-items: center;\n  margin-bottom: 0.5rem;\n}\n\n.x-ai-overview-title-loading {\n  display: flex;\n  align-items: center;\n  gap: 0.375rem;\n  margin-bottom: 0.5rem;\n}\n\n.x-ai-overview-title-loading-indicator {\n  width: 0.75rem;\n  height: 0.75rem;\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  border-radius: 9999px;\n  background-color: var(--color);\n}\n\n.x-ai-overview-title-loading-text {\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  font-size: 0.75rem;\n}\n\n.x-ai-overview-title-icon {\n  height: 1rem;\n  aspect-ratio: 1 / 1;\n  color: var(--color);\n  flex-shrink: 0;\n}\n\n.x-ai-overview-content {\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n  line-height: 1.25rem;\n  gap: 0.5rem;\n}\n\n.x-ai-overview-content span {\n  font-weight: 500;\n}\n\n.x-ai-overview-gradient {\n  border-radius: 1.5rem;\n  cursor: pointer;\n  content: none;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  bottom: 0;\n  background-image: linear-gradient(to bottom, transparent 0%, var(--color-lighter) 100%);\n}\n\n.x-ai-overview-toggle-wrapper {\n  display: flex;\n  position: relative;\n}\n\n.x-ai-overview-toggle-btn {\n  border-color: var(--button-color-50, #283034);\n  background-color: #ffffff;\n  color: var(--button-color-50, #283034);\n  border-radius: 9999px;\n  width: 100%;\n  margin: auto;\n  padding-right: 1rem;\n  padding-left: 1rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-style: solid;\n  border-width: 1px;\n  font-weight: 700;\n  min-height: 2.5rem;\n  gap: 0.5rem;\n  font-size: 0.875rem;\n}\n\n.x-ai-overview-toggle-btn:hover {\n  border-color: var(--button-color-50, #283034);\n  background-color: var(--button-color-50, #283034);\n  color: #ffffff;\n}\n\n@media (min-width: 640px) {\n  .x-ai-overview-toggle-btn {\n    transition-property: all;\n    transition-duration: 500ms;\n    transform: translateY(50%);\n    width: var(--expand-button-width, 200px);\n  }\n}\n\n.x-ai-overview-toggle-btn-icon {\n  transform: rotate(0deg);\n  height: 1rem;\n  aspect-ratio: 1 / 1;\n  transition-property: all;\n  transition-duration: 300ms;\n}\n\n.x-ai-overview-toggle-btn-icon-expanded {\n  transform: rotate(180deg);\n}\n\n.x-ai-overview-suggestion-query-btn {\n  border-color: transparent;\n  background-color: transparent;\n  margin-left: 1rem;\n  margin-right: 1rem;\n  font-weight: 700;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n\n.x-ai-overview-suggestion-query-btn-icon {\n  height: 1rem;\n  aspect-ratio: 1 / 1;\n}\n\n.x-ai-overview-suggestions {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  padding-bottom: 1rem;\n}\n\n.x-ai-overview-suggestions-loading {\n  width: 2.5rem;\n  height: 2.5rem;\n  margin: auto;\n  animation: x-spin 1s linear infinite;\n}\n\n.x-ai-overview-suggestion {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.x-ai-overview-suggestion-results {\n  display: flex;\n  gap: 1rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n@keyframes x-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n</style>\n"],"names":["DisplayEmitter","DisplayClickProvider"],"mappings":"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"}

package/js/x-modules/ai/components/ai-overview.vue3.js

@@ -0,0 +1,7 @@
+import injectCss from '../../../../tools/inject-css.js';
+
+var css = ".x-ai-overview{--color:var(--x-ai-overview-color,#bbc9cf);--color-lighter:var(--x-ai-overview-color-lighter,color-mix(in srgb,var(--color) 25%,#fff));background-color:var(--color-lighter);border-radius:1.5rem;position:relative}.x-ai-overview-main{padding:1rem}.x-ai-overview-title{font-size:.875rem;font-weight:700;gap:.25rem}.x-ai-overview-title,.x-ai-overview-title-loading{align-items:center;display:flex;margin-bottom:.5rem}.x-ai-overview-title-loading{gap:.375rem}.x-ai-overview-title-loading-indicator{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--color);border-radius:9999px;height:.75rem;width:.75rem}.x-ai-overview-title-loading-text{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;font-size:.75rem}.x-ai-overview-title-icon{aspect-ratio:1/1;color:var(--color);flex-shrink:0;height:1rem}.x-ai-overview-content{display:flex;flex-direction:column;gap:.5rem;line-height:1.25rem;text-align:left}.x-ai-overview-content span{font-weight:500}.x-ai-overview-gradient{background-image:linear-gradient(to bottom,transparent 0,var(--color-lighter) 100%);border-radius:1.5rem;bottom:0;content:none;cursor:pointer;height:100%;position:absolute;width:100%}.x-ai-overview-toggle-wrapper{display:flex;position:relative}.x-ai-overview-toggle-btn{align-items:center;background-color:#fff;border-color:var(--button-color-50,#283034);border-radius:9999px;border-style:solid;border-width:1px;color:var(--button-color-50,#283034);display:flex;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;margin:auto;min-height:2.5rem;padding-left:1rem;padding-right:1rem;width:100%}.x-ai-overview-toggle-btn:hover{background-color:var(--button-color-50,#283034);border-color:var(--button-color-50,#283034);color:#fff}@media (min-width:640px){.x-ai-overview-toggle-btn{transform:translateY(50%);transition-duration:.5s;transition-property:all;width:var(--expand-button-width,200px)}}.x-ai-overview-toggle-btn-icon{aspect-ratio:1/1;height:1rem;transform:rotate(0deg);transition-duration:.3s;transition-property:all}.x-ai-overview-toggle-btn-icon-expanded{transform:rotate(180deg)}.x-ai-overview-suggestion-query-btn{align-items:center;background-color:transparent;border-color:transparent;display:flex;font-weight:700;gap:1rem;margin-left:1rem;margin-right:1rem;width:fit-content}.x-ai-overview-suggestion-query-btn-icon{aspect-ratio:1/1;height:1rem}.x-ai-overview-suggestions{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem}.x-ai-overview-suggestions-loading{animation:x-spin 1s linear infinite;height:2.5rem;margin:auto;width:2.5rem}.x-ai-overview-suggestion{display:flex;flex-direction:column;gap:.5rem}.x-ai-overview-suggestion-results{display:flex;gap:1rem;padding-left:1rem;padding-right:1rem}@keyframes x-spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}";
+injectCss(css);
+
+export { css, css as default };
+//# sourceMappingURL=ai-overview.vue3.js.map

package/js/x-modules/ai/components/ai-overview.vue3.js.map

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

package/js/x-modules/ai/store/actions/fetch-and-save-ai-suggestions-search.action.js

@@ -0,0 +1,40 @@
+import '@vue/devtools-api';
+import '../../../../plugins/devtools/timeline.devtools.js';
+import '@empathyco/x-utils';
+import 'rxjs/operators';
+import 'rxjs';
+import '../../../../plugins/devtools/colors.utils.js';
+import '../../../../plugins/x-bus.js';
+import { XPlugin } from '../../../../plugins/x-plugin.js';
+
+/**
+ * Default implementation for the `AiActions.fetchAndSaveAiSuggestionsSearch`.
+ *
+ * @param _ - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the commits and
+ * getters provided by Vuex.
+ * @returns The AI search response.
+ * @public
+ */
+const fetchAndSaveAiSuggestionsSearch = async ({ commit, getters }) => {
+    const request = getters.suggestionsSearchRequest;
+    if (!request) {
+        return;
+    }
+    commit('setSuggestionsSearchLoading', true);
+    return XPlugin.adapter
+        .aiSuggestionsSearch(request)
+        .then(response => {
+        if (response) {
+            commit('setSuggestionsSearch', response.suggestions);
+        }
+    })
+        .catch(error => {
+        console.error(error);
+    })
+        .finally(() => {
+        commit('setSuggestionsSearchLoading', false);
+    });
+};
+
+export { fetchAndSaveAiSuggestionsSearch };
+//# sourceMappingURL=fetch-and-save-ai-suggestions-search.action.js.map

package/js/x-modules/ai/store/actions/fetch-and-save-ai-suggestions-search.action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch-and-save-ai-suggestions-search.action.js","sources":["../../../../../../src/x-modules/ai/store/actions/fetch-and-save-ai-suggestions-search.action.ts"],"sourcesContent":["import type { AiXStoreModule } from '../types'\nimport { XPlugin } from '../../../../plugins'\n\n/**\n * Default implementation for the `AiActions.fetchAndSaveAiSuggestionsSearch`.\n *\n * @param _ - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the commits and\n * getters provided by Vuex.\n * @returns The AI search response.\n * @public\n */\nexport const fetchAndSaveAiSuggestionsSearch: AiXStoreModule['actions']['fetchAndSaveAiSuggestionsSearch'] =\n  async ({ commit, getters }) => {\n    const request = getters.suggestionsSearchRequest\n    if (!request) {\n      return\n    }\n    commit('setSuggestionsSearchLoading', true)\n\n    return XPlugin.adapter\n      .aiSuggestionsSearch(request)\n      .then(response => {\n        if (response) {\n          commit('setSuggestionsSearch', response.suggestions)\n        }\n      })\n      .catch(error => {\n        console.error(error)\n      })\n      .finally(() => {\n        commit('setSuggestionsSearchLoading', false)\n      })\n  }\n"],"names":[],"mappings":";;;;;;;;;AAGA;;;;;;;AAOG;AACI,MAAM,+BAA+B,GAC1C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAI;AAC5B,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,wBAAwB,CAAA;IAChD,IAAI,CAAC,OAAO,EAAE;QACZ,OAAM;KACP;AACD,IAAA,MAAM,CAAC,6BAA6B,EAAE,IAAI,CAAC,CAAA;IAE3C,OAAO,OAAO,CAAC,OAAO;SACnB,mBAAmB,CAAC,OAAO,CAAC;SAC5B,IAAI,CAAC,QAAQ,IAAG;QACf,IAAI,QAAQ,EAAE;AACZ,YAAA,MAAM,CAAC,sBAAsB,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAA;SACrD;AACH,KAAC,CAAC;SACD,KAAK,CAAC,KAAK,IAAG;AACb,QAAA,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;AACtB,KAAC,CAAC;SACD,OAAO,CAAC,MAAK;AACZ,QAAA,MAAM,CAAC,6BAA6B,EAAE,KAAK,CAAC,CAAA;AAC9C,KAAC,CAAC,CAAA;AACN;;;;"}

package/js/x-modules/ai/store/actions/fetch-and-save-ai-suggestions.action.js

@@ -0,0 +1,97 @@
+import { getTaggingInfoFromUrl } from '@empathyco/x-adapter-platform';
+import '@vue/devtools-api';
+import '../../../../plugins/devtools/timeline.devtools.js';
+import '@empathyco/x-utils';
+import 'rxjs/operators';
+import 'rxjs';
+import '../../../../plugins/devtools/colors.utils.js';
+import '../../../../plugins/x-bus.js';
+import { XPlugin } from '../../../../plugins/x-plugin.js';
+
+/**
+ * Default implementation for the {@link AiActions.fetchAndSaveAiSuggestions}.
+ *
+ * @param _ - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,
+ * provided by Vuex.
+ * @param request - The AI request to make.
+ * @returns The AI response.
+ * @public
+ */
+const fetchAndSaveAiSuggestions = async ({ commit }, request) => {
+    if (!request) {
+        return;
+    }
+    commit('setSuggestionsLoading', true);
+    return XPlugin.adapter.aiSuggestions(request).then(({ body, status }) => {
+        if (status !== 200) {
+            return;
+        }
+        if (body) {
+            const reader = body.getReader();
+            readAnswer(reader, commit);
+        }
+    });
+};
+function mapTaggingData(tangingData) {
+    const { toolingDisplay, toolingDisplayClick, searchQueries } = tangingData.tagging[0];
+    // TODO: Using the getTaggingInfoFromUrl util here is a temporary solution.
+    // It creates a dependency with the x-adapter-platform project that should be avoided.
+    return {
+        toolingDisplay: getTaggingInfoFromUrl(toolingDisplay),
+        toolingDisplayClick: getTaggingInfoFromUrl(toolingDisplayClick),
+        searchQueries: Object.fromEntries(Object.entries(searchQueries).map(([query, { toolingDisplay, toolingDisplayClick, toolingDisplayAdd2Cart }]) => [
+            query,
+            {
+                toolingDisplay: getTaggingInfoFromUrl(toolingDisplay),
+                toolingDisplayClick: getTaggingInfoFromUrl(toolingDisplayClick),
+                toolingDisplayAdd2Cart: getTaggingInfoFromUrl(toolingDisplayAdd2Cart),
+            },
+        ])),
+    };
+}
+function readAnswer(reader, commit) {
+    reader
+        .read()
+        .then(({ value, done }) => {
+        if (done) {
+            commit('setSuggestionsLoading', false);
+            return;
+        }
+        const result = new TextDecoder().decode(value, { stream: true });
+        const parts = result.split('\n\n');
+        for (const part of parts) {
+            const lines = part.split('\n');
+            for (const line of lines) {
+                // line.length check to avoid event lines or empty lines
+                if (line.length <= 5 || line.startsWith('event:'))
+                    continue;
+                const raw = line.startsWith('data:') ? line.slice(5).trim() : line.trim();
+                const data = JSON.parse(raw);
+                if ('suggestionText' in data) {
+                    commit('setIsNoResults', false);
+                    commit('setSuggestionText', data.suggestionText);
+                }
+                if ('responseText' in data) {
+                    commit('setResponseText', data.responseText);
+                }
+                if ('queries' in data) {
+                    commit('setQueries', data.queries);
+                }
+                if ('tagging' in data) {
+                    commit('setTagging', mapTaggingData(data));
+                }
+            }
+        }
+        readAnswer(reader, commit);
+    })
+        .catch((error) => {
+        commit('setSuggestionsLoading', false);
+        // AbortError code === 20
+        if (error.code !== 20) {
+            console.error(error);
+        }
+    });
+}
+
+export { fetchAndSaveAiSuggestions };
+//# sourceMappingURL=fetch-and-save-ai-suggestions.action.js.map

package/js/x-modules/ai/store/actions/fetch-and-save-ai-suggestions.action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch-and-save-ai-suggestions.action.js","sources":["../../../../../../src/x-modules/ai/store/actions/fetch-and-save-ai-suggestions.action.ts"],"sourcesContent":["import type { AiSuggestionQuery, AiSuggestionTagging } from '@empathyco/x-types'\nimport type { AiActionContext, AiXStoreModule } from '../types'\nimport { getTaggingInfoFromUrl } from '@empathyco/x-adapter-platform'\nimport { XPlugin } from '../../../../plugins'\n\ninterface TaggingData {\n  tagging: {\n    toolingDisplay: string\n    toolingDisplayClick: string\n    searchQueries: Record<\n      string,\n      {\n        toolingDisplay: string\n        toolingDisplayClick: string\n        toolingDisplayAdd2Cart: string\n      }\n    >\n  }[]\n}\n\ntype AnswerData =\n  | { responseText: string }\n  | { suggestionText: string }\n  | { queries: AiSuggestionQuery[] }\n  | TaggingData\n\n/**\n * Default implementation for the {@link AiActions.fetchAndSaveAiSuggestions}.\n *\n * @param _ - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param request - The AI request to make.\n * @returns The AI response.\n * @public\n */\nexport const fetchAndSaveAiSuggestions: AiXStoreModule['actions']['fetchAndSaveAiSuggestions'] =\n  async ({ commit }, request) => {\n    if (!request) {\n      return\n    }\n    commit('setSuggestionsLoading', true)\n    return XPlugin.adapter.aiSuggestions(request).then(({ body, status }) => {\n      if (status !== 200) {\n        return\n      }\n      if (body) {\n        const reader = body.getReader()\n        readAnswer(reader, commit)\n      }\n    })\n  }\n\nfunction mapTaggingData(tangingData: TaggingData): AiSuggestionTagging {\n  const { toolingDisplay, toolingDisplayClick, searchQueries } = tangingData.tagging[0]\n  // TODO: Using the getTaggingInfoFromUrl util here is a temporary solution.\n  // It creates a dependency with the x-adapter-platform project that should be avoided.\n  return {\n    toolingDisplay: getTaggingInfoFromUrl(toolingDisplay),\n    toolingDisplayClick: getTaggingInfoFromUrl(toolingDisplayClick),\n    searchQueries: Object.fromEntries(\n      Object.entries(searchQueries).map(\n        ([query, { toolingDisplay, toolingDisplayClick, toolingDisplayAdd2Cart }]) => [\n          query,\n          {\n            toolingDisplay: getTaggingInfoFromUrl(toolingDisplay),\n            toolingDisplayClick: getTaggingInfoFromUrl(toolingDisplayClick),\n            toolingDisplayAdd2Cart: getTaggingInfoFromUrl(toolingDisplayAdd2Cart),\n          },\n        ],\n      ),\n    ),\n  }\n}\n\nfunction readAnswer(\n  reader: ReadableStreamDefaultReader<Uint8Array>,\n  commit: AiActionContext['commit'],\n): void {\n  reader\n    .read()\n    .then(({ value, done }) => {\n      if (done) {\n        commit('setSuggestionsLoading', false)\n        return\n      }\n\n      const result = new TextDecoder().decode(value, { stream: true })\n      const parts = result.split('\\n\\n')\n      for (const part of parts) {\n        const lines = part.split('\\n')\n\n        for (const line of lines) {\n          // line.length check to avoid event lines or empty lines\n          if (line.length <= 5 || line.startsWith('event:')) continue\n\n          const raw = line.startsWith('data:') ? line.slice(5).trim() : line.trim()\n          const data = JSON.parse(raw) as AnswerData\n\n          if ('suggestionText' in data) {\n            commit('setIsNoResults', false)\n            commit('setSuggestionText', data.suggestionText)\n          }\n          if ('responseText' in data) {\n            commit('setResponseText', data.responseText)\n          }\n          if ('queries' in data) {\n            commit('setQueries', data.queries)\n          }\n          if ('tagging' in data) {\n            commit('setTagging', mapTaggingData(data))\n          }\n        }\n      }\n      readAnswer(reader, commit)\n    })\n    .catch((error: { code: number }) => {\n      commit('setSuggestionsLoading', false)\n      // AbortError code === 20\n      if (error.code !== 20) {\n        console.error(error)\n      }\n    })\n}\n"],"names":[],"mappings":"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"}

package/js/x-modules/ai/store/actions/save-origin.action.js

@@ -0,0 +1,16 @@
+import { createOrigin } from '../../../../utils/origin.js';
+
+/**
+ * Default implementation for the {@link AiActions.saveOrigin}.
+ *
+ * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,
+ * provided by Vuex.
+ * @param queryOriginInit - The object to create the {@link QueryOrigin} with.
+ * @public
+ */
+const saveOrigin = ({ commit }, queryOriginInit) => {
+    commit('setOrigin', createOrigin(queryOriginInit));
+};
+
+export { saveOrigin };
+//# sourceMappingURL=save-origin.action.js.map

package/js/x-modules/ai/store/actions/save-origin.action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"save-origin.action.js","sources":["../../../../../../src/x-modules/ai/store/actions/save-origin.action.ts"],"sourcesContent":["import type { QueryOrigin } from '../../../../types/origin'\nimport type { AiXStoreModule } from '../types'\nimport { createOrigin } from '../../../../utils/origin'\n\n/**\n * Default implementation for the {@link AiActions.saveOrigin}.\n *\n * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param queryOriginInit - The object to create the {@link QueryOrigin} with.\n * @public\n */\nexport const saveOrigin: AiXStoreModule['actions']['saveOrigin'] = (\n  { commit },\n  queryOriginInit,\n) => {\n  commit('setOrigin', createOrigin(queryOriginInit) as QueryOrigin)\n}\n"],"names":[],"mappings":";;AAIA;;;;;;;AAOG;AACU,MAAA,UAAU,GAA4C,CACjE,EAAE,MAAM,EAAE,EACV,eAAe,KACb;IACF,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,eAAe,CAAgB,CAAC,CAAA;AACnE;;;;"}

package/js/x-modules/ai/store/actions/set-url-params.action.js

@@ -0,0 +1,13 @@
+/**
+ * Default implementation setUrlParams.
+ *
+ * @param context - The context of the actions, provided by Vuex.
+ * @param urlParams - List of params from the url.
+ * @public
+ */
+const setUrlParams = ({ commit }, { query }) => {
+    commit('setQuery', query);
+};
+
+export { setUrlParams };
+//# sourceMappingURL=set-url-params.action.js.map

package/js/x-modules/ai/store/actions/set-url-params.action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-url-params.action.js","sources":["../../../../../../src/x-modules/ai/store/actions/set-url-params.action.ts"],"sourcesContent":["import type { AiXStoreModule } from '../types'\n\n/**\n * Default implementation setUrlParams.\n *\n * @param context - The context of the actions, provided by Vuex.\n * @param urlParams - List of params from the url.\n * @public\n */\nexport const setUrlParams: AiXStoreModule['actions']['setUrlParams'] = ({ commit }, { query }) => {\n  commit('setQuery', query)\n}\n"],"names":[],"mappings":"AAEA;;;;;;AAMG;AACI,MAAM,YAAY,GAA8C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAI;AAC/F,IAAA,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;AAC3B;;;;"}

package/js/x-modules/ai/store/emitters.js

@@ -0,0 +1,17 @@
+import '@empathyco/x-utils';
+import { createStoreEmitters } from '../../../store/utils/store-emitters.utils.js';
+import { aiXStoreModule } from './module.js';
+
+/**
+ * {@link StoreEmitters} For the ai module.
+ *
+ * @internal
+ */
+const aiEmitters = createStoreEmitters(aiXStoreModule, {
+    AiSuggestionsRequestUpdated: (_, getters) => getters.suggestionsRequest,
+    AiSuggestionsSearchRequestUpdated: (_, getters) => getters.suggestionsSearchRequest,
+    AiSuggestionsSearchChanged: state => state.suggestionsSearch,
+});
+
+export { aiEmitters };
+//# sourceMappingURL=emitters.js.map

package/js/x-modules/ai/store/emitters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/ai/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store'\nimport { aiXStoreModule } from './module'\n\n/**\n * {@link StoreEmitters} For the ai module.\n *\n * @internal\n */\nexport const aiEmitters = createStoreEmitters(aiXStoreModule, {\n  AiSuggestionsRequestUpdated: (_, getters) => getters.suggestionsRequest,\n  AiSuggestionsSearchRequestUpdated: (_, getters) => getters.suggestionsSearchRequest,\n  AiSuggestionsSearchChanged: state => state.suggestionsSearch,\n})\n"],"names":[],"mappings":";;;;AAGA;;;;AAIG;AACU,MAAA,UAAU,GAAG,mBAAmB,CAAC,cAAc,EAAE;IAC5D,2BAA2B,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,kBAAkB;IACvE,iCAAiC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,wBAAwB;AACnF,IAAA,0BAA0B,EAAE,KAAK,IAAI,KAAK,CAAC,iBAAiB;AAC7D,CAAA;;;;"}

package/js/x-modules/ai/store/getters/ai-query.getter.js

@@ -0,0 +1,19 @@
+import '@empathyco/x-utils';
+import { createRelatedTagsQueryGetter } from '../../../../store/utils/query.utils.js';
+
+/**
+ * Default implementation for the related prompts query getter.
+ *
+ * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the related
+ * prompts' module.
+ *
+ * @returns The query with the selected related tags concatenated.
+ *
+ * @public
+ */
+const query = createRelatedTagsQueryGetter({
+    getRelatedTags: state => state.relatedTags,
+});
+
+export { query };
+//# sourceMappingURL=ai-query.getter.js.map

package/js/x-modules/ai/store/getters/ai-query.getter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-query.getter.js","sources":["../../../../../../src/x-modules/ai/store/getters/ai-query.getter.ts"],"sourcesContent":["import type { AiXStoreModule } from '../types'\nimport { createRelatedTagsQueryGetter } from '../../../../store'\n\n/**\n * Default implementation for the related prompts query getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the related\n * prompts' module.\n *\n * @returns The query with the selected related tags concatenated.\n *\n * @public\n */\nexport const query: AiXStoreModule['getters']['query'] = createRelatedTagsQueryGetter({\n  getRelatedTags: state => state.relatedTags,\n})\n"],"names":[],"mappings":";;;AAGA;;;;;;;;;AASG;AACI,MAAM,KAAK,GAAuC,4BAA4B,CAAC;AACpF,IAAA,cAAc,EAAE,KAAK,IAAI,KAAK,CAAC,WAAW;AAC3C,CAAA;;;;"}

package/js/x-modules/ai/store/getters/suggestions-request.getter.js

@@ -0,0 +1,17 @@
+/**
+ * Default implementation for the {@link AiGetters.suggestionsRequest} getter.
+ *
+ * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the ai
+ * module.
+ * @param getters - Current {@link https://vuex.vuejs.org/guide/getters.html | getters} of the
+ * ai module.
+ * @returns The ai request to fetch data from the API.
+ *
+ * @public
+ */
+const suggestionsRequest = ({ params: extraParams, selectedFilters: filters, origin }, { query }) => {
+    return { query, extraParams, filters, ...(origin && { origin }) };
+};
+
+export { suggestionsRequest };
+//# sourceMappingURL=suggestions-request.getter.js.map

package/js/x-modules/ai/store/getters/suggestions-request.getter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestions-request.getter.js","sources":["../../../../../../src/x-modules/ai/store/getters/suggestions-request.getter.ts"],"sourcesContent":["import type { AiXStoreModule } from '../types'\n\n/**\n * Default implementation for the {@link AiGetters.suggestionsRequest} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the ai\n * module.\n * @param getters - Current {@link https://vuex.vuejs.org/guide/getters.html | getters} of the\n * ai module.\n * @returns The ai request to fetch data from the API.\n *\n * @public\n */\nexport const suggestionsRequest: AiXStoreModule['getters']['suggestionsRequest'] = (\n  { params: extraParams, selectedFilters: filters, origin },\n  { query },\n) => {\n  return { query, extraParams, filters, ...(origin && { origin }) }\n}\n"],"names":[],"mappings":"AAEA;;;;;;;;;;AAUG;MACU,kBAAkB,GAAoD,CACjF,EAAE,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,EACzD,EAAE,KAAK,EAAE,KACP;AACF,IAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,CAAA;AACnE;;;;"}

package/js/x-modules/ai/store/getters/suggestions-search-request.getter.js

@@ -0,0 +1,16 @@
+/**
+ * Default implementation for the {@link AiGetters.suggestionsSearchRequest} getter.
+ *
+ * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the ai
+ * module.
+ *
+ * @returns The ai request to fetch data from the API.
+ *
+ * @public
+ */
+const suggestionsSearchRequest = ({ queries, params: extraParams, selectedFilters: filters, origin, }) => {
+    return queries.length ? { queries, extraParams, filters, ...(origin && { origin }) } : null;
+};
+
+export { suggestionsSearchRequest };
+//# sourceMappingURL=suggestions-search-request.getter.js.map

package/js/x-modules/ai/store/getters/suggestions-search-request.getter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestions-search-request.getter.js","sources":["../../../../../../src/x-modules/ai/store/getters/suggestions-search-request.getter.ts"],"sourcesContent":["import type { AiXStoreModule } from '../types'\n\n/**\n * Default implementation for the {@link AiGetters.suggestionsSearchRequest} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the ai\n * module.\n *\n * @returns The ai request to fetch data from the API.\n *\n * @public\n */\nexport const suggestionsSearchRequest: AiXStoreModule['getters']['suggestionsSearchRequest'] = ({\n  queries,\n  params: extraParams,\n  selectedFilters: filters,\n  origin,\n}) => {\n  return queries.length ? { queries, extraParams, filters, ...(origin && { origin }) } : null\n}\n"],"names":[],"mappings":"AAEA;;;;;;;;;AASG;AACU,MAAA,wBAAwB,GAA0D,CAAC,EAC9F,OAAO,EACP,MAAM,EAAE,WAAW,EACnB,eAAe,EAAE,OAAO,EACxB,MAAM,GACP,KAAI;IACH,OAAO,OAAO,CAAC,MAAM,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,GAAG,IAAI,CAAA;AAC7F;;;;"}

package/js/x-modules/ai/store/module.js

@@ -0,0 +1,110 @@
+import { isFacetFilter } from '@empathyco/x-types';
+import { setConfig, mergeConfig } from '../../../store/utils/config-store.utils.js';
+import { groupItemsBy } from '../../../utils/array.js';
+import { UNKNOWN_FACET_KEY } from '../../facets/store/constants.js';
+import { fetchAndSaveAiSuggestionsSearch } from './actions/fetch-and-save-ai-suggestions-search.action.js';
+import { fetchAndSaveAiSuggestions } from './actions/fetch-and-save-ai-suggestions.action.js';
+import { saveOrigin } from './actions/save-origin.action.js';
+import { setUrlParams } from './actions/set-url-params.action.js';
+import { query } from './getters/ai-query.getter.js';
+import { suggestionsRequest } from './getters/suggestions-request.getter.js';
+import { suggestionsSearchRequest } from './getters/suggestions-search-request.getter.js';
+
+/**
+ * {@link XStoreModule} For the ai module.
+ *
+ * @internal
+ */
+const aiXStoreModule = {
+    state: () => ({
+        ...resettableAiState(),
+        selectedFilters: {},
+        query: '',
+        config: {},
+        params: {},
+        origin: null,
+        relatedTags: [],
+    }),
+    getters: {
+        suggestionsRequest,
+        suggestionsSearchRequest,
+        query,
+    },
+    mutations: {
+        /* Streamed fields */
+        setResponseText: (state, responseText) => {
+            state.responseText = responseText;
+        },
+        setSuggestionText: (state, suggestionText) => {
+            state.suggestionText = suggestionText;
+        },
+        setQueries: (state, queries) => {
+            state.queries = queries;
+        },
+        setTagging: (state, tagging) => {
+            state.tagging = tagging;
+        },
+        /* END Streamed fields */
+        setSuggestionsSearch: (state, suggestionsSearch) => {
+            state.suggestionsSearch = suggestionsSearch;
+        },
+        setSuggestionsLoading: (state, value) => {
+            state.suggestionsLoading = value;
+        },
+        setSuggestionsSearchLoading: (state, value) => {
+            state.suggestionsSearchLoading = value;
+        },
+        setQuery: (state, query) => {
+            state.query = query;
+        },
+        setParams(state, params) {
+            state.params = params;
+        },
+        setOrigin(state, origin = null) {
+            state.origin = origin;
+        },
+        resetAiState(state) {
+            Object.assign(state, resettableAiState());
+        },
+        setAiRelatedTags(state, relatedTags) {
+            state.relatedTags = relatedTags;
+        },
+        setIsNoResults(state, isNoResults) {
+            state.isNoResults = isNoResults;
+        },
+        setSelectedFilters(state, selectedFilters) {
+            state.selectedFilters = groupItemsBy(selectedFilters, filter => isFacetFilter(filter) ? filter.facetId : UNKNOWN_FACET_KEY);
+        },
+        setConfig,
+        mergeConfig,
+    },
+    actions: {
+        fetchAndSaveAiSuggestions,
+        fetchAndSaveAiSuggestionsSearch,
+        setUrlParams,
+        saveOrigin,
+    },
+};
+/**
+ * Function to return the "resettable" part of the state. This will be used in the `resetState`
+ * mutation to reset to the initial state.
+ *
+ * @returns The "resettable" part of the {@link AiState}.
+ *
+ * @internal
+ */
+function resettableAiState() {
+    return {
+        responseText: '',
+        suggestionText: '',
+        queries: [],
+        tagging: undefined,
+        suggestionsSearch: [],
+        suggestionsLoading: false,
+        suggestionsSearchLoading: false,
+        isNoResults: true,
+    };
+}
+
+export { aiXStoreModule };
+//# sourceMappingURL=module.js.map

package/js/x-modules/ai/store/module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/ai/store/module.ts"],"sourcesContent":["import type { AiSuggestionQuery, AiSuggestionSearch } from '@empathyco/x-types'\nimport type { QueryState } from '../../../store'\nimport type { AiXStoreModule } from './types'\nimport { isFacetFilter } from '@empathyco/x-types'\nimport { mergeConfig, setConfig } from '../../../store/utils/config-store.utils'\nimport { groupItemsBy } from '../../../utils/array'\nimport { UNKNOWN_FACET_KEY } from '../../facets/store/constants'\nimport { fetchAndSaveAiSuggestionsSearch } from './actions/fetch-and-save-ai-suggestions-search.action'\nimport { fetchAndSaveAiSuggestions } from './actions/fetch-and-save-ai-suggestions.action'\nimport { saveOrigin } from './actions/save-origin.action'\nimport { setUrlParams } from './actions/set-url-params.action'\nimport {\n  aiQuery as query,\n  aiSuggestionsRequest as suggestionsRequest,\n  aiSuggestionsSearchRequest as suggestionsSearchRequest,\n} from './getters'\n\n/**\n * {@link XStoreModule} For the ai module.\n *\n * @internal\n */\nexport const aiXStoreModule: AiXStoreModule = {\n  state: () => ({\n    ...resettableAiState(),\n    selectedFilters: {},\n    query: '',\n    config: {},\n    params: {},\n    origin: null,\n    relatedTags: [],\n  }),\n  getters: {\n    suggestionsRequest,\n    suggestionsSearchRequest,\n    query,\n  },\n  mutations: {\n    /* Streamed fields */\n    setResponseText: (state, responseText: string) => {\n      state.responseText = responseText\n    },\n    setSuggestionText: (state, suggestionText: string) => {\n      state.suggestionText = suggestionText\n    },\n    setQueries: (state, queries: AiSuggestionQuery[]) => {\n      state.queries = queries\n    },\n    setTagging: (state, tagging) => {\n      state.tagging = tagging\n    },\n    /* END Streamed fields */\n    setSuggestionsSearch: (state, suggestionsSearch: AiSuggestionSearch[]) => {\n      state.suggestionsSearch = suggestionsSearch\n    },\n    setSuggestionsLoading: (state, value) => {\n      state.suggestionsLoading = value\n    },\n    setSuggestionsSearchLoading: (state, value) => {\n      state.suggestionsSearchLoading = value\n    },\n    setQuery: (state: QueryState, query: string) => {\n      state.query = query\n    },\n    setParams(state, params) {\n      state.params = params\n    },\n    setOrigin(state, origin = null) {\n      state.origin = origin\n    },\n    resetAiState(state) {\n      Object.assign(state, resettableAiState())\n    },\n    setAiRelatedTags(state, relatedTags) {\n      state.relatedTags = relatedTags\n    },\n    setIsNoResults(state, isNoResults: boolean) {\n      state.isNoResults = isNoResults\n    },\n    setSelectedFilters(state, selectedFilters) {\n      state.selectedFilters = groupItemsBy(selectedFilters, filter =>\n        isFacetFilter(filter) ? filter.facetId : UNKNOWN_FACET_KEY,\n      )\n    },\n    setConfig,\n    mergeConfig,\n  },\n  actions: {\n    fetchAndSaveAiSuggestions,\n    fetchAndSaveAiSuggestionsSearch,\n    setUrlParams,\n    saveOrigin,\n  },\n}\n\n/**\n * Function to return the \"resettable\" part of the state. This will be used in the `resetState`\n * mutation to reset to the initial state.\n *\n * @returns The \"resettable\" part of the {@link AiState}.\n *\n * @internal\n */\nfunction resettableAiState() {\n  return {\n    responseText: '',\n    suggestionText: '',\n    queries: [],\n    tagging: undefined,\n    suggestionsSearch: [],\n    suggestionsLoading: false,\n    suggestionsSearchLoading: false,\n    isNoResults: true,\n  }\n}\n"],"names":[],"mappings":"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"}

package/js/x-modules/ai/wiring.js

@@ -0,0 +1,74 @@
+import { namespacedWireCommit, namespacedWireCommitWithoutPayload, namespacedWireDispatch } from '../../wiring/namespaced-wires.factory.js';
+import { filterTruthyPayload } from '../../wiring/wires.operators.js';
+import { createWiring } from '../../wiring/wiring.utils.js';
+
+/** AI XModule name. */
+const moduleName = 'ai';
+/** WireCommit for AiXModule. */
+const wireCommit = namespacedWireCommit(moduleName);
+/** WireCommitWithoutPayload for AiXModule. */
+const wireCommitWithoutPayload = namespacedWireCommitWithoutPayload(moduleName);
+/** WireDispatch for AiXModule.*/
+const wireDispatch = namespacedWireDispatch(moduleName);
+/** Sets the AI state from URL data. */
+const setUrlParamsWire = wireDispatch('setUrlParams');
+/** Sets the AI state `params`. */
+const setExtraParamsWire = wireCommit('setParams');
+/** Sets the AI state `query`. */
+const setAiQueryWire = wireCommit('setQuery');
+/** Sets the AI state `query` with the selectedQueryPreview's query. */
+const setAiQueryFromPreviewWire = wireCommit('setQuery', ({ eventPayload: { query } }) => query);
+/** Fetches the AI suggestions streaming response. */
+const fetchAndSaveAiSuggestionsWire = wireDispatch('fetchAndSaveAiSuggestions');
+/** Fetches and save the AI suggestions search response. */
+const fetchAndSaveAiSuggestionsSearchWire = filterTruthyPayload(wireDispatch('fetchAndSaveAiSuggestionsSearch'));
+/** Sets the AI state `relatedTags`.*/
+const setAiRelatedTagsWire = wireCommit('setAiRelatedTags');
+/** Resets the related prompts state. */
+const resetAiStateWire = wireCommitWithoutPayload('resetAiState');
+/** Sets the origin for the AI requests. */
+const saveAiOriginWire = wireDispatch('saveOrigin', ({ metadata }) => metadata);
+/** Sets the AI state `selectedFilters`. */
+const setSelectedFiltersWire = wireCommit('setSelectedFilters');
+/**
+ *  Wiring configuration for the {@link AiXModule | AI module}.
+ *
+ * @internal
+ */
+const aiWiring = createWiring({
+    ParamsLoadedFromUrl: {
+        setUrlParamsWire,
+    },
+    ExtraParamsChanged: {
+        setExtraParamsWire,
+    },
+    UserAcceptedAQuery: {
+        setAiQueryWire,
+    },
+    UserAcceptedAQueryPreview: {
+        setAiQueryFromPreviewWire,
+    },
+    UserClearedQuery: {
+        setAiQueryWire,
+    },
+    AiSuggestionsRequestUpdated: {
+        resetAiStateWire,
+        fetchAndSaveAiSuggestionsWire,
+    },
+    // Formerly AiSuggestionsSearchRequestUpdated
+    UserClickedAiOverviewExpandButton: {
+        fetchAndSaveAiSuggestionsSearchWire,
+    },
+    SelectedRelatedTagsChanged: {
+        setAiRelatedTagsWire,
+    },
+    SelectedFiltersForRequestChanged: {
+        setSelectedFiltersWire,
+    },
+    AiOverviewMounted: {
+        saveAiOriginWire,
+    },
+});
+
+export { aiWiring };
+//# sourceMappingURL=wiring.js.map

package/js/x-modules/ai/wiring.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/ai/wiring.ts"],"sourcesContent":["import {\n  createWiring,\n  filterTruthyPayload,\n  namespacedWireCommit,\n  namespacedWireCommitWithoutPayload,\n  namespacedWireDispatch,\n} from '../../wiring'\n\n/** AI XModule name. */\nconst moduleName = 'ai'\n/** WireCommit for AiXModule. */\nconst wireCommit = namespacedWireCommit(moduleName)\n/** WireCommitWithoutPayload for AiXModule. */\nconst wireCommitWithoutPayload = namespacedWireCommitWithoutPayload(moduleName)\n/** WireDispatch for AiXModule.*/\nconst wireDispatch = namespacedWireDispatch(moduleName)\n\n/** Sets the AI state from URL data. */\nconst setUrlParamsWire = wireDispatch('setUrlParams')\n/** Sets the AI state `params`. */\nconst setExtraParamsWire = wireCommit('setParams')\n\n/** Sets the AI state `query`. */\nconst setAiQueryWire = wireCommit('setQuery')\n\n/** Sets the AI state `query` with the selectedQueryPreview's query. */\nconst setAiQueryFromPreviewWire = wireCommit('setQuery', ({ eventPayload: { query } }) => query)\n\n/** Fetches the AI suggestions streaming response. */\nconst fetchAndSaveAiSuggestionsWire = wireDispatch('fetchAndSaveAiSuggestions')\n\n/** Fetches and save the AI suggestions search response. */\nconst fetchAndSaveAiSuggestionsSearchWire = filterTruthyPayload(\n  wireDispatch('fetchAndSaveAiSuggestionsSearch'),\n)\n\n/** Sets the AI state `relatedTags`.*/\nconst setAiRelatedTagsWire = wireCommit('setAiRelatedTags')\n\n/** Resets the related prompts state. */\nconst resetAiStateWire = wireCommitWithoutPayload('resetAiState')\n\n/** Sets the origin for the AI requests. */\nconst saveAiOriginWire = wireDispatch('saveOrigin', ({ metadata }) => metadata)\n\n/** Sets the AI state `selectedFilters`. */\nconst setSelectedFiltersWire = wireCommit('setSelectedFilters')\n\n/**\n *  Wiring configuration for the {@link AiXModule | AI module}.\n *\n * @internal\n */\nexport const aiWiring = createWiring({\n  ParamsLoadedFromUrl: {\n    setUrlParamsWire,\n  },\n  ExtraParamsChanged: {\n    setExtraParamsWire,\n  },\n  UserAcceptedAQuery: {\n    setAiQueryWire,\n  },\n  UserAcceptedAQueryPreview: {\n    setAiQueryFromPreviewWire,\n  },\n  UserClearedQuery: {\n    setAiQueryWire,\n  },\n  AiSuggestionsRequestUpdated: {\n    resetAiStateWire,\n    fetchAndSaveAiSuggestionsWire,\n  },\n  // Formerly AiSuggestionsSearchRequestUpdated\n  UserClickedAiOverviewExpandButton: {\n    fetchAndSaveAiSuggestionsSearchWire,\n  },\n  SelectedRelatedTagsChanged: {\n    setAiRelatedTagsWire,\n  },\n  SelectedFiltersForRequestChanged: {\n    setSelectedFiltersWire,\n  },\n  AiOverviewMounted: {\n    saveAiOriginWire,\n  },\n})\n"],"names":[],"mappings":";;;;AAQA;AACA,MAAM,UAAU,GAAG,IAAI,CAAA;AACvB;AACA,MAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAA;AACnD;AACA,MAAM,wBAAwB,GAAG,kCAAkC,CAAC,UAAU,CAAC,CAAA;AAC/E;AACA,MAAM,YAAY,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAA;AAEvD;AACA,MAAM,gBAAgB,GAAG,YAAY,CAAC,cAAc,CAAC,CAAA;AACrD;AACA,MAAM,kBAAkB,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;AAElD;AACA,MAAM,cAAc,GAAG,UAAU,CAAC,UAAU,CAAC,CAAA;AAE7C;AACA,MAAM,yBAAyB,GAAG,UAAU,CAAC,UAAU,EAAE,CAAC,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,KAAK,CAAC,CAAA;AAEhG;AACA,MAAM,6BAA6B,GAAG,YAAY,CAAC,2BAA2B,CAAC,CAAA;AAE/E;AACA,MAAM,mCAAmC,GAAG,mBAAmB,CAC7D,YAAY,CAAC,iCAAiC,CAAC,CAChD,CAAA;AAED;AACA,MAAM,oBAAoB,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAA;AAE3D;AACA,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,cAAc,CAAC,CAAA;AAEjE;AACA,MAAM,gBAAgB,GAAG,YAAY,CAAC,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,QAAQ,CAAC,CAAA;AAE/E;AACA,MAAM,sBAAsB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;AAE/D;;;;AAIG;AACI,MAAM,QAAQ,GAAG,YAAY,CAAC;AACnC,IAAA,mBAAmB,EAAE;QACnB,gBAAgB;AACjB,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,kBAAkB;AACnB,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,cAAc;AACf,KAAA;AACD,IAAA,yBAAyB,EAAE;QACzB,yBAAyB;AAC1B,KAAA;AACD,IAAA,gBAAgB,EAAE;QAChB,cAAc;AACf,KAAA;AACD,IAAA,2BAA2B,EAAE;QAC3B,gBAAgB;QAChB,6BAA6B;AAC9B,KAAA;;AAED,IAAA,iCAAiC,EAAE;QACjC,mCAAmC;AACpC,KAAA;AACD,IAAA,0BAA0B,EAAE;QAC1B,oBAAoB;AACrB,KAAA;AACD,IAAA,gCAAgC,EAAE;QAChC,sBAAsB;AACvB,KAAA;AACD,IAAA,iBAAiB,EAAE;QACjB,gBAAgB;AACjB,KAAA;AACF,CAAA;;;;"}

package/js/x-modules/ai/x-module.js

@@ -0,0 +1,28 @@
+import '@vue/devtools-api';
+import '../../plugins/devtools/timeline.devtools.js';
+import '@empathyco/x-utils';
+import 'rxjs/operators';
+import 'rxjs';
+import '../../plugins/devtools/colors.utils.js';
+import '../../plugins/x-bus.js';
+import { XPlugin } from '../../plugins/x-plugin.js';
+import { aiEmitters } from './store/emitters.js';
+import { aiXStoreModule } from './store/module.js';
+import { aiWiring } from './wiring.js';
+
+/**
+ * AI {@link XModule} implementation. This module is auto-registered as soon as you
+ * import any component from the `AI` entry point.
+ *
+ * @public
+ */
+const aiXModule = {
+    name: 'ai',
+    storeModule: aiXStoreModule,
+    storeEmitters: aiEmitters,
+    wiring: aiWiring,
+};
+XPlugin.registerXModule(aiXModule);
+
+export { aiXModule };
+//# sourceMappingURL=x-module.js.map

package/js/x-modules/ai/x-module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/ai/x-module.ts"],"sourcesContent":["import type { XModule } from '../x-modules.types'\nimport type { AiXStoreModule } from './store/types'\nimport { XPlugin } from '../../plugins'\nimport { aiEmitters } from './store/emitters'\nimport { aiXStoreModule } from './store/module'\nimport { aiWiring } from './wiring'\n\n/**\n * Ai {@link XModule} alias.\n *\n * @public\n */\nexport type AiXModule = XModule<AiXStoreModule>\n\n/**\n * AI {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `AI` entry point.\n *\n * @public\n */\nexport const aiXModule: AiXModule = {\n  name: 'ai',\n  storeModule: aiXStoreModule,\n  storeEmitters: aiEmitters,\n  wiring: aiWiring,\n}\n\nXPlugin.registerXModule(aiXModule)\n"],"names":[],"mappings":";;;;;;;;;;;;AAcA;;;;;AAKG;AACU,MAAA,SAAS,GAAc;AAClC,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,WAAW,EAAE,cAAc;AAC3B,IAAA,aAAa,EAAE,UAAU;AACzB,IAAA,MAAM,EAAE,QAAQ;EACjB;AAED,OAAO,CAAC,eAAe,CAAC,SAAS,CAAC;;;;"}

package/js/x-modules/device/components/device-detector.vue.js

@@ -6,8 +6,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_GlobalEvents = resolveComponent("GlobalEvents");
   return !_ctx.force ? (openBlock(), createBlock(_component_GlobalEvents, {
     key: 0,
-    onResize: _ctx.throttledStoreWindowWidth,
-    target: "window"
+    target: "window",
+    onResize: _ctx.throttledStoreWindowWidth
   }, null, 8, ["onResize"])) : createCommentVNode("v-if", true);
 }
 var deviceDetector = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);