https://store.onstove.com/_nuxt_store_v2/BgYNGe5J.js

1import{p as y,a as d,S as _,j as P,b as S,k as x,l as E,n as I,i as N}from"./CoUDdpH7.js";import{d as L,p as R,j as u,o as r,c as l,b as n,a as v,n as b,u as e,F as g,q as T,f as A,e as D,g as z}from"./CsDohyFi.js";import"./CZBwtAu2.js";const h={IDLE:"idle",PENDING:"pending",SUCCESS:"success",ERROR:"error"},V=y("/public_store_v2/indie-components/images/common/stove_loading_dark.png"),j=y("/public_store_v2/indie-components/images/common/stove_loading_light.png"),B={class:"relative"},M=["src"],O=["src"],G={key:1,class:"flex min-h-200 items-center justify-center"},H=["innerHTML"],U=L({name:"PartnersComponentPreviewPage",description:`
2    - 파트너스의 컴포넌트 미리보기 기능 제공을 위한 페이지
3    - 컴포넌트 미리보기는 X-Nation, X-Lang을 재정의하여 api를 요청하도록 동작합니다.
4    - 파트너스의 미리보기 데이터는 스토어 서비스에서 허용되지 않는 다국어 데이터를 지원합니다.
5      - 이 경우 GNB는 최종 다국어 선택 정책 기준으로 노출되며
6      - 데이터는 파트너스에서 설정한 노출 언어로 사용자에게 컴포넌트 데이터로 노출됩니다.
7  `,__name:"partners-component",async setup(q){let s,m;const f=d(_.COMPONENTS_API_SERVICE),w=d(_.DEVICE),C=P(),o=([s,m]=R(async()=>S("partners-component-preview",async()=>{const{previewToken:i,componentId:a,customHeader:c,isPreviewMode:p}=x("");if(!p||i===void 0)return Promise.reject(C.t("store.v2.preview.message.empty-query-params"));try{return await f.retrieveComponentInfo({component_id:a,preview:i},c)}catch(k){return Promise.reject(k)}})),s=await s,m(),s),t=z(()=>o.data.value);return E(()=>{o.refresh()}),(i,a)=>{const c=u("SText"),p=u("IndieComponentRender");return r(),l(g,null,[n("div",{class:b(["sticky top-0 z-[1001]",{"top-[4.8rem]":e(w).isStoveLauncher}])},[a[0]||(a[0]=n("div",{class:"absolute left-0 top-0 z-[9999999] h-full w-full bg-white opacity-0"},null,-1)),v(I,{id:"store-gnb-root",class:"relative z-[-1]","margin-type":"sub"})],2),n("div",B,[e(o).status.value===e(h).PENDING?(r(),l(g,{key:0},[n("img",{class:"mx-auto hidden h-auto w-80 dark:block",src:e(V),alt:"Loading",loading:"lazy"},null,8,M),n("img",{class:"height-auto mx-auto block w-80 dark:hidden",src:e(j),alt:"Loading",loading:"lazy"},null,8,O)],64)):e(o).status.value===e(h).ERROR?(r(),l("div",G,[v(c,{tag:"div","font-size":"xl","line-height":"lg",color:"on-surface-elevation-1",default:"Text",class:"tracking-[-0.03rem] text-gray650 dark:text-white"},{default:T(()=>[n("p",{innerHTML:e(o).error.value?.message},null,8,H)]),_:1})])):e(t)?(r(),A(p,{key:2,use_auth_yn:"N",component_id:e(t).component_id,component_type:e(t).component_type,component_title:e(t).component_title,props:e(t).props??void 0,children:e(t).children??[]},null,8,["component_id","component_type","component_title","props","children"])):D("",!0)])],64)}}}),Y=N(U,[["__scopeId","data-v-063ceaaf"]]);export{Y as default};