https://b2b.brafab.se/ui/es6/153.35bd4777ba62f657.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[153],{527:(e,t,r)=>{r.d(t,{A:()=>c});var a=r(3696);const l=({name:e="",current:t=!1,disabled:r=!1,onChange:l})=>{const n=`pagination__link \n    ${t?"pagination__link--current":""} \n    ${r?"pagination__link--disabled":""}`;return a.createElement("li",{className:"pagination__item"},a.createElement("a",{className:n.trim(),onClick:()=>l()},e))},n=({intervalStart:e,edgeEntries:t,currentPageIndex:r,onChange:n})=>{const m=[],d=Math.min(t,e);for(let e=0;e<d;e++){const t=e+1;m.push(a.createElement(l,{key:t,name:t,current:t===r,onChange:()=>n(t)}))}return t<e&&m.push(a.createElement(l,{key:"first_indicator",name:"...",disabled:!0})),m},m=({intervalStart:e,intervalEnd:t,currentPageIndex:r,onChange:n})=>{const m=[];for(let d=e;d<t;d++){const e=d+1;m.push(a.createElement(l,{key:e,name:e,current:e===r,onChange:()=>n(e)}))}return m},d=({intervalEnd:e,edgeEntries:t,pageCount:r,currentPageIndex:n,onChange:m})=>{const d=[];r-t>e&&d.push(a.createElement(l,{key:"second_indicator",name:"...",disabled:!0}));for(let c=Math.max(r-t,e);c<r;c++){const e=c+1;d.push(a.createElement(l,{key:e,name:e,current:e===n,onChange:()=>m(e)}))}return d}

1,c=({model:e,onChange:t})=>{const{currentPageIndex:r,pageCount:c,intervalStart:o,intervalEnd:s,edgeEntries:i}=e;return a.createElement(a.Fragment,null,c>1&&a.createElement("ul",{className:"pagination"},r>1&&a.createElement(l,{name:"<<",current:!1,disabled:!1,onChange:()=>t(r-1)}),o>0&&i>0&&a.createElement(n,{intervalStart:o,edgeEntries:i,currentPageIndex:r,onChange:t}),a.createElement(m,{intervalStart:o,intervalEnd:s,currentPageIndex:r,onChange:t}),s<c&&i>0&&a.createElement(d,{intervalEnd:s,pageCount:c,edgeEntries:i,currentPageIndex:r,onChange:t}),r<c&&a.createElement(l,{name:">>",current:!1,disabled:!1,onChange:()=>t(r+1)})))}},8153:(e,t,r)=>{r.r(t),r.d(t,{default:()=>b});var a=r(3696),l=r(3064),n=r(344),m=r(7616),d=r(5779),c=r(6074);const o="/api/creditorder",s=e=>({type:c.cu,payload:{mode:e}}),i=(e,t,r,a,l=n.nE.List)=>({type:c.Xh,payload:{list:e,mode:l,totalCount:t,currentPage:r,showOnlyMyOrders:a}}),u=e=>({type:c.uR,payload:{error:e}}),E=e=>({type:c.vA,payload:{order:e}});var g=r(6133);const _=({onShowDetail:e,isBusinessCustomer:t})=>{const r=(0,l.d4)((e=>e.myPage.creditOrders.list));return a.createElement("div",{className:"order-history__list"},r?.length>0&&a.createElement("div",{className:"order-table__container  simple-table"},a.createElement("div",{className:"row medium-unstack no-margin order-table__header"},a.createElement("div",{className:" order-table__header--cell"},(0,g.T)("orderlist.column.orderdate")),a.createElement("div",{className:" order-table__header--cell"},(0,g.T)("orderlist.column.ordernumber")),a.createElement("div",{className:" order-table__header--cell"},(0,g.T)("orderlist.column.marking")),a.createElement("div",{className:" order-table__header--cell"},(0,g.T)("orderlist.column.content")),a.createElement("div",{className:" order-table__header--cell"},(0,g.T)("orderlist.column.grandtotal"))),r&&r.map((t=>a.createElement("div",{key:t.orderId,className:"row medium-unstack no-margin order-table__rows"},a.createElement("div",{className:"order-table__cell"},t.orderDate),a.createElement("div",{className:"order-table__cell"},a.createElement("a",{onClick:()=>e(t),className:"order-detail__product-link"},t.externalOrderID)),a.createElement("div",{className:"order-table__cell"},a.createElement("span",{className:"order-table__cell--mark"},t.note)),a.createElement("div",{className:"order-table__cell"},a.createElement("a",{onClick:()=>e(t),className:"order-detail__product-link"},t.orderRows[0]?.brand,a.createElement("b",null,t.orderRows[0]?.name)," ",t.orderRows.length>1&&(0,g.T)(t.orderRows.length>2?"orderlist.items":"orderlist.item").replace("{0}",t.orderRows.length-1))),a.createElement("div",{className:"order-table__cell"},t.orderGrandTotal))))),r?.length<=0&&a.createElement("div",null,(0,g.T)("code.mypage.creditorderlist.noorderfound")))},p=({onDismiss:e})=>{const{order:t}=(0,l.d4)((e=>e.myPage.creditOrders));return a.createElement("div",{className:"order-detail__container"},a.createElement("div",{className:"row-inner small-12 order-detail__button-container"},a.createElement("div",null,a.createElement("a",{className:"order-detail__button",onClick:e},(0,g.T)("orderdetail.backtoorderlist")))),a.createElement("div",{className:"row-inner"},a.createElement("div",{className:"medium-6"},a.createElement("h3",null,(0,g.T)("orderdetail.ordernumber"),": ",t?.externalOrderID)),a.createElement("div",{className:"medium-6 text--right order-detail__status-container"},a.createElement("p",null,a.createElement("span",null,(0,g.T)("orderdetail.orderdate"),": ",t?.orderDate)))),a.createElement("div",{className:"row-inner order-detail__information-container"},a.createElement("div",{className:"small-12"},a.createElement("div",{className:"row medium-unstack no-margin"},a.createElement("div",{className:"medium-12"},(0,g.T)("orderdetail.information"))),a.createElement("div",{className:"row no-margin"},a.createElement("div",{className:"medium-12"},a.createElement("p",null,t?.customerInfo?.address1,a.createElement("br",null),t?.customerInfo?.zip," ",t?.customerInfo?.city," ",a.createElement("br",null),t?.customerInfo?.country),a.createElement("p",null,(0,g.T)("orderdetail.organizationnumber"),":"," ",t?.merchantOrganizationNumber,a.createElement("br",null),(0,g.T)("orderdetail.orderreference"),":"," ",t?.customerInfo?.firstName," ",t?.customerInfo?.lastName))))),a.createElement("div",{className:"row-inner order-table-detail"},a.createElement("div",{className:"row medium-unstack no-margin order-table-detail__header hide-for-small-only"},a.createElement("div",{className:"columns order-table-detail__header--cell"},(0,g.T)("orderdetail.column.products")),a.createElement("div",{className:"columns  order-table-detail__header--cell"},(0,g.T)("orderdetail.column.deliverydate")),a.createElement("div",{className:"columns order-table-detail__header--cell"},(0,g.T)("orderdetail.column.quantity")),a.createElement("div",{className:"columns order-table-detail__header--cell"},(0,g.T)("orderdetail.column.price")),a.createElement("div",{className:"columns order-table-detail__header--cell"},(0,g.T)("orderdetail.column.headerdiscount")),a.createElement("div",{className:"columns text--right order-table-detail__header--cell"},(0,g.T)("orderdetail.column.total"))),a.createElement("div",{className:"order-table__body"},t?.consumerOrder&&t?.resellerAddress&&a.createElement("p",null,a.createElement("strong",null,(0,g.T)("c

1ommon.orderdetail.resellerdelivery")),a.createElement("br",null),t?.resellerAddress.careOf,a.createElement("br",null),t?.resellerAddress.address1,a.createElement("br",null),t?.resellerAddress.zipCode," ",t?.resellerAddress.city,a.createElement("br",null),t?.resellerAddress.country,a.createElement("br",null)),t?.orderRows?.map(((e,t)=>a.createElement("div",{key:t,className:"row medium-unstack no-margin order-table-detail__row"},a.createElement("div",{className:"columns  order-table-detail__row--cell"},a.createElement("a",{href:e.link?.href,target:"_parent",className:"order-detail__product-link "},e.brand," ",a.createElement("strong",null,e.name)),e.partRows.map(((e,t)=>a.createElement(a.Fragment,{key:`partrow-name-${t}`},a.createElement("div",{className:"order-detail__product-part"},e.brand," ",a.createElement("strong",null,e.name)))))),a.createElement("div",{className:"columns order-table-detail__row--cell"},e.deliveryDate,e.partRows.map(((e,t)=>a.createElement(a.Fragment,{key:`partrow-date-${t}`},a.createElement("div",null,e.deliveryDate))))),a.createElement("div",{className:"columns order-table-detail__row--cell"},e.quantityString,e.partRows.map(((e,t)=>a.createElement(a.Fragment,{key:`partrow-quantity-${t}`},a.createElement("div",null,e.quantityString))))),a.createElement("div",{className:"columns order-table-detail__row--cell"},a.createElement("div",null,0==e.partRows.length&&a.createElement(a.Fragment,null,e.isFreeGift&&e.priceInfo?.formattedCampaignPrice?a.createElement("span",null,e.priceInfo?.formattedCampaignPrice):a.createElement("span",null,e.priceInfo?.formattedPrice))," "),e.partRows.map(((e,t)=>a.createElement("div",{key:`partrow-price-${t}`},e.isFreeGift&&e.priceInfo?.formattedCampaignPrice?a.createElement("span",null,e.priceInfo?.formattedCampaignPrice):a.createElement("span",null,e.priceInfo?.formattedPrice))))),a.createElement("div",{className:"columns order-table-detail__row--cell"},e.discountPercentage),a.createElement("div",{className:"columns order-table-detail__row--cell text--right"},a.createElement("div",null,0==e.partRows.length&&a.createElement(a.Fragment,null,e.totalPrice)," "),e.partRows.map(((e,t)=>a.createElement("div",{key:`partrow-total-${t}`},e.totalPrice))))))),t?.discountRows?.map(((e,t)=>a.createElement("div",{key:t,className:"row medium-unstack no-margin order-detail__summary-items"},a.createElement("div",{className:"columns medium-5"},e.name),a.createElement("div",{className:"columns medium-7 text--right"},e.totalPrice)))),a.createElement("div",{className:"row medium-unstack no-margin order-detail__summary-method"},a.createElement("div",{className:"columns medium-9"},(0,g.T)("orderdetail.paymentmethod")," -",t?.paymentMethod),a.createElement("div",{className:"columns medium-3 text--right"},t?.orderTotalFee)),a.createElement("div",{className:"row medium-unstack no-margin order-detail__summary-method"},a.createElement("div",{className:"columns medium-9"},(0,g.T)("orderdetail.deliverymethod")," - ",t?.deliveryMethod),a.createElement("div",{className:"columns medium-3 text--right"},t?.orderTotalDeliveryCost)),t?.orderTotalDiscountAmount&&a.createElement("div",{className:"row medium-unstack no-margin order-detail__summary-method"},a.createElement("div",{className:"columns medium-9"},(0,g.T)("orderdetail.discount")),a.createElement("div",{className:"columns medium-3 text--right"},t?.orderTotalDiscountAmount)),a.createElement("div",{className:"row medium-unstack no-margin order-table__space-delimiter"}),a.createElement("div",{className:"row medium-unstack no-margin"},a.createElement("div",{className:"columns small-12 text--right"},(0,g.T)("orderdetail.grandtotal"),":"," ",a.createElement("strong",null,t?.orderGrandTotal))),a.createElement("div",{className:"row medium-unstack no-margin"},a.createElement("div",{className:"columns small-12 text--right"},(0,g.T)("orderdetail.ordertotalvat"),": ",t?.orderTotalVat)))))};var v=r(527),h=r(1753),N=r(7083);const b=()=>{const{mode:e,totalCount:t,currentPage:r,showOnlyMyOrders:b,errors:y}=(0,l.d4)((e=>e.myPage.creditOrders)),{isBusinessCustomer:w}=(0,l.d4)((e=>e.myPage)),[k,f]=(0,a.useState)(b||!1),[C,T]=(0,a.useState)({}),I=(0,l.wA)();(0,a.useEffect)((()=>{I(((e=1,t=!1,r=n.XZ.PageSize,a=null,l=!1)=>c=>(0,m.Jt)(`${o}?pageIndex=${e}&showMyOrders=${t}&pageSize=${r}`).then((e=>e.json())).then((r=>{if(c(i(r.orders,r.totalCount,e,t,l?n.nE.Detail:n.nE.List)),a&&l){const e=r.orders.find((e=>e.orderId===a));c(E(e||{}))}})).catch((e=>c((0,d.W)(e,(e=>u(e)))))))(r,k))}),[I,r,k]),(0,a.useEffect)((()=>{T((0,h.A)(t,r))}),[t,r]);const P=(0,a.useCallback)((e=>{I(E(e)),I(s(n.nE.Detail))}),[I]),x=(0,a.useCallback)((()=>{I(E({})),I(s(n.nE.List))}),[I]),S=((0,a.useCallback)((e=>{f(e)}),[]),(0,a.useCallback)((e=>{e!==r&&I((e=>({type:c.b9,payload:{currentPage:e}}))(e))}),[r,I]));return a.createElement(a.Fragment,null,a.createElement("h2",null,(0,g.T)("c

1ode.mypage.creditorder.listtitle")),y&&!(0,N.A)(y)&&a.createElement(a.Fragment,null,Object.keys(y).map(((e,t)=>a.createElement("div",{key:t,className:"form__validator--error"},(0,g.T)(y[e]))))),e!==n.nE.List&&a.createElement(a.Fragment,null,a.createElement(p,{onDismiss:x})),e===n.nE.List&&a.createElement(a.Fragment,null,a.createElement("p",null,a.createElement("b",null,(0,g.T)("code.mypage.creditorder.subtitle"))),a.createElement(_,{onShowDetail:P,isBusinessCustomer:w}),a.createElement(v.A,{model:C,onChange:S})))}},1753:(e,t,r)=>{r.d(t,{A:()=>l});var a=r(344);const l=(e=0,t=1,r={})=>{const{pageSize:l=a.XZ.PageSize,displayedEntries:m=a.XZ.DisplayedEntries,edgeEntries:d=a.XZ.EdgeEntries}=r,c=0!=l?parseInt(Math.ceil(parseFloat(e)/l)):0,o=n(c,t,m);return{totalCount:e,pageSize:l,currentPageIndex:t,pageCount:c,edgeEntries:d,intervalStart:o[0],intervalEnd:o[1]}},n=(e,t,r)=>{const a=t-1,l=parseInt(Math.ceil(parseFloat(r/2))),n=e-r;return[a>l?Math.max(Math.min(a-l,n),0):0,a>l?Math.min(a+l,e):Math.min(r,e)]}}}]);
2//# sourceMappingURL=153.35bd4777ba62f657.js.map