@social-mail/social-mail-client 1.4.85 → 1.4.86

package/dist/public/users/signup/SignupPage.pack.js

@@ -2088,7 +2088,7 @@ if (window) {
 
         AmdLoader.instance.register(
             ["@social-mail/social-mail-client","@web-atoms/core","@web-atoms/web-controls","@web-atoms/date-time","@web-atoms/entity"],
-            ["@social-mail/social-mail-client/dist/public/users/signup/SignupPage","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/ExpressionParser","@web-atoms/core/dist/core/types","@web-atoms/core/dist/core/AtomMap","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/Form","@web-atoms/core/dist/core/StringHelper","@web-atoms/web-controls/dist/basic/FormField","@web-atoms/core/dist/core/FormattedString","@web-atoms/core/dist/services/NavigationService","@web-atoms/core/dist/core/AtomComponent","@web-atoms/core/dist/App","@web-atoms/core/dist/core/AtomBinder","@web-atoms/core/dist/core/AtomDispatcher","@web-atoms/core/dist/di/RegisterSingleton","@web-atoms/core/dist/di/Register","@web-atoms/core/dist/di/ServiceCollection","@web-atoms/core/dist/di/TypeKey","@web-atoms/core/dist/di/ServiceProvider","@web-atoms/core/dist/core/TransientDisposable","@web-atoms/core/dist/di/Inject","@web-atoms/core/dist/services/BusyIndicatorService","@web-atoms/core/dist/core/AtomList","@web-atoms/date-time/dist/DateTime","@web-atoms/date-time/dist/TimeSpan","@web-atoms/core/dist/core/AtomDisposableList","@web-atoms/core/dist/core/AtomWatcher","@web-atoms/core/dist/core/Hacks","@web-atoms/core/dist/web/core/AtomUI","@web-atoms/core/dist/core/InheritedProperty","@web-atoms/core/dist/core/PropertyMap","@web-atoms/core/dist/core/AtomUri","@web-atoms/core/dist/services/ReferenceService","@web-atoms/core/dist/di/DISingleton","@web-atoms/core/dist/web/services/PopupService","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/Command","@web-atoms/core/dist/core/EventScope","@web-atoms/core/dist/core/Route","@web-atoms/core/dist/core/WebImage","@web-atoms/core/dist/web/styles/AtomStyle","@web-atoms/core/dist/web/styles/AtomStyleSheet","@web-atoms/core/dist/web/services/PopupWindow","@web-atoms/core/dist/core/sleep","@web-atoms/core/dist/services/FetchBuilder","@web-atoms/core/dist/view-model/Action","@web-atoms/core/dist/services/http/JsonError","@social-mail/social-mail-client/dist/common/controls/countries/CountrySelect","@web-atoms/web-controls/dist/basic/DropDown","@web-atoms/web-controls/dist/basic/AtomRepeater","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/core/WatchProperty","@web-atoms/web-controls/dist/basic/InlinePopup","@web-atoms/web-controls/dist/basic/MergeNode","@web-atoms/web-controls/dist/basic/ItemPath","@web-atoms/web-controls/dist/DataAttributes","@social-mail/social-mail-client/dist/common/controls/qrcode/QRCode","@social-mail/social-mail-client/dist/common/controls/buttons/IconButton","@social-mail/social-mail-client/dist/common/form/AppForm","@social-mail/social-mail-client/dist/model/model","@web-atoms/entity/dist/services/BaseEntityService","@web-atoms/entity/dist/models/Cloner","@web-atoms/entity/dist/models/cloneSource","@web-atoms/entity/dist/models/IEntityModel","@web-atoms/entity/dist/services/mergeProperties","@web-atoms/entity/dist/services/Query","@web-atoms/entity/dist/services/StringHelper","@web-atoms/entity/dist/services/resolve","@web-atoms/entity/dist/models/TaskManager","@web-atoms/entity/dist/models/Queue","@social-mail/social-mail-client/dist/common/controls/Loader","@social-mail/social-mail-client/content/images/gif/loader.gif","@web-atoms/core/dist/core/InjectProperty","@social-mail/social-mail-client/dist/services/EntityService","@social-mail/social-mail-client/dist/services/BusyProgress","@social-mail/social-mail-client/dist/common/apiPath","@social-mail/social-mail-client/dist/common/controls/phone-editor/PhoneEditor","@web-atoms/web-controls/dist/basic/MaskedInput","@web-atoms/core/dist/Pack","@social-mail/social-mail-client/dist/public/users/signup/controls/SignupDomainDropDown","@social-mail/social-mail-client/dist/common/Sql","@web-atoms/core/dist/web/WebApp","@web-atoms/core/dist/core/AtomOnce","@web-atoms/core/dist/web/services/WebBusyIndicatorService","@web-atoms/core/dist/web/styles/StyleBuilder","@web-atoms/core/dist/web/services/WindowService","@web-atoms/core/dist/Atom","@web-atoms/core/dist/core/AtomLoader","@web-atoms/core/dist/services/JsonService","@web-atoms/core/dist/core/FormattedError","@web-atoms/core/dist/view-model/AtomWindowViewModel","@web-atoms/core/dist/view-model/AtomViewModel","@web-atoms/core/dist/view-model/baseTypes","@web-atoms/core/dist/web/controls/AtomAlertWindow","@web-atoms/core/dist/web/styles/AtomAlertWindowStyle","@web-atoms/core/dist/web/styles/AtomWindowStyle","@web-atoms/core/src/web/images/close-button-hover.svg","@web-atoms/core/dist/web/controls/AtomWindow","@web-atoms/core/dist/web/controls/AtomTemplate","@web-atoms/core/dist/web/controls/AtomNotification","@web-atoms/core/dist/web/styles/AtomNotificationStyle","@web-atoms/core/dist/web/styles/AtomPopupStyle","@web-atoms/core/dist/web/services/NotificationPopup","@web-atoms/core/dist/web/styles/AtomTheme"]);
+            ["@social-mail/social-mail-client/dist/public/users/signup/SignupPage","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/ExpressionParser","@web-atoms/core/dist/core/types","@web-atoms/core/dist/core/AtomMap","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/Form","@web-atoms/core/dist/core/StringHelper","@web-atoms/web-controls/dist/basic/FormField","@web-atoms/core/dist/core/FormattedString","@web-atoms/core/dist/services/NavigationService","@web-atoms/core/dist/core/AtomComponent","@web-atoms/core/dist/App","@web-atoms/core/dist/core/AtomBinder","@web-atoms/core/dist/core/AtomDispatcher","@web-atoms/core/dist/di/RegisterSingleton","@web-atoms/core/dist/di/Register","@web-atoms/core/dist/di/ServiceCollection","@web-atoms/core/dist/di/TypeKey","@web-atoms/core/dist/di/ServiceProvider","@web-atoms/core/dist/core/TransientDisposable","@web-atoms/core/dist/di/Inject","@web-atoms/core/dist/services/BusyIndicatorService","@web-atoms/core/dist/core/AtomList","@web-atoms/date-time/dist/DateTime","@web-atoms/date-time/dist/TimeSpan","@web-atoms/core/dist/core/AtomDisposableList","@web-atoms/core/dist/core/AtomWatcher","@web-atoms/core/dist/core/Hacks","@web-atoms/core/dist/web/core/AtomUI","@web-atoms/core/dist/core/InheritedProperty","@web-atoms/core/dist/core/PropertyMap","@web-atoms/core/dist/core/AtomUri","@web-atoms/core/dist/services/ReferenceService","@web-atoms/core/dist/di/DISingleton","@web-atoms/core/dist/web/services/PopupService","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/Command","@web-atoms/core/dist/core/EventScope","@web-atoms/core/dist/core/Route","@web-atoms/core/dist/core/WebImage","@web-atoms/core/dist/web/styles/AtomStyle","@web-atoms/core/dist/web/styles/AtomStyleSheet","@web-atoms/core/dist/web/services/PopupWindow","@web-atoms/core/dist/core/sleep","@web-atoms/core/dist/services/FetchBuilder","@web-atoms/core/dist/view-model/Action","@web-atoms/core/dist/services/http/JsonError","@social-mail/social-mail-client/dist/common/controls/qrcode/QRCode","@social-mail/social-mail-client/dist/common/controls/buttons/IconButton","@social-mail/social-mail-client/dist/common/form/AppForm","@web-atoms/web-controls/dist/basic/DropDown","@web-atoms/web-controls/dist/basic/AtomRepeater","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/core/WatchProperty","@web-atoms/web-controls/dist/basic/InlinePopup","@web-atoms/web-controls/dist/basic/MergeNode","@web-atoms/web-controls/dist/basic/ItemPath","@web-atoms/web-controls/dist/DataAttributes","@social-mail/social-mail-client/dist/model/model","@web-atoms/entity/dist/services/BaseEntityService","@web-atoms/entity/dist/models/Cloner","@web-atoms/entity/dist/models/cloneSource","@web-atoms/entity/dist/models/IEntityModel","@web-atoms/entity/dist/services/mergeProperties","@web-atoms/entity/dist/services/Query","@web-atoms/entity/dist/services/StringHelper","@web-atoms/entity/dist/services/resolve","@web-atoms/entity/dist/models/TaskManager","@web-atoms/entity/dist/models/Queue","@social-mail/social-mail-client/dist/common/controls/Loader","@social-mail/social-mail-client/content/images/gif/loader.gif","@web-atoms/core/dist/core/InjectProperty","@social-mail/social-mail-client/dist/services/EntityService","@social-mail/social-mail-client/dist/services/BusyProgress","@social-mail/social-mail-client/dist/common/apiPath","@social-mail/social-mail-client/dist/common/controls/phone-editor/PhoneEditor","@social-mail/social-mail-client/dist/common/controls/countries/CountrySelect","@web-atoms/web-controls/dist/basic/MaskedInput","@web-atoms/core/dist/Pack","@social-mail/social-mail-client/dist/public/users/signup/controls/SignupDomainDropDown","@social-mail/social-mail-client/dist/common/Sql","@web-atoms/core/dist/web/WebApp","@web-atoms/core/dist/core/AtomOnce","@web-atoms/core/dist/web/services/WebBusyIndicatorService","@web-atoms/core/dist/web/styles/StyleBuilder","@web-atoms/core/dist/web/services/WindowService","@web-atoms/core/dist/Atom","@web-atoms/core/dist/core/AtomLoader","@web-atoms/core/dist/services/JsonService","@web-atoms/core/dist/core/FormattedError","@web-atoms/core/dist/view-model/AtomWindowViewModel","@web-atoms/core/dist/view-model/AtomViewModel","@web-atoms/core/dist/view-model/baseTypes","@web-atoms/core/dist/web/controls/AtomAlertWindow","@web-atoms/core/dist/web/styles/AtomAlertWindowStyle","@web-atoms/core/dist/web/styles/AtomWindowStyle","@web-atoms/core/src/web/images/close-button-hover.svg","@web-atoms/core/dist/web/controls/AtomWindow","@web-atoms/core/dist/web/controls/AtomTemplate","@web-atoms/core/dist/web/controls/AtomNotification","@web-atoms/core/dist/web/styles/AtomNotificationStyle","@web-atoms/core/dist/web/styles/AtomPopupStyle","@web-atoms/core/dist/web/services/NotificationPopup","@web-atoms/core/dist/web/styles/AtomTheme"]);
 
 
     AmdLoader.instance.setup("@web-atoms/core/dist/core/ExpressionParser");
@@ -9480,6 +9480,182 @@ System.register(["tslib", "../App", "../core/Command", "../core/EventScope", "..
 });
 //# sourceMappingURL=Action.js.map
 
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/buttons/IconButton");
+
+System.register(["tslib", "@web-atoms/core/dist/core/XNode"], function (_export, _context) {
+  "use strict";
+
+  var __rest, XNode, createButton, IconButton, AddIconButton, AddIconTextButton, ArchiveIconButton, ArchiveIconTextButton, CopyIconButton, CopyIconTextButton, SetupFolderIconButton, SetupFolderTextButton, DeleteIconButton, DeleteIconTextButton, EmailIconButton, EmailIconTextButton, SaveIconButton, SaveIconTextButton, EditIconButton, EditIconTextButton, UploadIconButton, UploadIconTextButton;
+  return {
+    setters: [function (_tslib) {
+      __rest = _tslib.__rest;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }],
+    execute: function () {
+      createButton = ({
+        text: defaultText = void 0,
+        icon: defaultIcon = void 0,
+        layout: defaultLayout = ""
+      }) => _a => {
+        var {
+            text = defaultText,
+            icon = defaultIcon,
+            layout = defaultLayout || (icon ? "icon-button" : "button"),
+            href = void 0,
+            target = void 0
+          } = _a,
+          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
+          }), XNode.create("span", {
+            text: text
+          }));
+        }
+        if (icon) {
+          return XNode.create("button", Object.assign({}, a, {
+            class: icon
+          }));
+        }
+        return XNode.create("button", Object.assign({}, a, {
+          text: text
+        }));
+      };
+      _export("IconButton", IconButton = createButton({}));
+      _export("AddIconButton", AddIconButton = createButton({
+        icon: "fas fa-plus",
+        layout: "go-button"
+      }));
+      _export("AddIconTextButton", AddIconTextButton = createButton({
+        text: "Add",
+        icon: "fas fa-plus",
+        layout: "go-icon-button"
+      }));
+      _export("ArchiveIconButton", ArchiveIconButton = createButton({
+        icon: "fas fa-trash-can",
+        layout: "warning-button"
+      }));
+      _export("ArchiveIconTextButton", ArchiveIconTextButton = createButton({
+        text: "Archive",
+        icon: "fas fa-trash-can",
+        layout: "warning-icon-button"
+      }));
+      _export("CopyIconButton", CopyIconButton = createButton({
+        icon: "fas fa-copy",
+        layout: "button"
+      }));
+      _export("CopyIconTextButton", CopyIconTextButton = createButton({
+        text: "Open",
+        icon: "fas fa-copy",
+        layout: "icon-button"
+      }));
+      _export("SetupFolderIconButton", SetupFolderIconButton = createButton({
+        icon: "fas fa-gear",
+        layout: "button"
+      }));
+      _export("SetupFolderTextButton", SetupFolderTextButton = createButton({
+        text: "Open",
+        icon: "fas fa-gear",
+        layout: "icon-button"
+      }));
+      _export("DeleteIconButton", DeleteIconButton = createButton({
+        icon: "fas fa-trash-can",
+        layout: "reject-button"
+      }));
+      _export("DeleteIconTextButton", DeleteIconTextButton = createButton({
+        text: "Delete",
+        icon: "fas fa-trash-can",
+        layout: "reject-icon-button"
+      }));
+      _export("EmailIconButton", EmailIconButton = createButton({
+        icon: "fas fa-envelope",
+        layout: "go-button"
+      }));
+      _export("EmailIconTextButton", EmailIconTextButton = createButton({
+        text: "Email",
+        icon: "fas fa-envelope",
+        layout: "go-icon-button"
+      }));
+      _export("SaveIconButton", SaveIconButton = createButton({
+        icon: "fas fa-floppy-disk",
+        layout: "accept-button"
+      }));
+      _export("SaveIconTextButton", SaveIconTextButton = createButton({
+        text: "Save",
+        icon: "fas fa-floppy-disk",
+        layout: "accept-icon-button"
+      }));
+      _export("EditIconButton", EditIconButton = createButton({
+        icon: "fas fa-edit",
+        layout: "button"
+      }));
+      _export("EditIconTextButton", EditIconTextButton = createButton({
+        text: "Edit",
+        icon: "fas fa-edit",
+        layout: "icon-button"
+      }));
+      _export("UploadIconButton", UploadIconButton = createButton({
+        icon: "fas fa-upload",
+        layout: "go-button"
+      }));
+      _export("UploadIconTextButton", UploadIconTextButton = createButton({
+        text: "Upload",
+        icon: "fas fa-upload",
+        layout: "go-icon-button"
+      }));
+    }
+  };
+});
+//# sourceMappingURL=IconButton.js.map
+
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/form/AppForm");
+
+System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/Form", "./AppForm.global.less"], function (_export, _context) {
+  "use strict";
+
+  var XNode, Form;
+  function AppForm(a, ...nodes) {
+    return XNode.create(Form, Object.assign({
+      "data-app-form": "app-form"
+    }, a), ...nodes);
+  }
+  _export("default", AppForm);
+  return {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsWebControlsDistBasicForm) {
+      Form = _webAtomsWebControlsDistBasicForm.default;
+    }, function (_AppFormGlobalLess) {}],
+    execute: function () {}
+  };
+});
+//# sourceMappingURL=AppForm.js.map
+
     AmdLoader.instance.setup("@web-atoms/core/dist/core/Colors");
 
 System.register([], function (_export, _context) {
@@ -11660,245 +11836,6 @@ System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "@web-at
 });
 //# sourceMappingURL=DropDown.js.map
 
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/countries/CountrySelect");
-
-System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/DropDown", "@web-atoms/core/dist/services/FetchBuilder", "@web-atoms/core/dist/core/types"], function (_export, _context) {
-  "use strict";
-
-  var __awaiter, Bind, XNode, DropDown, FetchBuilder, UMD, countriesPromise, loadCountries, CountrySelect, CurrencySelect, isdForCountry, formatForCountry;
-  return {
-    setters: [function (_tslib) {
-      __awaiter = _tslib.__awaiter;
-    }, function (_webAtomsCoreDistCoreBind) {
-      Bind = _webAtomsCoreDistCoreBind.default;
-    }, function (_webAtomsCoreDistCoreXNode) {
-      XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsWebControlsDistBasicDropDown) {
-      DropDown = _webAtomsWebControlsDistBasicDropDown.default;
-    }, function (_webAtomsCoreDistServicesFetchBuilder) {
-      FetchBuilder = _webAtomsCoreDistServicesFetchBuilder.default;
-    }, function (_webAtomsCoreDistCoreTypes) {
-      UMD = _webAtomsCoreDistCoreTypes.UMD;
-    }],
-    execute: function () {
-      ;
-      loadCountries = () => countriesPromise !== null && countriesPromise !== void 0 ? countriesPromise : countriesPromise = FetchBuilder.get(UMD.resolvePath("@social-mail/social-mail-client/content/json/countries.json")).asJson();
-      _export("CountrySelect", CountrySelect = a => XNode.create(DropDown, Object.assign({
-        labelPath: item => {
-          var _a;
-          return ((_a = item.isdCode) === null || _a === void 0 ? void 0 : _a.startsWith("+")) ? item.isdCode : `+${item.isdCode} ${item.value}`;
-        },
-        valuePath: item => item.value,
-        items: Bind.oneTimeAsync(() => loadCountries())
-      }, a)));
-      _export("CurrencySelect", CurrencySelect = a => XNode.create(DropDown, Object.assign({
-        labelPath: item => item.currency + "(" + item.label + ")",
-        valuePath: item => item.currency,
-        items: Bind.oneTimeAsync(() => loadCountries())
-      }, a)));
-      _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();
-        const country = countries.find(c => c.value === countryCode);
-        if (country) {
-          const {
-            phoneFormat
-          } = country;
-          if (phoneFormat && phoneFormat !== "0.0") {
-            return phoneFormat;
-          }
-        }
-        return "####.####.####";
-      }));
-    }
-  };
-});
-//# sourceMappingURL=CountrySelect.js.map
-
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/buttons/IconButton");
-
-System.register(["tslib", "@web-atoms/core/dist/core/XNode"], function (_export, _context) {
-  "use strict";
-
-  var __rest, XNode, createButton, IconButton, AddIconButton, AddIconTextButton, ArchiveIconButton, ArchiveIconTextButton, CopyIconButton, CopyIconTextButton, SetupFolderIconButton, SetupFolderTextButton, DeleteIconButton, DeleteIconTextButton, EmailIconButton, EmailIconTextButton, SaveIconButton, SaveIconTextButton, EditIconButton, EditIconTextButton, UploadIconButton, UploadIconTextButton;
-  return {
-    setters: [function (_tslib) {
-      __rest = _tslib.__rest;
-    }, function (_webAtomsCoreDistCoreXNode) {
-      XNode = _webAtomsCoreDistCoreXNode.default;
-    }],
-    execute: function () {
-      createButton = ({
-        text: defaultText = void 0,
-        icon: defaultIcon = void 0,
-        layout: defaultLayout = ""
-      }) => _a => {
-        var {
-            text = defaultText,
-            icon = defaultIcon,
-            layout = defaultLayout || (icon ? "icon-button" : "button"),
-            href = void 0,
-            target = void 0
-          } = _a,
-          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
-          }), XNode.create("span", {
-            text: text
-          }));
-        }
-        if (icon) {
-          return XNode.create("button", Object.assign({}, a, {
-            class: icon
-          }));
-        }
-        return XNode.create("button", Object.assign({}, a, {
-          text: text
-        }));
-      };
-      _export("IconButton", IconButton = createButton({}));
-      _export("AddIconButton", AddIconButton = createButton({
-        icon: "fas fa-plus",
-        layout: "go-button"
-      }));
-      _export("AddIconTextButton", AddIconTextButton = createButton({
-        text: "Add",
-        icon: "fas fa-plus",
-        layout: "go-icon-button"
-      }));
-      _export("ArchiveIconButton", ArchiveIconButton = createButton({
-        icon: "fas fa-trash-can",
-        layout: "warning-button"
-      }));
-      _export("ArchiveIconTextButton", ArchiveIconTextButton = createButton({
-        text: "Archive",
-        icon: "fas fa-trash-can",
-        layout: "warning-icon-button"
-      }));
-      _export("CopyIconButton", CopyIconButton = createButton({
-        icon: "fas fa-copy",
-        layout: "button"
-      }));
-      _export("CopyIconTextButton", CopyIconTextButton = createButton({
-        text: "Open",
-        icon: "fas fa-copy",
-        layout: "icon-button"
-      }));
-      _export("SetupFolderIconButton", SetupFolderIconButton = createButton({
-        icon: "fas fa-gear",
-        layout: "button"
-      }));
-      _export("SetupFolderTextButton", SetupFolderTextButton = createButton({
-        text: "Open",
-        icon: "fas fa-gear",
-        layout: "icon-button"
-      }));
-      _export("DeleteIconButton", DeleteIconButton = createButton({
-        icon: "fas fa-trash-can",
-        layout: "reject-button"
-      }));
-      _export("DeleteIconTextButton", DeleteIconTextButton = createButton({
-        text: "Delete",
-        icon: "fas fa-trash-can",
-        layout: "reject-icon-button"
-      }));
-      _export("EmailIconButton", EmailIconButton = createButton({
-        icon: "fas fa-envelope",
-        layout: "go-button"
-      }));
-      _export("EmailIconTextButton", EmailIconTextButton = createButton({
-        text: "Email",
-        icon: "fas fa-envelope",
-        layout: "go-icon-button"
-      }));
-      _export("SaveIconButton", SaveIconButton = createButton({
-        icon: "fas fa-floppy-disk",
-        layout: "accept-button"
-      }));
-      _export("SaveIconTextButton", SaveIconTextButton = createButton({
-        text: "Save",
-        icon: "fas fa-floppy-disk",
-        layout: "accept-icon-button"
-      }));
-      _export("EditIconButton", EditIconButton = createButton({
-        icon: "fas fa-edit",
-        layout: "button"
-      }));
-      _export("EditIconTextButton", EditIconTextButton = createButton({
-        text: "Edit",
-        icon: "fas fa-edit",
-        layout: "icon-button"
-      }));
-      _export("UploadIconButton", UploadIconButton = createButton({
-        icon: "fas fa-upload",
-        layout: "go-button"
-      }));
-      _export("UploadIconTextButton", UploadIconTextButton = createButton({
-        text: "Upload",
-        icon: "fas fa-upload",
-        layout: "go-icon-button"
-      }));
-    }
-  };
-});
-//# sourceMappingURL=IconButton.js.map
-
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/form/AppForm");
-
-System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/Form", "./AppForm.global.less"], function (_export, _context) {
-  "use strict";
-
-  var XNode, Form;
-  function AppForm(a, ...nodes) {
-    return XNode.create(Form, Object.assign({
-      "data-app-form": "app-form"
-    }, a), ...nodes);
-  }
-  _export("default", AppForm);
-  return {
-    setters: [function (_webAtomsCoreDistCoreXNode) {
-      XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsWebControlsDistBasicForm) {
-      Form = _webAtomsWebControlsDistBasicForm.default;
-    }, function (_AppFormGlobalLess) {}],
-    execute: function () {}
-  };
-});
-//# sourceMappingURL=AppForm.js.map
-
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/qrcode/QRCode");
 
 System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/XNode", "@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", "./QRCode.global.less"], function (_export, _context) {
@@ -20495,6 +20432,69 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/ent
 });
 //# sourceMappingURL=EntityService.js.map
 
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/countries/CountrySelect");
+
+System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/DropDown", "@web-atoms/core/dist/services/FetchBuilder", "@web-atoms/core/dist/core/types"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, Bind, XNode, DropDown, FetchBuilder, UMD, countriesPromise, loadCountries, CountrySelect, CurrencySelect, isdForCountry, formatForCountry;
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsWebControlsDistBasicDropDown) {
+      DropDown = _webAtomsWebControlsDistBasicDropDown.default;
+    }, function (_webAtomsCoreDistServicesFetchBuilder) {
+      FetchBuilder = _webAtomsCoreDistServicesFetchBuilder.default;
+    }, function (_webAtomsCoreDistCoreTypes) {
+      UMD = _webAtomsCoreDistCoreTypes.UMD;
+    }],
+    execute: function () {
+      ;
+      loadCountries = () => countriesPromise !== null && countriesPromise !== void 0 ? countriesPromise : countriesPromise = FetchBuilder.get(UMD.resolvePath("@social-mail/social-mail-client/content/json/countries.json")).asJson();
+      _export("CountrySelect", CountrySelect = a => XNode.create(DropDown, Object.assign({
+        labelPath: item => {
+          var _a;
+          return ((_a = item.isdCode) === null || _a === void 0 ? void 0 : _a.startsWith("+")) ? item.isdCode : `+${item.isdCode} ${item.value}`;
+        },
+        valuePath: item => item.value,
+        items: Bind.oneTimeAsync(() => loadCountries())
+      }, a)));
+      _export("CurrencySelect", CurrencySelect = a => XNode.create(DropDown, Object.assign({
+        labelPath: item => item.currency + "(" + item.label + ")",
+        valuePath: item => item.currency,
+        items: Bind.oneTimeAsync(() => loadCountries())
+      }, a)));
+      _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();
+        const country = countries.find(c => c.value === countryCode);
+        if (country) {
+          const {
+            phoneFormat
+          } = country;
+          if (phoneFormat && phoneFormat !== "0.0") {
+            return phoneFormat;
+          }
+        }
+        return "####.####.####";
+      }));
+    }
+  };
+});
+//# sourceMappingURL=CountrySelect.js.map
+
     AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/MaskedInput");
 
 System.register(["tslib", "@web-atoms/core/dist/core/XNode", "./styles/masked-input.global.less"], function (_export, _context) {
@@ -20721,10 +20721,10 @@ System.register(["tslib", "@web-atoms/web-controls/dist/basic/DropDown", "../../
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/users/signup/SignupPage");
 
-System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/Form", "@web-atoms/web-controls/dist/basic/FormField", "@web-atoms/core/dist/services/FetchBuilder", "@web-atoms/core/dist/view-model/Action", "../../../common/controls/countries/CountrySelect", "../../../common/controls/qrcode/QRCode", "@web-atoms/core/dist/core/sleep", "../../../model/model", "../../../common/controls/Loader", "@web-atoms/core/dist/core/InjectProperty", "../../../services/EntityService", "../../../common/controls/phone-editor/PhoneEditor", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/Pack", "./controls/SignupDomainDropDown", "./SignupPage.local.less"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/Form", "@web-atoms/web-controls/dist/basic/FormField", "@web-atoms/core/dist/services/FetchBuilder", "@web-atoms/core/dist/view-model/Action", "../../../common/controls/qrcode/QRCode", "@web-atoms/core/dist/core/sleep", "../../../model/model", "../../../common/controls/Loader", "@web-atoms/core/dist/core/InjectProperty", "../../../services/EntityService", "../../../common/controls/phone-editor/PhoneEditor", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/Pack", "./controls/SignupDomainDropDown", "./SignupPage.local.less"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, Bind, XNode, Form, FormField, FetchBuilder, Action, isdForCountry, QRCodeControl, sleep, VerificationToken, Loader, InjectProperty, EntityService, PhoneEditor, AtomControl, Pack, SignupDomainDropDown, SignupPage;
+  var __awaiter, __decorate, __metadata, Bind, XNode, Form, FormField, FetchBuilder, Action, QRCodeControl, sleep, VerificationToken, Loader, InjectProperty, EntityService, PhoneEditor, AtomControl, Pack, SignupDomainDropDown, SignupPage;
   return {
     setters: [function (_tslib) {
       __awaiter = _tslib.__awaiter;
@@ -20742,8 +20742,6 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
       FetchBuilder = _webAtomsCoreDistServicesFetchBuilder.default;
     }, function (_webAtomsCoreDistViewModelAction) {
       Action = _webAtomsCoreDistViewModelAction.default;
-    }, function (_commonControlsCountriesCountrySelect) {
-      isdForCountry = _commonControlsCountriesCountrySelect.isdForCountry;
     }, function (_commonControlsQrcodeQRCode) {
       QRCodeControl = _commonControlsQrcodeQRCode.default;
     }, function (_webAtomsCoreDistCoreSleep) {
@@ -20915,9 +20913,6 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
             if (/\s/i.test(model.password)) {
               throw new Error("Password must not any whitespace characters");
             }
-            const isdCode = yield isdForCountry(model.country);
-            const phoneNumber = model.phoneNumberText.replace(/[^0-9]/g, "");
-            model.phoneNumber = isdCode.startsWith("+") ? isdCode + phoneNumber : `+${isdCode}${phoneNumber}`;
             model.emailAddress = `${model.username}@${this.domain.name}`;
             const {
               userID