@acedatacloud/nexior 3.274.2 → 3.275.0

package/dist/assets/Detail-DOWVbTfb.js

@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index.browser.esm-D5tMh_nT.js","assets/index-BcKy7BlO.js","assets/rolldown-runtime--c01j_DQ.js","assets/preload-helper-zJ_50EbN.js","assets/button-Diu_mJ2H.js","assets/use-deprecated-BhaeS12t.js","assets/vendor-chart-Df3WBvr0.js","assets/install-CzQRVga2.js","assets/en-CpRrS3Ur.js","assets/runtime-CWC3rvzM.js","assets/constants-C2ehd_ov.js","assets/vendor-axios-Ck2ffRoh.js","assets/vendor-vue-CCKiwo0U.js","assets/vendor-dayjs-C9ICuEWn.js","assets/use-dialog-D7UxhezB.js","assets/teleport-B-ddnr86.js","assets/aria-CQaCu-Fx.js","assets/event-BGnHezxC.js","assets/scroll-DpzO3iLP.js","assets/vnode-DGJOCX4v.js","assets/use-aria-CPXaRRmL.js","assets/vendor-vue-router-9EMRKZ2R.js","assets/index-DzfCaX1N.css","assets/eventemitter3-CwKRT-4Q.js"])))=>i.map(i=>d[i]);
-import"./rolldown-runtime--c01j_DQ.js";import{Bt as e,D as t,E as n,M as r,N as i,O as a,P as o,Q as s,Ut as c,V as l,X as u,et as d,k as f,lt as p,x as m}from"./vendor-chart-Df3WBvr0.js";import{t as h}from"./button-Diu_mJ2H.js";import{D as g,tt as _}from"./use-deprecated-BhaeS12t.js";import{t as v}from"./alert-Cs6WDxgv.js";import{t as y}from"./card-ctDPo7It.js";import{n as b,r as x}from"./radio-ClH7NqRe.js";import{n as S,t as C}from"./row-CXoGz5_v.js";import{i as w,n as T,r as E,t as D}from"./wechat-4Hcv82eB.js";import{t as O}from"./divider-DpYRdXgs.js";import{t as k}from"./skeleton-Cc4nM_v1.js";import{t as A}from"./preload-helper-zJ_50EbN.js";import{Cr as j,E as M,Er as N,Ft as P,Nt as ee,Pn as te,Sr as ne,Tr as re,Tt as ie,br as ae,cr as F,jr as I,kn as oe,kr as L,xn as R,xr as z}from"./index-BcKy7BlO.js";import{t as se}from"./CopyToClipboard-KY6HaCxY.js";var ce=o({name:`PayOrderDialog`,components:{ElDialog:L,ElButton:h,QrCode:ie,ElRow:C,ElCol:S},props:{modelValue:{type:Object,required:!0},visible:{type:Boolean,required:!1,default:!1}},emits:[`hide`,`update:modelValue`],data(){return{refreshTimer:void 0,copied:!1,copiedTimer:void 0}},computed:{isMobileOutsideWechat(){return T()&&!D()},isMobileInsideWechat(){return T()&&D()},payPageUrl(){let e=this.modelValue?.id;return!e||typeof window>`u`?``:`${window.location.origin}/orders/${e}`},dialogWidth(){return this.isMobileOutsideWechat||this.isMobileInsideWechat?`90%`:`500px`}},mounted(){this.onRefresh()},unmounted(){this.refreshTimer&&clearTimeout(this.refreshTimer),this.copiedTimer&&clearTimeout(this.copiedTimer)},methods:{onRefresh(){if(!this.modelValue.id){console.error(`id does not exist`);return}R.refresh(this.modelValue.id).then(({data:e})=>{e.state===F.PAID?this.$emit(`hide`):this.refreshTimer=window.setTimeout(()=>{this.onRefresh()},2e3),this.$emit(`update:modelValue`,e)}).catch(()=>{this.refreshTimer=window.setTimeout(()=>{this.onRefresh()},2e3)})},async onCopyLink(){let e=this.payPageUrl;if(!e)return;let t=!1;try{t=await P(e,{debug:!1})}catch{t=!1}t?(this.copied=!0,this.copiedTimer&&clearTimeout(this.copiedTimer),this.copiedTimer=window.setTimeout(()=>{this.copied=!1},2e3)):N.error(String(this.$t(`common.message.copyFailed`)||`Copy failed`))}}}),le={key:0,class:`wechat-pay-mobile text-center py-[20px] px-[10px]`},ue={class:`text-[14px] mb-3 leading-relaxed`},de={class:`text-[12px] text-gray-500 mb-4 leading-relaxed`},B={key:1,class:`wechat-pay-longpress text-center py-[20px] px-[10px]`},V={class:`text-[14px] mb-4 leading-relaxed`},H={class:`paycode wechat`},fe={class:`help-text block bg-[#00c800] text-white text-[14px] h-[35px] w-[240px] text-center leading-[35px] mt-[10px] mx-auto`};function pe(e,o,s,l,m,h){let g=d(`qr-code`),_=d(`el-button`),v=d(`el-col`),y=d(`el-row`),b=d(`el-dialog`);return u(),t(b,{"model-value":e.visible,title:e.$t(`application.title.buyService`),width:e.dialogWidth,center:``},{default:p(()=>[e.isMobileOutsideWechat?(u(),f(`div`,le,[n(`p`,ue,c(e.$t(`order.message.wechatPayMobileScanTip`)),1),e.modelValue?.pay_url?(u(),t(g,{key:0,value:e.modelValue?.pay_url,size:220,class:`qrcode m-auto mb-3`,type:`image/png`,color:{dark:`#000000`,light:`#ffffff`}},null,8,[`value`])):a(``,!0),n(`p`,de,c(e.$t(`order.message.wechatPayMobileHint`)),1),e.payPageUrl?(u(),t(_,{key:1,size:`default`,round:``,class:`w-[220px]`,onClick:e.onCopyLink},{default:p(()=>[r(c(e.copied?e.$t(`common.message.copied`):e.$t(`order.button.copyPayLink`)),1)]),_:1},8,[`onClick`])):a(``,!0)])):e.isMobileInsideWechat?(u(),f(`div`,B,[n(`p`,V,c(e.$t(`order.message.wechatPayLongPressTip`)),1),e.modelValue?.pay_url?(u(),t(g,{key:0,value:e.modelValue?.pay_url,size:240,class:`qrcode mx-auto`,type:`image/png`,color:{dark:`#000000`,light:`#ffffff`}},null,8,[`value`])):a(``,!0)])):(u(),t(y,{key:2,class:`paycodes py-[30px] w-[500px] mx-auto`},{default:p(()=>[i(v,{span:12},{default:p(()=>[n(`div`,H,[e.modelValue?.pay_url?(u(),t(g,{key:0,value:e.modelValue?.pay_url,size:200,class:`qrcode m-auto w-[200px] h-[200px]`,type:`image/png`,color:{dark:`#000000`,light:`#ffffff`}},null,8,[`value`])):a(``,!0),n(`p`,fe,c(e.$t(`order.message.wechatPayHelp`)),1)])]),_:1}),i(v,{span:12},{default:p(()=>[...o[0]||=[n(`div`,{class:`help-img`},[n(`img`,{src:`https://midas.gtimg.cn/enterprise/images/ep_sys_wx_tip.jpg`})],-1)]]),_:1})]),_:1}))]),_:1},8,[`model-value`,`title`,`width`])}var me=M(ce,[[`render`,pe]]),he=o({name:`PayOrderDialog`,components:{ElDialog:L},props:{modelValue:{type:Object,required:!0},visible:{type:Boolean,required:!1,default:!1}},emits:[`hide`,`update:modelValue`],data(){return{refreshTimer:void 0,androidSheetLaunched:!1}},watch:{visible:{handler(e){if(!e){this.androidSheetLaunched=!1;return}let t=this.modelValue?.metadata?.stripe_client_secret;if(z()&&t){this.launchNativePaymentSheet(t).catch(e=>{console.error(`Stripe PaymentSheet failed`,e)});return}this.modelValue.pay_url&&window.open(this.modelValue.pay_url,`_blank`)}}},mounted(){this.onRefresh()},unmounted(){this.refreshTimer&&clearTimeout(this.refreshTimer)},methods:{async launchNativePaymentSheet(e){this.androidSheetLaunched||(this.androidSheetLaunched=!0,console.error(`VITE_STRIPE_PUBLISHABLE_KEY is not configured`))},onRefresh(){if(!this.modelValue.id){console.error(`id does not exist`);return}R.refresh(this.modelValue.id).then(({data:e})=>{e.state===F.PAID?this.$emit(`hide`):setTimeout(()=>{this.onRefresh()},2e3),this.$emit(`update:modelValue`,e)}).catch(()=>{setTimeout(()=>{this.onRefresh()},5e3)})}}}),ge={class:`text-center`};function _e(e,r,i,a,o,s){let l=d(`el-dialog`);return u(),t(l,{"model-value":e.visible,title:e.$t(`application.title.buyService`),width:`500px`,center:``},{default:p(()=>[n(`p`,ge,c(e.$t(`order.message.buyInExternalUrl`)),1)]),_:1},8,[`model-value`,`title`])}var ve=M(he,[[`render`,_e],[`__scopeId`,`data-v-a2410904`]]),ye=o({name:`PayOrderDialog`,components:{ElDialog:L},props:{modelValue:{type:Object,required:!0},visible:{type:Boolean,required:!1,default:!1}},emits:[`hide`,`update:modelValue`],data(){return{refreshTimer:void 0}},watch:{visible:{handler(e){e&&this.modelValue.pay_url&&window.open(this.modelValue.pay_url,`_blank`)}}},mounted(){this.onRefresh()},unmounted(){this.refreshTimer&&clearTimeout(this.refreshTimer)},methods:{onRefresh(){if(!this.modelValue.id){console.error(`id does not exist`);return}R.refresh(this.modelValue.id).then(({data:e})=>{e.state===F.PAID?this.$emit(`hide`):setTimeout(()=>{this.onRefresh()},2e3),this.$emit(`update:modelValue`,e)}).catch(()=>{setTimeout(()=>{this.onRefresh()},5e3)})}}}),be={class:`text-center`};function xe(e,r,i,a,o,s){let l=d(`el-dialog`);return u(),t(l,{"model-value":e.visible,title:e.$t(`application.title.buyService`),width:`500px`,center:``},{default:p(()=>[n(`p`,be,c(e.$t(`order.message.buyInExternalUrl`)),1)]),_:1},8,[`model-value`,`title`])}var Se=M(ye,[[`render`,xe]]),U=null,W=()=>(U||=A(()=>import(`./index.browser.esm-D5tMh_nT.js`).then(e=>e.o),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23])),U),Ce=`https://api.mainnet-beta.solana.com`,we=`https://api.devnet.solana.com`,G=`TokenkegQfeZyiNwAJbNbGKPFXCWuBvf9Ss623VQ5DA`,Te=`ATokenGPvbdGVxr1b2hvZbsiqW5xWH25efTNsLJA8knL`;function Ee(e){let t=``;for(let n=0;n<e.length;n++)t+=String.fromCharCode(e[n]);return btoa(t)}function K(e,t){return t||(e.includes(`devnet`)?we:Ce)}function q(e,t,n){let r=new e.PublicKey(G),i=new e.PublicKey(Te),[a]=e.PublicKey.findProgramAddressSync([t.toBuffer(),r.toBuffer(),n.toBuffer()],i);return a}function De(e,t){let n=new Uint8Array(10);return n[0]=12,new DataView(n.buffer).setBigUint64(1,e,!0),n[9]=t,n}function J(e,t){let n=Math.min(t,6);return(Number(e)/10**t).toFixed(n)}async function Oe(e,t,n,r,i){let a;try{let n=await e.getTokenAccountBalance(t,`confirmed`);a=BigInt(n.value.amount||`0`)}catch(e){let t=String(e?.message??``);if(/could not find account|account not found|invalid param/i.test(t)){let e=J(n,r);throw Error(`Your wallet has no USDC token account on ${i}. Receive at least ${e} USDC there, then try again.`)}console.warn(`[Solana X402] USDC balance precheck skipped due to RPC error:`,e);return}if(a<n){let e=J(n,r),t=J(a,r);throw Error(`Insufficient USDC balance on ${i}: need ${e}, have ${t}. Top up your wallet and try again.`)}}async function ke(e,t,n=2e4){let r=Date.now(),i=600;for(;Date.now()-r<n;){try{let n=(await e.getSignatureStatus(t,{searchTransactionHistory:!0}))?.value;if(n?.err)throw Error(`Transaction failed on-chain: ${JSON.stringify(n.err)}`);let r=n?.confirmationStatus;if(r===`confirmed`||r===`finalized`)return}catch(e){if(e?.message?.startsWith(`Transaction failed on-chain`))throw e}await new Promise(e=>setTimeout(e,i)),i=Math.min(i+200,1500)}console.warn(`[Solana X402] Confirmation polling timed out after ${n}ms for ${t.slice(0,16)}… Submitting to facilitator anyway (its own retry will cover propagation lag).`)}function Y(e,t,n,r,i,a,o){let s=De(a,o),c=new e.PublicKey(G);return new e.TransactionInstruction({programId:c,keys:[{pubkey:t,isSigner:!1,isWritable:!0},{pubkey:n,isSigner:!1,isWritable:!1},{pubkey:r,isSigner:!1,isWritable:!0},{pubkey:i,isSigner:!0,isWritable:!1}],data:Buffer.from(s)})}async function X(e){let{requirements:t,payerAddress:n,signAndSendTransaction:r,fetchBlockhash:i}=e,a=t.payTo||t.pay_to;if(!a)throw Error(`Missing payTo in requirements`);let o=t.extra||{},s=Number(o.decimals??6),c=Number(o.computeUnitLimit??o.compute_unit_limit??2e5),l=Number(o.computeUnitPriceMicroLamports??o.compute_unit_price_micro_lamports??1),u=t.maxAmountRequired||t.max_amount_required||`0`,d=BigInt(u);if(d<=0n)throw Error(`Invalid payment amount: ${u}`);let f=String(t.network||`solana`).toLowerCase(),p=K(f,o.rpcUrl||o.rpc_url),m=await W(),h=new m.Connection(p,`confirmed`),g=new m.PublicKey(n),_=new m.PublicKey(a),v=new m.PublicKey(t.asset),y=q(m,g,v),b=q(m,_,v),x=new m.Transaction;c>0&&x.add(m.ComputeBudgetProgram.setComputeUnitLimit({units:c})),l>0&&x.add(m.ComputeBudgetProgram.setComputeUnitPrice({microLamports:l})),x.add(Y(m,y,v,b,g,d,s)),x.feePayer=g;let S;if(i)S=await i(f);else{let{blockhash:e}=await h.getLatestBlockhash(`confirmed`);S=e}x.recentBlockhash=S,await Oe(h,y,d,s,f);let C=await r(x),w;if(typeof C==`string`?w=C:C&&typeof C==`object`&&(w=C.signature||C.txid||C.transactionId),!w||typeof w!=`string`)throw Error(`Wallet did not return a valid transaction signature`);await ke(h,w);let T={x402Version:1,scheme:t.scheme||`exact`,network:t.network||`solana`,payload:{signature:w}},E=btoa(JSON.stringify(T));return{signature:w,header:E}}async function Ae(e){let{requirements:t,payerAddress:n,signAndSendTransaction:r,signTransaction:i,signAllTransactions:a,fetchLatestBlockhash:o}=e;if(r)return(await X({requirements:t,payerAddress:n,signAndSendTransaction:r,fetchBlockhash:o})).header;console.warn(`Using signTransaction fallback. This may trigger security warnings in Phantom. Consider using signAndSendTransaction for better user experience.`);let s=t.extra||{},c=String(t.network||`solana`).toLowerCase(),l=K(c,s.rpcUrl||s.rpc_url),u=await W(),d=e.connection||new u.Connection(l,`confirmed`),f=new u.PublicKey(n),p=new u.PublicKey(String(t.payTo||t.pay_to)),m=new u.PublicKey(String(t.asset)),h=Number(s.decimals??6),g=Number(s.computeUnitLimit??s.compute_unit_limit??2e5),_=Number(s.computeUnitPriceMicroLamports??s.compute_unit_price_micro_lamports??1),v=BigInt(String(t.maxAmountRequired||t.max_amount_required||`0`));if(v<=0n)throw Error(`Invalid amount`);let y=q(u,f,m),b=q(u,p,m),x=new u.Transaction;if(x.feePayer=f,g>0&&x.add(u.ComputeBudgetProgram.setComputeUnitLimit({units:g})),_>0&&x.add(u.ComputeBudgetProgram.setComputeUnitPrice({microLamports:_})),x.add(Y(u,y,m,b,f,v,h)),e.fetchLatestBlockhash)x.recentBlockhash=await e.fetchLatestBlockhash(c);else{let{blockhash:e}=await d.getLatestBlockhash(`confirmed`);x.recentBlockhash=e}let S;if(i)S=await i(x);else if(a){let e=await a([x]);S=Array.isArray(e)?e[0]:void 0}if(!S)throw Error(`Wallet did not return a signed transaction`);let C=Ee(S.serialize({requireAllSignatures:!1,verifySignatures:!1})),w={x402Version:1,scheme:t.scheme||`exact`,network:t.network||`solana`,payload:{serializedTransaction:C,transaction:C}};return btoa(JSON.stringify(w))}var je=o({name:`X402PayOrderDialog`,components:{ElDialog:L,ElButton:h,ElAlert:v,ElTag:I,ElIcon:_,ElRadioGroup:x,ElRadioButton:b,CreditCard:g},props:{modelValue:{type:Object,required:!0},session:{type:Object,default:void 0},visible:{type:Boolean,default:!1}},emits:[`hide`,`update:modelValue`],data(){return{signing:!1,paying:!1,chainId:void 0,selectedNetwork:void 0,solanaWalletModalVisible:!1,solanaWalletConnecting:!1,evmWalletModalVisible:!1,evmWalletConnecting:!1,evmWallets:[],selectedEvmWalletId:void 0,evmAddress:void 0,requirementsLoading:!1,runtimeRequirementsByNetwork:{},requirementsAttemptedByNetwork:{}}},computed:{dialogWidth(){return j()?`100%`:`680px`},acceptsList(){let e=this.session?.accepts;if(Array.isArray(e)&&e.length>0)return e.filter(e=>!!(e&&typeof e==`object`));let t=this.paymentRequirements;return Array.isArray(t)&&t.length>0?t.filter(e=>!!(e&&typeof e==`object`)):t&&typeof t==`object`?[t]:[]},selectedNetworkResolved(){return String(this.selectedNetwork||this.acceptsList[0]?.network||`base`).toLowerCase()},selectedRequirements(){let e=String(this.selectedNetworkResolved||``).toLowerCase();if(!e)return this.acceptsList[0];let t=this.runtimeRequirementsByNetwork[e];if(t)return t;let n=this.acceptsList.find(t=>String(t.network||``).toLowerCase()===e);if(n)return n;if(!this.selectedNetwork)return this.acceptsList[0]},orderMetadata(){let e=this.modelValue?.metadata;return e&&typeof e==`object`?e:void 0},paymentRequirements(){let e=this.session?.payment_requirements||this.session?.paymentRequirements;if(e&&typeof e==`object`)return e;let t=this.orderMetadata?.payment_requirements||this.orderMetadata?.paymentRequirements;if(t&&typeof t==`object`)return t},expectedNetwork(){return this.selectedNetworkResolved},expectedNetworkLabel(){return this.formatNetworkLabel(this.expectedNetwork)},isSolanaNetwork(){return!!String(this.selectedNetworkResolved||``).toLowerCase().startsWith(`solana`)},expectedChainIdHex(){return{base:`0x2105`,"base-sepolia":`0x14A34`,ethereum:`0x1`,sepolia:`0xAA36A7`,polygon:`0x89`,arbitrum:`0xA4B1`,optimism:`0xA`,bsc:`0x38`,avalanche:`0xA86A`,skale:`0x46CEA59D`}[(this.expectedNetwork||``).toLowerCase()]},networkMismatch(){return this.isSolanaNetwork?!1:!!(this.evmAddress&&this.chainId&&this.expectedChainIdHex&&this.chainId.toLowerCase()!==this.expectedChainIdHex.toLowerCase())},hasEvmProvider(){return this.isSolanaNetwork?!1:this.evmWalletsOrdered.length>0},requirementsAvailable(){return!!this.selectedRequirements},networkOptions(){let e=new Set(this.acceptsList.map(e=>String(e.network||``).toLowerCase()).filter(Boolean));if(e.size===0)return[{network:`base`,label:`Base`},{network:`solana`,label:`Solana`}];let t=e=>e===`base`?0:e.startsWith(`solana`)?1:2;return Array.from(e).sort((e,n)=>t(e)-t(n)||e.localeCompare(n)).map(e=>({network:e,label:this.formatNetworkLabel(e)}))},paymentSteps(){let e=this.expectedNetworkLabel||this.expectedNetwork||``;return[String(this.$t(`order.message.x402Step1`)),String(this.$t(`order.message.x402Step2`,{network:e})),String(this.$t(`order.message.x402Step3`)),String(this.$t(`order.message.x402Step4`))]},evmConnected(){return!!(this.selectedEvmWalletId&&this.evmAddress)},evmProvider(){if(this.selectedEvmWalletId)return this.evmWallets.find(e=>e.id===this.selectedEvmWalletId)?.provider},selectedEvmWalletName(){if(this.selectedEvmWalletId)return this.evmWallets.find(e=>e.id===this.selectedEvmWalletId)?.name},selectedEvmWalletIcon(){if(this.selectedEvmWalletId)return this.evmWallets.find(e=>e.id===this.selectedEvmWalletId)?.icon},evmWalletsOrdered(){return[...this.evmWallets].sort((e,t)=>e.name.localeCompare(t.name))},solanaConnected(){return!!this.$wallet?.connected?.value},solanaAddress(){let e=this.$wallet?.publicKey?.value;if(!(!e||typeof e.toBase58!=`function`))return e.toBase58()},solanaWalletsOrdered(){let e=this.$wallet?.wallets?.value??[],t=e=>e===`Installed`?0:e===`Loadable`?1:e===`NotDetected`?2:3;return[...e].sort((e,n)=>t(e.readyState)-t(n.readyState))},selectedSolanaWalletName(){return this.$wallet?.wallet?.value?.adapter?.name},selectedSolanaWalletIcon(){return this.$wallet?.wallet?.value?.adapter?.icon}},watch:{visible(e){if(!e){this.solanaWalletModalVisible=!1,this.evmWalletModalVisible=!1;return}if(!this.selectedNetwork){let e=this.acceptsList[0]?.network;this.selectedNetwork=String(e||`base`).toLowerCase()}let t=new Set(this.networkOptions.map(e=>e.network)),n=String(this.selectedNetwork||``).toLowerCase();if(n&&!t.has(n)){let e=this.networkOptions[0]?.network;e&&(this.selectedNetwork=e)}this.maybeLoadRequirements()},selectedNetwork(){this.visible&&this.maybeLoadRequirements()}},mounted(){this.refreshEvmWallets()},methods:{sleep(e){return new Promise(t=>setTimeout(t,e))},getErrorMessage(e){if(!e)return``;if(typeof e==`string`)return e;if(typeof e?.message==`string`)return e.message;try{return JSON.stringify(e)}catch{return String(e)}},isRetryableSolanaConnectError(e){if(String(e?.name||``)===`WalletNotSelectedError`)return!0;let t=this.getErrorMessage(e).toLowerCase();return t.includes(`disconnected port object`)||t.includes(`failed to send message to service worker`)||t.includes(`message port closed`)||t.includes(`extension context invalidated`)},async connectSolanaWalletWithRetry(e){let t=this.$wallet;if(!t)throw Error(`Wallet API not available`);let n;for(let r=1;r<=2;r+=1)try{e&&t.select(e),await l(),await t.connect();return}catch(e){if(n=e,r<2&&this.isRetryableSolanaConnectError(e)){let t=String(e?.name||``)===`WalletNotSelectedError`?0:300;t&&await this.sleep(t);continue}throw e}throw n},formatNetworkLabel(e){let t=String(e||``).toLowerCase();return t===`base`?`Base`:t===`solana`?`Solana`:t===`solana-devnet`?`Solana Devnet`:t===`skale`?`SKALE`:t===`ethereum`?`Ethereum`:t===`sepolia`?`Sepolia`:t===`polygon`?`Polygon`:t===`arbitrum`?`Arbitrum`:t===`optimism`?`Optimism`:t===`bsc`?`BNB Chain`:t===`avalanche`?`Avalanche`:e||`Unknown`},async confirmPay(e){let t=e||this.expectedNetworkLabel||this.expectedNetwork||``,n=String(this.$t?.(`order.message.x402ConfirmTitle`)||`Confirm Payment`),r=String(this.$t?.(`order.message.x402ConfirmDesc`,{network:t})||`Confirm USDC payment on ${t}?`),i=String(this.$t?.(`common.button.pay`)||`Pay`),a=String(this.$t?.(`common.button.cancel`)||`Cancel`);return re.confirm(r,n,{confirmButtonText:i,cancelButtonText:a,type:`warning`}).then(()=>!0).catch(()=>!1)},async onSelectSolanaWallet(e){if(!this.solanaWalletConnecting&&e?.adapter?.name){this.solanaWalletConnecting=!0;try{await this.connectSolanaWalletWithRetry(e.adapter.name),this.solanaWalletModalVisible=!1}catch(e){console.warn(`wallet connect failed`,e),N.error(String(this.$t?.(`coin.message.connectError`)||`Wallet connect failed`))}finally{this.solanaWalletConnecting=!1}}},async disconnectSolanaWallet(){try{await this.$wallet.disconnect()}catch{}},openEvmWalletModal(){this.evmWalletModalVisible=!0,this.refreshEvmWallets()},async refreshEvmWallets(){if(typeof window>`u`)return;let e=new Map,t=t=>{let n=t?.detail,r=n?.info,i=n?.provider;if(!r||!i)return;let a=String(r.uuid||r.rdns||r.name||``);a&&(e.has(a)||e.set(a,{id:a,name:String(r.name||`Wallet`),icon:typeof r.icon==`string`?r.icon:void 0,provider:i}))};try{window.addEventListener(`eip6963:announceProvider`,t),window.dispatchEvent(new Event(`eip6963:requestProvider`)),await new Promise(e=>window.setTimeout(e,120))}finally{window.removeEventListener(`eip6963:announceProvider`,t)}if(e.size===0){let t=window.ethereum;(Array.isArray(t?.providers)?t.providers:t?[t]:[]).forEach((t,n)=>{if(!t)return;let r=`Injected`;t.isMetaMask?r=`MetaMask`:t.isCoinbaseWallet?r=`Coinbase Wallet`:t.isBraveWallet?r=`Brave Wallet`:t.isRabby?r=`Rabby`:t.isPhantom&&(r=`Phantom`);let i=`injected:${r}:${n}`;e.set(i,{id:i,name:r,icon:void 0,provider:t})})}this.evmWallets=Array.from(e.values())},async onSelectEvmWallet(e){if(e?.provider){this.evmWalletModalVisible=!1,this.evmWalletConnecting=!0;try{let t=await e.provider.request({method:`eth_requestAccounts`}),n=Array.isArray(t)?t[0]:void 0;if(!n)throw Error(`No account returned from wallet`);this.selectedEvmWalletId=e.id,this.evmAddress=n,await this.refreshChainId(),await this.ensureNetwork()}catch(e){console.warn(`EVM wallet connect failed`,e),N.error(String(this.$t?.(`coin.message.connectError`)||`Wallet connect failed`)),this.disconnectEvmWallet()}finally{this.evmWalletConnecting=!1}}},disconnectEvmWallet(){this.selectedEvmWalletId=void 0,this.evmAddress=void 0,this.chainId=void 0},async getFreshRequirements(){let e=this.selectedRequirements;if(e)return e;try{let e=(await R.pay(this.modelValue.id,{pay_way:`X402`}))?.data,t=Array.isArray(e?.accepts)?e.accepts:void 0,n=String(this.selectedNetworkResolved||``).toLowerCase();if(Array.isArray(t)&&t.length)return t.find(e=>String(e?.network||``).toLowerCase()===n)||(this.selectedNetwork?void 0:t[0]);let r=e?.payment_requirements;return Array.isArray(r)&&r.length?r.find(e=>String(e?.network||``).toLowerCase()===n)||(this.selectedNetwork?void 0:r[0]):r&&typeof r==`object`?r:void 0}catch(e){let t=e?.response?.data;if(t){let e=Array.isArray(t?.accepts)?t.accepts:void 0,n=String(this.selectedNetworkResolved||``).toLowerCase();if(Array.isArray(e)&&e.length)return e.find(e=>String(e?.network||``).toLowerCase()===n)||(this.selectedNetwork?void 0:e[0]);let r=t?.payment_requirements;if(Array.isArray(r)&&r.length)return r.find(e=>String(e?.network||``).toLowerCase()===n)||(this.selectedNetwork?void 0:r[0]);if(r&&typeof r==`object`)return r}return}},async maybeLoadRequirements(e=!1){let t=String(this.selectedNetworkResolved||``).toLowerCase();if(t&&!this.runtimeRequirementsByNetwork[t]&&!this.acceptsList.some(e=>String(e.network||``).toLowerCase()===t)&&!(!e&&this.requirementsAttemptedByNetwork[t])){this.requirementsAttemptedByNetwork[t]=!0,this.requirementsLoading=!0;try{let e=await this.getFreshRequirements();e&&(this.runtimeRequirementsByNetwork[t]=e)}finally{this.requirementsLoading=!1}}},async refreshChainId(){if(this.evmProvider)try{let e=await this.evmProvider.request({method:`eth_chainId`});typeof e==`string`&&(this.chainId=e)}catch{}},async ensureNetwork(){if(!(!this.evmProvider||!this.expectedChainIdHex)&&(await this.refreshChainId(),!(this.chainId&&this.chainId.toLowerCase()===this.expectedChainIdHex.toLowerCase()))){try{await this.evmProvider.request({method:`wallet_switchEthereumChain`,params:[{chainId:this.expectedChainIdHex}]})}catch{try{await this.evmProvider.request({method:`wallet_addEthereumChain`,params:[this.getExpectedChainParams()]})}catch(e){console.error(`Failed to add Ethereum chain:`,e);try{let e=this.$t&&this.$t(`order.message.x402NetworkSwitchFailed`)||`Your wallet does not support automatic network switching. Please switch to the required network in the wallet and try again.`;N.warning(e)}catch{}}}await this.refreshChainId()}},getExpectedChainParams(){return{base:{chainId:`0x2105`,chainName:`Base`,nativeCurrency:{name:`ETH`,symbol:`ETH`,decimals:18},rpcUrls:[`https://mainnet.base.org`],blockExplorerUrls:[`https://basescan.org`]},"base-sepolia":{chainId:`0x14A34`,chainName:`Base Sepolia`,nativeCurrency:{name:`ETH`,symbol:`ETH`,decimals:18},rpcUrls:[`https://sepolia.base.org`],blockExplorerUrls:[`https://sepolia.basescan.org`]},skale:{chainId:`0x46CEA59D`,chainName:`SKALE Base`,nativeCurrency:{name:`CREDIT`,symbol:`CREDIT`,decimals:18},rpcUrls:[`https://skale-base.skalenodes.com/v1/base`],blockExplorerUrls:[`https://skale-base-explorer.skalenodes.com`]}}[(this.expectedNetwork||``).toLowerCase()]||{chainId:this.expectedChainIdHex}},buildTypedData(e,t){let n=e?.extra||{};return{types:{EIP712Domain:[{name:`name`,type:`string`},{name:`version`,type:`string`},{name:`chainId`,type:`uint256`},{name:`verifyingContract`,type:`address`}],TransferWithAuthorization:[{name:`from`,type:`address`},{name:`to`,type:`address`},{name:`value`,type:`uint256`},{name:`validAfter`,type:`uint256`},{name:`validBefore`,type:`uint256`},{name:`nonce`,type:`bytes32`}]},primaryType:`TransferWithAuthorization`,domain:{name:n?.name||`USD Coin`,version:n?.version||`2`,chainId:parseInt(this.expectedChainIdHex||`0x0`,16),verifyingContract:e.asset},message:t}},randomNonce32(){let e=new Uint8Array(32);return crypto.getRandomValues(e),`0x`+Array.from(e).map(e=>e.toString(16).padStart(2,`0`)).join(``)},async onPayWithSolanaWallet(){if(!this.modelValue?.id)return;let e=this.solanaAddress;if(!e){N.error(String(this.$t?.(`order.message.x402NeedConnectAccount`)||`Please connect a wallet first.`));return}if(!this.requirementsAvailable){N.error(String(this.$t?.(`order.message.x402SolanaNotEnabled`)||`Solana payment is not available.`));return}this.signing=!0;try{if(!await this.confirmPay(this.expectedNetworkLabel))return;let t=await this.getFreshRequirements();if(t||=this.selectedRequirements,!t){N.error(String(this.$t?.(`order.message.x402PaymentFailed`)||`X402 payment failed.`));return}let n=this.$wallet,r=n?.wallet?.value?.adapter,i=typeof window<`u`?window.phantom?.solana||window.solana:void 0,a=typeof window<`u`?window.solflare:void 0,o;if(i?.isPhantom&&typeof i?.signAndSendTransaction==`function`)o=i.signAndSendTransaction.bind(i);else if(a?.isSolflare&&typeof a?.signAndSendTransaction==`function`)o=a.signAndSendTransaction.bind(a);else if(typeof window<`u`&&window.solana?.signAndSendTransaction&&!window.solana?.isPhantom)o=window.solana.signAndSendTransaction.bind(window.solana);else if(n?.sendTransaction&&n?.publicKey?.value){let{Connection:e}=await A(async()=>{let{Connection:e}=await import(`./index.browser.esm-D5tMh_nT.js`).then(e=>e.o);return{Connection:e}},__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23])),r=t.extra||{},i=String(t.network||`solana`).toLowerCase(),a=new e(r.rpcUrl||r.rpc_url||(i.includes(`devnet`)?`https://api.devnet.solana.com`:`https://api.mainnet-beta.solana.com`),`confirmed`);o=async e=>({signature:await n.sendTransaction(e,a)})}let s;if(o)s=(await X({requirements:t,payerAddress:e,signAndSendTransaction:o,fetchBlockhash:e=>this.fetchSolanaLatestBlockhash(e)})).header;else if(r?.signTransaction||r?.signAllTransactions)s=await Ae({requirements:t,payerAddress:e,signTransaction:r.signTransaction?r.signTransaction.bind(r):void 0,signAllTransactions:r.signAllTransactions?r.signAllTransactions.bind(r):void 0,fetchLatestBlockhash:e=>this.fetchSolanaLatestBlockhash(e)});else throw Error(`Wallet does not support signing transactions`);this.paying=!0;let{data:c}=await R.payX402WithHeader(this.modelValue.id,{pay_way:`X402`},s);this.$emit(`update:modelValue`,c),this.$emit(`hide`)}catch(e){let t=e?.response?.data,n=t?.error||t?.detail||`X402 wallet payment failed.`;N.error(String(n))}finally{this.signing=!1,this.paying=!1}},async fetchSolanaLatestBlockhash(e){let{data:t}=await oe.get(`/x402/solana/latest-blockhash/`,{params:{network:e||`solana`}}),n=t?.blockhash;if(!n||typeof n!=`string`)throw Error(`Invalid blockhash response`);return n},async onPayWithWallet(){if(!this.modelValue?.id||!this.evmProvider||!this.evmAddress){let e=this.$t&&this.$t(`order.message.x402PaymentFailed`)||`X402 wallet payment is not available right now. Please try again later.`;N.error(e);return}this.signing=!0;try{let e=await this.getFreshRequirements();if(e||=this.selectedRequirements,!e){let e=this.$t&&this.$t(`order.message.x402PaymentFailed`)||`X402 wallet payment failed. Please try again later.`;N.error(e);return}if(await this.ensureNetwork(),this.networkMismatch){N.warning(String(this.$t?.(`order.message.x402SwitchNetwork`,{network:this.expectedNetworkLabel||this.expectedNetwork})||`Please switch your wallet network and try again.`));return}if(!await this.confirmPay(this.expectedNetworkLabel))return;let t=Math.floor(Date.now()/1e3),n=Number(e?.maxTimeoutSeconds||e?.max_timeout_seconds||120),r=BigInt(e?.maxAmountRequired||e?.max_amount_required||0).toString(),i={from:this.evmAddress,to:e.payTo||e.pay_to,value:r,validAfter:t,validBefore:t+n,nonce:this.randomNonce32()},a=this.buildTypedData(e,i),o=await this.evmProvider.request({method:`eth_signTypedData_v4`,params:[this.evmAddress,JSON.stringify(a)]}),s={from:i.from,to:i.to,value:i.value,validAfter:String(i.validAfter),validBefore:String(i.validBefore),nonce:i.nonce},c={x402Version:1,scheme:e.scheme||`exact`,network:e.network||this.expectedNetwork||`base`,payload:{authorization:s,signature:o}},l=btoa(JSON.stringify(c));this.paying=!0;let{data:u}=await R.payX402WithHeader(this.modelValue.id,{pay_way:`X402`},l);this.$emit(`update:modelValue`,u),this.$emit(`hide`)}catch(e){let t,n=e?.response?.data;if(n){let e=n?.error||n?.detail;typeof e==`string`&&(t=e)}t||=this.$t&&this.$t(`order.message.x402PaymentFailed`)||`X402 wallet payment failed. Please try again later.`;try{N.error(t)}catch{}}finally{this.signing=!1,this.paying=!1}}}}),Me={class:`x402-content`},Ne={class:`x402-intro`},Pe={class:`x402-intro-text`},Fe={class:`x402-wallet`},Ie={class:`x402-wallet-head`},Le={class:`x402-network`},Re={class:`x402-network-label`},ze={key:1,class:`x402-requirements-actions`},Be={class:`x402-wallet-card`},Ve={class:`x402-wallet-card-head`},He={class:`x402-wallet-card-title`},Ue={key:0,class:`x402-wallet-card-sub x402-wallet-name`},We=[`src`,`alt`],Ge={key:1,class:`x402-wallet-card-sub`},Ke={class:`x402-wallet-card-actions`},qe={class:`x402-actions`},Je={class:`x402-wallet-card`},Ye={class:`x402-wallet-card-head`},Xe={class:`x402-wallet-card-title`},Ze={key:0,class:`x402-wallet-card-sub x402-wallet-name`},Qe=[`src`,`alt`],$e={key:1,class:`x402-wallet-card-sub`},et={class:`x402-wallet-card-actions`},tt={class:`x402-actions`},nt={class:`x402-steps`},rt={class:`x402-steps-title`},it={class:`x402-steps-list`},at={class:`x402-step-index`},ot={class:`x402-step-text`},st={class:`wallet-list`},ct=[`disabled`,`onClick`],lt=[`src`,`alt`],ut={class:`wallet-list-name`},dt={key:1,class:`wallet-list-status`},ft={class:`wallet-list`},pt=[`disabled`,`onClick`],mt=[`src`,`alt`],ht={class:`wallet-list-name`},gt={class:`wallet-list-status`},_t={key:0,class:`text-center text-[13px] text-[var(--el-text-color-regular)]`};function vt(e,o,l,h,g,_){let v=d(`credit-card`),y=d(`el-icon`),b=d(`el-radio-button`),x=d(`el-radio-group`),S=d(`el-alert`),C=d(`el-button`),w=d(`el-tag`),T=d(`el-dialog`);return u(),f(m,null,[i(T,{"model-value":e.visible,title:e.$t(`order.title.x402`),width:e.dialogWidth,top:`8vh`,class:`x402-dialog`},{default:p(()=>[n(`section`,Me,[n(`header`,Ne,[i(y,{size:20,class:`x402-intro-icon`},{default:p(()=>[i(v)]),_:1}),n(`p`,Pe,c(e.$t(`order.message.x402IntroShort`)),1)]),n(`section`,Fe,[n(`div`,Ie,[n(`div`,Le,[n(`span`,Re,c(e.$t(`order.message.x402IntegrationNetworkLabel`)),1),i(x,{modelValue:e.selectedNetwork,"onUpdate:modelValue":o[0]||=t=>e.selectedNetwork=t,class:`x402-network-group`},{default:p(()=>[(u(!0),f(m,null,s(e.networkOptions,e=>(u(),t(b,{key:e.network,label:e.network},{default:p(()=>[r(c(e.label),1)]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`])])]),e.selectedNetworkResolved===`solana`&&!e.selectedRequirements&&!e.requirementsLoading?(u(),t(S,{key:0,type:`info`,closable:!1,class:`x402-alert`,description:e.$t(`order.message.x402SolanaNotEnabled`)},null,8,[`description`])):a(``,!0),!e.selectedRequirements&&!e.requirementsLoading?(u(),f(`div`,ze,[i(C,{link:``,type:`primary`,size:`small`,onClick:o[1]||=t=>e.maybeLoadRequirements(!0)},{default:p(()=>[r(c(e.$t(`common.button.refresh`)),1)]),_:1})])):a(``,!0),e.isSolanaNetwork?(u(),f(m,{key:2},[n(`div`,Be,[n(`div`,Ve,[n(`span`,He,c(e.$t(`order.message.x402WalletTitleSolana`)),1),e.solanaConnected?(u(),t(w,{key:0,class:`x402-wallet-card-tag`},{default:p(()=>[r(c(e.$t(`order.message.x402WalletConnected`)),1)]),_:1})):a(``,!0)]),e.solanaConnected&&e.selectedSolanaWalletName?(u(),f(`div`,Ue,[e.selectedSolanaWalletIcon?(u(),f(`img`,{key:0,class:`wallet-list-icon`,src:e.selectedSolanaWalletIcon,alt:e.selectedSolanaWalletName},null,8,We)):a(``,!0),n(`span`,null,c(e.selectedSolanaWalletName),1)])):a(``,!0),e.solanaConnected&&e.solanaAddress?(u(),f(`div`,Ge,c(e.solanaAddress.substring(0,10))+`...`+c(e.solanaAddress.substring(e.solanaAddress.length-10)),1)):a(``,!0),n(`div`,Ke,[e.solanaConnected?(u(),t(C,{key:1,onClick:e.disconnectSolanaWallet},{default:p(()=>[r(c(e.$t(`coin.button.disconnect`)),1)]),_:1},8,[`onClick`])):(u(),t(C,{key:0,type:`primary`,onClick:o[2]||=t=>e.solanaWalletModalVisible=!0},{default:p(()=>[r(c(e.$t(`order.message.x402ConnectWallet`)),1)]),_:1}))])]),n(`div`,qe,[i(C,{type:`primary`,disabled:!e.solanaConnected||!e.solanaAddress||!e.requirementsAvailable,loading:e.signing||e.paying,onClick:e.onPayWithSolanaWallet},{default:p(()=>[r(c(e.$t(`order.message.x402WalletPayCta`)),1)]),_:1},8,[`disabled`,`loading`,`onClick`])])],64)):(u(),f(m,{key:3},[n(`div`,Je,[n(`div`,Ye,[n(`span`,Xe,c(e.$t(`order.message.x402WalletTitleEvm`)),1),e.evmConnected?(u(),t(w,{key:0,class:`x402-wallet-card-tag`},{default:p(()=>[r(c(e.$t(`order.message.x402WalletConnected`)),1)]),_:1})):a(``,!0)]),e.evmConnected&&e.selectedEvmWalletName?(u(),f(`div`,Ze,[e.selectedEvmWalletIcon?(u(),f(`img`,{key:0,class:`wallet-list-icon`,src:e.selectedEvmWalletIcon,alt:e.selectedEvmWalletName},null,8,Qe)):a(``,!0),n(`span`,null,c(e.selectedEvmWalletName),1)])):a(``,!0),e.evmConnected&&e.evmAddress?(u(),f(`div`,$e,c(e.evmAddress.substring(0,10))+`...`+c(e.evmAddress.substring(e.evmAddress.length-10)),1)):a(``,!0),n(`div`,et,[e.evmConnected?(u(),t(C,{key:1,onClick:e.disconnectEvmWallet},{default:p(()=>[r(c(e.$t(`coin.button.disconnect`)),1)]),_:1},8,[`onClick`])):(u(),t(C,{key:0,type:`primary`,onClick:e.openEvmWalletModal},{default:p(()=>[r(c(e.$t(`order.message.x402ConnectWallet`)),1)]),_:1},8,[`onClick`]))])]),e.hasEvmProvider?e.networkMismatch?(u(),t(S,{key:1,type:`warning`,closable:!1,"show-icon":``,class:`x402-alert`,title:e.$t(`order.message.x402SwitchNetwork`,{network:e.expectedNetworkLabel||e.expectedNetwork})},null,8,[`title`])):a(``,!0):(u(),t(S,{key:0,type:`info`,closable:!1,class:`x402-alert`,description:e.$t(`order.message.x402NoWalletDesc`)},null,8,[`description`])),n(`div`,tt,[e.hasEvmProvider?(u(),t(C,{key:0,type:`primary`,disabled:!e.evmConnected||!e.requirementsAvailable||e.networkMismatch,loading:e.signing||e.paying,onClick:e.onPayWithWallet},{default:p(()=>[r(c(e.$t(`order.message.x402WalletPayCta`)),1)]),_:1},8,[`disabled`,`loading`,`onClick`])):a(``,!0)])],64)),n(`div`,nt,[n(`div`,rt,c(e.$t(`order.message.x402StepsTitle`)),1),n(`ol`,it,[(u(!0),f(m,null,s(e.paymentSteps,(e,t)=>(u(),f(`li`,{key:t,class:`x402-step`},[n(`span`,at,c(t+1),1),n(`span`,ot,c(e),1)]))),128))])])])])]),_:1},8,[`model-value`,`title`,`width`]),i(T,{modelValue:e.solanaWalletModalVisible,"onUpdate:modelValue":o[3]||=t=>e.solanaWalletModalVisible=t,title:e.$t(`order.message.x402ConnectWallet`),width:`420px`,"align-center":``},{default:p(()=>[n(`div`,st,[(u(!0),f(m,null,s(e.solanaWalletsOrdered,t=>(u(),f(`button`,{key:t.adapter.name,class:`wallet-list-item`,disabled:e.solanaWalletConnecting,onClick:n=>e.onSelectSolanaWallet(t)},[t.adapter.icon?(u(),f(`img`,{key:0,class:`wallet-list-icon`,src:t.adapter.icon,alt:t.adapter.name},null,8,lt)):a(``,!0),n(`span`,ut,c(t.adapter.name),1),t.readyState===`Installed`?(u(),f(`span`,dt,c(e.$t(`order.message.x402WalletStatusDetected`)),1)):a(``,!0)],8,ct))),128))])]),_:1},8,[`modelValue`,`title`]),i(T,{modelValue:e.evmWalletModalVisible,"onUpdate:modelValue":o[4]||=t=>e.evmWalletModalVisible=t,title:e.$t(`order.message.x402ConnectWallet`),width:`420px`,"align-center":``},{default:p(()=>[n(`div`,ft,[(u(!0),f(m,null,s(e.evmWalletsOrdered,t=>(u(),f(`button`,{key:t.id,class:`wallet-list-item`,disabled:e.evmWalletConnecting,onClick:n=>e.onSelectEvmWallet(t)},[t.icon?(u(),f(`img`,{key:0,class:`wallet-list-icon`,src:t.icon,alt:t.name},null,8,mt)):a(``,!0),n(`span`,ht,c(t.name),1),n(`span`,gt,c(e.$t(`order.message.x402WalletStatusDetected`)),1)],8,pt))),128)),e.evmWalletsOrdered.length===0?(u(),f(`div`,_t,c(e.$t(`order.message.x402NoWalletDesc`)),1)):a(``,!0)])]),_:1},8,[`modelValue`,`title`])],64)}var yt=M(je,[[`render`,vt],[`__scopeId`,`data-v-53981361`]]),bt=o({name:`PaypalPayOrderDialog`,components:{ElDialog:L},props:{modelValue:{type:Object,required:!0},visible:{type:Boolean,required:!1,default:!1}},emits:[`hide`,`update:modelValue`],data(){return{refreshTimer:void 0}},watch:{visible:{handler(e){e&&this.modelValue.pay_url&&window.open(this.modelValue.pay_url,`_blank`)}}},mounted(){this.onRefresh()},unmounted(){this.refreshTimer&&clearTimeout(this.refreshTimer)},methods:{onRefresh(){if(!this.modelValue.id){console.error(`id does not exist`);return}R.refresh(this.modelValue.id).then(({data:e})=>{e.state===F.PAID?this.$emit(`hide`):setTimeout(()=>{this.onRefresh()},2e3),this.$emit(`update:modelValue`,e)}).catch(()=>{setTimeout(()=>{this.onRefresh()},5e3)})}}}),xt={class:`text-center`};function St(e,r,i,a,o,s){let l=d(`el-dialog`);return u(),t(l,{"model-value":e.visible,title:e.$t(`application.title.buyService`),width:`500px`,center:``},{default:p(()=>[n(`p`,xt,c(e.$t(`order.message.buyInExternalUrl`)),1)]),_:1},8,[`model-value`,`title`])}var Ct=M(bt,[[`render`,St]]),wt=7e3,Z=2e3,Q=function(e){return e.WechatPay=`WechatPay`,e.Stripe=`Stripe`,e.AliPay=`AliPay`,e.X402=`X402`,e.PayPal=`PayPal`,e}(Q||{}),Tt=o({name:`ConsoleOrderDetail`,components:{ElButton:h,CopyToClipboard:se,ElRow:C,ElCard:y,ElCol:S,ElSkeleton:k,ElDivider:O,ElAlert:v,ElDescriptions:E,ElDescriptionsItem:w,ElTag:I,WechatPayOrder:me,StripePayOrder:ve,AlipayPayOrder:Se,X402PayOrder:yt,PaypalPayOrder:Ct},data(){return{PayWay:Q,payWay:`WechatPay`,OrderState:F,order:void 0,x402Session:void 0,showPayWays:!0,loading:!1,paying:!1,prepaying:!1}},computed:{config(){return this.$store.getters.config},enablePaypal(){return!!this.config?.features?.ENABLE_PAYPAL},id(){return this.$route.params?.id?.toString()},redirect(){return this.$route.query?.redirect},showPayment(){return!ne()},pricingInfo(){let e=this.order?.metadata?.pricing||{},t=e=>typeof e==`number`&&Number.isFinite(e)?e:void 0,n=t(e?.original_price),r=t(e?.discounted_price),i=t(e?.discount_rate),a=t(e?.discount_rate_vip),o=t(e?.discount_rate_x402),s=t(this.order?.price),c=n??s??0;return{original:c,discounted:r??s??c,discountRate:t(this.order?.discount)??i??0,discountedMethods:Array.isArray(e?.discounted_methods)?e.discounted_methods.filter(e=>typeof e==`string`&&e.length>0):[],discountRateVip:a,discountRateX402:o}},appliedDiscountMethods(){return this.pricingInfo.discountedMethods||[]},hasVipApplied(){return this.appliedDiscountMethods.includes(`vip`)},hasX402Applied(){return this.appliedDiscountMethods.includes(`x402`)},pendingX402Preview(){return this.payWay===`X402`&&this.order?.pay_way!==`X402`&&this.x402DiscountRate>0},finalOriginalPrice(){return this.pricingInfo.original||0},baseEffectivePrice(){let e=this.order?.price;return typeof e==`number`&&Number.isFinite(e)?e:this.pricingInfo.discounted},previewX402Price(){let e=this.baseEffectivePrice||0,t=this.x402DiscountRate;return!t||t<=0?e:e*(1-t)},finalDiscountedPrice(){return this.pendingX402Preview?this.previewX402Price:this.baseEffectivePrice},showOriginalPrice(){return this.finalOriginalPrice<=0?!1:this.finalOriginalPrice>this.finalDiscountedPrice},totalDiscountRate(){let e=this.pricingInfo.discountRate??0;return this.pendingX402Preview?1-(1-e)*(1-this.x402DiscountRate):e},hasAnyDiscount(){return this.totalDiscountRate>0},discountBadges(){let e=[];return this.hasVipApplied&&this.vipDiscountPercent&&e.push({key:`vip`,text:this.$t(`order.message.discountTag`,{percent:this.vipDiscountPercent}).toString(),type:`success`}),this.shouldDisplayX402Badge&&this.x402BadgePercent&&e.push({key:`x402`,text:this.$t(`order.message.x402DiscountTag`,{percent:this.x402BadgePercent}).toString(),type:`success`}),e},discountHints(){let e=[];return this.hasVipApplied&&this.vipDiscountPercent&&e.push(this.$t(`order.message.discountHint`,{percent:this.vipDiscountPercent}).toString()),this.hasX402Applied&&this.x402AppliedPercent?e.push(this.$t(`order.message.x402DiscountApplied`,{percent:this.x402AppliedPercent}).toString()):this.pendingX402Preview&&this.x402BadgePercent&&e.push(this.$t(`order.message.x402DiscountHint`,{percent:this.x402BadgePercent}).toString()),e},x402DiscountRate(){let e=this.config?.features?.DISCOUNT_FOR_X402;return typeof e==`number`&&Number.isFinite(e)&&e>0?e:0},vipDiscountPercent(){let e=(this.pricingInfo.discountRateVip??0)*100;return!Number.isFinite(e)||e<=0?``:Number.isInteger(e)?e.toFixed(0):e.toFixed(1)},x402AppliedPercent(){let e=(this.pricingInfo.discountRateX402??0)*100;return!Number.isFinite(e)||e<=0?``:Number.isInteger(e)?e.toFixed(0):e.toFixed(1)},x402BadgePercent(){let e=(this.hasX402Applied?this.pricingInfo.discountRateX402??this.x402DiscountRate:this.x402DiscountRate)*100;return!Number.isFinite(e)||e<=0?``:Number.isInteger(e)?e.toFixed(0):e.toFixed(1)},shouldDisplayX402Badge(){return this.hasX402Applied||this.pendingX402Preview},shouldShowPriceBlock(){return this.finalOriginalPrice>0||this.finalDiscountedPrice>0||this.hasAnyDiscount||this.pendingX402Preview},orderFailedReason(){if(!this.order||this.order.state!==F.FAILED)return;let e=(this.order.metadata||{})?.x402?.last_error||{};return(typeof e.reason==`string`?e.reason.trim():``)||void 0}},watch:{paying(e){e?this.startOrderPolling():this.stopOrderPolling()},order:{handler(e,t){if(e?.state===F.PAID){t?.state!==F.PAID&&te(`payment_success`,{order_id:e?.id,pay_way:e?.pay_way,service:e?.application?.service?.alias,amount:e?.price}),this.x402Session=void 0,setTimeout(()=>{this.redirect&&window.location.replace(this.redirect?.toString())},2e3);return}e?.state&&e.state!==F.PENDING&&e.state!==F.FAILED&&(this.x402Session=void 0)},deep:!0},payWay(e){e!==`X402`&&(this.x402Session=void 0)}},created(){this._orderRefreshTimer=void 0},mounted(){this.onFetchData()},beforeUnmount(){this.stopOrderPolling()},methods:{getPriceString:ee,formatCredits(e){return Number.isFinite(e)?Number.isInteger(e)?String(e):e.toFixed(2):`0`},payWayLabel(e){switch(e){case`WechatPay`:return this.$t(`order.title.wechatPay`);case`Stripe`:return this.$t(`order.title.stripe`);case`AliPay`:return this.$t(`order.title.aliPay`);case`X402`:return this.$t(`order.title.x402`);case`PayPal`:return this.$t(`order.title.paypal`);default:return e}},payWayTagType(e){return`info`},startOrderPolling(e=0){this.stopOrderPolling();let t=async()=>{try{let{data:e}=await R.refresh(this.id);if(this.order=e,e?.state===F.PAID||e?.state===F.FAILED||e?.state===F.EXPIRED){this.paying=!1,this.stopOrderPolling();return}}catch{}this.paying&&(this._orderRefreshTimer=window.setTimeout(t,wt))};this._orderRefreshTimer=window.setTimeout(t,e)},stopOrderPolling(){let e=this._orderRefreshTimer;e&&(clearTimeout(e),this._orderRefreshTimer=void 0)},onFetchData(){this.loading=!0,R.refresh(this.id).then(({data:e})=>{this.order=e,e.pay_way&&(this.payWay=e.pay_way),this.loading=!1}).catch(()=>{this.loading=!1})},onRepay(){this.payWay===`X402`&&(this.x402Session=void 0),this.paying=!0,this.startOrderPolling()},onPay(){this.prepaying=!0,this.payWay===`X402`&&(this.x402Session=void 0);let e={pay_way:this.payWay};this.payWay===`AliPay`?e.surface=ae():this.payWay===`Stripe`&&z()&&(e.surface=`android`),R.pay(this.id,e).then(({data:e})=>{if(this.prepaying=!1,e?.id&&(this.order=e),this.payWay===`X402`&&e){let t=e;t.accepts&&(this.x402Session=t)}(this.order&&this.order.price&&this.order.price>0||this.payWay===`X402`)&&(this.paying=!0,this.startOrderPolling(Z))}).catch(e=>{this.prepaying=!1;let t=e?.response?.data;if(this.payWay===`X402`&&t){this.x402Session=t,this.paying=!0,this.startOrderPolling(Z);return}})}}}),Et={class:`title`},$={key:0,class:`pt-5`},Dt={key:1,class:`order`},Ot={key:0,class:`price-block`},kt={class:`price-line`},At={key:0,class:`price original`},jt={class:`price current unfree`},Mt={key:1,class:`price free`},Nt={key:0,class:`payways mb-6`},Pt={class:`payname`},Ft={class:`payname`},It={class:`payname`},Lt={class:`payname`},Rt={class:`payname`},zt={key:1},Bt={key:2};function Vt(o,l,h,g,_,v){let y=d(`el-col`),b=d(`el-row`),x=d(`el-skeleton`),S=d(`copy-to-clipboard`),C=d(`el-descriptions-item`),w=d(`el-tag`),T=d(`el-descriptions`),E=d(`el-divider`),D=d(`el-alert`),O=d(`el-button`),k=d(`el-card`),A=d(`wechat-pay-order`),j=d(`stripe-pay-order`),M=d(`alipay-pay-order`),N=d(`paypal-pay-order`),P=d(`x402-pay-order`);return u(),t(b,{class:`panel`},{default:p(()=>[i(y,{span:24},{default:p(()=>[i(b,null,{default:p(()=>[i(y,{span:24},{default:p(()=>[n(`h2`,Et,c(o.$t(`order.title.info`)),1)]),_:1})]),_:1}),i(b,null,{default:p(()=>[i(y,{span:24},{default:p(()=>[i(k,{shadow:`hover`},{default:p(()=>[i(b,null,{default:p(()=>[i(y,{span:16,offset:4},{default:p(()=>[o.loading?(u(),f(`div`,$,[i(x,{animated:``})])):(u(),f(`div`,Dt,[i(T,{column:1},{default:p(()=>[i(C,{label:o.$t(`order.field.id`)},{default:p(()=>[n(`span`,null,c(o.order?.id),1),o.order?.id?(u(),t(S,{key:0,content:o.order?.id,class:`inline-block`},null,8,[`content`])):a(``,!0)]),_:1},8,[`label`]),i(C,{label:o.$t(`order.field.description`)},{default:p(()=>[r(c(o.order?.description),1)]),_:1},8,[`label`]),o.order?.application?.service?(u(),t(C,{key:0,label:o.$t(`order.field.api`)},{default:p(()=>[r(c(o.order?.application?.service?.title),1)]),_:1},8,[`label`])):a(``,!0),o.order?.pay_way?(u(),t(C,{key:1,label:o.$t(`order.field.payWay`)},{default:p(()=>[i(w,{type:o.payWayTagType(o.order.pay_way),effect:`dark`,round:``,size:`small`},{default:p(()=>[r(c(o.payWayLabel(o.order.pay_way)),1)]),_:1},8,[`type`])]),_:1},8,[`label`])):a(``,!0),o.order?.amount&&o.order.amount>0?(u(),t(C,{key:2,label:o.$t(`order.field.amount`)},{default:p(()=>[r(c(o.$t(`order.message.creditsValue`,{value:o.formatCredits(o.order.amount)})),1)]),_:1},8,[`label`])):a(``,!0),i(C,{label:o.$t(`order.field.createdAt`)},{default:p(()=>[r(c(o.$dayjs.format(o.order?.created_at)),1)]),_:1},8,[`label`]),i(C,{label:o.$t(`order.field.price`)},{default:p(()=>[o.shouldShowPriceBlock?(u(),f(`div`,Ot,[n(`div`,kt,[o.showOriginalPrice?(u(),f(`span`,At,c(o.getPriceString({value:o.finalOriginalPrice})),1)):a(``,!0),n(`span`,jt,c(o.getPriceString({value:o.finalDiscountedPrice})),1),(u(!0),f(m,null,s(o.discountBadges,e=>(u(),t(w,{key:e.key,class:`discount-tag`,effect:`light`,size:`small`,type:e.type},{default:p(()=>[r(c(e.text),1)]),_:2},1032,[`type`]))),128))]),(u(!0),f(m,null,s(o.discountHints,(e,t)=>(u(),f(`p`,{key:t,class:`discount-hint`},c(e),1))),128))])):(u(),f(`span`,Mt,c(o.$t(`order.message.free`)),1))]),_:1},8,[`label`])]),_:1})]))]),_:1})]),_:1}),o.order?.state===o.OrderState.PAID||o.order?.state===o.OrderState.FINISHED?(u(),t(b,{key:0,class:`mb-5`},{default:p(()=>[i(y,{span:16,offset:4},{default:p(()=>[i(E,{"border-style":`dashed`}),i(D,{title:o.$t(`order.message.paidSuccessfully`),type:`success`,"show-icon":``,closable:!1},null,8,[`title`])]),_:1})]),_:1})):a(``,!0),o.order?.state===o.OrderState.EXPIRED?(u(),t(b,{key:1,class:`mb-5`},{default:p(()=>[i(y,{span:16,offset:4},{default:p(()=>[i(E,{"border-style":`dashed`}),i(D,{title:o.$t(`order.message.orderExpired`),type:`error`,"show-icon":``,closable:!1},null,8,[`title`])]),_:1})]),_:1})):a(``,!0),o.order?.state===o.OrderState.FAILED?(u(),t(b,{key:2,class:`mb-5`},{default:p(()=>[i(y,{span:16,offset:4},{default:p(()=>[i(E,{"border-style":`dashed`}),i(D,{title:o.$t(`order.state.failed`),description:o.orderFailedReason,type:`error`,"show-icon":``,closable:!1},null,8,[`title`,`description`])]),_:1})]),_:1})):a(``,!0),o.order?.state===o.OrderState.PENDING?(u(),t(b,{key:3},{default:p(()=>[i(y,{span:16,offset:4},{default:p(()=>[i(E,{"border-style":`dashed`}),o.showPayment&&o.showPayWays&&o.order.price&&o.order.price>0&&!o.order.pay_way?(u(),f(`div`,Nt,[n(`div`,{class:e({payway:!0,wechatpay:!0,active:o.payWay===o.PayWay.WechatPay}),onClick:l[0]||=e=>o.payWay=o.PayWay.WechatPay},[l[15]||=n(`span`,{class:`payicon wechatpay`},null,-1),n(`span`,Pt,c(o.$t(`order.title.wechatPay`)),1)],2),n(`div`,{class:e({payway:!0,alipay:!0,active:o.payWay===o.PayWay.AliPay}),onClick:l[1]||=e=>o.payWay=o.PayWay.AliPay},[l[16]||=n(`span`,{class:`payicon alipay`},null,-1),n(`span`,Ft,c(o.$t(`order.title.aliPay`)),1)],2),n(`div`,{class:e({payway:!0,stripe:!0,active:o.payWay===o.PayWay.Stripe}),onClick:l[2]||=e=>o.payWay=o.PayWay.Stripe},[l[17]||=n(`span`,{class:`payicon stripe`},null,-1),n(`span`,It,c(o.$t(`order.title.stripe`)),1)],2),n(`div`,{class:e({payway:!0,x402:!0,relative:!0,active:o.payWay===o.PayWay.X402}),onClick:l[3]||=e=>o.payWay=o.PayWay.X402},[l[18]||=n(`span`,{class:`payicon x402`},null,-1),n(`span`,Lt,c(o.$t(`order.title.x402`)),1),o.x402DiscountRate>0?(u(),t(w,{key:0,class:`absolute -top-2 right-0`,effect:`light`,size:`small`,type:`success`},{default:p(()=>[r(c(o.$t(`order.message.x402DiscountTag`,{percent:o.x402BadgePercent})),1)]),_:1})):a(``,!0)],2),o.enablePaypal?(u(),f(`div`,{key:0,class:e({payway:!0,paypal:!0,active:o.payWay===o.PayWay.PayPal}),onClick:l[4]||=e=>o.payWay=o.PayWay.PayPal},[l[19]||=n(`span`,{class:`payicon paypal`},null,-1),n(`span`,Rt,c(o.$t(`order.title.paypal`)),1)],2)):a(``,!0)])):a(``,!0),o.showPayment&&!o.order?.pay_way?(u(),f(`div`,zt,[i(O,{loading:o.prepaying,round:``,type:`primary`,size:`large`,class:`btn-pay`,onClick:o.onPay},{default:p(()=>[r(c(o.$t(`common.button.pay`)),1)]),_:1},8,[`loading`,`onClick`])])):o.showPayment?(u(),f(`div`,Bt,[i(O,{type:`primary`,round:``,size:`large`,class:`btn-repay`,onClick:o.onRepay},{default:p(()=>[r(c(o.$t(`common.button.repay`)),1)]),_:1},8,[`onClick`])])):a(``,!0)]),_:1})]),_:1})):a(``,!0)]),_:1})]),_:1})]),_:1}),i(b,null,{default:p(()=>[i(y,{span:24},{default:p(()=>[o.order&&o.payWay===o.PayWay.WechatPay?(u(),t(A,{key:0,modelValue:o.order,"onUpdate:modelValue":l[5]||=e=>o.order=e,visible:o.paying,onHide:l[6]||=e=>o.paying=!1},null,8,[`modelValue`,`visible`])):a(``,!0),o.order&&o.payWay===o.PayWay.Stripe?(u(),t(j,{key:1,modelValue:o.order,"onUpdate:modelValue":l[7]||=e=>o.order=e,visible:o.paying,onHide:l[8]||=e=>o.paying=!1},null,8,[`modelValue`,`visible`])):a(``,!0),o.order&&o.payWay===o.PayWay.AliPay?(u(),t(M,{key:2,modelValue:o.order,"onUpdate:modelValue":l[9]||=e=>o.order=e,visible:o.paying,onHide:l[10]||=e=>o.paying=!1},null,8,[`modelValue`,`visible`])):a(``,!0),o.order&&o.payWay===o.PayWay.PayPal?(u(),t(N,{key:3,modelValue:o.order,"onUpdate:modelValue":l[11]||=e=>o.order=e,visible:o.paying,onHide:l[12]||=e=>o.paying=!1},null,8,[`modelValue`,`visible`])):a(``,!0),o.order&&o.payWay===o.PayWay.X402?(u(),t(P,{key:4,modelValue:o.order,"onUpdate:modelValue":l[13]||=e=>o.order=e,session:o.x402Session,visible:o.paying,onHide:l[14]||=e=>o.paying=!1},null,8,[`modelValue`,`session`,`visible`])):a(``,!0)]),_:1})]),_:1})]),_:1})]),_:1})}var Ht=M(Tt,[[`render`,Vt],[`__scopeId`,`data-v-06f45f02`]]);export{Ht as default};

package/dist/assets/Extra-BOfUAVX5.js

@@ -1 +0,0 @@
-import"./rolldown-runtime--c01j_DQ.js";import{Bt as e,D as t,E as n,M as r,N as i,O as a,P as o,Q as s,Ut as c,X as l,_ as u,et as d,k as f,lt as p,ut as m,x as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-Diu_mJ2H.js";import{n as _,t as v}from"./form-BlaCq7xv.js";import{t as y}from"./card-ctDPo7It.js";import{n as b,r as x}from"./radio-ClH7NqRe.js";import{n as S,t as C}from"./row-CXoGz5_v.js";import{t as w}from"./divider-DpYRdXgs.js";import{t as T}from"./skeleton-Cc4nM_v1.js";import{E,Er as D,I as O,L as k,Nt as A,On as j,Pn as M,Sr as N,hr as P,xn as F}from"./index-BcKy7BlO.js";var I=o({name:`ApiPrice`,props:{price:{type:Number,required:!1,default:0},unit:{type:String,required:!1,default:void 0},start:{type:Boolean,required:!1,default:!1}},methods:{getPriceString:A}}),L={class:`price-text`},R={key:0,class:`unfree`},z={key:1,class:`free`};function B(e,t,n,r,i,a){return l(),f(`div`,L,[e.price>0?(l(),f(`span`,R,c(e.getPriceString({value:e.price}))+` `+c(e.unit?` / ${e.unit}`:``)+c(e.start?e.$t(`common.message.startPrice`):``),1)):(l(),f(`span`,z,c(e.$t(`common.message.free`)),1))])}var V=E(I,[[`render`,B],[`__scopeId`,`data-v-bb068181`]]),H=o({name:`ServiceEstimation`,components:{},props:{service:{type:Object,required:!0},package:{type:Object,required:!0}},methods:{getPriceString:A}}),U={class:`estimation`},W={key:0,class:`item`},G={key:0},K={key:1},q={key:2},J={key:0},Y={key:1};function X(e,t,n,i,o,u){return l(),f(`div`,U,[(l(!0),f(h,null,s(e.service?.apis,(t,n)=>(l(),f(`div`,{key:n},[(l(!0),f(h,null,s(t?.estimation,(t,n)=>(l(),f(`div`,{key:n,class:`items`},[e.package?.amount&&t?.cost?(l(),f(`p`,W,[r(` ≈ `+c(t.name)+` `+c(Math.round(e.package.amount/t.cost))+` `+c(e.$t(`api.unit.count`))+` `,1),e.package.price>0?(l(),f(`span`,G,` - `+c(e.getPriceString({value:e.package.price/(e.package.amount/t.cost),fractionDigits:3})+` / `+e.$t(`api.unit.count`)),1)):a(``,!0),t.remark?(l(),f(`span`,K,` (`+c(t.remark)+`) `,1)):a(``,!0),(t?.comparisons?.length??0)>0?(l(),f(`span`,q,` - `)):a(``,!0),(l(!0),f(h,null,s(t?.comparisons,(t,n)=>(l(),f(`span`,{key:n,class:`comparison`},[t?.value<0?(l(),f(`i`,J,c(e.$t(`api.message.cheaperThan`).replace(`$[[value]]`,t?.target?.toString()))+` `+c(Math.abs(t?.value)*100)+`% `,1)):a(``,!0),t?.value>0?(l(),f(`i`,Y,c(e.$t(`api.message.moreExpensiveThan`).replace(`$[[value]]`,t?.target?.toString()))+` `+c(Math.abs(t?.value)*100)+`% `,1)):a(``,!0)]))),128))])):a(``,!0)]))),128))]))),128))])}var Z=o({name:`ConsoleApplicationBuy`,components:{ElSkeleton:T,ElRow:C,ElCol:S,ElCard:y,ElForm:v,ElFormItem:_,ElButton:g,ElDivider:w,ElRadioGroup:x,ElRadioButton:b,Price:V,ServiceEstimation:E(H,[[`render`,X],[`__scopeId`,`data-v-768cf35f`]])},data(){return{lang:this.$i18n.locale,application:void 0,loading:!1,type:P.USAGE,form:{packageId:void 0,amount:void 0},creating:!1}},computed:{applicationId(){return this.$route.params?.id?.toString()},id(){return this.$route.params?.id?.toString()},showPayment(){return!N()},price(){return this.application?.service?.price&&this.form.amount?this.form.amount*this.application.service?.price:0},packages(){return this.application?.packages?.filter(e=>e.type===P.USAGE).sort((e,t)=>e.amount-t.amount)||[]},package(){if(this.packages&&this.form.packageId){let e=this.packages.filter(e=>e.id===this.form.packageId);if(e.length>0)return e[0]}}},mounted(){this.onFetchApplication()},methods:{getDiscount(e){return this.packages&&this.packages.length>0?this.lang?.startsWith(`zh`)?(10*e?.price/e?.amount/(this.packages[0].price/this.packages[0]?.amount)).toFixed(1)+`折`:Math.round(100-100*e?.price/e?.amount/(this.packages[0].price/this.packages[0]?.amount))+`% OFF`:``},onSubscribe(){this.$router.push({name:O,params:this.$route.params})},getPriceString:A,onFetchApplication(){this.loading=!0,j.get(this.id).then(({data:e})=>{this.application=e,this.loading=!1,this.form.packageId=this.packages?.[0]?.id}).catch(()=>{this.loading=!1})},onChangeType(){this.$router.push({name:O,params:this.$route.params})},onCreateOrder(){if(!this.application?.id)return;this.creating=!0;let e=this.$t(`service.unit.${this.application?.service?.unit}s`);M(`payment_initiated`,{service:this.application?.service?.alias,amount:this.package?.amount,package_id:this.package?.id,action:`extra`}),F.create({application_id:this.application?.id,amount:this.package?.amount,...this.form.packageId!==`custom`&&this.package?{package_id:this.package.id}:{},description:this.application?.service?`${this.application?.service?.title} x ${this.package?.amount} ${e}`:this.$t(`application.title.globalBuy`)+` - `+this.package?.amount+` `+this.$t(`service.unit.credits`)}).then(({data:e})=>{this.creating=!1;let t=e;this.$router.push({name:k,params:{id:t.id}})}).catch(e=>{D.error(this.$t(`order.message.createFailed`)),this.creating=!1,M(`payment_failed`,{service:this.application?.service?.alias,action:`extra`,error:e?.response?.data?.error?.message??String(e)})})}}}),Q={class:`title`},$={key:0},ee={class:`text-[var(--el-text-color-secondary)] text-[12px] mb-3`},te={key:0,class:`ml-2`},ne={key:1,class:e({price:!0,free:!0})};function re(o,g,_,v,y,b){let x=d(`el-col`),S=d(`el-row`),C=d(`el-skeleton`),w=d(`el-divider`),T=d(`el-form-item`),E=d(`el-radio-button`),D=d(`el-radio-group`),O=d(`service-estimation`),k=d(`price`),A=d(`el-button`),j=d(`el-form`),M=d(`el-card`);return l(),t(S,{class:`panel`},{default:p(()=>[i(x,{span:24},{default:p(()=>[i(S,null,{default:p(()=>[i(x,{span:24},{default:p(()=>[n(`h2`,Q,c(o.$t(`common.title.buyMore`)),1)]),_:1})]),_:1}),i(S,null,{default:p(()=>[i(x,{span:24},{default:p(()=>[i(M,{shadow:`hover`,class:`min-h-[500px]`},{default:p(()=>[i(S,null,{default:p(()=>[i(x,{span:16,offset:4},{default:p(()=>[o.loading?(l(),t(C,{key:0})):o.application?(l(),t(j,{key:1,"label-width":`100px`},{default:p(()=>[o.application?.service?a(``,!0):(l(),f(`div`,$,[n(`p`,ee,c(o.$t(`application.message.globalBalanceBuyDescription`)),1),i(w,{"border-style":`dashed`})])),o.application?.service?(l(),t(T,{key:1,label:o.$t(`application.field.service`)},{default:p(()=>[r(c(o.application?.service?.title),1)]),_:1},8,[`label`])):(l(),t(T,{key:2,label:o.$t(`application.field.scope`)},{default:p(()=>[r(c(o.$t(`application.title.globalBuy`)),1)]),_:1},8,[`label`])),i(T,{label:o.$t(`application.field.package`),class:`mb-0`},{default:p(()=>[o.packages?(l(),t(D,{key:0,modelValue:o.form.packageId,"onUpdate:modelValue":g[0]||=e=>o.form.packageId=e},{default:p(()=>[(l(!0),f(h,null,s(o.packages,(e,i)=>(l(),t(E,{key:i,label:e.id,class:`mb-2`},{default:p(()=>[m(n(`span`,{class:`corner`},c(o.getDiscount(e)),513),[[u,i!==0]]),r(` `+c(e.amount)+` `+c(o.$t(`service.unit.${o.application?.service?.unit||`credit`}s`)),1)]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`])):a(``,!0)]),_:1},8,[`label`]),o.application?.service?.apis&&o.application?.service?.apis?.map(e=>e?.estimation).filter(e=>!!e)?.length>0?(l(),t(T,{key:3},{default:p(()=>[o.application?.service?(l(),t(O,{key:0,service:o.application.service,package:o.package},null,8,[`service`,`package`])):a(``,!0)]),_:1})):a(``,!0),i(T,{label:o.$t(`service.field.price`)},{default:p(()=>[i(k,{price:o.package?.price},null,8,[`price`]),o.package?(l(),f(`span`,te,`(`+c(o.getPriceString({value:o.package?.price/o.package?.amount})+` / `+o.$t(`service.unit.${o.application?.service?.unit||`credits`}`))+`) `,1)):a(``,!0)]),_:1},8,[`label`]),i(w,{"border-style":`dashed`}),i(T,{label:o.$t(`application.field.shouldPayPrice`)},{default:p(()=>[o.package?(l(),f(`span`,{key:0,class:e({price:!0,unfree:o.package?.price>0,free:o.package?.price===0})},c(o.getPriceString({value:o.package?.price})),3)):(l(),f(`span`,ne,` $ 0 `))]),_:1},8,[`label`]),i(T,null,{default:p(()=>[o.showPayment?(l(),t(A,{key:0,type:`primary`,size:`large`,class:`btn-create`,loading:o.creating,round:``,onClick:o.onCreateOrder},{default:p(()=>[r(c(o.$t(`application.button.createOrder`)),1)]),_:1},8,[`loading`,`onClick`])):a(``,!0)]),_:1}),i(w,{"border-style":`dashed`}),m(i(T,{label:``},{default:p(()=>[n(`span`,null,c(o.$t(`console.message.doNotWantExtra`)),1),i(A,{type:`primary`,class:`btn btn-subscribe`,round:``,size:`small`,onClick:o.onSubscribe},{default:p(()=>[r(c(o.$t(`console.message.subscribe`)),1)]),_:1},8,[`onClick`])]),_:1},512),[[u,!1]])]),_:1})):a(``,!0)]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}var ie=E(Z,[[`render`,re],[`__scopeId`,`data-v-a1e274d4`]]);export{ie as default};

package/dist/assets/Index-B835g6mA.js

@@ -1 +0,0 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,Ht as i,M as a,N as o,O as s,P as c,Q as l,Ut as u,X as d,_ as f,et as p,k as m,lt as h,ut as g,x as _}from"./vendor-chart-Df3WBvr0.js";import{t as v}from"./button-Diu_mJ2H.js";import{r as y,t as b}from"./select-DWNgO63K.js";import{t as x}from"./upload-BrKQUZi2.js";import{t as S}from"./tooltip-hII4wDEz.js";import{t as C}from"./image-CpHxi4jB.js";import{t as w}from"./alert-Cs6WDxgv.js";import{t as T}from"./drawer-B42T8GMw.js";import{Bn as E,Fn as D,In as O,Ln as k,Mn as A,Nn as ee,Pn as te,Yr as j,zn as M}from"./constants-C2ehd_ov.js";import{At as N,Dt as P,E as F,Er as I,Mt as L,Nn as R,Ot as z,gr as B,kt as V,ln as H,yr as U}from"./index-BcKy7BlO.js";import{t as W}from"./index.es-BkuxA5W8.js";import{t as G}from"./CopyToClipboard-KY6HaCxY.js";import{t as K}from"./ImagePreview-Ek81a8Dx.js";import{t as q}from"./BotPlaceholder-DB5a5MjZ.js";import{i as J,n as Y,t as X}from"./pagination-CnFr2BK-.js";import{n as Z,t as Q}from"./NoTasks-8I8Kf6PS.js";import{t as ne}from"./Consumption-Doupb3lK.js";import{t as re}from"./ApiCodeButton-C3EVZAE2.js";import{t as ie}from"./VideoPlayer-DtL7g2wb.js";var ae=c({name:`LayoutSora`,components:{ElDrawer:T,ElButton:v,FontAwesomeIcon:W},data(){return{drawer:!1}}}),oe={class:`main flex flex-row flex-1`},se={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ce={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function le(t,n,i,a,s,c){let l=p(`font-awesome-icon`),u=p(`el-button`),f=p(`el-drawer`);return d(),m(`div`,oe,[r(`div`,se,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,ce,[e(t.$slots,`result`,{},void 0,!0)]),o(u,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:h(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1}),o(f,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:h(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ue=F(ae,[[`render`,le],[`__scopeId`,`data-v-bbee238c`]]),de=c({name:`ModelSelector`,components:{ElSelect:y,ElOption:b},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:E,label:`sora-2`},{value:M,label:`sora-2-pro`}]}},computed:{value:{get(){return this.$store.state.sora?.config?.model},set(e){let t=this.$store.state.sora?.config||{},n=A[e]||[10],r=t.duration,i=r&&n.includes(r)?r:n.includes(10)?10:n[0],a={...t,model:e,duration:i,size:t.size||`small`};this.$store.commit(`sora/setConfig`,a)}}},mounted(){this.value||=D}}),fe={class:`field`},pe={class:`title font-bold`};function me(e,t,i,a,s,c){let f=p(`el-option`),g=p(`el-select`);return d(),m(`div`,fe,[r(`h2`,pe,u(e.$t(`sora.name.model`)),1),o(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`sora.placeholder.select`)},{default:h(()=>[(d(!0),m(_,null,l(e.options,e=>(d(),n(f,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var he=F(de,[[`render`,me],[`__scopeId`,`data-v-0cb7913d`]]),ge=c({name:`ActionSelector`,components:{ElSelect:y,ElOption:b},data(){return{}},computed:{options(){return[{value:`text2video`,label:this.$t(`sora.button.action1`)},{value:`image2video`,label:this.$t(`sora.button.action2`)}]},value:{get(){return this.$store.state.sora?.config?.action},set(e){this.$store.commit(`sora/setConfig`,{...this.$store.state.sora?.config,action:e})}}},mounted(){this.value||=te}}),_e={class:`field`},ve={class:`title font-bold`},ye={class:`float-left`};function be(e,t,i,a,s,c){let f=p(`el-option`),g=p(`el-select`);return d(),m(`div`,_e,[r(`h2`,ve,u(e.$t(`sora.name.action`)),1),o(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`sora.placeholder.select`),clearable:``},{default:h(()=>[(d(!0),m(_,null,l(e.options,e=>(d(),n(f,{key:e.value,label:e.label,value:e.value},{default:h(()=>[r(`span`,ye,u(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var xe=F(ge,[[`render`,be],[`__scopeId`,`data-v-7b82fa7f`]]),Se=c({name:`DurationSelector`,components:{ElSelect:y,ElOption:b},computed:{model(){return this.$store.state.sora?.config?.model||`sora-2`},allowedDurations(){return A[this.model]||[10]},optionsForModel(){return this.allowedDurations.map(e=>({value:e,label:`${e}s`}))},value:{get(){return this.$store.state.sora?.config?.duration},set(e){let t=this.$store.state.sora?.config||{};this.$store.commit(`sora/setConfig`,{...t,duration:e})}}},watch:{allowedDurations(){let e=this.allowedDurations;if(!e.includes(this.value)){let t=e.includes(10)?10:e[0];this.value=t}}},mounted(){this.value||=10}}),Ce={class:`field`},we={class:`control`},Te={class:`title font-bold`};function Ee(e,t,i,a,s,c){let f=p(`el-option`),g=p(`el-select`);return d(),m(`div`,Ce,[r(`div`,we,[r(`h2`,Te,u(e.$t(`sora.name.duration`)),1),o(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`sora.placeholder.select`)},{default:h(()=>[(d(!0),m(_,null,l(e.optionsForModel,e=>(d(),n(f,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])])}var De=F(Se,[[`render`,Ee],[`__scopeId`,`data-v-c2934598`]]),Oe=c({name:`OrientationSelector`,data(){return{options:[{value:`portrait`,labelKey:`sora.option.portrait`,width:13,height:25},{value:`landscape`,labelKey:`sora.option.landscape`,width:25,height:13}]}},computed:{active(){let e=this.options.findIndex(e=>e.value===this.value);return e>=0?e:0},value:{get(){return this.$store.state.sora?.config?.orientation},set(e){console.debug(`set orientation`,e),this.$store.commit(`sora/setConfig`,{...this.$store.state?.sora?.config,orientation:e})}}},mounted(){this.value||=O}}),ke={class:`text-sm font-bold mb-2 block`},Ae={class:`items`},je=[`onClick`],Me={class:`name`};function Ne(e,n,a,o,s,c){return d(),m(`div`,null,[r(`span`,ke,u(e.$t(`sora.name.orientation`)),1),r(`div`,Ae,[(d(!0),m(_,null,l(e.options,(n,a)=>(d(),m(`div`,{key:a,class:t({active:e.active===a,item:!0}),onClick:t=>e.value=n.value},[r(`div`,{class:t([`preview`,n.value])},[r(`div`,{class:`rect`,style:i({width:n.width+`px`,height:n.height+`px`})},null,4)],2),r(`p`,Me,u(e.$t(n.labelKey)),1)],10,je))),128))])])}var Pe=F(Oe,[[`render`,Ne],[`__scopeId`,`data-v-a20be6d9`]]),Fe=c({name:`StartEndImage`,components:{ElUpload:x,ElButton:v,InfoIcon:J,FontAwesomeIcon:W,ImagePreview:K},mixins:[N,z],emits:[`change`],data(){return{fileList:[],uploadUrl:U()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.sora?.config?.image_urls},set(){}}},mounted(){this.value||=void 0,this.onSetStartEndImageUrl()},methods:{onExceed(){I.warning(this.$t(`sora.message.uploadReferencesExceed`))},onError(){I.error(this.$t(`sora.message.uploadReferencesError`))},onSetStartEndImageUrl(){let e=this.urls;this.$store.commit(`sora/setConfig`,{...this.$store.state?.sora?.config,image_urls:e})},async onSuccess(){this.onSetStartEndImageUrl()}}}),Ie={class:`relative`},Le={class:`flex justify-between`},Re={class:`flex justify-start items-center`},ze={class:`text-sm font-bold`};function Be(e,t,i,c,l,f){let g=p(`info-icon`),_=p(`image-preview`),v=p(`font-awesome-icon`),y=p(`el-button`),b=p(`el-upload`);return d(),m(`div`,Ie,[r(`div`,Le,[r(`div`,Re,[r(`span`,ze,u(e.$t(`sora.name.startEndImage`)),1),o(g,{content:e.$t(`sora.description.uploadStartEndImage`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:2,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:h(({file:t})=>[t.url&&t.percentage!==void 0?(d(),n(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):s(``,!0)]),default:h(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:h(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),a(` `+u(e.$t(`sora.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Ve=F(Fe,[[`render`,Be],[`__scopeId`,`data-v-4f7d9ba5`]]),He=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),Ue=c({name:`SizeSelector`,components:{ElSelect:y,ElOption:b},data(){return{options:ee.map(e=>({value:e,label:He(e)}))}},computed:{value:{get(){return this.$store.state.sora?.config?.size},set(e){let t=this.$store.state.sora?.config||{};this.$store.commit(`sora/setConfig`,{...t,size:e})}}},mounted(){this.value||=k}}),We={class:`field`},Ge={class:`control`},Ke={class:`title font-bold`};function qe(e,t,i,a,s,c){let f=p(`el-option`),g=p(`el-select`);return d(),m(`div`,We,[r(`div`,Ge,[r(`h2`,Ke,u(e.$t(`sora.name.size`)),1),o(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`sora.placeholder.select`)},{default:h(()=>[(d(!0),m(_,null,l(e.options,e=>(d(),n(f,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])])}var Je=F(Ue,[[`render`,qe],[`__scopeId`,`data-v-8c485f0f`]]),Ye=c({name:`PromptInput`,components:{PromptTextarea:Z},computed:{prompt:{get(){return this.$store.state.sora?.config?.prompt},set(e){this.$store.commit(`sora/setConfig`,{...this.$store.state.sora?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Xe(e,t,r,i,a,o){let s=p(`prompt-textarea`);return d(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`sora.name.prompt`),info:e.$t(`sora.description.prompt`),placeholder:e.$t(`sora.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Ze=c({name:`ConfigPanel`,components:{ElButton:v,Consumption:ne,FontAwesomeIcon:W,PromptInput:F(Ye,[[`render`,Xe]]),ModelSelector:he,StartEndImage:Ve,SizeSelector:Je,ActionSelector:xe,OrientationSelector:Pe,DurationSelector:De},emits:[`generate`],computed:{config(){return this.$store.state.sora?.config},consumption(){return L(this.config,this.service?.cost)},service(){return this.$store.state.sora?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Qe={class:`flex flex-col h-full`},$e={class:`flex-1 overflow-y-auto p-5`},et={class:`flex flex-col items-center justify-center px-5 pb-5`};function tt(e,t,n,i,s,c){let l=p(`model-selector`),_=p(`action-selector`),v=p(`duration-selector`),y=p(`size-selector`),b=p(`orientation-selector`),x=p(`prompt-input`),S=p(`start-end-image`),C=p(`consumption`),w=p(`font-awesome-icon`),T=p(`el-button`);return d(),m(`div`,Qe,[r(`div`,$e,[o(l,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-4`}),o(x,{class:`mb-4`}),g(o(S,{class:`mb-2`},null,512),[[f,e.config?.action===`image2video`]])]),r(`div`,et,[o(C,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(T,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:h(()=>[o(w,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`sora.button.generate`)),1)]),_:1},8,[`onClick`])])])}var nt=F(Ze,[[`render`,tt]]),rt=c({name:`TaskPreview`,components:{ElImage:C,CopyToClipboard:G,FontAwesomeIcon:W,ElAlert:w,VideoPlayer:ie,ElTooltip:S,ElButton:v,ApiCodeButton:re},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.sora?.application},config(){return this.$store.state.sora?.config}},methods:{onDownload(e,t){e.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),it={class:`preview`},at={class:`left`},ot={class:`main`},st={class:`bot`},ct={class:`datetime`},lt={class:`info`},ut={key:0,class:`prompt mt-2`},dt={key:0},ft={key:1},pt={key:0,class:t({content:!0,failed:!0})},mt={key:0,class:`mb-4`},ht={key:1,class:t({operations:!0,"mt-2":!0})},gt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},_t={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},yt={key:1,class:t({content:!0})},bt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},St={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ct={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},wt={key:2,class:t({content:!0})},Tt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Et={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function $(e,t,i,c,l,f){let g=p(`el-image`),_=p(`video-player`),v=p(`el-button`),y=p(`el-tooltip`),b=p(`api-code-button`),x=p(`font-awesome-icon`),S=p(`copy-to-clipboard`),C=p(`el-alert`);return d(),m(`div`,it,[r(`div`,at,[o(g,{src:`https://cdn.acedata.cloud/z5id1u.png`,class:`avatar`})]),r(`div`,ot,[r(`div`,st,[a(u(e.$t(`sora.name.soraBot`))+` `,1),r(`span`,ct,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,lt,[e.modelValue?.request?.prompt?(d(),m(`p`,ut,[a(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?s(``,!0):(d(),m(`span`,dt,` - (`+u(e.$t(`sora.status.pending`))+`) `,1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state===`pending`?(d(),m(`span`,ft,` - (`+u(e.$t(`sora.status.processing`))+`) `,1)):s(``,!0)])):s(``,!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(d(),m(`div`,pt,[e.modelValue?.response?.data[0]?.video_url?(d(),m(`div`,mt,[o(_,{src:e.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):s(``,!0),e.modelValue?.response.success?(d(),m(`div`,ht,[o(y,{class:`box-item`,effect:`dark`,content:e.$t(`sora.message.downloadVideo`),placement:`top-start`},{default:h(()=>[e.modelValue?.response?.data[0]?.video_url?(d(),n(v,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:t[0]||=t=>e.onDownload(t,e.modelValue?.response?.data[0]?.video_url)},{default:h(()=>[a(u(e.$t(`sora.button.download`)),1)]),_:1})):s(``,!0)]),_:1},8,[`content`]),o(b,{path:`/sora/videos`,body:e.modelValue?.request},null,8,[`body`])])):s(``,!0),o(C,{closable:!1,class:`mt-2 success`},{default:h(()=>[r(`p`,gt,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.model`))+`: `+u(e.modelValue?.request?.model),1)]),r(`p`,_t,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),m(`p`,vt,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0)]),_:1})])):s(``,!0),e.modelValue?.response?.success===!1?(d(),m(`div`,yt,[o(C,{closable:!1,class:`failure`},{template:h(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.failure`)),1)]),default:h(()=>[r(`p`,bt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),r(`p`,xt,[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(S,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),e.modelValue?.elapsed?(d(),m(`p`,St,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0),e.modelValue?.response?.trace_id?(d(),m(`p`,Ct,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):s(``,!0)]),_:1})])):s(``,!0),e.modelValue?.response?.success===void 0?(d(),m(`div`,wt,[o(C,{closable:!1,class:`info`},{template:h(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.failure`)),1)]),default:h(()=>[r(`p`,Tt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.response?.trace_id?(d(),m(`p`,Et,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):s(``,!0)]),_:1})])):s(``,!0)])])}var Dt=c({name:`RecentPanel`,components:{TaskPreview:F(rt,[[`render`,$],[`__scopeId`,`data-v-935f9471`]]),NoTasks:Q,BotPlaceholder:q,ScrollList:Y},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.sora?.tasks,items:this.$store.state.sora?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Ot={key:0},kt={key:2,class:`w-full h-full flex items-center justify-center`};function At(e,t,r,i,a,c){let u=p(`bot-placeholder`),f=p(`task-preview`),g=p(`scroll-list`),v=p(`no-tasks`);return d(),m(_,null,[e.tasks?.items===void 0?(d(),m(`div`,Ot,[o(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(d(),n(g,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:h(()=>[(d(!0),m(_,null,l(e.tasks?.items,(e,t)=>(d(),n(f,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):s(``,!0),e.tasks?.items?.length===0?(d(),m(`div`,kt,[o(v)])):s(``,!0)],64)}var jt=F(Dt,[[`render`,At]]),Mt=j(`sora`),Nt=c({name:`SoraIndex`,components:{ConfigPanel:nt,Layout:ue,RecentPanel:jt},mixins:[V],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.sora?.status?.getApplications===B.Request},tasksLoading(){return this.$store.state.sora?.status?.getTasks===B.Request||this.fetchingTasks},credential(){return this.$store.state.sora.credential},config(){return this.$store.state.sora.config},tasks(){return this.$store.state.sora.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await X({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`sora/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`sora/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`sora/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!P(this.uploadTracker,e=>this.$t(e),e=>I.warning(e)))return;let e={...this.config,callback_url:Mt},t=this.credential?.token;if(!t){console.error(`no token specified`);return}I.info(this.$t(`sora.message.startingTask`)),R(`sora`,H.generate(e,{token:t})).then(()=>{I.success(this.$t(`sora.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?I.error(this.$t(`sora.message.usedUp`)):I.error(this.$t(`sora.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Pt(e,t,r,i,a,s){let c=p(`config-panel`),l=p(`recent-panel`),u=p(`layout`);return d(),n(u,null,{config:h(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:h(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Ft=F(Nt,[[`render`,Pt]]);export{Ft as default};

package/dist/assets/Index-BHQzZv3-.js

@@ -1 +0,0 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,et as d,k as f,lt as p,x as m,y as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-Diu_mJ2H.js";import{t as _}from"./upload-BrKQUZi2.js";import{t as v}from"./tooltip-hII4wDEz.js";import{t as y}from"./image-CpHxi4jB.js";import{t as b}from"./alert-Cs6WDxgv.js";import{t as x}from"./drawer-B42T8GMw.js";import{t as S}from"./switch-DVJS8YtM.js";import{Yr as C}from"./constants-C2ehd_ov.js";import{At as w,Dt as T,E,Er as D,Mt as O,Nn as ee,Ot as k,gr as A,kt as j,pn as M,yr as N}from"./index-BcKy7BlO.js";import{t as P}from"./index.es-BkuxA5W8.js";import{t as te}from"./CopyToClipboard-KY6HaCxY.js";import{t as F}from"./FilePreview-D-79tvH8.js";import{t as I}from"./ImagePreview-Ek81a8Dx.js";import{t as L}from"./BotPlaceholder-DB5a5MjZ.js";import{i as R,n as z,t as B}from"./pagination-CnFr2BK-.js";import{n as V,t as H}from"./NoTasks-8I8Kf6PS.js";import{t as U}from"./Consumption-Doupb3lK.js";import{t as W}from"./ApiCodeButton-C3EVZAE2.js";import{t as G}from"./VideoPlayer-DtL7g2wb.js";var K=s({name:`LayoutLuma`,components:{ElDrawer:x,ElButton:g,FontAwesomeIcon:P},data(){return{drawer:!1}}}),q={class:`main flex flex-row flex-1`},J={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},Y={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function X(t,n,i,o,s,c){let l=d(`font-awesome-icon`),m=d(`el-button`),h=d(`el-drawer`);return u(),f(`div`,q,[r(`div`,J,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,Y,[e(t.$slots,`result`,{},void 0,!0)]),a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1}),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`,class:`drawer`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var Z=E(K,[[`render`,X],[`__scopeId`,`data-v-fdc8f36b`]]),Q=s({name:`EnhancementSelector`,components:{ElSwitch:S,InfoIcon:R},computed:{value:{get(){return this.$store.state.luma?.config?.enhancement},set(e){console.debug(`set enhancement`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,enhancement:e})}}},mounted(){this.value===void 0&&(this.value=!0)}}),ne={class:`relative`},re={class:`flex justify-between`},ie={class:`flex justify-start items-center`},ae={class:`text-sm font-bold`},oe={class:`flex justify-end items-center`};function se(e,t,n,i,o,s){let c=d(`info-icon`),p=d(`el-switch`);return u(),f(`div`,ne,[r(`div`,re,[r(`div`,ie,[r(`span`,ae,l(e.$t(`luma.name.enhancement`)),1),a(c,{content:e.$t(`luma.description.enhancement`)},null,8,[`content`])]),r(`div`,oe,[a(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`])])])])}var ce=E(Q,[[`render`,se]]),le=s({name:`CustomSelector`,components:{ElSwitch:S,InfoIcon:R},computed:{value:{get(){return this.$store.state.luma?.config?.custom},set(e){console.debug(`set custom`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,custom:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),ue={class:`relative`},de={class:`flex justify-between`},fe={class:`flex justify-start items-center`},pe={class:`text-sm font-bold`},me={class:`flex justify-end items-center`};function he(e,t,n,i,o,s){let c=d(`info-icon`),p=d(`el-switch`);return u(),f(`div`,ue,[r(`div`,de,[r(`div`,fe,[r(`span`,pe,l(e.$t(`luma.name.custom`)),1),a(c,{content:e.$t(`luma.description.custom`)},null,8,[`content`])]),r(`div`,me,[a(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`])])])])}var ge=E(le,[[`render`,he]]),_e=s({name:`LoopSelector`,components:{ElSwitch:S,InfoIcon:R},computed:{value:{get(){return this.$store.state.luma?.config?.loop},set(e){console.debug(`set loop`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,loop:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),ve={class:`relative`},ye={class:`flex justify-between`},be={class:`flex justify-start items-center`},xe={class:`text-sm font-bold`},Se={class:`flex justify-end items-center`};function Ce(e,t,n,i,o,s){let c=d(`info-icon`),p=d(`el-switch`);return u(),f(`div`,ve,[r(`div`,ye,[r(`div`,be,[r(`span`,xe,l(e.$t(`luma.name.loop`)),1),a(c,{content:e.$t(`luma.description.loop`)},null,8,[`content`])]),r(`div`,Se,[a(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`])])])])}var we=E(_e,[[`render`,Ce]]),Te=s({name:`EndImage`,components:{ElUpload:_,ElButton:g,ImagePreview:I,InfoIcon:R,FontAwesomeIcon:P},mixins:[w,k],data(){return{fileList:[],uploadUrl:N()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||=void 0,this.onSetEndImageUrl()},methods:{onExceed(){D.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){D.error(this.$t(`luma.message.uploadReferencesError`))},onSetEndImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),Ee={class:`relative`},De={class:`flex justify-between`},Oe={class:`flex justify-start items-center`},ke={class:`text-sm font-bold`};function Ae(e,t,s,c,m,h){let g=d(`info-icon`),_=d(`image-preview`),v=d(`font-awesome-icon`),y=d(`el-button`),b=d(`el-upload`);return u(),f(`div`,Ee,[r(`div`,De,[r(`div`,Oe,[r(`span`,ke,l(e.$t(`luma.name.endImageUrl`)),1),a(g,{content:e.$t(`luma.description.endImageUrl`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:t})=>[t.url&&t.percentage!==void 0?(u(),n(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+l(e.$t(`luma.button.uploadEndImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var je=E(Te,[[`render`,Ae],[`__scopeId`,`data-v-cd768b26`]]),Me=s({name:`StartImage`,components:{ElUpload:_,ElButton:g,ImagePreview:I,InfoIcon:R,FontAwesomeIcon:P},mixins:[w,k],data(){return{fileList:[],uploadUrl:N()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){D.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){D.error(this.$t(`luma.message.uploadReferencesError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Ne={class:`relative`},Pe={class:`flex justify-between`},Fe={class:`flex justify-start items-center`},Ie={class:`text-sm font-bold`};function Le(e,t,s,c,m,h){let g=d(`info-icon`),_=d(`image-preview`),v=d(`font-awesome-icon`),y=d(`el-button`),b=d(`el-upload`);return u(),f(`div`,Ne,[r(`div`,Pe,[r(`div`,Fe,[r(`span`,Ie,l(e.$t(`luma.name.startImageUrl`)),1),a(g,{content:e.$t(`luma.description.startImageUrl`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:t})=>[t.percentage==null?o(``,!0):(u(),n(_,{key:0,url:t.url||t.response.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`]))]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+l(e.$t(`luma.button.uploadStartImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Re=E(Me,[[`render`,Le],[`__scopeId`,`data-v-4d03e978`]]),ze=s({name:`UploadVideo`,components:{ElUpload:_,ElButton:g,InfoIcon:R,FilePreview:F,FontAwesomeIcon:P},mixins:[k],data(){return{fileList:[],uploadUrl:N()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.luma?.config?.video_url},set(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e})}}},mounted(){this.value||=void 0},methods:{onExceed(){D.warning(this.$t(`luma.message.uploadVideoExceed`))},onError(){D.error(this.$t(`luma.message.uploadVideoError`))},beforeUpload(e){let t=e.type===`video/mp4`,n=e.size/1024/1024<10;return t?n?!0:(D.error(this.$t(`luma.message.uploadVideoSizeExceed`)),!1):(D.error(this.$t(`luma.message.uploadVideoTypeFailed`)),!1)},onSetVideoUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e,action:`extend`})},async onSuccess(){this.onSetVideoUrl()}}}),Be={class:`relative`},Ve={class:`flex justify-between`},He={class:`flex justify-start items-center`},Ue={class:`text-sm font-bold`};function We(e,t,s,c,m,h){let g=d(`info-icon`),_=d(`file-preview`),v=d(`font-awesome-icon`),y=d(`el-button`),b=d(`el-upload`);return u(),f(`div`,Be,[r(`div`,Ve,[r(`div`,He,[r(`span`,Ue,l(e.$t(`luma.name.videoUrl`)),1),a(g,{content:e.$t(`luma.description.videoUrl`)},null,8,[`content`])])]),a(b,{"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.mp4`,name:`file`,class:`value`,"show-file-list":!0,limit:1,multiple:!1,action:e.uploadUrl,"before-upload":e.beforeUpload,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:t})=>[t.percentage==null?o(``,!0):(u(),n(_,{key:0,url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`]))]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+l(e.$t(`luma.button.uploadVideoUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Ge=E(ze,[[`render`,We],[`__scopeId`,`data-v-b4c637fa`]]),Ke=s({name:`PromptInput`,components:{PromptTextarea:V},computed:{prompt:{get(){return this.$store.state.luma?.config?.prompt},set(e){this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,prompt:e})}}},mounted(){this.prompt||=``}});function qe(e,t,r,i,a,o){let s=d(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`luma.name.prompt`),info:e.$t(`luma.description.prompt`),placeholder:e.$t(`luma.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Je=E(Ke,[[`render`,qe]]),Ye=s({name:`ExtendFromInput`,components:{VideoPlayer:G},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:`1080p`}}}},computed:{config(){return this.$store.state.luma?.config}}}),Xe={class:`relative`},Ze={class:`flex mb-2`},Qe={class:`text-sm font-bold`};function $e(e,t,i,a,s,c){let p=d(`video-player`);return u(),f(`div`,Xe,[r(`div`,Ze,[r(`span`,Qe,l(e.$t(`luma.name.extend`)),1)]),r(`div`,null,[e.config?.video_url?(u(),n(p,{key:0,src:e.config?.video_url},null,8,[`src`])):o(``,!0)])])}var et=s({name:`ConfigPanel`,components:{LoopSelector:we,StartImageInput:Re,EndImageInput:je,EnhancementSelector:ce,ElButton:g,FontAwesomeIcon:P,PromptInput:Je,ExtendFromInput:E(Ye,[[`render`,$e]]),CustomSelector:ge,UploadVideo:Ge,Consumption:U},emits:[`generate`],computed:{config(){return this.$store.state.luma?.config},consumption(){return O(this.config,this.service?.cost)},service(){return this.$store.state.luma?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),tt={class:`flex flex-col h-full`},nt={class:`flex-1 overflow-y-auto p-5`},rt={class:`flex flex-col items-center justify-center px-5 pb-5`};function it(e,t,s,c,m,h){let g=d(`extend-from-input`),_=d(`prompt-input`),v=d(`custom-selector`),y=d(`upload-video`),b=d(`start-image-input`),x=d(`end-image-input`),S=d(`enhancement-selector`),C=d(`loop-selector`),w=d(`consumption`),T=d(`font-awesome-icon`),E=d(`el-button`);return u(),f(`div`,tt,[r(`div`,nt,[e.config?.video_id||e.config?.video_url?(u(),n(g,{key:0,class:`mb-4`})):o(``,!0),a(_,{class:`mb-4`}),e.config?.video_id?o(``,!0):(u(),n(v,{key:1,class:`mb-4`})),e.config?.custom?(u(),n(y,{key:2,class:`mb-4`})):o(``,!0),!(e.config?.video_id||e.config?.video_url)&&!e.config?.custom?(u(),n(b,{key:3,class:`mb-4`})):o(``,!0),a(x,{class:`mb-4`}),a(S,{class:`mb-4`}),a(C,{class:`mb-4`})]),r(`div`,rt,[a(w,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),e.config?.video_url!==void 0||e.config?.custom?(u(),n(E,{key:0,type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(T,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`luma.button.extend`)),1)]),_:1},8,[`onClick`])):(u(),n(E,{key:1,type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(T,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`luma.button.generate`)),1)]),_:1},8,[`onClick`]))])])}var at=E(et,[[`render`,it]]),ot=s({name:`TaskPreview`,components:{ElImage:y,CopyToClipboard:te,FontAwesomeIcon:P,ElAlert:b,VideoPlayer:G,ElTooltip:v,ElButton:g,ApiCodeButton:W},props:{modelValue:{type:Object,required:!0}},emits:[`extend`],data(){return{}},computed:{application(){return this.$store.state.luma?.application},config(){return this.$store.state.luma?.config}},methods:{onExtend(e,t){console.debug(`set config`,t),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_id:t.video_id,prompt:t.prompt,action:`extend`,thumbnail_url:t.thumbnail_url,video_url:t.video_url}),this.$emit(`extend`)},onDownload(e){window.open(e,`_blank`)}}}),st={class:`preview`},ct={class:`left`},lt={class:`main`},ut={class:`bot`},dt={class:`datetime`},ft={class:`info`},pt={key:0,class:`prompt mt-2`},mt={key:0},ht={key:1},gt={key:0,class:t({content:!0,failed:!0})},_t={key:0,class:`mb-4`},vt={key:1,class:t({operations:!0,"mt-2":!0,"mb-4":!0})},yt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},bt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},xt={key:1,class:t({content:!0})},St={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ct={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},wt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Et={key:2,class:t({content:!0})},$={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Dt(e,t,n,s,c,m){let g=d(`el-image`),_=d(`video-player`),v=d(`el-button`),y=d(`el-tooltip`),b=d(`api-code-button`),x=d(`font-awesome-icon`),S=d(`copy-to-clipboard`),C=d(`el-alert`);return u(),f(`div`,st,[r(`div`,ct,[a(g,{src:`https://cdn.acedata.cloud/ahjfwi.png`,class:`avatar`})]),r(`div`,lt,[r(`div`,ut,[i(l(e.$t(`luma.name.lumaBot`))+` `,1),r(`span`,dt,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,ft,[e.modelValue?.request?.prompt?(u(),f(`p`,pt,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),f(`span`,mt,` - (`+l(e.$t(`luma.status.pending`))+`) `,1)),e.modelValue?.response?.state===`processing`||e.modelValue?.response?.state===`pending`?(u(),f(`span`,ht,` - (`+l(e.$t(`luma.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),f(`div`,gt,[e.modelValue.response.video_url?(u(),f(`div`,_t,[a(_,{src:e.modelValue.response.video_url},null,8,[`src`])])):o(``,!0),e.modelValue?.response&&!e.config?.custom?(u(),f(`div`,vt,[a(y,{class:`box-item`,effect:`dark`,content:e.$t(`luma.message.extendVideo`),placement:`top-start`},{default:p(()=>[a(v,{type:`info`,size:`small`,class:`btn-action`,onClick:t[0]||=h(t=>e.onExtend(t,e.modelValue?.response),[`stop`])},{default:p(()=>[i(l(e.$t(`luma.button.extend`)),1)]),_:1})]),_:1},8,[`content`]),a(y,{class:`box-item`,effect:`dark`,content:e.$t(`luma.message.downloadVideo`),placement:`top-start`},{default:p(()=>[a(v,{type:`info`,size:`small`,class:`btn-action`,onClick:t[1]||=h(t=>e.onDownload(e.modelValue?.response?.video_url),[`stop`])},{default:p(()=>[i(l(e.$t(`luma.button.download`)),1)]),_:1})]),_:1},8,[`content`]),a(b,{path:`/luma/videos`,body:e.modelValue?.request},null,8,[`body`])])):o(``,!0),a(C,{closable:!1,class:`mt-2 success`},{default:p(()=>[r(`p`,yt,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,bt,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),e.modelValue?.response?.state===`failed`||e.modelValue?.response?.success===!1?(u(),f(`div`,xt,[a(C,{closable:!1,class:`failure`},{template:p(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.failure`)),1)]),default:p(()=>[r(`p`,St,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])]),r(`p`,Ct,[a(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(S,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,wt,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),r(`p`,Tt,[a(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.traceId`))+`: `+l(e.modelValue?.trace_id)+` `,1),a(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})])):o(``,!0),!e.modelValue?.response||e.modelValue?.response?.state===`processing`||e.modelValue?.response?.state===`pending`?(u(),f(`div`,Et,[a(C,{closable:!1,class:`info`},{template:p(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.failure`)),1)]),default:p(()=>[r(`p`,$,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])])]),_:1})])):o(``,!0)])])}var Ot=s({name:`RecentPanel`,components:{BotPlaceholder:L,TaskPreview:E(ot,[[`render`,Dt],[`__scopeId`,`data-v-9c354ffe`]]),NoTasks:H,ScrollList:z},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`,`extend`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.luma?.tasks,items:this.$store.state.luma?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),kt={key:0},At={key:2,class:`w-full h-full flex items-center justify-center`};function jt(e,t,r,i,s,l){let h=d(`bot-placeholder`),g=d(`task-preview`),_=d(`scroll-list`),v=d(`no-tasks`);return u(),f(m,null,[e.tasks?.items===void 0?(u(),f(`div`,kt,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:t[1]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(u(!0),f(m,null,c(e.tasks?.items,r=>(u(),n(g,{key:r.id,"model-value":r,onExtend:t[0]||=t=>e.$emit(`extend`)},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),f(`div`,At,[a(v)])):o(``,!0)],64)}var Mt=E(Ot,[[`render`,jt]]),Nt=C(`luma`),Pt=s({name:`LumaIndex`,components:{ConfigPanel:at,Layout:Z,RecentPanel:Mt},mixins:[j],inject:[`initialized`],emits:[`extend`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.luma?.status?.getApplications===A.Request},tasksLoading(){return this.$store.state.luma?.status?.getTasks===A.Request||this.fetchingTasks},credential(){return this.$store.state.luma.credential},config(){return this.$store.state.luma.config},application(){return this.$store.state.luma.application},tasks(){return this.$store.state.luma.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await B({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`luma/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`luma/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){console.debug(`scrolling down`),await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`luma/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!T(this.uploadTracker,e=>this.$t(e),e=>D.warning(e)))return;let e={...this.config,callback_url:Nt};if(!this.hasText(e.prompt)){D.error(this.$t(`luma.message.promptRequired`));return}e.prompt=e.prompt?.trim();let t=this.credential?.token;if(!t){console.error(`no token specified`);return}D.info(this.$t(`luma.message.startingTask`)),ee(`luma`,M.generate(e,{token:t})).then(()=>{D.success(this.$t(`luma.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?D.error(this.$t(`luma.message.usedUp`)):D.error(this.$t(`luma.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()},hasText(e){return typeof e==`string`&&e.trim().length>0}}});function Ft(e,t,r,i,o,s){let c=d(`config-panel`),l=d(`recent-panel`),f=d(`layout`);return u(),n(f,null,{config:p(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop,onExtend:t[0]||=t=>e.$emit(`extend`)},null,8,[`loading`,`onReachTop`])]),_:1})}var It=E(Pt,[[`render`,Ft]]);export{It as default};

package/dist/assets/Index-BPFCasWJ.js

@@ -1 +0,0 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,et as d,k as f,lt as p,x as m,y as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-Diu_mJ2H.js";import{r as _,t as v}from"./select-DWNgO63K.js";import{t as y}from"./upload-BrKQUZi2.js";import{t as b}from"./tooltip-hII4wDEz.js";import{t as x}from"./image-CpHxi4jB.js";import{t as S}from"./alert-Cs6WDxgv.js";import{t as C}from"./drawer-B42T8GMw.js";import{Yr as ee,it as w,rt as T}from"./constants-C2ehd_ov.js";import{At as E,Dt as te,E as D,Er as O,Jt as k,Mt as A,Nn as j,Ot as M,gr as N,kt as P,yr as F}from"./index-BcKy7BlO.js";import{t as I}from"./index.es-BkuxA5W8.js";import{t as L}from"./CopyToClipboard-KY6HaCxY.js";import{t as R}from"./ImagePreview-Ek81a8Dx.js";import{t as z}from"./BotPlaceholder-DB5a5MjZ.js";import{i as B,n as V,t as H}from"./pagination-CnFr2BK-.js";import{n as U,t as W}from"./NoTasks-8I8Kf6PS.js";import{t as G}from"./Consumption-Doupb3lK.js";import{t as K}from"./ApiCodeButton-C3EVZAE2.js";import{t as q}from"./VideoPlayer-DtL7g2wb.js";var J=s({name:`LayoutWan`,components:{ElDrawer:C,ElButton:g,FontAwesomeIcon:I},data(){return{drawer:!1}}}),Y={class:`main flex flex-row flex-1`},X={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},Z={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function Q(t,n,i,o,s,c){let l=d(`font-awesome-icon`),m=d(`el-button`),h=d(`el-drawer`);return u(),f(`div`,Y,[r(`div`,X,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,Z,[e(t.$slots,`result`,{},void 0,!0)]),a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1}),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ne=D(J,[[`render`,Q],[`__scopeId`,`data-v-3b0702a7`]]),re=s({name:`ModelSelector`,components:{ElSelect:_,ElOption:v},data(){return{}},computed:{options(){return[{value:`wan2.6-t2v`,label:this.$t(`wan.button.modelT2v`)},{value:`wan2.6-i2v`,label:this.$t(`wan.button.modelI2v`)},{value:`wan2.6-i2v-flash`,label:this.$t(`wan.button.modelI2vFlash`)},{value:`wan2.6-r2v`,label:this.$t(`wan.button.modelR2v`)}]},value:{get(){return this.$store.state.wan?.config?.model},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,model:e})}}},mounted(){this.value||=T}}),ie={class:`field`},ae={class:`title font-bold`},oe={class:`float-left`};function se(e,t,i,o,s,h){let g=d(`el-option`),_=d(`el-select`);return u(),f(`div`,ie,[r(`h2`,ae,l(e.$t(`wan.name.model`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`wan.placeholder.select`),clearable:``},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(g,{key:e.value,label:e.label,value:e.value},{default:p(()=>[r(`span`,oe,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ce=D(re,[[`render`,se],[`__scopeId`,`data-v-eb090beb`]]),le=`720p`,ue=s({name:`ResolutionSelector`,components:{ElSelect:_,ElOption:v},computed:{options(){return[{value:`480p`,label:this.$t(`wan.name.resolution480p`)},{value:`720p`,label:this.$t(`wan.name.resolution720p`)},{value:`1080p`,label:this.$t(`wan.name.resolution1080p`)}]},value:{get(){return this.$store.state.wan?.config?.resolution},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,resolution:e})}}},mounted(){this.value||=le}}),de={class:`field`},fe={class:`title font-bold`},pe={class:`float-left`};function me(e,t,i,o,s,h){let g=d(`el-option`),_=d(`el-select`);return u(),f(`div`,de,[r(`h2`,fe,l(e.$t(`wan.name.resolution`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`wan.placeholder.select`),clearable:``},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(g,{key:e.value,label:e.label,value:e.value},{default:p(()=>[r(`span`,pe,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var he=D(ue,[[`render`,me],[`__scopeId`,`data-v-3e39f44e`]]),ge=5,_e=s({name:`DurationSelector`,components:{ElSelect:_,ElOption:v},computed:{options(){return[{value:5,label:this.$t(`wan.name.duration5s`)},{value:10,label:this.$t(`wan.name.duration10s`)},{value:15,label:this.$t(`wan.name.duration15s`)}]},value:{get(){return this.$store.state.wan?.config?.duration},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,duration:e})}}},mounted(){this.value||=ge}}),ve={class:`field`},ye={class:`title font-bold`},be={class:`float-left`};function xe(e,t,i,o,s,h){let g=d(`el-option`),_=d(`el-select`);return u(),f(`div`,ve,[r(`h2`,ye,l(e.$t(`wan.name.duration`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`wan.placeholder.select`),clearable:``},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(g,{key:e.value,label:e.label,value:e.value},{default:p(()=>[r(`span`,be,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Se=D(_e,[[`render`,xe],[`__scopeId`,`data-v-5f35a2cf`]]),Ce=s({name:`ImageUrlInput`,components:{ElUpload:y,ElButton:g,InfoIcon:B,ImagePreview:R},mixins:[E,M],data(){return{fileList:[],uploadUrl:F()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e.url).filter(e=>e!==void 0)},value:{get(){return this.$store.state.wan?.config?.image_url},set(){let e=this.urls?.[0];this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,image_url:e})}}},mounted(){this.value||=void 0,this.onSetImageUrl()},methods:{onExceed(){O.warning(this.$t(`wan.message.uploadImageExceed`))},onError(){O.error(this.$t(`wan.message.uploadImageError`))},async onRemove(){O.error(this.$t(`wan.message.uploadImageError`))},onSetImageUrl(){let e=this.urls?.[0];this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,image_url:e})},async onSuccess(){this.onSetImageUrl()}}}),we={class:`relative`},Te={class:`flex justify-between`},Ee={class:`flex justify-start items-center`},De={class:`text-sm font-bold`};function Oe(e,t,s,c,m,h){let g=d(`info-icon`),_=d(`image-preview`),v=d(`el-button`),y=d(`el-upload`);return u(),f(`div`,we,[r(`div`,Te,[r(`div`,Ee,[r(`span`,De,l(e.$t(`wan.name.imageUrl`)),1),a(g,{content:e.$t(`wan.description.imageUrl`),class:`info`},null,8,[`content`])])]),a(y,{"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,"show-file-list":!0,limit:1,multiple:!1,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:t})=>[t.url&&t.percentage!==void 0?(u(),n(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(v,{size:`small`,type:`primary`,class:`btn btn-upload`,round:``},{default:p(()=>[i(l(e.$t(`wan.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-remove`,`on-success`,`headers`])])}var ke=D(Ce,[[`render`,Oe],[`__scopeId`,`data-v-41a69004`]]),Ae=s({name:`PromptInput`,components:{PromptTextarea:U},computed:{prompt:{get(){return this.$store.state.wan?.config?.prompt},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,prompt:e})}}},mounted(){this.prompt||=``}});function je(e,t,r,i,a,o){let s=d(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`wan.name.prompt`),info:e.$t(`wan.description.prompt`),placeholder:e.$t(`wan.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Me=s({name:`PresetPanel`,components:{ElButton:g,FontAwesomeIcon:I,PromptInput:D(Ae,[[`render`,je]]),ImageUrlInput:ke,ModelSelector:ce,ResolutionSelector:he,DurationSelector:Se,Consumption:G},emits:[`generate`],computed:{config(){return this.$store.state.wan?.config},consumption(){return A(this.config,this.service?.cost)},service(){return this.$store.state.wan?.service},supportsResolution(){let e=this.config?.model;return e===`wan2.6-t2v`||e===`wan2.6-i2v`||e===`wan2.6-i2v-flash`},supportsDuration(){return this.config?.model===`wan2.6-t2v`},supportsImageUrl(){let e=this.config?.model;return e===`wan2.6-i2v`||e===`wan2.6-i2v-flash`}},methods:{onGenerate(){this.$emit(`generate`)}}}),Ne={class:`flex flex-col h-full`},Pe={class:`flex-1 overflow-y-auto p-5`},Fe={class:`flex flex-col items-center justify-center px-5 pb-5`};function Ie(e,t,s,c,m,h){let g=d(`prompt-input`),_=d(`model-selector`),v=d(`resolution-selector`),y=d(`duration-selector`),b=d(`image-url-input`),x=d(`consumption`),S=d(`font-awesome-icon`),C=d(`el-button`);return u(),f(`div`,Ne,[r(`div`,Pe,[a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),e.supportsResolution?(u(),n(v,{key:0,class:`mb-4`})):o(``,!0),e.supportsDuration?(u(),n(y,{key:1,class:`mb-4`})):o(``,!0),e.supportsImageUrl?(u(),n(b,{key:2,class:`mb-2`})):o(``,!0)]),r(`div`,Fe,[a(x,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(C,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(S,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`wan.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Le=D(Me,[[`render`,Ie]]),Re=s({name:`TaskPreview`,components:{ElImage:x,CopyToClipboard:L,FontAwesomeIcon:I,ElAlert:S,VideoPlayer:q,ElTooltip:b,ElButton:g,ApiCodeButton:K},props:{modelValue:{type:Object,required:!0}},setup(){return{WAN_LOGO:w}},computed:{application(){return this.$store.state.wan?.application},config(){return this.$store.state.wan?.config}},methods:{onDownload(e){console.debug(`on download wan video`,e),window.open(e,`_blank`)}}}),ze={class:`preview`},Be={class:`left`},Ve={class:`main`},He={class:`bot`},Ue={class:`datetime`},We={class:`info`},Ge={key:0,class:`prompt mt-2`},Ke={key:0},qe={key:1},Je={key:0,class:t({content:!0,failed:!0})},Ye={key:0,class:`mb-4`},Xe={key:1,class:t({operations:!0,"mt-2":!0})},Ze={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Qe={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$e={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},et={key:1,class:t({content:!0})},tt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},nt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},rt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},it={key:2,class:t({content:!0})},at={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function ot(e,t,n,s,c,m){let g=d(`el-image`),_=d(`video-player`),v=d(`el-button`),y=d(`el-tooltip`),b=d(`api-code-button`),x=d(`font-awesome-icon`),S=d(`copy-to-clipboard`),C=d(`el-alert`);return u(),f(`div`,ze,[r(`div`,Be,[a(g,{src:e.WAN_LOGO,class:`avatar`},null,8,[`src`])]),r(`div`,Ve,[r(`div`,He,[i(l(e.$t(`wan.name.wanBot`))+` `,1),r(`span`,Ue,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,We,[e.modelValue?.request?.prompt?(u(),f(`p`,Ge,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),f(`span`,Ke,` - (`+l(e.$t(`wan.status.pending`))+`) `,1)),e.modelValue?.response?.state===`processing`||e.modelValue?.response?.state===`pending`||e.modelValue?.response?.state===`running`?(u(),f(`span`,qe,` - (`+l(e.$t(`wan.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),f(`div`,Je,[e.modelValue?.response?.video_url?(u(),f(`div`,Ye,[a(_,{src:e.modelValue?.response?.video_url},null,8,[`src`])])):o(``,!0),e.modelValue?.response?.video_url?(u(),f(`div`,Xe,[a(y,{class:`box-item`,effect:`dark`,content:e.$t(`wan.message.downloadVideo`),placement:`top-start`},{default:p(()=>[a(v,{type:`info`,size:`small`,class:`mb-2`,onClick:t[0]||=h(t=>e.onDownload(e.modelValue?.response?.video_url),[`stop`])},{default:p(()=>[i(l(e.$t(`wan.button.download`)),1)]),_:1})]),_:1},8,[`content`]),a(b,{path:`/wan/videos`,body:e.modelValue?.request},null,8,[`body`])])):o(``,!0),a(C,{closable:!1,class:`mt-2 success`},{default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,Ze,[a(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.model`))+`: `+l(e.modelValue?.request?.model)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])])):o(``,!0),r(`p`,Qe,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,$e,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),e.modelValue?.response?.success===!1?(u(),f(`div`,et,[a(C,{closable:!1,class:`failure`},{template:p(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.failure`)),1)]),default:p(()=>[r(`p`,tt,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])]),r(`p`,$,[a(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(S,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,nt,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),r(`p`,rt,[a(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})])):o(``,!0),e.modelValue?.response?.success===void 0?(u(),f(`div`,it,[a(C,{closable:!1,class:`info`},{template:p(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.failure`)),1)]),default:p(()=>[r(`p`,at,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])])]),_:1})])):o(``,!0)])])}var st=s({name:`RecentPanel`,components:{TaskPreview:D(Re,[[`render`,ot],[`__scopeId`,`data-v-916b8970`]]),BotPlaceholder:z,NoTasks:W,ScrollList:V},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.wan?.tasks,items:this.$store.state.wan?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),ct={key:0},lt={key:2,class:`w-full h-full flex items-center justify-center`};function ut(e,t,r,i,s,l){let h=d(`bot-placeholder`),g=d(`task-preview`),_=d(`scroll-list`),v=d(`no-tasks`);return u(),f(m,null,[e.tasks?.items===void 0?(u(),f(`div`,ct,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(u(!0),f(m,null,c(e.tasks?.items,e=>(u(),n(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),f(`div`,lt,[a(v)])):o(``,!0)],64)}var dt=D(st,[[`render`,ut]]),ft=ee(`wan`),pt=s({name:`WanIndex`,components:{ConfigPanel:Le,Layout:ne,RecentPanel:dt},mixins:[P],inject:[`initialized`],data(){return{task:void 0,job:0,timer:void 0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.wan?.status?.getApplications===N.Request},tasksLoading(){return this.$store.state.wan?.status?.getTasks===N.Request||this.fetchingTasks},credential(){return this.$store.state.wan.credential},config(){return this.$store.state.wan.config},application(){return this.$store.state.wan.application},tasks(){return this.$store.state.wan.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await H({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`wan/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`wan/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`wan/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!te(this.uploadTracker,e=>this.$t(e),e=>O.warning(e)))return;let e={...this.config,callback_url:ft},t=this.credential?.token;if(!t){console.error(`no token specified`);return}O.info(this.$t(`wan.message.startingTask`)),j(`wan`,k.generate(e,{token:t})).then(()=>{O.success(this.$t(`wan.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?O.error(this.$t(`wan.message.usedUp`)):O.error(this.$t(`wan.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function mt(e,t,r,i,o,s){let c=d(`config-panel`),l=d(`recent-panel`),f=d(`layout`);return u(),n(f,null,{config:p(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var ht=D(pt,[[`render`,mt]]);export{ht as default};

package/dist/assets/Index-BcOYvwEP2.js

@@ -1 +0,0 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,Ht as i,M as a,N as o,O as s,P as c,Q as l,Ut as u,X as d,et as f,k as p,lt as m,x as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-Diu_mJ2H.js";import{r as _,t as v}from"./select-DWNgO63K.js";import{t as y}from"./upload-BrKQUZi2.js";import{t as b}from"./tooltip-hII4wDEz.js";import{t as x}from"./image-CpHxi4jB.js";import{t as S}from"./alert-Cs6WDxgv.js";import{t as C}from"./drawer-B42T8GMw.js";import{t as w}from"./input-number-CC70lFIw.js";import{t as T}from"./slider-DC2TXYno.js";import{Dn as E,En as D,On as O,Yr as k,kn as ee}from"./constants-C2ehd_ov.js";import{At as te,Dt as A,E as j,Er as M,Mt as N,Nn as P,Ot as F,cn as I,gr as L,kt as R,yr as z}from"./index-BcKy7BlO.js";import{t as B}from"./index.es-BkuxA5W8.js";import{t as V}from"./CopyToClipboard-KY6HaCxY.js";import{t as H}from"./ImagePreview-Ek81a8Dx.js";import{t as U}from"./BotPlaceholder-DB5a5MjZ.js";import{i as W,n as G,t as K}from"./pagination-CnFr2BK-.js";import{n as q,t as J}from"./NoTasks-8I8Kf6PS.js";import{t as Y}from"./Consumption-Doupb3lK.js";import{t as X}from"./ApiCodeButton-C3EVZAE2.js";import{t as Z}from"./VideoPlayer-DtL7g2wb.js";var Q=c({name:`LayoutPixverse`,components:{ElDrawer:C,ElButton:g,FontAwesomeIcon:B},data(){return{drawer:!1}}}),ne={class:`main flex flex-row flex-1`},re={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ie={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ae(t,n,i,a,s,c){let l=f(`font-awesome-icon`),u=f(`el-button`),h=f(`el-drawer`);return d(),p(`div`,ne,[r(`div`,re,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,ie,[e(t.$slots,`result`,{},void 0,!0)]),o(u,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:m(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1}),o(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:m(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var oe=j(Q,[[`render`,ae],[`__scopeId`,`data-v-ea5fe174`]]),se=c({name:`ModelSelector`,components:{ElSelect:_,ElOption:v},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`v3.5`,label:`v3.5`},{value:`v4`,label:`v4`},{value:`v4.5`,label:`v4.5`}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.model},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,model:e})}}},mounted(){this.value||=E}}),ce={class:`field`},le={class:`title font-bold`};function ue(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,ce,[r(`h2`,le,u(e.$t(`pixverse.name.model`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`pixverse.placeholder.select`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var de=j(se,[[`render`,ue],[`__scopeId`,`data-v-e8f337ca`]]),fe=c({name:`QualitySelector`,components:{ElSelect:_,ElOption:v},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`360p`,label:`360p`},{value:`540p`,label:`540p`},{value:`720p`,label:`720p`},{value:`1080p`,label:`1080p`}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.quality},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,quality:e})}}},mounted(){this.value||=ee}}),pe={class:`field`},me={class:`title font-bold`};function he(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,pe,[r(`h2`,me,u(e.$t(`pixverse.name.quality`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`pixverse.placeholder.select`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ge=j(fe,[[`render`,he],[`__scopeId`,`data-v-64aeaae9`]]),_e=c({name:`MotionSelector`,components:{ElSelect:_,ElOption:v},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`normal`,label:this.$t(`pixverse.name.motion1`)},{value:`fast`,label:this.$t(`pixverse.name.motion2`)}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.motion},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,motion:e})}}},mounted(){this.value||=O}}),ve={class:`field`},ye={class:`title font-bold`};function be(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,ve,[r(`h2`,ye,u(e.$t(`pixverse.name.motion`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`pixverse.placeholder.select`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var xe=j(_e,[[`render`,be],[`__scopeId`,`data-v-94237408`]]),Se=c({name:`StyleSelector`,components:{ElSelect:_,ElOption:v},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`cyberpunk`,label:this.$t(`pixverse.name.style1`)},{value:`anime`,label:this.$t(`pixverse.name.style2`)},{value:`comic`,label:this.$t(`pixverse.name.style3`)},{value:`clay`,label:this.$t(`pixverse.name.style4`)},{value:`3d_animation`,label:this.$t(`pixverse.name.style5`)},{value:`realistic`,label:this.$t(`pixverse.name.style6`)}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.style},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,style:e})}}},mounted(){this.value||=``}}),Ce={class:`field`},we={class:`title font-bold`};function Te(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,Ce,[r(`h2`,we,u(e.$t(`pixverse.name.style`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`pixverse.placeholder.select`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ee=j(Se,[[`render`,Te],[`__scopeId`,`data-v-64e17b3c`]]),De=c({name:`SeedSelector`,components:{ElSlider:T,InfoIcon:W,ElInputNumber:w},computed:{value:{get(){return this.$store.state?.pixverse?.config?.seed},set(e){console.debug(`set seed`,e),this.$store.commit(`pixverse/setConfig`,{...this.$store.state?.pixverse?.config,seed:e})}}},mounted(){this.value||=void 0}}),Oe={class:`flex justify-between`},ke={class:`flex justify-start items-center`},Ae={class:`text-sm font-bold`},je={class:`flex justify-end items-center`},Me={class:`w-full`};function Ne(e,t,n,i,a,s){let c=f(`info-icon`),l=f(`el-input-number`),m=f(`el-slider`);return d(),p(`div`,null,[r(`div`,Oe,[r(`div`,ke,[r(`span`,Ae,u(e.$t(`pixverse.name.seed`)),1),o(c,{content:e.$t(`pixverse.description.seed`)},null,8,[`content`])]),r(`div`,je,[o(l,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,"controls-position":`right`},null,8,[`modelValue`])])]),r(`div`,Me,[o(m,{modelValue:e.value,"onUpdate:modelValue":t[1]||=t=>e.value=t,min:0,max:1e3,step:1},null,8,[`modelValue`])])])}var Pe=j(De,[[`render`,Ne]]),Fe=c({name:`DurationSelector`,components:{ElSelect:_,ElOption:v},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:5,label:`5s`},{value:8,label:`8s`}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.duration},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,duration:e})}}},mounted(){this.value||=5}}),Ie={class:`field`},Le={class:`title font-bold`};function Re(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,Ie,[r(`h2`,Le,u(e.$t(`pixverse.name.duration`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`pixverse.placeholder.select`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ze=j(Fe,[[`render`,Re],[`__scopeId`,`data-v-065c77ef`]]),Be=c({name:`RatioSelector`,data(){return{options:[{value:`1:1`,label:`1:1`,width:20,height:20},{value:`4:3`,label:`4:3`,width:20,height:15},{value:`3:4`,label:`3:4`,width:15,height:20},{value:`16:9`,label:`16:9`,width:25,height:13},{value:`9:16`,label:`9:16`,width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.pixverse.config?.aspect_ratio},set(e){console.debug(`set aspect_ratio`,e),this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,aspect_ratio:e})}}},mounted(){this.value||=D}}),Ve={class:`text-sm font-bold mb-2 block`},He={class:`items`},Ue=[`onClick`],We={class:`name`};function Ge(e,n,a,o,s,c){return d(),p(`div`,null,[r(`span`,Ve,u(e.$t(`pixverse.name.aspectRatio`)),1),r(`div`,He,[(d(!0),p(h,null,l(e.options,(n,a)=>(d(),p(`div`,{key:a,class:t({active:e.active===a,item:!0}),onClick:t=>e.value=n.value},[r(`div`,{class:t([`preview`,n.label])},[r(`div`,{class:`rect`,style:i({width:n.width+`px`,height:n.height+`px`})},null,4)],2),r(`p`,We,u(n.label),1)],10,Ue))),128))])])}var Ke=j(Be,[[`render`,Ge],[`__scopeId`,`data-v-53038264`]]),qe=c({name:`StartImage`,components:{ElUpload:y,ElButton:g,InfoIcon:W,FontAwesomeIcon:B,ImagePreview:H},mixins:[te,F],emits:[`change`],data(){return{fileList:[],uploadUrl:z()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.pixverse?.config?.image_url},set(){}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){M.warning(this.$t(`pixverse.message.uploadReferencesExceed`))},onError(){M.error(this.$t(`pixverse.message.uploadReferencesError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`pixverse/setConfig`,{...this.$store.state?.pixverse?.config,image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Je={class:`relative`},Ye={class:`flex justify-between`},Xe={class:`flex justify-start items-center`},Ze={class:`text-sm font-bold`};function Qe(e,t,i,c,l,h){let g=f(`info-icon`),_=f(`image-preview`),v=f(`font-awesome-icon`),y=f(`el-button`),b=f(`el-upload`);return d(),p(`div`,Je,[r(`div`,Ye,[r(`div`,Xe,[r(`span`,Ze,u(e.$t(`pixverse.name.startImage`)),1),o(g,{content:e.$t(`pixverse.description.uploadStartImage`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:t})=>[t.url&&t.percentage!==void 0?(d(),n(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):s(``,!0)]),default:m(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:m(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),a(` `+u(e.$t(`pixverse.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var $e=j(qe,[[`render`,Qe],[`__scopeId`,`data-v-0d570ad7`]]),et=c({name:`PromptInput`,components:{PromptTextarea:q},computed:{prompt:{get(){return this.$store.state.pixverse?.config?.prompt},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse?.config,prompt:e})}}},mounted(){this.prompt||=``}});function tt(e,t,r,i,a,o){let s=f(`prompt-textarea`);return d(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`pixverse.name.prompt`),info:e.$t(`pixverse.description.prompt`),placeholder:e.$t(`pixverse.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var nt=c({name:`ConfigPanel`,components:{ElButton:g,FontAwesomeIcon:B,PromptInput:j(et,[[`render`,tt]]),ModelSelector:de,QualitySelector:ge,MotionSelector:xe,StyleSelector:Ee,DurationSelector:ze,StartImage:$e,SeedSelector:Pe,RatioSelector:Ke,Consumption:Y},emits:[`generate`],computed:{config(){return this.$store.state.pixverse?.config},consumption(){return N(this.config,this.service?.cost)},service(){return this.$store.state.pixverse?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),rt={class:`flex flex-col h-full`},it={class:`flex-1 overflow-y-auto p-5`},at={class:`flex flex-col items-center justify-center px-5 pb-5`};function ot(e,t,n,i,s,c){let l=f(`prompt-input`),h=f(`model-selector`),g=f(`style-selector`),_=f(`ratio-selector`),v=f(`motion-selector`),y=f(`quality-selector`),b=f(`start-image`),x=f(`seed-selector`),S=f(`duration-selector`),C=f(`consumption`),w=f(`font-awesome-icon`),T=f(`el-button`);return d(),p(`div`,rt,[r(`div`,it,[o(l,{class:`mb-4`}),o(h,{class:`mb-4`}),o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-2`}),o(x,{class:`mb-4`}),o(S,{class:`mb-4`})]),r(`div`,at,[o(C,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(T,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:m(()=>[o(w,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`pixverse.button.generate`)),1)]),_:1},8,[`onClick`])])])}var st=j(nt,[[`render`,ot]]),ct=c({name:`TaskPreview`,components:{ElImage:x,CopyToClipboard:V,FontAwesomeIcon:B,ElAlert:S,VideoPlayer:Z,ElTooltip:b,ElButton:g,ApiCodeButton:X},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pixverse?.application},config(){return this.$store.state.pixverse?.config}},methods:{onDownload(e,t){e.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),lt={class:`preview`},ut={class:`left`},dt={class:`main`},ft={class:`bot`},pt={class:`datetime`},mt={class:`info`},ht={key:0,class:`prompt mt-2`},gt={key:0},_t={key:1},vt={key:0,class:t({content:!0,failed:!0})},yt={key:0,class:`mb-4`},bt={key:1,class:t({operations:!0,"mt-2":!0})},xt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},St={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ct={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},wt={key:1,class:t({content:!0})},Tt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Et={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Ot(e,t,i,c,l,h){let g=f(`el-image`),_=f(`video-player`),v=f(`el-button`),y=f(`el-tooltip`),b=f(`api-code-button`),x=f(`font-awesome-icon`),S=f(`copy-to-clipboard`),C=f(`el-alert`);return d(),p(`div`,lt,[r(`div`,ut,[o(g,{src:`https://cdn.acedata.cloud/viy61r.jpg`,class:`avatar`})]),r(`div`,dt,[r(`div`,ft,[a(u(e.$t(`pixverse.name.pixverseBot`))+` `,1),r(`span`,pt,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,mt,[e.modelValue?.request?.prompt?(d(),p(`p`,ht,[a(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?s(``,!0):(d(),p(`span`,gt,` - (`+u(e.$t(`pixverse.status.pending`))+`) `,1)),e.modelValue?.response?.data&&(e.modelValue?.response?.data[0]?.state===`processing`||e.modelValue?.response?.data[0]?.state===`pending`)?(d(),p(`span`,_t,` - (`+u(e.$t(`pixverse.status.processing`))+`) `,1)):s(``,!0)])):s(``,!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(d(),p(`div`,vt,[e.modelValue?.response?.data[0]?.video_url?(d(),p(`div`,yt,[o(_,{src:e.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):s(``,!0),e.modelValue?.response.success?(d(),p(`div`,bt,[o(y,{class:`box-item`,effect:`dark`,content:e.$t(`pixverse.message.downloadVideo`),placement:`top-start`},{default:m(()=>[e.modelValue?.response?.data[0]?.video_url?(d(),n(v,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:t[0]||=t=>e.onDownload(t,e.modelValue?.response?.data[0]?.video_url)},{default:m(()=>[a(u(e.$t(`pixverse.button.download`)),1)]),_:1})):s(``,!0)]),_:1},8,[`content`]),o(b,{path:`/pixverse/videos`,body:e.modelValue?.request},null,8,[`body`])])):s(``,!0),o(C,{closable:!1,class:`mt-2 success`},{default:m(()=>[r(`p`,xt,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`pixverse.name.model`))+`: `+u(e.modelValue?.request?.model),1)]),r(`p`,St,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`pixverse.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),p(`p`,Ct,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`pixverse.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0)]),_:1})])):s(``,!0),e.modelValue?.response?.success===!1?(d(),p(`div`,wt,[o(C,{closable:!1,class:`info`},{template:m(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`pixverse.name.failure`)),1)]),default:m(()=>[r(`p`,Tt,[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),a(` `+u(e.$t(`pixverse.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(S,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),r(`p`,Et,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`pixverse.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),p(`p`,$,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`pixverse.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0),e.modelValue?.response?.trace_id?(d(),p(`p`,Dt,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`pixverse.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):s(``,!0)]),_:1})])):s(``,!0)])])}var kt=c({name:`RecentPanel`,components:{TaskPreview:j(ct,[[`render`,Ot],[`__scopeId`,`data-v-94961727`]]),NoTasks:J,BotPlaceholder:U,ScrollList:G},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pixverse?.tasks,items:this.$store.state.pixverse?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),At={key:0},jt={key:2,class:`w-full h-full flex items-center justify-center`};function Mt(e,t,r,i,a,c){let u=f(`bot-placeholder`),g=f(`task-preview`),_=f(`scroll-list`),v=f(`no-tasks`);return d(),p(h,null,[e.tasks?.items===void 0?(d(),p(`div`,At,[o(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(d(),n(_,{key:1,ref:`scrollList`,class:`h-full w-full overflow-y-auto tasks`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:m(()=>[(d(!0),p(h,null,l(e.tasks?.items,(e,t)=>(d(),n(g,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):s(``,!0),e.tasks?.items?.length===0?(d(),p(`div`,jt,[o(v)])):s(``,!0)],64)}var Nt=j(kt,[[`render`,Mt]]),Pt=k(`pixverse`),Ft=c({name:`PixverseIndex`,components:{ConfigPanel:st,Layout:oe,RecentPanel:Nt},mixins:[R],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pixverse?.status?.getApplications===L.Request},tasksLoading(){return this.$store.state.pixverse?.status?.getTasks===L.Request||this.fetchingTasks},credential(){return this.$store.state.pixverse.credential},config(){return this.$store.state.pixverse.config},tasks(){return this.$store.state.pixverse.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await K({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`pixverse/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`pixverse/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`pixverse/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!A(this.uploadTracker,e=>this.$t(e),e=>M.warning(e)))return;let e={...this.config,callback_url:Pt},t=this.credential?.token;if(!t){console.error(`no token specified`);return}M.info(this.$t(`pixverse.message.startingTask`)),P(`pixverse`,I.generate(e,{token:t})).then(()=>{M.success(this.$t(`pixverse.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?M.error(this.$t(`pixverse.message.usedUp`)):M.error(this.$t(`pixverse.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function It(e,t,r,i,a,s){let c=f(`config-panel`),l=f(`recent-panel`),u=f(`layout`);return d(),n(u,null,{config:m(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:m(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Lt=j(Ft,[[`render`,It]]);export{Lt as default};

package/dist/assets/Index-C24dxIhQ.js

@@ -1 +0,0 @@
-import"./rolldown-runtime--c01j_DQ.js";import{Bt as e,D as t,E as n,M as r,N as i,O as a,P as o,Q as s,Ut as c,X as l,et as u,k as d,lt as f,x as p,y as m}from"./vendor-chart-Df3WBvr0.js";import{t as h}from"./button-Diu_mJ2H.js";import{r as g,t as _}from"./select-DWNgO63K.js";import{t as v}from"./upload-BrKQUZi2.js";import{t as y}from"./tooltip-hII4wDEz.js";import{t as b}from"./image-CpHxi4jB.js";import{t as x}from"./alert-Cs6WDxgv.js";import{Yr as S,yn as C}from"./constants-C2ehd_ov.js";import{At as w,Dt as T,E,Er as D,Mt as ee,Nn as te,Ot as O,gr as k,kt as A,on as j,yr as M}from"./index-BcKy7BlO.js";import{t as N}from"./index.es-BkuxA5W8.js";import{t as P}from"./CopyToClipboard-KY6HaCxY.js";import{t as F}from"./ImagePreview-Ek81a8Dx.js";import{t as I}from"./Hailuo-C9HGE8gO.js";import{t as L}from"./BotPlaceholder-DB5a5MjZ.js";import{i as R,n as z,t as B}from"./pagination-CnFr2BK-.js";import{n as V,t as H}from"./NoTasks-8I8Kf6PS.js";import{t as U}from"./Consumption-Doupb3lK.js";import{t as W}from"./ApiCodeButton-C3EVZAE2.js";import{t as G}from"./VideoPlayer-DtL7g2wb.js";var K=o({name:`ModelSelector`,components:{ElSelect:g,ElOption:_},data(){return{}},computed:{options(){return[{value:`minimax-t2v`,label:this.$t(`hailuo.button.model1`)},{value:`minimax-i2v`,label:this.$t(`hailuo.button.model2`)},{value:`minimax-i2v-director`,label:this.$t(`hailuo.button.model3`)}]},value:{get(){return this.$store.state.hailuo?.config?.model},set(e){this.$store.commit(`hailuo/setConfig`,{...this.$store.state.hailuo?.config,model:e})}}},mounted(){this.value||=C}}),q={class:`field`},J={class:`title font-bold`},Y={class:`float-left`};function X(e,r,a,o,m,h){let g=u(`el-option`),_=u(`el-select`);return l(),d(`div`,q,[n(`h2`,J,c(e.$t(`hailuo.name.model`)),1),i(_,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`hailuo.placeholder.select`),clearable:``},{default:f(()=>[(l(!0),d(p,null,s(e.options,e=>(l(),t(g,{key:e.value,label:e.label,value:e.value},{default:f(()=>[n(`span`,Y,c(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Z=E(K,[[`render`,X],[`__scopeId`,`data-v-a768fbd9`]]),Q=o({name:`StartImageUrlInput`,components:{ElUpload:v,ElButton:h,InfoIcon:R,ImagePreview:F},mixins:[w,O],data(){return{fileList:[],uploadUrl:M()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e.url).filter(e=>e!==void 0)},value:{get(){return this.$store.state.hailuo?.config?.first_image_url},set(){let e=this.urls?.[0];this.$store.commit(`hailuo/setConfig`,{...this.$store.state.hailuo?.config,first_image_url:e})}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){D.warning(this.$t(`hailuo.message.uploadStartImageExceed`))},onError(){D.error(this.$t(`hailuo.message.uploadStartImageError`))},async onRemove(){D.error(this.$t(`hailuo.message.uploadStartImageError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`hailuo/setConfig`,{...this.$store.state.hailuo?.config,first_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),ne={class:`relative`},re={class:`flex justify-between`},ie={class:`flex justify-start items-center`},ae={class:`text-sm font-bold`};function oe(e,o,s,p,m,h){let g=u(`info-icon`),_=u(`image-preview`),v=u(`el-button`),y=u(`el-upload`);return l(),d(`div`,ne,[n(`div`,re,[n(`div`,ie,[n(`span`,ae,c(e.$t(`hailuo.name.startImageUrl`)),1),i(g,{content:e.$t(`hailuo.description.startImageUrl`),class:`info`},null,8,[`content`])])]),i(y,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":o[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,"show-file-list":!0,limit:1,multiple:!1,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:f(({file:n})=>[n.url&&n.percentage!==void 0?(l(),t(_,{key:0,url:n.url,name:n.name,percentage:n.percentage,onRemove:t=>e.fileList.splice(e.fileList.indexOf(n),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):a(``,!0)]),default:f(()=>[i(v,{size:`small`,type:`primary`,class:`btn btn-upload`,round:``},{default:f(()=>[r(c(e.$t(`hailuo.button.uploadStartImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-remove`,`on-success`,`headers`])])}var se=E(Q,[[`render`,oe],[`__scopeId`,`data-v-fbf49b06`]]),ce=o({name:`PromptInput`,components:{PromptTextarea:V},computed:{prompt:{get(){return this.$store.state.hailuo?.config?.prompt},set(e){this.$store.commit(`hailuo/setConfig`,{...this.$store.state.hailuo?.config,prompt:e})}}},mounted(){this.prompt||=``}});function le(e,n,r,i,a,o){let s=u(`prompt-textarea`);return l(),t(s,{modelValue:e.prompt,"onUpdate:modelValue":n[0]||=t=>e.prompt=t,title:e.$t(`hailuo.name.prompt`),info:e.$t(`hailuo.description.prompt`),placeholder:e.$t(`hailuo.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var ue=o({name:`PresetPanel`,components:{ElButton:h,FontAwesomeIcon:N,PromptInput:E(ce,[[`render`,le]]),StartImageUrlInput:se,ModelSelector:Z,Consumption:U},emits:[`generate`],computed:{config(){return this.$store.state.hailuo?.config},consumption(){return ee(this.config,this.service?.cost)},service(){return this.$store.state.hailuo?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),de={class:`flex flex-col h-full`},fe={class:`flex-1 overflow-y-auto p-5`},pe={class:`flex flex-col items-center justify-center px-5 pb-5`};function me(e,o,s,p,m,h){let g=u(`prompt-input`),_=u(`model-selector`),v=u(`start-image-url-input`),y=u(`consumption`),b=u(`font-awesome-icon`),x=u(`el-button`);return l(),d(`div`,de,[n(`div`,fe,[i(g,{class:`mb-4`}),i(_,{class:`mb-4`}),e.config?.model===`minimax-i2v`?(l(),t(v,{key:0,class:`mb-2`})):a(``,!0)]),n(`div`,pe,[i(y,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),e.config?.video_url!==void 0||e.config?.custom?(l(),t(x,{key:0,type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:f(()=>[i(b,{icon:`fa-solid fa-magic`,class:`mr-2`}),r(` `+c(e.$t(`hailuo.button.extend`)),1)]),_:1},8,[`onClick`])):(l(),t(x,{key:1,type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:f(()=>[i(b,{icon:`fa-solid fa-magic`,class:`mr-2`}),r(` `+c(e.$t(`hailuo.button.generate`)),1)]),_:1},8,[`onClick`]))])])}var he=E(ue,[[`render`,me]]),ge=o({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:P,FontAwesomeIcon:N,ElAlert:x,VideoPlayer:G,ElTooltip:y,ElButton:h,ApiCodeButton:W},props:{modelValue:{type:Object,required:!0}},computed:{application(){return this.$store.state.hailuo?.application},config(){return this.$store.state.hailuo?.config},video(){return this.modelValue?.response?.data?.[0]}},methods:{onDownload(e){console.debug(`on download hailuo video`,e),window.open(e,`_blank`)}}}),_e={class:`preview`},ve={class:`left`},ye={class:`main`},be={class:`bot`},xe={class:`datetime`},Se={class:`info`},Ce={key:0,class:`prompt mt-2`},we={key:0},Te={key:1},Ee={key:0,class:e({content:!0,failed:!0})},De={key:0,class:`mb-4`},Oe={key:1,class:e({operations:!0,"mt-2":!0})},ke={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ae={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},je={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Me={key:1,class:e({content:!0})},Ne={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Pe={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Fe={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Ie={key:2,class:e({content:!0})},Le={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Re(e,o,s,p,h,g){let _=u(`el-image`),v=u(`video-player`),y=u(`el-button`),b=u(`el-tooltip`),x=u(`api-code-button`),S=u(`font-awesome-icon`),C=u(`copy-to-clipboard`),w=u(`el-alert`);return l(),d(`div`,_e,[n(`div`,ve,[i(_,{src:`https://cdn.acedata.cloud/0qg4gp.png`,class:`avatar`})]),n(`div`,ye,[n(`div`,be,[r(c(e.$t(`hailuo.name.hailuoBot`))+` `,1),n(`span`,xe,c(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,Se,[e.modelValue?.request?.prompt?(l(),d(`p`,Ce,[r(c(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?a(``,!0):(l(),d(`span`,we,` - (`+c(e.$t(`hailuo.status.pending`))+`) `,1)),e.video?.state===`processing`||e.video?.state===`pending`||e.video?.state===`running`?(l(),d(`span`,Te,` - (`+c(e.$t(`hailuo.status.processing`))+`) `,1)):a(``,!0)])):a(``,!0)]),e.modelValue?.response?.success===!0?(l(),d(`div`,Ee,[e.video?.video_url?(l(),d(`div`,De,[i(v,{src:e.video?.video_url},null,8,[`src`])])):a(``,!0),e.video?(l(),d(`div`,Oe,[i(b,{class:`box-item`,effect:`dark`,content:e.$t(`hailuo.message.downloadVideo`),placement:`top-start`},{default:f(()=>[e.video?.video_url?(l(),t(y,{key:0,type:`info`,size:`small`,class:`mb-2`,onClick:o[0]||=m(t=>e.onDownload(e.video?.video_url),[`stop`])},{default:f(()=>[r(c(e.$t(`hailuo.button.download`)),1)]),_:1})):a(``,!0)]),_:1},8,[`content`]),i(x,{path:`/hailuo/videos`,body:e.modelValue?.request},null,8,[`body`])])):a(``,!0),i(w,{closable:!1,class:`mt-2 success`},{default:f(()=>[e.modelValue?.request?.model?(l(),d(`p`,ke,[i(S,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+c(e.$t(`hailuo.name.model`))+`: `+c(e.modelValue?.request?.model)+` `,1),i(C,{content:e.modelValue?.id},null,8,[`content`])])):a(``,!0),n(`p`,Ae,[i(S,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+c(e.$t(`hailuo.name.taskId`))+`: `+c(e.modelValue?.id)+` `,1),i(C,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(l(),d(`p`,je,[i(S,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+c(e.$t(`hailuo.name.elapsed`))+`: `+c(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):a(``,!0)]),_:1})])):a(``,!0),e.modelValue?.response?.success===!1?(l(),d(`div`,Me,[i(w,{closable:!1,class:`failure`},{template:f(()=>[i(S,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),r(` `+c(e.$t(`hailuo.name.failure`)),1)]),default:f(()=>[n(`p`,Ne,[i(S,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+c(e.$t(`hailuo.name.taskId`))+`: `+c(e.modelValue?.id)+` `,1),i(C,{content:e.modelValue?.id},null,8,[`content`])]),n(`p`,Pe,[i(S,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),r(` `+c(e.$t(`hailuo.name.failureReason`))+`: `+c(e.modelValue?.response?.error?.message)+` `,1),i(C,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),e.modelValue?.elapsed?(l(),d(`p`,$,[i(S,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+c(e.$t(`hailuo.name.elapsed`))+`: `+c(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):a(``,!0),n(`p`,Fe,[i(S,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+c(e.$t(`hailuo.name.traceId`))+`: `+c(e.modelValue?.response?.trace_id)+` `,1),i(C,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})])):a(``,!0),e.modelValue?.response?.success===void 0?(l(),d(`div`,Ie,[i(w,{closable:!1,class:`info`},{template:f(()=>[i(S,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),r(` `+c(e.$t(`hailuo.name.failure`)),1)]),default:f(()=>[n(`p`,Le,[i(S,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+c(e.$t(`hailuo.name.taskId`))+`: `+c(e.modelValue?.id)+` `,1),i(C,{content:e.modelValue?.id},null,8,[`content`])])]),_:1})])):a(``,!0)])])}var ze=o({name:`RecentPanel`,components:{TaskPreview:E(ge,[[`render`,Re],[`__scopeId`,`data-v-53d13da4`]]),BotPlaceholder:L,NoTasks:H,ScrollList:z},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.hailuo?.tasks,items:this.$store.state.hailuo?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Be={key:0},Ve={key:2,class:`w-full h-full flex items-center justify-center`};function He(e,n,r,o,c,m){let h=u(`bot-placeholder`),g=u(`task-preview`),_=u(`scroll-list`),v=u(`no-tasks`);return l(),d(p,null,[e.tasks?.items===void 0?(l(),d(`div`,Be,[i(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(l(),t(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:n[0]||=t=>e.$emit(`reach-top`)},{default:f(()=>[(l(!0),d(p,null,s(e.tasks?.items,e=>(l(),t(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):a(``,!0),e.tasks?.items?.length===0?(l(),d(`div`,Ve,[i(v)])):a(``,!0)],64)}var Ue=E(ze,[[`render`,He]]),We=S(`hailuo`),Ge=o({name:`HailuoIndex`,components:{ConfigPanel:he,Layout:I,RecentPanel:Ue},mixins:[A],inject:[`initialized`],data(){return{task:void 0,job:0,timer:void 0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.hailuo?.status?.getApplications===k.Request},tasksLoading(){return this.$store.state.hailuo?.status?.getTasks===k.Request||this.fetchingTasks},credential(){return this.$store.state.hailuo.credential},config(){return this.$store.state.hailuo.config},application(){return this.$store.state.hailuo.application},tasks(){return this.$store.state.hailuo.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await B({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`hailuo/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`hailuo/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`hailuo/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!T(this.uploadTracker,e=>this.$t(e),e=>D.warning(e)))return;let e={...this.config,callback_url:We},t=this.credential?.token;if(!t){console.error(`no token specified`);return}D.info(this.$t(`hailuo.message.startingTask`)),te(`hailuo`,j.generate(e,{token:t})).then(()=>{D.success(this.$t(`hailuo.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?D.error(this.$t(`hailuo.message.usedUp`)):D.error(this.$t(`hailuo.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Ke(e,n,r,a,o,s){let c=u(`config-panel`),d=u(`recent-panel`),p=u(`layout`);return l(),t(p,null,{config:f(()=>[i(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:f(()=>[i(d,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var qe=E(Ge,[[`render`,Ke]]);export{qe as default};

package/dist/assets/Index-C3avO93h.js

@@ -1 +0,0 @@
-import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,M as n,N as r,O as i,P as a,Ut as o,X as s,et as c,k as l,lt as u,tt as d,ut as f}from"./vendor-chart-Df3WBvr0.js";import{t as p}from"./button-Diu_mJ2H.js";import{n as m,t as h}from"./row-CXoGz5_v.js";import{i as g,n as _,r as v,t as y}from"./container-Da1G38HZ.js";import{n as b,t as x}from"./dropdown-Cl5vU9EC.js";import{a as S,i as C,n as w,r as T,t as E}from"./avatar-BR7pNT_X.js";import{D,E as O,K as k,O as A,nt as j,vr as M,wr as N,z as P,zt as F}from"./index-BcKy7BlO.js";import{t as I}from"./BottomFooter-BDkKCDmh.js";var L=a({name:`TopHeader`,components:{ElCol:m,Logo:w,ElRow:h,ElDropdown:x,ElMenu:T,ElMenuItem:C,ElDropdownItem:b,ElButton:p,ElSubMenu:S},data(){return{defaultAvatar:E,products:`chat`}},computed:{site(){return this.$store.state?.site},dark(){return this.$store.getters?.dark},active(){return this.$route.matched?.[0]?.path},user(){return this.$store.getters?.user},authenticated(){return this.$store.getters?.authenticated}},methods:{openTab(e){if(N()){D.open({url:e}).catch(t=>{console.warn(`Browser.open failed, falling back to window.open`,t),window.open(e,`_blank`)});return}window.open(e,`_blank`)},onSelect(e){e&&this.$router.push(e)},onHome(){this.$router.push({name:j})},onLogin(){this.$router.push({name:A})},onDownload(){this.$router.push({name:k})},onProfile(){let e=M();this.openTab(F(`${e}/user/profile`))},onVerify(){let e=M();this.openTab(F(`${e}/user/verify`))},onConsole(){this.$router.push({name:P})},async onLogout(){this.$store.dispatch(`logout`)}}}),R={key:0,class:`mt-4 pr-10`},z={key:1,class:`float-right`},B=[`src`];function V(a,p,m,h,g,_){let v=c(`logo`),y=c(`el-col`),b=c(`el-menu-item`),x=c(`el-sub-menu`),S=c(`el-menu`),C=c(`el-button`),w=c(`language-selector`),T=c(`dark-selector`),E=c(`el-dropdown-item`),D=c(`el-dropdown-menu`),O=c(`el-dropdown`),k=c(`el-row`),A=d(`t`);return s(),e(k,{class:`header`},{default:u(()=>[r(y,{md:4,xs:24,class:`brand-col`},{default:u(()=>[r(v,{onClick:a.onHome},null,8,[`onClick`])]),_:1}),r(y,{md:16,xs:13},{default:u(()=>[r(S,{"default-active":a.active,mode:`horizontal`,class:`menu`,ellipsis:!0,onSelect:a.onSelect},{default:u(()=>[r(x,{index:a.products},{title:u(()=>[n(o(a.$t(`common.nav.products`)),1)]),default:u(()=>[a.site?.features?.chatgpt?.enabled?f((s(),e(b,{key:0,index:`/chat`},null,512)),[[A,`index.title.chat`]]):i(``,!0),a.site?.features?.midjourney?.enabled?f((s(),e(b,{key:1,index:`/midjourney`},null,512)),[[A,`index.title.midjourney`]]):i(``,!0),a.site?.features?.qrart?.enabled?f((s(),e(b,{key:2,index:`/qrart`},null,512)),[[A,`index.title.qrart`]]):i(``,!0),a.site?.features?.suno?.enabled?f((s(),e(b,{key:3,index:`/suno`},null,512)),[[A,`index.title.suno`]]):i(``,!0),a.site?.features?.luma?.enabled?f((s(),e(b,{key:4,index:`/luma`},null,512)),[[A,`index.title.luma`]]):i(``,!0),a.site?.features?.headshots?.enabled?f((s(),e(b,{key:5,index:`/headshots`},null,512)),[[A,`index.title.headshots`]]):i(``,!0)]),_:1},8,[`index`]),f(r(b,{onRoute:e=>void 0,onClick:a.onDownload},null,8,[`onClick`]),[[A,`common.nav.mobileApp`]]),f(r(b,{onRoute:e=>void 0,onClick:p[0]||=e=>a.openTab(`https://platform.acedata.cloud`)},null,512),[[A,`common.nav.apiPlatform`]]),f(r(b,{onRoute:e=>void 0,onClick:p[1]||=e=>a.openTab(`https://platform.acedata.cloud/support`)},null,512),[[A,`common.nav.support`]]),f(r(b,{onRoute:e=>void 0,onClick:p[2]||=e=>a.openTab(`https://platform.acedata.cloud/earning`)},null,512),[[A,`common.nav.referral`]])]),_:1},8,[`default-active`,`onSelect`])]),_:1}),r(y,{md:4,xs:11},{default:u(()=>[a.authenticated?(s(),l(`div`,z,[t(`div`,{class:`console`,onClick:p[3]||=(...e)=>a.onConsole&&a.onConsole(...e)},o(a.$t(`common.button.console`)),1),r(O,{trigger:`click`},{dropdown:u(()=>[r(D,null,{default:u(()=>[r(E,{onClick:a.onProfile},{default:u(()=>[n(o(a.$t(`common.button.profile`)),1)]),_:1},8,[`onClick`]),r(E,{onClick:a.onLogout},{default:u(()=>[n(o(a.$t(`common.button.logout`)),1)]),_:1},8,[`onClick`])]),_:1})]),default:u(()=>[t(`img`,{src:a.user?.avatar||a.defaultAvatar,class:`avatar`},null,8,B)]),_:1})])):(s(),l(`div`,R,[r(C,{type:`primary`,class:`float-right`,size:`small`,round:``,onClick:a.onLogin},{default:u(()=>[n(o(a.$t(`common.button.login`)),1)]),_:1},8,[`onClick`]),r(w,{class:`locale float-right mr-4`}),r(T,{class:`float-right mr-4`})]))]),_:1})]),_:1})}var H=a({name:`LayoutIndex`,components:{TopHeader:O(L,[[`render`,V]]),BottomFooter:I,ElContainer:y,ElMain:g,ElFooter:_,ElHeader:v}});function U(t,n,i,a,o,l){let d=c(`top-header`),f=c(`el-header`),p=c(`router-view`),m=c(`el-main`),h=c(`bottom-footer`),g=c(`el-footer`),_=c(`el-container`);return s(),e(_,{class:`wrapper min-h-[100vh]`},{default:u(()=>[r(f,{class:`header p-0 h-auto`},{default:u(()=>[r(d)]),_:1}),r(m,{class:`main`},{default:u(()=>[r(p)]),_:1}),r(g,{class:`footer p-0 h-auto`},{default:u(()=>[r(h)]),_:1})]),_:1})}var W=O(H,[[`render`,U]]);export{W as default};

package/dist/assets/Index-COOW3X0T.css

@@ -1 +0,0 @@
-.menu[data-v-caafd095]{display:none}@media (width<=767px){.config[data-v-caafd095]{display:none}.result[data-v-caafd095]{width:100%}.menu[data-v-caafd095]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.field[data-v-61816a81]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .label[data-v-61816a81]{align-items:center;width:30%;display:flex}.field .label .box[data-v-61816a81]{flex-direction:row;align-items:center;display:flex}.field .label .box .title[data-v-61816a81]{margin:0;font-size:14px}.field .label .box .info[data-v-61816a81]{margin-left:6px}.field .value[data-v-61816a81]{width:160px}.field[data-v-5c809a72]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .label[data-v-5c809a72]{align-items:center;width:30%;display:flex}.field .label .box[data-v-5c809a72]{flex-direction:row;align-items:center;display:flex}.field .label .box .title[data-v-5c809a72]{margin:0;font-size:14px}.field .label .box .info[data-v-5c809a72]{margin-left:6px}.field .value[data-v-5c809a72]{width:80px}.resolution .header[data-v-fd8d4e4b]{flex-direction:row;align-items:center;margin-bottom:10px;display:flex}.resolution .header .title[data-v-fd8d4e4b]{margin:0;font-size:14px}.resolution .header .info[data-v-fd8d4e4b]{margin-left:6px}.resolution .items[data-v-fd8d4e4b]{flex-direction:row;gap:8px;display:flex}.resolution .items .item[data-v-fd8d4e4b]{text-align:center;color:var(--el-text-color-regular);border:1px solid var(--el-border-color);cursor:pointer;background-color:var(--el-fill-color-lighter);border-radius:8px;flex:1;padding:8px 0;font-size:13px;transition:background-color .15s,border-color .15s,color .15s}.resolution .items .item[data-v-fd8d4e4b]:hover{background-color:var(--el-fill-color);border-color:var(--el-border-color-hover)}.resolution .items .item.disabled[data-v-fd8d4e4b]{opacity:.45;cursor:not-allowed}.resolution .items .item.disabled[data-v-fd8d4e4b]:hover{background-color:var(--el-fill-color-lighter);border-color:var(--el-border-color)}.resolution .items .item.active[data-v-fd8d4e4b]{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary);font-weight:600}.ratio .header[data-v-8ddec2dd]{flex-direction:row;align-items:center;margin-bottom:10px;display:flex}.ratio .header .title[data-v-8ddec2dd]{margin:0;font-size:14px}.ratio .header .info[data-v-8ddec2dd]{margin-left:6px}.ratio .items[data-v-8ddec2dd]{flex-wrap:wrap;gap:8px;display:flex}.ratio .items .item[data-v-8ddec2dd]{border:1px solid var(--el-border-color);cursor:pointer;background-color:var(--el-fill-color-lighter);border-radius:8px;flex-direction:column;flex:0 0 calc(25% - 6px);justify-content:center;align-items:center;padding:8px 0 6px;transition:background-color .15s,border-color .15s,color .15s;display:flex}.ratio .items .item[data-v-8ddec2dd]:hover{background-color:var(--el-fill-color);border-color:var(--el-border-color-hover)}.ratio .items .item .preview[data-v-8ddec2dd]{justify-content:center;align-items:center;width:100%;height:40px;margin-bottom:4px;display:flex}.ratio .items .item .preview .rect[data-v-8ddec2dd]{border:1.5px solid var(--el-text-color-secondary);background-color:#0000;border-radius:2px}.ratio .items .item .preview .rect-auto[data-v-8ddec2dd]{width:28px;height:28px;color:var(--el-text-color-secondary);border-style:dashed;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.ratio .items .item .name[data-v-8ddec2dd]{color:var(--el-text-color-regular);font-size:12px;line-height:1}.ratio .items .item.active[data-v-8ddec2dd]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.ratio .items .item.active .rect[data-v-8ddec2dd]{border-color:var(--el-color-primary);color:var(--el-color-primary)}.ratio .items .item.active .name[data-v-8ddec2dd]{color:var(--el-color-primary);font-weight:600}.field[data-v-df51dfbd]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .label[data-v-df51dfbd]{align-items:center;width:70%;display:flex}.field .label .box[data-v-df51dfbd]{flex-direction:row;align-items:center;display:flex}.field .label .box .title[data-v-df51dfbd]{margin:0;font-size:14px}.field .label .box .info[data-v-df51dfbd]{margin-left:6px}.field[data-v-ae777d61]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .label[data-v-ae777d61]{align-items:center;width:70%;display:flex}.field .label .box[data-v-ae777d61]{flex-direction:row;align-items:center;display:flex}.field .label .box .title[data-v-ae777d61]{margin:0;font-size:14px}.field .label .box .info[data-v-ae777d61]{margin-left:6px}.field .value[data-v-ae777d61]{flex:1;justify-content:flex-end;display:flex}.btn.btn-upload[data-v-e2597f23]{position:absolute;top:5px;right:0}.required-badge[data-v-e2597f23]{color:var(--el-color-warning);background-color:var(--el-color-warning-light-9);border:1px solid var(--el-color-warning-light-7);border-radius:8px;margin-left:6px;padding:0 6px;font-size:11px;line-height:16px}.upload-wrapper{height:auto;display:flex}.upload-wrapper .el-upload-list{width:100%;margin:0}.btn.btn-upload[data-v-3a191e51]{position:absolute;top:5px;right:0}.field[data-v-cc938de2]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .label[data-v-cc938de2]{align-items:center;width:30%;display:flex}.field .label .box[data-v-cc938de2]{flex-direction:row;align-items:center;display:flex}.field .label .box .title[data-v-cc938de2]{white-space:nowrap;margin:0;font-size:14px}.field .label .box .info[data-v-cc938de2]{flex-shrink:0;margin-left:6px}.field .value[data-v-cc938de2]{width:110px}.field[data-v-edea5451]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .label[data-v-edea5451]{align-items:center;width:70%;display:flex}.field .label .box[data-v-edea5451]{flex-direction:row;align-items:center;display:flex}.field .label .box .title[data-v-edea5451]{margin:0;font-size:14px}.field .label .box .info[data-v-edea5451]{margin-left:6px}.field .value[data-v-edea5451]{flex:1;justify-content:flex-end;display:flex}.field[data-v-685a9869]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .label[data-v-685a9869]{align-items:center;width:30%;display:flex}.field .label .box[data-v-685a9869]{flex-direction:row;align-items:center;display:flex}.field .label .box .title[data-v-685a9869]{margin:0;font-size:14px}.field .label .box .info[data-v-685a9869]{margin-left:6px}.field .value[data-v-685a9869]{justify-content:flex-end;width:160px;display:flex}.field .value .counter[data-v-685a9869]{width:140px}.preview[data-v-8b7e10f0]{text-align:left;flex-direction:row;width:100%;height:fit-content;margin-bottom:15px;display:flex}.preview .left[data-v-8b7e10f0]{width:70px}.preview .left .avatar[data-v-8b7e10f0]{width:50px;height:50px;box-shadow:var(--app-shadow-xs);border-radius:50%;margin:10px}.preview .main[data-v-8b7e10f0]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-8b7e10f0]{color:var(--el-color-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:0;margin-bottom:0;font-size:16px;font-weight:700;overflow:hidden}.preview .main .bot .datetime[data-v-8b7e10f0]{color:var(--el-text-color-secondary);margin-left:10px;font-size:12px;font-weight:400}.preview .main .info[data-v-8b7e10f0]{overflow:hidden}.preview .main .info .prompt[data-v-8b7e10f0]{color:var(--el-text-color-regular);white-space:normal;word-break:break-word;overflow-wrap:anywhere;margin-bottom:10px;font-size:14px;font-weight:700}.preview .main .content[data-v-8b7e10f0]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-8b7e10f0]{border-left-style:solid;border-left-width:2px}.preview .main .content .el-alert.failure[data-v-8b7e10f0]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-8b7e10f0]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-8b7e10f0]{border-color:var(--el-color-info)}.preview .main .content .el-alert[data-v-8b7e10f0] p:last-child{margin-bottom:0}

package/dist/assets/Index-CXrNdrud.js

@@ -1 +0,0 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,et as d,k as f,lt as p,x as m,y as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-Diu_mJ2H.js";import{r as _,t as v}from"./select-DWNgO63K.js";import{t as y}from"./upload-BrKQUZi2.js";import{t as b}from"./tooltip-hII4wDEz.js";import{t as x}from"./image-CpHxi4jB.js";import{t as S}from"./alert-Cs6WDxgv.js";import{t as C}from"./drawer-B42T8GMw.js";import{Yr as w,cn as T,ln as E,on as D,un as O}from"./constants-C2ehd_ov.js";import{$t as k,At as A,Dt as j,E as M,Er as N,Mt as ee,Nn as te,Ot as P,gr as F,kt as I,yr as L}from"./index-BcKy7BlO.js";import{t as R}from"./index.es-BkuxA5W8.js";import{t as z}from"./CopyToClipboard-KY6HaCxY.js";import{t as B}from"./ImagePreview-Ek81a8Dx.js";import{t as V}from"./BotPlaceholder-DB5a5MjZ.js";import{i as H,n as U,t as W}from"./pagination-CnFr2BK-.js";import{n as G,t as K}from"./NoTasks-8I8Kf6PS.js";import{t as q}from"./Consumption-Doupb3lK.js";import{t as J}from"./ApiCodeButton-C3EVZAE2.js";import{t as Y}from"./ImageWrapper-F7vvcPAe.js";var X=s({name:`LayoutNanobanana`,components:{ElDrawer:C,ElButton:g,FontAwesomeIcon:R},data(){return{drawer:!1}}}),Z={class:`main flex flex-row flex-1`},Q={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ne={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function re(t,n,i,o,s,c){let l=d(`font-awesome-icon`),m=d(`el-button`),h=d(`el-drawer`);return u(),f(`div`,Z,[r(`div`,Q,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,ne,[e(t.$slots,`result`,{},void 0,!0)]),a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1}),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ie=M(X,[[`render`,re],[`__scopeId`,`data-v-8ca1c212`]]),ae=s({name:`PromptInput`,components:{PromptTextarea:G},computed:{prompt:{get(){return this.$store.state.nanobanana?.config?.prompt},set(e){this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,prompt:e})}}},mounted(){this.prompt||=``}});function oe(e,t,r,i,a,o){let s=d(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`nanobanana.name.prompt`),info:e.$t(`nanobanana.description.prompt`),placeholder:e.$t(`nanobanana.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var se=M(ae,[[`render`,oe]]),ce=s({name:`ImageUrlsInput`,components:{ElUpload:y,ElButton:g,InfoIcon:H,ImagePreview:B,FontAwesomeIcon:R},mixins:[A,P],data(){return{fileList:[],uploadUrl:L()+`/api/v1/files/`,suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.nanobanana?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){let e=(this.fileList||[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e||t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()||e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList||[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e||t?.url===e?.url||t?.response?.file_url===e?.response?.file_url)||t.push(e)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url==`string`&&e.url.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){N.warning(this.$t(`nanobanana.message.uploadImageExceed`))},onError(){N.error(this.$t(`nanobanana.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),le={class:`field flex items-center justify-between`},ue={class:`title font-bold text-[14px] mb-[10px]`},de={class:`upload-wrapper flex flex-col items-start gap-[8px]`},fe={class:`controls flex items-center`},pe={class:`file-list flex flex-wrap gap-[10px]`};function me(e,t,o,s,h,g){let _=d(`font-awesome-icon`),v=d(`el-button`),y=d(`el-upload`),b=d(`info-icon`),x=d(`image-preview`);return u(),f(m,null,[r(`div`,le,[r(`h2`,ue,l(e.$t(`nanobanana.name.imageUrls`)),1),r(`div`,de,[r(`div`,fe,[a(y,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:p(()=>[a(v,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(_,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),a(b,{content:e.$t(`nanobanana.description.imageUrls`),class:`ml-2`},null,8,[`content`])])])]),r(`div`,pe,[(u(!0),f(m,null,c(e.fileList,(t,r)=>(u(),n(x,{key:t.uid||t?.response?.file_url||t.url||r,url:t.url||t?.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.onRemovePreview(r,t)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var he=M(ce,[[`render`,me]]),ge=s({name:`AspectRatioSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:[`1:1`,`3:2`,`2:3`,`16:9`,`9:16`,`4:3`,`3:4`]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.aspect_ratio},set(e){console.debug(`set aspect_ratio`,e);let t={...this.$store.state.nanobanana?.config||{}};e?t.aspect_ratio=e:delete t.aspect_ratio,this.$store.commit(`nanobanana/setConfig`,t)}}}}),_e={class:`field`},ve={class:`title font-bold`};function ye(e,t,i,o,s,h){let g=d(`el-option`),_=d(`el-select`);return u(),f(`div`,_e,[r(`h2`,ve,l(e.$t(`nanobanana.name.aspectRatio`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,clearable:``,placeholder:e.$t(`nanobanana.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(g,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var be=M(ge,[[`render`,ye],[`__scopeId`,`data-v-67f08a08`]]),xe=s({name:`NanobananaModelSelector`,components:{ElSelect:_,ElOption:v,InfoIcon:H},data(){return{options:[{value:T,label:this.$t(`nanobanana.model.nanoBanana`)},{value:O,label:this.$t(`nanobanana.model.nanoBananaPro`)},{value:E,label:this.$t(`nanobanana.model.nanoBanana2`)}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.model},set(e){this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,model:e})}},modelDescription(){return this.$t(`nanobanana.description.model`)}},mounted(){this.value||=D}}),Se={class:`field`},Ce={class:`label`},we={class:`box`},Te={class:`title font-bold`};function Ee(e,t,i,o,s,h){let g=d(`info-icon`),_=d(`el-option`),v=d(`el-select`);return u(),f(`div`,Se,[r(`div`,Ce,[r(`div`,we,[r(`h2`,Te,l(e.$t(`nanobanana.name.model`)),1),a(g,{content:e.modelDescription,class:`info`},null,8,[`content`])])]),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`nanobanana.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var De=M(xe,[[`render`,Ee],[`__scopeId`,`data-v-94304d73`]]),Oe=s({name:`NanobananaResolutionSelector`,components:{ElSelect:_,ElOption:v,InfoIcon:H},data(){return{cachedResolution:`1K`,options:[{value:`1K`,label:`1K`},{value:`2K`,label:`2K`},{value:`4K`,label:`4K`}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.resolution},set(e){this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:e})}},isProModel(){return this.$store.state.nanobanana?.config?.model!==T}},watch:{value(e){this.isProModel&&e&&(this.cachedResolution=e)},isProModel(e){e?this.value||=this.cachedResolution||`1K`:(this.value&&(this.cachedResolution=this.value),this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:void 0}))}},mounted(){this.isProModel&&!this.value&&(this.value=`1K`),!this.isProModel&&this.value&&(this.cachedResolution=this.value,this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:void 0}))}}),ke={class:`field`},Ae={class:`label`},je={class:`box`},Me={class:`title font-bold`};function Ne(e,t,i,o,s,h){let g=d(`info-icon`),_=d(`el-option`),v=d(`el-select`);return u(),f(`div`,ke,[r(`div`,Ae,[r(`div`,je,[r(`h2`,Me,l(e.$t(`nanobanana.name.resolution`)),1),a(g,{content:e.$t(`nanobanana.description.resolutionProOnly`),class:`info`},null,8,[`content`])])]),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`nanobanana.placeholder.select`),disabled:!e.isProModel},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])])}var Pe=s({name:`ConfigPanel`,components:{ElButton:g,FontAwesomeIcon:R,PromptInput:se,Consumption:q,ImageUrlsInput:he,AspectRatioSelector:be,ModelSelector:De,ResolutionSelector:M(Oe,[[`render`,Ne],[`__scopeId`,`data-v-fd5ab393`]])},emits:[`generate`],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;return ee({...e,action:t?`edit`:`generate`},this.service?.cost)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Fe={class:`flex flex-col h-full`},Ie={class:`flex-1 overflow-y-auto p-5`},Le={class:`flex flex-col items-center justify-center px-5 pb-5`};function Re(e,t,n,o,s,c){let m=d(`model-selector`),h=d(`resolution-selector`),g=d(`prompt-input`),_=d(`aspect-ratio-selector`),v=d(`image-urls-input`),y=d(`consumption`),b=d(`font-awesome-icon`),x=d(`el-button`);return u(),f(`div`,Fe,[r(`div`,Ie,[a(m,{class:`mb-4`}),a(h,{class:`mb-4`}),a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`})]),r(`div`,Le,[a(y,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(x,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(b,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`nanobanana.button.generate`)),1)]),_:1},8,[`onClick`])])])}var ze=M(Pe,[[`render`,Re]]),Be=s({name:`TaskPreview`,components:{ElImage:x,CopyToClipboard:z,FontAwesomeIcon:R,ElAlert:S,ImageWrapper:Y,ElButton:g,ElTooltip:b,ImagePreview:B,ApiCodeButton:J},props:{modelValue:{type:Object,required:!0}},computed:{images(){let e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e}},methods:{onEdit(e){if(!e)return;console.debug(`Edit image:`,e);let t={...this.$store.state.nanobanana?.config||{}};delete t.action,t.image_urls=[e],this.$store.commit(`nanobanana/setConfig`,t)}}}),Ve={class:`preview`},He={class:`left`},Ue={class:`main`},We={class:`bot`},Ge={class:`datetime`},Ke={class:`info`},qe={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},Je={key:1,class:`prompt mt-2`},Ye={key:0},Xe={key:0,class:t({content:!0,failed:!0})},Ze={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},Qe={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},$e={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},et={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},tt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},nt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},rt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},it={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},at={key:5,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},ot={key:1,class:t({content:!0})},st={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ct={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},lt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ut={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},dt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ft={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},pt={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},mt={key:5,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},ht={key:2,class:t({content:!0})},gt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},_t={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},yt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function bt(e,t,s,g,_,v){let y=d(`el-image`),b=d(`image-preview`),x=d(`image-wrapper`),S=d(`el-button`),C=d(`el-tooltip`),w=d(`api-code-button`),T=d(`font-awesome-icon`),E=d(`copy-to-clipboard`),D=d(`el-alert`);return u(),f(`div`,Ve,[r(`div`,He,[a(y,{src:`https://cdn.acedata.cloud/859plc.jpg`,class:`avatar`})]),r(`div`,Ue,[r(`div`,We,[i(l(e.$t(`nanobanana.name.nanobananaBot`))+` `,1),r(`span`,Ge,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,Ke,[e.modelValue?.request?.image_urls&&e.modelValue?.request?.image_urls.length>0?(u(),f(`div`,qe,[(u(!0),f(m,null,c(e.modelValue?.request?.image_urls,(e,t)=>(u(),n(b,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):o(``,!0),e.modelValue?.request?.prompt?(u(),f(`p`,Je,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),f(`span`,Ye,` - (`+l(e.$t(`nanobanana.status.pending`))+`) `,1))])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),f(`div`,Xe,[r(`div`,Ze,[(u(!0),f(m,null,c(e.images,(e,t)=>(u(),n(x,{key:t,src:e?.image_url,"raw-src":e?.image_url},null,8,[`src`,`raw-src`]))),128))]),r(`div`,Qe,[a(C,{class:`box-item`,effect:`dark`,content:e.$t(`common.button.edit`),placement:`top-start`},{default:p(()=>[a(S,{type:`info`,size:`small`,class:`btn-action`,onClick:t[0]||=h(t=>e.onEdit(e.images?.[0]?.image_url),[`stop`])},{default:p(()=>[i(l(e.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),a(w,{path:`/nano-banana/images`,body:e.modelValue?.request},null,8,[`body`])]),a(D,{closable:!1,class:`mt-2 success`},{default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,$e,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.resolution?(u(),f(`p`,et,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.resolution`))+`: `+l(e.modelValue?.request?.resolution),1)])):o(``,!0),e.modelValue?.request?.aspect_ratio?(u(),f(`p`,tt,[a(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.aspectRatio`))+`: `+l(e.modelValue?.request?.aspect_ratio),1)])):o(``,!0),e.modelValue?.request?.action?(u(),f(`p`,nt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.task`))+`: `+l(e.modelValue?.request?.action===`generate`?e.$t(`nanobanana.name.generate`):e.$t(`nanobanana.name.edits`)),1)])):o(``,!0),r(`p`,rt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,it,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e.modelValue?.response?.trace_id?(u(),f(`p`,at,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(E,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):e.modelValue?.response?.success===!1?(u(),f(`div`,ot,[a(D,{closable:!1,class:`failure`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.failure`)),1)]),default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,st,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.resolution?(u(),f(`p`,ct,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.resolution`))+`: `+l(e.modelValue?.request?.resolution),1)])):o(``,!0),e.modelValue?.request?.aspect_ratio?(u(),f(`p`,lt,[a(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.aspectRatio`))+`: `+l(e.modelValue?.request?.aspect_ratio),1)])):o(``,!0),e.modelValue?.request?.action?(u(),f(`p`,ut,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.task`))+`: `+l(e.modelValue?.request?.action===`generate`?e.$t(`nanobanana.name.generate`):e.$t(`nanobanana.name.edits`)),1)])):o(``,!0),r(`p`,dt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,ft,[a(T,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(E,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,pt,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e.modelValue?.response?.trace_id?(u(),f(`p`,mt,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(E,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):o(``,!0)]),_:1})])):(u(),f(`div`,ht,[a(D,{closable:!1,class:`info`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.failure`)),1)]),default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,gt,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.resolution?(u(),f(`p`,_t,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.resolution`))+`: `+l(e.modelValue?.request?.resolution),1)])):o(``,!0),e.modelValue?.request?.aspect_ratio?(u(),f(`p`,vt,[a(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.aspectRatio`))+`: `+l(e.modelValue?.request?.aspect_ratio),1)])):o(``,!0),e.modelValue?.request?.action?(u(),f(`p`,yt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.task`))+`: `+l(e.modelValue?.request?.action===`generate`?e.$t(`nanobanana.name.generate`):e.$t(`nanobanana.name.edits`)),1)])):o(``,!0),r(`p`,$,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var xt=s({name:`RecentPanel`,components:{TaskPreview:M(Be,[[`render`,bt],[`__scopeId`,`data-v-63f58569`]]),BotPlaceholder:V,NoTasks:K,ScrollList:U},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.nanobanana?.tasks,items:this.$store.state.nanobanana?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),St={key:0},Ct={key:2,class:`w-full h-full flex items-center justify-center`};function wt(e,t,r,i,s,l){let h=d(`bot-placeholder`),g=d(`task-preview`),_=d(`scroll-list`),v=d(`no-tasks`);return u(),f(m,null,[e.tasks?.items===void 0?(u(),f(`div`,St,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(u(!0),f(m,null,c(e.tasks?.items,e=>(u(),n(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),f(`div`,Ct,[a(v)])):o(``,!0)],64)}var Tt=M(xt,[[`render`,wt]]),Et=w(`nanobanana`),Dt=s({name:`NanobananaIndex`,components:{ConfigPanel:ze,Layout:ie,RecentPanel:Tt},mixins:[I],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.nanobanana?.status?.getApplications===F.Request},tasksLoading(){return this.$store.state.nanobanana?.status?.getTasks===F.Request},credential(){return this.$store.state.nanobanana?.credential},config(){return this.$store.state.nanobanana?.config},application(){return this.$store.state.nanobanana?.application},tasks(){return this.$store.state.nanobanana?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await W({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`nanobanana/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`nanobanana/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=20,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),await this.$store.dispatch(`nanobanana/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})},async onGenerate(){if(!j(this.uploadTracker,e=>this.$t(e),e=>N.warning(e)))return;let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;delete e.action,!t&&`image_urls`in e&&delete e.image_urls,e?.aspect_ratio||delete e.aspect_ratio,e?.model!==`nano-banana-pro`&&`resolution`in e&&delete e.resolution,e?.model===`nano-banana-pro`&&!e?.resolution&&(e.resolution=`1K`);let n={...e,action:t?`edit`:`generate`,callback_url:Et},r=this.credential?.token;if(!r){console.error(`no token specified`);return}N.info(this.$t(`nanobanana.message.startingTask`)),te(`nanobanana`,k.generate(n,{token:r})).then(()=>{N.success(this.$t(`nanobanana.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?N.error(this.$t(`nanobanana.message.usedUp`)):N.error(this.$t(`nanobanana.message.startTaskFailed`)+(t?.error?.message||``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Ot(e,t,r,i,o,s){let c=d(`config-panel`),l=d(`recent-panel`),f=d(`layout`);return u(),n(f,null,{config:p(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(l,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var kt=M(Dt,[[`render`,Ot]]);export{kt as default};

package/dist/assets/Index-D1QeeQef.js

@@ -1 +0,0 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,et as d,k as f,lt as p,x as m}from"./vendor-chart-Df3WBvr0.js";import{t as h}from"./button-Diu_mJ2H.js";import{r as g,t as _}from"./select-DWNgO63K.js";import{t as v}from"./upload-BrKQUZi2.js";import{t as y}from"./tooltip-hII4wDEz.js";import{t as b}from"./image-CpHxi4jB.js";import{t as x}from"./alert-Cs6WDxgv.js";import{n as S,r as C}from"./radio-ClH7NqRe.js";import{t as w}from"./drawer-B42T8GMw.js";import{t as T}from"./switch-DVJS8YtM.js";import{Yr as E,rr as ee}from"./constants-C2ehd_ov.js";import{At as D,Dt as O,E as k,Er as A,Mt as te,Nn as j,On as M,Ot as N,fn as P,gr as F,kt as I,yr as L}from"./index-BcKy7BlO.js";import{t as R}from"./index.es-BkuxA5W8.js";import{t as z}from"./CopyToClipboard-KY6HaCxY.js";import{t as B}from"./ImagePreview-Ek81a8Dx.js";import{t as V}from"./BotPlaceholder-DB5a5MjZ.js";import{i as H,n as U,t as W}from"./pagination-CnFr2BK-.js";import{n as G,t as K}from"./NoTasks-8I8Kf6PS.js";import{t as q}from"./Consumption-Doupb3lK.js";import{t as J}from"./ApiCodeButton-C3EVZAE2.js";import{t as Y}from"./vue-plyr-wiIKa-zl.js";var X=s({name:`LayoutPika`,components:{ElDrawer:w,ElButton:h,FontAwesomeIcon:R},data(){return{drawer:!1}}}),Z={class:`main flex flex-row flex-1`},Q={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ne={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function re(t,n,i,o,s,c){let l=d(`font-awesome-icon`),m=d(`el-button`),h=d(`el-drawer`);return u(),f(`div`,Z,[r(`div`,Q,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,ne,[e(t.$slots,`result`,{},void 0,!0)]),a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1}),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ie=k(X,[[`render`,re],[`__scopeId`,`data-v-10596416`]]),ae=s({name:`IngredientsSelector`,components:{ElSwitch:T,InfoIcon:H},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients},set(e){console.debug(`set ingredients`,e),e||this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients:e,ingredients_mode:void 0,image_url:void 0}),this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients:e,model:`2.0`})}}},mounted(){this.value===void 0&&(this.value=!1)}}),oe={class:`field`},se={class:`title font-bold`};function ce(e,t,n,i,o,s){let c=d(`el-switch`),p=d(`info-icon`);return u(),f(`div`,oe,[r(`h2`,se,l(e.$t(`pika.name.ingredients`)),1),a(c,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`]),a(p,{content:e.$t(`pika.description.ingredients`),class:`info`},null,8,[`content`])])}var le=k(ae,[[`render`,ce],[`__scopeId`,`data-v-17c0af5c`]]),ue=s({name:`EffectSelector`,components:{ElSelect:g,ElOption:_},data(){return{}},computed:{options(){return[{value:`Levitate`,label:this.$t(`pika.style.effect1`)},{value:`Decapitate`,label:this.$t(`pika.style.effect2`)},{value:`Eye-pop`,label:this.$t(`pika.style.effect3`)},{value:`Ta-da`,label:this.$t(`pika.style.effect4`)},{value:`Deflate`,label:this.$t(`pika.style.effect5`)},{value:`Crumble`,label:this.$t(`pika.style.effect6`)},{value:`Dissolve`,label:this.$t(`pika.style.effect7`)},{value:`Squish`,label:this.$t(`pika.style.effect8`)},{value:`Inflate`,label:this.$t(`pika.style.effect9`)},{value:`Melt`,label:this.$t(`pika.style.effect10`)},{value:`Cake-ify`,label:this.$t(`pika.style.effect11`)},{value:`Crush`,label:this.$t(`pika.style.effect12`)},{value:`Explode`,label:this.$t(`pika.style.effect13`)}]},value:{get(){return this.$store.state.pika?.config?.effect},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,effect:e})}}}}),de={class:`field`},fe={class:`title font-bold`},pe={class:`float-left`};function me(e,t,i,o,s,h){let g=d(`el-option`),_=d(`el-select`);return u(),f(`div`,de,[r(`h2`,fe,l(e.$t(`pika.name.effect`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`pika.placeholder.select`),clearable:``},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(g,{key:e.value,label:e.label,value:e.value},{default:p(()=>[r(`span`,pe,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var he=k(ue,[[`render`,me],[`__scopeId`,`data-v-d1c54475`]]),ge=s({name:`IngredientsModelSelector`,components:{ElRadioButton:S,ElRadioGroup:C},data(){return{options:[{label:this.$t(`pika.button.precise`),value:`precise`},{label:this.$t(`pika.button.creative`),value:`creative`}]}},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients_mode},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients_mode:e})}}},mounted(){this.value||=ee}}),_e={class:`field`},ve={class:`title font-bold`};function ye(e,t,o,s,h,g){let _=d(`el-radio-button`),v=d(`el-radio-group`);return u(),f(`div`,_e,[r(`h2`,ve,l(e.$t(`pika.name.ingredientsModel`)),1),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`quality`},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(_,{key:e.value,label:e.value},{default:p(()=>[i(l(e.label),1)]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`])])}var be=k(ge,[[`render`,ye],[`__scopeId`,`data-v-b72865fa`]]),xe=s({name:`ModelSelector`,components:{ElSelect:g,ElOption:_},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`2.0`,label:`2.0`},{value:`1.5`,label:`1.5`}]}},computed:{value:{get(){return this.$store.state.pika?.config?.model},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika.config,model:e})}}},mounted(){this.value||=`2.0`}}),Se={class:`field`},Ce={class:`title font-bold`};function we(e,t,i,o,s,h){let g=d(`el-option`),_=d(`el-select`);return u(),f(`div`,Se,[r(`h2`,Ce,l(e.$t(`pika.name.model`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`pika.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Te=k(xe,[[`render`,we],[`__scopeId`,`data-v-7b2e870a`]]),Ee=s({name:`ImageUrlInput`,components:{ElUpload:v,ElButton:h,InfoIcon:H,ImagePreview:B,FontAwesomeIcon:R},mixins:[D,N],data(){return{fileList:[],uploadUrl:L()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.pika?.config?.image_url},set(){let e=this.urls?.[0];this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,image_url:e})}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){A.warning(this.$t(`pika.message.uploadStartImageExceed`))},onError(){A.error(this.$t(`pika.message.uploadStartImageError`))},async onRemove(){A.error(this.$t(`pika.message.uploadStartImageError`))},onSetStartImageUrl(){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,image_url:this.urls})},async onSuccess(){this.onSetStartImageUrl()}}}),De={class:`field`},Oe={class:`title font-bold`},ke={class:`upload-wrapper`};function Ae(e,t,n,o,s,c){let m=d(`image-preview`),h=d(`font-awesome-icon`),g=d(`el-button`),_=d(`el-upload`),v=d(`info-icon`);return u(),f(`div`,De,[r(`h2`,Oe,l(e.$t(`pika.name.imageUrl`)),1),r(`div`,ke,[a(_,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value upload-wrapper`,limit:3,multiple:!0,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:t})=>[a(m,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:p(()=>[a(g,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(h,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(e.$t(`pika.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-remove`,`on-success`,`headers`])]),a(v,{content:e.$t(`pika.description.imageUrl`),class:`info`},null,8,[`content`])])}var je=k(Ee,[[`render`,Ae],[`__scopeId`,`data-v-25cefe78`]]),Me=s({name:`PromptInput`,components:{PromptTextarea:G},computed:{prompt:{get(){return this.$store.state.pika?.config?.prompt},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Ne(e,t,r,i,a,o){let s=d(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`pika.name.prompt`),info:e.$t(`pika.description.prompt`),placeholder:e.$t(`pika.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Pe=s({name:`PresetPanel`,components:{ImageUrlInput:je,ElButton:h,FontAwesomeIcon:R,Consumption:q,PromptInput:k(Me,[[`render`,Ne]]),IngredientsSelector:le,IngredientsModelSelector:be,ModelSelector:Te,EffectSelector:he},emits:[`generate`],computed:{config(){return this.$store.state.pika?.config},consumption(){return te(this.config,this.service?.cost)},service(){return this.$store.state.pika?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Fe={class:`flex flex-col h-full`},Ie={class:`flex-1 overflow-y-auto p-5`},Le={class:`flex flex-col items-center justify-center px-5 pb-5`};function Re(e,t,s,c,m,h){let g=d(`prompt-input`),_=d(`model-selector`),v=d(`ingredients-selector`),y=d(`effect-selector`),b=d(`image-url-input`),x=d(`ingredients-model-selector`),S=d(`consumption`),C=d(`font-awesome-icon`),w=d(`el-button`);return u(),f(`div`,Fe,[r(`div`,Ie,[a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`}),a(y,{class:`mb-4`}),e.config?.ingredients?(u(),n(b,{key:0,class:`mb-4`})):o(``,!0),e.config?.ingredients?(u(),n(x,{key:1,class:`mb-4`})):o(``,!0)]),r(`div`,Le,[a(S,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(w,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(C,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`pika.button.generate`)),1)]),_:1},8,[`onClick`])])])}var ze=k(Pe,[[`render`,Re]]),Be=s({name:`VideoPlayer`,components:{VuePlyr:Y},props:{modelValue:{type:Object,required:!0}},data(){return{options:{quality:{default:1080,options:[1080]}}}}}),Ve=[`data-poster`],He=[`src`];function Ue(e,t,n,i,o,s){let c=d(`vue-plyr`);return u(),f(`div`,null,[a(c,{options:e.options,class:`video`},{default:p(()=>[r(`video`,{controls:``,playsinline:``,preload:`metadata`,"data-poster":e.modelValue?.image_url},[r(`source`,{size:`1080`,src:e.modelValue?.video_url,type:`video/mp4`},null,8,He)],8,Ve)]),_:1},8,[`options`])])}var We=s({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:z,FontAwesomeIcon:R,ElAlert:x,VideoPlayer:k(Be,[[`render`,Ue],[`__scopeId`,`data-v-897d9fe0`]]),ElTooltip:y,ElButton:h,ApiCodeButton:J},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pika?.application},config(){return this.$store.state.pika?.config},videos(){let e=[],t=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(n=>{let r=n;t&&(r.action=t),e.push(r)}),e}},methods:{onDownload(e){console.log(`on download`),window.open(e,`_blank`)},onReload(e){let t=e.target,n=new URL(t.src),r=n.searchParams.get(`retry`);if(!r)n.searchParams.set(`retry`,`1`);else if(parseInt(r)<2)n.searchParams.set(`retry`,(parseInt(r)+1).toString());else return;t.src=n.toString()},onOpenVideo(e){window.open(e,`_blank`)}}}),Ge={class:`left`},Ke={class:`main`},qe={class:`bot`},Je={class:`datetime`},Ye={class:`info`},Xe={key:0,class:`prompt mt-2`},Ze={key:0},Qe={key:1},$e={key:0,class:t({content:!0,failed:!0})},et={class:`image-wrapper`},tt={key:0,class:t({operations:!0,"mt-2":!0})},nt={key:0,class:`description`},rt={class:`description`},it={key:1,class:`description`},at={key:1,class:t({content:!0})},ot={class:`description`},st={class:`description`},ct={key:0,class:`description`},lt={class:`description`},ut={key:2,class:t({content:!0})},dt={class:`description`};function ft(e,t,s,h,g,_){let v=d(`el-image`),y=d(`VideoPlayer`),b=d(`el-button`),x=d(`el-tooltip`),S=d(`api-code-button`),C=d(`font-awesome-icon`),w=d(`copy-to-clipboard`),T=d(`el-alert`);return u(!0),f(m,null,c(e.videos,(t,s)=>(u(),f(`div`,{key:s,class:`preview`},[r(`div`,Ge,[a(v,{src:`https://cdn.acedata.cloud/i80tgn.png`,class:`avatar`})]),r(`div`,Ke,[r(`div`,qe,[i(l(e.$t(`pika.name.pikaBot`))+` `,1),r(`span`,Je,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,Ye,[e.modelValue?.request?.prompt?(u(),f(`p`,Xe,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),f(`span`,Ze,` - (`+l(e.$t(`pika.status.pending`))+`) `,1)),t?.state===`processing`||t?.state===`pending`?(u(),f(`span`,Qe,` - (`+l(e.$t(`pika.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),f(`div`,$e,[r(`div`,et,[a(y,{"model-value":t},null,8,[`model-value`])]),t?(u(),f(`div`,tt,[a(x,{class:`box-item`,effect:`dark`,content:e.$t(`pika.message.downloadVideo`),placement:`top-start`},{default:p(()=>[t?.video_url?(u(),n(b,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:n=>e.onDownload(t?.video_url)},{default:p(()=>[i(l(e.$t(`pika.button.download`)),1)]),_:1},8,[`onClick`])):o(``,!0)]),_:2},1032,[`content`]),a(S,{path:`/pika/videos`,body:e.modelValue?.request},null,8,[`body`])])):o(``,!0),a(T,{closable:!1,class:`mt-2 success`},{default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,nt,[a(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),r(`p`,rt,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(w,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,it,[a(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),e.modelValue?.response?.success===!1?(u(),f(`div`,at,[a(T,{closable:!1,class:`failure`},{template:p(()=>[a(C,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.failure`)),1)]),default:p(()=>[r(`p`,ot,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(w,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,st,[a(C,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(w,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,ct,[a(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),r(`p`,lt,[a(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(w,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0),!e.modelValue?.response||t?.state===`processing`||t?.state===`pending`?(u(),f(`div`,ut,[a(T,{closable:!1,class:`info`},{template:p(()=>[a(C,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.failure`)),1)]),default:p(()=>[r(`p`,dt,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(w,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0)])]))),128)}var $=s({name:`RecentPanel`,components:{TaskPreview:k(We,[[`render`,ft],[`__scopeId`,`data-v-52856c99`]]),BotPlaceholder:V,NoTasks:K,ScrollList:U},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pika?.tasks,items:this.$store.state.pika?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),pt={key:0},mt={key:2,class:`w-full h-full flex items-center justify-center`};function ht(e,t,r,i,s,l){let h=d(`bot-placeholder`),g=d(`task-preview`),_=d(`scroll-list`),v=d(`no-tasks`);return u(),f(m,null,[e.tasks?.items===void 0?(u(),f(`div`,pt,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(u(!0),f(m,null,c(e.tasks?.items,(e,t)=>(u(),n(g,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),f(`div`,mt,[a(v)])):o(``,!0)],64)}var gt=k($,[[`render`,ht]]),_t=E(`pika`),vt=s({name:`PikaIndex`,components:{ConfigPanel:ze,Layout:ie,RecentPanel:gt},mixins:[I],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pika?.status?.getApplications===F.Request},tasksLoading(){return this.$store.state.pika?.status?.getTasks===F.Request||this.fetchingTasks},service(){return this.$store.state.pika.service},credential(){return this.$store.state.pika.credential},config(){return this.$store.state.pika.config},initializing(){return this.$store.state.pika.status.getApplications===F.Request},needApply(){return this.$store.state.pika.status.getApplications===F.Success&&!this.application},application(){return this.$store.state.pika.application},applications(){return this.$store.state.pika.applications},tasks(){return this.$store.state.pika.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await W({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`pika/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`pika/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},onApply(){M.create({application:this.application}).then(({data:e})=>{this.application=e,A.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&A.error(this.$t(`application.message.alreadyApplied`))})},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`pika/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!O(this.uploadTracker,e=>this.$t(e),e=>A.warning(e)))return;let e={...this.config,callback_url:_t},t=this.credential?.token;if(!t){console.error(`no token specified`);return}A.info(this.$t(`pika.message.startingTask`)),j(`pika`,P.generate(e,{token:t})).then(()=>{A.success(this.$t(`pika.message.startTaskSuccess`)),this.$store.commit(`pika/setConfig`,{config:void 0})}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?A.error(this.$t(`pika.message.usedUp`)):A.error(this.$t(`pika.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function yt(e,t,r,i,o,s){let c=d(`config-panel`),l=d(`recent-panel`),f=d(`layout`);return u(),n(f,null,{config:p(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(l,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var bt=k(vt,[[`render`,yt],[`__scopeId`,`data-v-eae39ce1`]]);export{bt as default};