https://varsego.se/ui/js/4633.768a921f639a14d959ef.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[4633],{74633(e,t,s){s.r(t),s.d(t,{default:()=>N});var n=s(68102),l=s(3141),a=s(63696),i=s(7104),c=s(71728),o=s(29632),m=s(42630),r=s(54042),d=s(392),u=s(36897),p=s(43029),E=s(29644),y=s(55919);const g=["listSystemId"],h=(0,a.lazy)(()=>Promise.resolve().then(s.bind(s,44823))),b=(0,a.lazy)(()=>s.e(1487).then(s.bind(s,31487))),v=(0,a.lazy)(()=>s.e(6507).then(s.bind(s,66507))),w=(0,a.lazy)(()=>s.e(7960).then(s.bind(s,67960))),f=e=>{let t=e.listSystemId,s=(0,E.A)(e,g);const n=(0,o.j)(),r=(0,y.a)(640),u=(0,a.useState)(!1),p=(0,l.A)(u,2),f=p[0],_=p[1],k=!1===s.isActiveForCustomer;(0,a.useEffect)(()=>{f&&setTimeout(()=>_(!1),1e3)},[f]);const N=a.createElement("div",{className:"row g-1 justify-content-end align-items-center"},a.createElement("div",{className:"col-auto"},a.createElement(h,{className:"specific-shopping-list__button-delete",onClick:()=>(e=>{n((0,m.aR)({listSystemId:t,rowSystemId:e.systemId}))})(s),title:(0,i.T)("general.remove")},a.createElement(c.default,{icon:c.IconEnum.Trash}))),k?a.createElement("div",{className:"col-auto specific-shopping-list__row-unavailable"},(0,i.T)("shoppingList.rowNotAvailable")):a.createElement(a.Fragment,null,a.createElement("div",{className:"col-auto"},a.createElement(b,{quantity:s.quantity,onChange:e=>((e,s)=>{n((0,m.xX)({listSystemId:t,rowSystemId:s.systemId,quantity:e}))})(e,s),disabled:s.inStockQuantity<=0})),a.createElement("div",{className:"specific-shopping-list__buy-button-container col-auto text-end"},a.createElement(h,{className:"btn btn-sm btn-primary specific-shopping-list__button-buy my-pages-shopping-lists__button",success:f,onClick:()=>(e=>{n((0,d.bE)({articleNumber:e.articleNumber,articleName:e.articleName,quantity:e.quantity})).then(()=>{_(!0)})})(s),disabled:s.inStockQuantity<=0},(0,i.T)("shoppingList.addToCart")),a.createElement("div",{className:"text-center my-pages-shopping-lists__stock-level"},a.createElement("span",null,-1===s.inStockQuantity&&(0,i.T)("stock.level.maxinstock"),(-2==s.inStockQuantity||0==s.inStockQuantity)&&(0,i.T)("stock.level.outofstock"),s.inStockQuantity>0&&`${s.inStockQuantity} ${(0,i.T)("stock.level.instock")}`))))),I=k?"specific-shopping-list__row specific-shopping-list__row--unavailable":"specific-shopping-list__row";return r?a.createElement("div",{className:`row g-3 ${I}`},a.createElement("div",{className:"col-auto"},a.createElement(w,{listRow:s})),a.createElement("div",{className:"col"},a.createElement(v,{listRow:s})),a.createElement("div",{className:"col-12"},N)):a.createElement("tr",{className:I},a.createElement("td",{width:100},a.createElement(w,{listRow:s})),a.createElement("td",null,a.createElement(v,{listRow:s})),a.createElement("td",null,N))},_=(0,a.lazy)(()=>Promise.resolve().then(s.bind(s,44823))),k=(0,a.lazy)(()=>s.e(5690).then(s.bind(s,35690))),N=e=>{const t=(0,y.a)(640),s=(0,o.j)(),E=(0,a.useState)(!e),g=(0,l.A)(E,2),h=g[0],b=g[1],v=(0,a.useState)(!1),w=(0,l.A)(v,2),N=w[0],I=w[1],S=(0,a.useState)(!1),T=(0,l.A)(S,2),C=T[0],L=T[1];(0,a.useEffect)(()=>{!e?.systemId||e.rows&&0!==e.rows.length?e?.systemId&&b(!1):(x(),s((0,m.vS)(e.systemId)).then(()=>b(!1)))},[e?.systemId]),(0,a.useEffect)(()=>{!h&&x()},[h]);const A=()=>{e?.systemId&&s((0,m.dN)(e.systemId)).then(()=>{s((0,d.wx)(!0))})},x=()=>{(0,p.A)(".my-pages-navigation")};return h?a.createElement("div",{className:"d-flex justify-content-center align-items-center",style:{height:300}},a.createElement(r.A,null)):a.createElement(a.Suspense,null,a.createElement("div",{className:"specific-shopping-list"},a.createElement(_,{className:"btn-link",onClick:()=>(x(),void s((0,m.Hh)(null)))},a.createElement("div",{className:"btn-link__icon btn-link__icon-back"}),a.createElement("div",{className:"btn-link__text"},(0,i.T)("shoppingList.backToLists"))),a.createElement("div",{className:"hstack flex-wrap flex-xl-nowrap gap-3 py-4"},a.createElement("div",{className:"hstack gap-4 align-items-center me-lg-5 specific-shopping-list__details"},a.createElement("h3",{className:"specific-shopping-list__details-title"},e?.name),a.createElement("div",{className:"specific-shopping-list__details-articles"},`${e?.quantity} ${(0,i.T)("shoppingList.numberOfProducts")}`)),a.createElement("div",{className:"hstack flex-wrap flex-lg-nowrap gap-3 w-100"},a.createElement(_,{className:"btn btn-sm btn-primary my-pages-shopping-lists__button me-md-auto",disabled:!e?.rows,onClick:()=>L(!0)},a.createElement("span",null,(0,i.T)("shoppingList.addToList")),a.createElement(c.default,{icon:c.IconEnum.Plus,color:c.IconColorEnum.Light})),a.createElement(_,{onClick:()=>I(!0),className:"btn btn-sm btn-secondary my-pages-shopping-lists__button mt-4 mt-md-0"},a.createElement("span",null,(0,i.T)("shoppingList.editList")),a.createElement(c.default,{icon:c.IconEnum.Edit,color:c.IconColorEnum.Light})),a.createElement(_,{onClick:()=>A(),className:"btn btn-sm btn-primary my-pages-shopping-lists__button",disabled:!e?.rows||

10===e.rows.length},a.createElement("span",null,(0,i.T)("shoppingList.orderProducts")),a.createElement(c.default,{icon:c.IconEnum.Plus,color:c.IconColorEnum.Light})))),e?.rows?a.createElement(a.Fragment,null,e.rows.length>0&&a.createElement(a.Fragment,null,t?a.createElement("div",null,e.rows.map(t=>a.createElement(f,(0,n.A)({key:t.systemId,listSystemId:e?.systemId||""},t)))):a.createElement("table",{className:"my-pages-table"},a.createElement("tbody",null,e.rows.map(t=>a.createElement(f,(0,n.A)({key:t.systemId,listSystemId:e?.systemId||""},t))))),a.createElement("div",{className:"hstack gap-3 mt-4 justify-content-md-end"},e.rows.length>0&&a.createElement(_,{onClick:()=>A(),className:"btn btn-primary btn-sm my-pages-shopping-lists__button",disabled:!e?.rows||0===e.rows.length},a.createElement("span",null,(0,i.T)("shoppingList.orderProducts")),a.createElement(c.default,{icon:c.IconEnum.Plus,color:c.IconColorEnum.Light}))))):a.createElement("div",{className:"p-5 text-center"},a.createElement(r.A,null))),a.createElement(a.Suspense,null,C&&e?.systemId&&a.createElement(k,{onCancel:()=>L(!1),systemId:e?.systemId}),N&&a.createElement(u.default,{systemId:e?.systemId,listName:e?.name,listImage:e?.image,showOverlay:!0,onClose:()=>I(!1)})))}},55919(e,t,s){s.d(t,{a:()=>a});var n=s(3141),l=s(63696);function a(e=768){const t=(0,l.useState)(window.innerWidth<e),s=(0,n.A)(t,2),a=s[0],i=s[1];return(0,l.useEffect)(()=>{let t,s=!0;const n=()=>{s&&i(window.innerWidth<e)},l=()=>{t&&clearTimeout(t),t=setTimeout(n,20)};return t&&clearTimeout(t),t=setTimeout(n,20),window.addEventListener("resize",l),()=>{s=!1,window.removeEventListener("resize",l)}},[e]),a}},68102(e,t,s){function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var n in s)({}).hasOwnProperty.call(s,n)&&(e[n]=s[n])}return e},n.apply(null,arguments)}s.d(t,{A:()=>n})}}]);