← All changes | assets/js/e-react-promotions.js +46 -329 4.1.4 → 4.1.0-beta1 View file →

		@@ -1238,40 +1238,8 @@
1238	1238	module.exports = ControlBaseView;
1239	1239
1240	1240	/***/ }),
1241	1241
1242		-/***/ "../assets/dev/js/editor/utils/preview-iframe-listeners.js":
1243		-/*!*****************************************************************!*\
1244		- !*** ../assets/dev/js/editor/utils/preview-iframe-listeners.js ***!
1245		- \*****************************************************************/
1246		-/***/ ((__unused_webpack_module, exports) => {
1247		-
1248		-"use strict";
1249		-
1250		-
1251		-Object.defineProperty(exports, "__esModule", ({
1252		- value: true
1253		-}));
1254		-exports.bindPreviewIframeEvents = bindPreviewIframeEvents;
1255		-function bindPreviewIframeEvents(callback) {
1256		- var _elementor;
1257		- var iframeDocument = (_elementor = elementor) === null || _elementor === void 0 || (_elementor = _elementor.$preview) === null || _elementor === void 0 || (_elementor = _elementor[0]) === null || _elementor === void 0 ? void 0 : _elementor.contentDocument;
1258		- if (!iframeDocument) {
1259		- return function () {};
1260		- }
1261		- var handleEvent = function handleEvent() {
1262		- return callback();
1263		- };
1264		- iframeDocument.addEventListener('click', handleEvent);
1265		- iframeDocument.addEventListener('keydown', handleEvent);
1266		- return function () {
1267		- iframeDocument.removeEventListener('click', handleEvent);
1268		- iframeDocument.removeEventListener('keydown', handleEvent);
1269		- };
1270		-}
1271		-
1272		-/***/ }),
1273		-
1274	1242	/***/ "../modules/promotions/assets/js/react/app-manager.js":
1275	1243	/*!************************************************************!*\
1276	1244	!*** ../modules/promotions/assets/js/react/app-manager.js ***!
1277	1245	\************************************************************/
		@@ -1285,26 +1253,19 @@
1285	1253	value: true
1286	1254	}));
1287	1255	exports.AppManager = void 0;
1288	1256	var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
1289		-var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
1290		-var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
1291	1257	var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
1292	1258	var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
1293	1259	var _app = _interopRequireDefault(__webpack_require__(/*! ./app */ "../modules/promotions/assets/js/react/app.js"));
1294		-var _previewIframeListeners = __webpack_require__(/*! elementor-editor-utils/preview-iframe-listeners */ "../assets/dev/js/editor/utils/preview-iframe-listeners.js");
1295	1260	var _client = __webpack_require__(/*! react-dom/client */ "../node_modules/react-dom/client.js");
1296		-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; }
1297		-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) { (0, _defineProperty2.default)(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; }
1298	1261	var AppManager = exports.AppManager = /*#__PURE__*/function () {
1299	1262	function AppManager() {
1300	1263	(0, _classCallCheck2.default)(this, AppManager);
1301	1264	this.promotionInfoTip = null;
1302		- this.promotionWrapper = null;
	1265	+ this.atomicFormPromotionWrapper = null;
1303	1266	this.onRoute = function () {};
1304		- this.unbindIframeEvents = function () {};
1305	1267	this.attachAtomicFormListeners();
1306		- this.attachWidgetPromotionListeners();
1307	1268	}
1308	1269	return (0, _createClass2.default)(AppManager, [{
1309	1270	key: "getPromotionData",
1310	1271	value: function getPromotionData(promotionType) {
		@@ -1316,39 +1277,12 @@
1316	1277	var _elementor;
1317	1278	return ((_elementor = elementor) === null || _elementor === void 0 || (_elementor = _elementor.config) === null || _elementor === void 0 ? void 0 : _elementor.atomicFormPromotion) || {};
1318	1279	}
1319	1280	}, {
1320		- key: "resolveWidgetPromotionData",
1321		- value: function resolveWidgetPromotionData(detail) {
1322		- var _elementor2, _elementor$config$pro, _elementsPromotion$ac, _elementsPromotion$ac2, _elementsPromotion$ti, _elementsPromotion$co;
1323		- var promotions = ((_elementor2 = elementor) === null || _elementor2 === void 0 || (_elementor2 = _elementor2.config) === null || _elementor2 === void 0 ? void 0 : _elementor2.v4Promotions) || {};
1324		- var normalizedType = detail.widgetType.replace(/[-_]/g, '').toLowerCase();
1325		- var key = Object.keys(promotions).find(function (promotionKey) {
1326		- return promotionKey.replace(/[-_]/g, '').toLowerCase() === normalizedType;
1327		- });
1328		- var promotionData = key ? promotions[key] : null;
1329		- var elementsPromotion = ((_elementor$config$pro = elementor.config.promotion) === null || _elementor$config$pro === void 0 ? void 0 : _elementor$config$pro.elements) || {};
1330		- var fallbackCtaUrl = detail.ctaUrl || ((_elementsPromotion$ac = elementsPromotion.action_button) === null || _elementsPromotion$ac === void 0 || (_elementsPromotion$ac = _elementsPromotion$ac.url) === null || _elementsPromotion$ac === void 0 ? void 0 : _elementsPromotion$ac.replace('%s', detail.widgetType || '')) || '';
1331		- var fallbackCtaText = detail.ctaText || ((_elementsPromotion$ac2 = elementsPromotion.action_button) === null || _elementsPromotion$ac2 === void 0 ? void 0 : _elementsPromotion$ac2.text) || '';
1332		- var widgetName = detail.widgetTitle || detail.title || '';
1333		- var hideProTag = detail.hideProTag || false;
1334		- return promotionData ? _objectSpread(_objectSpread({}, promotionData), {}, {
1335		- ctaUrl: promotionData.ctaUrl || fallbackCtaUrl,
1336		- ctaText: promotionData.ctaText || fallbackCtaText,
1337		- hideProTag: hideProTag
1338		- }) : {
1339		- title: detail.title || ((_elementsPromotion$ti = elementsPromotion.title) === null || _elementsPromotion$ti === void 0 ? void 0 : _elementsPromotion$ti.replace('%s', widgetName)) || '',
1340		- content: detail.content || ((_elementsPromotion$co = elementsPromotion.content) === null || _elementsPromotion$co === void 0 ? void 0 : _elementsPromotion$co.replace('%s', widgetName)) || '',
1341		- ctaUrl: fallbackCtaUrl,
1342		- ctaText: fallbackCtaText,
1343		- hideProTag: hideProTag
1344		- };
1345		- }
1346		- }, {
1347	1281	key: "mount",
1348	1282	value: function mount(targetNode, selectors) {
1349		- var _elementor3,
1350		- _elementor3$getPrefer,
	1283	+ var _elementor2,
	1284	+ _elementor2$getPrefer,
1351	1285	_rootElement$getAttri,
1352	1286	_this = this;
1353	1287	if (this.promotionInfoTip) {
1354	1288	return;
		@@ -1359,9 +1293,9 @@
1359	1293	return;
1360	1294	}
1361	1295	this.attachEditorEventListeners();
1362	1296	this.promotionInfoTip = (0, _client.createRoot)(rootElement);
1363		- var colorScheme = ((_elementor3 = elementor) === null || _elementor3 === void 0 || (_elementor3$getPrefer = _elementor3.getPreferences) === null || _elementor3$getPrefer === void 0 ? void 0 : _elementor3$getPrefer.call(_elementor3, 'ui_theme')) || 'auto';
	1297	+ var colorScheme = ((_elementor2 = elementor) === null || _elementor2 === void 0 || (_elementor2$getPrefer = _elementor2.getPreferences) === null || _elementor2$getPrefer === void 0 ? void 0 : _elementor2$getPrefer.call(_elementor2, 'ui_theme')) || 'auto';
1364	1298	var isRTL = elementorCommon.config.isRTL;
1365	1299	var promotionType = (_rootElement$getAttri = rootElement.getAttribute('data-promotion')) === null || _rootElement$getAttri === void 0 ? void 0 : _rootElement$getAttri.replace('_promotion', '');
1366	1300	this.promotionInfoTip.render(/*#__PURE__*/_react.default.createElement(_app.default, {
1367	1301	colorScheme: colorScheme,
		@@ -1372,27 +1306,32 @@
1372	1306	}
1373	1307	}));
1374	1308	}
1375	1309	}, {
1376		- key: "mountCard",
1377		- value: function mountCard(targetEl, wrapperClassName, appProps) {
1378		- var _elementor4,
1379		- _elementor4$getPrefer,
	1310	+ key: "mountAtomicFormPromotion",
	1311	+ value: function mountAtomicFormPromotion(targetEl, ctaUrl) {
	1312	+ var _elementor3,
	1313	+ _elementor3$getPrefer,
1380	1314	_this2 = this;
1381	1315	this.unmount();
1382		- this.promotionWrapper = document.createElement('span');
1383		- this.promotionWrapper.className = wrapperClassName;
1384		- document.body.appendChild(this.promotionWrapper);
	1316	+ this.atomicFormPromotionWrapper = document.createElement('span');
	1317	+ this.atomicFormPromotionWrapper.className = 'e-atomic-form-promotion-wrapper';
	1318	+ targetEl.appendChild(this.atomicFormPromotionWrapper);
1385	1319	this.attachEditorEventListeners();
1386		- this.promotionInfoTip = (0, _client.createRoot)(this.promotionWrapper);
1387		- this.promotionInfoTip.render(/*#__PURE__*/_react.default.createElement(_app.default, (0, _extends2.default)({
1388		- colorScheme: ((_elementor4 = elementor) === null || _elementor4 === void 0 || (_elementor4$getPrefer = _elementor4.getPreferences) === null || _elementor4$getPrefer === void 0 ? void 0 : _elementor4$getPrefer.call(_elementor4, 'ui_theme')) || 'auto',
1389		- isRTL: elementorCommon.config.isRTL,
1390		- anchorTarget: targetEl,
	1320	+ var colorScheme = ((_elementor3 = elementor) === null || _elementor3 === void 0 || (_elementor3$getPrefer = _elementor3.getPreferences) === null || _elementor3$getPrefer === void 0 ? void 0 : _elementor3$getPrefer.call(_elementor3, 'ui_theme')) || 'auto';
	1321	+ var isRTL = elementorCommon.config.isRTL;
	1322	+ var promotionData = this.getAtomicFormPromotionData();
	1323	+ this.promotionInfoTip = (0, _client.createRoot)(this.atomicFormPromotionWrapper);
	1324	+ this.promotionInfoTip.render(/*#__PURE__*/_react.default.createElement(_app.default, {
	1325	+ colorScheme: colorScheme,
	1326	+ isRTL: isRTL,
	1327	+ cardType: "atomicForm",
	1328	+ promotionData: promotionData,
	1329	+ ctaUrl: ctaUrl,
1391	1330	doClose: function doClose() {
1392	1331	return _this2.unmount();
1393	1332	}
1394		- }, appProps)));
	1333	+ }));
1395	1334	}
1396	1335	}, {
1397	1336	key: "attachAtomicFormListeners",
1398	1337	value: function attachAtomicFormListeners() {
		@@ -1398,51 +1337,33 @@
1398	1337	value: function attachAtomicFormListeners() {
1399	1338	var _this3 = this;
1400	1339	document.addEventListener('atomic-form-promotion:open', function (event) {
1401	1340	var promotionData = _this3.getAtomicFormPromotionData();
1402		- _this3.mountCard(event.detail.target, 'e-atomic-form-promotion-wrapper', {
1403		- cardType: 'atomicForm',
1404		- promotionData: promotionData,
1405		- ctaUrl: promotionData.widgetCtaUrl
1406		- });
	1341	+ _this3.mountAtomicFormPromotion(event.detail.target, promotionData.widgetCtaUrl);
1407	1342	});
1408	1343	}
1409	1344	}, {
1410		- key: "attachWidgetPromotionListeners",
1411		- value: function attachWidgetPromotionListeners() {
1412		- var _this4 = this;
1413		- document.addEventListener('widget-promotion:open', function (event) {
1414		- _this4.mountCard(event.detail.target, 'e-widget-promotion-wrapper', {
1415		- cardType: 'widgetPromotion',
1416		- promotionData: _this4.resolveWidgetPromotionData(event.detail)
1417		- });
1418		- });
1419		- }
1420		- }, {
1421	1345	key: "unmount",
1422	1346	value: function unmount() {
1423		- var _this$promotionWrappe;
1424	1347	if (this.promotionInfoTip) {
1425	1348	this.detachEditorEventListeners();
1426	1349	this.promotionInfoTip.unmount();
1427		- this.unbindIframeEvents();
1428	1350	}
1429		- (_this$promotionWrappe = this.promotionWrapper) === null || _this$promotionWrappe === void 0 || (_this$promotionWrappe = _this$promotionWrappe.parentNode) === null || _this$promotionWrappe === void 0 || _this$promotionWrappe.removeChild(this.promotionWrapper);
	1351	+ if (this.atomicFormPromotionWrapper && this.atomicFormPromotionWrapper.parentNode) {
	1352	+ this.atomicFormPromotionWrapper.parentNode.removeChild(this.atomicFormPromotionWrapper);
	1353	+ }
1430	1354	this.promotionInfoTip = null;
1431		- this.promotionWrapper = null;
	1355	+ this.atomicFormPromotionWrapper = null;
1432	1356	}
1433	1357	}, {
1434	1358	key: "attachEditorEventListeners",
1435	1359	value: function attachEditorEventListeners() {
1436		- var _this5 = this;
1437		- this.unbindIframeEvents = (0, _previewIframeListeners.bindPreviewIframeEvents)(function () {
1438		- return _this5.unmount();
1439		- });
	1360	+ var _this4 = this;
1440	1361	this.onRoute = function (component, route) {
1441	1362	if (route !== 'panel/elements/categories' && route !== 'panel/editor/content') {
1442	1363	return;
1443	1364	}
1444		- _this5.unmount();
	1365	+ _this4.unmount();
1445	1366	};
1446	1367	$e.routes.on('run:after', this.onRoute);
1447	1368	}
1448	1369	}, {
		@@ -1470,80 +1391,43 @@
1470	1391	value: true
1471	1392	}));
1472	1393	exports["default"] = void 0;
1473	1394	var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
1474		-var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
1475		-var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "../node_modules/@babel/runtime/helpers/objectWithoutProperties.js"));
1476	1395	var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1477	1396	var _atomicFormPromotionCard = _interopRequireDefault(__webpack_require__(/*! ./components/atomic-form-promotion-card */ "../modules/promotions/assets/js/react/components/atomic-form-promotion-card.js"));
1478	1397	var _promotionCard = _interopRequireDefault(__webpack_require__(/*! ./components/promotion-card */ "../modules/promotions/assets/js/react/components/promotion-card.js"));
1479		-var _widgetPromotionCard = _interopRequireDefault(__webpack_require__(/*! ./components/widget-promotion-card */ "../modules/promotions/assets/js/react/components/widget-promotion-card.js"));
1480		-var _excluded = ["colorScheme", "isRTL", "anchorTarget"];
1481		-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; }
1482		-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) { (0, _defineProperty2.default)(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; }
1483		-var OFFSET_MODIFIER = {
1484		- name: 'offset',
1485		- options: {
1486		- offset: [-24, 8]
1487		- }
1488		-};
1489		-function getPlacement(anchorTarget, isRTL) {
1490		- if (!anchorTarget) {
1491		- return 'right';
1492		- }
1493		- return isRTL ? 'left-start' : 'right-start';
1494		-}
1495		-function getCardContent(props) {
1496		- if ('atomicForm' === props.cardType) {
1497		- return /*#__PURE__*/_react.default.createElement(_atomicFormPromotionCard.default, {
1498		- doClose: props.doClose,
1499		- promotionData: props.promotionData,
1500		- ctaUrl: props.ctaUrl
1501		- });
1502		- }
1503		- if ('widgetPromotion' === props.cardType) {
1504		- return /*#__PURE__*/_react.default.createElement(_widgetPromotionCard.default, {
1505		- doClose: props.doClose,
1506		- promotionData: props.promotionData
1507		- });
1508		- }
1509		- return /*#__PURE__*/_react.default.createElement(_promotionCard.default, {
	1398	+var App = function App(props) {
	1399	+ var cardContent = 'atomicForm' === props.cardType ? /*#__PURE__*/_react.default.createElement(_atomicFormPromotionCard.default, {
	1400	+ doClose: props.doClose,
	1401	+ promotionData: props.promotionData,
	1402	+ ctaUrl: props.ctaUrl
	1403	+ }) : /*#__PURE__*/_react.default.createElement(_promotionCard.default, {
1510	1404	doClose: props.onClose,
1511	1405	promotionsData: props.promotionsData
1512	1406	});
1513		-}
1514		-var App = function App(_ref) {
1515		- var colorScheme = _ref.colorScheme,
1516		- isRTL = _ref.isRTL,
1517		- anchorTarget = _ref.anchorTarget,
1518		- props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
1519	1407	return /*#__PURE__*/_react.default.createElement(_ui.DirectionProvider, {
1520		- rtl: isRTL
	1408	+ rtl: props.isRTL
1521	1409	}, /*#__PURE__*/_react.default.createElement(_ui.LocalizationProvider, null, /*#__PURE__*/_react.default.createElement(_ui.ThemeProvider, {
1522		- colorScheme: colorScheme,
1523		- palette: "unstable"
	1410	+ colorScheme: props.colorScheme
1524	1411	}, /*#__PURE__*/_react.default.createElement(_ui.Infotip, {
1525		- content: getCardContent(props),
1526		- placement: getPlacement(anchorTarget, isRTL),
	1412	+ content: cardContent,
	1413	+ placement: "right",
1527	1414	arrow: true,
1528	1415	open: true,
1529	1416	disableHoverListener: true,
1530		- PopperProps: _objectSpread({
1531		- modifiers: [OFFSET_MODIFIER],
1532		- sx: {
1533		- zIndex: function zIndex(theme) {
1534		- return theme.zIndex.appBar - 1;
	1417	+ PopperProps: {
	1418	+ modifiers: [{
	1419	+ name: 'offset',
	1420	+ options: {
	1421	+ offset: [-24, 8]
1535	1422	}
1536		- }
1537		- }, anchorTarget && {
1538		- anchorEl: anchorTarget
1539		- })
	1423	+ }]
	1424	+ }
1540	1425	}, /*#__PURE__*/_react.default.createElement("span", null)))));
1541	1426	};
1542	1427	App.propTypes = {
1543	1428	colorScheme: PropTypes.oneOf(['auto', 'light', 'dark']),
1544	1429	isRTL: PropTypes.bool,
1545		- anchorTarget: PropTypes.object,
1546	1430	cardType: PropTypes.string,
1547	1431	promotionsData: PropTypes.object,
1548	1432	promotionData: PropTypes.object,
1549	1433	ctaUrl: PropTypes.string,
		@@ -1791,115 +1675,8 @@
1791	1675	var _default = exports["default"] = PromotionCard;
1792	1676
1793	1677	/***/ }),
1794	1678
1795		-/***/ "../modules/promotions/assets/js/react/components/widget-promotion-card.js":
1796		-/*!*********************************************************************************!*\
1797		- !*** ../modules/promotions/assets/js/react/components/widget-promotion-card.js ***!
1798		- \*********************************************************************************/
1799		-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1800		-
1801		-"use strict";
1802		-
1803		-
1804		-var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1805		-Object.defineProperty(exports, "__esModule", ({
1806		- value: true
1807		-}));
1808		-exports["default"] = void 0;
1809		-var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
1810		-var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1811		-var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1812		-var _icons = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
1813		-var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
1814		-var CARD_WIDTH = 296;
1815		-var IMAGE_HEIGHT = 176;
1816		-var DEFAULT_CTA_TEXT = (0, _i18n.__)('Upgrade Now', 'elementor');
1817		-var WidgetPromotionCard = function WidgetPromotionCard(_ref) {
1818		- var doClose = _ref.doClose,
1819		- promotionData = _ref.promotionData;
1820		- var title = promotionData.title,
1821		- content = promotionData.content,
1822		- image = promotionData.image,
1823		- ctaUrl = promotionData.ctaUrl,
1824		- ctaText = promotionData.ctaText,
1825		- hideProTag = promotionData.hideProTag;
1826		- return /*#__PURE__*/_react.default.createElement(_ui.ClickAwayListener, {
1827		- disableReactTree: true,
1828		- mouseEvent: "onMouseDown",
1829		- touchEvent: "onTouchStart",
1830		- onClickAway: doClose
1831		- }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
1832		- sx: {
1833		- width: CARD_WIDTH
1834		- }
1835		- }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
1836		- direction: "row",
1837		- alignItems: "center",
1838		- py: 1,
1839		- px: 2
1840		- }, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
1841		- variant: "subtitle2"
1842		- }, title), hideProTag && /*#__PURE__*/_react.default.createElement(_ui.Chip, {
1843		- label: (0, _i18n.__)('Free', 'elementor'),
1844		- size: "tiny",
1845		- variant: "standard",
1846		- color: "secondary",
1847		- sx: {
1848		- ml: 1
1849		- }
1850		- }), /*#__PURE__*/_react.default.createElement(_ui.CloseButton, {
1851		- edge: "end",
1852		- sx: {
1853		- ml: 'auto'
1854		- },
1855		- slotProps: {
1856		- icon: {
1857		- fontSize: 'small'
1858		- }
1859		- },
1860		- onClick: doClose
1861		- })), image && /*#__PURE__*/_react.default.createElement(_ui.Image, {
1862		- src: image,
1863		- alt: "",
1864		- sx: {
1865		- width: CARD_WIDTH,
1866		- height: IMAGE_HEIGHT
1867		- }
1868		- }), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
1869		- px: 2
1870		- }, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
1871		- variant: "body2",
1872		- color: "secondary",
1873		- sx: {
1874		- pt: 1.5,
1875		- pb: 1
1876		- }
1877		- }, content)), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
1878		- pt: 1,
1879		- pb: 1.5,
1880		- px: 2
1881		- }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
1882		- variant: "contained",
1883		- size: "small",
1884		- color: hideProTag ? 'info' : 'promotion',
1885		- href: ctaUrl,
1886		- target: "_blank",
1887		- rel: "noopener noreferrer",
1888		- startIcon: hideProTag ? null : /*#__PURE__*/_react.default.createElement(_icons.CrownFilledIcon, null),
1889		- sx: {
1890		- ml: 'auto'
1891		- }
1892		- }, ctaText || DEFAULT_CTA_TEXT))));
1893		-};
1894		-WidgetPromotionCard.propTypes = {
1895		- doClose: _propTypes.default.func,
1896		- promotionData: _propTypes.default.object
1897		-};
1898		-var _default = exports["default"] = WidgetPromotionCard;
1899		-
1900		-/***/ }),
1901		-
1902	1679	/***/ "../modules/promotions/assets/js/react/controls/promotion.js":
1903	1680	/*!*******************************************************************!*\
1904	1681	!*** ../modules/promotions/assets/js/react/controls/promotion.js ***!
1905	1682	\*******************************************************************/
		@@ -2102,27 +1879,8 @@
2102	1879	module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
2103	1880
2104	1881	/***/ }),
2105	1882
2106		-/***/ "../node_modules/@babel/runtime/helpers/extends.js":
2107		-/*!*********************************************************!*\
2108		- !*** ../node_modules/@babel/runtime/helpers/extends.js ***!
2109		- \*********************************************************/
2110		-/***/ ((module) => {
2111		-
2112		-function _extends() {
2113		- return module.exports = _extends = Object.assign ? Object.assign.bind() : function (n) {
2114		- for (var e = 1; e < arguments.length; e++) {
2115		- var t = arguments[e];
2116		- for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
2117		- }
2118		- return n;
2119		- }, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends.apply(null, arguments);
2120		-}
2121		-module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
2122		-
2123		-/***/ }),
2124		-
2125	1883	/***/ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js":
2126	1884	/*!****************************************************************!*\
2127	1885	!*** ../node_modules/@babel/runtime/helpers/getPrototypeOf.js ***!
2128	1886	\****************************************************************/
		@@ -2221,49 +1979,8 @@
2221	1979	function _nonIterableRest() {
2222	1980	throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
2223	1981	}
2224	1982	module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports;
2225		-
2226		-/***/ }),
2227		-
2228		-/***/ "../node_modules/@babel/runtime/helpers/objectWithoutProperties.js":
2229		-/*!*************************************************************************!*\
2230		- !*** ../node_modules/@babel/runtime/helpers/objectWithoutProperties.js ***!
2231		- \*************************************************************************/
2232		-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
2233		-
2234		-var objectWithoutPropertiesLoose = __webpack_require__(/*! ./objectWithoutPropertiesLoose.js */ "../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js");
2235		-function _objectWithoutProperties(e, t) {
2236		- if (null == e) return {};
2237		- var o,
2238		- r,
2239		- i = objectWithoutPropertiesLoose(e, t);
2240		- if (Object.getOwnPropertySymbols) {
2241		- var n = Object.getOwnPropertySymbols(e);
2242		- for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
2243		- }
2244		- return i;
2245		-}
2246		-module.exports = _objectWithoutProperties, module.exports.__esModule = true, module.exports["default"] = module.exports;
2247		-
2248		-/***/ }),
2249		-
2250		-/***/ "../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js":
2251		-/*!******************************************************************************!*\
2252		- !*** ../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js ***!
2253		- \******************************************************************************/
2254		-/***/ ((module) => {
2255		-
2256		-function _objectWithoutPropertiesLoose(r, e) {
2257		- if (null == r) return {};
2258		- var t = {};
2259		- for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
2260		- if (-1 !== e.indexOf(n)) continue;
2261		- t[n] = r[n];
2262		- }
2263		- return t;
2264		-}
2265		-module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
2266	1983
2267	1984	/***/ }),
2268	1985
2269	1986	/***/ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js":