https://www.pyretosnackan.se/ui/es6/749.9e95b29f58633c303c6b.js

1(self.webpackChunk=self.webpackChunk||[]).push([[749],{8749:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>A});var r=a(7378),l=a(8036),n=a(6143),m=a(3122),s=a(4695);const o="/api/order",c=e=>({type:n.mj,payload:{mode:e}}),d=(e=1,t=!1,a=n.c_.PageSize,r=null,l=!1)=>c=>(0,m.U2)(`${o}?pageIndex=${e}&showMyOrders=${t}&pageSize=${a}`).then((e=>e.json())).then((a=>{if(c(i(a.orders,a.totalCount,e,t,l?n.wO.Detail:n.wO.List)),r&&l){const e=a.orders.find((e=>e.orderId===r));c(E(e||{}))}})).catch((e=>c((0,s.K)(e,(e=>u(e)))))),i=(e,t,a,r,l=n.wO.List)=>({type:n.oM,payload:{list:e,mode:l,totalCount:t,currentPage:a,showOnlyMyOrders:r}}),u=e=>({type:n.OM,payload:{error:e}}),E=e=>({type:n.VT,payload:{order:e}});var v=a(2206),g=a(7421),p=a(7618),N=a(4862);const h=({label:e,title:t,cssClass:a,orderId:l,onClick:n})=>r.createElement("button",{className:a,type:"button",title:t,onClick:()=>n({orderId:l})},e),b=e=>{const t=(0,l.I0)(),a=(0,p.Z)(h,(async({orderId:e})=>{try{const a=await(0,g.HP)(e);return t((0,N.pT)(a)),!0}catch(e){return t((0,s.K)(e,(e=>(0,N.Lx)(e)))),!1}}),"buy-button");return r.createElement(a,e)},_=({label:e,title:t,cssClass:a,orderId:l,onClick:n,callback:m})=>r.createElement("button",{onClick:()=>n({orderId:l,callback:m}),className:a,title:t||e},e),y=e=>{const t=(0,l.I0)(),a=(0,p.Z)(_,(({orderId:e,callback:a})=>{try{return t(((e,t)=>a=>(0,m.v_)(`${o}/approveOrder`,{id:e}).then((e=>e.json())).then((e=>{t&&t(e)})).catch((e=>a((0,s.K)(e,(e=>u(e)))))))(e,a)),!0}catch(e){return!1}}),"buy-button");return r.createElement(a,e)},I=({onShowDetail:e,onApproveOrderCallback:t,isBusinessCustomer:a,hasApproverRole:n})=>{const m=(0,l.v9)((e=>e.myPage.orders.list));return r.createElement("div",{className:"order-history__list"},m?.length>0&&r.createElement("div",{className:"simple-table"},r.createElement("div",{className:"row medium-unstack no-margin simple-table__header hide-for-small-only"},r.createElement("div",{className:"columns medium-2"},(0,v.I)("orderlist.column.orderdate")),r.createElement("div",{className:"columns medium-6"},(0,v.I)("orderlist.column.content")),r.createElement("div",{className:"columns medium-2"},(0,v.I)("orderlist.column.grandtotal")),r.createElement("div",{className:"columns medium-2"},(0,v.I)("orderlist.column.status")),a&&r.createElement("div",{className:"columns medium-2 hide-for-small-only"})),m&&m.map((l=>r.createElement("div",{key:l.orderId,className:"row medium-unstack no-margin"},r.createElement("div",{className:"columns medium-2"},l.orderDate),r.createElement("div",{className:"columns medium-6"},r.createElement("a",{onClick:()=>e(l),className:"order-detail__product-link"},l.orderRows[0]?.brand,r.createElement("b",null,l.orderRows[0]?.name)," ",l.orderRows.length>1&&(0,v.I)(l.orderRows.length>2?"orderlist.items":"orderlist.item").replace("{0}",l.orderRows.length-1))),r.createElement("div",{className:"columns medium-2"},l.orderGrandTotal),r.createElement("div",{className:"columns medium-2"},!l.isWaitingApprove&&l.status),a&&r.createElement("div",{className:"columns medium-2"},n&&l.isWaitingApprove&&r.createElement(y,{title:(0,v.I)("approve.label"),cssClass:"table__icon table__icon--accept",orderId:l.orderId,callback:t}),r.createElement(b,{title:(0,v.I)("general.reorder"),cssClass:"table__icon table__icon--reorder",orderId:l.orderId})))))),m?.length<=0&&r.createElement("div",null,(0,v.I)("orderlist.noorderfound")))},k=({onDismiss:e,onApproveOrderCallback:t,hasApproverRole:a})=>{const{order:n}=(0,l.v9)((e=>e.myPage.orders)),[m,s]=(0,r.useState)(!1);(0,r.useEffect)((()=>{s(a&&n?.isWaitingApprove)}),[a,n?.isWaitingApprove]);const o=(0,r.useCallback)((()=>{t&&t(n?.orderId,!0)}),[t,n?.orderId]);return r.createElement("div",{className:"row order-detail__container"},r.createElement("div",{className:"columns"},r.createElement("div",{className:"row-inner order-detail__button-container"},r.createElement("div",{className:"small-6"},r.createElement("a",{className:"button button-small",target:"_blank",rel:"noreferrer",href:`my-pages/order?id=${n?.orderId}&print=true`},(0,v.I)("general.print")),m&&r.createElement(y,{label:(0,v.I)("approve.label"),cssClass:"order-detail__button",orderId:n?.orderId,callback:o}),r.createElement(b,{label:(0,v.I)("general.reorder"),cssClass:"order-detail__button",orderId:n?.orderId})),r.createElement("div",{className:"small-6 text--right"},r.createElement("a",{className:"button button-small",onClick:e},(0,v.I)("orderdetail.backtoorderlist")))),r.createElement("div",{className:"row-inner"},r.createElement("div",{className:"medium-12 large-6"},r.createElement("h3",null,(0,v.I)("orderdetail.ordernumber"),": ",n?.externalOrderID)),r.createElement("div",{className:"medium-12 large-6 text--right text__mobile--left"},r.createElement("p",null,r.createElement("span",null,(0,v.I)("orderdetail.orderdate"),": ",n?.orderDate),r.createElement("br",null),r.createElement("span",null,(0,v.I)("orderdetail.orderstatus"),":"," ",r.createElement("strong",null,n?.isWaitingApprove&&(0,v.I)("order.state.waitingconfirmation"),!n?.isWaitingApprove&&n?.status)),r.createElement("br",null),n?.formattedActualDeliveryDate&&r.createElement("span",null,(0,v.I)("orderdetail.deliverydate"),":"," ",r.createElement("strong",null,n?.formattedActualDeliveryDate))))),r.createElement("div",{className:"row-inner"},r.createElement("div",{className:"small-12"},r.createElement("div",{className:"row medium-unstack no-margin"},r.createElement("div",{className:"medium-12"},(0,v.I)("orderdetail.information"))),r.createElement("div",{className:"row no-margin"},r.createElement("div",{className:"medium-12"},r.createElement("p",null,n?.customerInfo?.address1,r.createElement("br",null),n?.customerInfo?.zip," ",n?.customerInfo?.city," ",r.createElement("br",null),n?.customerInfo?.country),r.createElement("p",null,(0,v.I)("orderdetail.organizationnumber"),":"," ",n?.merchantOrganizationNumber,r.createElement("br",null),(0,v.I)("orderdetail.orderreference"),":"," ",n?.customerInfo?.firstName," ",n?.customerInfo?.lastName))))),r.createElement("div",{className:"row-inner order-table"},r.createElement("div",{className:"row medium-unstack no-margin order-table__header hide-for-small-only"},r.createElement("div",{className:"columns medium-5"},(0,v.I)("orderdetail.column.products")),r.createElement("div",{className:"columns medium-1"},(0,v.I)("orderdetail.column.quantity")),r.createElement("div",{className:"columns medium-4"},(0,v.I)("orderdetail.column.price")),r.createElement("div",{className:"columns medium-2 text--right"},(0,v.I)("orderdetail.column.total"))),r.createElement("div",{className:"order-table__body"},n?.orderRows?.map(((e,t)=>r.createElement("div",{key:t,className:"row medium-unstack no-margin order-detail__summary-items"},r.createElement("div",{className:"columns medium-5"},r.createElement("a",{href:e.link?.href,target:"_parent",className:"order-detail__product-link"},e.brand," ",r.createElement("strong",null,e.name))),r.createElement("div",{className:"columns medium-1"},e.quantityString),r.createElement("div",{className:"columns medium-4"},e.isFreeGift&&e.priceInfo?.formattedCampaignPrice?r.createElement("span",null,e.priceInfo?.formattedCampaignPrice):r.createElement("span",null,e.priceInfo?.formattedPrice)),r.createElement("div",{className:"columns medium-2 text--right"},e.totalPrice)))),n?.discountRows?.map(((e,t)=>r.createElement("div",{key:t,className:"row medium-unstack no-margin order-detail__summary-items"},r.createElement("div",{className:"columns medium-5"},e.name),r.createElement("div",{className:"columns medium-7 text--right"},e.totalPrice)))),r.createElement("div",{className:"row medium-unstack no-margin order-detail__summary-method"},r.createElement("div",{className:"columns medium-9"},(0,v.I)("orderdetail.paymentmethod")," -",n?.paymentMethod),r.createElement("div",{className:"columns medium-3 text--right"},n?.orderTotalFee)),r.createElement("div",{className:"row medium-unstack no-margin order-detail__summary-method"},r.createElement("div",{className:"columns medium-9"},(0,v.I)("orderdetail.deliverymethod")," -"," ",n?.deliveryMethod),r.createElement("div",{className:"columns medium-3 text--right"},n?.orderTotalDeliveryCost)),n?.orderTotalDiscountAmount&&r.createElement("div",{className:"row medium-unstack no-margin order-detail__summary-method"},r.createElement("div",{className:"columns medium-9"},(0,v.I)("orderdetail.discount")),r.createElement("div",{className:"columns medium-3 text--right"},n?.orderTotalDiscountAmount)),r.createElement("div",{className:"row medium-unstack no-margin order-table__space-delimiter"}),r.createElement("div",{className:"row medium-unstack no-margin"},r.createElement("div",{className:"columns small-12 text--right"},(0,v.I)("orderdetail.grandtotal"),":"," ",r.createElement("strong",null,n?.orderGrandTotal))),r.createElement("div",{className:"row medium-unstack no-margin"},r.createElement("div",{className:"columns small-12 text--right"},(0,v.I)("orderdetail.ordertotalvat"),": ",n?.orderTotalVat))))))},f=({onDismiss:e})=>{const{order:t}=(0,l.v9)((e=>e.myPage.orders));

1return r.createElement("div",{className:"row order-detail__container"},r.createElement("div",{className:"columns"},r.createElement("div",{className:"row-inner order-detail__button-container"},r.createElement("div",{className:"small-4"},r.createElement("a",{className:"button button-small",target:"_blank",rel:"noreferrer",href:`my-pages/order?id=${t?.orderId}&print=true`},(0,v.I)("general.print"))),r.createElement("div",{className:"small-8 text--right"},r.createElement("a",{className:"button button-small",onClick:e},(0,v.I)("orderdetail.backtoorderlist")))),r.createElement("div",{className:"row-inner"},r.createElement("div",{className:"medium-12 large-6"},r.createElement("h3",null,(0,v.I)("orderdetail.ordernumber"),": ",t?.externalOrderID)),r.createElement("div",{className:"medium-12 large-6 text--right text__mobile--left"},r.createElement("h3",null,(0,v.I)("orderdetail.orderdate"),": ",t?.orderDate," ",r.createElement("br",null),(0,v.I)("orderdetail.orderstatus"),":"," ",r.createElement("strong",null," ",t?.status)))),t?.formattedActualDeliveryDate&&r.createElement("div",{className:"row-inner"},r.createElement("div",{className:"medium-12 large-6 large-offset-6 text--right text__mobile--left"},(0,v.I)("orderdetail.deliverydate"),":"," ",r.createElement("strong",null,t?.formattedActualDeliveryDate))),r.createElement("div",{className:"row-inner order-table"},r.createElement("div",{className:"small-12"},r.createElement("div",{className:"row medium-unstack no-margin order-table__header"},r.createElement("div",{className:"medium-12 columns"},(0,v.I)("orderdetail.information"))),t?.deliveries?.map(((e,t)=>r.createElement("div",{key:t,className:"row no-margin order-table__body"},r.createElement("div",{className:"medium-12 columns"},r.createElement("p",null,e.address.firstName," ",e.address.lastName," ",e.address.address1," ",r.createElement("br",null),e.address.zip," ",e.address.city," ",r.createElement("br",null),e.address.country))))))),r.createElement("div",{className:"row-inner order-table"},r.createElement("div",{className:"row medium-unstack no-margin order-table__header hide-for-small-only"},r.createElement("div",{className:"columns medium-5"},(0,v.I)("orderdetail.column.products")),r.createElement("div",{className:"columns medium-2"},(0,v.I)("orderdetail.column.quantity")),r.createElement("div",{className:"columns medium-2"},(0,v.I)("orderdetail.column.price")),r.createElement("div",{className:"columns medium-3 text--right"},(0,v.I)("orderdetail.column.total"))),r.createElement("div",{className:"order-table__body"},t?.orderRows?.map(((e,t)=>r.createElement("div",{key:t,className:"row medium-unstack no-margin order-detail__summary-items"},r.createElement("div",{className:"columns medium-5"},r.createElement("a",{href:e.link?.href,target:"_parent",className:"order-detail__product-link"},e.brand," ",r.createElement("strong",null,e.name))),r.createElement("div",{className:"columns medium-2"},e.quantityString),r.createElement("div",{className:"columns medium-2"},e.isFreeGift&&e.priceInfo?.formattedCampaignPrice?r.createElement("span",null,e.priceInfo?.formattedCampaignPrice):r.createElement("span",null,e.priceInfo?.formattedPrice)),r.createElement("div",{className:"columns medium-3 text--right"},e.totalPrice)))),t?.discountRows?.map(((e,t)=>r.createElement("div",{key:t,className:"row medium-unstack no-margin order-detail__summary-items"},r.createElement("div",{className:"columns medium-5"},e.name),r.createElement("div",{className:"columns medium-7 text--right"},e.totalPrice)))),r.createElement("div",{className:"row medium-unstack no-margin order-detail__summary-method"},r.createElement("div",{className:"columns medium-9"},(0,v.I)("orderdetail.paymentmethod")," -"," ",t?.paymentMethod),r.createElement("div",{className:"columns medium-3 text--right"},t?.orderTotalFee)),r.createElement("div",{className:"row medium-unstack no-margin order-detail__summary-method"},r.createElement("div",{className:"columns medium-9"},(0,v.I)("orderdetail.deliverymethod")," -"," ",t?.deliveryMethod),r.createElement("div",{className:"columns medium-3 text--right"},t?.orderTotalDeliveryCost)),t?.orderTotalDiscountAmount&&r.createElement("div",{className:"row medium-unstack no-margin order-detail__summary-method"},r.createElement("div",{className:"columns medium-9"},(0,v.I)("orderdetail.discount")),r.createElement("div",{className:"columns medium-3 text--right"},t?.orderTotalDiscountAmount)),r.createElement("div",{className:"row medium-unstack no-margin order-table__space-delimiter"}),r.createElement("div",{className:"row medium-unstack no-margin"},r.createElement("div",{className:"columns small-12 text--right"},(0,v.I)("orderdetail.grandtotal"),":"," ",r.createElement("strong",null,t?.orderGrandTotal))),r.createElement("div",{className:"row medium-unstack no-margin"},r.createElement("div",{className:"columns small-12 text--right"},(0,v.I)("orderdetail.ordertotalvat"),": ",t?.orderTotalVat))))))},w=({name:e="",current:t=!1,disabled:a=!1,onChange:l})=>{const n=`pagination__link \n    ${t?"pagination__link--current":""} \n    ${a?"pagination__link--disabled":""}`;return r.createElement("li",{className:"pagination__item"},r.createElement("a",{className:n.trim(),onClick:()=>l()},e))},C=({intervalStart:e,edgeEntries:t,currentPageIndex:a,onChange:l})=>{const n=[],m=Math.min(t,e);for(let e=0;e<m;e++){const t=e+1;n.push(r.createElement(w,{key:t,name:t,current:t===a,onChange:()=>l(t)}))}return t<e&&n.push(r.createElement(w,{key:"first_indicator",name:"...",disabled:!0})),n},x=({intervalStart:e,intervalEnd:t,currentPageIndex:a,onChange:l})=>{const n=[];for(let m=e;m<t;m++){const e=m+1;n.push(r.createElement(w,{key:e,name:e,current:e===a,onChange:()=>l(e)}))}return n},O=({intervalEnd:e,edgeEntries:t,pageCount:a,currentPageIndex:l,onChange:n})=>{const m=[];a-t>e&&m.push(r.createElement(w,{key:"second_indicator",name:"...",disabled:!0}));for(let s=Math.max(a-t,e);s<a;s++){const e=s+1;m.push(r.createElement(w,{key:e,name:e,current:e===l,onChange:()=>n(e)}))}return m}

1,D=({model:e,onChange:t})=>{const{currentPageIndex:a,pageCount:l,intervalStart:n,intervalEnd:m,edgeEntries:s}=e;return r.createElement(r.Fragment,null,l>1&&r.createElement("ul",{className:"pagination"},a>1&&r.createElement(w,{name:"<<",current:!1,disabled:!1,onChange:()=>t(a-1)}),n>0&&s>0&&r.createElement(C,{intervalStart:n,edgeEntries:s,currentPageIndex:a,onChange:t}),r.createElement(x,{intervalStart:n,intervalEnd:m,currentPageIndex:a,onChange:t}),m<l&&s>0&&r.createElement(O,{intervalEnd:m,pageCount:l,edgeEntries:s,currentPageIndex:a,onChange:t}),a<l&&r.createElement(w,{name:">>",current:!1,disabled:!1,onChange:()=>t(a+1)})))},P=(e,t,a)=>{const r=t-1,l=parseInt(Math.ceil(parseFloat(a/2))),n=e-a;return[r>l?Math.max(Math.min(r-l,n),0):0,r>l?Math.min(r+l,e):Math.min(a,e)]};var S=a(8844);const A=()=>{const{mode:e,totalCount:t,currentPage:a,showOnlyMyOrders:m,errors:s}=(0,l.v9)((e=>e.myPage.orders)),{isBusinessCustomer:o,hasApproverRole:i}=(0,l.v9)((e=>e.myPage)),[u,g]=(0,r.useState)(m||!1),[p,N]=(0,r.useState)({}),h=(0,l.I0)();(0,r.useEffect)((()=>{h(d(a,u))}),[h,a,u]),(0,r.useEffect)((()=>{N(((e=0,t=1,a={})=>{const{pageSize:r=n.c_.PageSize,displayedEntries:l=n.c_.DisplayedEntries,edgeEntries:m=n.c_.EdgeEntries}=a,s=0!=r?parseInt(Math.ceil(parseFloat(e)/r)):0,o=P(s,t,l);return{totalCount:e,pageSize:r,currentPageIndex:t,pageCount:s,edgeEntries:m,intervalStart:o[0],intervalEnd:o[1]}})(t,a))}),[t,a]);const b=(0,r.useCallback)((e=>{h(E(e)),h(c(n.wO.Detail))}),[h]),_=(0,r.useCallback)((()=>{h(E({})),h(c(n.wO.List))}),[h]),y=(0,r.useCallback)((e=>{g(e)}),[]),w=(0,r.useCallback)((e=>{e!==a&&h((e=>({type:n.EJ,payload:{currentPage:e}}))(e))}),[a,h]),C=(0,r.useCallback)(((e,t=!1)=>{h(d(a,u,n.c_.PageSize,e,t))}),[a,u,h]);return r.createElement(r.Fragment,null,s&&!(0,S.Z)(s)&&r.createElement(r.Fragment,null,Object.keys(s).map(((e,t)=>r.createElement("div",{key:t,className:"form__validator--error"},(0,v.I)(s[e]))))),e!==n.wO.List&&r.createElement(r.Fragment,null,o?r.createElement(k,{hasApproverRole:i,onApproveOrderCallback:C,onDismiss:_}):r.createElement(f,{onDismiss:_})),e===n.wO.List&&r.createElement(r.Fragment,null,o&&i&&r.createElement("div",{className:"order__checkbox-container"},r.createElement("a",{className:"order__checkbox-input"},r.createElement("input",{className:"form__radio",id:"showOnlyMyOrders",name:"showOnlyMyOrders",type:"checkbox",defaultChecked:u,onChange:e=>y(e.target.checked)}),r.createElement("label",{htmlFor:"showOnlyMyOrders"},(0,v.I)("orderlist.showonlymyorders")))),r.createElement(I,{onShowDetail:b,onApproveOrderCallback:C,isBusinessCustomer:o,hasApproverRole:i}),r.createElement(D,{model:p,onChange:w})))}},7618:(e,t,a)=>{"use strict";a.d(t,{Z:()=>m});var r=a(7378);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},l.apply(this,arguments)}const n={LOADING:"--loading",SUCCESS:"--success",ERROR:"--error"};function m(e,t,a){return m=>{const[s,o]=(0,r.useState)(""),c=(0,r.useRef)(0);(0,r.useEffect)((()=>()=>{o("")}),[]);const d=e=>{o(`${a}${e?n.SUCCESS:n.ERROR}`),!1!==m.autoReset&&setTimeout((()=>{o(""),c.current=0}),m.resetTimeout||2e3)};async function i(e){o(`${a}${n.LOADING}`),c.current=Date.now();!function(e){const t=Date.now()-c.current,a=m.minimumLoadingTime||1e3;t>=a?d(e):setTimeout((()=>{d(e)}),a-t)}(await t(e))}return r.createElement("span",{className:s},r.createElement(e,l({onClick:e=>i(e)},m)))}}}}]);
2//# sourceMappingURL=749.9e95b29f58633c303c6b.js.map