https://coinness.com/static/index-DIlOChq9.js

1import{r as d,j as s}from"./vendor-react-BAPsjU3S.js";import{x as c,iN as K,iO as Q,bp as J,hz as ee,hv as te,hP as C,hu as ne,_ as re,$ as se}from"./main-BT3GxRjs.js";import{u as ae}from"./useViewportHeight-D1Ra78PE.js";import{Y as ie,h as le}from"./vendor-date-9lcy7a-1.js";import{u as oe}from"./vendor-query-CEq1LORh.js";import{p as ce,u as xe}from"./useActiveStoreProduct-Ddkbh9AU.js";import{m as ue}from"./vendor-motion-p-kDCFrl.js";import"./vendor-i18n-BvsFtJyE.js";import"./vendor-router-CShG477X.js";import"./vendor-utils-qhgP5WXb.js";import"./vendor-firebase-8ZGSFgHZ.js";import"./vendor-charts-BqSOdzsP.js";import"./vendor-editor-CBbJ40fq.js";import"./vendor-virtualized-DTebAlVP.js";import"./vendor-ui-CVkLAbry.js";import"./vendor-table-C-3wtMGU.js";import"./vendor-lottie-C1U3bXqh.js";import"./vendor-select-B_Z_voeu.js";import"./vendor-tradingview-BCsEWulr.js";import"./vendor-webgl-8MiK7BZ-.js";function pe({rootMargin:e,initialInView:t=!1}={}){const[n,r]=d.useState(null),[a,i]=d.useState(t);return d.useEffect(()=>{if(!n)return;const l=new IntersectionObserver(([o])=>i(o.isIntersecting),{rootMargin:e});return l.observe(n),()=>l.disconnect()},[n,e]),[r,a]}const fe={web:"w-[600px] shrink-0 rounded-[20px] border border-line-line-03",webview:"w-full"};function de({src:e,alt:t,variant:n="web",className:r,children:a}){return s.jsxs("div",{className:c("relative h-[340px] overflow-hidden bg-field-fld-01",fe[n],r),children:[s.jsx("img",{src:e,alt:t,className:"h-full w-full object-cover"}),a]})}function O(e,t,n){const r=ie(),a=we(e,n.timeZone,n.locale??r.locale);return"formatToParts"in a?me(a,t):he(a,t)}function me(e,t){const n=e.formatToParts(t);for(let r=n.length-1;r>=0;--r)if(n[r].type==="timeZoneName")return n[r].value}function he(e,t){const n=e.format(t).replace(/\u200E/g,""),r=/ [\w-+ ]+$/.exec(n);return r?r[0].substr(1):""}function we(e,t,n){return new Intl.DateTimeFormat(n?[n.code,"en-US"]:void 0,{timeZone:t,timeZoneName:e})}function be(e,t){const n=ve(t);return"formatToParts"in n?Ne(n,e):je(n,e)}const ge={year:0,month:1,day:2,hour:3,minute:4,second:5};function Ne(e,t){try{const n=e.formatToParts(t),r=[];for(let a=0;a<n.length;a++){const i=ge[n[a].type];i!==void 0&&(r[i]=parseInt(n[a].value,10))}return r}catch(n){if(n instanceof RangeError)return[NaN];throw n}}function je(e,t){const n=e.format(t),r=/(\d+)\/(\d+)\/(\d+),? (\d+):(\d+):(\d+)/.exec(n);return[parseInt(r[3],10),parseInt(r[1],10),parseInt(r[2],10),parseInt(r[4],10),parseInt(r[5],10),parseInt(r[6],10)]}const N={},Y=new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:"America/New_York",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}).format(new Date("2014-06-25T04:00:00.123Z")),ye=Y==="06/25/2014, 00:00:00"||Y==="‎06‎/‎25‎/‎2014‎ ‎00‎:‎00‎:‎00";function ve(e){return N[e]||(N[e]=ye?new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:e,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}):new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:e,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"})),N[e]}function B(e,t,n,r,a,i,l){const o=new Date(0);return o.setUTCFullYear(e,t,n),o.setUTCHours(r,a,i,l),o}const E=36e5,De=6e4,j={timezoneZ:/^(Z)$/,timezoneHH:/^([+-]\d{2})$/,timezoneHHMM:/^([+-])(\d{2}):?(\d{2})$/};function S(e,t,n){if(!e)return 0;let r=j.timezoneZ.exec(e);if(r)return 0;let a,i;if(r=j.timezoneHH.exec(e),r)return a=parseInt(r[1],10),_(a)?-(a*E):NaN;if(r=j.timezoneHHMM.exec(e),r){a=parseInt(r[2],10);const l=parseInt(r[3],10);return _(a,l)?(i=Math.abs(a)*E+l*De,r[1]==="+"?-i:i):NaN}if(Me(e)){t=new Date(t||Date.now());const l=n?t:Te(t),o=M(l,e);return-(n?o:Ie(t,o,e))}return NaN}function Te(e){return B(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds())}function M(e,t){const n=be(e,t),r=B(n[0],n[1]-1,n[2],n[3]%24,n[4],n[5],0).getTime();let a=e.getTime();const i=a%1e3;return a-=i>=0?i:1e3+i,r-a}function Ie(e,t,n){let a=e.getTime()-t;const i=M(new Date(a),n);if(t===i)return t;a-=i-t;const l=M(new Date(a),n);return i===l?i:Math.max(i,l)}function _(e,t){return-23<=e&&e<=23&&(t==null||0<=t&&t<=59)}const z={};function Me(e){if(z[e])return!0;try{return new Intl.DateTimeFormat(void 0,{timeZone:e}),z[e]=!0,!0}catch{return!1}}const Se=60*1e3,Ce={X:function(e,t,n){const r=y(n.timeZone,e);if(r===0)return"Z";switch(t){case"X":return U(r);case"XXXX":case"XX":return m(r);case"XXXXX":case"XXX":default:return m(r,":")}},x:function(e,t,n){const r=y(n.timeZone,e);switch(t){case"x":return U(r);case"xxxx":case"xx":return m(r);case"xxxxx":case"xxx":default:return m(r,":")}},O:function(e,t,n){const r=y(n.timeZone,e);switch(t){case"O":case"OO":case"OOO":return"GMT"+Oe(r,":");case"OOOO":default:return"GMT"+m(r,":")}},z:function(e,t,n){switch(t){case"z":case"zz":case"zzz":return O("short",e,n);case"zzzz":default:return O("long",e,n)}}};function y(e,t){const n=e?S(e,t,!0)/Se:(t==null?void 0:t.getTimezoneOffset())??0;if(Number.isNaN(n))throw new RangeError("Invalid time zone specified: "+e);return n}function g(e,t){const n=e<0?"-":"";let r=Math.abs(e).toString();for(;r.length<t;)r="0"+r;return n+r}function m(e,t=""){const n=e>0?"-":"+",r=Math.abs(e),a=g(Math.floor(r/60),2),i=g(Math.floor(r%60),2);return n+a+t+i}function U(e,t){return e%60===0?(e>0?"-":"+")+g(Math.abs(e)/60,2):m(e,t)}function Oe(e,t=""){const n=e>0?"-":"+",r=Math.abs(e),a=Math.floor(r/60),i=r%60;return i===0?n+String(a):n+String(a)+t+g(i,2)}function H(e){const t=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return t.setUTCFullYear(e.getFullYear()),+e-+t}const Ye=/(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/,v=36e5,$=6e4,Ee=2,u={dateTimePattern:/^([0-9W+-]+)(T| )(.*)/,datePattern:/^([0-9W+-]+)(.*)/,YY:/^(\d{2})$/,YYY:[/^([+-]\d{2})$/,/^([+-]\d{3})$/,/^([+-]\d{4})$/],YYYY:/^(\d{4})/,YYYYY:[/^([+-]\d{4})/,/^([+-]\d{5})/,/^([+-]\d{6})/],MM:/^-(\d{2})$/,DDD:/^-?(\d{3})$/,MMDD:/^-?(\d{2})-?(\d{2})$/,Www:/^-?W(\d{2})$/,WwwD:/^-?W(\d{2})-?(\d{1})$/,HH:/^(\d{2}([.,]\d*)?)$/,HHMM:/^(\d{2}):?(\d{2}([.,]\d*)?)$/,HHMMSS:/^(\d{2}):?(\d{2}):?(\d{2}([.,]\d*)?)$/,timeZone:Ye};function V(e,t={}){if(arguments.length<1)throw new TypeError("1 argument required, but only "+arguments.length+" present");if(e===null)return new Date(NaN);const n=t.additionalDigits==null?Ee:Number(t.additionalDigits);if(n!==2&&n!==1&&n!==0)throw new RangeError("additionalDigits must be 0, 1 or 2");if(e instanceof Date||typeof e=="object"&&Object.prototype.toString.call(e)==="[object Date]")return new Date(e.getTime());if(typeof e=="number"||Object.prototype.toString.call(e)==="[object Number]")return new Date(e);if(Object.prototype.toString.call(e)!=="[object String]")return new Date(NaN);const r=_e(e),{year:a,restDateString:i}=ze(r.date,n),l=Ue(i,a);if(l===null||isNaN(l.getTime()))return new Date(NaN);if(l){const o=l.getTime();let p=0,f;if(r.time&&(p=He(r.time),p===null||isNaN(p)))return new Date(NaN);if(r.timeZone||t.timeZone){if(f=S(r.timeZone||t.timeZone,new Date(o+p)),isNaN(f))return new Date(NaN)}else f=H(new Date(o+p)),f=H(new Date(o+p+f));return new Date(o+p+f)}else return new Date(NaN)}function _e(e){const t={};let n=u.dateTimePattern.exec(e),r;if(n?(t.date=n[1],r=n[3]):(n=u.datePattern.exec(e),n?(t.date=n[1],r=n[2]):(t.date=null,r=e)),r){const a=u.timeZone.exec(r);a?(t.time=r.replace(a[1],""),t.timeZone=a[1].trim()):t.time=r}return t}function ze(e,t){if(e){const n=u.YYY[t],r=u.YYYYY[t];let a=u.YYYY.exec(e)||r.exec(e);if(a){const i=a[1];return{year:parseInt(i,10),restDateString:e.slice(i.length)}}if(a=u.YY.exec(e)||n.exec(e),a){const i=a[1];return{year:parseInt(i,10)*100,restDateString:e.slice(i.length)}}}return{year:null}}function Ue(e,t){if(t===null)return null;let n,r,a;if(!e||!e.length)return n=new Date(0),n.setUTCFullYear(t),n;let i=u.MM.exec(e);if(i)return n=new Date(0),r=parseInt(i[1],10)-1,A(t,r)?(n.setUTCFullYear(t,r),n):new Date(NaN);if(i=u.DDD.exec(e),i){n=new Date(0);const l=parseInt(i[1],10);return Ae(t,l)?(n.setUTCFullYear(t,0,l),n):new Date(NaN)}if(i=u.MMDD.exec(e),i){n=new Date(0),r=parseInt(i[1],10)-1;const l=parseInt(i[2],10);return A(t,r,l)?(n.setUTCFullYear(t,r,l),n):new Date(NaN)}if(i=u.Www.exec(e),i)return a=parseInt(i[1],10)-1,P(a)?k(t,a):new Date(NaN);if(i=u.WwwD.exec(e),i){a=parseInt(i[1],10)-1;const l=parseInt(i[2],10)-1;return P(a,l)?k(t,a,l):new Date(NaN)}return null}function He(e){let t,n,r=u.HH.exec(e);if(r)return t=parseFloat(r[1].replace(",",".")),D(t)?t%24*v:NaN;if(r=u.HHMM.exec(e),r)return t=parseInt(r[1],10),n=parseFloat(r[2].replace(",",".")),D(t,n)?t%24*v+n*$:NaN;if(r=u.HHMMSS.exec(e),r){t=parseInt(r[1],10),n=parseInt(r[2],10);const a=parseFloat(r[3].replace(",","."));return D(t,n,a)?t%24*v+n*$+a*1e3:NaN}return null}function k(e,t,n){t=t||0,n=n||0;const r=new Date(0);r.setUTCFullYear(e,0,4);const a=r.getUTCDay()||7,i=t*7+n+1-a;return r.setUTCDate(r.getUTCDate()+i),r}const $e=[31,28,31,30,31,30,31,31,30,31,30,31],ke=[31,29,31,30,31,30,31,31,30,31,30,31];function G(e){return e%400===0||e%4===0&&e%100!==0}function A(e,t,n){if(t<0||t>11)return!1;if(n!=null){if(n<1)return!1;const r=G(e);if(r&&n>ke[t]||!r&&n>$e[t])return!1}return!0}function Ae(e,t){if(t<1)return!1;const n=G(e);return!(n&&t>366||!n&&t>365)}function P(e,t){return!(e<0||e>52||t!=null&&(t<0||t>6))}function D(e,t,n){return!(e<0||e>=25||t!=null&&(t<0||t>=60)||n!=null&&(n<0||n>=60))}const Pe=/([xXOz]+)|''|'(''|[^'])+('|$)/g;function Fe(e,t,n={}){t=String(t);const r=t.match(Pe);if(r){const a=V(n.originalDate||e,n);t=r.reduce(function(i,l){if(l[0]==="'")return i;const o=i.indexOf(l),p=i[o-1]==="'",f=i.replace(l,"'"+Ce[l[0]](a,l,n)+"'");return p?f.substring(0,o-1)+f.substring(o+1):f},t)}return le(e,t,n)}function Ze(e,t,n){e=V(e,n);const r=S(t,e,!0),a=new Date(e.getTime()-r),i=new Date(0);return i.setFullYear(a.getUTCFullYear(),a.getUTCMonth(),a.getUTCDate()),i.setHours(a.getUTCHours(),a.getUTCMinutes(),a.getUTCSeconds(),a.getUTCMilliseconds()),i}function h(e,t,n,r){return r={...r,timeZone:t,originalDate:e},Fe(Ze(e,t,{timeZone:r.timeZone}),n,r)}const w="Asia/Seoul",F="bg-gradient-to-r from-keycolor-violet to-keycolor-system-orange whitespace-nowrap text-solid-basic-white";function Re(e,t){const n=new Date(e),r=new Date(t),a=h(n,w,"yyyy")===h(r,w,"yyyy");

1return{start:h(n,w,"yyyy. MM. dd"),end:h(r,w,a?"MM. dd":"yyyy. MM. dd")}}function Le({startAt:e,endAt:t,variant:n="web",className:r}){const{start:a,end:i}=Re(e,t);return n==="webview"?s.jsxs("div",{className:c(F,"box-border flex w-full items-center gap-[8px] px-[20px] py-[10px] text-body-02-15-sb leading-[20px]",r),children:[s.jsx("p",{children:a}),s.jsx("p",{children:"~"}),s.jsx("p",{children:i})]}):s.jsx("p",{className:c(F,"rounded-bl-[14px] py-[4px] pr-[20px] pl-[16px] text-body-02-14-sb",r),children:`${a} ~ ${i}`})}const Z=3e4;function We(e){const{data:t}=oe({queryKey:K.products.viewers(e).queryKey,queryFn:()=>ce(e),enabled:!!e,refetchInterval:Z,staleTime:Z});return(t==null?void 0:t.count)??null}function Xe(e,t){const n=Math.min(e,t),r=Math.abs(t-e)+1;return Array.from({length:r},(a,i)=>n+i)}function Be({digit:e,heightClass:t}){const n=d.useRef(e),r=n.current;d.useEffect(function(){n.current=e},[e]);const a=Xe(r,e),i=e>=r,l=Math.abs(e-r)/a.length*100;return s.jsx("span",{className:c("relative inline-block w-[1ch] overflow-hidden",t),children:s.jsx(ue.span,{className:c("absolute inset-x-0 flex flex-col",i?"bottom-0":"top-0"),initial:{y:`${i?l:-l}%`},animate:{y:0},transition:{type:"spring",stiffness:260,damping:30},children:a.map(o=>s.jsx("span",{className:c("flex items-center justify-center",t),children:o},o))},e)})}function Ve({value:e,heightClass:t,className:n}){const r=String(Math.max(0,Math.floor(e))).split("").map(Number);return s.jsx("span",{className:c("inline-flex tabular-nums",n),children:r.map((a,i)=>s.jsx(Be,{digit:a,heightClass:t},i))})}const Ge={dark:{container:"border-tinted-primary-tinted-15 bg-opacity-opacity-dim-50 py-[12px] pr-[24px] pl-[20px] backdrop-blur-[6px]",icon:"text-solid-basic-white",text:"text-body-01-16-sb text-text-txt-01",digitHeight:"h-[24px]"},light:{container:"border-tinted-white-10 bg-tinted-white-50 py-[6px] pr-[16px] pl-[14px] shadow-[0px_0px_12px_0px_var(--tinted-gray-tinted-15)] backdrop-blur-[2px]",icon:"text-[#575A5F]",text:"text-body-02-14-sb text-[#36383C]",digitHeight:"h-[22px]"},primary:{container:"border-tinted-primary-tinted-15 bg-tinted-primary-tinted-15 py-[6px] pr-[16px] pl-[14px] backdrop-blur-[6px]",icon:"text-keycolor-primary-color",text:"text-body-02-14-sb text-keycolor-primary-color",digitHeight:"h-[22px]"}};function qe({count:e,variant:t="dark",className:n,textClassName:r}){const a=Ge[t];return s.jsxs("div",{className:c("inline-flex items-center justify-center gap-[8px] overflow-hidden rounded-[30px] border",a.container,n),children:[s.jsx(Q,{className:c("h-[20px] w-[20px]",a.icon)}),s.jsxs("p",{className:c("inline-flex items-center whitespace-nowrap",a.text,r),children:[s.jsx(Ve,{value:e,heightClass:a.digitHeight}),"명이 보고 있어요"]})]})}function Ke({productId:e,variant:t,className:n}){const r=We(e);return r===null?null:s.jsx(qe,{count:r,variant:t,className:n})}const Qe={web:{container:"mx-auto max-w-[1000px]",title:"pt-[40px] pb-[20px]"},webview:{container:"",title:"px-[20px] pt-[24px] pb-[16px]"}};function Je({imageUrls:e,variant:t="web",className:n}){if(!e.length)return null;const r=Qe[t];return s.jsxs("section",{className:c("flex w-full flex-col",r.container,n),children:[s.jsx("div",{className:c("flex items-center",r.title),children:s.jsx("h2",{className:"text-title-03-18-b text-text-txt-06",children:"상품 정보"})}),e.map((a,i)=>s.jsx("img",{src:a,alt:`상품 정보 ${i+1}`,loading:"lazy",className:"block w-full"},a))]})}const et=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("path",{opacity:.5,d:"M12 21C16.1421 21 19.5 17.6421 19.5 13.5C19.5 9.35786 16.1421 6 12 6C7.85786 6 4.5 9.35786 4.5 13.5C4.5 17.6421 7.85786 21 12 21Z",fill:"currentColor"}),d.createElement("rect",{opacity:.5,x:9,y:3,width:6,height:2,rx:1,fill:"currentColor"}),d.createElement("rect",{x:11.25,y:14.5,width:6,height:1.5,rx:.75,transform:"rotate(-90 11.25 14.5)",fill:"currentColor"})),tt={web:{container:"px-[20px]",description:"text-body-03-14-m tracking-[-0.2px]"},webview:{container:"pr-[20px] pl-[16px]",description:"text-label-01-13-m01"}};function nt({variant:e="web",className:t}){const n=tt[e];return s.jsx("div",{className:c("box-border flex w-full flex-col items-center border-y border-tinted-green-tinted-8 bg-tinted-green-tinted-15 py-[11px]",n.container,t),children:s.jsxs("div",{className:"flex w-full max-w-[1000px] items-center justify-between",children:[s.jsxs("div",{className:"flex items-center gap-[4px]",children:[s.jsx(et,{className:"h-[24px] w-[24px] shrink-0 text-text-txt-green"}),s.jsx("p",{className:"text-subtitle-02-14-b leading-[20px] whitespace-nowrap text-text-txt-green",children:"오직 여기에만 있는 혜택!"})]}),s.jsx("p",{className:c("whitespace-nowrap text-text-txt-04",n.description),children:"한정 기간동안 특별 혜택가로 만나요"})]})})}const R=86400,L=3600,W=60;function X(e){const t=Math.max(0,new Date(e).getTime()-Date.now()),n=Math.floor(t/1e3);return{days:Math.floor(n/R),hours:Math.floor(n%R/L),minutes:Math.floor(n%L/W),seconds:n%W}}

1function q(e){const[t,n]=d.useState(()=>X(e));return d.useEffect(()=>{const r=()=>n(X(e));r();const a=setInterval(r,1e3);return()=>clearInterval(a)},[e]),t}const rt={web:"px-[16px] min-h-[70px]",webview:"px-[16px] pt-[12px] pb-[16px]"},st=e=>String(Math.max(0,e)).padStart(2,"0");function b({value:e,label:t}){return s.jsxs("div",{className:"flex w-[50px] flex-col items-center justify-center gap-[2px] whitespace-nowrap",children:[s.jsx("span",{className:"text-headline-02-30-b text-text-txt-primary",children:st(e)}),s.jsx("span",{className:"text-label-01-12-r text-text-txt-03",children:t})]})}function T(){return s.jsxs("div",{className:"flex h-[40px] flex-col items-center justify-center gap-[6px]",children:[s.jsx("span",{className:"size-[4px] rounded-full bg-text-txt-primary"}),s.jsx("span",{className:"size-[4px] rounded-full bg-text-txt-primary"})]})}function at({days:e,hours:t,minutes:n,seconds:r,variant:a="web",className:i}){return s.jsx("div",{className:c("box-border flex w-full items-center justify-center rounded-[12px] border border-tinted-primary-tinted-8 bg-tinted-primary-tinted [&_*]:box-border",rt[a],i),children:s.jsxs("div",{className:"flex items-start justify-center",children:[s.jsx(b,{value:e,label:"일"}),s.jsx(T,{}),s.jsx(b,{value:t,label:"시간"}),s.jsx(T,{}),s.jsx(b,{value:n,label:"분"}),s.jsx(T,{}),s.jsx(b,{value:r,label:"초"})]})})}function it({endAt:e,variant:t,className:n}){const{days:r,hours:a,minutes:i,seconds:l}=q(e);return s.jsx(at,{days:r,hours:a,minutes:i,seconds:l,variant:t,className:n})}const lt={web:"p-[20px]",webview:"p-[16px]"};function ot({pickComment:e,description:t,variant:n="web",className:r}){return s.jsxs("div",{className:c("box-border flex w-full flex-col items-start gap-[12px] rounded-[16px] border border-line-line-01 bg-field-fld-01 shadow-shadow-icon [&_*]:box-border",lt[n],r),children:[s.jsxs("div",{className:"flex w-full flex-col items-start gap-[4px]",children:[s.jsx("p",{className:"w-full text-label-01-13-m text-text-txt-03",children:"코인니스의 PICK"}),s.jsx("p",{className:"w-full text-subtitle-01-16-sb break-words text-text-txt-green",children:e})]}),!!(t!=null&&t.trim())&&s.jsx("div",{className:"flex w-full flex-col items-start border-t border-line-line-01 pt-[12px]",children:s.jsx("p",{className:"w-full text-body-02-14-r break-words text-text-txt-05",children:t})})]})}const I=e=>String(Math.max(0,e)).padStart(2,"0");function ct({endAt:e,purchaseUrl:t,size:n="h46",className:r}){const{days:a,hours:i,minutes:l,seconds:o}=q(e),p=()=>{ee({webAction:()=>{window.open(t,"_blank","noopener,noreferrer")},webviewAction:()=>{te.redirectExternalURLAction(t,!0)}})};return s.jsxs(J,{variant:"primary",size:n,className:c("gap-[8px] rounded-[12px] text-body-01-16-sb",r),onClick:p,children:[s.jsx("span",{className:"whitespace-nowrap",children:"할인가 구매까지 남은 시간"}),s.jsx("span",{className:"text-center",children:`${Math.max(0,a)} : ${I(i)} : ${I(l)} : ${I(o)}`})]})}function x({className:e}){return s.jsx("div",{className:c("animate-pulse rounded-[4px] bg-field-fld-04",e)})}function xt({companyName:e,name:t,catchphrase:n,salePrice:r,listPrice:a,discountRate:i,endAt:l,pickComment:o,description:p,className:f}){return s.jsxs("section",{className:c("box-border flex w-full flex-col items-center gap-[16px] bg-field-fld-02 px-[20px] pt-[24px] pb-[32px] [&_*]:box-border",f),children:[s.jsxs("div",{className:"flex w-full flex-col gap-[12px] border-b border-line-line-03 pb-[20px]",children:[s.jsxs("div",{className:"flex w-full flex-col gap-[6px]",children:[s.jsx("p",{className:"text-label-01-13-m text-text-txt-03",children:e}),s.jsx("p",{className:"text-headline-04-24-b break-words text-text-txt-06",children:t})]}),s.jsx("p",{className:"w-full text-body-01-16-sb break-words text-keycolor-system-blue",children:n})]}),s.jsxs("div",{className:"flex w-full flex-col gap-[4px] whitespace-nowrap",children:[s.jsxs("div",{className:"flex items-center gap-[4px]",children:[s.jsxs("p",{className:"text-body-02-15-b text-text-txt-red",children:[i,"%"]}),s.jsxs("p",{className:"text-body-02-14-m text-text-txt-02 line-through",children:[C(a),"원"]})]}),s.jsxs("p",{className:"text-headline-02-30-b leading-[36px] text-text-txt-06",children:[C(r),"원"]})]}),s.jsx(it,{endAt:l,variant:"webview"}),s.jsx(ot,{pickComment:o,description:p,variant:"webview"})]})}function ut({productId:e,endAt:t,purchaseUrl:n,isAtBottom:r=!1,className:a}){const{isIOS:i}=ne();return s.jsxs("div",{className:c("fixed inset-x-0 bottom-0 z-[400] mx-auto w-full max-w-[470px] bg-[image:var(--floating-bg)]",a),children:[s.jsx(Ke,{productId:e,variant:"primary",className:"absolute bottom-[calc(100%+16px)] left-1/2 -translate-x-1/2"}),s.jsx("div",{className:c("flex flex-col items-center px-[16px] pt-[20px] pb-[8px]",i&&!r&&"pb-[34px]"),children:s.jsx(ct,{endAt:t,purchaseUrl:n,size:"h52",className:"w-full gap-[12px]"})})]})}function pt(){return s.jsxs(s.Fragment,{children:[s.jsx(x,{className:"h-[340px] w-full rounded-none"}),s.jsxs("div",{className:"flex w-full items-center justify-between border-y border-line-line-01 bg-field-fld-02 py-[11px] pr-[20px] pl-[16px]",children:[s.jsx(x,{className:"h-[24px] w-[160px]"}),s.jsx(x,{className:"h-[20px] w-[140px]"})]}),s.jsx(x,{className:"h-[40px] w-full rounded-none"}),s.jsxs("div",{className:"flex w-full flex-col gap-[16px] bg-field-fld-02 px-[20px] pt-[24px] pb-[32px]",children:[s.jsxs("div",{className:"flex w-full flex-col gap-[12px] border-b border-line-line-03 pb-[20px]",children:[s.jsxs("div",{className:"flex w-full flex-col gap-[6px]",children:[s.jsx(x,{className:"h-[16px] w-[80px]"}),s.jsx(x,{className:"h-[28px] w-[220px]"})]}),s.jsxs("div",{className:"flex w-full flex-col gap-[4px]",children:[s.jsx(x,{className:"h-[24px] w-full"}),s.jsx(x,{className:"h-[24px] w-[60%]"})]})]}),s.jsxs("div",{className:"flex w-full flex-col gap-[4px]",children:[s.jsx(x,{className:"h-[22px] w-[120px]"}),s.jsx(x,{className:"h-[36px] w-[160px]"})]}),s.jsx(x,{className:"h-[80px] w-full rounded-[12px]"}),s.jsx(x,{className:"h-[200px] w-full rounded-[16px]"})]}),s.jsxs("div",{className:"flex w-full flex-col",children:[s.jsx("div",{className:"flex items-center px-[20px] pt-[24px] pb-[16px]",children:s.jsx(x,{className:"h-[24px] w-[70px]"})}),s.jsx(x,{className:"h-[600px] w-full rounded-none"})]}),s.jsx("div",{className:"fixed inset-x-0 bottom-0 mx-auto w-full max-w-[470px] bg-field-fld-01 px-[16px] pt-[20px] pb-[8px]",children:s.jsx(x,{className:"h-[52px] w-full rounded-[12px]"})})]})}function _t(){const{data:e,isLoading:t}=xe(),[n,r]=pe();return ae(),re(e?se.STORE_PRODUCT_DETAIL:null),t?s.jsx(pt,{}):e?s.jsxs(s.Fragment,{children:[s.jsx(de,{variant:"webview",src:e.appMainImageUrl,alt:e.name}),s.jsx(nt,{variant:"webview"}),s.jsx(Le,{variant:"webview",startAt:e.startAt,endAt:e.endAt}),s.jsx(xt,{companyName:e.companyName,name:e.name,catchphrase:e.catchphrase,salePrice:e.salePrice,listPrice:e.listPrice,discountRate:e.discountRate,endAt:e.endAt,pickComment:e.pickComment,description:e.description}),s.jsx(Je,{variant:"webview",imageUrls:e.appDetailImageUrls,className:"pb-[80px]"}),s.jsx("div",{ref:n,className:"h-px w-full"}),s.jsx(ut,{productId:e.id,endAt:e.endAt,purchaseUrl:e.purchaseUrl,isAtBottom:r})]}):s.jsx(s.Fragment,{})}export{_t as default};