https://convocore.ai/_next/static/chunks/70690-41c9950af3963c93.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70690],{10006:function(e,l,i){var t=i(45765);i(47238);var s=i(60606),a=i(88583);l.Z=e=>(0,t.jsx)(s.Z5,{onDragEnd:l=>{e.onDrop?e.onDrop(l):function(l){if(!l.destination)return;let i=Array.from(e.items),[t]=i.splice(l.source.index,1);i.splice(l.destination.index,0,t),e.onOrderChange(i)}(l)},children:(0,t.jsx)(s.bK,{droppableId:"droppable-inner",children:l=>{var i,n;return(0,t.jsxs)("div",{...l.droppableProps,ref:l.innerRef,style:{width:"100%",height:"100%"},children:[(null===(i=e.items)||void 0===i?void 0:i.length)?null==e?void 0:null===(n=e.items)||void 0===n?void 0:n.map((l,i)=>(0,t.jsx)(s._l,{draggableId:l.key,index:i,children:s=>(0,t.jsxs)("div",{ref:s.innerRef,...s.draggableProps,className:"flex items-center gap-2 w-full h-auto mb-4",style:{...s.draggableProps.style,zIndex:99-i},children:[(0,t.jsx)("div",{className:"w-2 mr-4",children:(0,t.jsx)("div",{...s.dragHandleProps,children:(0,t.jsx)(a.Z,{className:"w-5 h-5 "})})}),e.itemsRenderer({item:l,index:i})]},l.key)},l.key)):null,l.placeholder,e.restContent]})}},"droppable-inner-key")})},70690:function(e,l,i){i.d(l,{Z:function(){return q}});var t=i(45765),s=i(47238),a=i(96158),n=i(60606),d=i(61227),r=i(83874),o=i(95649),c=i(52994),u=i(41008),x=i(82375),m=i(10006),f=i(34859),h=i(60291);let v=[{key:"askQuestion",label:"Ask a question"},{key:"recentConvo",label:"Continue recent conversation",show:!0},{key:"liveCall",label:"Start a live call",show:!0},{key:"directHandoff",label:"Talk to a human agent",show:!0}];var p=e=>{var l,i,n,d,r,o,c,p,j,g,b,y,w;let{localAgentData:N,setLocalAgentData:S}=(0,a.A)(),[k,q]=s.useState((null===(n=e.item.homeSpecific)||void 0===n?void 0:null===(i=n.buttons)||void 0===i?void 0:null===(l=i.find(e=>"askQuestion"===e.key))||void 0===l?void 0:l.iceBreakers)||["Track my order","New arrivals"]);return s.useEffect(()=>{v.forEach(l=>{var i,t,s;(null===(s=e.item)||void 0===s?void 0:null===(t=s.homeSpecific)||void 0===t?void 0:null===(i=t.buttons)||void 0===i?void 0:i.find(e=>e.key===l.key))||e.setItems(i=>{var t,s,a;let n=[...i],d={...null===(t=n[e.index])||void 0===t?void 0:t.homeSpecific,buttons:[...(null===(a=n[e.index])||void 0===a?void 0:null===(s=a.homeSpecific)||void 0===s?void 0:s.buttons)||[],l]};return n[e.index]={...n[e.index],homeSpecific:d},n})})},[null===(r=e.item)||void 0===r?void 0:null===(d=r.homeSpecific)||void 0===d?void 0:d.buttons]),s.useEffect(()=>{e.setItems(l=>{var i,t;let s=[...l],a=(null===(t=s[e.index])||void 0===t?void 0:null===(i=t.homeSpecific)||void 0===i?void 0:i.buttons)||v,n=null==a?void 0:a.findIndex(e=>"askQuestion"===e.key);return -1===n||(s[e.index].homeSpecific.buttons[n].iceBreakers=k),s})},[k]),(0,t.jsxs)("div",{className:"vg-tabs--home-tab-config vgd-tabs--home-tab-config ml-10 flex flex-col gap-5 w-[95%]",children:[(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,t.jsx)(u.Y,{label:(0,t.jsx)(h.default,{text:"Header Title"}),onValueChange:l=>{e.setItems(i=>{let t=[...i];return t[e.index]={...t[e.index],homeSpecific:{...t[e.index].homeSpecific,headerTitle:l}},t})},value:null===(c=e.item)||void 0===c?void 0:null===(o=c.homeSpecific)||void 0===o?void 0:o.headerTitle}),(0,t.jsx)(u.Y,{label:(0,t.jsx)(h.default,{text:"Header Description"}),onValueChange:l=>{e.setItems(i=>{let t=[...i];return t[e.index]={...t[e.index],homeSpecific:{...t[e.index].homeSpecific,headerDescription:l}},t})},value:null===(j=e.item)||void 0===j?void 0:null===(p=j.homeSpecific)||void 0===p?void 0:p.headerDescription}),(0,t.jsx)(u.Y,{label:(0,t.jsx)(h.default,{text:"Header offset"}),type:"number",value:String((null===(b=e.item)||void 0===b?void 0:null===(g=b.homeSpecific)||void 0===g?void 0:g.headerHeight)||0),onValueChange:l=>{e.setItems(i=>{let t=[...i];return t[e.index]={...t[e.index],homeSpecific:{...t[e.index].homeSpecific,headerHeight:Number(l)}},t})}})]}),(0,t.jsx)("div",{className:"w-full h-full",children:(0,t.jsx)(m.Z,{onDrop:function(l){var i,t,s;if(!l.destination)return;let a=Array.from((null==N?void 0:null===(s=N.tabs)||void 0===s?void 0:null===(t=s.find(e=>(null==e?void 0:e.key)==="home"))||void 0===t?void 0:null===(i=t.homeSpecific)||void 0===i?void 0:i.buttons)||v),[n]=a.splice(l.source.index,1);a.splice(l.destination.index,0,n),e.setItems(l=>{var i;let t=[...l],s={...null===(i=t[e.index])||void 0===i?void 0:i.homeSpecific,buttons:a};return t[e.index]={...t[e.index],homeSpecific:s},t})},items:(null===(w=e.item)||void 0===w?void 0:null===(y=w.homeSpecific)||void 0===y?void 0:y.buttons)||v,itemsRenderer:l=>{var i,s,a;let{item:n,index:d}=l;return(0,t.jsxs)("div",{className:"flex flex-col gap-1 w-full border border-foreground-300 p-4 rounded-large",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 w-full",children:[(0,t.jsx)("div",{children:(0,t.jsx)(x.i,{size:"sm",onValueChange:l=>{e.setItems(i=>{var t,s;let a=[...i],n=[...(null===(s=a[e.index])||void 0===s?void 0:null===(t=s.homeSpecific)||void 0===t?void 0:t.buttons)||[]];return n[d]={...n[d]||{},show:l},a[e.index]={...a[e.index],homeSpecific:{...a[e.index]?a[e.index].homeSpecific:{},buttons:[...n]}},a})},isSelected:(null===(a=e.item.homeSpecific)||void 0===a?void 0:null===(s=a.buttons)||void 0===s?void 0:null===(i=s[d])||void 0===i?void 0:i.show)||!1})}),(0,t.jsx)(u.Y,{variant:"flat",className:"w-full",label:(0,t.jsx)(h.default,{text:"Button Label: (".concat(n.key,")")}),onValueChange:l=>{e.setItems(i=>{var t,s,a;let n=[...i],r=[...(null===(s=n[e.index])||void 0===s?void 0:null===(t=s.homeSpecific)||void 0===t?void 0:t.buttons)||[]];return r[d]={...r[d]||{},label:l},n[e.index]={...n[e.index],homeSpecific:{...(null===(a=n[e.index])||void 0===a?void 0:a.homeSpecific)||{},buttons:[...r]}},n})},value:n.label,children:n.label})]}),"askQuestion"===n.key?(0,t.jsxs)("div",{className:" h-auto flex flex-col gap-2 overflow-x-auto w-full relative",children:[(0,t.jsx)("p",{className:"text-small opacity-80",children:(0,t.jsx)(h.default,{text:"Ice Breakers"})}),(0,t.jsx)(f.Z,{noScroll:!0,label:(0,t.jsx)(h.default,{text:"Suggestion"}),tags:k,setNewTags:q})]}):null,(0,t.jsx)("p",{className:"text-small opacity-80",children:"recentConvo"===n.key?(0,t.jsx)(h.default,{text:"This shows a button to continue the most recent conversation directly."}):"liveCall"===n.key?(0,t.jsx)(h.default,{text:"This shows a button to direclty start a live call with the user (Live Voice on web MUST be enabled to work)."}):"directHandoff"===n.key?(0,t.jsx)(h.default,{text:"This shows a button to directy request a human agent, **you MUST setup your agency and assign this agent to a client for this to work.**"}):"askQuestion"===n.key?(0,t.jsx)(h.default,{text:"This shows a button to start a new conversation and ask a question."}):null})]})},restContent:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,t.jsx)(u.Y,{label:(0,t.jsx)(h.default,{text:"Iframe URL"}),placeholder:"https://example.com",onValueChange:l=>{e.setItems(i=>{let t=[...i];return t[e.index]={...t[e.index],iframeUrl:l},t})},value:e.item.iframeUrl,variant:"faded"}),(0,t.jsx)("p",{className:"text-small opacity-80",children:(0,t.jsx)(h.default,{text:"This is the URL that will be loaded in the iframe when this tab is selected."})})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,t.jsx)(u.Y,{type:"number",label:(0,t.jsx)(h.default,{text:"Iframe Height (px)"}),placeholder:"500",onValueChange:l=>{e.setItems(i=>{let t=[...i];return t[e.index]={...t[e.index],iframeHeight:Number(l)},t})},value:String(e.item.iframeHeight),variant:"faded"}),(0,t.jsx)("p",{className:"text-small opacity-80",children:(0,t.jsx)(h.default,{text:"Specify the height of the iframe."})})]})]})})})]})},j=i(88583),g=i(43630),b=i(69603),y=i(32627),w=i(96406),N=i(72675),S=e=>{var l,i;let[a,n]=s.useState((null===(l=e.item.faqSpecific)||void 0===l?void 0:l.enableCustomFaq)||!1),d=(0,h.l)("Enter the frequently asked question"),o=(0,h.l)("Enter the detailed answer to this question"),c=l=>{e.setItems(i=>{let t=[...i];return t[e.index]={...t[e.index],faqSpecific:{enableCustomFaq:!1,questions:[],...t[e.index].faqSpecific,...l}},t})},f=(l,i,t)=>{var s;c({questions:((null===(s=e.item.faqSpecific)||void 0===s?void 0:s.questions)||[]).map(e=>e.id===l?{...e,[i]:t}:e)})},v=l=>{var i;c({questions:((null===(i=e.item.faqSpecific)||void 0===i?void 0:i.questions)||[]).filter(e=>e.id!==l)})},p=((null===(i=e.item.faqSpecific)||void 0===i?void 0:i.questions)||[]).map(e=>({...e,key:e.key||e.id}));return(0,t.jsxs)("div",{className:"vg-tabs--faq-tab-config vgd-tabs--faq-tab-config ml-10 flex flex-col gap-5 w-[95%]",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between p-4 bg-default-50 rounded-large border border-foreground-200",children:[(0,t.jsxs)("div",{className:"flex flex-col",children:[(0,t.jsx)("p",{className:"font-medium text-foreground",children:(0,t.jsx)(h.default,{text:"Enable Custom FAQ"})}),(0,t.jsx)("p",{className:"text-small opacity-80",children:(0,t.jsx)(h.default,{text:"Switch between iframe and custom FAQ (questions/answers)"})})]}),(0,t.jsx)(x.i,{size:"sm",isSelected:a,onValueChange:e=>{n(e),c({enableCustomFaq:e})}})]}),a?(0,t.jsxs)("div",{className:"w-full h-full",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h4",{className:"font-medium text-foreground",children:(0,t.jsx)(h.default,{text:"FAQ Questions & Answers"})}),(0,t.jsx)("p",{className:"text-small opacity-80",children:(0,t.jsx)(h.default,{text:"Drag to reorder, click to edit questions and answers"})})]}),(0,t.jsx)(r.A,{size:"sm",color:"primary",startContent:(0,t.jsx)(y.Z,{className:"w-4 h-4"}),onPress:()=>{var l;let i={id:(0,N.D1)(),question:"What is your question?",answer:"Enter your detailed answer here...",key:(0,N.D1)()};c({questions:[...(null===(l=e.item.faqSpecific)||void 0===l?void 0:l.questions)||[],i]})},children:(0,t.jsx)(h.default,{text:"Add Question"})})]}),(0,t.jsx)(m.Z,{onDrop:l=>{var i;if(!l.destination)return;let t=Array.from((null===(i=e.item.faqSpecific)||void 0===i?void 0:i.questions)||[]),[s]=t.splice(l.source.index,1);t.splice(l.destination.index,0,s),c({questions:t})},items:p,itemsRenderer:e=>{let{item:l,index:i}=e;return(0,t.jsxs)("div",{className:"flex flex-col gap-3 w-full border border-foreground-300 p-4 rounded-large",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("div",{className:"w-6 h-6 bg-primary-100 text-primary-600 rounded-full flex items-center justify-center text-small font-semibold",children:i+1}),(0,t.jsx)("p",{className:"text-small font-medium",children:(0,t.jsx)(h.default,{text:"FAQ Item ".concat(i+1)})})]}),(0,t.jsx)(r.A,{size:"sm",color:"danger",variant:"light",isIconOnly:!0,onPress:()=>v(l.id),className:"min-w-unit-8 w-unit-8 h-unit-8",children:(0,t.jsx)(w.Z,{className:"w-4 h-4"})})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,t.jsx)(u.Y,{variant:"flat",label:(0,t.jsx)(h.default,{text:"Question"}),placeholder:d,value:l.question,onValueChange:e=>f(l.id,"question",e),className:"w-full"}),(0,t.jsx)(b.Y,{variant:"flat",label:(0,t.jsx)(h.default,{text:"Answer"}),placeholder:o,value:l.answer,onValueChange:e=>f(l.id,"answer",e),minRows:3,className:"w-full"})]}),(0,t.jsx)("div",{className:"mt-2",children:(0,t.jsx)("p",{className:"text-small opacity-80",children:(0,t.jsx)(h.default,{text:"This question will appear as an expandable item in the FAQ tab. Users can click to expand and see the full answer."})})})]})},restContent:(0,t.jsx)(t.Fragment,{children:0===p.length&&(0,t.jsx)("div",{className:"text-center py-12 text-default-500 border border-dashed border-foreground-200 rounded-large",children:(0,t.jsxs)("div",{className:"flex flex-col items-center gap-2",children:[(0,t.jsx)("div",{className:"w-12 h-12 bg-default-100 rounded-full flex items-center justify-center",children:(0,t.jsx)(y.Z,{className:"w-6 h-6 text-default-400"})}),(0,t.jsx)("p",{className:"font-medium",children:(0,t.jsx)(h.default,{text:"No FAQ questions yet"})}),(0,t.jsx)("p",{className:"text-small",children:(0,t.jsx)(h.default,{text:'Click "Add Question" above to create your first FAQ item'})})]})})})})]}):(0,t.jsx)("div",{className:"flex flex-col gap-4",children:(0,t.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,t.jsx)(u.Y,{label:(0,t.jsx)(h.default,{text:"Iframe URL"}),placeholder:"https://example.com",onValueChange:l=>{e.setItems(i=>{let t=[...i];return t[e.index]={...t[e.index],iframeUrl:l},t})},value:e.item.iframeUrl,variant:"faded"}),(0,t.jsx)("p",{className:"text-small opacity-80",children:(0,t.jsx)(h.default,{text:"This is the URL that will be loaded in the iframe when this tab is selected."})})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,t.jsx)(u.Y,{type:"number",label:(0,t.jsx)(h.default,{text:"Iframe Height (px)"}),placeholder:"500",onValueChange:l=>{e.setItems(i=>{let t=[...i];return t[e.index]={...t[e.index],iframeHeight:Number(l)},t})},value:String(e.item.iframeHeight),variant:"faded"}),(0,t.jsx)("p",{className:"text-small opacity-80",children:(0,t.jsx)(h.default,{text:"Specify the height of the iframe in pixels."})})]})]})})]})},k=e=>{var l,i;let a=e.provided,n=e.localAgentData,d=e.item,m=e.setItems,f=e.index,[v,b]=(0,s.use

1State)(!1);return(0,t.jsxs)("div",{ref:a.innerRef,...a.draggableProps,className:"vg-tabs--drag-thing vgd-tabs--drag-thing flex flex-col items-center gap-2 mb-2 relative w-full",style:{...a.draggableProps.style,zIndex:99-f},children:[(0,t.jsxs)("div",{className:"flex  items-center gap-2 mb-2 relative w-full",children:[(0,t.jsx)("div",{...a.dragHandleProps,children:(0,t.jsx)(j.Z,{className:"w-5 h-5 "})}),(0,t.jsx)("div",{className:"w-12 h-12 relative z-50 mr-2",children:(0,t.jsx)(o.Z,{workspaceId:n.ownerID||"",maxSizeMB:.5,callback:e=>{m(l=>{let i=[...l];return i[f].iconUrl=e.url,i})},children:(0,t.jsx)(c.h,{className:"relative z-1",src:d.iconUrl})})}),(0,t.jsx)(u.Y,{label:(0,t.jsx)(h.default,{text:"Tab Key: (".concat(d.key,")")}),onValueChange:e=>{m(l=>{let i=[...l];return i[f].label=e,i})},value:d.label}),(0,t.jsx)(r.A,{variant:"light",isIconOnly:!0,isDisabled:"home"!==d.key&&"faq"!==d.key,onPress:()=>{b(e=>!e)},children:(0,t.jsx)(g.Z,{className:"w-5 h-5 flex-shrink-0"})}),(0,t.jsx)(x.i,{onValueChange:e=>{m(l=>{let i=[...l];return i[f].hide=!e,i})},isSelected:!d.hide,children:(0,t.jsx)(h.default,{text:"Show"})})]}),v?(0,t.jsxs)(t.Fragment,{children:[(null===(l=e.item)||void 0===l?void 0:l.key)==="home"?(0,t.jsx)(p,{index:f,item:d,setItems:m}):null,(null==e?void 0:null===(i=e.item)||void 0===i?void 0:i.key)==="faq"?(0,t.jsx)(S,{index:f,item:d,setItems:m}):null]}):null]},d.key)},q=e=>{var l,i,o,c;let{setLocalAgentData:u,localAgentData:x}=(0,a.A)(),m=e.externalData||x,f=null!=x&&null!==(c=x.tabs)&&void 0!==c&&null!==(o=c.find(e=>"home"===e.key))&&void 0!==o&&null!==(i=o.homeSpecific)&&void 0!==i&&null!==(l=i.buttons)&&void 0!==l&&!!l.length,[h,v]=(0,s.useState)(f?null==m?void 0:m.tabs:d.Pw$);return s.useEffect(()=>{e.externalSetData?e.externalSetData(e=>({...e,tabs:h})):u(e=>({...e,tabs:h}))},[h]),(0,t.jsxs)(n.Z5,{onDragEnd:e=>{if(!e.destination)return;let l=Array.from(h),[i]=l.splice(e.source.index,1);l.splice(e.destination.index,0,i),v(l)},children:[(0,t.jsx)(n.bK,{droppableId:"droppable",children:e=>(0,t.jsxs)("div",{...e.droppableProps,ref:e.innerRef,style:{width:"100%"},children:[null==h?void 0:h.map((e,l)=>(0,t.jsx)(n._l,{draggableId:e.key,index:l,children:i=>(0,t.jsx)(k,{provided:i,localAgentData:m,item:e,setItems:v,index:l})},e.key)),e.placeholder]})}),(0,t.jsx)("div",{className:"vg-tabs--fancy-dragging-thing vgd-tabs--fancy-dragging-thing w-full ",children:(0,t.jsx)(r.A,{size:"sm",className:"w-full",isDisabled:!0,children:"+ Custom Tab (SOON)"})})]})}}}]);