@websolutespa/bom-mixer-ui 1.8.2 → 1.8.4

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @websolutespa/bom-mixer-ui
 
+## 1.8.4
+
+### Patch Changes
+
+- Added: ImageStrategy.Token
+- Updated dependencies
+  - @websolutespa/bom-core@1.8.4
+
+## 1.8.3
+
+### Patch Changes
+
+- Modified: IAnchor
+- Updated dependencies
+  - @websolutespa/bom-core@1.8.3
+
 ## 1.8.2
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -4402,21 +4402,13 @@ function useMediaGalleryContext() {
   return React.useContext(MediaGalleryContext);
 }
 
-exports.ImageStrategy = void 0;
-(function (ImageStrategy) {
-  ImageStrategy["None"] = "none";
-  ImageStrategy["Next"] = "next";
-  ImageStrategy["Mixer"] = "mixer";
-  ImageStrategy["Oven"] = "oven";
-  ImageStrategy["Custom"] = "custom";
-})(exports.ImageStrategy || (exports.ImageStrategy = {}));
 const IMAGE_SIZE_VARIANTS = ['xs', 'sm', 'md', 'lg', 'xl'];
 const IMAGE_SIZES = process.env.IMAGE_SIZES ? process.env.IMAGE_SIZES.split(',').map(x => parseInt(x)) : [750, 960, 1440, 1600, 1920];
 const IMAGE_SIZEMAP = Object.fromEntries(IMAGE_SIZES.map((x, i) => [IMAGE_SIZE_VARIANTS[i], x]));
 const IMAGE_FOCAL_X = 50;
 const IMAGE_FOCAL_Y = 50;
 const IMAGE_QUALITY = process.env.IMAGE_QUALITY ? parseInt(process.env.IMAGE_QUALITY) : 90;
-const IMAGE_STRATEGY = process.env.IMAGE_STRATEGY ? process.env.IMAGE_STRATEGY : exports.ImageStrategy.Mixer;
+const IMAGE_STRATEGY = process.env.IMAGE_STRATEGY ? process.env.IMAGE_STRATEGY : bomCore.ImageStrategy.Mixer;
 function isMediaSizeVariant(item) {
   return typeof item === 'string';
   // return typeof item === 'string' && IMAGE_SIZE_VARIANTS.includes(item);
@@ -4531,7 +4523,7 @@ function getImageProps(_a, mediaQuery) {
       src
     } = _a,
     props = __rest(_a, ["src"]);
-  if (IMAGE_STRATEGY === exports.ImageStrategy.None || !src || isSVG(src)) {
+  if (IMAGE_STRATEGY === bomCore.ImageStrategy.None || !src || isSVG(src)) {
     return Object.assign({
       src
     }, props);
@@ -4594,9 +4586,10 @@ function getRatio(aspectRatio, defaultRatio) {
   return typeof aspectRatio === 'string' ? parseFloat(aspectRatio) : aspectRatio || defaultRatio;
 }
 const BASE_URLS = {
-  [exports.ImageStrategy.Mixer]: '/api/_image',
-  [exports.ImageStrategy.Next]: '/_next/image',
-  [exports.ImageStrategy.Oven]: bomMixerStore.getRemoteApiUrl('/_image')
+  [bomCore.ImageStrategy.Mixer]: '/api/_image',
+  [bomCore.ImageStrategy.Token]: '/api/_image',
+  [bomCore.ImageStrategy.Next]: '/_next/image',
+  [bomCore.ImageStrategy.Oven]: bomMixerStore.getRemoteApiUrl('/_image')
 };
 const BASE_URL = BASE_URLS[IMAGE_STRATEGY];
 function getImageSrc(src, width, ratio, focalX, focalY, quality) {
@@ -4613,8 +4606,34 @@ function getImageSrc(src, width, ratio, focalX, focalY, quality) {
     return src;
   }
   switch (IMAGE_STRATEGY) {
-    case exports.ImageStrategy.Mixer:
-    case exports.ImageStrategy.Oven:
+    case bomCore.ImageStrategy.Token:
+      {
+        const {
+          origin,
+          pathname,
+          search
+        } = src.indexOf('http') === 0 ? new URL(src) : {
+          origin: '',
+          pathname: src,
+          search: ''
+        };
+        const imageResize = ratio !== 0 ? {
+          w: width,
+          h: Math.round(width / ratio),
+          x: focalX,
+          y: focalY,
+          q: quality,
+          src
+        } : {
+          w: width,
+          q: quality,
+          src
+        };
+        const token = bomCore.encryptImageToken(imageResize);
+        return `${BASE_URL}${pathname}?origin=${encodeURIComponent(origin)}&search=${encodeURIComponent(search)}&t=${encodeURIComponent(token)}`;
+      }
+    case bomCore.ImageStrategy.Mixer:
+    case bomCore.ImageStrategy.Oven:
       {
         const {
           origin,
@@ -11394,7 +11413,7 @@ const TextDescription = _ref => {
   const classNames = bomCore.getClassNames('text-description');
   return jsxRuntime.jsx(Section, {
     className: classNames,
-    id: (_a = item.anchor) === null || _a === void 0 ? void 0 : _a.id,
+    id: (_a = item.anchor) === null || _a === void 0 ? void 0 : _a.hash,
     padding: "0 0 2rem 0",
     children: jsxRuntime.jsx(Container, {
       maxWidthMd: "80ch",