https://fangir.com/_next/static/chunks/4125.c364c39fb08d8f8a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4125],{94125:(e,t,l)=>{l.r(t),l.d(t,{default:()=>H});var a=l(95155),i=l(12115),s=l(49370),n=l(65229),r=l(31914),c=l(58896),d=l(17037),o=l(72378),u=l(20243);let m=()=>(0,a.jsx)("section",{className:"h-[500px] overflow-hidden 2xl:h-[570px]",children:(0,a.jsx)("div",{className:"theme_layout_page_width product_detail_wrapper mx-auto h-full duration-100",children:(0,a.jsx)("div",{className:"container mx-auto h-full max-w-screen-xl px-4 lg:px-16",children:(0,a.jsxs)("div",{className:"mt-4 grid grid-cols-2 gap-x-10 gap-y-4",children:[(0,a.jsxs)("div",{className:"col-span-2 space-y-3 md:col-span-1",children:[(0,a.jsx)(u.E,{className:"aspect-square h-[340px] w-full rounded-xl"}),(0,a.jsx)("div",{className:"flex gap-2",children:[1,2,3,4].map(e=>(0,a.jsx)(u.E,{className:"h-16 w-16 rounded-lg"},e))})]}),(0,a.jsxs)("div",{className:"col-span-2 space-y-4 md:col-span-1",children:[(0,a.jsx)(u.E,{className:"h-4 w-24 rounded-full"}),(0,a.jsx)(u.E,{className:"h-7 w-3/4 rounded-lg"}),(0,a.jsx)(u.E,{className:"h-7 w-1/2 rounded-lg"}),(0,a.jsxs)("div",{className:"flex items-baseline gap-2",children:[(0,a.jsx)(u.E,{className:"h-8 w-32 rounded-lg"}),(0,a.jsx)(u.E,{className:"h-5 w-20 rounded-lg"})]}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)(u.E,{className:"h-4 w-16 rounded"}),(0,a.jsx)("div",{className:"flex gap-2",children:[1,2,3].map(e=>(0,a.jsx)(u.E,{className:"h-9 w-20 rounded-lg"},e))})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(u.E,{className:"h-4 w-4 rounded-full"}),(0,a.jsx)(u.E,{className:"h-4 w-28 rounded"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-3 pt-2",children:[(0,a.jsx)(u.E,{className:"h-12 w-32 rounded-xl"}),(0,a.jsx)(u.E,{className:"h-12 flex-1 rounded-xl"})]})]})]})})})});var h=l(88661),p=l.n(h),x=l(57136),_=l(37808),v=l(8914),g=l(57459),b=l(64269),f=l(85921);let y=e=>{var t,l;let{product:s,theme:n}=e,[r,c]=(0,i.useState)(""),[d,o]=(0,i.useState)(null),[u,m]=(0,i.useState)(null),h=(0,v.K)(e=>({quantity:e.quantity,imageVariant:e.imageVariant}),g.x),y=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=new Set;return(e||[]).filter(e=>"image"===e.assets_type&&!t.has(e.assets_url)&&t.add(e.assets_url))},j=y(null==s?void 0:s.product_assets),N=y((null==s||null==(l=s.product_items)||null==(t=l[0])?void 0:t.images)||[]),w=j.length>0?j:N,k=(0,i.useMemo)(()=>y(h.imageVariant),[h.imageVariant]),S=(0,i.useCallback)(()=>{var e,t;return u||((null==(e=k[0])?void 0:e.assets_url)?k[0].assets_url:(null==(t=w[0])?void 0:t.assets_url)?w[0].assets_url:"")},[u,k,w]),J=(null==s?void 0:s.youtube_link)?(0,b.Zb)(s.youtube_link):null,q=[...w,...(null==s?void 0:s.youtube_link)?[{assets_type:"video",assets_url:s.youtube_link}]:[]],M=(null==s?void 0:s.slug)||(null==s?void 0:s.product_group_id),P=(e,t)=>{"image"===t?(o(null),c(e),m(e)):(c(""),m(null),o("https://www.youtube.com/embed/".concat(J,"?autoplay=1")))};return(0,i.useEffect)(()=>{let e=S();e!==r&&c(e)},[M,k,w]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"jsx-a8d210b358617469 col-span-2 space-y-3 md:col-span-1",children:[d?(0,a.jsx)("iframe",{width:500,height:500,src:d,title:(null==s?void 0:s.product_name)||"Product video",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",className:"jsx-a8d210b358617469 main-media aspect-square w-full object-contain"}):(0,a.jsx)(x.A,{src:r,alt:(null==s?void 0:s.product_name)||"Product image",width:300,height:300,className:"aspect-square w-full object-contain",sizes:"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw"}),(0,a.jsxs)(_.FN,{opts:{align:"center",loop:!0},className:(0,b.cn)("w-full",q.length>4&&"px-6"),children:[(0,a.jsx)(_.Wk,{children:q.map((e,t)=>{var l,i;return(0,a.jsx)(_.A7,{className:"basis-1/4",children:(0,a.jsx)("div",{className:"jsx-a8d210b358617469",children:"image"===e.assets_type?(0,a.jsx)(x.A,{src:e.url_large||e.assets_url,alt:"Thumbnail ".concat(t+1),width:100,height:100,className:"aspect-square h-auto w-full cursor-pointer rounded border-2 object-cover",onClick:()=>P(e.url_large||e.assets_url,"image"),style:{borderColor:(e.url_large||e.assets_url)===r?null==n||null==(i=n.productCard)||null==(l=i.colorScheme)?void 0:l.textSecondary:"transparent"}}):(0,a.jsxs)("div",{onClick:()=>P(e.assets_url,"video"),className:"jsx-a8d210b358617469 relative aspect-square w-full cursor-pointer rounded border-2 bg-white",children:[(0,a.jsx)(x.A,{src:"https://img.youtube.com/vi/".concat(J,"/mqdefault.jpg"),alt:"Thumbn

1ail video ".concat(t+1),width:320,height:180,className:"h-full w-full rounded bg-white object-contain"}),(0,a.jsx)("div",{className:"jsx-a8d210b358617469 absolute inset-0 flex items-center justify-center",children:(0,a.jsx)("div",{className:"jsx-a8d210b358617469 rounded-full bg-slate-200 p-1",children:(0,a.jsx)(f.A,{className:"h-6 w-6 text-slate-100",fill:"true"})})})]})})},t)})}),q.length>4&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(_.Q8,{className:"ml-10"}),(0,a.jsx)(_.Oj,{className:"mr-10"})]})]})]}),(0,a.jsx)(p(),{id:"a8d210b358617469",children:".main-media.jsx-a8d210b358617469{will-change:opacity,transform}"})]})};var j=l(84179),N=l(61907),w=l(61387),k=l(11647),S=l(86616),J=l(68441),q=l(2359),M=l(84941);let P=e=>{var t,l,s,n,r,d,o,u,m;let{theme:h,product:p,slug:x,token:_,openModal:f}=e,y=(0,J.A)(),P=(0,v.K)(e=>({quantity:e.quantity,price:e.price,discountPrice:e.discountPrice,allSelectedVariants:e.allSelectedVariants,isApplicablePricebook:e.isApplicablePricebook,setIsApplicablePricebook:e.setIsApplicablePricebook}),g.x),A=(0,M.t)(e=>({itemId:e.item_id,sellPrice:e.sell_price,discountPrice:e.discount_price,quantity:e.quantity}),g.x),{data:I}=(0,S.x4)({slug:String(x||""),token:String(_||"")},{enabled:!!x&&!!f}),{data:E}=(0,c.gA)(x,_,{enabled:!!x}),T=(null==p?void 0:p.product_items)||[],V=((null==p||null==(t=p.variants)?void 0:t.length)||0)>0,C=T.reduce((e,t)=>e+Math.max(Number(t.stock),0),0),D=P.quantity,Q=P.allSelectedVariants,F=Q?D<=0:C<=0,O=E||[],B=(null==h||null==(l=h.productCard)?void 0:l.priceInformation)==="range",R=(0,i.useMemo)(()=>{var e;return V?A.itemId||void 0:null==T||null==(e=T[0])?void 0:e.item_id},[V,A.itemId,T]),K=(0,i.useMemo)(()=>{let e=(e,t)=>e&&t?(e-t)/e*100:0;if(((null==T?void 0:T.length)||0)>1)return e(A.sellPrice,A.discountPrice);let t=null==T?void 0:T[0];return e(null==t?void 0:t.sell_price,null==t?void 0:t.discount_price)},[A.sellPrice,A.discountPrice,T]),L=(0,i.useMemo)(()=>{let e=new Map;for(let t of T)null!=t.item_id&&"number"==typeof t.sell_price&&e.set(t.item_id,t.sell_price);return e},[T]),z=(0,i.useCallback)(e=>{var t;return null!=e&&null!=(t=L.get(e))?t:0},[L]),$=(0,i.useMemo)(()=>z(R),[z,R]),W=(0,i.useMemo)(()=>R?O.filter(e=>e.item_id===R):O,[O,R]),X=(0,i.useMemo)(()=>[...W].sort((e,t)=>Number(e.min_unit)-Number(t.min_unit)),[W]),Z=(0,i.useMemo)(()=>{let e=new Set,t=[];for(let l of X)if(!e.has(l.min_unit)&&(e.add(l.min_unit),t.push(l),5===t.length))break;return t},[X]),G=(0,i.useMemo)(()=>{let e=O.find(e=>e.item_id===R&&1===e.min_unit);return e&&"number"==typeof e.retail_price?e.retail_price:z(R)},[O,R,z]),H=(0,i.useMemo)(()=>(T||[]).filter(e=>(null==e?void 0:e.item_id)!=null).map(e=>{var t;let l=(0,q.ac)(e.sell_price),a=(0,q.ac)(e.discount_price),i=a>0&&a<l?a:0,s=null!=(t=e.item_name)?t:void 0;return{id:e.item_id,name:s,sell:l,disc:i,effective:i||l,hasDiscount:i>0}}),[T]),{minSell:U,maxSell:Y,minDisc:ee,maxDisc:et,discountedVariants:el}=(0,i.useMemo)(()=>{if(!H.length)return{minSell:0,maxSell:0,minDisc:0,maxDisc:0,discountedVariants:[]};let e=H.map(e=>e.sell),t=H.filter(e=>e.hasDiscount),l=t.map(e=>e.disc);return{minSell:Math.min(...e),maxSell:Math.max(...e),minDisc:l.length?Math.min(...l):0,maxDisc:l.length?Math.max(...l):0,discountedVariants:t}},[H]),ea=(0,i.useMemo)(()=>{if(!R)return null;let e=null,t=-1;for(let l of X){let a=Number(l.min_unit)||0,i=(0,q.ac)(l.retail_price);!((A.quantity||0)<a)&&a>t&&i>0&&(t=a,e=i)}return e},[A.quantity,X,R]),ei=(0,i.useCallback)(e=>{var t;return e?R?G:null!=(t=L.get(e))?t:0:0},[R,G,L]),es=(0,i.useMemo)(()=>{let e=(0,q.ac)(P.price),t=(0,q.ac)(P.discountPrice)||0,l=(0,q.ac)(null!=ea?ea:0),a=(0,q.ac)($);if(R){let i=e||a||0,s=i,n="base";l>0&&l<s&&(s=l,n="pricebook"),t>0&&t<s&&(s=t,n="disc");let r=((e,t,l)=>"disc"===l&&e>0&&t>0&&e<t)(s,i,n);return{finalText:(0,b.JJ)(s||i),originalText:r?(0,b.JJ)(i):null,hasStrikethrough:r,displayedItemId:R}}if(B&&V&&H.length){if(1===el.length){let e=el[0],t=(0,q.ac)(e.disc||e.sell),l=t<(0,q.ac)(e.sell);return{finalText:"".concat((0,b.JJ)(t)),originalText:l?U===Y?(0,b.JJ)(U):"".concat((0,b.JJ)(U)," - ").concat((0,b.JJ)(Y)):null,hasStrikethrough:l,displayedItemId:e.id}}if(el.length>1){let e=ee>0&&U>0&&ee<U;return{finalText:ee===et?(0,b.JJ)(ee):"".concat((0,b.JJ)(ee)," - ").concat((0,b.JJ)(et)),originalText:e?U===Y?(0,b.JJ)(U):"".concat((0,b.JJ)(U)," - ").concat((0,b.JJ)(Y)):null,hasStrikethrough:e,displayedItemId:null}}return{finalText:U===Y?(0,b.JJ)(U):"".concat((0,b.JJ)(U)," - ").concat((0,b.JJ)(Y)),originalText:null,hasStrikethrough:!1,displayedItemId:null}}if(!B&&H.length){let e=H.reduce((e,t)=>

1t.sell<e.sell?t:e,H[0]),t=e.hasDiscount?(0,q.ac)(e.disc):(0,q.ac)(e.sell),l=(0,q.ac)(e.sell),a=t<l&&e.hasDiscount;return{finalText:(0,b.JJ)(t),originalText:a?(0,b.JJ)(l):null,hasStrikethrough:a,displayedItemId:e.id}}{let l=e||0,a=t>0&&t<l?t:l,i=a<l&&t>0;return{finalText:(0,b.JJ)(a||0),originalText:i?(0,b.JJ)(l):null,hasStrikethrough:i,displayedItemId:null!=R?R:null}}},[R,B,V,H,el,U,Y,ee,et,P.price,P.discountPrice,ea,$]),en=es.finalText,er=es.originalText,ec=es.hasStrikethrough,ed=es.displayedItemId,eo=(0,i.useMemo)(()=>!!ed&&O.some(e=>e.item_id===ed),[ed,O]),eu=(0,i.useMemo)(()=>Z.map(e=>{let t=Number(e.min_unit)||0,l=(0,q.ac)(e.retail_price),a=ei(e.item_id),i=l*t,s=a*t,n=Math.max(0,s-i);return{min_unit:t,each:l,baseEach:a,total:i,originalTotal:s,saved:n}}),[Z,ei]),em=[(null==p?void 0:p.best_seller)&&{text:(null==h||null==(s=h.badge)?void 0:s.bestSellerText)||"Best Seller",className:(null==h||null==(n=h.badge)?void 0:n.position)==="inside"?"theme_badge_best_seller_gradient":"theme_badge_best_seller"},(null==p?void 0:p.new_arrival)&&{text:(null==h||null==(r=h.badge)?void 0:r.newArrivalText)||"New Arrival",className:(null==h||null==(d=h.badge)?void 0:d.position)==="inside"?"theme_badge_new_arrival_gradient":"theme_badge_new_arrival"},K>0&&!1===P.isApplicablePricebook&&{text:"".concat((null==h||null==(o=h.badge)?void 0:o.promotionText)||"Discount"," ").concat(K.toFixed(0),"%"),className:(null==h||null==(u=h.badge)?void 0:u.position)==="inside"?"theme_badge_promotion_gradient":"theme_badge_promotion"}].filter(Boolean);return(0,i.useEffect)(()=>{if(!R)return;let e=!!ea&&ea>0;P.setIsApplicablePricebook(e)},[R,ea,P.setIsApplicablePricebook]),(0,a.jsxs)(a.Fragment,{children:[F?(0,a.jsx)("div",{className:"w-full",children:(0,a.jsx)(k.E,{variant:"custom",className:"theme_badge_inside w-full bg-[#616161] text-xs font-bold text-white",children:(null==h||null==(m

1=h.badge)?void 0:m.soldOutText)||"Sold Out"})}):Q&&em.length>0&&(0,a.jsx)("div",{className:(0,b.cn)("grid w-full gap-2",1===em.length?"grid-cols-1":"",2===em.length?"grid-cols-2":"",3===em.length?"grid-cols-2 grid-rows-2":""),children:em.map((e,t)=>(0,a.jsx)(k.E,{variant:"custom",className:(0,b.cn)("theme_badge_inside w-full text-xs font-bold",e.className,3===em.length&&2===t?"col-span-2":""),children:e.text},t))}),(0,a.jsx)("span",{className:"theme_font text_product_secondary text-base",children:null==p?void 0:p.category_name}),(0,a.jsx)("h1",{className:(0,b.cn)("text-base font-bold lg:text-xl xl:text-2xl"),children:null==p?void 0:p.product_name}),(0,a.jsx)("div",{className:(0,b.cn)("text-base font-semibold md:text-lg lg:text-xl xl:text-2xl"),children:(0,a.jsxs)("div",{className:(0,b.cn)(ec&&"flex flex-col gap-2"),children:[(0,a.jsx)("span",{className:(0,b.cn)("text_product_primary text-xl font-bold"),children:en}),ec&&er?(0,a.jsx)("span",{className:"text-lg text-gray-400 line-through",children:er}):null]})}),I&&I.length>0?(0,a.jsx)("div",{className:"mt-2",children:(0,a.jsx)(w.A,{listPromotion:I,theme:null==h?void 0:h.promotion})}):null,eo&&(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"mt-4 flex items-center gap-x-2",children:[(0,a.jsx)(j.A,{className:"h-5 w-5",color:"black"}),(0,a.jsx)("label",{className:"text-sm font-medium ",children:"Tiered Pricing"})]}),(0,a.jsx)("div",{className:"mt-2 flex flex-col gap-y-1",children:eu.map((e,t)=>(0,a.jsx)("div",{className:"rounded-sm border border-slate-400",children:(0,a.jsxs)("div",{className:"grid grid-cols-2 p-1",children:[(0,a.jsxs)("div",{className:"flex flex-col p-1",children:[(0,a.jsxs)("h1",{className:"text-sm font-semibold",children:["Total ",(0,b.JJ)(e.total)]}),(0,a.jsxs)("div",{className:"flex flex-col gap-x-1 sm:flex-row sm:items-center",children:[e.saved>0&&(0,a.jsxs)("h1",{className:"font-medium text-red-500 ",children:["Saved ",(0,b.JJ)(e.saved)]}),(0,a.jsx)("h1",{className:"text-slate-500 line-through",children:(0,b.JJ)(e.originalTotal)})]})]}),(0,a.jsxs)("div",{className:"p-1 text-right",children:[(0,a.jsxs)("h1",{className:"text-sm font-semibold text-green-500",children:["Buy ",e.min_unit," or More"]}),(0,a.jsxs)("div",{className:"flex flex-col gap-x-2 sm:flex-row sm:justify-end sm:text-right",children:[(0,a.jsxs)("h1",{className:"order-1 font-medium sm:order-1",children:[(0,b.JJ)(e.each)," / Each"]}),(0,a.jsx)("h1",{className:"order-2 text-slate-500 line-through sm:order-2",children:(0,b.JJ)(e.baseEach)})]})]})]})},t))}),W.length>5&&(0,a.jsx)("div",{className:"flex justify-end py-2",children:(0,a.jsx)("button",{className:"text-xs",onClick:()=>y.open(),children:"see more"})})]}),(0,a.jsx)(N.A,{openModal:y.isShow,setOpenModal:y.setIsShow,pricebookData:O,basePrice:G,itemId:R,parentData:p,filteredData:W||[]})]})};var A=l(18299),I=l(89404),E=l(3998),T=l(65142),V=l(48735),C=l(93457),D=l(7125),Q=l(6191);let F=e=>{var t,l,s;let{product:n,theme:r,openModal:c}=e,[d,o]=(0,i.useState)({}),u=(0,M.t)(e=>({quantity:e.quantity,setQuantity:e.setQuantity,clear:e.clear,setVariant:e.setVariant})),m=(0,v.K)(e=>({quantity:e.quantity,setQuantity:e.setQuantity,reset:e.reset,setPrice:e.setPrice,setDiscountPrice:e.setDiscountPrice,setImageVariant:e.setImageVariant,allSelectedVariants:e.allSelectedVariants,setAllSelectedVariants:e.setAllSelectedVariants})),h=(null==n?void 0:n.product_items)||[],p=h.reduce((e,t)=>e+Math.max(Number(t.stock),0),0),x=m.quantity,_=(null==n?void 0:n.variants)||[],g=u.quantity,f=m.allSelectedVariants,y=(0,V.bn)(),{data:j}=(0,C.Qh)(n.product_group_id),N=(0,i.useMemo)(()=>{var e,t,l;return null!=(l=null==(t=n.product_assets)||null==(e=t[0])?void 0:e.assets_url)?l:null},[n.product_assets]),w=(0,i.useMemo)(()=>{var e;let t=null==y?void 0:y.type_settings;if(!(null==t?void 0:t.length))return _;let l=new Map(t.map(e=>[(0,b.l5)(e.type_key),e])),a=(null==j?void 0:j.has_override)&&(null==(e=j.override_values)?void 0:e.length)?new Map(j.override_values.map(e=>["".concat((0,b.l5)(e.type_key),"::").concat((0,b.l5)(e.value_key)),e])):null;return _.map(e=>{var t;let i=(0,b.l5)(e.label),s=l.get(i);if(!s)return e;let n=new Map((null!=(t=s.values)?t:[]).map(e=>[(0,b.l5)(e.value_key),e])),r=e.options.map(e=>{var t,l,r,c,d,o,u,m;let p=(0,b.l5)(e.value),x=n.get(p),_=null==a?void 0:a.get("".concat(i,"::").concat(p)),v=null!=(t=null==_?void 0:_.display_mode)?t:s.display_mode;if("color"===v)return{...e,hex_code:null!=(r=null!=(l=null==_?void 0:_.color_hex)?l:null==x?void 0:x.color_hex)?r:null};if("image"===v){let t=null!=(m=null!=(u=null==_?void 0:_.image_url)?u:null==(o=h.find(t=>{var l;return null==(l=t.variants)?void 0:l.some(t=>t.option_id===e.option_id)}))||null==(d=o.images)||null==(c=d[0])?void 0:c.assets_url)?m:N;return{...e,image_url:t}}return e});return{...e,display_mode:s.display_mode,options:r}})},[_,y,j,h,N]),k=(0,i.useCallback)(()=>{let e=g+1;e<=p&&u.setQuantity(e)},[g,p,u]),S=(0,i.useCallback)(()=>{let e=g-1;e>=1&&u.setQuantity(e)},[g,u]),J=(e,t)=>

1{o(l=>({...l,[e]:l[e]===t?"":t}))},q=(0,i.useMemo)(()=>w.every(e=>d[e.variant_id]),[w,d]),P=(0,i.useMemo)(()=>{let e=w.map(e=>d[e.variant_id]).filter(Boolean).join(":");return h.find(t=>t.item_option_id===e)},[d,h,w]);return(0,i.useEffect)(()=>{o(Object.fromEntries(w.map(e=>[e.variant_id,""])))},[w,null==r||null==(t=r.variantPill)?void 0:t.style]),(0,i.useEffect)(()=>{if(Object.values(d).includes("")){m.reset(),u.clear();return}P&&(m.setQuantity(P.stock||0),m.setPrice(P.sell_price||0),m.setDiscountPrice(P.discount_price||0),m.setImageVariant(P.images||[]),u.setVariant({...P,variants:P.variants}))},[P]),(0,i.useEffect)(()=>{m.setAllSelectedVariants(!!q)},[q]),(0,i.useEffect)(()=>{c||(u.setQuantity(0),o({}))},[c]),(0,i.useEffect)(()=>{g<=0&&x>0?u.setQuantity(1):x<=0&&p<=0&&u.setQuantity(0)},[x]),(0,i.useEffect)(()=>{m.setQuantity(p)},[null==n?void 0:n.id]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"space-y-4",children:(null==r||null==(l=r.variantPill)?void 0:l.style)==="pills"?(0,a.jsx)(I.L,{product:n,variants:w||[],items:h,selectedOptions:d,handleSelect:J,theme:null==r?void 0:r.variantPill,colorScheme:null==r||null==(s=r.variantPill)?void 0:s.colorScheme}):(0,a.jsx)(A.y,{product:n,variants:w||[],items:h,selectedOptions:d,handleSelect:J})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"mb-1 block text-sm font-medium",children:"Quantity"}),(0,a.jsxs)("div",{className:"mt-2 flex items-center space-x-2",children:[(0,a.jsxs)("div",{className:"flex items-center space-x-6 rounded-lg border p-2",children:[(0,a.jsx)(E.$,{variant:"outline",size:"icon",onClick:S,className:"theme_button_outline_modal_product_detail",disabled:g<=1||w&&!f,children:(0,a.jsx)(D.A,{className:"h-2 w-2"})}),(0,a.jsx)(T.p,{id:"",type:"text",value:g,onChange:e=>{let t=Math.max(1,Math.min(parseInt(e.target.value.replace(/\D/g,""),10)||1,p));u.setQuantity(t)},className:(0,b.cn)("w-[60px] border-none text-center font-semibold focus-visible:ring-0"),max:x,min:1,disabled:x<=0}),(0,a.jsx)(E.$,{variant:"outline",size:"icon",onClick:k,className:"theme_button_outline_modal_product_detail",disabled:x<=0||g>=(null!=x?x:0)||w&&!f,children:(0,a.jsx)(Q.A,{className:"h-2 w-2"})})]}),(0,a.jsxs)("span",{className:"ml-2 text-sm ",children:["Stok : ",f?x:p]})]})]})]})};var O=l(47585),B=l(18653),R=l(82021),K=l(98407),L=l(47059),z=l(3413),$=l(94412),W=l(52987),X=l(52619),Z=l.n(X);let G=e=>{var t,l,s;let{product:n,theme:r,preview:c,token:d,themeId:o,customerToken:u}=e,m=window.location.host,h=(0,J.A)(),[p,x]=(0,i.useState)(null),[_,f]=(0,i.useState)(!1),[y,j]=(0,i.useState)(!1),N=(0,M.t)(e=>({quantity:e.quantity,setQuantity:e.setQuantity,clear:e.clear,setVariant:e.setVariant,item_id:e.item_id,sell_price:e.sell_price,discount_price:e.discount_price,sku:e.sku,item_weight:e.item_weight,item_height:e.item_height,item_width:e.item_width,item_length:e.item_length}

1),g.x),w=(0,v.K)(e=>({quantity:e.quantity,setQuantity:e.setQuantity,reset:e.reset,setPrice:e.setPrice,setDiscountPrice:e.setDiscountPrice,setImageVariant:e.setImageVariant,allSelectedVariants:e.allSelectedVariants,setAllSelectedVariants:e.setAllSelectedVariants}),g.x),k=(null==n?void 0:n.variants)||[],S=(null==n?void 0:n.available_qty)||0,q=N.quantity,P=w.quantity,A=w.allSelectedVariants,I=A?P<=0:S<=0,T=async e=>{try{var t,l;if("buyNow"===e?j(!0):f(!0),I)return void(0,R.oR)({title:"Error",description:"Product is out of stock",variant:"destructive"});let a=k?N:null==n||null==(t=n.product_items)?void 0:t[0];if(!a)return void(0,R.oR)({title:"Error",description:"No product item available",variant:"destructive"});let{item_id:i,sell_price:s,discount_price:r,item_weight:c,item_height:d,item_width:o,item_length:p}=a,_={id:i||"",product_name:null==n?void 0:n.product_name,sell_price:Number(s),discount_price:Number(r),product_assets:null==n?void 0:n.product_assets,quantity:q,variants:k,sku:N.sku,item_weight:Number(c),item_height:Number(d),item_width:Number(o),item_length:Number(p),total_value:Number(s)*q},v={id:i||"",quantity:_.quantity};if("addToCart"===e)await (0,K.b)(m,v,u),x(_),setTimeout(()=>h.open(),1e3),N.setQuantity(+(q>0)),$.q.invalidateQueries({queryKey:["carts"]});else{let e=await (0,L.X)(m,v,u);(null==e?void 0:e.success)&&(window.location.href="/checkout/".concat(null==(l=e.data)?void 0:l.checkout_id))}(0,R.oR)({duration:1e3,title:"Success",description:"addToCart"===e?"Product has been added to cart":"Proceeding to checkout",variant:"success"}),(0,z.e)("add_to_cart",{currency:"IDR",value:Number(s)*q,items:[{item_name:_.product_name,item_id:_.id,price:Number(_.sell_price),quantity:_.quantity,unique_action_id:Date.now()}]}),(0,z.i)("AddToCart",{content_ids:[_.id],content_name:_.product_name,content_category:null==n?void 0:n.category_name,content_type:"product",quantity:_.quantity,value:Number(s)*q,currency:"IDR"})}catch(t){console.error("Failed to process cart action",t),(0,R.oR)({title:"Error",description:"Failed to ".concat("addToCart"===e?"add product to cart":"process Buy Now"),variant:"destructive"})}finally{"buyNow"===e?j(!1):f(!1)}};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"w-full space-y-3",children:[(0,a.jsx)(E.$,{className:(0,b.cn)("flex w-full items-center px-4","theme_button_modal_product_detail","theme_button"),disabled:I||y||0===q||(null==n?void 0:n.variants)&&!A||P<=0,onClick:()=>T("buyNow"),"data-testid":"modal-product-detail-button-buy-now",children:y?(0,a.jsx)(B.y,{size:"small",className:"mr-2"}):(null==r||null==(t=r.productDetailButton)?void 0:t.buttonLabelBuyNow)||"Buy now"}),(0,a.jsx)(E.$,{className:(0,b.cn)("flex w-full items-center !border !border-primary px-4","theme_button_modal_product_detail","theme_button"),onClick:()=>T("addToCart"),disabled:I||0===q||!A||P<=0,isLoading:_,"data-testid":"modal-product-detail-button-add-to-cart",children:(null==r||null==(l=r.productDetailButton)?void 0:l.buttonLabelAddToCart)||"Add to cart"})]}),(0,a.jsx)("div",{className:"pb-4",children:(0,a.jsxs)(Z(),{href:"/products/".concat(null==n?void 0:n.slug).concat(d?"?theme_id=".concat(o,"&token=").concat(d):c?"?theme_id=".concat(o,"&isPreview=true"):""),className:"flex",children:["View full details ",(0,a.jsx)(W.A,{width:14,height:14,className:"ml-2"})]})}),(null==r||null==(s=r.cart)?void 0:s.cartType)==="popup_notification"&&h.isShow?(0,a.jsx)(O.CartPopup,{openModal:h.isShow,cart:p,setOpenModal:h.setIsShow,host:window.location.host}):null]})};function H(e){let{slug:t,themeId:l,storeTheme:u,preview:h,openModal:p,setOpenModal:x}=e,_=o.A.get("accessToken"),g=o.A.get("_location_id"),{data:b,isLoading:f}=(0,c.qf)(t,_,g,{enabled:!!t&&!!p}),j=(0,r.k)(e=>e.theme),N=(0,M.t)(e=>

1e.clear),w=(0,v.K)(e=>e.reset),k=h?j:u,S=b||{},J=(null==S?void 0:S.slug)||(null==S?void 0:S.product_group_id),q="".concat(h?"preview":"live",":").concat(J);return(0,i.useEffect)(()=>{N(),w()},[J]),(0,i.useEffect)(()=>{var e;!h&&(null==S?void 0:S.product_group_id)&&((0,z.e)("view_item",{items:[{item_id:S.product_group_id,item_name:null==S?void 0:S.product_name,item_variant:S.variants,price:S.sell_price,quantity:S.available_qty}]}),(0,z.i)("ViewContent",{content_ids:[null==S?void 0:S.product_group_id],content_name:null==S?void 0:S.product_name,content_type:"product",contents:null==(e=S.product_items)?void 0:e.filter(e=>!!e.item_id).map(e=>({id:e.item_id,quantity:e.stock})),value:null==S?void 0:S.sell_price,currency:"IDR"}))},[q]),(0,a.jsx)(s.A,{className:"theme_font theme_modal_product_detail mx-auto max-w-2xl !rounded-none p-4 xl:max-w-4xl 2xl:max-w-5xl",openModal:p,setOpenModal:x,children:f?(0,a.jsx)(m,{}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"hidden justify-end md:flex",children:(0,a.jsx)(n.A,{width:24,height:24,className:"cursor-pointer",onClick:()=>{N(),w(),null==x||x(!1)}})}),(0,a.jsx)("section",{children:(0,a.jsx)(d.F,{className:"theme_layout_page_width product_detail_wrapper mx-auto max-h-[450px] overflow-auto duration-100 2xl:max-h-[570px]",children:(0,a.jsx)("div",{className:"container mx-auto max-w-screen-xl",children:(0,a.jsxs)("div",{className:"grid grid-cols-2 gap-8 gap-y-4 2xl:gap-x-16",children:[(0,a.jsx)(y,{product:S,theme:k}),(0,a.jsxs)("div",{className:"col-span-2 space-y-4 md:col-span-1",children:[(0,a.jsx)(P,{theme:k,product:S,slug:t,token:_,openModal:p}),(0,a.jsx)(F,{product:S,theme:k,openModal:p}),(0,a.jsx)(G,{product:S,theme:k,preview:h,token:_,themeId:l,customerToken:_})]})]})})})})]})})}}}]);