https://login.commonsku.com/dist/react/components-MetadataListPopup.2184c5c6.chunk.js

1"use strict";(globalThis.__LOADABLE_LOADED_CHUNKS__=globalThis.__LOADABLE_LOADED_CHUNKS__||[]).push([[1431],{65897(t,e,a){a.d(e,{A:()=>r});var s=a(41594),i=a.n(s),d=a(3602),n=a(22078),l=a(39913),o=a(98483);const r=t=>{let{option:e,metadataId:a,adjustment:r,parentId:u,itemRetailAdjustmentId:p,onUpdateRetailAdjustment:m,onAddRetailAdjustment:h,onAdjustmentError:c}=t;const[_,j]=(0,s.useState)(null!=r?r:""),v=Number(_),g=""===_||!Number.isNaN(v)&&Number.isFinite(v);(0,s.useEffect)(()=>{j(null!=r?r:"")},[r]);const x=(0,o.wA)(),A=t=>x((0,l.RO)(t));return i().createElement(d.Input,{type:"text",inputMode:"decimal",value:_,error:!g,style:{margin:0},onFocus:t=>t.target.select(),onChange:t=>{const e=t.target.value.replace(/[^0-9.]/g,"");j(e)},onBlur:()=>{if(g){c&&c(!1);const t=(0,n.up)(v,2);if(j(t),p)m(p,"adjustment",null!=r?r:null,t);else{if(""===e)return A("Option value must be set before setting upcharge."),void j("");h(u,"metadata",Object.assign({metadata_id:a,adjustment:t},e?{option:e}:{}))}}else c?c(!0):A("Please enter a valid number")},"data-test-id":`metadata-upcharge-adjustment-${p}`})}},68841(t,e,a){a.r(e),a.d(e,{default:()=>j});var s=a(41594),i=a(98483),d=a(58199),n=a(98386),l=a(65897),o=a(46592),r=a(39913),u=a(57233),p=a(3602),m=a(28027),h=a(63988);const c=(0,d._Wv)("item-retail-adjustment",{request:o.cJ,success:o.Sn,failure:o.tP,failure_message:"Unable to update retail adjustment"});class _ extends s.Component{constructor(t){super(t),this.onMove=(t,e)=>{let a=this.state.metadata.value?JSON.parse(this.state.metadata.value):[];const s=a[t];if(void 0!==s){a.splice(t,1),a.splice(e,0,s);const i=JSON.stringify(a);this.setState({metadata:Object.assign({},this.state.metadata,{value:i})})}},this.onDrop=t=>{this.props.onUpdateMetadataList(this.props.metadata_id,"value",t.item)(this.state.metadata.value)},this.state={metadata:t.metadata},this.handleChangeMetadata=this.handleChangeMetadata.bind(this)}UNSAFE_componentWillReceiveProps(t){this.setState({metadata:t.metadata})}handleChangeMetadata(t,e,a,s){let i=e;const d=this.state.metadata.value;if("value"===t&&"SELECT"===this.state.metadata.type){let t=this.state.metadata.value?JSON.parse(this.state.metadata.value):[];void 0!==a&&void 0!==t[a]?s?t.splice(a,1):t[a]=e:t.push(e),i=JSON.stringify(t)}(s||null==a)&&this.setState({metadata:Object.assign({},this.state.metadata,{[t]:i})},function(){if(s){var t;const a=null===(t=this.props.adjustments.filter(t=>t.parent_id===this.props.metadata_id).find(t=>t.option===e))||void 0===t?void 0:t.item_retail_adjustment_id;a?this.props.onUpdateMetadataSelectOptionsWithItemRetailAdjustments(this.props.metadata_id,"item_retail_adjustments",d)({metadata_value:this.state.metadata.value,id:a}):this.props.onUpdateMetadataList(this.props.metadata_id,"value",d)(this.state.metadata.value)}else this.props.onUpdateMetadataList(this.props.metadata_id,"value",d)(this.state.metadata.value)})}

1render(){const{onUpdateMetadataList:t,index:e,onClosePopup:a,metadata_id:s,parent_id:i,parent_type:d,adjustments:n,onUpdateMetadataSelectOptionsWithItemRetailAdjustments:o,onAddRetailAdjustment:r,onUpdateRetailAdjustment:c,showError:_}=this.props,{metadata:j}=this.state;return(0,h.jsxs)("div",{"data-test-name":"MetadataListPopup.render",className:"reveal large",style:{display:"block",zIndex:m.z+e,height:"initial",overflow:"auto",maxHeight:"100%"},"data-test-id":"question-options",children:[(0,h.jsxs)("div",{className:"row small-12 columns",children:[(0,h.jsx)("h3",{children:"Question Options"}),(0,h.jsx)("a",{className:"button",style:{position:"absolute",right:"1rem",top:"1rem"},onClick:t=>{t.preventDefault(),a()},children:"Done"})]}),(0,h.jsx)("div",{className:"row small-12 columns",children:(0,h.jsxs)("table",{children:[(0,h.jsx)("thead",{children:(0,h.jsxs)("tr",{children:[(0,h.jsx)("td",{}),(0,h.jsx)("td",{children:"Options"}),"ITEM"===d&&(0,h.jsx)("td",{children:"Upcharge ($)"}),(0,h.jsx)("td",{children:"Actions"})]})}),(0,h.jsxs)("tbody",{children:[JSON.parse(j.value||"[]").map((e,a)=>{const m=n.find(t=>t.option===e);return(0,h.jsx)(u.E2,{"data-test-name":"MetadataListPopup.render",index:a,onDrop:this.onDrop,onMove:this.onMove,item:e,canDrag:Boolean(e),type:"Item",children:(0,h.jsxs)("tr",{children:[(0,h.jsx)("td",{className:"align-self-center",children:e?(0,h.jsx)(p.HandleIcon,{color:"#DAE9EE",altText:e||""}):""}),(0,h.jsx)("td",{style:{paddingTop:0},children:(0,h.jsx)("input",{type:"text",placeholder:"Option",defaultValue:e,style:{minWidth:"100px",margin:0},onFocus:t=>t.target.select(),onChange:t=>this.handleChangeMetadata("value",""===t.target.value.trim()?"":t.target.value,a),onBlur:i=>{const d=j.value?JSON.parse(j.value):[],n=i.target.value.trim();if(void 0===d[a]||d[a]===n)return;if(""!==n&&d.includes(n))return void _("Option value must be unique. Duplicate values are not allowed here.");d[a]=n;const l=JSON.stringify(d);null!=m&&m.item_retail_adjustment_id?o(s,"item_retail_adjustments",e)({metadata_value:l,id:m.item_retail_adjustment_id,option:n}):t(s,"value",e)(l)}})}),"ITEM"===d&&(0,h.jsx)("td",{style:{paddingTop:0},children:(0,h.jsx)(l.A,{option:e,metadataId:s,adjustment:null==m?void 0:m.adjustment,parentId:i,itemRetailAdjustmentId:null==m?void 0:m.item_retail_adjustment_id,onUpdateRetailAdjustment:c,onAddRetailAdjustment:r})}),(0,h.jsx)("td",{children:(0,h.jsx)("a",{onClick:t=>{t.preventDefault(),this.handleChangeMetadata("value",e,a,!0)},children:"delete"})})]})},"metadata-value-"+a)}),(0,h.jsx)("tr",{children:(0,h.jsx)("td",{children:(0,h.jsx)("a",{onClick:t=>{t.preventDefault(),this.handleChangeMetadata("value","")},children:"+ add option"})})})]})]})})]})}}const j=(0,i.Ng)((t,e)=>({metadata:"ITEM"===e.parent_type?t.entities.items[e.parent_id].metadata.find(t=>t.metadata_id===e.metadata_id):t.entities.shops[e.parent_id].metadata_list.find(t=>t.metadata_id===e.metadata_id),adjustments:("ITEM"===e.parent_type?(0,n.SE)(t,{item_id:e.parent_id}):[]).filter(t=>"METADATA"===t.parent_type&&t.parent_id===e.metadata_id)}),(t,e)=>({onClosePopup:()=>t((0,r.fs)()),onUpdateMetadataList:(a,s,i)=>n=>{t((0,d.D58)(e.parent_id,a,s,i,n,e.parent_type))},onUpdateMetadataSelectOptionsWithItemRetailAdjustments:(a,s,i)=>n=>{t((0,d.dXy)(e.parent_id,a,s,i,n,e.parent_type))},onAddRetailAdjustment:(e,a,s)=>{t((0,d.ltJ)(e,a,s))},onUpdateRetailAdjustment:(e,a,s,i)=>{t(c(e,a,s,i))},showError:e=>{t((0,r.RO)(e))}}))(_)}}]);
2//# sourceMappingURL=components-MetadataListPopup.2184c5c6.chunk.js.map