@social-mail/social-mail-client 1.2.760 → 1.2.762

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.2.760",
+  "version": "1.2.762",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/public/preview/video/PreviewVideo.tsx

@@ -0,0 +1,68 @@
+import XNode from "@web-atoms/core/dist/core/XNode";
+import Pack from "@web-atoms/core/dist/Pack";
+import styled from "@web-atoms/core/dist/style/styled";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
+import AtomVideoPlayer from "@web-atoms/web-controls/dist/player/AtomVideoPlayer";
+import { IAppFile } from "../../../model/model";
+
+    styled.css `
+
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: 1fr auto;
+
+    align-items: stretch;
+    justify-content: stretch;
+    justify-items: stretch;
+
+    & [video-player] {
+        grid-row: 1;
+    }
+
+    & > footer {
+        grid-row: 2;
+    }
+    
+
+    `.installGlobal("[data-preview-video]");
+
+
+let fileInfo: Partial<IAppFile> = (window as any).fileInfo;
+
+if (!fileInfo) {
+    fileInfo = (window as any).fileInfo = {};
+    const url = new URL(location.href);
+    url.searchParams.forEach((v, k) => {
+        fileInfo[k] = v;
+    });
+
+    // fileInfo = {"name":"PA_CERTIFICATE_8723097310.pdf", "fileContentID":"451769", "appFileID":"607151"} as any;
+}
+
+@Pack
+export default class PreviewVideo extends AtomControl {
+
+    constructor(app,e) {
+        super(app,e);
+        this.pushInit();
+    }
+
+    async init() {
+        this.renderer = <div>
+            <AtomVideoPlayer
+                source={fileInfo.url}
+                />
+            <footer
+                data-layout="row"
+                data-align-items="center"
+                data-justify-content="center"
+                data-justify-items="center"
+                data-font-size="x-small"
+                >
+                <a target="_blank" href="https://socialmail.me">Powered by Social Mail</a>
+                <a target="_blank" href="https://fontawesome.com/">Fonts by Font Awesome</a>
+            </footer>
+        </div>;
+    }
+
+}

package/src/site-editor/editor/webComponentsPath.ts

@@ -28,7 +28,7 @@ const addAttributes = (target, values: (x: any) => IEditableAttribute[]) => {
 
 export class WebComponents {
 
-    static path = `//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.156`;
+    static path = `//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.157`;
 
     // Not working in Chrome, Works well in Firefox
     // static async run2(frame: HTMLIFrameElement, doc: Document) {