https://login.commonsku.com/dist/react/components-CheckInventoryLevelPopup.05614ba4.chunk.js

1"use strict";(globalThis.__LOADABLE_LOADED_CHUNKS__=globalThis.__LOADABLE_LOADED_CHUNKS__||[]).push([[48],{26854(e,s,l){l.r(s),l.d(s,{default:()=>_,mapDispatchToProps:()=>x,mapStateToProps:()=>u});var t=l(22224),i=l.n(t),o=l(41594),n=l(98483),a=l(72361),r=l(26926),c=l(58199),h=l(39913),d=l(28027),p=l(80892),m=l(63988);class v extends o.Component{constructor(e){super(e),this.state={loading:!e.item.levels,color:"",size:"",item_levels:this.props.item.levels?this.props.item.levels.results:null},this.handleFilterColor=this.handleFilterColor.bind(this),this.handleFilterSize=this.handleFilterSize.bind(this)}UNSAFE_componentWillMount(){this.props.onCreateFetchInventoryLevel(this.props.sku,this.props.api_name,this.props.item_id)}UNSAFE_componentWillReceiveProps(e){this.setState({loading:!1,item_levels:e.item.levels?e.item.levels.results:null})}handleFilterColor(e){this.setState({color:e}),""!==e?""===this.state.size?this.setState({item_levels:this.props.item.levels.results.filter(s=>s.color===e)}):this.setState({item_levels:this.props.item.levels.results.filter(s=>s.color===e&&s.size===this.state.size)}):""===this.state.size?this.setState({item_levels:this.props.item.levels.results}):this.setState({item_levels:this.props.item.levels.results.filter(e=>e.size===this.state.size)})}handleFilterSize(e){this.setState({size:e}),""!==e?""===this.state.color?this.setState({item_levels:this.props.item.levels.results.filter(s=>s.size===e)}):this.setState({item_levels:this.props.item.levels.results.filter(s=>s.size===e&&s.color===this.state.color)}):""===this.state.color?this.setState({item_levels:this.props.item.levels.results}):this.setState({item_levels:this.props.item.levels.results.filter(e=>e.color===this.state.color)})}renderLoading(){return(0,m.jsx)("div",{"data-test-name":"CheckInventoryLevelPopup.renderLoading",className:"row popup-content column",children:(0,m.jsx)("div",{className:"small-12 columns",children:(0,m.jsxs)("div",{className:"small-12 text-center",children:[(0,m.jsx)("br",{}),(0,m.jsx)("img",{src:"/images/gears.gif"}),(0,m.jsx)("br",{})]})})})}render(){const{sku:e,api_name:s,item_id:l,item:t,onClosePopup:o,index:n}=this.props;let r=i().get(t,"levels.results",[]);const c=i().uniqBy(i().map(r,e=>({key:e.color,value:e.color})),"key"),h=i().uniqBy(i().map(r,e=>({key:e.size,value:e.size})),"key");c.length>0&&c.unshift({key:"",value:""}),h.length>0&&h.unshift({key:"",value:""});const v=this.state.item_levels,u=this.state.loading?"Fetching Inventory Level":v?"View Inventory Level":"No Inventory Level Available";return(0,m.jsxs)("div",{"data-test-name":"CheckInventoryLevelPopup.render",id:"check-inventory-level-modal",className:"reveal large",style:{display:"block",zIndex:d.z+n},"aria-labelledby":"modalTitle","aria-hidden":"true",role:"dialog",children:[(0,m.jsx)("div",{className:"row",children:(0,m.jsx)("div",{className:"small-12 columns",children:(0,m.jsx)("h3",{id:"modalTitle",children:u})})}),(0,m.jsxs)("div",{className:"row popup-content",children:[t.levels&&c&&h?(0,m.jsxs)("div",{className:"small-12 columns",children:[(0,m.jsx)("div",{className:"small-6 columns",children:(0,m.jsx)(a.A,{withMarginBottom:!0,label:"Available colors",options:c,value:this.state.color,onChange:e=>{this.handleFilterColor(e)}})}),(0,m.jsx)("div",{className:"small-6 columns",children:(0,m.jsx)(a.A,{withMarginBottom:!0,label:"Available sizes",options:h,value:this.state.size,onChange:e=>{this.handleFilterSize(e)}})})]}):null,(0,m.jsxs)("div",{className:"small-12 columns popup-size-limit",children:[this.state.loading?this.renderLoading():(0,m.jsx)(p.A,{item_levels:v}),(0,m.jsx)("br",{}),"Please verify prices on ",t.division_name?t.division_name:t.origin?t.origin.division_name:t.product.division_name,"'s website."]})]}),(0,m.jsx)("button",{className:"close-button","aria-label":"Close modal",type:"button",onClick:e=>{e.preventDefault(),o()},children:(0,m.jsx)("span",{"aria-hidden":"true",children:"×"})})]})}}const u=(e,s)=>({item:(0,r.zd)(e,{item_id:s.item_id})}),x=(e,s)=>({onClosePopup:()=>{e((0,h.fs)())},onCreateFetchInventoryLevel:(s,l,t)=>{e((0,c.ped)(s,l,t))}}),_=(0,n.Ng)(u,x)(v)},80892(e,s,l){l.d(s,{A:()=>n}),l(41594);var t=l(3602),i=l(22224),o=l(63988);function n(e){const{item_levels:s}=e;return s?(0,o.jsxs)(t.Table,{"data-test-name":"CheckInventoryLevelTable",children:[(0,o.jsx)(t.THead,{style:{border:"none"},children:(0,o.jsxs)(t.TR,{children:[(0,o.jsx)(t.TH,{bg:"white",colSpan:"2",children:"SKU"}),(0,o.jsx)(t.TH,{bg:"white",colSpan:"4",children:"Description"}),(0,o.jsx)(t.TH,{bg:"white",colSpan:"2",children:"Color"}),(0,o.jsx)(t.TH,{bg:"white",colSpan:"1",children:"Size"}),(0,o.jsx)(t.TH,{bg:"white",colSpan:"1",children:"Quantity Available"})]})}),(0,o.jsx)(t.TBody,{style:{border:"none"},children:s?s.map(e=>{const s=(""+(e.quantity_available||"")).includes("Checking"),l=(0,i.toInteger)(e.quantity_available);return(0,o.jsxs)(t.TR,{"data-test-name":"CheckInventoryLevelTable",children:[(0,o.jsx)(t.TD,{colSpan:"2",style:{color:"#000"},children:e.part_id}),(0,o.jsx)(t.TD,{colSpan:"4",style:{color:"#000"},children:e.description}),(0,o.jsx)(t.TD,{colSpan:"2",style:{color:"#000"},children:e.color}),(0,o.jsx)(t.TD,{colSpan:"1",style:{color:"#000"},children:e.size}),(0,o.jsxs)(t.TD,{colSpan:"1",style:{color:0!==l||s?"#000":t.colors.yellow[60]},children:[0===l&&!s&&(0,o.jsx)(t.AlertIcon,{filled:!0,color:t.colors.yellow[60],style:{verticalAlign:"middle",paddingRight:5}}),(0,o.jsx)("span",{style:{fontSize:14},children:s?e.quantity_available:l})]})]},e.part_id)}):null})]}):null}}}]);
2//# sourceMappingURL=components-CheckInventoryLevelPopup.05614ba4.chunk.js.map