@gitlab/ui 72.11.0 → 72.12.0

package/dist/components/experimental/duo/chat/duo_chat.js

@@ -1,359 +0,0 @@
-import throttle from 'lodash/throttle';
-import emptySvg from '@gitlab/svgs/dist/illustrations/empty-state/empty-activity-md.svg';
-import GlDropdownItem from '../../../base/dropdown/dropdown_item';
-import GlCard from '../../../base/card/card';
-import GlEmptyState from '../../../regions/empty_state/empty_state';
-import GlButton from '../../../base/button/button';
-import GlAlert from '../../../base/alert/alert';
-import GlFormInputGroup from '../../../base/form/form_input_group/form_input_group';
-import GlFormTextarea from '../../../base/form/form_textarea/form_textarea';
-import GlForm from '../../../base/form/form';
-import GlFormText from '../../../base/form/form_text/form_text';
-import GlExperimentBadge from '../../experiment_badge/experiment_badge';
-import { badgeTypes, badgeTypeValidator } from '../../experiment_badge/constants';
-import { SafeHtmlDirective } from '../../../../directives/safe_html/safe_html';
-import GlDuoChatLoader from './components/duo_chat_loader/duo_chat_loader';
-import GlDuoChatPredefinedPrompts from './components/duo_chat_predefined_prompts/duo_chat_predefined_prompts';
-import GlDuoChatConversation from './components/duo_chat_conversation/duo_chat_conversation';
-import { CHAT_RESET_MESSAGE } from './constants';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-const i18n = {
-  CHAT_DEFAULT_TITLE: 'GitLab Duo Chat',
-  CHAT_CLOSE_LABEL: 'Close the Code Explanation',
-  CHAT_LEGAL_GENERATED_BY_AI: 'Responses generated by AI',
-  CHAT_EMPTY_STATE_TITLE: 'Ask a question',
-  CHAT_EMPTY_STATE_DESC: 'AI generated explanations will appear here.',
-  CHAT_PROMPT_PLACEHOLDER_DEFAULT: 'GitLab Duo Chat',
-  CHAT_PROMPT_PLACEHOLDER_WITH_COMMANDS: 'Type "/" for slash commands',
-  CHAT_SUBMIT_LABEL: 'Send chat message.',
-  CHAT_LEGAL_DISCLAIMER: "May provide inappropriate responses not representative of GitLab's views. Do not input personal data.",
-  CHAT_DEFAULT_PREDEFINED_PROMPTS: ['How do I change my password in GitLab?', 'How do I fork a project?', 'How do I clone a repository?', 'How do I create a template?']
-};
-const slashCommands = [{
-  name: '/reset',
-  shouldSubmit: true,
-  description: 'Reset conversation, ignore the previous messages.'
-}, {
-  name: '/tests',
-  shouldSubmit: false,
-  description: 'Write tests for the selected snippet.'
-}, {
-  name: '/refactor',
-  shouldSubmit: false,
-  description: 'Refactor the selected snippet.'
-}, {
-  name: '/explain',
-  shouldSubmit: false,
-  description: 'Explain the selected snippet.'
-}];
-const isMessage = item => Boolean(item) && (item === null || item === void 0 ? void 0 : item.role);
-
-// eslint-disable-next-line unicorn/no-array-callback-reference
-const itemsValidator = items => items.every(isMessage);
-var script = {
-  name: 'GlDuoChat',
-  components: {
-    GlEmptyState,
-    GlButton,
-    GlAlert,
-    GlFormInputGroup,
-    GlFormTextarea,
-    GlForm,
-    GlFormText,
-    GlExperimentBadge,
-    GlDuoChatLoader,
-    GlDuoChatPredefinedPrompts,
-    GlDuoChatConversation,
-    GlCard,
-    GlDropdownItem
-  },
-  directives: {
-    SafeHtml: SafeHtmlDirective
-  },
-  props: {
-    /**
-     * The title of the chat/feature.
-     */
-    title: {
-      type: String,
-      required: false,
-      default: i18n.CHAT_DEFAULT_TITLE
-    },
-    /**
-     * Array of messages to display in the chat.
-     */
-    messages: {
-      type: Array,
-      required: false,
-      default: () => [],
-      validator: itemsValidator
-    },
-    /**
-     * A non-recoverable error message to display in the chat.
-     */
-    error: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    /**
-     * Whether the chat is currently fetching a response from AI.
-     */
-    isLoading: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    /**
-     * Whether the conversational interfaces should be enabled.
-     */
-    isChatAvailable: {
-      type: Boolean,
-      required: false,
-      default: true
-    },
-    /**
-     * Array of predefined prompts to display in the chat to start a conversation.
-     */
-    predefinedPrompts: {
-      type: Array,
-      required: false,
-      default: () => i18n.CHAT_DEFAULT_PREDEFINED_PROMPTS
-    },
-    /**
-     * URL to the help page. This is passed down to the `GlExperimentBadge` component.
-     */
-    badgeHelpPageUrl: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    /**
-     * The type of the badge. This is passed down to the `GlExperimentBadge` component. Refer that component for more information.
-     */
-    badgeType: {
-      type: String,
-      required: false,
-      default: badgeTypes[0],
-      validator: badgeTypeValidator
-    },
-    /**
-     * The current tool's name to display in the loading message while waiting for a response from AI. Refer the `GlDuoChatLoader` component for more information.
-     */
-    toolName: {
-      type: String,
-      required: false,
-      default: i18n.CHAT_DEFAULT_TITLE
-    },
-    /**
-     * Whether the slash commands should be available to user when typing the prompt.
-     */
-    withSlashCommands: {
-      type: Boolean,
-      required: false,
-      default: false
-    }
-  },
-  data() {
-    return {
-      isHidden: false,
-      prompt: '',
-      scrolledToBottom: true,
-      activeCommandIndex: 0
-    };
-  },
-  computed: {
-    hasMessages() {
-      var _this$messages;
-      return ((_this$messages = this.messages) === null || _this$messages === void 0 ? void 0 : _this$messages.length) > 0;
-    },
-    conversations() {
-      if (!this.hasMessages) return [];
-      return this.messages.reduce((acc, message) => {
-        if (message.content === CHAT_RESET_MESSAGE) {
-          acc.push([]);
-        } else {
-          acc[acc.length - 1].push(message);
-        }
-        return acc;
-      }, [[]]);
-    },
-    resetDisabled() {
-      if (this.isLoading || !this.hasMessages) {
-        return true;
-      }
-      const lastMessage = this.messages[this.messages.length - 1];
-      return lastMessage.content === CHAT_RESET_MESSAGE;
-    },
-    filteredSlashCommands() {
-      const caseInsensitivePrompt = this.prompt.toLowerCase();
-      return slashCommands.filter(c => c.name.toLowerCase().startsWith(caseInsensitivePrompt));
-    },
-    shouldShowSlashCommands() {
-      if (!this.withSlashCommands) return false;
-      const caseInsensitivePrompt = this.prompt.toLowerCase();
-      const startsWithSlash = caseInsensitivePrompt.startsWith('/');
-      const startsWithSlashCommand = slashCommands.some(c => caseInsensitivePrompt.startsWith(c.name));
-      return startsWithSlash && this.filteredSlashCommands.length && !startsWithSlashCommand;
-    },
-    inputPlaceholder() {
-      return this.withSlashCommands ? i18n.CHAT_PROMPT_PLACEHOLDER_WITH_COMMANDS : i18n.CHAT_PROMPT_PLACEHOLDER_DEFAULT;
-    }
-  },
-  watch: {
-    isLoading() {
-      this.isHidden = false;
-      this.scrollToBottom();
-    },
-    messages() {
-      this.prompt = '';
-    }
-  },
-  created() {
-    this.handleScrollingTrottled = throttle(this.handleScrolling, 200); // Assume a 200ms throttle for example
-  },
-  mounted() {
-    this.scrollToBottom();
-  },
-  methods: {
-    hideChat() {
-      this.isHidden = true;
-      /**
-       * Emitted when clicking the cross in the title and the chat gets closed.
-       */
-      this.$emit('chat-hidden');
-    },
-    sendChatPrompt() {
-      if (this.prompt) {
-        if (this.prompt === CHAT_RESET_MESSAGE && this.resetDisabled) {
-          return;
-        }
-        /**
-         * Emitted when a new user prompt should be sent out.
-         *
-         * @param {String} prompt The user prompt to send.
-         */
-        this.$emit('send-chat-prompt', this.prompt);
-      }
-    },
-    sendPredefinedPrompt(prompt) {
-      this.prompt = prompt;
-      this.sendChatPrompt();
-    },
-    handleScrolling() {
-      const {
-        scrollTop,
-        offsetHeight,
-        scrollHeight
-      } = this.$refs.drawer;
-      this.scrolledToBottom = scrollTop + offsetHeight >= scrollHeight;
-    },
-    async scrollToBottom() {
-      await this.$nextTick();
-      if (this.$refs.drawer) {
-        this.$refs.drawer.scrollTop = this.$refs.drawer.scrollHeight;
-      }
-    },
-    onTrackFeedback(event) {
-      /**
-       * Notify listeners about the feedback form submission on a response message.
-       * @param {*} event An event, containing the feedback choices and the extended feedback text.
-       */
-      this.$emit('track-feedback', event);
-    },
-    onInputKeyup(e) {
-      const {
-        metaKey,
-        ctrlKey,
-        altKey,
-        shiftKey
-      } = e;
-      if (this.shouldShowSlashCommands) {
-        e.preventDefault();
-        if (e.key === 'Enter') {
-          this.selectSlashCommand(this.activeCommandIndex);
-        } else if (e.key === 'ArrowUp') {
-          this.prevCommand();
-        } else if (e.key === 'ArrowDown') {
-          this.nextCommand();
-        } else {
-          this.activeCommandIndex = 0;
-        }
-      } else if (e.key === 'Enter' && !(metaKey || ctrlKey || altKey || shiftKey)) {
-        e.preventDefault();
-        this.sendChatPrompt();
-      }
-    },
-    prevCommand() {
-      this.activeCommandIndex -= 1;
-      this.wrapCommandIndex();
-    },
-    nextCommand() {
-      this.activeCommandIndex += 1;
-      this.wrapCommandIndex();
-    },
-    wrapCommandIndex() {
-      if (this.activeCommandIndex < 0) {
-        this.activeCommandIndex = this.filteredSlashCommands.length - 1;
-      } else if (this.activeCommandIndex >= this.filteredSlashCommands.length) {
-        this.activeCommandIndex = 0;
-      }
-    },
-    selectSlashCommand(index) {
-      const command = this.filteredSlashCommands[index];
-      if (command.shouldSubmit) {
-        this.prompt = command.name;
-        this.sendChatPrompt();
-      } else {
-        this.prompt = `${command.name} `;
-        this.$refs.prompt.$el.focus();
-      }
-    }
-  },
-  i18n,
-  emptySvg
-};
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.isHidden)?_c('aside',{ref:"drawer",staticClass:"markdown-code-block gl-drawer gl-drawer-default gl-max-h-full gl-bottom-0 gl-shadow-none gl-border-l gl-border-t duo-chat",attrs:{"id":"chat-component","role":"complementary","data-testid":"chat-component"},on:{"scroll":_vm.handleScrollingTrottled}},[_c('header',{staticClass:"gl-drawer-header gl-drawer-header-sticky gl-z-index-200 gl-p-0! gl-border-b-0"},[_c('div',{staticClass:"drawer-title gl-display-flex gl-justify-content-start gl-align-items-center gl-p-5"},[_c('h3',{staticClass:"gl-my-0 gl-font-size-h2"},[_vm._v(_vm._s(_vm.title))]),_vm._v(" "),_c('gl-experiment-badge',{attrs:{"help-page-url":_vm.badgeHelpPageUrl,"type":_vm.badgeType,"container-id":"chat-component"}}),_vm._v(" "),_c('gl-button',{staticClass:"gl-p-0! gl-ml-auto",attrs:{"category":"tertiary","variant":"default","icon":"close","size":"small","data-testid":"chat-close-button","aria-label":_vm.$options.i18n.CHAT_CLOSE_LABEL},on:{"click":_vm.hideChat}})],1),_vm._v(" "),_c('gl-alert',{staticClass:"gl-text-center gl-border-t gl-p-4 gl-text-gray-700 gl-bg-gray-50 legal-warning gl-max-w-full",attrs:{"dismissible":false,"variant":"tip","show-icon":false,"role":"alert","data-testid":"chat-legal-warning"}},[_vm._v(_vm._s(_vm.$options.i18n.CHAT_LEGAL_GENERATED_BY_AI))]),_vm._v(" "),_vm._t("subheader")],2),_vm._v(" "),_c('div',{staticClass:"gl-drawer-body gl-display-flex gl-flex-direction-column"},[_vm._t("hero"),_vm._v(" "),(_vm.error)?_c('gl-alert',{key:"error",staticClass:"gl-mb-0 gl-pl-9!",attrs:{"dismissible":false,"variant":"danger","role":"alert","data-testid":"chat-error"}},[_c('span',{directives:[{name:"safe-html",rawName:"v-safe-html",value:(_vm.error),expression:"error"}]})]):_vm._e(),_vm._v(" "),_c('section',{staticClass:"gl-display-flex gl-flex-direction-column gl-justify-content-end gl-flex-grow-1 gl-border-b-0 gl-bg-gray-10"},[_c('transition-group',{staticClass:"gl-display-flex gl-flex-direction-column gl-justify-content-end",class:[
-          {
-            'gl-h-full': !_vm.hasMessages,
-            'gl-h-auto': _vm.hasMessages,
-          } ],attrs:{"tag":"div","name":"message"}},[_vm._l((_vm.conversations),function(conversation,index){return _c('gl-duo-chat-conversation',{key:("conversation-" + index),attrs:{"messages":conversation,"show-delimiter":index > 0},on:{"track-feedback":_vm.onTrackFeedback}})}),_vm._v(" "),(!_vm.hasMessages && !_vm.isLoading)?[_c('div',{key:"empty-state",staticClass:"gl-display-flex gl-flex-grow-1 gl-mr-auto gl-ml-auto"},[_c('gl-empty-state',{staticClass:"gl-align-self-center",attrs:{"svg-path":_vm.$options.emptySvg,"svg-height":145,"title":_vm.$options.i18n.CHAT_EMPTY_STATE_TITLE,"description":_vm.$options.i18n.CHAT_EMPTY_STATE_DESC}})],1),_vm._v(" "),_c('gl-duo-chat-predefined-prompts',{key:"predefined-prompts",attrs:{"prompts":_vm.predefinedPrompts},on:{"click":_vm.sendPredefinedPrompt}})]:_vm._e()],2),_vm._v(" "),_c('transition',{attrs:{"name":"loader"}},[(_vm.isLoading)?_c('gl-duo-chat-loader',{staticClass:"gl-px-0!",attrs:{"tool-name":_vm.toolName}}):_vm._e()],1)],1)],2),_vm._v(" "),(_vm.isChatAvailable)?_c('footer',{staticClass:"gl-drawer-footer gl-drawer-footer-sticky gl-p-5 gl-border-t gl-bg-gray-10",class:{ 'gl-drawer-body-scrim-on-footer': !_vm.scrolledToBottom },attrs:{"data-testid":"chat-footer"}},[_c('gl-form',{attrs:{"data-testid":"chat-prompt-form"},on:{"submit":function($event){$event.stopPropagation();$event.preventDefault();return _vm.sendChatPrompt.apply(null, arguments)}}},[_c('gl-form-input-group',{scopedSlots:_vm._u([{key:"append",fn:function(){return [_c('gl-button',{staticClass:"gl-absolute! gl-bottom-2 gl-right-2 gl-rounded-base!",attrs:{"icon":"paper-airplane","category":"primary","variant":"confirm","type":"submit","aria-label":_vm.$options.i18n.CHAT_SUBMIT_LABEL,"disabled":_vm.isLoading}})]},proxy:true}],null,false,2232229068)},[_c('div',{staticClass:"duo-chat-input gl-flex-grow-1 gl-vertical-align-top gl-max-w-full gl-min-h-8 gl-inset-border-1-gray-400 gl-rounded-base gl-bg-white",attrs:{"data-value":_vm.prompt}},[(_vm.shouldShowSlashCommands)?_c('gl-card',{ref:"commands",staticClass:"slash-commands gl-absolute! gl-translate-y-n100 gl-list-style-none gl-pl-0 gl-w-full gl-shadow-md",attrs:{"body-class":"gl-p-2!"}},_vm._l((_vm.filteredSlashCommands),function(command,index){return _c('gl-dropdown-item',{key:command.name,class:{ 'active-command': index === _vm.activeCommandIndex },on:{"click":function($event){return _vm.selectSlashCommand(index)}},nativeOn:{"mouseenter":function($event){_vm.activeCommandIndex = index;}}},[_c('span',{staticClass:"gl-display-flex gl-justify-content-space-between"},[_c('span',{staticClass:"gl-display-block"},[_vm._v(_vm._s(command.name))]),_vm._v(" "),_c('small',{staticClass:"gl-text-gray-500 gl-font-style-italic gl-text-right gl-pl-3"},[_vm._v(_vm._s(command.description))])])])}),1):_vm._e(),_vm._v(" "),_c('gl-form-textarea',{ref:"prompt",staticClass:"gl-absolute gl-h-full! gl-py-4! gl-bg-transparent! gl-rounded-top-right-none gl-rounded-bottom-right-none gl-shadow-none!",class:{ 'gl-text-truncate': !_vm.prompt },attrs:{"data-testid":"chat-prompt-input","placeholder":_vm.inputPlaceholder,"disabled":_vm.isLoading,"autofocus":""},nativeOn:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }$event.preventDefault();},"keyup":function($event){return _vm.onInputKeyup.apply(null, arguments)}},model:{value:(_vm.prompt),callback:function ($$v) {_vm.prompt=$$v;},expression:"prompt"}})],1)]),_vm._v(" "),_c('gl-form-text',{staticClass:"gl-text-gray-400 gl-line-height-20 gl-mt-3",attrs:{"data-testid":"chat-legal-disclaimer"}},[_vm._v(_vm._s(_vm.$options.i18n.CHAT_LEGAL_DISCLAIMER))])],1)],1):_vm._e()]):_vm._e()};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;
-export { i18n, slashCommands };

package/dist/components/experimental/duo/chat/mock_data.js

@@ -1,83 +0,0 @@
-import { DOCUMENTATION_SOURCE_TYPES, MESSAGE_MODEL_ROLES } from './constants';
-
-const MOCK_SOURCES = [{
-  title: 'GitLab Handbook',
-  source_type: DOCUMENTATION_SOURCE_TYPES.HANDBOOK.value,
-  source_url: '/handbook/'
-}, {
-  stage: 'Mock Stage',
-  group: 'Mock Group',
-  source_type: DOCUMENTATION_SOURCE_TYPES.DOC.value,
-  source_url: '/company/team/'
-}, {
-  date: '2023-04-21',
-  author: 'Test User',
-  source_type: DOCUMENTATION_SOURCE_TYPES.BLOG.value,
-  source_url: '/blog/'
-}];
-const MOCK_RESPONSE_MESSAGE = {
-  id: '123',
-  content: 'Here is a simple JavaScript function to sum two numbers:\n\n  ```js\n  function sum(a, b) {\n    return a + b;\n  }\n  ```\n  \n  To use it:\n  \n  ```js\n  const result = sum(5, 3); // result = 8\n  ```\n  \n  This function takes two number parameters, a and b. It returns the sum of adding them together.\n',
-  contentHtml: '<p data-sourcepos="1:1-1:56" dir="auto">Here is a simple JavaScript function to sum two numbers:</p>\n<div class="gl-relative markdown-code-block js-markdown-code">\n<pre data-sourcepos="3:1-7:3" data-canonical-lang="js" class="code highlight js-syntax-highlight language-javascript" lang="javascript" v-pre="true"><code><span id="LC1" class="line" lang="javascript"><span class="kd">function</span> <span class="nf">sum</span><span class="p">(</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">)</span> <span class="p">{</span></span>\n<span id="LC2" class="line" lang="javascript">  <span class="k">return</span> <span class="nx">a</span> <span class="o">+</span> <span class="nx">b</span><span class="p">;</span></span>\n<span id="LC3" class="line" lang="javascript"><span class="p">}</span></span></code></pre>\n<copy-code></copy-code>\n</div>\n<p data-sourcepos="9:1-9:10" dir="auto">To use it:</p>\n<div class="gl-relative markdown-code-block js-markdown-code">\n<pre data-sourcepos="11:1-13:3" data-canonical-lang="js" class="code highlight js-syntax-highlight language-javascript" lang="javascript" v-pre="true"><code><span id="LC1" class="line" lang="javascript"><span class="kd">const</span> <span class="nx">result</span> <span class="o">=</span> <span class="nf">sum</span><span class="p">(</span><span class="mi">5</span><span class="p">,</span> <span class="mi">3</span><span class="p">);</span> <span class="c1">// result = 8</span></span></code></pre>\n<copy-code></copy-code>\n</div>\n<p data-sourcepos="15:1-15:95" dir="auto">This function takes two number parameters, a and b. It returns the sum of adding them together.</p>',
-  role: MESSAGE_MODEL_ROLES.assistant,
-  extras: {
-    sources: MOCK_SOURCES
-  },
-  requestId: '987',
-  errors: [],
-  timestamp: '2021-04-21T12:00:00.000Z'
-};
-const MOCK_RESPONSE_MESSAGE_FOR_STREAMING = {
-  id: '123',
-  content: `To change your password in GitLab:
-
-  Log in to your GitLab account.
-  Select your avatar in the top right corner and choose Edit profile.
-  On the left sidebar, select Password.
-  Enter your current password in the Current password field.
-  Enter your new password in the New password and Password confirmation fields.
-  Select Save password.
-  If you don't know your current password, select the I forgot my password link to reset it.
-  
-  GitLab enforces password requirements when you choose a new password.`,
-  contentHtml: '',
-  role: 'assistant',
-  extras: {},
-  requestId: '987',
-  errors: [],
-  timestamp: '2021-04-21T12:00:00.000Z'
-};
-const generateMockResponseChunks = requestId => {
-  const chunks = [];
-  const chunkSize = 5;
-  const chunkCount = Math.ceil(MOCK_RESPONSE_MESSAGE_FOR_STREAMING.content.length / chunkSize);
-  for (let i = 0; i < chunkCount; i += 1) {
-    const chunk = {
-      ...MOCK_RESPONSE_MESSAGE_FOR_STREAMING,
-      requestId,
-      content: MOCK_RESPONSE_MESSAGE_FOR_STREAMING.content.substring(i * chunkSize, (i + 1) * chunkSize),
-      chunkId: i
-    };
-    chunks.push(chunk);
-  }
-  return chunks;
-};
-const MOCK_USER_PROMPT_MESSAGE = {
-  id: '456',
-  content: 'How to create a new template?',
-  contentHtml: '',
-  role: MESSAGE_MODEL_ROLES.user,
-  requestId: '987',
-  errors: [],
-  timestamp: '2021-04-21T12:00:00.000Z',
-  extras: null
-};
-const renderMarkdown = content => content;
-const renderGFM = el => {
-  const codeBlock = el.querySelectorAll('.markdown-code-block');
-  codeBlock.forEach(block => {
-    block === null || block === void 0 ? void 0 : block.classList.add('gl-markdown', 'gl-compact-markdown');
-  });
-};
-
-export { MOCK_RESPONSE_MESSAGE, MOCK_RESPONSE_MESSAGE_FOR_STREAMING, MOCK_USER_PROMPT_MESSAGE, generateMockResponseChunks, renderGFM, renderMarkdown };

package/dist/components/experimental/duo/user_feedback/user_feedback.js

@@ -1,94 +0,0 @@
-import GlButton from '../../../base/button/button';
-import FeedbackModal from './user_feedback_modal';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-const i18n = {
-  FEEDBACK_LINK_TEXT: 'Give feedback to improve this answer.',
-  FEEDBACK_THANKS: 'Thank you for your feedback.'
-};
-var script = {
-  name: 'GlDuoUserFeedback',
-  components: {
-    GlButton,
-    FeedbackModal
-  },
-  props: {
-    /**
-     * The text to be displayed as the feedback link/button.
-     */
-    feedbackLinkText: {
-      type: String,
-      required: false,
-      default: i18n.FEEDBACK_LINK_TEXT
-    },
-    /**
-     * The URL of a page to provide more explanations on the experiment. If provided, clicking
-     * the feedback link will open a new tab with the URL instead of showing the feedback modal.
-     */
-    feedbackLinkUrl: {
-      type: String,
-      required: false,
-      default: ''
-    }
-  },
-  data() {
-    return {
-      feedbackReceived: false
-    };
-  },
-  computed: {
-    shouldRenderModal() {
-      return !this.feedbackReceived && !this.feedbackLinkUrl;
-    }
-  },
-  methods: {
-    notify(event) {
-      /**
-       * Notify listeners about the feedback form submission.
-       * @param {*} event An event, containing the feedback choices and the extended feedback text.
-       */
-      this.$emit('feedback', event);
-      this.feedbackReceived = true;
-    }
-  },
-  i18n
-};
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-pt-4"},[_c('div',[(!_vm.feedbackReceived)?_c('gl-button',{attrs:{"variant":"link","target":"_blank","href":_vm.feedbackLinkUrl,"button-text-classes":"gl-white-space-normal! gl-text-left"},on:{"click":function($event){_vm.shouldRenderModal && _vm.$refs.feedbackModal.show();}}},[_vm._v(_vm._s(_vm.feedbackLinkText))]):_c('span',{staticClass:"gl-text-gray-500"},[_vm._v("\n      "+_vm._s(_vm.$options.i18n.FEEDBACK_THANKS)+"\n    ")])],1),_vm._v(" "),(_vm.shouldRenderModal)?_c('feedback-modal',{ref:"feedbackModal",on:{"feedback-submitted":_vm.notify},scopedSlots:_vm._u([{key:"feedback-extra-fields",fn:function(){return [_vm._t("feedback-extra-fields")]},proxy:true}],null,true)}):_vm._e()],1)};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;
-export { i18n };

package/dist/components/experimental/duo/user_feedback/user_feedback_modal.js

@@ -1,124 +0,0 @@
-import GlModal from '../../../base/modal/modal';
-import GlFormGroup from '../../../base/form/form_group/form_group';
-import GlFormTextarea from '../../../base/form/form_textarea/form_textarea';
-import GlFormCheckboxGroup from '../../../base/form/form_checkbox/form_checkbox_group';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-const i18n = {
-  MODAL_TITLE: 'Give feedback on AI content',
-  MODAL_DESCRIPTION: 'To help improve the quality of the content, send your feedback to GitLab team members.',
-  MODAL_OPTIONS_LABEL: 'How was the AI content?',
-  MODAL_MORE_LABEL: 'More information',
-  MODAL_MORE_PLACEHOLDER: 'How could the content be improved?',
-  MODAL_FEEDBACK_OPTIONS: {
-    helpful: 'Helpful',
-    unhelpful: 'Unhelpful or irrelevant',
-    incorrect: 'Factually incorrect',
-    long: 'Too long',
-    abuse: 'Abusive or offensive',
-    other: 'Something else'
-  },
-  MODAL_ACTIONS: {
-    submit: 'Submit',
-    cancel: 'Cancel'
-  }
-};
-const feedbackOptions = [{
-  text: i18n.MODAL_FEEDBACK_OPTIONS.helpful,
-  value: 'helpful'
-}, {
-  text: i18n.MODAL_FEEDBACK_OPTIONS.unhelpful,
-  value: 'unhelpful'
-}, {
-  text: i18n.MODAL_FEEDBACK_OPTIONS.incorrect,
-  value: 'incorrect'
-}, {
-  text: i18n.MODAL_FEEDBACK_OPTIONS.long,
-  value: 'long'
-}, {
-  text: i18n.MODAL_FEEDBACK_OPTIONS.abuse,
-  value: 'abuse'
-}, {
-  text: i18n.MODAL_FEEDBACK_OPTIONS.other,
-  value: 'other'
-}];
-var script = {
-  name: 'DuoChatFeedbackModal',
-  components: {
-    GlModal,
-    GlFormCheckboxGroup,
-    GlFormGroup,
-    GlFormTextarea
-  },
-  data() {
-    return {
-      selectedFeedbackOptions: [],
-      extendedFeedback: ''
-    };
-  },
-  methods: {
-    show() {
-      this.$refs.feedbackModal.show();
-    },
-    onFeedbackSubmit() {
-      if (this.selectedFeedbackOptions.length) {
-        this.$emit('feedback-submitted', {
-          feedbackChoices: this.selectedFeedbackOptions,
-          extendedTextFeedback: this.extendedFeedback
-        });
-      }
-    },
-    onFeedbackCanceled() {
-      this.$refs.feedbackModal.hide();
-    }
-  },
-  actions: {
-    primary: {
-      text: i18n.MODAL_ACTIONS.submit
-    },
-    cancel: {
-      text: i18n.MODAL_ACTIONS.cancel
-    }
-  },
-  feedbackOptions,
-  i18n
-};
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-modal',{ref:"feedbackModal",attrs:{"modal-id":"feedbackModal","title":_vm.$options.i18n.MODAL_TITLE,"action-primary":_vm.$options.actions.primary,"action-cancel":_vm.$options.actions.cancel,"visible":false,"size":"sm"},on:{"primary":_vm.onFeedbackSubmit,"canceled":_vm.onFeedbackCanceled}},[_c('p',[_vm._v(_vm._s(_vm.$options.i18n.MODAL_DESCRIPTION))]),_vm._v(" "),_c('gl-form-group',{attrs:{"label":_vm.$options.i18n.MODAL_OPTIONS_LABEL,"optional":false,"data-testid":"feedback-options"}},[_c('gl-form-checkbox-group',{attrs:{"options":_vm.$options.feedbackOptions},model:{value:(_vm.selectedFeedbackOptions),callback:function ($$v) {_vm.selectedFeedbackOptions=$$v;},expression:"selectedFeedbackOptions"}})],1),_vm._v(" "),_vm._t("feedback-extra-fields",function(){return [_c('gl-form-group',{attrs:{"label":_vm.$options.i18n.MODAL_MORE_LABEL,"optional":""}},[_c('gl-form-textarea',{attrs:{"placeholder":_vm.$options.i18n.MODAL_MORE_PLACEHOLDER},model:{value:(_vm.extendedFeedback),callback:function ($$v) {_vm.extendedFeedback=$$v;},expression:"extendedFeedback"}})],1)]})],2)};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;
-export { feedbackOptions, i18n };

package/dist/components/experimental/experiment_badge/constants.js

@@ -1,4 +0,0 @@
-const badgeTypes = ['experiment', 'beta'];
-const badgeTypeValidator = value => badgeTypes.includes(value);
-
-export { badgeTypeValidator, badgeTypes };