https://app.instantdm.com/static/js/7797.5086009a.chunk.js

1"use strict";(self.webpackChunkinsta_automate=self.webpackChunkinsta_automate||[]).push([[7797],{25234:(t,e,n)=>{n.d(e,{Mc:()=>r,Q6:()=>l,rp:()=>i,uy:()=>c});var a=n(55472),o=n(52446);const s="connect_links",c="share_link_id",i=6048e5;function r(t){return(0,a.H9)(o.fireDB,s,t)}async function l(t){const e=localStorage.getItem(c);if(e){localStorage.removeItem(c);try{await(0,a.mZ)(r(e),{status:"connected",connected_username:t||null,connected_at:Date.now()})}catch(n){console.warn("share-link status update failed",n)}}}},30687:(t,e,n)=>{n.r(e),n.d(e,{default:()=>p});n(22570);var a=n(65043);n.p,n.p;var o=n(16569),s=n(63942),c=n(13382),i=n(85578),r=n(29169),l=(n(20678),n(54420)),m=n(55472),d=n(25234),u=n(70579);const p=function(){let t="business_basic,business_content_publish,business_manage_comments,business_manage_messages",e="996086435858506",n="https://app.instantdm.com/fb-rdr",p="https://www.instagram.com/oauth/authorize?client_id=".concat(e,"&redirect_uri=").concat(n,"&response_type=code&scope=").concat(t);const f=window.location.search,g=new URLSearchParams(f).get("show_ig_connect")||!1,[h,y]=(0,a.useState)(!1),[v,x]=(0,a.useState)(!1),[b,w]=(0,a.useState)(null),[j,_]=(0,a.useState)("pending"),[k,S]=(0,a.useState)(!1),A=!!localStorage.getItem("token")&&!localStorage.getItem(d.uy),C=async()=>{var t;const e=localStorage.getItem("token");let n=null;try{n=(0,l.s)(e)}catch(s){}if(null!==(t=n)&&void 0!==t&&t.user_id){S(!0);try{var a;await(0,m.BN)((0,d.Mc)(n.user_id),{token:e,user_id:n.user_id,name:(null===(a=n)||void 0===a?void 0:a.name)||null,show_ig_connect:0!=g,status:"pending",created_at:Date.now()}),_("pending"),w("".concat(window.location.origin,"/connect/").concat(n.user_id)),x(!0)}catch(c){console.error("share-link create failed",c),o.Ay.error("Couldn't create the link. Please try again.")}S(!1)}else o.Ay.error("Please log in again to create a share link.")};(0,a.useEffect)((()=>{if(!v||!b)return;const t=b.split("/").pop();return(0,m.aQ)((0,d.Mc)(t),(e=>{var n;"connected"===(null===(n=e.data())||void 0===n?void 0:n.status)&&(_("connected"),(0,m.kd)((0,d.Mc)(t)).catch((()=>{})))}),(t=>console.warn("share-link listen failed",t)))}),[v,b]),(0,a.useEffect)((()=>{"true"===localStorage.getItem("visitedBefore")?y(!0):localStorage.setItem("visitedBefore","true")}),[]);const N=()=>{window.location.assign(p)},O=()=>{t="instagram_basic,pages_manage_engagement,pages_read_user_content,pages_messaging,email,instagram_manage_comments,pages_show_list,business_management,instagram_manage_messages,pages_read_engagement,pages_manage_metadata,ads_read",e="433149449449290",n="https://app.instantdm.com/fb-api-rdr";p="https://www.facebook.com/v20.0/dialog/oauth?client_id=".concat(e,"&display=page&redirect_uri=").concat(n,"&response_type=token&scope=").concat(t),window.location.assign(p)};return(0,u.jsxs)("div",{className:"account-setup",children:[(0,u.jsx)("img",{src:"/logo192.png",alt:"Logo",style:{height:"62px",width:"62px"}}),(0,u.jsxs)("div",{className:"core-div",children:[(0,u.jsxs)("div",{className:"flex-space-between",children:[(0,u.jsxs)("div",{className:"header-content",style:{flex:1},children:[(0,u.jsx)("h1",{style:{textAlign:"start"},children:0==g?"Connect FB Page with IG Account":"Connect your IG account"}),(0,u.jsx)("p",{style:{textAlign:"start"},children:0==g?"Connect your Facebook Page that is linked to your Instagram account.":"To Proceed further, please connect your IG account."})]}),(0,u.jsxs)("div",{className:"button-left desktop",children:[h&&(0,u.jsx)("a",{target:"_blank",href:"https://instagram.com/instant.dm",className:"help",children:"Need Help?"}),(0,u.jsx)("div",{onClick:()=>0==g?O():N(),className:"connect-fb",children:0==g?"Connect FB Page":"Connect your IG Account"}),A&&(0,u.jsx)("div",{onClick:()=>!k&&C(),className:"connect-fb",style:{background:"transparent",color:"#1677ff",border:"1px solid #1677ff"},children:k?"Creating link\u2026":"Share Login Link"})]})]}),(0,u.jsxs)("div",{className:"button-row mobile",children:[(0,u.jsx)("div",{onClick:()=>0==g?O():N(),className:"connect-fb",children:"Connect Account"}),A&&(0,u.jsx)("div",{onClick:()=>!k&&C(),className:"connect-fb",style:{background:"transparent",color:"#1677ff",border:"1px solid #1677ff"},children:k?"Creating link\u2026":"Share Login Link"})]}),(0,u.jsx)("h3",{children:0==g?"Steps to connect your FB Page":"Steps to connect your IG Account"}),0==g?(0,u.jsxs)("div",{className:"steps",children:[(0,u.jsx)("div",{className:"step",children:(0,u.jsx)("img",{src:"https://public-assets.instantdm.com/steps-idm/step1.png"})}),(0,u.jsx)("div",{className:"step",children:(0,u.jsx)("img",{src:"https://public-assets.instantdm.com/steps-idm/step2.png"})}),(0,u.jsx)("div",{className:"step",children:(0,u.jsx)("img",{src:"https://public-assets.instantdm.com/steps-idm/step3.png"})}),(0,u.jsx)("div",{className:"step",children:(0,u.jsx)("img",{src:"https://public-assets.instantdm.com/steps-idm/step4.png"})}),(0,u.jsx)("div",{className:"step",children:(0,u.jsx)("img",{src:"https://public-assets.instantdm.com/steps-idm/step5.png"})}),(0,u.jsx)("div",{className:"step",children:(0,u.jsx)("img",{src:"https://public-assets.instantdm.com/steps-idm/step6.png"})})]}):(0,u.jsxs)("div",{className:"steps",children:[(0,u.jsx)("div",{className:"step",children:(0,u.jsx)("img",{src:"https://public-assets.instantdm.com/steps-idm/igstep1.png"})}),(0,u.jsx)("div",{className:"step",children:(0,u.jsx)("img",{src:"https://public-assets.instantdm.com/steps-idm/igstep2.png"})}),(0,u.jsx)("div",{className:"step",children:(0,u.jsx)("img",{src:"https://public-assets.instantdm.com/steps-idm/igstep3.png"})})]}),(0,u.jsxs)("div",{className:"button-row mobile",children:[(0,u.jsx)("div",{onClick:()=>0==g?O():N(),className:"connect-fb",children:"Connect Account"}),(0,u.jsx)("a",{target:"_blank",href:"https://instagram.com/instant.dm",className:"help",children:"Watch Video"}),h&&(0,u.jsx)("a",{target:"_blank",href:"https://instagram.com/instant.dm",className:"help",children:"Need Help?"})]})]}),(0,u.jsx)(s.A,{open:v,onCancel:()=>x(!1),footer:null,centered:!0,children:"connected"===j?(0,u.jsxs)("div",{style:{textAlign:"center",padding:"10px 0"},children:[(0,u.jsx)("div",{style:{fontSize:"48px",marginBottom:"12px"},children:"\ud83c\udf89"}),(0,u.jsx)("h2",{style:{margin:"0 0 8px",fontSize:"18px",fontWeight:700},children:"Account connected"}),(0,u.jsx)("p",{style:{color:"#595959",fontSize:"14px",margin:"0 0 20px"},children:"The account owner finished connecting. You're all set."}),(0,u.jsx)(c.Ay,{type:"primary",onClick:()=>

1window.location.assign("/"),children:"Go to Dashboard"})]}):(0,u.jsxs)("div",{style:{padding:"10px 0"},children:[(0,u.jsx)("h2",{style:{margin:"0 0 8px",fontSize:"18px",fontWeight:700},children:"Share this login link"}),(0,u.jsx)("p",{style:{color:"#595959",fontSize:"14px",margin:"0 0 16px",lineHeight:1.6},children:"Send this link to the account owner. Opening it logs them into this InstantDM account so they can connect Instagram themselves \u2014 no password sharing needed."}),(0,u.jsxs)("div",{style:{display:"flex",gap:"8px",marginBottom:"16px"},children:[(0,u.jsx)(i.A,{readOnly:!0,value:b||"",onFocus:t=>t.target.select()}),(0,u.jsx)(c.Ay,{type:"primary",onClick:()=>{navigator.clipboard.writeText(b).then((()=>o.Ay.success("Link copied")),(()=>o.Ay.error("Copy failed \u2014 select the link and copy it manually")))},children:"Copy"})]}),(0,u.jsx)("p",{style:{color:"#8c8c8c",fontSize:"12px",margin:"0 0 12px"},children:"The link stops working once the account is connected, and expires in 7 days."}),(0,u.jsxs)("p",{style:{color:"#595959",fontSize:"13px",margin:0},children:[(0,u.jsx)(r.A,{size:"small",style:{marginRight:"8px"}}),"Waiting for the account owner to connect\u2026 this updates automatically."]})]})})]})}},44347:(t,e,n)=>{n.d(e,{A:()=>x});var a=n(5544),o=n(65043),s=n(97950),c=n(52931),i=(n(97907),n(13758));const r=o.createContext(null);var l=n(60436),m=n(52664),d=[];var u=n(80930),p=n(88200);var f="rc-util-locker-".concat(Date.now()),g=0;function h(t){var e=!!t,n=o.useState((function(){return g+=1,"".concat(f,"_").concat(g)})),s=(0,a.A)(n,1)[0];(0,m.A)((function(){if(e){var t=(0,p.V)(document.body).width,n=document.body.scrollHeight>(window.innerHeight||document.documentElement.clientHeight)&&window.innerWidth>document.body.offsetWidth;(0,u.BD)("\nhtml body {\n  overflow-y: hidden;\n  ".concat(n?"width: calc(100% - ".concat(t,"px);"):"","\n}"),s)}else(0,u.m6)(s);return function(){(0,u.m6)(s)}}),[e,s])}var y=!1;var v=function(t){return!1!==t&&((0,c.A)()&&t?"string"===typeof t?document.querySelector(t):"function"===typeof t?t():t:null)};const x=o.forwardRef((function(t,e){var n=t.open,u=t.autoLock,p=t.getContainer,f=(t.debug,t.autoDestroy),g=void 0===f||f,x=t.children,b=o.useState(n),w=(0,a.A)(b,2),j=w[0],_=w[1],k=j||n;o.useEffect((function(){(g||n)&&_(n)}),[n,g]);var S=o.useState((function(){return v(p)})),A=(0,a.A)(S,2),C=A[0],N=A[1];o.useEffect((function(){var t=v(p);N(null!==t&&void 0!==t?t:null)}));var O=function(t,e){var n=o.useState((function(){return(0,c.A)()?document.createElement("div"):null})),s=(0,a.A)(n,1)[0],i=o.useRef(!1),u=o.useContext(r),p=o.useState(d),f=(0,a.A)(p,2),g=f[0],h=f[1],y=u||(i.current?void 0:function(t){h((function(e){return[t].concat((0,l.A)(e))}))});function v(){s.parentElement||document.body.appendChild(s),i.current=!0}function x(){var t;null===(t=s.parentElement)||void 0===t||t.removeChild(s),i.current=!1}return(0,m.A)((function(){return t?u?u(v):v():x(),x}),[t]),(0,m.A)((function(){g.length&&(g.forEach((function(t){return t()})),h(d))}),[g]),[s,y]}(k&&!C),I=(0,a.A)(O,2),M=I[0],z=I[1],E=null!==C&&void 0!==C?C:M;h(u&&n&&(0,c.A)()&&(E===M||E===document.body));var K=null;x&&(0,i.f3)(x)&&e&&(K=x.ref);var D=(0,i.xK)(K,e);if(!k||!(0,c.A)()||void 0===C)return null;var B,P=!1===E||("boolean"===typeof B&&(y=B),y),Z=x;return e&&(Z=o.cloneElement(x,{ref:D})),o.createElement(r.Provider,{value:z},P?Z:(0,s.createPortal)(Z,E))}))},40955:(t,e,n)=>{n.d(e,{b:()=>s});const a=t=>({animationDuration:t,animationFillMode:"both"}),o=t=>({animationDuration:t,animationFillMode:"both"}),s=function(t,e,n,s){const c=arguments.length>4&&void 0!==arguments[4]&&arguments[4]?"&":"";return{["\n      ".concat(c).concat(t,"-enter,\n      ").concat(c).concat(t,"-appear\n    ")]:Object.assign(Object.assign({},a(s)),{animationPlayState:"paused"}),["".concat(c).concat(t,"-leave")]:Object.assign(Object.assign({},o(s)),{animationPlayState:"paused"}),["\n      ".concat(c).concat(t,"-enter").concat(t,"-enter-active,\n      ").concat(c).concat(t,"-appear").concat(t,"-appear-active\n    ")]:{animationName:e,animationPlayState:"running"},["".concat(c).concat(t,"-leave").concat(t,"-leave-active")]:{animationName:n,animationPlayState:"running",pointerEvents:"none"}}}},85814:(t,e,n)=>{n.d(e,{aB:()=>v,nF:()=>s});var a=n(43944),o=n(40955);const s=new a.Mo("antZoomIn",{"0%":{transform:"scale(0.2)",opacity:0}

1,"100%":{transform:"scale(1)",opacity:1}}),c=new a.Mo("antZoomOut",{"0%":{transform:"scale(1)"},"100%":{transform:"scale(0.2)",opacity:0}}),i=new a.Mo("antZoomBigIn",{"0%":{transform:"scale(0.8)",opacity:0},"100%":{transform:"scale(1)",opacity:1}}),r=new a.Mo("antZoomBigOut",{"0%":{transform:"scale(1)"},"100%":{transform:"scale(0.8)",opacity:0}}),l=new a.Mo("antZoomUpIn",{"0%":{transform:"scale(0.8)",transformOrigin:"50% 0%",opacity:0},"100%":{transform:"scale(1)",transformOrigin:"50% 0%"}}),m=new a.Mo("antZoomUpOut",{"0%":{transform:"scale(1)",transformOrigin:"50% 0%"},"100%":{transform:"scale(0.8)",transformOrigin:"50% 0%",opacity:0}}),d=new a.Mo("antZoomLeftIn",{"0%":{transform:"scale(0.8)",transformOrigin:"0% 50%",opacity:0},"100%":{transform:"scale(1)",transformOrigin:"0% 50%"}}),u=new a.Mo("antZoomLeftOut",{"0%":{transform:"scale(1)",transformOrigin:"0% 50%"},"100%":{transform:"scale(0.8)",transformOrigin:"0% 50%",opacity:0}}),p=new a.Mo("antZoomRightIn",{"0%":{transform:"scale(0.8)",transformOrigin:"100% 50%",opacity:0}

1,"100%":{transform:"scale(1)",transformOrigin:"100% 50%"}}),f=new a.Mo("antZoomRightOut",{"0%":{transform:"scale(1)",transformOrigin:"100% 50%"},"100%":{transform:"scale(0.8)",transformOrigin:"100% 50%",opacity:0}}),g=new a.Mo("antZoomDownIn",{"0%":{transform:"scale(0.8)",transformOrigin:"50% 100%",opacity:0},"100%":{transform:"scale(1)",transformOrigin:"50% 100%"}}),h=new a.Mo("antZoomDownOut",{"0%":{transform:"scale(1)",transformOrigin:"50% 100%"},"100%":{transform:"scale(0.8)",transformOrigin:"50% 100%",opacity:0}}),y={zoom:{inKeyframes:s,outKeyframes:c},"zoom-big":{inKeyframes:i,outKeyframes:r},"zoom-big-fast":{inKeyframes:i,outKeyframes:r},"zoom-left":{inKeyframes:d,outKeyframes:u},"zoom-right":{inKeyframes:p,outKeyframes:f},"zoom-up":{inKeyframes:l,outKeyframes:m},"zoom-down":{inKeyframes:g,outKeyframes:h}},v=(t,e)=>{const{antCls:n}=t,a="".concat(n,"-").concat(e),{inKeyframes:s,outKeyframes:c}=y[e];return[(0,o.b)(a,s,c,"zoom-big-fast"===e?t.motionDurationFast:t.motionDurationMid),{["\n        ".concat(a,"-enter,\n        ").concat(a,"-appear\n      ")]:{transform:"scale(0)",opacity:0,animationTimingFunction:t.motionEaseOutCirc,"&-prepare":{transform:"none"}},["".concat(a,"-leave")]:{animationTimingFunction:t.motionEaseInOutCirc}}]}},88200:(t,e,n)=>{n.d(e,{A:()=>c,V:()=>i});var a,o=n(80930);function s(t){var e="rc-scrollbar-measure-".concat(Math.random().toString(36).substring(7)),n=document.createElement("div");n.id=e;var a,s,c=n.style;if(c.position="absolute",c.left="0",c.top="0",c.width="100px",c.height="100px",c.overflow="scroll",t){var i=getComputedStyle(t);c.scrollbarColor=i.scrollbarColor,c.scrollbarWidth=i.scrollbarWidth;var r=getComputedStyle(t,"::-webkit-scrollbar"),l=parseInt(r.width,10),m=parseInt(r.height,10);try{var d=l?"width: ".concat(r.width,";"):"",u=m?"height: ".concat(r.height,";"):"";(0,o.BD)("\n#".concat(e,"::-webkit-scrollbar {\n").concat(d,"\n").concat(u,"\n}"),e)}catch(g){console.error(g),a=l,s=m}}document.body.appendChild(n);var p=t&&a&&!isNaN(a)?a:n.offsetWidth-n.clientWidth,f=t&&s&&!isNaN(s)?s:n.offsetHeight-n.clientHeight;return document.body.removeChild(n),(0,o.m6)(e),{width:p,height:f}}function c(t){return"undefined"===typeof document?0:((t||void 0===a)&&(a=s()),a.width)}function i(t){return"undefined"!==typeof document&&t&&t instanceof Element?s(t):{width:0,height:0}}},92934:(t,e,n)=>{var a;n.d(e,{A:()=>l});var o=n(5544),s=n(89379),c=n(65043);var i=0;var r=(0,s.A)({},a||(a=n.t(c,2))).useId;const l=r?function(t){var e=r();return t||e}:function(t){var e=c.useState("ssr-id"),n=(0,o.A)(e,2),a=n[0],s=n[1];return c.useEffect((function(){var t=i;i+=1,s("rc_unique_".concat(t))}),[]),t||a}},22570:()=>{}}]);
2//# sourceMappingURL=7797.5086009a.chunk.js.map