1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2141],{10312:(e,t,n)=>{"use strict";n.d(t,{m:()=>r});var s=n(96427);function i(){let e=(0,s._)(["\n width: 60rem;\n margin: 20px auto;\n"]);return i=function(){return e},e}let r=n(70964).Ay.div(i())},12320:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/eames/project/[id]/supplemental-inventory/add",function(){return n(89209)}])},27818:(e,t,n)=>{"use strict";n.d(t,{A:()=>r});var s=n(37876);n(14232);var i=n(23992);let r=function(e){let{className:t="",color:n="#999",...r}=e;return(0,s.jsx)("svg",{className:(0,i.cd)("icon","icon-search",t),width:"10",height:"10",viewBox:"0 0 10 10",...r,children:(0,s.jsx)("path",{className:"color",fill:n,d:"M9.6,8.4L8.2,7c0,0,0,0,0,0c1.1-1.7,0.9-4-0.6-5.5c-1.7-1.7-4.5-1.7-6.2,0c-1.7,1.7-1.7,4.5,0,6.2C2.9,9.2,5.3,9.3,7,8.1 c0,0,0,0,0,0l1.4,1.4c0.3,0.3,0.8,0.3,1.2,0C9.9,9.2,9.9,8.7,9.6,8.4z M6.8,6.9c-1.3,1.3-3.4,1.3-4.6,0c-1.3-1.3-1.3-3.4,0-4.6 C3.5,1,5.5,1,6.8,2.2C8.1,3.5,8.1,5.6,6.8,6.9z"})})}},35641:(e,t,n)=>{"use strict";n.d(t,{o:()=>r});var s=n(37876),i=n(4838);function r(e){return function(t){let n=(0,i.f)(),r={...t,...n};return(0,s.jsx)(e,{...r})}}},52581:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var s=n(37876);n(14232);let i=function(e){let{color:t="#ddd",...n}=e;return(0,s.jsx)("svg",{className:"icon-spinner-circle",viewBox:"0 0 10 10",height:50,width:50,...n,children:(0,s.jsx)("path",{className:"color",fill:t,d:"M8.5,1.5C7.6,0.5,6.3,0,5,0S2.4,0.5,1.5,1.5C0.5,2.4,0,3.7,0,5s0.5,2.6,1.5,3.5C2.4,9.5,3.7,10,5,10s2.6-0.5,3.5-1.5 C9.5,7.6,10,6.3,10,5C10,3.7,9.5,2.4,8.5,
11.5L8.5,1.5z M8.2,1.8c0.9,0.9,1.3,2,1.3,3.2h-1c0-1.9-1.6-3.5-3.5-3.5 c-0.1,0-0.2,0-0.3,0v-1c0.1,0,0.2,0,0.3,0C6.2,0.5,7.4,0.9,8.2,1.8L8.2,1.8z M5,8.1C3.3,8.1,1.9,6.7,1.9,5c0-1.7,1.4-3.1,3.1-3.1 S8.1,3.3,8.1,5S6.7,8.1,5,8.1L5,8.1z M5,8.1"})})}},66098:(e,t,n)=>{"use strict";n.d(t,{A:()=>r});var s=n(37876);n(14232);var i=n(23992);let r=function(e){let{className:t,color:n="#999",...r}=e;return(0,s.jsx)("svg",{className:(0,i.cd)("icon","icon-close",t),width:"20",height:"20",viewBox:"0 0 20 20",...r,children:(0,s.jsx)("path",{className:"color",fill:n,d:"M11.314 9.9l3.53-3.531a1.003 1.003 0 0 0 .005-1.42 1.001 1.001 0 0 0-1.419.006L9.9 8.485l-3.531-3.53a1.003 1.003 0 0 0-1.42-.005 1.001 1.001 0 0 0 .006 1.419l3.53 3.53-3.53 3.531a1.003 1.003 0 0 0-.005 1.42 1.001 1.001 0 0 0 1.419-.006l3.53-3.53 3.531 3.53a1.003 1.003 0 0 0 1.42.005 1.001 1.001 0 0 0-.006-1.419l-3.53-3.53z"})})}},66965:(e,t,n)=>{"use strict";n.d(t,{A:()=>v});var s=n(37876),i=n(14232),r=n(48230),a=n.n(r),o=n(77328),l=n.n(o),d=n(10312),c=n(40613),h=n(51663),u=n(74686),p=n(96427);function m(){let e=(0,p._)(["\n margin-bottom: 20px;\n a {\n cursor: pointer;\n display: inline-block;\n padding: 10px;\n margin-right: 10px;\n color: #636c7e;\n\n &.active {\n pointer-events: none;\n color: rgb(0, 156, 255);\n border-bottom: 2px solid rgb(0, 156, 255);\n }\n }\n"]);return m=function(){return e},e}let x=n(70964).Ay.div(m());class f extends i.PureComponent{componentDidMount(){window.document.body.setAttribute("id","project-items")}render(){let{params:e,asPath:t,children:n}=this.props,i=[{name:"Add Supplemental Inventory On Site",href:"/eames/project/[id]/supplemental-inventory/add?id=".concat(e.id),as:"/project/".concat(e.id,"/supplemental-inventory/add")},{name:"Supplemental Inventory On Site",href:"/eames/project/[id]/supplemental-inventory/view?id=".concat(e.id),as:"/project/".concat(e.id,"/supplemental-inventory/view")}];return(0,s.jsxs)(h.A,{children:[(0,s.jsx)(l(),{children:(0,s.jsx)("title",{children:"Vesta - Supplemental Inventory"})}),(0,s.jsx)(c.A,{active:"supplemental-inventory"}),(0,s.jsxs)(d.m,{children:[(0,s.jsx)(x,{children:i.map(e=>{let{name:n,href:i,as:r}=e;return(0,s.jsx)(a(),{href:i,as:r,className:t===r?"active":"",children:n},i)})}),n]})]})}}let v=(0,u.y)(f)},89209:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__N_SSP:()=>F,default:()=>U});var s=n(37876),i=n(66965),r=n(14232),a=n(74686),o=n(14137),l=n(96361),d=n(52581),c=n(96427),h=n(70964);function u(){let e=(0,c._)(["\n background: #fff;\n padding: 20px;\n"]);return u=function(){return e},e}function p(){let e=(0,c._)(["\n display: flex;\n"]);return p=function(){return e},e}function m(){let e=(0,c._)(["\n width: 50%;\n padding: 0 10px;\n"]);return m=function(){return e},e}function x(){let e=(0,c._)(["\n border: 1px solid #ccc;\n border-radius: 5px;\n"]);return x=function(){return e},e}function f(){let e=(0,c._)(["\n margin-top: 5px;\n height: 565px;\n overflow: auto;\n border: ",";\n border-radius: 5px;\n position: relative;\n\n .no-items {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n"]);return f=function(){return e},e}function v(){let e=(0,c._)(["\n padding: 10px;\n display: flex;\n align-items: center;\n border-radius: ",";\n border: ",";\n border-bottom: ",";\n cursor: ",";\n background: ",";\n\n .remove {\n position: absolute;\n top: 0;\n right: 0;\n width: 30px;\n height: 30px;\n cursor: pointer;\n\n &:after,\n &:before {\n content: '';\n position: absolute;\n top: 50%;\n right: 8px;\n width: 16px;\n height: 2px;\n background: rgb(0, 156, 255);\n }\n\n &:after {\n transform: rotate(45deg);\n }\n\n &:before {\n transform: rotate(-45deg);\n }\n }\n\n img {\n display: block;\n width: 50px;\n height: 50px;\n margin-right: 10px;\n }\n\n p {\n font-weight: 600;\n margin: 0;\n }\n\n span {\n font-size: 12px;\n }\n"]);return v=function(){return e},e}function y(){let e=(0,c._)(["\n margin: 20px auto;\n border: none;\n padding: 7px 20px;\n min-width: 165px;\n color: #fff;\n background-color: rgb(0, 156, 255);\n border-radius: 3px;\n display: block;\n\n &.center {\n margin: 0 auto;\n }\n"]);return y=function(){return e},e}let g=h.Ay.div(u()),j=h.Ay.div(p()),b=h.Ay.div(m()),C=h.Ay.div(x()),w=h.Ay.div(f(),e=>e.selected?"none":"1px solid #ccc"),I=h.Ay.div(v(),e=>e.selected?"5px":"0",e=>e.selected?"1px solid rgb(0, 156, 255)":"none",e=>
1e.selected?"1px solid rgb(0, 156, 255)":"1px solid #ccc",e=>e.selected?"default":"pointer",e=>e.selected?"rgb(236, 248, 253)":"none"),S=h.Ay.button(y());var A=n(69825),_=n(59514),k=n(66693),N=n(88150);class T extends r.Component{render(){let{onChange:e,selectedItemType:t}=this.props;return(0,s.jsx)(N.$G8,{children:n=>{var i,r;let a=null!=(r=null==(i=n.data)?void 0:i.map(e=>(0,N.UiL)(e)))?r:[];return(0,s.jsxs)(A.BE,{children:[(0,s.jsx)(A.JU,{htmlFor:"itemType",required:!0,children:"Item Type"}),(0,s.jsx)(k.Ay,{id:"itemType",name:"itemType",value:t,onChange:e,options:a,classNamePrefix:"styled-select"})]})}})}}let B={name:"",description:"",retailPrice:0,newQuantity:0,baseCost:0,itemType:null};class E extends r.PureComponent{componentDidUpdate(e){this.props.selectedItem!==e.selectedItem&&(this.props.selectedItem?this.setExistItem(this.props.selectedItem):this.resetForm())}constructor(e){super(e),this.setExistItem=e=>{var t,n;this.setState({productId:e.id,form:{name:e.name,description:e.description,retailPrice:null!=(t=e.baseCost)?t:0,newQuantity:e.quantity,baseCost:null!=(n=Number(e.baseCost))?n:0,itemType:e.itemType?{value:e.itemType.id,label:e.itemType.name}:null}})},this.resetForm=()=>{this.setState({form:B,productId:null})},this.handleInputChange=e=>{this.setState({form:{...this.state.form,[e.target.name]:e.target.value}})},this.handleItemTypeChange=e=>{this.setState({form:{...this.state.form,itemType:e}})},this.handleSubmit=async e=>{var t,n,s;e.preventDefault();let{handleRemoveItem:i,handleRefreshItems:r,createComponentMutation:a,updateComponentMutation:o}=this.props,{productId:l,form:d}=this.state,c=null!==l;if(!d.name||!d.itemType||!d.baseCost||!d.newQuantity)return;let h={projectId:this.projectId,itemTypeId:null==(t=d.itemType)?void 0:t.value,baseCost:d.baseCost,retailPrice:1.3*d.baseCost,name:null!=(n=d.name)?n:"",description:null!=(s=d.description)?s:"",quantity:d.newQuantity};c?await o.mutateAsync({itemId:l,body:h}):await a.mutateAsync({body:h}),this.resetForm(),i(),r()},this.render=()=>{var e;let{form:t,modalShow:n}=this.state,i=!(null==(e=t.name)?void 0:e.trim());return(0,s.jsxs)("form",{onSubmit:this.handleSubmit,children:[(0,s.jsx)(T,{selectedItemType:t.itemType,onChange:this.handleItemTypeChange}),(0,s.jsxs)(A.BE,{children:[(0,s.jsx)(A.JU,{htmlFor:"name",required:!0,children:"Name"}),(0,s.jsx)(A.pd,{id:"name",name:"name",value:t.name||"",onChange:this.handleInputChange})]}),(0,s.jsxs)(A.BE,{children:[(0,s.jsx)(A.JU,{htmlFor:"description",children:"Description"}),(0,s.jsx)(A.fs,{id:"description",name:"description",value:t.description||"",rows:5,onChange:this.handleInputChange})]}),(0,s.jsxs)(A.BE,{children:[(0,s.jsx)(A.JU,{htmlFor:"baseCost",required:!0,children:"Base Cost Per Item"}),(0,s.jsx)(A.pd,{id:"baseCost",name:"baseCost",value:t.baseCost||"",type:"number",required:!0,onChange:this.handleInputChange})]}),(0,s.jsxs)(A.BE,{children:[(0,s.jsx)(A.JU,{htmlFor:"newQuantity",required:!0,children:"Quantity"}),(0,s.jsx)(A.pd,{id:"newQuantity",name:"newQuantity",value:t.newQuantity||"",type:"number",required:!0,onChange:this.handleInputChange})]}),(0,s.jsx)("div",{style:{display:"flex",justifyContent:"space-between"},children:(0,s.jsxs)(_.A,{type:"submit",disabled:i,cta:!0,children:[this.props.selectedItem?"Update":"Add"," Supplemental Inventory"]})})]})},this.state={productId:null,modalShow:!1,form:B},this.projectId=Number(e.params.id)}}let P=(0,a.y)((0,o.$s)((0,o.Wk)(E)));class q extends r.PureComponent{render(){let{search:e}=this.state;return(0,s.jsx)(o.DF,{params:{page:1,searchInput:e,projectId:this.projectId},options:{keepPreviousData:!0},children:this.renderContent})}constructor(e){super(e),this.handleSearch=e=>{this.setState({search:e})},this.handleSelectItem=e=>{this.setState({selectedItem:e})},this.handleRemoveItem=()=>{this.setState({selectedItem:null})},this.renderProjectItems=e=>{var t;let{search:n,selectedItem:i}=this.state,{data:r,isLoading:a,isRefetching:o,hasNextPage:l,fetchNextPage:d}=e;return r&&r.pages[0].data&&0!==r.pages[0].data.length?i?(0,s.jsx)(w,{selected:!0,children:(0,s.jsxs)(I,{selected:!0,children:[(0,s.jsx)("div",{className:"remove",onClick:this.handleRemoveItem}),(0,s.jsx)("img",{src:null!=(t=i.primaryImageThumbnailUrl)?t:void 0,alt:""}),(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:i.name}),(0,s.jsxs)("span",{children:["quantity: ",i.quantity]})]})]})}):(0,s.jsxs)(w,{children:[r.pages.map(e=>{var t;return null==(t=e.data)?void 0:t.map(e=>{var t;return(0,s.jsxs)(I,{onClick:()=>this.handleSelectItem(e),children:[(0,s.jsx)("img",{src:null!=(t=e.primaryImageThumbnailUrl)?t:void 0,alt:""}),(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:e.name}),(0,s.jsxs)("span",{children:["quantity: ",e.quantity]})]})]},e.id)})}),!a&&!o&&l&&(0,s.jsx)(S,{onClick:()=>d(),children:"Show more"})]}):(0,s.jsx)(w,{children:(0,s.jsx)("p",{className:"no-items",children:n?'No items for "'.concat(n,'"'):"No items"})})},this.renderContent=e=>{let{search:t,selectedItem:n}=this.state,i=e.isLoading||e.isRefetching;return(0,s.jsxs)(g,{children:[(0,s.jsxs)(j,{children:[(0,s.jsxs)(b,{children:[(0,s.jsx)("p",{children:"Search for supplemental inventory"}),(0,s.jsx)(C,{style:n?{pointerEvents:"none"}:void 0,children:(0,s.jsx)(l.A,{debounce:500,onChange:this.handleSearch,value:t})}),this.renderProjectItems(e)]}),(0,s.jsx)(b,{children:(0,s.jsx)(P,{selectedItem:n,handleRemoveItem:this.handleRemoveItem,handleRefresh
1Items:()=>e.refetch()})})]}),i&&(0,s.jsx)(d.A,{style:{zIndex:"999"}})]})},this.state={search:"",selectedItem:null},this.projectId=Number(e.params.id)}}let z=(0,a.y)(q);var F=!0;function U(){return(0,s.jsx)(i.A,{children:(0,s.jsx)(z,{})})}},96361:(e,t,n)=>{"use strict";n.d(t,{A:()=>y});var s=n(96427),i=n(37876),r=n(14232),a=n(70964),o=n(66098),l=n(27818),d=n(23992);function c(){let e=(0,s._)(["\n cursor: pointer;\n position: relative;\n"]);return c=function(){return e},e}function h(){let e=(0,s._)(["\n background-color: ",";\n border: none;\n border-bottom: ",";\n box-sizing: border-box;\n color: ",";\n cursor: pointer;\n font-size: 16px;\n outline: none;\n padding: 5px 32px;\n transition: all 0.2s ease;\n width: 100%;\n ",";\n &::placeholder {\n font-size: 14px;\n }\n"]);return h=function(){return e},e}function u(){let e=(0,s._)(["\n position: absolute;\n left: ",";\n top: 8px;\n transition: left 0.2s ease;\n"]);return u=function(){return e},e}function p(){let e=(0,s._)(["\n position: absolute;\n right: 7px;\n top: 5px;\n"]);return p=function(){return e},e}let m=a.Ay.div(c()),x=a.Ay.input(h(),e=>e.show||e.value?e.theme.colors.white:"transparent",e=>e.show||e.value?"1px solid ".concat(e.theme.colors.azure):"1px solid ".concat(e.showBottomBorder?e.theme.colors.grayXLight:"transparent"),e=>e.theme.colors[e.show?"grayXXDark":"grayMid"],e=>e.styles||""),f=(0,a.Ay)(l.A)(u(),e=>"left"===e.className?"7px":"calc(100% - ".concat(e.width+7,"px)")),v=(0,a.Ay)(o.A)(p());class y extends r.Component{componentDidUpdate(e,t){let{value:n,debounce:s}=this.props,{localValue:i}=this.state;s&&!i&&!t.localValue&&n&&this.setState({localValue:n})}componentWillUnmount(){this.timeout&&window.clearTimeout(this.timeout)}updateValue(e){let{debounce:t,onChange:n}=this.props;if(!t)return n(e);this.timeout&&window.clearTimeout(this.timeout),this.setState({localValue:e},()=>{this.timeout=window.setTimeout(()=>n(e),t)})}render(){let{isOpen:e,localValue:t}=this.state,{debounce:n,underlineNotFocused:s,placeholder:r}=this.props,a=n?t:this.props.value;return(0,i.jsxs)(m,{onClick:this.handleWrapperClick,children:[(0,i.jsx)(x,{ref:e=>{this.inputEl=e},type:"text",onBlur:this.handleInputBlur,onChange:this.handleInputChange,show:e,value:a,showBottomBorder:s,placeholder:r}),a&&(0,i.jsx)(v,{height:22,width:22,onClick:this.handleClearClick}),(0,i.jsx)(f,{...(0,d.Ky)((e||a)&&"left"),height:16,width:16})]})}constructor(...e){super(...e),this.state={isOpen:!1,localValue:""},this.inputEl=null,this.timeout=null,this.handleClearClick=()=>{let{onChange:e}=this.props;this.setState({localValue:""},()=>{e("")}),this.handleSetFocus()},this.handleInputBlur=()=>{this.setState({isOpen:!1})},this.handleInputChange=e=>{this.updateValue(e.target.value)},this.handleWrapperClick=()=>{this.state.isOpen||this.setState({isOpen:!0},this.handleSetFocus)},this.handleSetFocus=()=>{var e;null==(e=this.inputEl)||e.focus()}}}}},e=>{e.O(0,[4379,6693,7006,9825,123,636,6593,8792],()=>e(e.s=12320)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.