https://login.commonsku.com/dist/react/components-EditBillPopup.a55ab254.chunk.js

1"use strict";(globalThis.__LOADABLE_LOADED_CHUNKS__=globalThis.__LOADABLE_LOADED_CHUNKS__||[]).push([[2295],{39033(e,t,s){s.r(t),s.d(t,{default:()=>k});var a=s(41594),i=s(98483),l=s(39913),n=s(30596),d=s(73882),r=s(46792),o=s(3976),h=s(22078),c=s(97570),m=s(28027),p=s(63988);const x=e=>parseFloat((0,h.up)(parseFloat(e.quantity)*parseFloat(e.unit_cost))),u=(e,t,s)=>parseFloat((0,h.up)(t.map(e=>parseFloat(s(e.tax_id).percent)/100).map(t=>x(e)*t).reduce((e,t)=>e+t,0))),_=e=>parseFloat((0,h.up)(e.breakdowns.reduce((e,t)=>e+x(t),0))),b=(e,t)=>parseFloat((0,h.up)(e.breakdowns.reduce((s,a)=>s+u(a,e.taxes,t),0))),g=e=>parseFloat((0,h.up)(parseFloat((0,h.up)(e.items.filter(e=>e.selected).reduce((e,t)=>e+_(t),0)))+parseFloat((0,h.up)(e.extra_items.filter(e=>e.selected).reduce((e,t)=>e+x(t),0))))),j=(e,t)=>parseFloat((0,h.up)(parseFloat((0,h.up)(e.items.filter(e=>e.selected).reduce((e,s)=>e+b(s,t),0)))+parseFloat((0,h.up)(e.extra_items.filter(e=>e.selected).reduce((e,s)=>e+u(s,s.taxes,t),0)))));class C extends a.Component{constructor(e){super(e),this.state={breakdown:this.props.breakdown},this.handleChange=this.handleChange.bind(this)}UNSAFE_componentWillReceiveProps(e){this.setState({breakdown:e.breakdown})}handleChange(e){return t=>{this.isValueValid(e,t.target.value)?this.setState({breakdown:Object.assign({},this.state.breakdown,{[e]:t.target.value})}):this.setState({breakdown:Object.assign({},this.state.breakdown,{[e]:t.target.value})})}}handleBlur(e){return t=>{if(this.isValueValid(e,t.target.value)){const s=Object.assign({},this.state.breakdown,{[e]:this.formatValue(e,t.target.value)});this.props.onUpdate(s)}else this.setState({breakdown:this.props.breakdown})}}isValueValid(e,t){switch(e){case"quantity":return(0,h.kf)(t)&&parseFloat(t)===parseInt(t,10);case"unit_cost":return(0,h.kf)(t)}return!0}formatValue(e,t){switch(e){case"quantity":return parseFloat(t).toFixed(0);case"unit_cost":return parseFloat(t).toFixed(4)}return t}render(){const{breakdown:e}=this.state,{taxes:t,getTaxInfo:s}=this.props,a=x(e),i=a+u(e,t,s);return(0,p.jsxs)("tr",{"data-test-name":"BillItemBreakdown.render",children:[(0,p.jsx)("td",{children:" "}),(0,p.jsx)("td",{children:" "}),(0,p.jsxs)("td",{children:[e.size_name," / ",e.color_name]}),(0,p.jsx)("td",{children:(0,p.jsx)("input",{type:"text",value:e.quantity,onChange:this.handleChange("quantity"),onBlur:this.handleBlur("quantity")})}),(0,p.jsx)("td",{children:(0,p.jsx)("input",{type:"text",value:e.unit_cost,onChange:this.handleChange("unit_cost"),onBlur:this.handleBlur("unit_cost")})}),(0,p.jsxs)("td",{children:["$",(0,h.up)(a)]}),(0,p.jsx)("td",{children:" "}),(0,p.jsxs)("td",{children:["$",(0,h.up)(i)]}),(0,p.jsx)("td",{children:" "})]})}}class v extends a.Component{constructor(e){super(e),this.state={collapsed:!0,selected:!0,item:this.props.item},this.handleToggleCollapse=this.handleToggleCollapse.bind(this),this.handleToggleSelected=this.handleToggleSelected.bind(this),this.onUpdateBreakdown=this.onUpdateBreakdown.bind(this),this.onChangeTax=this.onChangeTax.bind(this),this.onDeleteTax=this.onDeleteTax.bind(this),this.handleAddTax=this.handleAddTax.bind(this)}handleToggleSelected(e){const t=Object.assign({},this.state.item,{selected:!this.state.item.selected});this.setState({item:t}),this.props.onUpdate(t)}handleToggleCollapse(e){this.setState({collapsed:!this.state.collapsed})}onUpdateBreakdown(e){const t=Object.assign({},this.state.item,{breakdowns:this.state.item.breakdowns.map(t=>t.bill_item_id===e.bill_item_id?e:t)});this.setState({item:t}),this.props.onUpdate(t)}onChangeTax(e){return t=>{const s=this.state.item.taxes.map((s,a)=>a===e?Object.assign({},s,{tax_id:t}):s),a=Object.assign({},this.state.item,{taxes:s});this.setState({item:a}),this.props.onUpdate(a)}}onDeleteTax(e){return()=>{const t=this.state.item.taxes.filter((t,s)=>s!==e),s=Object.assign({},this.state.item,{taxes:t});this.setState({item:s}),this.props.onUpdate(s)}}handleAddTax(e){e.preventDefault();const t=this.state.item.taxes.concat({tax_id:this.props.default_tax_id}),s=Object.assign({},this.state.item,{taxes:t});this.setState({item:s}),this.props.onUpdate(s)}render(){const{item:e}=this.state,{taxes:t,getTaxInfo:s}=this.props,a=_(e),i=a+b(e,s);return(0,p.jsxs)("tbody",{"data-test-name":"BillItem.render",children:[(0,p.jsxs)("tr",{children:[(0,p.jsx)("td",{children:(0,p.jsx)("input",{type:"checkbox",onChange:this.handleToggleSelected,checked:this.state.item.selected})}),(0,p.jsx)("td",{children:e.product_code}),(0,p.jsx)("td",{children:e.product_name}),(0,p.jsx)("td",{children:e.breakdowns.length?parseFloat(e.quantity).toFixed(0):null}),(0,p.jsx)("td",{}),(0,p.jsxs)("td",{children:["$",(0,h.up)(a)]}),(0,p.jsx)("td",{children:e.taxes.map((e,t)=>(0,p.jsxs)("span",{children:[s(e.tax_id).label," ",parseFloat(s(e.tax_id).percent).toFixed(1),"%",(0,p.jsx)("br",{})]},t))}),(0,p.jsxs)("td",{children:["$",(0,h.up)(i)]}),(0,p.jsx)("td",{children:(0,p.jsx)("a",{className:"button",onClick:this.handleToggleCollapse,children:"View / Edit Breakdown"})})]}),this.state.collapsed?null:e.breakdowns.map((t,a)=>

1(0,p.jsx)(C,{breakdown:t,taxes:e.taxes,onUpdate:this.onUpdateBreakdown,getTaxInfo:s},a)).concat((0,p.jsxs)("tr",{children:[(0,p.jsx)("td",{colSpan:"2",children:" "}),(0,p.jsxs)("td",{colSpan:"7",children:["Taxes: ",(0,p.jsx)("a",{className:"button",onClick:this.handleAddTax,children:"Add Tax"})]})]},"taxes")).concat(e.taxes.map((s,a)=>(0,p.jsx)(w,{tax_amount:s,taxes:t,onChange:this.onChangeTax(a),onDelete:this.onDeleteTax(a)},e.breakdowns.length+a)))]})}}class f extends a.Component{constructor(e){super(e),this.state={collapsed:!0,selected:!0,show_dropdown:!1,item:this.props.item},this.handleToggleCollapse=this.handleToggleCollapse.bind(this),this.handleToggleSelected=this.handleToggleSelected.bind(this),this.onChangeTax=this.onChangeTax.bind(this),this.onDeleteTax=this.onDeleteTax.bind(this),this.handleAddTax=this.handleAddTax.bind(this),this.handleChange=this.handleChange.bind(this),this.handleBlur=this.handleBlur.bind(this),this.onSelectBillItemType=this.onSelectBillItemType.bind(this)}handleChange(e){return t=>{const s="item_code"===e;this.setState({item:Object.assign({},this.state.item,{[e]:t.target.value}),show_dropdown:s})}}handleBlur(e){return t=>{if(this.isValueValid(e,t.target.value)){const s=Object.assign({},this.state.item,{[e]:this.formatValue(e,t.target.value)});this.props.onUpdate(s)}else this.setState({item:this.props.item,show_dropdown:!1})}}isValueValid(e,t){switch(e){case"quantity":return(0,h.kf)(t)&&parseFloat(t)===parseInt(t,10);case"unit_cost":return(0,h.kf)(t)}return!0}formatValue(e,t){switch(e){case"quantity":return parseFloat(t).toFixed(0);case"unit_cost":return parseFloat(t).toFixed(4)}return t}handleToggleSelected(e){const t=Object.assign({},this.state.item,{selected:!this.state.item.selected});this.setState({item:t,show_dropdown:!1}),this.props.onUpdate(t)}handleToggleCollapse(e){this.setState({collapsed:!this.state.collapsed,show_dropdown:!1})}onChangeTax(e){return t=>{const s=this.state.item.taxes.map((s,a)=>a===e?Object.assign({},s,{tax_id:t}):s),a=Object.assign({},this.state.item,{taxes:s});this.setState({item:a,show_dropdown:!1}),this.props.onUpdate(a)}}onDeleteTax(e){return()=>{const t=this.state.item.taxes.filter((t,s)=>s!==e),s=Object.assign({},this.state.item,{taxes:t});this.setState({item:s,show_dropdown:!1}),this.props.onUpdate(s)}}handleAddTax(e){e.preventDefault();const t=this.state.item.taxes.concat({tax_id:this.props.default_tax_id}),s=Object.assign({},this.state.item,{taxes:t});this.setState({item:s,show_dropdown:!1}),this.props.onUpdate(s)}onSelectBillItemType(e){const t=Object.assign({},this.state.item,{bill_item_type_id:e,item_code:this.props.bill_item_types.filter(t=>t.key===e)[0].value});this.setState({item:t,show_dropdown:!1}),this.props.onUpdate(t)}render(){const{item:e}=this.state,{taxes:t,getTaxInfo:s}=this.props,a=x(e),i=a+u(e,e.taxes,s),l=this.props.bill_item_types.filter(t=>t.value.toLowerCase().indexOf(e.item_code.toLowerCase())>-1).map(e=>Object.assign({},e,{onClick:t=>{t.preventDefault(),this.onSelectBillItemType(e.key)}}));return(0,p.jsxs)("tbody",{"data-test-name":"ExtraBillItem.render",children:[(0,p.jsxs)("tr",{children:[(0,p.jsx)("td",{children:(0,p.jsx)("input",{type:"checkbox",onChange:this.handleToggleSelected,checked:this.state.item.selected})}),(0,p.jsxs)("td",{style:{position:"relative"},children:[(0,p.jsx)("input",{type:"text",value:e.item_code,onChange:this.handleChange("item_code"),onBlur:this.handleBlur("item_code")}),this.state.show_dropdown?(0,p.jsx)(o.Ay,{options:l}):null]}),(0,p.jsx)("td",{children:(0,p.jsx)("input",{type:"text",value:e.item_name,onChange:this.handleChange("item_name"),onBlur:this.handleBlur("item_name")})}),(0,p.jsx)("td",{children:(0,p.jsx)("input",{type:"text",value:e.quantity,onChange:this.handleChange("quantity"),onBlur:this.handleBlur("quantity")})}),(0,p.jsxs)("td",{children:["$",(0,p.jsx)("input",{type:"text",value:e.unit_cost,onChange:this.handleChange("unit_cost"),onBlur:this.handleBlur("unit_cost")})]}),(0,p.jsxs)("td",{children:["$",(0,h.up)(a)]}),(0,p.jsx)("td",{children:e.taxes.map((e,t)=>(0,p.jsxs)("span",{children:[s(e.tax_id).label," ",parseFloat(s(e.tax_id).percent).toFixed(1),"%",(0,p.jsx)("br",{})]},t))}),(0,p.jsxs)("td",{children:["$",(0,h.up)(i)]}),(0,p.jsx)("td",{children:(0,p.jsx)("a",{className:"button",onClick:this.handleToggleCollapse,children:"View / Edit Breakdown"})})]}),this.state.collapsed?null:[(0,p.jsxs)("tr",{children:[(0,p.jsx)("td",{colSpan:"2",children:" "}),(0,p.jsxs)("td",{colSpan:"7",children:["Taxes: ",(0,p.jsx)("a",{className:"button",onClick:this.handleAddTax,children:"Add Tax"})]})]},"taxes")].concat(e.taxes.map((e,s)=>(0,p.jsx)(w,{tax_amount:e,taxes:t,onChange:this.onChangeTax(s),onDelete:this.onDeleteTax(s)},s)))]})}}class w extends a.Component{constructor(e){super(e),this.handleDeleteTax=this.handleDeleteTax.bind(this),this.onChange=this.onChange.bind(this)}handleDeleteTax(e){e.preventDefault(),this.props.onDelete()}onChange(e){this.props.onChange(e)}render(){const{taxes:e,tax_amount:t}=this.props;return(0,p.jsxs)("tr",{"data-test-name":"BillItemTax.render",children:[(0,p.jsx)("td",{colSpan:"2",children:" "}),(0,p.jsxs)("td",{children:[(0,p.jsx)("a",{onClick:this.handleDeleteTax,children:"×"}),(0,p.jsx)(d.A,{options:e,value:t.tax_id,change:this.onChange})]}),(0,p.jsx)("td",{colSpan:"6",children:" "})]})}}class T extends a.Component{constructor(e){super(e),this.handleCreateItem=this.handleCreateItem.bind(this)}handleCreateItem(e){e.preventDefault(),this.props.onCreate(this.props.purchase_order_id,this.props.order_id,this.props.order_form_number)}render(){const{items:e,extra_items:t,taxes:s,bill_item_types:a,getTax

1Info:i,default_tax_id:l,onUpdate:n,onUpdateExtra:d}=this.props,r=this.props.purchase_order_id?(0,p.jsx)("a",{target:"_blank",href:`/purchase_order.php?id=${this.props.purchase_order_id}`,children:`PO# ${this.props.form_number}`}):(0,p.jsx)("a",{target:"_blank",href:`sales-order/${this.props.form_number}`,children:`Sales Order# ${this.props.form_number}`});return(0,p.jsxs)("table",{"data-test-name":"BillSection.render",children:[(0,p.jsxs)("thead",{children:[(0,p.jsxs)("tr",{children:[(0,p.jsx)("th",{colSpan:"7",children:r}),(0,p.jsx)("th",{colSpan:"9",children:(0,p.jsx)("a",{className:"button",onClick:this.handleCreateItem,style:{width:"100%"},children:"Add Bill Item"})})]}),(0,p.jsxs)("tr",{children:[(0,p.jsx)("th",{}),(0,p.jsx)("th",{style:{width:"100px"},children:"Code"}),(0,p.jsx)("th",{children:"Item Name"}),(0,p.jsx)("th",{style:{width:"70px"},children:"Qty"}),(0,p.jsx)("th",{style:{width:"100px"},children:"Unit Cost"}),(0,p.jsx)("th",{children:"Subtotal"}),(0,p.jsx)("th",{children:"Tax"}),(0,p.jsx)("th",{children:"Total"}),(0,p.jsx)("th",{})]})]}),e.map(e=>(0,p.jsx)(v,{item:e,taxes:s,getTaxInfo:i,default_tax_id:l,onUpdate:n},e.bill_item_id)),t.map(e=>(0,p.jsx)(f,{item:e,taxes:s,bill_item_types:a,getTaxInfo:i,default_tax_id:l,onUpdate:d},e.bill_item_id))]})}}class y extends a.Component{constructor(e){super(e);const t=this.props.bill||{};this.state={is_new:!this.props.bill.items,default_tax_id:this.props.taxes[0].key,bill:Object.assign({},t,{bill_date_due:(0,h.kq)(t.bill_date_due),bill_date_billdate:(0,h.kq)(t.bill_date_billdate),items:(t.items||[]).map(e=>Object.assign({},e,{selected:!0})),purchase_orders:(t.purchase_orders||[]).map(e=>Object.assign({},e,{items:(e.items||[]).map(e=>Object.assign({},e,{selected:!0})),extra_items:(e.extra_items||[]).map(e=>Object.assign({},e,{selected:!0}))})),orders:(t.orders||[]).map(e=>Object.assign({},e,{items:(e.items||[]).map(e=>Object.assign({},e,{selected:!0})),extra_items:(e.extra_items||[]).map(e=>Object.assign({},e,{selected:!0}))}))})},this.onChange=this.onChange.bind(this),this.handleChange=this.handleChange.bind(this),this.onChangeDefaultTax=this.onChangeDefaultTax.bind(this),this.onUpdateItem=this.onUpdateItem.bind(this),this.onUpdateExtraItem=this.onUpdateExtraItem.bind(this),this.onCreateItem=this.onCreateItem.bind(this)}UNSAFE_componentWillReceiveProps(e){const t=e.bill||{items:[]};this.setState({default_tax_id:e.taxes[0].key,bill:Object.assign({},e.bill,{bill_date_due:(0,h.kq)(t.bill_date_due),bill_date_billdate:(0,h.kq)(t.bill_date_billdate),items:t.items.map(e=>Object.assign({},e,{selected:!0})),purchase_orders:t.purchase_orders.map(e=>Object.assign({},e,{items:e.items.map(e=>Object.assign({},e,{selected:!0})),extra_items:e.extra_items.map(e=>Object.assign({},e,{selected:!0}))})),orders:t.orders.map(e=>Object.assign({},e,{items:e.items.map(e=>Object.assign({},e,{selected:!0})),extra_items:e.extra_items.map(e=>Object.assign({},e,{selected:!0}))}))})})}handleChange(e){return t=>this.onChange(e)(t.target.value)}onChange(e){return t=>{this.setState({bill:Object.assign({},this.state.bill,{[e]:t})})}}onChangeDefaultTax(e){this.setState({default_tax_id:e})}onUpdateItem(e){const t=Object.assign({},this.state.bill,{items:this.state.bill.items.map(t=>t.item_id===e.item_id?e:t),purchase_orders:this.state.bill.purchase_orders.map(t=>Object.assign({},t,{items:t.items.map(t=>t.item_id===e.item_id?e:t)})),orders:this.state.bill.orders.map(t=>Object.assign({},t,{items:t.items.map(t=>t.item_id===e.item_id?e:t)}))});this.setState({bill:t})}onUpdateExtraItem(e){const t=Object.assign({},this.state.bill,{items:this.state.bill.items.map(t=>t.item_id===e.item_id?e:t),purchase_orders:this.state.bill.purchase_orders.map(t=>Object.assign({},t,{extra_items:t.extra_items.map(t=>t.bill_item_id===e.bill_item_id?e:t)})),orders:this.state.bill.orders.map(t=>Object.assign({},t,{extra_items:t.extra_items.map(t=>t.bill_item_id===e.bill_item_id?e:t)}))});this.setState({bill:t})}onCreateItem(e,t,s){const a={purchase_order_id:e,order_id:t,order_form_number:s,quantity:1,unit_cost:0,item_code:"",item_name:"",bill_item_type_id:"",taxes:[{tax_id:this.state.default_tax_id}],selected:!0,extra:!0},i=Object.assign({},this.state.bill,{items:this.state.bill.items.concat(a),purchase_orders:this.state.bill.purchase_orders.map(t=>t.purchase_order_id===e?Object.assign({},t,{extra_items:t.extra_items.concat(a)}):t),orders:this.state.bill.orders.map(e=>e.order_id===t?Object.assign({},e,{extra_items:e.extra_items.concat(a)}):e)});this.setState({bill:i})}render(){const{onClosePopup:e,supplier_accounts:t,taxes:s,bill_item_types:a,getTax

1Info:i,onUpdateBill:l,onAddBill:n,index:o}=this.props,{bill:c}=this.state,x=(e=>parseFloat((0,h.up)(parseFloat((0,h.up)(e.purchase_orders.reduce((e,t)=>e+g(t),0)))+parseFloat((0,h.up)(e.orders.reduce((e,t)=>e+g(t),0))))))(c),u=((e,t)=>parseFloat((0,h.up)(parseFloat((0,h.up)(e.purchase_orders.reduce((e,s)=>e+j(s,t),0)))+parseFloat((0,h.up)(e.orders.reduce((e,s)=>e+j(s,t),0))))))(c,i),_=x+u;return(0,p.jsxs)("div",{"data-test-name":"EditBillPopup.render",id:"bills-modal",className:"reveal large",style:{display:"block",zIndex:m.z+o},"aria-labelledby":"modalTitle","aria-hidden":"true",role:"dialog",children:[(0,p.jsx)("div",{className:"small-12 columns",children:(0,p.jsxs)("h3",{children:[this.props.bill.items?"Edit":"Add"," Bill"]})}),(0,p.jsx)("div",{className:"row",children:(0,p.jsxs)("div",{className:"small-12 columns",children:[(0,p.jsxs)("div",{className:"row",children:[(0,p.jsxs)("div",{className:"small-12 medium-6 columns",children:[(0,p.jsxs)("div",{className:"row",children:[(0,p.jsx)("div",{className:"small-4 medium-6 large-4 columns",children:(0,p.jsx)("strong",{children:"Supplier"})}),(0,p.jsx)("div",{className:"small-8 medium-6 large-8 columns",children:(0,p.jsx)(d.A,{options:t,value:this.state.bill.division_id,change:this.onChange("supplier_id")})})]}),(0,p.jsxs)("div",{className:"row",children:[(0,p.jsx)("div",{className:"small-4 medium-6 large-4 columns",children:(0,p.jsx)("strong",{children:"Invoice #"})}),(0,p.jsx)("div",{className:"small-8 medium-6 large-8 columns",children:(0,p.jsx)("input",{type:"text",value:this.state.bill.bill_reference_number,onChange:this.handleChange("bill_reference_number")})})]}),(0,p.jsxs)("div",{className:"row",children:[(0,p.jsx)("div",{className:"small-4 medium-6 large-4 columns",children:(0,p.jsx)("strong",{children:"Invoice Date"})}),(0,p.jsx)("div",{className:"small-8 medium-6 large-8 columns",children:(0,p.jsx)("input",{value:this.state.bill.bill_date_billdate,onChange:this.handleChange("bill_date_billdate"),type:"date",placeholder:"yyyy-mm-dd"})})]}),(0,p.jsxs)("div",{className:"row",children:[(0,p.jsx)("div",{className:"small-4 medium-6 large-4 columns",children:(0,p.jsx)("strong",{children:"Due Date"})}),(0,p.jsx)("div",{className:"small-8 medium-6 large-8 columns",children:(0,p.jsx)("input",{value:this.state.bill.bill_date_due,onChange:this.handleChange("bill_date_due"),type:"date",placeholder:"yyyy-mm-dd"})})]}),(0,p.jsxs)("div",{className:"row",children:[(0,p.jsx)("div",{className:"small-4 medium-6 large-4 columns",children:(0,p.jsx)("strong",{children:"Notes"})}),(0,p.jsx)("div",{className:"small-8 medium-6 large-8 columns",children:(0,p.jsx)(r.A,{value:this.state.bill.bill_memo,onChange:this.handleChange("bill_memo")})})]})]}),(0,p.jsxs)("div",{className:"small-12 medium-6 columns",children:[(0,p.jsxs)("div",{className:"row",children:[(0,p.jsx)("div",{className:"small-4 medium-6 large-4 columns",children:(0,p.jsx)("strong",{children:"Subtotal"})}),(0,p.jsxs)("div",{className:"small-8 medium-6 large-8 columns",children:["$",(0,h.up)(x)]})]}),(0,p.jsxs)("div",{className:"row",children:[(0,p.jsx)("div",{className:"small-4 medium-6 large-4 columns",children:(0,p.jsx)("strong",{children:"Global Tax"})}),(0,p.jsx)("div",{className:"small-8 medium-6 large-8 columns",children:(0,p.jsx)(d.A,{options:s,value:this.state.default_tax_id,change:this.onChangeDefaultTax,withMarginBottom:!0})})]}),(0,p.jsxs)("div",{className:"row",children:[(0,p.jsx)("div",{className:"small-4 medium-6 large-4 columns",children:(0,p.jsx)("strong",{children:"Total Tax"})}),(0,p.jsxs)("div",{className:"small-8 medium-6 large-8 columns",children:["$",(0,h.up)(u)]})]}),(0,p.jsxs)("div",{className:"row",children:[(0,p.jsx)("div",{className:"small-4 medium-6 large-4 columns",children:(0,p.jsx)("strong",{children:"Amount Due"})}),(0,p.jsxs)("div",{className:"small-8 medium-6 large-8 columns",children:["$",(0,h.up)(_)]})]}),(0,p.jsx)("div",{className:"row",children:(0,p.jsx)("div",{className:"small-12 columns",children:(0,p.jsx)("a",{className:"expanded button",onClick:e=>{e.preventDefault(),this.state.is_new?n(this.state.bill):l(this.state.bill)},children:"Save"})})})]})]}),(0,p.jsxs)("div",{className:"row",style:{overflowY:"auto",height:"300px"},children:[c.purchase_orders.map(e=>(0,p.jsx)(T,{purchase_order_id:e.purchase_order_id,order_id:e.order_id,form_number:e.form_number,order_form_number:e.order_form_number,items:e.items,extra_items:e.extra_items,taxes:s,bill_item_types:a,getTax

1Info:i,default_tax_id:this.state.default_tax_id,onUpdate:this.onUpdateItem,onCreate:this.onCreateItem,onUpdateExtra:this.onUpdateExtraItem},e.purchase_order_id)),c.orders.map(e=>(0,p.jsx)(T,{order_id:e.order_id,form_number:e.form_number,order_form_number:e.form_number,items:e.items,extra_items:e.extra_items,taxes:s,bill_item_types:a,getTaxInfo:i,default_tax_id:this.state.default_tax_id,onUpdate:this.onUpdateItem,onCreate:this.onCreateItem,onUpdateExtra:this.onUpdateExtraItem},e.order_id))]})]})}),(0,p.jsx)("button",{className:"close-button","aria-label":"Close modal",type:"button",onClick:t=>e(),children:(0,p.jsx)("span",{"aria-hidden":"true",children:"×"})})]})}}const k=(0,i.Ng)(e=>({supplier_accounts:(0,n.Yn)(e),taxes:(0,n.Iu)(e),getTaxInfo:t=>e.entities.taxes[t],bill_item_types:(0,n.FQ)(e)}),e=>({onClosePopup:()=>{e((0,l.fs)())},onUpdateBill:t=>e((0,c.pA)(t)).then(e((0,l.fs)())),onAddBill:t=>e((0,c.Lr)(t)).then(e((0,l.fs)()))}))(y)}}]);
2//# sourceMappingURL=components-EditBillPopup.a55ab254.chunk.js.map