@social-mail/social-mail-client 1.2.675 → 1.2.677

package/dist/public/store/StoreApp.pack.js

@@ -25776,10 +25776,10 @@ System.register([], function (_export, _context) {
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/cache/CacheTTL");
 
-System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/view-model/Action", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../common/controls/repeater/InfiniteRepeater", "../../../common/currency", "../../../common/Sql", "../../../model/model", "../../../services/EntityService", "@web-atoms/core/dist/style/styled", "../commands/StoreCommands", "../StoreUrlService", "../../../common/cache/CacheTTL"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/view-model/Action", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../common/controls/repeater/InfiniteRepeater", "../../../common/currency", "../../../common/Sql", "../../../model/model", "../../../services/EntityService", "@web-atoms/core/dist/style/styled", "../commands/StoreCommands", "../StoreUrlService", "../../../common/cache/CacheTTL", "../../../common/Slugger"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, Bind, InjectProperty, XNode, Action, AtomRepeater, ContentPage, InfiniteRepeater, formatPrice, Sql, StoreTag, StoreMediaFile, StoreItem, EntityService, styled, StoreCommands, StoreUrlService, CacheTTL, StoreProductListPage, cacheSeconds, cacheVersion;
+  var __awaiter, __decorate, __metadata, Bind, InjectProperty, XNode, Action, AtomRepeater, ContentPage, InfiniteRepeater, formatPrice, Sql, StoreTag, StoreMediaFile, StoreItem, EntityService, styled, StoreCommands, StoreUrlService, CacheTTL, Slugger, StoreProductListPage, cacheSeconds, cacheVersion;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -25818,6 +25818,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
       StoreUrlService = _StoreUrlService.StoreUrlService;
     }, function (_commonCacheCacheTTL) {
       CacheTTL = _commonCacheCacheTTL.CacheTTL;
+    }, function (_commonSlugger) {
+      Slugger = _commonSlugger.Slugger;
     }],
     execute: function () {
       cacheSeconds = CacheTTL.seconds.fifteenMinutes;
@@ -26019,30 +26021,32 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
               cancelToken
             })), {
               itemRenderer: item => {
-                var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+                var _a, _b, _c, _d, _e, _f, _g, _h;
+                const name = item.name || ((_a = item.variantFor) === null || _a === void 0 ? void 0 : _a.name) || item.name;
+                const href = StoreCommands.productDetail.displayRoute(item) + "/" + Slugger.slug(item.storeItemID, name);
                 return XNode.create("div", {
                   class: "store-item"
                 }, XNode.create("a", {
                   class: "name",
-                  title: item.name || ((_a = item.variantFor) === null || _a === void 0 ? void 0 : _a.name) || item.name,
-                  text: item.name || ((_b = item.variantFor) === null || _b === void 0 ? void 0 : _b.name) || item.name,
-                  href: StoreCommands.productDetail.displayRoute(item)
+                  title: name,
+                  text: name,
+                  href: href
                 }), XNode.create("label", {
                   class: "description",
-                  title: item.description || ((_c = item.variantFor) === null || _c === void 0 ? void 0 : _c.description) || item.description,
-                  text: item.description || ((_d = item.variantFor) === null || _d === void 0 ? void 0 : _d.description) || item.description
+                  title: item.description || ((_b = item.variantFor) === null || _b === void 0 ? void 0 : _b.description) || item.description,
+                  text: item.description || ((_c = item.variantFor) === null || _c === void 0 ? void 0 : _c.description) || item.description
                 }), XNode.create("img", {
                   src: Bind.oneTimeAsync(() => this.downloadImage(item))
                 }), XNode.create("a", {
-                  title: item.name || ((_e = item.variantFor) === null || _e === void 0 ? void 0 : _e.name) || item.name,
-                  href: StoreCommands.productDetail.displayRoute(item)
+                  title: item.name || ((_d = item.variantFor) === null || _d === void 0 ? void 0 : _d.name) || item.name,
+                  href: href
                 }, XNode.create("button", {
                   class: "buy",
                   text: "Buy"
                 })), XNode.create("div", {
                   class: "price"
                 }, XNode.create("label", {
-                  text: formatPrice((_g = (_f = item.storeItemPrices) === null || _f === void 0 ? void 0 : _f[0]) !== null && _g !== void 0 ? _g : (_j = (_h = item.variantFor) === null || _h === void 0 ? void 0 : _h.storeItemPrices) === null || _j === void 0 ? void 0 : _j[0])
+                  text: formatPrice((_f = (_e = item.storeItemPrices) === null || _e === void 0 ? void 0 : _e[0]) !== null && _f !== void 0 ? _f : (_h = (_g = item.variantFor) === null || _g === void 0 ? void 0 : _g.storeItemPrices) === null || _h === void 0 ? void 0 : _h[0])
                 })));
               }
             })), XNode.create("footer", null)));
@@ -26173,7 +26177,7 @@ System.register(["@web-atoms/core/dist/core/Command"], function (_export, _conte
         openPage: () => _context.import("../pages/StoreOrderPage")
       });
       StoreCommands.productDetail = Command.create({
-        route: "/store/{storeItemID}",
+        route: "/store/{storeItemID}/{*name}",
         routeOrder: 100,
         openPage: () => _context.import("../pages/StoreProductDetailPage")
       });