1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[379],{3011:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/auth/shopify-login",function(){return s(2618)}])},2618:function(e,t,s){"use strict";s.r(t);var l=s(5893),n=s(7294),o=s(1163),r=s(5675),i=s.n(r),a=s(4761),c=s(9630),u=s(4871),d=s(9669),h=s.n(d),m=s(9580),g=s(3922),f=s(1664),p=s.n(f),x=s(9008),y=s.n(x),w=s(5811);t.default=()=>{let{user:e}=(0,g.Z)("/select-audience",!0,!0),t=(0,o.useRouter)(),[s,r]=(0,n.useState)(""),[d,f]=(0,n.useState)(!1);(0,n.useEffect)(()=>{e&&t.push("/select-audience")},[e,t]);let x=async e=>{e.preventDefault(),f(!0),r(""),console.log(e.currentTarget["store-url"].value);let t=e.currentTarget["store-url"].value;if(!t){r("Please enter your store url."),f(!1);return}try{let e=await h().get("".concat(m.z0,"/api/auth/online-token?shop=").concat(t,"&from_frontend=true"),{withCredentials:!0});window.location.assign(e.data.redirect),f(!1)}catch(e){console.log(e),v(e),f(!1)}},v=e=>{var t,s,l;(0,w.I)(e)&&(null==e?void 0:null===(s=e.response)||void 0===s?void 0:null===(t=s.data)||void 0===t?void 0:t.message)?r(e.response.data.message):r(null!==(l=e.message)&&void 0!==l?l:"Whoops, something went wrong")};return(0,l.jsxs)("div",{className:"container flex flex-col lg:flex-row justify-center lg:justify-around grow items-center",children:[(0,l.jsx)(y(),{children:(0,l.jsx)("title",{children:"Shopify Login | CustomerLift"})}),(0,l.jsx)("div",{className:"mb-14 mt-10 lg:mt-0 lg:mb-40 flex flex-col items-center lg:block",style:{maxWidth:510},children:(0,l.jsx)("h1",{className:"text-[32px] text-center lg:text-start lg:leading-[110%] lg:text-[88px] font-bold",children:"Log In With Shopify"})}),(0,l.jsxs)("div",{className:"lg:pt-12 flex flex-col items-center lg:block w-full max-w-sm lg:w-80 lg:mb-40",children:[(0,l.jsx)(i(),{src:"/shopify_with_text.svg",width:168,height:49,alt:"Shopify logo"}),(0,l.jsx)("p",{className:"p-large text-center lg:text-start mt-5 lg:mt-8 mb-5 lg:mb-6",children:"Log in with Shopify securely."}),(0,l.jsxs)("form",{className:"w-full",onSubmit:x,children:[(0,l.jsx)(a.Z,{extraClasses:"mb-8 lg:w-96 lg:mb-10",Svg:c.Z,inputType:"text",label:"STORE URL",placeholder:"your-store-name.myshopify.com",inputName:"store-url",errorMsg:s,description:'If you\'ve connected your store already, please use this Shopify URL structure to log in: "storename.myshopify.com" No need to include "https://" and make sure to remove any "/" at the end of the URL.'}),(0,l.jsx)("div",{className:"text-center lg:text-start",children:(0,l.jsx)(u.Z,{type:"submit",size:"sm",isLoading:d,children:"Log In"})})]}),(0,l.jsxs)("p",{className:"text-sm mt-12",children:["Registered your account with email and password?"," ",(0,l.jsx)(p(),{href:"/auth/login",legacyBehavior:!0,children:(0,l.jsx)("span",{className:"underline cursor-pointer",children:"Login with email and password."})})]})]})]})}}},function(e){e.O(0,[959,888,774,179],function(){return e(e.s=3011)}),_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.