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