@shopgate/engage 7.31.1 → 7.31.3
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.
|
@@ -63,7 +63,7 @@ const ClientInformation = () => {
|
|
|
63
63
|
"aria-hidden": true,
|
|
64
64
|
children: [/*#__PURE__*/_jsxs("p", {
|
|
65
65
|
className: classes.unselectable,
|
|
66
|
-
children: [`App Version: ${appVersion} (${codebaseVersion})`, /*#__PURE__*/_jsx("br", {}), `
|
|
66
|
+
children: [`App Version: ${appVersion} (${codebaseVersion})`, /*#__PURE__*/_jsx("br", {}), `Theme Version: ${pckVersion}`, /*#__PURE__*/_jsx("br", {}), `Lib Version: ${libVersion}`]
|
|
67
67
|
}), deviceIdVisible && /*#__PURE__*/_jsxs(_Fragment, {
|
|
68
68
|
children: [/*#__PURE__*/_jsx("p", {
|
|
69
69
|
className: classes.deviceId,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shopgate/engage",
|
|
3
|
-
"version": "7.31.
|
|
3
|
+
"version": "7.31.3",
|
|
4
4
|
"description": "Shopgate's ENGAGE library.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Shopgate <support@shopgate.com>",
|
|
@@ -18,12 +18,12 @@
|
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"@emotion/react": "^11.14.0",
|
|
20
20
|
"@shopgate/native-modules": "1.0.0-beta.25",
|
|
21
|
-
"@shopgate/pwa-common": "7.31.
|
|
22
|
-
"@shopgate/pwa-common-commerce": "7.31.
|
|
23
|
-
"@shopgate/pwa-core": "7.31.
|
|
24
|
-
"@shopgate/pwa-ui-ios": "7.31.
|
|
25
|
-
"@shopgate/pwa-ui-material": "7.31.
|
|
26
|
-
"@shopgate/pwa-ui-shared": "7.31.
|
|
21
|
+
"@shopgate/pwa-common": "7.31.3",
|
|
22
|
+
"@shopgate/pwa-common-commerce": "7.31.3",
|
|
23
|
+
"@shopgate/pwa-core": "7.31.3",
|
|
24
|
+
"@shopgate/pwa-ui-ios": "7.31.3",
|
|
25
|
+
"@shopgate/pwa-ui-material": "7.31.3",
|
|
26
|
+
"@shopgate/pwa-ui-shared": "7.31.3",
|
|
27
27
|
"@stripe/react-stripe-js": "^1.16.5",
|
|
28
28
|
"@stripe/stripe-js": "^1.44.1",
|
|
29
29
|
"@virtuous/conductor": "~2.5.0",
|
|
@@ -2,6 +2,7 @@ import React, { useMemo, useState, useEffect } from 'react';
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { makeStyles, useResponsiveValue } from '@shopgate/engage/styles';
|
|
4
4
|
import { useParallax } from 'react-scroll-parallax';
|
|
5
|
+
import { IS_PAGE_PREVIEW_ACTIVE } from "../../constants";
|
|
5
6
|
import { parseImageUrl } from "../../helpers";
|
|
6
7
|
|
|
7
8
|
/**
|
|
@@ -32,7 +33,9 @@ const useStyles = makeStyles()({
|
|
|
32
33
|
pointerEvents: 'none'
|
|
33
34
|
},
|
|
34
35
|
image: {
|
|
35
|
-
width: '100%'
|
|
36
|
+
width: '100%',
|
|
37
|
+
height: 'auto',
|
|
38
|
+
display: 'block'
|
|
36
39
|
},
|
|
37
40
|
container: {
|
|
38
41
|
width: '100%',
|
|
@@ -134,8 +137,13 @@ const ResponsiveWidgetImage = ({
|
|
|
134
137
|
children: /*#__PURE__*/_jsx("img", {
|
|
135
138
|
src: imgSrc,
|
|
136
139
|
ref: parallax.ref,
|
|
137
|
-
alt: alt
|
|
138
|
-
loading
|
|
140
|
+
alt: alt
|
|
141
|
+
// In the CMS page-preview iframe, native lazy loading defers the image load after the admin
|
|
142
|
+
// re-posts an updated page config and never triggers it again, so widget images stay at
|
|
143
|
+
// height 0 until a resize forces the browser to re-evaluate. Load eagerly there; keep lazy
|
|
144
|
+
// loading for the live app.
|
|
145
|
+
,
|
|
146
|
+
loading: IS_PAGE_PREVIEW_ACTIVE ? 'eager' : 'lazy',
|
|
139
147
|
className: cx(classes.preventSave, classes.image, {
|
|
140
148
|
[classes.banner]: isBanner
|
|
141
149
|
}, className),
|
|
@@ -4,6 +4,7 @@ import { makeStyles } from '@shopgate/engage/styles';
|
|
|
4
4
|
import { useRoute, useThemeWidgets } from '@shopgate/engage/core/hooks';
|
|
5
5
|
import { PAGE_PREVIEW_PATTERN } from '@shopgate/engage/page/constants';
|
|
6
6
|
import { ConditionalWrapper } from '@shopgate/engage/components';
|
|
7
|
+
import { isDev } from '@shopgate/engage/core/helpers';
|
|
7
8
|
import WidgetsPreviewProvider from "./WidgetsPreviewProvider";
|
|
8
9
|
import Widget from "./Widget";
|
|
9
10
|
import Overlay from "./Overlay";
|
|
@@ -73,7 +74,7 @@ const Widgets = ({
|
|
|
73
74
|
}),
|
|
74
75
|
ref: widgetsRef,
|
|
75
76
|
children: widgets.map(widget => {
|
|
76
|
-
const component = widgetComponents[widget.widgetConfigDefinitionCode] || widgetComponents[PLACEHOLDER_COMPONENT];
|
|
77
|
+
const component = widgetComponents[widget.widgetConfigDefinitionCode] || (isDev ? widgetComponents[PLACEHOLDER_COMPONENT] : null);
|
|
77
78
|
return /*#__PURE__*/_jsx(Widget, {
|
|
78
79
|
definition: widget,
|
|
79
80
|
isPreview: isPreview,
|