@crystaldesign/widget-media-viewer 25.7.0-beta.30

package/build/esm/index.js

@@ -0,0 +1,109 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useMemo } from 'react';
+import { useCss, useProductData, MediaItem, useConfiguration } from '@crystaldesign/widget-library';
+import { jsx } from 'react/jsx-runtime';
+
+(function() {
+    const env = {"STAGE":"production"};
+    try {
+        if (process) {
+            process.env = Object.assign({}, process.env);
+            Object.assign(process.env, env);
+            return;
+        }
+    } catch (e) {} // avoid ReferenceError: process is not defined
+    globalThis.process = { env:env };
+})();
+
+function useMediaViewer(_ref) {
+  var _productVariants$, _productVariants$2, _productVariants$3;
+  var productId = _ref.productId,
+    settings = _ref.settings;
+  useCss(settings);
+  var productIds = useMemo(function () {
+    return productId ? [productId] : undefined;
+  }, [productId]);
+  var _useProductData = useProductData({
+      productIds: productIds
+    }),
+    productVariants = _useProductData.productVariants,
+    error = _useProductData.error,
+    loading = _useProductData.loading;
+  var media = (_productVariants$ = productVariants[0]) !== null && _productVariants$ !== void 0 && _productVariants$.image ? productVariants[0].image : (_productVariants$2 = productVariants[0]) === null || _productVariants$2 === void 0 ? void 0 : _productVariants$2.image2D;
+  var productMedia = (_productVariants$3 = productVariants[0]) === null || _productVariants$3 === void 0 ? void 0 : _productVariants$3.media;
+  var _loop = function _loop() {
+    var functionType = settings.functionTypePriority[i];
+    if (productMedia) {
+      var prodMedia = productMedia.find(function (mediaItem) {
+        return mediaItem.functionType === functionType;
+      });
+      if (prodMedia) {
+        media = prodMedia;
+        return 1; // break
+      }
+    }
+  };
+  for (var i = 0; i < settings.functionTypePriority.length; i++) {
+    if (_loop()) break;
+  }
+  return {
+    media: typeof media !== 'string' ? media : undefined,
+    mediaUrl: typeof media === 'string' ? media : undefined,
+    error: error,
+    loading: loading
+  };
+}
+
+function MainComponent(props) {
+  var _useMediaViewer = useMediaViewer(props),
+    media = _useMediaViewer.media,
+    mediaUrl = _useMediaViewer.mediaUrl,
+    error = _useMediaViewer.error,
+    loading = _useMediaViewer.loading;
+  if (loading) {
+    return /*#__PURE__*/jsx("div", {
+      children: "Loading..."
+    });
+  }
+  if (error) {
+    return /*#__PURE__*/jsx("div", {
+      children: "Error"
+    });
+  }
+  return /*#__PURE__*/jsx("div", {
+    className: "diva-widget-media-viewer",
+    children: (media || mediaUrl) && /*#__PURE__*/jsx(MediaItem, {
+      media: media,
+      mediaUrl: mediaUrl,
+      isCurrentlyVisible: true,
+      config: {
+        disableSirv: true
+      },
+      videoAutolay: props.settings.videoAutolay
+    })
+  });
+}
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Main = function Main(_ref) {
+  var _parameters$productId;
+  var settings = _ref.settings,
+    parameters = _ref.parameters;
+  return /*#__PURE__*/jsx(ImageViewerComponent, {
+    settings: settings,
+    productId: (_parameters$productId = parameters === null || parameters === void 0 ? void 0 : parameters.productId) !== null && _parameters$productId !== void 0 ? _parameters$productId : ''
+  });
+};
+var ImageViewerComponent = function ImageViewerComponent(props) {
+  var settings = useConfiguration(ImageViewer.name, props.settings);
+  return /*#__PURE__*/jsx(MainComponent, _objectSpread(_objectSpread({}, props), {}, {
+    settings: settings
+  }));
+};
+var ImageViewer = {
+  name: 'MEDIA_VIEWER',
+  renderFunction: Main
+};
+
+export { ImageViewerComponent, ImageViewer as default };

package/build/types/widget-media-viewer/src/components/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MediaViewerProps } from '../types';
+export default function MainComponent(props: MediaViewerProps): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/build/types/widget-media-viewer/src/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAgB5C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,gBAAgB,qBAuB5D"}

package/build/types/widget-media-viewer/src/index.d.ts

@@ -0,0 +1,11 @@
+
+
+export * from './types';
+import React from 'react';
+import { ComponentDefinition } from '@crystaldesign/diva-core';
+import { Configuration, MediaViewerProps } from './types';
+export declare const ImageViewerComponent: React.FC<MediaViewerProps>;
+declare const ImageViewer: ComponentDefinition<Configuration>;
+export default ImageViewer;
+//# sourceMappingURL=index.d.ts.map
+  

package/build/types/widget-media-viewer/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAkB,MAAM,0BAA0B,CAAC;AAG/E,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAM1D,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAG3D,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAGnD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/types/widget-media-viewer/src/stories/default.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { WithDivaMock } from '@crystaldesign/diva-core';
+import { MediaViewerProps } from '../types';
+declare const meta: Meta<WithDivaMock<MediaViewerProps>>;
+export default meta;
+type Story = StoryObj<WithDivaMock<MediaViewerProps>>;
+export declare const MediaViewer: Story;
+//# sourceMappingURL=default.stories.d.ts.map

package/build/types/widget-media-viewer/src/stories/default.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAqB,MAAM,0BAA0B,CAAC;AAG3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAI5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAmB9C,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAAC;AA+BtD,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC"}

package/build/types/widget-media-viewer/src/types/index.d.ts

@@ -0,0 +1,10 @@
+import { BaseConfiguration } from '@crystaldesign/widget-library';
+export interface MediaViewerProps {
+    settings: Configuration;
+    productId: string;
+}
+export interface Configuration extends BaseConfiguration {
+    functionTypePriority: string[];
+    videoAutolay?: boolean;
+}
+//# sourceMappingURL=index.d.ts.map

package/build/types/widget-media-viewer/src/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,aAAa,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB"}

package/build/types/widget-media-viewer/src/useMediaViewer.d.ts

@@ -0,0 +1,9 @@
+import { MediaViewerProps } from './types';
+import { Media } from '@crystaldesign/diva-core';
+export declare function useMediaViewer({ productId, settings }: MediaViewerProps): {
+    media: Media | undefined;
+    mediaUrl: string | undefined;
+    error: boolean;
+    loading: boolean;
+};
+//# sourceMappingURL=useMediaViewer.d.ts.map

package/build/types/widget-media-viewer/src/useMediaViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaViewer.d.ts","sourceRoot":"","sources":["../../../../src/useMediaViewer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAGjD,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB;;;;;EA2BvE"}