1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2903],{33377:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/product/PriceBreakUp",function(){return n(93624)}])},93624:function(e,t,n){"use strict";n.r(t);var i=n(85893),r=n(67294),s=n(43495),o=n(60017),l=n(18357);let c=e=>{let{data:t,showPurchaseCost:n}=e,{formatCurrency:c}=(0,r.useContext)(o.CurrencyContext),a={hidden:{opacity:0,x:-100},visible:{opacity:1,x:0}},d={hidden:{opacity:0},visible:{opacity:1}},[u,h]=(0,l.YD)({triggerOnce:!0,threshold:.1}),p=e=>["Purchase Price","Purchase Price With Tax","Taxable Amount","Final Amount"].includes(e.Components),m=(e,t)=>{let n=e.trim(),i=null!=t&&""!==t&&"-"!==t;return i&&"click_and_collect"===e&&"string"!=typeof t&&"number"!=typeof t||i&&"specialprice"===e&&"string"!=typeof t&&"number"!=typeof t?t:["price","amount","cost","tax","purchase_price_with_tax","final_price","total","purchase_cost","margin","purchase_touch","","specialprice","click_and_collect"].includes(n.toLowerCase())&&i?c(t):t};return(0,i.jsx)("div",{ref:u,className:"block xl:container my-8 p-4 sm:p-6 rounded-lg shadow-sm bg-cream-500 ",style:{marginTop:"5px"},children:(0,i.jsx)("div",{className:"overflow-x-auto custom-scrollbar",children:(0,i.jsxs)("table",{className:"min-w-full leading-normal capitalize",children:[(0,i.jsx)("thead",{children:t.length>0&&(0,i.jsx)("tr",{children:Object.keys(t[0]).map(e=>(0,i.jsx)(s.E.th,{className:"px-4 py-2 text-left text-md xl:text-xl font-semibold uppercase tracking-wider bg-gold-500 text-cream-500",children:e.replace(/_/g," ")},e))})}),(0,i.jsx)("tbody",{children:t.map((e,t)=>{if(!n&&("Purchase Price"===e.Components||"Purchase Price With Tax"===e.Components))return null;let r=p(e);return(0,i.jsx)(s.E.tr,{variants:a,initial:"hidden",animate:h?"visible":"hidden",transition:{duration:.5,delay:.1*t},className:"border-b ".concat(r?"bg-gold-100":"bg-white"),children:Object.entries(e).map((t,n,o)=>{let[l,a]=t;return(0,i.jsx)(s.E.td,{variants:d,initial:"hidden",animate:h?"visible":"hidden",transition:{duration:.5},className:"px-4 py-2 ".concat(r?"font-semibold":"text-gray-800"," text-xs sm:text-xs lg:text-lg"),children:"Total Click and Collect Savings"===e.Components&&(0==n||n===o.length-1)?(0,i.jsxs)(i.Fragment,{children:[" ",(0,i.jsx)("span",{className:"text-sm md:text-sm lg:text-lg font-bold text-primary",children:0!=n?c(a):a})]}):m(l,a)},n)})},t)})})]})})})};t.default=c},18357:function(e,t,n){"use strict";n.d(t,{YD:function(){return a}});var i=n(67294),r=Object.defineProperty,s=new Map,o=new WeakMap,l=0,c=void 0;function a({threshold:e,delay:t,trackVisibility:n,rootMargin:r,root:a,triggerOnce:d,skip:u,initialInView:h,fallbackInView:p,onChange:m}={}){var g;let[x,f]=i.useState(null),b=i.useRef(m),[y,v]=i.useState({inView:!!h,entry:void 0});b.current=m,i.useEffect(()=>{let i;if(!u&&x)return i=function(e,t,n={},i=c){if(void 0===window.IntersectionObserver&&void 0!==i){let r=e.getBoundingClientRect();return t(i,{isIntersecting:i,target:e,intersectionRatio:"number"==typeof n.threshold?n.threshold:0,time:0,boundingClientRect:r,intersectionRect:r,rootBounds:r}),()=>{}}let{id:a,observer:d,elements:u}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var n;return`${t}_${"root"===t?(n=e.root)?(o.has(n)||(l+=1,o.set(n,l.toString())),o.get(n)):"0":e[t]}`}).toString(),n=s.get(t);if(!n){let i;let r=new Map,c=new IntersectionObserver(t=>{t.forEach(t=>{var n;let s=t.isIntersecting&&i.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=s),null==(n=r.get(t.target))||n.forEach(e=>{e(s,t)})})},e);i=c.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:c,elements:r},s.set(t,n)}return n}(n),h=u.get(e)||[];return u.has(e)||u.set(e,h),h.push(t),d.observe(e),function(){h.splice(h.indexOf(t),1),0===h.length&&(u.delete(e),d.unobserve(e)),0===u.size&&(d.disconnect(),s.delete(a))}}(x,(e,t)=>{v({inView:e,entry:t}),b.current&&b.current(e,t),t.isIntersecting&&d&&i&&(i(),i=void 0)},{root:a,rootMargin:r,threshold:e,trackVisibility:n,delay:t},p),()=>{i&&i()}},[Array.isArray(e)?e.toString():e,x,a,r,d,u,n,p,t]);let _=null==(g=y.entry)?void 0:g.target,w=i.useRef(void 0);x||!_||d||u||w.current===_||(w.current=_,v({inView:!!h,entry:void 0}));let j=[f,y.inView,y.entry];return j.ref=j[0],j.inView=j[1],j.entry=j[2],j}i.Component}},function(e){e.O(0,[3495,17,9774,2888,179],function(){return e(e.s=33377)}),_N_E=e.O()}]);
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.