https://healthcompassmilwaukee.org/static/q-atlas/assets/AiFeedback-CNNTPKa9.js

1(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`90b43d2bf8f81a3f86e44f5bae8e5b632fda4300`};var t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`cb200a39-d62a-4d8b-8db1-f22f2479f8c4`,e._sentryDebugIdIdentifier=`sentry-dbid-cb200a39-d62a-4d8b-8db1-f22f2479f8c4`)}catch{}})();import{$ as e,C as t,D as n,E as r,I as i,Mt as a,N as o,T as s,Vt as c,Wt as l,_ as u,j as d,k as f,qt as p,rt as m,t as h,tt as g,w as _,yt as v}from"./vue.esm-bundler-CFZA_RsA.js";import{t as y}from"./create-Dnv26o-8.js";import{t as b}from"./use-quasar-C97xU3GR.js";import{x}from"./dist-BRH37D9W.js";import{t as S}from"./api-BIJ4ry6D.js";import{n as C,t as w}from"./use-dark-BavyikZT.js";import{i as T}from"./render-CsJfXqx9.js";import{t as E}from"./QMenu-ClsA-jIB.js";import{t as D}from"./QBtn-CCLMBH_s.js";import{t as O}from"./QInput-AfWmfTFZ.js";import{t as k}from"./_plugin-vue_export-helper-D7wMhdC3.js";import{t as A}from"./copy-to-clipboard-D7r3-Z1f.js";h();var j=y({name:`QBar`,props:{...C,dense:Boolean},setup(e,{slots:n}){let r=b(),a=w(e,r),o=t(()=>`q-bar row no-wrap items-center q-bar--${e.dense?`dense`:`standard`}  q-bar--${a()?`dark`:`light`}`);return()=>i(`div`,{class:o.value,role:`toolbar`},T(n.default))}}),M={"thumbs-up":`thumbs-up`,"thumbs-down":`thumbs-down`};h();var N={class:`row items-center q-gutter-x-sm`,style:{position:`relative`}},P={key:0,class:`q-ml-md text-primary t-caption`},F={key:1,class:`row items-center`},I={class:`row items-center q-gutter-x-sm`,style:{position:`relative`}},L={class:`q-pa-md text-white rounded-borders`},R={class:`t-body-sm q-mb-md`},z={class:`row q-gutter-sm q-mb-md`},B={class:`row justify-end q-gutter-sm`},V=o({__name:`ActionBar`,props:{showFeedbackMessage:{type:Boolean},userPreviousResponse:{},negativeOnly:{type:Boolean,default:!1},forceOpen:{type:Boolean},initialSelection:{},iconOnly:{type:Boolean},showCopy:{type:Boolean},buttonSize:{},metricId:{},originalText:{},functionSlug:{},responseData:{}},emits:[`action`,`feedback-submitted`,`feedback-success`,`feedback-error`,`copy-success`],setup(i,{emit:o}){let h=i,y=o,b=a(),C=a(null),w=a(!1),T=a([]),k=a(``),V=a(!1),H=a(!1),U=t(()=>C.value===M[`thumbs-up`]?[{label:`Up to date`,value:`up-to-date`},{label:`Accurate`,value:`accurate`},{label:`Helpful`,value:`helpful`},{label:`Followed instructions`,value:`followed-instructions`},{label:`Good sources`,value:`good-sources`},{label:`Other`,value:`other`}]:[{label:`Outdated information`,value:`outdated-information`},{label:`Factually incorrect`,value:`factually-incorrect`},{label:`Not relevant to my question`,value:`not-relevant-to-question`},{label:`Didn't follow instructions`,value:`didnt-follow-instructions`},{label:`Poor source quality`,value:`poor-source-quality`},{label:`Other`,value:`other`}]),W=t(()=>V.value?!0:C.value===M[`thumbs-down`]&&T.value.length===0&&k.value.trim().length===0),G=t(()=>({xs:`sm`,sm:`sm`,md:`md`,lg:`lg`,xl:`lg`})[h.buttonSize??`md`]??`md`);function K(e){let t=C.value===e&&(w.value||h.showFeedbackMessage===!0);return e===M[`thumbs-up`]?t?`svguse:#fa-thumbs-up-solid`:`svguse:#fa-thumbs-up`:t?`svguse:#fa-thumbs-down-solid`:`svguse:#fa-thumbs-down`}function q(e){if(e!==M[`thumbs-up`]||h.negativeOnly!==!0){if(C.value=e,e===M[`thumbs-up`]){X();return}w.value=!0,H.value=!1,y(`action`,{type:e})}}

1h.forceOpen&&(C.value=h.initialSelection||(h.negativeOnly?M[`thumbs-down`]:null),C.value===M[`thumbs-up`]?X():C.value===M[`thumbs-down`]&&(w.value=!0));function J(e){if(T.value.length===1&&T.value[0]===e){T.value=[];return}T.value=[e]}function Y(){w.value=!1,T.value=[],k.value=``,H.value=!1}async function X(){if(C.value){if(h.negativeOnly===!0&&C.value===M[`thumbs-up`]){console.warn(`Attempt to submit positive feedback when negativeOnly is enabled`),H.value=!0,y(`feedback-error`,`Positive feedback is disabled`);return}V.value=!0,H.value=!1;try{let e=[...T.value,k.value.trim()].filter(Boolean).join(`; `),t={metric_id:h.metricId||``,quality:C.value===M[`thumbs-up`],user_feedback:e,original_text:h.originalText||``,function_slug:h.functionSlug||``},n=await S.aiProvideFeedback(t);if(n.error)throw Error(n.error);y(`feedback-submitted`,{type:C.value,options:T.value,text:k.value}),y(`feedback-success`),w.value=!1,T.value=[],k.value=``}catch(e){console.error(`Error submitting feedback:`,e),H.value=!0,y(`feedback-error`,e instanceof Error?e.message:`Unknown error`)}finally{V.value=!1}}}function Z(){let e=``;h.responseData?.length?e=h.responseData.map(e=>`${e.name}: ${e.v}`).join(`, `):h.originalText&&(e=h.originalText),e&&(A(e),x().success(`Copied to clipboard`,{duration:2e3}),y(`copy-success`))}return(t,a)=>{let o=m(`Button`),h=m(`Tooltip`);return e(),n(`div`,null,[a[6]||(a[6]=f(`<div hidden aria-hidden="true"><i data-fa-symbol="fa-thumbs-up" class="fa-regular fa-thumbs-up"></i><i data-fa-symbol="fa-thumbs-down" class="fa-regular fa-thumbs-down"></i><i data-fa-symbol="fa-thumbs-up-solid" class="fa-solid fa-thumbs-up"></i><i data-fa-symbol="fa-thumbs-down-solid" class="fa-solid fa-thumbs-down"></i><i data-fa-symbol="far-copy" class="fa-regular fa-copy"></i></div>`,1)),i.iconOnly?(e(),n(`div`,F,[_(`div`,I,[i.showCopy===!1?r(``,!0):(e(),s(o,{key:0,class:`copy`,variant:`ghost`,size:G.value,icon:`svguse:#far-copy`,"aria-label":`Copy to clipboard`,disabled:i.showFeedbackMessage||V.value,onClick:Z},null,8,[`size`,`disabled`])),i.negativeOnly?r(``,!0):(e(),s(o,{key:1,class:`thumbs-up`,variant:`ghost`,size:G.value,"data-testid":`thumbs-up-btn`,icon:K(c(M)[`thumbs-up`]),"aria-label":`Helpful`,disabled:i.showFeedbackMessage||V.value,onClick:a[2]||(a[2]=e=>q(c(M)[`thumbs-up`]))},null,8,[`size`,`icon`,`disabled`])),d(o,{class:`thumbs-down`,variant:`ghost`,size:G.value,"data-testid":`thumbs-down-btn`,icon:K(c(M)[`thumbs-down`]),"aria-label":`Not helpful`,disabled:i.showFeedbackMessage||V.value,onClick:a[3]||(a[3]=e=>q(c(M)[`thumbs-down`]))},null,8,[`size`,`icon`,`disabled`]),_(`div`,{ref_key:`feedbackMenuTarget`,ref:b,style:{position:`absolute`,bottom:`0`,left:`0`,width:`1px`,height:`1px`,opacity:`0`,"pointer-events":`none`}},null,512)])])):(e(),s(j,{key:0,class:`q-px-sm q-py-xs bg-transparent row items-center`},{default:v(()=>[_(`div`,N,[i.showCopy===!1?r(``,!0):(e(),s(h,{key:0,text:`Copy to clipboard`,disabled:i.showFeedbackMessage||V.value},{default:v(()=>[d(o,{variant:`ghost`,size:G.value,icon:`svguse:#far-copy`,"aria-label":`Copy to clipboard`,disabled:i.showFeedbackMessage||V.value,onClick:Z},null,8,[`size`,`disabled`])]),_:1},8,[`disabled`])),i.negativeOnly?r(``,!0):(e(),s(h,{key:1,text:`Helpful`,disabled:i.showFeedbackMessage||V.value},{default:v(()=>[d(o,{class:`thumbs-up`,variant:`ghost`,size:G.value,"data-testid":`thumbs-up-btn`,icon:K(c(M)[`thumbs-up`]),"aria-label":`Helpful`,disabled:i.showFeedbackMessage||V.value,onClick:a[0]||(a[0]=e=>q(c(M)[`thumbs-up`]))},null,8,[`size`,`icon`,`disabled`])]),_:1},8,[`disabled`])),d(h,{text:`Not helpful`,disabled:i.showFeedbackMessage||V.value},{default:v(()=>[d(o,{class:`thumbs-down`,variant:`ghost`,size:G.value,"data-testid":`thumbs-down-btn`,icon:K(c(M)[`thumbs-down`]),"aria-label":`Not helpful`,disabled:i.showFeedbackMessage||V.value,onClick:a[1]||(a[1]=e=>q(c(M)[`thumbs-down`]))},null,8,[`size`,`icon`,`disabled`])]),_:1},8,[`disabled`]),_(`div`,{ref_key:`feedbackMenuTarget`,ref:b,style:{position:`absolute`,bottom:`0`,left:`0`,width:`1px`,height:`1px`,opacity:`0`,"pointer-events":`none`}},null,512)]),i.showFeedbackMessage&&!w.value&&!H.value?(e(),n(`div`,P,` Thank y

1ou for your response! `)):r(``,!0)]),_:1})),d(E,{modelValue:w.value,"onUpdate:modelValue":a[5]||(a[5]=e=>w.value=e),target:b.value,anchor:`bottom left`,self:`top left`,offset:[0,8],class:`bg-grey-8`,"max-width":`500px`},{default:v(()=>[_(`div`,L,[_(`div`,R,p(C.value===c(M)[`thumbs-up`]?`What did you like about this response?`:`What did you not like about this response?`),1),_(`div`,z,[(e(!0),n(u,null,g(U.value,t=>(e(),s(D,{key:t.value,outline:!T.value.includes(t.value),color:(T.value.includes(t.value),`white`),class:l(T.value.includes(t.value)?`text-fg-muted-strong`:`text-white`),label:t.label,size:`sm`,disable:V.value,"data-testid":`option-${t.value}`,onClick:e=>J(t.value)},null,8,[`outline`,`color`,`class`,`label`,`disable`,`data-testid`,`onClick`]))),128))]),T.value.includes(`other`)?(e(),s(O,{key:0,modelValue:k.value,"onUpdate:modelValue":a[4]||(a[4]=e=>k.value=e),type:`textarea`,placeholder:`Please provide your feedback here...`,filled:``,dense:``,rows:`3`,class:`q-mb-md bg-white rounded-borders`,disable:V.value},null,8,[`modelValue`,`disable`])):r(``,!0),_(`div`,B,[d(D,{outline:``,label:`Cancel`,disable:V.value,onClick:Y},null,8,[`disable`]),d(D,{label:`Submit`,color:`primary`,disable:W.value,loading:V.value,"data-testid":`submit-btn`,onClick:X},null,8,[`disable`,`loading`])])])]),_:1},8,[`modelValue`,`target`])])}}});h();var H=k(o({__name:`AiFeedback`,props:{userPreviousResponse:{},negativeOnly:{type:Boolean},forceOpen:{type:Boolean},initialSelection:{},iconOnly:{type:Boolean},showCopy:{type:Boolean},buttonSize:{},fullWidth:{type:Boolean,default:!0},metricId:{},originalText:{},functionSlug:{},responseData:{}},emits:[`action`,`feedback-submitted`,`feedback-success`,`feedback-error`,`copy-success`,`hide`],setup(t,{emit:r}){let i=r,o=a(!1);function s(e){i(`action`,e)}function c(e){i(`feedback-submitted`,e)}function u(){o.value=!0,i(`feedback-success`),setTimeout(()=>{o.value=!1,i(`hide`)},3e3)}function f(e){i(`feedback-error`,e)}function p(){i(`copy-success`)}return(r,i)=>(e(),n(`div`,{class:l([`ai-feedback-container`,{"ai-feedback--full-width":t.fullWidth!==!1}])},[d(V,{"show-feedback-message":o.value,"user-previous-response":t.userPreviousResponse,"metric-id":t.metricId,"original-text":t.originalText,"function-slug":t.functionSlug,"response-data":t.responseData,"negative-only":t.negativeOnly,"force-open":t.forceOpen,"initial-selection":t.initialSelection,"icon-only":t.iconOnly,"show-copy":t.showCopy,"button-size":t.buttonSize,onAction:s,onFeedbackSubmitted:c,onFeedbackSuccess:u,onFeedbackError:f,onCopySuccess:p},null,8,[`show-feedback-message`,`user-previous-response`,`metric-id`,`original-text`,`function-slug`,`response-data`,`negative-only`,`force-open`,`initial-selection`,`icon-only`,`show-copy`,`button-size`])],2))}}),[[`__scopeId`,`data-v-8b6620ac`]]);export{j as n,H as t};