https://www.creator.hypd.store/assets/FAQDetails-Dg5Cfwl3.js

1import{_ as v,c as a,o,a as t,A as $,L as g,M as q,b as u,d as h,q as V,F as y,r as w,v as M,b5 as B,e as f,E as I,b6 as S,g as H,t as x,y as T,D as j}from"./index-Cthg2AOb.js";import{P as Z}from"./PlayIcon-CcqFwprf.js";const z={},E={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function F(s,e){return o(),a("svg",E,e[0]||(e[0]=[t("path",{d:"M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z",stroke:"white","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),t("path",{d:"M9.17 14.8299L14.83 9.16992",stroke:"white","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),t("path",{d:"M14.83 14.8299L9.17 9.16992",stroke:"white","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)]))}const P=v(z,[["render",F]]),A={},N={width:"18",height:"21",viewBox:"0 0 18 21",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function O(s,e){return o(),a("svg",N,e[0]||(e[0]=[t("path",{d:"M6.48 18.5312H3.7575C3.14752 18.5312 2.78881 18.3688 2.5717 18.1266C2.34474 17.8734 2.1875 17.4395 2.1875 16.7213V4.27875C2.1875 3.56048 2.34474 3.12663 2.5717 2.87341C2.78881 2.63119 3.14752 2.46875 3.7575 2.46875H6.48C7.08998 2.46875 7.44869 2.63119 7.6658 2.87341C7.89276 3.12663 8.05 3.56048 8.05 4.27875V16.7213C8.05 17.4395 7.89276 17.8734 7.6658 18.1266C7.44869 18.3688 7.08998 18.5312 6.48 18.5312ZM3.7575 2.78125C3.34866 2.78125 2.89917 2.82919 2.60503 3.1652C2.46014 3.33072 2.3911 3.52428 2.35558 3.70561C2.32077 3.8833 2.3125 4.07967 2.3125 4.27875V16.7213C2.3125 16.9194 2.32023 17.1152 2.35411 17.2922C2.38867 17.4728 2.45642 17.6671 2.60109 17.8335C2.8949 18.1715 3.3467 18.2188 3.7575 18.2188H6.48C6.88884 18.2188 7.33833 18.1708 7.63247 17.8348C7.77736 17.6693 7.8464 17.4757 7.88192 17.2944C7.91673 17.1167 7.925 16.9203 7.925 16.7213V4.27875C7.925 4.08065 7.91727 3.88478 7.88339 3.70775C7.84883 3.52716 7.78108 3.33292 7.63641 3.1665C7.3426 2.82851 6.8908 2.78125 6.48 2.78125H3.7575Z",fill:"#292D32",stroke:"#D9D9D9"},null,-1),t("path",{d:"M14.2425 18.5312H11.52C10.91 18.5312 10.5513 18.3688 10.3342 18.1266C10.1072 17.8734 9.94995 17.4395 9.94995 16.7213V4.27875C9.94995 3.56048 10.1072 3.12663 10.3342 2.87341C10.5513 2.63119 10.91 2.46875 11.52 2.46875H14.2425C14.8524 2.46875 15.2111 2.63119 15.4282 2.87341C15.6552 3.12663 15.8125 3.56048 15.8125 4.27875V16.7213C15.8125 17.4395 15.6552 17.8734 15.4282 18.1266C15.2111 18.3688 14.8524 18.5312 14.2425 18.5312ZM11.52 2.78125C11.1111 2.78125 10.6616 2.82919 10.3675 3.1652C10.2226 3.33072 10.1536 3.52428 10.118 3.70561C10.0832 3.8833 10.075 4.07967 10.075 4.27875V16.7213C10.075 16.9194 10.0827 17.1152 10.1166 17.2922C10.1511 17.4728 10.2189 17.6671 10.3635 17.8335C10.6573 18.1715 11.1092 18.2188 11.52 18.2188H14.2425C14.6513 18.2188 15.1008 18.1708 15.3949 17.8348C15.5398 17.6693 15.6088 17.4757 15.6444 17.2944C15.6792 17.1167 15.6875 16.9203 15.6875 16.7213V4.27875C15.6875 4.08065 15.6797 3.88478 15.6458 3.70775C15.6113 3.52716 15.5435 3.33292 15.3989 3.1665C15.1051 2.82851 14.6532 2.78125 14.2425 2.78125H11.52Z",fill:"#292D32",stroke:"#D9D9D9"},null,-1)]))}const R=v(A,[["render",O]]),U={},Y={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function G(s,e){return o(),a("svg",Y,e[0]||(e[0]=[t("path",{d:"M10.2872 19.3375L10.2855 19.3364L7.36552 17.5064L7.36557 17.5064L7.35725 17.5014C7.08806 17.3398 6.77007 17.2401 6.44 17.2401H5C3.87908 17.2401 3.08544 16.9334 2.57105 16.4191C2.05667 15.9047 1.75 15.111 1.75 13.9901V9.99011C1.75 8.86918 2.05667 8.07554 2.57105 7.56116C3.08544 7.04678 3.87908 6.74011 5 6.74011H6.43C6.76007 6.74011 7.07806 6.64036 7.34725 6.47885L7.3473 6.47893L7.35552 6.47378L10.2745 4.64443C10.2747 4.64432 10.2748 4.6442 10.275 4.64409C11.6442 3.79088 12.8628 3.69653 13.7678 4.19755C14.6729 4.69854 15.24 5.77758 15.24 7.40011V16.5701C15.24 18.1808 14.6639 19.2722 13.7662 19.7736L13.7661 19.7735L13.7556 19.7796C13.4025 19.9883 12.9927 20.0901 12.55 20.0901C11.8766 20.0901 11.0981 19.8502 10.2872 19.3375ZM7.62156 17.0919L7.62448 17.0938L10.5445 18.9238L10.545 18.9241C11.5535 19.5544 12.6789 19.8331 13.5334 19.3568C14.3844 18.8825 14.75 17.7914 14.75 16.6001V7.41011C14.75 6.21416 14.3871 5.11707 13.5307 4.65184C12.679 4.17904 11.5569 4.44377 10.544 5.0867L7.61617 6.90538L7.61611 6.90528L7.60716 6.91111C7.26424 7.13441 6.85041 7.25011 6.43 7.25011H5C4.15353 7.25011 3.43049 7.42751 2.92895 7.92905C2.4274 8.43059 2.25 9.15364 2.25 10.0001V14.0001C2.25 14.8466 2.4274 15.5696 2.92895 16.0712C3.43049 16.5727 4.15353 16.7501 5 16.7501H6.43C6.85846 16.7501 7.26473 16.8649 7.62156 17.0919Z",fill:"#292D32",stroke:"#D9D9D9"},null,-1),t("path",{d:"M17.7986 15.852L17.7998 15.8503C19.5034 13.5824 19.5034 10.4176 17.7998 8.14972L17.7998 8.14972L17.7986 8.1481C17.7191 8.04321 17.737 7.88564 17.852 7.79857C17.9566 7.71932 18.1136 7.73694 18.2008 7.85104C20.0267 10.2933 20.0264 13.7083 18.1999 16.1502C18.1487 16.2184 18.08 16.25 18 

116.25C17.9538 16.25 17.9059 16.2382 17.8468 16.1975C17.7365 16.1097 17.7203 15.9553 17.7986 15.852Z",fill:"#292D32",stroke:"#D9D9D9"},null,-1),t("path",{d:"M19.6285 18.352L19.63 18.35C22.4333 14.6123 22.4333 9.38781 19.63 5.65003L19.63 5.65002L19.6285 5.6481C19.5491 5.54321 19.567 5.38564 19.6819 5.29857C19.7866 5.21927 19.9438 5.23697 20.0309 5.35129C22.9666 9.26338 22.9663 14.7381 20.0301 18.6499L20.0251 18.6565L20.0204 18.6633C19.9869 18.7111 19.9208 18.75 19.83 18.75C19.7838 18.75 19.7359 18.7382 19.6768 18.6975C19.5665 18.6097 19.5503 18.4553 19.6285 18.352Z",fill:"#292D32",stroke:"#D9D9D9"},null,-1)]))}const Q=v(U,[["render",G]]),J={},K={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function W(s,e){return o(),a("svg",K,e[0]||(e[0]=[$('<path d="M15 8.37003V7.41003C15 4.43003 12.93 3.29003 10.41 4.87003L7.49 6.70003C7.17 6.89003 6.8 7.00003 6.43 7.00003H5C3 7.00003 2 8.00003 2 10V14C2 16 3 17 5 17H7" stroke="#D9D9D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.41 19.13C12.93 20.71 15 19.56 15 16.59V12.95" stroke="#D9D9D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18.81 9.41992C19.71 11.5699 19.44 14.0799 18 15.9999" stroke="#D9D9D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.15 7.80005C22.62 11.29 22.18 15.37 19.83 18.5" stroke="#D9D9D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M22 2L2 22" stroke="#D9D9D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>',5)]))}const X=v(J,[["render",W]]),e1={class:"auto-reply-stories-wrapper"},t1={class:"stories-section"},s1={class:"video-controls"},o1={class:"video-player"},a1=["src"],i1={__name:"VideoStories",props:{stories:Object,showCloseIcon:Boolean},setup(s){const e=g(null),n=g(0),p=g([]),r=s;function d(l){p.value[n.value]=l.target.currentTime/l.target.duration*100}function k(){if(n.value>0)p.value[n.value]=0,n.value--,e.value.play();else{e.value.currentTime=0;return}}function C(){if(e.value.pause(),n.value<r.stories.length-1)p.value[n.value]=100,n.value++,e.value.play();else return}function m(){e.value.paused?e.value.play():e.value.pause()}function i(){e.value.muted?e.value.muted=!1:e.value.muted=!0}return q(()=>{r.stories.forEach((l,c)=>{p.value[c]=0})}),(l,c)=>{var _,b;return o(),a("div",e1,[t("div",{class:"backdrop",onClick:c[0]||(c[0]=L=>l.$emit("close"))}),s.showCloseIcon?(o(),u(P,{key:0,class:"close-btn",onClick:c[1]||(c[1]=L=>l.$emit("close"))})):h("",!0),s.showCloseIcon?h("",!0):(o(),a("div",{key:1,class:"video-seeker-wrapper",style:V({"grid-template-columns":`repeat(${s.stories.length}, calc(100% / ${s.stories.length} - (8px / ${s.stories.length})) )`})},[(o(!0),a(y,null,w(s.stories,(L,D)=>(o(),a("div",{class:"video-seeker",key:D},[t("div",{class:"completed",style:V({width:`${p.value[D]??0}%`})},null,4)]))),128))],4)),t("div",t1,[t("div",s1,[t("button",{onClick:m,class:"pause-btn"},[(_=e.value)!=null&&_.paused?(o(),u(Z,{key:0,class:"icon"})):(o(),u(R,{key:1,class:"icon"}))]),t("button",{onClick:i,class:"mute-btn"},[(b=e.value)!=null&&b.muted?(o(),u(X,{key:0,class:"icon"})):(o(),u(Q,{key:1,class:"icon"}))])]),t("div",o1,[(o(),a("video",{key:n.value,onEnded:C,autoplay:"",onTimeupdate:d,style:{"pointer-events":"none"},ref_key:"story",ref:e},[t("source",{type:"video/mp4",src:s.stories[n.value]},null,8,a1)],32))]),t("div",{class:"navigation"},[t("button",{onClick:k,class:"left-btn"}),t("button",{onClick:C,class:"right-btn"})])])])}}},n1=v(i1,[["__scopeId","data-v-116708f5"]]),r1={components:{TopBarHome:B,VideoStories:n1,ImageView:M},data(){return{faqs:null,showOverlay:!1,videoLink:null,body:null,showStories:!1,stories:[],topBarBackIcon:S,steps:[{description:"Creating an AutoDM",type:"create",image:"https://cdn.hypd.store/assets/img/a224message-87.png"},{description:"Connecting HYPD with Instagram",type:"setup",image:"https://cdn.hypd.store/assets/img/8355instagram-5.png"},{description:"Enabling allow access to messages",type:"allow",image:"https://cdn.hypd.store/assets/img/97b9send-24.png"},{description:"Creating a Facebook page",type:"create-facebook",image:"https://cdn.hypd.store/assets/img/a46efacebook-56.png"},{description:"Converting a Normal IG account to a Creator Account",type:"professional-account",image:"https://cdn.hypd.store/assets/img/bf80usersetting-77.png"},{description:"Connecting an existing Facebook page",type:"facebook-connect",image:"https://cdn.hypd.store/assets/img/ca44connect-facebook-79.png"}]}},mounted(){this.body=document.getElementsByTagName("body")[0],setTimeout(()=>{let s=document.querySelectorAll(".faq-link");for(let e of s)e.addEventListener("click",n=>this.openVideo(n,e.getAttribute("href")))},0)},methods:{showStory(s){switch(s){case"create":{this.videoLink="https://hypd-assets-prod.s3.ap-south-1.amazonaws.com/public/assets/video/hypd-autoreply-tutorial/1.mp4";break}case"setup":{this.videoLink="https://hypd-assets-prod.s3.ap-south-1.amazonaws.com/public/assets/video/hypd-autoreply-tutorial/2.mp4";break}case"allow":{this.videoLink="https://hypd-assets-prod.s3.ap-south-1.amazonaws.com/public/assets/video/hypd-autoreply-tutorial/3.mp4";break}case"professional-account":{this.videoLink="https://hypd-assets-prod.s3.ap-south-1.amazonaws.com/public/assets/video/hypd-autoreply-tutorial/4.mp4";break}case"create-facebook":{this.videoLink="https://hypd-assets-prod.s3.ap-south-1.amazonaws.com/public/assets/video/hypd-autoreply-tutorial/5.mp4";break}case"facebook-connect":{this.videoLink="https://hypd-assets-prod.s3.ap-south-1.amazonaws.com/public/assets/video/hypd-autoreply-tutorial/6.mp4";break}}this.showOverlay=!0},convertToCreatorProfile(){this.showStories=!this.showStories},getElement(s){return document.querySelector("#"+s)},closeVideo(){this.body.style.overflowY="scroll",this.videoLink=null,this.showOverlay=!1},openVideo(s,e){this.body.style.overflowY="hidden",s.preventDefault(),this.videoLink=e,this.showOverlay=!0},toggleFaq(s){this.faqs.ques[s].expand_faq_flag=!this.faqs.ques[s].expand_faq_flag},openChat(){this.$router.push({path:"/support",query:this.$route.query})},goBack(){this.$router.go(-1)}},created(){if(!this.$route.params.category)this.$router.push("/help");else{let s=this.$store.state.globalState.faq_list.findIndex(e=>e.path===this.$route.params.category);this.faqs=this.$store.state.globalState.faq_list[s],this.faqs.ques.forEac

1h(e=>{e.expand_faq_flag=!1})}}},l1={key:1,class:"overlay"},d1={class:"video-container"},c1={controls:"",autoplay:"",disablepictureinpicture:"",controlsList:"nodownload",oncontextmenu:"return false;",class:"video"},u1=["src"],p1={style:{padding:"16px 0"}},h1={key:0,class:"auto-reply-stories"},v1=["onClick"],C1={class:"image"},k1={id:"story-description"},m1=["onClick"],g1={style:{"max-width":"90%"}},f1={key:0,style:{"font-size":"26px","line-height":"0"}},y1={key:1,style:{"font-size":"37px","line-height":"0"}},w1=["innerHTML"];function _1(s,e,n,p,r,d){const k=f("VideoStories"),C=f("TopBarHome"),m=f("ImageView");return o(),a("div",null,[r.showStories?(o(),u(k,{key:0,onClose:e[0]||(e[0]=i=>r.showStories=!1),stories:r.stories},null,8,["stories"])):h("",!0),r.showOverlay?(o(),a("div",l1,[t("div",{class:"close",onClick:e[1]||(e[1]=(...i)=>d.closeVideo&&d.closeVideo(...i))},e[3]||(e[3]=[t("img",{src:I,style:{color:"white","background-color":"white","border-radius":"50%"},alt:""},null,-1)])),t("div",{class:"backdrop",onClick:e[2]||(e[2]=(...i)=>d.closeVideo&&d.closeVideo(...i))}),t("div",d1,[t("video",c1,[t("source",{src:r.videoLink,type:"video/mp4"},null,8,u1)])])])):h("",!0),s.$route.query.isApp?h("",!0):(o(),u(C,{key:2,class:"onboarding-top-bar",headTitle:"Help",tailText:"Skip",headMethod:d.goBack,headIconURL:r.topBarBackIcon},null,8,["headMethod","headIconURL"])),t("section",p1,[s.$route.params.category=="auto-replies"?(o(),a("div",h1,[(o(!0),a(y,null,w(r.steps,(i,l)=>(o(),a("div",{class:"activate-auto-dm",key:l,onClick:c=>d.showStory(i.type)},[t("div",C1,[H(m,{src:i.image,borderRadius:"50%"},null,8,["src"])]),t("p",k1,x(i.description),1)],8,v1))),128))])):h("",!0),(o(!0),a(y,null,w(r.faqs.ques,(i,l)=>(o(),a("div",{key:l,class:"faq-container"},[t("div",{class:"faq-card",onClick:c=>d.toggleFaq(l,s.flag)},[t("div",g1,x(i.faq),1),i.expand_faq_flag?(o(),a("div",y1,"-")):(o(),a("div",f1," + "))],8,m1),T(t("div",{class:"faq-ans",innerHTML:i.ans},null,8,w1),[[j,i.expand_faq_flag]])]))),128)),e[4]||(e[4]=$('<div class="title" data-v-aa21d48e>Contact Us</div><div class="chat-section" data-v-aa21d48e><div class="chat-icon-section" data-v-aa21d48e><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" data-v-aa21d48e><path d="M18.4738 16.83L18.8638 19.99C18.9638 20.82 18.0738 21.4 17.3638 20.97L13.1738 18.48C12.7138 18.48 12.2638 18.45 11.8238 18.39C12.5638 17.52 13.0038 16.42 13.0038 15.23C13.0038 12.39 10.5438 10.09 7.50375 10.09C6.34375 10.09 5.27376 10.42 4.38376 11C4.35376 10.75 4.34375 10.5 4.34375 10.24C4.34375 5.68999 8.29375 2 13.1738 2C18.0538 2 22.0038 5.68999 22.0038 10.24C22.0038 12.94 20.6138 15.33 18.4738 16.83Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-v-aa21d48e></path><path d="M13 15.23C13 16.42 12.56 17.5201 11.82 18.3901C10.83 19.5901 9.26 20.36 7.5 20.36L4.89 21.91C4.45 22.18 3.89 21.81 3.95 21.3L4.2 19.3301C2.86 18.4001 2 16.91 2 15.23C2 13.47 2.94 11.9201 4.38 11.0001C5.27 10.4201 6.34 10.0901 7.5 10.0901C10.54 10.0901 13 12.39 13 15.23Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-v-aa21d48e></path></svg></div><div style="font-family:Urbanist-Regular;font-size:12px;color:#a9a9a9;text-transform:uppercase;" data-v-aa21d48e> Still looking for answers? </div><div class="mb-7.5" data-v-aa21d48e>Email us @</div><a class="support-btn" href="mailto:[email protected]" data-v-aa21d48e><span class="mr-2" data-v-aa21d48e>[email protected]</span><span data-v-aa21d48e><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" data-v-aa21d48e><path d="M7.42188 16.6L12.8552 11.1667C13.4969 10.525 13.4969 9.47503 12.8552 8.83336L7.42188 3.40002" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" data-v-aa21d48e></path></svg></span></a></div>',2))])])}const D1=v(r1,[["render",_1],["__scopeId","data-v-aa21d48e"]]);export{D1 as default};