https://www.app.aisensy.com/static/js/9647.f577c1d1.chunk.js

1"use strict";(self.webpackChunkwhatsapp_dashboard=self.webpackChunkwhatsapp_dashboard||[]).push([[9647],{44193:(e,t,i)=>{i.d(t,{z:()=>s});const s=[{name:"Commerce",vertical:"commerce"},{name:"Adoptable Pets",vertical:"adoptable_pets"},{name:"Automotive Models",vertical:"automotive_models"},{name:"Avatar",vertical:"avatar"},{name:"Bookable",vertical:"bookable"},{name:"Flights",vertical:"flights"},{name:"Hotels",vertical:"hotels"},{name:"Jobs",vertical:"jobs"},{name:"Local Delivery Shipping Profiles",vertical:"local_delivery_shipping_profiles"},{name:"Location Based Items",vertical:"location_based_items"},{name:"Media Titles",vertical:"media_titles"},{name:"Offer Items",vertical:"offer_items"},{name:"Offline Commerce",vertical:"offline_commerce"},{name:"Test Vertical",vertical:"test_vertical"},{name:"Ticketed Experiences",vertical:"ticketed_experiences"},{name:"Transactable Items",vertical:"transactable_items"},{name:"Vehicle Offers",vertical:"vehicle_offers"},{name:"Vehicles",vertical:"vehicles"},{name:"Local Service Businesses"},{name:"Home Listings",vertical:"home_listings"},{name:"Destinations",vertical:"destinations"}]},49432:(e,t,i)=>{i.r(t),i.d(t,{default:()=>q});var s=i(47313),a=i(45788),n=i(57009),o=i(96083),l=i(21144),r=i(73908),c=i(72728),d=i(34882),h=i(20337),p=i(54070),u=i(16761),g=i(61809),m=i(52376),x=i(79880),v=i(32591),y=i(47495),f=i(82162),j=i(91136),b=i(58821),C=i(82602),Z=i(3873),w=i(26395),S=i(65681),k=i(9823),I=i(46417);const P=[{key:"catalogueId",name:"Catalogue",type:"String"},{key:"categoryId",name:"Category",type:"String"}],F={String:["is","is not","contains","not contains"],Boolean:["is"],Status:["is"],List:["has","not has"]},T={attributeName:"",attributeKey:"",attributeType:"String",operators:[],operator:"is",value:"",freeSolo:!0,options:["SET","NOT SET"],condition:"and"},N={lastActive:{startDate:null,toDate:null,focusedInput:null},createdAt:{startDate:null,toDate:null,focusedInput:null},tags:[]},A={filters:[{...T}],dateFilters:{...N},optedIn:"yes",blocked:"no"};class D extends s.Component{constructor(){super(...arguments),this.state={...A},this.setDateFilter=(e,t)=>{const{dateFilters:i}=this.state;i[e]={...t},this.setState({dateFilters:i},this.sendStateToParent)},this.sendStateToParent=()=>{const{filters:e}=this.state;this.props.getFilterState({filters:e})},this.apply=()=>{const{filters:e,dateFilters:t,optedIn:i,blocked:s}=this.state,{apply:a}=this.props;a({filters:e,dateFilters:t,optedIn:i,blocked:s})},this.clearAll=()=>{this.setState({...A},this.sendStateToParent);const e={startDate:null,endDate:null};this.setDateFilter("lastActive",e),this.setDateFilter("createdAt",e),this.props.clearFilters()},this.handleOptin=e=>{this.setState({optedIn:e.target.value})},this.handleBlocked=e=>{this.setState({blocked:e.target.value})},this.handleAutoCompleteInput=(e,t,i,s)=>{const a={...this.state.filters[s]};if("input"===i&&a.freeSolo||"select-option"==i){a[e]=t;const i=[...this.state.filters];i[s]=a,this.setState({filters:i},this.sendStateToParent)}},this.handleAttribute=(e,t,i,s)=>{const a=[...this.state.filters],n=t;if("select-option"==i){const e={...T},i=this.getStringTypeOptions(n.name);e.attributeKey=n.key,e.attributeName=t,e.attributeType=n.type,e.operators=F[n.type],e.operator=e.operators[0],e.options="Boolean"===n.type?["Yes","No"]:"Status"===n.type?["Active","Inactive"]:"List"===n.type?[...i]:["SET","NOT SET",...i],e.o

1ptions=[...e.options],e.freeSolo=0===i.length&&"String"===n.type,a[s]=e,this.setState({filters:a},this.sendStateToParent)}},this.getStringTypeOptions=e=>{const{tags:t,campaigns:i}=this.props;switch(e){case"Tags":return Object.values(t||{});case"Campaigns":return Object.keys(i);case"First Message":return Object.values(t||{}).filter((e=>e.isFirstMessage));default:return[]}},this.addRow=()=>{this.setState({filters:[...this.state.filters,{...T}]},this.sendStateToParent)},this.removeRow=e=>{this.setState({filters:this.state.filters.filter(((t,i)=>i!=e))},this.sendStateToParent)},this.filterRowUI=(e,t,i)=>{const{filters:a}=this.state,{assistantDetails:n}=this.props;return(0,I.jsxs)(s.Fragment,{children:[(0,I.jsxs)(l.Z,{item:!0,container:!0,xs:9,spacing:1,alignItems:"center",children:[(0,I.jsx)(l.Z,{item:!0,xs:!0,children:(0,I.jsx)(w.ZP,{disableClearable:!0,autoHighlight:!0,options:[...P],getOptionLabel:e=>e.name||"",onChange:(e,t,s)=>this.handleAttribute(e,t,s,i),value:t.attributeName,renderInput:t=>(0,I.jsx)(c.Z,{...t,variant:"outlined",classes:{root:e.textFieldRoot},InputProps:{...t.InputProps},placeholder:"Select Filter",name:"name"}),classes:{inputRoot:e.inputRoot}})}),(0,I.jsx)(l.Z,{item:!0,xs:2,children:(0,I.jsx)(w.ZP,{disableClearable:!0,autoHighlight:!0,disabled:!t.attributeName,options:[...F[t.attributeType]],onChange:(e,t,s)=>this.handleAutoCompleteInput("operator",t,s,i),value:t.operator,renderInput:t=>(0,I.jsx)(c.Z,{...t,variant:"outlined",classes:{root:e.textFieldRoot},InputProps:{...t.InputProps},placeholder:"Operator",name:"operator"}),classes:{inputRoot:e.inputRoot}})}),(0,I.jsx)(l.Z,{item:!0,xs:!0,children:(0,I.jsx)(w.ZP,{disableClearable:!0,freeSolo:t.freeSolo,autoHighlight:!t.freeSolo,options:t.options.map((e=>e)),getOptionLabel:e=>e.tagName||e||"",id:i+t.attributeKey,value:t.value,onChange:(e,t,s)=>this.handleAutoCompleteInput("value",t,s,i),onInputChange:(e,t,s)=>this.handleAutoCompleteInput("value",t,s,i),disabled:!t.attributeName,renderInput:t=>(0,I.jsx)(c.Z,{...t,variant:"outlined",classes:{root:e.textFieldRoot},InputProps:{...t.InputProps},placeholder:"Attribute Value",name:"value"}),classes:{inputRoot:e.inputRoot}})})]}),(0,I.jsx)(l.Z,{item:!0,container:!0,xs:3,alignItems:"center",spacing:1,children:a.length-1!=i?(0,I.jsxs)(s.Fragment,{children:[(0,I.jsx)(l.Z,{item:!0,xs:!0,children:(0,I.jsx)(w.ZP,{id:"free-solo-2-demo",disableClearable:!0,value:t.condition,options:["and","or"].map((e=>e)),onChange:(e,t,s)=>this.handleAutoCompleteInput("condition",t,s,i),renderInput:t=>(0,I.jsx)(c.Z,{...t,variant:"outlined",classes:{root:e.textFieldRoot},InputProps:{...t.InputProps},placeholder:"Condition",name:"condition"}),classes:{inputRoot:e.inputRoot}})}),(0,I.jsx)(l.Z,{item:!0,children:(0,I.jsx)(p.Z,{onClick:()=>this.removeRow(i),children:(0,I.jsx)(S.Z,{})})})]}):(0,I.jsx)(l.Z,{item:!0,xs:!0,children:(0,I.jsx)(p.Z,{onClick:this.addRow,children:(0,I.jsx)(k.Z,{})})})})]},i)}}componentDidMount(){const{allFilters:e}=this.props;if(null!==e){const{filters:t,dateFilters:i,optedIn:s,blocked:a}=e,n=t||[{...T}],o=i||{...N};this.setState({filters:[...n],dateFilters:{...o},optedIn:s||"yes",blocked:a||"no"})}}render(){const{classes:e,isLoading:t}=this.props,{filters:i}=this.state;return(0,I.jsxs)(l.Z,{container:!0,className:e.root,children:[(0,I.jsx)(l.Z,{item:!0,xs:12,children:(0,I.jsxs)(r.Z,{mt:2,mb:2,className:e.filterTypeContainer,children:[(0,I.jsx)(n.Z,{variant:"body1",style:{minHeight:30},children:"Filter By"}),(0,I.jsx)(l.Z,{item:!0,container:!0,spacing:1,alignItems:"center",xs:12,children:i.map(((t,i)=>this.filterRowUI(e,t,i)))})]})}),(0,I.jsx)(l.Z,{item:!0,xs:12,container:!0,children:!0===t?(0,I.jsx)(r.Z,{m:"0.7em 2em",children:(0,I.jsx)(Z.Z,{})}):(0,I.jsxs)(s.Fragment,{children:[(0,I.jsx)(l.Z,{item:!0,children:(0,I.jsx)(r.Z,{mt:2,mb:2,mr:2,className:e.filterTypeContainer,children:(0,I.jsx)(h.Z,{variant:"contained",color:"primary",onClick:this.apply,children:"Apply"})})}),(0,I.jsx)(l.Z,{item:!0,children:(0,I.jsx)(r.Z,{mt:2,mb:2,className:e.filterTypeContainer,children:(0,I.jsx)(h.Z,{onClick:this.clearAll,children:"Clear All"})})})]})})]})}}const R=(0,a.connect)((e=>({tags:e.tags.tags,campaigns:e.campaignsList.campaignsList,attributes:e.tags.attributes,assistantDetails:e.assistantDetails.data})))(D),z=(0,m.Z)((e=>({root:{marginBottom:"30px"},textFieldRoot:{backgroundColor:"rgb(240,240,240)",outline:"none",border:"none",borderRadius:"8px",width:"100%",padding:"0",boxShadow:"none",boxSizing:"border-box",fontFamily:"Roboto, sans-serif",fontSize:"15px",fontWeight:500},inputPadding:{padding:"12px 10px"},inputRoot:{}})))(R);var V=i(39399),L=i(70089),O=i(1805),M=i(70816),_=i.n(M),B=i(91529);const E=[{field:"Product",size:4,key:"productName",placing:"start"},{field:"Status",size:1,key:"visibility",placing:"center"},{field:"Price",size:2,key:"price",placing:"center"},{field:"Created At",size:3,key:"createdAt",placing:"start"},{field:"Action",size:2,key:"actions",placing:"center"}];class W extends s.Component{constructor(e){super(e),this.setAlert=(e,t)=>{this.setState({alert:e,alertMessage:t})},this.onClose=()=>{this.setState({dialogOpen:!1})},this.handleFilterClose=()=>{this.setState({filterDialogOpen:!1})},this.handleProductViewClose=()=>{this.setState({viewProduct:!1})},this.capitalizeFirstLetter=e=>e.charAt(0).toUpperCase()+e.slice(1),this.keyValueTypo=(e,t,i,s)=>(0,I.jsx)(I.Fragment,{children:t&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(n.Z,{varaint:"h6",style:{fontWeight:"bold",marginBottom:"5px"},children:e}),["Availability","Condition"].includes(e)?(0,I.jsx)(o.Z,{size:"small",label:this.capitalizeFirstLetter(t),className:i.qualityStatus,style:{background:["in stock","new"].includes(t)?"rgb(40 193 82 / 89%)":"#ff453b"}}):(0,I.jsx)(n.Z,{variant:"h5",gutterBottom:!0,style:s?{color:"#1461CC",cursor:"pointer"}:[],onClick:()=>{s&&window.open("".concat(t),"_blank","noreferrer")},children:t})]})}),this.onChange=e=>{this.setState({[e.target.name]:e.target.value,page:0})},this.handleChangePage=(e,t)=>

1{this.setState({page:t})},this.getFbCatalogueProducts=()=>{const{assistantDetails:e,fetchCatalgoueProducts:t}=this.props,{assistantId:i}=e||{};i&&t(i)},this.state={page:0,query:"",dialogOpen:!1,filterDialogOpen:!1,searchResults:[],fbCatalogueProducts:[],isLoading:!1,viewProduct:!1,selectedViewProduct:{}}}componentDidMount(){const{isCollapse:e,switchCollapse:t}=this.props;e&&t(!1)}getFormattedDate(e){const t=new Date(e);return e?_()(t).format("hh:mm A, DD MMM YYYY"):""}extractStoreName(e){return e.split("/")[2]}sync(){this.setState({isLoading:!0});const{assistantDetails:e,fetchCatalgoueProducts:t}=this.props,{assistantId:i}=e||{};i?L.Z.post("".concat(O.URL,"/meta-catalogue/sync-meta-products"),{assistantId:i}).then((async e=>{await t(i),this.setState({isLoading:!1})})).catch((e=>{console.log(e),this.setState({isLoading:!1})})):console.log("assistant id not found")}render(){var e,t,i,s,a,m,Z,w,S,k;const{classes:P,match:F,catalogueProducts:T,assistantDetails:N}=this.props,{selectedMetaUserId:A,selectedMetaBusinessAccessToken:D,partnerId:R}=N,{page:V,query:L,dialogOpen:O,filterDialogOpen:M,isLoading:_}=this.state,{projectId:W}=F.params,U=Object.values(T||{}).filter((e=>{var t;return null===(t=e.productName)||void 0===t?void 0:t.toLowerCase().startsWith(L.toLowerCase())})),q=U.sort(((e,t)=>e.createdAt<t.createdAt?1:-1)).slice(10*V,10*(V+1));return(0,I.jsxs)("div",{className:"".concat(P.root," ginger-page-root"),onScroll:this.listScrolled,children:[(0,I.jsxs)(l.Z,{container:!0,justify:"center",alignItems:"center",className:"".concat(P.pageTitleContainer," ").concat(P.fullWidth," ginger-page-header"),children:[(0,I.jsx)(l.Z,{item:!0,xs:!0,children:(0,I.jsx)(r.Z,{pl:{xs:2,md:3},children:(0,I.jsx)(n.Z,{variant:"h3",children:"Products"})})}),(0,I.jsx)(r.Z,{pr:{xs:2,md:3},display:"flex",alignItems:"center",children:(0,I.jsx)(B.default,{})})]}),(0,I.jsx)(r.Z,{my:3}),(0,I.jsx)(l.Z,{container:!0,justify:"center",alignItems:"center",style:{background:"#f9f9f9"},children:(0,I.jsxs)(l.Z,{item:!0,xs:12,md:11,lg:10,children:[(0,I.jsx)(b.Z,{title:"Quick Guide",description:"You can connect with facebook to fetch catalogue and manage it from our platform.",section:"catalogue",guideLinks:C.Z,prospectId:null===N||void 0===N?void 0:N.prospectId,showTutorial:!R}),(0,I.jsxs)(l.Z,{item:!0,container:!0,className:P.searchboxContainer,alignItems:"flex-end",children:[(0,I.jsx)(l.Z,{item:!0,xs:!0,children:(0,I.jsx)(r.Z,{px:{xs:1,md:0},display:"flex",flexGrow:"1",alignItems:"center",children:(0,I.jsx)(c.Z,{placeholder:"Search by product name",color:"primary",value:L,name:"query",onFocus:()=>{this.setState({inputFocused:!0})},onBlur:()=>{this.setState({inputFocused:!1})},className:P.textFieldRoot,onChange:this.onChange,onKeyDown:this.handleSearch})})}),(0,I.jsx)(l.Z,{item:!0,children:(0,I.jsx)(d.ZP,{placement:"top",title:"Create catalgoue",children:(0,I.jsx)(r.Z,{children:(0,I.jsx)(h.Z,{variant:"contained",color:"primary",startIcon:(0,I.jsx)(x.Z,{className:_?P.rotationIcon:""}),onClick:()=>this.sync(),disabled:_,children:"Sync"})})})})]})]})}),(0,I.jsx)(l.Z,{container:!0,justify:"center",className:P.tableContainer,children:(0,I.jsxs)(l.Z,{item:!0,xs:12,md:11,lg:10,style:{width:"100%"},children:[(0,I.jsx)(r.Z,{style:{background:"white",padding:"16px"},borderRadius:"8px",overflow:"auto hidden",mb:{xs:20,md:12},children:(0,I.jsx)(r.Z,{minWidth:"850px",children:(0,I.jsxs)(l.Z,{item:!0,xs:12,container:!0,children:[E.map((e=>(0,I.jsx)(l.Z,{item:!0,xs:e.size,style:{display:"flex",alignItems:"center",justifyContent:e.placing},children:(0,I.jsx)(r.Z,{py:1,px:2,children:(0,I.jsx)(n.Z,{variant:"h5",children:e.field})})}))),q.length>0?q.map((e=>(0,I.jsx)(l.Z,{item:!0,container:!0,xs:12,children:E.map((t=>(0,I.jsx)(l.Z,{item:!0,xs:t.size,style:{display:"flex",alignItems:"center",justifyContent:t.placing},children:(0,I.jsx)(r.Z,{py:1,px:2,style:{display:"flex",gap:"25px",alignItems:"center"},children:"actions"===t.key?(0,I.jsxs)(r.Z,{textAlign:t.placing,style:{},children:[(0,I.jsx)(p.Z,{color:"primary",size:"small",style:{marginRight:5},onClick:()=>{this.setState({selectedViewProduct:e,viewProduct:!0})},children:(0,I.jsx)(v.Z,{})}),(0,I.jsx)(p.Z,{color:"primary",size:"small",onClick:()=>{window.open("https://".concat(this.extractStoreName(e.url),"/admin/products/").concat(e.retailerProductGroupId),"_blank","noreferrer")},children:(0,I.jsx)(y.Z,{})})]}):"visibility"===t.key?(0,I.jsx)(o.Z,{size:"small",label:"Active",className:P.qualityStatus,style:{background:"rgb(40 193 82 / 89%)"}}):(0,I.jsxs)(I.Fragment,{children:["productName"===t.key&&(0,I.jsx)("div",{style:{height:"45px",width:"45px",borderRadius:"6px",background:"white",border:"1px solid #e1e3e5",display:"flex",alignItems:"center",overflow:"hidden"},children:(0,I.jsx)("img",{style:{margin:"auto",height:"45px",width:"45px",objectFit:"cover"},src:e.imageUrl})}),(0,I.jsx)(n.Z,{variant:"h5",children:"createdAt"===t.key?this.getFormattedDate(e[t.key]):e[t.key]})]})})})))}))):A&&D?(0,I.jsx)(r.Z,{width:"100%",height:200,display:"flex",alignItems:"center",justifyContent:"center",children:(0,I.jsx)(n.Z,{variant:"h5",color:"textSecondary",children:"No catalgoue product found!"})}):(0,I.jsxs)(l.Z,{container:!0,justify:"center",alignItems:"center",style:{height:"200px"},children:[(0,I.jsx)("div",{className:P.overlay}),(0,I.jsx)(r.Z,{mt:"12px",display:"flex",className:P.higherzIndex,children:(0,I.jsx)("div",{onClick:()=>this.props.history.push("/projects/"+W+"/flows/connect-catalgue"),style:{cursor:"pointer"},children:(0,I.jsxs)(n.Z,{variant:"h4",color:"primary",align:"center",className:P.message,children:["Connect and Setup Meta Catologue Account to continue!",(0,I.jsx)(p.Z,{children:(0,I.jsx)(f.Z,{})})]})})})]})]})})}),(0,I.jsx)("div",{className:"".concat(P.fixedBottomContainer," ginger-page-footer"),children:(0,I.jsx)(u.Z,{component:"div",count:U.length,page:V,onChangePage:this.handleChangePage,rowsPerPage:10,rowsPerPageOptions:[10]})})]})}),(0,I.jsx)(g.Z,{open:M,onClose:this.handleFilterClose,maxWidth:"md",fullWidth:!0,children:(0,I.jsxs)(r.Z,{p:"2em 5%",children:[(0,I.jsx)(l.Z,{container:!0,justify:"flex-end",children:(0,I.jsx)(h.Z,{variant:"outlined",onClick:this.handleFilterClose,children:"Close"})}),(0,I.jsx)(z,{getFilterState:this.getFilterState,apply:this.apply,allFilters:null,clearFilters:this.clearFilters},"contactsFilter")]})}),(0,I.jsx)(g.Z,{open:this.state.viewProduct,onClose:this.handleProductViewClose,style:{width:"100%"},children:(0,I.jsxs)(r.Z,{p:"2em 5%",children:[(0,I.jsx)(l.Z,{container:!0,justify:"flex-end",children:(0,I.jsx)(h.Z,{variant:"outlined",onClick:this.handleProductViewClose,children:"Close"})}),(0,I.jsxs)("div",{className:P.dialogTopDiv,children:[(0,I.jsx)(r.Z,{className:P.dialogImage,children:(0,I.jsx)("img",{style:{width:"100%",height:"100%"},src:null===(e=this.state.selectedViewProduct)||void 0===e?void 0:e.imageUrl})}),(0,I.jsxs)(r.Z,{className:P.dialogImageSideDiv,children:[(0,I.jsx)("div",{children:this.keyValueTypo("Title",null===(t=this.state.selectedViewProduct)||void 0===t?void 0:t.productName,P)}),(0,I.jsx)("div",{children:this.keyValueTypo("Description",null===(i=this.state.selectedViewProduct)||void 0===i?void 0:i.description,P)}),(0,I.jsx)("div",{children:this.keyValueTypo("Price",null===(s=this.state.selectedViewProduct)||void 0===s?void 0:s.price,P)}),(0,I.jsx)("div",{children:this.keyValueTypo("Sale Price",null===(a=this.state.selectedViewProduct)||void 0===a?void 0:a.salePrice,P)})]})]}),(0,I.jsxs)("div",{style:{marginTop:"16px",display:"flex"},children:[(0,I.jsx)("div",{style:{width:"50%"},children:this.keyValueTypo("Item retailer group ID",null===(m=this.state.selectedViewProduct)||void 0===m?void 0:m.retailerProductGroupId,P)}),(0,I.jsx)("div",{style:{width:"50%"},children:this.keyValueTypo("Item retailer ID",null===(Z=this.state.selectedViewProduct)||void 0===Z?void 0:Z.retailerId,P)}

1)]}),(0,I.jsxs)("div",{style:{display:"flex",marginTop:"16px"},children:[(0,I.jsx)("div",{style:{width:"50%"},children:this.keyValueTypo("Availability",null===(w=this.state.selectedViewProduct)||void 0===w?void 0:w.availability,P)}),(0,I.jsx)("div",{style:{width:"50%"},children:this.keyValueTypo("Condition",null===(S=this.state.selectedViewProduct)||void 0===S?void 0:S.condition,P)})]}),(0,I.jsx)("div",{style:{marginTop:"16px"},children:this.keyValueTypo("Website Url",null===(k=this.state.selectedViewProduct)||void 0===k?void 0:k.url,P,!0)})]})}),(0,I.jsx)(j.Z,{dialogOpen:O,onClose:this.onClose,loadData:this.loadData,assistantId:W,setAlert:this.setAlert})]})}}const U=(0,a.connect)((e=>({catalogueProducts:e.cartPlus.catalogueProducts,catalogues:e.cartPlus.catalogues,assistantDetails:e.assistantDetails.data,isCollapse:e.cartPlus.isCollapse})),{fetchCatalgoueProducts:V.VQ,switchCollapse:V.Px})(W),q=(0,m.Z)((e=>({root:{width:"100%",height:"100%",background:"rgb(249,249,249)",boxSizing:"border-box",overflowX:"hidden",position:"relative"},guideContainer:{background:"white",borderRadius:"8px"},pageTitleContainer:{height:60,boxSizing:"border-box"},fullWidth:{width:"100%",background:"white"},toolbar:{transition:"all 0.2s",position:"sticky",top:0,left:0,height:"60px",zIndex:"100",[e.breakpoints.down("sm")]:{height:"60px"}},searchboxContainer:{marginTop:20},fixedBottomContainer:{position:"fixed",height:"60px",borderTop:"1px solid lightgrey",background:"white",bottom:"0",left:"calc(71px + 260px)",right:"0",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center",[e.breakpoints.down("sm")]:{left:"0px",height:"50px"}},rotationIcon:{animation:"$rotation 2s infinite linear"},"@keyframes rotation":{from:{transform:"rotate(0deg)"},to:{transform:"rotate(359deg)"}},tableContainer:{width:"100%",overflow:"hidden",boxSizing:"border-box",marginTop:"24px",[e.breakpoints.down("sm")]:{paddingLeft:e.spacing(1),paddingRight:e.spacing(1),boxSizing:"border-box"}},textFieldRoot:{backgroundColor:"white",outline:"none",border:"none",borderRadius:"8px",width:"380px",marginRight:12,height:"40px",padding:"6px 12px",boxShadow:"none",boxSizing:"border-box",fontFamily:"Roboto, sans-serif",fontSize:"15px",fontWeight:500},tableBox:{display:"flex"},rowPadding:{paddingTop:1.5*e.spacing(1),paddingBottom:1.5*e.spacing(1)},qualityStatus:{"& .MuiChip-label":{color:"white"}},dialogImage:{width:"290px",height:"290px",border:"1px solid rgb(225, 227, 229)",borderRadius:"6px",overflow:"hidden"},dialogTopDiv:{display:"flex",gap:"16px"},dialogImageSideDiv:{display:"flex",flexDirection:"column",gap:"16px",width:"55%"}})))(U)},91136:(e,t,i)=>{i.d(t,{Z:()=>C});var s=i(47313),a=i(70089),n=i(61809),o=i(95939),l=i(57009),r=i(78371),c=i(21144),d=i(72728),h=i(35154),p=i(20337),u=i(52376),g=i(44193),m=i(1805),x=i(39399),v=i(45788),y=i(46417);const f=/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,10})+$/;class j extends s.Component{constructor(){super(...arguments),this.state={catalogueName:"",vertical:"Commerce"},this.onChange=e=>{this.setState({[e.target.name]:e.target.value}),""===e.target.value?this.setState({[e.target.name+"Error"]:!0}):"name"===e.target.name?f.test(e.target.value)?this.setState({[e.target.name+"Error"]:!0}):this.setState({[e.target.name+"Error"]:!1}):"email"===e.target.name?f.test(e.target.value)?this.setState({[e.target.name+"Error"]:!1}):this.setState({[e.target.name+"Error"]:!0}):this.setState({[e.target.name+"Error"]:!1})},this.onCancel=()=>{this.setState({catalogueName:""},this.props.onClose())},this.handleAutoComplete=(e,t,i)=>{"select-option"==i&&this.setState({vertical:t})},this.onSubmit=()=>{const{catalogueName:e}=this.state,{assistantId:t,addCreatedCatalogue:i}=this.props;a.Z.post(m.URL+"/meta-catalogue/create-catalogue",{catalogueName:e,assistantId:t}).then((async e=>{this.props.setAlert("success","Catalogue Created Succesfully"),i(e.data.catalogue),this.onCancel()})).catch((e=>{if(e.response){e.response.data;this.props.setAlert("error","some error occured")}}))},this.getVertical=()=>g.z.filter((e=>e.name==this.state.vertical))[0].vertical}render(){const{classes:e,dialogOpen:t,onClose:i}=this.props,{vertical:s,catalogueName:a}=this.state;return(0,y.jsxs)(n.Z,{open:t,onClose:i,disableBackdropClick:!0,children:[(0,y.jsx)(o.Z,{style:{padding:"28px 32px 8px"},children:(0,y.jsx)(l.Z,{variant:"h3",children:"Create Catalogue"})}),(0,y.jsx)(r.Z,{children:(0,y.jsx)(c.Z,{container:!0,direction:"column",className:e.content,children:(0,y.jsx)(d.Z,{type:"text",variant:"outlined",placeholder:"Catalogue Name",onChange:this.onChange,className:e.input,margin:"dense",name:"catalogueName"})})}),(0,y.jsxs)(h.Z,{style:{padding:"8px 32px 16px"},children:[(0,y.jsx)(p.Z,{variant:"outlined",onClick:this.onCancel,children:"Cancel"}),(0,y.jsx)(p.Z,{color:"primary",variant:"contained",onClick:this.onSubmit,disabled:!a||!s,children:"Create"})]})]})}}const b=(0,v.connect)((e=>({})),{addCreatedCatalogue:x.IK})(j),C=(0,u.Z)((e=>({input:{margin:"0.5em"},content:{width:"70vw",maxWidth:"500px"}})))(b)},79880:(e,t,i)=>{i.d(t,{Z:()=>a});var s=i(47313);const a=(0,i(14214).Z)(s.createElement("path",{d:"M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z"}),"Autorenew")},47495:(e,t,i)=>{i.d(t,{Z:()=>a});var s=i(47313);const a=(0,i(14214).Z)(s.createElement("path",{d:"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"}),"Edit")},32591:(e,t,i)=>{i.d(t,{Z:()=>a});var s=i(47313);const a=(0,i(14214).Z)(s.createElement("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"RemoveRedEye")}}]);