https://www.creator.hypd.store/assets/ManageRule-D7qXXoNj.js

1import{_ as oe,c as H,o as w,a as l,g as O,a7 as Te,n as q,A as he,j as je,L as k,m as $,N as He,X as a,a3 as Ne,l as Ye,M as Ke,f as Y,ac as ze,W as ae,b as K,d as B,p as Ge,B as Ze,t as ne,G as ke,w as we,y as qe,s as se,D as We,J as Je,K as Xe}from"./index-Cthg2AOb.js";import{A as Qe,P as et}from"./PreviewData-D6LvcGPx.js";import{_ as tt,a as at,T as st,M as ot,K as lt,S as it}from"./MessageSection-CFgvggc7.js";import{C as Me}from"./CustomSwitch-Ba6EFYBV.js";import{C as rt}from"./CustomInput-8f9S_FoJ.js";import{O as nt,D as ut,G as dt}from"./globe-12FvLcyR.js";import"./WarningIcon-BwazUte3.js";import"./InstagramIcon-C57ogsnO.js";import"./EyeIcon-CeWiOJaQ.js";const ct={},mt={xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"};function pt(C,R){return w(),H("svg",mt,R[0]||(R[0]=[l("path",{d:"M2.38672 3.43994H11.6134C12.7201 3.43994 13.6134 4.33327 13.6134 5.43994V7.65328",stroke:"#FB6C23","stroke-miterlimit":"10","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),l("path",{d:"M4.49339 1.33331L2.38672 3.43996L4.49339 5.54665",stroke:"#FB6C23","stroke-miterlimit":"10","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),l("path",{d:"M13.6134 12.56H4.38672C3.28005 12.56 2.38672 11.6667 2.38672 10.56V8.34668",stroke:"#FB6C23","stroke-miterlimit":"10","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),l("path",{d:"M11.5068 14.6666L13.6135 12.56L11.5068 10.4533",stroke:"#FB6C23","stroke-miterlimit":"10","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)]))}const vt=oe(ct,[["render",pt]]),gt={class:"settings-card"},ft={class:"settings-card-header"},_t={__name:"FollowForLink",props:{modelValue:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(C){return(R,s)=>(w(),H("div",gt,[l("div",ft,[s[1]||(s[1]=l("span",{class:"settings-card-label"},"FOLLOW FOR LINK",-1)),O(Me,{color:"rgba(251, 108, 35, 1)",checked:C.modelValue,onChangeStatus:s[0]||(s[0]=Te(g=>R.$emit("update:modelValue",!C.modelValue),["stop"]))},null,8,["checked"])]),s[2]||(s[2]=l("div",{class:"settings-card-divider"},null,-1)),s[3]||(s[3]=l("div",{class:"settings-card-body"},[l("p",{class:"settings-card-desc"},"Prompt users who don't follow you, to follow you first before receiving the product links."),l("p",{class:"settings-card-note"},"Please note: We would advise you to use this feature cautiously, and any misuse of this feature could lead to account restrictions or suspension from Meta.")],-1))]))}},yt=oe(_t,[["__scopeId","data-v-11ed0eea"]]),bt={class:"settings-card"},ht={class:"settings-card-body"},kt={class:"mode-grid"},wt={__name:"AutoDMSwitch",props:{modelValue:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(C){return(R,s)=>(w(),H("div",bt,[s[4]||(s[4]=l("div",{class:"settings-card-header"},[l("span",{class:"settings-card-label"},"AUTOMATION MODE")],-1)),s[5]||(s[5]=l("div",{class:"settings-card-divider"},null,-1)),l("div",ht,[l("div",kt,[l("div",{class:q(["mode-tile",{"mode-tile--active":C.modelValue}]),onClick:s[0]||(s[0]=g=>R.$emit("update:modelValue",!0))},s[2]||(s[2]=[he('<div class="recommended-tag" data-v-f9d06d3f>RECOMMENDED</div><div class="mode-icon mode-icon--orange" data-v-f9d06d3f><svg width="14" height="17" viewBox="0 0 14 17" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-f9d06d3f><path d="M3.33333 16.6667L4.16667 10.8333H0L7.5 0H9.16667L8.33333 6.66667H13.3333L5 16.6667H3.33333Z" fill="white" data-v-f9d06d3f></path></svg></div><span class="mode-title" data-v-f9d06d3f>AutoDM + Store</span><p class="mode-desc" data-v-f9d06d3f>Automatically send tagged product links to people who comment, while adding products to your Store.</p>',4)]),2),l("div",{class:q(["mode-tile",{"mode-tile--active":!C.modelValue}]),onClick:s[1]||(s[1]=g=>R.$emit("update:modelValue",!1))},s[3]||(s[3]=[he('<div class="recommended-tag recommended-tag--hidden" data-v-f9d06d3f>RECOMMENDED</div><div class="mode-icon mode-icon--grey" data-v-f9d06d3f><svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-f9d06d3f><path d="M0.833333 1.66667V0H14.1667V1.66667H0.833333ZM0.833333 13.3333V8.33333H0V6.66667L0.833333 2.5H14.1667L15 6.66667V8.33333H14.1667V13.3333H12.5V8.33333H9.16667V13.3333H0.833333ZM2.5 11.6667H7.5V8.33333H2.5V11.6667Z" fill="#5F5E5E" data-v-f9d06d3f></path></svg></div><span class="mode-title" data-v-f9d06d3f>Store Only</span>

1<p class="mode-desc" data-v-f9d06d3f>Don&#39;t send links via AutoDM. Only add products to your Store.</p>',4)]),2)])])]))}},Tt=oe(wt,[["__scopeId","data-v-f9d06d3f"]]),Mt={class:"settings-card-header"},Et={class:"settings-card-body"},Ct={__name:"CommentReplySection",props:{modelValue:{type:String,default:""},allowComments:{type:Boolean,default:!0}},emits:["update:modelValue","update:allowComments"],setup(C){return(R,s)=>(w(),H("div",{class:q(["settings-card",{"opacity-80 cursor-not-allowed":!C.allowComments}])},[l("div",Mt,[s[2]||(s[2]=l("span",{class:"settings-card-label"},"COMMENT REPLY",-1)),O(Me,{color:"rgba(251, 108, 35, 1)",checked:C.allowComments,onChangeStatus:s[0]||(s[0]=Te(g=>R.$emit("update:allowComments",!C.allowComments),["stop"]))},null,8,["checked"])]),s[3]||(s[3]=l("div",{class:"settings-card-divider"},null,-1)),l("div",Et,[O(rt,{origin:"auto-reply",style:{"font-family":"Urbanist-Medium","font-size":"16px",color:"var(--primary-black)"},type:"text",value:C.modelValue,onUpdateValue:s[1]||(s[1]=g=>R.$emit("update:modelValue",g)),required:!1,placeholder:"Eg: check your DM :)",pressEnter:!1,disabled:!C.allowComments},null,8,["value","disabled"])])],2))}},Rt=oe(Ct,[["__scopeId","data-v-3d7627a1"]]),xt={class:"!bg-[#f2f1f6] mt-[60px]"},St={class:"basic-info-wrapper"},Pt={class:"w-full bg-white top-[60px] sticky z-10"},Vt={class:"title-step"},Dt={class:"flex items-center gap-4"},Lt={class:"title"},$t={class:"flex items-center justify-center gap-4"},Ot={key:0,class:"mr-page-error mr-page-error--header"},Ut={class:"basic-info"},At={class:"insta-post"},Ft={class:"head"},Bt={class:"post"},It=["src"],jt={class:"caption-wrapper"},Ht={class:"caption"},Nt={class:"tab-toggle"},Yt={class:"bg-white py-3 px-4 z-[17] fixed bottom-0 w-full sm:hidden"},Kt={key:0,class:"mr-page-error"},zt={__name:"ManageRule",setup(C){function R(e){if(!e)return!0;try{const t=new URL(e);return(t.protocol==="http:"||t.protocol==="https:")&&t.hostname.includes(".")}catch{return!1}}const s=Ye(),g=He(),{proxy:W}=je(),x=k(!1),T=k(""),ue=k(!1),le=k(!1),N=k(null),M=k(!0),z=k(!1),G=k(!0),_=k(""),me=k({}),U=k({}),pe=k([]),y=k("product"),b=k({link:!0}),ve=k({}),ie=k([{type:"store",text:"My Hypd Store",subText:"Add products from your existing curations - Collections/Afflinks/Spotlight in your store!",icon:nt,routeName:Ie,products:[]},{type:"discover",text:"HYPD Discover",subText:"Discover & add products from all HYPD affiliated partner brands & marketplaces.",icon:ut,routeName:Be,products:[]},{type:"universal",text:"Universal Links",subText:"Promote products from any website, like Amazon or Zara, for your brand collab content.",icon:dt,routeName:Fe,products:[]}]),S=$(()=>g.params.mode==="edit"),Ee=$(()=>Object.keys(a.state.globalState.featuredThings).length),de=$(()=>Object.values(a.state.globalState.featuredThings)),A=$(()=>{var e;return!!((e=a.state.facebook.activePage)!=null&&e.page_id)}),J=$(()=>{var e;return(e=a.state.facebook.activePage)==null?void 0:e.page_id}),Ce=$(()=>{var e,t,o,n,r,c;return A.value?((e=a.state.facebook.selectedFbMedia)==null?void 0:e.media_url)||((t=a.state.facebook.fbRuleToEdit)==null?void 0:t.thumbnail_url)||"":((n=(o=a.state.instagram)==null?void 0:o.selectedMedia)==null?void 0:n.media_url)||((c=(r=a.state.instagram)==null?void 0:r.ruleToEdit)==null?void 0:c.thumbnail_url)}),Re=$(()=>{var e,t,o,n,r,c;return A.value?((e=a.state.facebook.selectedFbMedia)==null?void 0:e.caption)||((t=a.state.facebook.fbRuleToEdit)==null?void 0:t.message)||"":((n=(o=a.state.instagram)==null?void 0:o.selectedMedia)==null?void 0:n.caption)||((c=(r=a.state.instagram)==null?void 0:r.ruleToEdit)==null?void 0:c.name)||""}),X=$(()=>{var e,t;return A.value?!1:S.value?a.state.instagram.ruleToEdit.is_story:(t=(e=a.state.instagram)==null?void 0:e.selectedMedia)==null?void 0:t.is_story}),xe=$(()=>Object.values(a.state.globalState.featuredThings).filter(e=>e.source==="store")),Se=$(()=>Object.values(a.state.globalState.featuredThings).filter(e=>e.source==="discover")),Pe=$(()=>Object.values(a.state.globalState.featuredThings).filter(e=>e.source==="universal"));Ne(()=>{var t,o,n,r,c,h,E,i,v,f,F,u,I,Z;const e=g.params.mode!=="edit";if(A.value){if(e&&Object.keys(a.state.facebook.selectedFbMedia).length===0){a.dispatch("facebook/clearFbRule"),s.go(-1);return}if(!e&&Object.keys(a.state.facebook.fbRuleToEdit).length===0){a.dispatch("facebook/clearFbEditRule"),s.go(-1);return}if(e){const d=a.state.facebook.fbRuleToCreate;if(Object.keys(d).length>0){_.value=d.comment_reply||"Hi! Sent the link through DM. ❤️";for(const V of d.keywords||[])b.value[V]=!0;M.value=!!d.is_comment_reply_active,z.value=!!d.is_follow_check_enabled,G.value=!d.is_display_only}else _.value="Hi! Sent the link through DM. ❤️",M.value=!0}else{const d=a.state.facebook.fbRuleToEdit;a.dispatch("globalState/setInEditMode",!0),_.value=d.comment_reply||"";for(const D of d.keywords||[])b.value[D]=!0;re(),M.value=!!d.is_comment_reply_active,(d.type==="text"||d.type==="text-button"||((o=(t=d.resources)==null?void 0:t[0])==null?void 0:o.type)==="custom")&&(y.value="message")}return}

1if(e&&Object.entries((n=a.state.instagram)==null?void 0:n.selectedMedia).length===0){a.dispatch("instagram/clearRule"),s.go(-1);return}if(!e&&Object.entries((r=a.state.instagram)==null?void 0:r.ruleToEdit).length===0){a.dispatch("instagram/clearEditRule"),s.go(-1);return}if(e){const{default_keywords:d,default_comment_reply:V}=((h=(c=a.state.instagram)==null?void 0:c.info)==null?void 0:h.account_settings)||{};if(_.value=V||"Hi! Sent the link through DM. ❤️",d)for(const D of d)b.value[D]=!0;if((E=a.state.globalState.ruleToCreate)!=null&&E.keywords)for(const D of a.state.globalState.ruleToCreate.keywords)b.value[D]=!0;M.value=!0}else{a.dispatch("globalState/setInEditMode",!0),_.value=(i=a.state.instagram.ruleToEdit)==null?void 0:i.comment_reply;for(const V of((v=a.state.instagram.ruleToEdit)==null?void 0:v.keywords)||[])b.value[V]=!0;re(),M.value=((f=a.state.instagram.ruleToEdit)==null?void 0:f.comment_response_status)==="active"||!!((F=a.state.instagram.ruleToEdit)!=null&&F.is_comment_reply_active),z.value=!!((u=a.state.instagram.ruleToEdit)!=null&&u.is_follow_check_enabled),G.value=!((I=a.state.instagram.ruleToEdit)!=null&&I.is_display_only);const d=(Z=a.state.instagram.ruleToEdit)==null?void 0:Z.type;(d==="text"||d==="text-button")&&(y.value="message")}}),Ke(async()=>{var t,o,n,r,c,h,E;Y("autoreply_create:visit",{instagram_media_id:((t=a.state.instagram.selectedMedia)==null?void 0:t.id)||((o=a.state.instagram.ruleToEdit)==null?void 0:o.media_id),page_type:g.params.mode,media_type:(n=a.state.instagram.selectedMedia)!=null&&n.is_story?"story":"post"});const e=await ze();for(const i of Object.keys(b.value))e!=null&&e[i]&&delete e[i];if(ve.value=e,await Ve(),re(),y.value==="message"){if(S.value&&N.value){const i=A.value?(c=(r=a.state.facebook.fbRuleToEdit)==null?void 0:r.resources)==null?void 0:c[0]:(E=(h=a.state.instagram.ruleToEdit)==null?void 0:h.resource)==null?void 0:E[0];i&&N.value.setData({message:i.title||"",buttons:i.buttons||[],image_url:i.image_url||""})}}else Q()});async function Ve(){try{const e=await ae({method:"GET",url:`${W.$fbURL}/api/app/instagram/commissions`,withCredentials:!0,headers:{"Content-Type":"application/json"}});me.value={...e.data.payload}}catch(e){console.log(e)}}function re(){ie.value[0].products=[...xe.value],ie.value[1].products=[...Se.value],ie.value[2].products=[...Pe.value]}function ge(e){ue.value=!0,pe.value=[...e]}function De(){ue.value=!1,re()}function Le(){var e,t;M.value=!M.value,Y("autoreply_create:comment_enable",{instagram_media_id:((e=a.state.globalState.selectedInstagramPost)==null?void 0:e.id)||((t=a.state.globalState.ruleToEdit)==null?void 0:t.media_id),page_type:g.params.mode,is_enabled:M.value})}function $e(){var e,t;Y("autoreply_create:change_post",{instagram_media_id:((e=a.state.globalState.selectedInstagramPost)==null?void 0:e.id)||((t=a.state.globalState.ruleToEdit)==null?void 0:t.media_id),page_type:g.params.mode}),s.go(-1)}function Q(){var t,o,n,r,c,h,E,i;if(Object.keys(b.value).length===0)return T.value="You need to set at least 1 keyword to send a reply to.",!1;if(!_.value||_.value.trim()==="")return T.value="Your response comment cannot be empty.",!1;const e=a.state.instagram;if(A.value){const v=a.state.facebook.selectedFbMedia,f=a.state.facebook.fbRuleToEdit;return U.value={message:v.caption||f.message||"",media_id:v.id||f.media_id,post_url:v.permalink_URL||f.post_url||"",thumbnail_url:v.media_url||f.thumbnail_url||"",page_id:J.value,keywords:Object.keys(b.value),is_comment_reply_active:M.value,comment_reply:_.value,type:"default",status:"active"},S.value?(U.value.id=f.id||g.params.ruleId,a.dispatch("facebook/setFbEditRule",U.value)):a.dispatch("facebook/setFbRule",U.value),!0}return U.value={name:e.selectedMedia.caption||e.ruleToEdit.name||"",post_url:e.selectedMedia.permalink||((t=e.ruleToEdit)==null?void 0:t.post_url),media_type:((o=e.selectedMedia)==null?void 0:o.media_type)||((n=e.ruleToEdit)==null?void 0:n.media_type),media_id:e.selectedMedia.id||e.ruleToEdit.media_id,keywords:Object.keys(b.value),comment_reply:_.value,is_comment_reply_active:M.value,thumbnail_url:((r=e.ruleToEdit)==null?void 0:r.thumbnail_url)||((c=e.ruleToEdit)==null?void 0:c.media_url)||((h=e.selectedMedia)==null?void 0:h.media_url)||((E=e.selectedMedia)==null?void 0:E.thumbnail_url),instagram_id:(i=e.info)==null?void 0:i.instagram_id,is_follow_check_enabled:z.value,is_display_only:X.value?!1:!G.value,status:"active",type:"default",resource:de.value},e.selectedMedia.is_story&&(U.value.is_story=!0),S.value?(U.value.id=e.ruleToEdit.id||g.params.id,U.value.is_story=e.ruleToEdit.is_story,a.dispatch("instagram/setEditRule",U.value)):a.dispatch("instagram/setRule",U.value),!0}async function fe(){var t,o,n,r;if(x.value)return;if(T.value="",Y("autoreply_create:publish_click",{instagram_media_id:((t=a.state.globalState.selectedInstagramPost)==null?void 0:t.id)||((o=a.state.instagram.ruleToEdit)==null?void 0:o.media_id),page_type:g.params.mode}),A.value){await Oe();return}if(y.value==="message"){await Ue();return}if(Q())if(x.value=!0,S.value){const c=(n=a.state.instagram.ruleToEdit)!=null&&n.instagram_id?{...a.state.instagram.ruleToEdit}:{},h=await Je({...c});x.value=!1,h&&(a.dispatch("globalState/clearAllFeaturedThings"),s.go(-1))}else{const c=(r=a.state.instagram.ruleToCreate)!=null&&r.instagram_id?{...a.state.instagram.ruleToCreate}:{},h=await Xe({...c});x.value=!1,h&&(a.dispatch("globalState/clearAllFeaturedThings"),le.value=!0)}}async function Oe(){var n,r,c,h,E;if(Object.keys(b.value).length===0){T.value="You need to set at least 1 keyword to send a reply to.";return}if(!_.value||_.value.trim()===""){T.value="Your response comment cannot be empty.";return}const e=a.state.facebook.selectedFbMedia,t=a.state.facebook.fbRuleToEdit;let o;if(y.value==="message"){const{message:i,image:v,imageUrl:f,buttons:F}=N.value.getData(),u=p=>{var L;return(L=N.value)==null?void 0:L.setError(p)};if(u(""),!(i!=null&&i.trim())){u("Please enter a message before publishing.");return}const I=F.find(p=>{var L,j;return((L=p.text)==null?void 0:L.trim())&&!((j=p.link)!=null&&j.trim())});if(I){u(`Button "${I.text}" is missing a URL. Please add a URL or remove the button.`);return}if(F.find(p=>{var L,j;return((L=p.link)==null?void 0:L.trim())&&!((j=p.text)!=null&&j.trim())})){u("Button text cannot be empty when a URL is set.");return}const d=F.find(p=>p.link&&!R(p.link));if(d){u(`Invalid URL "${d.link}". Button links must start with https:// or http://.`);return}const V=F.filter(p=>p.link&&p.text),D=V.length>0;if(!!(v||f)&&!D){u("A button is required when an image is added. Please add a button with a URL.");return}u("");let ee=f||"";if(v)try{const p=new FormData;p.append("image",v),ee=((r=(n=(await ae({method:"POST",url:`${W.$cmsURL}/api/v2/image/upload`,headers:{"Content-Type":"multipart/form-data"},data:p})).data)==null?void 0:n.payload)==null?void 0:r.url)||""}catch{T.value="Image upload failed. Please try again.",x.value=!1;return}o={message:e.caption||t.message||"",media_id:e.id||t.media_id,post_url:e.permalink_URL||t.post_url||"",thumbnail_url:e.media_url||t.thumbnail_url||"",page_id:J.value,keywords:Object.keys(b.value),is_comment_reply_active:M.value,comment_reply:_.value,type:D?"text-button":"text",status:"active",resource:[{type:"custom",title:i,image_url:ee,...D?{buttons:V.map(p=>({name:p.text,link:p.link}))}:{}}]}}else o={message:e.caption||t.message||"",media_id:e.id||t.media_id,post_url:e.permalink_URL||t.post_url||"",thumbnail_url:e.media_url||t.thumbnail_url||"",page_id:J.value,keywords:Object.keys(b.value),is_comment_reply_active:M.value,comment_reply:_.value,type:"default",status:"active",resource:Object.values(a.state.globalState.featuredThings).map(i=>{const{store_url:v,...f}=i;

1return f.image_url||delete f.image_url,i.type==="collection"&&delete f.price,f})};S.value&&(o.id=t.id||g.params.ruleId),x.value=!0;try{const i=await ae({method:S.value?"PATCH":"POST",url:`${W.$fbURL}/api/facebook/${J.value}/rules`,data:o,withCredentials:!0,headers:{"Content-Type":"application/json"}});S.value?s.go(-1):(c=i.data)!=null&&c.payload&&(le.value=!0)}catch(i){console.log(i);const v=(E=(h=i==null?void 0:i.response)==null?void 0:h.data)==null?void 0:E.error;T.value=Array.isArray(v)&&v.length?v[0].message:"Failed to save rule. Please try again."}finally{x.value=!1}}async function Ue(){var Z,d,V,D,ce,ee,p,L,j,_e,ye,be;if(Object.keys(b.value).length===0){T.value="You need to set at least 1 keyword to send a reply to.";return}const{message:e,image:t,imageUrl:o,buttons:n}=N.value.getData(),r=m=>{var P;return(P=N.value)==null?void 0:P.setError(m)};if(!(e!=null&&e.trim())){r("Please enter a message.");return}const c=n.find(m=>{var P,te;return((P=m.text)==null?void 0:P.trim())&&!((te=m.link)!=null&&te.trim())});if(c){r(`Button "${c.text}" is missing a URL. Please add a URL or remove the button.`);return}if(n.find(m=>{var P,te;return((P=m.link)==null?void 0:P.trim())&&!((te=m.text)!=null&&te.trim())})){r("Button text cannot be empty when a URL is set.");return}const E=n.find(m=>m.link&&!R(m.link));if(E){r(`Invalid URL "${E.link}". Button links must start with https:// or http://.`);return}const i=n.filter(m=>m.link&&m.text),v=i.length>0;if(!!(t||o)&&!v){r("A button is required when an image is added. Please add a button with a URL.");return}r("");let F=o||"";if(t){x.value=!0;try{const m=new FormData;m.append("image",t),F=((d=(Z=(await ae({method:"POST",url:`${W.$cmsURL}/api/v2/image/upload`,headers:{"Content-Type":"multipart/form-data"},data:m})).data)==null?void 0:Z.payload)==null?void 0:d.url)||""}catch{T.value="Image upload failed. Please try again.",x.value=!1;return}}const u=a.state.instagram,I={name:u.selectedMedia.caption||u.ruleToEdit.name||"",post_url:u.selectedMedia.permalink||((V=u.ruleToEdit)==null?void 0:V.post_url),media_type:((D=u.selectedMedia)==null?void 0:D.media_type)||((ce=u.ruleToEdit)==null?void 0:ce.media_type),media_id:u.selectedMedia.id||u.ruleToEdit.media_id,keywords:Object.keys(b.value),comment_reply:_.value,is_comment_reply_active:M.value,thumbnail_url:((ee=u.ruleToEdit)==null?void 0:ee.thumbnail_url)||((p=u.ruleToEdit)==null?void 0:p.media_url)||((L=u.selectedMedia)==null?void 0:L.media_url)||((j=u.selectedMedia)==null?void 0:j.thumbnail_url),instagram_id:(_e=u.info)==null?void 0:_e.instagram_id,is_follow_check_enabled:z.value,status:"active",type:v?"text-button":"text",is_display_only:!1,resource:[{type:"custom",title:e,image_url:F,...v?{buttons:i.map(m=>({name:m.text,link:m.link}))}:{}}]};u.selectedMedia.is_story&&(I.is_story=!0),S.value&&(I.id=u.ruleToEdit.id||g.params.id),x.value=!0;try{await ae({method:S.value?"PATCH":"POST",url:`${W.$fbURL}/api/app/instagram/rule`,data:I,withCredentials:!0,headers:{"Content-Type":"application/json"}}),S.value?(a.dispatch("globalState/clearAllFeaturedThings"),s.go(-1)):(a.dispatch("globalState/clearAllFeaturedThings"),le.value=!0)}catch(m){console.log(m);const P=(be=(ye=m==null?void 0:m.response)==null?void 0:ye.data)==null?void 0:be.error;T.value=Array.isArray(P)&&P.length?P[0].message:"Failed to save rule. Please try again."}finally{x.value=!1}}function Ae(){if(A.value){s.push({name:"AutoDMRules",params:{platform:"facebook",accountId:J.value}});return}sessionStorage.setItem("autodm_tab",X.value?"stories":"posts"),s.push({name:"AutoDMRules"})}function Fe(){Q(),s.push({name:"AutoDMUniversal"})}function Be(){var t,o,n,r;Y("autoreply_create:choose_product",{instagram_media_id:((t=a.state.instagram.selectedMedia)==null?void 0:t.id)||((o=a.state.instagram.ruleToEdit)==null?void 0:o.media_id),page_type:g.params.mode,choose_from:"hypd explore"}),Q()&&(Y("autoreply_create:explore_visit",{instagram_media_id:((n=a.state.instagram.ruleToEdit)==null?void 0:n.media_id)||((r=a.state.instagram.selectedMedia)==null?void 0:r.media_id),page_type:g.params.mode}),s.push({name:"AutoDMExplore"}))}async function Ie(){var t,o;Y("autoreply_create:choose_product",{instagram_media_id:((t=a.state.instagram.selectedMedia)==null?void 0:t.id)||((o=a.state.instagram.ruleToEdit)==null?void 0:o.media_id),page_type:g.params.mode,choose_from:"my store"}),Q()&&s.push({name:"AutoDMFeatureCollections"})}return(e,t)=>(w(),H("div",xt,[l("div",St,[le.value?(w(),K(Qe,{key:0,onView:t[0]||(t[0]=o=>Ae())})):B("",!0),ue.value?(w(),K(et,{key:1,products:pe.value,onBack:De},null,8,["products"])):B("",!0),l("div",Pt,[l("div",Vt,[l("div",Dt,[O(Ze,{onClick:t[1]||(t[1]=()=>Ge(s).go(-1)),class:"w-4"}),l("h2",Lt,ne(S.value?"Manage":"Create")+" AutoDM",1)]),l("div",$t,[T.value?(w(),H("div",Ot,ne(T.value),1)):B("",!0),t[10]||(t[10]=l("div",{class:"steps whitespace-nowrap"},"Step 2/3",-1)),O(we,{class:"publish-button",type:"primary",loading:x.value,onSubmit:fe},{default:ke(()=>t[9]||(t[9]=[se(" Publish ")])),_:1},8,["loading"])])])]),l("div",Ut,[l("div",At,[l("div",Ft,[l("div",Bt,[l("img",{src:Ce.value,alt:""},null,8,It)]),l("div",jt,[l("div",Ht,ne(Re.value),1),S.value?B("",!0):(w(),H("div",{key:0,class:"change-post",onClick:$e},[O(vt),t[11]||(t[11]=se(" CHANGE POST "))]))])])]),l("div",Nt,[l("button",{class:q(["tab-chip",{active:y.value==="product"}]),onClick:t[2]||(t[2]=o=>y.value="product")},[O(tt,{color:y.value==="product"?"#fff":"#000",class:"w-4 h-4"},null,8,["color"]),t[12]||(t[12]=se(" Product "))],2),l("button",{class:q(["tab-chip",{active:y.value==="message"}]),onClick:t[3]||(t[3]=o=>y.value="message")},[O(at,{color:y.value==="message"?"#fff":"#000",class:"w-4 h-4"},null,8,["color"]),t[13]||(t[13]=se(" Message "))],2)]),y.value==="product"?(w(),K(st,{key:0,stores:ie.value,"commission-text":me.value,"tagged-count":Ee.value,"all-products":de.value,onPreview:ge},null,8,["stores","commission-text","tagged-count","all-products"])):B("",!0),qe(O(ot,{ref_key:"messageSectionRef",ref:N},null,512),[[We,y.value==="message"]]),!A.value&&!X.value&&y.value==="product"?(w(),K(Tt,{key:1,modelValue:G.value,"onUpdate:modelValue":t[4]||(t[4]=o=>G.value=o)},null,8,["modelValue"])):B("",!0),l("div",{class:q(["dm-sections-wrapper",{"dm-sections-wrapper--disabled":y.value==="product"&&!G.value}])},[O(lt,{modelValue:b.value,"onUpdate:modelValue":t[5]||(t[5]=o=>b.value=o),"suggested-keywords":ve.value},null,8,["modelValue","suggested-keywords"]),X.value?B("",!0):(w(),K(Rt,{key:0,modelValue:_.value,"onUpdate:modelValue":t[6]||(t[6]=o=>_.value=o),allowComments:M.value,"onUpdate:allowComments":Le},null,8,["modelValue","allowComments"])),A.value?B("",!0):(w(),K(yt,{key:1,modelValue:z.value,"onUpdate:modelValue":t[7]||(t[7]=o=>z.value=o)},null,8,["modelValue"]))],2),y.value==="product"?(w(),K(it,{key:2,"is-story":X.value,onEditDmCard:t[8]||(t[8]=o=>ge(de.value))},null,8,["is-story"])):B("",!0)]),l("div",Yt,[T.value?(w(),H("div",Kt,ne(T.value),1)):B("",!0),O(we,{class:"publish-btn",loading:x.value,onSubmit:fe,type:"primary"},{default:ke(()=>t[14]||(t[14]=[se(" Publish ")])),_:1},8,["loading"])])])]))}},aa=oe(zt,[["__scopeId","data-v-3e9bfb25"]]);export{aa as default};