@social-mail/social-mail-client 1.2.287 → 1.2.289

package/dist/admin/AdminAppIndex.pack.js

@@ -46344,7 +46344,7 @@ System.register(["@web-atoms/core/dist/core/AtomBinder"], function (_export, _co
           this.name = e.tagName.toLowerCase();
           this.parentName = (_a = e.parentElement) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase();
           const r = e.getBoundingClientRect();
-          this.isImage = this.name === "img";
+          this.isImage = this.name === "img" || this.name === "inject" || this.name.startsWith("video");
           this.top = `${r.top + 2}px`;
           this.left = `${r.left + 2}px`;
           this.width = `${r.width}px`;
@@ -49049,7 +49049,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
               const target = e.target;
               e.preventDefault();
               const element = target.nodeType === Node.ELEMENT_NODE ? target : target.parentElement;
-              if (element.tagName === "IMG") {
+              if (/^(IMG|INJECT|VIDEO)$/.test(element.tagName)) {
                 this.changeImage().catch(console.error);
                 return;
               }
@@ -49285,6 +49285,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
                 max-width: 200px;
                 height: 200px;
                 object-fit: contain;
+                margin-top: 3ch;
             }
 
 
@@ -49308,6 +49309,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
           this.version = 1;
           this.size = 700;
           this.selectedFiles = [];
+          this.showSize = true;
         }
         init() {
           var _a;
@@ -49319,6 +49321,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
             this.selectedFolder = this.parameters.folder;
             this.element.style.minWidth = "90%";
             this.element.style.minHeight = "90%";
+            this.showSize = /^(image|video)\//i.test(accept);
             const selected = this.parameters.selected;
             if ((selected === null || selected === void 0 ? void 0 : selected.tagName) === "IMG") {
               if (/^image\-grid$/i.test((_a = selected.parentElement) === null || _a === void 0 ? void 0 : _a.tagName)) {
@@ -49378,30 +49381,44 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
                 accept,
                 cancelToken
               })),
-              itemRenderer: item => XNode.create("div", {
-                class: "media-file"
-              }, this.parameters.multiple && XNode.create(SelectorCheckBox, null), XNode.create("label", {
-                class: "file-name",
-                title: item.name,
-                text: item.name
-              }), XNode.create("img", {
-                class: "file-preview",
-                src: apiPath(`/api/files/webp(300)/${item.appFileID}/${item.fileContentID}/${item.name}.300.webp`)
-              }))
+              itemRenderer: item => {
+                if (/text\/html/i.test(item.contentType)) {
+                  return XNode.create("div", {
+                    class: "media-file"
+                  }, this.parameters.multiple && XNode.create(SelectorCheckBox, null), XNode.create("label", {
+                    class: "file-name",
+                    title: item.name,
+                    text: item.name
+                  }), XNode.create("div", {
+                    class: "file-preview",
+                    text: "HTML File"
+                  }));
+                }
+                return XNode.create("div", {
+                  class: "media-file"
+                }, this.parameters.multiple && XNode.create(SelectorCheckBox, null), XNode.create("label", {
+                  class: "file-name",
+                  title: item.name,
+                  text: item.name
+                }), XNode.create("img", {
+                  class: "file-preview",
+                  src: apiPath(`/api/files/webp(300)/${item.appFileID}/${item.fileContentID}/${item.name}.300.webp`)
+                }));
+              }
             })));
             this.footerRenderer = () => XNode.create("div", {
               "style-display": Bind.oneWay(() => this.selectedFiles.length > 0),
               "data-layout": "row"
-            }, XNode.create(SelectAll, {
+            }, this.parameters.multiple && XNode.create(SelectAll, {
               items: Bind.oneWay(() => this.filesRepeater.items),
               selectedItems: this.selectedFiles
-            }), XNode.create("input", {
+            }), this.showSize && XNode.create("input", {
               type: "range",
               min: "100",
               max: "2000",
               step: "100",
               value: Bind.twoWaysImmediate(() => this.size)
-            }), XNode.create("span", {
+            }), this.showSize && XNode.create("span", {
               text: Bind.oneWay(() => `${this.size}px`)
             }), XNode.create(SaveIconTextButton, {
               "data-click-event": "select-file",
@@ -49414,10 +49431,19 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
             const size = this.size;
             return this.selectedFiles.map(file => ({
               file,
-              size
+              size,
+              folder: this.getFolder(file)
             }));
           });
         }
+        getFolder(file) {
+          var _a;
+          if (file.appFileID === this.parameters.folder.appFileID) {
+            return [];
+          }
+          const parent = (_a = file.parent) !== null && _a !== void 0 ? _a : this.selectedFolder;
+          return [...this.getFolder(parent), parent.name];
+        }
         onFilesUploaded() {
           return __awaiter(this, void 0, void 0, function* () {
             this.version++;
@@ -49538,12 +49564,15 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
 System.register(["./apiPath"], function (_export, _context) {
   "use strict";
 
-  var apiPath, imageUrl, srcSetUrl, signedImageUrl, signedUrl, storeFileUrl;
+  var apiPath, viewFileUrl, imageUrl, srcSetUrl, signedImageUrl, signedUrl, storeFileUrl;
   return {
     setters: [function (_apiPath) {
       apiPath = _apiPath.apiPath;
     }],
     execute: function () {
+      _export("viewFileUrl", viewFileUrl = (site, file) => {
+        return apiPath(`/api/site/asset/view/${site.appFileID}/${file.appFileID}/${file.fileContentID}/${file.name}`);
+      });
       _export("imageUrl", imageUrl = (site, file, size) => {
         const name = encodeURIComponent(file.name);
         if (!size) {
@@ -49627,12 +49656,40 @@ System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "./HtmlP
         }
         changeImage() {
           return __awaiter(this, void 0, void 0, function* () {
+            const {
+              tagName
+            } = this.selection.element;
+            let accept = "image/*";
+            let multiple = true;
+            let isVideo = false;
+            let inject = false;
+            switch (tagName) {
+              case "VIDEO":
+                accept = "video/*";
+                multiple = false;
+                isVideo = true;
+                break;
+              case "INJECT":
+                accept = "text/html";
+                multiple = false;
+                inject = true;
+                break;
+            }
             const files = yield PageNavigator.pushPageForResult(ChooseMediaPage, {
               folder: this.folder,
-              accept: "image/*",
-              multiple: true,
+              accept,
+              multiple,
               selected: this.selection.element
             });
+            if (inject || isVideo) {
+              const [{
+                file,
+                folder
+              }] = files;
+              const path = "/" + [folder, file.name].join("/");
+              this.selection.element.setAttribute("src", path);
+              return;
+            }
             const images = files.map(({
               file,
               size