@appcorp/app-corp-vista 0.2.35 → 0.2.36
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.
|
@@ -11,17 +11,54 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
return __assign.apply(this, arguments);
|
|
13
13
|
};
|
|
14
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
15
|
+
if (k2 === undefined) k2 = k;
|
|
16
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
17
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
18
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
19
|
+
}
|
|
20
|
+
Object.defineProperty(o, k2, desc);
|
|
21
|
+
}) : (function(o, m, k, k2) {
|
|
22
|
+
if (k2 === undefined) k2 = k;
|
|
23
|
+
o[k2] = m[k];
|
|
24
|
+
}));
|
|
25
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
26
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
27
|
+
}) : function(o, v) {
|
|
28
|
+
o["default"] = v;
|
|
29
|
+
});
|
|
30
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
31
|
+
var ownKeys = function(o) {
|
|
32
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
33
|
+
var ar = [];
|
|
34
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
35
|
+
return ar;
|
|
36
|
+
};
|
|
37
|
+
return ownKeys(o);
|
|
38
|
+
};
|
|
39
|
+
return function (mod) {
|
|
40
|
+
if (mod && mod.__esModule) return mod;
|
|
41
|
+
var result = {};
|
|
42
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
43
|
+
__setModuleDefault(result, mod);
|
|
44
|
+
return result;
|
|
45
|
+
};
|
|
46
|
+
})();
|
|
14
47
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
48
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
49
|
};
|
|
17
50
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
51
|
exports.VistaHeroV13 = void 0;
|
|
52
|
+
var dynamic_1 = __importDefault(require("next/dynamic"));
|
|
19
53
|
var react_1 = __importDefault(require("react"));
|
|
20
|
-
var react_slick_1 = __importDefault(require("react-slick"));
|
|
21
54
|
var vista_button_v1_1 = require("../../molecules/vista-button-v1/vista-button-v1");
|
|
22
55
|
var vista_button_type_1 = require("../../type/vista-button-type");
|
|
23
56
|
// import "slick-carousel/slick/slick.css";
|
|
24
57
|
// import "slick-carousel/slick/slick-theme.css";
|
|
58
|
+
var DynamicReactSlick = (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require('react-slick')); }); }, {
|
|
59
|
+
loading: function () { return react_1.default.createElement("p", null, "Loading..."); },
|
|
60
|
+
ssr: false,
|
|
61
|
+
});
|
|
25
62
|
var VistaHeroV13 = function (_a) {
|
|
26
63
|
var items = _a.items;
|
|
27
64
|
var settings = {
|
|
@@ -35,7 +72,7 @@ var VistaHeroV13 = function (_a) {
|
|
|
35
72
|
speed: 2000,
|
|
36
73
|
};
|
|
37
74
|
return (react_1.default.createElement("div", { className: "slider-container overflow-x-hidden w-full" },
|
|
38
|
-
react_1.default.createElement(
|
|
75
|
+
react_1.default.createElement(DynamicReactSlick, __assign({}, settings), items.map(function (item) { return (react_1.default.createElement("div", { key: item.heading, className: "" },
|
|
39
76
|
react_1.default.createElement("div", { className: "relative isolate overflow-hidden pt-14" },
|
|
40
77
|
react_1.default.createElement("img", { alt: item.bannerAlt, src: item.bannerSrc, className: "absolute inset-0 -z-10 size-full object-cover" }),
|
|
41
78
|
react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" },
|
|
@@ -5,8 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.VistaProductListV5 = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var vista_button_v1_1 = require("../../molecules/vista-button-v1/vista-button-v1");
|
|
9
|
+
var vista_button_type_1 = require("../../type/vista-button-type");
|
|
8
10
|
var VistaProductListV5 = function (_a) {
|
|
9
|
-
var
|
|
11
|
+
var items = _a.items, title = _a.title;
|
|
10
12
|
return (react_1.default.createElement("div", { className: "bg-white" },
|
|
11
13
|
react_1.default.createElement("div", { className: "mx-auto max-w-2xl px-4 py-16 sm:px-6 sm:py-20 lg:max-w-7xl lg:px-8" },
|
|
12
14
|
react_1.default.createElement("h2", { className: "text-xl font-bold text-gray-900" }, title),
|
|
@@ -29,11 +31,7 @@ var VistaProductListV5 = function (_a) {
|
|
|
29
31
|
react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-x-0 bottom-0 h-48 bg-linear-to-t from-primary opacity-50" }),
|
|
30
32
|
price && (react_1.default.createElement("p", { className: "relative text-lg font-semibold text-white" }, price)))),
|
|
31
33
|
react_1.default.createElement("div", { className: "mt-6" },
|
|
32
|
-
react_1.default.createElement(
|
|
33
|
-
ctaLabel,
|
|
34
|
-
react_1.default.createElement("span", { className: "sr-only" },
|
|
35
|
-
", ",
|
|
36
|
-
name)))));
|
|
34
|
+
react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { className: 'w-full bg-primary/30 !text-gray-900 hover:bg-primary/40', handleOnClick: handleOnClick, label: ctaLabel, size: vista_button_type_1.VISTA_BUTTON_SIZE.LG, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY }))));
|
|
37
35
|
})))));
|
|
38
36
|
};
|
|
39
37
|
exports.VistaProductListV5 = VistaProductListV5;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
"use strict";
|
|
3
2
|
var __assign = (this && this.__assign) || function () {
|
|
4
3
|
__assign = Object.assign || function(t) {
|
|
@@ -56,6 +55,8 @@ var solid_1 = require("@heroicons/react/20/solid");
|
|
|
56
55
|
var react_2 = require("@headlessui/react");
|
|
57
56
|
var outline_1 = require("@heroicons/react/24/outline");
|
|
58
57
|
var class_names_1 = require("../../utils/class-names");
|
|
58
|
+
var vista_button_v1_1 = require("../../molecules/vista-button-v1/vista-button-v1");
|
|
59
|
+
var vista_button_type_1 = require("../../type/vista-button-type");
|
|
59
60
|
// import "slick-carousel/slick/slick.css";
|
|
60
61
|
// import "slick-carousel/slick/slick-theme.css";
|
|
61
62
|
var DynamicReactSlick = (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require('react-slick')); }); }, {
|
|
@@ -67,9 +68,9 @@ var VistaProductOverviewV3 = function (_a) {
|
|
|
67
68
|
var slickConfig = {
|
|
68
69
|
dots: true,
|
|
69
70
|
infinite: (images === null || images === void 0 ? void 0 : images.length) === 1 ? false : true,
|
|
70
|
-
speed: 500,
|
|
71
|
-
slidesToShow: 1,
|
|
72
71
|
slidesToScroll: 1,
|
|
72
|
+
slidesToShow: 1,
|
|
73
|
+
speed: 500,
|
|
73
74
|
};
|
|
74
75
|
return (react_1.default.createElement("div", { className: "bg-white" },
|
|
75
76
|
react_1.default.createElement("div", { className: "mx-auto max-w-2xl px-4 py-16 sm:px-6 sm:py-20 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-x-8 lg:px-8" },
|
|
@@ -136,7 +137,7 @@ var VistaProductOverviewV3 = function (_a) {
|
|
|
136
137
|
react_1.default.createElement("span", null, "What size should I buy?"),
|
|
137
138
|
react_1.default.createElement(solid_1.QuestionMarkCircleIcon, { "aria-hidden": "true", className: "ml-2 size-5 shrink-0 text-gray-400 group-hover:text-gray-500" })))),
|
|
138
139
|
react_1.default.createElement("div", { className: "mt-10" },
|
|
139
|
-
react_1.default.createElement(
|
|
140
|
+
react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { className: 'w-full py-4', handleOnClick: handleCtaOnClick, label: ctaLabel, size: vista_button_type_1.VISTA_BUTTON_SIZE.XL, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY })),
|
|
140
141
|
guaranteeInfo && (react_1.default.createElement("div", { className: "mt-6 text-center" },
|
|
141
142
|
react_1.default.createElement("a", { href: "#", className: "group inline-flex text-base font-medium" },
|
|
142
143
|
react_1.default.createElement(outline_1.ShieldCheckIcon, { "aria-hidden": "true", className: "mr-2 size-6 shrink-0 text-gray-400 group-hover:text-gray-500" }),
|