@social-mail/social-mail-client 1.2.330 → 1.2.332

package/package.json

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

package/src/public/store/StoreItemDetailView.tsx

@@ -17,7 +17,7 @@ import ToggleButtonBar from "@web-atoms/web-controls/dist/basic/ToggleButtonBar"
 const url = (window as any).pageUrl as URL;
 
 
-let {1: storeID = "4", 2: itemID = "1w" } = /^\/store\/([^\/]+)\/([^\/]+)\//.exec(url?.pathname) ?? {} as any;
+let {1: storeID = "4", 2: itemID = "23" } = /^\/store\/([^\/]+)\/([^\/]+)\//.exec(url?.pathname) ?? {} as any;
 
 storeID = parseInt(storeID, 36);
 itemID = parseInt(itemID, 36);
@@ -53,6 +53,7 @@ const css = styled.css `
             display: flex;
             flex-direction: column;
             overflow: auto;
+            max-height: 500px;
             & > img {
                 cursor: pointer;
                 margin: 5px;
@@ -100,13 +101,11 @@ export default class StoreItemDetailView extends AtomControl {
         this.runAfterInit(() => this.app.runAsync(() => this.init()));
     }
 
-    getFiles( ... items: IStoreItem[]) {
-        const files = [];
-        for (const iterator of items) {
-            if(!iterator?.mediaFiles) {
-                continue;
-            }
-            files.push(... iterator.mediaFiles);
+    getFiles(item: IStoreItem, varient: IStoreItem, size: IStoreItem) {
+        const varientFiles = varient?.mediaFiles?.filter((x) => x.isPreview);
+        const files = varientFiles ?? item.mediaFiles.filter((x) => x.isPreview);
+        if (size?.mediaFiles) {
+            files.push(... size.mediaFiles.filter((x) => x.isPreview));
         }
         this.selectedFile = files[0];
         return files;
@@ -120,9 +119,6 @@ export default class StoreItemDetailView extends AtomControl {
 
         this.model = await this.getItem();
 
-        const images = this.model.mediaFiles.where((x) => x.isPreview);
-        this.selectedFile = images[0];
-
         const offer = this.model.mediaFiles.find((x) => x.title === "offer.html");
         const specifications = this.model.mediaFiles.find((x) => x.title === "specs.html");
 
@@ -139,7 +135,7 @@ export default class StoreItemDetailView extends AtomControl {
 
         this.renderer = <div
             class={css}
-            images={Bind.oneWay(() => this.getFiles(this.model, this.selectedSize, this.selectedVarient))}>
+            images={Bind.oneWay(() => this.getFiles(this.model, this.selectedVarient, this.selectedSize))}>
             <h2>{this.model.name}</h2>
 
             <section class="photos">