1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[56924],{19775:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/cx-chatbot-v2",function(){return r(88820)}])},38091:(e,t,r)=>{"use strict";r.d(t,{E7:()=>d,Sv:()=>c,bR:()=>n,le:()=>l,mT:()=>a,pU:()=>i});var s=r(62474),o=r(44447);let n=async(e,t="c5773375-c214-43b5-b4c3-dd446506eb")=>{let r=(0,s.g)(!1,!0);return await r.request({method:"GET",url:"/api/freshchat-bot/orderAndUser",params:e,headers:{authorization:t?`Bearer ${t}`:(0,o.dG)(!0)}}).then(e=>e.data)},a=async(e,t,r)=>{let n=(0,s.g)(!1,!0);return await n.request({method:"POST",url:"/api/createFreskDeskTicketForUser",params:e,data:t,headers:{authorization:r?`Bearer ${r}`:(0,o.dG)(!0)}}).then(e=>e.data)},i=async(e,t)=>{let r=(0,s.g)(!1,!0);return await r.request({method:"GET",url:"/api/getStatusForFreskdeskTicket",params:e,headers:{authorization:t?`Bearer ${t}`:(0,o.dG)(!0)}}).then(e=>e?.data?.data)},d=async e=>{let t=(0,s.g)(!1,!0);return await t.request({method:"GET",url:"/api/getListOfFreskdeskTickets",headers:{authorization:e?`Bearer ${e}`:(0,o.dG)(!0)}}).then(e=>e?.data?.data)},l=async(e,t,r)=>{let n=(0,s.g)(!1,!0);return await n.request({method:"POST",url:"/api/updateFreshdeskTicket",headers:{authorization:r?`Bearer ${r}`:(0,o.dG)(!0)},data:e,params:t}).then(e=>e?.data?.data)},c=async e=>{let t=(0,s.g)(!1,!0);return await t.request({method:"GET",url:"/api/getUserRefund",headers:{authorization:e?`Bearer ${e}`:(0,o.dG)(!0)},params:{from_chatbot:!0}}).then(e=>e?.data?.data)}},55688:(e,t,r)=>{"use strict";r.d(t,{A:()=>a});var s=r(29454),o=r(14232),n=r(74139);let a=function(){let e=async e=>await (0,n.T)(e);(0,o.useEffect)(()=>{let t=document.createElement("script");t.type="text/javascript",t.src="https://wchat.freshchat.com/js/widget.js",t.onload=()=>{if(!window?.fcWidget.isInitialized()){let t;t=!s.default.get("shopper"),e({user_type:JSON.parse(s.default.get("shopData")).userType,newUser:t}).then(e=>{let t=e.user;s.default.set("react_user_properties",JSON.stringify(t),"/"),t.offerStrip&&s.default.set("offer_strip_data",JSON.stringify(t.offerStrip),"/"),window?.fcWidget.init({token:"9668c6ca-204c-4f88-9dbe-ea9e95eae607",host:"https://wchat.in.freshchat.com",externalId:t?.email?t?.email:"[email protected]",restoreId:t?.freshchat_id?t?.freshchat_id:null,email:t.email||"[email protected]",phone:t.mobile||"No Contact Found",firstName:t?.firstname?t?.firstname:"anonymous",lastName:t?.lastname?t?.lastname:"anonymous",config:{cssNames:{widget:"custom_fc_frame",open:"custom_fc_open",expanded:"custom_fc_expanded"},headerProperty:{hideChatButton:!0}}}),window?.fcWidget.user.setProperties({Username:t.username||"No username found","User ID":t.user_id||"No user id found",Platform:"Web"})})}},window?.fcWidget||document.getElementsByTagName("head")[0].appendChild(t)},[])}},88820:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>y});var s=r(37876),o=r(77328),n=r.n(o),a=r(14232),i=r(38091),d=r(79835),l=r(44447),c=r(74045),u=r(29454),m=r(45105),g=r.n(m),f=r(96365),p=r(89099),h=r(55688);let b="cx-chatbot-v2",y=()=>{(0,h.A)();let[e,t]=(0,a.useState)(null),r=(0,a.useRef)(null),o=(0,p.useRouter)(),[m,y]=(0,a.useState)(null),w=[],[k,_]=(0,a.useState)(""),v=()=>{let e=localStorage.getItem("orderStatusData");if(e)return{orderStatusData:e=JSON.parse(e),order_id:localStorage.getItem("order_id")||"",flow:localStorage.getItem("flow")||"1"}},C=(e=null,t=null,r=null)=>{e&&localStorage.setItem("orderStatusData",JSON.stringify(e)),t&&localStorage.setItem("order_id",t),r&&localStorage.setItem("flow",r)},T=e=>{let t="",r=null,s=!1,o=!1;return e?.some(e=>{switch(e.event.split("&")[0]){case"OrderStatus":case"UpdateOrder":t=`I need help with ${e.text} `,s=!0;break;case"DifferentOrder":t+="for a different order ";break;case"Cancel":t="I need help with Cancelation ";break;case"Refund":t="I need help with Refund ";break;case"Return":t="I need help with Return ";break;case"Replace":t="I need help with Replacement ";break;case"MissingProduct":t="I need help with Missing Product ";break;case"ProductIssue":t="I need help with Product Issue ";break;case"ChatTicketFeedback":t+=`and ${e.title}`,o=!0;break;case"Order_0":case"Order_1":case"Order_2":case"Order_3":case"Order_4":case"Order_5":let n=e.title.split("#")[1];r=n,t+=`for Order Id #${n} `;break;case"user_input":if(s){let s=e.text.match(/#?(\d{5,})/);if(s){let e=s[1];r=e,t+=`with Order Id #${e} `}else t+=`and ${e.text} `,o=!0}}if(o)return!0}),{message:t,order_id:r}};async function x(e,t){(0,l.UP)()?(0,d.isAndroidOpenDeeplink)(102,JSON.stringify({tags:"Help & Support",messageTag:t})):(0,c.iP)()?(0,c.eq)(102,JSON.stringify({tags:"Help & Support",messageTag:t})):(u.default.set("fc_message_tag",t,{path:"/"}),o.push("/need-help/chat"))}(0,a.useEffect)(()=>{e&&(e?.guid||(e.guid=u.default.get("token")),e?.id||(e.id=e.user_id)),e&&(r.current=e)},[e]);let S=()=>{let e=null,t=document.querySelector("df-messenger-chat");if(t&&t.shadowRoot){let r=t.shadowRoot.querySelector("df-messenger-user-input");r&&r.shadowRoot&&((e=r.shadowRoot.querySelector("textarea.input-box"))||(e=r.shadowRoot.querySelector("textarea"))),e||(e=t.shadowRoot.querySelector("textarea.input-box"))}return e};function O(e,t="Ask something..."){e&&(e.disabled=!1,e.placeholder=t,e.setAttribute("aria-label","Talk to Agent"))}function I(){let e=new Date,t=e.getHours();return t>=9&&t<19&&0!=e.getDay()}let R=async(e,t,s)=>{e.renderCustomText("<b>Thank you for reaching out to Mylo Support.</b><br />Our support team is currently unavailable. Please contact us during our business hours: Monday to Saturday, 9 AM â 7 PM.",!0);let o="",n=await (0,i.mT)({inApp:!0},{order_id:t,type:"Other",text:s},r?.current?.guid);n?.duplicateTicket&&n?.ticket_id?"2"==n.ticket_status||"3"==n.ticket_status?(o=`Ticket ID: #${n.ticket_id} is currently open. Our team is actively working on it, and weâll update you as soon as we have an update. Thanks for your patience!`,e.renderCustomCard([{type:"html",html:o}])):("4"==n.ticket_status||"5"==n.ticket_status)&&(o=`Ticket ID: #${n.ticket_id} was marked as resolved and has been closed. If you're still facing the same issue or need further help, weâre happy to reopen it`,e.renderCustomCard([{type:"html",html:o}]),e.renderCustomCard([{title:"Reopen Ticket",event:{event:"ReopenTicket"},type:"list"}]),localStorage.setItem("ticketData",JSON.stringify(n))):n?.ticket_id&&e.renderCustomCard([{type:"html",html:`In the meantime, Iâve created a ticket for your concern â <b>
1Ticket ID: #${n?.ticket_id}</b>. <br />Our customer support team will review your request and get back to you within next 24-48 hours <b>`}]),setTimeout(async()=>{e.sendRequest("event","ClosingMessage")},2e3)};async function E(e,t){if(I())setTimeout(()=>{e.renderCustomText("How would you like to proceed?",!0),e.renderCustomCard([{icon:{type:"chat",color:"#ef4e5e"},text:"Click to start Live chat",event:{event:"Other2"},type:"button"},{icon:{type:"book_online",color:"#ef4e5e"},text:"Create Ticket",event:{event:t?`createticket&${t}`:"createticket"},type:"button"}])},1e3);else{let{message:t,order_id:r}=T(w);await R(e,r,t)}}(0,a.useEffect)(()=>{if((0,d.checkAndroidStopLoader)(),(0,d.androidDisablePullRefresh)(),(0,l.UP)()){(0,d.useAndroidSetTransparentTopBar)(!0,!0),(0,d.hideAndroidTopBar)();let e=JSON.parse((0,d.useAndroidFetchUserDetails)());u.default.set("token",e.guid),t(e),_("android"),(0,f.r)({category:"viewed_chatbot",screen_name:b,parent:P(),support_variable2:"android"}),window.onImagesSelected=function(e){D(e)}}else if((0,c.iP)()&&(0,c.XF)())window.setUserData=function(e){let r=JSON.parse(window.atob(e));u.default.set("token",r.guid),t(r),_("ios"),(0,f.r)({category:"viewed_chatbot",screen_name:b,parent:P(),support_variable2:"ios"})};else{let e=u.default.get("react_user_properties");e&&(t(JSON.parse(e)),_("web"),(0,f.r)({category:"viewed_chatbot",screen_name:b,parent:P(),support_variable2:"web"}))}let e=()=>{try{let e=t=>{t&&([".error",".warning",".notification",'[role="alert"]','[class*="error"]','[class*="warning"]','[class*="notification"]',"div.error",".message-list-wrapper .error",".message-list-wrapper div.error"].forEach(e=>{t.querySelectorAll(e).forEach(e=>{if(e.textContent&&e.textContent.includes("Something went wrong")||e.classList.contains("error")||"alert"===e.getAttribute("role")){e.style.cssText=` 2 display: none !important; 3 visibility: hidden !important; 4 opacity: 0 !important; 5 height: 0 !important; 6 width: 0 !important; 7 padding: 0 !important; 8 margin: 0 !important; 9 border: none !important; 10 overflow: hidden !important; 11 position: absolute !important; 12 left: -99999px !important; 13 top: -99999px !important; 14 z-index: -1 !important; 15 pointer-events: none !important; 16 `;try{e.remove()}catch(t){try{e.innerHTML="",e.textContent=""}catch(e){console.error("Could not modify error element")}}}})}),t.querySelectorAll("*").forEach(t=>{t.shadowRoot&&e(t.shadowRoot)}))};e(document);let t=document.querySelector("df-messenger");t&&(t.shadowRoot&&e(t.shadowRoot),e(t))}catch(e){}};e();let s=()=>{try{let e="df-messenger-error-hider",t=document.getElementById(e);t&&t.remove();let r=document.createElement("style");r.id=e,r.innerHTML=` 17 /* GLOBAL ERROR HIDING - Most aggressive approach */ 18 * { 19 --df-messenger-input-error-background: transparent !important; 20 --df-messenger-input-error-color: transparent !important; 21 --df-messenger-input-error-icon-color: transparent !important; 22 --df-messenger-input-warning-background: transparent !important; 23 --df-messenger-input-warning-color: transparent !important; 24 --df-messenger-input-warning-icon-color: transparent !important; 25 } 26 27 df-messenger .error, 28 df-messenger .warning, 29 df-messenger .notification, 30 df-messenger [role="alert"], 31 df-messenger .message-list-wrapper .error, 32 df-messenger .message-list-wrapper div.error, 33 df-messenger-chat .error, 34 df-messenger-chat .warning, 35 df-messenger-chat .notification, 36 df-messenger-chat [role="alert"] { 37 display: none !important; 38 visibility: hidden !important; 39 opacity: 0 !important; 40 height: 0 !important; 41 width: 0 !important; 42 padding: 0 !important; 43 margin: 0 !important; 44 border: none !important; 45 overflow: hidden !important; 46 position: absolute !important; 47 left: -99999px !important; 48 top: -99999px !important; 49 z-index: -9999 !important; 50 pointer-events: none !important; 51 user-select: none !important; 52 font-size: 0 !important; 53 line-height: 0 !important; 54 } 55 `,document.head.appendChild(r)}catch(e){}};s();let o=(()=>{try{let t=new MutationObserver(t=>{let r=!1;
55t.forEach(e=>{e.addedNodes.forEach(e=>{1===e.nodeType&&(e.classList&&(e.classList.contains("error")||e.textContent&&e.textContent.includes("Something went wrong"))&&(r=!0),e.querySelector&&e.querySelector('.error, [role="alert"]')&&(r=!0))})}),r&&setTimeout(e,0)});t.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["class","role"]});let r=document.querySelector("df-messenger");return r&&t.observe(r,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["class","role"]}),t}catch(e){return null}})(),n=setInterval(()=>{e(),s()},200);async function a(e){let t=!1,s="Ask something...";try{let[o,n]=e?.detail?.event?.split("_"),[a,l]=o.split("&"),c=document.querySelector("df-messenger");if(w.push(e?.detail),"OrderStatus"==a&&r?.current){c.renderCustomText("Where is my Order?",!1);let e={user_id:r?.current.id,order_status:"'2','3','4','10','12','18','21','34','35'"},o=await (0,i.bR)(e);if(o?.orderDetails?.length>0){C(o.orderDetails,null,"1"),c.renderCustomCard([{type:"html",html:"Here are your recent orders. Please choose the relevant Order ID to proceed"}]);let e=[];for(let[t,r]of o.orderDetails.entries())e.push({type:"list",title:`ð¦ Order #${r.parent_order_id}`,subtitle:r.child_orders[0].productNickNames.join(","),image:{rawUrl:r.product_image},event:{event:`Order_${t}`}});e.push({title:"Order not listed",event:{event:"ChatTicketFeedback"},type:"list"}),c.renderCustomCard(e),t=!0,s="Please select an option above..."}else setTimeout(async()=>{c.renderCustomText("Sorry, I couldnât find any orders at the moment.<br />",!0),await E(c,l)},2e3)}else if("UpdateOrder"==a&&r?.current){c.renderCustomText("Update my Order",!1);let e={user_id:r?.current.id,order_status:"'1','2','10','12','16','18','21','34','35'"},o=await (0,i.bR)(e);if(o?.orderDetails?.length>0){C(o.orderDetails,null,"8"),c.renderCustomCard([{type:"html",html:"Here are your recent orders. Please choose the relevant Order ID to proceed"}]);let e=[];for(let[t,r]of o.orderDetails.entries())e.push({type:"list",title:`ð¦ Order #${r.parent_order_id}`,subtitle:r.child_orders[0].productNickNames.join(","),image:{rawUrl:r.product_image},event:{event:`Order_${t}`}});e.push({title:"Order not listed",event:{event:"ChatTicketFeedback"},type:"list"}),c.renderCustomCard(e),t=!0,s="Please select an option above..."}else c.renderCustomText("Sorry, I couldnât find any active orders at the moment.<br />Please share your Order Id #",!0)}else if("ProductIssue"==a&&r?.current){c.renderCustomText("Issue with Product",!1);let e={user_id:r?.current.id,order_status:"'3','4'"},o=await (0,i.bR)(e);if(o?.orderDetails?.length>0){C(o.orderDetails,null,"7"),c.renderCustomCard([{type:"html",html:"Here are your recent orders. Please choose the relevant Order ID to proceed"}]);let e=[];for(let[t,r]of o.orderDetails.entries())e.push({type:"list",title:`ð¦ Order #${r.parent_order_id}`,subtitle:r.child_orders[0].productNickNames.join(","),image:{rawUrl:r.product_image},event:{event:`Order_${t}`}});e.push({title:"Order not listed",event:{event:"ChatTicketFeedback"},type:"list"}),c.renderCustomCard(e),t=!0,s="Please select an option above..."}else setTimeout(async()=>{c.renderCustomText("Sorry, I couldnât find any orders at the moment.<br />",!0),await E(c,l)},2e3)}else if("chat"==a)c.renderCustomText("Chat with us",!1),(0,d.isAndroidOpenDeeplink)(102,"");else if("callBack"==a)c.renderCustomText("Request a call Back",!1);else if("endflow"==a)c.renderCustomText("No. I don't want to continue",!1);else if("Order"==a&&r?.current){let{orderStatusData:t,order_id:s,flow:o}=v(),a=t[n],d="";"1"==o||"4"==o?d=a.parent_order_id:"2"==o||"3"==o||"5"==o||"7"==o||"8"==o?d=a?.child_orders?.[0]?.order_id:"6"==o&&(d=a?.orderId),C(null,d,null),"1"==o?(c.renderCustomText(`Check ð¦ Order #${d}`,!1),setTimeout(async()=>{let e=a.child_orders.find(e=>e.order_id==d);if(e?.order_status=="3"||e?.order_status=="4"){var t;let r,s,o,n=e.order_log_data.find(e=>"3"==e.order_status),a=(r=(t=new Date(n?.created_at)).getFullYear(),s=String(t.getMonth()+1).padStart(2,"0"),o=String(t.getDate()).padStart(2,"0"),`${r}-${s}-${o}`),i=[{type:"html",html:`Your order <b>#${d}</b> was delivered on <b>${a}</b>.<br />Hope everything reached you in good condition! `}];c.renderCustomCard(i),c.sendRequest("event","SubDeliveredQuery")}else e?.order_status=="21"?(c.renderCustomCard([{type:"html",html:`Your order <b>#${d}</b> is confirmed and will be shipped by tomorrow.`}]),c.sendRequest("event","SubConfirmedOrderQuery")):e?.order_status=="10"?(c.renderCustomCard([{type:"html",html:"Arriving soon ! It will be delivered to you by the end of the day."}]),c.sendRequest("event","SubOFDQuery")):(e?.order_status=="2"||e?.order_status=="12"||e?.order_status=="18"||e?.order_status=="34"||e?.order_status=="35")&&(e?.edd_breached?(c.renderCustomCard([{type:"html",html:`Weâre really sorry â your order <b>#${a.parent_order_id}</b> is taking longer than expected. `},{type:"html",html:"We understand how important it is, especially when little ones are involved. â¤ï¸ "},{type:"html",html:`Our team is closely following up with the courier partner. The new estimated delivery date is ${e.edd_date}.`},{type:"html",html:`ð Thank you so much for your patience â we truly appreciate it. `}]),c.sendRequest("event","SubDelayOrderQuery")):(c.renderCustomCard([{type:"html",html:`Your order <b>#${a.parent_order_id}</b> is on its way and will be delivered by <b>${e?.edd_date}</b>.`}]),c.renderCustomCard([{type:"list",title:" You can also track it live here",subtitle:""},{type:"list",title:"â¡ï¸ Track Now",subtitle:"",anchor:{href:`/store/orderinfo/${a.parent_order_id}`,target:"_blank"}}]),c.sendRequest("event","SubOrderTransitQuery")))},[2e3])):"2"==o?(c.renderCustomText(`Return ð¦ Order #${d}`,!1),setTimeout(async()=>{let e=a?.child_orders?.[0]?.is_returnable,t=a?.child_orders?.[0]?.order_log_data?.find(e=>"3"==e.order_status),s=new Date(t?.created_at);if(e&&s.setDate(s.getDate()+15)>=new Date){let e={order_id:d,type:"Return"},t=await (0,i.mT)({inApp:!0},e,r?.current?.guid);t?.duplicateTicket&&t?.ticket_id?(c.renderCustomCard([{type:"html",html:`Dear customer,<br />We noticed that you already have an open issue with us. Your last Ticket id is <b>#${t?.ticket_id}</b> and our team is currently working on resolving it, and we appreciate your patience.`}]),c.sendRequest("event","ClosingMessage")):t?.ticket_id&&(c.renderCustomCard([{type:"html",html:`Return Request for order <b>#${d}</b> has been generated successfully. Your ticket Id is <b>#${t?.ticket_id}</b> â
`}]),c.sendRequest("event","TicketClosingMessage"))}else c.renderCustomText("Sorry for the inconvenience. Unfortunately, this product is non-returnable or has passed the return window, so we can't process the return. We appreciate your understanding and are here for any other questions.",!0),c.sendRequest("event","ClosingMessage")},[2e3])):"3"==o?(c.renderCustomText(`Replace ð¦ Order #${d}`,!1),setTimeout(async()=>{let e=a?.child_orders?.[0]?.order_log_data?.find(e=>"3"==e.order_status),t=new Date(e?.created_at);if(t.setDate(t.getDate()+15)>=new Date){let e={order_id:d,type:"Replace"},t=await (0,i.mT)({inApp:!0},e,r?.current?.guid);t?.duplicateTicket&&t?.ticket_id?(c.renderCustomCard([{type:"html",html:`Dear customer,<br />We noticed that you already have an open issue with us. Your last Ticket id is <b>#${t?.ticket_id}</b> and our team is currently working on resolving it, and we appreciate your patience.`}]),c.sendRequest("event","ClosingMessage")):t?.ticket_id&&(c.renderCustomCard([{type:"html",html:`Replace Request for order <b>#${d}</b> has been generated successfully. Your ticket Id is <b>#${t?.ticket_id}</b> â
`}]),c.sendRequest("event","TicketClosingMessage"))}else c.renderCustomText("Sorry for the inconvenience. Unfortunately, this product is non-replaceable or has passed the replace window, so we can't process the replace. We appreciate your understanding and are here for any other questions.",!0),c.sendRequest("event","ClosingMessage")},[2e3])):"4"==o?(c.renderCustomText(`Cancel ð¦ Order #${d}`,!1),setTimeout(async()=>
55{if(a?.child_orders[0]?.order_status=="2"||a?.child_orders[0]?.order_status=="12"||a?.child_orders[0]?.order_status=="18"||a?.child_orders[0]?.order_status=="34"||a?.child_orders[0]?.order_status=="35"||a?.child_orders[0]?.order_status=="21"||a?.child_orders[0]?.order_status=="10")c.renderCustomCard([{type:"html",html:"Your order is already in transit, we cannot cancel it right now. Please do not accept the order."}]),c.sendRequest("event","ClosingMessage");else{let e={order_id:d,type:"Cancel"},t=await (0,i.mT)({inApp:!0},e,r?.current?.guid);t?.duplicateTicket&&t?.ticket_id?(c.renderCustomCard([{type:"html",html:`Dear customer,<br />We noticed that you already have an open issue with us. Your last Ticket id is <b>#${t?.ticket_id}</b> and our team is currently working on resolving it, and we appreciate your patience.`}]),c.sendRequest("event","ClosingMessage")):t?.ticket_id&&(c.renderCustomCard([{type:"html",html:`We have registered your request to cancel the order. Your ticket Id is <b>#${t?.ticket_id}</b> â
`}]),c.sendRequest("event","TicketClosingMessage"))}},[2e3])):"5"==o?(c.renderCustomText(`Check ð¦ Order #${d}`,!1),setTimeout(async()=>{if(a?.child_orders[0]?.order_status=="2"||a?.child_orders[0]?.order_status=="12"||a?.child_orders[0]?.order_status=="18"||a?.child_orders[0]?.order_status=="34"||a?.child_orders[0]?.order_status=="35"||a?.child_orders[0]?.order_status=="21"||a?.child_orders[0]?.order_status=="10")c.renderCustomCard([{type:"html",html:"Your order is already in transit, It will be delivered to you shortly."}]),c.sendRequest("event","SubOrderTransitQuery");else{let e={order_id:a?.parent_order_id,type:"Order Partial Received"},t=await (0,i.mT)({inApp:!0},e,r?.current?.guid);t?.duplicateTicket&&t?.ticket_id?(c.renderCustomCard([{type:"html",html:`Dear customer,<br />We noticed that you already have an open issue with us. Your last Ticket id is <b>#${t?.ticket_id}</b> and our team is currently working on resolving it, and we appreciate your patience.`}]),c.sendRequest("event","ClosingMessage")):t?.ticket_id&&(c.renderCustomCard([{type:"html",html:`All done! Iâve raised a ticket for your concern â <b>Ticket ID: #${t?.ticket_id}</b> â
`}]),c.sendRequest("event","TicketClosingMessage"))}},[2e3])):"6"==o?(c.renderCustomText(`Check ð¦ Order #${d}`,!1),setTimeout(async()=>{let t=a?.refundHistorytree,r="";for(let e=t.length-1;e>=0;e--){let s=t[e];if(s.active){r=s.chatbotText;break}}r&&(c.renderCustomCard([{type:"html",html:r}]),c.sendRequest(e,"ClosingMessage"))},[2e3])):"7"==o?(c.renderCustomText(`Issue with Product for ð¦ Order #${d}`,!1),setTimeout(async()=>{c.renderCustomCard([{type:"html",html:"Please select one of the following issues you are facing with the product:"}]),c.sendRequest("event","SubProductIssueQuery")},[2e3])):"8"==o&&(c.renderCustomText(`Update ð¦ Order #${d}`,!1),setTimeout(async()=>{c.renderCustomCard([{type:"html",html:"Please select one of the following options to update your order:"}]),c.sendRequest("event","SubUpdateOrderQuery")},[2e3]))}else if("createticket"==a){let{orderStatusData:e,order_id:t,flow:s}=v(),o=e.find(e=>e.parent_order_id==t),n={order_id:o?.parent_order_id};"ordernotreceived"==l?n.type="Order Not Received":"receivedpartialorder"==l?n.type="Order Partial Received":"undelivered"==l?n.type="Order Undelivered":"cancelorder"==l?n.type="Cancel":"changeaddress"==l&&(n.type="Change Address");let a=await (0,i.mT)({inApp:!0},n,r?.current?.guid);a?.duplicateTicket&&a?.ticket_id?(c.renderCustomCard([{type:"html",html:`Dear customer,<br />We noticed that you already have an open issue with us. Your last Ticket id is <b>#${a?.ticket_id}</b> and our team is currently working on resolving it, and we appreciate your patience.`}]),c.sendRequest("event","ClosingMessage")):a?.ticket_id&&c.renderCustomCard([{type:"html",html:`All done! Iâve raised a ticket for your concern â <b>Ticket ID: #${a?.ticket_id}</b> â
`}]),c.sendRequest("event","TicketClosingMessage")}else if("Return"==a&&r?.current){c.renderCustomText("I want to return a product",!1);let e={user_id:r?.current.id,order_status:'"3","4"',child_orders:!0},o=await (0,i.bR)(e);if(o?.orderDetails?.length>0){C(o.orderDetails,null,"2"),c.renderCustomCard([{type:"html",html:"<b>Sorry to hear that you'd like to return<br />your product!</b><br />To assist you with the return, please select the order you'd like to return and provide the reason. Weâll guide you through the next steps to make it seamless!"}]);let e=[];
55for(let[t,r]of o.orderDetails.entries())e.push({type:"list",title:`ð¦ Order #${r?.child_orders?.[0]?.order_id}`,subtitle:r.child_orders[0].productNickNames.join(","),image:{rawUrl:r.product_image},event:{event:`Order_${t}`}});e.push({title:"Order not listed",event:{event:"ChatTicketFeedback"},type:"list"}),c.renderCustomCard(e),t=!0,s="Please select an option above..."}else setTimeout(async()=>{c.renderCustomText("Sorry, I couldnât find any orders at the moment.<br />",!0),await E(c,l)},2e3)}else if("Replace"==a&&r?.current){let e={user_id:r?.current.id,order_status:'"3","4"',child_orders:!0},o=await (0,i.bR)(e);if(o?.orderDetails?.length>0){C(o.orderDetails,null,"3"),c.renderCustomCard([{type:"html",html:"<b>Weâre sorry the product didnât work out<br />for you!</b><br />To assist you with the replacement, could you please select the order you want to replace and provide the reason? Weâll guide you through the next steps to make it seamless!"}]);let e=[];for(let[t,r]of o.orderDetails.entries())e.push({type:"list",title:`ð¦ Order #${r?.child_orders?.[0]?.order_id}`,subtitle:r.child_orders[0].productNickNames.join(","),image:{rawUrl:r.product_image},event:{event:`Order_${t}`}});e.push({title:"Order not listed",event:{event:"ChatTicketFeedback"},type:"list"}),c.renderCustomCard(e),t=!0,s="Please select an option above..."}else setTimeout(async()=>{c.renderCustomText("Sorry, I couldnât find any orders at the moment.<br />",!0),await E(c,l)},2e3)}else if("Cancel"==a&&r?.current){c.renderCustomText("I want to cancel the order",!1);let e={user_id:r.current.id,order_status:'"1","2","7","9","10","11","12","13","16","18","19","20","21","22","23","24","25","26","27","31","32","33","34","35","36"'},o=await (0,i.bR)(e);if(o?.orderDetails?.length>0){C(o.orderDetails,null,"4"),c.renderCustomCard([{type:"html",html:"<b>We understand youâd like to cancel your order.</b><br />To proceed, could you please select the order you want to cancel?<br />If the order has already been processed or shipped, weâll connect you with our Customer Support Team to find the best solution!"}]);let e=[];for(let[t,r]of o.orderDetails.entries())e.push({type:"list",title:`ð¦ Order #${r?.child_orders?.[0]?.order_id}`,subtitle:r.child_orders[0].productNickNames.join(","),image:{rawUrl:r.product_image},event:{event:`Order_${t}`}});e.push({title:"Order not listed",event:{event:"ChatTicketFeedback"},type:"list"}),c.renderCustomCard(e),t=!0,s="Please select an option above..."}else setTimeout(async()=>{c.renderCustomText("Sorry, I couldnât find any orders at the moment.<br />",!0),await E(c,l)},2e3)}else if("Refund"==a&&r?.current)c.renderCustomText("I have not received my refund",!1),setTimeout(async()=>{let e=await (0,i.Sv)(r?.current?.guid);if(e?.items?.length>0){C(e.items,null,"6"),c.renderCustomCard([{type:"html",html:"<b>We apologize for the delay in your refund!</b><br />Could you please select your Order from the list below? Weâll check the status of your refund and ensure itâs processed as soon as possible."}]);let r=[];for(let[t,s]of e.items.entries())r.push({type:"list",title:`ð¦ Order #${s?.orderId}`,subtitle:s.productNickName||s.productName,image:{rawUrl:s.productImage},event:{event:`Order_${t}`}});r.push({title:"Order not listed",event:{event:"ChatTicketFeedback"},type:"list"}),c.renderCustomCard(r),t=!0,s="Please select an option above..."}else setTimeout(async()=>{c.renderCustomText("Sorry, I couldnât find any orders at the moment.<br />",!0),await E(c,l)},2e3)},[2e3]);else if("TicketStatus"==a){let e=await (0,i.E7)(r?.current?.guid);if(e){e.splice(5),localStorage.setItem("ticketList",JSON.stringify(e)),c.renderCustomText("Please select the ticket you want help with from the list below:",!0);let t=[];for(let[r,s]of e.entries())t.push({type:"list",title:`ð¦ Ticket #${s.id}
55`,subtitle:s.subject,image:{rawUrl:""},event:{event:`Ticket_${r}`}});t.push({title:"I have a different ticket",event:{event:"DifferentTicket"},type:"list"}),c.renderCustomCard(t)}else c.renderCustomText("Sorry Couldn't find your tickets",!0)}else if("Ticket"==a&&r?.current){let e=localStorage.getItem("ticketList"),t=(e=JSON.parse(e))[n];localStorage.setItem("ticketData",JSON.stringify(t)),c.renderCustomText(`Check ð¦ Ticket #${t.id}`,!1);let s={ticket_id:t.id},o=await (0,i.pU)(s,r.current.guid);setTimeout(()=>{let e="";"2"==o.status||"3"==o.status?e=`Ticket ID: #${t.id} is currently open. Our team is actively working on it, and weâll update you as soon as we have an update. Thanks for your patience!`:("4"==o.status||"5"==o.status)&&(e=`Ticket ID: #${t.id} was marked as resolved and has been closed. If you're still facing the same issue or need further help, weâre happy to reopen it or create a new ticket for you.`),c.renderCustomCard([{type:"html",html:e}]),"4"==o.status||"5"==o.status?c.renderCustomCard([{title:"Reopen Ticket",event:{event:"ReopenTicket"},type:"list"},{title:"Create a New Ticket",event:{event:"CreateNewTicket"},type:"list"}]):c.sendRequest("event","ClosingMessage")},2e3)}else if("ReopenTicket"==a&&r?.current){let e=localStorage.getItem("ticketData");e=JSON.parse(e),await (0,i.le)({status:2},{ticket_id:e.id},r.current.guid),c.renderCustomText("Your ticket has been reopened successfully.",!0),c.sendRequest("event","ClosingMessage")}else if("MissingProduct"==a){c.renderCustomText("My order has missing product",!1);let e={user_id:r.current.id,order_status:'"3","4","14","35"'},o=await (0,i.bR)(e);if(o?.orderDetails?.length>0){C(o.orderDetails,null,"5"),c.renderCustomCard([{type:"html",html:"<b>Apologies for the missing items!</b><br />Please select the order you want help with from the list below:"}]);let e=[];for(let[t,r]of o.orderDetails.entries())e.push({type:"list",title:`ð¦ Order #${r.parent_order_id}`,subtitle:r.child_orders[0].productNickNames.join(","),image:{rawUrl:r.product_image},event:{event:`Order_${t}`}});e.push({title:"Order not listed",event:{event:"ChatTicketFeedback"},type:"list"}),c.renderCustomCard(e),t=!0,s="Please select an option above..."}else setTimeout(async()=>{c.renderCustomText("Sorry, I couldnât find any orders at the moment.<br />",!0),await E(c,l)},2e3)}else if("Other"==a||"Other2"==a){let{message:e,order_id:t}=T(w);if(I()){(0,f.r)({category:"clicked_chat_freshchat",screen_name:b,support_variable:e.substring(0,100),parent:P(),support_variable2:k});try{await (0,i.mT)({inApp:!0},{order_id:t||null,type:"Other",text:e},r?.current?.guid)}catch(e){console.error("createFreshdeskTicket error:",e)}setTimeout(async()=>{c.sendRequest("event","ClosingMessage")},2e3),x(t,e)}else(0,f.r)({category:"clicked_chat_ticket_created",screen_name:b,support_variable:e.substring(0,100),parent:P(),support_variable2:k}),await R(c,t,e)}else"DifferentOrder"==a||"DifferentTicket"==a?(t=!1,s="Please enter your Order Id #..."):"ChatTicketFeedback"==a&&await E(c,l)}catch(e){}try{let e=null;try{e=S()}catch(e){console.error("Error finding input field:",e)}e&&(t?function(e,t="Please select an option above..."){e&&(e.disabled=!0,e.placeholder=t,e.setAttribute("aria-label","Please select an option above"))}(e,s):O(e,s))}catch(e){}}return setTimeout(()=>{e(),s()},1e3),setTimeout(()=>{e(),s()},3e3),setTimeout(()=>{e(),s()},5e3),document.addEventListener("df-list-element-clicked",async e=>{await a(e)}),document.addEventListener("df-button-clicked",async e=>{await a(e)}),document.addEventListener("df-info-card-clicked",e=>{e.preventDefault();let t=document.querySelector("df-messenger");e?.detail?.title&&e?.detail?.actionLink&&t.renderCustomText("Hello",!0)}),document.addEventListener("df-chat-open-changed",e=>{e.detail.isOpen&&document.querySelector("df-messenger").setQueryParameters({parameters:{userId:"21931952",guid:"2893457a-99ba-449d-9952-1732723564",name:"Vijayalaxmi"}})}),window.addEventListener("df-user-input-entered",e=>{localStorage.getItem("flow"),w.push({text:e.detail.input,userInput:"User Input: "+e.detail.input,event:"user_input"});try{O(S(),"Ask anything...")}catch(e){console.error("Error finding input field:",e)}}),document.addEventListener("df-messenger-error",()=>{}),document.addEventListener("df-messenger-loaded",()=>{if(r?.current){let e=document.querySelector("df-messenger"),t=new CustomEvent("df-request-sent",{detail:{event:"send_user_info",parameters:{user_id:r?.current?.id,guid:r?.current?.guid},languageCode:"en"}});e.dispatchEvent(t)}}),window.addEventListener("df-messenger-send-message",e=>{}),()=>{n&&clearInterval(n),o&&o.disconnect();let e=document.getElementById("df-messenger-error-hider");e&&e.remove()}},[]);let D=e=>{e?.length&&document.querySelector("df-messenger").renderCustomCard(e.map(e=>({type:"image",rawUrl:e,accessibilityText:"Dialogflow across platforms"})))},N=(0,a.useRef)(null);(0,a.useEffect)(()=>{let e=()=>{if(N.current&&r.current){let e={parameters:{username:r.current.username,user_id:r.current.id,guid:r.current.guid}};document.querySelector("df-messenger").setQueryParameters(e)}},t=e=>{};return window.addEventListener("df-messenger-loaded",e),window.addEventListener("df-user-input-entered",t),y(P()),()=>{window.removeEventListener("df-messenger-loaded",e),window.removeEventListener("df-user-input-entered",t)}},[]);let P=()=>((0,l.n9)(window?.location?.search.replace("?",""))?.agentId,"27073347-44e3-49b9-aa64-ab48c3f6c396");return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(g(),{src:"https://www.gstatic.
55com/dialogflow-console/fast/df-messenger/prod/v1/df-messenger.js",strategy:"lazyOnload",onLoad:()=>{},onError:e=>{console.error("Failed to load Dialogflow Messenger script:",e)}}),(0,s.jsxs)(n(),{children:[(0,s.jsx)("link",{rel:"stylesheet",href:"https://www.gstatic.com/dialogflow-console/fast/df-messenger/prod/v1/themes/df-messenger-default.css"}),(0,s.jsx)("style",{children:` 56 /* 57 ===================================================== 58 DIALOGFLOW MESSENGER CSS CUSTOMIZATION REFERENCE 59 ===================================================== 60 61 CURRENT ACTIVE PROPERTIES: 62 */ 63 df-messenger { 64 z-index: 999; /* Layer order - ensures chat appears above other elements */ 65 position: fixed; /* Fixed positioning - chat stays in place during scroll */ 66 --df-messenger-font-color: #000; /* Default text color throughout the widget */ 67 --df-messenger-font-family: Google Sans; /* Font family used across all text elements */ 68 --df-messenger-font-size: 16px; /* General font size for all text (default: 14px) */ 69 --df-messenger-chat-background: #fef9f9; /* Main chat area background color (light pink) */ 70 --df-messenger-message-user-background: #ef4e5e; /* User message bubble background (Mylo red/pink) */ 71 --df-messenger-message-user-font-color: #ffffff; /* Text color inside user message bubbles (white for contrast) */ 72 --df-messenger-message-bot-background: #fff; /* Bot message bubble background (white) */ 73 --df-messenger-message-font-size: 16px; /* Font size for chat messages (default: 14px) */ 74 --df-messenger-primary-color: #212121; /* Primary accent color used for buttons, icons, etc. */ 75 --df-messenger-titlebar-background: #ffffff; /* Title bar background color (dark gray) */ 76 --df-messenger-titlebar-font-color: #212121; /* Title bar text color (white) */ 77 --df-messenger-titlebar-title-font-size: 20px; /* Title text size in header (default: 18px) */ 78 --df-messenger-input-background: #eee; /* Text input field background color */ 79 --df-messenger-input-font-color: #212121; /* Text color inside input field */ 80 --df-messenger-input-font-size: 16px; /* Font size for input field text (default: 14px) */ 81 82 /* HIDE ERROR AND WARNING MESSAGES - Comprehensive hiding of all error displays */ 83 --df-messenger-input-warning-background: transparent; /* Hide warning message background */ 84 --df-messenger-input-warning-color: transparent; /* Hide warning message text */ 85 --df-messenger-input-warning-icon-color: transparent; /* Hide warning message icon */ 86 --df-messenger-input-error-background: transparent; /* Hide error message background */ 87 --df-messenger-input-error-color: transparent; /* Hide error message text */ 88 --df-messenger-input-error-icon-color: transparent; /* Hide error message icon */ 89 90 bottom: 0; /* Position from bottom of viewport */ 91 right: 0; /* Position from right of viewport */ 92 top: 0; /* Position from top of viewport */ 93 width: 100%; /* Full width of container */ 94 } 95 96 /* FORCE HIDE ALL ERROR NOTIFICATIONS - Using direct CSS selectors */ 97 df-messenger *[role="alert"], 98 df-messenger .error-message, 99 df-messenger .warning-message,
100 df-messenger .notification, 101 df-messenger [data-testid*="error"], 102 df-messenger [data-testid*="warning"], 103 df-messenger [class*="error"], 104 df-messenger [class*="warning"], 105 df-messenger [class*="notification"] { 106 display: none !important; 107 visibility: hidden !important; 108 opacity: 0 !important; 109 height: 0 !important; 110 overflow: hidden !important; 111 } 112 113 /* TARGET SPECIFIC ERROR STRUCTURE FROM HTML REFERENCE */ 114 df-messenger .message-list-wrapper .error, 115 df-messenger .message-list-wrapper div.error { 116 display: none !important; 117 visibility: hidden !important; 118 opacity: 0 !important; 119 height: 0 !important; 120 width: 0 !important; 121 padding: 0 !important; 122 margin: 0 !important; 123 border: none !important; 124 overflow: hidden !important; 125 position: absolute !important; 126 left: -9999px !important; 127 top: -9999px !important; 128 } 129 130 /* HIDE SPECIFIC DIALOGFLOW ERROR ELEMENTS */ 131 df-messenger-chat::part(titlebar-notification), 132 df-messenger-chat::part(error-notification), 133 df-messenger-chat::part(warning-notification) { 134 display: none !important; 135 } 136 137 /* 138 ===================================================== 139 ADDITIONAL AVAILABLE PROPERTIES FOR FUTURE USE: 140 ===================================================== 141 142 GENERAL STYLING: 143 --df-messenger-focus-color: #1e88e5; // Focus ring color around elements 144 --df-messenger-focus-color-contrast: white; // Focus ring color inside colored backgrounds 145 --df-messenger-chat-border: none; // Border for the dialog 146 --df-messenger-chat-border-radius: 0; // Border radius for the dialog 147 148 CHAT BUBBLE (for df-messenger-chat-bubble): 149 --df-messenger-chat-window-height: 480px; // Height of chat window 150 --df-messenger-chat-window-width: 320px; // Width of chat window 151 --df-messenger-chat-window-offset: 16px; // Distance between bubble and window 152 --df-messenger-chat-window-box-shadow: none; // Box shadow of chat window 153 --df-messenger-chat-bubble-size: 64px; // Size of the chat bubble 154 --df-messenger-chat-bubble-background: #0b57d0; // Background of chat bubble 155 --df-messenger-chat-bubble-border-radius: 32px; // Border radius of chat bubble 156 --df-messenger-chat-bubble-border: none; // Border of chat bubble 157 --df-messenger-chat-bubble-icon-size: 36px; // Size of bubble icon 158 --df-messenger-chat-bubble-icon-color: white; // Color of bubble icon 159 --df-messenger-chat-bubble-close-icon-size: 24px; // Size of close icon 160 161 TITLE BAR: 162 --df-messenger-titlebar-padding: 0 15px; // Padding of title bar 163 --df-messenger-titlebar-border: none; // Border for title bar 164 --df-messenger-titlebar-border-bottom: none; // Bottom border of title bar 165 --df-messenger-titlebar-title-align: start; // Text alignment (start, center, end) 166 --df-messenger-titlebar-letter-spacing: normal; // Letter spacing of title bar text 167 --df-messenger-titlebar-title-font-family: "Google Sans", "Helvetica Neue", sans-serif; // Font family of title
168 --df-messenger-titlebar-title-font-weight: 400; // Font weight of title 169 --df-messenger-titlebar-title-line-height: normal; // Line height of title 170 --df-messenger-titlebar-title-letter-spacing: normal; // Letter spacing of title 171 --df-messenger-titlebar-subtitle-font-color: white; // Subtitle text color 172 --df-messenger-titlebar-subtitle-font-size: 18px; // Subtitle font size 173 --df-messenger-titlebar-subtitle-font-family: "Google Sans", "Helvetica Neue", sans-serif; // Subtitle font family 174 --df-messenger-titlebar-subtitle-font-weight: 400; // Subtitle font weight 175 --df-messenger-titlebar-subtitle-line-height: normal; // Subtitle line height 176 --df-messenger-titlebar-title-order: row; // Order of title elements (row, row-reverse) 177 --df-messenger-titlebar-icon-width: 18px; // Width of title bar icon 178 --df-messenger-titlebar-icon-height: 18px; // Height of title bar icon 179 --df-messenger-titlebar-icon-padding: 0 12px 0 0; // Padding around title bar icon 180 181 MESSAGE STYLING: 182 --df-messenger-chat-padding: 10px; // Padding of chat area 183 --df-messenger-messagelist-border: none; // Border of message list 184 --df-messenger-message-border: none; // Border of messages 185 --df-messenger-message-font-family: "Google Sans", "Helvetica Neue", sans-serif; // Message font family 186 --df-messenger-message-font-weight: normal; // Message font weight 187 --df-messenger-message-bot-border: none; // Border of bot messages 188 --df-messenger-message-bot-font-color: #1f1f1f; // Text color of bot messages 189 --df-messenger-message-bot-font-weight: normal; // Font weight of bot messages 190 --df-messenger-message-user-border: none; // Border of user messages 191 --df-messenger-message-user-font-weight: normal; // Font weight of user messages 192 --df-messenger-message-spacing: 10px; // Space between messages 193 --df-messenger-message-border-radius: 8px; // Border radius for all messages 194 195 MESSAGE BORDER RADIUS (individual corners): 196 --df-messenger-message-bot-border-top-left-radius: 8px; 197 --df-messenger-message-bot-border-top-right-radius: 8px; 198 --df-messenger-message-bot-border-bottom-left-radius: 8px; 199 --df-messenger-message-bot-border-bottom-right-radius: 8px; 200 --df-messenger-message-user-border-top-left-radius: 8px; 201 --df-messenger-message-user-border-top-right-radius: 8px; 202 --df-messenger-message-user-border-bottom-left-radius: 8px; 203 --df-messenger-message-user-border-bottom-right-radius: 8px; 204 205 CONSECUTIVE MESSAGE STYLING: 206 --df-messenger-message-stack-spacing: 10px; // Space between consecutive messages 207 --df-messenger-message-bot-stack-border-top-left-radius: 8px; 208 --df-messenger-message-bot-stack-border-top-right-radius: 8px; 209 --df-messenger-message-bot-stack-border-bottom-left-radius: 8px; 210 --df-messenger-message-bot-stack-border-bottom-right-radius: 8px; 211 --df-messenger-message-user-stack-border-top-left-radius: 8px; 212 --df-messenger-message-user-stack-border-top-right-radius: 8px; 213 --df-messenger-message-user-stack-border-bottom-left-radius: 8px; 214 --df-messenger-message-user-stack-border-bottom-right-radius: 8px; 215 216 BOT WRITING INDICATOR: 217 --df-messenger-message-user-writing-image-width: 24px; // Width of typing image 218 --df-messenger-message-bot-writing-image-height: 24px; // Height of typing image 219 --df-messenger-message-bot-writing-font-color: #1f1f1f; // Text color of typing indicator 220 --df-messenger-message-bot-writing-font-we
220ight: normal; // Font weight of typing indicator 221 --df-messenger-message-bot-writing-font-size: 14px; // Font size of typing indicator 222 --df-messenger-message-bot-writing-border: none; // Border of typing indicator 223 --df-messenger-message-bot-writing-background: #ecf3fe; // Background of typing indicator 224 --df-messenger-message-bot-writing-padding: 12px; // Padding of typing indicator 225 --df-messenger-message-bot-writing-spacing: 10px; // Space around typing indicator 226 227 SCROLL BUTTON: 228 --df-messenger-chat-scroll-button-enabled-display: none; // Display "Jump to Bottom" button (flex to enable) 229 --df-messenger-chat-scroll-button-align: center; // Alignment (flex-start, center, flex-end) 230 --df-messenger-chat-scroll-button-container-padding: 8px; // Padding around scroll button 231 --df-messenger-chat-scroll-button-text-display: inline; // Display text next to icon (none to hide) 232 --df-messenger-chat-scroll-button-font-size: 14px; // Font size of scroll button 233 --df-messenger-chat-scroll-button-font-color: white; // Text color of scroll button 234 --df-messenger-chat-scroll-button-background: #0b57d0; // Background of scroll button 235 --df-messenger-chat-scroll-button-border-radius: 999px; // Border radius of scroll button 236 --df-messenger-chat-messagelist-scroll-shadow-background: radial-gradient(...); // Scroll shadow 237 238 ACTOR IMAGES: 239 --df-messenger-message-actor-spacing: 16px; // Distance between actor image and messages 240 --df-messenger-message-bot-actor-order: row; // Order of bot actor and messages (row, row-reverse) 241 --df-messenger-message-user-actor-order: row-reverse; // Order of user actor and messages 242 --df-messenger-message-actor-direction: column; // Direction of actor layout 243 --df-messenger-message-actor-align: flex-start; // Alignment (flex-start, center, flex-end) 244 --df-messenger-message-actor-border-radius: 999px; // Border radius of actor image 245 --df-messenger-message-actor-padding: 8px; // Padding of actor image 246 --df-messenger-message-actor-image-size: 24px; // Size of actor image 247 --df-messenger-message-bot-actor-background: white; // Background of bot actor image 248 --df-messenger-message-bot-actor-border: none; // Border of bot actor image 249 --df-messenger-message-bot-actor-offset: 0; // Offset of bot actor image 250 --df-messenger-message-user-actor-background: white; // Background of user actor image 251 --df-messenger-message-user-actor-border: none; // Border of user actor image 252 --df-messenger-message-user-actor-offset: 0; // Offset of user actor image 253 254 USER INPUT STYLING: 255 --df-messenger-send-icon-color: #0b57d0; // Color of send icon 256 --df-messenger-send-icon-color-hover: #0b57d0; // Color of send icon on hover 257 --df-messenger-send-icon-color-active: #0b57d0; // Color of send icon when active 258 --df-messenger-send-icon-offset-x: 0; // Vertical offset of send icon 259 --df-messenger-send-icon-offset-y: -4px; // Horizontal offset of send icon 260 --df-messenger-input-padding: 8px; // Overall padding of input area 261 --df-messenger-input-inner-padding: 0px 48px 0px 0; // Inner padding of input field 262 --df-messenger-input-border: none; // Border of input area 263 --df-messenger-input-border-top: 1px solid #e0e0e0; // Top border of input 264 --df-messenger-input-border-bottom: none; // Bottom border of input 265 --df-messenger-input-font-family: "Google Sans", "Helvetica Neue", sans-serif;
265 // Input font family 266 --df-messenger-input-font-weight: normal; // Input font weight 267 --df-messenger-input-box-border: none; // Border of input box 268 --df-messenger-input-box-focus-border: none; // Border of input box when focused 269 --df-messenger-input-box-border-radius: 0; // Border radius of input box 270 --df-messenger-input-box-padding: 12px 0; // Padding of input box 271 --df-messenger-input-box-focus-padding: 12px 0; // Padding when focused 272 --df-messenger-input-gutter: stable; // Scrollbar gutter 273 --df-messenger-input-info-font-size: 14px; // Font size of info messages 274 --df-messenger-input-info-font-weight: normal; // Font weight of info messages 275 --df-messenger-input-info-padding: 14px 16px; // Padding of info messages 276 --df-messenger-input-info-line-height: 20px; // Line height of info messages 277 --df-messenger-input-long-text-warning-display: none; // Display warning for long text (block to show) 278 --df-messenger-input-warning-background: #fef7e0; // Background of warning messages 279 --df-messenger-input-warning-color: #410e0b; // Text color of warning messages 280 --df-messenger-input-warning-icon-color: #e37400; // Icon color of warning messages 281 --df-messenger-input-error-background: #f9dedc; // Background of error messages 282 --df-messenger-input-error-color: #410e0b; // Text color of error messages 283 --df-messenger-input-error-icon-color: #b3261e; // Icon color of error messages 284 285 AUTHENTICATION OVERLAY: 286 --df-messenger-auth-background: rgba(204, 204, 204, .8); // Background when auth is shown 287 --df-messenger-auth-button-background: #0b57d0; // Background of auth button 288 --df-messenger-auth-button-font-family: "Google Sans", "Helvetica Neue", sans-serif; // Auth button font family 289 --df-messenger-auth-button-font-color: white; // Auth button text color 290 --df-messenger-auth-button-font-size: 14px; // Auth button font size 291 --df-messenger-auth-button-border: none; // Auth button border 292 --df-messenger-auth-button-border-radius: 8px; // Auth button border radius 293 294 FEEDBACK CONTROLS: 295 --df-messenger-message-feedback-icon-distance: 8px; // Distance between thumbs up/down buttons 296 --df-messenger-message-feedback-icon-font-color: #444746; // Color of feedback buttons 297 --df-messenger-message-feedback-icon-font-color-active: #444746; // Color when active 298 --df-messenger-message-feedback-icon-border: none; // Border of feedback buttons 299 --df-messenger-message-feedback-icon-border-radius: 0; // Border radius of feedback buttons 300 --df-messenger-message-feedback-icon-background: none; // Background of feedback buttons 301 --df-messenger-message-feedback-icon-background-hover: none; // Background on hover 302 --df-messenger-message-feedback-icon-padding: 0; // Padding of feedback buttons 303 --df-messenger-message-rich-feedback-spacing: 10px; // Spacing in rich feedback 304 --df-messenger-message-rich-feedback-padding: 0; // Padding of rich feedback 305 --df-messenger-message-rich-feedback-background: none; // Background of rich feedback 306 --df-messenger-message-rich-feedback-border-radius: 0; // Border radius of rich feedback 307 --df-messenger-message-rich-feedback-border: none; // Border of rich feedback 308 --df-messenger-rich-feedback-offset-left: 0; // Left offset of rich feedback 309 */ 310 `})]}),m?(0,s.jsx)("df-messenger",{location:"asia-south1","project-id":"littleone-150007","agent-id":m,"language-code":"en",intent:"cx_start","max-query-length":"-1",ref:N,children:(0,s.jsx)("df-messenger-chat",{"chat-title":"Mylo Support","chat-title-icon":"https://images.myloapp.in/NestJsUploads/1682404377508-myloLogo.svg","bot-actor-image":"https://images.myloapp.in/NestJsUploads/1682404377508-myloLogo.svg"})}):null]})}}},e=>{e.O(0,[90636,46593,38792],()=>e(e.s=19775)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.