@social-mail/social-mail-client 1.2.306 → 1.2.308

package/dist/web/AppIndex.pack.js

@@ -12568,8 +12568,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
     return Suggestions.showModal(options);
   }
   function askSuggestionPopup(opener, items, itemRenderer, match, selectedItem) {
-    const updateSearch = ("search" in opener);
-    const itemsInOpener = ("items" in opener);
+    const updateSearch = "search" in opener;
+    const itemsInOpener = "items" in opener;
     class Suggestions extends InlinePopup {
       get items() {
         return itemsInOpener ? this.opener.items : items;
@@ -20786,13 +20786,15 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "./styles/password-
   function PasswordBox(_a) {
     var {
         placeholder,
-        value
+        value,
+        autofocus
       } = _a,
-      a = __rest(_a, ["placeholder", "value"]);
+      a = __rest(_a, ["placeholder", "value", "autofocus"]);
     return XNode.create("div", Object.assign({
       "data-password-box": "password-box"
     }, a), XNode.create("input", {
       placeholder: placeholder,
+      autofocus: autofocus,
       type: "password",
       value: value
     }), XNode.create("i", {
@@ -52679,10 +52681,10 @@ System.register(["tslib"], function (_export, _context) {
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/Modules");
 
-System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/XNode", "../../../../../common/apiPath", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/core/Bind", "../../../../../common/Modules", "@web-atoms/core/dist/App"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/XNode", "../../../../../common/controls/buttons/IconButton", "../../../../../common/apiPath", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/core/Bind", "../../../../../common/Modules", "@web-atoms/core/dist/App", "@web-atoms/web-controls/dist/basic/Form", "@web-atoms/web-controls/dist/basic/FormField", "@web-atoms/web-controls/dist/basic/PasswordBox"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, ContentPage, XNode, apiPath, styled, Bind, Modules, App, PreviewDocument, installStyleSheet;
+  var __awaiter, ContentPage, XNode, IconButton, apiPath, styled, Bind, Modules, App, Form, FormField, PasswordBox, PreviewDocument, installStyleSheet;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -52691,6 +52693,8 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       ContentPage = _webAtomsWebControlsDistMobileAppMobileApp.ContentPage;
     }, function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_commonControlsButtonsIconButton) {
+      IconButton = _commonControlsButtonsIconButton.IconButton;
     }, function (_commonApiPath) {
       apiPath = _commonApiPath.apiPath;
     }, function (_webAtomsCoreDistStyleStyled) {
@@ -52701,6 +52705,12 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       Modules = _commonModules.default;
     }, function (_webAtomsCoreDistApp) {
       App = _webAtomsCoreDistApp.App;
+    }, function (_webAtomsWebControlsDistBasicForm) {
+      Form = _webAtomsWebControlsDistBasicForm.default;
+    }, function (_webAtomsWebControlsDistBasicFormField) {
+      FormField = _webAtomsWebControlsDistBasicFormField.default;
+    }, function (_webAtomsWebControlsDistBasicPasswordBox) {
+      PasswordBox = _webAtomsWebControlsDistBasicPasswordBox.default;
     }],
     execute: function () {
       styled.css`
@@ -52848,6 +52858,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
         constructor() {
           super(...arguments);
           this.scale = 1;
+          this.password = "";
         }
         init() {
           return __awaiter(this, void 0, void 0, function* () {
@@ -52857,6 +52868,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
               fileContentID,
               name
             } = this.parameters;
+            this.title = name;
             const pdf = apiPath(`/api/files/pdf/${appFileID}/${fileContentID}/${name}/${name}.pdf`);
             const downloadUrl = apiPath(`/api/files/download/${appFileID}/${fileContentID}/${name}`);
             this.observer = new IntersectionObserver(entries => this.updateEntries(entries), {
@@ -52870,7 +52882,40 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
               pdfjsLib
             } = globalThis;
             pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://mozilla.github.io/pdf.js/build/pdf.worker.mjs';
-            const pdfDoc = yield pdfjsLib.getDocument(pdf).promise;
+            const loaderTask = pdfjsLib.getDocument(pdf);
+            let tries = 0;
+            loaderTask.onPassword = (callback, reason) => {
+              console.log(reason);
+              tries++;
+              if (tries > 3) {
+                this.renderer = XNode.create("div", null, XNode.create("div", {
+                  "data-layout": "center-page-900px"
+                }, "Failed..."));
+                return;
+              }
+              this.renderer = XNode.create("div", null, XNode.create("div", {
+                "data-layout": "center-page-900px"
+              }, XNode.create(Form, {
+                "event-submit-form": () => {
+                  const password = this.password;
+                  this.password = "";
+                  callback(password);
+                }
+              }, XNode.create("div", null, XNode.create("h4", {
+                text: reason ? "Invalid Password, try again." : "Password is required to view this document."
+              })), XNode.create(FormField, {
+                label: "Password"
+              }, XNode.create(PasswordBox, {
+                type: "password",
+                autofocus: true,
+                value: Bind.twoWaysImmediate(() => this.password)
+              })), XNode.create("div", null, XNode.create(IconButton, {
+                type: "submit",
+                disabled: Bind.oneWay(() => !this.password),
+                text: "Open"
+              })))));
+            };
+            const pdfDoc = yield loaderTask.promise;
             this.renderer = XNode.create("div", null, XNode.create("div", {
               class: "pdf-frame"
             }, XNode.create("div", {