@appcorp/app-corp-vista 0.2.34 → 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.
Files changed (4) hide show
  1. package/organisms/vista-hero-v13/vista-hero-v13.js +40 -3
  2. package/organisms/vista-product-list-v5/vista-product-list-v5.js +4 -6
  3. package/organisms/vista-product-overview-v3/vista-product-overview-v3.js +5 -4
  4. package/package.json +1 -1
package/organisms/vista-hero-v13/vista-hero-v13.js CHANGED
@@ -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(react_slick_1.default, __assign({}, settings), items.map(function (item) { return (react_1.default.createElement("div", { key: item.heading, className: "" },
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" },
@@ -55,7 +92,7 @@ var VistaHeroV13 = function (_a) {
55
92
  react_1.default.createElement("span", { "aria-hidden": "true" }, "\u2192"))))) : (react_1.default.createElement("div", { className: 'min-h-16' })),
56
93
  react_1.default.createElement("div", { className: "text-center" },
57
94
  react_1.default.createElement("h1", { className: "text-5xl font-semibold tracking-tight text-balance text-white sm:text-7xl" }, item.heading),
58
- react_1.default.createElement("p", { className: "mt-8 text-lg font-medium text-pretty text-gray-400 sm:text-xl/8" }, item.description),
95
+ react_1.default.createElement("p", { className: "mt-8 text-lg font-medium text-pretty text-white sm:text-xl/8" }, item.description),
59
96
  react_1.default.createElement("div", { className: "mt-10 flex items-center justify-center gap-x-6" }, item.ctas.map(function (cta) { return (react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: cta.handleOnClick, key: cta.order, label: cta.label, size: vista_button_type_1.VISTA_BUTTON_SIZE.XL, variant: cta.variant })); }))))),
60
97
  react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]" },
61
98
  react_1.default.createElement("div", { style: {
package/organisms/vista-product-list-v5/vista-product-list-v5.js CHANGED
@@ -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 title = _a.title, items = _a.items;
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("button", { onClick: handleOnClick, className: "relative flex w-full items-center justify-center rounded-md border border-transparent bg-primary/30 px-8 py-2 text-sm font-medium text-gray-900 hover:bg-primary/40" },
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;
package/organisms/vista-product-overview-v3/vista-product-overview-v3.js CHANGED
@@ -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("button", { type: "submit", className: "flex w-full items-center justify-center rounded-md border border-transparent bg-primary px-8 py-3 text-base font-medium text-white hover:bg-primary/80 focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-gray-50 focus:outline-hidden", onClick: handleCtaOnClick }, ctaLabel)),
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" }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/app-corp-vista",
3
- "version": "0.2.34",
3
+ "version": "0.2.36",
4
4
  "scripts": {
5
5
  "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
6
6
  "build:next": "next build",