@crystaldesign/content-box 24.13.0-beta.3 → 24.13.0-beta.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/esm/{index-edd9a601.js → index-469397a3.js} +3 -3
- package/build/esm/{index-c7222f32.js → index-7b31f80b.js} +1 -1
- package/build/esm/{index-318d5fed.js → index-8d841118.js} +1 -1
- package/build/esm/{index-19d3a266.js → index-b2a9eaa3.js} +1 -1
- package/build/esm/{index-22fd60ba.js → index-b6b0be43.js} +1 -1
- package/build/esm/{index-88139233.js → index-ec37f503.js} +1 -1
- package/build/esm/{index-fdffbd07.js → index-f3043af2.js} +25 -23
- package/build/esm/index.js +1 -1
- package/build/esm/{zoom.module-edc25653.js → zoom.module-ac864538.js} +1 -1
- package/build/types/content-box/src/Context/PdpContext.d.ts.map +1 -1
- package/build/types/content-box/src/types/index.d.ts +0 -1
- package/build/types/content-box/src/types/index.d.ts.map +1 -1
- package/build/types/content-box/src/ui/PDP/index.d.ts.map +1 -1
- package/build/types/content-box/src/ui/PDP/state/index.d.ts +1 -1
- package/build/umd/266.content-box.umd.min.js +1 -1
- package/build/umd/721.content-box.umd.min.js +5 -5
- package/build/umd/944.content-box.umd.min.js +1 -1
- package/build/umd/content-box.umd.min.js +1 -1
- package/build/umd/report.html +4 -5
- package/package.json +2 -2
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
|
|
2
2
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
3
|
import _regeneratorRuntime from '@babel/runtime/regenerator';
|
|
4
|
-
import { s as styleInject } from './index-
|
|
4
|
+
import { s as styleInject } from './index-f3043af2.js';
|
|
5
5
|
import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';
|
|
6
6
|
import React, { useMemo, useState, useEffect } from 'react';
|
|
7
7
|
import classNames from 'classnames';
|
|
8
|
-
import ArViewer from './index-
|
|
8
|
+
import ArViewer from './index-b6b0be43.js';
|
|
9
9
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
10
10
|
import '@babel/runtime/helpers/defineProperty';
|
|
11
11
|
import 'mobx-react-lite';
|
|
@@ -66,7 +66,7 @@ var MediaViewer = function MediaViewer(_ref) {
|
|
|
66
66
|
setMedias(mediasData);
|
|
67
67
|
}, [mediasData]);
|
|
68
68
|
useEffect(function () {
|
|
69
|
-
if (!keepOldZoomIcons) import('./zoom.module-
|
|
69
|
+
if (!keepOldZoomIcons) import('./zoom.module-ac864538.js');
|
|
70
70
|
}, []);
|
|
71
71
|
useEffect(function () {
|
|
72
72
|
var _medias$map;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { s as styleInject, a as usePdpState, S as STATES, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, d as buttonCenter } from './index-
|
|
1
|
+
import { s as styleInject, a as usePdpState, S as STATES, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, d as buttonCenter } from './index-f3043af2.js';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { observer } from 'mobx-react-lite';
|
|
4
4
|
import 'react';
|
|
@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
|
2
2
|
import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
|
|
3
3
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
4
4
|
import _regeneratorRuntime from '@babel/runtime/regenerator';
|
|
5
|
-
import { s as styleInject, u as useApiInterface, G as Group } from './index-
|
|
5
|
+
import { s as styleInject, u as useApiInterface, G as Group } from './index-f3043af2.js';
|
|
6
6
|
import { useRef, useEffect, useState } from 'react';
|
|
7
7
|
import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
|
|
8
8
|
import { createPortal } from 'react-dom';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { s as styleInject, a as usePdpState, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, e as buttonLeft, d as buttonCenter } from './index-
|
|
1
|
+
import { s as styleInject, a as usePdpState, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, e as buttonLeft, d as buttonCenter } from './index-f3043af2.js';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { observer } from 'mobx-react-lite';
|
|
4
4
|
import 'react';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
-
import { s as styleInject } from './index-
|
|
2
|
+
import { s as styleInject } from './index-f3043af2.js';
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
|
|
5
5
|
import QRCode from 'react-qr-code';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { s as styleInject, a as usePdpState } from './index-
|
|
1
|
+
import { s as styleInject, a as usePdpState } from './index-f3043af2.js';
|
|
2
2
|
import { observer } from 'mobx-react-lite';
|
|
3
3
|
import 'react';
|
|
4
4
|
import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
|
|
@@ -210,7 +210,7 @@ var _excluded$3 = ["pdpState"];
|
|
|
210
210
|
function ownKeys$f(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; }
|
|
211
211
|
function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
212
212
|
var Checkpoint = /*#__PURE__*/React.lazy(function () {
|
|
213
|
-
return import('./index-
|
|
213
|
+
return import('./index-ec37f503.js');
|
|
214
214
|
});
|
|
215
215
|
var InfoSlider = function InfoSlider(_ref) {
|
|
216
216
|
var _pdpState$infoTabs$ma, _pdpState$infoTabs;
|
|
@@ -613,9 +613,9 @@ var PdpState = /*#__PURE__*/function () {
|
|
|
613
613
|
_this.variants = variants;
|
|
614
614
|
});
|
|
615
615
|
//images
|
|
616
|
-
_defineProperty(this, "
|
|
616
|
+
_defineProperty(this, "currentMediaItem", 0);
|
|
617
617
|
_defineProperty(this, "setCurrentMediaItem", function (index) {
|
|
618
|
-
_this.
|
|
618
|
+
_this.currentMediaItem = index;
|
|
619
619
|
});
|
|
620
620
|
//inbox area
|
|
621
621
|
_defineProperty(this, "infoSwiperIndex", 0);
|
|
@@ -836,7 +836,7 @@ var PdpState = /*#__PURE__*/function () {
|
|
|
836
836
|
setProduct: action,
|
|
837
837
|
variants: observable,
|
|
838
838
|
setVariants: action,
|
|
839
|
-
|
|
839
|
+
currentMediaItem: observable,
|
|
840
840
|
setCurrentMediaItem: action,
|
|
841
841
|
infoSwiperIndex: observable,
|
|
842
842
|
setInfoSwiperIndex: action,
|
|
@@ -1033,7 +1033,6 @@ var PdpContext = /*#__PURE__*/React.createContext({
|
|
|
1033
1033
|
type: 'PDP'
|
|
1034
1034
|
});
|
|
1035
1035
|
function ContextProvider$1(_ref) {
|
|
1036
|
-
var _props$parameters$pro, _props$parameters;
|
|
1037
1036
|
var children = _ref.children,
|
|
1038
1037
|
props = _objectWithoutProperties(_ref, _excluded$2);
|
|
1039
1038
|
var divaCoreState = useDivaCore();
|
|
@@ -1042,17 +1041,21 @@ function ContextProvider$1(_ref) {
|
|
|
1042
1041
|
var _useApiInterface = useApiInterface(),
|
|
1043
1042
|
getDataCache = _useApiInterface.getDataCache,
|
|
1044
1043
|
fetchData = _useApiInterface.fetchData;
|
|
1045
|
-
var _useState = useState(
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1044
|
+
var _useState = useState(function () {
|
|
1045
|
+
var _props$parameters$pro, _props$parameters;
|
|
1046
|
+
return new PdpState({
|
|
1047
|
+
loadVariants: props.loadVariants,
|
|
1048
|
+
productId: (_props$parameters$pro = (_props$parameters = props.parameters) === null || _props$parameters === void 0 ? void 0 : _props$parameters.productId) !== null && _props$parameters$pro !== void 0 ? _props$parameters$pro : props.productId,
|
|
1049
|
+
validateIsActive: props.validateIsActive,
|
|
1050
|
+
divaCoreState: divaCoreState,
|
|
1051
|
+
t: t,
|
|
1052
|
+
getDataCache: getDataCache,
|
|
1053
|
+
fetchData: fetchData
|
|
1054
|
+
});
|
|
1055
|
+
}),
|
|
1054
1056
|
_useState2 = _slicedToArray(_useState, 1),
|
|
1055
1057
|
pdpState = _useState2[0];
|
|
1058
|
+
if (!pdpState) return /*#__PURE__*/jsx(Fragment, {});
|
|
1056
1059
|
return /*#__PURE__*/jsx(PdpContext.Provider, {
|
|
1057
1060
|
value: _objectSpread$d({
|
|
1058
1061
|
pdpState: pdpState
|
|
@@ -1158,7 +1161,7 @@ var ProductWrapper = function ProductWrapper(_ref) {
|
|
|
1158
1161
|
onLandscapeOptions: ';thumbnails.position:left;fullscreen.enable:false;arrows:true',
|
|
1159
1162
|
itemKey: 'id_' + product._id + isMobile.toString() + isPortrait.toString() + height + (pdpState.getCurrentInfoTabType === 'functions'),
|
|
1160
1163
|
medias: getMedias(product),
|
|
1161
|
-
currentItem: pdpState.
|
|
1164
|
+
currentItem: pdpState.currentMediaItem,
|
|
1162
1165
|
setCurrentItem: pdpState.setCurrentMediaItem,
|
|
1163
1166
|
showRotationIconInFullscreen: true
|
|
1164
1167
|
}, mediaViewerProps))]
|
|
@@ -1196,10 +1199,10 @@ var useContentBoxState = function useContentBoxState() {
|
|
|
1196
1199
|
function ownKeys$b(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; }
|
|
1197
1200
|
function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1198
1201
|
var CheckpointFooter = /*#__PURE__*/React.lazy(function () {
|
|
1199
|
-
return import('./index-
|
|
1202
|
+
return import('./index-7b31f80b.js');
|
|
1200
1203
|
});
|
|
1201
1204
|
var FunctionsFooter = /*#__PURE__*/React.lazy(function () {
|
|
1202
|
-
return import('./index-
|
|
1205
|
+
return import('./index-b2a9eaa3.js');
|
|
1203
1206
|
});
|
|
1204
1207
|
var Footer = function Footer(_ref) {
|
|
1205
1208
|
_objectDestructuringEmpty(_ref);
|
|
@@ -1320,7 +1323,6 @@ var PDP = function PDP() {
|
|
|
1320
1323
|
var _usePdpState = usePdpState(),
|
|
1321
1324
|
pdpState = _usePdpState.pdpState,
|
|
1322
1325
|
onlyShowHQViewer = _usePdpState.onlyShowHQViewer,
|
|
1323
|
-
hqViewerDataOption = _usePdpState.hqViewerDataOption,
|
|
1324
1326
|
hideInfoSlider = _usePdpState.hideInfoSlider,
|
|
1325
1327
|
setCategoryFilter = _usePdpState.setCategoryFilter,
|
|
1326
1328
|
mediaViewerProps = _usePdpState.mediaViewerProps,
|
|
@@ -1396,11 +1398,11 @@ var PDP = function PDP() {
|
|
|
1396
1398
|
children: variantFields
|
|
1397
1399
|
}), /*#__PURE__*/jsx(ContentBox$1, _objectSpread$a({
|
|
1398
1400
|
type: "MediaViewer",
|
|
1399
|
-
defaultDataOptions: 'arrows:false
|
|
1401
|
+
defaultDataOptions: 'arrows:false',
|
|
1400
1402
|
onLandscapeOptions: ';thumbnails.position:left;fullscreen.enable:false;arrows:true',
|
|
1401
1403
|
itemKey: 'id_' + pdpState.product._id + isMobile.toString() + isPortrait.toString() + height,
|
|
1402
1404
|
medias: getMedias(pdpState.product),
|
|
1403
|
-
currentItem: pdpState.
|
|
1405
|
+
currentItem: pdpState.currentMediaItem,
|
|
1404
1406
|
setCurrentItem: pdpState.setCurrentMediaItem,
|
|
1405
1407
|
showRotationIconInFullscreen: true
|
|
1406
1408
|
}, mediaViewerProps))]
|
|
@@ -1684,7 +1686,7 @@ var OptionHeader = function OptionHeader(_ref) {
|
|
|
1684
1686
|
function ownKeys$5(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; }
|
|
1685
1687
|
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1686
1688
|
var DragAndDrop = /*#__PURE__*/React.lazy(function () {
|
|
1687
|
-
return import('./index-
|
|
1689
|
+
return import('./index-8d841118.js');
|
|
1688
1690
|
});
|
|
1689
1691
|
var VariantFields = function VariantFields(_ref) {
|
|
1690
1692
|
var variants = _ref.variants,
|
|
@@ -2162,10 +2164,10 @@ var CloseButtonContainer = function CloseButtonContainer(_ref) {
|
|
|
2162
2164
|
function ownKeys$1(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; }
|
|
2163
2165
|
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2164
2166
|
var ArViewer = /*#__PURE__*/React.lazy(function () {
|
|
2165
|
-
return import('./index-
|
|
2167
|
+
return import('./index-b6b0be43.js');
|
|
2166
2168
|
});
|
|
2167
2169
|
var MediaViewer = /*#__PURE__*/React.lazy(function () {
|
|
2168
|
-
return import('./index-
|
|
2170
|
+
return import('./index-469397a3.js');
|
|
2169
2171
|
});
|
|
2170
2172
|
var ContentBox$1 = function ContentBox(props) {
|
|
2171
2173
|
var _useContentBoxState = useContentBoxState(),
|
package/build/esm/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
export { C as ContentBoxComponent, g as default } from './index-
|
|
2
|
+
export { C as ContentBoxComponent, g as default } from './index-f3043af2.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'react/jsx-runtime';
|
|
5
5
|
import '@babel/runtime/helpers/slicedToArray';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PdpContext.d.ts","sourceRoot":"","sources":["../../../../../src/Context/PdpContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,UAAU,KAAM,SAAQ,QAAQ;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAOD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"PdpContext.d.ts","sourceRoot":"","sources":["../../../../../src/Context/PdpContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,UAAU,KAAM,SAAQ,QAAQ;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAOD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,qBAmBpE;AAED,eAAO,MAAM,WAAW;cA3B2B,QAAQ;YA2BJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpE,MAAM,MAAM,eAAe,GACvB,QAAQ,GACR,mBAAmB,GACnB,gBAAgB,GAChB,aAAa,GACb,yBAAyB,GACzB,oBAAoB,GACpB,UAAU,GACV,YAAY,GACZ,kBAAkB,GAClB,YAAY,GACZ,SAAS,GACT,gBAAgB,GAChB,QAAQ,GACR,gBAAgB,CAAC;AAErB,UAAU,SAAS;IACjB,UAAU,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACxC;AAED,MAAM,WAAW,QAAS,SAAQ,SAAS;IACzC,IAAI,EAAE,KAAK,CAAC;IACZ,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/types/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/PDP/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/PDP/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;;;;AA4HnD,wBAA6B"}
|
|
@@ -25,7 +25,7 @@ export default class PdpState {
|
|
|
25
25
|
selectVariant: (product: Product) => void;
|
|
26
26
|
variants: Product[] | undefined;
|
|
27
27
|
setVariants: (variants: Product[]) => void;
|
|
28
|
-
|
|
28
|
+
currentMediaItem: number;
|
|
29
29
|
setCurrentMediaItem: (index: number) => void;
|
|
30
30
|
infoSwiperIndex: number;
|
|
31
31
|
private doLoadVariants;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 266.content-box.umd.min.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunkCrystaldesignContentBox=self.webpackChunkCrystaldesignContentBox||[]).push([[266,28],{6028:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(4988),a=i(7363),r=i(8683),o=i(3379),s=i.n(o),d=i(7795),I=i.n(d),g=i(569),l=i.n(g),c=i(3565),M=i.n(c),m=i(9216),u=i.n(m),A=i(4589),D=i.n(A),v=i(8195),x={};x.styleTagTransform=D(),x.setAttributes=M(),x.insert=l().bind(null,"head"),x.domAPI=I(),x.insertStyleElement=u();s()(v.ZP,x);v.ZP&&v.ZP.locals&&v.ZP.locals;var p=i(2182),w=i(7514);window.customElements.get("model-viewer")||i.e(721).then(i.bind(i,7721));const C=function ArViewer(e){var n,i,o,s,d=e.url,I=e.qrCodeUrl,g=e.cameraArButton,l=e.viewerClassName,c=e.arViewerSettings,M=e.isCurrentlyVisible,m="",u=(0,r.useDivaCore)().state,A=u.isFirefox,D=u.isMobile,x=(0,r.useTranslation)().t,C=(0,a.useState)(0),h=(0,t.Z)(C,2),T=h[0],N=h[1],y=(0,a.useState)(!D),b=(0,t.Z)(y,2),z=b[0],S=b[1];return g&&(m+="scene-viewer quick-look"),(0,w.jsxs)(w.Fragment,{children:[z&&!1!==M&&I&&(0,w.jsxs)("div",{className:v.GY,children:[(0,w.jsx)(p.ZP,{value:I,className:v.Vf}),(0,w.jsx)("div",{className:v.ze,children:x("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:v.zJ,id:"arThumbnailImg",onClick:function onClick(){return S(!1)}})]}),(0,w.jsx)("model-viewer",{src:d,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[T].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[T].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[T].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(o=null==c?void 0:c[T].exposure)&&void 0!==o?o:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[T].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":A?"":m,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:l}),c&&(0,w.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(e){return function onArViewerSettingsChanged(e){N(parseInt(e.target.value))}(e)},children:c.map((function(e,n){return(0,w.jsx)("option",{value:n,children:e.name},n)}))})]})}},6266:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(4658),a=i(4988),r=i(747),o=i.n(r),s=i(8683),d=i(7363),I=i.n(d),g=i(3379),l=i.n(g),c=i(7795),M=i.n(c),m=i(569),u=i.n(m),A=i(3565),D=i.n(A),v=i(9216),x=i.n(v),p=i(4589),w=i.n(p),C=i(8727),h={};h.styleTagTransform=w(),h.setAttributes=D(),h.insert=u().bind(null,"head"),h.domAPI=M(),h.insertStyleElement=x();l()(C.ZP,h);C.ZP&&C.ZP.locals&&C.ZP.locals;var T=i(5515),N=i.n(T),y=i(6028),b=i(7514),z=function(){var e=(0,t.Z)(o().mark((function _callee(e,n){return o().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:return n.abrupt("return",new Promise((function(n){var i=document.createElement("script");i.src="https://scripts.sirv.com/sirvjs/v3/sirv.js",i.type="text/javascript",i.async=!0,i.dataset.components=e,i.onload=n,document.body.appendChild(i)})));case 1:case"end":return n.stop()}}),_callee)})));return function loadSirv(n,i){return e.apply(this,arguments)}}(),S=function getMediaItem(e,n,i,t){var a,r=arguments.length>5?arguments[5]:void 0,o=!!(arguments.length>4&&void 0!==arguments[4]?arguments[4]:[]).find((function(n){return e.url.includes(n)})),s=f(e);switch(e.mediaType){case"SPIN":case"SPN":case"VID":case"PCT":case void 0:try{var d=new URL(e.url);return t&&!["SPIN","SPN"].includes(e.mediaType)&&(d.searchParams.append("scale.option","noup"),d.searchParams.append("w","3000")),o?(d.searchParams.append("crop.type","trim"),d.searchParams.append("crop.pad.x","10%"),d.searchParams.append("crop.pad.y","10%"),(0,b.jsx)("div",{"data-src":d.toString(),id:"main3dImage","data-options":"SHO"==e.functionType||"ART"==e.functionType?"mode:deep":void 0,"data-type":"PCT"==e.mediaType?"zoom":void 0,children:s},d.toString())):(0,b.jsx)("img",{"data-src":d.toString(),"data-type":"static","data-option":"fit:cover",id:"main3dImage",children:s},d.toString())}catch(e){return(0,b.jsx)("div",{children:"Invalid Url"})}case"AR":return(0,b.jsxs)("div",{"data-swipe-disabled":!0,children:[(0,b.jsx)(y.default,{url:e.url,arViewerSettings:e.arViewerSettings,qrCodeUrl:r?r+"/arViewer?arMedia="+(null!==(a=e.shortUrl)&&void 0!==a?a:e.url):void 0,type:"ArViewer",cameraArButton:!0,isCurrentlyVisible:i===n}),s]},n)}return(0,b.jsx)(b.Fragment,{})},f=function getThumb(e){var n=e.thumb;return"string"==typeof n?(0,b.jsx)("smv-thumbnail",{children:(0,b.jsx)("img",{src:n},n)}):I().isValidElement(n)?(0,b.jsx)("smv-thumbnail",{children:n}):"AR"===e.mediaType?(0,b.jsx)("smv-thumbnail",{id:"thumbnail",children:(0,b.jsx)("div",{className:C.fW})}):void 0};const j=function MediaViewer(e){var n=e.medias,t=e.mediaIds,r=e.itemKey,o=void 0===r?"MediaViewer":r,I=e.onLandscapeOptions,g=e.defaultDataOptions,l=e.currentItem,c=void 0===l?0:l,M=e.showRotationIconInFullscreen,m=e.setCurrentItem,u=e.keepOldZoomIcons,A=(0,d.useMemo)((function(){return(0,s.getLogger)("MediaViewer","ContentBox")}),[]),D=(0,d.useState)(n),v=(0,a.Z)(D,2),x=v[0],p=v[1],w=(0,s.useTranslation)().t,h=o,T=(0,s.useDivaCore)(),y=T.state,f=y.dimensions,j=f.isPortrait,L=f.isMobile,k=f.isTablet,E=f.height,O=f.width,P=y.apiConfig,Z=P.baseSirvUrls,R=P.arViewerBaseUrl,U=T.handler.mediaHandler;(0,d.useEffect)((function(){p(n)}),[n]),(0,d.useEffect)((function(){u||i.e(145).then(i.bind(i,4145))}),[]),(0,d.useEffect)((function(){var e;null!=t&&t.length&&JSON.stringify(t)!==JSON.stringify(null!==(e=null==x?void 0:x.map((function(e){return e._id})))&&void 0!==e?e:[])&&U.getMediaByIds(t).then((function(e){p(e)}))}),[t]);var Q=function fullscreenIn(){if(M&&L&&j&&O<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=C.AH,e.appendChild(n)}}},H=function onSpinReady(e){null==m||m(e.index);var n=null==x?void 0:x[e.index];void 0!==e.index&&n&&A.successTransaction("ON_SHOW_MEDIA",{functionType:n.functionType,mediaType:n.mediaType,mediaName:n.name,url:n.url})},Y=function subscribeToEvents(){var e=window.Sirv;e.on("viewer:afterSlideIn",H),e.on("viewer:fullscreenIn",Q)};(0,d.useEffect)((function(){var e=window;return A.startTransaction({event:"onShowMedia",message:"Show Media ".concat(x),eventId:"ON_SHOW_MEDIA"}),e.Sirv?Y():z("zoom, spin, video",x).then((function(){Y(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",H),n.off("viewer:fullscreenIn",Q))}}),[]);var B=g;return void 0!==c&&(B+=";slide.first:"+c),!j&&L&&I&&E<500&&(B+=I),w("sirv.zoom.hint.text.click","")&&(B+=";zoom.hint.text.click: ".concat(w("sirv.zoom.hint.text.click"))),w("sirv.zoom.hint.text.hover","")&&(B+=";zoom.hint.text.hover: ".concat(w("sirv.zoom.hint.text.hover"))),w("sirv.zoom.hint.text.dblclick","")&&(B+=";zoom.hint.text.dblclick: ".concat(w("sirv.zoom.hint.text.dblclick"))),w("sirv.spin.hint.message.text","")&&(B+=";zoom.spin.hint.message.text: ".concat(w("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:h,className:N()(C.QH,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":B,children:null==x?void 0:x.map((function(e,n){return S(e,n,c,L&&!k,Z,R)}))},h)}},8195:(e,n,i)=>{i.d(n,{GY:()=>c,Vf:()=>M,ZP:()=>A,zJ:()=>m,ze:()=>u});var t=i(8081),a=i.n(t),r=i(3645),o=i.n(r),s=i(1667),d=i.n(s),I=new URL(i(140),i.b),g=o()(a()),l=d()(I);g.push([e.id,".index-module--PD1WN {\n position: absolute;\n bottom: 10px;\n right: 0px;\n left: 0px;\n margin-left: auto;\n margin-right: auto;\n width: 361px;\n height: 90px;\n margin-bottom: 10px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.75rem 0.15rem;\n border-radius: 0.3rem;\n padding-left: 5px;\n padding-right: 5px;\n align-items: center;\n gap: 10px;\n}\n\n.index-module--AWoJQ {\n width: 80px;\n height: 80px;\n}\n\n.index-module--sIl1Z {\n position: absolute;\n cursor: pointer;\n top: 7px;\n right: 7px;\n width: 12px;\n height: 12px;\n background-image: url("+l+");\n background-repeat: no-repeat;\n z-index: 1;\n}\n\n.index-module--NiigZ {\n width: 250px;\n height: 80px;\n word-wrap: break-word;\n font-family: var(--diva-typography-font-family);\n}\n",""]);var c="index-module--PD1WN",M="index-module--AWoJQ",m="index-module--sIl1Z",u="index-module--NiigZ";const A=g},8727:(e,n,i)=>{i.d(n,{AH:()=>v,QH:()=>A,ZP:()=>x,fW:()=>D});var t=i(8081),a=i.n(t),r=i(3645),o=i.n(r),s=i(1667),d=i.n(s),I=new URL(i(6354),i.b),g=new URL(i(8132),i.b),l=new URL(i(4336),i.b),c=o()(a()),M=d()(I),m=d()(g),u=d()(l);c.push([e.id,".diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n -webkit-mask-image: url("+M+") !important;\n mask-image: url("+M+") !important;\n mask-size: 75% !important;\n -webkit-mask-size: 75% !important;\n}\n\n.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n background-color: #4f4f4f;\n}\n\n.index-module--RsTal .smv-button .smv-button-fullscreen .smv-button-fullscreen-close {\n display: none;\n}\n\n.diva-media-viewer .smv-bullets.smv-h .smv-selectors {\n min-height: 20px !important;\n}\n\n.smv-thumbnails .smv-selector[data-type='spin']:before {\n background-image: url('https://scripts.sirv.com/sirvjs/v3/graphics/icons/white/icon.spin.12.svg') !important;\n}\n\n.diva-product-wrapper .smv-selectors-box.smv-v.smv-thumbnails {\n margin: 10px;\n height: calc(100% - 20px);\n}\n\n#DivaCore .smv-selectors-box {\n z-index: 50;\n}\n\n#DivaCore .smv-selectors-scroll-container .smv-scroll {\n align-items: inherit;\n}\n.index-module--JiNAH {\n height: 100%;\n width: 100%;\n background-size: contain;\n background-position: center;\n width: 70px;\n height: 70px;\n background-image: url("+m+");\n}\n\n.index-module--_m700 {\n position: absolute;\n top: 0;\n left: 0;\n width: 30px;\n height: 30px;\n background: center / contain no-repeat url("+u+");\n z-index: 100;\n margin: 16px;\n}\n\n#DivaCore .smv-item smv-thumbnail[data-type='html'] {\n width: auto !important;\n height: auto !important;\n}\n",""]);var A="index-module--RsTal",D="index-module--JiNAH",v="index-module--_m700";const x=c},8132:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},6354:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},4336:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},140:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
|
|
2
|
+
"use strict";(self.webpackChunkCrystaldesignContentBox=self.webpackChunkCrystaldesignContentBox||[]).push([[266,28],{6028:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(4988),a=i(7363),r=i(8683),o=i(3379),s=i.n(o),d=i(7795),I=i.n(d),g=i(569),l=i.n(g),c=i(3565),M=i.n(c),m=i(9216),u=i.n(m),A=i(4589),D=i.n(A),v=i(8195),x={};x.styleTagTransform=D(),x.setAttributes=M(),x.insert=l().bind(null,"head"),x.domAPI=I(),x.insertStyleElement=u();s()(v.ZP,x);v.ZP&&v.ZP.locals&&v.ZP.locals;var p=i(2182),w=i(7514);window.customElements.get("model-viewer")||i.e(721).then(i.bind(i,7721));const C=function ArViewer(e){var n,i,o,s,d=e.url,I=e.qrCodeUrl,g=e.cameraArButton,l=e.viewerClassName,c=e.arViewerSettings,M=e.isCurrentlyVisible,m="",u=(0,r.useDivaCore)().state,A=u.isFirefox,D=u.isMobile,x=(0,r.useTranslation)().t,C=(0,a.useState)(0),h=(0,t.Z)(C,2),T=h[0],N=h[1],y=(0,a.useState)(!D),b=(0,t.Z)(y,2),z=b[0],S=b[1];return g&&(m+="scene-viewer quick-look"),(0,w.jsxs)(w.Fragment,{children:[z&&!1!==M&&I&&(0,w.jsxs)("div",{className:v.GY,children:[(0,w.jsx)(p.ZP,{value:I,className:v.Vf}),(0,w.jsx)("div",{className:v.ze,children:x("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:v.zJ,id:"arThumbnailImg",onClick:function onClick(){return S(!1)}})]}),(0,w.jsx)("model-viewer",{src:d,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[T].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[T].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[T].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(o=null==c?void 0:c[T].exposure)&&void 0!==o?o:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[T].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":A?"":m,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:l}),c&&(0,w.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(e){return function onArViewerSettingsChanged(e){N(parseInt(e.target.value))}(e)},children:c.map((function(e,n){return(0,w.jsx)("option",{value:n,children:e.name},n)}))})]})}},6266:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(4658),a=i(4988),r=i(747),o=i.n(r),s=i(8683),d=i(7363),I=i.n(d),g=i(3379),l=i.n(g),c=i(7795),M=i.n(c),m=i(569),u=i.n(m),A=i(3565),D=i.n(A),v=i(9216),x=i.n(v),p=i(4589),w=i.n(p),C=i(8727),h={};h.styleTagTransform=w(),h.setAttributes=D(),h.insert=u().bind(null,"head"),h.domAPI=M(),h.insertStyleElement=x();l()(C.ZP,h);C.ZP&&C.ZP.locals&&C.ZP.locals;var T=i(5515),N=i.n(T),y=i(6028),b=i(7514),z=function(){var e=(0,t.Z)(o().mark((function _callee(e,n){return o().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:return n.abrupt("return",new Promise((function(n){var i=document.createElement("script");i.src="https://scripts.sirv.com/sirvjs/v3/sirv.js",i.type="text/javascript",i.async=!0,i.dataset.components=e,i.onload=n,document.body.appendChild(i)})));case 1:case"end":return n.stop()}}),_callee)})));return function loadSirv(n,i){return e.apply(this,arguments)}}(),S=function getMediaItem(e,n,i,t){var a,r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],o=arguments.length>5?arguments[5]:void 0,s=!!r.find((function(n){return e.url.includes(n)})),d=f(e);switch(e.mediaType){case"SPIN":case"SPN":case"VID":case"PCT":case void 0:try{var I=new URL(e.url);return t&&!["SPIN","SPN"].includes(e.mediaType)&&(I.searchParams.append("scale.option","noup"),I.searchParams.append("w","3000")),s?(I.searchParams.append("crop.type","trim"),I.searchParams.append("crop.pad.x","10%"),I.searchParams.append("crop.pad.y","10%"),(0,b.jsx)("div",{"data-src":I.toString(),id:"main3dImage","data-options":"SHO"==e.functionType||"ART"==e.functionType?"mode:deep":void 0,"data-type":"PCT"==e.mediaType?"zoom":void 0,children:d},I.toString())):(0,b.jsx)("img",{"data-src":I.toString(),"data-type":"static","data-option":"fit:cover",id:"main3dImage",children:d},I.toString())}catch(e){return(0,b.jsx)("div",{children:"Invalid Url"})}case"AR":return(0,b.jsxs)("div",{"data-swipe-disabled":!0,children:[(0,b.jsx)(y.default,{url:e.url,arViewerSettings:e.arViewerSettings,qrCodeUrl:o?o+"/arViewer?arMedia="+(null!==(a=e.shortUrl)&&void 0!==a?a:e.url):void 0,type:"ArViewer",cameraArButton:!0,isCurrentlyVisible:i===n}),d]},n)}return(0,b.jsx)(b.Fragment,{})},f=function getThumb(e){var n=e.thumb;return"string"==typeof n?(0,b.jsx)("smv-thumbnail",{children:(0,b.jsx)("img",{src:n},n)}):I().isValidElement(n)?(0,b.jsx)("smv-thumbnail",{children:n}):"AR"===e.mediaType?(0,b.jsx)("smv-thumbnail",{id:"thumbnail",children:(0,b.jsx)("div",{className:C.fW})}):void 0};const j=function MediaViewer(e){var n=e.medias,t=e.mediaIds,r=e.itemKey,o=void 0===r?"MediaViewer":r,I=e.onLandscapeOptions,g=e.defaultDataOptions,l=e.currentItem,c=void 0===l?0:l,M=e.showRotationIconInFullscreen,m=e.setCurrentItem,u=e.keepOldZoomIcons,A=(0,d.useMemo)((function(){return(0,s.getLogger)("MediaViewer","ContentBox")}),[]),D=(0,d.useState)(n),v=(0,a.Z)(D,2),x=v[0],p=v[1],w=(0,s.useTranslation)().t,h=o,T=(0,s.useDivaCore)(),y=T.state,f=y.dimensions,j=f.isPortrait,L=f.isMobile,k=f.isTablet,E=f.height,O=f.width,P=y.apiConfig,Z=P.baseSirvUrls,R=P.arViewerBaseUrl,U=T.handler.mediaHandler;(0,d.useEffect)((function(){p(n)}),[n]),(0,d.useEffect)((function(){u||i.e(145).then(i.bind(i,4145))}),[]),(0,d.useEffect)((function(){var e;null!=t&&t.length&&JSON.stringify(t)!==JSON.stringify(null!==(e=null==x?void 0:x.map((function(e){return e._id})))&&void 0!==e?e:[])&&U.getMediaByIds(t).then((function(e){p(e)}))}),[t]);var Q=function fullscreenIn(){if(M&&L&&j&&O<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=C.AH,e.appendChild(n)}}},H=function onSpinReady(e){null==m||m(e.index);var n=null==x?void 0:x[e.index];void 0!==e.index&&n&&A.successTransaction("ON_SHOW_MEDIA",{functionType:n.functionType,mediaType:n.mediaType,mediaName:n.name,url:n.url})},Y=function subscribeToEvents(){var e=window.Sirv;e.on("viewer:afterSlideIn",H),e.on("viewer:fullscreenIn",Q)};(0,d.useEffect)((function(){var e=window;return A.startTransaction({event:"onShowMedia",message:"Show Media ".concat(x),eventId:"ON_SHOW_MEDIA"}),e.Sirv?Y():z("zoom, spin, video",x).then((function(){Y(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",H),n.off("viewer:fullscreenIn",Q))}}),[]);var B=g;return void 0!==c&&(B+=";slide.first:"+c),!j&&L&&I&&E<500&&(B+=I),w("sirv.zoom.hint.text.click","")&&(B+=";zoom.hint.text.click: ".concat(w("sirv.zoom.hint.text.click"))),w("sirv.zoom.hint.text.hover","")&&(B+=";zoom.hint.text.hover: ".concat(w("sirv.zoom.hint.text.hover"))),w("sirv.zoom.hint.text.dblclick","")&&(B+=";zoom.hint.text.dblclick: ".concat(w("sirv.zoom.hint.text.dblclick"))),w("sirv.spin.hint.message.text","")&&(B+=";zoom.spin.hint.message.text: ".concat(w("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:h,className:N()(C.QH,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":B,children:null==x?void 0:x.map((function(e,n){return S(e,n,c,L&&!k,Z,R)}))},h)}},8195:(e,n,i)=>{i.d(n,{GY:()=>c,Vf:()=>M,ZP:()=>A,zJ:()=>m,ze:()=>u});var t=i(8081),a=i.n(t),r=i(3645),o=i.n(r),s=i(1667),d=i.n(s),I=new URL(i(140),i.b),g=o()(a()),l=d()(I);g.push([e.id,".index-module--PD1WN {\n position: absolute;\n bottom: 10px;\n right: 0px;\n left: 0px;\n margin-left: auto;\n margin-right: auto;\n width: 361px;\n height: 90px;\n margin-bottom: 10px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.75rem 0.15rem;\n border-radius: 0.3rem;\n padding-left: 5px;\n padding-right: 5px;\n align-items: center;\n gap: 10px;\n}\n\n.index-module--AWoJQ {\n width: 80px;\n height: 80px;\n}\n\n.index-module--sIl1Z {\n position: absolute;\n cursor: pointer;\n top: 7px;\n right: 7px;\n width: 12px;\n height: 12px;\n background-image: url("+l+");\n background-repeat: no-repeat;\n z-index: 1;\n}\n\n.index-module--NiigZ {\n width: 250px;\n height: 80px;\n word-wrap: break-word;\n font-family: var(--diva-typography-font-family);\n}\n",""]);var c="index-module--PD1WN",M="index-module--AWoJQ",m="index-module--sIl1Z",u="index-module--NiigZ";const A=g},8727:(e,n,i)=>{i.d(n,{AH:()=>v,QH:()=>A,ZP:()=>x,fW:()=>D});var t=i(8081),a=i.n(t),r=i(3645),o=i.n(r),s=i(1667),d=i.n(s),I=new URL(i(6354),i.b),g=new URL(i(8132),i.b),l=new URL(i(4336),i.b),c=o()(a()),M=d()(I),m=d()(g),u=d()(l);c.push([e.id,".diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n -webkit-mask-image: url("+M+") !important;\n mask-image: url("+M+") !important;\n mask-size: 75% !important;\n -webkit-mask-size: 75% !important;\n}\n\n.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n background-color: #4f4f4f;\n}\n\n.index-module--RsTal .smv-button .smv-button-fullscreen .smv-button-fullscreen-close {\n display: none;\n}\n\n.diva-media-viewer .smv-bullets.smv-h .smv-selectors {\n min-height: 20px !important;\n}\n\n.smv-thumbnails .smv-selector[data-type='spin']:before {\n background-image: url('https://scripts.sirv.com/sirvjs/v3/graphics/icons/white/icon.spin.12.svg') !important;\n}\n\n.diva-product-wrapper .smv-selectors-box.smv-v.smv-thumbnails {\n margin: 10px;\n height: calc(100% - 20px);\n}\n\n#DivaCore .smv-selectors-box {\n z-index: 50;\n}\n\n#DivaCore .smv-selectors-scroll-container .smv-scroll {\n align-items: inherit;\n}\n.index-module--JiNAH {\n height: 100%;\n width: 100%;\n background-size: contain;\n background-position: center;\n width: 70px;\n height: 70px;\n background-image: url("+m+");\n}\n\n.index-module--_m700 {\n position: absolute;\n top: 0;\n left: 0;\n width: 30px;\n height: 30px;\n background: center / contain no-repeat url("+u+");\n z-index: 100;\n margin: 16px;\n}\n\n#DivaCore .smv-item smv-thumbnail[data-type='html'] {\n width: auto !important;\n height: auto !important;\n}\n",""]);var A="index-module--RsTal",D="index-module--JiNAH",v="index-module--_m700";const x=c},8132:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},6354:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},4336:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},140:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
|