https://erobella.com/_nuxt/DRh90lad.js

1import oe from"./DKcOAgYu.js";import{d as X,f as z,s as ee,c as w,q as _e,o as i,k as L,w as se,j as t,t as r,e as s,a as u,b as O,R as re,n as ye,l as k,m as ie,Q as le,aV as Ne,a4 as Ge,aQ as He,Z as We,a1 as Ye,a6 as qe,r as U,aI as Ke,K as Xe,cK as ze,a8 as D,cX as Je,V as Q,ap as Qe,aq as Ze,b3 as ne,cY as et}from"./DIRkIRWB.js";import be from"./4340IE5c.js";import xe from"./C7pQK-47.js";import tt from"./Bd4pquHl.js";import{_ as de}from"./DkKBxmfE.js";import{u as we}from"./BkRVm944.js";import{B as st}from"./Cl5UbHGU.js";import"./D6dOeW3N.js";import"./DlAUqK2U.js";const ot={class:"text-center"},it={class:"text-xl font-bold text-dark-grey mb-2"},at={class:"text-sm text-x-grey-15"},nt={class:"space-y-3 px-4"},rt={key:0,class:"flex flex-col items-center justify-center py-12"},lt={class:"text-sm text-x-grey-15"},dt={key:1,class:"flex flex-col items-center justify-center py-12"},ct={class:"text-sm text-x-grey-15 mb-2"},ut={class:"text-xs text-x-grey-15"},mt=["onClick"],pt={class:"flex-shrink-0 w-16 h-24 bg-dark-grey rounded-lg overflow-hidden flex items-center justify-center"},ht=["src"],ft={class:"flex-1 min-w-0"},gt={class:"text-base font-semibold text-dark-grey mb-1"},vt={class:"text-xs text-x-grey-15 truncate"},_t={class:"text-xs text-x-grey-15"},yt={key:0},bt={key:0,class:"text-xs text-green-600 font-medium mt-1"},xt=X({__name:"ModalArchivedStoriesMedia",props:{maxMedia:{},currentMediaCount:{},reusedMediaIds:{}},emits:["close","reuse"],setup(M,{emit:l}){const h=M,v=l,{t:d}=z(),P=we(),{reusableMedia:y,isLoadingMedia:I}=ee(P),_=w(()=>h.currentMediaCount<h.maxMedia),A=w(()=>h.maxMedia-h.currentMediaCount);function F(p){return h.reusedMediaIds.includes(p)}function m(p){return new Date(p).toLocaleDateString("en-GB",{day:"2-digit",month:"2-digit",year:"2-digit"})}function V(p){return p.type==="photo"}

1function E(p){return V(p)?p.imageUrl:p.smallThumbnailUrl||p.thumbnailUrl}function f(p,B){return p.originalFilename||d("stories.mediaNumber",{number:B+1})}_e(async()=>{await P.fetchReusableMedia()});function C(p){!_.value||F(p.id)||v("reuse",p)}function $(){v("close")}return(p,B)=>{const W=oe,T=be,Y=xe,q=tt;return i(),L(de,{onOutsideClick:$},{header:se(()=>[t("div",ot,[t("h2",it,r(s(d)("stories.archivedStories")),1),t("p",at,r(s(d)("stories.clickToReuseStory",{slots:A.value,slotsText:A.value===1?s(d)("stories.slot"):s(d)("stories.slots")})),1)])]),default:se(()=>[t("div",nt,[s(I)?(i(),u("div",rt,[O(W,{class:"w-10 h-10 animate-spin text-x-pink mb-4",filled:""}),t("p",lt,r(s(d)("stories.loadingArchivedStories")),1)])):s(y).length===0?(i(),u("div",dt,[t("p",ct,r(s(d)("stories.noArchivedStoriesFound")),1),t("p",ut,r(s(d)("stories.uploadNewStoriesToBuild")),1)])):(i(!0),u(le,{key:2},re(s(y),(g,R)=>(i(),u("div",{key:g.id,class:ye(["flex items-center gap-4 p-4 border rounded-xl transition-colors",[F(g.id)?"border-green-500 bg-green-50 opacity-60 cursor-not-allowed":_.value?"border-x-grey-18 bg-white cursor-pointer hover:bg-green-50":"border-x-grey-18 bg-x-grey-5 opacity-50 cursor-not-allowed"]]),onClick:K=>C(g)},[t("div",pt,[E(g)?(i(),u("img",{key:0,src:E(g)??void 0,class:"w-full h-full object-cover",alt:"Story media"},null,8,ht)):(i(),L(T,{key:1,class:"w-8 h-8 text-white"}))]),t("div",ft,[t("p",gt,r(s(d)("stories.mediaNumber",{number:R+1})),1),t("p",vt,r(f(g,R)),1),t("p",_t,[!V(g)&&g.formattedDuration?(i(),u("span",yt,r(g.formattedDuration)+" · ",1)):k("",!0),ie(" "+r(s(d)("stories.firstPublished",{date:m(g.firstPublished)})),1)]),F(g.id)?(i(),u("p",bt,r(s(d)("stories.alreadyAdded")),1)):k("",!0)]),F(g.id)?(i(),L(Y,{key:0,class:"w-6 h-6 text-green-600"})):(i(),L(q,{key:1,class:"w-6 h-6 text-x-grey-15"}))],10,mt))),128))])]),_:1})}}}),wt={class:"flex flex-col items-center justify-center py-8 px-4 text-center"},kt={class:"w-16 h-16 mb-6 rounded-full bg-green-100 flex items-center justify-center"},Pt={class:"text-2xl font-bold text-dark-grey mb-3"},St={class:"text-base text-x-grey-15 mb-2"},Mt={class:"text-sm text-x-grey-15 mb-8"},$t=X({__name:"ModalStoryPublishSuccess",props:{expiresAt:{}},emits:["close"],setup(M,{emit:l}){const h=l,{t:v}=z();function d(y){return new Date(y).toLocaleDateString("en-GB",{day:"2-digit",month:"short",year:"numeric",hour:"2-digit",minute:"2-digit"})}function P(){h("close")}return(y,I)=>{const _=xe;return i(),L(de,{onOutsideClick:P},{default:se(()=>[t("div",wt,[t("div",kt,[O(_,{class:"w-8 h-8 text-green-600"})]),t("h2",Pt,r(s(v)("stories.publishSuccess")),1),t("p",St,r(s(v)("stories.publishedUntil",{date:d(y.expiresAt)})),1),t("p",Mt,r(s(v)("stories.viewStoryInstructions")),1),t("button",{onClick:P,class:"w-full py-4 px-6 rounded-xl font-semibold text-base text-white bg-gradient-to-r from-pink-500 to-orange-400 hover:from-pink-600 hover:to-orange-500 shadow-lg transition-all cursor-pointer"},r(s(v)("stories.gotIt")),1)])]),_:1})}}}),Ut={class:"flex flex-col items-center justify-center py-6 px-4 text-center"},Lt={class:"w-20 h-20 mb-6 rounded-full bg-x-pink bg-opacity-10 flex items-center justify-center"},Ct={class:"text-xl font-bold text-dark-grey mb-3"},It=["innerHTML"],At={class:"flex flex-col gap-3 w-full"},Dt=["disabled"],Ft={key:0,class:"flex items-center justify-center gap-2"},Rt={key:1},Et=["disabled"],Tt=X({__name:"ModalStoryPublishConfirm",props:{days:{},price:{},isPublishing:{type:Boolean}},emits:["close","confirm"],setup(M,{emit:l}){const h=l,{t:v}=z();function d(){h("close")}function P(){h("confirm")}return(y,I)=>{const _=be,A=oe;return i(),L(de,{onOutsideClick:d},{default:se(()=>[t("div",Ut,[t("div",Lt,[O(_,{class:"!w-12 !h-12 text-x-pink"})]),t("h2",Ct,r(s(v)("stories.confirmPublishTitle")),1),t("p",{class:"text-base text-x-grey-15 mb-6",innerHTML:s(v)("stories.confirmPublishDescription",{days:y.days,daysText:y.days===1?s(v)("stories.day"):s(v)("stories.days"),price:y.price})},null,8,It),t("div",At,[t("button",{onClick:P,disabled:y.isPublishing,class:"w-full py-4 px-6 rounded-xl font-semibold text-base text-white bg-gradient-to-r from-pink-500 to-orange-400 hover:from-pink-600 hover:to-orange-500 shadow-lg transition-all cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed"},[y.isPublishing?(i(),u("span",Ft,[O(A,{class:"w-5 h-5 animate-spin",filled:""}),ie(" "+r(s(v)("stories.publishing")),1)])):(i(),u("span",Rt,r(s(v)("stories.confirmPublish")),1))],8,Dt),t("button",{onClick:d,disabled:y.isPublishing,class:"w-full py-3 px-6 rounded-xl font-semibold text-base text-dark-grey hover:bg-gray-100 transition-all cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed"},r(s(v)("home.cancel")),9,Et)])])]),_:1})}}}),jt={class:"flex items-center gap-4 p-4 bg-white border border-x-grey-18 rounded-xl"},Ot={class:"flex-shrink-0 w-16 h-24 bg-dark-grey rounded-lg overflow-hidden relative"},Vt=["src","alt"],Bt=["src"],Nt=["src","alt"],Gt={key:3,class:"absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center"},Ht={class:"flex-1 min-w-0"},Wt={class:"text-base font-semibold text-dark-grey"},Yt={key:0,class:"text-xs text-x-grey-15 truncate"},qt={key:1,class:"text-xs text-x-grey-15"},Kt={key:2,class:"mt-2"},Xt={class:"flex items-center justify-between mb-1"},zt={class:"text-xs text-x-grey-15"},Jt={key:0,class:"text-xs text-x-grey-15"},Qt={key:0,class:"w-full bg-x-grey-10 rounded-full h-1.5"},Zt={key:3,class:"text-xs text-x-grey-15 mt-1"},es=["disabled"],ts=X({__name:"UploadedStoryMediaItem",props:{media:{},index:{},isDeleting:{type:Boolean},isAnyUploading:{type:Boolean}},emits:["delete"],setup(M,{emit:l}){const h=M,v=l,{t:d}=z(),P=w(()=>h.media.isLoading),y=w(()=>!h.media.isLoading&&!!h.media.isProcessing),I=w(()=>h.media.uploadProgress||0),_=w(()=>h.media.type==="photo");function A(m){return new Date(m).toLocaleDateString("en-GB",{day:"2-digit",month:"2-digit",year:"2-digit"})}function F(){v("delete",h.media.id,h.media.mediaId)}return(m,V)=>{const E=oe;return i(),u("div",jt,[t("div",Ot,[m.media.thumbnail?(i(),u("img",{key:0,src:m.media.thumbnail,class:"w-full h-full object-cover",alt:s(d)("stories.mediaThumbnail")},null,8,Vt)):!_.value&&m.media.blob&&!m.media.blob.startsWith("http")?(i(),u("video",{key:1,src:m.media.blob,class:"w-full h-full object-cover",muted:""},null,8,Bt)):m.media.blob?(i(),u("img",{key:2,src:m.media.blob,class:"w-full h-full object-cover",alt:s(d)("stories.mediaThumbnail")},null,8,Nt)):k("",!0),P.value||y.value?(i(),u("div",Gt,[O(E,{class:"w-6 h-6 animate-spin text-white",f

1illed:""})])):k("",!0)]),t("div",Ht,[t("p",Wt,r(s(d)("stories.storyNumber",{number:m.index+1})),1),m.media.originalFilename?(i(),u("p",Yt,r(m.media.originalFilename),1)):k("",!0),m.media.firstPublished?(i(),u("p",qt,r(s(d)("stories.firstPublished",{date:A(m.media.firstPublished)})),1)):k("",!0),P.value?(i(),u("div",Kt,[t("div",Xt,[t("span",zt,r(s(d)("stories.uploading")),1),_.value?k("",!0):(i(),u("span",Jt,r(I.value)+"%",1))]),_.value?k("",!0):(i(),u("div",Qt,[t("div",{class:"bg-x-pink h-1.5 rounded-full transition-all duration-300",style:Ne({width:`${I.value}%`})},null,4)]))])):y.value?(i(),u("p",Zt,r(s(d)("stories.encodingVideo")),1)):k("",!0)]),t("button",{onClick:F,disabled:P.value||m.isDeleting||m.isAnyUploading,class:"px-4 py-2 text-sm text-dark-grey bg-x-grey-8 hover:bg-x-grey-10 rounded-lg transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2"},[m.isDeleting?(i(),L(E,{key:0,class:"w-4 h-4 animate-spin",filled:""})):k("",!0),ie(" "+r(s(d)("stories.delete")),1)],8,es)])}}});var te=(M=>(M.IMAGE_JPEG="image/jpeg",M.IMAGE_PNG="image/png",M.IMAGE_WEBP="image/webp",M.VIDEO_MP4="video/mp4",M))(te||{});const ss={class:"container mx-auto px-4 py-6 max-w-lg"},os={key:0,class:"flex flex-col items-center justify-center py-12"},is={class:"text-sm text-x-grey-15"},as={key:1},ns={class:"mb-6"},rs={class:"text-xl font-bold text-dark-grey mb-2"},ls={class:"text-sm text-x-grey-15"},ds={class:"mb-4"},cs=["disabled"],us={class:"mb-2 text-center"},ms=["disabled"],ps={class:"mb-4 text-center"},hs={class:"text-xs text-x-grey-15"},fs={key:0,class:"mb-44 space-y-3"},gs={class:"fixed bottom-0 left-0 right-0 bg-white shadow-lg"},vs={class:"container mx-auto px-4 py-4 max-w-lg"},_s={class:"mb-4"},ys={class:"flex items-center justify-center"},bs={class:"text-base text-dark-grey font-medium mr-2"},xs=["value"],ws={class:"mb-4 text-center"},ks=["innerHTML"],Ps=["disabled"],Ss={key:0,class:"flex items-center justify-center gap-2"},Ms={key:1},$s={key:2},Us={key:3},Z=4,ve=30,Os=X({__name:"create",setup(M){const{t:l}=z(),h=Ge(),v=He(),d=we(),P=We(),y=Ye(),I=qe(),{pricing:_,isLoadingStory:A}=ee(d),{currentUser:F}=ee(P),{managerData:m}=ee(y),V=w(()=>{var e;return((e=F.value)==null?void 0:e.credits)||0}),E=[te.IMAGE_JPEG,te.IMAGE_PNG,te.IMAGE_WEBP],f=U([]),C=U([]),$=U(2),p=U(!1),B=U(null),W=U(!1),T=U(!1),Y=U(!1),q=U(null),g=U(null),R=U(null),K=U(null),ce=[1,2,3,7,14,30],x=w(()=>[...f.value,...C.value]),N=w(()=>x.value.length<Z),ke=w(()=>C.value.filter(e=>e.mediaId!==void 0).map(e=>e.mediaId)),J=w(()=>f.value.some(e=>e.isLoading)),G=w(()=>x.value.some(e=>e.isProcessing)),H=w(()=>{if(!_.value)return 0;const e=x.value.length;return e>=_.value.maxMedia?_.value.maxMediaPrice*$.value:e*_.value.oneMediaPrice*$.value}),Pe=w(()=>_.value?l("stories.boostProfileDescriptionDynamic",{pricePerStory:_.value.oneMediaPrice,maxMedia:_.value.maxMedia,maxPrice:_.value.maxMediaPrice}):l("stories.boostProfileDescription"));async function ae(e=!1){const o=await d.fetchUnpublishedStory(e);o&&(g.value=o.id,f.value=f.value.filter(n=>!n.mediaId),o.media&&o.media.length>0?C.value=o.media.map(Se):C.value=[])}function Se(e){if(e.type==="photo"){const o=e.imageUrl||"";return{id:`photo-${e.id}`,type:"photo",name:e.originalFilename||`photo-${e.id}.jpg`,blob:o,originalFile:{},isLoading:!1,isProcessing:!1,thumbnail:o,mediaId:e.id,isFromReuseList:!e.isUploaded,firstPublished:e.firstPublished,originalFilename:e.originalFilename}}return{id:`video-${e.id}`,type:"video",name:e.originalFilename||`video-${e.id}.mp4`,blob:e.videoUrl||e.thumbnailUrl||"",originalFile:{},isLoading:!1,isProcessing:e.bunnyStatus!=="ready",duration:e.duration,thumbnail:e.thumbnailUrl||void 0,mediaId:e.id,isFromReuseList:!e.isUploaded,firstPublished:e.firstPublished,originalFilename:e.originalFilename}}function ue(e,o){e.value.forEach((n,a)=>

1{if(n.type!=="video"||!n.isProcessing||!n.mediaId)return;const c=o.find(b=>b.id===n.mediaId);c&&c.bunnyStatus==="ready"&&(e.value[a]={...n,isProcessing:!1,thumbnail:c.thumbnailUrl||void 0,duration:c.duration||void 0,originalFilename:c.originalFilename})})}function me(){R.value||(R.value=setInterval(async()=>{var o;if(!G.value){pe();return}const e=await d.fetchUnpublishedStory(!0);(o=e==null?void 0:e.media)!=null&&o.length&&(ue(f,e.media),ue(C,e.media))},5e3))}function pe(){R.value&&(clearInterval(R.value),R.value=null)}_e(async()=>{if(await Promise.all([d.fetchPricing(),ae()]),G.value&&me(),h.query.publish==="true"){const e=Number(h.query.days);e&&ce.includes(e)&&($.value=e),await v.replace({query:{}}),x.value.length>0&&!G.value&&fe()}}),Ke(()=>{pe()});function Me(){var e;N.value&&((e=B.value)==null||e.click())}function $e(e){const o=e.target;if(o.files){const n=Z-x.value.length,a=Array.from(o.files).slice(0,n);for(const c of a){if(c.type.startsWith("video/")){Le(c);continue}c.type.startsWith("image/")&&Ce(c)}}o&&(o.value="")}function Ue(e){return new Promise((o,n)=>{const a=document.createElement("video");a.preload="metadata",a.onloadedmetadata=()=>{URL.revokeObjectURL(a.src),o(a.duration)},a.onerror=()=>{URL.revokeObjectURL(a.src),n(new Error("Failed to load video metadata"))},a.src=URL.createObjectURL(e)})}async function Le(e){try{if(await Ue(e)>ve){await D.error(l("stories.videoTooLong",{max:ve}));return}}catch{await D.error(l("stories.invalidVideo"));return}const o=`${Date.now()}-${e.name}`,n={id:o,type:"video",name:e.name,blob:URL.createObjectURL(e),originalFile:e,isLoading:!0,uploadProgress:0,originalFilename:e.name};f.value.push(n),await Ae(o,e)}async function Ce(e){if(!E.includes(e.type)){await D.error(l("stories.invalidPhotoFormat"));return}const o=`${Date.now()}-${e.name}`,n={id:o,type:"photo",name:e.name,blob:URL.createObjectURL(e),originalFile:e,isLoading:!0,originalFilename:e.name};f.value.push(n),await Ie(o,e)}async function Ie(e,o){if(!f.value.find(S=>S.id===e))return;const{data:a,error:c}=await d.uploadStoryPhoto(o),b=f.value.find(S=>S.id===e);if(b){if(c||!a){await D.error(c||l("stories.uploadFailed"));const S=f.value.indexOf(b);f.value.splice(S,1);return}b.isLoading=!1,b.isProcessing=!1,b.mediaId=a.id,b.thumbnail=a.imageUrl||void 0,b.blob=a.imageUrl||b.blob}}async function Ae(e,o){if(!f.value.find(j=>j.id===e))return;const a=j=>{const ge=f.value.find(Be=>Be.id===e);ge&&(ge.uploadProgress=j)},{data:c,error:b}=await d.uploadStoryVideo(o,a),S=f.value.find(j=>j.id===e);if(S){if(b||!c){await D.error(b||l("stories.uploadFailed"));const j=f.value.indexOf(S);f.value.splice(j,1);return}S.isLoading=!1,S.mediaId=c.id,S.thumbnail=c.thumbnailUrl||void 0,S.duration=c.duration||void 0,S.isProcessing=c.bunnyStatus!=="ready",c.bunnyStatus!=="ready"&&me()}}async function De(e,o){let n=f.value.find(c=>c.id===e),a=!0;if(n||(n=C.value.find(c=>c.id===e),a=!1),!!n)if(o&&g.value){K.value=e;const{error:c}=await d.deleteStoryMedia(g.value,o);if(c){console.error("Failed to delete story media:",c),K.value=null;return}await new Promise(b=>setTimeout(b,250)),await ae(!0),K.value=null}else URL.revokeObjectURL(n.blob),a?f.value.splice(f.value.indexOf(n),1):C.value.splice(C.value.indexOf(n),1)}function Fe(){W.value=!0}function he(){W.value=!1}async function Re(e){var n;if(!N.value||!g.value)return;const{error:o}=await d.attachStoryMedia(g.value,e.id);if(o){console.error("Failed to attach story media:",o);const a=((n=o==null?void 0:o.data)==null?void 0:n.message)||l("stories.uploadFailed");await D.error(a);return}await ae(!0),N.value||he()}function Ee(){return m.value?m.value.credits>=H.value:V.value>=H.value}function Te(){const e=window.location.pathname+`?publish=true&days=${$.value}`;if(Qe.setItemWithExpiration(Ze.STORY_PUBLISH_PRICE,String(H.value),30),m.value){const o=H.value-m.value.credits,n=Math.max(o,st),a=`${ne.LARAVEL_BUY_CREDITS}?price=${n}`,c=new URLSearchParams({redirectTo:a});window.location.href=Q(`${ne.LOGIN_AS_MANAGER}?${c}`,!0);return}et(Q(e,!0)),window.location.href=Q(ne.LARAVEL_BUY_CREDITS,!0)}function fe(){x.value.length===0||!g.value||(T.value=!0)}function je(){T.value=!1}async function Oe(){var e;if(!(x.value.length===0||!g.value)){if(!Ee()){T.value=!1,await D.error(l("stories.notEnoughCredits")),Te();return}p.value=!0;try{const{response:o,error:n}=await d.publishStory(g.value,$.value);if(n||!o){console.error("Failed to publish stories:",n);const a=((e=n==null?void 0:n.data)==null?void 0:e.message)||l("stories.publishFailed");await D.error(a);return}Je(),T.value=!1,q.value=o.results.expiresAt,Y.value=!0}catch(o){console.error("Failed to publish stories:",o),await D.error(l("stories.publishFailed"))}finally{p.value=!1}}}function Ve(){Y.value=!1,A.value=!0,window.location.href=Q(I.defaultSearchUrl,!0)}return(e,o)=>{const n=oe;return i(),u("div",ss,[s(A)?(i(),u("div",os,[O(n,{class:"w-10 h-10 animate-spin text-x-pink mb-4",filled:""}),t("p",is,r(s(l)("stories.loadingYourStory")),1)])):(i(),u("div",as,[t("div",ns,[t("h1",rs,r(s(l)("stories.boostProfileHeader")),1),t("p",ls,r(Pe.value),1)]),t("div",ds,[t("button",{onClick:Me,disabled:!N.value,class:"w-full py-4 px-6 border-2 border-x-pink text-x-pink font-semibold rounded-xl hover:bg-x-pink hover:bg-opacity-5 transition-all cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed"},r(N.value?s(l)("stories.uploadMedia"):s(l)("stories.maximumMedia",{max:Z})),9,cs),t("input",{ref_key:"fileInput",ref:B,type:"file",accept:"image/*,video/*",multiple:"",class:"hidden",onChange:$e},null,544)]),t("div",us,[t("button",{onClick:Fe,disabled:!N.value,class:"text-sm text-dark-grey underline font-medium hover:text-x-pink transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed"},r(s(l)("stories.reusePreviousStories")),9,ms)]),t("div",ps,[t("p",hs,r(s(l)("stories.uploadGuidelines")),1)]),x.value.length>0?(i(),u("div",fs,[(i(!0),u(le,null,re(x.value,(a,c)=>(i(),L(ts,{key:a.id,media:a,index:c,"is-deleting":K.value===a.id,"is-any-uploading":J.value,onDelete:De},null,8,["media","index","is-deleting","is-any-uploading"]))),128))])):k("",!0),t("div",gs,[t("div",vs,[t("div",_s,[t("div",ys,[t("span",bs,r(s(l)("stories.displayStoriesFor")),1),Xe(t("select",{"onUpdate:modelValue":o[0]||(o[0]=a=>$.value=a),class:"px-4 py-2 border border-x-grey-18 rounded-lg text-dark-grey font-medium bg-white focus:outline-none focus:border-x-pink"},[(i(),u(le,null,re(ce,a=>t("option",{key:a,value:a}

1,r(a)+" "+r(a===1?s(l)("stories.day"):s(l)("stories.days")),9,xs)),64))],512),[[ze,$.value]])])]),t("div",ws,[t("p",{class:"text-sm text-dark-grey",innerHTML:s(l)("stories.purchasingSummary",{count:x.value.length,storiesText:x.value.length===1?s(l)("stories.story"):s(l)("stories.stories"),days:$.value,daysText:$.value===1?s(l)("stories.day"):s(l)("stories.days"),price:H.value})},null,8,ks)]),t("div",null,[t("button",{onClick:fe,disabled:x.value.length===0||p.value||J.value||G.value,class:ye(["w-full py-4 px-6 rounded-xl font-semibold text-base text-white transition-all disabled:opacity-50 disabled:cursor-not-allowed",[x.value.length>0&&!p.value&&!J.value&&!G.value?"bg-gradient-to-r from-pink-500 to-orange-400 hover:from-pink-600 hover:to-orange-500 shadow-lg":"bg-x-grey-10"]])},[p.value?(i(),u("span",Ss,[O(n,{class:"w-5 h-5 animate-spin",filled:""}),ie(" "+r(s(l)("stories.publishing")),1)])):J.value?(i(),u("span",Ms,r(s(l)("stories.uploadingMedia")),1)):G.value?(i(),u("span",$s,r(s(l)("stories.encodingVideos")),1)):(i(),u("span",Us,r(s(l)("stories.publishMyStories")),1))],10,Ps)])])]),W.value?(i(),L(xt,{key:1,"max-media":Z,"current-media-count":x.value.length,"reused-media-ids":ke.value,onClose:he,onReuse:Re},null,8,["current-media-count","reused-media-ids"])):k("",!0),T.value?(i(),L(Tt,{key:2,days:$.value,price:H.value,"is-publishing":p.value,onClose:je,onConfirm:Oe},null,8,["days","price","is-publishing"])):k("",!0),Y.value&&q.value?(i(),L($t,{key:3,"expires-at":q.value,onClose:Ve},null,8,["expires-at"])):k("",!0)]))])}}});export{Os as default};