https://www.shopkeepapp.com/bundle/activate-register-modal.d6372018138332de70cb.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[3834],{30697(e,t,s){s.r(t),s.d(t,{default:()=>E});var r=s(63696),a=s.n(r),i=s(75109),n=s(58553),o=s(22195),l=s(62688),c=s.n(l);const d=e=>{const{onClick:t,text:s}=e;return a().createElement("a",{href:"#",onClick:t},s)};d.displayName="ActivateRegisterModalTriggerLink",d.propTypes={onClick:c().func.isRequired,text:c().string.isRequired},d.defaultProps={text:"Activate your register"};const p=d,m=[n.A],u=(0,i.Ng)(m)(function(){return{}},function(){return{onClick(){o.A.openModal()}}})(p);var h=s(64913);const A=()=>a().createElement(a().Fragment,null,a().createElement(u,null),a().createElement(h.A,null));A.displayName="ActivateRegisterModalPage";const E=A},64913(e,t,s){s.d(t,{A:()=>X});var r=s(95189),a=s(75109),i=s(36359),n=s(1481),o=s(20017),l=s.n(o),c=s(53624),d=s.n(c),p=s(76268);const m=new a.eJ({displayName:"CurrentUserStore",init(){const{managerCode:e,cashierCode:t}=l()(p.A.deprecated.current_user)||{};this.defaultState=d().fromJS({managerCode:e,cashierCode:t}),this.bindActions()},public:{getState(){return this.state}},private:{}});var u=s(58553),h=s(22195),A=s(52561),E=s(98895);const g=new a.lW({displayName:"ActivateRegisterModalAPIActionCreator",sendEmail:{route:"/send_download_register_app_email",method:"GET",pending:A.A.SEND_EMAIL_PENDING,success:A.A.SEND_EMAIL_SUCCESS,failure:A.A.SEND_EMAIL_FAILURE,createRequest:e=>({headers:E.A.requestHeaders,query:{email:e}})}});var v=s(73140),S=s(5304);const R=(0,s(57577).t)((0,v.Z$)(["responses","email"],d().Map()),S.Fs);var N=s(63696),C=s.n(N),f=s(62688),y=s.n(f),w=s(27993),b=s(40292),_=s(71633),k=s.n(_),q=s(93892),I=s(37640),M=s(14624),O=s(78325),B=s.n(O),L=s(60430);class x extends C().Component{render(){return C().createElement("div",{className:"send-email-form__step-1"},C().createElement(I.A,{className:"email-action",onClick:this.props.next},"Email me the link"))}}(0,b.A)(x,"propTypes",{next:y().func.isRequired}),x.displayName="SendEmailFormStep1";class T extends C().Component{constructor(...e){super(...e),(0,b.A)(this,"state",{hasValidationError:!1}),(0,b.A)(this,"validateEmail",e=>{var t=B().findDOMNode(this.refs.email).value;e.preventDefault(),null!==t.match(/.+@.+\..+/)?(this.setState({hasValidationError:!1}),this.props.next(t)):this.setState({hasValidationError:!0})})}render(){var e=k()({"validation-error":this.state.hasValidationError}),t=k()({"email-action":!0,"button-progress":this.props.sendingStatus===L.A.PENDING,"button-error":this.props.sendingStatus===L.A.FAILURE});return C().createElement("div",{className:"send-email-form__step-2"},C().createElement("form",{onSubmit:this.validateEmail},C().createElement("input",{className:e,placeholder:"Enter your email address",ref:"email",type:"email",autoFocus:!0}),C().createElement(I.A,{className:t,onClick:this.validateEmail},"Send")))}}(0,b.A)(T,"propTypes",{next:y().func.isRequired,sendingStatus:M.yy.isRequired}),T.displayName="SendEmailFormStep2";class D extends C().Component{render(){return C().createElement("div",{className:"send-email-form__step-3"},C().createElement("form",null,C().createElement("input",{type:"email",value:this.props.email,readOnly:!0}),C().createElement(I.A,{className:"button-success email-action",disabled:!0},"Sent!")))}}(0,b.A)(D,"propTypes",{email:y().string.isRequired}),D.displayName="SendEmailFormStep3";class F extends C().Component{constructor(...e){super(...e),(0,b.A)(this,"state",{step:1}),(0,b.A)(this,"nextStep",()=>{this.setState({step:this.state.step+1})}),(0,b.A)(this,"exposeEmail",e=>{this.setState({email:e}),this.props.onSendEmail(e)}),(0,b.A)(this,"formStep",()=>{switch(this.state.step){case 1:return C().createElement(x,{next:this.nextStep});case 2:return C().createElement(T,{next:this.exposeEmail,sendingStatus:this.props.emailRequestStatus});case 3:return C().createElement(D,{email:this.state.email});default:return null}})}static getDerivedStateFromProps(e,t){return e.emailRequestStatus===L.A.SUCCESS&&3!==t.step?{step:3}:null}render(){return C().createElement("div",{className:"send-email-form"},this.formStep())}}(0,b.A)(F,"propTypes",{emailRequestStatus:M.yy.isRequired,onSendEmail:y().func.isRequired}),F.displayName="SendEmailForm";const P=F;class U extends C().Component{render(){return C().createElement("div",{className:"activate step-one"},C().createElement("div",{className:"step-number"},"1"),C().createElement("p",{className:"step-instruction"},"Download the app",C().createElement("br",null),"on your iPad"),C().createElement(P,{emailRequestStatus:this.props.emailRequestStatus,onSendEmail:this.props.onSendEmail}))}}

1(0,b.A)(U,"propTypes",{emailRequestStatus:M.yy.isRequired,onSendEmail:y().func.isRequired}),U.displayName="ActivateStepOne";class G extends C().Component{renderStepNumber(){return this.props.androidRegistersOnly?null:C().createElement("div",{className:"step-number"},"2")}renderActivationMessage(){return this.props.androidRegistersOnly?"Use the following information to activate your register.":"Activate Your Register"}render(){var e=this.props.androidRegistersOnly?"activate-register-preview-android":"activate-register-preview",t=this.props.androidRegistersOnly?"activate step-two fill-body":"activate step-two";return C().createElement("div",{className:t},this.renderStepNumber(),C().createElement("p",{className:"step-instruction"},this.renderActivationMessage()),C().createElement("div",{className:"activate-register-data"},C().createElement("p",null,"Store Name: ",this.props.storeName),C().createElement("p",null,"Manager Code: ",this.props.managerCode),C().createElement("div",{className:e})))}}(0,b.A)(G,"propTypes",{storeName:y().string.isRequired,managerCode:y().string.isRequired,androidRegistersOnly:y().bool.isRequired}

1),G.displayName="ActivateStepTwo";class V extends C().Component{constructor(...e){super(...e),(0,b.A)(this,"renderAndroidFooter",()=>C().createElement("div",{className:"modal-footer modal-footer-activation"},C().createElement("div",{className:"modal-actions"},C().createElement(I.A,{className:"button-android",onClick:this.props.onHide},"OK")))),(0,b.A)(this,"renderIosFooter",()=>C().createElement("div",{className:"modal-footer modal-footer-activation"},C().createElement("div",{className:"modal-actions"},C().createElement(I.A,{className:"button-alt",onClick:this.props.onHide},"OK")),C().createElement("div",{className:"purchase-hint"},C().createElement("p",null,"Don't have an iPad yet?"),C().createElement("p",null,C().createElement("a",{href:"https://shop.shopkeep.com"},"Pick one up at our Store here.")))))}renderAndroid(e){return C().createElement(q.A,(0,w.A)({},this.props,{className:e,title:"Activate Your Register",footer:this.renderAndroidFooter()}),C().createElement("div",null,C().createElement(G,{storeName:this.props.store.get("subdomain"),managerCode:this.props.user.get("managerCode"),androidRegistersOnly:!0})))}renderIos(e){return C().createElement(q.A,(0,w.A)({},this.props,{className:e,title:"Set Up Your Register",footer:this.renderIosFooter()}),C().createElement("div",null,C().createElement(U,{emailRequestStatus:this.props.emailRequestStatus,onSendEmail:this.props.onSendEmail}),C().createElement(G,{storeName:this.props.store.get("subdomain"),managerCode:this.props.user.get("managerCode"),androidRegistersOnly:!1})))}render(){const e=this.props.store.get("androidRegistersOnly"),t=k()({"activate-register-modal":!0,"activate-register-modal-android":e,[this.props.className]:!!this.props.className});return e?this.renderAndroid(t):this.renderIos(t)}}(0,b.A)(V,"propTypes",{user:y().object.isRequired,store:y().object.isRequired,onHide:y().func,className:y().string,emailRequestStatus:M.yy.isRequired,onSendEmail:y().func.isRequired}),V.displayName="ActivateRegisterModal";const Y=V;class H extends C().Component{render(){return C().createElement(I.A,{className:"button",onClick:this.props.onClick},"Got it? Let's do this.")}}(0,b.A)(H,"propTypes",{onClick:y().func.isRequired}),H.displayName="ContinueControl";class $ extends C().Component{render(){return C().createElement("p",null,C().createElement("a",{href:"#",onClick:this.props.onClick},"< Go back"))}}(0,b.A)($,"propTypes",{onClick:y().func.isRequired}

1),$.displayName="BackControl";class j extends C().Component{constructor(...e){super(...e),(0,b.A)(this,"actionButton",()=>this.props.showActionButton?C().createElement("a",{href:this.props.actionButtonLink,className:"app-store-link",target:"_blank",rel:"noopener noreferrer"},"Download the Lightspeed Retail POS (S-Series) app"):null),(0,b.A)(this,"previewImage",()=>{var e=k()({"register-app-store-preview":!0,"show-action":this.props.showActionButton});return C().createElement("div",{className:e},this.actionButton())})}render(){return C().createElement("div",{className:"activate step-one"},C().createElement("div",{className:"step-number"},"1"),C().createElement("p",{className:"step-instruction"},"Download the Lightspeed Retail",C().createElement("br",null),"POS (S-Series) app on the App Store"),this.previewImage())}}(0,b.A)(j,"propTypes",{actionButtonLink:y().string.isRequired,showActionButton:y().bool.isRequired}),j.displayName="ActivateStepOne";class J extends C().Component{constructor(...e){super(...e),(0,b.A)(this,"activateYourRegister",()=>{p.A.redirectTo(this.props.actionButtonLink)}),(0,b.A)(this,"actionButton",()=>this.props.showActionButton?C().createElement(I.A,{className:"button",onClick:this.activateYourRegister},"Activate Your Register"):null),(0,b.A)(this,"previewImage",()=>{var e=k()({"register-backoffice-preview":!0,"show-action":this.props.showActionButton});return C().createElement("div",{className:e},this.actionButton())})}renderAndroidStep2(){return C().createElement("div",{className:"activate step-two fill-body"},C().createElement("p",{className:"step-instruction"},"Use the following information to activate your register."),C().createElement("p",null,"Store Name: ",this.props.storeName,C().createElement("br",null),"Manager Code: ",this.props.managerCode),C().createElement("div",{className:"activate-register-preview-android"}))}renderIosStep2(){return C().createElement("div",{className:"activate step-two"},C().createElement("div",{className:"step-number"},"2"),C().createElement("p",{className:"step-instruction"},"Come back to the",C().createElement("br",null),"browser to activate"),this.previewImage())}render(){return this.props.androidRegistersOnly?this.renderAndroidStep2():this.renderIosStep2()}}(0,b.A)(J,"propTypes",{showActionButton:y().bool.isRequired,actionButtonLink:y().string.isRequired,androidRegistersOnly:y().bool.isRequired,storeName:y().string.isRequired,managerCode:y().string.isRequired}),J.displayName="ActivateStepTwo";class K extends C().Component{constructor(...e){super(...e),(0,b.A)(this,"state",{showActionButtons:!1}),(0,b.A)(this,"appStoreLink",()=>"itms-apps://itunes.apple.com/us/app/shopkeep-pos-point-of-sale/id434906089?ls=1mt=8"),(0,b.A)(this,"activateRegisterLink",()=>{const{store:e}=this.props,t=e.get("suffix"),s=".getshopkeep.com"===t?".shopkeep-staging.com":t;return`sk://activate?store=${e.get("subdomain")}${s}&register_number=1&manager_username=UNUSED&manager_signin=${this.props.user.get("managerCode")}&cashier_signin=${this.props.user.get("cashierCode")}`}),(0,b.A)(this,"showActionButtons",e=>{e.preventDefault(),this.setState({showActionButtons:!0})}),(0,b.A)(this,"hideActionButtons",e=>{e.preventDefault(),this.setState({showActionButtons:!1})}),(0,b.A)(this,"showContinueControl",()=>this.state.showActionButtons?null:C().createElement(H,{onClick:this.showActionButtons})),(0,b.A)(this,"showBackControl",()=>this.state.showActionButtons?C().createElement($,{onClick:this.hideActionButtons}):null),(0,b.A)(this,"renderAndroidFooter",()=>C().createElement("div",{className:"modal-footer modal-footer-activation"},C().createElement("div",{className:"modal-actions"},C().createElement(I.A,{className:"button-android",onClick:this.props.onHide},"OK")))),(0,b.A)(this,"renderIosFooter",()=>C().createElement("div",{className:"modal-footer modal-footer-activation"},C().createElement("div",{className:"modal-actions"},this.showContinueControl()),C().createElement("div",{className:"modal-back-control"},this.showBackControl())))}renderAndroid(e){return C().createElement(q.A,(0,w.A)({},this.props,{className:e,title:"Activate Your Register",footer:this.renderAndroidFooter()}),C().createElement("div",null,C().createElement(J,{showActionButton:this.state.showActionButtons,actionButtonLink:this.activateRegisterLink(),storeName:this.props.store.get("subdomain"),managerCode:this.props.user.get("managerCode"),androidRegistersOnly:!0})))}renderIos(e){return C().createElement(q.A,(0,w.A)({},this.props,{className:e,title:"How to Set Up Your Register",footer:this.renderIosFooter()}),C().createElement("div",null,C().createElement(j,{showActionButton:this.state.showActionButtons,actionButtonLink:this.appStoreLink()}),C().createElement(J,{showActionButton:this.state.showActionButtons,actionButtonLink:this.activateRegisterLink(),storeName:this.props.store.get("subdomain"),managerCode:this.props.user.get("managerCode"),androidRegistersOnly:!1})))}render(){const e=this.props.store.get("androidRegistersOnly"),t=k()({"activate-register-modal":!0,"activate-register-modal-android":e,[this.props.className]:!!this.props.className});return e?this.renderAndroid(t):this.renderIos(t)}}

1(0,b.A)(K,"propTypes",{store:y().object.isRequired,user:y().object.isRequired,onHide:y().func,className:y().string}),K.displayName="ActivateRegisterModalTablet";const Q=K,z=e=>{const{subdomain:t,suffix:s,user:r,isIpad:a,isModalOpen:i,onCloseModal:n,androidRegistersOnly:o,emailRequestStatus:l,onSendEmail:c}=e,p=a?Q:Y,m=d().fromJS({subdomain:t,suffix:s,androidRegistersOnly:o});return C().createElement(p,{show:i,onHide:n,store:m,user:r,emailRequestStatus:l,onSendEmail:c})};z.displayName="ActivateRegisterModal",z.propTypes={subdomain:y().string.isRequired,suffix:y().string.isRequired,user:M.pL.isRequired,isIpad:y().bool.isRequired,androidRegistersOnly:y().bool.isRequired,isModalOpen:y().bool.isRequired,onCloseModal:y().func.isRequired,emailRequestStatus:y().string,onSendEmail:y().func.isRequired};const W=z,Z=[m,u.A,i.A],X=(0,a.Ng)(Z)(function(){const e=u.A.getState(),t=i.A.getState();return{subdomain:(0,n._Y)(t),suffix:"shopkeepapp.com"===p.A.domain?"":`.${p.A.domain}`,user:m.getState(),isIpad:r.A.isIpad,androidRegistersOnly:(0,n.IS)(t,"android_registers_only"),isModalOpen:e.get("isModalOpen"),emailRequestStatus:R(e)}},function(){return{onCloseModal(){h.A.closeModal()},onSendEmail(e){g.sendEmail(e)}}})(W)},22195(e,t,s){s.d(t,{A:()=>i});var r=s(75109),a=s(52561);const i=new r.Pz({displayName:"ActivateRegisterActionCreator",openModal:{type:a.A.ACTIVATE_REGISTER_MODAL_OPEN},closeModal:{type:a.A.ACTIVATE_REGISTER_MODAL_CLOSE}})},52561(e,t,s){s.d(t,{A:()=>r});const r=new(s(75109).lm)("ACTIVATE_REGISTER_MODAL_OPEN","ACTIVATE_REGISTER_MODAL_CLOSE","SEND_EMAIL_PENDING","SEND_EMAIL_SUCCESS","SEND_EMAIL_FAILURE")},58553(e,t,s){s.d(t,{A:()=>c});var r=s(75109),a=s(79974),i=s(52561),n=s(53624),o=s.n(n),l=s(76268);const c=new r.eJ({displayName:"ActivateRegisterModalStore",init(){this.defaultState=(()=>{const e="true"===l.A.getSearchAsObject().activateRegister;return o().Map({isModalOpen:e})})(),this.bindActions(i.A.ACTIVATE_REGISTER_MODAL_OPEN,this.openActiveRegisterModal,i.A.ACTIVATE_REGISTER_MODAL_CLOSE,this.closeActiveRegisterModal,i.A.SEND_EMAIL_PENDING,(0,a.u_)(["email"]),i.A.SEND_EMAIL_SUCCESS,(0,a.Qy)(["email"]),i.A.SEND_EMAIL_FAILURE,(0,a.Qy)(["email"]))},public:{getState(){return this.state}},private:{openActiveRegisterModal:e=>e.set("isModalOpen",!0),closeActiveRegisterModal:e=>e.set("isModalOpen",!1)}})},95189(e,t,s){s.d(t,{A:()=>i});var r=s(67177);class a{constructor({regExp:e}){if(!(e instanceof RegExp))throw Error("Invalid RegExp");this.regExp=e}asBoolean(){return this.regExp.test(r.A.navigator.userAgent)}}const i={userAgent:r.A.navigator.userAgent,isIpad:new a({regExp:/iPad/i}).asBoolean(),isPhone:new a({regExp:/mobile/i}).asBoolean(),isSafari:(()=>{const e=r.A.navigator.userAgent;return/Safari/i.test(e)&&!/Chrome/i.test(e)&&!/PhantomJS/i.test(e)})(),isShopKeepRegister:new a({regExp:/ShopKeep Register\//}).asBoolean()}}}]);
2//# sourceMappingURL=activate-register-modal.d6372018138332de70cb.js.map