@social-mail/social-mail-client 1.2.316 → 1.2.317

package/dist/admin/AdminAppIndex.pack.js

@@ -9196,7 +9196,7 @@ System.register(["tslib", "../../core/Bind", "../../core/BindableProperty", "../
         grid-template-columns: auto 1fr auto;
         opacity: 0;
         transition: opacity 0.3s cubic-bezier(0.55, 0.09, 0.97, 0.32) ;
-        overflow: hidden;
+        overflow: visible;
 
         [data-window-modal-background=background] {
             position: absolute;
@@ -9235,7 +9235,7 @@ System.register(["tslib", "../../core/Bind", "../../core/BindableProperty", "../
             grid-row: 1;
             grid-column: 2;
             font-size: medium;
-            overflow: hidden;
+            overflow: visible;
             white-space: nowrap;
             text-overflow: ellipsis;
             cursor: move;
@@ -12340,6 +12340,10 @@ System.register(["../models/cloneSource"], function (_export, _context) {
           mergeProperties(srcElement, targetElement, path + "." + key, visited, merged);
           continue;
         }
+        if (targetElement === void 0 && srcElement) {
+          target[key] = srcElement;
+          continue;
+        }
         target[key] = targetElement;
         if (cloneTarget && targetElement !== void 0) {
           cloneTarget[key] = targetElement;
@@ -13301,7 +13305,7 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/ent
 System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/services/BaseEntityService"], function (_export, _context) {
   "use strict";
 
-  var DateTime, Model, DefaultFactory, modelEntitySchemas, AppRole, AppFileContentDispositionArray, AppFile, AccessToken, AppFileVersion, AppFileAccessTypeArray, AppFileAccess, AppFileTag, FileContent, Configuration, Contact, ContactEmail, ContactPhone, ContactItem, ContactDomain, ContactAddress, CachedItem, Domain, HostedDomain, DomainUser, DomainRelayTypeArray, DomainRelay, DomainKey, EmailStatusArray, Email, EmailEngagement, EmailLog, EmailRecipientTypeArray, EmailRecipient, EmailTag, EmailAddress, EmailTemplate, Mailbox, MailboxEmail, MailboxContactStatusArray, MailboxContact, MailboxContactEmail, MailboxContactTag, MailboxSyncTargetDirectionArray, MailboxSyncTargetProtocolArray, MailboxSyncTargetLastSyncStatusArray, MailboxSyncTarget, ChannelConfig, SubscriberActivity, SearchWordStatusArray, SearchWord, SearchWordIndex, ServerActivityActivityArray, ServerActivity, Store, StoreUser, StoreConfig, StoreItemItemTypeArray, StoreItem, StoreItemFolder, StoreItemPrice, StoreMediaFile, StoreInsight, StoreLedger, StoreJournalJournalTypeArray, StoreJournal, StoreJournalEntry, StoreJournalLineItemItemTypeArray, StoreJournalLineItem, StoreItemTax, StoreItemTag, UserStatusArray, User, UserPin, UserPushSubscription, UserRole, UserMailbox, UserAuthFactorMethodArray, UserAuthFactor, WebSiteFolder, WebSiteFolderHost, WebSiteFolderVersion, WebSiteChannel, WebSiteStore, LoginSession, TextDocument, IncomingSmsSource, Tag, VirtualServer, DnsZone, DnsZoneRecordTypeArray, DnsZoneRecord, DnsSigningKey, fixRelatedSchemas;
+  var DateTime, Model, DefaultFactory, modelEntitySchemas, AppRole, AppFileContentDispositionArray, AppFile, AccessToken, AppFileVersion, AppFileAccessTypeArray, AppFileAccess, AppFileTag, FileContent, Configuration, Contact, ContactEmail, ContactPhone, ContactItem, ContactDomain, ContactAddress, CachedItem, Domain, HostedDomain, DomainUser, DomainRelayTypeArray, DomainRelay, DomainKey, EmailStatusArray, Email, EmailEngagement, EmailLog, EmailRecipientTypeArray, EmailRecipient, EmailTag, EmailAddress, EmailTemplate, Mailbox, MailboxEmail, MailboxContactStatusArray, MailboxContact, MailboxContactEmail, MailboxContactTag, MailboxSyncTargetDirectionArray, MailboxSyncTargetProtocolArray, MailboxSyncTargetLastSyncStatusArray, MailboxSyncTarget, ChannelConfig, SubscriberActivity, SearchWordStatusArray, SearchWord, SearchWordIndex, ServerActivityActivityArray, ServerActivity, Store, StoreUser, StoreConfig, StoreItemItemTypeArray, StoreItem, StoreItemFolder, StoreItemPrice, StoreMediaFile, StoreInsight, StoreLedger, StoreJournalJournalTypeArray, StoreJournal, StoreJournalEntry, StoreJournalLineItemItemTypeArray, StoreJournalLineItem, StoreItemTax, StoreItemTag, UserStatusArray, User, UserPin, UserPushSubscription, UserRole, UserMailbox, UserAuthFactorMethodArray, UserAuthFactor, WebSiteFolder, WebSiteFolderHost, WebSiteFolderVersion, WebSiteChannel, WebSiteStore, LoginSession, TextDocument, IncomingSmsSource, VerificationToken, VerificationTokenAddress, Tag, VirtualServer, DnsZone, DnsZoneRecordTypeArray, DnsZoneRecord, DnsSigningKey, fixRelatedSchemas;
   return {
     setters: [function (_webAtomsDateTimeDistDateTime) {
       DateTime = _webAtomsDateTimeDistDateTime.default;
@@ -17295,6 +17299,9 @@ System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/s
           "name": "isdCode",
           "type": "string",
           "default": ["isdCode", "\"\""]
+        }, {
+          "name": "verificationID",
+          "type": "number"
         }, {
           "name": "verified",
           "type": "boolean",
@@ -17311,6 +17318,13 @@ System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/s
             "relatedKey": "userID"
           }],
           "relatedName": "User"
+        }, {
+          "name": "verificationToken",
+          "fkMap": [{
+            "fk": "verificationID",
+            "relatedKey": "verificationID"
+          }],
+          "relatedName": "VerificationToken"
         }]
       }));
       modelEntitySchemas["UserAuthFactor"] = UserAuthFactor;
@@ -17555,9 +17569,8 @@ System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/s
           "type": "string",
           "default": ["deviceTokenType", "\"\""]
         }, {
-          "name": "smsToken",
-          "type": "string",
-          "default": ["smsToken", "\"\""]
+          "name": "verificationID",
+          "type": "number"
         }],
         "relations": [{
           "name": "user",
@@ -17566,6 +17579,13 @@ System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/s
             "relatedKey": "userID"
           }],
           "relatedName": "User"
+        }, {
+          "name": "verificationToken",
+          "fkMap": [{
+            "fk": "verificationID",
+            "relatedKey": "verificationID"
+          }],
+          "relatedName": "VerificationToken"
         }, {
           "name": "versions",
           "isCollection": true,
@@ -17599,7 +17619,8 @@ System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/s
         name: "",
         isdPrefix: "",
         phoneNumber: "",
-        dateUpdated: new DefaultFactory(() => new DateTime())
+        dateUpdated: new DefaultFactory(() => new DateTime()),
+        countryCode: ""
       }, {
         "name": "incoming_sms_source",
         "keys": [{
@@ -17635,10 +17656,94 @@ System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/s
           "name": "dateUpdated",
           "type": "DateTime",
           "default": ["dateUpdated", "new DefaultFactory(() => new DateTime())"]
+        }, {
+          "name": "countryCode",
+          "type": "string",
+          "default": ["countryCode", "\"\""]
         }],
         "relations": []
       }));
       modelEntitySchemas["IncomingSmsSource"] = IncomingSmsSource;
+      _export("VerificationToken", VerificationToken = new Model("VerificationToken", ["verificationID"], {
+        dateCreated: new DefaultFactory(() => new DateTime()),
+        expiry: new DefaultFactory(() => new DateTime()),
+        verified: false,
+        code: "",
+        accessCode: ""
+      }, {
+        "name": "verification_tokens",
+        "keys": [{
+          "name": "verificationID",
+          "type": "number",
+          "generated": "identity"
+        }],
+        "properties": [{
+          "name": "externalID",
+          "type": "string",
+          "default": ["externalID", "\"\""]
+        }, {
+          "name": "dateCreated",
+          "type": "DateTime",
+          "default": ["dateCreated", "new DefaultFactory(() => new DateTime())"]
+        }, {
+          "name": "expiry",
+          "type": "DateTime",
+          "default": ["expiry", "new DefaultFactory(() => new DateTime())"]
+        }, {
+          "name": "verified",
+          "type": "boolean",
+          "default": ["verified", "false"]
+        }, {
+          "name": "code",
+          "type": "string",
+          "default": ["code", "\"\""]
+        }, {
+          "name": "accessCode",
+          "type": "string",
+          "default": ["accessCode", "\"\""]
+        }, {
+          "name": "ipAddress",
+          "type": "string",
+          "default": ["ipAddress", "\"\""]
+        }],
+        "relations": [{
+          "name": "loginSessions",
+          "isCollection": true,
+          "isInverse": true,
+          "relatedName": "LoginSession"
+        }, {
+          "name": "authFactors",
+          "isCollection": true,
+          "isInverse": true,
+          "relatedName": "UserAuthFactor"
+        }, {
+          "name": "addresses",
+          "isCollection": true,
+          "isInverse": true,
+          "relatedName": "VerificationTokenAddress"
+        }]
+      }));
+      modelEntitySchemas["VerificationToken"] = VerificationToken;
+      _export("VerificationTokenAddress", VerificationTokenAddress = new Model("VerificationTokenAddress", ["verificationID", "address"], {}, {
+        "name": "verification_token_addresses",
+        "keys": [{
+          "name": "verificationID",
+          "type": "number"
+        }, {
+          "name": "address",
+          "type": "string"
+        }],
+        "properties": [],
+        "relations": [{
+          "name": "verificationToken",
+          "fkMap": [{
+            "fk": "verificationID",
+            "relatedKey": "verificationID"
+          }],
+          "relatedName": "VerificationToken"
+        }]
+      }));
+      modelEntitySchemas["VerificationTokenAddress"] = VerificationTokenAddress;
       _export("Tag", Tag = new Model("Tag", ["tagID"], {
         name: "",
         isSystemTag: false
@@ -18119,7 +18224,7 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
           return __awaiter(this, void 0, void 0, function* () {
             const result = yield this.entityService.save(session);
             if (session.invalid) {
-              if (session.smsConfig) {
+              if (session.verificationToken) {
                 this.checkSession(session).catch(console.error);
               }
               return session.status;
@@ -21853,10 +21958,35 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
         var {
             text = defaultText,
             icon = defaultIcon,
-            layout = defaultLayout || (icon ? "icon-button" : "button")
+            layout = defaultLayout || (icon ? "icon-button" : "button"),
+            href = void 0,
+            target = void 0
           } = _a,
-          a = __rest(_a, ["text", "icon", "layout"]);
+          a = __rest(_a, ["text", "icon", "layout", "href", "target"]);
         a["data-layout"] = layout;
+        if (href) {
+          if (text && icon) {
+            return XNode.create("a", Object.assign({
+              href: href
+            }, a), XNode.create("i", {
+              class: icon
+            }), XNode.create("span", {
+              text: text
+            }));
+          }
+          if (icon) {
+            return XNode.create("a", Object.assign({
+              href: href
+            }, a, {
+              class: icon
+            }));
+          }
+          return XNode.create("a", Object.assign({
+            href: href
+          }, a, {
+            text: text
+          }));
+        }
         if (text && icon) {
           return XNode.create("button", Object.assign({}, a), XNode.create("i", {
             class: icon
@@ -25786,8 +25916,14 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
         valuePath: item => item.currency,
         items: Bind.oneTimeAsync(() => loadCountries())
       }, a)));
-      _export("isdForCountry", isdForCountry = countryCode => __awaiter(void 0, void 0, void 0, function* () {
-        return (yield loadCountries()).find(x => x.value === countryCode).isdCode;
+      _export("isdForCountry", isdForCountry = (countryCode, prefix = "") => __awaiter(void 0, void 0, void 0, function* () {
+        const {
+          isdCode
+        } = (yield loadCountries()).find(x => x.value === countryCode);
+        if (prefix) {
+          return isdCode.startsWith(prefix) ? isdCode : prefix + isdCode;
+        }
+        return isdCode;
       }));
       _export("formatForCountry", formatForCountry = countryCode => __awaiter(void 0, void 0, void 0, function* () {
         const countries = yield loadCountries();
@@ -37358,16 +37494,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
           return __awaiter(this, void 0, void 0, function* () {
             this.renderer = XNode.create("div", null, XNode.create("div", null, XNode.create("div", {
               "data-max-width": "size-large"
-            }, XNode.create("h3", null, "Phone Verification Code"), XNode.create("p", null, "We have send text verification code on your phone number, please enter the code below to verify."), XNode.create(Form, null, XNode.create(FormField, {
-              label: ""
-            }, XNode.create("input", {
-              type: "tel",
-              autofocus: true,
-              value: Bind.twoWaysImmediate(() => this.model.phone.code)
-            })), XNode.create("div", null, XNode.create("button", {
-              "data-layout": "go-button",
-              "data-submit-event": "signup"
-            }, "Complete Signup"))))));
+            })));
           });
         }
       });
@@ -52377,7 +52504,7 @@ System.register(["tslib", "@web-atoms/core/dist/di/DITransient", "@web-atoms/cor
             } = SocialMailApp.user;
             return this.entityService.query(User).where({
               userID
-            }, p => x => x.userID === p.userID).include(x => x.authFactors).firstOrDefault();
+            }, p => x => x.userID === p.userID).include(x => x.authFactors.forEach(t => t.verificationToken)).firstOrDefault();
           });
         }
         save(user) {
@@ -57849,47 +57976,94 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/user/forgot/ForgotPassword");
 
-System.register(["tslib", "@web-atoms/core/dist/App", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/web/controls/AtomControl"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/web/controls/AtomControl", "../buttons/IconButton", "../../form/AppForm", "@web-atoms/core/dist/core/Bind", "@web-atoms/web-controls/dist/basic/DropDown", "@web-atoms/web-controls/dist/basic/FormField"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, App, BindableProperty, styled, AtomControl, QRCodeControl, nextId;
+  var __awaiter, __decorate, __metadata, BindableProperty, XNode, styled, AtomControl, EmailIconTextButton, AppForm, Bind, DropDown, FormField, QRCodeControl, generateUrl;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
       __awaiter = _tslib.__awaiter;
       __decorate = _tslib.__decorate;
       __metadata = _tslib.__metadata;
-    }, function (_webAtomsCoreDistApp) {
-      App = _webAtomsCoreDistApp.App;
     }, function (_webAtomsCoreDistCoreBindableProperty) {
       BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
     }, function (_webAtomsCoreDistStyleStyled) {
       styled = _webAtomsCoreDistStyleStyled.default;
     }, function (_webAtomsCoreDistWebControlsAtomControl) {
       AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_buttonsIconButton) {
+      EmailIconTextButton = _buttonsIconButton.EmailIconTextButton;
+    }, function (_formAppForm) {
+      AppForm = _formAppForm.default;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsWebControlsDistBasicDropDown) {
+      DropDown = _webAtomsWebControlsDistBasicDropDown.default;
+    }, function (_webAtomsWebControlsDistBasicFormField) {
+      FormField = _webAtomsWebControlsDistBasicFormField.default;
     }],
     execute: function () {
       styled.css`
+    & img.qr-code {
+        width: 256px;
+    }
     `.installGlobal("qr-code");
-      nextId = 1;
+      generateUrl = item => {
+        const body = item.keyword ? `${item.keyword} ${item.code}` : item.code;
+        return `SMSTO:${item.phoneNumber}:${body}`;
+      };
       _export("default", QRCodeControl = class QRCodeControl extends AtomControl {
         constructor(app, e = document.createElement("qr-code")) {
           super(app, e);
+          this.smsConfig = null;
+          this.selectedConfig = null;
           this.runAfterInit(() => this.app.runAsync(() => this.init()));
         }
         init() {
           return __awaiter(this, void 0, void 0, function* () {
-            yield App.installScript("https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.js");
-            this.element.id = `qr-code-${nextId++}`;
-            new QRCode(this.element.id, {
-              text: this.url,
-              width: 256,
-              height: 256
-            });
+            if (!this.smsConfig) {
+              return;
+            }
+            if (typeof this.smsConfig === "string") {
+              this.smsConfig = JSON.parse(this.smsConfig);
+            }
+            this.selectedConfig = this.smsConfig.config[0];
+            const isMobile = /ios|iphone|android/i.test(navigator.userAgent);
+            if (isMobile) {
+              this.renderer = XNode.create("div", null, XNode.create(AppForm, null, XNode.create("h4", null, "Please verify your phone number"), XNode.create("div", null, "Click on following button, that will open your Messages(SMS/Text) screen with your verification code, please click send on your Messages screen."), XNode.create(FormField, {
+                label: "Country"
+              }, XNode.create(DropDown, {
+                itemRenderer: x => XNode.create("label", {
+                  text: x.countryCode
+                }),
+                items: this.smsConfig.config,
+                selectedItem: Bind.twoWaysImmediate(() => this.selectedConfig)
+              })), XNode.create("div", null, XNode.create(EmailIconTextButton, {
+                href: Bind.oneWay(() => generateUrl(this.selectedConfig)),
+                target: "_blank",
+                text: "Open Messages"
+              }))));
+              return;
+            }
+            this.renderer = XNode.create("div", null, XNode.create(AppForm, null, XNode.create("h4", null, "Please verify your phone number"), XNode.create("div", null, "Scan following QR Code with your phone to open the Messages(SMS/Text) with generated code. And hit the send button."), XNode.create(FormField, {
+              label: "Country"
+            }, XNode.create(DropDown, {
+              itemRenderer: x => XNode.create("label", {
+                text: x.countryCode
+              }),
+              items: this.smsConfig.config,
+              selectedItem: Bind.twoWaysImmediate(() => this.selectedConfig)
+            })), XNode.create("div", null, XNode.create("img", {
+              class: "qr-code",
+              src: Bind.oneWay(() => `data:image/svg+xml;base64,${btoa(this.selectedConfig.qrCodeUrl)}`)
+            }))));
           });
         }
       });
-      __decorate([BindableProperty, __metadata("design:type", String)], QRCodeControl.prototype, "url", void 0);
+      __decorate([BindableProperty, __metadata("design:type", Object)], QRCodeControl.prototype, "smsConfig", void 0);
     }
   };
 });
@@ -57897,10 +58071,10 @@ System.register(["tslib", "@web-atoms/core/dist/App", "@web-atoms/core/dist/core
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/qrcode/QRCode");
 
-System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/web-controls/dist/basic/FormField", "../../../../model/model", "@web-atoms/core/dist/core/Bind", "@web-atoms/web-controls/dist/basic/PasswordBox", "@web-atoms/core/dist/view-model/Action", "@web-atoms/core/dist/core/InjectProperty", "../../../../services/LoginService", "../../../controls/password/PasswordStrength", "../../../validators/Validators", "../../../controls/buttons/IconButton", "@web-atoms/web-controls/dist/PageNavigator", "../forgot/ForgotPassword", "@web-atoms/core/dist/web/services/PopupService", "../../../form/AppForm", "../../../../web/commands/AppCommands", "@web-atoms/date-time/dist/DateTime", "@web-atoms/web-controls/dist/basic/DropDown", "../../../controls/qrcode/QRCode"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/web-controls/dist/basic/FormField", "../../../../model/model", "@web-atoms/core/dist/core/Bind", "@web-atoms/web-controls/dist/basic/PasswordBox", "@web-atoms/core/dist/view-model/Action", "@web-atoms/core/dist/core/InjectProperty", "../../../../services/LoginService", "../../../controls/password/PasswordStrength", "../../../validators/Validators", "../../../controls/buttons/IconButton", "@web-atoms/web-controls/dist/PageNavigator", "../forgot/ForgotPassword", "@web-atoms/core/dist/web/services/PopupService", "../../../form/AppForm", "../../../../web/commands/AppCommands", "@web-atoms/date-time/dist/DateTime", "../../../controls/qrcode/QRCode"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, XNode, ContentPage, FormField, LoginSession, Bind, PasswordBox, Action, InjectProperty, LoginService, PasswordStrength, Validators, SaveIconTextButton, PageNavigator, ForgotPassword, PopupService, AppForm, AppCommands, DateTime, DropDown, QRCode, LoginPage, isSocialMail;
+  var __awaiter, __decorate, __metadata, XNode, ContentPage, FormField, LoginSession, Bind, PasswordBox, Action, InjectProperty, LoginService, PasswordStrength, Validators, SaveIconTextButton, PageNavigator, ForgotPassword, PopupService, AppForm, AppCommands, DateTime, QRCode, LoginPage, isSocialMail;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -57943,8 +58117,6 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-con
       AppCommands = _webCommandsAppCommands.default;
     }, function (_webAtomsDateTimeDistDateTime) {
       DateTime = _webAtomsDateTimeDistDateTime.default;
-    }, function (_webAtomsWebControlsDistBasicDropDown) {
-      DropDown = _webAtomsWebControlsDistBasicDropDown.default;
     }, function (_controlsQrcodeQRCode) {
       QRCode = _controlsQrcodeQRCode.default;
     }],
@@ -57954,7 +58126,6 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-con
         constructor() {
           super(...arguments);
           this.password = "";
-          this.selectedPhone = null;
         }
         init() {
           return __awaiter(this, void 0, void 0, function* () {
@@ -58016,51 +58187,12 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-con
           });
         }
         showOtherFactors() {
-          var _a, _b, _c;
-          const smsConfig = JSON.parse((_a = this.model.smsConfig) !== null && _a !== void 0 ? _a : "null");
-          const phoneNumber = (_c = (_b = smsConfig === null || smsConfig === void 0 ? void 0 : smsConfig.config) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : null;
-          if (!phoneNumber) {
-            this.renderer = XNode.create("div", {
-              "data-layout": "center-all"
-            }, XNode.create(AppForm, null, XNode.create("h4", null, "Enter Authenticator Code"), XNode.create(FormField, {
-              label: "Code"
-            }, XNode.create("input", {
-              autofocus: true,
-              type: "tel",
-              value: Bind.twoWaysImmediate(() => this.model.timeToken)
-            })), XNode.create("div", {
-              "data-layout": "row"
-            }, XNode.create("button", {
-              "event-click": () => this.showOTP(),
-              "data-layout": "link"
-            }, "Enter One Time Password instead.")), XNode.create("div", {
-              "data-layout": "command-row"
-            }, XNode.create(SaveIconTextButton, {
-              "event-click": () => this.login(),
-              text: "Go"
-            }))));
-            return;
-          }
-          this.selectedPhone = phoneNumber;
-          const generateUrl = item => {
-            const body = item.keyword ? `${item.keyword} ${item.code}` : item.code;
-            return `SMSTO:${item.phoneNumber}:${body}`;
-          };
+          const smsConfig = this.model.verificationToken;
           this.renderer = XNode.create("div", {
             "data-layout": "center-all"
-          }, XNode.create(AppForm, null, XNode.create("h4", null, "Send Text Message"), XNode.create(FormField, {
-            label: "Country"
-          }, XNode.create(DropDown, {
-            itemRenderer: x => XNode.create("label", {
-              text: x.countryCode
-            }),
-            items: smsConfig.config,
-            selectedItem: Bind.twoWaysImmediate(() => this.selectedPhone)
-          })), XNode.create(FormField, {
-            label: ""
-          }, XNode.create(QRCode, {
-            url: Bind.oneWay(() => generateUrl(this.selectedPhone))
-          })), XNode.create("h4", null, "OR"), XNode.create("h4", null, "Enter Authenticator Code"), XNode.create(FormField, {
+          }, XNode.create(AppForm, null, (smsConfig === null || smsConfig === void 0 ? void 0 : smsConfig.smsConfig) && XNode.create(QRCode, {
+            smsConfig: smsConfig.smsConfig
+          }), XNode.create("h4", null, "OR"), XNode.create("h4", null, "Enter Authenticator Code"), XNode.create(FormField, {
             label: "Code"
           }, XNode.create("input", {
             autofocus: true,