1import{_ as m,N as d,C as u,m as h,O as g,P as b,c as C,o as s,a,b as i,t as c,F as _,j as k,f as y,d as S,h as w,A as v,u as x,k as l}from"../../assets/app-853c92cb.js";import U from"./UploadAvatarCoverStep-3feeb9fe.js";import B from"./UpgradeMembershipStep-8af4bf69.js";import{S as D}from"./SetPricing-4991bcd1.js";import V from"./VerifyStep-7389c7e6.js";import"./BaseUploadCover-e5c65106.js";import"./BaseUploadAvatar-081d199c.js";import"./PackageBox-0c59008c.js";import"./subscription-dccd4f39.js";import"./CurrentPlan-bde48809.js";import"./index-df354ea0.js";import"./BaseInputFile-f399ab2b.js";const A={props:["step"],components:{Error:d,BaseIcon:u},data(){return{paidContentConfig:null,currentStep:1}},computed:{...h(v,["config"]),...h(x,["user"]),checklistItems(){var t,p;const e=[{field:"check_profile",title:this.$t("Update your profile picture and profile cover"),step:1},{field:"check_price",title:this.$t("Setup subscription pricing"),step:2}];return this.user.is_moderator||e.push({field:"check_membership",title:this.$t("Upgrade membership"),step:3}),(t=this.config)!=null&&t.userVerifyEnable&&((p=this.config)!=null&&p.paid_content.require_verify)&&e.push({field:"check_verify",title:this.$t("Verify your profile"),step:4}),e},becomeCreatorStep(){switch(this.currentStep){case 2:return D;case 3:return this.config.membership.enable?B:{render:()=>g(d,{},{default:()=>{var e,t;return((t=(e=this.config)==null?void 0:e.permissionMessages)==null?void 0:t["paid_content.allow_create"])||""}})};case 4:return V;default:return U}},notDoneStep(){if(!this.paidContentConfig)return 1;const e=this.checklistItems.find(t=>!this.paidContentConfig[t.field]);return e?e.step:1}},watch:{user(){this.handleGetConfig()}},mounted(){this.handleGetConfig()},methods:{async handleGetConfig(){try{const e=await b();this.paidContentConfig=e,this.currentStep=Number(this.step)||this.notDoneStep}catch(e){this.showError(e)}},handleClickStep(e){this.currentStep=e;let t=this.$router.resolve({name:"creator_setting_steps",params:{step:e}});C(t.fullPath)}}},E={class:"main-content-section"},G={class:"font-bold text-xl mb-base-2"},I={class:"mb-4"},N={key:0,class:"flex flex-wrap gap-y-5 mb-4"},P=["onClick"],z={class:"min-w-[140px] px-2"};function j(e,t,p,F,o,n){return s(),a("div",E,[i("h3",G,c(e.$t("Become a creator")),1),i("p",I,c(e.$t("To become a creator, you need to complete the items below.")),1),o.paidContentConfig?(s(),a("div",N,[(s(!0),a(_,null,k(n.checklistItems,(r,f)=>(s(),a("div",{key:r.field,class:l(["flex-1 text-center relative space-y-2 cursor-pointer",{"font-bold":o.paidContentConfig[r.field]}]),onClick:M=>n.handleClickStep(r.step)},[i("div",{class:l(["flex gap-base-2 w-10 h-10 mx-auto justify-center items-center rounded-full relative z-20",o.paidContentConfig[r.field]?"bg-primary-color text-white dark:bg-dark-primary-color":r.step===o.currentStep?"bg-secondary-color dark:bg-secondary-box-color dark:text-main-color":"bg-web-wash dark:bg-dark-web-wash"])},c(f+1),3),i("div",z,c(r.title),1),i("div",{class:l(["absolute top-2 w-full h-2 z-10",o.paidContentConfig[r.field]?"bg-primary-color dark:bg-dark-primary-color":r.step===o.currentStep?"bg-secondary-color dark:bg-secondary-box-color":"bg-web-wash dark:bg-dark-web-wash"])},null,2)],10,P))),128))])):y("",!0),(s(),S(w(n.becomeCreatorStep),{onUpdate:n.handleGetConfig},null,40,["onUpdate"]))])}const Y=m(A,[["render",j]]);export{Y as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.