https://www.gomibo.co.uk/assets/react/viewedproducts.js?711722c4b1244aeda193

1"use strict";(self.webpackChunkbelsimpel=self.webpackChunkbelsimpel||[]).push([[843],{13356(e,t,r){r.r(t),r.d(t,{default:()=>A});r(89463),r(27495),r(38781);var i=r(66943),a=r(71601),n=(r(23792),r(26910),r(62953),r(96540)),o=r(98285),l=r(8903),d=r(44651),s=r(43240),c=r(96757),u=i.Ay.section.withConfig({displayName:"ViewedProductsstyle__StyledViewedProducts",componentId:"sc-bp8pj9-0"})(["margin:","px auto 0;padding:","px ","px;max-height:",";max-width:","px;transition:all "," ease-out;overflow:hidden;& > div:first-of-type{button{padding:","px;height:auto;margin:0 0 ","px;}}& > div:last-of-type > div{border-top:1px solid ",";border-bottom:1px solid ",";min-height:","px;padding:","px ","px;}"],e=>e.deleted?0:e.theme.space[4]+e.theme.space[5],e=>e.theme.space[2],e=>e.theme.space[2],e=>e.deleted&&"0px",e=>e.theme.breakpoints.xl,e=>e.theme.animations.speed.slow,e=>e.theme.space[2],e=>e.theme.space[1],e=>e.theme.colors.grey.regular,e=>e.theme.colors.grey.regular,e=>e.theme.space[7],e=>e.theme.space[3],e=>e.theme.space[0]),p=i.Ay.h3.withConfig({displayName:"ViewedProductsstyle__StyledTitle",componentId:"sc-bp8pj9-1"})(["",";margin-bottom:","px;@media (max-width:","px){",";max-width:50%;}"],e=>{var t;return null===(t=e.theme.titles)||void 0===t?void 0:t.viewedProductsTitle.default},e=>e.theme.space[1],e=>e.theme.breakpoints.sm-1,e=>{var t;return null===(t=e.theme.titles)||void 0===t?void 0:t.viewedProductsTitle.mobile}),m=i.Ay.div.withConfig({displayName:"ViewedProductsstyle__StyledViewedProductItemContainer",componentId:"sc-bp8pj9-2"})(["display:flex;flex-direction:column;","{align-items:initial;section{width:calc(100% - 6px);margin-bottom:0;}}"],c.Nu),f=(i.Ay.div.withConfig({displayName:"ViewedProductsstyle__StyledImageContainer",componentId:"sc-bp8pj9-3"})(["display:flex;justify-content:center;align-items:center;height:","px;width:auto;margin-bottom:","px;"],e=>e.theme.space[2]+e.theme.space[6],e=>e.theme.space[2]),r(60395)),v=r(28760),h=r(26382),y=r(35126),b=r(33952),w=r(14457),g=r(28294);function _(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,i)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?_(Object(r),!0).forEach(function(t){j(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function j(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var i=r.call(e,t||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function P(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var i,a,n,o,l=[],d=!0,s=!1;try{if(n=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;d=!1}else for(;!(d=(i=n.call(r)).done)&&(l.push(i.value),l.length!==t);d=!0);}catch(e){s=!0,a=e}finally{try{if(!d&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return O(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?O(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,i=Array(t);r<t;r++)i[r]=e[r];return i}function A(){var e=P((0,y.A)("viewedProductId"),1)[0],t=P((0,n.use

1State)([]),2),r=t[0],i=t[1],c=P((0,n.useState)({}),2),_=c[0],j=c[1],O=P((0,n.useState)(null),2),A=O[0],E=O[1],C=P((0,n.useState)(0),2),k=C[0],I=C[1],V=(0,n.useCallback)(()=>{var e=(0,b._S)("bs_viewed_product_ids",!1);return e||{}},[]),D=(0,n.useCallback)(()=>{var e=V();return e?(j(e),Object.entries(e).filter(e=>!e[1].deleted).sort((e,t)=>{var r=e[1].viewed[e[1].viewed.length-1];return t[1].viewed[t[1].viewed.length-1]-r}).map(e=>e[0])):[]},[V]),T=e=>{var t={};Object.entries(e).filter(e=>!e[1].deleted).sort((e,t)=>{var r=Math.max(...e[1].viewed);return Math.max(...t[1].viewed)-r}).slice(0,20).forEach(e=>{t[e[0]]=x(x({},e[1]),{},{viewed:[Math.max(...e[1].viewed)]})}),(0,g.TV)("bs_viewed_product_ids",t)},N=(0,n.useCallback)(()=>{if(e){var t=V();t[e]?(t[e].deleted=!1,t[e].viewed.push(Date.now())):t[e]={id:e,deleted:!1,viewed:[Date.now()]},(0,b.AP)("bs_viewed_product_ids",t,!1),T(t),j(t)}},[V,e]);(0,n.useEffect)(()=>{N();var e=D();if(e.splice(10),0!==e.length){var t="/api/Product/recentlyviewedproducts?product_ids[]="+e.join("&product_ids[]=");(0,l.A)({url:t,method:"GET",timeout:1e4}).then(e=>{if(!e.data.data.pos)throw new Error("reponse does not contain point of sale id");I(e.data.data.pos),e.data.data.products&&i(e.data.data.products)}).catch(e=>{(0,d.P)("Failed to retrieve recent products","ViewedProducts",{error:e})})}},[D,N]);return 0===r.length?null:n.createElement(u,{deleted:"all"===A,onTransitionEnd:()=>{"all"===A&&i([]),null!==A&&i(e=>e.filter(e=>e.id!==A)),E(null)},"aria-label":(0,o.A)({msgid:"Recently viewed products"})},n.createElement(S,{$_css:(0,a.css)({display:"flex",justifyContent:"space-between",alignItems:"flex-end"})},n.createElement(s.A,{msgid:"Recently viewed products",as:p}),n.createElement(v.A,{variant:"textOnly",type:"button",label:{msgid:"Delete history"},icon:{icon:h.rw,size:"regular",color:"black"},onClick:()=>{E("all");var e=x({},_);Object.keys(e).forEach(t=>{e[t].deleted=!0}),(0,b.AP)("bs_viewed_product_ids",e,!1),T(e),j({})}})),n.createElement(m,null,n.createElement(f.A,{syncLevel:3,syncHeights:!0,itemSize:{xxs:"75%",xs:"45%",sm:"50%",md:"33.3%",lg:"25%",xl:"20%"}},r.map(e=>{var t,r,i;return n.createElement(w.Ay,{key:e.product_name,variation:"compact",showAddFavouriteButton:!0,data:{type:"hardwareonly",pretty_name:e.product_name,images:e.images,image_metadata:e.image_metadata,hardware:{id:e.product_id,name:e.product_name,pretty_standalone_price:null===(t=e.pricing)||void 0===t?void 0:t.formatted,pretty_from_price:null===(r=e.rrp)||void 0===r?void 0:r.formatted,rrp_label:e.rrp_label,is_price_including_vat:e.pricing.is_vat_included,review:x(x({},e.reviews),{},{reviews_page_url:e.product_url_path}),url_path:e.product_url_path,specifications:e.specifications},shipping_status:e.shipping_status,energy_label:null!==(i=e.energy_label)&&void 0!==i?i:void 0,pos:k,outlets_text:e.outlets_text}})}))))}var S=(0,i.Ay)("div").withConfig({displayName:"ViewedProducts___StyledDiv",componentId:"sc-1be7g4e-0"})(["",""],e=>e.$_css)},60790(e,t,r){r.r(t),r.d(t,{default:()=>i});const i=r(13356).default}}]);