@social-mail/social-mail-client 1.2.668 → 1.2.670

package/dist/public/store/StoreApp.pack.min.js

@@ -1077,7 +1077,7 @@ html, body {
         align-items: center;
         justify-items: center;
     }
-    `.installGlobal("[site-signup-page]");pending="⬜";done="✅";_export("default",SiteSignupPage=class SiteSignupPage extends ContentPage{constructor(){super(...arguments);this.model={name:"",billingAddress:StoreAccountAddress.create({}),shippingAddress:StoreAccountAddress.create({})};this.step=1}getHeader(){if(this.emailVerified){return XNode.create("div",null,XNode.create("h5",null,"Signup"),XNode.create("ol",null,XNode.create("li",null,"✅ Email Verified"),XNode.create("li",null,this.step>1?done:pending," Add Phone Number"),XNode.create("li",null,this.step>2?done:pending," Confirm Phone Number"),XNode.create("li",null,this.step>3?done:pending," Add Name/Address Details")))}return XNode.create("div",null,XNode.create("h5",null,"Signup"),XNode.create("ol",null,XNode.create("li",null,"✅ Phone Verification"),XNode.create("li",null,this.step>1?done:pending," Add Email Address"),XNode.create("li",null,this.step>2?done:pending," Confirm Email Address"),XNode.create("li",null,this.step>3?done:pending," Name/Address Details")))}init(){var _a,_b;return __awaiter(this,void 0,void 0,(function*(){this.element.setAttribute("site-signup-page","true");this.model.phone=this.parameters.phone;this.model.email=this.parameters.email;this.model.captcha=this.parameters.captcha;const emailVerified=((_a=this.parameters.email)===null||_a===void 0?void 0:_a.accessCode)&&((_b=this.parameters.email)===null||_b===void 0?void 0:_b.verifyCode);this.emailVerified=emailVerified;if(emailVerified){yield this.askPhoneNumber();return}this.renderer=XNode.create("div",null,XNode.create(Form,null,this.getHeader(),XNode.create("div",null,"To complete signup, please verify your email address."),XNode.create(FormField,{label:"Email"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.email.verifyAddresses))})),XNode.create("div",null,XNode.create("button",{"data-submit-event":"request-verification"},"Request Code"))))}))}askPhoneNumber(){return __awaiter(this,void 0,void 0,(function*(){this.renderer=XNode.create("div",null,XNode.create(Form,null,this.getHeader(),XNode.create("div",null,"To complete signup, please verify your phone number."),XNode.create(FormField,{label:"Cell Phone"},XNode.create(PhoneEditor,{value:Bind.twoWaysImmediate((()=>this.model.phone.verifyAddresses))})),XNode.create("div",null,XNode.create("button",{"data-submit-event":"request-verification"},"Verify"))))}))}requestVerification(){return __awaiter(this,void 0,void 0,(function*(){this.step=2;const verifyEmail=!this.emailVerified;const v=verifyEmail?this.model.email:this.model.phone;yield this.entityService.save(v);if(!verifyEmail){yield this.displayQRCode(v);return}this.renderer=XNode.create("div",null,XNode.create(Form,null,this.getHeader(),XNode.create(FormField,{label:"Email Verification"},XNode.create("div",null,"We have sent you the verification code in your email, please enter it again to complete the verification.")),XNode.create(FormField,{label:"Code"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.email.verifyCode))})),XNode.create("div",null,XNode.create(EmailIconTextButton,{text:"Proceed","data-submit-event":"verify-email"}))))}))}verifyEmail(){return __awaiter(this,void 0,void 0,(function*(){const v=this.model.email;const vt=yield this.entityService.invoke(VerificationToken,"verifyCode",v,v.verificationID,v.accessCode,this.model.email.verifyCode);if(!vt.verified){throw new Error("Verification failed, try again")}yield this.askForSignup()}))}displayQRCode(ve){return __awaiter(this,void 0,void 0,(function*(){this.renderer=XNode.create("div",null,XNode.create(Form,null,this.getHeader(),XNode.create(QRCodeControl,{smsConfig:JSON.parse(ve.externalConfig)})));for(let index=0;index<100;index++){try{const v=yield this.entityService.query(VerificationToken,"get",ve.verificationID,ve.accessCode).firstOrDefault();if(v.verified){ve.verified=true;break}}catch(_a){}yield sleep(5e3)}yield this.askForSignup()}))}askForSignup(){return __awaiter(this,void 0,void 0,(function*(){this.step=3;this.renderer=XNode.create("div",null,XNode.create(Form,null,this.getHeader(),XNode.create(FormField,{label:"Name"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.name))})),XNode.create("details",{open:true},XNode.create("summary",null,"Billing"),XNode.create("div",null,XNode.create(FormField,{label:"Full Name"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.billingAddress.title))})),XNode.create(FormField,{label:"Tax IDs"},XNode.create("div",{"data-layout":"flex-wrap"},XNode.create("input",{placeholder:"GST",value:Bind.twoWaysImmediate((()=>this.model.billingAddress.gstTaxID))}),XNode.create("input",{placeholder:"Income Tax",value:Bind.twoWaysImmediate((()=>this.model.billingAddress.incomeTaxID))}))),XNode.create(FormField,{label:"Address Line 1"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.billingAddress.line1))})),XNode.create(FormField,{label:"Address Line 2"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.billingAddress.line2))})),XNode.create(FormField,{label:"Address Line 3"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.billingAddress.line3))})),XNode.create(FormField,{label:"City"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.billingAddress.city))})),XNode.create(FormField,{label:"State"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.billingAddress.state))})),XNode.create(FormField,{label:"Country"},XNode.create(CountrySelect,{value:Bind.twoWaysImmediate((()=>this.model.billingAddress.countryCode))})))),XNode.create("details",null,XNode.create("summary",null,"Shipping"),XNode.create("div",null,XNode.create(FormField,{label:"Full Name"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.shippingAddress.title))})),XNode.create(FormField,{label:"Tax IDs"},XNode.create("div",{"data-layout":"flex-wrap"},XNode.create("input",{placeholder:"GST",value:Bind.twoWaysImmediate((()=>this.model.shippingAddress.gstTaxID))}),XNode.create("input",{placeholder:"Income Tax",value:Bind.twoWaysImmediate((()=>this.model.shippingAddress.incomeTaxID))}))),XNode.create(FormField,{label:"Address Line 1"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.shippingAddress.line1))})),XNode.create(FormField,{label:"Address Line 2"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.shippingAddress.line2))})),XNode.create(FormField,{label:"Address Line 3"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.shippingAddress.line3))})),XNode.create(FormField,{label:"City"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.shippingAddress.city))})),XNode.create(FormField,{label:"State"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.shippingAddress.state))})),XNode.create(FormField,{label:"Country"},XNode.create(CountrySelect,{value:Bind.twoWaysImmediate((()=>this.model.shippingAddress.countryCode))})))),XNode.create("div",null,XNode.create("button",{"data-submit-event":"user-signup"},"Signup"))))}))}userSignup(){return __awaiter(this,void 0,void 0,(function*(){delete this.model.email.addresses;delete this.model.phone.addresses;const result=yield FetchBuilder.post("/social-mail/user/signup").jsonBody(this.model).responseAsJson()}))}});__decorate([InjectProperty,__metadata("design:type",EntityService)],SiteSignupPage.prototype,"entityService",void 0);__decorate([Action({onEvent:"request-verification"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],SiteSignupPage.prototype,"requestVerification",null);__decorate([Action({onEvent:"verify-email"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],SiteSignupPage.prototype,"verifyEmail",null);__decorate([Action({onEvent:"user-signup"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],SiteSignupPage.prototype,"userSignup",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/user/pages/SiteSignupPage");System.register(["tslib","@web-atoms/core/dist/core/InjectProperty","@web-atoms/web-controls/dist/mobile-app/MobileApp","../../../services/EntityService","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/Bind","@web-atoms/web-controls/dist/basic/Form","@web-atoms/web-controls/dist/basic/FormField","../../../common/controls/buttons/IconButton","../../../model/model","@web-atoms/web-controls/dist/basic/ToggleButtonBar","../../../common/controls/phone-editor/PhoneEditor","@web-atoms/core/dist/view-model/Action","../../../common/controls/qrcode/QRCode","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/core/sleep","@web-atoms/web-controls/dist/PageNavigator","./SiteSignupPage"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,InjectProperty,ContentPage,EntityService,XNode,Bind,Form,FormField,EmailIconTextButton,VerificationToken,ToggleButtonBar,PhoneEditor,Action,QRCodeControl,styled,sleep,PageNavigator,SiteSignupPage,SiteLoginPage,verifyModes;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreInjectProperty){InjectProperty=_webAtomsCoreDistCoreInjectProperty.default},function(_webAtomsWebControlsDistMobileAppMobileApp){ContentPage=_webAtomsWebControlsDistMobileAppMobileApp.ContentPage},function(_servicesEntityService){EntityService=_servicesEntityService.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsWebControlsDistBasicForm){Form=_webAtomsWebControlsDistBasicForm.default},function(_webAtomsWebControlsDistBasicFormField){FormField=_webAtomsWebControlsDistBasicFormField.default},function(_commonControlsButtonsIconButton){EmailIconTextButton=_commonControlsButtonsIconButton.EmailIconTextButton},function(_modelModel){VerificationToken=_modelModel.VerificationToken},function(_webAtomsWebControlsDistBasicToggleButtonBar){ToggleButtonBar=_webAtomsWebControlsDistBasicToggleButtonBar.default},function(_commonControlsPhoneEditorPhoneEditor){PhoneEditor=_commonControlsPhoneEditorPhoneEditor.default},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default},function(_commonControlsQrcodeQRCode){QRCodeControl=_commonControlsQrcodeQRCode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsCoreDistCoreSleep){sleep=_webAtomsCoreDistCoreSleep.default},function(_webAtomsWebControlsDistPageNavigator){PageNavigator=_webAtomsWebControlsDistPageNavigator.default},function(_SiteSignupPage){SiteSignupPage=_SiteSignupPage.default}],execute:function(){styled.css`
+    `.installGlobal("[site-signup-page]");pending="⬜";done="✅";_export("default",SiteSignupPage=class SiteSignupPage extends ContentPage{constructor(){super(...arguments);this.model={name:"",billingAddress:StoreAccountAddress.create({}),shippingAddress:StoreAccountAddress.create({})};this.step=1}getHeader(){if(this.emailVerified){return XNode.create("div",null,XNode.create("h5",null,"Signup"),XNode.create("ol",null,XNode.create("li",null,"✅ Email Verified"),XNode.create("li",null,this.step>1?done:pending," Add Phone Number"),XNode.create("li",null,this.step>2?done:pending," Confirm Phone Number"),XNode.create("li",null,this.step>3?done:pending," Add Name/Address Details")))}return XNode.create("div",null,XNode.create("h5",null,"Signup"),XNode.create("ol",null,XNode.create("li",null,"✅ Phone Verification"),XNode.create("li",null,this.step>1?done:pending," Add Email Address"),XNode.create("li",null,this.step>2?done:pending," Confirm Email Address"),XNode.create("li",null,this.step>3?done:pending," Name/Address Details")))}init(){var _a,_b;return __awaiter(this,void 0,void 0,(function*(){this.element.setAttribute("site-signup-page","true");this.model.phone=this.parameters.phone;this.model.email=this.parameters.email;this.model.captcha=this.parameters.captcha;const emailVerified=((_a=this.parameters.email)===null||_a===void 0?void 0:_a.accessCode)&&((_b=this.parameters.email)===null||_b===void 0?void 0:_b.verifyCode);this.emailVerified=emailVerified;if(emailVerified){yield this.askPhoneNumber();return}this.renderer=XNode.create("div",null,XNode.create(Form,null,this.getHeader(),XNode.create("div",null,"To complete signup, please verify your email address."),XNode.create(FormField,{label:"Email"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.email.verifyAddresses))})),XNode.create("div",null,XNode.create("button",{"data-submit-event":"request-verification"},"Request Code"))))}))}askPhoneNumber(){return __awaiter(this,void 0,void 0,(function*(){this.renderer=XNode.create("div",null,XNode.create(Form,null,this.getHeader(),XNode.create("div",null,"To complete signup, please verify your phone number."),XNode.create(FormField,{label:"Cell Phone"},XNode.create(PhoneEditor,{value:Bind.twoWaysImmediate((()=>this.model.phone.verifyAddresses))})),XNode.create("div",null,XNode.create("button",{"data-submit-event":"request-verification"},"Verify"))))}))}requestVerification(){return __awaiter(this,void 0,void 0,(function*(){this.step=2;const verifyEmail=!this.emailVerified;const v=verifyEmail?this.model.email:this.model.phone;yield this.entityService.save(v);if(!verifyEmail){yield this.displayQRCode(v);return}this.renderer=XNode.create("div",null,XNode.create(Form,null,this.getHeader(),XNode.create(FormField,{label:"Email Verification"},XNode.create("div",null,"We have sent you the verification code in your email, please enter it again to complete the verification.")),XNode.create(FormField,{label:"Code"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.email.verifyCode))})),XNode.create("div",null,XNode.create(EmailIconTextButton,{text:"Proceed","data-submit-event":"verify-email"}))))}))}verifyEmail(){return __awaiter(this,void 0,void 0,(function*(){const v=this.model.email;const vt=yield this.entityService.invoke(VerificationToken,"verifyCode",v,v.verificationID,v.accessCode,this.model.email.verifyCode);if(!vt.verified){throw new Error("Verification failed, try again")}yield this.askForSignup()}))}displayQRCode(ve){return __awaiter(this,void 0,void 0,(function*(){this.renderer=XNode.create("div",null,XNode.create(Form,null,this.getHeader(),XNode.create(QRCodeControl,{smsConfig:JSON.parse(ve.externalConfig)})));for(let index=0;index<100;index++){try{const v=yield this.entityService.query(VerificationToken,"get",ve.verificationID,ve.accessCode).firstOrDefault();if(v.verified){ve.verified=true;break}}catch(_a){}yield sleep(5e3)}yield this.askForSignup()}))}askForSignup(){return __awaiter(this,void 0,void 0,(function*(){this.step=3;this.renderer=XNode.create("div",null,XNode.create(Form,null,this.getHeader(),XNode.create(FormField,{label:"Name"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.name))})),XNode.create("details",{open:true},XNode.create("summary",null,"Billing"),XNode.create("div",null,XNode.create(FormField,{label:"Full Name"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.billingAddress.title))})),XNode.create(FormField,{label:"Tax IDs"},XNode.create("div",{"data-layout":"flex-wrap"},XNode.create("input",{placeholder:"GST",value:Bind.twoWaysImmediate((()=>this.model.billingAddress.gstTaxID))}),XNode.create("input",{placeholder:"Income Tax",value:Bind.twoWaysImmediate((()=>this.model.billingAddress.incomeTaxID))}))),XNode.create(FormField,{label:"Address Line 1"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.billingAddress.line1))})),XNode.create(FormField,{label:"Address Line 2"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.billingAddress.line2))})),XNode.create(FormField,{label:"Address Line 3"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.billingAddress.line3))})),XNode.create(FormField,{label:"City"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.billingAddress.city))})),XNode.create(FormField,{label:"State"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.billingAddress.state))})),XNode.create(FormField,{label:"Country"},XNode.create(CountrySelect,{value:Bind.twoWaysImmediate((()=>this.model.billingAddress.countryCode))})))),XNode.create("details",null,XNode.create("summary",null,"Shipping"),XNode.create("div",null,XNode.create(FormField,{label:"Full Name"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.shippingAddress.title))})),XNode.create(FormField,{label:"Tax IDs"},XNode.create("div",{"data-layout":"flex-wrap"},XNode.create("input",{placeholder:"GST",value:Bind.twoWaysImmediate((()=>this.model.shippingAddress.gstTaxID))}),XNode.create("input",{placeholder:"Income Tax",value:Bind.twoWaysImmediate((()=>this.model.shippingAddress.incomeTaxID))}))),XNode.create(FormField,{label:"Address Line 1"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.shippingAddress.line1))})),XNode.create(FormField,{label:"Address Line 2"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.shippingAddress.line2))})),XNode.create(FormField,{label:"Address Line 3"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.shippingAddress.line3))})),XNode.create(FormField,{label:"City"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.shippingAddress.city))})),XNode.create(FormField,{label:"State"},XNode.create("input",{value:Bind.twoWaysImmediate((()=>this.model.shippingAddress.state))})),XNode.create(FormField,{label:"Country"},XNode.create(CountrySelect,{value:Bind.twoWaysImmediate((()=>this.model.shippingAddress.countryCode))})))),XNode.create("div",null,XNode.create("button",{"data-submit-event":"user-signup"},"Signup"))))}))}userSignup(){return __awaiter(this,void 0,void 0,(function*(){delete this.model.email.addresses;delete this.model.phone.addresses;const{userID}=yield FetchBuilder.post("/social-mail/user/signup").jsonBody(this.model).responseAsJson();if(userID){location.reload()}}))}});__decorate([InjectProperty,__metadata("design:type",EntityService)],SiteSignupPage.prototype,"entityService",void 0);__decorate([Action({onEvent:"request-verification"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],SiteSignupPage.prototype,"requestVerification",null);__decorate([Action({onEvent:"verify-email"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],SiteSignupPage.prototype,"verifyEmail",null);__decorate([Action({onEvent:"user-signup"}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],SiteSignupPage.prototype,"userSignup",null)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/user/pages/SiteSignupPage");System.register(["tslib","@web-atoms/core/dist/core/InjectProperty","@web-atoms/web-controls/dist/mobile-app/MobileApp","../../../services/EntityService","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/Bind","@web-atoms/web-controls/dist/basic/Form","@web-atoms/web-controls/dist/basic/FormField","../../../common/controls/buttons/IconButton","../../../model/model","@web-atoms/web-controls/dist/basic/ToggleButtonBar","../../../common/controls/phone-editor/PhoneEditor","@web-atoms/core/dist/view-model/Action","../../../common/controls/qrcode/QRCode","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/core/sleep","@web-atoms/web-controls/dist/PageNavigator","./SiteSignupPage"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,InjectProperty,ContentPage,EntityService,XNode,Bind,Form,FormField,EmailIconTextButton,VerificationToken,ToggleButtonBar,PhoneEditor,Action,QRCodeControl,styled,sleep,PageNavigator,SiteSignupPage,SiteLoginPage,verifyModes;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreInjectProperty){InjectProperty=_webAtomsCoreDistCoreInjectProperty.default},function(_webAtomsWebControlsDistMobileAppMobileApp){ContentPage=_webAtomsWebControlsDistMobileAppMobileApp.ContentPage},function(_servicesEntityService){EntityService=_servicesEntityService.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsWebControlsDistBasicForm){Form=_webAtomsWebControlsDistBasicForm.default},function(_webAtomsWebControlsDistBasicFormField){FormField=_webAtomsWebControlsDistBasicFormField.default},function(_commonControlsButtonsIconButton){EmailIconTextButton=_commonControlsButtonsIconButton.EmailIconTextButton},function(_modelModel){VerificationToken=_modelModel.VerificationToken},function(_webAtomsWebControlsDistBasicToggleButtonBar){ToggleButtonBar=_webAtomsWebControlsDistBasicToggleButtonBar.default},function(_commonControlsPhoneEditorPhoneEditor){PhoneEditor=_commonControlsPhoneEditorPhoneEditor.default},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default},function(_commonControlsQrcodeQRCode){QRCodeControl=_commonControlsQrcodeQRCode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsCoreDistCoreSleep){sleep=_webAtomsCoreDistCoreSleep.default},function(_webAtomsWebControlsDistPageNavigator){PageNavigator=_webAtomsWebControlsDistPageNavigator.default},function(_SiteSignupPage){SiteSignupPage=_SiteSignupPage.default}],execute:function(){styled.css`
     & [data-page-element=content] {
         display: grid;
         align-items: center;