https://www.sydist.com/dist/2774_049a5964496b9144612f.chunk.js

1"use strict";(self.webpackChunkroot=self.webpackChunkroot||[]).push([[2774],{99019:(e,t,i)=>{i.d(t,{A:()=>N});var r=i(84587),n=i(26744),a=i(31374),d=i(49218),s=i(28887),o=i(39064),c=i(25949),l=i(27581),m=i(73746),g=i(87042),p=i(95979),u=i(24166),A=i(54539),b=i(21773),I=i(16878),h=i(2804),y=i(25227),O=i(41481),x=i(87071),E=i(85540),L=i(78022),f=i(72868),j=i(3205),G=i(53492),w=i(39881),V=i(96540),S=i(71468),v=i(73802);const H={setAddToListModalIsOpen:d.Ay,addToWishList:c.Ay},T={gridContainer:{gap:10},titleGridItem:{width:12},ReviewReleaseGridItemwrapper:{width:12,css:v.AH`display:flex;justify-content:end;`},ReviewReleaseGridItem:{width:10,css:v.AH`display:flex;gap:10px;justify-content:start;margin-top:15px !important;`},DateAndReviewButton:{css:v.AH`display:flex;flex-direction:row;`},titleText:{variant:"h5",as:"h2",css:v.AH`@media print{font-size:15px;padding-top:15px;margin-bottom:5px;}padding-top:30px;margin-bottom:0.5rem;`},orderLineCardContainer:{gap:10,css:v.AH`margin-top:10px;`},SelectallCheckbox:{css:v.AH`margin-bottom:10px;`},SubmitButtonWrapper:{css:v.AH`display:flex;justify-content:space-evenly;`},createListModal:{closeButtonProps:{shape:"rounded",buttonType:"solid",size:36,css:v.AH`border:2px solid #525252;border-radius:50%;background-color:black;padding:6px;margin-right:10px;margin-top:5px;margin-bottom:2px;&:hover{border:2px solid #525252;border-radius:50%;}`},closeButtonIconProps:{src:"X",size:24,color:"#0000",css:v.AH`svg{color:#ffff !important;}`},cssOverrides:{modalContent:v.AH`padding:10px 20px 20px 20px;`,modalTitle:v.AH`padding:10px 15px 10px 20px;color:#3666b1;`,headlineTypography:v.AH`font-size:26px;margin-bottom:5px;color:#3666b1;`}},orderLineCardGridItem:{width:12},orderLineCardImageGridItem:{width:2,css:v.AH`@media print{max-height:83px;max-width:83px;padding:15px 0 0 0;}`},orderLineCardInfoGridItem:{width:[8,8,7,7,7],printWidth:10,css:v.AH`@media print{&&&&{max-width:100%;}}`},orderLineCardInfoGridContainer:{gap:5},orderLineCardAddToListGridItem:{width:[2,2,3,2,2],printWidth:0,css:v.AH`display:flex;justify-content:end;margin-top:5px !important;`},orderLineCardActionsWide:{above:"sm"},orderLineCardActionsNarrow:{below:"md",css:v.AH`display:flex;justify-content:end;`},orderLineCardReviewButton:{css:v.AH`background-color:#3b7e63;border:1px solid #3b7e63;`},orderLineReleaseHistoryButton:{css:v.AH``},orderLineCardAddToListButton:{css:v.AH`background-color:#4599d2;border:1px solid #4599d2;`},productInfoSectionOptionsGridItem:{width:12},productInfoPartNumbersGridItem:{width:12},productInfoGridItem:{width:[12,12,12,5,5],printWidth:6},productInfoGridContainer:{gap:5},productInfoBrandDescriptionGridItem:{width:12},productInfoBrandDescriptionGridContainer:{gap:5},productInfoBrandGridItem:{width:4},productInfoDescriptionGridItem:{width:12},productInfoErpNumberGridItem:{width:[12,12,6,6,6]},productInfoManufacturerItemGridItem:{width:[12,12,6,6,6]},productInfoVmiBinNumberGridItem:{width:[12,12,6,6,6]},productInfoCustomerProductGridItem:{width:[12,12,12,12,12],printWidth:12},orderLineInfoPromotionGridItem:{width:12},orderLineInfoPromotionText:{size:12,italic:!0},orderLineInfoGridItem:{width:[12,12,12,7,7],printWidth:6},orderLineInfoGridContainer:{gap:5},orderLinePriceGridItem:{width:[12,12,12,4,4],css:v.AH`flex-direction:column;`},vatLabelText:{size:12},secondaryVatLabelText:{size:12},productInfoQtyOrderedGridItem:{width:[6,6,4,4,4],printWidth:4},productInfoQtyShippedGridItem:{width:[6,6,4,4,4],printWidth:4},productInfoSubtotalGridItem:{width:[12,12,4,6,6],printWidth:4},orderLineNotes:{gridItemStyles:{width:12}},productInfoTotalsGridItem:{width:[12,12,12,8,8],css:v.AH``},productInfoTotalsGridContainer:{gap:10},productInfoQtyOrderedHeadingAndText:{extendedStyles:{wrapper:{css:v.AH`padding-right:10px;`},heading:{variant:"legend",weight:"bold"},text:{css:v.AH``}}},productInfoQtyShippedHeadingAndText:{extendedStyles:{wrapper:{css:v.AH`padding-right:10px;`},heading:{variant:"legend",weight:"bold"},text:{css:v.AH``}}},productInfoSubtotalHeadingAndText:{wrapper:{css:v.AH`padding-right:10px;`},heading:{variant:"legend",weight:"bold"},text:{weight:"bold",css:v.AH``}}

1,priceHeadingAndText:{extendedStyles:{heading:{weight:"bold"},text:{weight:"bold"}}},customerProductNumberHeadingAndText:{extendedStyles:{heading:{weight:"bold"}}},erpNumberHeadingAndText:{extendedStyles:{heading:{weight:"bold"}}},manufacturerHeadingAndText:{extendedStyles:{heading:{weight:"bold"}}},vmiBinNumberHeadingAndText:{extendedStyles:{heading:{weight:"bold"}}}},C=({orderLine:e,styles:t,vmiLocationId:i,abc:r,userName:n,canViewVmiOrder:a=!1})=>{let d=[];return e.sectionOptions&&e.sectionOptions&&(d=e.sectionOptions.map((e=>V.createElement("li",Object.assign({},t.productInfoSectionOptionsListItem,{key:e.sectionOptionId.toString()}),V.createElement(w.A,Object.assign({},t.productInfoSectionOptionsText),e.sectionName,": ",e.optionName))))),V.createElement(x.A,Object.assign({},t.productInfoGridItem),V.createElement(O.Ay,Object.assign({},t.productInfoGridContainer),d.length>0&&V.createElement(x.A,Object.assign({},t.productInfoSectionOptionsGridItem),V.createElement("ul",Object.assign({},t.productInfoSectionOptionsList),d)),V.createElement(x.A,Object.assign({},t.productInfoPartNumbersGridItem),V.createElement(O.Ay,Object.assign({},t.productInfoPartNumbersGridContainer),e.customerProductNumber&&V.createElement(x.A,Object.assign({},t.productInfoCustomerProductGridItem),V.createElement(b.A,Object.assign({},t.customerProductNumberHeadingAndText,{heading:(0,m.Ay)("My Part #"),text:e.customerProductNumber}))),V.createElement(x.A,Object.assign({},t.productInfoErpNumberGridItem),V.createElement(b.A,Object.assign({},t.erpNumberHeadingAndText,{heading:(0,m.Ay)("Item #"),text:e.productErpNumber}))),e.manufacturerItem&&V.createElement(x.A,Object.assign({},t.productInfoManufacturerItemGridItem),V.createElement(b.A,Object.assign({},t.manufacturerHeadingAndText,{heading:(0,m.Ay)("MFG #"),text:e.manufacturerItem}))),e.vmiBinNumber&&V.createElement(x.A,Object.assign({},t.productInfoVmiBinNumberGridItem),V.createElement(b.A,Object.assign({},t.vmiBinNumberHeadingAndText,{heading:(0,m.Ay)("Bin #"),text:e.vmiBinNumber}))))),V.createElement(x.A,Object.assign({},t.productInfoBrandDescriptionGridItem),V.createElement(O.Ay,Object.assign({},t.productInfoBrandDescriptionGridContainer),V.createElement(x.A,Object.assign({},t.productInfoDescriptionGridItem),a&&i&&e.isActiveVmiBin&&V.createElement(I.A,{title:e.shortDescription,locationId:i,id:e.vmiBinId}),a&&i&&!e.isActiveVmiBin&&V.createElement(w.A,{as:"p"},e.shortDescription),(!a||!i)&&V.createElement(A.A,{product:e,extendedStyles:t.productDescriptionStyles})),e.brand&&!n&&V.createElement(x.A,Object.assign({},t.productInfoBrandGridItem),V.createElement(u.A,{brand:e.brand,extendedStyles:t.productBrandStyles})),e.brand&&n&&"true"===r&&V.createElement(x.A,Object.assign({},t.productInfoBrandGridItem),V.createElement(u.A,{brand:e.brand,extendedStyles:t.productBrandStyles}))))))},P=(0,S.Ng)((e=>({enableVat:(0,s.SB)(e).productSettings.enableVat,vatPriceDisplay:(0,s.SB)(e).productSettings.vatPriceDisplay})))((({orderLine:e,order:t,enableVat:i,vatPriceDisplay:r,styles:n})=>{let a=[];return t.orderPromotions&&(a=t.orderPromotions.filter((t=>t.orderHistoryLineId===e.id)).map((e=>V.createElement(w.A,Object.assign({},n.orderLineInfoPromotionText,{as:"li",key:e.id}),e.name)))),V.createElement(x.A,Object.assign({},n.orderLineInfoGridItem),V.createElement(O.Ay,Object.assign({},n.orderLineInfoGridContainer),V.createElement(x.A,Object.assign({},n.orderLinePriceGridItem),V.createElement(b.A,Object.assign({},n.priceHeadingAndText,{heading:(0,m.Ay)("Price"),text:(i&&"DisplayWithoutVat"!==r?e.unitPriceWithVatDisplay:e.unitPriceDisplay)+(e.unitOfMeasure?` / ${e.unitOfMeasure}`:"")})),i&&V.createElement(V.Fragment,null,V.createElement(w.A,Object.assign({as:"p"},n.vatLabelText),"DisplayWithVat"===r||"DisplayWithAndWithoutVat"===r?`${(0,m.Ay)("Inc. VAT")} (${e.taxRate}%)`:(0,m.Ay)("Ex. VAT")),"DisplayWithAndWithoutVat"===r&&V.createElement(V.Fragment,null,V.createElement(w.A,Object.assign({},n.secondaryPriceText,{as:"p"}),e.unitPriceDisplay+(e.unitOfMeasure?` / ${e.unitOfMeasure}`:"")),V.createElement(w.A,Object.assign({as:"p"},n.secondaryVatLabelText),(0,m.Ay)("Ex. VAT"))))),V.createElement(x.A,Object.assign({},n.productInfoTotalsGridItem),V.createElement(O.Ay,Object.assign({},n.productInfoTotalsGridContainer),V.createElement(x.A,Object.assign({},n.productInfoQtyOrderedGridItem),V.createElement(b.A,Object.assign({},n.productInfoQtyOrderedHeadingAndText,{heading:(0,m.Ay)("QTY Ordered"),"data-test-selector":"qty_Ordered",text:`${e.qtyOrdered}`}))),V.createElement(x.A,Object.assign({},n.productInfoQtyShippedGridItem),V.createElement(b.A,Object.assign({},n.productInfoQtyShippedHeadingAndText,{heading:"I"===t.status?(0,m.Ay)("QTY Shipped"):(0,m.Ay)("Qty to Ship"),text:`${e.qtyShipped}`}))),V.createElement(x.A,Object.assign({},n.productInfoSubtotalGridItem),i&&"DisplayWithAndWithoutVat"===r&&V.createElement(b.A,{heading:`${(0,m.Ay)("Subtotal")} (${(0,m.Ay)("Ex. VAT")})`,text:e.extendedUnitNetPriceDisplay,extendedStyles:n.subtotalWithoutVatHeadingAndText}),V.createElement(b.A,{heading:i?"DisplayWithoutVat"!==r?`${(0,m.Ay)("Subtotal")} (${(0,m.Ay)("Inc. VAT")})`:`${(0,m.Ay)("Subtotal")} (${(0,m.Ay)("Ex. VAT")})`:(0,m.Ay)("Subtotal"),text:i&&"DisplayWithoutVat"!==r?e.netPriceWithVatDisplay:e.totalRegularPriceDisplay,extendedStyles:n.productInfoSubtotalHeadingAndText})))),a.length>0&&V.createElement(x.A,Object.assign({},n.orderLineInfoPromotionGridItem),V.createElement("ul",Object.assign({},n.orderLineInfoPromotionList),a))))})),D=({orderLine:e,extendedStyles:t})=>e.notes?V.createElement(x.A,Object.assign({},null==t?void 0:t.gridItemStyles),V.createElement(w.A,Object.assign({},null==t?void 0:t.typographyStyles),e.notes)):null,B=e=>{const{orderLine:t,order:i,wishListSettings:r,vmiBinDetailsPageUrl:d,styles:s,setAddToListModalIsOpen:o,addToWishList:c,abc:l,userName:g,canViewVmiOrder:p=!1}=e,u=V.useContext(G.Ay),A=()=>{if(!r)return;const e={productId:t.productId,qtyOrdered:t.qtyOrdered,unitOfMeasure:t.unitOfMeasure};r.allowMultipleWishLists?o({modalIsOpen:!0,productInfos:[e]}):c({productInfos:[e],onSuccess:()=>{u.addToast({body:(0,a.Ay)("Lists_ProductAdded"),messageType:"success"})}})},b=(0,n.VE)(),I=t.isActiveProduct&&!!i.vmiLocationId&&t.isActiveVmiBin,w=t.isActiveProduct&&!!t.productUri,S=!p&&w||p&&!I&&w,v=p&&I,H=!S&&!v;return V.createElement(O.Ay,Object.assign({},s.orderLineCardGridContainer,{"data-test-selector":`orderLineCard${t.productErpNumber}`}),!g&&V.createElement(x.A,Object.assign({},s.orderLineCardImageGridItem),S&&V.createElement(f.Ay,Object.assign({},s.productImageLink,{href:t.productUri}),V.createElement(L.A,Object.assign({},s.orderLineCardImage,{src:t.mediumImagePath,isShareEntity:b}))),v&&V.createElement(f.Ay,Object.assign({},s.productImageLink,{href:`${d}?locationId=${i.vmiLocationId}&id=${t.vmiBinId}`}),V.createElement(L.A,Object.assign({},s.orderLineCardImage,{src:t.mediumImagePath,isShareEntity:b}

1))),(!t.isActiveProduct||!t.productUri)&&V.createElement(L.A,Object.assign({},s.orderLineCardImage,{src:t.mediumImagePath,isShareEntity:b}))),g&&"true"===l&&V.createElement(x.A,Object.assign({},s.orderLineCardImageGridItem),t.productUri&&t.isActiveProduct&&!i.vmiLocationId&&V.createElement(f.Ay,Object.assign({},s.productImageLink,{href:t.productUri}),V.createElement(L.A,Object.assign({},s.orderLineCardImage,{src:t.mediumImagePath,isShareEntity:b}))),t.productUri&&t.isActiveProduct&&i.vmiLocationId&&t.isActiveVmiBin&&V.createElement(f.Ay,Object.assign({},s.productImageLink,{href:`${d}?locationId=${i.vmiLocationId}&id=${t.vmiBinId}`}),V.createElement(L.A,Object.assign({},s.orderLineCardImage,{src:t.mediumImagePath,isShareEntity:b}))),H&&V.createElement(L.A,Object.assign({},s.orderLineCardImage,{src:t.mediumImagePath,isShareEntity:b}))),V.createElement(x.A,Object.assign({},s.orderLineCardInfoGridItem),V.createElement(O.Ay,Object.assign({},s.orderLineCardInfoGridContainer),V.createElement(C,{orderLine:t,styles:s,vmiLocationId:i.vmiLocationId,canViewVmiOrder:p,abc:l,userName:g}),V.createElement(P,{orderLine:t,order:i,styles:s}),V.createElement(D,{extendedStyles:s.orderLineNotes,orderLine:t}))),V.createElement(x.A,Object.assign({},s.orderLineCardAddToListGridItem),V.createElement(E.A,Object.assign({},s.orderLineCardActionsWide),t.canAddToWishlist&&V.createElement(j.A,Object.assign({position:"end"},s.overflowMenu),V.createElement(y.A,Object.assign({},s.addToListClickable,{onClick:A}),(0,m.Ay)("Add to List")))),V.createElement(E.A,Object.assign({},s.orderLineCardActionsNarrow),t.canAddToWishlist&&V.createElement(h.Ay,Object.assign({},s.orderLineCardAddToListButton,{onClick:A}),(0,m.Ay)("Add to List")))))},N=(0,S.Ng)((e=>{var t;const i=(0,s.Ht)(e),r=(0,s.SB)(e);return{wishListSettings:r.wishListSettings,enableVat:r.productSettings.enableVat,vatPriceDisplay:r.productSettings.vatPriceDisplay,vmiBinDetailsPageUrl:null===(t=(0,l.U)(e,"VmiBinDetailsPage"))||void 0===t?void 0:t.url,canViewVmiOrder:(0,g.kW)(r.orderSettings,i)||(0,g.YB)(r.orderSettings,i),account:(0,o.sz)(e).value,userName:e.context.session.userName}}),H)((({order:e,wishListSettings:t,setAddToListModalIsOpen:i,addToWishList:n,vmiBinDetailsPageUrl:a,extendedStyles:d,account:s,userName:o,canViewVmiOrder:c})=>{const l=null==s?void 0:s.properties.showProductBrandImages,[g]=V.useState((()=>(0,r.A)(T,d)));return e&&e.orderLines?V.createElement(O.Ay,Object.assign({},g.gridContainer),V.createElement(x.A,Object.assign({},g.titleGridItem),V.createElement(w.A,Object.assign({},g.titleText),(0,m.Ay)("Order Summary"))),e.orderLines.map((r=>V.createElement(p.A,Object.assign({},g.orderLineCardContainer,{key:r.id}),V.createElement(x.A,Object.assign({},g.orderLineCardGridItem),V.createElement(B,{orderLine:r,order:e,wishListSettings:t,vmiBinDetailsPageUrl:a,styles:g,setAddToListModalIsOpen:i,addToWishList:n,abc:l,userName:o,canViewVmiOrder:c})))))):null}))},57672:(e,t,i)=>{i.d(t,{A:()=>u});var r=i(84587),n=i(28887),a=i(73746),d=i(41481),s=i(87071),o=i(39881),c=i(15385),l=i(96540),m=i(71468),g=i(73802);const p={container:{gap:10,css:g.AH`background-color:${(0,c.A)("common.accent")};padding:20px;`},subtotalLabelGridItem:{width:6},subtotalValueGridItem:{css:g.AH`@media print{text-align:right;}`,width:6},subtotalValue:{css:g.AH`margin-left:auto;`},paymentReceivedLabelGridItem:{width:6},paymentReceivedValueGridItem:{css:g.AH`@media print{text-align:right;}`,width:6},paymentReceivedValue:{css:g.AH`margin-left:auto;`},discountsLabelGridItem:{width:6},discountsValueGridItem:{css:g.AH`@media print{text-align:right;}`,width:6},discountsValue:{css:g.AH`margin-left:auto;`},shippingAndHandlingLabelGridItem:{width:6},shippingAndHandlingValueGridItem:{css:g.AH`@media print{text-align:right;}`,width:6},shippingAndHandlingValue:{css:g.AH`margin-left:auto;`},otherChargesLabelGridItem:{width:6},otherChargesValueGridItem:{css:g.AH`@media print{text-align:right;}`,width:6},otherChargesValue:{css:g.AH`margin-left:auto;`},taxLabelGridItem:{width:6},taxValueGridItem:{css:g.AH`@media print{text-align:right;}`,width:6},taxValue:{css:g.AH`margin-left:auto;`},totalLabelGridItem:{width:6},totalLabel:{weight:"bold"},totalValueGridItem:{css:g.AH`@media print{text-align:right;}`,width:6},totalValue:{weight:"bold",css:g.AH`margin-left:auto;`}},u=(0,m.Ng)((e=>({enableVat:(0,n.SB)(e).productSettings.enableVat,showPricing:e.context.showPricing})))((({order:e,enableVat:t,showPricing:i,extendedStyles:n})=>{var c;const[m]=l.useState((()=>(0,r.A)(p,n)));return e&&i?l.createElement(d.Ay,Object.assign({},m.container),l.createElement(s.A,Object.assign({},m.subtotalLabelGridItem),l.createElement(o.A,Object.assign({},m.subtotalLabel),(0,a.Ay)("Subtotal")+(t?` (${(0,a.Ay)("Ex. VAT")})`:""))),l.createElement(s.A,Object.assign({},m.subtotalValueGridItem),l.createElement(o.A,Object.assign({},m.subtotalValue),e.productTotalDisplay)),l.createElement(s.A,Object.assign({},m.taxLabelGridItem),l.createElement(o.A,Object.assign({},m.taxLabel),t?(0,a.Ay)("VAT"):(0,a.Ay)("Tax"))),l.createElement(s.A,Object.assign({},m.taxValueGridItem),l.createElement(o.A,Object.assign({},m.taxValue,{"data-test-selector":"orderDetails_totalTaxDisplay"}),e.taxAmountDisplay)),l.createElement(s.A,Object.assign({},m.subtotalLabelGridItem),l.createElement(o.A,Object.assign({},m.subtotalLabel),(0,a.Ay)("Freight"))),l.createElement(s.A,Object.assign({},m.subtotalValueGridItem),l.createElement(o.A,Object.assign({},m.subtotalValue),e.otherChargesDisplay)),l.createElement(s.A,Object.assign({},m.shippingAndHandlingLabelGridItem),l.createElement(o.A,Object.assign({},m.shippingAndHandlingLabel),(0,a.Ay)("Shipping & Handling"))),l.createElement(s.A,Object.assign({},m.shippingAndHandlingValueGridItem),l.createElement(o.A,Object.assign({},m.shippingAndHandlingValue),e.handlingChargesDisplay)),l.createElement(s.A,Object.assign({},m.discountsLabelGridItem),l.createElement(o.A,Object.assign({},m.discountsLabel),(0,a.Ay)("Discounts"))),l.createElement(s.A,Object.assign({},m.discountsValueGridItem),l.createElement(o.A,Object.assign({},m.discountsValue),`-${e.discountAmountDisplay}`)),e.otherCharges>0&&l.createElement(l.Fragment,null,l.createElement(s.A,Object.assign({},m.otherChargesLabelGridItem),l.createElement(o.A,Object.assign({},m.otherChargesLabel),(0,a.Ay)("Other Charges"))),l.createElement(s.A,Object.assign({},m.otherChargesValueGridItem),l.createElement(o.A,Object.assign({},m.otherChargesValue),e.otherChargesDisplay))),l.createElement(s.A,Object.assign({},m.paymentReceivedLabelGridItem),l.createElement(o.A,Object.assign({},m.paymentReceivedLabel),(0,a.Ay)("Payment Received"))),l.createElement(s.A,Object.assign({},m.paymentReceivedValueGridItem),l.createElement(o.A,Object.assign({},m.paymentReceivedValue),null===(c=null==e?void 0:e.properties)||void 0===c?void 0:c.orderPaymentPaidAmount)),l.createElement(s.A,Object.assign({},m.totalLabelGridItem),l.createElement(o.A,Object.assign({},m.totalLabel),(0,a.Ay)("Order Total"))),l.createElement(s.A,Object.assign({},m.totalValueGridItem),l.createElement(o.A,Object.assign({},m.totalValue,{"data-test-selector":"orderDetail_orderGrandTotalDisplay"}),e.orderTotalDisplay))):null}))},16878:(e,t,i)=>{i.d(t,{A:()=>n});var r=i(86670);const n=({title:e,locationId:t,id:i}

1)=>(0,r.nO)("Basic/PageTypeLink",{fields:{pageType:"VmiBinDetailsPage",overrideTitle:e,queryString:`locationId=${t}&id=${i}`}})}}]);
2//# sourceMappingURL=2774_049a5964496b9144612f.chunk.js.map