https://reserve.route-inn.co.jp/page-Membership-ChatSignUp-vue.62d9e01568c8b961ecd1.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[27,39],{1067:function(e,t,n){"use strict";var i=n(31),r=n(20),o=n.n(r);t.a={methods:{handleBackBtnClick:function handleBackBtnClick(){null===o()(this.prevRoute,"name")?Object(i.p)({action:"close"}):this.$router.go(-1)}}}},1145:function(e,t,n){},1264:function(e,t,n){"use strict";n(1145)},1265:function(e,t,n){},1266:function(e,t,n){},1383:function(e,t,n){"use strict";n(1265)},1384:function(e,t,n){"use strict";n(1266)},1425:function(e,t,n){"use strict";var i=n(33),r={name:"BaseCommonImageError",components:{BaselineBrokenImage:Object(i.a)({},(function render(){var e=this._self._c;return e("svg",this._g({attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24"}},this.$listeners),[e("path",{attrs:{fill:"none",d:"M0 0h24v24H0zm0 0h24v24H0zm21 19c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2"}}),e("path",{attrs:{fill:"none",d:"M0 0h24v24H0z"}}),e("path",{attrs:{d:"M21 5v6.59l-3-3.01-4 4.01-4-4-4 4-3-3.01V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2zm-3 6.42l3 3.01V19c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-6.58l3 2.99 4-4 4 4 4-3.99z"}})])}),[],!1,null,null,null).exports}},o=(n(1383),Object(i.a)(r,(function render(){var e=this._self._c;return e("div",{staticClass:"vue-load-image-error-container"},[e("BaselineBrokenImage"),this._v(" "),e("span",{staticClass:"text"},[this._v(this._s(this.$t("base.imageError")))])],1)}),[],!1,null,"5e1260eb",null).exports),s="loading",a="loaded",l="failed",c={name:"BaseCommonLoadImage",components:{BaseCommonImageError:o},data:function data(){return{status:null,img:null,src:null}},watch:{src:function src(e){this.status=e?s:l}},created:function created(){this.src=this.$slots.image[0].data.attrs.src||this.$slots.image[0].data.attrs["data-src"],this.src?(this.status=s,this.createLoader()):this.status=l},updated:function updated(){var e=this.$slots.image[0].data.attrs.src||this.$slots.image[0].data.attrs["data-src"];this.status!==s||this.img?this.src!==e&&(this.src=e,this.createLoader()):this.createLoader()},methods:{createLoader:function createLoader(){this.destroyLoader(),this.img=new Image,this.img.onload=this.handleLoad,this.img.onerror=this.handleError,this.img.src=this.src},destroyLoader:function destroyLoader(){this.img&&(this.img.onload=null,this.img.onerror=null,this.img=null)},handleLoad:function handleLoad(){this.destroyLoader(),this.status=a,this.$emit("onLoad")},handleError:function handleError(e){this.destroyLoader(),this.status=l,this.$emit("onError",e)}}},u=Object(i.a)(c,(function render(){var e=this._self._c;return e("div",{staticClass:"vue-load-image"},["loaded"===this.status?this._t("image"):"failed"===this.status?this._t("error",(function(){return[e("base-common-image-error",{staticClass:"p-5"})]})):"loading"===this.status?this._t("preloader"):this._e()],2)}),[],!1,null,null,null);t.a=u.exports},1432:function(e,t,n){"use strict";var i={name:"HorizontalLineText",props:{text:{type:String,required:!0}}},r=(n(1384),n(33)),o=Object(r.a)(i,(function render(){return(0,this._self._c)("div",this._b({staticClass:"hr-text-wrapper"},"div",this.$attrs,!1),[this._v("\n    "+this._s(this.text)+"\n  ")])}),[],!1,null,"6f5067a9",null);t.a=o.exports},1477:function(e,t,n){},1478:function(e,t,n){},1605:function(e,t,n){"use strict";n(1477)},1606:function(e,t,n){"use strict";n(1478)},869:function(e,t,n){"use strict";n.r(t);var i=n(69),r=n(1204),o=n(1205),s=n(1206),a=n(1207),l=n(11),c=n(20),u=n.n(c),d=n(40),m=n(323),h=n(1086),f=n(1208),p=n(1085);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var g={name:"ThirdPartyButtons",components:{OpenIdLoginButton:f.a,FacebookLoginButton:r.a,SnsLoginModal:o.a,LineLoginButton:s.a,TermsConditionsInfo:a.a},mixins:[p.a,m.a,h.a],props:{formErrors:{type:Array,default:function _default(){return[]}}},data:function data(){return{loading:!1,facebookUserData:{uid:null,user_token:null},lineUserData:{uid:null,user_token:null,user_code:null},snsModalType:"",form:{email:null,password:null},isSignUp:window.location.pathname.includes("sign-up"),emailPermission:!1}},computed:_objectSpread({},Object(d.d)({initialSetting:"setting/getInit",isSignUpActive:"setting/isSignUpActive",loginWidget:"setting/getLoginWidget",organization:"membership/getOrganization",isInCBIframe:"setting/isInChatbotIframe",FB:"facebook/getFbObject",setting:"setting/getSetting"})),methods:_objectSpread({},Object(d.c)({initFB:"facebook/initFB"}),{onSetFacebookUser:function onSetFacebookUser(e){this.facebookUserData.uid=e.uid||null,this.facebookUserData.user_token=e.user_token||null},onFacebookSubmit:function onFacebookSubmit(){var e=this,t={uid:this.facebookUserData.uid,user_token:this.facebookUserData.user_token,password:this.form.password,email:this.form.email,email_permission:this.isSignUp?this.emailPermission:void 0};i.a.facebookLogin(t).then((function(t){e.loading=!1,u()(t,"id")?"tripla"===u()(t,"provider")?(e.form.email=t.email,e.snsModalType="facebook",e.$bvModal.show("sns-login-modal")):(console.info("handle sign in with facebook"),e.$emit("handleLogin",t),e.sendSsoGa4Event(t,{source:"triplabot",provider:"facebook"})):e.onSnsNewMember(t)}

1)).catch((function(t){e.$emit("update:formErrors",t.titleList),e.loading=!1}))},onSnsModalCancel:function onSnsModalCancel(){var e=this;this.FB&&this.FB.logout((function(t){e.initFB()})),this.form.email=null},onSetLineUser:function onSetLineUser(e){this.lineUserData.uid=e.uid||null,this.lineUserData.user_code=e.user_code||null},onLineSubmit:function onLineSubmit(e){var t=this;this.loading=!0;var n={uid:this.lineUserData.uid,user_code:this.lineUserData.user_code,user_token:this.lineUserData.user_token,password:this.form.password,redirect_uri:e,email:this.form.email,email_permission:this.isSignUp?this.emailPermission:void 0};i.a.lineLogin(n).then((function(e){u()(e,"id")?"tripla"===u()(e,"provider")?(t.lineUserData.uid=e.uid,t.form.email=e.email,t.lineUserData.user_token=e.line_token,t.snsModalType="line",t.$bvModal.show("sns-login-modal")):(console.info("handle sign in with line"),t.sendSsoGa4Event(e,{source:"triplabot",provider:"line"}),t.$emit("handleLogin",e)):t.onSnsNewMember(e),t.loading=!1})).catch((function(e){t.$emit("update:formErrors",e.titleList),t.loading=!1}))},onSnsNewMember:function onSnsNewMember(e){var t={email:e.email,first_name:e.first_name,last_name:e.last_name,facebook_token:e.facebook_token,express_sns_fail:e.express_sns_fail,line_token:e.line_token,sso_token:e.sso_token,uid:e.uid,provider:e.provider,provider_name:e.provider_name};this.$router.push({name:this.isInCBIframe?l.a.membership.chatSignUpForm:l.a.membership.signUp,query:{search:this.$route.fullPath,code:this.setting.code},params:{snsPrefill:t}})}})},b=(n(1264),n(33)),v=Object(b.a)(g,(function render(){var e=this,t=e._self._c;return t("div",{staticClass:"d-flex flex-wrap justify-content-center mx-auto third-party-btns"},[e.isSignUp?t("b-form-checkbox",{staticClass:"t-checkbox",attrs:{name:"email-permission"},model:{value:e.emailPermission,callback:function callback(t){e.emailPermission=t},expression:"emailPermission"}},[e._v("\n      "+e._s(e.$t("membershipForm.promotionsCheckbox"))+"\n    ")]):e._e(),e._v(" "),e.facebookFeatureEnabled?t("facebook-login-button",{staticClass:"text-center w-100",on:{onSetFacebookUser:e.onSetFacebookUser,onFacebookSubmit:e.onFacebookSubmit,clearLoginForm:function clearLoginForm(t){return e.$emit("clearLoginForm")}}}):e._e(),e._v(" "),e.lineFeatureEnabled?t("div",{staticClass:"text-center w-100"},[t("line-login-button",{staticClass:"w-100",on:{onSetLineUser:e.onSetLineUser,onLineSubmit:e.onLineSubmit,clearLoginForm:function clearLoginForm(t){return e.$emit("clearLoginForm")}}})],1):e._e(),e._v(" "),e.ssoList?e._l(e.ssoList,(function(n,i){return t("open-id-login-button",{key:i,staticClass:"open-id-button-default",attrs:{sso:n,mini:!!e.facebookFeatureEnabled+!!e.lineFeatureEnabled+i>=2},on:{"open-id-submit":function openIdSubmit(t){return e.onOpenIDSubmit(t,{email_permission:e.emailPermission})}}})})):e._e(),e._v(" "),t("sns-login-modal",{attrs:{"sns-modal-type":e.snsModalType},on:{onSnsModalCancel:e.onSnsModalCancel,onFacebookSubmit:e.onFacebookSubmit,onLineSubmit:e.onLineSubmit,"open-id-submit":function openIdSubmit(t){return e.onOpenIDSubmit(e.openIdUserData,{email:e.loginForm.email,password:e.loginForm.password,email_permission:e.emailPermission})}},model:{value:e.form.password,callback:function callback(t){e.$set(e.form,"password",t)},expression:"form.password"}}),e._v(" "),t("terms-conditions-info",{staticClass:"mt-3",attrs:{"translation-path":e.isSignUp?"guestDetail.signupTerms":"guestDetail.signInTerms"}})],2)}),[],!1,null,"3478e4fa",null);t.default=v.exports},903:function(e,t,n){"use strict";n.r(t);var i=n(69),r=n(984),o=n(11),s=n(40),a=n(20),l=n.n(a),c={name:"ChatSignUpBenefits",components:{BaseCommonLoadImage:n(1425).a},props:{benefit:{type:Object,required:!0}},data:function data(){return{imageLoaded:!1,expanded:!1}},computed:{hotelImage:function hotelImage(){return l()(this.benefit,"image.url")},loadingDone:function loadingDone(){return this.benefit&&(!this.hotelImage||this.imageLoaded)}},watch:{loadingDone:{immediate:!0,handler:function handler(e){e&&this.$emit("load")}}},methods:{overflow:function overflow(){var e,t;return(null===(e=this.$el)||void 0===e?void 0:e.scrollHeight)>(null===(t=this.$el)||void 0===t?void 0:t.offsetHeight)},readMore:function readMore(){this.expanded=!0,this.$emit("read-more")}}},u=(n(1605),n(33)),d=Object(u.a)(c,(function render(){var e,t,n=this,i=n._self._c;return i("div",{staticClass:"position-relative"},[n.hotelImage?i("div",{staticClass:"hotel-img-container"},[i("base-common-load-image",[i("b-img",{staticClass:"w-100",attrs:{slot:"image",src:n.hotelImage,fluid:""},on:{load:function load(e){n.imageLoaded=!0},error:function error(e){n.imageLoaded=!0}},slot:"image"})],1)],1):n._e(),n._v(" "),i("div",{staticClass:"headline font-weight-bold text-center"},[n._v("\n      "+n._s(null===(e=n.benefit)||void 0===e?void 0:e.headline)+"\n    ")]),n._v(" "),i("div",{staticClass:"benefits-list text-center"},n._l(null===(t=n.benefit)||void 0===t?void 0:t.benefits_attributes,(function(e,t){return i("div",{key:t,staticClass:"mb-2"},[n._v("\n        "+n._s(e.text)+"\n      ")])})),0),n._v(" "),n.overflow()&&!n.expanded?i("div",{directives:[{name:"theme-font",rawName:"v-theme-font"}],staticClass:"position-sticky text-center read-more-btn cursor-pointer",on:{click:n.readMore}},[n._v("\n      "+n._s(n.$t("base.readMore"))+"\n    ")]):n._e(),n._v(" "),i("div",{staticClass:"d-none"},[n._v(n._s(n.imageLoaded))])])}),[],!1,null,"69b9e88d",null).exports,m=n(1432),h=n(88),f=n(57),p=n(1067),g=n(31),b=n(201),v=n(323),_=n(1085);function asyncGeneratorStep(e,t,n,i,r,o,s){try{var a=e[o](s),l=a.value}catch(c){return void n(c)}a.done?t(l):Promise.resolve(l).then(i,r)}function _asyncToGenerator(e){return function(){var t=this,n=arguments;return new Promise((function(i,r){var o=e.apply(t,n);function _next(e){asyncGeneratorStep(o,i,r,_next,_throw,"next",e)}function _throw(e){asyncGeneratorStep(o,i,r,_next,_throw,"throw",e)}_next(void 0)}))}}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};

1t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var w,y,S={name:"ChatSignUp",components:{ChatSignUpBenefits:d,ThirdPartyButtons:n(869).default,HorizontalLineText:m.a},mixins:[_.a,r.a,v.a,p.a,b.a],beforeRouteEnter:function beforeRouteEnter(e,t,n){n((function(e){e.prevRoute=t}))},props:{displayHeader:{type:Boolean,default:!0},snsPrefill:{type:Object,default:function _default(){return{}}}},data:function data(){return{finished:!1,program_id:null,formErrors:[],paths:o.a,prevRoute:null,benefit:null,isLoadingBenefits:!1,membershipProgram:null,showMoreBenefit:!1}},computed:_objectSpread({},Object(s.f)({canSignUp:function canSignUp(e){var t,n;return null===(t=e.setting)||void 0===t||null===(n=t.loginWidget)||void 0===n?void 0:n.is_active}}),{},Object(s.d)({isInCBIFrame:"setting/isInChatbotIframe",userName:"membership/getUserName",hotelIdFromURL:"setting/getHotelIdForMembershipModule",hotelIdFromSetting:"setting/getHotelId",isUserSignedIn:"membership/isUserSignedIn",setting:"setting/getSetting"}),{hotelId:function hotelId(){return this.hotelIdFromURL||this.hotelIdFromSetting},showSignUpMultiStep:function showSignUpMultiStep(){var e;return!!(null===(e=this.membershipProgram)||void 0===e?void 0:e.require_membership_id)},signUpLabel:function signUpLabel(){return this.showSignUpMultiStep?this.$t("membershipForm.signUp"):this.$t("membershipForm.setup")},showSnsLoginButtons:function showSnsLoginButtons(){var e;return null===(e=this.membershipProgram)||void 0===e?void 0:e.default}}),watch:{formErrors:{deep:!0,handler:function handler(e){(null==e?void 0:e.length)&&e[0]?this.$store.dispatch("error/setGlobalError",e.constructor===Array?e[0]:e):this.$store.dispatch("error/clearGlobalError")}}},created:(y=_asyncToGenerator(regeneratorRuntime.mark((function _callee(){return regeneratorRuntime.wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!this.isUserSignedIn){e.next=2;break}return e.abrupt("return");case 2:if(this.canSignUp){e.next=5;break}return this.goToSearchPage(),e.abrupt("return");case 5:Object(h.l)(this,{path:Object(h.j)(this.hotelId)}),this.initPage();case 7:case"end":return e.stop()}}),_callee,this)}))),function created(){return y.apply(this,arguments)}),methods:_objectSpread({},Object(s.c)({setLoggedInUser:"membership/setLoggedInUser"}),{initPage:(w=_asyncToGenerator(regeneratorRuntime.mark((function _callee2(){var e,t;return regeneratorRuntime.wrap((function _callee2$(n){for(;;)switch(n.prev=n.next){case 0:return this.isLoadingBenefits=!0,n.prev=1,n.next=4,i.a.getBrandProgram();case 4:return e=n.sent,this.membershipProgram=e.find((function(e){return e.allow_signup&&(e.default||e.require_membership_id)})),this.program_id=this.membershipProgram.id,n.next=9,i.a.getSignedInProgram(this.program_id);case 9:t=n.sent,this.benefit=t.data,n.next=17;break;case 13:n.prev=13,n.t0=n.catch(1),this.isLoadingBenefits=!1,console.log(n.t0);case 17:case"end":return n.stop()}}),_callee2,this,[[1,13]])}))),function initPage(){return w.apply(this,arguments)}),loginAndRedirect:function loginAndRedirect(e){if(Object(f.e)(l()(e,"session")),this.setLoggedInUser(e),Object(g.p)({action:"login",name:this.userName}),this.sendTriplabotSession(),!this.isInCBIframe){var t=l()(this.$route.query,"urlBack");(t||e.redirect_url)&&this.$router.push(e.redirect_url||t),this.goToSearchPage()}}})},k=(n(1606),Object(u.a)(S,(function render(){var e,t,n=this,i=n._self._c;return i("div",{directives:[{name:"loading",rawName:"v-loading",value:n.isLoadingBenefits,expression:"isLoadingBenefits"}],staticClass:"sign-up-wrapper"},[i("div",{directives:[{name:"show",rawName:"v-show",value:!n.finished&&!n.isLoadingBenefits,expression:"!finished && !isLoadingBenefits"}],staticClass:"cover-page d-flex flex-column",class:{"height-auto":n.showMoreBenefit,"justify-content-center":!(null===(e=n.benefit)||void 0===e||null===(t=e.image)||void 0===t?void 0:t.url)}},[n.benefit?i("chat-sign-up-benefits",{class:{"overflow-hidden":!n.showMoreBenefit},attrs:{benefit:n.benefit},on:{"read-more":function readMore(e){n.showMoreBenefit=!0},load:function load(e){n.isLoadingBenefits=!1}}}):n._e(),n._v(" "),i("div",{staticClass:"btn-section flex-shrink-0"},[i("b-link",{directives:[{name:"theme-btn",rawName:"v-theme-btn"}],staticClass:"w-100 font-weight-bold btn",attrs:{to:{name:n.paths.membership.chatSignUpForm,query:{code:n.setting.code}}}},[n._v(n._s(n.$t("membershipForm.signUp")))]),n._v(" "),i("horizontal-line-text",{staticClass:"mt-3 mb-1 text-sm",attrs:{text:n.$t("membershipForm.orContinueBelow")}}),n._v(" "),i("div",{staticClass:"sns-section"},[i("h6",{staticClass:"text-center font-weight-bold"},[n._v(n._s(n.$t("snsLogin.createAccountWithSso")))]),n._v(" "),n.showSnsLoginButtons?i("third-party-buttons",{staticClass:"third-party-buttons",attrs:{"form-errors":n.formErrors},on:{"update:formErrors":function updateFormErrors(e){n.formErrors=e},"update:form-errors":function updateFormErrors(e){n.formErrors=e},handleLogin:function handleLogin(e){return n.loginAndRedirect(e)}}}):n._e()],1)],1),n._v(" "),i("div",{staticClass:"text-center links-section"},[i("span",{staticClass:"secondary-text"},[n._v(n._s(n.$t("membershipForm.alreadyHaveAccount"))+" -")]),n._v(" "),i("b-link",{staticClass:"secondary-text font-weight-bold",attrs:{to:{name:n.paths.membership.chatSignIn,query:{code:n.setting.code}}}},[n._v("\n          "+n._s(n.$t("membershipForm.signInHere"))+"\n        ")]),n._v(" "),i("div",{staticClass:"mt-2"},[i("b-link",{staticClass:"secondary-text",attrs:{to:{name:n.paths.membership.resendConfirmationEmail,query:{code:n.setting.code}}}},[n._v("\n            "+n._s(n.$t("membershipForm.resendConfirmationEmail"))+"\n          ")])],1)],1)],1),n._v(" "),i("transition",{attrs:{appear:"",name:"fade-out"}},[n.isLoadingBenefits?i("div",{staticClass:"white-mask"}):n._e()])],1)}),[],!1,null,"7a345c07",null));t.default=k.exports},984:function(e,t,n){"use strict";var i=n(40);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var r=Object(i.a)("setting").mapMutations;t.a={methods:function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};

1t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},r(["setDisplayHeader"])),beforeRouteEnter:function beforeRouteEnter(e,t,n){n((function(e){var t=e.displayHeader;e.setDisplayHeader(t)}))}}}}]);
2//# sourceMappingURL=page-Membership-ChatSignUp-vue.62d9e01568c8b961ecd1.js.map