ecomlab-components-next 0.1.289 → 0.1.290
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.
|
@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports["default"] = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _ButtonBasicV = _interopRequireDefault(require("../../Buttons/ButtonBasicV2/ButtonBasicV2"));
|
|
10
|
+
var _useReveal = _interopRequireDefault(require("@/common/hooks/useReveal"));
|
|
10
11
|
require("./TariffPlanV2.scss");
|
|
11
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
12
13
|
// ─── SVG Icons ────────────────────────────────────────────────────────────────
|
|
@@ -247,12 +248,13 @@ var PLANS = [{
|
|
|
247
248
|
var TariffCard = function TariffCard(_ref) {
|
|
248
249
|
var plan = _ref.plan,
|
|
249
250
|
onCtaClick = _ref.onCtaClick;
|
|
251
|
+
(0, _useReveal["default"])();
|
|
250
252
|
var cardCls = ['tariff-card', plan.popular ? 'tariff-card_popular' : ''].filter(Boolean).join(' ');
|
|
251
253
|
var priceCls = ['tariff-card__price', plan.priceVariant === 'free' ? 'tariff-card__price_free' : '', plan.priceVariant === 'custom' ? 'tariff-card__price_custom' : ''].filter(Boolean).join(' ');
|
|
252
254
|
var periodCls = ['tariff-card__price-period', plan.periodAccent ? 'tariff-card__price-period_accent' : ''].filter(Boolean).join(' ');
|
|
253
255
|
var ctaCls = ['tariff-card__cta', plan.ctaFilled ? 'tariff-card__cta_filled' : ''].filter(Boolean).join(' ');
|
|
254
256
|
return /*#__PURE__*/_react["default"].createElement("article", {
|
|
255
|
-
className: cardCls
|
|
257
|
+
className: "".concat(cardCls, " reveal")
|
|
256
258
|
}, plan.popular && /*#__PURE__*/_react["default"].createElement("div", {
|
|
257
259
|
className: "tariff-card__badge"
|
|
258
260
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
@@ -309,9 +311,9 @@ var TariffPlanV2 = function TariffPlanV2(_ref2) {
|
|
|
309
311
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
310
312
|
className: "tariff-plan__header"
|
|
311
313
|
}, title && /*#__PURE__*/_react["default"].createElement("h2", {
|
|
312
|
-
className: "tariff-plan__title"
|
|
314
|
+
className: "tariff-plan__title reveal"
|
|
313
315
|
}, title), description && /*#__PURE__*/_react["default"].createElement("p", {
|
|
314
|
-
className: "tariff-plan__subtitle"
|
|
316
|
+
className: "tariff-plan__subtitle reveal"
|
|
315
317
|
}, description)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
316
318
|
className: "tariff-plan__grid"
|
|
317
319
|
}, PLANS.map(function (plan) {
|