@patterninc/pattern-ui 0.0.0-main.202610210708.fb02fcd2f652 → 0.0.0-main.202610211429.7cd8661edc42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/@patterninc/pattern-ui/feedback-gateway.js +1 -1
- package/dist/browser/@patterninc/pattern-ui/feedback-widget.js +1 -1
- package/dist/browser/@patterninc/pattern-ui/upload.js +1 -1
- package/dist/browser/_chunks/{FeedbackWidget-tYowJdU_.js → FeedbackWidget-B0lg11re.js} +1 -1
- package/dist/browser/_chunks/Upload-BgPOFXmH.js +1 -0
- package/dist/components/Upload/UploadItem.js +63 -6
- package/dist/play-cdn-claude.js +1 -1
- package/package.json +1 -1
- package/src/components/Upload/UploadItem.tsx +33 -3
- package/src/locales/es/messages.po +4 -4
- package/src/locales/fr/messages.po +4 -4
- package/src/locales/pl/messages.po +4 -4
- package/src/locales/zh/messages.po +4 -4
- package/dist/browser/_chunks/Upload-CMIXJDas.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{A as e,C as t,D as n,E as r,F as i,I as a,M as o,N as s,O as c,P as l,S as u,T as d,_ as f,b as p,c as m,d as h,f as g,g as _,h as v,i as y,j as b,k as x,l as S,m as C,n as w,o as T,p as E,r as D,s as O,t as k,u as A,v as j,w as M,x as N,y as P}from"../../_chunks/useFeedbackGatewaySession-CX7MNOyb.js";import{n as F}from"../../_chunks/FeedbackWidget-
|
|
1
|
+
import{A as e,C as t,D as n,E as r,F as i,I as a,M as o,N as s,O as c,P as l,S as u,T as d,_ as f,b as p,c as m,d as h,f as g,g as _,h as v,i as y,j as b,k as x,l as S,m as C,n as w,o as T,p as E,r as D,s as O,t as k,u as A,v as j,w as M,x as N,y as P}from"../../_chunks/useFeedbackGatewaySession-CX7MNOyb.js";import{n as F}from"../../_chunks/FeedbackWidget-B0lg11re.js";import{a as I,i as L,n as R,o as z,r as B,s as V,t as H}from"../../_chunks/useFeedbackGatewayAuth-C1XlK4Js.js";async function U(e,n=fetch){try{let r=new URL(t,e);r.searchParams.set(`returnTo`,`invalid`);let i=await n(r.toString(),{method:`GET`,redirect:`manual`,credentials:`omit`});return i.status===400&&(await i.text()).includes(`Invalid returnTo`)}catch{return!1}}async function W(e={}){let t=e.preferred??`https://oly.pattern.com`,n=e.fallback??`http://oly.localhost:8282`;return await U(t,e.fetchImpl??fetch)?t:n}export{u as FEEDBACK_AUTH_PATH,t as FEEDBACK_DEV_BIND_PATH,M as FEEDBACK_DRAFT_STORAGE_PREFIX,d as FEEDBACK_GATEWAY_DEV_FLAG,r as FEEDBACK_RETURN_MARKER,n as FEEDBACK_SESSION_PATH,c as FEEDBACK_SUBMIT_PATH,x as FEEDBACK_UPLOAD_PATH,m as FeedbackForbiddenError,F as FeedbackGatewayWidget,S as FeedbackNeedsAuthError,e as LOCAL_OLY_GATEWAY_ORIGIN,b as MAX_FEEDBACK_UPLOAD_BYTES,o as OLY_DASHBOARD_ORIGIN,A as buildFeedbackLoginUrl,_ as buildFeedbackReturnTo,w as buildLocalDevGatewayLoginHref,D as buildPiLocalGatewayLoginHref,h as checkFeedbackSession,P as clearFeedbackDraftMessage,f as clearFeedbackReturnMarker,s as feedbackAuthUrl,l as feedbackSessionUrl,i as feedbackSubmitUrl,a as feedbackUploadUrl,j as hasFeedbackReturnMarker,R as irisAttachments,B as irisEnvironment,L as irisMessage,I as irisPageHref,z as irisRequester,g as isDashboardAuthUrl,U as isFeedbackDevBindAvailable,y as isFeedbackGatewayVisible,p as readFeedbackDraftMessage,T as registerFeedbackGatewayApp,O as resolveFeedbackGatewayConfig,W as resolveOlyFeedbackGatewayOrigin,E as submitFeedbackViaGateway,C as toGatewayIntakeBody,V as toIrisFeedbackBody,v as uploadFeedbackFile,H as useFeedbackGatewayAuth,k as useFeedbackGatewaySession,N as writeFeedbackDraftMessage};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as e,r as t,t as n}from"../../_chunks/collect-feedback-context-wS6vlhoC.js";import{A as r,T as i,i as a,n as o,o as s,r as c,s as l}from"../../_chunks/useFeedbackGatewaySession-CX7MNOyb.js";import{i as u,n as d,r as f,t as p}from"../../_chunks/FeedbackWidget-
|
|
1
|
+
import{n as e,r as t,t as n}from"../../_chunks/collect-feedback-context-wS6vlhoC.js";import{A as r,T as i,i as a,n as o,o as s,r as c,s as l}from"../../_chunks/useFeedbackGatewaySession-CX7MNOyb.js";import{i as u,n as d,r as f,t as p}from"../../_chunks/FeedbackWidget-B0lg11re.js";export{i as FEEDBACK_GATEWAY_DEV_FLAG,d as FeedbackGatewayWidget,p as FeedbackWidget,u as FeedbackWidgetForm,f as FeedbackWidgetModal,r as LOCAL_OLY_GATEWAY_ORIGIN,n as buildFeedbackContext,o as buildLocalDevGatewayLoginHref,c as buildPiLocalGatewayLoginHref,e as describeFeedbackPayload,a as isFeedbackGatewayVisible,s as registerFeedbackGatewayApp,l as resolveFeedbackGatewayConfig,t as snapshotLocalStorage};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{t as Upload,n as UploadItem}from"../../_chunks/Upload-
|
|
1
|
+
export{t as Upload,n as UploadItem}from"../../_chunks/Upload-BgPOFXmH.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as e}from"./rolldown-runtime-BWaJ3C7D.js";import{t}from"./react-CUaU2Z9V.js";import{t as n}from"./compiler-runtime-B3BlmaWz.js";import{t as r}from"./jsx-runtime-Dgn0yPdi.js";import{t as i}from"./dist-BNSTMZct.js";import{t as a}from"./Button-DVzFJDgT.js";import{i as o}from"./dist-BRMXKypj.js";import{r as s}from"./dist-CPlSvWC_.js";import{t as c}from"./HelperText-DQxQjdKH.js";import{t as l}from"./TextareaField-CWJRrvJp.js";import{t as u}from"./Modal-rG85VrDb.js";import{t as d}from"./SelectFrameIcon-C5h9EvIp.js";import{t as f}from"./ShakeWrapper-CKxAjAT7.js";import{t as p}from"./CameraIcon-D88ZfWsN.js";import{t as m}from"./MicrophoneIcon-BuLtN1VU.js";import{t as h}from"./VideoCamera2Icon-Bya8Tob2.js";import{a as ee,c as g,d as _,f as v,i as y,l as b,o as x,p as S,t as C,u as w}from"./collect-feedback-context-wS6vlhoC.js";import{t as T}from"./CheckCircleIcon-hRaPf6jV.js";import{M as E,T as D,_ as O,b as k,i as A,l as j,p as M,s as N,t as P,u as te,v as F,x as ne,y as I}from"./useFeedbackGatewaySession-CX7MNOyb.js";import{t as L}from"./TrashIcon-DtJ0PAUs.js";import{t as re}from"./Upload-CMIXJDas.js";var R=/* @__PURE__ */ e(t(),1);const z=[`audio/webm;codecs=opus`,`audio/webm`,`audio/mp4`];function ie(){let[e,t]=(0,R.useState)(null),[n,r]=(0,R.useState)(null),i=(0,R.useRef)(null),[a,o]=(0,R.useState)(null),[s,c]=(0,R.useState)(!1),l=(0,R.useRef)(null),u=(0,R.useRef)(null),d=(0,R.useRef)(null);function f(e){i.current&&URL.revokeObjectURL(i.current);let n=e?URL.createObjectURL(e):null;i.current=n,r(n),t(e)}function p(e){e?.getTracks().forEach(e=>e.stop())}function m(){d.current!=null&&window.clearTimeout(d.current),d.current=null}function h(e,t,n){if(m(),p(n),u.current=null,l.current=null,c(!1),e.length===0)return;let r=v(t,`audio/webm`),i=new Blob(e,{type:r});f(new File([i],`audio.${b(r,`webm`)}`,{type:r}))}return{file:e,previewUrl:n,errorKind:a,isRecording:s,start:async()=>{if(o(null),typeof navigator>`u`||!navigator.mediaDevices?.getUserMedia||typeof MediaRecorder>`u`){o(`unsupported`);return}let e=_(z);try{let t=await navigator.mediaDevices.getUserMedia({audio:!0}),n=e?new MediaRecorder(t,{mimeType:e}):new MediaRecorder(t),r=[];n.addEventListener(`dataavailable`,e=>{e.data.size>0&&r.push(e.data)}),n.addEventListener(`stop`,()=>{h(r,n.mimeType,t)}),u.current=t,l.current=n,c(!0),n.start(),d.current=window.setTimeout(()=>{n.state!==`inactive`&&n.stop()},6e4)}catch(e){o(w(e))}},stop:()=>{let e=l.current;e&&e.state!==`inactive`&&e.stop()},reset:()=>{let e=l.current;e&&e.state!==`inactive`&&e.stop(),p(u.current),u.current=null,l.current=null,c(!1),o(null),f(null),m()}}}var B=n(),V=/* @__PURE__ */ e(r(),1);function H(e){let t=(0,B.c)(49),{onSubmit:n,onDismiss:r,onCaptureActiveChange:s,initialScreenshots:u,initialMessage:f,defaultSent:_,defaultScreenRecording:v,draftStorageKey:b,allowMediaAttachments:C,authNotice:w,qaTestId:E,children:D}=e,O;t[0]===u?O=t[1]:(O=u===void 0?[]:u,t[0]=u,t[1]=O);let A=O,j=f===void 0?``:f,M=_!==void 0&&_,N=v!==void 0&&v,P=C===void 0||C,te=w===void 0?null:w,F=E===void 0?`feedback-widget-form`:E,{_:z}=o(),[H,ce]=(0,R.useState)(j),[G,K]=(0,R.useState)(!1),[q,J]=(0,R.useState)(null),[le,ue]=(0,R.useState)(!1),[de,fe]=(0,R.useState)(M),[pe,me]=(0,R.useState)(!1),[he,ge]=(0,R.useState)(!1),_e=(0,R.useRef)(0),ve=(0,R.useRef)(null),ye=(0,R.useRef)(null),Y=y(A),X=ie(),Z=g(P&&N),Q=x(),be,xe;t[2]!==b||t[3]!==j?(xe=()=>{if(!b||j)return;let e=k(b);e&&ce(e)},be=[b,j],t[2]=b,t[3]=j,t[4]=be,t[5]=xe):(be=t[4],xe=t[5]),(0,R.useEffect)(xe,be);let Se;t[6]===z?Se=t[7]:(Se=z({id:`GS7_wF`}),t[6]=z,t[7]=Se);let Ce=Se,we=z({id:`_8FaZU`}),$=G||Y.isAtLimit,Te=he||Y.isSelecting||Z.isCapturing||Q.isSelecting,Ee;t[8]===s?Ee=t[9]:(Ee=function(){ge(!0),s?.(!0)},t[8]=s,t[9]=Ee);let De=Ee,Oe;t[10]===s?Oe=t[11]:(Oe=function(){ge(!1),s?.(!1)},t[10]=s,t[11]=Oe);let ke=Oe,Ae;t[12]!==X||t[13]!==Q||t[14]!==Z||t[15]!==Y?(Ae=function(){ce(``),J(null),ue(!1),Y.reset(),X.reset(),Z.reset(),Q.reset()},t[12]=X,t[13]=Q,t[14]=Z,t[15]=Y,t[16]=Ae):Ae=t[16];let je=Ae,Me;t[17]!==Te||t[18]!==G||t[19]!==r?(Me=function(){G||Te||(fe(!1),J(null),ue(!1),r())},t[17]=Te,t[18]=G,t[19]=r,t[20]=Me):Me=t[20];let Ne=Me,Pe=function(){let e=H.trim();e?(ue(!1),J(null),K(!0),Promise.resolve(n({message:e,screenshots:Y.items.length>0?Y.items.map(se):void 0,audio:X.file??void 0,screenRecording:Z.clips.length>0?Z.clips.map(oe):void 0,elementComments:Q.items.map(ae)})).then(()=>{b&&I(b),je(),fe(!0)}).catch(e=>{let t=e instanceof Error?e.message.trim():``;console.error(`Feedback submit failed: %s`,t||`unknown`),J(t||z({id:`j1ZalJ`}))}).finally(()=>{K(!1)})):(ue(!0),ye.current?.shake())},Fe;t[21]===$?Fe=t[22]:(Fe=function(){$||ve.current?.click()},t[21]=$,t[22]=Fe);let Ie=Fe,Le;t[23]!==z||t[24]!==P||t[25]!==X||t[26]!==te||t[27]!==De||t[28]!==de||t[29]!==b||t[30]!==Q||t[31]!==ke||t[32]!==G||t[33]!==H||t[34]!==Ie||t[35]!==F||t[36]!==Ce||t[37]!==Z||t[38]!==Y||t[39]!==pe||t[40]!==$||t[41]!==le||t[42]!==q?(Le=de?/* @__PURE__ */ (0,V.jsxs)(`div`,{className:`flex flex-col items-center gap-3 py-4 text-center`,"qa-test-id":`${F}-sent`,children:[/* @__PURE__ */ (0,V.jsx)(T,{size:24,color:`positive-base`}),/* @__PURE__ */ (0,V.jsx)(`p`,{className:`text-sm text-text-sub`,children:z({id:`FC5EFo`})})]}):/* @__PURE__ */ (0,V.jsxs)(`div`,{className:`flex flex-col gap-4`,onPaste:e=>{if(!P)return;let t=Array.from(e.clipboardData?.files??[]);t.length!==0&&(e.clipboardData?.getData(`text/plain`)&&e.target instanceof HTMLTextAreaElement||(e.preventDefault(),Y.addFiles(t)))},children:[/* @__PURE__ */ (0,V.jsx)(l,{fieldLabel:z({id:`2dpwik`}),required:!0,error:le,description:le?Ce:void 0,onChange:e=>{let t=e.target.value;ce(t),b&&ne(b,t),t.trim()&&ue(!1)},textareaControlProps:{variant:`stroke`,value:H,rows:4,disabled:G,placeholder:z({id:`Cbi8z4`})}}),/* @__PURE__ */ (0,V.jsxs)(W,{label:z({id:`BBLHSU`}),hint:z({id:`n_D5pA`}),children:[/* @__PURE__ */ (0,V.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:/* @__PURE__ */ (0,V.jsx)(a,{type:`button`,variant:`weak`,prefix:{icon:d},disabled:G,onClick:()=>{De(),Q.start({onSettled:ke})},children:z({id:`FjaUgo`})})}),/* @__PURE__ */ (0,V.jsx)(ee,{items:Q.items,disabled:G,onRemove:Q.remove})]}),P?/* @__PURE__ */ (0,V.jsxs)(V.Fragment,{children:[/* @__PURE__ */ (0,V.jsxs)(W,{label:z({id:`lqROaa`}),hint:z({id:`jsNEb0`}),error:Y.error,children:[/* @__PURE__ */ (0,V.jsx)(`input`,{ref:ve,type:`file`,accept:S,multiple:!0,className:`hidden`,tabIndex:-1,"aria-label":z({id:`5phU36`}),"qa-test-id":`${F}-screenshot-input`,disabled:$,onChange:e=>{Y.addFiles(Array.from(e.target.files??[])),e.target.value=``}}),/* @__PURE__ */ (0,V.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:/* @__PURE__ */ (0,V.jsx)(a,{type:`button`,variant:`weak`,prefix:{icon:p},disabled:G||Y.isAtLimit,onClick:()=>{De(),Y.start({onSettled:ke})},children:z({id:`XnCKvx`})})}),/* @__PURE__ */ (0,V.jsx)(re,{qaTestId:`${F}-screenshots`,state:G?`disabled`:pe?`drag-over`:`default`,title:z({id:`zkgSLc`}),description:z({id:`6Arhbc`}),className:i(Y.items.length===0&&!G&&`cursor-pointer`),action:{children:z({id:`QV326a`}),onClick:Ie,disabled:$},removeAllAction:Y.items.length>0?{children:z({id:`VjbCv0`}),onClick:()=>Y.reset(),disabled:G}:void 0,onDragEnter:()=>{_e.current+=1,me(!0)},onDragOver:U,onDragLeave:()=>{--_e.current,!(_e.current>0)&&(_e.current=0,me(!1))},onDrop:e=>{_e.current=0,me(!1),Y.addFiles(Array.from(e.dataTransfer.files))},onClick:Y.items.length===0&&!G?Ie:void 0,children:Y.items.map(e=>/* @__PURE__ */ (0,V.jsxs)(`div`,{className:`relative overflow-hidden rounded-2xl bg-depth-black-4`,children:[/* @__PURE__ */ (0,V.jsx)(`img`,{src:e.previewUrl,alt:e.file.name,className:`max-h-32 w-full object-contain`}),/* @__PURE__ */ (0,V.jsx)(`p`,{className:`truncate px-3 py-1 text-xs text-text-sub`,children:e.file.name}),/* @__PURE__ */ (0,V.jsx)(a,{type:`button`,variant:`inverse`,size:`small`,className:`absolute top-2 right-2`,"aria-label":z({id:`9iDzU8`,values:{fileName:e.file.name}}),prefix:{icon:L},disabled:G,onClick:t=>{t.stopPropagation(),Y.remove(e.id)}})]},e.id))})]}),/* @__PURE__ */ (0,V.jsxs)(W,{label:z({id:`_rTz0M`}),error:X.errorKind===`permission`?z({id:`3z_euE`}):X.errorKind===`unsupported`?z({id:`Elo64u`}):X.errorKind===`failed`?z({id:`D2AZQg`}):void 0,children:[X.previewUrl?/* @__PURE__ */ (0,V.jsx)(`audio`,{className:`w-full`,controls:!0,src:X.previewUrl}):null,/* @__PURE__ */ (0,V.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[X.isRecording?/* @__PURE__ */ (0,V.jsx)(a,{type:`button`,variant:`strong`,onClick:()=>X.stop(),children:z({id:`pJ_IRc`})}):/* @__PURE__ */ (0,V.jsx)(a,{type:`button`,variant:`weak`,prefix:{icon:m},disabled:G,onClick:()=>{X.start()},children:X.file?z({id:`jmh6Rv`}):z({id:`wVRDWC`})}),X.file?/* @__PURE__ */ (0,V.jsx)(a,{type:`button`,variant:`weak`,prefix:{icon:L},disabled:G||X.isRecording,onClick:()=>X.reset(),children:z({id:`t_YqKh`})}):null]})]}),/* @__PURE__ */ (0,V.jsxs)(W,{label:z({id:`Ag2QUH`}),hint:z({id:`FXr6LJ`}),error:Z.errorKind===`permission`?z({id:`3z_euE`}):Z.errorKind===`unsupported`?z({id:`Elo64u`}):Z.errorKind===`failed`?z({id:`D2AZQg`}):void 0,children:[Z.clips.map(e=>/* @__PURE__ */ (0,V.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[/* @__PURE__ */ (0,V.jsx)(`video`,{className:`w-full rounded-2xl`,controls:!0,src:e.previewUrl}),/* @__PURE__ */ (0,V.jsx)(a,{type:`button`,variant:`weak`,prefix:{icon:L},disabled:G,onClick:()=>Z.remove(e.id),children:z({id:`t_YqKh`})})]},e.id)),/* @__PURE__ */ (0,V.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:/* @__PURE__ */ (0,V.jsx)(a,{type:`button`,variant:`weak`,prefix:{icon:h},disabled:G,onClick:()=>{De(),Z.start({onSettled:ke})},children:z({id:`obBbyQ`})})})]})]}):null,te?/* @__PURE__ */ (0,V.jsx)(c,{state:`error`,wrap:!0,children:te}):null,q?/* @__PURE__ */ (0,V.jsx)(c,{state:`error`,wrap:!0,children:q}):null]}),t[23]=z,t[24]=P,t[25]=X,t[26]=te,t[27]=De,t[28]=de,t[29]=b,t[30]=Q,t[31]=ke,t[32]=G,t[33]=H,t[34]=Ie,t[35]=F,t[36]=Ce,t[37]=Z,t[38]=Y,t[39]=pe,t[40]=$,t[41]=le,t[42]=q,t[43]=Le):Le=t[43];let Re=Le,ze=Y.overlay,Be=Z.overlay,Ve=Q.overlay,He=D({didSend:de,isSubmitting:G,isCaptureActive:Te,requiredMessageCopy:Ce,shakeTooltipCopy:we,shakeRef:ye,submit:Pe,dismiss:Ne,body:Re}),Ue;return t[44]!==Q.overlay||t[45]!==Z.overlay||t[46]!==Y.overlay||t[47]!==He?(Ue=/* @__PURE__ */ (0,V.jsxs)(V.Fragment,{children:[ze,Be,Ve,He]}),t[44]=Q.overlay,t[45]=Z.overlay,t[46]=Y.overlay,t[47]=He,t[48]=Ue):Ue=t[48],Ue}function U(e){e.dataTransfer.dropEffect=`copy`}function ae(e){return e.payload}function oe(e){return e.file}function se(e){return e.file}function W(e){let t=(0,B.c)(12),{label:n,hint:r,error:a,children:o}=e,s;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(s=i(`flex w-full min-w-0 flex-col gap-2`),t[0]=s):s=t[0];let l;t[1]===n?l=t[2]:(l=/* @__PURE__ */ (0,V.jsx)(`p`,{className:`text-sm font-medium text-text-strong`,children:n}),t[1]=n,t[2]=l);let u;t[3]===r?u=t[4]:(u=r?/* @__PURE__ */ (0,V.jsx)(`p`,{className:`text-xs text-text-sub`,children:r}):null,t[3]=r,t[4]=u);let d;t[5]===a?d=t[6]:(d=a?/* @__PURE__ */ (0,V.jsx)(c,{state:`error`,wrap:!0,children:a}):null,t[5]=a,t[6]=d);let f;return t[7]!==o||t[8]!==l||t[9]!==u||t[10]!==d?(f=/* @__PURE__ */ (0,V.jsxs)(`div`,{className:s,children:[l,u,o,d]}),t[7]=o,t[8]=l,t[9]=u,t[10]=d,t[11]=f):f=t[11],f}function ce(e){let t=(0,B.c)(30),{open:n,onOpenChange:r,onSubmit:i,initialScreenshots:a,initialMessage:s,defaultSent:c,defaultScreenRecording:l,onCaptureActiveChange:d,gatewaySession:p,draftStorageKey:m,allowMediaAttachments:h,qaTestId:ee}=e,g;t[0]===a?g=t[1]:(g=a===void 0?[]:a,t[0]=a,t[1]=g);let _=g,v=s===void 0?``:s,y=c!==void 0&&c,b=l!==void 0&&l,x=p===void 0?null:p,S=h===void 0||h,C=ee===void 0?`feedback-widget-modal`:ee,{_:w}=o(),T=x!=null,E=T&&!x.isAuthenticated&&!x.isChecking&&!!x.authUrl,D=!T||x.isAuthenticated&&!x.isChecking,O;t[2]!==w||t[3]!==x?.authError||t[4]!==E?(O=x?.authError??(E?w({id:`W5yboM`}):null),t[2]=w,t[3]=x?.authError,t[4]=E,t[5]=O):O=t[5];let k=O,A;t[6]===r?A=t[7]:(A=()=>r(!1),t[6]=r,t[7]=A);let j;t[8]!==w||t[9]!==S||t[10]!==D||t[11]!==x||t[12]!==E||t[13]!==r||t[14]!==n||t[15]!==C?(j=e=>{let{didSend:t,isSubmitting:i,isCaptureActive:a,shakeTooltipCopy:o,shakeRef:s,submit:c,dismiss:l,body:d}=e;return/* @__PURE__ */ (0,V.jsx)(u,{open:n&&!a,onOpenChange:e=>{e?r(!0):l()},size:`lg`,qaTestId:C,headerProps:t?{title:w({id:`2roTVj`}),description:w({id:`obpDUF`})}:{title:w({id:`RoafuO`}),description:w(S?{id:`PcEQ_q`}:{id:`pLfNy-`}),showClose:!0,closeDisabled:i||a},footerProps:t?{primaryButton:{variant:`strong`,children:w({id:`yz7wBu`}),onClick:l}}:{tertiaryButton:E?{variant:`stroke`,children:w({id:`z0t9bb`}),disabled:i||a,onClick:x.onLogin}:void 0,secondaryButton:{variant:`stroke`,children:w({id:`dEgA5A`}),disabled:i||a,onClick:l},primaryButton:{variant:`strong`,children:w({id:`JlFcis`}),isLoading:i||x?.isChecking,disabled:!D||a,onClick:c}},children:t?d:/* @__PURE__ */ (0,V.jsx)(f,{ref:s,tooltip:o,children:d})})},t[8]=w,t[9]=S,t[10]=D,t[11]=x,t[12]=E,t[13]=r,t[14]=n,t[15]=C,t[16]=j):j=t[16];let M;return t[17]!==S||t[18]!==k||t[19]!==b||t[20]!==y||t[21]!==m||t[22]!==v||t[23]!==_||t[24]!==d||t[25]!==i||t[26]!==C||t[27]!==A||t[28]!==j?(M=/* @__PURE__ */ (0,V.jsx)(H,{onSubmit:i,onDismiss:A,onCaptureActiveChange:d,initialScreenshots:_,initialMessage:v,defaultSent:y,defaultScreenRecording:b,draftStorageKey:m,allowMediaAttachments:S,authNotice:k,qaTestId:C,children:j}),t[17]=S,t[18]=k,t[19]=b,t[20]=y,t[21]=m,t[22]=v,t[23]=_,t[24]=d,t[25]=i,t[26]=C,t[27]=A,t[28]=j,t[29]=M):M=t[29],M}function G(e){let t=(0,B.c)(11),{app:n,trigger:r,enabled:i,qaTestId:a,localOlyOrigin:o}=e,c=i===void 0||i,l=a===void 0?`feedback-gateway`:a,u=s(),d=!1;if(u)try{d=window.localStorage.getItem(D)===`true`}catch{d=!1}if(!u||!A(c,d))return null;let f;t[0]!==n||t[1]!==o?(f=N(n,window.location,{localOlyOrigin:o}),t[0]=n,t[1]=o,t[2]=f):f=t[2];let p=f,m;return t[3]!==n||t[4]!==p.gatewayAuthOrigin||t[5]!==p.gatewayOrigin||t[6]!==p.getGatewayLoginHref||t[7]!==p.irisEnvironment||t[8]!==l||t[9]!==r?(m=/* @__PURE__ */ (0,V.jsx)(K,{app:n,trigger:r,environment:p.irisEnvironment,gatewayOrigin:p.gatewayOrigin,gatewayAuthOrigin:p.gatewayAuthOrigin,getGatewayLoginHref:p.getGatewayLoginHref,qaTestId:l}),t[3]=n,t[4]=p.gatewayAuthOrigin,t[5]=p.gatewayOrigin,t[6]=p.getGatewayLoginHref,t[7]=p.irisEnvironment,t[8]=l,t[9]=r,t[10]=m):m=t[10],m}function K(e){let t=(0,B.c)(41),{onSubmit:n,app:r,environment:i,user:a,trigger:o,defaultOpen:c,defaultSent:l,initialScreenshots:u,initialMessage:d,defaultScreenRecording:f,gatewayOrigin:p,gatewayAuthOrigin:m,getGatewayLoginHref:h,qaTestId:ee}=e,g=c!==void 0&&c,_=l!==void 0&&l,v;t[0]===u?v=t[1]:(v=u===void 0?[]:u,t[0]=u,t[1]=v);let y=v,b=d===void 0?``:d,x=f!==void 0&&f,S=p===void 0?E:p,w=ee===void 0?`feedback-widget`:ee,T=m??S,D=s(),[k,A]=(0,R.useState)(g),[N,ne]=(0,R.useState)(x),I=n==null,L=D?window.location.href:void 0,re;t[2]!==T||t[3]!==S||t[4]!==h||t[5]!==k||t[6]!==L||t[7]!==I?(re={enabled:I,open:k,returnToHref:L,gatewayOrigin:S,gatewayAuthOrigin:T,getGatewayLoginHref:h},t[2]=T,t[3]=S,t[4]=h,t[5]=k,t[6]=L,t[7]=I,t[8]=re):re=t[8];let z=P(re),ie,H;t[9]!==D||t[10]!==I?(ie=()=>{if(!D||!I||!F(window.location.href))return;let e=O(window.location.href);window.history.replaceState(null,``,e),A(!0)},H=[D,I],t[9]=D,t[10]=I,t[11]=ie,t[12]=H):(ie=t[11],H=t[12]),(0,R.useEffect)(ie,H);let U;t[13]!==r||t[14]!==T||t[15]!==i||t[16]!==S||t[17]!==h||t[18]!==n||t[19]!==L||t[20]!==a||t[21]!==I?(U=async function(e){let t={...e,context:C({app:r,environment:i,user:I?void 0:a})};if(n)await n(t);else try{await M(t,{dashboardOrigin:S})}catch(e){let t=e;if(t instanceof j&&L){let e=h?.();if(e){window.location.assign(e);return}let n=te(t.authUrl,L,T);if(n){window.location.assign(n);return}}throw t}},t[13]=r,t[14]=T,t[15]=i,t[16]=S,t[17]=h,t[18]=n,t[19]=L,t[20]=a,t[21]=I,t[22]=U):U=t[22];let ae=U,oe=I?r:void 0,se=!I,W=`${w}-modal`,G;t[23]!==x||t[24]!==_||t[25]!==z||t[26]!==b||t[27]!==y||t[28]!==k||t[29]!==ae||t[30]!==oe||t[31]!==se||t[32]!==W?(G=/* @__PURE__ */ (0,V.jsx)(ce,{open:k,onOpenChange:A,onSubmit:ae,initialScreenshots:y,initialMessage:b,defaultSent:_,defaultScreenRecording:x,onCaptureActiveChange:ne,gatewaySession:z,draftStorageKey:oe,allowMediaAttachments:se,qaTestId:W}),t[23]=x,t[24]=_,t[25]=z,t[26]=b,t[27]=y,t[28]=k,t[29]=ae,t[30]=oe,t[31]=se,t[32]=W,t[33]=G):G=t[33];let K=G,q;t[34]!==N||t[35]!==o?(q=N?null:(0,R.cloneElement)(o,{onClick:e=>{o.props.onClick?.(e),e.defaultPrevented||A(!0)}}),t[34]=N,t[35]=o,t[36]=q):q=t[36];let J;return t[37]!==K||t[38]!==w||t[39]!==q?(J=/* @__PURE__ */ (0,V.jsxs)(`div`,{"qa-test-id":w,children:[q,K]}),t[37]=K,t[38]=w,t[39]=q,t[40]=J):J=t[40],J}export{H as i,G as n,ce as r,K as t};
|
|
1
|
+
import{a as e}from"./rolldown-runtime-BWaJ3C7D.js";import{t}from"./react-CUaU2Z9V.js";import{t as n}from"./compiler-runtime-B3BlmaWz.js";import{t as r}from"./jsx-runtime-Dgn0yPdi.js";import{t as i}from"./dist-BNSTMZct.js";import{t as a}from"./Button-DVzFJDgT.js";import{i as o}from"./dist-BRMXKypj.js";import{r as s}from"./dist-CPlSvWC_.js";import{t as c}from"./HelperText-DQxQjdKH.js";import{t as l}from"./TextareaField-CWJRrvJp.js";import{t as u}from"./Modal-rG85VrDb.js";import{t as d}from"./SelectFrameIcon-C5h9EvIp.js";import{t as f}from"./ShakeWrapper-CKxAjAT7.js";import{t as p}from"./CameraIcon-D88ZfWsN.js";import{t as m}from"./MicrophoneIcon-BuLtN1VU.js";import{t as h}from"./VideoCamera2Icon-Bya8Tob2.js";import{a as ee,c as g,d as _,f as v,i as y,l as b,o as x,p as S,t as C,u as w}from"./collect-feedback-context-wS6vlhoC.js";import{t as T}from"./CheckCircleIcon-hRaPf6jV.js";import{M as E,T as D,_ as O,b as k,i as A,l as j,p as M,s as N,t as P,u as te,v as F,x as ne,y as I}from"./useFeedbackGatewaySession-CX7MNOyb.js";import{t as L}from"./TrashIcon-DtJ0PAUs.js";import{t as re}from"./Upload-BgPOFXmH.js";var R=/* @__PURE__ */ e(t(),1);const z=[`audio/webm;codecs=opus`,`audio/webm`,`audio/mp4`];function ie(){let[e,t]=(0,R.useState)(null),[n,r]=(0,R.useState)(null),i=(0,R.useRef)(null),[a,o]=(0,R.useState)(null),[s,c]=(0,R.useState)(!1),l=(0,R.useRef)(null),u=(0,R.useRef)(null),d=(0,R.useRef)(null);function f(e){i.current&&URL.revokeObjectURL(i.current);let n=e?URL.createObjectURL(e):null;i.current=n,r(n),t(e)}function p(e){e?.getTracks().forEach(e=>e.stop())}function m(){d.current!=null&&window.clearTimeout(d.current),d.current=null}function h(e,t,n){if(m(),p(n),u.current=null,l.current=null,c(!1),e.length===0)return;let r=v(t,`audio/webm`),i=new Blob(e,{type:r});f(new File([i],`audio.${b(r,`webm`)}`,{type:r}))}return{file:e,previewUrl:n,errorKind:a,isRecording:s,start:async()=>{if(o(null),typeof navigator>`u`||!navigator.mediaDevices?.getUserMedia||typeof MediaRecorder>`u`){o(`unsupported`);return}let e=_(z);try{let t=await navigator.mediaDevices.getUserMedia({audio:!0}),n=e?new MediaRecorder(t,{mimeType:e}):new MediaRecorder(t),r=[];n.addEventListener(`dataavailable`,e=>{e.data.size>0&&r.push(e.data)}),n.addEventListener(`stop`,()=>{h(r,n.mimeType,t)}),u.current=t,l.current=n,c(!0),n.start(),d.current=window.setTimeout(()=>{n.state!==`inactive`&&n.stop()},6e4)}catch(e){o(w(e))}},stop:()=>{let e=l.current;e&&e.state!==`inactive`&&e.stop()},reset:()=>{let e=l.current;e&&e.state!==`inactive`&&e.stop(),p(u.current),u.current=null,l.current=null,c(!1),o(null),f(null),m()}}}var B=n(),V=/* @__PURE__ */ e(r(),1);function H(e){let t=(0,B.c)(49),{onSubmit:n,onDismiss:r,onCaptureActiveChange:s,initialScreenshots:u,initialMessage:f,defaultSent:_,defaultScreenRecording:v,draftStorageKey:b,allowMediaAttachments:C,authNotice:w,qaTestId:E,children:D}=e,O;t[0]===u?O=t[1]:(O=u===void 0?[]:u,t[0]=u,t[1]=O);let A=O,j=f===void 0?``:f,M=_!==void 0&&_,N=v!==void 0&&v,P=C===void 0||C,te=w===void 0?null:w,F=E===void 0?`feedback-widget-form`:E,{_:z}=o(),[H,ce]=(0,R.useState)(j),[G,K]=(0,R.useState)(!1),[q,J]=(0,R.useState)(null),[le,ue]=(0,R.useState)(!1),[de,fe]=(0,R.useState)(M),[pe,me]=(0,R.useState)(!1),[he,ge]=(0,R.useState)(!1),_e=(0,R.useRef)(0),ve=(0,R.useRef)(null),ye=(0,R.useRef)(null),Y=y(A),X=ie(),Z=g(P&&N),Q=x(),be,xe;t[2]!==b||t[3]!==j?(xe=()=>{if(!b||j)return;let e=k(b);e&&ce(e)},be=[b,j],t[2]=b,t[3]=j,t[4]=be,t[5]=xe):(be=t[4],xe=t[5]),(0,R.useEffect)(xe,be);let Se;t[6]===z?Se=t[7]:(Se=z({id:`GS7_wF`}),t[6]=z,t[7]=Se);let Ce=Se,we=z({id:`_8FaZU`}),$=G||Y.isAtLimit,Te=he||Y.isSelecting||Z.isCapturing||Q.isSelecting,Ee;t[8]===s?Ee=t[9]:(Ee=function(){ge(!0),s?.(!0)},t[8]=s,t[9]=Ee);let De=Ee,Oe;t[10]===s?Oe=t[11]:(Oe=function(){ge(!1),s?.(!1)},t[10]=s,t[11]=Oe);let ke=Oe,Ae;t[12]!==X||t[13]!==Q||t[14]!==Z||t[15]!==Y?(Ae=function(){ce(``),J(null),ue(!1),Y.reset(),X.reset(),Z.reset(),Q.reset()},t[12]=X,t[13]=Q,t[14]=Z,t[15]=Y,t[16]=Ae):Ae=t[16];let je=Ae,Me;t[17]!==Te||t[18]!==G||t[19]!==r?(Me=function(){G||Te||(fe(!1),J(null),ue(!1),r())},t[17]=Te,t[18]=G,t[19]=r,t[20]=Me):Me=t[20];let Ne=Me,Pe=function(){let e=H.trim();e?(ue(!1),J(null),K(!0),Promise.resolve(n({message:e,screenshots:Y.items.length>0?Y.items.map(se):void 0,audio:X.file??void 0,screenRecording:Z.clips.length>0?Z.clips.map(oe):void 0,elementComments:Q.items.map(ae)})).then(()=>{b&&I(b),je(),fe(!0)}).catch(e=>{let t=e instanceof Error?e.message.trim():``;console.error(`Feedback submit failed: %s`,t||`unknown`),J(t||z({id:`j1ZalJ`}))}).finally(()=>{K(!1)})):(ue(!0),ye.current?.shake())},Fe;t[21]===$?Fe=t[22]:(Fe=function(){$||ve.current?.click()},t[21]=$,t[22]=Fe);let Ie=Fe,Le;t[23]!==z||t[24]!==P||t[25]!==X||t[26]!==te||t[27]!==De||t[28]!==de||t[29]!==b||t[30]!==Q||t[31]!==ke||t[32]!==G||t[33]!==H||t[34]!==Ie||t[35]!==F||t[36]!==Ce||t[37]!==Z||t[38]!==Y||t[39]!==pe||t[40]!==$||t[41]!==le||t[42]!==q?(Le=de?/* @__PURE__ */ (0,V.jsxs)(`div`,{className:`flex flex-col items-center gap-3 py-4 text-center`,"qa-test-id":`${F}-sent`,children:[/* @__PURE__ */ (0,V.jsx)(T,{size:24,color:`positive-base`}),/* @__PURE__ */ (0,V.jsx)(`p`,{className:`text-sm text-text-sub`,children:z({id:`FC5EFo`})})]}):/* @__PURE__ */ (0,V.jsxs)(`div`,{className:`flex flex-col gap-4`,onPaste:e=>{if(!P)return;let t=Array.from(e.clipboardData?.files??[]);t.length!==0&&(e.clipboardData?.getData(`text/plain`)&&e.target instanceof HTMLTextAreaElement||(e.preventDefault(),Y.addFiles(t)))},children:[/* @__PURE__ */ (0,V.jsx)(l,{fieldLabel:z({id:`2dpwik`}),required:!0,error:le,description:le?Ce:void 0,onChange:e=>{let t=e.target.value;ce(t),b&&ne(b,t),t.trim()&&ue(!1)},textareaControlProps:{variant:`stroke`,value:H,rows:4,disabled:G,placeholder:z({id:`Cbi8z4`})}}),/* @__PURE__ */ (0,V.jsxs)(W,{label:z({id:`BBLHSU`}),hint:z({id:`n_D5pA`}),children:[/* @__PURE__ */ (0,V.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:/* @__PURE__ */ (0,V.jsx)(a,{type:`button`,variant:`weak`,prefix:{icon:d},disabled:G,onClick:()=>{De(),Q.start({onSettled:ke})},children:z({id:`FjaUgo`})})}),/* @__PURE__ */ (0,V.jsx)(ee,{items:Q.items,disabled:G,onRemove:Q.remove})]}),P?/* @__PURE__ */ (0,V.jsxs)(V.Fragment,{children:[/* @__PURE__ */ (0,V.jsxs)(W,{label:z({id:`lqROaa`}),hint:z({id:`jsNEb0`}),error:Y.error,children:[/* @__PURE__ */ (0,V.jsx)(`input`,{ref:ve,type:`file`,accept:S,multiple:!0,className:`hidden`,tabIndex:-1,"aria-label":z({id:`5phU36`}),"qa-test-id":`${F}-screenshot-input`,disabled:$,onChange:e=>{Y.addFiles(Array.from(e.target.files??[])),e.target.value=``}}),/* @__PURE__ */ (0,V.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:/* @__PURE__ */ (0,V.jsx)(a,{type:`button`,variant:`weak`,prefix:{icon:p},disabled:G||Y.isAtLimit,onClick:()=>{De(),Y.start({onSettled:ke})},children:z({id:`XnCKvx`})})}),/* @__PURE__ */ (0,V.jsx)(re,{qaTestId:`${F}-screenshots`,state:G?`disabled`:pe?`drag-over`:`default`,title:z({id:`zkgSLc`}),description:z({id:`6Arhbc`}),className:i(Y.items.length===0&&!G&&`cursor-pointer`),action:{children:z({id:`QV326a`}),onClick:Ie,disabled:$},removeAllAction:Y.items.length>0?{children:z({id:`VjbCv0`}),onClick:()=>Y.reset(),disabled:G}:void 0,onDragEnter:()=>{_e.current+=1,me(!0)},onDragOver:U,onDragLeave:()=>{--_e.current,!(_e.current>0)&&(_e.current=0,me(!1))},onDrop:e=>{_e.current=0,me(!1),Y.addFiles(Array.from(e.dataTransfer.files))},onClick:Y.items.length===0&&!G?Ie:void 0,children:Y.items.map(e=>/* @__PURE__ */ (0,V.jsxs)(`div`,{className:`relative overflow-hidden rounded-2xl bg-depth-black-4`,children:[/* @__PURE__ */ (0,V.jsx)(`img`,{src:e.previewUrl,alt:e.file.name,className:`max-h-32 w-full object-contain`}),/* @__PURE__ */ (0,V.jsx)(`p`,{className:`truncate px-3 py-1 text-xs text-text-sub`,children:e.file.name}),/* @__PURE__ */ (0,V.jsx)(a,{type:`button`,variant:`inverse`,size:`small`,className:`absolute top-2 right-2`,"aria-label":z({id:`9iDzU8`,values:{fileName:e.file.name}}),prefix:{icon:L},disabled:G,onClick:t=>{t.stopPropagation(),Y.remove(e.id)}})]},e.id))})]}),/* @__PURE__ */ (0,V.jsxs)(W,{label:z({id:`_rTz0M`}),error:X.errorKind===`permission`?z({id:`3z_euE`}):X.errorKind===`unsupported`?z({id:`Elo64u`}):X.errorKind===`failed`?z({id:`D2AZQg`}):void 0,children:[X.previewUrl?/* @__PURE__ */ (0,V.jsx)(`audio`,{className:`w-full`,controls:!0,src:X.previewUrl}):null,/* @__PURE__ */ (0,V.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[X.isRecording?/* @__PURE__ */ (0,V.jsx)(a,{type:`button`,variant:`strong`,onClick:()=>X.stop(),children:z({id:`pJ_IRc`})}):/* @__PURE__ */ (0,V.jsx)(a,{type:`button`,variant:`weak`,prefix:{icon:m},disabled:G,onClick:()=>{X.start()},children:X.file?z({id:`jmh6Rv`}):z({id:`wVRDWC`})}),X.file?/* @__PURE__ */ (0,V.jsx)(a,{type:`button`,variant:`weak`,prefix:{icon:L},disabled:G||X.isRecording,onClick:()=>X.reset(),children:z({id:`t_YqKh`})}):null]})]}),/* @__PURE__ */ (0,V.jsxs)(W,{label:z({id:`Ag2QUH`}),hint:z({id:`FXr6LJ`}),error:Z.errorKind===`permission`?z({id:`3z_euE`}):Z.errorKind===`unsupported`?z({id:`Elo64u`}):Z.errorKind===`failed`?z({id:`D2AZQg`}):void 0,children:[Z.clips.map(e=>/* @__PURE__ */ (0,V.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[/* @__PURE__ */ (0,V.jsx)(`video`,{className:`w-full rounded-2xl`,controls:!0,src:e.previewUrl}),/* @__PURE__ */ (0,V.jsx)(a,{type:`button`,variant:`weak`,prefix:{icon:L},disabled:G,onClick:()=>Z.remove(e.id),children:z({id:`t_YqKh`})})]},e.id)),/* @__PURE__ */ (0,V.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:/* @__PURE__ */ (0,V.jsx)(a,{type:`button`,variant:`weak`,prefix:{icon:h},disabled:G,onClick:()=>{De(),Z.start({onSettled:ke})},children:z({id:`obBbyQ`})})})]})]}):null,te?/* @__PURE__ */ (0,V.jsx)(c,{state:`error`,wrap:!0,children:te}):null,q?/* @__PURE__ */ (0,V.jsx)(c,{state:`error`,wrap:!0,children:q}):null]}),t[23]=z,t[24]=P,t[25]=X,t[26]=te,t[27]=De,t[28]=de,t[29]=b,t[30]=Q,t[31]=ke,t[32]=G,t[33]=H,t[34]=Ie,t[35]=F,t[36]=Ce,t[37]=Z,t[38]=Y,t[39]=pe,t[40]=$,t[41]=le,t[42]=q,t[43]=Le):Le=t[43];let Re=Le,ze=Y.overlay,Be=Z.overlay,Ve=Q.overlay,He=D({didSend:de,isSubmitting:G,isCaptureActive:Te,requiredMessageCopy:Ce,shakeTooltipCopy:we,shakeRef:ye,submit:Pe,dismiss:Ne,body:Re}),Ue;return t[44]!==Q.overlay||t[45]!==Z.overlay||t[46]!==Y.overlay||t[47]!==He?(Ue=/* @__PURE__ */ (0,V.jsxs)(V.Fragment,{children:[ze,Be,Ve,He]}),t[44]=Q.overlay,t[45]=Z.overlay,t[46]=Y.overlay,t[47]=He,t[48]=Ue):Ue=t[48],Ue}function U(e){e.dataTransfer.dropEffect=`copy`}function ae(e){return e.payload}function oe(e){return e.file}function se(e){return e.file}function W(e){let t=(0,B.c)(12),{label:n,hint:r,error:a,children:o}=e,s;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(s=i(`flex w-full min-w-0 flex-col gap-2`),t[0]=s):s=t[0];let l;t[1]===n?l=t[2]:(l=/* @__PURE__ */ (0,V.jsx)(`p`,{className:`text-sm font-medium text-text-strong`,children:n}),t[1]=n,t[2]=l);let u;t[3]===r?u=t[4]:(u=r?/* @__PURE__ */ (0,V.jsx)(`p`,{className:`text-xs text-text-sub`,children:r}):null,t[3]=r,t[4]=u);let d;t[5]===a?d=t[6]:(d=a?/* @__PURE__ */ (0,V.jsx)(c,{state:`error`,wrap:!0,children:a}):null,t[5]=a,t[6]=d);let f;return t[7]!==o||t[8]!==l||t[9]!==u||t[10]!==d?(f=/* @__PURE__ */ (0,V.jsxs)(`div`,{className:s,children:[l,u,o,d]}),t[7]=o,t[8]=l,t[9]=u,t[10]=d,t[11]=f):f=t[11],f}function ce(e){let t=(0,B.c)(30),{open:n,onOpenChange:r,onSubmit:i,initialScreenshots:a,initialMessage:s,defaultSent:c,defaultScreenRecording:l,onCaptureActiveChange:d,gatewaySession:p,draftStorageKey:m,allowMediaAttachments:h,qaTestId:ee}=e,g;t[0]===a?g=t[1]:(g=a===void 0?[]:a,t[0]=a,t[1]=g);let _=g,v=s===void 0?``:s,y=c!==void 0&&c,b=l!==void 0&&l,x=p===void 0?null:p,S=h===void 0||h,C=ee===void 0?`feedback-widget-modal`:ee,{_:w}=o(),T=x!=null,E=T&&!x.isAuthenticated&&!x.isChecking&&!!x.authUrl,D=!T||x.isAuthenticated&&!x.isChecking,O;t[2]!==w||t[3]!==x?.authError||t[4]!==E?(O=x?.authError??(E?w({id:`W5yboM`}):null),t[2]=w,t[3]=x?.authError,t[4]=E,t[5]=O):O=t[5];let k=O,A;t[6]===r?A=t[7]:(A=()=>r(!1),t[6]=r,t[7]=A);let j;t[8]!==w||t[9]!==S||t[10]!==D||t[11]!==x||t[12]!==E||t[13]!==r||t[14]!==n||t[15]!==C?(j=e=>{let{didSend:t,isSubmitting:i,isCaptureActive:a,shakeTooltipCopy:o,shakeRef:s,submit:c,dismiss:l,body:d}=e;return/* @__PURE__ */ (0,V.jsx)(u,{open:n&&!a,onOpenChange:e=>{e?r(!0):l()},size:`lg`,qaTestId:C,headerProps:t?{title:w({id:`2roTVj`}),description:w({id:`obpDUF`})}:{title:w({id:`RoafuO`}),description:w(S?{id:`PcEQ_q`}:{id:`pLfNy-`}),showClose:!0,closeDisabled:i||a},footerProps:t?{primaryButton:{variant:`strong`,children:w({id:`yz7wBu`}),onClick:l}}:{tertiaryButton:E?{variant:`stroke`,children:w({id:`z0t9bb`}),disabled:i||a,onClick:x.onLogin}:void 0,secondaryButton:{variant:`stroke`,children:w({id:`dEgA5A`}),disabled:i||a,onClick:l},primaryButton:{variant:`strong`,children:w({id:`JlFcis`}),isLoading:i||x?.isChecking,disabled:!D||a,onClick:c}},children:t?d:/* @__PURE__ */ (0,V.jsx)(f,{ref:s,tooltip:o,children:d})})},t[8]=w,t[9]=S,t[10]=D,t[11]=x,t[12]=E,t[13]=r,t[14]=n,t[15]=C,t[16]=j):j=t[16];let M;return t[17]!==S||t[18]!==k||t[19]!==b||t[20]!==y||t[21]!==m||t[22]!==v||t[23]!==_||t[24]!==d||t[25]!==i||t[26]!==C||t[27]!==A||t[28]!==j?(M=/* @__PURE__ */ (0,V.jsx)(H,{onSubmit:i,onDismiss:A,onCaptureActiveChange:d,initialScreenshots:_,initialMessage:v,defaultSent:y,defaultScreenRecording:b,draftStorageKey:m,allowMediaAttachments:S,authNotice:k,qaTestId:C,children:j}),t[17]=S,t[18]=k,t[19]=b,t[20]=y,t[21]=m,t[22]=v,t[23]=_,t[24]=d,t[25]=i,t[26]=C,t[27]=A,t[28]=j,t[29]=M):M=t[29],M}function G(e){let t=(0,B.c)(11),{app:n,trigger:r,enabled:i,qaTestId:a,localOlyOrigin:o}=e,c=i===void 0||i,l=a===void 0?`feedback-gateway`:a,u=s(),d=!1;if(u)try{d=window.localStorage.getItem(D)===`true`}catch{d=!1}if(!u||!A(c,d))return null;let f;t[0]!==n||t[1]!==o?(f=N(n,window.location,{localOlyOrigin:o}),t[0]=n,t[1]=o,t[2]=f):f=t[2];let p=f,m;return t[3]!==n||t[4]!==p.gatewayAuthOrigin||t[5]!==p.gatewayOrigin||t[6]!==p.getGatewayLoginHref||t[7]!==p.irisEnvironment||t[8]!==l||t[9]!==r?(m=/* @__PURE__ */ (0,V.jsx)(K,{app:n,trigger:r,environment:p.irisEnvironment,gatewayOrigin:p.gatewayOrigin,gatewayAuthOrigin:p.gatewayAuthOrigin,getGatewayLoginHref:p.getGatewayLoginHref,qaTestId:l}),t[3]=n,t[4]=p.gatewayAuthOrigin,t[5]=p.gatewayOrigin,t[6]=p.getGatewayLoginHref,t[7]=p.irisEnvironment,t[8]=l,t[9]=r,t[10]=m):m=t[10],m}function K(e){let t=(0,B.c)(41),{onSubmit:n,app:r,environment:i,user:a,trigger:o,defaultOpen:c,defaultSent:l,initialScreenshots:u,initialMessage:d,defaultScreenRecording:f,gatewayOrigin:p,gatewayAuthOrigin:m,getGatewayLoginHref:h,qaTestId:ee}=e,g=c!==void 0&&c,_=l!==void 0&&l,v;t[0]===u?v=t[1]:(v=u===void 0?[]:u,t[0]=u,t[1]=v);let y=v,b=d===void 0?``:d,x=f!==void 0&&f,S=p===void 0?E:p,w=ee===void 0?`feedback-widget`:ee,T=m??S,D=s(),[k,A]=(0,R.useState)(g),[N,ne]=(0,R.useState)(x),I=n==null,L=D?window.location.href:void 0,re;t[2]!==T||t[3]!==S||t[4]!==h||t[5]!==k||t[6]!==L||t[7]!==I?(re={enabled:I,open:k,returnToHref:L,gatewayOrigin:S,gatewayAuthOrigin:T,getGatewayLoginHref:h},t[2]=T,t[3]=S,t[4]=h,t[5]=k,t[6]=L,t[7]=I,t[8]=re):re=t[8];let z=P(re),ie,H;t[9]!==D||t[10]!==I?(ie=()=>{if(!D||!I||!F(window.location.href))return;let e=O(window.location.href);window.history.replaceState(null,``,e),A(!0)},H=[D,I],t[9]=D,t[10]=I,t[11]=ie,t[12]=H):(ie=t[11],H=t[12]),(0,R.useEffect)(ie,H);let U;t[13]!==r||t[14]!==T||t[15]!==i||t[16]!==S||t[17]!==h||t[18]!==n||t[19]!==L||t[20]!==a||t[21]!==I?(U=async function(e){let t={...e,context:C({app:r,environment:i,user:I?void 0:a})};if(n)await n(t);else try{await M(t,{dashboardOrigin:S})}catch(e){let t=e;if(t instanceof j&&L){let e=h?.();if(e){window.location.assign(e);return}let n=te(t.authUrl,L,T);if(n){window.location.assign(n);return}}throw t}},t[13]=r,t[14]=T,t[15]=i,t[16]=S,t[17]=h,t[18]=n,t[19]=L,t[20]=a,t[21]=I,t[22]=U):U=t[22];let ae=U,oe=I?r:void 0,se=!I,W=`${w}-modal`,G;t[23]!==x||t[24]!==_||t[25]!==z||t[26]!==b||t[27]!==y||t[28]!==k||t[29]!==ae||t[30]!==oe||t[31]!==se||t[32]!==W?(G=/* @__PURE__ */ (0,V.jsx)(ce,{open:k,onOpenChange:A,onSubmit:ae,initialScreenshots:y,initialMessage:b,defaultSent:_,defaultScreenRecording:x,onCaptureActiveChange:ne,gatewaySession:z,draftStorageKey:oe,allowMediaAttachments:se,qaTestId:W}),t[23]=x,t[24]=_,t[25]=z,t[26]=b,t[27]=y,t[28]=k,t[29]=ae,t[30]=oe,t[31]=se,t[32]=W,t[33]=G):G=t[33];let K=G,q;t[34]!==N||t[35]!==o?(q=N?null:(0,R.cloneElement)(o,{onClick:e=>{o.props.onClick?.(e),e.defaultPrevented||A(!0)}}),t[34]=N,t[35]=o,t[36]=q):q=t[36];let J;return t[37]!==K||t[38]!==w||t[39]!==q?(J=/* @__PURE__ */ (0,V.jsxs)(`div`,{"qa-test-id":w,children:[q,K]}),t[37]=K,t[38]=w,t[39]=q,t[40]=J):J=t[40],J}export{H as i,G as n,ce as r,K as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as e}from"./rolldown-runtime-BWaJ3C7D.js";import{m as t,o as n}from"./transitions-Cn0Tw_ua.js";import{t as r}from"./react-CUaU2Z9V.js";import{t as i}from"./resolve-file-display-LdRIBvZI.js";import{t as a}from"./compiler-runtime-B3BlmaWz.js";import{t as o}from"./jsx-runtime-Dgn0yPdi.js";import{t as s}from"./dist-BNSTMZct.js";import{a as c,n as l,r as u}from"./Tooltip-DhUhhzMn.js";import{n as d}from"./react-Dqv3-6_5.js";import{t as f}from"./AnimatePresence-B3xdNKna.js";import{t as p}from"./use-reduced-motion-CNBdBisf.js";import{t as m}from"./Button-DVzFJDgT.js";import{i as ee}from"./dist-BRMXKypj.js";import{t as h}from"./ScrollGradientWrapper-h6yq23DQ.js";import{t as g}from"./Suffix-B-AAwdYx.js";import{t as _}from"./Trash2Icon-BX14pNs7.js";import{t as v}from"./UploadIcon-CATKHZJP.js";import{t as y}from"./FileBox-BlbeevHp.js";var b=a(),x=/* @__PURE__ */ e(o(),1),S=/* @__PURE__ */ e(r(),1);function C(e,t){return e===`error`?`var(--color-negative-lighter)`:e===`uploading`||t?`var(--color-depth-black-4)`:`var(--color-depth-black-0)`}const w={duration:.15,ease:[.645,.045,.355,1]};function T(e){return null}function te(e){let t=(0,b.c)(9),{filename:n}=e,r=(0,S.useRef)(null),[i,a]=(0,S.useState)(!1),o;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(o=()=>{let e=r.current;return e!=null&&e.scrollWidth-e.clientWidth>1},t[0]=o):o=t[0];let s=o,d;t[1]===Symbol.for(`react.memo_cache_sentinel`)?(d=e=>a(e&&s()),t[1]=d):d=t[1];let f,p;t[2]===n?(f=t[3],p=t[4]):(f=/* @__PURE__ */ (0,x.jsx)(c,{asChild:!0,children:/* @__PURE__ */ (0,x.jsx)(`span`,{ref:r,className:`pui-text-label-medium w-full truncate text-text-strong`,children:n})}),p=/* @__PURE__ */ (0,x.jsx)(u,{side:`top`,className:`max-w-xs break-all whitespace-normal`,children:n}),t[2]=n,t[3]=f,t[4]=p);let m;return t[5]!==i||t[6]!==f||t[7]!==p?(m=/* @__PURE__ */ (0,x.jsxs)(l,{open:i,onOpenChange:d,children:[f,p]}),t[5]=i,t[6]=f,t[7]=p,t[8]=m):m=t[8],m}function E(e,t,n,r){return e===`uploading`?n===void 0?t:`${Math.round(n)}%`:e===`error`?t??r:t}function ne(e){let t=(0,b.c)(15),{filename:n,onRemove:r,isError:i,isHovered:a}=e,{_:o}=ee(),s;t[0]!==o||t[1]!==n?(s=o({id:`0yzjHF`,values:{filename:n}}),t[0]=o,t[1]=n,t[2]=s):s=t[2];let c;t[3]===r?c=t[4]:(c=e=>{e.stopPropagation(),r()},t[3]=r,t[4]=c);let l;t[5]!==s||t[6]!==c?(l={type:`button`,variant:`inverse`,"aria-label":s,onClick:c},t[5]=s,t[6]=c,t[7]=l):l=t[7];let u=l;if(i){let e;return t[8]===u?e=t[9]:(e=/* @__PURE__ */ (0,x.jsx)(g,{variant:`button-inset`,icon:_,buttonInsetProps:u}),t[8]=u,t[9]=e),e}let d;t[10]===u?d=t[11]:(d={variant:`button-inset`,icon:_,buttonInsetProps:u},t[10]=u,t[11]=d);let f;return t[12]!==a||t[13]!==d?(f=/* @__PURE__ */ (0,x.jsx)(g,{variant:`icon`,icon:T,swap:d,isSwapVisible:a}),t[12]=a,t[13]=d,t[14]=f):f=t[14],f}function re(e){let n=(0,b.c)(17),{filename:r,progress:i}=e,{_:a}=ee(),o=p()??!1,s;n[0]===i?s=n[1]:(s=Math.round(i),n[0]=i,n[1]=s);let c;n[2]!==a||n[3]!==r?(c=a({id:`Q49FN-`,values:{filename:r}}),n[2]=a,n[3]=r,n[4]=c):c=n[4];let l;n[5]===o?l=n[6]:(l=!o&&{width:`0%`},n[5]=o,n[6]=l);let u=`${i}%`,f;n[7]===u?f=n[8]:(f={width:u},n[7]=u,n[8]=f);let m;n[9]===o?m=n[10]:(m=o?{duration:0}:t,n[9]=o,n[10]=m);let h;return n[11]!==s||n[12]!==c||n[13]!==l||n[14]!==f||n[15]!==m?(h=/* @__PURE__ */ (0,x.jsx)(`div`,{className:`pointer-events-none absolute inset-0 overflow-hidden rounded-2xl`,children:/* @__PURE__ */ (0,x.jsx)(d.div,{role:`progressbar`,"aria-valuenow":s,"aria-valuemin":0,"aria-valuemax":100,"aria-label":c,className:`absolute inset-y-0 left-0 bg-depth-black-4`,initial:l,animate:f,transition:m,"data-slot":`upload-item-progress`})}),n[11]=s,n[12]=c,n[13]=l,n[14]=f,n[15]=m,n[16]=h):h=n[16],h}function D(e){let t=(0,b.c)(82),r,a,o,c,l,u,f,m,h,g,_,v;t[0]===e?(r=t[1],a=t[2],o=t[3],c=t[4],l=t[5],u=t[6],f=t[7],m=t[8],h=t[9],g=t[10],_=t[11],v=t[12]):({filename:c,fileMetadata:a,fileType:o,state:_,progress:m,onRemove:f,suffix:g,className:r,qaTestId:v,onMouseEnter:l,onMouseLeave:u,...h}=e,t[0]=e,t[1]=r,t[2]=a,t[3]=o,t[4]=c,t[5]=l,t[6]=u,t[7]=f,t[8]=m,t[9]=h,t[10]=g,t[11]=_,t[12]=v);let T=_===void 0?`default`:_,D=v===void 0?`upload-item`:v,{_:ie}=ee(),O=T===`uploading`,k=T===`error`,A;t[13]!==o||t[14]!==c?(A=i(c,o),t[13]=o,t[14]=c,t[15]=A):A=t[15];let j=A,M=m===void 0?void 0:Math.min(Math.max(m,0),100),N;t[16]!==ie||t[17]!==M||t[18]!==a||t[19]!==T?(N=E(T,a,M,ie({id:`SlfejT`})),t[16]=ie,t[17]=M,t[18]=a,t[19]=T,t[20]=N):N=t[20];let P=N,F=p()??!1,[I,ae]=(0,S.useState)(!1),L;t[21]!==c||t[22]!==k||t[23]!==I||t[24]!==f||t[25]!==g?(L=g??(f?/* @__PURE__ */ (0,x.jsx)(ne,{filename:c,onRemove:f,isError:k,isHovered:I}):null),t[21]=c,t[22]=k,t[23]=I,t[24]=f,t[25]=g,t[26]=L):L=t[26];let R=L,z;t[27]===F?z=t[28]:(z=F?{duration:0}:{backgroundColor:n,layout:w,opacity:n,y:n},t[27]=F,t[28]=z);let B=z,V;t[29]===D?V=t[30]:(V=e=>{e&&e.setAttribute(`qa-test-id`,D)},t[29]=D,t[30]=V);let H;t[31]===r?H=t[32]:(H=s(`relative flex h-16 shrink-0 items-center gap-2.5 rounded-2xl px-3`,r),t[31]=r,t[32]=H);let U;t[33]===F?U=t[34]:(U=!F&&{opacity:0,y:8},t[33]=F,t[34]=U);let W;t[35]!==I||t[36]!==T?(W=C(T,I),t[35]=I,t[36]=T,t[37]=W):W=t[37];let G;t[38]===W?G=t[39]:(G={opacity:1,y:0,backgroundColor:W},t[38]=W,t[39]=G);let K;t[40]===F?K=t[41]:(K=F?{opacity:0}:{opacity:0,y:-4},t[40]=F,t[41]=K);let q=!F&&`position`,J=h,Y;t[42]===l?Y=t[43]:(Y=e=>{ae(!0),l?.(e)},t[42]=l,t[43]=Y);let X;t[44]===u?X=t[45]:(X=e=>{ae(!1),u?.(e)},t[44]=u,t[45]=X);let Z;t[46]!==M||t[47]!==c||t[48]!==O?(Z=O&&M!==void 0?/* @__PURE__ */ (0,x.jsx)(re,{filename:c,progress:M}):null,t[46]=M,t[47]=c,t[48]=O,t[49]=Z):Z=t[49];let Q;t[50]!==j.label||t[51]!==j.type?(Q=/* @__PURE__ */ (0,x.jsx)(y,{type:j.type,label:j.label}),t[50]=j.label,t[51]=j.type,t[52]=Q):Q=t[52];let $;t[53]===c?$=t[54]:($=/* @__PURE__ */ (0,x.jsx)(te,{filename:c}),t[53]=c,t[54]=$);let oe;t[55]!==M||t[56]!==k||t[57]!==O||t[58]!==P?(oe=P?/* @__PURE__ */ (0,x.jsx)(`span`,{className:s(`pui-text-mono-tiny-alt w-full truncate`,O&&M!==void 0&&`tabular-nums`,k?`text-negative-base`:`text-text-soft`),children:P}):null,t[55]=M,t[56]=k,t[57]=O,t[58]=P,t[59]=oe):oe=t[59];let se;t[60]!==$||t[61]!==oe?(se=/* @__PURE__ */ (0,x.jsxs)(`div`,{className:`relative flex h-10 min-w-0 flex-1 flex-col items-start justify-center gap-1 contain-inline-size`,children:[$,oe]}),t[60]=$,t[61]=oe,t[62]=se):se=t[62];let ce;t[63]===R?ce=t[64]:(ce=/* @__PURE__ */ (0,x.jsx)(`div`,{className:`relative flex size-6 shrink-0 items-center justify-center`,children:R}),t[63]=R,t[64]=ce);let le;return t[65]!==B||t[66]!==D||t[67]!==T||t[68]!==G||t[69]!==K||t[70]!==q||t[71]!==J||t[72]!==Y||t[73]!==X||t[74]!==Z||t[75]!==Q||t[76]!==se||t[77]!==ce||t[78]!==V||t[79]!==H||t[80]!==U?(le=/* @__PURE__ */ (0,x.jsxs)(d.div,{ref:V,className:H,"data-slot":`upload-item`,"data-state":T,"qa-test-id":D,initial:U,animate:G,exit:K,layout:q,transition:B,...J,onMouseEnter:Y,onMouseLeave:X,children:[Z,Q,se,ce]}),t[65]=B,t[66]=D,t[67]=T,t[68]=G,t[69]=K,t[70]=q,t[71]=J,t[72]=Y,t[73]=X,t[74]=Z,t[75]=Q,t[76]=se,t[77]=ce,t[78]=V,t[79]=H,t[80]=U,t[81]=le):le=t[81],le}const ie={default:`border-border-soft`,"drag-over":`border-border-sub bg-depth-black-4`,error:`border-negative-base bg-negative-lighter`,disabled:`border-border-soft`},O={default:`text-text-soft`,"drag-over":`text-text-soft`,error:`text-negative-base`,disabled:`text-text-disabled`};function k(e,t){return n=>{n.preventDefault(),!e&&t?.(n)}}function A(e){return S.Children.toArray(e).flatMap(e=>(0,S.isValidElement)(e)&&e.type===S.Fragment?A(e.props.children):[e])}function j(e){let t=(0,b.c)(12),{action:n,isDisabled:r}=e;if(!n)return null;let i,a,o,s;t[0]===n?(i=t[1],a=t[2],o=t[3],s=t[4]):({children:i,onClick:o,disabled:a,...s}=n,t[0]=n,t[1]=i,t[2]=a,t[3]=o,t[4]=s);let c=r||a,l;t[5]===o?l=t[6]:(l=e=>{e.stopPropagation(),o?.(e)},t[5]=o,t[6]=l);let u;return t[7]!==i||t[8]!==s||t[9]!==c||t[10]!==l?(u=/* @__PURE__ */ (0,x.jsx)(m,{variant:`weak`,size:`medium`,...s,disabled:c,onClick:l,children:i}),t[7]=i,t[8]=s,t[9]=c,t[10]=l,t[11]=u):u=t[11],u}function M(e){let t=(0,b.c)(68),n,r,i,a,o,c,l,u,d,p,m,g,_,y,S,C;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],c=t[6],l=t[7],u=t[8],d=t[9],p=t[10],m=t[11],g=t[12],_=t[13],y=t[14],S=t[15],C=t[16]):({state:y,title:C,description:a,icon:o,action:n,removeAllAction:_,children:r,className:i,qaTestId:S,onDragEnter:l,onDragLeave:u,onDragOver:d,onDrop:p,onClick:c,onKeyDown:m,...g}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=c,t[7]=l,t[8]=u,t[9]=d,t[10]=p,t[11]=m,t[12]=g,t[13]=_,t[14]=y,t[15]=S,t[16]=C);let w=y===void 0?`default`:y,T=S===void 0?`upload`:S,{_:te}=ee(),E=w===`disabled`,ne=w===`error`,re;t[17]===r?re=t[18]:(re=A(r),t[17]=r,t[18]=re);let D=re,M=D.length>0,N;t[19]!==te||t[20]!==C?(N=C??te({id:`HrRts6`}),t[19]=te,t[20]=C,t[21]=N):N=t[21];let P=N,F=o===void 0?v:o,I=!!c&&!E&&!M&&!n,ae=ie[w],L=!M&&`min-h-40 items-center justify-center`,R=I&&`focus:outline-none focus-visible:shadow-outline-primary`,z;t[22]!==i||t[23]!==ae||t[24]!==L||t[25]!==R?(z=s(`flex flex-col gap-4 overflow-hidden rounded-3xl border border-dashed p-4`,ae,L,R,i),t[22]=i,t[23]=ae,t[24]=L,t[25]=R,t[26]=z):z=t[26];let B=E||void 0,V=I?`button`:`group`,H=I?0:void 0,U=E?void 0:c,W;t[27]!==I||t[28]!==m?(W=e=>{m?.(e),I&&!e.defaultPrevented&&e.target===e.currentTarget&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.currentTarget.click())},t[27]=I,t[28]=m,t[29]=W):W=t[29];let G;t[30]!==E||t[31]!==l?(G=k(E,l),t[30]=E,t[31]=l,t[32]=G):G=t[32];let K;t[33]!==E||t[34]!==u?(K=k(E,u),t[33]=E,t[34]=u,t[35]=K):K=t[35];let q;t[36]!==E||t[37]!==d?(q=k(E,d),t[36]=E,t[37]=d,t[38]=q):q=t[38];let J;t[39]!==E||t[40]!==p?(J=k(E,p),t[39]=E,t[40]=p,t[41]=J):J=t[41];let Y;t[42]!==F||t[43]!==n||t[44]!==a||t[45]!==D||t[46]!==E||t[47]!==ne||t[48]!==M||t[49]!==_||t[50]!==P||t[51]!==w?(Y=M?/* @__PURE__ */ (0,x.jsxs)(x.Fragment,{children:[/* @__PURE__ */ (0,x.jsx)(h,{direction:`vertical`,gradientSurface:`inverse`,className:`w-full`,scrollClassName:`max-h-52 gap-2`,qaTestId:`upload-files`,children:/* @__PURE__ */ (0,x.jsx)(f,{initial:!1,mode:`popLayout`,children:D})}),n||_?/* @__PURE__ */ (0,x.jsxs)(`div`,{className:`flex h-9 w-full items-center justify-between`,"data-slot":`upload-footer`,children:[/* @__PURE__ */ (0,x.jsx)(`div`,{className:`flex items-center`,children:/* @__PURE__ */ (0,x.jsx)(j,{action:_,isDisabled:E})}),/* @__PURE__ */ (0,x.jsx)(`div`,{className:`flex items-center`,children:/* @__PURE__ */ (0,x.jsx)(j,{action:n,isDisabled:E})})]}):null]}):/* @__PURE__ */ (0,x.jsxs)(x.Fragment,{children:[F?/* @__PURE__ */ (0,x.jsx)(F,{size:20,color:E?`icon-disabled`:`icon-sub`}):null,/* @__PURE__ */ (0,x.jsxs)(`div`,{className:`flex h-10 flex-col items-center justify-center gap-1 text-center`,children:[/* @__PURE__ */ (0,x.jsx)(`span`,{className:s(`pui-text-label-medium`,E?`text-text-disabled`:`text-text-strong`),children:P}),a?/* @__PURE__ */ (0,x.jsx)(`span`,{role:ne?`alert`:void 0,className:s(`pui-text-mono-tiny-alt`,O[w]),children:a},ne?`error`:`description`):null]}),/* @__PURE__ */ (0,x.jsx)(j,{action:n,isDisabled:E})]}),t[42]=F,t[43]=n,t[44]=a,t[45]=D,t[46]=E,t[47]=ne,t[48]=M,t[49]=_,t[50]=P,t[51]=w,t[52]=Y):Y=t[52];let X;return t[53]!==g||t[54]!==T||t[55]!==w||t[56]!==V||t[57]!==H||t[58]!==U||t[59]!==W||t[60]!==G||t[61]!==K||t[62]!==q||t[63]!==J||t[64]!==Y||t[65]!==z||t[66]!==B?(X=/* @__PURE__ */ (0,x.jsx)(`div`,{className:z,"data-slot":`upload`,"data-state":w,"aria-disabled":B,role:V,tabIndex:H,"qa-test-id":T,...g,onClick:U,onKeyDown:W,onDragEnter:G,onDragLeave:K,onDragOver:q,onDrop:J,children:Y}),t[53]=g,t[54]=T,t[55]=w,t[56]=V,t[57]=H,t[58]=U,t[59]=W,t[60]=G,t[61]=K,t[62]=q,t[63]=J,t[64]=Y,t[65]=z,t[66]=B,t[67]=X):X=t[67],X}M.displayName=`Upload`,M.Item=D,M.Dropzone=M;export{D as n,M as t};
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { colorTransition, progressBarWidthTransition } from "../../utils/transitions.js";
|
|
2
|
+
import { Tooltip, TooltipContent, TooltipTrigger } from "../Tooltip/Tooltip.js";
|
|
2
3
|
import { resolveFileDisplay } from "../../lib/utils/resolve-file-display.js";
|
|
3
4
|
import { Suffix } from "../Suffix/Suffix.js";
|
|
4
5
|
import Trash2Icon from "../icons/Trash2Icon.js";
|
|
5
6
|
import { FileBox } from "../FileCard/FileBox.js";
|
|
6
7
|
import { c } from "react/compiler-runtime";
|
|
7
8
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
|
-
import { useState } from "react";
|
|
9
|
+
import { useRef, useState } from "react";
|
|
9
10
|
import { useLingui } from "@lingui/react";
|
|
10
11
|
import { cn } from "cn";
|
|
11
12
|
import { motion, useReducedMotion } from "motion/react";
|
|
@@ -30,6 +31,65 @@ const itemLayoutTransition = {
|
|
|
30
31
|
function EmptySuffixIcon(_props) {
|
|
31
32
|
return null;
|
|
32
33
|
}
|
|
34
|
+
/** 1px slack so sub-pixel rounding does not count a snug fit as overflow. */
|
|
35
|
+
const OVERFLOW_PX = 1;
|
|
36
|
+
/** Single-line filename; hover shows the full name in a Tooltip only when it is clipped. */
|
|
37
|
+
function UploadItemFilename(t0) {
|
|
38
|
+
const $ = c(9);
|
|
39
|
+
const { filename } = t0;
|
|
40
|
+
const ref = useRef(null);
|
|
41
|
+
const [open, setOpen] = useState(false);
|
|
42
|
+
let t1;
|
|
43
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
44
|
+
t1 = () => {
|
|
45
|
+
const el = ref.current;
|
|
46
|
+
return el != null && el.scrollWidth - el.clientWidth > OVERFLOW_PX;
|
|
47
|
+
};
|
|
48
|
+
$[0] = t1;
|
|
49
|
+
} else t1 = $[0];
|
|
50
|
+
const isOverflowed = t1;
|
|
51
|
+
let t2;
|
|
52
|
+
if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
|
|
53
|
+
t2 = (next) => setOpen(next && isOverflowed());
|
|
54
|
+
$[1] = t2;
|
|
55
|
+
} else t2 = $[1];
|
|
56
|
+
let t3;
|
|
57
|
+
let t4;
|
|
58
|
+
if ($[2] !== filename) {
|
|
59
|
+
t3 = /* @__PURE__ */ jsx(TooltipTrigger, {
|
|
60
|
+
asChild: true,
|
|
61
|
+
children: /* @__PURE__ */ jsx("span", {
|
|
62
|
+
ref,
|
|
63
|
+
className: "pui-text-label-medium w-full truncate text-text-strong",
|
|
64
|
+
children: filename
|
|
65
|
+
})
|
|
66
|
+
});
|
|
67
|
+
t4 = /* @__PURE__ */ jsx(TooltipContent, {
|
|
68
|
+
side: "top",
|
|
69
|
+
className: "max-w-xs break-all whitespace-normal",
|
|
70
|
+
children: filename
|
|
71
|
+
});
|
|
72
|
+
$[2] = filename;
|
|
73
|
+
$[3] = t3;
|
|
74
|
+
$[4] = t4;
|
|
75
|
+
} else {
|
|
76
|
+
t3 = $[3];
|
|
77
|
+
t4 = $[4];
|
|
78
|
+
}
|
|
79
|
+
let t5;
|
|
80
|
+
if ($[5] !== open || $[6] !== t3 || $[7] !== t4) {
|
|
81
|
+
t5 = /* @__PURE__ */ jsxs(Tooltip, {
|
|
82
|
+
open,
|
|
83
|
+
onOpenChange: t2,
|
|
84
|
+
children: [t3, t4]
|
|
85
|
+
});
|
|
86
|
+
$[5] = open;
|
|
87
|
+
$[6] = t3;
|
|
88
|
+
$[7] = t4;
|
|
89
|
+
$[8] = t5;
|
|
90
|
+
} else t5 = $[8];
|
|
91
|
+
return t5;
|
|
92
|
+
}
|
|
33
93
|
function getItemMetadata(state, fileMetadata, progress, errorLabel) {
|
|
34
94
|
if (state === "uploading") return progress === void 0 ? fileMetadata : `${Math.round(progress)}%`;
|
|
35
95
|
if (state === "error") return fileMetadata ?? errorLabel;
|
|
@@ -363,10 +423,7 @@ function UploadItem(t0) {
|
|
|
363
423
|
} else t18 = $[52];
|
|
364
424
|
let t19;
|
|
365
425
|
if ($[53] !== filename) {
|
|
366
|
-
t19 = /* @__PURE__ */ jsx(
|
|
367
|
-
className: "pui-text-label-medium w-full truncate text-text-strong",
|
|
368
|
-
children: filename
|
|
369
|
-
});
|
|
426
|
+
t19 = /* @__PURE__ */ jsx(UploadItemFilename, { filename });
|
|
370
427
|
$[53] = filename;
|
|
371
428
|
$[54] = t19;
|
|
372
429
|
} else t19 = $[54];
|
|
@@ -385,7 +442,7 @@ function UploadItem(t0) {
|
|
|
385
442
|
let t21;
|
|
386
443
|
if ($[60] !== t19 || $[61] !== t20) {
|
|
387
444
|
t21 = /* @__PURE__ */ jsxs("div", {
|
|
388
|
-
className: "relative flex h-10 min-w-
|
|
445
|
+
className: "relative flex h-10 min-w-0 flex-1 flex-col items-start justify-center gap-1 contain-inline-size",
|
|
389
446
|
children: [t19, t20]
|
|
390
447
|
});
|
|
391
448
|
$[60] = t19;
|
package/dist/play-cdn-claude.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
const NPM_CDN = "https://cdn.jsdelivr.net/npm/";
|
|
3
3
|
const SHARED = /^(@patterninc\/pattern-ui\/|(react|react-dom|@lingui\/core|@lingui\/react|sucrase)(\/|$))/;
|
|
4
4
|
const scriptUrl = document.currentScript instanceof HTMLScriptElement ? document.currentScript.src : "";
|
|
5
|
-
const packageUrl = new URL("../", scriptUrl || location.href).href.replace(/\/@patterninc\/pattern-ui(@[^/]*)?\//, `/@patterninc/pattern-ui@0.0.0-main.
|
|
5
|
+
const packageUrl = new URL("../", scriptUrl || location.href).href.replace(/\/@patterninc\/pattern-ui(@[^/]*)?\//, `/@patterninc/pattern-ui@0.0.0-main.202610211429.7cd8661edc42/`);
|
|
6
6
|
globalThis.patternPlayCdnUrl = (specifier) => {
|
|
7
7
|
if (SHARED.test(specifier)) return `${packageUrl}dist/browser/${specifier}.js`;
|
|
8
8
|
return specifier.endsWith(".css") ? `${NPM_CDN}${specifier}` : `${NPM_CDN}${specifier}/+esm`;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useLingui } from '@lingui/react/macro'
|
|
2
2
|
import { cn } from 'cn'
|
|
3
3
|
import { motion, useReducedMotion } from 'motion/react'
|
|
4
|
-
import { useState, type ComponentProps, type MouseEvent, type ReactNode } from 'react'
|
|
4
|
+
import { useRef, useState, type ComponentProps, type MouseEvent, type ReactNode } from 'react'
|
|
5
5
|
|
|
6
6
|
import type { RestrictedIconProps } from '../../lib/utils/icon-helpers'
|
|
7
7
|
import { resolveFileDisplay } from '../../lib/utils/resolve-file-display'
|
|
@@ -10,6 +10,7 @@ import { colorTransition, progressBarWidthTransition } from '../../utils/transit
|
|
|
10
10
|
import { FileBox } from '../FileCard/FileBox'
|
|
11
11
|
import Trash2Icon from '../icons/Trash2Icon'
|
|
12
12
|
import { Suffix } from '../Suffix/Suffix'
|
|
13
|
+
import { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip/Tooltip'
|
|
13
14
|
|
|
14
15
|
export type UploadItemState = 'default' | 'uploading' | 'error'
|
|
15
16
|
|
|
@@ -30,6 +31,33 @@ function EmptySuffixIcon(_props: RestrictedIconProps) {
|
|
|
30
31
|
return null
|
|
31
32
|
}
|
|
32
33
|
|
|
34
|
+
/** 1px slack so sub-pixel rounding does not count a snug fit as overflow. */
|
|
35
|
+
const OVERFLOW_PX = 1
|
|
36
|
+
|
|
37
|
+
/** Single-line filename; hover shows the full name in a Tooltip only when it is clipped. */
|
|
38
|
+
function UploadItemFilename({ filename }: { filename: string }) {
|
|
39
|
+
const ref = useRef<HTMLSpanElement>(null)
|
|
40
|
+
const [open, setOpen] = useState(false)
|
|
41
|
+
|
|
42
|
+
const isOverflowed = () => {
|
|
43
|
+
const el = ref.current
|
|
44
|
+
return el != null && el.scrollWidth - el.clientWidth > OVERFLOW_PX
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
return (
|
|
48
|
+
<Tooltip open={open} onOpenChange={(next) => setOpen(next && isOverflowed())}>
|
|
49
|
+
<TooltipTrigger asChild>
|
|
50
|
+
<span ref={ref} className='pui-text-label-medium w-full truncate text-text-strong'>
|
|
51
|
+
{filename}
|
|
52
|
+
</span>
|
|
53
|
+
</TooltipTrigger>
|
|
54
|
+
<TooltipContent side='top' className='max-w-xs break-all whitespace-normal'>
|
|
55
|
+
{filename}
|
|
56
|
+
</TooltipContent>
|
|
57
|
+
</Tooltip>
|
|
58
|
+
)
|
|
59
|
+
}
|
|
60
|
+
|
|
33
61
|
function getItemMetadata(
|
|
34
62
|
state: UploadItemState,
|
|
35
63
|
fileMetadata: string | undefined,
|
|
@@ -221,8 +249,10 @@ export function UploadItem({
|
|
|
221
249
|
|
|
222
250
|
<FileBox type={badge.type} label={badge.label} />
|
|
223
251
|
|
|
224
|
-
|
|
225
|
-
|
|
252
|
+
{/* Inline-size containment keeps a long name out of the row's min-content width, so a parent
|
|
253
|
+
that sizes to its content (a `fieldset`, an inline-block) cannot grow past its box. */}
|
|
254
|
+
<div className='relative flex h-10 min-w-0 flex-1 flex-col items-start justify-center gap-1 contain-inline-size'>
|
|
255
|
+
<UploadItemFilename filename={filename} />
|
|
226
256
|
{metadata ? (
|
|
227
257
|
<span
|
|
228
258
|
className={cn(
|
|
@@ -926,6 +926,10 @@ msgstr "Comience con una pregunta."
|
|
|
926
926
|
msgid "Status"
|
|
927
927
|
msgstr "Estado"
|
|
928
928
|
|
|
929
|
+
msgctxt "conversation"
|
|
930
|
+
msgid "steer"
|
|
931
|
+
msgstr "dirigir"
|
|
932
|
+
|
|
929
933
|
msgid "Step {stepDisplayIndex} of {totalSteps}"
|
|
930
934
|
msgstr "Paso {stepDisplayIndex} de {totalSteps}"
|
|
931
935
|
|
|
@@ -1120,7 +1124,3 @@ msgstr "AÑO"
|
|
|
1120
1124
|
|
|
1121
1125
|
msgid "YYYY"
|
|
1122
1126
|
msgstr "YYYY"
|
|
1123
|
-
|
|
1124
|
-
msgctxt "conversation"
|
|
1125
|
-
msgid "steer"
|
|
1126
|
-
msgstr "dirigir"
|
|
@@ -926,6 +926,10 @@ msgstr "Commencez par une question."
|
|
|
926
926
|
msgid "Status"
|
|
927
927
|
msgstr "Statut"
|
|
928
928
|
|
|
929
|
+
msgctxt "conversation"
|
|
930
|
+
msgid "steer"
|
|
931
|
+
msgstr "diriger"
|
|
932
|
+
|
|
929
933
|
msgid "Step {stepDisplayIndex} of {totalSteps}"
|
|
930
934
|
msgstr "Étape {stepDisplayIndex} sur {totalSteps}"
|
|
931
935
|
|
|
@@ -1120,7 +1124,3 @@ msgstr "YTD"
|
|
|
1120
1124
|
|
|
1121
1125
|
msgid "YYYY"
|
|
1122
1126
|
msgstr "AAAA"
|
|
1123
|
-
|
|
1124
|
-
msgctxt "conversation"
|
|
1125
|
-
msgid "steer"
|
|
1126
|
-
msgstr "diriger"
|
|
@@ -926,6 +926,10 @@ msgstr "Zacznij od pytania."
|
|
|
926
926
|
msgid "Status"
|
|
927
927
|
msgstr "Stan"
|
|
928
928
|
|
|
929
|
+
msgctxt "conversation"
|
|
930
|
+
msgid "steer"
|
|
931
|
+
msgstr "sterować"
|
|
932
|
+
|
|
929
933
|
msgid "Step {stepDisplayIndex} of {totalSteps}"
|
|
930
934
|
msgstr "Krok {stepDisplayIndex} z {totalSteps}"
|
|
931
935
|
|
|
@@ -1120,7 +1124,3 @@ msgstr "Rok do dziś"
|
|
|
1120
1124
|
|
|
1121
1125
|
msgid "YYYY"
|
|
1122
1126
|
msgstr "RRRR"
|
|
1123
|
-
|
|
1124
|
-
msgctxt "conversation"
|
|
1125
|
-
msgid "steer"
|
|
1126
|
-
msgstr "sterować"
|
|
@@ -926,6 +926,10 @@ msgstr "以一个问题开始。"
|
|
|
926
926
|
msgid "Status"
|
|
927
927
|
msgstr "状态"
|
|
928
928
|
|
|
929
|
+
msgctxt "conversation"
|
|
930
|
+
msgid "steer"
|
|
931
|
+
msgstr "引导"
|
|
932
|
+
|
|
929
933
|
msgid "Step {stepDisplayIndex} of {totalSteps}"
|
|
930
934
|
msgstr "第 {stepDisplayIndex} 步,共 {totalSteps} 步"
|
|
931
935
|
|
|
@@ -1120,7 +1124,3 @@ msgstr "年初至今"
|
|
|
1120
1124
|
|
|
1121
1125
|
msgid "YYYY"
|
|
1122
1126
|
msgstr "YYYY"
|
|
1123
|
-
|
|
1124
|
-
msgctxt "conversation"
|
|
1125
|
-
msgid "steer"
|
|
1126
|
-
msgstr "引导"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as e}from"./rolldown-runtime-BWaJ3C7D.js";import{m as t,o as n}from"./transitions-Cn0Tw_ua.js";import{t as r}from"./react-CUaU2Z9V.js";import{t as i}from"./resolve-file-display-LdRIBvZI.js";import{t as a}from"./compiler-runtime-B3BlmaWz.js";import{t as o}from"./jsx-runtime-Dgn0yPdi.js";import{t as s}from"./dist-BNSTMZct.js";import{n as c}from"./react-Dqv3-6_5.js";import{t as l}from"./AnimatePresence-B3xdNKna.js";import{t as u}from"./use-reduced-motion-CNBdBisf.js";import{t as d}from"./Button-DVzFJDgT.js";import{i as ee}from"./dist-BRMXKypj.js";import{t as f}from"./ScrollGradientWrapper-h6yq23DQ.js";import{t as p}from"./Suffix-B-AAwdYx.js";import{t as m}from"./Trash2Icon-BX14pNs7.js";import{t as h}from"./UploadIcon-CATKHZJP.js";import{t as g}from"./FileBox-BlbeevHp.js";var te=a(),_=/* @__PURE__ */ e(o(),1),v=/* @__PURE__ */ e(r(),1);function y(e,t){return e===`error`?`var(--color-negative-lighter)`:e===`uploading`||t?`var(--color-depth-black-4)`:`var(--color-depth-black-0)`}const b={duration:.15,ease:[.645,.045,.355,1]};function x(e){return null}function S(e,t,n,r){return e===`uploading`?n===void 0?t:`${Math.round(n)}%`:e===`error`?t??r:t}function C(e){let t=(0,te.c)(15),{filename:n,onRemove:r,isError:i,isHovered:a}=e,{_:o}=ee(),s;t[0]!==o||t[1]!==n?(s=o({id:`0yzjHF`,values:{filename:n}}),t[0]=o,t[1]=n,t[2]=s):s=t[2];let c;t[3]===r?c=t[4]:(c=e=>{e.stopPropagation(),r()},t[3]=r,t[4]=c);let l;t[5]!==s||t[6]!==c?(l={type:`button`,variant:`inverse`,"aria-label":s,onClick:c},t[5]=s,t[6]=c,t[7]=l):l=t[7];let u=l;if(i){let e;return t[8]===u?e=t[9]:(e=/* @__PURE__ */ (0,_.jsx)(p,{variant:`button-inset`,icon:m,buttonInsetProps:u}),t[8]=u,t[9]=e),e}let d;t[10]===u?d=t[11]:(d={variant:`button-inset`,icon:m,buttonInsetProps:u},t[10]=u,t[11]=d);let f;return t[12]!==a||t[13]!==d?(f=/* @__PURE__ */ (0,_.jsx)(p,{variant:`icon`,icon:x,swap:d,isSwapVisible:a}),t[12]=a,t[13]=d,t[14]=f):f=t[14],f}function ne(e){let n=(0,te.c)(17),{filename:r,progress:i}=e,{_:a}=ee(),o=u()??!1,s;n[0]===i?s=n[1]:(s=Math.round(i),n[0]=i,n[1]=s);let l;n[2]!==a||n[3]!==r?(l=a({id:`Q49FN-`,values:{filename:r}}),n[2]=a,n[3]=r,n[4]=l):l=n[4];let d;n[5]===o?d=n[6]:(d=!o&&{width:`0%`},n[5]=o,n[6]=d);let f=`${i}%`,p;n[7]===f?p=n[8]:(p={width:f},n[7]=f,n[8]=p);let m;n[9]===o?m=n[10]:(m=o?{duration:0}:t,n[9]=o,n[10]=m);let h;return n[11]!==s||n[12]!==l||n[13]!==d||n[14]!==p||n[15]!==m?(h=/* @__PURE__ */ (0,_.jsx)(`div`,{className:`pointer-events-none absolute inset-0 overflow-hidden rounded-2xl`,children:/* @__PURE__ */ (0,_.jsx)(c.div,{role:`progressbar`,"aria-valuenow":s,"aria-valuemin":0,"aria-valuemax":100,"aria-label":l,className:`absolute inset-y-0 left-0 bg-depth-black-4`,initial:d,animate:p,transition:m,"data-slot":`upload-item-progress`})}),n[11]=s,n[12]=l,n[13]=d,n[14]=p,n[15]=m,n[16]=h):h=n[16],h}function w(e){let t=(0,te.c)(82),r,a,o,l,d,f,p,m,h,x,w,T;t[0]===e?(r=t[1],a=t[2],o=t[3],l=t[4],d=t[5],f=t[6],p=t[7],m=t[8],h=t[9],x=t[10],w=t[11],T=t[12]):({filename:l,fileMetadata:a,fileType:o,state:w,progress:m,onRemove:p,suffix:x,className:r,qaTestId:T,onMouseEnter:d,onMouseLeave:f,...h}=e,t[0]=e,t[1]=r,t[2]=a,t[3]=o,t[4]=l,t[5]=d,t[6]=f,t[7]=p,t[8]=m,t[9]=h,t[10]=x,t[11]=w,t[12]=T);let E=w===void 0?`default`:w,D=T===void 0?`upload-item`:T,{_:re}=ee(),O=E===`uploading`,k=E===`error`,A;t[13]!==o||t[14]!==l?(A=i(l,o),t[13]=o,t[14]=l,t[15]=A):A=t[15];let j=A,M=m===void 0?void 0:Math.min(Math.max(m,0),100),N;t[16]!==re||t[17]!==M||t[18]!==a||t[19]!==E?(N=S(E,a,M,re({id:`SlfejT`})),t[16]=re,t[17]=M,t[18]=a,t[19]=E,t[20]=N):N=t[20];let P=N,F=u()??!1,[I,L]=(0,v.useState)(!1),R;t[21]!==l||t[22]!==k||t[23]!==I||t[24]!==p||t[25]!==x?(R=x??(p?/* @__PURE__ */ (0,_.jsx)(C,{filename:l,onRemove:p,isError:k,isHovered:I}):null),t[21]=l,t[22]=k,t[23]=I,t[24]=p,t[25]=x,t[26]=R):R=t[26];let z=R,B;t[27]===F?B=t[28]:(B=F?{duration:0}:{backgroundColor:n,layout:b,opacity:n,y:n},t[27]=F,t[28]=B);let V=B,H;t[29]===D?H=t[30]:(H=e=>{e&&e.setAttribute(`qa-test-id`,D)},t[29]=D,t[30]=H);let U;t[31]===r?U=t[32]:(U=s(`relative flex h-16 shrink-0 items-center gap-2.5 rounded-2xl px-3`,r),t[31]=r,t[32]=U);let W;t[33]===F?W=t[34]:(W=!F&&{opacity:0,y:8},t[33]=F,t[34]=W);let G;t[35]!==I||t[36]!==E?(G=y(E,I),t[35]=I,t[36]=E,t[37]=G):G=t[37];let K;t[38]===G?K=t[39]:(K={opacity:1,y:0,backgroundColor:G},t[38]=G,t[39]=K);let q;t[40]===F?q=t[41]:(q=F?{opacity:0}:{opacity:0,y:-4},t[40]=F,t[41]=q);let J=!F&&`position`,Y=h,X;t[42]===d?X=t[43]:(X=e=>{L(!0),d?.(e)},t[42]=d,t[43]=X);let Z;t[44]===f?Z=t[45]:(Z=e=>{L(!1),f?.(e)},t[44]=f,t[45]=Z);let Q;t[46]!==M||t[47]!==l||t[48]!==O?(Q=O&&M!==void 0?/* @__PURE__ */ (0,_.jsx)(ne,{filename:l,progress:M}):null,t[46]=M,t[47]=l,t[48]=O,t[49]=Q):Q=t[49];let $;t[50]!==j.label||t[51]!==j.type?($=/* @__PURE__ */ (0,_.jsx)(g,{type:j.type,label:j.label}),t[50]=j.label,t[51]=j.type,t[52]=$):$=t[52];let ie;t[53]===l?ie=t[54]:(ie=/* @__PURE__ */ (0,_.jsx)(`span`,{className:`pui-text-label-medium w-full truncate text-text-strong`,children:l}),t[53]=l,t[54]=ie);let ae;t[55]!==M||t[56]!==k||t[57]!==O||t[58]!==P?(ae=P?/* @__PURE__ */ (0,_.jsx)(`span`,{className:s(`pui-text-mono-tiny-alt w-full truncate`,O&&M!==void 0&&`tabular-nums`,k?`text-negative-base`:`text-text-soft`),children:P}):null,t[55]=M,t[56]=k,t[57]=O,t[58]=P,t[59]=ae):ae=t[59];let oe;t[60]!==ie||t[61]!==ae?(oe=/* @__PURE__ */ (0,_.jsxs)(`div`,{className:`relative flex h-10 min-w-px flex-1 flex-col items-start justify-center gap-1`,children:[ie,ae]}),t[60]=ie,t[61]=ae,t[62]=oe):oe=t[62];let se;t[63]===z?se=t[64]:(se=/* @__PURE__ */ (0,_.jsx)(`div`,{className:`relative flex size-6 shrink-0 items-center justify-center`,children:z}),t[63]=z,t[64]=se);let ce;return t[65]!==V||t[66]!==D||t[67]!==E||t[68]!==K||t[69]!==q||t[70]!==J||t[71]!==Y||t[72]!==X||t[73]!==Z||t[74]!==Q||t[75]!==$||t[76]!==oe||t[77]!==se||t[78]!==H||t[79]!==U||t[80]!==W?(ce=/* @__PURE__ */ (0,_.jsxs)(c.div,{ref:H,className:U,"data-slot":`upload-item`,"data-state":E,"qa-test-id":D,initial:W,animate:K,exit:q,layout:J,transition:V,...Y,onMouseEnter:X,onMouseLeave:Z,children:[Q,$,oe,se]}),t[65]=V,t[66]=D,t[67]=E,t[68]=K,t[69]=q,t[70]=J,t[71]=Y,t[72]=X,t[73]=Z,t[74]=Q,t[75]=$,t[76]=oe,t[77]=se,t[78]=H,t[79]=U,t[80]=W,t[81]=ce):ce=t[81],ce}const T={default:`border-border-soft`,"drag-over":`border-border-sub bg-depth-black-4`,error:`border-negative-base bg-negative-lighter`,disabled:`border-border-soft`},E={default:`text-text-soft`,"drag-over":`text-text-soft`,error:`text-negative-base`,disabled:`text-text-disabled`};function D(e,t){return n=>{n.preventDefault(),!e&&t?.(n)}}function re(e){return v.Children.toArray(e).flatMap(e=>(0,v.isValidElement)(e)&&e.type===v.Fragment?re(e.props.children):[e])}function O(e){let t=(0,te.c)(12),{action:n,isDisabled:r}=e;if(!n)return null;let i,a,o,s;t[0]===n?(i=t[1],a=t[2],o=t[3],s=t[4]):({children:i,onClick:o,disabled:a,...s}=n,t[0]=n,t[1]=i,t[2]=a,t[3]=o,t[4]=s);let c=r||a,l;t[5]===o?l=t[6]:(l=e=>{e.stopPropagation(),o?.(e)},t[5]=o,t[6]=l);let u;return t[7]!==i||t[8]!==s||t[9]!==c||t[10]!==l?(u=/* @__PURE__ */ (0,_.jsx)(d,{variant:`weak`,size:`medium`,...s,disabled:c,onClick:l,children:i}),t[7]=i,t[8]=s,t[9]=c,t[10]=l,t[11]=u):u=t[11],u}function k(e){let t=(0,te.c)(68),n,r,i,a,o,c,u,d,p,m,g,v,y,b,x,S;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],c=t[6],u=t[7],d=t[8],p=t[9],m=t[10],g=t[11],v=t[12],y=t[13],b=t[14],x=t[15],S=t[16]):({state:b,title:S,description:a,icon:o,action:n,removeAllAction:y,children:r,className:i,qaTestId:x,onDragEnter:u,onDragLeave:d,onDragOver:p,onDrop:m,onClick:c,onKeyDown:g,...v}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=c,t[7]=u,t[8]=d,t[9]=p,t[10]=m,t[11]=g,t[12]=v,t[13]=y,t[14]=b,t[15]=x,t[16]=S);let C=b===void 0?`default`:b,ne=x===void 0?`upload`:x,{_:w}=ee(),k=C===`disabled`,A=C===`error`,j;t[17]===r?j=t[18]:(j=re(r),t[17]=r,t[18]=j);let M=j,N=M.length>0,P;t[19]!==w||t[20]!==S?(P=S??w({id:`HrRts6`}),t[19]=w,t[20]=S,t[21]=P):P=t[21];let F=P,I=o===void 0?h:o,L=!!c&&!k&&!N&&!n,R=T[C],z=!N&&`min-h-40 items-center justify-center`,B=L&&`focus:outline-none focus-visible:shadow-outline-primary`,V;t[22]!==i||t[23]!==R||t[24]!==z||t[25]!==B?(V=s(`flex flex-col gap-4 overflow-hidden rounded-3xl border border-dashed p-4`,R,z,B,i),t[22]=i,t[23]=R,t[24]=z,t[25]=B,t[26]=V):V=t[26];let H=k||void 0,U=L?`button`:`group`,W=L?0:void 0,G=k?void 0:c,K;t[27]!==L||t[28]!==g?(K=e=>{g?.(e),L&&!e.defaultPrevented&&e.target===e.currentTarget&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.currentTarget.click())},t[27]=L,t[28]=g,t[29]=K):K=t[29];let q;t[30]!==k||t[31]!==u?(q=D(k,u),t[30]=k,t[31]=u,t[32]=q):q=t[32];let J;t[33]!==k||t[34]!==d?(J=D(k,d),t[33]=k,t[34]=d,t[35]=J):J=t[35];let Y;t[36]!==k||t[37]!==p?(Y=D(k,p),t[36]=k,t[37]=p,t[38]=Y):Y=t[38];let X;t[39]!==k||t[40]!==m?(X=D(k,m),t[39]=k,t[40]=m,t[41]=X):X=t[41];let Z;t[42]!==I||t[43]!==n||t[44]!==a||t[45]!==M||t[46]!==k||t[47]!==A||t[48]!==N||t[49]!==y||t[50]!==F||t[51]!==C?(Z=N?/* @__PURE__ */ (0,_.jsxs)(_.Fragment,{children:[/* @__PURE__ */ (0,_.jsx)(f,{direction:`vertical`,gradientSurface:`inverse`,className:`w-full`,scrollClassName:`max-h-52 gap-2`,qaTestId:`upload-files`,children:/* @__PURE__ */ (0,_.jsx)(l,{initial:!1,mode:`popLayout`,children:M})}),n||y?/* @__PURE__ */ (0,_.jsxs)(`div`,{className:`flex h-9 w-full items-center justify-between`,"data-slot":`upload-footer`,children:[/* @__PURE__ */ (0,_.jsx)(`div`,{className:`flex items-center`,children:/* @__PURE__ */ (0,_.jsx)(O,{action:y,isDisabled:k})}),/* @__PURE__ */ (0,_.jsx)(`div`,{className:`flex items-center`,children:/* @__PURE__ */ (0,_.jsx)(O,{action:n,isDisabled:k})})]}):null]}):/* @__PURE__ */ (0,_.jsxs)(_.Fragment,{children:[I?/* @__PURE__ */ (0,_.jsx)(I,{size:20,color:k?`icon-disabled`:`icon-sub`}):null,/* @__PURE__ */ (0,_.jsxs)(`div`,{className:`flex h-10 flex-col items-center justify-center gap-1 text-center`,children:[/* @__PURE__ */ (0,_.jsx)(`span`,{className:s(`pui-text-label-medium`,k?`text-text-disabled`:`text-text-strong`),children:F}),a?/* @__PURE__ */ (0,_.jsx)(`span`,{role:A?`alert`:void 0,className:s(`pui-text-mono-tiny-alt`,E[C]),children:a},A?`error`:`description`):null]}),/* @__PURE__ */ (0,_.jsx)(O,{action:n,isDisabled:k})]}),t[42]=I,t[43]=n,t[44]=a,t[45]=M,t[46]=k,t[47]=A,t[48]=N,t[49]=y,t[50]=F,t[51]=C,t[52]=Z):Z=t[52];let Q;return t[53]!==v||t[54]!==ne||t[55]!==C||t[56]!==U||t[57]!==W||t[58]!==G||t[59]!==K||t[60]!==q||t[61]!==J||t[62]!==Y||t[63]!==X||t[64]!==Z||t[65]!==V||t[66]!==H?(Q=/* @__PURE__ */ (0,_.jsx)(`div`,{className:V,"data-slot":`upload`,"data-state":C,"aria-disabled":H,role:U,tabIndex:W,"qa-test-id":ne,...v,onClick:G,onKeyDown:K,onDragEnter:q,onDragLeave:J,onDragOver:Y,onDrop:X,children:Z}),t[53]=v,t[54]=ne,t[55]=C,t[56]=U,t[57]=W,t[58]=G,t[59]=K,t[60]=q,t[61]=J,t[62]=Y,t[63]=X,t[64]=Z,t[65]=V,t[66]=H,t[67]=Q):Q=t[67],Q}k.displayName=`Upload`,k.Item=w,k.Dropzone=k;export{w as n,k as t};
|