https://www.yattajapan.com/_next/static/chunks/569.7034627e9fbd2487.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[569],{71569:function(e,t,l){l.r(t),l.d(t,{default:function(){return j}});var s=l(85893),a=l(67294),c=l(11163),n=l(41609),r=l.n(n),i=l(13971),o=l(25405),d=l(43484),m=l(39906),u=l(85971),x=l(93967),b=l.n(x);let h=e=>{let{className:t="mb-4",title:l,attributes:a,active:c,onClick:n}=e;return(0,s.jsxs)("div",{className:t,children:[(0,s.jsx)("h3",{className:"text-base md:text-lg text-heading font-semibold mb-2.5 capitalize",children:l}),(0,s.jsx)("ul",{className:"colors flex flex-wrap -me-3",children:null==a?void 0:a.map(e=>{let{id:t,value:a,meta:r,cbValue:i,shade:o}=e;return(0,s.jsx)("li",{className:b()("cursor-pointer rounded border border-gray-100 p-2 mb-2 md:mb-3 me-2 md:me-3 flex justify-center items-center text-heading text-xs md:text-sm uppercase font-semibold transition duration-200 ease-in-out hover:border-black",{"border-black":a===c},{"text-gray-600":o}),onClick:()=>n(i),children:"color"===l?(0,s.jsx)("span",{className:"h-full w-full rounded block",style:{backgroundColor:r}}):a},"".concat(a,"-").concat(t))})})]})};var f=l(92987),g=l(7739),p=l.n(g),v=l(48352);function j(){var e,t;let{t:l}=(0,v.$G)("common"),{modalData:{data:n},closeModal:x,openCart:b}=(0,o.l8)(),g=(0,c.useRouter)(),{addItemToCart:j}=(0,u.jD)(),[N,w]=(0,a.useState)(1),[y,k]=(0,a.useState)({}),[C,D]=(0,a.useState)(!1),[_,O]=(0,a.useState)(!1),{price:S,basePrice:Z,discount:P}=(0,f.ZP)({amount:n.sale_price?n.sale_price:n.price,baseAmount:n.price,currencyCode:"USD"}),T=(t=n.variations)?p()(t,"attribute.slug"):{},{slug:E,image:R,name:U,description:q}=n,z=!!r()(T)||!r()(y)&&Object.keys(T).every(e=>y.hasOwnProperty(e));function A(){x(),g.push("".concat(i.Z.PRODUCT,"/").concat(E),void 0,{locale:g.locale})}function G(e){k(t=>({...t,...e}))}return(0,s.jsx)("div",{className:"rounded-lg bg-white",children:(0,s.jsxs)("div",{className:"flex flex-col lg:flex-row w-full md:w-[650px] lg:w-[960px] mx-auto overflow-hidden",children:[(0,s.jsx)("div",{className:"flex-shrink-0 flex items-center justify-center w-full lg:w-430px max-h-430px lg:max-h-full overflow-hidden bg-gray-300",children:(0,s.jsx)("img",{src:null!==(e=null==R?void 0:R.original)&&void 0!==e?e:"/assets/placeholder/products/product-thumbnail.svg",alt:U,className:"lg:object-cover lg:w-full lg:h-full"})}),(0,s.jsxs)("div",{className:"flex flex-col p-5 md:p-8 w-full",children:[(0,s.jsxs)("div",{className:"pb-5",children:[(0,s.jsx)("div",{className:"mb-2 md:mb-2.5 block -mt-1.5",onClick:A,role:"button",children:(0,s.jsx)("h2",{className:"text-heading text-lg md:text-xl lg:text-2xl font-semibold hover:text-black",children:U})}),(0,s.jsx)("p",{className:"text-sm leading-6 md:text-body md:leading-7",children:q}),(0,s.jsxs)("div",{className:"flex items-center mt-3",children:[(0,s.jsx)("div",{className:"text-heading font-semibold text-base md:text-xl lg:text-2xl",children:S}),P&&(0,s.jsx)("del",{className:"font-segoe text-gray-400 text-base lg:text-xl ps-2.5 -mt-0.5 md:mt-0",children:Z})]})]}),Object.keys(T).map(e=>(0,s.jsx)(h,{title:e,attributes:T[e],active:y[e],onClick:G},"popup-attribute-key".concat(e))),(0,s.jsxs)("div",{className:"pt-2 md:pt-4",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between mb-4 space-s-3 sm:space-s-4",children:[(0,s.jsx)(m.Z,{quantity:N,onIncrement:()=>w(e=>e+1),onDecrement:()=>w(e=>1!==e?e-1:1),disableDecrement:1===N}),(0,s.jsx)(d.Z,{onClick:function(){if(!z)return;O(!0),setTimeout(()=>{O(!1),D(!0)},600);let e=function(e,t){let{id:l,name:s,slug:a,image:c,price:n,sale_price:i}=e;return{id:r()(t)?l:"".concat(l,".").concat(Object.values(t).join(".")),name:s,slug:a,image:c.thumbnail,price:i||n,attributes:t}}(n,y);j(e,N)},variant:"flat",className:"w-full h-11 md:h-12 px-1.5 ".concat(!z&&"bg-gray-400 hover:bg-gray-400"),disabled:!z,loading:_,children:l("text-add-to-cart")})]}),C&&(0,s.jsx)("button",{onClick:function(){x(),setTimeout(()=>{b()},300)},className:"w-full mb-4 h-11 md:h-12 rounded bg-gray-100 text-heading focus:outline-none border border-gray-300 transition-colors hover:bg-gray-50 focus:bg-gray-50",children:l("text-view-cart")}),(0,s.jsx)(d.Z,{onClick:A,variant:"flat",className:"w-full h-11 md:h-12",children:l("text-view-details")})]})]})]})})}}}]);