https://login.commonsku.com/dist/react/components-ApplyMatrixToItemPopup.776353bb.chunk.js

1"use strict";(globalThis.__LOADABLE_LOADED_CHUNKS__=globalThis.__LOADABLE_LOADED_CHUNKS__||[]).push([[2101],{57621(e,t,a){a.r(t),a.d(t,{default:()=>m});var r=a(41594),i=a.n(r),s=a(98483),n=a(39913),o=a(28027),l=a(10219),d=a(73882),h=a(88871),c=a(82865),p=a(63988);const g=(e,t,a)=>{let r=e?Object.values(e):[];return r=r.map(e=>({key:e[t],value:e[a]})),r};function _(e){let{matrix:t,charges:a,chargeKey:r,charge:i,unit:s}=e;const n=t.data[t.data.length-2];let o=parseInt(n["-"]),l=parseFloat(n[r]),d=parseInt(a.data[0]["-"]),h=i,c=parseInt(s),p=0;return c>o&&(p=Math.ceil((c-o)/d),i=l+p*h),i}class u extends r.Component{constructor(e){super(e),this.descRef=i().createRef(),this.state={error:"",decoration:"",decorator_type:"division",...this.initializeStateVals()},["onSelectDecorator","onSelectDecoration","onSelectUnit","updateCharge","getChargeToAdd","applyCharges","onChangeUnit","onChangeQty"].forEach(e=>this[e]=this[e].bind(this))}componentDidMount(){this.props.loadDecorators(this.state.decorator_type),this.state.decorator_id&&(this.onSelectDecorator({value:this.state.decorator_id}),this.state.decoration_id&&this.state.unit&&this.props._charge_type==this.props.charge_type&&(this.onSelectDecoration({value:this.state.decoration_id}),this.onChangeUnit({value:this.state.unit})))}initializeStateVals(){return{isPresentation:this.props.isPresentation,qty:this.props.qty,charge_type:this.props.charge_type,unit_cost_field:this.props.unit_cost_field,decorator_id:this.props.decorator_id?this.props.decorator_id:"",decoration_id:this.props._charge_type==this.props.charge_type&&this.props.decoration_id?this.props.decoration_id:"",unit:this.props._charge_type==this.props.charge_type&&this.props.unit?this.props.unit:"",d_desc:this.props._charge_type==this.props.charge_type&&this.props.d_desc?this.props.d_desc:""}}updateCharge(e){this.setState({charge:e||this.getChargeToAdd()})}getDecoration(e){const t=this.props.original_decorations.filter(t=>t.decoration_id==(e||this.state.decoration_id));return t&&t.length>0?t[0]:{}}getDecoratorData(e){const t=this.props.original_decorators.filter(t=>t.parent_id==e);return t&&t.length>0?t[0]:{}}getDecorationUnit(e){const t=this.getDecoration(e);return t?t.units:"Unit"}getDecorationQty(e){const t=this.getDecoration(e);return t?t.qty:1}isListCharge(e){return this.getDecoration(e).matrix&&"list"==this.getDecoration(e).matrix.type}onSelectDecorator(e){const t=this.props.original_decorators.filter(t=>t.decorator_id==e.value)[0];this.props.updateChargeItemData({isPresentation:this.props.isPresentation,charge_type:this.props.charge_type,unit_cost_field:this.props.unit_cost_field,qty:this.props.qty,decorator_id:e.value,unit:"",decoration_id:"",d_desc:"",decoration:{},charge_to_add:null,charge_to_add_col:null}),this.setState({decorator_id:e.value,unit:"",decoration_id:"",d_desc:"",decorator:t,dr_desc:t?t.description:""},()=>{let t=!0;"fixed"==this.state.charge_type&&(t=!0),this.props.loadDecorations({decorator_id:e.value,qty:this.state.qty,charge_type:this.state.charge_type,with_matrix:t})})}onSelectDecoration(e){const t=this.props.original_decorations.filter(t=>t.decoration_id==e.value)[0];t.qty=t.qty?t.qty:1;const a="list"==t.matrix.type,r={decoration_id:e.value,unit:"",d_desc:t.charge_desc,qty:a?t.qty:this.props.qty};this.props.updateChargeItemData({decoration_id:r.decoration_id,unit:r.unit,d_desc:r.d_desc,d_unit:t.units,d_qty:t.qty,c_type:t.charge_type,c_name:t.charge_name,decoration:this.getDecoration(e.value),a_qty:r.qty,charge_to_add:null,charge_to_add_col:null}),this.setState(r,()=>{this.isListCharge()?this.props.updateChargeItemData({list_charges:t.matrix.data}):this.props.loadDecorationUnits({decoration_id:r.decoration_id,qty:r.qty,charge_type:this.state.charge_type})})}onSelectUnit(e){this.props.updateChargeItemData({unit:e.value,charge_to_add:null,charge_to_add_col:null}),this.setState({unit:e.value},()=>{this.isListCharge()||this.props.loadDecorationCharges({parent_id:this.state.decoration_id,unit:e.value})})}onChangeUnit(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const a=parseInt(e);isNaN(e)||!isNaN(e)&&a<=0||(t&&this.props.updateChargeItemData({unit:a,charge_to_add:null,charge_to_add_col:null}),this.setState({unit:""==e?"":a},()=>{!this.isListCharge()&&t&&this.props.loadDecorationCharges({parent_id:this.state.decoration_id,unit:""==e?"":a})}))}onChangeQty(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",r=parseInt(e);if(isNaN(e)||!isNaN(e)&&r<=0)return;const i=isNaN(this.props.charge_data.d_qty)?1:parseInt(this.props.charge_data.d_qty);"onchange"!==a&&r<i&&(r=i),t&&this.props.updateChargeItemData({a_qty:r,charge_to_add:null,charge_to_add_col:null}),this.setState({qty:""==e?"":r},()=>{!this.isListCharge()&&t&&this.props.loadDecorationCharges({parent_id:this.state.decoration_id,a_qty:""==e?"":r})})}disableAddBtn(){const{decoration_id:e,decorator_id:t,isPresentation:a,charge_type:r}=this.state,{charge_data:{unit:i,a_qty:s,list_charges:n}}=this.props,o=n&&n.filter(e=>!0===e.checked),l=this.isListCharge(e);return!(!l&&i||l&&(s||a||"run"==r)&&o&&o.length&&e&&t)}getChargeToAdd(e,t){let a=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const{decorator_id:r,decoration_id:i}=this.state,{charge_data:{decoration:{matrix:s}}}=this.props;if(e=e||this.props.charges,!(r&&i&&e&&e.data))return;t=t||this.state.qty;let n=e.cols;if((t||"run"==this.state.charge_type)&&(n=e.cols.filter(e=>{let a=e.until&&"0"!=e.until?parseInt(e.until):"+";return"-"!=e.key&&(parseInt(e.label)==t||"+"!=a&&t>=parseInt(e.label)&&t<=a||"+"==a&&t>=parseInt(e.label))})),n&&n.length>0){n=n[0];let t=n.key;isNaN(t)&&this.state.isPresentation&&(t=Object.keys(e.data[0]).filter(e=>!isNaN(e))[0]);let r=parseFloat(e.data[0][t]);return"per_additional_unit"==e.data[0].price_by_type&&(r=_({matrix:s,charges:e,chargeKey:t,charge:r,unit:this.props.unit})),a?{colData:n,charge:r,chargeKey:t}:r}return!1}applyCharges(){const{onAddItemCost:e,onClosePopup:t,unit:a,updateChargeItemData:r,presentation_item_data:i,qty_field:s}=this.props,{decorator_id:n,decoration_id:o,isPresentation:l,unit_cost_field:d,charge_type:h}=this.state;if(r({decorator_id:n,decoration_id:o,unit:a,charge_type:h}),this.isListCharge(o)){const t=this.props.charge_data.list_charges.filter(e=>!0===e.checked),a="run"==h?1:parseInt(this.props.charge_data.d_qty)?parseInt(this.props.charge_data.d_qty):1;let r=0;if(t.length>0)for(let e=1;e<=t.length;e++)isNaN(t[e-1].cell_value)||(r+=parseFloat(t[e-1].cell_value));if(l)if(l&&i){const{item_options:t,item_costs:a,item_cost_key:s}=i;t.forEach((t,i)=>{(0==r||null==r||null==r||""==r||isNaN(r))&&(r=0),e(r,a[i][s]+".unit_cost")})}else l&&h&&(r*=Math.ceil(this.props.charge_data.a_qty/a),0!=r&&null!=r&&null!=r&&""!=r||(r=0),e(r,d));else"fixed"==h&&this.props.charge_data.a_qty&&e(s,Math.ceil(this.props.charge_data.a_qty/a)),e(d,r)}else if(l&&i){const{item_options:t,item_option_qty_key:a,item_costs:r,item_cost_key:s}=i;t.forEach((t,i)=>{const n=t[a];let o=this.getChargeToAdd(null,n);0!=o&&null!=o&&null!=o||(o=0),e(parseFloat(o),r[i][s]+".unit_cost")})}else if(l&&h){let t=this.getChargeToAdd();0!=t&&null!=t&&null!=t||(t=0),e(parseFloat(t),d||"unit_cost")}else if(e){let t=this.getChargeToAdd();"run"==h&&(t=this.props.charge_data.charge_to_add||t),0!=t&&null!=t&&null!=t&&(e(d||"unit_cost",parseFloat(t)),"run"!=h&&s&&e(s,this.state.unit))}if(this.props.label_field&&this.props.charge_data.c_name)if(l)try{e(this.props.charge_data.c_name?this.props.charge_data.c_name:"",this.props.label_field)}catch(e){}else e(this.props.label_field,this.props.charge_data.c_name?this.props.charge_data.c_name:"");this.props.updateChargeItemData({list_charges:[]}),t()}renderNoChargesFound(){return(0,p.jsx)("div",{"data-test-name":"ApplyMatrixToItemPopup.renderNoChargesFound",className:"small-12 medium-12 columns",children:(0,p.jsx)("p",{style:{fontWeight:600,fontSize:"1.3em",color:"#3C505A"},children:"No Charges found."})})}renderBody(){const{decorators:e,decorations:t,charges:a}=this.props,{error:r,decorator_id:s,decoration_id:n,charge_type:o,d_desc:l}=this.state,g=n?this.getDecoration(n):{};return(0,p.jsx)("div",{"data-test-name":"ApplyMatrixToItemPopup.renderBody",className:"row popup-content",children:(0,p.jsxs)("div",{className:"medium-12 small-12 columns",children:[r&&(0,p.jsx)("div",{children:(0,p.jsx)("p",{style:{color:"red",fontWeight:"bold"},children:r})}),(0,p.jsx)("div",{className:"small-12 medium-4 columns",children:(0,p.jsx)(d.A,{id:"select_decorator",label:"Decorator",value:s,onChange:this.onSelectDecorator,options:e&&e.length?e:[],inPopup:!0})}),s?(0,p.jsx)("div",{className:"small-12 medium-4 columns",children:(0,p.jsx)(d.A,{id:"select_decoration",label:"Charge",value:n,onChange:this.onSelectDecoration,options:t&&t.length?t:[],inPopup:!0})}):null,n&&!this.isListCharge(n)?(0,p.jsxs)("div",{className:"small-12 medium-4 columns",children:[(0,p.jsxs)("label",{style:{textAlign:"left",marginTop:6},children:["# of ",this.getDecorationUnit(n)]}),(0,p.jsx)(c.A,{id:"select_unit",label:this.props.charge_data.d_unit,value:this.state.unit,onChange:e=>{this.onChangeUnit(e.target.value,!0)},onBlur:e=>this.onChangeUnit(e.target.value,!0),onFocus:e=>e.target.select()})]}):n&&this.isListCharge(n)&&"run"!==o?(0,p.jsxs)("div",{className:"small-12 medium-4 columns",children:[(0,p.jsxs)("label",{style:{textAlign:"left",marginTop:6},children:["# of ",this.getDecorationUnit(n)]}),(0,p.jsx)(c.A,{id:"select_qty",value:this.state.qty,placeholder:"Min "+this.props.charge_data.d_qty,onChange:e=>{this.onChangeQty(e.target.value,!0,"onchange")},onBlur:e=>this.onChangeQty(e.target.value,!0),onFocus:e=>e.target.select()})]}):null,(0,p.jsx)("br",{}),this.props.unit&&n&&this.props.unit?(0,p.jsx)("div",{className:"small-12 medium-12 columns",children:a&&a.data&&a.data.length>0&&a.cols&&a.cols.length>0?(0,p.jsxs)(i().Fragment,{children:[(0,p.jsx)(h.nm,{matrix:this.props.charge_data.decoration.matrix,data:a.data,cols:a.c

1ols,charge_type:o,charge_name:this.props.c_name,charge_data:this.props.charge_data,onUpdateCharge:this.updateCharge,updateChargesData:this.props.updateChargeItemData,getChargeToAdd:this.getChargeToAdd,isPresentation:this.state.isPresentation,getPerAdditionalUnitCharge:e=>{let{charge:t,chargeKey:r}=e;return _({matrix:this.props.charge_data.decoration.matrix,unit:this.props.unit,charges:a,charge:t,chargeKey:r})}}),(0,p.jsx)("hr",{style:{maxWidth:"100%"}}),"per_additional_unit"!=a.data[0].price_by_type&&this.props.unit>parseInt(this.props.charges.max_unit)?(0,p.jsxs)("div",{style:{marginTop:10,marginBottom:10,textAlign:"center",fontWeight:"bold"},children:["The maximum # of ",this.getDecorationUnit(n)," is ",this.props.charges.max_unit,(0,p.jsx)("hr",{style:{maxWidth:"100%"}})]}):null]}):this.renderNoChargesFound()}):null,n?(0,p.jsx)("div",{className:"small-12 medium-12 columns",children:g&&g.matrix&&g.matrix.data&&g.matrix.data.length>0?this.isListCharge(n)?(0,p.jsxs)(i().Fragment,{children:[(0,p.jsx)(h.aG,{decoration_id:n,charge_name:this.props.c_name,charge_type:o,charge_data:this.props.charge_data,charges:g.matrix.data,updateListCharges:this.props.updateListCharges,updateChargesData:this.props.updateChargeItemData,isPresentation:this.state.isPresentation}),(0,p.jsx)("hr",{style:{maxWidth:"100%"}})]}):null:this.renderNoChargesFound()}):null,s&&this.state.decorator||n&&l?(0,p.jsxs)("div",{className:"small-12 medium-12 columns",ref:this.descRef,children:[l?(0,p.jsxs)("div",{children:[(0,p.jsx)("p",{children:(0,p.jsx)("strong",{children:"Decoration Notes"})}),l.split("\n").map((e,t)=>(0,p.jsx)("p",{children:e},n+"_"+t)),(0,p.jsx)("hr",{style:{maxWidth:"100%"}})]}):null,this.state.decorator.description?(0,p.jsxs)("div",{children:[(0,p.jsx)("p",{children:(0,p.jsx)("strong",{children:"Decorator Notes"})}),this.state.decorator.description.split("\n").map((e,t)=>(0,p.jsx)("p",{children:e},s+"_"+t))]}):null]}):null]})})}renderHelpText(){return(0,p.jsxs)("div",{"data-test-name":"ApplyMatrixToItemPopup.renderHelpText",style:{textAlign:"center",fontSize:"1.2em",marginBottom:10},children:[(0,p.jsxs)("p",{children:["No Decorations found.",(0,p.jsx)("br",{}),"Click ",(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://commonsku.drift.help/article/decoration-matrix---overview/?v=1581041078026",children:"here"})," to learn more about the Decorator Matrix."]}),(0,p.jsxs)("p",{children:["To get started, please visit the admin panel and select the ",(0,p.jsx)("strong",{children:"'Decorator Matrix'"})," tab.",(0,p.jsx)("br",{}),(0,p.jsx)("i",{children:"Note: not all users have access to the admin tab. It is permission based."})]})]})}render(){const{index:e,decorators:t,onClosePopup:a,popupBaseZIndex:r}=this.props,{error:i,charge_type:s,qty:n}=this.state,l=null!=r?r+e:null,d=null!=r?r+e+1:o.z+(e||0);return(0,p.jsxs)(p.Fragment,{children:[null!=l?(0,p.jsx)("div",{className:"reveal-overlay",style:{display:"block",position:"fixed",inset:0,zIndex:l},onClick:a,"aria-hidden":"true"}):null,(0,p.jsxs)("div",{id:"apply-matrix-to-order-modal",className:"reveal large",style:{display:"block",overflow:"auto",zIndex:d,maxHeight:"initial"},"aria-labelledby":"modalTitle",role:"dialog",children:[i?(0,p.jsx)("div",{className:"row full-width",style:{color:"#BF3F69",textAlign:"center"},children:i}):null,(0,p.jsx)("div",{className:"row",children:(0,p.jsxs)("div",{className:"small-12 columns",children:[(0,p.jsxs)("h3",{id:"modalTitle",children:[(0,p.jsx)("strong",{children:"Add Charge"}),(0,p.jsx)("i",{style:{fontSize:"0.5em"},children:" "+s.charAt(0).toUpperCase()+s.slice(1)+" Charge"}),n&&"run"==s?(0,p.jsxs)("i",{style:{fontSize:"0.5em"},children:[" (",this.props.qty,") "]}):null]}),(0,p.jsx)("a",{className:"button",style:{position:"fixed",right:"1rem",top:"1rem"},disabled:this.disableAddBtn(),onClick:e=>{e.preventDefault(),this.applyCharges()},children:"Add"}),(0,p.jsx)("a",{className:"alert button",style:{position:"fixed",right:"5rem",top:"1rem"},onClick:e=>a(),children:"Cancel"})]})}),t.length>0?this.renderBody():this.renderHelpText()]})]})}}const m=(0,s.Ng)((e,t)=>{const a=e.entities.decoration_charge_data?e.entities.decoration_charge_data:"",r=e.entities.item_costs?e.entities.item_costs:[];return{decorators:g(e.dropdowns.decorators,"decorator_id","decorator_name"),decorations:g(e.dropdowns.decorations,"decoration_id","charge_name"),decoration_units:g(e.dropdowns.decoration_units,"unit","unit"),original_decorations:e.dropdowns.decorations,original_decorators:e.dropdowns.decorators,charges:e.entities.decoration_charges,charge_data:a,_charge_type:a?a.charge_type:"",decorator_id:a?a.decorator_id:"",decoration_id:a?a.decoration_id:"",unit:a?a.unit:"",list_charges:a?a.list_charges:[],item_costs:r}},(e,t)=>({loadDecorators:t=>e((0,l.IO)(t)),onClosePopup:()=>{e((0,n.fs)())},loadDecorations:t=>e((0,l.XR)(t)),loadDecorationUnits:t=>e((0,l.dQ)(t)),loadDecorationCharges:t=>e((0,l.Fw)(t)),updateChargeItemData:t=>e((0,l.$f)(t)),updateListCharges:(t,a)=>e((0,l.vC)(t,a))}))(u)},88871(e,t,a){a.d(t,{eP:()=>d,aG:()=>g,nm:()=>p});var r=a(41594),i=a(63988);r.Component;const s=e=>(0,i.jsx)("input",{type:"checkbox",...e});var n=a(82865),o=a(73049);const l=(e,t,a)=>(0,i.jsx)("label",{htmlFor:t||"-",style:{textAlign:"left"},...a,children:e});class d extends r.Component{constructor(e){super(e),this.state={hover:!1,removing:!1,cell_value:this.props.charge_data&&this.props.charge_data.cell_value||""},this._hoverOn=this.toggleHover(!0),this._hoverOff=this.toggleHover(!1)}onDelete(e){this.setState({removing:!0},()=>{setTimeout(()=>{this.props.onDelete(e)},300)})}toggleHover(e){return t=>{this.setState({hover:e})}}getHoverStyle(){let e={visibility:"hidden"};return this.state.hover&&(e={hoverStyles:"visible"}),e}renderParentItem(){const{charge_data:e,charge_type:t,can_edit:a,onChange:r,onUpdateRequest:s}=this.props;return(0,i.jsxs)("div",{"data-test-name":"ChargeListItem.renderParentItem",children:["fixed"==t?(0,i.jsxs)("div",{className:"columns large-2 medium-5 small-5",children:[l("Increment","increment-"+e.charge_id,{className:a||this.props.charge_data.qty?"":"error"}),(0,i.jsx)("input",{type:"number",min:"0",className:a||this.props.charge_data.qty?"":"error",placeholder:a||this.props.charge_data.qty?"":"Not filled 

1in",value:this.props.charge_data.qty,style:{textAlign:"left",...!1===a?{background:"white",border:0,boxShadow:"none"}:{}},disabled:!1===a,onChange:t=>{parseFloat(t.target.value),isNaN(t.target.value)&&""!=t.target.value||r({qty:t.target.value,charge_id:e.charge_id,type:"list-item",...this.props.is_child?{parent_id:e.parent_id}:{}})},onBlur:t=>{const a=parseFloat(t.target.value);(!isNaN(t.target.value)&&a>1e-4||""==t.target.value)&&s({qty:t.target.value,charge_id:e.charge_id,type:"list-item",...this.props.is_child?{parent_id:e.parent_id}:{}})},onFocus:e=>e.target.select()})]}):null,(0,i.jsxs)("div",{className:"columns large-2 medium-5 small-5",children:[l("Units","unit-"+e.charge_id,{className:a||this.props.charge_data.unit?"":"error"}),(0,i.jsx)(n.A,{placeholder:a||this.props.charge_data.unit?"(colors, stitches, ...)":"Not filled in",className:a||this.props.charge_data.unit?"":"error",style:{textAlign:"left",...!1===a?{background:"white",border:0,boxShadow:"none"}:{}},disabled:!1===a,value:this.props.charge_data.unit,onChange:t=>{r({unit:t.target.value,charge_id:e.charge_id,type:"list-item",...this.props.is_child?{parent_id:e.parent_id}:{}})},onBlur:t=>{s({unit:t.target.value,charge_id:e.charge_id,type:"list-item",...this.props.is_child?{parent_id:e.parent_id}:{}})},onFocus:e=>e.target.select()})]}),(0,i.jsx)("hr",{style:{maxWidth:"inherit"}})]})}render(){const{charge_data:e,parent_data:t,onChange:a,can_edit:r,charge_type:s}=this.props,{removing:l}=this.state;return this.props.is_parent?(0,i.jsx)("div",{"data-test-name":"ChargeListItem.render",style:{marginTop:5,transition:"all 250ms linear"},children:this.renderParentItem()}):(0,i.jsxs)("div",{"data-test-name":"ChargeListItem.render",style:{marginTop:5,transition:"all 250ms linear"},onMouseEnter:this._hoverOn,onMouseLeave:this._hoverOff,children:[r?(0,i.jsx)("div",{className:"columns medium-1 delete",style:{textAlign:"right",padding:0,margin:0,width:"2%",fontSize:"0.6em",marginTop:5},children:(0,i.jsx)("a",{style:{...this.getHoverStyle()},onClick:t=>{t.preventDefault(),this.onDelete(e)},children:"×"})}):null,(0,i.jsx)("div",{className:"columns large-3 medium-4 small-11",children:(0,i.jsx)(n.A,{style:{textAlign:"left",...!1===r?{background:"white",border:0,boxShadow:"none"}:{}},className:r||e.label?"":"error",disabled:!1===r,value:e.label,placeholder:r||e.label?"Add charge details":"Not filled in",onChange:t=>{t.preventDefault(),a({remote_update:!1,label:t.target.value,charge_id:e.charge_id,type:"list-item",...this.props.is_child?{parent_id:e.parent_id}:{}})},onBlur:t=>{t.preventDefault(),a({label:t.target.value,charge_id:e.charge_id,type:"list-item",...this.props.is_child?{parent_id:e.parent_id}:{}})},onFocus:e=>e.target.select()})}),(0,i.jsx)("div",{className:"columns large-2 medium-3 small-5",children:(0,i.jsxs)("div",{className:"input-group",style:{marginBottom:0},children:[(0,i.jsx)("span",{className:"input-group-label",style:{background:"white",border:0,borderWidth:0,fontSize:17,lineHeight:"normal",verticalAlign:"middle",paddingRight:5,paddingBottom:20,paddingLeft:0},children:"$"}),(0,i.jsx)("input",{className:this.state.cell_value?"":"error",type:"number",min:"0",placeholder:r||this.state.cell_value?"Price":"Not filled in",value:this.state.cell_value,disabled:!1===r,style:{textAlign:"left",borderRadius:3,marginTop:0,marginBottom:20,...!1===r?{background:"white",border:0,boxShadow:"none"}:{}},onChange:e=>{e.preventDefault(),this.setState({cell_value:e.target.value})},onBlur:t=>{t.preventDefault();const r=parseFloat(t.target.value);(!isNaN(t.target.value)&&r>1e-4||""==t.target.value)&&this.setState({cell_value:(0,o.h_)(t.target.value)},()=>{a({cell_value:this.state.cell_value,charge_id:e.charge_id,type:"list-item",...this.props.is_child?{parent_id:e.parent_id}:{}})})},onFocus:e=>e.target.select()})]})}),(0,i.jsx)("div",{className:"columns large-2 medium-4 small-5",style:{textAlign:"left",padding:0,margin:0,fontSize:17,marginTop:7},children:"run"==s?"Per Item":`per ${t.qty&&t.qty<=1?"":t.qty} ${t&&t.unit?t.unit:""}`}),(0,i.jsx)("hr",{style:{maxWidth:"inherit"}})]})}}var h=a(22078);const c=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1e4;return Math.floor(Math.random()*Math.floor(e))}

1,p=e=>{let{data:t,cols:a,getChargeToAdd:r,isPresentation:s=!1,charge_data:n,...o}=e;const l=a.map(e=>(0,h.kf)(e.key)&&parseInt(e.key)),d=r({data:t,cols:a},null,!0),p=n&&n.decoration&&n.decoration.matrix?n.decoration.matrix.data:[];let g=!n.charge_to_add&&d?d.charge:n.charge_to_add;const _=!n.charge_to_add_col&&d&&d.colData?d.colData.idx:n.charge_to_add_col;let u=1;if(t&&t.length&&t[0].id&&p.length>0){const e=parseInt(t[0].id);e>1&&(u=p[e-2]?parseInt(p[e-2]["-"])+1:"")}function m(e){return"per_additional_unit"==e.price_by_type?"Each Additional "+e["-"]:u==e["-"]||""==u?e["-"]:u+("per_additional_unit"!=t[t.length-1].price_by_type?" - "+e["-"]:" +")}function y(e,a){return e[a]==g&&a==_&&"per_additional_unit"!=t[t.length-1].price_by_type?{background:"#65b6cc",color:"white",fontWeight:"bold"}:{}}return p&&p.length&&"per_additional_unit"==t[0].price_by_type&&(t=p.filter(e=>(0,h.kf)(e.id)&&parseInt(e.id)>=parseInt(t[0].id)-1)),(0,i.jsxs)("div",{"data-test-name":"PricingTable",className:"columns medium-12",children:[(0,i.jsxs)("table",{border:"0",className:"table",children:[(0,i.jsx)("thead",{style:{border:"none"},children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{style:{textAlign:"center"},children:n.d_unit}),a.map(e=>"-"==e.label?null:(0,i.jsxs)("th",{style:{textAlign:"center"},children:[e.label," ",e.until&&"0"!=e.until?"- "+e.until:"+"]},`col_${e.label}_${c()}`))]})}),(0,i.jsx)("tbody",{style:{border:"none",textAlign:"center"},children:t.map((e,a)=>(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{style:{textAlign:"center"},children:m(e)},`row_th_${e.id}_${e["-"]}_${c()}_${a}`),Object.keys(e).map((r,n)=>{if((0,h.kf)(r)&&l.includes(parseInt(r)))return(0,i.jsx)("td",{"data-test-name":"PricingTable",style:{textAlign:"center",...y(e,r)},onClick:a=>{"run"!=o.charge_type||s||""==t[0][r]||(g=e[r],"per_additional_unit"==t[t.length-1].price_by_type&&("per_additional_unit"!=e.price_by_type&&(g=t[t.length-1][r]),g=o.getPerAdditionalUnitCharge({charge:g,chargeKey:r})),o.updateChargesData({charge_to_add:g,charge_to_add_col:r}))},children:e[r]?"$"+e[r]:""},`row_td_${e.id}_${e["-"]}_${e[r]}_${c()}_${a}_${n}`)})]},`row_${e.id}_${c()}`))})]}),!1!==d&&g||s?g&&(0,i.jsxs)("p",{style:{textAlign:"center",fontWeight:"600"},children:["This charge will be applied: $",g]}):(0,i.jsx)("div",{className:"columns medium-12",style:{textAlign:"center"},children:(0,i.jsx)("p",{style:{color:"black",textAlign:"center"},children:"There is no charge matching the given quantity"})})]})};class g extends r.Component{constructor(e){super(e),this.state={calc_qty:0}}render(){const{charges:e,decoration_id:t,updateListCharges:a,updateChargesData:r,charge_type:s,charge_name:n,charge_data:o,isPresentation:l}=this.props;return(0,i.jsx)("div",{"data-test-name":"ListItemPricingTable.render",className:"columns medium-12",style:{marginBottom:30},children:e.map(e=>(0,i.jsx)(_,{"data-test-name":"ListItemPricingTable.render",charge:e,decoration_id:t,updateCharge:a,updateChargesData:r,charge_type:s,charge_name:n,charge_data:o},e.charge_id))})}}class _ extends r.Component{constructor(e){super(e),this.state={charge_id:this.props.charge.charge_id,selected:!1},this.handleCheckboxChange=this.handleCheckboxChange.bind(this)}handleCheckboxChange(){this.setState(e=>({selected:!e.selected}),()=>{this.props.updateCharge(this.props.charge.charge_id,{checked:this.state.selected})})}renderPerQtyUnit(){const{charge:e,charge_data:{charge_type:t,d_unit:a,d_qty:r}}=this.props;if("run"==t)return`$${e.cell_value} Per Unit`;let i="";return e.cell_value&&(i+="$"+e.cell_value),"fixed"==t&&(i+=" per "+(1==r?"":r)+" "+a),i}render(){const{charge:e}=this.props;return(0,i.jsxs)("div",{"data-test-name":"ListItem.render",className:"columns medium-12",style:{fontWeight:"bold"},children:[(0,i.jsx)("div",{className:"columns medium-4",style:{textAlign:"left",marginTop:10},children:e.label?e.label:(0,i.jsx)("br",{})}),(0,i.jsx)("div",{className:"columns medium-3",style:{textAlign:"left",marginTop:10},children:this.renderPerQtyUnit()}),(0,i.jsx)("div",{className:"columns medium-2",style:{paddingLeft:"0.5rem",paddingRight:0},children:(0,i.jsx)(s,{checked:this.state.selected,onChange:this.handleCheckboxChange})})]})}}}}]);
2//# sourceMappingURL=components-ApplyMatrixToItemPopup.776353bb.chunk.js.map