@empathyco/x-components 6.0.0-alpha.6 → 6.0.0-alpha.61

package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue2.js

@@ -0,0 +1,221 @@
+import { defineComponent, ref, computed } from 'vue';
+import SlidingPanel from '../../../components/sliding-panel.vue.js';
+import { relatedPromptsXModule } from '../x-module.js';
+import '../../../composables/create-use-device.js';
+import { use$x } from '../../../composables/use-_x.js';
+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 '../../../plugins/x-plugin.js';
+import 'vuex';
+import '@vueuse/core';
+import { useState } from '../../../composables/use-state.js';
+import _sfc_main$1 from '../../../components/display-emitter.vue.js';
+import RelatedPrompt from './related-prompt.vue.js';
+
+/**
+ * This component shows the list of `RelatedPrompts` components.
+ *
+ * If the default slot is reimplemented in the consumer, `onSelect` function will be
+ * necessary to handle the selection of the related prompt and to trigger the stagger-fade-slide animation.
+ *
+ * @public
+ */
+var _sfc_main = defineComponent({
+    name: 'RelatedPromptsTagList',
+    xModule: relatedPromptsXModule.name,
+    components: { DisplayEmitter: _sfc_main$1, RelatedPrompt, SlidingPanel },
+    props: {
+        /**
+         * The CSS class for the left and right button of the sliding panel.
+         *
+         * @public
+         */
+        buttonClass: String,
+        /**
+         * The boolean prop to handle the visiblity of sliding pannel buttons.
+         *
+         * @public
+         */
+        showButtons: { type: Boolean, default: true },
+        /**
+         * The CSS class for the wrapper of all the related prompt wrapper elements.
+         *
+         * @public
+         */
+        scrollContainerClass: String,
+        /**
+         * The CSS class for all the related prompt wrapper elements.
+         *
+         * @public
+         */
+        tagClass: String,
+        /**
+         * Array of colors to apply to the related prompts. It will be applied to tag
+         * elements cyclically according to their index in the nex way: `tagColors[index % tagColors.length]`.
+         *
+         * @public
+         */
+        tagColors: Array,
+        /**
+         * The duration of the total animation in milliseconds.
+         *
+         * @public
+         */
+        animationDurationInMs: {
+            type: Number,
+            default: 700
+        }
+    },
+    setup(props) {
+        const x = use$x();
+        const relatedPrompts = useState('relatedPrompts', [
+            'relatedPrompts'
+        ]).relatedPrompts;
+        const selectedPromptIndex = useState('relatedPrompts', [
+            'selectedPrompt'
+        ]).selectedPrompt;
+        const clickedListItemIndex = ref(null);
+        const initialOffsetLefts = {};
+        const isAnimating = ref(false);
+        const listItems = ref([]);
+        const sortedListItems = computed(() => [...listItems.value].sort((a, b) => Number.parseInt(b.getAttribute('data-index')) -
+            Number.parseInt(a.getAttribute('data-index'))));
+        // The duration of a single animation (enter or leave) in milliseconds
+        // if a related prompt is clicked (clickedListItemIndex.value !== null), the duration is divided by the number of related
+        // prompts -1 (the clicked one is synchronized with the last one to leave or the first one to enter)
+        const singleAnimationDurationInMs = computed(() => props.animationDurationInMs /
+            (clickedListItemIndex.value !== null
+                ? relatedPrompts.value.length - 1
+                : relatedPrompts.value.length));
+        const indexRelatedPrompts = computed(() => relatedPrompts.value.map((relatedPrompt, index) => ({ ...relatedPrompt, index })));
+        const visibleRelatedPrompts = computed(() => selectedPromptIndex.value !== -1
+            ? [indexRelatedPrompts.value[selectedPromptIndex.value]]
+            : indexRelatedPrompts.value);
+        let timeOutId;
+        const resetTransitionStyle = (excludedProperties = ['width']) => {
+            if (timeOutId) {
+                clearTimeout(timeOutId);
+            }
+            isAnimating.value = true;
+            timeOutId = +setTimeout(() => {
+                isAnimating.value = false;
+                clickedListItemIndex.value = null;
+                sortedListItems.value.forEach(element => {
+                    element.style.cssText
+                        .split(';')
+                        .map(rule => rule.split(':')[0]?.trim())
+                        .forEach(property => {
+                        if (!excludedProperties.includes(property)) {
+                            element.style.removeProperty(property);
+                        }
+                    });
+                });
+            }, props.animationDurationInMs);
+        };
+        const onSelect = (selectedIndex) => {
+            resetTransitionStyle();
+            clickedListItemIndex.value = selectedIndex;
+            const selected = sortedListItems.value.find(element => Number.parseInt(element.getAttribute('data-index')) === selectedIndex);
+            // selectedPromptIndex.value === -1 ? 'SELECTING' : 'DESELECTING'
+            if (selectedPromptIndex.value === -1) {
+                // Prepare all the elements for the leave animation (~ 'beforeLeave' hook). Remember the elements are
+                // sorted in descending order by index.
+                sortedListItems.value.forEach(element => {
+                    const index = Number.parseInt(element.getAttribute('data-index'));
+                    initialOffsetLefts[index] = element.offsetLeft;
+                    element.style.left = `${element.offsetLeft}px`;
+                    element.style.position = 'absolute';
+                    element.style.transitionDuration = `${singleAnimationDurationInMs.value}ms`;
+                    if (index !== selectedIndex) {
+                        element.style.opacity = '1';
+                        element.style.transitionDelay = `${(index < selectedIndex ? index : index - 1) * singleAnimationDurationInMs.value}ms`;
+                    }
+                });
+                // Synchronize the transition delay of the selected element with the last
+                // element to leave
+                selected.style.transitionDelay = `${(relatedPrompts.value.length > 1 ? relatedPrompts.value.length - 2 : 0) *
+                    singleAnimationDurationInMs.value}ms`;
+                // Trigger the animation (selecting) for the selected element
+                requestAnimationFrame(() => {
+                    const maxWidth = getComputedStyle(selected).maxWidth;
+                    selected.style.left = '0px';
+                    selected.style.setProperty('width', `${maxWidth !== 'none' ? maxWidth : '100%'}`, 'important');
+                });
+            }
+            else {
+                // Prepare the selected element for the deselecting animation
+                selected.style.transitionDuration = `${singleAnimationDurationInMs.value}ms`;
+                selected.style.left = '0px';
+                selected.style.position = 'absolute';
+                // Trigger the animation (deselecting) for the selected element
+                selected.style.removeProperty('width');
+                requestAnimationFrame(() => {
+                    selected.style.left = `${initialOffsetLefts[selectedIndex]}px`;
+                });
+            }
+            x.emit('UserSelectedARelatedPrompt', selectedIndex, {
+                relatedPrompt: relatedPrompts.value[selectedIndex],
+                selectedPrompt: selectedPromptIndex.value
+            });
+        };
+        const onBeforeEnter = (el) => {
+            const element = el;
+            const index = Number.parseInt(element.getAttribute('data-index'));
+            // Prepare the element for the enter animation
+            element.style.opacity = '0';
+            element.style.transform = 'translateY(5px)';
+            element.style.transitionDelay = `${(clickedListItemIndex.value !== null && index > clickedListItemIndex.value
+                ? index - 1
+                : index) * singleAnimationDurationInMs.value}ms`;
+            element.style.transitionDuration = `${singleAnimationDurationInMs.value}ms`;
+        };
+        const onEnter = (el, done) => {
+            const element = el;
+            const index = Number.parseInt(element.getAttribute('data-index'));
+            // Also part of the preparation for the enter animation, but it needs to be done
+            // once the element is inserted in DOM (if not the offsetLeft will be always 0)
+            element.style.left = `${initialOffsetLefts[index] ?? element.offsetLeft}px`;
+            // trigger enter animation
+            requestAnimationFrame(() => {
+                element.style.opacity = '1';
+                element.style.position = 'absolute';
+                element.style.transform = 'translateY(0)';
+            });
+            done();
+        };
+        const onLeave = (el, done) => {
+            const element = el;
+            // trigger leave animation
+            requestAnimationFrame(() => {
+                element.style.opacity = '0';
+                element.style.transform = 'translateY(5px)';
+            });
+            // Wait for the animation to finish (done() exectution extracts the element from the DOM)
+            setTimeout(done, props.animationDurationInMs);
+        };
+        // Changing the request will trigger the appear animation, so we need to reset the
+        // style after it finishes
+        x.on('SearchRequestChanged', false).subscribe(() => {
+            resetTransitionStyle([]);
+        });
+        return {
+            onSelect,
+            onBeforeEnter,
+            onEnter,
+            onLeave,
+            selectedPromptIndex,
+            visibleRelatedPrompts,
+            listItems,
+            isAnimating,
+            x
+        };
+    }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=related-prompts-tag-list.vue2.js.map

package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"related-prompts-tag-list.vue2.js","sources":["../../../../../src/x-modules/related-prompts/components/related-prompts-tag-list.vue"],"sourcesContent":["<template>\n  <SlidingPanel\n    :key=\"x.query.search\"\n    :reset-on-content-change=\"false\"\n    :button-class=\"buttonClass\"\n    :show-buttons=\"showButtons && selectedPromptIndex === -1\"\n    :scroll-container-class=\"[\n      'x-related-prompts-tag-list-scroll-container',\n      scrollContainerClass || ''\n    ]\"\n  >\n    <template #sliding-panel-left-button>\n      <!--\n      @slot sliding-panel-left-button - The button to be displayed on the left side of the sliding panel.\n      -->\n      <slot name=\"sliding-panel-left-button\" />\n    </template>\n    <transition-group\n      @before-enter=\"onBeforeEnter\"\n      @enter=\"onEnter\"\n      @leave=\"onLeave\"\n      class=\"x-related-prompts-tag-list\"\n      :css=\"false\"\n      tag=\"ul\"\n      appear\n    >\n      <li\n        v-for=\"{ index, ...relatedPrompt } in visibleRelatedPrompts\"\n        ref=\"listItems\"\n        :key=\"relatedPrompt.suggestionText\"\n        class=\"x-related-prompts-tag-list-item\"\n        :class=\"[tagClass, tagColors && tagColors[index % tagColors.length]]\"\n        :data-index=\"index\"\n        :style=\"{\n          ...(selectedPromptIndex === index && { width: '100%' }),\n          ...(isAnimating && { pointerEvents: 'none' })\n        }\"\n        data-test=\"related-prompts-tag-list-item\"\n      >\n        <!--\n         @slot - The slot to render related prompt information.\n         @prop {Object} relatedPrompt - The related prompt object.\n         @prop {Function} onSelect - The function to select the related prompt.\n         @prop {Boolean} isSelected - Indicates if the related prompt is currently selected.\n         -->\n        <slot\n          :relatedPrompt=\"relatedPrompt\"\n          :onSelect=\"() => onSelect(index)\"\n          :isSelected=\"selectedPromptIndex === index\"\n        >\n          <DisplayEmitter\n            :payload=\"relatedPrompt.tagging?.toolingDisplayTagging\"\n            :eventMetadata=\"{\n              feature: 'related-prompts',\n              displayOriginalQuery: x.query.searchBox,\n              replaceable: false\n            }\"\n          >\n            <RelatedPrompt\n              @click=\"onSelect(index)\"\n              :related-prompt=\"relatedPrompt\"\n              :selected=\"selectedPromptIndex === index\"\n            >\n              <template #related-prompt-extra-content>\n                <slot name=\"related-prompt-extra-content\" :relatedPrompt=\"relatedPrompt\" />\n              </template>\n            </RelatedPrompt>\n          </DisplayEmitter>\n        </slot>\n      </li>\n    </transition-group>\n    <template #sliding-panel-right-button>\n      <!--\n      @slot sliding-panel-right-button - The button to be displayed on the right side of the sliding panel.\n      -->\n      <slot name=\"sliding-panel-right-button\" />\n    </template>\n  </SlidingPanel>\n</template>\n\n<script lang=\"ts\">\n  import { RelatedPrompt as RelatedPromptModel } from '@empathyco/x-types';\n  import { computed, ComputedRef, defineComponent, PropType, ref } from 'vue';\n  import SlidingPanel from '../../../components/sliding-panel.vue';\n  import { relatedPromptsXModule } from '../x-module';\n  import { use$x, useState } from '../../../composables';\n  import DisplayEmitter from '../../../components/display-emitter.vue';\n  import RelatedPrompt from './related-prompt.vue';\n\n  /**\n   * This component shows the list of `RelatedPrompts` components.\n   *\n   * If the default slot is reimplemented in the consumer, `onSelect` function will be\n   * necessary to handle the selection of the related prompt and to trigger the stagger-fade-slide animation.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'RelatedPromptsTagList',\n    xModule: relatedPromptsXModule.name,\n    components: { DisplayEmitter, RelatedPrompt, SlidingPanel },\n    props: {\n      /**\n       * The CSS class for the left and right button of the sliding panel.\n       *\n       * @public\n       */\n      buttonClass: String,\n      /**\n       * The boolean prop to handle the visiblity of sliding pannel buttons.\n       *\n       * @public\n       */\n      showButtons: { type: Boolean, default: true },\n      /**\n       * The CSS class for the wrapper of all the related prompt wrapper elements.\n       *\n       * @public\n       */\n      scrollContainerClass: String,\n      /**\n       * The CSS class for all the related prompt wrapper elements.\n       *\n       * @public\n       */\n      tagClass: String,\n      /**\n       * Array of colors to apply to the related prompts. It will be applied to tag\n       * elements cyclically according to their index in the nex way: `tagColors[index % tagColors.length]`.\n       *\n       * @public\n       */\n      tagColors: Array as PropType<string[]>,\n      /**\n       * The duration of the total animation in milliseconds.\n       *\n       * @public\n       */\n      animationDurationInMs: {\n        type: Number,\n        default: 700\n      }\n    },\n    setup(props) {\n      const x = use$x();\n      const relatedPrompts: ComputedRef<RelatedPromptModel[]> = useState('relatedPrompts', [\n        'relatedPrompts'\n      ]).relatedPrompts;\n      const selectedPromptIndex: ComputedRef<number> = useState('relatedPrompts', [\n        'selectedPrompt'\n      ]).selectedPrompt;\n\n      const clickedListItemIndex = ref<number | null>(null);\n      const initialOffsetLefts: Record<number, number> = {};\n      const isAnimating = ref(false);\n      const listItems = ref<HTMLElement[]>([]);\n\n      const sortedListItems = computed<HTMLElement[]>(() =>\n        [...listItems.value].sort(\n          (a: HTMLElement, b: HTMLElement) =>\n            Number.parseInt(b.getAttribute('data-index')!) -\n            Number.parseInt(a.getAttribute('data-index')!)\n        )\n      );\n\n      // The duration of a single animation (enter or leave) in milliseconds\n      // if a related prompt is clicked (clickedListItemIndex.value !== null), the duration is divided by the number of related\n      // prompts -1 (the clicked one is synchronized with the last one to leave or the first one to enter)\n      const singleAnimationDurationInMs = computed(\n        () =>\n          props.animationDurationInMs /\n          (clickedListItemIndex.value !== null\n            ? relatedPrompts.value.length - 1\n            : relatedPrompts.value.length)\n      );\n\n      const indexRelatedPrompts = computed(() =>\n        relatedPrompts.value.map((relatedPrompt, index) => ({ ...relatedPrompt, index }))\n      );\n\n      const visibleRelatedPrompts = computed(() =>\n        selectedPromptIndex.value !== -1\n          ? [indexRelatedPrompts.value[selectedPromptIndex.value]]\n          : indexRelatedPrompts.value\n      );\n\n      let timeOutId: number;\n      const resetTransitionStyle = (excludedProperties: Array<string> = ['width']) => {\n        if (timeOutId) {\n          clearTimeout(timeOutId);\n        }\n\n        isAnimating.value = true;\n        timeOutId = +setTimeout(() => {\n          isAnimating.value = false;\n          clickedListItemIndex.value = null;\n\n          sortedListItems.value.forEach(element => {\n            element.style.cssText\n              .split(';')\n              .map(rule => rule.split(':')[0]?.trim())\n              .forEach(property => {\n                if (!excludedProperties.includes(property)) {\n                  element.style.removeProperty(property);\n                }\n              });\n          });\n        }, props.animationDurationInMs);\n      };\n\n      const onSelect = (selectedIndex: number): void => {\n        resetTransitionStyle();\n\n        clickedListItemIndex.value = selectedIndex;\n        const selected: HTMLElement = sortedListItems.value.find(\n          element => Number.parseInt(element.getAttribute('data-index')!) === selectedIndex\n        )!;\n\n        // selectedPromptIndex.value === -1 ? 'SELECTING' : 'DESELECTING'\n        if (selectedPromptIndex.value === -1) {\n          // Prepare all the elements for the leave animation (~ 'beforeLeave' hook). Remember the elements are\n          // sorted in descending order by index.\n          sortedListItems.value.forEach(element => {\n            const index = Number.parseInt(element.getAttribute('data-index')!);\n\n            initialOffsetLefts[index] = element.offsetLeft;\n            element.style.left = `${element.offsetLeft}px`;\n            element.style.position = 'absolute';\n            element.style.transitionDuration = `${singleAnimationDurationInMs.value}ms`;\n\n            if (index !== selectedIndex) {\n              element.style.opacity = '1';\n              element.style.transitionDelay = `${\n                (index < selectedIndex ? index : index - 1) * singleAnimationDurationInMs.value\n              }ms`;\n            }\n          });\n\n          // Synchronize the transition delay of the selected element with the last\n          // element to leave\n          selected.style.transitionDelay = `${\n            (relatedPrompts.value.length > 1 ? relatedPrompts.value.length - 2 : 0) *\n            singleAnimationDurationInMs.value\n          }ms`;\n\n          // Trigger the animation (selecting) for the selected element\n          requestAnimationFrame(() => {\n            const maxWidth = getComputedStyle(selected).maxWidth;\n\n            selected.style.left = '0px';\n            selected.style.setProperty(\n              'width',\n              `${maxWidth !== 'none' ? maxWidth : '100%'}`,\n              'important'\n            );\n          });\n        } else {\n          // Prepare the selected element for the deselecting animation\n          selected.style.transitionDuration = `${singleAnimationDurationInMs.value}ms`;\n          selected.style.left = '0px';\n          selected.style.position = 'absolute';\n\n          // Trigger the animation (deselecting) for the selected element\n          selected.style.removeProperty('width');\n          requestAnimationFrame(() => {\n            selected.style.left = `${initialOffsetLefts[selectedIndex]}px`;\n          });\n        }\n\n        x.emit('UserSelectedARelatedPrompt', selectedIndex, {\n          relatedPrompt: relatedPrompts.value[selectedIndex],\n          selectedPrompt: selectedPromptIndex.value\n        });\n      };\n\n      const onBeforeEnter = (el: Element) => {\n        const element = el as HTMLElement;\n        const index = Number.parseInt(element.getAttribute('data-index')!);\n\n        // Prepare the element for the enter animation\n        element.style.opacity = '0';\n        element.style.transform = 'translateY(5px)';\n        element.style.transitionDelay = `${\n          (clickedListItemIndex.value !== null && index > clickedListItemIndex.value\n            ? index - 1\n            : index) * singleAnimationDurationInMs.value\n        }ms`;\n        element.style.transitionDuration = `${singleAnimationDurationInMs.value}ms`;\n      };\n\n      const onEnter = (el: Element, done: () => void) => {\n        const element = el as HTMLElement;\n        const index = Number.parseInt(element.getAttribute('data-index')!);\n\n        // Also part of the preparation for the enter animation, but it needs to be done\n        // once the element is inserted in DOM (if not the offsetLeft will be always 0)\n        element.style.left = `${initialOffsetLefts[index] ?? element.offsetLeft}px`;\n\n        // trigger enter animation\n        requestAnimationFrame(() => {\n          element.style.opacity = '1';\n          element.style.position = 'absolute';\n          element.style.transform = 'translateY(0)';\n        });\n\n        done();\n      };\n\n      const onLeave = (el: Element, done: () => void) => {\n        const element = el as HTMLElement;\n\n        // trigger leave animation\n        requestAnimationFrame(() => {\n          element.style.opacity = '0';\n          element.style.transform = 'translateY(5px)';\n        });\n\n        // Wait for the animation to finish (done() exectution extracts the element from the DOM)\n        setTimeout(done, props.animationDurationInMs);\n      };\n\n      // Changing the request will trigger the appear animation, so we need to reset the\n      // style after it finishes\n      x.on('SearchRequestChanged', false).subscribe(() => {\n        resetTransitionStyle([]);\n      });\n\n      return {\n        onSelect,\n        onBeforeEnter,\n        onEnter,\n        onLeave,\n        selectedPromptIndex,\n        visibleRelatedPrompts,\n        listItems,\n        isAnimating,\n        x\n      };\n    }\n  });\n</script>\n\n<style lang=\"css\">\n  .x-related-prompts-tag-list-scroll-container {\n    height: 100%;\n    position: relative;\n  }\n  .x-related-prompts-tag-list {\n    display: flex;\n    gap: 16px;\n    min-width: 100%;\n    width: 100%;\n  }\n  .x-related-prompts-tag-list-item {\n    height: 100%;\n    flex-shrink: 0;\n  }\n</style>\n"],"names":["DisplayEmitter"],"mappings":"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"}

package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue3.js

@@ -0,0 +1,7 @@
+import injectCss from '../../../../tools/inject-css.js';
+
+var css = ".x-related-prompts-tag-list-scroll-container{height:100%;position:relative}.x-related-prompts-tag-list{display:flex;gap:16px;min-width:100%;width:100%}.x-related-prompts-tag-list-item{flex-shrink:0;height:100%}";
+injectCss(css);
+
+export { css, css as default };
+//# sourceMappingURL=related-prompts-tag-list.vue3.js.map

package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"related-prompts-tag-list.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/js/x-modules/related-prompts/store/actions/fetch-and-save-related-prompts.action.js

@@ -0,0 +1,29 @@
+import { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils.js';
+
+const { fetchAndSave, cancelPrevious } = createFetchAndSaveActions({
+    fetch({ dispatch }, request) {
+        return dispatch('fetchRelatedPrompts', request);
+    },
+    onSuccess({ commit }, relatedPrompts) {
+        if (relatedPrompts) {
+            commit('setRelatedPromptsProducts', relatedPrompts);
+        }
+    }
+});
+/**
+ * Default implementation for
+ * {@link RelatedPromptsActions.fetchAndSaveRelatedPrompts} action.
+ *
+ * @public
+ */
+const fetchAndSaveRelatedPrompts = fetchAndSave;
+/**
+ * Default implementation for
+ * {@link RelatedPromptsActions.cancelFetchAndSaveRelatedPrompts} action.
+ *
+ * @public
+ */
+const cancelFetchAndSaveRelatedPrompts = cancelPrevious;
+
+export { cancelFetchAndSaveRelatedPrompts, fetchAndSaveRelatedPrompts };
+//# sourceMappingURL=fetch-and-save-related-prompts.action.js.map

package/js/x-modules/related-prompts/store/actions/fetch-and-save-related-prompts.action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch-and-save-related-prompts.action.js","sources":["../../../../../../src/x-modules/related-prompts/store/actions/fetch-and-save-related-prompts.action.ts"],"sourcesContent":["import { RelatedPrompt, RelatedPromptsRequest } from '@empathyco/x-types';\nimport { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils';\nimport { RelatedPromptsActionContext } from '../types';\n\nconst { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<\n  RelatedPromptsActionContext,\n  RelatedPromptsRequest | null,\n  RelatedPrompt[] | null\n>({\n  fetch({ dispatch }, request) {\n    return dispatch('fetchRelatedPrompts', request);\n  },\n  onSuccess({ commit }, relatedPrompts) {\n    if (relatedPrompts) {\n      commit('setRelatedPromptsProducts', relatedPrompts);\n    }\n  }\n});\n\n/**\n * Default implementation for\n * {@link RelatedPromptsActions.fetchAndSaveRelatedPrompts} action.\n *\n * @public\n */\nexport const fetchAndSaveRelatedPrompts = fetchAndSave;\n\n/**\n * Default implementation for\n * {@link RelatedPromptsActions.cancelFetchAndSaveRelatedPrompts} action.\n *\n * @public\n */\nexport const cancelFetchAndSaveRelatedPrompts = cancelPrevious;\n"],"names":[],"mappings":";;AAIA,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,yBAAyB,CAIhE;AACA,IAAA,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAA;AACzB,QAAA,OAAO,QAAQ,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAC;KACjD;AACD,IAAA,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE,cAAc,EAAA;AAClC,QAAA,IAAI,cAAc,EAAE;AAClB,YAAA,MAAM,CAAC,2BAA2B,EAAE,cAAc,CAAC,CAAC;AACrD,SAAA;KACF;AACF,CAAA,CAAC,CAAC;AAEH;;;;;AAKG;AACI,MAAM,0BAA0B,GAAG,aAAa;AAEvD;;;;;AAKG;AACI,MAAM,gCAAgC,GAAG;;;;"}

package/js/x-modules/related-prompts/store/actions/fetch-related-prompts.action.js

@@ -0,0 +1,20 @@
+import { XPlugin } from '../../../../plugins/x-plugin.js';
+
+/**
+ * Default implementation for the {@link RelatedPromptsActions.fetchRelatedPrompts}.
+ *
+ * @param _ - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,
+ * provided by Vuex.
+ * @param request - The related prompts request to make.
+ * @returns The related prompts response.
+ *
+ * @public
+ */
+const fetchRelatedPrompts = (_, request) => {
+    return request
+        ? XPlugin.adapter.relatedPrompts(request).then(({ relatedPrompts }) => relatedPrompts)
+        : null;
+};
+
+export { fetchRelatedPrompts };
+//# sourceMappingURL=fetch-related-prompts.action.js.map

package/js/x-modules/related-prompts/store/actions/fetch-related-prompts.action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch-related-prompts.action.js","sources":["../../../../../../src/x-modules/related-prompts/store/actions/fetch-related-prompts.action.ts"],"sourcesContent":["import { XPlugin } from '../../../../plugins/x-plugin';\nimport { RelatedPromptsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link RelatedPromptsActions.fetchRelatedPrompts}.\n *\n * @param _ - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param request - The related prompts request to make.\n * @returns The related prompts response.\n *\n * @public\n */\nexport const fetchRelatedPrompts: RelatedPromptsXStoreModule['actions']['fetchRelatedPrompts'] = (\n  _,\n  request\n) => {\n  return request\n    ? XPlugin.adapter.relatedPrompts(request).then(({ relatedPrompts }) => relatedPrompts)\n    : null;\n};\n"],"names":[],"mappings":";;AAGA;;;;;;;;;AASG;MACU,mBAAmB,GAAiE,CAC/F,CAAC,EACD,OAAO,KACL;AACF,IAAA,OAAO,OAAO;UACV,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,cAAc,CAAC;UACpF,IAAI,CAAC;AACX;;;;"}

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

@@ -0,0 +1,15 @@
+/**
+ * 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, prompt }) => {
+    commit('setQuery', query);
+    commit('setSelectedPrompt', prompt);
+};
+
+export { setUrlParams };
+//# sourceMappingURL=set-url-params.action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"set-url-params.action.js","sources":["../../../../../../src/x-modules/related-prompts/store/actions/set-url-params.action.ts"],"sourcesContent":["import { RelatedPromptsXStoreModule } from '../types';\n\n/**\n * Default implementation setUrlParams.\n *\n * @param context - The context of the actions, provided by Vuex.\n *\n * @param urlParams - List of params from the url.\n * @public\n */\nexport const setUrlParams: RelatedPromptsXStoreModule['actions']['setUrlParams'] = (\n  { commit },\n  { query, prompt }\n) => {\n  commit('setQuery', query);\n  commit('setSelectedPrompt', prompt);\n};\n"],"names":[],"mappings":"AAEA;;;;;;;AAOG;AACI,MAAM,YAAY,GAA0D,CACjF,EAAE,MAAM,EAAE,EACV,EAAE,KAAK,EAAE,MAAM,EAAE,KACf;AACF,IAAA,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;AAC1B,IAAA,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;AACtC;;;;"}

package/js/x-modules/related-prompts/store/emitters.js

@@ -0,0 +1,16 @@
+import '@empathyco/x-utils';
+import { createStoreEmitters } from '../../../store/utils/store-emitters.utils.js';
+import { relatedPromptsXStoreModule } from './module.js';
+
+/**
+ * {@link StoreEmitters} For the related-prompts module.
+ *
+ * @internal
+ */
+const relatedPromptsStoreEmitters = createStoreEmitters(relatedPromptsXStoreModule, {
+    RelatedPromptsRequestUpdated: (_, getters) => getters.request,
+    SelectedRelatedPromptChanged: state => state.selectedPrompt
+});
+
+export { relatedPromptsStoreEmitters };
+//# sourceMappingURL=emitters.js.map

package/js/x-modules/related-prompts/store/emitters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/related-prompts/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store';\nimport { relatedPromptsXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the related-prompts module.\n *\n * @internal\n */\nexport const relatedPromptsStoreEmitters = createStoreEmitters(relatedPromptsXStoreModule, {\n  RelatedPromptsRequestUpdated: (_, getters) => getters.request,\n  SelectedRelatedPromptChanged: state => state.selectedPrompt\n});\n"],"names":[],"mappings":";;;;AAGA;;;;AAIG;AACU,MAAA,2BAA2B,GAAG,mBAAmB,CAAC,0BAA0B,EAAE;IACzF,4BAA4B,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO;AAC7D,IAAA,4BAA4B,EAAE,KAAK,IAAI,KAAK,CAAC,cAAc;AAC5D,CAAA;;;;"}

package/js/x-modules/related-prompts/store/getters/related-prompts-query.getter.js

@@ -0,0 +1,18 @@
+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=related-prompts-query.getter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"related-prompts-query.getter.js","sources":["../../../../../../src/x-modules/related-prompts/store/getters/related-prompts-query.getter.ts"],"sourcesContent":["import { createRelatedTagsQueryGetter } from '../../../../store/utils/query.utils';\nimport { RelatedPromptsXStoreModule } from '../types';\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: RelatedPromptsXStoreModule['getters']['query'] = createRelatedTagsQueryGetter({\n  getRelatedTags: state => state.relatedTags\n});\n"],"names":[],"mappings":";;AAGA;;;;;;;;;AASG;AACI,MAAM,KAAK,GAAmD,4BAA4B,CAAC;AAChG,IAAA,cAAc,EAAE,KAAK,IAAI,KAAK,CAAC,WAAW;AAC3C,CAAA;;;;"}

package/js/x-modules/related-prompts/store/getters/request.getter.js

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

package/js/x-modules/related-prompts/store/getters/request.getter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"request.getter.js","sources":["../../../../../../src/x-modules/related-prompts/store/getters/request.getter.ts"],"sourcesContent":["import { RelatedPromptsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link RelatedPromptsGetters.request} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the related\n * prompts module.\n * @param getters - Current {@link https://vuex.vuejs.org/guide/getters.html | getters} of the\n * related prompts' module.\n * @returns The related prompts request to fetch data from the API.\n *\n * @public\n */\nexport const request: RelatedPromptsXStoreModule['getters']['request'] = (\n  { params },\n  { query }\n) => {\n  return query ? { query, extraParams: params } : null;\n};\n"],"names":[],"mappings":"AAEA;;;;;;;;;;AAUG;AACI,MAAM,OAAO,GAAqD,CACvE,EAAE,MAAM,EAAE,EACV,EAAE,KAAK,EAAE,KACP;AACF,IAAA,OAAO,KAAK,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;AACvD;;;;"}

package/js/x-modules/related-prompts/store/module.js

@@ -0,0 +1,64 @@
+import { setStatus } from '../../../store/utils/status-store.utils.js';
+import { setQuery } from '../../../store/utils/query.utils.js';
+import { fetchAndSaveRelatedPrompts, cancelFetchAndSaveRelatedPrompts } from './actions/fetch-and-save-related-prompts.action.js';
+import { fetchRelatedPrompts } from './actions/fetch-related-prompts.action.js';
+import { setUrlParams } from './actions/set-url-params.action.js';
+import { request } from './getters/request.getter.js';
+import { query } from './getters/related-prompts-query.getter.js';
+
+/**
+ * {@link XStoreModule} For the related prompt module.
+ *
+ * @internal
+ */
+const relatedPromptsXStoreModule = {
+    state: () => ({
+        query: '',
+        relatedPrompts: [],
+        selectedPrompt: -1,
+        selectedQuery: -1,
+        status: 'initial',
+        params: {},
+        relatedTags: []
+    }),
+    getters: {
+        request,
+        query
+    },
+    mutations: {
+        setStatus,
+        setQuery,
+        setParams(state, params) {
+            state.params = params;
+        },
+        setRelatedPromptsProducts(state, products) {
+            state.relatedPrompts = products;
+        },
+        setSelectedPrompt(state, selectedPrompt) {
+            state.selectedPrompt = state.selectedPrompt === selectedPrompt ? -1 : selectedPrompt;
+        },
+        setSelectedQuery(state, selectedQuery) {
+            state.selectedQuery = selectedQuery;
+        },
+        resetRelatedPromptsState(state) {
+            state.selectedQuery = -1;
+            state.selectedPrompt = -1;
+            state.relatedPrompts = [];
+        },
+        resetSelectedPrompt(state) {
+            state.selectedPrompt = -1;
+        },
+        setRelatedPromptsRelatedTags(state, relatedTags) {
+            state.relatedTags = relatedTags;
+        }
+    },
+    actions: {
+        fetchRelatedPrompts,
+        fetchAndSaveRelatedPrompts,
+        cancelFetchAndSaveRelatedPrompts,
+        setUrlParams
+    }
+};
+
+export { relatedPromptsXStoreModule };
+//# sourceMappingURL=module.js.map

package/js/x-modules/related-prompts/store/module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/related-prompts/store/module.ts"],"sourcesContent":["import { setStatus } from '../../../store/utils/status-store.utils';\nimport { setQuery } from '../../../store/utils/query.utils';\nimport { RelatedPromptsXStoreModule } from './types';\nimport {\n  cancelFetchAndSaveRelatedPrompts,\n  fetchAndSaveRelatedPrompts\n} from './actions/fetch-and-save-related-prompts.action';\nimport { fetchRelatedPrompts } from './actions/fetch-related-prompts.action';\nimport { setUrlParams } from './actions/set-url-params.action';\nimport { request } from './getters/request.getter';\nimport { query } from './getters/related-prompts-query.getter';\n\n/**\n * {@link XStoreModule} For the related prompt module.\n *\n * @internal\n */\nexport const relatedPromptsXStoreModule: RelatedPromptsXStoreModule = {\n  state: () => ({\n    query: '',\n    relatedPrompts: [],\n    selectedPrompt: -1,\n    selectedQuery: -1,\n    status: 'initial',\n    params: {},\n    relatedTags: []\n  }),\n  getters: {\n    request,\n    query\n  },\n  mutations: {\n    setStatus,\n    setQuery,\n    setParams(state, params) {\n      state.params = params;\n    },\n    setRelatedPromptsProducts(state, products) {\n      state.relatedPrompts = products;\n    },\n    setSelectedPrompt(state, selectedPrompt) {\n      state.selectedPrompt = state.selectedPrompt === selectedPrompt ? -1 : selectedPrompt;\n    },\n    setSelectedQuery(state, selectedQuery) {\n      state.selectedQuery = selectedQuery;\n    },\n    resetRelatedPromptsState(state) {\n      state.selectedQuery = -1;\n      state.selectedPrompt = -1;\n      state.relatedPrompts = [];\n    },\n    resetSelectedPrompt(state) {\n      state.selectedPrompt = -1;\n    },\n    setRelatedPromptsRelatedTags(state, relatedTags) {\n      state.relatedTags = relatedTags;\n    }\n  },\n  actions: {\n    fetchRelatedPrompts,\n    fetchAndSaveRelatedPrompts,\n    cancelFetchAndSaveRelatedPrompts,\n    setUrlParams\n  }\n};\n"],"names":[],"mappings":";;;;;;;;AAYA;;;;AAIG;AACU,MAAA,0BAA0B,GAA+B;AACpE,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,cAAc,EAAE,EAAE;QAClB,cAAc,EAAE,CAAC,CAAC;QAClB,aAAa,EAAE,CAAC,CAAC;AACjB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,WAAW,EAAE,EAAE;KAChB,CAAC;AACF,IAAA,OAAO,EAAE;QACP,OAAO;QACP,KAAK;AACN,KAAA;AACD,IAAA,SAAS,EAAE;QACT,SAAS;QACT,QAAQ;QACR,SAAS,CAAC,KAAK,EAAE,MAAM,EAAA;AACrB,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;QACD,yBAAyB,CAAC,KAAK,EAAE,QAAQ,EAAA;AACvC,YAAA,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC;SACjC;QACD,iBAAiB,CAAC,KAAK,EAAE,cAAc,EAAA;AACrC,YAAA,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,KAAK,cAAc,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC;SACtF;QACD,gBAAgB,CAAC,KAAK,EAAE,aAAa,EAAA;AACnC,YAAA,KAAK,CAAC,aAAa,GAAG,aAAa,CAAC;SACrC;AACD,QAAA,wBAAwB,CAAC,KAAK,EAAA;AAC5B,YAAA,KAAK,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;AACzB,YAAA,KAAK,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC;AAC1B,YAAA,KAAK,CAAC,cAAc,GAAG,EAAE,CAAC;SAC3B;AACD,QAAA,mBAAmB,CAAC,KAAK,EAAA;AACvB,YAAA,KAAK,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC;SAC3B;QACD,4BAA4B,CAAC,KAAK,EAAE,WAAW,EAAA;AAC7C,YAAA,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC;SACjC;AACF,KAAA;AACD,IAAA,OAAO,EAAE;QACP,mBAAmB;QACnB,0BAA0B;QAC1B,gCAAgC;QAChC,YAAY;AACb,KAAA;;;;;"}

package/js/x-modules/related-prompts/wiring.js

@@ -0,0 +1,82 @@
+import { namespacedWireCommit, namespacedWireCommitWithoutPayload, namespacedWireDispatch, namespacedWireDispatchWithoutPayload } from '../../wiring/namespaced-wires.factory.js';
+import { createWiring } from '../../wiring/wiring.utils.js';
+import { filter } from '../../wiring/wires.operators.js';
+
+/** `relatedPrompts` XModule name. */
+const moduleName = 'relatedPrompts';
+/** WireCommit for RelatedPromptsXModule. */
+const wireCommit = namespacedWireCommit(moduleName);
+/** WireCommitWithoutPayload for RelatedPromptsXModule. */
+const wireCommitWithoutPayload = namespacedWireCommitWithoutPayload(moduleName);
+/** WireDispatch for RelatedPromptsXModule.*/
+const wireDispatch = namespacedWireDispatch(moduleName);
+/** WireDispatchWithoutPayload for RelatedPromptsXModule. */
+const wireDispatchWithoutPayload = namespacedWireDispatchWithoutPayload(moduleName);
+/** Sets the related prompts state from URL data. */
+const setUrlParams = wireDispatch('setUrlParams');
+/** Sets the related prompts state `params`. */
+const setExtraParams = wireCommit('setParams');
+/** Sets the related prompts state `query`. */
+const setRelatedPromptsQuery = wireCommit('setQuery');
+/** Sets the related prompts state `query` from the payload. */
+const setRelatedPromptsQueryFromPreview = wireCommit('setQuery', ({ eventPayload: { query } }) => query);
+/** Sets the related prompts state `selectedQuery`. */
+const setRelatedPromptQuery = wireCommit('setSelectedQuery');
+/** Sets the related prompts state `selectedPrompt`. */
+const setRelatedPrompt = wireCommit('setSelectedPrompt');
+/** Sets the related prompts state `relatedTags`.*/
+const setRelatedPromptsRelatedTags = wireCommit('setRelatedPromptsRelatedTags');
+/** Fetches and saves the related prompts response. */
+const fetchAndSaveRelatedPrompts = wireDispatch('fetchAndSaveRelatedPrompts');
+/** Cancels the fetch and save related prompts response. */
+const cancelFetchAndSaveRelatedPrompts = wireDispatchWithoutPayload('cancelFetchAndSaveRelatedPrompts');
+/** Resets the related prompts state. */
+const resetRelatedPromptsState = wireCommitWithoutPayload('resetRelatedPromptsState');
+/** Resets the selected related prompt number. */
+const resetRelatedPrompt = wireCommitWithoutPayload('resetSelectedPrompt');
+/**
+ * Wiring configuration for the {@link RelatedPromptsXModule | related prompts module}.
+ *
+ * @internal
+ */
+const relatedPromptsWiring = createWiring({
+    ParamsLoadedFromUrl: {
+        setUrlParams
+    },
+    ExtraParamsChanged: {
+        setExtraParams
+    },
+    UserAcceptedAQuery: {
+        setRelatedPromptsQuery,
+        resetRelatedPrompt
+    },
+    UserAcceptedAQueryPreview: {
+        setRelatedPromptsQueryFromPreview,
+        resetRelatedPrompt
+    },
+    UserClearedQuery: {
+        cancelFetchAndSaveRelatedPrompts,
+        resetRelatedPromptsState,
+        setRelatedPromptsQuery
+    },
+    RelatedPromptsRequestUpdated: {
+        fetchAndSaveRelatedPrompts
+    },
+    UserSelectedARelatedPrompt: {
+        setRelatedPrompt
+    },
+    UserSelectedARelatedPromptQuery: {
+        setRelatedPromptQuery
+    },
+    SearchRequestChanged: {
+        resetRelatedPrompt: filter(resetRelatedPrompt, 
+        // Avoid reset selected prompt just after restored from URL with ParamsLoadedFromUrl event
+        ({ store }) => store.state.x.search.origin !== 'url:external')
+    },
+    SelectedRelatedTagsChanged: {
+        setRelatedPromptsRelatedTags
+    }
+});
+
+export { relatedPromptsWiring };
+//# sourceMappingURL=wiring.js.map

package/js/x-modules/related-prompts/wiring.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/related-prompts/wiring.ts"],"sourcesContent":["import {\n  namespacedWireCommit,\n  namespacedWireCommitWithoutPayload,\n  namespacedWireDispatch,\n  namespacedWireDispatchWithoutPayload\n} from '../../wiring/namespaced-wires.factory';\nimport { createWiring } from '../../wiring/wiring.utils';\nimport { filter } from '../../wiring/wires.operators';\n\n/** `relatedPrompts` XModule name. */\nconst moduleName = 'relatedPrompts';\n/** WireCommit for RelatedPromptsXModule. */\nconst wireCommit = namespacedWireCommit(moduleName);\n/** WireCommitWithoutPayload for RelatedPromptsXModule. */\nconst wireCommitWithoutPayload = namespacedWireCommitWithoutPayload(moduleName);\n/** WireDispatch for RelatedPromptsXModule.*/\nconst wireDispatch = namespacedWireDispatch(moduleName);\n/** WireDispatchWithoutPayload for RelatedPromptsXModule. */\nconst wireDispatchWithoutPayload = namespacedWireDispatchWithoutPayload(moduleName);\n\n/** Sets the related prompts state from URL data. */\nconst setUrlParams = wireDispatch('setUrlParams');\n/** Sets the related prompts state `params`. */\nconst setExtraParams = wireCommit('setParams');\n\n/** Sets the related prompts state `query`. */\nconst setRelatedPromptsQuery = wireCommit('setQuery');\n/** Sets the related prompts state `query` from the payload. */\nconst setRelatedPromptsQueryFromPreview = wireCommit(\n  'setQuery',\n  ({ eventPayload: { query } }) => query\n);\n/** Sets the related prompts state `selectedQuery`. */\nconst setRelatedPromptQuery = wireCommit('setSelectedQuery');\n/** Sets the related prompts state `selectedPrompt`. */\nconst setRelatedPrompt = wireCommit('setSelectedPrompt');\n/** Sets the related prompts state `relatedTags`.*/\nconst setRelatedPromptsRelatedTags = wireCommit('setRelatedPromptsRelatedTags');\n/** Fetches and saves the related prompts response. */\nconst fetchAndSaveRelatedPrompts = wireDispatch('fetchAndSaveRelatedPrompts');\n/** Cancels the fetch and save related prompts response. */\nconst cancelFetchAndSaveRelatedPrompts = wireDispatchWithoutPayload(\n  'cancelFetchAndSaveRelatedPrompts'\n);\n\n/** Resets the related prompts state. */\nconst resetRelatedPromptsState = wireCommitWithoutPayload('resetRelatedPromptsState');\n/** Resets the selected related prompt number. */\nconst resetRelatedPrompt = wireCommitWithoutPayload('resetSelectedPrompt');\n\n/**\n * Wiring configuration for the {@link RelatedPromptsXModule | related prompts module}.\n *\n * @internal\n */\nexport const relatedPromptsWiring = createWiring({\n  ParamsLoadedFromUrl: {\n    setUrlParams\n  },\n  ExtraParamsChanged: {\n    setExtraParams\n  },\n  UserAcceptedAQuery: {\n    setRelatedPromptsQuery,\n    resetRelatedPrompt\n  },\n  UserAcceptedAQueryPreview: {\n    setRelatedPromptsQueryFromPreview,\n    resetRelatedPrompt\n  },\n  UserClearedQuery: {\n    cancelFetchAndSaveRelatedPrompts,\n    resetRelatedPromptsState,\n    setRelatedPromptsQuery\n  },\n  RelatedPromptsRequestUpdated: {\n    fetchAndSaveRelatedPrompts\n  },\n  UserSelectedARelatedPrompt: {\n    setRelatedPrompt\n  },\n  UserSelectedARelatedPromptQuery: {\n    setRelatedPromptQuery\n  },\n  SearchRequestChanged: {\n    resetRelatedPrompt: filter(\n      resetRelatedPrompt,\n      // Avoid reset selected prompt just after restored from URL with ParamsLoadedFromUrl event\n      ({ store }) => store.state.x.search.origin !== 'url:external'\n    )\n  },\n  SelectedRelatedTagsChanged: {\n    setRelatedPromptsRelatedTags\n  }\n});\n"],"names":[],"mappings":";;;;AASA;AACA,MAAM,UAAU,GAAG,gBAAgB,CAAC;AACpC;AACA,MAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;AACpD;AACA,MAAM,wBAAwB,GAAG,kCAAkC,CAAC,UAAU,CAAC,CAAC;AAChF;AACA,MAAM,YAAY,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;AACxD;AACA,MAAM,0BAA0B,GAAG,oCAAoC,CAAC,UAAU,CAAC,CAAC;AAEpF;AACA,MAAM,YAAY,GAAG,YAAY,CAAC,cAAc,CAAC,CAAC;AAClD;AACA,MAAM,cAAc,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;AAE/C;AACA,MAAM,sBAAsB,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;AACtD;AACA,MAAM,iCAAiC,GAAG,UAAU,CAClD,UAAU,EACV,CAAC,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,KAAK,CACvC,CAAC;AACF;AACA,MAAM,qBAAqB,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;AAC7D;AACA,MAAM,gBAAgB,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;AACzD;AACA,MAAM,4BAA4B,GAAG,UAAU,CAAC,8BAA8B,CAAC,CAAC;AAChF;AACA,MAAM,0BAA0B,GAAG,YAAY,CAAC,4BAA4B,CAAC,CAAC;AAC9E;AACA,MAAM,gCAAgC,GAAG,0BAA0B,CACjE,kCAAkC,CACnC,CAAC;AAEF;AACA,MAAM,wBAAwB,GAAG,wBAAwB,CAAC,0BAA0B,CAAC,CAAC;AACtF;AACA,MAAM,kBAAkB,GAAG,wBAAwB,CAAC,qBAAqB,CAAC,CAAC;AAE3E;;;;AAIG;AACI,MAAM,oBAAoB,GAAG,YAAY,CAAC;AAC/C,IAAA,mBAAmB,EAAE;QACnB,YAAY;AACb,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,cAAc;AACf,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,sBAAsB;QACtB,kBAAkB;AACnB,KAAA;AACD,IAAA,yBAAyB,EAAE;QACzB,iCAAiC;QACjC,kBAAkB;AACnB,KAAA;AACD,IAAA,gBAAgB,EAAE;QAChB,gCAAgC;QAChC,wBAAwB;QACxB,sBAAsB;AACvB,KAAA;AACD,IAAA,4BAA4B,EAAE;QAC5B,0BAA0B;AAC3B,KAAA;AACD,IAAA,0BAA0B,EAAE;QAC1B,gBAAgB;AACjB,KAAA;AACD,IAAA,+BAA+B,EAAE;QAC/B,qBAAqB;AACtB,KAAA;AACD,IAAA,oBAAoB,EAAE;QACpB,kBAAkB,EAAE,MAAM,CACxB,kBAAkB;;AAElB,QAAA,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,KAAK,cAAc,CAC9D;AACF,KAAA;AACD,IAAA,0BAA0B,EAAE;QAC1B,4BAA4B;AAC7B,KAAA;AACF,CAAA;;;;"}

package/js/x-modules/related-prompts/x-module.js

@@ -0,0 +1,21 @@
+import { XPlugin } from '../../plugins/x-plugin.js';
+import { relatedPromptsXStoreModule } from './store/module.js';
+import { relatedPromptsStoreEmitters } from './store/emitters.js';
+import { relatedPromptsWiring } from './wiring.js';
+
+/**
+ * Related Prompts {@link XModule} implementation. This module is auto-registered as soon as you
+ * import any component from the `related-prompts` entry point.
+ *
+ * @public
+ */
+const relatedPromptsXModule = {
+    name: 'relatedPrompts',
+    storeModule: relatedPromptsXStoreModule,
+    storeEmitters: relatedPromptsStoreEmitters,
+    wiring: relatedPromptsWiring
+};
+XPlugin.registerXModule(relatedPromptsXModule);
+
+export { relatedPromptsXModule };
+//# sourceMappingURL=x-module.js.map

package/js/x-modules/related-prompts/x-module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/related-prompts/x-module.ts"],"sourcesContent":["import { XPlugin } from '../../plugins/x-plugin';\nimport { XModule } from '../x-modules.types';\nimport { RelatedPromptsXStoreModule } from './store/types';\nimport { relatedPromptsXStoreModule } from './store/module';\nimport { relatedPromptsStoreEmitters } from './store/emitters';\nimport { relatedPromptsWiring } from './wiring';\n\n/**\n * RelatedPrompts {@link XModule} alias.\n *\n * @public\n */\nexport type RelatedPromptsXModule = XModule<RelatedPromptsXStoreModule>;\n\n/**\n * Related Prompts {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `related-prompts` entry point.\n *\n * @public\n */\nexport const relatedPromptsXModule: RelatedPromptsXModule = {\n  name: 'relatedPrompts',\n  storeModule: relatedPromptsXStoreModule,\n  storeEmitters: relatedPromptsStoreEmitters,\n  wiring: relatedPromptsWiring\n};\n\nXPlugin.registerXModule(relatedPromptsXModule);\n"],"names":[],"mappings":";;;;;AAcA;;;;;AAKG;AACU,MAAA,qBAAqB,GAA0B;AAC1D,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,WAAW,EAAE,0BAA0B;AACvC,IAAA,aAAa,EAAE,2BAA2B;AAC1C,IAAA,MAAM,EAAE,oBAAoB;EAC5B;AAEF,OAAO,CAAC,eAAe,CAAC,qBAAqB,CAAC;;;;"}